/* Set-up sessions, matchday crew, volunteer picker */
.sess{border-top:1px solid var(--line);padding:12px 0 6px}
.sess:first-child{border-top:0;padding-top:4px}
.sess-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:4px}
.sess-head b{font-weight:600}
.sess-head small{display:block;color:var(--muted);font-size:12.5px}
.row.slim{padding:8px 4px;border-top:1px solid var(--line)}
.list .row.slim{padding:9px 20px}
.when.warn{color:var(--yellow)}
.ev.t-setup{border-color:var(--orange);background:rgba(243,154,74,.12)}
.pick-list{max-height:min(46vh,420px);overflow:auto;margin-top:10px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.pick{display:flex;gap:12px;align-items:center;padding:9px 12px;border-top:1px solid var(--line);cursor:pointer}
.pick:first-child{border-top:0}
.pick:hover{background:var(--card-2)}
.pick input{accent-color:var(--blue);width:17px;height:17px;flex:none}
.pick b{font-weight:500;display:block}
.pick small{color:var(--muted);font-size:12px}
@media (max-width:820px){.sess-head .toolbar{width:100%}.list .row.slim{padding:9px 16px}}
/* 1878s logo */
.brand .dot{width:32px;height:32px;border-radius:9px;background:#0d0db0 url(/logo.png) center/cover no-repeat;box-shadow:0 0 0 1px rgba(255,255,255,.1)}
.login .brand .dot{width:46px;height:46px;border-radius:12px}
.login .brand{gap:12px;font-size:19px}
/* keep iOS date/time inputs inside their boxes */
input.input[type=time],input.input[type=date],input.input[type=datetime-local]{-webkit-appearance:none;appearance:none;min-width:0;max-width:100%;display:block;min-height:42px;text-align:left}
input.input::-webkit-date-and-time-value{text-align:left}
.form>*{min-width:0}
.pk-new{margin-top:12px;padding:14px;border:1px solid var(--line-2);border-radius:12px;background:var(--panel)}
[hidden]{display:none!important}
/* mobile polish */
.card{overflow:hidden}
.card-head{flex-wrap:wrap;gap:10px}
@media (hover:none){.row:hover,.pick:hover,.tcard:hover{background:transparent}.table tbody tr:hover td{background:transparent}.row:active,.pick:active{background:var(--card-2)}}
@media (max-width:820px){.card-head>.toolbar:last-child:not(:first-child){width:100%}.cal-legend{width:100%}}