/* Área da equipe (organização e credenciamento) — mesma linguagem MKT4, mais compacta. */
.staff-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;padding:12px var(--gutter);background:var(--surface);border-bottom:1px solid var(--hair-soft)}
.staff-header:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--gradient-4)}
.staff-header>a{display:flex;align-items:center;gap:14px;text-decoration:none}
.staff-header img{width:72px;height:auto;display:block}
.staff-header span{font:500 11px/1 var(--sans);letter-spacing:.32em;text-transform:uppercase;color:var(--text-2);padding-left:14px;border-left:1px solid var(--hair)}
.staff-footer{display:none}
.staff-page .wrap{max-width:1280px;padding-bottom:72px}
.staff-page main.wrap>h1{font:900 clamp(30px,4vw,48px)/1 var(--sans);letter-spacing:-.02em;text-transform:uppercase;margin:40px 0 18px}
.staff-page main.wrap>.eyebrow:first-child{margin-top:40px}
.staff-account{display:flex;align-items:center;gap:8px 20px;flex-wrap:wrap;font-size:14px;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--hair-soft)}
.staff-account>a{text-underline-offset:3px}
.staff-account form{margin-left:auto;display:flex;align-items:center;gap:8px}
.staff-account button[type=submit]{min-height:40px;padding:8px 16px;background:transparent;color:#fff;border-color:var(--hair)}
.staff-account button[type=submit]:hover{background:#fff;color:#050505}
.staff-account .feedback{margin:0;padding:6px 10px}
.mode-control{display:flex;align-items:center;gap:12px;position:relative;min-height:44px;margin-bottom:8px;font:700 12px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase}
.mode-control form{display:flex;align-items:center;gap:8px}
.mode-control .feedback{font:400 13px/1.3 var(--sans);letter-spacing:0;text-transform:none;margin:0;padding:6px 10px}
.mode-control button.mode-switch{min-height:26px;width:48px;height:26px;padding:3px;background:var(--n700);border:1px solid var(--hair);border-radius:999px;display:inline-flex;justify-content:flex-start;touch-action:pan-y}
.mode-control button.mode-switch:hover{background:var(--n700);border-color:#fff}
.mode-switch>span{display:block;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .18s var(--ease-std)}
.mode-control button.mode-switch[aria-checked=true]{background:var(--mkt-pink);border-color:var(--mkt-pink)}
.mode-switch[aria-checked=true]>span{transform:translateX(22px);background:#050505}
.mode-state{color:var(--mkt-yellow)}
.mode-help summary{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--hair);border-radius:50%;cursor:pointer;font:700 13px var(--sans);letter-spacing:0;list-style:none;text-transform:none}
.mode-help summary::-webkit-details-marker{display:none}
.mode-help p{position:absolute;z-index:20;top:40px;left:0;width:min(360px,calc(100vw - 40px));padding:16px;background:var(--raised);border:1px solid var(--hair);font:400 14px/1.5 var(--sans);letter-spacing:0;text-transform:none;color:#fff}
.staff-page .tabs{margin:12px 0 28px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.staff-page .tabs a{white-space:nowrap}
.staff-page .panel{padding:28px}
.staff-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0 0 28px;border-top:1px solid var(--hair)}
.staff-metrics>div{padding:20px 20px 20px 0}
.staff-metrics>div+div{padding-left:20px;border-left:1px solid var(--hair-soft)}
.staff-metrics span{display:block;font:700 11px/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--text-2)}
.staff-metrics strong{display:block;font:400 clamp(40px,5vw,60px)/.95 var(--display);margin-top:10px}
.staff-metrics>div:last-child strong{color:var(--mkt-yellow)}
.list-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
.list-heading h2{margin:0}
.staff-filters{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin:16px 0 8px}
.staff-filters label{display:flex;flex-direction:column;gap:6px;font:700 11px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--text-2)}
.staff-filters select{appearance:none;min-width:160px;min-height:44px;padding:8px 40px 8px 12px;background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 12px center/16px no-repeat;color:#fff;border:1px solid var(--hair);border-radius:0;font:400 15px var(--sans);letter-spacing:0;text-transform:none}
.staff-filters select option{background:#0e0e10}
.staff-filters button{background:none;color:#fff;border:0;padding:10px 4px;min-height:44px;cursor:pointer;font-size:14px;text-decoration:underline;text-underline-offset:3px}
.staff-filters [data-result-count]{margin-left:auto;color:var(--text-2);font-size:14px;padding-bottom:12px}
[data-filter-empty]{color:var(--text-2)}
.staff-page td:first-child{width:40%}
.staff-page td strong{font-size:16px}
.staff-page td.row-actions{width:230px}
.staff-page .row-actions:not(td){display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.staff-page .row-actions>a{text-underline-offset:3px}
.staff-page .row-actions form{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.staff-page .row-actions .btn{white-space:nowrap}
.staff-page button.revoke-link{min-height:36px;padding:6px 0;background:none;border:0;color:var(--text-2);font:400 13px/1.3 var(--sans);letter-spacing:0;text-transform:none;text-decoration:underline;text-underline-offset:3px;border-radius:0}
.staff-page button.revoke-link:hover{background:none;color:#fff}
.delete-registration{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;background:none;border:1px solid transparent;border-radius:999px;color:#ff6b7e;cursor:pointer}
.delete-registration:hover{border-color:#ff6b7e}
.presence-pill{display:inline-block;padding:6px 12px;border:1px solid var(--hair);border-radius:999px;font:700 11px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;color:var(--text-2)}
.presence-pill.confirmed{background:var(--mkt-cyan);border-color:var(--mkt-cyan);color:#050505}
.staff-page .cpf-editor[open]{padding:14px;background:var(--surface);border:1px solid var(--hair)}
.staff-page .checkin-result{border-top:0}
.checkin-result h2{font:900 clamp(24px,5vw,36px)/1.05 var(--sans);text-transform:uppercase;overflow-wrap:anywhere;margin-bottom:8px}
.checkin-result .confirm-presence{width:100%;margin-top:8px;min-height:60px}
.checkin-result p{margin:6px 0}
.scanner-panel .actions{gap:10px}
.staff-page .info-line{flex-wrap:wrap}
.staff-page dialog{max-height:85svh;overflow:auto}
.staff-page .checkin-search{flex-direction:row}

@media(max-width:740px){
 .staff-page .wrap{padding:0 16px 48px}
 .staff-page main.wrap>h1{margin-top:28px}
 .staff-account>span{flex-basis:100%;font-size:13px}
 .staff-account form{margin-left:0}
 .staff-page .panel{padding:18px}
 .staff-metrics>div{padding:14px 10px 14px 0}
 .staff-metrics>div+div{padding-left:10px}
 .staff-metrics span{font-size:10px;min-height:28px}
 .list-heading .btn{padding:9px 12px;font-size:11px}
 .staff-filters label{flex:1;min-width:120px}
 .staff-filters select{width:100%;min-width:0;font-size:16px}
 .staff-page .table-scroll{overflow:visible}
 .staff-page table,.staff-page tbody{display:block;width:100%}
 .staff-page thead{display:none}
 .staff-page tbody tr{display:grid;grid-template-columns:minmax(0,1fr);margin:0 0 12px;padding:16px;background:var(--surface);border:1px solid var(--hair-soft)}
 .staff-page td,.staff-page td:first-child,.staff-page td.row-actions{display:block;width:100%;padding:6px 0;border:0;overflow-wrap:anywhere}
 .staff-page td[data-label="Participante"] strong{font-size:18px}
 .staff-page td[data-label="Curso"]{color:var(--text-2);font-size:14px}
 .staff-page td.row-actions{display:block;padding-top:12px;margin-top:8px;border-top:1px solid var(--hair-soft)}
 .staff-page .row-actions form{flex:1}
 .staff-page .row-actions form .btn{width:100%}
 .staff-page .cpf-editor{max-width:none}
 .staff-page .term-workspace{display:block}
 .staff-page .preview-frame{height:460px}
}

/* Preserve full-height table cells so every row separator stays continuous. */
@media(min-width:741px){.staff-page td.row-actions{display:table-cell;vertical-align:top}}
@media(max-width:740px){.staff-page td.row-actions>.row-actions{justify-content:space-between}}

/* Área interna unificada: navegação principal e ferramentas por contexto. */
.internal-nav{display:flex;gap:6px;padding:6px;margin:24px 0 16px;border:1px solid #ffffff20;border-radius:16px;background:#121319;flex-wrap:wrap}
.internal-nav a{flex:1;min-width:100px;text-align:center;padding:13px 14px;border-radius:11px;text-decoration:none;font:700 15px/1.4 var(--sans);color:#b9bbc8;min-height:48px}
.internal-nav a[aria-current]{background:linear-gradient(115deg,#ed1c24,#ec008c,#5627e0,#2bb0ed);color:#fff}
.internal-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0 36px}
.internal-cards>a{display:flex;flex-direction:column;gap:10px;border:1px solid #ffffff22;border-radius:18px;padding:26px;background:#111219;text-decoration:none;min-height:140px;color:#fff}
.internal-cards>a:hover{border-color:#b892ff;background:#191722}.internal-cards strong{font:700 22px/1.35 var(--sans)}.internal-cards span{font:400 15px/1.6 var(--sans);color:#bbbcc9}
.internal-heading h2{font:700 clamp(28px,4vw,40px)/1.2 var(--sans);margin:12px 0}.internal-heading p{color:#bfc0cb}
.staff-page .panel{border-radius:18px;background:#101116}.staff-page .tabs.internal-subnav{flex-wrap:wrap;gap:8px;margin:12px 0 24px}.internal-subnav:empty{display:none}
.staff-page .internal-subnav a{font-size:14px;letter-spacing:0;text-transform:none;padding:10px 14px;min-height:44px;border-radius:10px}
.staff-page details.panel>summary{cursor:pointer;font-size:16px;font-weight:700;min-height:32px}.staff-page details.panel[open]>summary{margin-bottom:20px}
.staff-page .cp-body.internal-commission{display:block;min-height:0;background:transparent;margin:0}.staff-page main.cp-body.internal-commission{margin:auto;padding-top:0}
.staff-page .cp-heading h1{font:700 clamp(28px,4vw,40px)/1.25 var(--sans);letter-spacing:0}.staff-page .cp-heading{margin-bottom:20px}.staff-page .cp-heading p:last-child{font-size:16px}
.staff-page .cp-tabs{width:100%;margin:0 0 24px;max-width:none}.staff-page .cp-subsection>summary{font-size:17px;font-weight:700;cursor:pointer;padding:8px 0;min-height:44px}
.staff-page .cp-body .field span,.staff-page .cp-body legend,.staff-page .cp-data dt,.staff-page .cp-body .muted{font-size:14px}.staff-page .check input{flex:0 0 20px;width:20px!important;height:20px;margin:2px 0 0;accent-color:#ac0ec2}.staff-page .check{display:flex;align-items:flex-start;gap:10px}.staff-page .check span{font-size:15px;line-height:1.5;text-transform:none;letter-spacing:0}
.staff-page .info-line{gap:16px;flex-wrap:wrap;overflow-wrap:anywhere;border-bottom:1px solid #ffffff18}.staff-page .cp-row{border-top:1px solid #ffffff18}
@media(max-width:850px){.internal-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-page .cp-data{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.internal-nav{gap:4px;margin-top:16px}.internal-nav a{font-size:14px;padding:10px 8px;min-width:90px}.internal-cards{grid-template-columns:1fr;gap:10px}.internal-cards>a{padding:20px;min-height:110px}.staff-page .panel{padding:18px}.staff-page .cp-data{grid-template-columns:1fr}.staff-page .cp-permissions,.staff-page .cp-report-content{grid-template-columns:1fr}.staff-page .cp-filters{grid-template-columns:1fr}.staff-page .cp-filters .check{grid-column:1}.staff-page .actions{gap:10px;flex-wrap:wrap}.staff-page .cp-tabs a{font-size:14px}.staff-page .staff-account{font-size:14px}}
