/* Central da Organização · MKT4 (design system MKT4: preto, Anton, Satoshi, fita em gradiente).
   Só aparência. Carregado depois de staff.css, operations.css e organization-refresh.css. */
.staff-page{
 --cx-yellow:#ffb534;--cx-orange:#f68120;--cx-red:#f30e04;--cx-pink:#e70d8f;--cx-purple:#ac0ec2;--cx-blue:#5627e0;--cx-cyan:#40ccf7;
 --cx-gradient:linear-gradient(90deg,#ffb534,#f68120,#f30e04,#e70d8f,#ac0ec2,#5627e0,#40ccf7);
 --cx-radius:20px;--cx-display:Anton,Impact,'Arial Narrow',sans-serif;
}
html:not([data-ops-theme=light]) .staff-page{--ops-bg:#000;--ops-panel:#0d0d0d;--ops-raised:#161616;--ops-border:#262626;--ops-text:#fff;--ops-muted:#a3a3a3;--ops-input:#0d0d0d;--ops-button:#fff;--ops-button-text:#000}
html[data-ops-theme=light] .staff-page{--ops-bg:#f6f6f4;--ops-panel:#fff;--ops-raised:#efefec;--ops-border:#dcdcd6;--ops-text:#0a0a0a;--ops-muted:#555;--ops-button:#0a0a0a;--ops-button-text:#fff}

/* ---------- base das páginas internas ---------- */
.staff-page .panel,.staff-page .ops-section,.staff-page .ops-stat,.staff-page .ops-action,.staff-page .cp-item,.staff-page .sponsor-card{border-radius:var(--cx-radius)}
.staff-page :is(button,.btn):not(.revoke-link):not(.delete-registration):not(.mode-switch):not(.ops-theme):not(.ops-menu){border-radius:999px;font-weight:700;padding:11px 20px}
.staff-page input,.staff-page select,.staff-page textarea{border-radius:12px}
.staff-page .ops-heading h1,.staff-page main.wrap>h1,.staff-page .nov-org h1{font-family:var(--cx-display);font-weight:400;text-transform:uppercase;letter-spacing:.01em;line-height:.95;font-size:clamp(2.6rem,5vw,4.2rem);margin:.2rem 0 .8rem}
.staff-page .tabs a.active,.staff-page .tabs a[aria-current=page],.staff-page .cp-tabs a[aria-current=page]{background:var(--ops-text);color:var(--ops-bg);border-color:var(--ops-text);border-radius:999px}
.staff-page .tabs a,.staff-page .cp-tabs a{border-radius:999px}
.staff-page :is(input,select,textarea):focus-visible,.staff-page :is(a,button,summary):focus-visible{outline:2px solid var(--cx-cyan);outline-offset:3px}

/* ---------- menu lateral ---------- */
/* site.css dá margin-top:64px ao primeiro .no-print da página; no menu fixo isso o empurrava para baixo em algumas telas. */
.staff-page .ops-sidebar{margin:0!important}
.staff-page .cx-sidebar{width:248px;padding:24px 16px;gap:14px;background:var(--ops-bg)}
.staff-page:has(.cx-sidebar) .ops-toolbar{left:248px}
.staff-page:has(.cx-sidebar) main.wrap{margin-left:248px}
.staff-page .cx-sidebar .ops-brand{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:0 8px 6px;text-decoration:none;color:var(--ops-muted);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase}
html[data-ops-theme=light] .staff-page .cx-sidebar .ops-brand img{filter:invert(1) hue-rotate(180deg)}
.staff-page .cx-event{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border:1px solid var(--ops-border);border-radius:14px;background:var(--ops-panel);text-decoration:none}
.staff-page .cx-event strong{font-family:var(--cx-display);font-weight:400;font-size:1.3rem;letter-spacing:.04em;color:var(--cx-yellow);line-height:1.1}
html[data-ops-theme=light] .staff-page .cx-event strong{color:#a35f00}
.staff-page .cx-event small{color:var(--ops-muted);font-size:.78rem}
.staff-page .cx-reader{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 16px;border-radius:999px;background:var(--cx-cyan);color:#000!important;text-decoration:none;font-weight:700}
.staff-page .cx-reader svg{width:20px;height:20px}
.staff-page .cx-sidebar .internal-nav{display:flex;flex-direction:column;gap:4px;margin-top:6px}
.staff-page .cx-sidebar .internal-nav a,.staff-page .cx-sidebar-foot>a{display:flex;align-items:center;gap:12px;min-height:46px;padding:0 14px;border-radius:12px;color:var(--ops-text);opacity:.82;text-decoration:none;font-weight:500;font-size:.98rem;border:0;background:none}
.staff-page .cx-sidebar :is(.internal-nav a,.cx-sidebar-foot>a):hover{opacity:1;background:var(--ops-raised)}
.staff-page .cx-sidebar :is(.internal-nav a,.cx-sidebar-foot>a) svg{width:20px;height:20px;flex:none}
.staff-page .cx-sidebar :is(.internal-nav a,.cx-sidebar-foot>a)[aria-current=page]{opacity:1;font-weight:700;color:#000;background:var(--cx-yellow);box-shadow:none}
.staff-page .cx-sidebar a[aria-current=page][data-tone=cyan]{background:var(--cx-cyan)}
.staff-page .cx-sidebar a[aria-current=page][data-tone=orange]{background:var(--cx-orange)}
.staff-page .cx-sidebar a[aria-current=page][data-tone=purple]{background:var(--cx-purple);color:#fff}
.staff-page .cx-sidebar a[aria-current=page][data-tone=pink]{background:var(--cx-pink);color:#fff}
.staff-page .cx-sidebar a[aria-current=page][data-tone=blue]{background:var(--cx-blue);color:#fff}
.staff-page .cx-sidebar-foot{margin-top:auto;display:flex;flex-direction:column;gap:6px;padding-top:12px;border-top:1px solid var(--ops-border)}
.staff-page .cx-sidebar .ops-identity{padding:8px 6px}

/* ---------- barra superior e busca ---------- */
.staff-page .cx-toolbar-search{display:flex;align-items:center;gap:10px;flex:1 1 280px;max-width:520px;min-height:44px;padding:0 6px 0 16px;border:1px solid var(--ops-border);border-radius:999px;background:var(--ops-panel);color:var(--ops-muted)}
.staff-page .cx-toolbar-search svg{width:18px;height:18px;flex:none}
.staff-page .cx-toolbar-search input{flex:1;min-width:0;min-height:40px;border:0!important;background:transparent!important;padding:0!important;color:var(--ops-text);font-size:.95rem}
.staff-page .cx-toolbar-search input:focus-visible{outline:none}
.staff-page .cx-toolbar-search:focus-within{border-color:var(--cx-cyan)}
.staff-page .cx-toolbar-search kbd{font:inherit;font-size:.75rem;border:1px solid var(--ops-border);border-radius:6px;padding:1px 7px;margin-right:6px}
.staff-page .cx-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.staff-page .ops-toolbar .ops-theme{margin-left:auto}

/* ---------- cabeçalhos e blocos da Central ---------- */
.staff-page .cx-wrap{position:relative}
.staff-page .cx{display:flex;flex-direction:column;gap:22px}
.staff-page .cx-head{position:relative;overflow:hidden;padding:12px 0 26px;margin-bottom:6px;isolation:isolate}
.staff-page .cx-ribbon{position:absolute;z-index:-1;right:-140px;top:-120px;width:min(560px,70vw);aspect-ratio:1;background:url(/assets/ribbons/s-curve.webp) center/contain no-repeat;opacity:.95;pointer-events:none}
.staff-page .cx-head[data-tone=cyan] .cx-ribbon,.staff-page .cx-head[data-tone=purple] .cx-ribbon{background-image:url(/assets/ribbons/arc-loop.webp)}
.staff-page .cx-head[data-tone=pink] .cx-ribbon,.staff-page .cx-head[data-tone=blue] .cx-ribbon{background-image:url(/assets/ribbons/loop.webp)}
.staff-page .cx-kicker{margin:0;font-size:.8rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--cx-yellow)}
.staff-page .cx-head[data-tone=cyan] .cx-kicker{color:var(--cx-cyan)}.staff-page .cx-head[data-tone=orange] .cx-kicker{color:var(--cx-orange)}
.staff-page .cx-head[data-tone=purple] .cx-kicker{color:#d36ae6}.staff-page .cx-head[data-tone=pink] .cx-kicker{color:#ff5cb8}.staff-page .cx-head[data-tone=blue] .cx-kicker{color:#9a84ff}
html[data-ops-theme=light] .staff-page .cx-kicker{color:#7a4500!important}
.staff-page .cx-display{font-family:var(--cx-display)!important;font-weight:400;text-transform:uppercase;letter-spacing:.01em!important;line-height:.9!important;font-size:clamp(3.6rem,9vw,8rem)!important;margin:.15em 0 .1em!important;max-width:9ch}
.staff-page .cx-lede{margin:.6rem 0 0;font-size:1.05rem;color:var(--ops-text);opacity:.85;max-width:520px}
.staff-page .cx-hero-top{display:flex;margin-bottom:18px}
.staff-page .cx-live{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--ops-border);border-radius:999px;background:color-mix(in srgb,var(--ops-bg) 70%,transparent);font-size:.75rem;font-weight:700;letter-spacing:.12em}
.staff-page .cx-dot{width:9px;height:9px;border-radius:50%;background:var(--ops-muted);flex:none;display:inline-block}
.staff-page .cx-live[data-phase=live] .cx-dot{background:var(--cx-red);animation:cx-pulse 1.6s ease-in-out infinite}
.staff-page .cx-live[data-phase=before] .cx-dot{background:var(--cx-yellow)}
@keyframes cx-pulse{50%{opacity:.35}}
.staff-page .cx-crumb{display:flex;gap:10px;align-items:center;font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ops-muted);margin:0 0 6px}
.staff-page .cx-crumb a{color:var(--cx-yellow);text-decoration:none}
.staff-page .cx-archive-note{margin:0 0 18px;color:var(--ops-muted);font-size:.92rem}

/* missão (quem não é administração geral) */
.staff-page .cx-mission{position:relative;overflow:hidden;border-radius:26px;padding:26px 26px 22px;color:#000;background:var(--cx-cyan);display:flex;flex-direction:column;gap:8px}
.staff-page .cx-mission[data-tone=orange]{background:var(--cx-orange)}.staff-page .cx-mission[data-tone=yellow]{background:var(--cx-yellow)}
.staff-page .cx-mission:is([data-tone=purple],[data-tone=pink],[data-tone=blue]){color:#fff}
.staff-page .cx-mission[data-tone=purple]{background:var(--cx-purple)}.staff-page .cx-mission[data-tone=pink]{background:var(--cx-pink)}.staff-page .cx-mission[data-tone=blue]{background:var(--cx-blue)}
.staff-page .cx-mission .cx-kicker{color:inherit!important}
.staff-page .cx-mission-title{margin:0!important;font-family:var(--cx-display)!important;font-weight:400;text-transform:uppercase;font-size:clamp(2.4rem,12vw,5rem)!important;line-height:.95!important;letter-spacing:.01em!important;color:inherit!important;overflow-wrap:normal;word-break:normal}
.staff-page .cx-mission p{margin:0;max-width:420px;font-weight:500}
.staff-page .cx-mission .cx-cta{background:#000;color:#fff!important}
.staff-page .cx-mission-more{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.staff-page .cx-mission-more a{color:inherit;font-weight:700;font-size:.9rem;border:1px solid currentColor;border-radius:999px;padding:7px 14px;text-decoration:none}

/* números */
.staff-page .cx-num{font-family:var(--cx-display);font-weight:400;line-height:1;letter-spacing:.01em}
.staff-page .cx-num small{font-size:.55em;color:var(--ops-muted)}
.staff-page .cx-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}
.staff-page .cx-kpi{display:flex;flex-direction:column;gap:6px;padding:22px;border-radius:var(--cx-radius);background:var(--ops-panel);border:1px solid var(--ops-border);min-width:0}
.staff-page .cx-kpi .cx-num{font-size:3.6rem}
.staff-page .cx-kpi>span:last-child{color:var(--ops-muted);font-size:.9rem}
.staff-page .cx-kpi-label{font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ops-muted)}
.staff-page .cx-kpi-label[data-tone=cyan]{color:var(--cx-cyan)}.staff-page .cx-kpi-label[data-tone=orange]{color:var(--cx-orange)}
html[data-ops-theme=light] .staff-page .cx-kpi-label[data-tone]{color:var(--ops-text)}
.staff-page .cx-kpi-main{background:var(--cx-yellow);border-color:var(--cx-yellow);color:#000}
.staff-page .cx-kpi-main .cx-kpi-label,.staff-page .cx-kpi-main>span:last-child{color:#000}
.staff-page .cx-kpi-main .cx-num{font-size:4.8rem}
.staff-page .cx-bar{display:block;height:7px;border-radius:99px;background:var(--ops-border);overflow:hidden}
.staff-page .cx-bar>span{display:block;height:100%;border-radius:99px;background:var(--cx-cyan);transition:width .4s}
.staff-page .cx-bar[data-tone=gradient]>span{background:var(--cx-gradient)}.staff-page .cx-bar[data-tone=yellow]>span{background:var(--cx-yellow)}.staff-page .cx-bar[data-tone=orange]>span{background:var(--cx-orange)}

/* cartões */
.staff-page .cx-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:16px;align-items:start}
.staff-page .cx-card{display:flex;flex-direction:column;gap:16px;padding:24px;border-radius:24px;background:var(--ops-panel);border:1px solid var(--ops-border);min-width:0}
.staff-page .cx-card-current{border-color:var(--cx-yellow)}
.staff-page .cx-card-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.staff-page .cx-card-head a{font-size:.88rem;font-weight:700;color:var(--cx-yellow)}
html[data-ops-theme=light] .staff-page .cx-card-head a{color:var(--ops-text)}
.staff-page .cx-card-title{margin:0!important;font-family:var(--cx-display)!important;font-weight:400;text-transform:uppercase;font-size:1.9rem!important;letter-spacing:.02em!important;line-height:1.05!important}
.staff-page .cx-muted{color:var(--ops-muted)}.staff-page .cx-small{font-size:.85rem;margin:0}
.staff-page .cx-now{display:flex;flex-direction:column;gap:2px;padding:18px;border-radius:18px;background:var(--ops-raised)}
.staff-page .cx-now strong{font-family:var(--cx-display);font-weight:400;font-size:2.2rem;line-height:1.05;text-transform:uppercase}
.staff-page .cx-now .cx-kicker{color:var(--cx-cyan)}
.staff-page .cx-lineup{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.staff-page .cx-lineup li{display:flex;align-items:center;gap:14px;padding:11px 2px;border-bottom:1px solid var(--ops-border)}
.staff-page .cx-lineup li:last-child{border-bottom:0}
.staff-page .cx-lineup li>span:nth-child(2){flex:1;min-width:0}
.staff-page .cx-lineup li[aria-current] .cx-order,.staff-page .cx-lineup li[aria-current] .cx-tag{color:var(--cx-cyan);font-weight:700}
.staff-page .cx-order{font-family:var(--cx-display);font-size:1.4rem;width:26px;color:var(--ops-muted);flex:none}
.staff-page .cx-tag{font-size:.82rem;color:var(--ops-muted)}
.staff-page .cx-nights summary{cursor:pointer;font-weight:700;font-size:.9rem;color:var(--ops-muted)}
.staff-page .cx-nights ol{list-style:none;margin:10px 0 0;padding:0}
.staff-page .cx-nights li{display:flex;gap:12px;align-items:center;padding:6px 0}
.staff-page .cx-nights li>span:nth-child(2){flex:1;text-transform:capitalize}
.staff-page .cx-nights li[aria-current] .cx-order{color:var(--cx-yellow)}
.staff-page .cx-state{display:flex;align-items:center;gap:8px;margin:0;font-weight:700}
.staff-page .cx-state .cx-dot{background:var(--cx-cyan)}
.staff-page .cx-progress{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:10px}
.staff-page .cx-progress>div{display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:16px;background:var(--ops-raised);min-width:0}
.staff-page .cx-progress .cx-num{font-size:2.6rem}
.staff-page .cx-progress span:not(.cx-bar):not(.cx-bar span){font-size:.88rem}
.staff-page .cx-actions{display:flex;flex-wrap:wrap;gap:10px}
.staff-page .cx-cta{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;min-height:50px;padding:0 24px;border-radius:999px;background:var(--ops-text);color:var(--ops-bg)!important;font-weight:700;text-decoration:none}
.staff-page .cx-arrow{width:16px;height:16px;flex:none}
.staff-page .cx-alerts{display:flex;flex-direction:column;gap:10px}
.staff-page .cx-alert{display:flex;gap:14px;align-items:flex-start;padding:16px;border-radius:16px;background:var(--ops-raised);color:var(--ops-text)!important;text-decoration:none}
.staff-page .cx-alert .cx-dot{margin-top:7px}
.staff-page .cx-alert[data-tone=orange] .cx-dot{background:var(--cx-orange)}.staff-page .cx-alert[data-tone=yellow] .cx-dot{background:var(--cx-yellow)}.staff-page .cx-alert[data-tone=cyan] .cx-dot{background:var(--cx-cyan)}.staff-page .cx-alert[data-tone=pink] .cx-dot{background:var(--cx-pink)}
.staff-page .cx-alert>span:last-child{display:flex;flex-direction:column;gap:2px}
.staff-page .cx-alert small{color:var(--ops-muted);font-size:.9rem}
/* equipe: número em cima, função embaixo (rótulo nunca disputa espaço com o número) */
.staff-page .cx-team{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}
.staff-page .cx-team>div{display:flex;flex-direction:column;gap:6px;padding:14px 16px 16px;border-radius:16px;min-width:0;background:var(--cx-pink);color:#fff}
.staff-page .cx-team>div .cx-num{font-size:2.5rem}
.staff-page .cx-team>div span{font-weight:700;font-size:.9rem;overflow-wrap:anywhere}
.staff-page .cx-team>div[data-tone=cyan]{background:var(--cx-cyan);color:#000}.staff-page .cx-team>div[data-tone=orange]{background:var(--cx-orange);color:#000}
.staff-page .cx-team>div[data-tone=purple]{background:var(--cx-purple)}.staff-page .cx-team>div[data-tone=blue]{background:var(--cx-blue)}

/* espaços: cartões de ferramenta */
.staff-page .cx-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:12px;margin:8px 0 28px}
.staff-page .cx-tile{display:flex;align-items:center;gap:16px;min-height:92px;padding:18px 20px;border-radius:20px;background:var(--ops-panel);border:1px solid var(--ops-border);color:var(--ops-text)!important;text-decoration:none;transition:border-color .15s,transform .15s}
.staff-page .cx-tile:hover{border-color:var(--ops-text);transform:translateY(-2px)}
.staff-page .cx-tile-icon{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:var(--ops-raised);flex:none}
.staff-page .cx-tile-icon svg{width:22px;height:22px}
.staff-page [data-central=pessoas] .cx-tile-icon{background:var(--cx-cyan);color:#000}
.staff-page [data-central=palco] .cx-tile-icon{background:var(--cx-orange);color:#000}
.staff-page [data-central=documentos] .cx-tile-icon{background:var(--cx-purple);color:#fff}
.staff-page [data-central=arquivo] .cx-tile-icon{background:var(--cx-pink);color:#fff}
.staff-page [data-central=ajustes] .cx-tile-icon{background:var(--cx-blue);color:#fff}
.staff-page .cx-tile-text{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
.staff-page .cx-tile-text strong{font-size:1.05rem}
.staff-page .cx-tile-text small{color:var(--ops-muted);font-size:.9rem}
.staff-page .cx-empty{color:var(--ops-muted);padding:20px;border:1px dashed var(--ops-border);border-radius:18px}
.staff-page .cx-grid-nights{margin-bottom:28px}
.staff-page .cx-edition{padding:24px;border-radius:24px;border:1px solid var(--cx-pink);margin-bottom:16px}
.staff-page .cx-edition .cx-kicker{color:#ff5cb8}

/* busca grande (Pessoas) */
.staff-page .cx-search-big{display:flex;gap:10px;margin-top:22px;max-width:680px}
.staff-page .cx-search-big input{flex:1;min-height:56px;border-radius:999px;padding:0 22px;font-size:1.05rem}
.staff-page .cx-search-big button{min-height:56px}
.staff-page .cx-results{margin:0 0 28px}
.staff-page .cx-results ul{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}
.staff-page .cx-results a{display:grid;grid-template-columns:auto 1fr;gap:2px 14px;align-items:center;padding:14px 18px;border-radius:16px;background:var(--ops-panel);border:1px solid var(--ops-border);color:var(--ops-text)!important;text-decoration:none}
.staff-page .cx-results a:hover{border-color:var(--ops-text)}
.staff-page .cx-type{grid-row:span 2;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:4px 9px;border-radius:7px;background:var(--cx-cyan);color:#000;max-width:150px}
.staff-page .cx-results a[data-tone=orange] .cx-type{background:var(--cx-orange)}
.staff-page .cx-results a[data-tone=pink] .cx-type{background:var(--cx-pink);color:#fff}
.staff-page .cx-results a[data-tone=blue] .cx-type{background:var(--cx-blue);color:#fff}
.staff-page .cx-results small{color:var(--ops-muted)}

/* leitura confirmada no credenciamento: a tela inteira na cor da ação */
.cx-flash{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:32px;color:#000;background:var(--cx-cyan,#40ccf7);animation:cx-flash 1.7s ease forwards;pointer-events:none}
.cx-flash[data-action=saida]{background:var(--cx-orange,#f68120)}
.cx-flash strong{font-family:Anton,Impact,sans-serif;font-weight:400;font-size:clamp(4rem,22vw,9rem);line-height:.9;text-transform:uppercase}
.cx-flash span{font-size:1.5rem;font-weight:700}
@keyframes cx-flash{0%{opacity:0}8%{opacity:1}75%{opacity:1}100%{opacity:0}}

/* ---------- celular ---------- */
@media(max-width:760px){
 .staff-page .cx-sidebar{width:270px}
 .staff-page:has(.cx-sidebar) .ops-toolbar{left:0}
 .staff-page:has(.cx-sidebar) main.wrap{margin-left:0}
 .staff-page .cx-toolbar-search kbd{display:none}
 .staff-page .ops-toolbar .ops-profile{display:none}
 .staff-page .cx-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .staff-page .cx-kpi{padding:16px}
 .staff-page .cx-kpi .cx-num{font-size:2.6rem}
 .staff-page .cx-kpi-main{grid-column:1/-1}
 .staff-page .cx-kpi-main .cx-num{font-size:3.6rem}
 .staff-page .cx-ribbon{right:-120px;top:-30px;width:230px;opacity:.7}
 .staff-page .cx-head>*:not(.cx-ribbon){position:relative}
 .staff-page .cx-kpis>.cx-kpi:last-child{grid-column:1/-1}
 .staff-page .cx-card{padding:20px}
 .staff-page .cx-search-big{flex-direction:column}
}
@media(prefers-reduced-motion:reduce){.staff-page .cx-live .cx-dot,.cx-flash{animation:none}.cx-flash{opacity:1}.staff-page .cx-tile{transition:none}}
@media print{.staff-page .cx-ribbon,.staff-page .cx-toolbar-search{display:none!important}}

/* Mantém os controles e rótulos utilizáveis em telas estreitas. */
@media (max-width:760px) {
 .staff-page .cx-toolbar-search { min-width:0; flex-basis:0; }
 .staff-page .ops-toolbar > :is(.ops-menu,.ops-theme) { flex-shrink:0; }
 .staff-page .pill { max-width:100%; white-space:normal; overflow-wrap:anywhere; }
 .staff-page .cx-mission { padding:20px; }
 .staff-page .cx-mission-title { font-size:clamp(2rem,9vw,3rem)!important; }
}

/* ---------- credenciamento: qual noite está sendo registrada + as quatro noites da pessoa ---------- */
.staff-page .sheet-night{margin:6px 0 14px;display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:14px;line-height:1.35;background:var(--cx-yellow);color:#000;font-weight:700;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}
.staff-page .sheet-timeline{list-style:none;margin:14px 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.staff-page .sheet-timeline li{display:flex;flex-direction:column;gap:3px;padding:10px 10px 12px;border-radius:14px;border:1px solid var(--ops-border);background:var(--ops-raised);min-width:0}
.staff-page .sheet-timeline .tl-day{font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ops-muted)}
.staff-page .sheet-timeline .tl-day b{display:block;font-family:var(--cx-display);font-weight:400;font-size:1.35rem;letter-spacing:.02em;color:var(--ops-text);line-height:1.1}
.staff-page .sheet-timeline .tl-state{font-size:.78rem;font-weight:700;overflow-wrap:anywhere}
.staff-page .sheet-timeline .tl-time{font-size:.74rem;color:var(--ops-muted)}
.staff-page .sheet-timeline li[data-state=inside] .tl-state{color:var(--cx-cyan)}
.staff-page .sheet-timeline li[data-state=left] .tl-state{color:var(--ops-text)}
.staff-page .sheet-timeline li[data-state=out] .tl-state{color:var(--ops-muted)}
.staff-page .sheet-timeline li[data-registered="0"]{border-style:dashed;opacity:.55}
.staff-page .sheet-timeline li[aria-current]{border:2px solid var(--cx-yellow);opacity:1;background:color-mix(in srgb,var(--cx-yellow) 12%,var(--ops-raised))}
html[data-ops-theme=light] .staff-page .sheet-timeline li[data-state=inside] .tl-state{color:#00739a}
.cx-flash em{font-style:normal;font-size:1.1rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:380px){.staff-page .sheet-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- formulários das abas antigas: respiro entre campos e botões ---------- */
.staff-page form .fields+button,.staff-page form .fields+.btn,.staff-page form .field+button,.staff-page form .field+.btn,.staff-page form label+button[type=submit]{margin-top:18px}
.staff-page form .fields{gap:16px}
.staff-page .cx-stack-form{display:grid;gap:20px;margin-top:14px}
.staff-page .cx-stack-form>.fields{gap:16px 18px}
.staff-page .cx-stack-form>button{justify-self:start;margin-top:4px}
.staff-page .cx-stack-form textarea{min-height:110px}