#authGate{position:fixed;inset:0;z-index:100;background:#0B0A0A;overflow:auto}
.ag-wrap{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px 16px}
.ag-card{width:100%;max-width:400px;background:#171515;padding:28px 24px;border-top:3px solid #E63329}
.ag-logo{width:200px;height:auto;display:block}
.ag-app{font-family:"Bank Gothic","Michroma",sans-serif;letter-spacing:.32em;color:#F2EEEE;font-size:12px;margin-top:10px}
.ag-rule{width:56px;height:3px;background:#E63329;margin:16px 0 20px}
.ag-card h1{font-family:"Bank Gothic","Michroma",sans-serif;font-weight:400;font-size:22px;letter-spacing:.06em;color:#fff;margin:0 0 16px;text-transform:uppercase}
.ag-card form{display:grid;gap:12px}
.ag-card label{display:grid;gap:6px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#B9B3B3}
.ag-card input{background:#0B0A0A;border:1px solid #3a3636;color:#fff;font:16px "Open Sans",sans-serif;padding:12px;min-height:46px;letter-spacing:0;text-transform:none}
.ag-card input:focus{outline:2px solid #E63329;outline-offset:0}
.ag-btn{background:#E63329;color:#fff;border:0;font:700 15px "Open Sans",sans-serif;min-height:48px;cursor:pointer;width:100%;margin-top:4px}
.ag-btn.ghost{background:transparent;border:1px solid #3a3636;margin-top:12px}
.ag-btn:disabled{opacity:.6}
.ag-msg{min-height:18px;color:#f5a623;font-size:14px}
.ag-alt,.ag-p{color:#B9B3B3;font-size:14px;margin:14px 0 0}
.ag-alt a{color:#fff}
body:not(.is-pm) .pm-only,body:not(.is-admin) .admin-only{display:none!important}
.leaflet-container{background:#1b1b1b;font:13px "Open Sans",sans-serif}
.top .nav{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;min-width:0}.top .nav::-webkit-scrollbar{display:none}
@media (max-width:1600px){.top .nav a{padding-left:9px!important;padding-right:9px!important;font-size:15px}}
@media (max-width:640px){.top .brand .logo{width:118px!important;height:auto!important}#newJobBtn{padding:0 10px!important;font-size:13px!important;min-height:36px!important}#whoLink #who{max-width:64px;overflow:hidden;text-overflow:ellipsis;display:inline-block;vertical-align:middle}.top{gap:8px!important}}
/* ---- hub: dashboards, admin, Me ---- */
body:not(.is-approver):not(.is-admin) .approver-only{display:none!important}
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:22px}@media (max-width:900px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
.kpi{background:var(--panel);padding:14px 16px;display:flex;flex-direction:column;gap:3px;border-top:3px solid var(--line);color:inherit;text-decoration:none;min-width:0}
a.kpi:hover{background:var(--panel2)}
.kpi .n{font-family:var(--f-head);font-size:30px;line-height:1.1;color:var(--fg)}.kpi .n small{font-size:15px;color:var(--muted)}
.kpi .c{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.kpi .sub{font-size:12px;color:var(--muted)}
.kpi.red{border-top-color:var(--red)}.kpi.amber{border-top-color:var(--amber)}.kpi.ok{border-top-color:var(--ok)}
.dash{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr);gap:22px;align-items:start}
@media (max-width:980px){.dash{grid-template-columns:minmax(0,1fr)}}
.hbar{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:10px;align-items:center;font-size:13px;padding:5px 0}
.hbar .l{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hbar .v{color:var(--muted);font-size:12px;white-space:nowrap}
.hbar .track{position:relative;height:10px;background:var(--panel2)}.hbar .track i{position:absolute;left:0;top:0;bottom:0;background:var(--red)}
.hbar .track b{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--fg)}
@media (max-width:640px){.hbar{grid-template-columns:90px minmax(0,1fr) auto}}
.pill.warn{border-color:var(--amber);color:var(--amber)}
button.pill{cursor:pointer;font-family:inherit}
.hubtabs{display:flex;gap:4px;flex-wrap:wrap;margin:0 0 18px;border-bottom:1px solid var(--line)}
.hubtabs button{background:none;border:0;border-bottom:3px solid transparent;color:var(--muted);font:600 14px "Open Sans",sans-serif;padding:10px 14px;cursor:pointer;display:inline-flex;gap:6px;align-items:center;min-height:44px}
.hubtabs button.on{color:var(--fg);border-bottom-color:var(--red)}
.hubtabs .cnt{background:var(--red);color:#fff;font-size:11px;padding:1px 6px}
.hubav{flex:none;display:inline-flex!important;align-items:center;justify-content:center;background:var(--panel2);font-size:12px;font-weight:700;overflow:hidden}
.hubme{margin-bottom:12px}.hubname{font-family:var(--f-head);font-size:22px;color:var(--fg);text-transform:uppercase;letter-spacing:.04em}
.hubacts{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px}
@media (max-width:640px){.hubacts .btn{flex:1 1 calc(50% - 8px)}.tabbar a{font-size:10px}}
.top .brand{cursor:pointer}
.tabbar{grid-template-columns:repeat(6,minmax(0,1fr))!important}
.hubname{font-size:19px;overflow-wrap:anywhere}
@media (max-width:640px){.hubme .btn{width:100%}}
/* ---- clean-up from the website motion and style handover (colours and type unchanged) ---- */
.btn,.pill,button.pill{transition:transform .16s cubic-bezier(.23,1,.32,1),background-color .25s ease,border-color .25s ease,color .2s ease}
.btn:active,button.pill:active,.hubtabs button:active{transform:scale(.97)}
.top .nav a{position:relative}
.top .nav a::after{content:"";position:absolute;left:10px;right:10px;bottom:6px;height:1px;background:var(--red);transform:scaleX(0);transform-origin:right;transition:transform .4s cubic-bezier(.23,1,.32,1);pointer-events:none}
@media (hover:hover){.top .nav a:hover::after{transform:scaleX(1);transform-origin:left}}
.frame{position:relative}
.frame::before,.frame::after{content:"";position:absolute;width:22px;height:22px;border:2px solid var(--muted);pointer-events:none}
.frame::before{left:10px;top:10px;border-right:0;border-bottom:0}
.frame::after{right:10px;bottom:10px;border-left:0;border-top:0}
.ag-card{position:relative}
.ag-card::after{content:"";position:absolute;right:10px;bottom:10px;width:22px;height:22px;border:2px solid #6a6461;border-left:0;border-top:0;pointer-events:none}
.kpi .n,.mono,.hbar .v{font-variant-numeric:tabular-nums}
@media (max-width:900px){header.top{transition:transform .5s cubic-bezier(.23,1,.32,1)}header.top.hide{transform:translateY(-110%)}}
:focus-visible{outline:2px solid var(--red);outline-offset:3px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}
/* ---- phone three-line menu ---- */
.menubtn{display:none;width:44px;height:44px;flex:none;background:none;border:2px solid var(--line);cursor:pointer;padding:0;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.menubtn i{display:block;width:20px;height:2px;background:var(--fg);transition:transform .25s cubic-bezier(.23,1,.32,1),opacity .2s ease}
.menu-open .menubtn i:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-open .menubtn i:nth-child(2){opacity:0}.menu-open .menubtn i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media (max-width:760px){
  .menubtn{display:inline-flex}
  header.top.menu-open .nav{display:flex!important;flex-direction:column;gap:0;position:absolute;left:0;right:0;top:100%;background:var(--head,#0B0A0A);border-top:1px solid var(--line);border-bottom:2px solid var(--red);padding:6px 0 10px;max-height:calc(100vh - 140px);overflow-y:auto;z-index:40}
  header.top.menu-open .nav a{padding:14px max(20px,env(safe-area-inset-left,0px));font-size:16px;color:var(--fg);border-top:0;border-bottom:1px solid var(--line)}
  header.top.menu-open .nav a.on,header.top.menu-open .nav a[aria-current]{color:var(--red)}
  header.top.menu-open .nav a::after{display:none}
  header.top{position:sticky}
}
@media (max-width:760px){.menubtn{order:10;margin-left:4px}.top-in{gap:10px!important}.top .brand{margin-right:auto}}
@media (max-width:480px){#newJobBtn{display:none!important}.menubtn{width:40px;height:40px}}
/* ---- motion pass 2: visible but calm (Sam, 8 Nov) ---- */
:root{--eo:cubic-bezier(.23,1,.32,1);--eio:cubic-bezier(.77,0,.175,1)}
/* side sheets slide in properly and the backdrop fades */
.scrim{transition:opacity .3s var(--eo)!important}
.sheet{transform:translateX(100%)!important;transition:transform .42s var(--eo)!important}
.scrim.show .sheet{transform:none!important}
.sheet-b>*{animation:mcIn .38s var(--eo) backwards}
.sheet-b>*:nth-child(1){animation-delay:.08s}.sheet-b>*:nth-child(2){animation-delay:.12s}.sheet-b>*:nth-child(3){animation-delay:.16s}.sheet-b>*:nth-child(4){animation-delay:.2s}.sheet-b>*:nth-child(5){animation-delay:.24s}.sheet-b>*:nth-child(n+6){animation-delay:.28s}
@media (max-width:760px){.sheet{transform:translateY(100%)!important}.scrim.show .sheet{transform:none!important}}
@keyframes mcIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
/* phone menu drops down with the links cueing in one after another */
@media (max-width:760px){
  header.top.menu-open .nav{animation:mcDrop .36s var(--eo)}
  header.top.menu-open .nav a{animation:mcLink .34s var(--eo) backwards}
  header.top.menu-open .nav a:nth-child(1){animation-delay:.04s}header.top.menu-open .nav a:nth-child(2){animation-delay:.07s}header.top.menu-open .nav a:nth-child(3){animation-delay:.1s}header.top.menu-open .nav a:nth-child(4){animation-delay:.13s}header.top.menu-open .nav a:nth-child(5){animation-delay:.16s}header.top.menu-open .nav a:nth-child(6){animation-delay:.19s}header.top.menu-open .nav a:nth-child(7){animation-delay:.22s}header.top.menu-open .nav a:nth-child(8){animation-delay:.25s}header.top.menu-open .nav a:nth-child(9){animation-delay:.28s}header.top.menu-open .nav a:nth-child(n+10){animation-delay:.31s}
  header.top.menu-open .nav a:active{background:#120b0b}
}
@keyframes mcDrop{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes mcLink{from{opacity:0;transform:translateX(-14px)}to{opacity:1;transform:none}}
/* bottom bar: a red line slides to the active tab, icons lift a touch */
.tabbar a::before{content:"";position:absolute;top:0;left:22%;right:22%;height:2px;background:var(--red);transform:scaleX(0);transition:transform .35s var(--eo)}
.tabbar a.on::before{transform:scaleX(1)}
.tabbar a svg{transition:transform .3s var(--eo)}
.tabbar a.on svg{transform:translateY(-2px)}
.tabbar a:active svg{transform:scale(.88)}
/* toasts rise in */
.toast{animation:mcToast .35s var(--eo)}
@keyframes mcToast{from{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%,0)}}
/* cards and rows respond to touch and hover */
.kpi,.pcard,.issue,.acard,.livejob{transition:background-color .25s ease,border-color .25s ease,transform .18s var(--eo)}
a.kpi:active,.issue[data-go]:active,.livejob:active{transform:scale(.985)}
@media (hover:hover){.issue[data-go]:hover,.pcard:hover{background:#120b0b}}
.hubtabs button{transition:color .25s ease,border-color .35s var(--eo)}
/* ---- motion: scroll reveal, menu, sheets, cards ---- */
.rv{opacity:0;transform:translateY(18px);transition:opacity .5s cubic-bezier(.23,1,.32,1) var(--d,0ms),transform .6s cubic-bezier(.23,1,.32,1) var(--d,0ms)}
.rv.rv-in{opacity:1;transform:none}
@media (max-width:760px){
  header.top.menu-open .nav{animation:menuDrop .38s cubic-bezier(.23,1,.32,1) both;transform-origin:top}
  header.top.menu-open .nav a{animation:menuItem .42s cubic-bezier(.23,1,.32,1) both}
  header.top.menu-open .nav a:nth-child(1){animation-delay:.03s}header.top.menu-open .nav a:nth-child(2){animation-delay:.06s}header.top.menu-open .nav a:nth-child(3){animation-delay:.09s}header.top.menu-open .nav a:nth-child(4){animation-delay:.12s}header.top.menu-open .nav a:nth-child(5){animation-delay:.15s}header.top.menu-open .nav a:nth-child(6){animation-delay:.18s}header.top.menu-open .nav a:nth-child(7){animation-delay:.21s}header.top.menu-open .nav a:nth-child(8){animation-delay:.24s}header.top.menu-open .nav a:nth-child(9){animation-delay:.27s}header.top.menu-open .nav a:nth-child(10){animation-delay:.3s}header.top.menu-open .nav a:nth-child(11){animation-delay:.33s}header.top.menu-open .nav a:nth-child(12){animation-delay:.36s}header.top.menu-open .nav a:nth-child(n+13){animation-delay:.39s}
  .scrim{align-items:flex-end}
  .scrim .sheet{transform:translateY(40px);transition:transform .38s cubic-bezier(.23,1,.32,1)}
}
@keyframes menuDrop{from{opacity:0;transform:translateY(-12px) scaleY(.96)}to{opacity:1;transform:none}}
@keyframes menuItem{from{opacity:0;transform:translateX(-14px)}to{opacity:1;transform:none}}
.scrim{transition:opacity .28s cubic-bezier(.23,1,.32,1)!important}
.scrim .sheet{transition:transform .34s cubic-bezier(.23,1,.32,1)!important}
@media (hover:hover){.kpi,.acard,.livejob,.pcard{transition:transform .25s cubic-bezier(.23,1,.32,1),background-color .2s ease,border-color .2s ease}a.kpi:hover,.livejob:hover{transform:translateY(-2px)}}
.tabbar a{transition:color .2s ease,transform .16s cubic-bezier(.23,1,.32,1)}.tabbar a:active{transform:scale(.92)}
.tabbar a.on svg,.tabbar a[aria-current] svg{animation:tabPop .35s cubic-bezier(.23,1,.32,1)}
@keyframes tabPop{0%{transform:scale(.8)}60%{transform:scale(1.12)}100%{transform:none}}
.toast{animation:toastIn .32s cubic-bezier(.23,1,.32,1)}
@keyframes toastIn{from{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%,0)}}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){.rv{opacity:1!important;transform:none!important}html{scroll-behavior:auto}}

/* search bar on People, Crew, Jobs */
.findbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.findbar .in{flex:1 1 280px;max-width:520px;min-height:44px;font-size:16px}
.findbar .findn{display:flex;align-items:center;gap:8px}

/* dashboard seat grid: crew by role */
.seatrow{display:grid;grid-template-columns:120px minmax(0,1fr);grid-template-areas:"l s" ". v";column-gap:12px;row-gap:4px;padding:8px 0;border-bottom:1px solid var(--line)}
.seatrow:last-child{border-bottom:0}
.seatrow .l{grid-area:l;font-weight:700;font-size:13px;align-self:center}
.seatrow .seats{grid-area:s;display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.seatrow .v{grid-area:v;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.seatrow .v .bad{color:var(--red-txt)}.seatrow .v .okt{color:var(--fg)}.seatrow .pool{color:var(--dim)}
.seatrow em{font-style:normal;font-size:11px;color:var(--muted);margin-left:4px}
.seat{display:inline-block;width:14px;height:14px;border:2px solid #5a5452;background:transparent;box-sizing:border-box}
.seat.on{background:var(--fg);border-color:var(--fg)}
.seat.short{border-color:var(--red)}
.seat.extra{background:transparent;border-color:var(--fg);border-style:dashed}
.seat.on.extra{background:var(--muted);border-color:var(--muted);border-style:solid}
.seatkey{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.seatkey .seat{width:10px;height:10px;margin-left:6px}
.rv-in .seatrow .seat.on{animation:seatIn .35s var(--ease-out,cubic-bezier(.23,1,.32,1)) both}
@keyframes seatIn{from{transform:scale(.4);opacity:0}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.rv-in .seatrow .seat.on{animation:none}}
@media (max-width:640px){.seatrow{grid-template-columns:90px minmax(0,1fr)}}
/* @mentions in job discussions */
.mentionbox{display:grid;border:1px solid var(--line);background:var(--bg2,#151313);max-height:220px;overflow:auto}
.mentionbox button{display:flex;gap:8px;align-items:center;padding:8px 10px;background:none;border:0;border-bottom:1px solid var(--line);color:var(--fg);font:inherit;text-align:left;cursor:pointer;min-height:40px}
.mentionbox button:hover,.mentionbox button:focus{background:rgba(255,255,255,.06)}
.post .tx b.mention{color:var(--red);font-weight:600}
/* ---- livelier motion (Sam, 8 Nov 2026) ---- */
.pgsweep{position:fixed;left:0;right:0;top:0;height:2px;z-index:200;pointer-events:none;transform-origin:left;background:linear-gradient(90deg,rgba(212,0,0,0),var(--red) 40%,#ff5a4f);box-shadow:0 0 14px rgba(212,0,0,.7)}
.rv{opacity:0;transform:translateY(28px) scale(.985);filter:blur(4px);transition:opacity .55s var(--eo) var(--d,0ms),transform .75s var(--eo) var(--d,0ms),filter .55s var(--eo) var(--d,0ms)}
.rv.rv-in{opacity:1;transform:none;filter:none}
.hubtabs,.top .nav{position:relative}
.hubtabs button.on{border-bottom-color:transparent}
.ink{position:absolute;left:0;top:0;height:3px;background:var(--red);pointer-events:none;box-shadow:0 0 12px rgba(212,0,0,.65);transition:transform .55s var(--eio),width .55s var(--eio),opacity .3s ease;will-change:transform,width}
.top .nav .ink{height:2px}
.btn,.hubtabs button{position:relative;overflow:hidden}
.rip{position:absolute;border-radius:50%;background:rgba(255,255,255,.55);pointer-events:none;mix-blend-mode:overlay}
@media (hover:hover){.btn:hover{transform:translateY(-1px)}.btn.pri:hover{box-shadow:0 8px 22px -10px rgba(212,0,0,.9)}}
.acard,.jobcard,.pcard{transition:transform .35s var(--eo),box-shadow .35s var(--eo),background-color .25s ease}
@media (hover:hover){.acard:hover,.jobcard:hover{transform:translateY(-3px);box-shadow:0 14px 30px -18px rgba(212,0,0,.55)}}
/* ---- the job chat: highlighted panel, glowing composer ---- */
.chatsec{scroll-margin-top:84px}
.chatsec .chatpanel{border:1px solid rgba(212,0,0,.38);background:linear-gradient(180deg,rgba(212,0,0,.09),rgba(212,0,0,0) 160px),var(--panel);box-shadow:0 22px 48px -30px rgba(212,0,0,.6)}
.post.composer{position:relative;padding:16px;background:rgba(255,255,255,.015);border-bottom:1px solid rgba(212,0,0,.28)}
.post.composer::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--red),rgba(212,0,0,.15))}
.post.composer textarea{min-height:84px;background:#0c0a0a;border:1px solid #3a3232;transition:border-color .3s ease,box-shadow .35s var(--eo)}
.post.composer textarea:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 3px rgba(212,0,0,.2),0 0 28px -6px rgba(212,0,0,.7)}
.chatdot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--red);margin-right:10px;vertical-align:2px;animation:chatPulse 2.2s ease-out infinite}
@keyframes chatPulse{0%{box-shadow:0 0 0 0 rgba(212,0,0,.7)}70%,100%{box-shadow:0 0 0 9px rgba(212,0,0,0)}}
.chatsec.flash .chatpanel{animation:chatFlash 1.6s var(--eo)}
@keyframes chatFlash{0%{box-shadow:0 0 0 2px var(--red),0 0 46px rgba(212,0,0,.75)}100%{box-shadow:0 22px 48px -30px rgba(212,0,0,.6)}}
@media (prefers-reduced-motion:reduce){.rv{filter:none;transform:none}.chatdot{animation:none}}
/* ---- PM checklists ---- */
.clgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}
.clcard{display:grid;gap:4px;text-align:left;background:var(--panel);border:1px solid var(--line);color:var(--fg);padding:14px 14px 0;cursor:pointer;font:inherit;position:relative;overflow:hidden;transition:transform .3s var(--eo),border-color .25s ease,box-shadow .3s var(--eo)}
.clcard .n{font:12px var(--f-mono);color:var(--muted)}.clcard .l{font-weight:700}.clcard .s{font-size:12px;color:var(--muted);min-height:18px}
.clcard .bar{display:block;height:3px;background:var(--panel2);margin:10px -14px 0}.clcard .bar b{display:block;height:100%;background:var(--red);transition:width .6s var(--eo)}
.clcard.signed .bar b{background:var(--ok)}.clcard.iss{border-color:rgba(242,183,5,.45)}
@media (hover:hover){.clcard:hover{transform:translateY(-3px);border-color:rgba(212,0,0,.5);box-shadow:0 14px 30px -18px rgba(212,0,0,.55)}}
.cllist{display:grid;gap:8px}
.clitem{border:1px solid var(--line);padding:10px 12px;display:grid;gap:8px;background:var(--panel);transition:border-color .25s ease,background-color .25s ease}
.clitem.done{border-color:rgba(52,211,153,.4)}.clitem.issue{border-color:rgba(242,183,5,.6);background:rgba(242,183,5,.05)}.clitem.na{opacity:.7}
.clitem .t{font-size:14px;color:var(--fg)}
.cl3{display:flex;gap:6px;flex-wrap:wrap}
.cl3 button{min-height:36px;padding:0 12px;background:none;border:1px solid var(--line);color:var(--body);font:600 13px var(--f-body);cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .15s var(--eo)}
.cl3 button:active{transform:scale(.95)}
.cl3 button.on[data-cls=done]{background:var(--ok);border-color:var(--ok);color:#06140e}
.cl3 button.on[data-cls=issue]{background:var(--amber);border-color:var(--amber);color:#1a1300}
.cl3 button.on[data-cls=na]{background:var(--panel2);border-color:var(--dim);color:var(--fg)}
.cl3 .ph{margin-left:auto}
.clph{display:flex;gap:6px;flex-wrap:wrap}
.leadrow{display:flex;flex-wrap:wrap;gap:8px}
.leadchip{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--line);background:var(--panel);padding:6px 10px;font-size:13px;color:var(--fg)}
.leadchip b{font:600 10px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--red-txt,#e3342c)}
.tmlist{display:grid;gap:8px}
.tmrow{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto;gap:6px;align-items:center;animation:mcIn .3s var(--eo)}
@media (max-width:480px){.tmrow{grid-template-columns:1fr auto}.tmrow select[name=tm_a]{grid-column:1}.tmrow [data-tm-rm]{grid-row:1/span 2;grid-column:2}}
.hleads{display:grid;gap:6px;margin-top:8px}
.hleads>div{display:grid;gap:1px}
.hleads .lbl{font-size:10px}
.whomenu{position:fixed;z-index:80;min-width:200px;background:var(--panel);border:1px solid var(--line);box-shadow:0 12px 32px rgba(0,0,0,.35);display:grid;padding:6px;animation:mcIn .2s var(--eo)}
.whomenu .wm-n{font-weight:600;padding:8px 10px 0}
.whomenu .wm-e{font-size:12px;color:var(--muted);padding:0 10px 8px;border-bottom:1px solid var(--line);margin-bottom:4px;overflow-wrap:anywhere}
.whomenu a,.whomenu button{all:unset;cursor:pointer;padding:10px;font-size:14px;color:var(--fg)}
.whomenu a:hover,.whomenu button:hover{background:var(--line)}
.whomenu [data-hub-out]{color:var(--red-txt,#e3342c)}