/* Creative OS — sistema visual comum (Dashboard, Biblioteca, Game Bible, Jornadas).
   Fonte: deliverables/creative-os/ux/sistema-visual.md. Só tokens --cf-* de base.css; prefixo cr-. */
.cr-root{padding:0 28px;color:var(--cf-text);min-width:0}
.cr-root *{box-sizing:border-box}
.cr-root button,.cr-root input{font-family:inherit}
.cr-root .cf-desemp-tabs{margin-bottom:16px}
.cr-root .cf-desemp-tab .ct{margin-left:6px;font-size:var(--cf-fs-label);font-weight:700;color:var(--cf-text-secondary);background:var(--cf-bg-muted);border-radius:999px;padding:1px 7px}
.cr-root .cf-desemp-tab-on .ct{background:var(--cf-accent-bg);color:var(--cf-accent-text)}
.cr-root .cf-card{margin-bottom:0}
.cr-root .cf-card-title{font-size:14px;margin:0 0 12px}
.cr-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:12px;margin-bottom:16px}
.cr-root .cf-kpi{position:relative}
.cr-root .cf-kpi-val{font-variant-numeric:tabular-nums}
.cr-btn:focus-visible,.cr-root .cf-btn:focus-visible,.cr-root .cf-chip:focus-visible,.cr-piece:focus-visible,.cr-sw:focus-visible,.cr-root .cf-desemp-tab:focus-visible,.cr-seg button:focus-visible,.cr-t tr.rw:focus-visible{outline:none;box-shadow:var(--cf-shadow-focus)}
.cr-root .cf-xselect{width:auto;min-width:132px}
.cr-root .cf-xselect-trigger{padding:6px 10px;font-size:var(--cf-fs-meta)}
.cr-root .cf-xselect.has-val .cf-xselect-trigger,.cr-per .cf-xselect-trigger.has-val{border-color:var(--cf-accent-border);background:var(--cf-accent-bg)}
.cr-root .cf-xselect-trigger-label .k{color:var(--cf-text-muted);font-weight:500}
.cr-root .cf-xselect-trigger-label .v{font-weight:600}
.cr-search .cf-input{width:100%;max-width:none;padding-left:30px}
.cr-per .cf-xselect-trigger{width:auto;min-width:176px}
.cr-pop-chips{margin-bottom:10px}
.cr-cal i{display:block}
.cr-t td.mu .cr-nd,.cr-t td.mu{color:var(--cf-text-muted)}
.cr-thumb video,.cr-thumb>img{width:100%;height:100%;object-fit:cover;display:block}
.cr-state.cr-inline{padding:18px 20px;margin-bottom:20px}
.cr-sec-t{margin:20px 0 10px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px}
.cr-ref{margin:0 0 16px;font-size:var(--cf-fs-meta);color:var(--cf-text-muted)}
.cr-play{width:100%;aspect-ratio:9/16;max-height:420px;border:1px solid var(--cf-border);border-radius:var(--cf-radius-md);background:var(--cf-bg-subtle)}
.cr-root a{color:var(--cf-accent-text)}
.cr-root code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--cf-fs-label);background:var(--cf-bg-subtle);padding:1px 4px;border-radius:var(--cf-radius-sm)}
.cr-per{display:inline-flex;align-items:center;gap:8px;position:relative}
.cr-nop.min{gap:0;padding:0}
.cr-proxy{font-size:var(--cf-fs-label);font-weight:700;margin-left:6px}
/* ===== Sistema visual Creative (cr-*) ===== */
.cr-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:16px}
.cr-sub{font-size:13px;color:var(--cf-text-muted);margin:2px 0 0;max-width:760px;line-height:1.45}
.cr-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px}
.cr-filters .sp{margin-left:auto;display:flex;gap:8px;align-items:center}
/* Biblioteca: abas à esquerda + como exibir à direita, na mesma linha (a borda inferior é da linha toda) */
.cr-tabsbar{display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--cf-border);margin-bottom:16px}
.cr-root .cr-tabsbar .cf-desemp-tabs{border-bottom:0;margin-bottom:0;margin-right:auto}
.cr-tabsbar .sp{display:flex;gap:8px;align-items:center;padding-bottom:6px}
.cr-countline{margin:2px 0 10px}
/* busca cresce e preenche a linha; 120px de base = os 6 filtros cabem numa linha a partir de 1280 */
.cr-lbl{font-size:12px;font-weight:600;color:var(--cf-text-muted)}
.cr-search{position:relative;width:220px}.cr-search .cf-input{padding-left:30px}
.cr-search svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--cf-text-muted)}
.cr-seg{display:inline-flex;border:1px solid var(--cf-border);border-radius:var(--cf-radius-md);overflow:hidden;background:var(--cf-bg-card)}
.cr-seg button{border:0;background:none;padding:5px 11px;font-size:var(--cf-fs-meta);font-weight:600;color:var(--cf-text-muted);cursor:pointer}
.cr-seg button+button{border-left:1px solid var(--cf-border)}
.cr-seg button.on{background:var(--cf-accent-bg);color:var(--cf-accent-text)} /* seleção = acento nos dois temas (DESIGN.md) */
.cr-sw{display:inline-flex;align-items:center;gap:8px;border:0;background:none;padding:2px;cursor:pointer;font-size:var(--cf-fs-meta);font-weight:500;color:var(--cf-text-secondary)}
.cr-sw i{width:30px;height:18px;border-radius:999px;background:var(--cf-border-strong);position:relative;transition:background .12s}
.cr-sw i::after{content:'';position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:var(--cf-shadow-xs);transition:transform .12s}
.cr-sw[aria-checked=true] i{background:var(--cf-accent)}.cr-sw[aria-checked=true] i::after{transform:translateX(12px)}
.cr-count{font-size:var(--cf-fs-meta);color:var(--cf-text-muted);font-variant-numeric:tabular-nums}
/* ===== Biblioteca › Concorrentes (cr-bench*) — B3 aprovado; composição de cr-*/cf-*; fonte: bench.js ===== */
.cr-bench-head{margin-bottom:24px}.cr-bench-head .sp{padding-bottom:8px}
.cr-root .cr-bench-head .cf-desemp-tab{padding:8px 16px 10px;font-size:14px}
.cr-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.cr-bench{display:flex;flex-direction:column;gap:16px}.cr-root .cr-bench>*{margin:0}



.cr-bench-pill{border:1px solid var(--cf-accent-border);background:var(--cf-accent-bg);color:var(--cf-accent-text);border-radius:999px;padding:5px 12px;font-size:var(--cf-fs-meta);font-weight:600;display:inline-flex;gap:8px;align-items:center;cursor:pointer}
.cr-bench-pill.z{border-color:var(--cf-border-strong);background:transparent;color:var(--cf-text-muted)}
.cr-bench-pill:focus-visible,.cr-bench-gt:focus-visible,.cr-bench-ph:focus-visible,.cr-bench-ad:focus-visible,.cr-bench-ua tr.rw:focus-visible{outline:none;box-shadow:var(--cf-shadow-focus)}
.cr-bench-jogos{display:flex;gap:8px;flex-wrap:wrap}
.cr-bench-gt{border:1px solid var(--cf-border);background:transparent;border-radius:999px;padding:4px 12px;font-size:var(--cf-fs-meta);font-weight:500;color:var(--cf-text-secondary);display:inline-flex;gap:8px;align-items:center;cursor:pointer}.cr-bench-gt:hover{border-color:var(--cf-border-strong);color:var(--cf-text)}
.cr-bench-gt small{font-size:var(--cf-fs-label);color:var(--cf-text-muted);font-weight:500}
.cr-bench-gt i{width:8px;height:8px;border-radius:50%;display:block}
.cr-bench-gt.on{background:var(--cf-accent-bg);border-color:var(--cf-accent-border);color:var(--cf-accent-text);font-weight:600}.cr-bench-gt.on small{color:inherit;opacity:.8}
.cr-bench-sech{display:flex;align-items:flex-end;gap:16px;margin:0;flex-wrap:wrap}.cr-bench-sech h2{margin:0;font-size:16px;font-weight:600;line-height:1.3}.cr-bench-sech .sp{margin-left:auto}
.cr-bench-sech .cr-sub{margin:4px 0 0;max-width:none}.cr-bench-sec2{margin-top:24px}

.cr-bench-av{width:30px;height:30px;border-radius:8px;flex:none;display:grid;place-items:center;font-size:11px;font-weight:800;color:#fff;background:linear-gradient(135deg,hsl(var(--h) 65% 52%),hsl(calc(var(--h) + 40) 55% 32%))}
.cr-bench-av.ours{background:var(--c);font-size:10px;letter-spacing:.02em}
.cr-bench-cmp{overflow:auto}.cr-bench-cmp .cr-t{table-layout:fixed}.cr-bench-cmp .cr-t th,.cr-bench-cmp .cr-t td{padding:12px}.cr-bench-cmp .cr-t td{vertical-align:top}.cr-bench-cmp .cr-t th{white-space:normal;vertical-align:bottom}
.cr-bench-cmp td.c-par,.cr-bench-cmp th:first-child{width:220px}.cr-bench-cmp th:nth-child(2){width:auto}.cr-bench-cmp th:nth-child(3){width:150px}.cr-bench-cmp .c-esc{width:76px;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;padding-right:16px!important}.cr-bench-cmp th:nth-child(5){width:176px}.cr-bench-cmp th:nth-child(6){width:100px}.cr-bench-cmp .c-ac{width:148px;text-align:right}@media(max-width:1380px){.cr-bench-cmp td.c-par,.cr-bench-cmp th:first-child{width:176px}.cr-bench-cmp th:nth-child(3){width:128px}.cr-bench-cmp .c-esc{width:64px}.cr-bench-cmp th:nth-child(5){width:150px}.cr-bench-cmp th:nth-child(6){width:92px}.cr-bench-cmp .c-ac{width:136px}}
.cr-bench-cmp tr.anc td{background:var(--cf-bg-subtle);vertical-align:middle}
.cr-bench-cmp tr.on td{background:var(--cf-accent-bg)}.cr-bench-cmp tr.sug td{background:var(--cf-bg-subtle)}
.cr-bench-ph{display:flex;gap:10px;align-items:center;min-width:0;margin-bottom:4px;border-radius:var(--cf-radius-sm)}
.cr-bench-ph[data-bn-par]{cursor:pointer}.cr-bench-ph b{display:block;font-size:var(--cf-fs-body);font-weight:600;line-height:1.25}
.cr-bench-ph span:not(.cr-bench-av){display:block;font-size:var(--cf-fs-label);color:var(--cf-text-muted)}
.cr-bench-cl{margin:0;font-size:var(--cf-fs-meta);line-height:1.45}
.cr-bench-cmp td.warn{color:var(--cf-atencao-text);font-weight:600}
.cr-bench-cmp td small{display:block;font-size:var(--cf-fs-label);color:var(--cf-text-muted)}
.cr-bench>.cr-tabsbar{margin-bottom:0}.cr-bench-sech .cr-sub{max-width:none}
/* tela A+B: faixa de números, chevron, sub-linha de anúncios, selo "No ar" sólido */
.cr-bench-kp{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.cr-bench-k{border:1px solid var(--cf-border);border-radius:var(--cf-radius-md);background:var(--cf-bg-card);padding:12px 16px;display:flex;flex-direction:column;gap:2px}
.cr-bench-k b{font-size:24px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.2}.cr-bench-k b small{font-size:13px;font-weight:500;color:var(--cf-text-muted);letter-spacing:0}
.cr-bench-k span{font-size:12px;color:var(--cf-text-muted);line-height:1.4}
.cr-bench-chev{flex:none;width:24px;height:24px;display:grid;place-items:center;border:0;background:transparent;color:var(--cf-text-muted);border-radius:var(--cf-radius-sm);cursor:pointer;padding:0}.cr-bench-chev svg{transition:transform .12s;transform:rotate(-90deg)}.cr-bench-chev[aria-expanded=true] svg{transform:none}
.cr-bench-chev:hover{background:var(--cf-bg-muted);color:var(--cf-text)}.cr-bench-chev:focus-visible{outline:none;box-shadow:0 0 0 2px var(--cf-accent)}
.cr-bench-cmp tr.open>td{border-bottom-color:transparent}.cr-bench-cmp tr.sub>td{padding:4px 12px 16px;background:var(--cf-bg-subtle)}.cr-bench-cmp tr.sub:hover>td{background:var(--cf-bg-subtle)}
.cr-bench-subh{display:flex;align-items:center;gap:12px;margin:0 0 12px;flex-wrap:wrap}.cr-bench-subh b{font-size:13px}.cr-bench-subh>span:not(.sp){font-size:12px;color:var(--cf-text-muted)}.cr-bench-subh .sp{margin-left:auto;display:flex;gap:8px}
.cr-bench-cmp tr.sub .cr-bench-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.cr-selo.ok.solid{background:#1F7A4D;color:#fff;border-color:transparent}[data-theme=dark] .cr-selo.ok.solid{background:#2FA66B;color:#06140D}
.cr-selo.ok.solid{background-image:none}
.cr-bench-sug{overflow:auto}.cr-bench-sug .cr-t{table-layout:fixed}.cr-bench-sug .cr-t th,.cr-bench-sug .cr-t td{padding:12px;vertical-align:middle}.cr-bench-sug td.c-par,.cr-bench-sug th:first-child{width:280px}.cr-bench-sug .c-ac{width:180px;text-align:right}.cr-bench-sug tr.sug td{background:transparent}
.cr-bench-trl{display:flex;align-items:center;gap:8px;margin-bottom:4px;white-space:nowrap}.cr-bench-trl>span:first-child{font-size:12px;color:var(--cf-text-muted);width:48px}
.cr-spark{display:block}
.cr-bench-ac{display:flex;gap:8px;flex-wrap:nowrap;justify-content:flex-end}.cr-bench-ac .cf-btn{min-width:0;justify-content:center}
.cr-bench-cmp .cf-btn[disabled]{opacity:.5;cursor:not-allowed}
.cr-bench-leg{font-size:12px;color:var(--cf-text-muted);line-height:1.5;margin:0}
.cr-bench-remv{margin-top:0}.cr-bench-remv .cr-link{display:inline-flex;gap:8px;align-items:center;color:var(--cf-text-muted);font-weight:500;padding:4px 0}
.cr-bench-rr{display:grid;grid-template-columns:200px 1fr auto;gap:16px;align-items:center;padding:8px 0;border-top:1px solid var(--cf-border-subtle);font-size:var(--cf-fs-meta)}.cr-bench-rr span{color:var(--cf-text-muted)}
.cr-bench-def{display:inline-flex;gap:6px;align-items:center;font-size:12px;color:var(--cf-text-muted);margin-left:auto}
.cr-countline{margin:0;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.cr-bench-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.cr-bench-filtros{margin:0;gap:16px;align-items:center}.cr-bench-filtros .g{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cr-bench-filtros .g+.g{padding-left:16px;border-left:1px solid var(--cf-border)}.cr-bench-filtros .g.ord{margin-left:auto}
.cr-bench-ad{position:relative}.cr-bench-ad.fora .cr-bench-img{filter:grayscale(.7) opacity(.7)}
.cr-bench-ua tr.sel td{background:var(--cf-accent-bg)}
.cr-bench-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.cr-thumb .cr-nop{z-index:0}.cr-thumb .tl,.cr-thumb .bl,.cr-thumb .br,.cr-thumb .tr{z-index:1}
.cr-thumb .tr{position:absolute;top:8px;right:8px;background:rgba(15,14,20,.78);color:#fff;font-size:var(--cf-fs-meta);font-weight:700;border-radius:6px;padding:2px 8px;font-variant-numeric:tabular-nums} /* BI-02 */
.cr-thumb .tr.mu{opacity:.7}
.cr-bench-rank{position:absolute;top:-1px;left:-1px;z-index:2;background:var(--cf-pill-active-bg);color:var(--cf-pill-active-text);font-size:12px;font-weight:700;padding:3px 9px;border-radius:var(--cf-radius-lg) 0 var(--cf-radius-md) 0}
.cr-pmeta .one{-webkit-line-clamp:1;min-height:0;margin-top:2px}
.cr-bench-lg{font-size:var(--cf-fs-meta);color:var(--cf-text-secondary)}.cr-bench-lg strong{font-size:17px;color:var(--cf-text);letter-spacing:-.02em;font-weight:700;font-variant-numeric:tabular-nums}.cr-bench-lg.off{color:var(--cf-text-muted)}
.cr-bench-bd{display:block;height:5px;border-radius:99px;background:var(--cf-bg-muted);overflow:hidden;margin:3px 0 5px}.cr-bench-bd i{display:block;height:100%;background:var(--cf-accent);border-radius:99px}
.cr-bench-mt{font-size:12px;color:var(--cf-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cr-bench-mt b{color:var(--cf-text);font-weight:600}
.cr-bench-ref{margin-top:8px;width:100%}.cr-bench-ref.on{border-color:var(--cf-accent);background:var(--cf-accent-bg);color:var(--cf-accent-text)}
.cr-bench-ua .cr-bench-ref{width:auto;margin:0}.cr-bench-ua td.cr-bench-tl{min-width:130px}.cr-bench-ua tr.fora .cr-bench-img{filter:grayscale(.7) opacity(.7)}
.cr-bench-ua .th .cr-thumb{position:relative;width:100%}
.cr-bench-uatop{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:16px}
.cr-bench-pad{padding:16px}.cr-bench-pad h4{margin:0 0 8px;font-size:var(--cf-fs-label);font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--cf-text-muted)}
.cr-bench-br{display:grid;grid-template-columns:minmax(0,150px) 1fr auto;gap:8px;align-items:center;font-size:var(--cf-fs-meta);padding:1px 0}
.cr-bench-br .tr{height:8px;border-radius:99px;background:var(--cf-bg-muted);overflow:hidden}.cr-bench-br .tr i{display:block;height:100%;background:var(--cf-accent);border-radius:99px}
.cr-bench-br span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cr-bench-br .v{color:var(--cf-text-muted);font-variant-numeric:tabular-nums}
.cr-bench-mapa{border-collapse:separate;border-spacing:3px;width:100%;font-size:12px}
.cr-bench-mapa caption{caption-side:top;text-align:left;font-size:var(--cf-fs-label);color:var(--cf-text-muted);padding:0 0 4px}
.cr-bench-mapa th{font-weight:600;color:var(--cf-text-muted);font-size:11px;text-align:center;padding:0 2px}
.cr-bench-mapa th[scope=row]{text-align:left;color:var(--cf-text);font-size:12px;white-space:nowrap;padding-right:6px}
.cr-bench-mapa td.c{height:26px;text-align:center;border-radius:5px;font-variant-numeric:tabular-nums;font-weight:600;background:color-mix(in srgb,var(--cf-accent) calc(var(--a)*1%),var(--cf-bg-muted));color:var(--cf-text)}
.cr-bench-mapa td.c.hi{color:#fff}[data-theme=dark] .cr-bench-mapa td.c.hi{color:#0F0E14}
.cr-bench-mapa td.tot{text-align:right;color:var(--cf-text-muted);font-variant-numeric:tabular-nums;padding-left:6px;font-size:var(--cf-fs-label)}
.cr-bench-plano{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;text-align:left;margin-top:14px;width:100%;max-width:960px}
.cr-bench-plano div{border:1px solid var(--cf-border);border-radius:var(--cf-radius-md);padding:10px 12px;background:var(--cf-bg-card);font-size:var(--cf-fs-meta);line-height:1.5}
.cr-bench-plano b{display:block;font-size:13px;margin-bottom:2px}.cr-bench-plano span{color:var(--cf-text-muted)}
.cr-selo.lock{background:rgba(12,10,18,.72);color:#fff;border-color:transparent;font-size:var(--cf-fs-label)}.cr-selo.dk{background:rgba(12,10,18,.7);color:#fff;border-color:transparent}
.cr-bench-vid{position:relative;display:block;width:100%;max-height:420px;aspect-ratio:9/16;border-radius:10px;overflow:hidden;background:#000;margin:0 auto}
video.cr-bench-vid{object-fit:contain}
.cr-bench-tn{display:flex;align-items:baseline;gap:6px}.cr-bench-tn strong{font-size:34px;font-weight:700;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}.cr-bench-tn span{font-size:13px;color:var(--cf-text-secondary)}.cr-bench-tn.off strong{color:var(--cf-text-muted)}
.cr-bench-big{font-size:28px;font-weight:700;letter-spacing:-.025em;font-variant-numeric:tabular-nums}
.cr-bench-pq{display:flex;gap:10px;align-items:center;margin-bottom:10px}.cr-bench-pq b{display:block;font-size:var(--cf-fs-body)}.cr-bench-pq span:not(.cr-bench-av){font-size:12px;color:var(--cf-text-muted)}
.cr-bench-rf{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:8px 10px;border:1px solid var(--cf-border);border-radius:var(--cf-radius-md);background:var(--cf-bg-subtle);margin-bottom:8px}.cr-bench-rf b{display:block;font-size:13px}.cr-bench-rf span{font-size:var(--cf-fs-label);color:var(--cf-text-muted)}
/* selos */
.cr-selo{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border:1px solid var(--cf-border);border-radius:999px;font-size:11px;font-weight:600;color:var(--cf-text-secondary);background:var(--cf-bg-card);white-space:nowrap;line-height:1.5}
.cr-selo.ok{border-color:transparent;background:var(--cf-aberto-bg);color:var(--cf-aberto-text)}
.cr-selo.at{border-color:transparent;background:var(--cf-atencao-bg);color:var(--cf-atencao-text)}
.cr-selo.er{border-color:transparent;background:var(--cf-atrasado-bg);color:var(--cf-atrasado-text)}
.cr-selo.in{border-color:transparent;background:var(--cf-sobehoje-bg);color:var(--cf-sobehoje-text)}
.cr-selo.ac{border-color:transparent;background:var(--cf-accent-bg);color:var(--cf-accent-text)}
.cr-selo.mu{border-color:transparent;background:var(--cf-concluida-bg);color:var(--cf-concluida-text)}
.cr-selo.fd{border-color:var(--cf-border);background:var(--cf-bg-subtle);color:var(--cf-text-muted);font-weight:600;white-space:normal;border-radius:var(--cf-radius-sm)} /* fora da disputa: só no Cadence, segue rodando */
.cr-selo.dm{border:1px dashed var(--cf-atencao);background:var(--cf-bg-card);color:var(--cf-atencao-text);font-size:9.5px;letter-spacing:.04em;padding:0 5px;line-height:1.5;align-self:center}
.cr-dot{width:6px;height:6px;border-radius:50%;background:currentColor;display:inline-block}
.cr-id{font-size:var(--cf-fs-label);color:var(--cf-text-muted);font-variant-numeric:tabular-nums;letter-spacing:.01em}
.cr-nd{color:var(--cf-text-muted);font-weight:500}
/* card de peça */
.cr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(188px,1fr));gap:14px}
.cr-piece{background:var(--cf-bg-card);border:1px solid var(--cf-border);border-radius:var(--cf-radius-lg);overflow:hidden;cursor:pointer;display:flex;flex-direction:column;text-align:left;padding:0;color:inherit;box-shadow:var(--cf-shadow-xs);transition:border-color .12s,box-shadow .12s}
.cr-piece:hover{border-color:var(--cf-border-strong);box-shadow:var(--cf-shadow-sm)}
.cr-piece.is-on{border-color:var(--cf-accent);box-shadow:0 0 0 1px var(--cf-accent)}
.cr-thumb{position:relative;aspect-ratio:9/12;background:var(--cf-bg-subtle);overflow:hidden}
.cr-thumb svg{width:100%;height:100%;display:block}
.cr-thumb .tl{position:absolute;top:8px;left:8px;display:flex;gap:4px;flex-wrap:wrap;max-width:calc(100% - 16px)}
.cr-thumb .br{position:absolute;right:8px;bottom:8px;background:rgba(15,14,20,.72);color:#fff;font-size:11px;font-weight:600;border-radius:6px;padding:1px 6px;font-variant-numeric:tabular-nums}
.cr-thumb .bl{position:absolute;left:8px;bottom:8px;display:flex;gap:3px}
.cr-net{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:6px;font-size:9.5px;font-weight:800;background:rgba(255,255,255,.92);color:#18151F}
.cr-pmeta{padding:10px 12px 12px;display:flex;flex-direction:column;gap:2px;min-width:0}
.cr-pmeta b{font-size:13px;line-height:1.3;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}
/* Pacote: título "Pacote · N peças" + 1 linha com as peças; mesma altura das 2 linhas do título normal. */
.cr-pmeta b:has(+.cr-pkn){-webkit-line-clamp:1;min-height:0}
.cr-pkn{font-size:12px;line-height:1.3;color:var(--cf-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:1.3em}
.cr-pk{display:grid;grid-template-columns:repeat(3,auto);justify-content:space-between;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid var(--cf-border-subtle)}
.cr-pk div{font-size:var(--cf-fs-label);font-weight:500;color:var(--cf-text-muted)}
.cr-pk span{display:block;white-space:nowrap;font-size:13px;font-weight:700;letter-spacing:0;text-transform:none;color:var(--cf-text);font-variant-numeric:tabular-nums}
.cr-pk span.nd{color:var(--cf-text-muted);font-weight:500}
/* tabela */
.cr-tw{background:var(--cf-bg-card);border:1px solid var(--cf-border);border-radius:var(--cf-radius-lg);overflow:hidden}
.cr-t{width:100%;border-collapse:collapse;font-size:13px}
.cr-t th{text-align:left;font-size:var(--cf-fs-label);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--cf-text-muted);padding:10px 14px;border-bottom:1px solid var(--cf-border);background:var(--cf-bg-subtle);white-space:nowrap}
.cr-t td{padding:9px 14px;border-bottom:1px solid var(--cf-border-subtle);vertical-align:middle}
.cr-t tr:last-child td{border-bottom:0}
.cr-t tbody tr.rw{cursor:pointer}.cr-t tbody tr.rw:hover td{background:var(--cf-bg-hover)}
.cr-t .n{text-align:right;font-variant-numeric:tabular-nums}
.cr-t .nm{display:flex;align-items:center;gap:10px;min-width:0}
.cr-t .nm b{font-weight:600;display:block;line-height:1.3}
.cr-t .th{position:relative;width:34px;aspect-ratio:9/12;border-radius:6px;overflow:hidden;flex:none;border:1px solid var(--cf-border)}.cr-t .th svg{width:100%;height:100%;display:block}
.cr-bar{height:6px;border-radius:4px;background:var(--cf-bg-hover);overflow:hidden;min-width:70px}.cr-bar i{display:block;height:100%;background:var(--cf-accent);border-radius:4px}
/* indicador */
.cr-kpi .tag{display:flex;align-items:center;gap:6px;margin-top:10px;font-size:12px;color:var(--cf-text-muted)}
.cr-d{font-weight:700;font-variant-numeric:tabular-nums}.cr-d.up{color:var(--cf-aberto-text)}.cr-d.dn{color:var(--cf-atrasado-text)}.cr-d.fl{color:var(--cf-text-muted)}
.cr-kpi .help{position:absolute;top:12px;right:12px}
.cr-kpi svg.sp{display:block;margin-top:8px;width:100%;height:26px}
.cr-help{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;border:1px solid var(--cf-border-strong);font-size:10px;font-weight:700;color:var(--cf-text-muted);cursor:help;position:relative;background:none;padding:0}
.cr-help .tip{position:absolute;top:22px;right:-8px;width:250px;background:#1f2937;color:#fff;padding:10px 12px;border-radius:10px;font-size:var(--cf-fs-label);font-weight:400;line-height:1.45;text-align:left;box-shadow:0 12px 32px rgba(0,0,0,.34);display:none;z-index:70;pointer-events:none}
.cr-help:hover .tip,.cr-help:focus .tip{display:block}
/* estados */
.cr-state{border:1px dashed var(--cf-border-strong);border-radius:var(--cf-radius-lg);background:var(--cf-bg-subtle);padding:44px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}
.cr-state .ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--cf-bg-card);border:1px solid var(--cf-border);color:var(--cf-text-muted);margin-bottom:4px}
.cr-state h3{margin:0;font-size:15px;font-weight:600}.cr-state p{margin:0;font-size:13px;color:var(--cf-text-muted);max-width:440px;line-height:1.5}
.cr-state.er{border-color:var(--cf-atrasado);background:var(--cf-atrasado-bg)}.cr-state.er .ic{color:var(--cf-atrasado-text)}
/* TX-03: erro com dono; código técnico só no "?" (clique copia) */
.cr-state .cr-cod{vertical-align:1px;margin-left:4px}.cr-state .cr-cod .tip{right:auto;left:50%;transform:translateX(-50%);cursor:copy}.cr-cod{cursor:copy}.cr-cod.ok{border-color:var(--cf-aberto);color:var(--cf-aberto)}
.cr-state p.cr-quem{font-size:12px}.cr-state p.cr-quem b{color:var(--cf-text)}
/* TX-01: item pedido por link entre telas pisca ~1,2 s */
.cr-alvo{animation:cr-alvo 1.2s ease-out;border-radius:var(--cf-radius-md)}
@keyframes cr-alvo{0%,40%{box-shadow:0 0 0 3px var(--cf-accent)}100%{box-shadow:0 0 0 3px transparent}}
@media(prefers-reduced-motion:reduce){.cr-alvo{animation:none;box-shadow:0 0 0 3px var(--cf-accent)}}
.cr-sk{background:linear-gradient(90deg,var(--cf-bg-muted),var(--cf-bg-hover),var(--cf-bg-muted));background-size:200% 100%;animation:crsk 1.4s ease-in-out infinite;border-radius:6px}
@keyframes crsk{from{background-position:200% 0}to{background-position:-200% 0}}
@media(prefers-reduced-motion:reduce){.cr-sk{animation:none}}
.cr-note{display:flex;gap:10px;align-items:flex-start;padding:10px 14px;border:1px solid var(--cf-border);border-radius:var(--cf-radius-md);background:var(--cf-bg-card);font-size:var(--cf-fs-meta);color:var(--cf-text-secondary);margin-bottom:14px;line-height:1.45}
.cr-note.at{border-color:transparent;background:var(--cf-atencao-bg);color:var(--cf-atencao-text)}
.cr-note.in{border-color:transparent;background:var(--cf-sobehoje-bg);color:var(--cf-sobehoje-text)}
.cr-note b{font-weight:700}.cr-note .x{margin-left:auto}
.el-lk{background:none;border:0;padding:0;font:inherit;color:var(--cf-sobehoje-text);font-weight:600;cursor:pointer}.el-lk:hover{text-decoration:underline}.el-lk:focus-visible{outline:2px solid currentColor;outline-offset:2px;border-radius:2px}
.el-ano-tag{color:var(--cf-sobehoje-text);font-weight:600}
/* drawer */
.cr-scrim{position:fixed;inset:0;background:rgba(15,14,20,.32);z-index:80;display:none}
.cr-scrim.on{display:block}
.cr-drawer{position:fixed;top:0;right:0;bottom:0;width:480px;max-width:100%;background:var(--cf-bg-card);border-left:1px solid var(--cf-border);box-shadow:var(--cf-shadow-lg);z-index:90;display:none;flex-direction:column}
.cr-drawer.on{display:flex}
/* gaveta aberta: o fundo não rola */
.cf-app:has(.cr-scrim.on) .cf-content{overflow:hidden}
.cr-player{margin:0 0 16px;display:flex;justify-content:center}.cr-player iframe{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:10px}.cr-player .cf-player-tela{aspect-ratio:auto;height:min(420px,55vh)}.cr-player .cf-player-tela>video{object-fit:contain}
.cr-dh{display:flex;gap:14px;padding:18px 20px;border-bottom:1px solid var(--cf-border)}
.cr-dh .th{position:relative;width:76px;aspect-ratio:9/12;border-radius:10px;overflow:hidden;border:1px solid var(--cf-border);flex:none}.cr-dh .th svg{width:100%;height:100%;display:block}
.cr-t .th>img,.cr-t .th>video,.cr-dh .th>img,.cr-dh .th>video{width:100%;height:100%;object-fit:cover;display:block}
.cr-dh h2{margin:4px 0 2px;font-size:16px;line-height:1.3}
.cr-dh .x{margin-left:auto;align-self:flex-start}
/* TX-02: anterior/próximo da gaveta, colado ao Fechar */
.cr-dnav{display:flex;align-items:center;gap:var(--cf-space-1);margin-left:auto;align-self:flex-start;flex:none}.cr-dnav+.x,.cr-dnav+[data-cr-fechar],.cr-dnav+[data-hp-fechar]{margin-left:0}.cr-dnav .cf-btn{min-width:32px;justify-content:center}.cr-dnav .cr-sub{white-space:nowrap;font-variant-numeric:tabular-nums}
.cr-db{flex:1;min-height:0;overflow:auto;padding:4px 20px 28px}
.cr-sec{margin-top:20px}
.cr-sec>h4{margin:0 0 8px;font-size:var(--cf-fs-meta);font-weight:600;color:var(--cf-text-muted);display:flex;align-items:center;gap:8px} /* sentence case: sem eyebrow em caixa alta nos painéis (DESIGN.md, anti-slop) */
.cr-kv{display:flex;justify-content:space-between;gap:16px;padding:7px 0;border-bottom:1px solid var(--cf-border-subtle);font-size:13px}
.cr-kv span:first-child{color:var(--cf-text-muted)}.cr-kv span:last-child{font-weight:600;text-align:right;font-variant-numeric:tabular-nums;word-break:break-all}
.cr-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.cr-mini div{border:1px solid var(--cf-border);border-radius:var(--cf-radius-md);padding:10px 12px}
.cr-mini small{display:block;font-size:var(--cf-fs-meta);font-weight:600;color:var(--cf-text-muted)}
.cr-mini b{font-size:18px;font-weight:700;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.cr-mini span{display:block;margin-top:2px;font-size:12px;color:var(--cf-text-muted);line-height:1.35}
/* stepper (padrão cf-mesa-st na horizontal) */
.cr-steps{display:flex;align-items:flex-start;gap:0;margin:0;padding:0;list-style:none}
.cr-steps li{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;text-align:center;font-size:12px;font-weight:600;color:var(--cf-text-muted)}
.cr-steps li::before{content:'';position:absolute;top:10px;left:-50%;width:100%;height:2px;background:var(--cf-border-strong)}
.cr-steps li:first-child::before{display:none}
.cr-steps li.done::before,.cr-steps li.on::before{background:var(--cf-aberto)}
.cr-steps .d{position:relative;z-index:1;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--cf-border-strong);background:var(--cf-bg-card);display:grid;place-items:center;font-size:11px}
/* fundos de status são translúcidos: a camada var(--cf-bg-card) por baixo impede a linha do stepper de aparecer através do círculo */
.cr-steps li.done .d{border-color:transparent;background:linear-gradient(var(--cf-aberto-bg),var(--cf-aberto-bg)),var(--cf-bg-card);color:var(--cf-aberto-text)}
.cr-steps li.on .d{border-color:transparent;background:var(--cf-accent);color:var(--cf-text-on-accent)}
.cr-steps li.on{color:var(--cf-text)}.cr-steps li.vez .d{border-color:transparent;background:var(--cf-atencao-text);color:var(--cf-bg-page);font-weight:700}.cr-steps li.vez{color:var(--cf-atencao-text)}
.cr-steps small{display:block;font-size:11px;font-weight:400;color:var(--cf-text-muted)}
.cr-pack{display:flex;gap:6px;flex-wrap:wrap}
.cr-comp{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--cf-border);border-radius:var(--cf-radius-md);font-size:var(--cf-fs-meta);margin-bottom:6px}
.cr-comp .tp{font-size:var(--cf-fs-label);font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--cf-text-muted);width:62px;flex:none}
.cr-lin{display:flex;flex-direction:column;gap:6px;border-left:2px solid var(--cf-border);padding-left:12px;margin-left:4px}
.cr-lin a{font-size:13px;color:var(--cf-accent-text);font-weight:600;cursor:pointer;text-decoration:none}.cr-lin a:hover{text-decoration:underline}
/* calendário próprio (substitui input date) */
.cr-per{position:relative}
.cr-pop{position:absolute;top:calc(100% + 6px);left:0;z-index:70;background:var(--cf-bg-card);border:1px solid var(--cf-border-strong);border-radius:var(--cf-radius-lg);box-shadow:var(--cf-shadow-lg);padding:12px;width:268px;display:none}
.cr-pop.on{display:block}
.cr-cal-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:13px;font-weight:600;text-transform:capitalize}
.cr-cal-h button{border:1px solid var(--cf-border);background:var(--cf-bg-card);color:var(--cf-text);border-radius:7px;width:26px;height:24px;cursor:pointer}
.cr-cal{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center}
.cr-cal span{font-size:var(--cf-fs-label);font-weight:700;color:var(--cf-text-muted);padding:3px 0}
.cr-cal button{border:0;background:none;color:var(--cf-text);height:30px;border-radius:7px;font-size:var(--cf-fs-meta);cursor:pointer;font-variant-numeric:tabular-nums}
.cr-cal button:hover{background:var(--cf-bg-hover)}
.cr-cal button.in{background:var(--cf-accent-bg);color:var(--cf-accent-text);border-radius:0}
.cr-cal button.ed{background:var(--cf-accent);color:var(--cf-btn-primary-text);border-radius:7px}
.cr-cal button:disabled{color:var(--cf-text-subtle);cursor:default;background:none}
.cr-pop-f{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:12px;color:var(--cf-text-muted)}
/* ===== extras: sem preview, provisório, faixa de frescor ===== */
.cr-nop{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px;text-align:center;background:repeating-linear-gradient(135deg,var(--cf-bg-subtle) 0 10px,var(--cf-bg-muted) 10px 11px);color:var(--cf-text-muted)}
.cr-nop svg{opacity:.7}.cr-nop b{font-size:12px;font-weight:600;color:var(--cf-text-secondary)}
.cr-nop small{font-size:var(--cf-fs-label);line-height:1.35;max-width:150px}
.cr-hash{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--cf-fs-label);color:var(--cf-text-muted);background:var(--cf-bg-card);border:1px solid var(--cf-border);border-radius:6px;padding:1px 6px}
.cr-selo.pv{border:1px dashed var(--cf-sobehoje);background:var(--cf-sobehoje-bg);color:var(--cf-sobehoje-text)}
.cr-fresh{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;padding:9px 14px;border:1px solid var(--cf-border);border-radius:var(--cf-radius-md);background:var(--cf-bg-card);font-size:var(--cf-fs-meta);color:var(--cf-text-secondary);margin-bottom:14px}
.cr-fresh .r{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.cr-fresh .r i{width:7px;height:7px;border-radius:50%;background:var(--cf-aberto)}.cr-fresh .r.p i{background:var(--cf-sobehoje)}.cr-fresh .r.x i{background:var(--cf-text-subtle)}
.cr-fresh .r b{font-weight:600;color:var(--cf-text)}
.cr-pk span.pv{color:var(--cf-text-muted)}
.cr-t td.mu,.cr-pk span.mu{color:var(--cf-text-muted)}
.cr-link{border:0;background:none;padding:0;color:var(--cf-accent-text);font-weight:600;font-size:inherit;cursor:pointer}.cr-link:hover{text-decoration:underline}
.cr-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--cf-fs-label);color:var(--cf-text-secondary)}
.cr-tag-l{display:inline-block;font-size:var(--cf-fs-label);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--cf-text-muted)}
.cr-scope{display:inline-flex;align-items:center;gap:6px;font-size:var(--cf-fs-label);font-weight:600;color:var(--cf-text-muted);border:1px dashed var(--cf-border-strong);border-radius:999px;padding:2px 10px}

/* ===== Game Bible (crg) e Jornadas (crj): só composição dos componentes comuns ===== */
.crg,.crj{max-width:1240px}
.crg .cf-xselect,.crj .cf-xselect{min-width:220px}
.crg-ficha{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1px;background:var(--cf-border);border:1px solid var(--cf-border);border-radius:var(--cf-radius-lg);overflow:hidden;margin:0 0 20px}
.crg-ficha>div{background:var(--cf-bg-card);padding:10px 14px;font-size:var(--cf-fs-meta);min-width:0}
.crg-ficha dt{font-size:var(--cf-fs-label);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--cf-text-muted);margin-bottom:3px}
.crg-ficha dd{margin:0;word-break:break-all}
.crg-ficha dd.m{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.crg-tabs{margin-bottom:18px}
.crg-claim{display:grid;grid-template-columns:78px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--cf-border-subtle);font-size:13px;line-height:1.5}
.crg-claim:last-child{border-bottom:0}
.crg-claim .cr-selo{justify-content:center;height:max-content}
.cr-selo.wrap{white-space:normal;border-radius:var(--cf-radius-sm)}
.crg-q,.crg-fonte{font-size:var(--cf-fs-label);color:var(--cf-text-muted);font-variant-numeric:tabular-nums}
.crg-fonte{margin-top:4px;word-break:break-all}
.crg-nota{font-size:var(--cf-fs-meta);color:var(--cf-text-secondary);padding:8px 0}
.crg-mec{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:14px;margin-bottom:12px;background:var(--cf-bg-card);border:1px solid var(--cf-border);border-radius:var(--cf-radius-lg)}
.crg-mec img{width:150px;aspect-ratio:9/16;object-fit:cover;border-radius:var(--cf-radius-md);border:1px solid var(--cf-border);display:block;background:var(--cf-bg-subtle)}
.crg-semprint,.crj-semprint{font-size:12px;color:var(--cf-text-muted)}
.crg-semprint{width:150px;aspect-ratio:9/16;display:grid;place-items:center;text-align:center;padding:10px;border:1px dashed var(--cf-border);border-radius:var(--cf-radius-md)}
.crg-mec h4{margin:0 0 4px;font-size:14px}
.crg-mec .crg-claim{border-bottom:0;padding:6px 0}
.crg-t{width:100%;border-collapse:collapse;font-size:13px;margin:8px 0 12px}
.crg-t th{text-align:left;font-size:var(--cf-fs-label);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--cf-text-muted);padding:10px 14px;border-bottom:1px solid var(--cf-border);background:var(--cf-bg-subtle)}
.crg-t td{padding:9px 14px;border-bottom:1px solid var(--cf-border-subtle);vertical-align:top}
.crg-pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px;margin-top:12px}
.crg-persona{background:var(--cf-bg-card);border:1px solid var(--cf-border);border-radius:var(--cf-radius-lg);padding:16px 18px;font-size:var(--cf-fs-meta);line-height:1.5}
.crg-persona header{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.crg-persona header b{font-size:14px}
.crg-persona dt{font-size:var(--cf-fs-label);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--cf-text-muted);margin-top:10px}
.crg-persona dd{margin:2px 0 0}
.crg-persona footer{margin-top:12px}
.crg-comp{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.crg-comp>div{background:var(--cf-bg-card);border:1px solid var(--cf-border);border-radius:var(--cf-radius-lg);padding:12px 14px;font-size:var(--cf-fs-meta)}
.crg-comp b{display:block;margin-bottom:4px;font-size:13px}
.cr-root .cr-lac{display:inline-block;font-size:11px;font-weight:600;color:var(--cf-atencao-text);background:var(--cf-atencao-bg);padding:1px 6px;border-radius:999px}
.cr-conf{font-size:var(--cf-fs-label);font-weight:700;color:var(--cf-atrasado-text);background:var(--cf-atrasado-bg);padding:1px 6px;border-radius:999px}

/* ===== Hipóteses e testes (hp-*) — quadro em colunas + painel que encolhe o quadro (Proposta D). Só tokens --cf-*; piso de 12 px ===== */
.nw{white-space:nowrap}
.cr-help.tl .tip{left:-8px;right:auto}
.hp-root{display:flex;flex-direction:column;min-height:0;padding-bottom:0}
.hp-root .cr-help .tip{white-space:normal;width:240px;font-size:12px;text-transform:none;letter-spacing:0;font-weight:400}
.hp-root .cr-selo,.hp-root .cr-id,.hp-root .cr-count,.hp-root .cr-help{font-size:12px}

/* faixa do topo */
.hp-strip{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-bottom:12px}
.hp-strip .cr-sw{font-size:13px;font-weight:600;color:var(--cf-text)}
.hp-strip-n{margin-left:auto}
.hp-vez{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--cf-border);border-radius:999px;padding:5px 12px;background:var(--cf-bg-card);cursor:pointer;font:inherit;font-size:13px;color:var(--cf-text)}
.hp-vez:hover{border-color:var(--cf-border-strong)}.hp-vez:focus-visible{outline:none;box-shadow:var(--cf-shadow-focus)}
.hp-vez.on{background:var(--cf-accent-bg);border-color:var(--cf-accent);color:var(--cf-accent-text);font-weight:600}
.hp-vez .ct{font-size:12px;font-weight:700;border-radius:999px;padding:0 7px;background:var(--cf-accent);color:var(--cf-btn-primary-text);font-variant-numeric:tabular-nums}
.hp-lote{margin-bottom:10px}.hp-lote .ch{display:inline-block;margin-left:8px;transition:transform .15s}.hp-lote [aria-expanded=true] .ch{transform:rotate(90deg)}
.hp-leg{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--cf-text-muted)}
.hp-leg i{width:14px;height:10px;border-radius:3px;border:1px solid var(--cf-accent);background:var(--cf-bg-card)}
.hp-leg i.at{border-color:var(--cf-atencao)}.hp-leg i.er{border-color:var(--cf-atrasado)}

/* quadro: ocupa o resto da altura (.cf-paineis-corpo); o painel encolhe o quadro em vez de cobri-lo */
.hp-kbw{display:flex;gap:16px}
.hp-kb{flex:1;min-width:0;display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:0}.hp-kb>.hp-kc{scroll-snap-align:start}
.hp-kc{flex:1 1 0;min-width:200px;display:flex;flex-direction:column;min-height:0;background:var(--cf-bg-subtle);border:1px solid var(--cf-border);border-radius:var(--cf-radius-lg)}
.hp-kbw.pn .hp-kc{min-width:max(200px,calc((100% - 20px) / 3))} /* painel aberto: 3 colunas inteiras, sem corte à direita */
.hp-kc-h{padding:10px 12px 8px;display:flex;flex-direction:column;gap:2px}
.hp-kc-t{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--cf-text)}
.hp-kc-t .n,.hp-kc.min .n{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;background:var(--cf-bg-muted);color:var(--cf-text-secondary);flex:none}
.hp-kc-t .ct,.hp-kc.min .ct{font-size:12px;font-weight:700;background:var(--cf-bg-muted);border-radius:999px;padding:0 7px;color:var(--cf-text-secondary);font-variant-numeric:tabular-nums}
.hp-kc-t .cr-help{margin-left:auto}
.hp-kc-t .x{margin-left:auto;border:0;background:none;color:var(--cf-text-muted);font:inherit;font-size:12px;font-weight:600;cursor:pointer}
.hp-kc-t .x:hover{color:var(--cf-text)}.hp-kc-t .x:focus-visible{outline:none;box-shadow:var(--cf-shadow-focus);border-radius:4px}
.hp-kc-s{font-size:12px;color:var(--cf-text-muted);line-height:1.35;padding-left:28px}
.hp-kc-b{flex:1;min-height:0;overflow-y:auto;padding:4px 8px 10px;display:flex;flex-direction:column;gap:8px}
.hp-empty{font-size:12px;color:var(--cf-text-subtle);padding:12px 8px;text-align:center}
/* coluna recolhida: só a contagem */
.hp-kc.min{flex:none;width:44px;min-width:44px;align-items:center;gap:10px;padding:10px 0;cursor:pointer;font-family:inherit;color:var(--cf-text)}
.hp-kc.min:hover{background:var(--cf-bg-hover)}.hp-kc.min:focus-visible{outline:none;box-shadow:var(--cf-shadow-focus)}
.hp-kc.min .vl{writing-mode:vertical-rl;font-size:13px;font-weight:700;letter-spacing:.02em}
.hp-kc.min .ch{margin-top:auto;color:var(--cf-text-muted);font-size:15px}

/* card: urgência = borda inteira de 1 px na cor da urgência (sem faixa lateral) */
.hp-card{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:5px;text-align:left;width:100%;padding:10px 12px;background:var(--cf-bg-card);border:1px solid var(--cf-border);border-radius:var(--cf-radius-md);color:inherit;font-family:inherit;cursor:pointer;min-width:0;transition:opacity .12s,border-color .12s}
.hp-card:hover{border-color:var(--cf-border-strong)}
.hp-card:focus-visible{outline:none;box-shadow:var(--cf-shadow-focus)}
.hp-card.is-on{border-color:var(--cf-accent);box-shadow:0 0 0 1px var(--cf-accent)}
.hp-card.pede{--ur:var(--cf-accent);border-color:var(--ur)}
.hp-card.pede.u-at{--ur:var(--cf-atencao)}.hp-card.pede.u-er{--ur:var(--cf-atrasado)}
.hp-card.pede.is-on{box-shadow:0 0 0 1px var(--ur),var(--cf-shadow-focus)}
.hp-card.dim{opacity:.4}.hp-card.dim:hover{opacity:.7}
.hp-k1{display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px;min-height:20px}
.hp-k1 .hp-wt{margin-left:auto}
.hp-kt{font-size:var(--cf-fs-body);font-weight:600;line-height:1.3;color:var(--cf-text);overflow-wrap:break-word}
.hp-km{font-size:12px;color:var(--cf-text-muted);line-height:1.35;font-weight:400}
.hp-kf{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;margin-top:2px}
.hp-kf .cr-selo{white-space:normal}
.hp-wt{flex:none;font-size:12px;font-weight:600;border-radius:999px;padding:0 8px;color:var(--cf-accent-text);background:var(--cf-accent-bg);white-space:nowrap}
.hp-wt.at{color:var(--cf-atencao-text);background:var(--cf-atencao-bg)}
.hp-wt.er{color:var(--cf-atrasado-text);background:var(--cf-atrasado-bg)}
.hp-klc{display:flex;align-items:center;gap:8px;width:100%}
.hp-klc b{font-size:13px;font-variant-numeric:tabular-nums;flex:none}
.hp-klc b.up{color:var(--cf-aberto-text)}.hp-klc b.dn{color:var(--cf-atrasado-text)}.hp-klc b.fl{color:var(--cf-text-muted)}
.hp-klc .hp-ic{flex:1;min-width:60px}
/* barra de etapas: 5 traços; a etapa atual é o traço sólido mais largo, com o nome */
.hp-kp{display:inline-flex;align-items:center;gap:3px;margin-top:2px}
.hp-kp i{width:16px;height:4px;border-radius:2px;background:var(--cf-border-strong)}
.hp-kp i.done{background:var(--cf-accent)}.hp-kp i.ok{background:var(--cf-aberto)}.hp-kp i.er{background:var(--cf-atrasado)}
.hp-kp i.on{width:26px;height:6px;border-radius:3px;background:var(--cf-accent)}
.hp-kp b{margin-left:6px;font-size:12px;font-weight:600;color:var(--cf-text)}

/* painel (encolhe o quadro): cabeçalho · corpo rolável · rodapé de decisão fixo */
.hp-panel{flex:none;width:460px;min-height:0;display:flex;flex-direction:column;background:var(--cf-bg-card);border:1px solid var(--cf-border);border-radius:var(--cf-radius-lg);overflow:hidden}
@media (min-width:1700px){.hp-panel{width:560px}}
.hp-ph{padding:14px 18px 12px;border-bottom:1px solid var(--cf-border)}
.hp-ph h2{margin:8px 0 2px;font-size:16px;line-height:1.3}.hp-ph-m{font-size:12px;color:var(--cf-text-muted);line-height:1.4}.hp-pt-mxc .b.prov{opacity:.7}
.hp-ph .fecha{margin-left:auto}
.hp-pb{flex:1;min-height:0;overflow-y:auto;padding:4px 18px 18px}
.hp-pb .cr-sec:first-child{margin-top:14px}
.hp-ct{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px}
.hp-pb .cr-steps small{min-height:15px;font-size:12px}
.hp-pb .cr-steps li.on .d{color:var(--cf-bg-page)}
.hp-pb .cr-steps li.ok .d{border-color:transparent;background:var(--cf-aberto);color:var(--cf-btn-primary-text)}
.hp-pb .cr-steps li.er .d{border-color:transparent;background:var(--cf-atrasado);color:var(--cf-btn-primary-text)}
.hp-pb .cr-t td.n,.hp-pb .cr-t th{white-space:nowrap}.hp-pb .cr-t th,.hp-pb .cr-t td{padding:8px 8px}
.hp-pb .cr-t th{letter-spacing:.05em;font-size:12px}.hp-pb .cr-t th .cr-help{margin-left:3px;vertical-align:middle}
.hp-pb .cr-sec>h4{font-size:12px}.hp-pb .cr-sec>h4 .cr-selo{margin-left:auto}
.hp-pb .cr-note{font-size:13px}
.hp-sub{margin:14px 0 6px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--cf-text-muted);display:flex;align-items:center;gap:6px}
.hp-hl{display:flex;align-items:center;gap:12px}
.hp-hl .big{font-size:18px;font-weight:700;letter-spacing:-.01em;font-variant-numeric:tabular-nums;line-height:1.2}
.hp-hl .cap{font-size:12px;color:var(--cf-text-muted);line-height:1.35;flex:1;min-width:0}
.hp-hl .cap b{color:var(--cf-text);font-weight:600}
.hp-icw{display:flex;flex-direction:column;gap:2px;margin:6px 0 12px}
.hp-lg{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12px;color:var(--cf-text-muted);margin-top:2px}
.hp-lg .k{display:inline-flex;align-items:center;gap:6px}
.hp-lg .sw{display:inline-block;width:18px;height:8px;border-radius:4px;background:var(--cf-concluida)}
.hp-lg .z{display:inline-block;width:1px;height:12px;background:var(--cf-text-muted)}
.hp-lg .m{display:inline-block;width:0;height:12px;border-left:1px dashed var(--cf-accent)}
/* faixa de IC: cinza = inconclusivo, verde = passou, vermelho = abaixo. Sem faixa ampliada (decisão: IC normal + selo Prévia) */
.hp-ic{--tone:var(--cf-concluida);position:relative;width:100%}
.hp-ic.t-ok{--tone:var(--cf-aberto)}.hp-ic.t-er{--tone:var(--cf-atrasado)}
.hp-ic-top{position:relative;height:16px;font-size:12px;color:var(--cf-accent-text);font-weight:600}
.hp-ic-top span{position:absolute;top:0;transform:translateX(-50%);white-space:nowrap}
.hp-ic-tr{position:relative;height:30px;border-radius:6px;background:var(--cf-bg-subtle);border:1px solid var(--cf-border)}
.hp-ic-z{position:absolute;top:-1px;bottom:-1px;width:1px;background:var(--cf-text-muted)}
.hp-ic-m{position:absolute;top:-1px;bottom:-1px;width:0;border-left:1px dashed var(--cf-accent)}
.hp-ic-b{position:absolute;top:50%;height:12px;transform:translateY(-50%);border-radius:6px;background:var(--tone);min-width:4px}
.hp-ic-p{position:absolute;top:50%;width:3px;height:22px;transform:translate(-50%,-50%);background:var(--cf-text);border-radius:2px;border:1px solid var(--cf-bg-card)}
.hp-ic-ax{position:relative;height:16px;font-size:12px;color:var(--cf-text-muted);font-variant-numeric:tabular-nums;margin-top:3px}
.hp-ic-ax span{position:absolute;top:0;transform:translateX(-50%);white-space:nowrap}
.hp-ic-ax .a0{left:0;transform:none}.hp-ic-ax .a1{right:0;transform:none}
.hp-ic.mini .hp-ic-tr{height:18px;border-radius:5px}.hp-ic.mini .hp-ic-b{height:8px}.hp-ic.mini .hp-ic-p{height:14px;width:2px}
/* regra do leitor em 3 checks */
.hp-chk{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}
.hp-chk>div{border:1px solid var(--cf-border);border-radius:var(--cf-radius-md);padding:8px 10px;display:flex;flex-direction:column;gap:2px;min-width:0;background:var(--cf-bg-card)}
.hp-chk .h{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--cf-text-secondary);line-height:1.25}
.hp-chk .v{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.3}
.hp-chk small{font-size:12px;color:var(--cf-text-muted);line-height:1.35}
.hp-chk .m{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;flex:none;font-size:12px;font-weight:800;line-height:1;font-style:normal;color:var(--cf-btn-primary-text)}
.hp-chk .s-ok{border-color:color-mix(in srgb,var(--cf-aberto) 45%,var(--cf-border))}.hp-chk .s-ok .m{background:var(--cf-aberto)}
.hp-chk .s-no{border-color:color-mix(in srgb,var(--cf-atrasado) 45%,var(--cf-border))}.hp-chk .s-no .m{background:var(--cf-atrasado)}

/* rodapé de decisão fixo */
.hp-pf{flex:none;display:flex;flex-direction:column;gap:8px;padding:10px 18px 12px;border-top:1px solid var(--cf-border);background:var(--cf-bg-card)}
.hp-sug{display:flex;gap:8px;align-items:flex-start;font-size:13px;line-height:1.4;color:var(--cf-text-secondary)}
.hp-sug .tag{flex:none;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--cf-text-muted)}
.hp-sug b{color:var(--cf-text);font-weight:600}
.hp-note{font-size:12px;color:var(--cf-text-muted);line-height:1.4}.hp-note b{color:var(--cf-text-secondary);font-weight:600}
.hp-mot{display:flex;gap:8px;align-items:center}.hp-mot .cf-input{flex:1;min-width:0}
.hp-acts{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}
.hp-pf .cf-btn{padding:7px 14px;font-size:13px}
.hp-pf .cf-btn:disabled{background:var(--cf-bg-muted);border-color:var(--cf-border);color:var(--cf-text-subtle);cursor:not-allowed}
.hp-seg{display:flex;width:100%}.hp-seg button{flex:1;padding:8px 11px}
.hp-seg button.sug:not(.on){color:var(--cf-accent-text);box-shadow:inset 0 -2px 0 var(--cf-accent)}
.hp-seg button:disabled{color:var(--cf-text-subtle);cursor:not-allowed;background:var(--cf-bg-subtle)}
.hp-seg button[aria-disabled=true]:not(.on){color:var(--cf-text-muted);text-decoration:line-through}
.hp-whyw:empty{display:none}
.hp-why{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.hp-why li{display:flex;gap:6px;align-items:flex-start;font-size:12px;line-height:1.4;color:var(--cf-atencao-text)}.hp-why svg{flex:none;margin-top:2px}

/* corpo: pré-registro, braços, amostra, histórico */
.hp-p{margin:0 0 10px;font-size:13px;color:var(--cf-text-secondary);line-height:1.5}
.hp-det{border:1px solid var(--cf-border);border-radius:var(--cf-radius-md);margin-top:12px;padding:0 14px}
.hp-det>summary{cursor:pointer;padding:10px 0;font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px;list-style:none}
.hp-det>summary::-webkit-details-marker{display:none}
.hp-det>summary::before{content:"";display:inline-block;width:6px;height:6px;margin-right:var(--cf-space-2);vertical-align:middle;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);transition:transform .12s;color:var(--cf-text-muted)}.hp-det[open]>summary::before{transform:rotate(45deg)}
.hp-det[open]{padding-bottom:10px}
.hp-det>summary:focus-visible{outline:none;box-shadow:var(--cf-shadow-focus);border-radius:4px}
.hp-hip{margin:0 0 8px;font-size:13px;line-height:1.55;color:var(--cf-text-secondary);background:var(--cf-bg-subtle);border-radius:var(--cf-radius-md);padding:10px 12px}
.hp-det .cr-kv span:first-child{flex:none;max-width:42%}.hp-det .cr-kv span:last-child{word-break:normal;overflow-wrap:anywhere;white-space:pre-line}
.hp-ver{border:1px solid var(--cf-border);border-radius:var(--cf-radius-md);padding:12px 14px;margin-bottom:10px;background:var(--cf-bg-card)}
.hp-ver>div{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px}.hp-ver b{font-size:18px;letter-spacing:-.01em}
.hp-ver p{margin:6px 0 0;font-size:13px;color:var(--cf-text-secondary);line-height:1.45}
.hp-ver.ok{border-color:transparent;background:var(--cf-aberto-bg)}.hp-ver.er{border-color:transparent;background:var(--cf-atrasado-bg)}
.hp-ver .cr-tag-l{color:var(--cf-text-secondary);font-size:12px}
.hp-arm{display:flex;align-items:center;gap:2px 6px;flex-wrap:wrap}
.hp-armc{min-width:0;white-space:normal}
.hp-sem{margin:10px 0;border:1px dashed var(--cf-border-strong);border-radius:var(--cf-radius-md);padding:10px 12px;font-size:13px;color:var(--cf-text-muted);background:var(--cf-bg-subtle);line-height:1.45}
.hp-am{margin-bottom:12px}.hp-amh{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin-bottom:6px;font-size:13px}.hp-amh .cr-id{margin-left:auto}
.hp-bar{position:relative;height:8px;border-radius:5px;background:var(--cf-bg-muted);overflow:hidden;display:flex;margin-bottom:4px}
.hp-bar i{display:block;height:100%}.hp-bar .e{background:var(--cf-accent)}
.hp-bar .p{background:repeating-linear-gradient(135deg,var(--cf-sobehoje) 0 4px,var(--cf-sobehoje-bg) 4px 8px)}
.hp-bar s{position:absolute;top:-1px;bottom:-1px;left:50%;width:2px;background:var(--cf-text);opacity:.55}
.hp-hist{display:flex;flex-direction:column;gap:6px}
.hp-hist>div{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:8px;align-items:baseline;font-size:13px;padding:7px 0;border-top:1px solid var(--cf-border-subtle)}
.hp-apr{display:block}.hp-apr span{display:block;text-align:left}.hp-apr span:first-child{margin-bottom:2px}.hp-apr span:last-child{font-weight:500}
.hp-cfg{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end}.hp-cfg .cr-mono{background:var(--cf-bg-subtle);border:1px solid var(--cf-border);border-radius:6px;padding:1px 6px;font-weight:500}
.hp-toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:100;background:#1f2937;color:#fff;padding:10px 16px;border-radius:10px;font-size:13px;box-shadow:var(--cf-shadow-lg);max-width:640px}
.hp-sk{display:block}.hp-sk.h1{height:12px;width:60%}
.hp-sk.c1{height:12px;width:50%}.hp-sk.c2{height:14px;width:90%;margin-top:10px}.hp-sk.c3{height:14px;width:60%;margin-top:6px}.hp-card.sk{cursor:default}
.hp-tentar{margin-top:6px}
.hp-rg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;margin-top:10px}
.hp-rl{display:flex;flex-direction:column;gap:4px;min-width:0;font-size:12px;color:var(--cf-text-muted)}
.hp-rl .cf-input{width:100%}.hp-rl .cf-xselect{width:100%}.hp-rl .cf-xselect-trigger{width:100%;justify-content:space-between}
.hp-mesma{margin-top:10px}.hp-mesma b{color:var(--cf-text)}

/* ===== Identificar peças (id-*): aba "Sem peça identificada" da Biblioteca. Fonte: mock-identificar.html ===== */
.id-sum{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;padding:10px 14px;margin-bottom:12px;border:1px solid var(--cf-border);border-radius:var(--cf-radius-md);background:var(--cf-bg-card);font-size:13px;color:var(--cf-text-secondary);font-variant-numeric:tabular-nums}
.id-s b{color:var(--cf-text);font-weight:700}
.id-s small{color:var(--cf-text-muted);font-size:12px}
.id-s-main .id-v{font-size:18px;letter-spacing:-.01em}
.id-s.at{color:var(--cf-atencao-text)}
.id-altas{margin-left:auto}
.id-pv{margin:-4px 0 14px 28px;max-width:860px}
.id-pv p{margin:0 0 8px;font-size:var(--cf-fs-meta);color:var(--cf-text-secondary)}
.id-pv ul{margin:0;padding:0;list-style:none;border:1px solid var(--cf-border);border-radius:var(--cf-radius-md);background:var(--cf-bg-card)}
.id-pv li{display:flex;align-items:center;gap:16px;padding:8px 16px;font-size:13px;color:var(--cf-text-muted)}
.id-pv li+li{border-top:1px solid var(--cf-border)}
.id-pv-n{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.id-pv-n b{color:var(--cf-text);font-weight:600}
.id-pv-v{min-width:80px;text-align:right;color:var(--cf-text);font-weight:600;font-variant-numeric:tabular-nums}
.id-s-help{margin-left:auto}
.id-sum .cr-help .tip{right:-8px;width:320px}
.id-note{align-items:center}
.id-note>span:first-child{flex:1;min-width:0}
.id-note .x{margin-left:auto;flex:none;align-self:center}
.id-note .cr-help{vertical-align:-3px;margin-left:4px}
.id-ico{display:contents}
.id-filters .cr-search{width:188px}
.id-t{table-layout:fixed}
.id-t col:nth-child(1){width:44px}.id-t col:nth-child(3){width:96px}.id-t col:nth-child(4){width:78px}.id-t col:nth-child(5){width:236px}.id-t col:nth-child(6){width:142px}.id-t col:nth-child(7){width:112px}
.id-t .ck{padding-right:0}
.id-t .act{text-align:right;white-space:nowrap}
.id-t .nm>div:last-child{min-width:0}
.id-t .el{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.id-t .why{display:block;white-space:nowrap;margin-top:3px}
.id-nw{white-space:nowrap}
.id-t tr.rw:focus-visible td{background:var(--cf-bg-hover)}
.id-t tr.rw.id-lote td{background:var(--cf-accent-bg)}.id-t tr.rw.id-lote td:first-child{box-shadow:inset 3px 0 0 var(--cf-accent)} /* BI-06 */
.id-t tr.rw:focus-visible{outline:2px solid var(--cf-accent);outline-offset:-2px}
.id-foot-count{margin:10px 0 0}
.cr-ck{width:20px;height:20px;border-radius:6px;border:1.5px solid var(--cf-border-strong);background:var(--cf-bg-card);padding:0;cursor:pointer;display:inline-grid;place-items:center;color:transparent;vertical-align:middle}
.cr-ck:hover:not(:disabled){border-color:var(--cf-accent)}
.cr-ck[aria-checked=true]{background:var(--cf-accent);border-color:var(--cf-accent);color:var(--cf-btn-primary-text)}
.cr-ck i{display:grid;place-items:center;font-style:normal;line-height:0}
.cr-ck:disabled{cursor:not-allowed;opacity:.4}
.cr-ck:focus-visible,.id-cd:focus-visible,.cr-link:focus-visible,.cr-help:focus-visible{outline:none;box-shadow:var(--cf-shadow-focus)}
kbd.id-k{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--cf-fs-label);font-weight:600;color:var(--cf-text-secondary);background:var(--cf-bg-subtle);border:1px solid var(--cf-border-strong);border-bottom-width:2px;border-radius:5px;padding:0 5px;margin:0 1px;line-height:1.5;display:inline-block}
.id-hint{font-size:12px;color:var(--cf-text-muted)}
.id-bar{display:flex;align-items:center;gap:14px;padding:10px 14px;margin-bottom:12px;border:1px solid var(--cf-accent-border);background:linear-gradient(var(--cf-accent-bg),var(--cf-accent-bg)),var(--cf-bg-card);border-radius:var(--cf-radius-md);font-size:13px;color:var(--cf-text)}
.id-bar-t{flex:1;min-width:0;line-height:1.45}
.id-bar-a{display:flex;gap:8px;align-items:center;flex:none}
.cr-drawer.wide{width:min(980px,100%)}
.cr-drawer.wide:focus{outline:none}
.id-dh{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;border-bottom:1px solid var(--cf-border)}
.id-dh h2{margin:2px 0 0;font-size:16px;line-height:1.3}
.id-nav{display:flex;gap:6px}
.id-nav .cf-btn{min-width:34px}
.id-body{flex:1;min-height:0;display:grid;grid-template-columns:340px minmax(0,1fr)}
.id-left{overflow:auto;padding:16px 20px 24px;border-right:1px solid var(--cf-border);background:var(--cf-bg-subtle)}
.id-right{overflow:auto;padding:16px 20px 24px;min-width:0}
.id-cands>.cr-sec{margin-top:0}
.id-cands .cr-help .tip{left:-8px;right:auto} /* "?" fica na borda esquerda da coluna: abrir para a direita, senão o painel corta */
.id-right .cr-search{width:100%}
.id-res{margin-top:10px}
.id-ad{display:flex;flex-direction:column;gap:12px;margin-top:8px}
.id-ad>div:last-child{min-width:0}
.id-pv{width:100%}
.id-pv .cr-thumb{border-radius:10px;border:1px solid var(--cf-border);aspect-ratio:auto;height:340px}
/* Vídeo vira .cf-player (9:16 + barra): a caixa de 340px cortaria o fim e a barra. O player se mede sozinho. */
.id-pv .cr-thumb:has(.cf-player){height:auto;overflow:visible;border:0;border-radius:0;background:none}
.id-pv .cf-player{--cf-player-max:236px;margin:0 auto}
.id-car{display:flex;gap:6px;overflow-x:auto;padding:8px 0 4px;scroll-snap-type:x mandatory}
.id-car a{position:relative;flex:0 0 72px;height:96px;border-radius:6px;border:1px solid var(--cf-border);overflow:hidden;scroll-snap-align:start;background:var(--cf-surface-2,#0002)}
.id-car img,.id-car video{width:100%;height:100%;object-fit:contain;display:block}
.id-car small{position:absolute;left:4px;bottom:3px;font-size:10px;line-height:1;padding:2px 4px;border-radius:4px;background:#000a;color:#fff}
.id-an{display:block;font-size:14px;line-height:1.3;font-weight:600;word-break:break-word;margin-bottom:2px}
.id-n{display:flex;gap:18px;margin-top:10px;font-size:18px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.id-n small{display:block;font-size:var(--cf-fs-label);font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--cf-text-muted)}
.id-ficha{margin-top:14px}
.id-left .cr-kv{align-items:center}
.id-left .cr-kv span:last-child{word-break:normal;min-width:0}
.id-left .cr-mono{font-size:11px;word-break:break-all}
.id-cd{display:grid;grid-template-columns:18px 56px minmax(0,1fr) auto;gap:12px;align-items:start;padding:12px;margin-bottom:8px;border:1px solid var(--cf-border);border-radius:var(--cf-radius-md);background:var(--cf-bg-card);cursor:pointer}
.id-cd:hover{border-color:var(--cf-border-strong);background:var(--cf-bg-hover)}
.id-cd[aria-checked=true]{border-color:var(--cf-accent);box-shadow:0 0 0 1px var(--cf-accent);background:linear-gradient(var(--cf-accent-bg),var(--cf-accent-bg)),var(--cf-bg-card)}
.id-rd{width:16px;height:16px;border-radius:50%;border:1.5px solid var(--cf-border-strong);margin-top:2px;background:var(--cf-bg-card);position:relative}
.id-cd[aria-checked=true] .id-rd{border-color:var(--cf-accent)}
.id-cd[aria-checked=true] .id-rd::after{content:'';position:absolute;inset:3px;border-radius:50%;background:var(--cf-accent)}
.id-th{position:relative;width:56px;aspect-ratio:9/12;border-radius:8px;overflow:hidden;border:1px solid var(--cf-border);background:var(--cf-bg-subtle)}
/* Miniatura de candidata: peça inteira (estático deitado ou vídeo), sem cortar o que identifica a peça. */
.id-th>img,.id-th>video{width:100%;height:100%;object-fit:contain;display:block}
.id-nm{display:block;font-size:var(--cf-fs-body);font-weight:600;line-height:1.3;margin:1px 0 2px}
.id-why{font-size:var(--cf-fs-meta);color:var(--cf-text-secondary);line-height:1.45;margin-top:6px}
.id-cd .rt{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.id-cd[aria-checked=true] .cr-selo.ok,.id-cd[aria-checked=true] .cr-selo.at{background-color:var(--cf-bg-card)}
.cr-mig{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cr-mig>div{border:1px solid var(--cf-border);border-radius:var(--cf-radius-md);padding:12px 14px;background:var(--cf-bg-card);min-width:0}
.cr-mig small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--cf-text-muted);line-height:1.35;overflow:hidden;min-height:2.7em}
.cr-mig .ln{display:flex;align-items:baseline;gap:8px;margin-top:6px;font-variant-numeric:tabular-nums;white-space:nowrap}
.cr-mig .a{font-size:14px;color:var(--cf-text-muted);text-decoration:line-through;text-decoration-thickness:1px}
.cr-mig .b{font-size:20px;font-weight:700;letter-spacing:-.01em}
.cr-mig .sb{margin-top:6px;font-size:12px;color:var(--cf-text-muted);line-height:1.4}
.id-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;border-top:1px solid var(--cf-border);background:var(--cf-bg-card)}
.id-fa{display:flex;gap:6px;align-items:center;flex:none}
.id-act{border:0;background:none;padding:8px 10px;border-radius:var(--cf-radius-md);font:inherit;font-size:13px;font-weight:600;color:var(--cf-text-secondary);cursor:pointer}
.id-act:hover:not(:disabled){color:var(--cf-text);background:var(--cf-bg-hover)}
.id-act:focus-visible{outline:none;box-shadow:var(--cf-shadow-focus)}
.id-act:disabled{opacity:.45;cursor:not-allowed}
.id-ok{min-width:150px;margin-left:6px;padding:10px 22px}
.id-spin{width:13px;height:13px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:id-gira .7s linear infinite}
@keyframes id-gira{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.id-spin{animation-duration:2.4s}}
.id-done{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px 56px}
.id-done .ic,.id-win .ic{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--cf-aberto-bg);color:var(--cf-aberto-text);margin-bottom:10px}
.id-done h3{margin:0 0 4px;font-size:18px}
.id-done p{margin:0 0 14px;font-size:13px;color:var(--cf-text-secondary);line-height:1.5;max-width:520px}
.id-done .cr-mig{width:100%;max-width:560px;text-align:left}
.id-done .id-rest{margin:14px 0 0}
.id-done .cr-note{max-width:560px;margin:10px 0 0;text-align:left}
.id-done .cr-pack,.id-win .cr-pack{justify-content:center;margin-top:10px}
.id-done .id-hint{display:block;margin-top:10px}
.id-win{padding:36px 24px 40px}
.id-win svg{margin-bottom:6px;max-width:100%}
.id-win .cr-id{margin-top:6px}
@media(max-width:1300px){.id-body{grid-template-columns:310px minmax(0,1fr)}.cr-drawer.wide{width:min(940px,100%)}}
/* §8: selo translúcido ganha o card por baixo (nada "vaza" no escuro) */
.cr-selo.ok{background:linear-gradient(var(--cf-aberto-bg),var(--cf-aberto-bg)),var(--cf-bg-card)}
.cr-selo.at{background:linear-gradient(var(--cf-atencao-bg),var(--cf-atencao-bg)),var(--cf-bg-card)}
.cr-selo.in{background:linear-gradient(var(--cf-sobehoje-bg),var(--cf-sobehoje-bg)),var(--cf-bg-card)}
.cr-selo.er{background:linear-gradient(var(--cf-atrasado-bg),var(--cf-atrasado-bg)),var(--cf-bg-card)}
.cr-selo.ac{background:linear-gradient(var(--cf-accent-bg),var(--cf-accent-bg)),var(--cf-bg-card)}
.cr-selo.mu{background:linear-gradient(var(--cf-concluida-bg),var(--cf-concluida-bg)),var(--cf-bg-card)}

/* ===== Elementos v2: direção A aprovada. Grade 3×3, apostas e drawer. ===== */
.cr-help .tip{text-transform:none;letter-spacing:0;font-weight:400;white-space:normal}
.el-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.el-head .sp{margin-left:auto;display:flex;gap:8px;align-items:center}
.el-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.el-tec{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;margin:10px 0 0}
.el-tec .g{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.el-tec .lbl{font-size:var(--cf-fs-label);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--cf-text-muted);margin-right:2px}
.el-leg{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;font-size:var(--cf-fs-meta);color:var(--cf-text-muted);margin:0 0 12px;padding:8px 12px;border:1px solid var(--cf-border);border-radius:var(--cf-radius-md);background:var(--cf-bg-card)}
.el-leg span{display:inline-flex;align-items:center;gap:6px}
.el-leg .sw{width:22px;height:8px;border-radius:3px;background:var(--cf-accent);display:inline-block}
.el-leg .sw.m{background:none;width:0;height:12px;border-left:1.5px dashed var(--cf-text-secondary)}
.el-leg .push{margin-left:auto}

/* apostas */
.el-ap-h{display:flex;align-items:center;gap:8px;margin:0 0 12px}
.el-ap-h h2{margin:0;font-size:var(--cf-fs-body);font-weight:700}
.el-aps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:32px}
.el-ap{background:var(--cf-bg-card);border:1px solid var(--cf-border);border-radius:var(--cf-radius-lg);padding:12px 14px;display:flex;flex-direction:column;gap:6px;text-align:left;color:inherit;cursor:pointer;box-shadow:var(--cf-shadow-xs);min-width:0}
.el-ap:hover{border-color:var(--cf-border-strong);box-shadow:var(--cf-shadow-sm)}
.el-ap .t{display:flex;justify-content:space-between;align-items:center;gap:8px}
.el-ap b{font-size:15px;font-weight:700;line-height:1.3}
.el-ap .big{font-size:22px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.1}
.el-ap .big small{font-size:12px;font-weight:600;color:var(--cf-text-muted);letter-spacing:0;margin-left:4px}
.el-ap .meta{font-size:12px;color:var(--cf-text-muted);font-variant-numeric:tabular-nums;line-height:1.4}
.el-ap .go{margin-top:auto;font-size:var(--cf-fs-meta);font-weight:600;color:var(--cf-accent-text)}

/* grade de dimensões */
.el-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}
.el-dim{background:var(--cf-bg-card);border:1px solid var(--cf-border);border-radius:var(--cf-radius-lg);box-shadow:var(--cf-shadow-xs);overflow:hidden;display:flex;flex-direction:column}
.el-dh{display:flex;align-items:center;gap:8px;padding:11px 14px;border-bottom:1px solid var(--cf-border);background:var(--cf-bg-subtle);min-width:0}
.el-dh h3{margin:0;font-size:var(--cf-fs-body);font-weight:700;flex:1;min-width:0}
.el-rows{list-style:none;margin:0;padding:4px 6px;flex:1}
.el-row{display:grid;grid-template-columns:minmax(0,148px) minmax(60px,1fr) 64px;gap:10px;align-items:center;width:100%;border:0;background:none;color:inherit;text-align:left;cursor:pointer;padding:6px 8px;border-radius:var(--cf-radius-sm);min-width:0}
.el-row:hover{background:var(--cf-bg-hover)}
.el .cf-desemp-tab:disabled{opacity:.45;cursor:not-allowed} /* EL-05 */
.el-row .nm{min-width:0}
.el-row .nm b{display:block;font-size:13px;font-weight:600;line-height:1.3}
.el-row .nm .s{display:block;font-size:12px;color:var(--cf-text-muted);font-variant-numeric:tabular-nums;line-height:1.35}
.el-row .nm .s.sm{color:var(--cf-atencao-text)}
.el-row .vl{text-align:right;font-variant-numeric:tabular-nums;line-height:1.25}
.el-row .vl b{display:block;font-size:var(--cf-fs-body);font-weight:700}
.el-row .vl i{display:block;font-style:normal;font-size:12px;font-weight:600}
.el-row .vl i.up{color:var(--cf-aberto-text)}.el-row .vl i.dn{color:var(--cf-atrasado-text)}.el-row .vl i.fl{color:var(--cf-text-muted)}
.el-row .vl b.up{color:var(--cf-aberto-text)}.el-row .vl b.dn{color:var(--cf-atrasado-text)}.el-row .vl b.fl{color:var(--cf-text-secondary)}.el-row .vl i{white-space:nowrap}
.el-origem-rec .el-row{grid-template-columns:minmax(0,132px) minmax(140px,1fr) 84px} /* EL-03: a faixa de margem é o dado; nome e valor cedem */
.el-origem-rec .el-row .vl b.has{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px}
.el .og{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:600;line-height:1.4;padding:0 6px;border-radius:999px;border:1px solid var(--cf-border);color:var(--cf-text-secondary);background:var(--cf-bg-card);white-space:nowrap;cursor:help;letter-spacing:.01em}
.el .og:focus-visible{outline:none;box-shadow:var(--cf-shadow-focus)}
.el .og.sg{border-color:transparent;background:var(--cf-concluida-bg);color:var(--cf-concluida-text)}
.el .og.rt{border-color:transparent;background:var(--cf-sobehoje-bg);color:var(--cf-sobehoje-text)}
.el .og.rd{border-color:transparent;background:var(--cf-atencao-bg);color:var(--cf-atencao-text)}
.el-origem{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px;margin-left:2px}
.el-origem .sep{color:var(--cf-border-strong)}
.el-ap .big .og{margin-left:6px;vertical-align:3px}
/* trilho vs. própria campanha: meio = igual às outras peças da campanha */
.el-trk{position:relative;height:18px}
.el-trk .ax{position:absolute;left:50%;top:0;bottom:0;border-left:1.5px dashed var(--cf-text-secondary);opacity:.8}
.el-trk .rg{position:absolute;top:6px;height:6px;border-radius:3px;background:var(--cf-bg-muted);left:var(--lo);width:var(--span)}
.el-trk .rg.up{background:var(--cf-aberto-bg);outline:1px solid var(--cf-aberto)}.el-trk .rg.dn{background:var(--cf-atrasado-bg);outline:1px solid var(--cf-atrasado)}
.el-trk .pt{position:absolute;top:4px;width:10px;height:10px;border-radius:50%;margin-left:-5px;background:var(--cf-text-secondary);left:var(--pt)}
.el-trk .pt.up{background:var(--cf-aberto)}.el-trk .pt.dn{background:var(--cf-atrasado)}
.el .dn{margin-bottom:0} /* .dn global da Hoje vaza aqui */
.el-leg .dt{width:9px;height:9px;border-radius:50%;display:inline-block;background:var(--cf-text-secondary)}.el-leg .dt.up{background:var(--cf-aberto)}.el-leg .dt.dn{background:var(--cf-atrasado)}
.el-aus{display:inline-block;width:8px;height:8px;border:1.5px solid var(--cf-text-muted);border-radius:50%;margin-right:6px;vertical-align:0}
.el-sep{display:flex;align-items:center;gap:8px;margin:4px 8px;font-size:var(--cf-fs-meta);font-weight:500;color:var(--cf-text-muted)}
.el-sep::after{content:'';flex:1;height:1px;background:var(--cf-border)}
.el-df{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;padding:8px 14px 10px;border-top:1px solid var(--cf-border-subtle);font-size:12px;color:var(--cf-text-muted)}
.el-df .k{font-weight:600;margin-right:2px}
.el-lac{border:1px dashed var(--cf-border-strong);background:none;color:var(--cf-text-secondary);border-radius:999px;padding:1px 9px;font-size:12px;font-weight:500;cursor:pointer}
.el-lac:hover{border-color:var(--cf-accent);color:var(--cf-accent-text);background:var(--cf-accent-bg)}
.el-out{border:0;background:none;padding:0;color:var(--cf-text-muted);font-size:12px;cursor:pointer;text-decoration:underline dotted}
.el-out:hover{color:var(--cf-text)}

/* vazio: vocabulário */
.el-voc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}
.el-voc .c{background:var(--cf-bg-card);border:1px solid var(--cf-border);border-radius:var(--cf-radius-lg);padding:12px 14px}
.el-voc .c h4{margin:0 0 8px;font-size:13px;font-weight:700;display:flex;gap:8px;align-items:center}
.el-voc .vals{display:flex;flex-wrap:wrap;gap:5px}
.el-voc .vals span{font-size:12px;color:var(--cf-text-secondary);padding:1px 8px;border:1px solid var(--cf-border);border-radius:999px;background:var(--cf-bg-subtle)}
.el-voc-h{margin:22px 0 0;font-size:15px;font-weight:700}
.el-voc-s{margin:2px 0 0;font-size:13px;color:var(--cf-text-muted)}

/* drawer: conteúdo */
.el-def{font-size:13px;color:var(--cf-text-secondary);line-height:1.5;margin:0}
.el-pcs{list-style:none;margin:0;padding:0}
.el-pc{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 6px;border-bottom:1px solid var(--cf-border-subtle);border-radius:var(--cf-radius-sm);width:100%;background:none;border-left:0;border-right:0;border-top:0;color:inherit;text-align:left;cursor:pointer;transition:background .12s}
.el-pc:last-child{border-bottom:0}
.el-pc.on{background:var(--cf-accent-bg)}.el-pc .th{position:relative}
.el-play{position:absolute;right:2px;bottom:2px;width:12px;height:12px;border-radius:50%;background:rgba(0,0,0,.6)}
.el-play::after{content:"";position:absolute;left:4px;top:3px;border-left:5px solid #fff;border-top:3px solid transparent;border-bottom:3px solid transparent}
.el-pl{margin:0 0 16px;border:1px solid var(--cf-border);border-radius:var(--cf-radius-md);overflow:hidden;background:var(--cf-bg-muted)}
.el-pl video,.el-pl img{display:block;width:100%;height:220px;object-fit:contain;background:#000}
.el-pl .cf-player{max-width:none}.el-pl .cf-player-tela{aspect-ratio:auto;height:220px;border-radius:0} /* player global usa 9/16 da largura: no painel ficaria com 640px */
.el-plc{display:flex;align-items:baseline;gap:8px;padding:8px 12px;background:var(--cf-bg-card)}.el-plc b{font-size:13px}.el-plc .cr-sub{flex:1;min-width:0}
.el-pc:hover{background:var(--cf-bg-hover)}.el-pc:hover .nm b{color:var(--cf-accent-text)}.el-pc .th img{width:100%;height:100%;object-fit:cover;display:block}
.el-pc .th{width:34px;aspect-ratio:9/12;border-radius:6px;overflow:hidden;border:1px solid var(--cf-border)}
.el-pc .nm b{display:block;font-size:13px;font-weight:600;line-height:1.3}
.el-pc .nm span{display:block;font-size:12px;color:var(--cf-text-muted);line-height:1.35}
.el-pc .vl{text-align:right;font-variant-numeric:tabular-nums;font-size:13px;font-weight:700;line-height:1.3}
.el-pc .vl small{display:block;font-size:12px;font-weight:500;color:var(--cf-text-muted)}
.el-co{display:flex;flex-wrap:wrap;gap:6px}
.el-co span{font-size:var(--cf-fs-meta);padding:3px 10px;border:1px solid var(--cf-border);border-radius:999px;background:var(--cf-bg-subtle);color:var(--cf-text-secondary)}
.el-co span b{font-weight:700;color:var(--cf-text);font-variant-numeric:tabular-nums;margin-left:4px}
.el-just{font-size:var(--cf-fs-meta);color:var(--cf-text-secondary);line-height:1.45;margin:4px 0 0}
.el-foot{display:flex;gap:8px;align-items:center;margin-top:18px;flex-wrap:wrap}


.el{display:block;max-width:none}.el-main{min-width:0}
.el-top{display:flex;align-items:center;gap:10px;margin-bottom:12px}.el-top .sp{margin-left:auto}
.el-summary{margin:0 0 24px}.el-pcs-n{margin:0 0 8px}.el-summary b{color:var(--cf-text)}
.el-metadata{margin:32px 0 12px}.el-out-wrap{margin-left:auto}.el-voc h4 .cr-id{margin-left:auto;font-weight:500}
.el-ap.el-ap-empty{cursor:default;border-style:dashed;box-shadow:none}.el-ap-empty .meta:first-of-type{margin-top:6px}
.el-dt{min-width:0;flex:1}.el-sl{display:flex;gap:6px;flex-wrap:wrap}.el-more{margin-top:8px}.el-n{margin:0}
.el-pc .nm{min-width:0;overflow-wrap:anywhere}.el-pc .th{display:grid;place-items:center;color:var(--cf-text-muted);background:var(--cf-bg-subtle)}
.el-row:focus-visible,.el-ap:focus-visible,.el-lac:focus-visible,.el-out:focus-visible,.el-pc:focus-visible{outline:none;box-shadow:var(--cf-shadow-focus)}
.el-skrow{height:44px;margin-bottom:8px}.el-done:disabled{color:var(--cf-aberto-text);cursor:default}
.el-filters .cf-xselect-trigger{padding:6px 10px;white-space:nowrap}.el-filters .cf-xselect-trigger-label{overflow:visible}.el-filters .cr-pop{left:auto;right:0}

/* ===== Game Bible (bb-): mock-bible.html aprovado ===== */
.bb-head{padding:0;overflow:visible}
.bb-top{display:flex;align-items:center;gap:16px;padding:18px 20px;flex-wrap:wrap}
.bb-ico{width:56px;height:56px;border-radius:14px;display:grid;place-items:center;background:var(--cf-accent);color:var(--cf-btn-primary-text);font-weight:800;font-size:16px;letter-spacing:.02em;flex:none}
.bb-id{min-width:0;flex:1 1 280px}
.bb-id h2{margin:0;font-size:18px;line-height:1.25;font-weight:700;letter-spacing:-.01em}
.bb-id p{margin:4px 0 0;font-size:var(--cf-fs-meta);color:var(--cf-text-muted)}.bb-id .bb-meta{color:var(--cf-text-secondary);font-variant-numeric:tabular-nums}
.bb-act{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-left:auto}
.bb-fbar{border-radius:0 0 var(--cf-radius-lg) var(--cf-radius-lg);display:flex;align-items:center;gap:8px;padding:9px 20px;border-top:1px solid var(--cf-border);background:var(--cf-bg-subtle);font-size:var(--cf-fs-meta)}
.bb-tg{border:0;background:none;padding:2px 4px;margin:-2px -4px;border-radius:6px;display:inline-flex;align-items:center;gap:6px;color:var(--cf-accent-text);font-weight:600;font-size:var(--cf-fs-meta);cursor:pointer}
.bb-tg:hover{text-decoration:underline}
.bb-tg svg{transition:transform .12s}.bb-tg[aria-expanded=true] svg{transform:rotate(90deg)}
.bb-tg:focus-visible,.bb-fb:focus-visible,.bb-rail-i:focus-visible,.bb-img:focus-visible{outline:none;box-shadow:var(--cf-shadow-focus)}
.bb-ficha{display:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px;padding:6px 20px 16px;border-top:1px solid var(--cf-border)}
.bb-ficha.on{display:grid}
.bb-ficha>div{padding:9px 0;border-bottom:1px solid var(--cf-border-subtle);min-width:0}
.bb-ficha dt{font-size:var(--cf-fs-meta);font-weight:600;color:var(--cf-text-muted)}
.bb-ficha dd{margin:2px 0 0;font-size:13px;font-weight:500;overflow-wrap:anywhere}
.bb-ficha dd.m{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}
.bb-ficha .wide{grid-column:1/-1}
.bb-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.bb-tags span{font-size:12px;font-weight:500;padding:1px 9px;border:1px solid var(--cf-border);border-radius:999px;color:var(--cf-text-secondary);background:var(--cf-bg-card)}
.bb-body{display:grid;grid-template-columns:200px minmax(0,1fr);gap:28px;margin-top:18px;align-items:start}
.bb-rail{position:sticky;top:0;display:flex;flex-direction:column;gap:2px}
.bb-rail h4{margin:0 0 6px 10px;font-size:var(--cf-fs-meta);font-weight:600;color:var(--cf-text-muted)}
.bb-rail-i{display:flex;align-items:flex-start;gap:8px;width:100%;text-align:left;border:0;background:none;padding:7px 10px;border-radius:var(--cf-radius-md);font-size:13px;font-weight:500;color:var(--cf-text-secondary);cursor:pointer;line-height:1.35}
.bb-rail-i:hover{background:var(--cf-bg-hover)}
.bb-rail-i.on{background:var(--cf-accent-bg);color:var(--cf-accent-text);box-shadow:inset 0 0 0 1px var(--cf-accent-border)}
.bb-rail-i .l{min-width:0;flex:1}
.bb-rail-i .ct{flex:none;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--cf-text-secondary);background:var(--cf-bg-muted);border-radius:999px;padding:0 7px;margin-top:1px}
.bb-rail-i.on .ct{background:var(--cf-accent-bg);color:var(--cf-accent-text)}
.bb-rail .leg{margin:12px 10px 0;padding-top:12px;border-top:1px solid var(--cf-border);font-size:12px;color:var(--cf-text-muted);line-height:1.5;display:flex;flex-direction:column;gap:6px}
.bb-rail .leg div{display:flex;align-items:center;gap:8px}
.bb-main{min-width:0;display:flex;flex-direction:column;gap:26px}
.bb-sec{scroll-margin-top:12px;display:flex;flex-direction:column;gap:10px}
.bb-sh{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.bb-sh h3{margin:0;font-size:16px;font-weight:600;letter-spacing:-.005em}
.bb-sh .cr-count{font-size:var(--cf-fs-meta)}
.bb-card{background:var(--cf-bg-card);border:1px solid var(--cf-border);border-radius:var(--cf-radius-lg);overflow:hidden}
.bb-claim{display:grid;grid-template-columns:72px minmax(0,1fr);gap:14px;padding:13px 18px;border-top:1px solid var(--cf-border-subtle)}
.bb-card>.bb-claim:first-child{border-top:0}
.bb-sc{padding-top:1px}
.bb-q{font-size:var(--cf-fs-meta);font-weight:600;color:var(--cf-text-muted);margin-bottom:2px}
.bb-tx{font-size:var(--cf-fs-body);line-height:1.55;color:var(--cf-text);overflow-wrap:anywhere}
.bb-fb{display:inline-flex;align-items:center;gap:6px;margin-top:6px;border:0;background:none;padding:1px 4px;margin-left:-4px;border-radius:6px;font-size:12px;font-weight:600;color:var(--cf-text-muted);cursor:pointer;max-width:100%}
.bb-fb:hover{color:var(--cf-text)}
.bb-fb svg{flex:none;transition:transform .12s}
.bb-claim.open .bb-fb svg,.show-src .bb-fb svg{transform:rotate(90deg)}
.bb-fb .h{font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.bb-claim.open .bb-fb .h,.show-src .bb-fb .h{display:none}
.bb-src{display:none;margin-top:4px;font-size:12px;color:var(--cf-text-secondary);padding:7px 10px;border-radius:var(--cf-radius-sm);background:var(--cf-bg-subtle);border:1px solid var(--cf-border-subtle);line-height:1.5}
.bb-claim.open .bb-src,.show-src .bb-src{display:block}
.bb-src a{margin-right:10px}
.bb-nota{margin:0;font-size:13px;line-height:1.5;color:var(--cf-text-secondary)}
.bb-mecs{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:14px}
.bb-mec{display:grid;grid-template-columns:112px minmax(0,1fr);gap:16px;padding:14px;background:var(--cf-bg-card);border:1px solid var(--cf-border);border-radius:var(--cf-radius-lg)}
.bb-mec h4{margin:0 0 2px;font-size:14px;font-weight:600;line-height:1.35}
.bb-mec .bb-claim{grid-template-columns:minmax(0,1fr);gap:4px;padding:9px 0 0;margin-top:9px;border-top:1px solid var(--cf-border-subtle)}
.bb-mec .bb-tx{font-size:13px}
.bb-img{position:relative;width:112px;aspect-ratio:9/16;border:1px solid var(--cf-border);border-radius:10px;overflow:hidden;padding:0;background:var(--cf-bg-subtle);cursor:zoom-in;display:block}
.bb-img img{width:100%;height:100%;object-fit:cover;display:block}
.bb-img .z{position:absolute;right:6px;bottom:6px;width:24px;height:24px;border-radius:7px;display:grid;place-items:center;background:rgba(15,14,20,.72);color:#fff}
.bb-sp{width:112px;aspect-ratio:9/16;border:1px solid var(--cf-border);border-radius:10px;overflow:hidden;position:relative}
.bb-sp .cr-nop small{font-size:11px}
.bb-t{margin:0}
.bb-t td{vertical-align:top}.bb-t td:not(:last-child){white-space:nowrap}
.bb-pg{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:14px}
.bb-pc{background:var(--cf-bg-card);border:1px solid var(--cf-border);border-radius:var(--cf-radius-lg);display:flex;flex-direction:column;min-width:0}
.bb-pc header{display:flex;align-items:center;gap:10px;padding:14px 16px 10px}
.bb-pc .n{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--cf-accent-bg);color:var(--cf-accent-text);font-weight:700;font-size:var(--cf-fs-meta);flex:none;font-variant-numeric:tabular-nums}
.bb-pc header b{font-size:14.5px;font-weight:600;line-height:1.3;flex:1;min-width:0}
.bb-pc dl{margin:0;padding:0 16px 14px;display:flex;flex-direction:column;gap:9px}
.bb-pc dt{font-size:var(--cf-fs-meta);font-weight:600;color:var(--cf-text-muted)}
.bb-pc dd{margin:1px 0 0;font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.bb-pc dd.src{font-size:var(--cf-fs-meta);color:var(--cf-text-secondary);background:var(--cf-bg-subtle);border:1px solid var(--cf-border-subtle);border-radius:var(--cf-radius-sm);padding:6px 10px}
.bb-pc footer{margin-top:auto;padding:9px 16px;border-top:1px solid var(--cf-border-subtle);font-size:12px}
.bb-gaps{border:1px solid var(--cf-atencao);border-radius:var(--cf-radius-lg);background:var(--cf-bg-card);overflow:hidden}
.bb-gaps .gh{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(var(--cf-atencao-bg),var(--cf-atencao-bg)),var(--cf-bg-card);color:var(--cf-atencao-text);font-size:var(--cf-fs-meta);font-weight:700}
.bb-gaps ul{list-style:none;margin:0;padding:0}
.bb-gaps li{display:flex;gap:10px;padding:10px 16px;border-top:1px solid var(--cf-border-subtle);font-size:13px;line-height:1.5}
.bb-gaps li::before{content:'';flex:none;width:6px;height:6px;margin-top:8px;border-radius:2px;transform:rotate(45deg);background:var(--cf-atencao)}
.bb-cg{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.bb-cg>div{background:var(--cf-bg-card);border:1px solid var(--cf-border);border-radius:var(--cf-radius-md);padding:12px 14px;font-size:13px;line-height:1.5;color:var(--cf-text-secondary)}
.bb-cg b{display:block;color:var(--cf-text);font-size:var(--cf-fs-body);font-weight:600;margin-bottom:2px}
.bb-cg .f{margin-top:6px;font-size:12px}
.bb-skb{background:var(--cf-bg-card);border:1px solid var(--cf-border);border-radius:var(--cf-radius-lg);padding:18px;display:flex;flex-direction:column;gap:10px}
.bb-fbar:has(+ .bb-ficha.on){border-radius:0}
.bb-fbar .cf-xselect{z-index:61}
.bb-fbar .bb-tg{margin-left:auto}

.bb-col{margin:0 0 14px;font-size:var(--cf-fs-meta);color:var(--cf-text-muted)}.bb-col summary{cursor:pointer;width:max-content}.bb-col summary:hover{color:var(--cf-text)}.bb-col .bb-nota{margin:6px 0 0}

.bb-head{padding:0;overflow:visible}
.bb a:not(.cf-btn){font-weight:600;text-decoration:none;border-radius:4px}.bb a:not(.cf-btn):hover{text-decoration:underline}
.bb a:focus-visible,.bb-lbx:focus-visible,.bb summary:focus-visible{outline:none;box-shadow:var(--cf-shadow-focus)}
.bb .cr-selo.bb-sm{font-size:var(--cf-fs-label);padding:1px 7px}.bb .cr-selo .cr-dot{width:5px;height:5px}
.bb-aviso{padding:12px 16px;font-size:13px;margin-bottom:0}
.bb-sh2{margin-top:6px}.bb-sh2 h3{font-size:14px}
.bb-pf{display:block;border-top:1px solid var(--cf-border-subtle)}.bb-pf .bb-fb{margin-top:0}.bb-pf .bb-src{margin-top:6px}
.bb-vazio{margin-top:18px}.bb-gaps+.bb-sh2+.bb-gaps,.bb-sh2+.bb-gaps{border-color:var(--cf-border)}
.bb-col summary::-webkit-details-marker{display:none}.bb-col summary{list-style:none}
.bb-lb{position:fixed;inset:0;z-index:100;background:rgba(15,14,20,.78);display:none;overflow:auto;padding:56px 24px 32px}
.bb-lb.on{display:block}
.bb-lb img{display:block;margin:0 auto;width:min(1000px,100%);border-radius:10px;background:#fff}
.bb-lbx{position:fixed;top:14px;right:18px;z-index:101}
.bb-lbc{position:fixed;top:16px;left:24px;z-index:101;color:#fff;font-size:var(--cf-fs-meta);font-weight:600;max-width:calc(100% - 140px)}
.bb-skh{padding:18px;display:flex;flex-direction:column;gap:14px}
.bb-skt{display:flex;gap:14px;align-items:center}.bb-sk-ico{width:56px;height:56px;border-radius:14px}
.bb-skid{flex:1;display:flex;flex-direction:column;gap:8px}
.bb-skst{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.bb-skst>div{display:flex;flex-direction:column;gap:7px}
.bb-rail .cr-sk{display:block;margin-bottom:6px}
.bb-w30{width:30%}.bb-w34{width:34%}.bb-w50{width:50%}.bb-w52{width:52%}.bb-w70{width:70%}.bb-w80{width:80%}.bb-w92{width:92%}.bb-w100{width:100%}
.bb-h10{height:10px}.bb-h11{height:11px}.bb-h12{height:12px}.bb-h16{height:16px}.bb-h20{height:20px}.bb-h28{height:28px}
.bb-skb .cr-sk,.bb-skid .cr-sk,.bb-skst .cr-sk{display:block}
/* ===== Jornadas (crj-): passos com ilustração, painel e lacunas (mock aprovado mock-jornadas.html) ===== */
.crj-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px}
.crj-bar .sp{margin-left:auto;display:flex;gap:10px;align-items:center}
.crj-rev{display:inline-flex;align-items:center;gap:6px;font-size:var(--cf-fs-meta);color:var(--cf-text-secondary);white-space:nowrap}
.crj-rev b{font-weight:600;color:var(--cf-text);font-variant-numeric:tabular-nums}
.crj-obj{margin:-4px 0 24px;font-size:var(--cf-fs-meta);color:var(--cf-text-secondary);max-width:96ch}
.crj-hero{background:var(--cf-bg-card);border:1px solid var(--cf-border);border-radius:var(--cf-radius-lg);box-shadow:var(--cf-shadow-xs);padding:20px 20px 22px}
.crj-hh{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.crj-hh h3{margin:0;font-size:17px;font-weight:700;letter-spacing:-.01em}
.crj-hh .cr-count{margin-left:auto}
.crj-fl+.crj-fl{margin-top:22px;padding-top:20px;border-top:1px solid var(--cf-border-subtle)}
.crj-fh{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:var(--cf-fs-meta);color:var(--cf-text-muted);flex-wrap:wrap}
.crj-fh b{color:var(--cf-text);font-weight:600}
.crj-flow{display:flex;align-items:flex-start}
.crj-col{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:12px;justify-content:flex-start} /* J3: coluna do tamanho do próprio passo */
.crj-col.ramo{flex-grow:2;flex-direction:row;align-items:flex-start;gap:8px} /* JO-02: bifurcação lado a lado */
.crj-col.ramo>.crj-no{flex:1 1 0}
.crj-ou{flex:none;align-self:center;font-size:var(--cf-fs-label);font-weight:600;color:var(--cf-text-muted);text-transform:uppercase}
.crj-seta{flex:none;width:26px;display:grid;place-items:center;color:var(--cf-text-muted)}
.crj-no{display:flex;flex-direction:column;gap:6px;text-align:left;width:100%;min-width:0;padding:12px 12px 11px;border:1px solid var(--cf-border);border-radius:var(--cf-radius-md);background:var(--cf-bg-card);color:var(--cf-text);cursor:pointer;box-shadow:var(--cf-shadow-xs);transition:border-color .12s,box-shadow .12s}
.crj-no:hover{border-color:var(--cf-border-strong);box-shadow:var(--cf-shadow-sm)}
.crj-no:focus-visible{outline:none;box-shadow:var(--cf-shadow-focus);border-color:var(--cf-accent)}
.crj-no.is-on{border-color:var(--cf-accent);box-shadow:0 0 0 1px var(--cf-accent)}
.crj-no.lac{border-style:dashed;border-color:var(--cf-atencao);background:linear-gradient(var(--cf-atencao-bg),var(--cf-atencao-bg)),var(--cf-bg-card)}
.crj-n{display:flex;align-items:flex-start;flex-wrap:wrap;gap:8px}
.crj-n i{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:var(--cf-fs-label);font-weight:700;font-variant-numeric:tabular-nums;background:var(--cf-accent-bg);color:var(--cf-accent-text)}
.crj-no.lac .crj-n i{background:var(--cf-bg-card);color:var(--cf-atencao-text);box-shadow:inset 0 0 0 1px var(--cf-atencao)}
.crj-n b{font-size:var(--cf-fs-body);line-height:1.35;font-weight:600;overflow-wrap:anywhere;padding-top:1px}
.crj-no span.s{font-size:12px;line-height:1.4;color:var(--cf-text-secondary);overflow-wrap:anywhere}
.crj-no .ft{display:flex;gap:4px;flex-wrap:wrap;margin-top:auto;padding-top:2px}
.crj-low{margin-top:20px}
.crj-low h3,.crj-gaps h3{margin:0 0 10px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px}
.crj-low h3 .cr-count{font-weight:500}
.crj-nl{list-style:none;margin:0;padding:0;background:var(--cf-bg-card);border:1px solid var(--cf-border);border-radius:var(--cf-radius-lg);overflow:hidden}
.crj-nl li{display:grid;grid-template-columns:104px minmax(0,1fr);gap:14px;padding:11px 16px;border-top:1px solid var(--cf-border-subtle);font-size:13px;line-height:1.55}
.crj-nl li:first-child{border-top:0}
.crj-nl .k{font-size:var(--cf-fs-meta);font-weight:600;color:var(--cf-text-muted);padding-top:3px;overflow-wrap:anywhere}
.crj-nl .t{min-width:0;overflow-wrap:anywhere}
.crj-nl .t>.cr-selo{margin-left:6px;vertical-align:1px}
.crj-ch{display:inline-flex;align-items:center;border:0;padding:0 7px;margin:0 1px;border-radius:999px;background:linear-gradient(var(--cf-accent-bg),var(--cf-accent-bg)),var(--cf-bg-card);color:var(--cf-accent-text);font-size:11px;font-weight:700;line-height:1.6;cursor:pointer;vertical-align:1px;white-space:nowrap}
.crj-ch:hover{background:linear-gradient(var(--cf-accent-bg-hover),var(--cf-accent-bg-hover)),var(--cf-bg-card)}
.crj-ch:focus-visible{outline:none;box-shadow:var(--cf-shadow-focus)}
.ilu{display:flex;flex-direction:column;align-items:center;gap:8px;margin:2px 0}
.ilu-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.ilu-it{display:flex;flex-direction:column;align-items:center;gap:5px}
.ilu-it small{font-size:var(--cf-fs-label);font-weight:600;color:var(--cf-text-secondary)}
.ilu-svg{display:block;height:auto;filter:drop-shadow(0 3px 6px rgba(23,17,43,.18))}
.ilu.mini .ilu-svg.p{width:80px}.ilu.mini .ilu-svg.l{width:min(100%,128px)}
@media (min-width:1440px){.crj .ilu.mini .ilu-svg.p{width:min(100%,112px)}.crj .ilu.mini .ilu-svg.l{width:min(100%,176px)}} /* JO-03 */
.ilu.grande .ilu-svg.p{width:176px}.ilu.grande .ilu-svg.l{width:min(100%,360px)}
.ilu-alt{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.ilu-alt .cr-seg button{font-size:12px;padding:5px 10px}
.ilu-cap{font-size:var(--cf-fs-meta);line-height:1.45;color:var(--cf-text-secondary);text-align:center;max-width:420px}
.ilu-zl{display:flex;align-items:center;gap:8px;font-size:12px;line-height:1.4;color:var(--cf-text-muted);text-align:left}
.ilu-zl i{flex:none;width:14px;height:14px;border-radius:3px;background:rgba(239,68,68,.35);border:1px solid #ef4444}
.ilu-pend{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;padding:12px 10px;margin:2px auto;border:1.5px dashed var(--cf-atencao);border-radius:var(--cf-radius-md);background:linear-gradient(var(--cf-atencao-bg),var(--cf-atencao-bg)),var(--cf-bg-card);color:var(--cf-atencao-text)}
.ilu-pend b{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.ilu-pend .fl{font-size:12px;line-height:1.4;overflow-wrap:anywhere;color:var(--cf-text-secondary)}
.ilu-pend.mini{width:100%;min-height:150px}
.ilu-pend.grande{width:100%;min-height:150px;padding:16px;font-size:13px}
.ilu-pend.grande .fl{font-size:13px}
.crj-src{display:flex;flex-wrap:wrap;gap:8px}
.crj-gaps{margin-top:20px}
.crj-g{border:1px solid var(--cf-atencao);border-radius:var(--cf-radius-lg);background:var(--cf-bg-card);overflow:hidden}
.crj-g .gh{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(var(--cf-atencao-bg),var(--cf-atencao-bg)),var(--cf-bg-card);color:var(--cf-atencao-text);font-size:var(--cf-fs-meta);font-weight:700}
.crj-g .gh small{margin-left:auto;font-size:12px;font-weight:600}
.crj-g ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.crj-g li{display:flex;gap:10px;padding:10px 16px;border-top:1px solid var(--cf-border-subtle);font-size:13px;line-height:1.5;min-width:0;overflow-wrap:anywhere}
.crj-g li:nth-child(even){border-left:1px solid var(--cf-border-subtle)}
.crj-g li::before{content:'';flex:none;width:6px;height:6px;margin-top:8px;border-radius:2px;transform:rotate(45deg);background:var(--cf-atencao)}
.crj-gp{font-size:var(--cf-fs-meta);color:var(--cf-text-muted);margin:0 0 8px}
/* painel lateral do passo (usa .cr-drawer/.cr-scrim do sistema) */
.crj-dh{display:flex;gap:12px;padding:18px 20px;border-bottom:1px solid var(--cf-border)}
.crj-dh .cr-id{display:block}
.crj-dh h2{margin:2px 0 0;font-size:16px;line-height:1.3;overflow-wrap:anywhere}
.crj-dh .x{margin-left:auto;align-self:flex-start;flex:none}
.crj-sp{border:1px solid var(--cf-border);border-radius:var(--cf-radius-md);overflow:hidden;margin-bottom:12px}
.crj-sp>header{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 14px;background:var(--cf-bg-subtle);border-bottom:1px solid var(--cf-border)}
.crj-sp>header b{font-size:13px;font-weight:600;overflow-wrap:anywhere;min-width:0;flex:1 1 60%}
.crj-sp .mini{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px 14px}
.crj-sp .mini div{border:1px solid var(--cf-border);border-radius:var(--cf-radius-md);padding:8px 10px;min-width:0}
.crj-sp .mini small{display:block;font-size:var(--cf-fs-meta);font-weight:600;color:var(--cf-text-muted)}
.crj-sp .mini b{font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.crj-sp .mini b.nd{color:var(--cf-text-muted);font-weight:500}
.crj-sp ul{margin:0;padding:0 14px 4px 30px;font-size:13px;line-height:1.5}
.crj-sp li{padding:3px 0;overflow-wrap:anywhere}
.crj-sp>footer{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:9px 14px 12px;font-size:12px;color:var(--cf-text-muted)}
.crj-sp>footer a{margin-left:auto}
.crj-vz{margin:0}
.ilu-bz{stroke:var(--cf-border-strong)}
.cr-selo.sm{font-size:var(--cf-fs-label);padding:1px 7px}.cr-selo.sm .cr-dot{width:5px;height:5px}
.crj-nt{margin-top:14px}
.crj-dh~.cr-db a:not(.cf-btn),.crj-sp a:not(.cf-btn){color:var(--cf-accent-text);font-weight:600;text-decoration:none;border-radius:4px}
.crj-dh~.cr-db a:not(.cf-btn):hover{text-decoration:underline}
.crj a:focus-visible,.crj-dh~.cr-db a:focus-visible{outline:none;box-shadow:var(--cf-shadow-focus)}
.crj-dh~.cr-db code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--cf-fs-label);background:var(--cf-bg-subtle);border:1px solid var(--cf-border-subtle);border-radius:5px;padding:0 4px;color:var(--cf-text-secondary);overflow-wrap:anywhere}
.crj-dh~.cr-db .cr-lac{background:linear-gradient(var(--cf-atencao-bg),var(--cf-atencao-bg)),var(--cf-bg-card);color:var(--cf-atencao-text);border-radius:5px;padding:0 5px;font-size:var(--cf-fs-label);font-weight:600;white-space:normal}
.crj-no:focus-visible,.crj-ch:focus-visible{outline:none;box-shadow:var(--cf-shadow-focus)}
.crj-sk-bar{height:32px;width:200px;border-radius:10px}.crj-sk-t{height:18px;width:260px;margin-bottom:18px}.crj-sk-n{height:120px;border-radius:10px}.crj-sk-l{height:12px;width:90%}
.crj-nl.sk{padding:14px;display:flex;flex-direction:column;gap:12px}
.cr-lb{position:fixed;inset:0;z-index:100;background:rgba(15,14,20,.78);display:none;overflow:auto;padding:56px 24px 32px}
.cr-lb.on{display:block}
.cr-lb img{display:block;margin:0 auto;width:min(1000px,100%);border-radius:10px;background:#fff}
.cr-lb .cr-lbx{position:fixed;top:14px;right:18px;z-index:101}
.cr-lb .cr-lbc{position:fixed;top:16px;left:24px;z-index:101;color:#fff;font-size:var(--cf-fs-meta);font-weight:600;max-width:calc(100% - 140px)}
/* ===== Dashboard: Saúde do motor + Fluxograma (prefixos sd-, fx-, dx-). Mock: ux/mock-saude.html ===== */
.cr-note.er{border-color:transparent;background:var(--cf-atrasado-bg);color:var(--cf-atrasado-text)}
.cr-note .cr-link{color:inherit;text-decoration:underline;margin-left:auto;white-space:nowrap}
.cr-link{padding:4px 3px;margin:-4px -3px;min-height:24px;border-radius:4px;text-align:left}
.cr-help{flex:none}.cr-help::before{content:'';position:absolute;inset:-4px}
.cr-scope{font-size:12px;color:var(--cf-text-secondary)}
.sd-lead{display:flex;justify-content:flex-end;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:16px}
.sd-retry{margin-top:6px}
.sd-sec{display:flex;align-items:baseline;gap:8px;margin:32px 0 12px;flex-wrap:wrap}.sd-sec h2{margin:0;font-size:var(--cf-fs-body);font-weight:600;letter-spacing:-.005em}.sd-sec span{font-size:var(--cf-fs-meta);color:var(--cf-text-muted)}
.sd-brief{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center;padding:24px 26px;margin-bottom:4px}
.sd-lede{margin:0;font-size:21px;line-height:1.4;letter-spacing:-.012em;font-weight:500;max-width:46ch}.sd-lede em{font-style:normal;font-weight:700}
.sd-bm{display:flex;flex-wrap:wrap;gap:16px 24px}.sd-bm>div{padding-left:18px;border-left:1px solid var(--cf-border)}
.sd-bm small{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--cf-text-muted)}.sd-bm b{display:block;font-size:22px;letter-spacing:-.02em;font-weight:700;font-variant-numeric:tabular-nums}
.sd-als{display:grid;gap:8px}
.sd-al{display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;padding:16px 20px;border:1px solid var(--cf-border);border-radius:var(--cf-radius-lg);background:var(--cf-bg-card)}
.sd-al.er{border-color:var(--cf-atrasado)}.sd-al.at{border-color:var(--cf-atencao)} /* estado = ícone + selo + borda de 1px (DESIGN.md: sem border-left grosso) */.sd-al.nd{background:var(--cf-bg-subtle)}
.sd-al-n{padding-top:1px}.sd-ico{flex:none;display:block}
.sd-al-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sd-al-h h3{margin:0;font-size:var(--cf-fs-body);font-weight:600}
.sd-al-q{margin-left:auto;font-size:12px;color:var(--cf-text-muted)}
.sd-al p{margin:6px 0 0;font-size:var(--cf-fs-body);line-height:1.5;max-width:78ch;color:var(--cf-text-secondary)}
.sd-al p.sd-al-o,.sd-al p.sd-al-a{color:var(--cf-text)}
.sd-al p b{display:inline-block;min-width:104px;font-size:var(--cf-fs-meta);font-weight:600;color:var(--cf-text-muted)}.sd-al p.sd-al-a b{color:var(--cf-accent-text)}
.sd-selo{gap:5px;padding-left:6px}
.cr-selo.sd-selo.nd{background:transparent;color:var(--cf-text-muted);box-shadow:inset 0 0 0 1px var(--cf-border-strong)}
.sd-vazio{padding:18px 20px;color:var(--cf-text-muted);font-size:13px}
.sd-oks{padding:6px 20px}.sd-okr{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--cf-border-subtle);font-size:13px}.sd-okr:first-child{border-top:0}
.sd-okr b{min-width:96px;font-weight:600}.sd-okr span{color:var(--cf-text-muted)}
.sd-rt th{white-space:nowrap}.sd-rt td b{display:block;font-weight:600;line-height:1.3}
.sd-rt tr.nd td{background:var(--cf-bg-subtle);color:var(--cf-text-muted)}
.sd-g{display:block;font-size:12px;color:var(--cf-text-muted);font-variant-numeric:tabular-nums}
.sd-mc{display:flex;align-items:center;gap:10px}.sd-mc .n{min-width:52px;text-align:right;font-size:var(--cf-fs-meta);font-variant-numeric:tabular-nums}
.sd-bar{flex:1;min-width:70px;height:8px;border-radius:5px;background:var(--cf-bg-muted)}
.sd-bar svg{display:block;width:100%;height:8px;overflow:hidden;border-radius:5px}.sd-bar rect{fill:var(--cf-aberto-text)}
.sd-bar.z{background:none;box-shadow:inset 0 0 0 1px var(--cf-atencao)}
.sd-skw{display:block;border-radius:var(--cf-radius-lg)}
.sd-sk-a{height:26px;width:80%}.sd-sk-b{height:26px;width:55%;margin-top:10px}.sd-sk-row{height:20px;margin:12px 0}
.sd-sk-d{height:16px;width:50%}.sd-sk-f{height:12px;width:80%;margin-top:10px}.sd-skc{padding:16px 18px;margin-top:8px}
.sd-sk-h{height:24px;width:50%}.sd-sk-i{height:12px;width:70%;margin-top:10px}.sd-sk-graf{height:188px}
.sd-s{font-size:var(--cf-fs-meta);color:var(--cf-text-muted);line-height:1.4}
.dx-h{display:flex;align-items:flex-start;gap:12px;padding:18px 20px;border-bottom:1px solid var(--cf-border)}
.dx-t{min-width:0}.dx-h h2{margin:2px 0 6px;font-size:16px;line-height:1.3}.dx-s{display:flex;gap:6px;flex-wrap:wrap}
.dx-h .x{margin-left:auto}
.cr-state .cr-mono{font-size:12px}
@media (max-width:1180px){.sd-brief{grid-template-columns:minmax(0,1fr)}.fx-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ===== Pauta semanal (pa-*) — composição de cr-*, hp-* e cf-* ===== */
.pa-top{display:flex;align-items:center;gap:var(--cf-space-2);margin-bottom:var(--cf-space-6)}.pa-top .pa-sp{flex:1}.pa-top .n{color:var(--cf-text-muted);font-variant-numeric:tabular-nums}
.pa-root .cf-btn.pa-quiet{border-color:transparent;background:transparent;box-shadow:none}.pa-root .cf-btn.pa-quiet:hover{background:var(--cf-bg-hover)}.pa-root .cf-btn.pa-quiet.on{background:var(--cf-accent-bg);color:var(--cf-accent-text)}
.pa-mixrow{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.pa-mix{border:1px solid var(--cf-border);border-radius:var(--cf-radius-lg);background:var(--cf-bg-card);padding:10px 14px;min-width:0}
.pa-mix-h{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:8px;font-size:13px}.pa-mix-h b{font-size:13px}.pa-mix-h .sp{margin-left:auto}
.pa-mixbar{position:relative;display:flex;height:24px;border-radius:7px;overflow:hidden;background:var(--cf-bg-muted);font-size:12px;font-weight:700}
.pa-mixbar>div{display:flex;align-items:center;padding-left:9px;min-width:0;overflow:hidden;white-space:nowrap;transition:flex .25s}
.pa-mixbar .c{background:var(--cf-accent-bg);color:var(--cf-accent-text)}.pa-mixbar .v{background:var(--cf-atencao-bg);color:var(--cf-atencao-text)}
.pa-mixbar .meta{position:absolute;left:70%;top:0;bottom:0;border-left:2px dashed var(--cf-text);pointer-events:none}
.og-inov{background:var(--cf-accent-bg);color:var(--cf-accent-text)}.og-bench{background:var(--cf-sobehoje-bg);color:var(--cf-sobehoje-text)}.og-remix{background:var(--cf-atencao-bg);color:var(--cf-atencao-text)}
.og-mot{background:var(--cf-aberto-bg);color:var(--cf-aberto-text)}.og-lac,.og-elem,.og-gb{background:var(--cf-concluida-bg);color:var(--cf-concluida-text)}
.pa-mix-leg{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:8px;font-size:12px;color:var(--cf-text-muted)}
.pa-mix-leg button{border:0;background:none;padding:0;font:inherit;color:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:5px}.pa-mix-leg button.on{color:var(--cf-text);font-weight:700}
.pa-mix-leg i{width:9px;height:9px;border-radius:3px;display:inline-block}
.pa-cls{display:flex;flex-direction:column;gap:8px}.pa-cls p{margin:0;font-size:13px;line-height:1.45;color:var(--cf-text-secondary)}
.pa-corr{display:flex;flex-direction:column;gap:6px}.pa-corr textarea{width:100%}
.pa-strip{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:12px}
.pa-sp{margin-left:auto;display:flex;align-items:center;gap:10px}
.pa-n{font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;opacity:.75}
.pa-lp{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:var(--cf-space-6);align-items:start}.pa-main{min-width:0}
@media(min-width:1700px){.pa-lp{grid-template-columns:minmax(0,1fr) 460px}}
@media(max-width:1100px){.pa-lp{grid-template-columns:minmax(0,1fr)}} /* tela estreita: carrinho embaixo, lista com a largura toda */
/* Pauta v3 · Carrinho: faixa de vagas sem caixa (contador + quadradinhos + 2 barras com meta), filtros, pauta da semana. Âmbar = aviso, nunca bloqueio. */
/* top negativo = padding do .cf-content: presa encosta na topbar (top:0 parava no content-box e a lista vazava na faixa de 24px acima). Separação só quando presa (scroll-state; sem suporte, só não tem a linha). */
.pa-meter{position:sticky;top:calc(-1 * var(--cf-space-6));z-index:5;padding:var(--cf-space-2) 0;margin-bottom:var(--cf-space-6);background:var(--cf-bg-page);container-type:scroll-state}
.pa-meter>*::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--cf-border);opacity:0}
@container scroll-state(stuck: top){.pa-meter>*::after{opacity:1}}
@media(max-width:1100px),(max-height:760px){.pa-meter{position:static}} /* aí a régua empilha e, presa no topo, cobria quase toda a lista */
.pa-h2g{display:grid;grid-template-columns:152px 1fr 1fr;gap:var(--cf-space-6);align-items:start}.pa-h2g>*{min-width:0}
.pa-big{font-size:32px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.pa-big.over{color:var(--cf-atencao-text)}.pa-vg .cr-sub{font-size:14px}
.pa-seg{display:flex;gap:var(--cf-space-1);margin-top:var(--cf-space-3)}.pa-seg i{flex:1;height:12px;border-radius:3px;background:var(--cf-bg-muted)}
.pa-seg i.f{background:var(--cf-accent)}.pa-seg i.f.v{background:var(--cf-accent);opacity:.5}.pa-seg i.x{background:var(--cf-atencao)}
.pa-rl-h{display:flex;justify-content:space-between;align-items:center;gap:var(--cf-space-2);min-height:24px;margin-bottom:var(--cf-space-2);font-size:13px;color:var(--cf-text-secondary)}.pa-rl-m{color:var(--cf-text-muted)}
.pa-rl-h b{color:var(--cf-text)}
.pa-trk{position:relative;height:8px;border-radius:99px;background:var(--cf-bg-muted)}.pa-trk .fill{position:absolute;top:0;bottom:0;left:0;border-radius:inherit;background:var(--cf-accent)}.pa-trk.warn .fill{background:var(--cf-atencao)}

.pa-trk .goal{position:absolute;top:-4px;bottom:-4px;width:2px;margin-left:-1px;border-radius:1px;background:var(--cf-text)}



.pa-ends{display:flex;justify-content:space-between;align-items:center;gap:var(--cf-space-2);font-size:12px;color:var(--cf-text-muted);margin-top:var(--cf-space-2)}
.pa-stt{font-size:12px;font-weight:500;white-space:nowrap}.pa-rl-h>span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pa-stt.ok{color:var(--cf-aberto-text)}.pa-stt.ok::before{content:"✓ "}.pa-stt.warn{background:var(--cf-atencao-bg);color:var(--cf-atencao-text);padding:var(--cf-space-1) var(--cf-space-2);border-radius:99px;font-weight:600}.pa-stt.idle{color:var(--cf-text-muted)}
.pa-eq{white-space:nowrap;background:none;border:0;padding:0;color:var(--cf-accent-text);font-size:12px;font-weight:600;cursor:pointer}.pa-eq:hover{text-decoration:underline}
.pa-next{font-size:13px;font-weight:500;line-height:1.35;margin-top:var(--cf-space-3)}.pa-next.over{color:var(--cf-atencao-text)}.pa-next.done{color:var(--cf-aberto-text)}
.pa-filtros{display:flex;flex-wrap:wrap;align-items:center;gap:var(--cf-space-3) var(--cf-space-6);margin-bottom:var(--cf-space-6)}
.pa-fl{font-size:13px;color:var(--cf-text-muted)}
.pa-filtros .cf-chip-group,.pa-root .cr-fp .cf-chip-group{display:flex;flex-wrap:wrap;gap:var(--cf-space-2)}.pa-root .cf-chip .n{color:var(--cf-text-muted);font-variant-numeric:tabular-nums}.pa-root .cf-chip-on .n{color:inherit;opacity:.8}
.pa-root .cr-fpw>summary.on{color:var(--cf-accent-text)}.pa-root .cr-fpw>.cr-fp{width:min(520px,calc(100vw - 48px));left:auto;right:0}
.pa-fg{display:flex;gap:var(--cf-space-2);align-items:center;flex-wrap:wrap}



.pa-evd{font-size:12px;color:var(--cf-text-secondary)}.pa-evd>summary{list-style:none;display:inline-flex;align-items:center;gap:var(--cf-space-1);cursor:pointer;color:var(--cf-accent-text);font-weight:500}.pa-evd>summary::-webkit-details-marker{display:none}
.pa-evd>summary::after{content:"";width:5px;height:5px;margin-left:var(--cf-space-1);border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);transition:transform .12s}.pa-evd[open]>summary::after{transform:rotate(45deg)}.pa-evd>summary:focus-visible{outline:none;box-shadow:var(--cf-shadow-focus);border-radius:4px}
.pa-evd[open]{flex-basis:100%}
.pa-evd>div{margin-top:var(--cf-space-2);padding:var(--cf-space-2) var(--cf-space-3);border-radius:var(--cf-radius-md);background:var(--cf-bg-subtle);line-height:1.45}
.pa-panel-col{display:flex;flex-direction:column;gap:var(--cf-space-3);min-width:0}
.pa-basket{padding:var(--cf-space-5);border:1px solid var(--cf-border);border-radius:var(--cf-radius-lg);background:var(--cf-bg-card)}
.pa-basket h3{margin:0 0 var(--cf-space-1);font-size:16px}
.pa-bsec{margin-top:var(--cf-space-6);display:flex;flex-direction:column;gap:var(--cf-space-2)}.pa-btier{display:flex;justify-content:space-between;gap:var(--cf-space-2);font-size:13px;font-weight:600;color:var(--cf-text-secondary)}.pa-btier span+span{font-weight:400;color:var(--cf-text-muted);font-variant-numeric:tabular-nums}
.pa-bgrid{display:grid;gap:6px}
.pa-bslot{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--cf-space-2);align-items:start;border:1px solid var(--cf-border);border-radius:var(--cf-radius-md);padding:var(--cf-space-2) var(--cf-space-3);font-size:13px;color:var(--cf-text)}.pa-bslot .tx{display:flex;flex-direction:column;min-width:0}.pa-bslot b{font-weight:600;line-height:1.35}.pa-bslot .cr-sub{font-size:12px}
.pa-bslot.new{border-color:var(--cf-accent);background:var(--cf-accent-bg)}
.pa-bslot.ex{border-color:var(--cf-atencao);background:var(--cf-atencao-bg)}
.pa-bfree{border:1px dashed var(--cf-border-strong);border-radius:var(--cf-radius-md);padding:var(--cf-space-2) var(--cf-space-3);font-size:13px;color:var(--cf-text-muted);text-align:center}

.pa-bx{background:none;border:0;color:var(--cf-text-muted);font-size:16px;cursor:pointer}
.pa-bnote{margin-top:var(--cf-space-4)}
@media(max-width:1100px){.pa-h2g{grid-template-columns:1fr}}
/* um scroller só: a lista cresce com a página (antes rolava por dentro do .cf-content e voltava ao topo a cada aceite) */
.pa-list{display:flex;flex-direction:column}.pa-grp{border:1px solid var(--cf-border);border-radius:var(--cf-radius-lg);background:var(--cf-bg-card);overflow:hidden}
.pa-gh{display:flex;align-items:baseline;gap:var(--cf-space-2);padding:var(--cf-space-6) 0 var(--cf-space-2);font-size:14px;font-weight:600;color:var(--cf-text)}
.pa-gh:first-child{padding-top:0}

.pa-gh .ct{font-size:13px;font-weight:400;color:var(--cf-text-muted);font-variant-numeric:tabular-nums}

.pa-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--cf-space-4);padding:var(--cf-space-3) var(--cf-space-4);border-bottom:1px solid var(--cf-border-subtle);cursor:pointer;min-width:0}
.pa-row:last-child{border-bottom:0}
.pa-row:hover{background:var(--cf-bg-hover)}
.pa-row.is-on{background:var(--cf-accent-bg);box-shadow:inset 3px 0 0 var(--cf-accent)}
.pa-row:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--cf-accent)}

.pa-body{min-width:0}
.pa-org{display:block;font-size:12px;font-weight:700;letter-spacing:.02em;color:var(--cf-text-muted);margin-bottom:1px}
.pa-ti{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;font-weight:600;line-height:1.35;color:var(--cf-text)}
.pa-row.is-dim .pa-ti{color:var(--cf-text-secondary);font-weight:500}
.pa-mt{display:flex;flex-wrap:wrap;align-items:center;gap:var(--cf-space-1) var(--cf-space-3);margin-top:var(--cf-space-1);font-size:12px;color:var(--cf-text-muted)}
.pa-mt .tx{min-width:0}
/* Tipo como texto numa coluna fixa (títulos alinhados); formato na meta, texto com ícone, um degrau acima do resto (DESIGN.md, Badges) */
.pa-l1{display:flex;align-items:baseline;gap:var(--cf-space-2);min-width:0}.pa-l1 .pa-ti{flex:1;min-width:0}
.pa-tp{flex:none;width:64px;font-size:12px;font-weight:500;color:var(--cf-text-muted)}.pa-tp.c{color:var(--cf-accent-text);font-weight:600}
.pa-fm{display:inline-flex;align-items:center;gap:var(--cf-space-1);color:var(--cf-text-secondary);vertical-align:bottom}
.pa-fm svg{width:12px;height:12px;flex:none;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pa-mt .cr-link.tx{font-weight:500}
/* Recusar na linha: motivos no lugar dos botões, numa linha própria sob a meta */
.pa-row.is-rec{cursor:default}.pa-row.is-rec .pa-ac{grid-column:1/-1;justify-content:flex-start}
.pa-rec{display:flex;flex-wrap:wrap;align-items:center;gap:var(--cf-space-2)}.pa-rec-l{width:64px;font-size:12px;color:var(--cf-text-muted)}.pa-rec .cf-chip{padding:var(--cf-space-1) var(--cf-space-3);font-size:12px}
.pa-row.is-on .cr-id{color:var(--cf-text-secondary)}
.pa-ac{display:flex;align-items:center;justify-content:flex-end;gap:var(--cf-space-2)}
.pa-row .cf-btn.pa-acc{background:transparent;color:var(--cf-accent-text);border-color:var(--cf-accent-border);box-shadow:none}
.pa-row:hover .cf-btn.pa-acc:not(:disabled),.pa-row.is-on .cf-btn.pa-acc:not(:disabled),.pa-row .cf-btn.pa-acc:focus-visible{background:var(--cf-accent);border-color:var(--cf-accent);color:var(--cf-text-on-accent)}
.pa-vc{display:inline-flex;border:1px solid var(--cf-border);border-radius:6px;font-size:12px;line-height:1.5;background:var(--cf-bg-card);white-space:nowrap;overflow:hidden;flex:none}
.pa-vc i{font-style:normal;color:var(--cf-text-muted);padding:0 6px;background:var(--cf-bg-subtle);border-right:1px solid var(--cf-border)}
.pa-vc b{font-weight:600;color:var(--cf-text);padding:0 7px}.pa-vc.vz b{color:var(--cf-text-muted);font-weight:500}
.pa-panel{max-height:max(320px,calc(100vh - 380px));display:flex;flex-direction:column;border:1px solid var(--cf-border);border-radius:var(--cf-radius-lg);background:var(--cf-bg-card);overflow:hidden}
.pa-ph{position:relative;padding:var(--cf-space-6) var(--cf-space-6) var(--cf-space-5);border-bottom:1px solid var(--cf-border-subtle)}.pa-dm{font-size:13px;color:var(--cf-text-muted);padding-right:var(--cf-space-8)}
.pa-ph h2{margin:var(--cf-space-2) 0 0;font-size:18px;line-height:1.3;letter-spacing:-.01em}.pa-ph .pa-tags{margin-top:var(--cf-space-3)}
.pa-ph .sub{font-size:12px;color:var(--cf-text-muted);line-height:1.4}
.pa-tags{display:flex;flex-wrap:wrap;align-items:center;gap:var(--cf-space-2)}
.pa-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:var(--cf-text-muted)}
.pa-pb{flex:1;min-height:0;overflow:auto;padding:var(--cf-space-6);display:flex;flex-direction:column;gap:var(--cf-space-7)}
.pa-pb .cr-sec{margin-top:0}.pa-pb .cr-sec>h4{margin:0 0 var(--cf-space-2);font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--cf-text)}.pa-pb .cr-note{margin-bottom:0}
.pa-pf{border-top:1px solid var(--cf-border);padding:var(--cf-space-4) var(--cf-space-6);background:var(--cf-bg-subtle)}
/* Pauta-7: o formulário de aceite (conceito + 3 campos + efeito) passa da altura do painel em 1440×900; o rodapé rola e o botão fica colado embaixo, a evidência mantém uma faixa mínima. */
.pa-panel:has([data-pa-conf-aceite]){max-height:max(640px,calc(100vh - 250px))}
.pa-panel>.pa-pb{min-height:120px}.pa-panel>.pa-pf{min-height:0;overflow:auto;flex:0 1 auto}
.pa-midia{display:block;align-self:center;max-width:100%;max-height:55vh;object-fit:contain;border-radius:10px}
.cr-drawer.pa-dr{width:560px}.cr-drawer.pa-dr:focus{outline:none}
.cr-drawer.pa-dr>.pa-panel{flex:1;min-height:0;max-height:none;border:0;border-radius:0}
.pa-ph .pa-fecha{position:absolute;top:var(--cf-space-4);right:var(--cf-space-4)}
.pa-pf .hp-acts{position:sticky;bottom:-16px;z-index:1;margin:0 -24px -16px;padding:var(--cf-space-3) var(--cf-space-6) var(--cf-space-4);background:var(--cf-bg-subtle);border-top:1px solid var(--cf-border)}.pa-pf .hp-acts.pa-acts{position:static;margin:0;padding:0;border:0;justify-content:flex-end}
.pa-pf .hp-acts{margin-top:0}.pa-pf .hp-lb:first-child{margin-top:0}
.pa-dica{font-size:12px;color:var(--cf-text-muted);flex:1;min-width:160px;line-height:1.4}
.pa-req{color:var(--cf-text-muted);font-weight:400;font-size:12px}
.pa-sug{border:1px solid var(--cf-border);border-radius:var(--cf-radius-md);background:var(--cf-bg-card);padding:10px 12px;margin-bottom:12px;display:flex;flex-direction:column;gap:6px}
.pa-sug-h{display:flex;align-items:center;gap:8px;font-size:13px}.pa-sug-h .cr-id{margin-left:auto}
.pa-sug p{margin:0;font-size:var(--cf-fs-meta);line-height:1.45;color:var(--cf-text-secondary)}
.pa-refs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--cf-border);padding-top:8px}
.pa-refs li{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:var(--cf-fs-meta);line-height:1.4}
.pa-ref-t{font-weight:600;min-width:0;overflow-wrap:anywhere}.pa-ref-t a{color:var(--cf-accent-text);text-decoration:none}.pa-ref-t a:hover{text-decoration:underline}
.pa-ref-n{flex-basis:100%;font-size:12px;color:var(--cf-text-muted)}
.pa-pf input.pa-wide{width:100%;max-width:none}.pa-pf .cf-xselect{width:100%}.pa-pf .cf-xselect-trigger{width:100%;justify-content:space-between}
.pa-pf textarea.hp-ta{field-sizing:content;min-height:calc(2lh + 16px);max-height:none}
.pa-evs{display:flex;flex-direction:column;gap:8px}
.pa-ev{border:1px solid var(--cf-border);border-radius:var(--cf-radius-md);padding:10px 12px;display:flex;flex-direction:column;gap:8px}
.pa-evh{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:var(--cf-text-secondary)}
.pa-evh .r{margin-left:auto}
.pa-ev p{margin:0;font-size:13px;line-height:1.45;color:var(--cf-text-secondary)}
.pa-ev p.pa-why{font-size:12px;color:var(--cf-text-muted);line-height:1.4}
.pa-chips{display:flex;flex-wrap:wrap;gap:6px}
.pa-evm{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:start}
.pa-evmb{display:flex;flex-direction:column;gap:8px;min-width:0}.pa-evmb b{font-size:13px}
.pa-th{aspect-ratio:9/12;border-radius:8px;border:1px solid var(--cf-border);display:grid;place-items:center;color:var(--cf-text-muted);background:repeating-linear-gradient(135deg,var(--cf-bg-subtle) 0 8px,var(--cf-bg-muted) 8px 9px)}
.pa-use{display:grid;grid-template-columns:max-content minmax(60px,1fr) 34px;gap:3px 8px;align-items:center;font-size:12px;color:var(--cf-text-muted)}
.pa-use .t{height:6px;border-radius:3px;background:var(--cf-bg-muted);overflow:hidden}.pa-use .t i{display:block;height:100%;border-radius:3px}
.pa-use .a i{background:var(--cf-accent)}.pa-use .m i{background:var(--cf-sobehoje)}
.pa-use .p{font-weight:600;color:var(--cf-text);font-variant-numeric:tabular-nums;text-align:right}
.pa-sum{display:grid;grid-template-columns:1fr auto;gap:6px 16px;font-size:13px;margin:0}
.pa-sum dt{color:var(--cf-text-secondary)}.pa-sum dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums;text-align:right}
.pa-kv{display:grid;grid-template-columns:132px minmax(0,1fr);gap:7px 12px;font-size:13px;margin:0}
.pa-kv dt{color:var(--cf-text-muted);font-size:12px;padding-top:1px}.pa-kv dd{margin:0;line-height:1.45;overflow-wrap:anywhere}
.pa-root .cf-btn:disabled{background:var(--cf-bg-muted);border-color:var(--cf-border);color:var(--cf-text-subtle);cursor:not-allowed}
.pa-root :is(.cf-chip,.cr-seg button):focus-visible{outline:none;box-shadow:var(--cf-shadow-focus)}
.pa-root .cr-seg button{font-size:13px}
.pa-sk-top{display:block;height:58px;margin:12px}.pa-sk-r{display:block;height:46px;grid-column:1/-1}

/* ===== Estúdio Creative (es-*) — mock aprovado mock-estudio.html; layout da Mesa (mesa.css) escopado em .es-root ===== */
.cf-content:has(> #cf-content-inner > .es-root){display:flex;flex-direction:column;min-height:0;padding:0;overflow:hidden}
#cf-content-inner:has(> .es-root){display:flex !important;flex:1 1 auto;min-height:0;min-width:0}
.es-root{display:flex;flex-direction:column;flex:1 1 auto;height:100%;min-height:0;min-width:0;color:var(--cf-text)}
.es-root *{box-sizing:border-box}.es-root button,.es-root textarea{font-family:inherit}
.es-top{display:flex;align-items:center;gap:10px;padding:10px 26px;border-bottom:1px solid var(--cf-border);background:var(--cf-bg-card);flex:none}.es-topn{font-size:13px;color:var(--cf-text-secondary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.es-root .cf-mesa{flex:1 1 auto;min-height:0;grid-template-columns:248px minmax(0,1fr)}
.es-root .cf-mesa-st{display:flex;gap:10px;align-items:flex-start;width:100%;padding:7px 10px;border:0;border-radius:var(--cf-radius-md);background:none;color:inherit;text-align:left;cursor:pointer;font:inherit}
.es-root .cf-mesa-st:hover:not(:disabled){background:var(--cf-bg-hover)}
.es-root .cf-mesa-st:disabled{cursor:default}
.es-root .cf-mesa-st:focus-visible,.es-root .es-ctl button:focus-visible,.es-root .es-scrub:focus-visible,.es-root .cf-xselect-option:focus-visible,.es-root .es-out:focus-visible{outline:none;box-shadow:var(--cf-shadow-focus)}
.es-root .cf-mesa-st.is-on{background:var(--cf-accent-bg);box-shadow:inset 0 0 0 1px var(--cf-accent-border)}
.es-root .cf-mesa-dot{display:grid;place-items:center;flex:none;width:20px;height:20px;margin-top:1px;border:1.5px solid var(--cf-border-strong);border-radius:50%;font-size:11px;color:var(--cf-text-muted)}
.es-root .cf-mesa-st.is-done:not(.is-on) .cf-mesa-dot{border-color:transparent;background:var(--cf-aberto-bg);color:var(--cf-aberto-text)}
.es-root .cf-mesa-st.is-vez:not(.is-on) .cf-mesa-dot,.es-root .cf-mesa-st.is-dev:not(.is-on) .cf-mesa-dot{border-color:var(--cf-atencao);color:var(--cf-atencao-text)}
.es-root .cf-mesa-st.is-gerando:not(.is-on) .cf-mesa-dot{border-color:var(--cf-sobehoje);color:var(--cf-sobehoje-text)}
.es-root .cf-mesa-st.is-erro:not(.is-on) .cf-mesa-dot{border-color:var(--cf-atrasado);background:var(--cf-atrasado-bg);color:var(--cf-atrasado-text);font-weight:700}
.es-root .cf-mesa-nm{display:block;font-size:var(--cf-fs-body);font-weight:600;color:var(--cf-text)}
.es-root .cf-mesa-sm{display:block;font-size:12px;color:var(--cf-text-muted)}
.es-root .cf-mesa-st.is-vez .cf-mesa-sm,.es-root .cf-mesa-st.is-dev .cf-mesa-sm{color:var(--cf-atencao-text)}
.es-root .cf-mesa-st.is-erro .cf-mesa-sm{color:var(--cf-atrasado-text)}
.es-root .cf-mesa-st:disabled .cf-mesa-nm,.es-root .cf-mesa-st:disabled .cf-mesa-sm,.es-root .cf-mesa-st:disabled .es-cu{opacity:.62}
.es-root .cf-mesa-rail{padding:10px 10px 14px}.es-root .cf-mesa-grp{margin:10px 10px 4px;line-height:1.3;color:var(--cf-text-muted)}.es-root .cf-mesa-st{padding:4px 10px}
.es-root .cf-mesa-nm,.es-root .cf-mesa-sm,.es-root .es-cu{line-height:1.3}
.es-root .cf-mesa-rail-fim{position:sticky;bottom:-14px;z-index:3;background:var(--cf-bg-sidebar);padding-top:6px;margin-top:auto}
.es-root .cf-mesa-stage-h{flex-wrap:wrap;align-items:center;gap:8px 12px}.es-root .cf-mesa-stage-h .sp{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.es-root .cf-mesa-pill.is-in{border-color:transparent;background:var(--cf-sobehoje-bg);color:var(--cf-sobehoje-text)}
.es-root .cf-mesa-ft{padding:12px 20px}.es-root .cf-mesa-falta{flex:1;min-width:0;font-size:13px;color:var(--cf-text-secondary);line-height:1.4}.es-root .cf-mesa-falta b{color:var(--cf-text)}.es-root .cf-mesa-ft .cf-btn{flex:none;white-space:nowrap}
.es-root .cf-btn:disabled{background:var(--cf-bg-muted);border-color:var(--cf-border);color:var(--cf-text-muted);cursor:not-allowed}
.es-root .cf-btn:focus-visible,.es-root .cr-link:focus-visible,.es-root .cr-help:focus-visible{outline:none;box-shadow:var(--cf-shadow-focus)}
.es-stx{min-width:0;flex:1}
.es-cu{display:block;font-size:12px;font-weight:600;color:var(--cf-text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;margin-top:1px}
.es-cu.mu{font-weight:500;color:var(--cf-text-muted)}.es-cu.at{color:var(--cf-atencao-text)}
.es-tot{border-top:1px solid var(--cf-border);padding:12px 10px 4px}
.es-tot .l{display:flex;align-items:center;gap:6px;font-size:var(--cf-fs-meta);font-weight:500;color:var(--cf-text-muted)}
.es-tot .v{font-size:22px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.2;margin-top:4px;white-space:nowrap}
.es-tot .b{font-size:13px;font-weight:600;color:var(--cf-text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap}
.es-tot .n{font-size:var(--cf-fs-label);color:var(--cf-text-muted);line-height:1.4;margin-top:6px}
.es-tot .n b{color:var(--cf-text-secondary);font-weight:600}
.es-peca{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:nowrap}
.es-peca .t{font-size:var(--cf-fs-body);font-weight:600;color:var(--cf-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.es-meta{display:flex;flex-wrap:wrap;gap:6px 18px;margin:-6px 0 16px;font-size:var(--cf-fs-meta);color:var(--cf-text-muted)}
.es-meta b{color:var(--cf-text);font-weight:600;font-variant-numeric:tabular-nums}
.es-lead{margin:0 0 14px;font-size:13px;line-height:1.5;color:var(--cf-text-secondary);max-width:760px}
.es-g2{display:grid;grid-template-columns:minmax(232px,252px) minmax(0,1fr);gap:20px;align-items:start}
.es-pl{position:sticky;top:0}
.es-plc{padding:14px}
.es-outs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px}
.es-out{border:1px solid var(--cf-border);background:var(--cf-bg-card);color:var(--cf-text-secondary);border-radius:var(--cf-radius-md);padding:6px 8px;font-size:12px;font-weight:600;cursor:pointer;text-align:center;white-space:nowrap}
.es-out:hover{background:var(--cf-bg-hover)}
.es-out.on{background:var(--cf-pill-active-bg);color:var(--cf-pill-active-text);border-color:transparent}
.es-frame{aspect-ratio:9/16;width:100%;max-width:200px;margin:0 auto;border-radius:13px;overflow:hidden;background:#0F0E14;border:1px solid var(--cf-border-strong);display:block}
.es-frame svg{width:100%;height:100%;display:block}
.es-ctl{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px}
.es-ctl button{display:inline-grid;place-items:center;min-width:34px;height:30px;padding:0 9px;border-radius:var(--cf-radius-md);border:1px solid var(--cf-border);background:var(--cf-bg-card);color:var(--cf-text);font-size:12px;font-weight:600;cursor:pointer}
.es-ctl button:hover{background:var(--cf-bg-hover)}
.es-ctl button.pp{background:var(--cf-accent);border-color:var(--cf-accent);color:var(--cf-btn-primary-text);min-width:40px}
.es-ctl button:disabled{color:var(--cf-text-muted);cursor:not-allowed;background:var(--cf-bg-muted)}
.es-clock{text-align:center;margin-top:8px;font-size:var(--cf-fs-meta);font-weight:600;color:var(--cf-text-secondary);font-variant-numeric:tabular-nums}
.es-scrub{position:relative;height:28px;margin-top:6px;cursor:pointer;border-radius:8px}
.es-scrub .tr{position:absolute;left:0;right:0;top:11px;height:6px;border-radius:4px;background:var(--cf-bg-muted)}
.es-scrub .fl{position:absolute;left:0;top:11px;height:6px;border-radius:4px;background:var(--cf-accent)}
.es-scrub .mk{position:absolute;top:8px;width:2px;height:12px;background:var(--cf-border-strong);border-radius:1px}
.es-scrub .kn{position:absolute;top:7px;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:var(--cf-accent);border:2px solid var(--cf-bg-card);box-shadow:var(--cf-shadow-sm)}
.es-spec{margin-top:12px}
.es-spec .cr-kv{font-size:var(--cf-fs-meta);padding:6px 0}
.es-box{border:1px solid var(--cf-border);border-radius:var(--cf-radius-lg);background:var(--cf-bg-card);padding:14px 16px;margin-bottom:12px}
.es-escopo{margin:0 0 var(--cf-space-4)}.cr-cmp{margin:0 0 var(--cf-space-6)} /* linha discreta no lugar do banner do estado normal (Estúdio, Dashboard) */
.es-box>h4{margin:0 0 8px;font-size:var(--cf-fs-ui);font-weight:600;color:var(--cf-text);display:flex;align-items:center;gap:8px}
.es-box>h4 .cr-selo{margin-left:auto;letter-spacing:0;text-transform:none}
.es-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;align-items:start;padding:8px 0;border-bottom:1px solid var(--cf-border-subtle);font-size:13px}
.es-row:last-child{border-bottom:0;padding-bottom:0}
.es-row:first-of-type{padding-top:0}
.es-row b{font-weight:600;display:block;line-height:1.35}
.es-row small{display:block;font-size:12px;color:var(--cf-text-muted);line-height:1.4;margin-top:1px}
.es-row .cr-selo{align-self:start}
.es-hist{display:flex;flex-direction:column;gap:6px;font-size:var(--cf-fs-meta);color:var(--cf-text-secondary)}
.es-hist>div{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:4px 10px;align-items:baseline;padding:7px 0;border-top:1px solid var(--cf-border-subtle)}
.es-ban{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:var(--cf-radius-md);font-size:13px;line-height:1.45;margin-bottom:14px;background:var(--cf-bg-card);border:1px solid var(--cf-border)}
.es-ban b{font-weight:700}
.es-ban.ok{background:linear-gradient(var(--cf-aberto-bg),var(--cf-aberto-bg)),var(--cf-bg-card);color:var(--cf-aberto-text);border-color:transparent}
.es-ban.er{background:linear-gradient(var(--cf-atrasado-bg),var(--cf-atrasado-bg)),var(--cf-bg-card);color:var(--cf-atrasado-text);border-color:transparent}
.es-ban.at{background:linear-gradient(var(--cf-atencao-bg),var(--cf-atencao-bg)),var(--cf-bg-card);color:var(--cf-atencao-text);border-color:transparent}
.es-ban.in{background:linear-gradient(var(--cf-sobehoje-bg),var(--cf-sobehoje-bg)),var(--cf-bg-card);color:var(--cf-sobehoje-text);border-color:transparent}
.es-ban svg{flex:none;margin-top:2px}
.es-ban .act{margin-top:8px;display:flex;gap:8px;flex-wrap:wrap}
.es-dev{border:1px solid var(--cf-accent-border);background:var(--cf-bg-card);border-radius:var(--cf-radius-lg);padding:16px;margin-bottom:16px;box-shadow:var(--cf-shadow-sm)}
.es-dev h4{margin:0 0 4px;font-size:14px}
.es-dev .hp-lb{display:block;margin:12px 0 4px;font-size:12px;font-weight:600;color:var(--cf-text-muted)}
.es-acts{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center;margin-top:12px}
.es-ta{resize:vertical;min-height:64px;font-size:13px}
.es-cenas{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px}
.es-cena{display:flex;gap:12px;padding:10px;border:1px solid var(--cf-border);border-radius:var(--cf-radius-lg);background:var(--cf-bg-card);min-width:0}
.es-cena.rf{border-color:var(--cf-atencao)}
.es-cena .th{flex:none;width:54px;aspect-ratio:9/16;border-radius:7px;overflow:hidden;background:#0F0E14;border:1px solid var(--cf-border)}
.es-cena .th svg{width:100%;height:100%;display:block}
.es-cena .tx{min-width:0;display:flex;flex-direction:column;gap:3px}
.es-cena b{font-size:13px;font-weight:600;line-height:1.3}
.es-cena .tm{font-size:12px;color:var(--cf-text-muted);font-variant-numeric:tabular-nums}
.es-cena .cr-selo{align-self:flex-start;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.es-prog{display:flex;align-items:center;gap:8px;min-width:96px}.es-prog .cr-bar{flex:1;min-width:48px}
.es-prog span{font-size:12px;font-variant-numeric:tabular-nums;color:var(--cf-text-secondary);white-space:nowrap}
.es-bar-er i{background:var(--cf-atrasado)}.es-bar-ok i{background:var(--cf-aberto)}
.es-t td.mu,.es-t .mu{color:var(--cf-text-muted)}
.es-ks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}
.es-ks>div{border:1px solid var(--cf-border);border-radius:var(--cf-radius-md);padding:10px 12px;background:var(--cf-bg-card);min-width:0}
.es-ks small{display:block;font-size:var(--cf-fs-label);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--cf-text-muted)}
.es-ks b{display:block;font-size:17px;font-weight:700;letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap}
.es-ks i{display:block;font-style:normal;font-size:var(--cf-fs-label);color:var(--cf-text-muted);margin-top:1px;line-height:1.35}
.cr-steps li.er .d{border-color:transparent;background:var(--cf-atrasado-bg);color:var(--cf-atrasado-text);font-weight:700}
.cr-steps li.er{color:var(--cf-atrasado-text)}
.cr-steps li.er::before,.cr-steps li.vez::before{background:var(--cf-border-strong)}
.es-ctr{display:flex;flex-wrap:wrap;gap:6px}
.es-mf{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--cf-fs-label);color:var(--cf-text-secondary);word-break:break-all}
.es-chips{display:flex;flex-wrap:wrap;gap:6px}
.es-root .es-tot{padding:10px 10px 2px}.es-root .es-tot .v{font-size:20px;margin-top:2px;line-height:1.15}.es-root .es-tot .n{margin-top:3px;line-height:1.35}
@media(max-width:1300px){.es-ks{grid-template-columns:repeat(2,minmax(0,1fr))}}
.es-prog-w{width:220px}.es-ml{margin-left:auto}.es-mfb{font-weight:600}.es-toast{bottom:78px}
.es-cap{text-align:center;margin-top:8px}
/* player mais alto que o palco (telas de 800 px): rola junto em vez de cortar o fim */
@media(max-height:860px){.es-pl{position:static}}
.es-out{display:inline-flex;align-items:center;justify-content:center;gap:6px}
.es-vis{display:inline-grid;place-items:center;flex:none;width:14px;height:14px;border-radius:50%;border:1.5px solid var(--cf-border-strong);font-size:9px;line-height:1;color:var(--cf-text-muted)}
.es-vis.ok{border-color:transparent;background:var(--cf-aberto-bg);color:var(--cf-aberto-text);font-weight:700}
.es-out.on .es-vis{border-color:currentColor}
.es-out:focus-visible{outline:none;box-shadow:var(--cf-shadow-focus)}
.es-out:disabled{color:var(--cf-text-muted);background:var(--cf-bg-muted);cursor:not-allowed}
.es-seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-width:420px}

/* ===== Dashboard v2 (mix A+B) — prefixo .cr-d2- · protótipo: docs/creative/dashboard-v2-prototipo.html ===== */
.cr-d2{--cr-d2-google:#4F7DF3;--cr-d2-meta:#7C3AED;--cr-d2-tiktok:#111827;--cr-d2-applovin:#14B8A6;font-variant-numeric:tabular-nums}
.cr-d2 .up{color:var(--cf-aberto-text)}.cr-d2 .dn{color:var(--cf-atrasado-text)}.cr-d2 .flat{color:var(--cf-text-muted)}
.cr-d2-sub{color:var(--cf-text-muted);font-size:13px;margin:0 0 12px}
/* Barra de período (direção A) */
.cr-d2-pbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:8px 16px;margin-bottom:12px}
.cr-d2-pg{display:flex;align-items:center;gap:8px}
.cr-d2-pk{font-size:var(--cf-fs-label);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--cf-text-muted)}
.cr-d2-prange{display:flex;flex-direction:column;line-height:1.2;min-width:104px}.cr-d2-prange b{font-size:15px;font-variant-numeric:tabular-nums}.cr-d2-prange span{font-size:var(--cf-fs-label);color:var(--cf-text-muted)}
.cr-d2-cmp{display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:var(--cf-fs-meta);color:var(--cf-text-secondary);cursor:pointer;padding:5px 10px;border:1px solid var(--cf-border);border-radius:var(--cf-radius-md);background:var(--cf-bg-card)}
.cr-d2-cmp.on{border-color:var(--cf-accent-border);background:var(--cf-accent-bg);color:var(--cf-accent-text)}
.cr-d2-cmp:focus-visible{box-shadow:var(--cf-shadow-focus);outline:0}
.cr-d2-sw2{width:26px;height:15px;border-radius:99px;background:var(--cf-border-strong);position:relative;transition:background .12s}
.cr-d2-sw2::after{content:'';position:absolute;left:2px;top:2px;width:11px;height:11px;border-radius:50%;background:#fff;transition:transform .12s}
.cr-d2-cmp.on .cr-d2-sw2{background:var(--cf-accent)}.cr-d2-cmp.on .cr-d2-sw2::after{transform:translateX(11px)}
.cr-d2-jan{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.cr-d2-seg-sm button{padding:2px 8px;font-size:11px}
.cr-d2-auto{font-size:var(--cf-fs-label);font-weight:500;color:var(--cf-text-muted);margin-left:4px}
.cr-d2-pbar .cr-per .cf-xselect-trigger{min-width:0}
.cr-d2-av{display:flex;flex-direction:column;gap:6px;padding:9px 14px;border-radius:var(--cf-radius-md);font-size:13px;margin-bottom:8px}.cr-d2-avi{display:flex;align-items:center;gap:10px}.cr-d2-avi span{flex:1}
.cr-d2-cmp:disabled{cursor:default;opacity:.8}
.cr-d2-av.at{background:var(--cf-atencao-bg);color:var(--cf-atencao-text)}.cr-d2-av.in{background:var(--cf-sobehoje-bg);color:var(--cf-sobehoje-text)}
.cr-d2-vazio{padding:28px;margin-top:12px;border-style:dashed;text-align:center;color:var(--cf-text-secondary);display:flex;flex-direction:column;gap:12px;align-items:center}
.cr-d2-mat{display:flex;justify-content:flex-end;margin-top:2px}
.cr-d2-mz-ok{fill:var(--cf-accent)}.cr-d2-mz-sem{fill:var(--cf-bg-muted)}
.cr-d2-mz-ab{fill:var(--cf-bg-card);stroke:var(--cf-accent);stroke-width:1.2;stroke-dasharray:2 2}
.cr-d2-grid{display:grid;gap:16px}
.cr-d2-card{background:var(--cf-bg-card);border:1px solid var(--cf-border);border-radius:var(--cf-radius-lg);box-shadow:var(--cf-shadow-sm);min-width:0}
.cr-d2-pad{padding:18px 20px}
.cr-d2 h2{font-size:15px;margin:0;font-weight:600;letter-spacing:-.005em}
.cr-d2-h2row{display:flex;align-items:baseline;gap:10px;margin-bottom:12px;flex-wrap:wrap}
.cr-d2-hint{color:var(--cf-text-muted);font-size:var(--cf-fs-meta)}.cr-d2-r{margin-left:auto}
.cr-d2-ledec{padding:20px 24px}.cr-d2-lede{font-size:var(--cf-fs-display);line-height:1.4;letter-spacing:-.012em;font-weight:500;margin:0;max-width:62ch}
.cr-d2-lede em{font-style:normal;font-weight:700}
.cr-d2-lede em.up{color:var(--cf-aberto-text)}.cr-d2-lede em.dn{color:var(--cf-atrasado-text)}
.cr-d2-meta{color:var(--cf-text-muted);font-size:12px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.cr-d2-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px}
.cr-d2-chip{border:1px solid var(--cf-border);background:var(--cf-bg-card);border-radius:999px;padding:5px 12px;font-size:13px;font-weight:500;color:var(--cf-text-secondary);display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.cr-d2-chip:hover{border-color:var(--cf-border-strong)}
.cr-d2-chip.on{background:var(--cf-pill-active-bg);border-color:var(--cf-pill-active-bg);color:var(--cf-pill-active-text)}
.cr-d2-chip small,.cr-d2-seg small,.cr-d2-tabs small{color:var(--cf-text-subtle);font-weight:400}
.cr-d2-chip.on small{color:inherit;opacity:.8}
.cr-d2-sep{width:1px;height:22px;background:var(--cf-border);margin:0 4px}
.cr-d2-seg{display:inline-flex;background:var(--cf-bg-subtle);border-radius:9px;padding:3px;gap:2px}
.cr-d2-seg button{border:0;background:transparent;padding:5px 12px;border-radius:7px;color:var(--cf-text-secondary);font-weight:500;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:2px}
.cr-d2-seg button.on{background:var(--cf-bg-card);color:var(--cf-text);box-shadow:var(--cf-shadow-sm)}
.cr-d2-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex:none}
.cr-d2 button:focus-visible{outline:none;box-shadow:var(--cf-shadow-focus)}
.cr-d2-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.cr-d2-kpi{padding:16px 18px;border-right:1px solid var(--cf-border);min-width:0}
.cr-d2-kpi:last-child{border-right:0}
.cr-d2-l{color:var(--cf-text-muted);font-size:var(--cf-fs-meta);font-weight:500;display:flex;gap:6px;align-items:center}
.cr-d2-v{font-size:var(--cf-fs-display);font-weight:700;letter-spacing:-.02em;margin:4px 0 2px;white-space:nowrap}
.cr-d2-d{font-size:var(--cf-fs-meta);font-weight:600;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.cr-d2-vs{color:var(--cf-text-subtle);font-weight:400}
.cr-d2-i{width:15px;height:15px;border-radius:50%;border:1px solid var(--cf-border-strong);color:var(--cf-text-subtle);font-size:10px;display:inline-grid;place-items:center;font-weight:700;cursor:help}
.cr-d2-mix{display:flex;height:6px;border-radius:3px;overflow:hidden;margin-top:8px;background:var(--cf-bg-muted)}
.cr-d2-mix i{display:block;height:100%}
.cr-d2-mapa{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:16px}
/* Lista do quadrante: altura = card do mapa (contain:size tira a lista do cálculo da linha); trocar de aba rola, não estica a tela. */
.cr-d2-qcard{display:flex;flex-direction:column;contain:size}.cr-d2-qscroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}
.cr-d2-mh{margin-bottom:8px;min-height:34px;align-items:center}.cr-d2-mh-i{margin-left:-2px}.cr-d2-mh .cr-d2-r{margin-left:auto}
.cr-d2-mh-foot{margin:8px 0 0;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:16px;line-height:16px}.cr-d2-mapa svg text{pointer-events:none}
.cr-d2-leg{display:flex;align-items:center;flex-wrap:wrap;gap:6px 18px;margin-top:8px;min-height:26px}.cr-d2-leg .cr-d2-mh-foot{margin:0;flex:1;min-width:0}.cr-d2-lgt{display:inline-flex;align-items:center;gap:10px;font-size:11px;color:var(--cf-text-subtle)}.cr-d2-lgb{display:inline-flex;align-items:center;gap:4px}.cr-d2-subnota{margin-top:4px;font-size:11px;color:var(--cf-text-subtle);display:flex;align-items:center;gap:4px}
.cr-d2-pt{transition:cx .18s ease,cy .18s ease,r .18s ease,fill-opacity .18s ease}@media (prefers-reduced-motion:reduce){.cr-d2-pt{transition:none}}
.cr-d2-qlist{display:flex;flex-direction:column;gap:2px}
.cr-d2-qitem{display:flex;gap:10px;align-items:center;padding:8px;border-radius:10px}
.cr-d2-qitem:hover{background:var(--cf-bg-hover)}
.cr-d2-qr{margin-left:auto;text-align:right;white-space:nowrap}
.cr-d2-nm{font-weight:600;font-size:13px;line-height:1.3;word-break:break-word}
.cr-d2-thumb{width:44px;height:44px;border-radius:8px;background:var(--cf-bg-muted);flex:none;display:grid;place-items:center;font-size:10px;font-weight:700;color:var(--cf-text-muted);position:relative;overflow:hidden;text-decoration:none}
.cr-d2-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.cr-d2-play{position:absolute;right:3px;bottom:3px;width:16px;height:16px;border-radius:50%;background:rgba(0,0,0,.65);color:#fff;font-style:normal;font-size:8px;line-height:16px;text-align:center;padding-left:1px;box-sizing:border-box}
a.cr-d2-thumb:focus-visible,.cr-d2-nmlink:focus-visible{outline:2px solid var(--cf-accent);outline-offset:2px}
.cr-d2-nmlink{color:inherit;text-decoration:none}
.cr-d2-nmlink:hover{text-decoration:underline}
.cr-d2-pt{cursor:pointer}.cr-d2-pt:hover{stroke:var(--cf-text);stroke-width:2;fill-opacity:1}
button.cr-d2-thumb{border:0;padding:0;font:inherit;cursor:pointer}
button.cr-d2-thumb:hover{box-shadow:0 0 0 2px var(--cf-accent)}
button.cr-d2-nmlink{background:none;border:0;padding:0;font:inherit;font-weight:inherit;text-align:left;cursor:pointer;color:inherit}
button.cr-d2-nmlink:focus-visible,button.cr-d2-thumb:focus-visible{outline:2px solid var(--cf-accent);outline-offset:2px}
/* painel lateral do criativo (usa .cr-drawer/.cr-dh-like do Creative) */
.cr-d2-dr{display:flex;flex-direction:column;min-height:0;flex:1;font-variant-numeric:tabular-nums}
.cr-d2-dr-h{display:flex;gap:14px;padding:18px 20px 14px;border-bottom:1px solid var(--cf-border)}
.cr-d2-dr-h h2{margin:6px 0 0;font-size:16px;line-height:1.3;font-weight:600;overflow-wrap:anywhere}
.cr-d2-dr-h .x{margin-left:auto;align-self:flex-start}
.cr-d2-dr .cr-sec:first-child{margin-top:12px}
.cr-d2-dr-mid{position:relative;margin-top:16px;border-radius:12px;overflow:hidden;background:var(--cf-bg-muted);border:1px solid var(--cf-border);display:grid;place-items:center;min-height:200px}
.cr-d2-dr-mid video,.cr-d2-dr-mid>img{display:block;width:100%;max-height:min(56vh,520px);object-fit:contain;background:#000}
.cr-d2-dr-mid>img{background:var(--cf-bg-muted)}
.cr-d2-dr-yt{aspect-ratio:16/9;min-height:0}.cr-d2-dr-yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.cr-d2-dr-vazio{aspect-ratio:16/9;color:var(--cf-text-subtle);font-size:12px;font-weight:700;letter-spacing:.12em}
.cr-d2-dr-av{margin-top:8px;font-size:var(--cf-fs-meta);color:var(--cf-atencao-text);background:var(--cf-atencao-bg);border-radius:8px;padding:7px 10px}
.cr-d2-dr-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.cr-d2-dr-k{border:1px solid var(--cf-border);border-radius:10px;padding:9px 11px;display:flex;flex-direction:column;gap:1px;min-width:0}
.cr-d2-dr-k span{font-size:var(--cf-fs-label);color:var(--cf-text-muted)}
.cr-d2-dr-k b{font-size:16px;font-weight:700;letter-spacing:-.01em;white-space:nowrap}
.cr-d2-dr-k small{font-size:var(--cf-fs-label);font-weight:600;color:var(--cf-text-muted)}
.cr-d2-dr-k small.up{color:var(--cf-aberto-text)}.cr-d2-dr-k small.dn{color:var(--cf-atrasado-text)}
.cr-d2-dr-sp svg{display:block;width:100%;height:auto}
.cr-d2-dr-rd{display:grid;grid-template-columns:minmax(0,1.2fr) auto auto auto;gap:14px;align-items:center;padding:8px 0;border-bottom:1px solid var(--cf-border-subtle);font-size:13px}
.cr-d2-dr-rd>span{display:inline-flex;align-items:center;gap:7px;color:var(--cf-text-muted)}
.cr-d2-dr-rd>span:first-child{color:var(--cf-text);font-weight:600}
.cr-d2-dr-rd b{font-weight:700}
[data-tip]{cursor:help}
/* tooltip estruturado: largura pelo conteúdo; vive dentro de .cf-app para herdar o tema (claro/escuro) */
.cr-d2-tip{--cr-d2-google:#4F7DF3;--cr-d2-meta:#7C3AED;--cr-d2-tiktok:#6B7280;--cr-d2-applovin:#14B8A6;position:fixed;left:0;top:0;z-index:100;width:max-content;min-width:150px;max-width:min(280px,90vw);box-sizing:border-box;background:var(--cf-bg-card);color:var(--cf-text);border:1px solid var(--cf-border-strong);padding:10px 12px;border-radius:10px;font-size:12px;font-weight:400;line-height:1.45;box-shadow:var(--cf-shadow-lg);pointer-events:none;opacity:0;visibility:hidden;font-variant-numeric:tabular-nums}
.cr-d2-tip.on{opacity:1;visibility:visible}
.cr-d2-tip-h{display:flex;align-items:center;gap:7px;padding-bottom:7px;margin-bottom:5px;border-bottom:1px solid var(--cf-border)}
.cr-d2-tip-h b{font-weight:600;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.cr-d2-tip-h .cr-d2-dot{margin-top:1px}
.cr-d2-tip-s{margin-left:auto;padding-left:10px;color:var(--cf-text-muted);font-weight:500;font-size:12px;white-space:nowrap;flex:none}
.cr-d2-tip-p{color:var(--cf-text-secondary);font-size:12px;line-height:1.5}
.cr-d2-tip-p b{color:var(--cf-text)}
.cr-d2-tip-r{display:flex;align-items:baseline;justify-content:space-between;gap:18px;padding:2px 0}
.cr-d2-tip-l{color:var(--cf-text-muted);display:inline-flex;align-items:center;gap:6px;flex:none;white-space:nowrap}
.cr-d2-tip-v{font-weight:600;text-align:right;margin-left:auto;min-width:0;overflow-wrap:anywhere}
.cr-d2-tip-v em{font-style:normal;font-weight:700}
.cr-d2-tip-v em.up{color:var(--cf-aberto-text)}.cr-d2-tip-v em.dn{color:var(--cf-atrasado-text)}.cr-d2-tip-v em.flat{color:var(--cf-text-muted)}
.cr-d2-tip-r.tot{margin-top:4px;padding-top:6px;border-top:1px solid var(--cf-border)}
.cr-d2-tip-r.tot .cr-d2-tip-l{color:var(--cf-text);font-weight:600}
.cr-d2-tip-aviso{margin-top:6px;padding:4px 8px;border-radius:6px;background:var(--cf-atencao-bg);color:var(--cf-atencao-text);font-size:12px;font-weight:600}
.cr-d2-tip-dica,.cr-d2-tip-nota{margin-top:6px;color:var(--cf-text-subtle);font-size:var(--cf-fs-label)}
.cr-d2-tip-nota{margin-top:3px;color:var(--cf-text-muted)}
.cr-d2-i:focus-visible,.cr-d2-lg:focus-visible{outline:2px solid var(--cf-accent);outline-offset:2px}
.cr-d2-pt:focus-visible{outline:none;stroke:var(--cf-accent);stroke-width:2.5}
.cr-d2-day{outline:none}
.cr-d2-hl{fill:var(--cf-accent-bg);opacity:0}
.cr-d2-hit{fill:transparent}
.cr-d2-day:hover .cr-d2-hl,.cr-d2-day:focus-visible .cr-d2-hl{opacity:.9}
.cr-d2-hit{cursor:help}
rect[data-r][data-tip]{transition:opacity .12s,stroke-width .12s}
.cr-d2-segon rect[data-r]:not(.cr-d2-seghot){opacity:.22}
.cr-d2-segon rect.cr-d2-seghot{opacity:1;stroke:var(--cf-text);stroke-width:1.5;stroke-dasharray:none}
.cr-d2-day:focus-visible .cr-d2-hl{stroke:var(--cf-accent);stroke-width:1.5}
.cr-d2-lg{cursor:default;border-radius:6px;padding:2px 4px;margin:-2px -4px}
.cr-d2-lg:hover{background:var(--cf-bg-hover)}
rect[data-r]{transition:opacity .12s}
rect[data-r].cr-d2-dim{opacity:.12}
.cr-d2-gm{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.cr-d2-gcard{border:1px solid var(--cf-border);border-radius:12px;padding:12px 14px;background:var(--cf-bg-card);text-align:left;cursor:pointer;color:inherit;font:inherit;min-width:0}
.cr-d2-gcard:hover{border-color:var(--cf-accent-border);box-shadow:var(--cf-shadow-md)}
.cr-d2-gcard.on{border-color:var(--cf-accent);box-shadow:var(--cf-shadow-focus)}
.cr-d2-t{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.cr-d2-t b{font-size:var(--cf-fs-body);font-weight:600}
.cr-d2-gv{font-size:19px;font-weight:700;letter-spacing:-.015em}
.cr-d2-legend{display:flex;gap:14px;color:var(--cf-text-muted);font-size:12px;align-items:center;flex-wrap:wrap}
.cr-d2-legend>span{display:inline-flex;gap:6px;align-items:center}
.cr-d2-sw{width:14px;height:3px;border-radius:2px;display:inline-block}
.cr-d2-sw.cr-d2-dash{background:repeating-linear-gradient(90deg,var(--cf-accent) 0 3px,transparent 3px 6px)}
.cr-d2-tabs{display:flex;gap:4px;border-bottom:1px solid var(--cf-border);margin:0 -20px;padding:0 20px}
.cr-d2-tabs button{border:0;background:none;padding:9px 10px;color:var(--cf-text-muted);font-weight:500;border-bottom:2px solid transparent;margin-bottom:-1px;font-size:var(--cf-fs-body);cursor:pointer}
.cr-d2-tabs button.on{color:var(--cf-text);border-color:var(--cf-accent)}
.cr-d2-tabs small{margin-left:4px}
table.cr-d2-t{display:table;border-collapse:collapse;width:100%}
.cr-d2-t th{font-size:var(--cf-fs-label);color:var(--cf-text-muted);font-weight:600;text-align:left;padding:8px 10px;border-bottom:1px solid var(--cf-border);white-space:nowrap}
.cr-d2-t td{padding:9px 10px;border-bottom:1px solid var(--cf-border);vertical-align:middle}
.cr-d2-t tr:last-child td{border-bottom:0}
.cr-d2-t th.n,.cr-d2-t td.n{text-align:right}
.cr-d2-bar{height:6px;border-radius:3px;background:var(--cf-bg-muted);position:relative;overflow:hidden;min-width:60px}
.cr-d2-bar>i{position:absolute;inset:0 auto 0 0;background:var(--cf-accent);border-radius:3px}
.cr-d2-pill{display:inline-flex;align-items:center;font-size:var(--cf-fs-label);font-weight:600;padding:2px 8px;border-radius:999px;white-space:nowrap}
.cr-d2-p-win{background:var(--cf-aberto-bg);color:var(--cf-aberto-text)}.cr-d2-p-tired{background:var(--cf-atrasado-bg);color:var(--cf-atrasado-text)}
.cr-d2-p-new{background:var(--cf-sobehoje-bg);color:var(--cf-sobehoje-text)}.cr-d2-p-gem{background:var(--cf-accent-bg);color:var(--cf-accent-text)}
.cr-d2-p-ok{background:var(--cf-bg-subtle);color:var(--cf-text-muted)}.cr-d2-p-low{color:var(--cf-text-subtle);border:1px dashed var(--cf-border-strong)}
.cr-d2-empty{color:var(--cf-text-muted);padding:28px;text-align:center}
.cr-d2-dq{display:flex;gap:28px;align-items:center;flex-wrap:wrap}
.cr-d2-big{font-size:20px;font-weight:700}
.cr-d2 svg text{font-family:inherit}
@media (max-width:1100px){.cr-d2-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.cr-d2-gm{grid-template-columns:repeat(2,minmax(0,1fr))}.cr-d2-mapa{grid-template-columns:minmax(0,1fr)}.cr-d2-qcard{contain:none}.cr-d2-qscroll{flex:none;height:460px}}
[data-theme="dark"] .cr-d2,[data-theme="dark"] .cr-d2-tip,[data-theme="dark"] .cr-drawer{--cr-d2-tiktok:#9CA3AF}
.cr-bench-ad:has(.cr-bench-rank) .cr-thumb .tl{left:44px}
.cr-root .cr-bench>.cr-bench-sec2{margin-top:24px}

/* Identificar (real): vídeo do anúncio embutido e link "Abrir ↗" */
.id-pv .id-emb{width:100%;height:100%;object-fit:contain;border:0;display:block}
.id-open{display:inline-block;margin-top:4px;font-size:12px;white-space:nowrap}

/* ===== mídia do painel (direção A, t_bfd42955): moldura no ratio real, imagem em contain, nunca cortada ===== */
.bm{--sh:min(420px,55vh);margin:0 0 16px}
.bm-stage{position:relative;height:var(--sh);min-height:220px;display:grid;place-items:center;background:var(--cf-bg-subtle);border:1px solid var(--cf-border);border-radius:var(--cf-radius-lg);padding:12px;overflow:hidden}
.bm-frame{margin:0;position:relative;aspect-ratio:var(--ar,1);width:min(100%,calc((var(--sh) - 24px) * var(--ar,1)));background:var(--cf-bg-card);border-radius:6px;box-shadow:0 0 0 1px var(--cf-border-strong),var(--cf-shadow-sm);overflow:hidden}
.bm-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}
.bm-frame.vazio{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:14px;background:transparent;box-shadow:none;border:1.5px dashed var(--cf-border-strong);color:var(--cf-text-muted);font-size:var(--cf-fs-meta);line-height:1.4}
/* Sem imagem: o palco encolhe para o aviso; 420px de moldura vazia empurravam os números para fora da dobra. */
.bm-stage:has(>.bm-frame.vazio){height:auto;min-height:0}.bm-stage>.bm-frame.vazio{aspect-ratio:auto;width:100%}
.bm-frame.vazio b{color:var(--cf-text-secondary);font-size:13px}.bm-frame.vazio svg{opacity:.7}
.bm-frame.sk{background:linear-gradient(90deg,var(--cf-bg-muted),var(--cf-bg-hover),var(--cf-bg-muted));background-size:200% 100%;animation:crsk 1.4s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.bm-frame.sk{animation:none}}
.bm-tag{position:absolute;left:10px;top:10px;z-index:2}.bm-tag .cr-selo{background:var(--cf-bg-card);box-shadow:var(--cf-shadow-xs)}
.bm-zoom{position:absolute;right:10px;top:10px;z-index:2}.bm-zoom.cf-btn{background:var(--cf-bg-card);box-shadow:var(--cf-shadow-xs)}
.bm-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:34px;height:34px;border-radius:50%;border:1px solid var(--cf-border-strong);background:var(--cf-bg-card);color:var(--cf-text);box-shadow:var(--cf-shadow-sm);display:grid;place-items:center;cursor:pointer;padding:0}
.bm-nav:hover{background:var(--cf-bg-hover)}.bm-nav:focus-visible{outline:none;box-shadow:var(--cf-shadow-focus)}
.bm-nav.p{left:10px}.bm-nav.n{right:10px}.bm-nav svg{display:block}.bm-nav[disabled]{opacity:.35;cursor:default}
.bm-count{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);z-index:2;background:rgba(15,14,20,.72);color:#fff;font-size:var(--cf-fs-label);font-weight:600;border-radius:999px;padding:2px 10px;font-variant-numeric:tabular-nums}
.bm-bar{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.bm-chips{display:flex;gap:6px;flex-wrap:wrap}
.bm-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--cf-border);border-radius:var(--cf-radius-md);background:var(--cf-bg-card);padding:5px 10px 5px 8px;font:inherit;font-size:var(--cf-fs-meta);font-weight:600;color:var(--cf-text-secondary);cursor:pointer}
.bm-chip:hover{background:var(--cf-bg-hover)}.bm-chip:focus-visible{outline:none;box-shadow:var(--cf-shadow-focus)}
.bm-chip.on{border-color:var(--cf-accent);background:var(--cf-accent-bg);color:var(--cf-accent-text)}
.bm-chip small{font-size:11px;font-weight:500;color:var(--cf-text-muted)}.bm-chip.sem{border-style:dashed;color:var(--cf-text-muted)}
.bm-gl{display:inline-block;height:14px;width:calc(14px * var(--ar));min-width:7px;border:1.5px solid currentColor;border-radius:2px;flex:none}
.bm-cap{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--cf-text-muted)}.bm-cap .cr-mono{overflow-wrap:anywhere;min-width:0}
.bm-strip{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.bm-strip>.k{font-size:var(--cf-fs-label);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--cf-text-muted);margin-right:2px}
.bm-sl{position:relative;width:54px;height:54px;border:1.5px solid var(--cf-border);border-radius:8px;background:var(--cf-bg-subtle);padding:0;cursor:pointer;overflow:hidden;flex:none}
.bm-sl img{width:100%;height:100%;object-fit:contain;display:block}
.bm-sl i{position:absolute;left:3px;top:3px;font-style:normal;font-size:var(--cf-fs-label);font-weight:700;background:rgba(15,14,20,.72);color:#fff;border-radius:5px;padding:0 5px;line-height:1.5}
.bm-sl.on{border-color:var(--cf-accent);box-shadow:0 0 0 1px var(--cf-accent)}.bm-sl:focus-visible{outline:none;box-shadow:var(--cf-shadow-focus)}
.bm-dlg{border:1px solid var(--cf-border-strong);border-radius:var(--cf-radius-lg);padding:0;background:var(--cf-bg-card);color:var(--cf-text);max-width:min(96vw,1400px);max-height:94vh;box-shadow:var(--cf-shadow-lg)}
.bm-dlg::backdrop{background:rgba(10,9,13,.88)}
.bm-dlg header{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--cf-border);font-size:13px}
.bm-dlg header b{min-width:0;overflow-wrap:anywhere}.bm-dlg header span{color:var(--cf-text-muted);font-variant-numeric:tabular-nums}.bm-dlg header form{margin-left:auto}
.bm-dlg-s{overflow:auto;max-height:calc(94vh - 52px);background:var(--cf-bg-subtle)}.bm-dlg-s img{display:block;margin:auto}
.bm-tag{display:flex;gap:6px;flex-wrap:wrap;max-width:calc(100% - 130px)}

/* ===== Game Bible F3 (bb-): edição → revisão → versão, direção A aprovada em 22/10. Portado de f3-proposta/_src/f3.css, só tokens --cf-* ===== */
.bb-tb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}.bb-tb .sp{margin-left:auto;display:flex;gap:8px;align-items:center}
.bb-msg{margin:0}.bb-msg .cr-link{margin-left:4px}
.cr-note.ok{border-color:transparent;background:var(--cf-aberto-bg);color:var(--cf-aberto-text)}
.bb-hn{margin-top:14px}
.bb-pe{padding:0 16px 14px}
.bb-tb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.bb-ban{margin-bottom:14px;align-items:center}
.bb-bacts{display:flex;gap:8px;flex:none}
.bb-fr{display:flex;align-items:center;justify-content:space-between;gap:8px}
.bb-eb{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--cf-border);background:var(--cf-bg-card);color:var(--cf-text-secondary);border-radius:7px;padding:2px 9px;font-size:12px;font-weight:600;cursor:pointer;margin-top:6px}
.bb-eb:hover{background:var(--cf-bg-hover);color:var(--cf-text);border-color:var(--cf-border-strong)}
.bb-eb:focus-visible,.bb-vb:focus-visible,.bb-claim button:focus-visible,.cr-link:focus-visible,.cf-xselect-trigger:focus-visible{outline:none;box-shadow:var(--cf-shadow-focus)}
.bb-ed{display:flex;flex-direction:column;gap:10px;padding:2px 0}
.bb-edr{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.bb-edl{display:flex;flex-direction:column;gap:4px}
.bb-ta{resize:vertical;min-height:54px;line-height:1.5;font-size:var(--cf-fs-body)}
.bb-edf{display:flex;align-items:center;gap:8px;justify-content:flex-end}
.bb-edf .bb-err{margin-right:auto}
.bb-err{display:none;font-size:var(--cf-fs-meta);font-weight:600;color:var(--cf-atrasado-text)}.bb-err.on{display:inline}p.bb-err.on{display:block}
.bb-editing{background:linear-gradient(var(--cf-accent-bg),var(--cf-accent-bg)),var(--cf-bg-card)}
.bb-mod{box-shadow:inset 3px 0 0 var(--cf-accent)}
.bb-novo{box-shadow:inset 3px 0 0 var(--cf-aberto)}
.bb-rem{box-shadow:inset 3px 0 0 var(--cf-atrasado)}
.bb-rem .bb-tx,.bb-rem>span{text-decoration:line-through;color:var(--cf-text-secondary)}
.bb-pc.bb-mod,.bb-pc.bb-novo{box-shadow:none;border-color:var(--cf-accent)}
.bb-gaps li.bb-novo,.bb-gaps li.bb-rem{box-shadow:inset 3px 0 0 var(--cf-aberto)}.bb-gaps li.bb-rem{box-shadow:inset 3px 0 0 var(--cf-atrasado)}
del,ins{border-radius:3px;padding:0 1px;text-decoration:none}
del{background:linear-gradient(var(--cf-atrasado-bg),var(--cf-atrasado-bg)),var(--cf-bg-card);color:var(--cf-atrasado-text);text-decoration:line-through}
ins{background:linear-gradient(var(--cf-aberto-bg),var(--cf-aberto-bg)),var(--cf-bg-card);color:var(--cf-aberto-text)}
.bb-from{font-size:var(--cf-fs-label);font-weight:600;color:var(--cf-text-muted);text-transform:none;letter-spacing:0}
.bb-lsec{padding:8px 16px 4px;font-size:var(--cf-fs-meta);font-weight:600;color:var(--cf-text-muted);border-top:1px solid var(--cf-border-subtle)}
.bb-lact{display:flex;gap:6px;flex:none;align-items:flex-start}
.bb-gaps.bb-gerr{border-color:var(--cf-atrasado)}
.bb-gaps.bb-gerr .gh{background:linear-gradient(var(--cf-atrasado-bg),var(--cf-atrasado-bg)),var(--cf-bg-card);color:var(--cf-atrasado-text)}
.bb-gaps.bb-gerr li::before{background:var(--cf-atrasado)}
.bb-gaps+.bb-gaps{margin-top:12px}
.bb-sec>.bb-gaps+.bb-gaps,.bb-sec>.cr-note+.bb-gaps{margin-top:0}
.bb-dec{background:var(--cf-bg-card);border:1px solid var(--cf-border);border-radius:var(--cf-radius-lg);padding:16px 18px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--cf-shadow-xs);margin-bottom:14px}
.bb-dt{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.bb-dt b{font-size:14px}
.bb-da{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
.bb-ck{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--cf-text-secondary)}
.bb-ck li{display:flex;align-items:center;gap:7px}.bb-ck li.ok{color:var(--cf-aberto-text)}.bb-ck li.er{color:var(--cf-atrasado-text)}
.cf-btn[aria-disabled=true]{background:var(--cf-bg-muted);border-color:var(--cf-border);color:var(--cf-text-muted);cursor:not-allowed}
.cf-btn[aria-disabled=true]:hover{background:var(--cf-bg-muted);border-color:var(--cf-border)}
.bb-dec.bar{flex-direction:row;align-items:center;flex-wrap:wrap;gap:12px 24px;padding:12px 18px}
.bb-dec.bar{height:auto;position:static;border-radius:var(--cf-radius-lg)}.bb-head+.bb-dec{margin-top:16px} /* .bar global (barra de share do Lote) vazava aqui e esmagava a faixa de revisão */
.bb-dec.bar .bb-edl{flex:1 1 320px}.bb-dec.bar .bb-da{margin-left:auto}.bb-dec.bar .bb-err{flex-basis:100%}
.bb-dec.bar p.bb-err{margin:0!important}
.bb-cur td{background:linear-gradient(var(--cf-accent-bg),var(--cf-accent-bg)),var(--cf-bg-card)}
.bb-dlist{display:flex;flex-direction:column;gap:12px}
.bb-dc{background:var(--cf-bg-card);border:1px solid var(--cf-border);border-radius:var(--cf-radius-lg);overflow:hidden}
.bb-dh{display:flex;align-items:center;gap:10px;padding:9px 14px;background:var(--cf-bg-subtle);border-bottom:1px solid var(--cf-border);flex-wrap:wrap}.bb-dh b{font-size:13px;font-weight:600;flex:1;min-width:0}
.bb-dbody{display:grid;grid-template-columns:1fr}
.bb-dc.sbs .bb-dbody{grid-template-columns:1fr 1fr}
.bb-pane{padding:10px 14px;min-width:0}.bb-pane+.bb-pane{border-top:1px solid var(--cf-border-subtle)}
.bb-dc.sbs .bb-pane+.bb-pane{border-top:0;border-left:1px solid var(--cf-border-subtle)}
.bb-pane.old{box-shadow:inset 3px 0 0 var(--cf-atrasado)}.bb-pane.new{box-shadow:inset 3px 0 0 var(--cf-aberto)}
.bb-pane.none .bb-tx{color:var(--cf-text-muted)}
.bb-ph{display:flex;align-items:center;gap:8px;margin-bottom:4px;font-size:12px;color:var(--cf-text-muted);min-width:0}.bb-ph span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.bb-dr{width:760px}
.bb-dr .cr-dh{align-items:center}.bb-dr .cr-dh h2{margin:0;font-size:16px}
.bb-dr .cr-db{padding-top:16px}
.bb-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:120;background:var(--cf-pill-active-bg);color:var(--cf-pill-active-text);padding:9px 16px;border-radius:var(--cf-radius-md);font-size:13px;font-weight:600;box-shadow:var(--cf-shadow-lg)}
.bb-toast.er{background:var(--cf-atrasado);color:#fff}
.bb-railx{margin-top:10px;padding-top:10px;border-top:1px solid var(--cf-border);display:flex;flex-direction:column;gap:2px}
.bb-dec.bar.at{background:var(--cf-atencao-bg);border-color:transparent}.bb-dec.bar.at .bb-dt b{color:var(--cf-atencao-text)}
/* ===== Game Bible · corpo B3 (F3 v3, aprovada 22/10) · só tokens --cf-*; valor longo quebra linha, nunca "…"; cartões da mesma linha com altura igual ===== */
.b3{display:flex;flex-direction:column;gap:16px}
.vx-c,.b3-s,.b3-per{background:var(--cf-bg-card);border:1px solid var(--cf-border);border-radius:var(--cf-radius-lg);min-width:0}
.vx-c{padding:12px 16px}
.vx-h{display:flex;align-items:center;gap:8px;margin-bottom:6px;min-height:24px;flex-wrap:wrap}
.vx-h h3{margin:0;font-size:var(--cf-fs-meta);font-weight:600;color:var(--cf-text-secondary)}
.b3-l,.vx-l{font-size:var(--cf-fs-meta);font-weight:600;color:var(--cf-text-secondary)}
.vx-l{margin-right:4px}
.b3-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.b3-tg{display:inline-flex;align-items:center;gap:8px;font-size:var(--cf-fs-meta)}
.b3-tg svg,.b3-sh svg{flex:none;transition:transform .12s;transform:rotate(-90deg)}
.b3-tg[aria-expanded=true] svg,.b3-sh[aria-expanded=true] svg{transform:none}
.b3-n{font-weight:500;color:var(--cf-text-secondary)}
.b3-tgl{margin-top:12px}
.vx-hp{display:inline-block;font-size:var(--cf-fs-label);font-weight:700;padding:0 6px;border-radius:999px;background:var(--cf-atencao-bg);color:var(--cf-atencao-text);margin-left:4px;vertical-align:1px;white-space:nowrap}
.vx-fo{font-size:var(--cf-fs-label);color:var(--cf-text-secondary)}
.vx-p{margin:0 0 4px;font-size:13px;line-height:1.5;color:var(--cf-text);overflow-wrap:anywhere}
.vx-p.v{color:var(--cf-text-secondary)}
/* topo: 2 colunas, 32 px entre elas */
/* O que é + Para quem · F3 v4 versão C (Trilho): um cartão, trilho de 136px com o título do grupo; só tokens --cf-*, espaço 4/8/12/16/20/24/32 */
.b3{margin-top:24px}
.b3-top{padding:0;overflow:hidden}
.b3-cr{display:grid;grid-template-columns:136px minmax(0,1fr)}
.b3-cr+.b3-cr{border-top:1px solid var(--cf-border)}
.b3-rail{padding:20px 0 20px 24px;border-right:1px solid var(--cf-border)}
.b3-h{margin:0;font-size:var(--cf-fs-meta);font-weight:600;color:var(--cf-text)}
.b3-cb{padding:20px 24px;min-width:0}
.b3-pitch{margin:0 0 16px;font-size:15px;line-height:1.5;font-weight:600;color:var(--cf-text);overflow-wrap:anywhere}
.b3-pitch .vx-hp{margin-left:6px}
.b3-fo{display:block;margin-top:4px;font-size:var(--cf-fs-label);font-weight:400;color:var(--cf-text-secondary)}
.b3-l{display:block;font-size:var(--cf-fs-meta);font-weight:600;color:var(--cf-text-secondary)}
.b3-inl{margin:0;display:flex;flex-wrap:wrap;gap:12px 32px}
.b3-inl>div{min-width:0}
.b3-inl dt{margin:0 0 2px}
.b3-inl dd{margin:0;font-size:13px;line-height:1.45;overflow-wrap:anywhere}
.b3-tiles{display:flex;gap:12px;margin-bottom:16px}
.b3-tile{flex:0 1 200px;min-width:120px;border:1px solid var(--cf-border);border-radius:var(--cf-radius-md);padding:12px 16px;background:var(--cf-bg-subtle)}
.b3-tile .b3-l{margin-bottom:4px}
.b3-big{font-size:20px;line-height:1.2;font-weight:700;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.b3-un{font-size:var(--cf-fs-meta);color:var(--cf-text-secondary);margin-left:4px}
.b3-sec{display:block;margin-top:2px;font-size:12px;color:var(--cf-text-secondary)}
.b3-tv{font-size:14px;font-weight:600}
.b3-rows{margin:0;display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px 16px;align-items:baseline}
.b3-rows dt{margin:0}
.b3-rows dd{margin:0;min-width:0;font-size:13px;line-height:1.45;overflow-wrap:anywhere}
.b3-foot{margin:16px 0 0;padding-top:12px;border-top:1px solid var(--cf-border-subtle);font-size:12px;line-height:1.5;color:var(--cf-text-secondary)}
.b3-foot:first-child{margin-top:0;padding-top:0;border-top:0}
.b3-foot b{font-weight:600;color:var(--cf-text)}
.b3-foot i{font-style:italic}
.b3-val{color:var(--cf-text);font-weight:500}
.b3-chips{display:flex;flex-wrap:wrap;gap:8px}
.b3-bars{display:grid;grid-template-columns:minmax(90px,max-content) minmax(80px,180px) max-content;gap:4px 12px;align-items:center;font-size:var(--cf-fs-meta)} /* GB-05 */
.b3-bars .b3-bg{grid-column:1/-1;margin-top:8px;font-size:var(--cf-fs-label);font-weight:600;color:var(--cf-text-muted);text-transform:uppercase;letter-spacing:.04em}.b3-bars .b3-bg:first-child{margin-top:0}
.b3-bt{appearance:none;width:100%;height:6px;border:0;border-radius:3px;background:var(--cf-bg-muted);overflow:hidden}.b3-bt::-webkit-progress-bar{background:var(--cf-bg-muted);border-radius:3px}.b3-bt::-webkit-progress-value{background:var(--cf-accent);border-radius:3px}.b3-bt::-moz-progress-bar{background:var(--cf-accent);border-radius:3px}
.b3-bv{font-variant-numeric:tabular-nums;font-weight:600;text-align:right}
.b3-chip{display:inline-block;padding:2px 10px;border-radius:999px;background:var(--cf-bg-muted);color:var(--cf-text);font-size:12px;font-weight:500;line-height:1.5;max-width:100%;overflow-wrap:anywhere}
.b3-chip.ac{background:var(--cf-accent-bg);color:var(--cf-accent-text)}
.b3-chip small{margin-left:6px;font-size:var(--cf-fs-label);font-weight:600;opacity:.75}
.b3-chip.sec{background:transparent;box-shadow:inset 0 0 0 1px var(--cf-border);color:var(--cf-text-secondary)}
.b3-dica{display:block;margin-top:4px;font-size:var(--cf-fs-label);color:var(--cf-text-secondary)}
.b3-gap{display:inline-flex;align-items:baseline;gap:8px;max-width:100%;color:var(--cf-text-secondary);font-size:var(--cf-fs-meta);line-height:1.4}
.b3-gap::before{content:'';flex:none;width:6px;height:6px;border-radius:1px;transform:rotate(45deg) translateY(-1px);background:var(--cf-atencao)}
.b3-gt{min-width:0;overflow-wrap:anywhere}
.b3-gap b{font-weight:600;color:var(--cf-atencao-text);font-size:var(--cf-fs-meta);white-space:nowrap;margin-right:4px}
/* personas: 1 faixa, cartões iguais (grid stretch) */
.b3-per{padding:12px 20px}
.b3-per .vx-h{margin-bottom:8px}
.b3-hm{margin-left:8px}
.b3-hint{margin-left:auto;font-size:12px;color:var(--cf-text-secondary)}
.b3-pcs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:stretch}
.b3-pcs.n1{grid-template-columns:minmax(0,calc(50% - 6px))}.b3-pcs.n2{grid-template-columns:repeat(2,minmax(0,1fr))}.b3-pcs.n3{grid-template-columns:repeat(3,minmax(0,1fr))}
.b3-pc{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;padding:8px 12px 10px;border:1px solid var(--cf-border);border-radius:var(--cf-radius-md);background:var(--cf-bg-subtle);color:var(--cf-text);font:inherit;cursor:pointer;min-width:0}
.b3-pc:hover{border-color:var(--cf-border-strong);background:var(--cf-bg-hover)}
.b3-pc:focus-visible,.b3-sh:focus-visible,.vx-r:focus-visible{outline:none;box-shadow:var(--cf-shadow-focus)}
.b3-pc.on{border-color:var(--cf-accent);background:var(--cf-accent-bg);box-shadow:0 0 0 1px var(--cf-accent)}
.b3-pt{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;max-width:100%;min-width:0}
.b3-pt b{font-size:var(--cf-fs-body);font-weight:700;overflow-wrap:anywhere;min-width:0}
.b3-pr2{font-size:12px;line-height:1.4;color:var(--cf-text-secondary);overflow-wrap:anywhere}
.b3-pm{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:4px;min-width:0;width:100%}
.b3-pm .b3-chip{font-size:var(--cf-fs-label);padding:1px 8px}
.b3-pm .b3-gap{font-size:12px}.b3-pm .b3-gap::before{display:none}
.b3-pd{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 24px;margin-top:16px;padding-top:16px;border-top:1px solid var(--cf-border)}
.b3-pd p{margin:4px 0 0;font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.b3-pd .b3-src{grid-column:1/-1;margin:0;font-size:var(--cf-fs-label);color:var(--cf-text-secondary)}
/* spine das 12 + detalhe: mesma altura (stretch) */
.vx-sp{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:14px;align-items:stretch}
.vx-sp>.vx-c{display:flex;flex-direction:column}
.vx-esc{margin:0 0 4px;font-size:12px;color:var(--cf-text-secondary)}
.b3-foco{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:12px;color:var(--cf-text-secondary)}
.b3-foco b{color:var(--cf-text)}
.b3-dm{display:inline-flex;align-items:center;margin-left:8px}.b3-foco .b3-dm{margin-left:0}
.b3-dm i{display:block;width:7px;height:7px;border-radius:1px;transform:rotate(45deg);background:var(--cf-accent)}
.b3-dm.off i{background:transparent;border:1px solid var(--cf-text-secondary)}
.vx-rl{display:flex;flex-direction:column}
.vx-r{display:grid;grid-template-columns:22px minmax(0,1fr) 96px 62px 74px;gap:0 10px;align-items:center;width:100%;text-align:left;border:0;border-top:1px solid var(--cf-border-subtle);background:none;padding:4px 12px;margin:0;color:var(--cf-text);cursor:pointer;border-radius:0;font:inherit;font-size:var(--cf-fs-meta);position:relative}
.vx-r:first-child{border-top:0}
.vx-r:hover{background:var(--cf-bg-hover)}
.vx-r.on{background:var(--cf-accent-bg);box-shadow:inset 0 0 0 1px var(--cf-accent-border);border-radius:var(--cf-radius-md)}
.vx-r.pm{background:var(--cf-accent-bg)}
.vx-r.pm::before{content:'';position:absolute;left:0;top:4px;bottom:4px;width:3px;border-radius:2px;background:var(--cf-accent)}
.vx-r.pm.on{box-shadow:inset 0 0 0 1px var(--cf-accent)}
.vx-r .nm{font-weight:600;min-width:0;display:flex;flex-direction:column;line-height:1.25}
.vx-r .nm small{font-weight:500;font-size:var(--cf-fs-label);color:var(--cf-text-secondary)}
.vx-r.mid .nm,.vx-r.nm .nm{font-weight:500}.vx-r.nm .nm{color:var(--cf-text-secondary)}
.b3-rn{display:flex;align-items:center}
.vx-r .vx-num{text-align:right}
.vx-r.top+.vx-r.mid,.vx-r.mid+.vx-r.nm{border-top:1px solid var(--cf-border-strong)}
.vx-rk{width:22px;height:22px;border-radius:50%;background:var(--cf-accent-bg);color:var(--cf-accent-text);font-size:11px;font-weight:700;display:grid;place-items:center;flex:none}
.vx-rk.q{width:6px;height:6px;border-radius:2px;background:var(--cf-border-strong);margin:0 8px}
.vx-bar{position:relative;height:6px;border-radius:4px;background:var(--cf-bg-muted);min-width:60px}
.vx-bar i{position:absolute;left:0;top:0;bottom:0;width:var(--p,0%);border-radius:4px;background:var(--cf-accent)}
.vx-bar u{position:absolute;top:-3px;bottom:-3px;left:var(--p,0%);width:2px;margin-left:-1px;background:var(--cf-text);border-radius:1px}
.vx-bar.h i{background:repeating-linear-gradient(135deg,var(--cf-accent) 0 4px,var(--cf-accent-border) 4px 8px)}
.vx-num{font-size:12px;color:var(--cf-text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap}
.vx-num b{font-weight:700;color:var(--cf-text)}
.vx-big{display:flex;border:1px solid var(--cf-border);border-radius:var(--cf-radius-md);margin:4px 0 8px;overflow:hidden}
.vx-big>div{flex:1;padding:4px 12px;min-width:0}.vx-big>div+div{border-left:1px solid var(--cf-border)}
.vx-big small{display:block;font-size:var(--cf-fs-meta);font-weight:600;color:var(--cf-text-secondary);white-space:nowrap}
.vx-big b{display:block;font-size:18px;line-height:1.15;font-weight:700;font-variant-numeric:tabular-nums}
.vx-big b.t{font-size:13px;line-height:1.3;color:var(--cf-text-secondary);font-weight:600}
.vx-whyL{font-size:13px;line-height:1.55}
.vx-h2{margin-top:8px;padding-top:6px;border-top:1px solid var(--cf-border-subtle)}
.b3-hr{margin-left:auto}
.b3-quem{margin:0 0 0 auto;display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px 8px;font-size:var(--cf-fs-meta);font-weight:600}
.vx-mcl{display:flex;flex-direction:column;gap:8px}
.vx-mc{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;min-width:0}
.vx-mc .tx{display:block;font-size:var(--cf-fs-meta);line-height:1.4;overflow-wrap:anywhere}
.vx-mc .q{display:block;font-size:11px;color:var(--cf-text-secondary);margin-top:2px;overflow-wrap:anywhere}
.vx-th{display:block;flex:none;width:22px;height:38px;border-radius:var(--cf-radius-sm);border:1px solid var(--cf-border);overflow:hidden;background:var(--cf-bg-subtle)}
.vx-th img{display:block;width:100%;height:100%;object-fit:cover}
.vx-ph{background:repeating-linear-gradient(135deg,var(--cf-bg-subtle) 0 8px,var(--cf-bg-muted) 8px 9px)}
.vx-nop{border:1px dashed var(--cf-atencao);border-radius:var(--cf-radius-md);background:var(--cf-atencao-bg);color:var(--cf-atencao-text);padding:9px 12px;font-size:var(--cf-fs-meta);line-height:1.45}
.vx-evh{display:flex;gap:6px;align-items:center;margin-top:4px}
.vx-no{color:var(--cf-atrasado-text)}
.vx-evl{margin:4px 0 8px;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px;font-size:var(--cf-fs-meta);line-height:1.4}
.vx-evl li{display:flex;gap:8px;overflow-wrap:anywhere}.vx-evl li::before{content:'×';flex:none;color:var(--cf-atrasado-text);font-weight:800;line-height:1.4}
.vx-sens{color:var(--cf-text-secondary)}
.vx-cf{margin:8px 0 0;font-size:var(--cf-fs-label);color:var(--cf-text-secondary);line-height:1.45}
.vx-ct{margin-bottom:8px;flex-wrap:wrap}
.vx-crh,.vx-cr{display:grid;grid-template-columns:minmax(0,1fr) 92px 52px;gap:0 10px;align-items:center}
.vx-crh{padding:0 0 4px;font-size:var(--cf-fs-meta);font-weight:600;color:var(--cf-text-secondary)}
.vx-crh span:nth-child(3){text-align:right}
.vx-cr{padding:6px 0;border-top:1px solid var(--cf-border-subtle);font-size:var(--cf-fs-meta)}
.vx-cr .nm{min-width:0;font-weight:600;line-height:1.3;overflow-wrap:anywhere}
.vx-cr .nm small{display:block;font-weight:400;font-size:var(--cf-fs-label);color:var(--cf-text-secondary)}
.vx-cr .nm a{display:inline-flex;align-items:center;gap:4px;color:inherit}
.vx-cr .mt{text-align:right;font-weight:700;font-variant-numeric:tabular-nums}.vx-cr .mt.n{font-weight:500;color:var(--cf-text-secondary)}
.vx-ctab.no-mt .vx-crh,.vx-ctab.no-mt .vx-cr{grid-template-columns:minmax(0,1fr) 92px}
.vx-ctab.no-mt .vx-crh span:nth-child(3),.vx-ctab.no-mt .vx-cr .mt{display:none}
/* seções: 3 cartões lado a lado (stretch); o aberto ocupa a largura toda */
.b3-secs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.b3-s.on{grid-column:1/-1;order:-1;border-color:var(--cf-accent-border)}
.b3-s.on+.b3-s{order:0}
.b3-sh{display:grid;grid-template-columns:13px minmax(0,1fr) auto;gap:4px 8px;align-items:center;width:100%;margin:0;padding:10px 16px;border:0;background:none;color:var(--cf-text);text-align:left;font:inherit;cursor:pointer;border-radius:var(--cf-radius-lg);align-content:start}
.b3-sh:hover{background:var(--cf-bg-hover)}
/* altura cheia só fechado (cards da linha alinham); aberto, 100% empurrava o corpo para fora do cartão */
.b3-s:not(.on)>.b3-sh{height:100%}
.b3-sh svg{color:var(--cf-accent-text)}
.b3-st{font-size:13px;font-weight:600}
.b3-sh .cr-count{justify-self:end}
.b3-pv{grid-column:2/-1;font-size:12px;line-height:1.45;color:var(--cf-text-secondary);overflow-wrap:anywhere}
.b3-mais{font-weight:700;color:var(--cf-text)}
.b3-sb{border-top:1px solid var(--cf-border-subtle);padding:16px 20px}
.b3-sb .vx-h{margin-bottom:8px}
.b3-lacl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.b3-lacl li{display:flex;gap:12px;font-size:var(--cf-fs-meta);line-height:1.5;overflow-wrap:anywhere}
.b3-lacl li::before{content:'';flex:none;width:6px;height:6px;margin-top:7px;border-radius:1px;transform:rotate(45deg);background:var(--cf-atencao)}
.b3-s[aria-label=Lacunas] .b3-st{color:var(--cf-atencao-text)}
.bb-tb .cr-seg{margin-left:4px}
.bb .cr-count{color:var(--cf-text-secondary)}
/* ===== Biblioteca › Família (direção D aprovada + detalhe B); fonte: familia.mjs ===== */
.cr-fcw{position:relative;padding-top:12px;display:flex;isolation:isolate}.cr-fcw>.cr-fc{width:100%;position:relative;z-index:1;background:var(--cf-bg-card)}.cr-fcw.pilha{padding-top:18px}
.cr-fcw .bk{position:absolute;bottom:26px;border:1px solid var(--cf-border-strong);border-radius:var(--cf-radius-lg);box-shadow:var(--cf-shadow-xs)}
.cr-fcw .b1{top:0;left:22px;right:22px;background:var(--cf-bg-muted)}
.cr-fcw .b2{top:8px;left:11px;right:11px;background:var(--cf-bg-subtle);border-color:var(--cf-accent-border)}
.cr-pk.d2{grid-template-columns:repeat(2,minmax(0,1fr))}
.cr-fchips{display:inline-flex;gap:4px;flex-wrap:wrap}
.cr-fth{display:inline-grid;place-items:center;flex:none;overflow:hidden;border-radius:6px;border:1px solid var(--cf-border);background:var(--cf-bg-subtle)}
.cr-fth img{width:100%;height:100%;object-fit:cover;display:block}
.cr-fth.rw{width:34px;height:44px}.cr-fth.sm{width:44px;height:58px}
.cr-fth.no{background:repeating-linear-gradient(135deg,var(--cf-bg-subtle) 0 6px,var(--cf-bg-muted) 6px 7px);border-style:dashed}
.cr-fgl{display:block;height:44%;aspect-ratio:var(--ar,1);max-width:70%;border:1.5px solid var(--cf-border-strong);border-radius:3px;background:var(--cf-bg-card)}
.cr-drawer.fam{width:480px;max-width:100%}.cr-drawer.fam:has(table){width:min(960px,100%)} /* TX-02: 960 só com tabela */.cr-drawer.fam:focus{outline:none}
.cr-mini.q4{grid-template-columns:repeat(4,minmax(0,1fr))}
.cr-ft td.n,.cr-ft th.n{white-space:nowrap}.cr-ft .nm{min-width:0}.cr-ft .nm b{display:block;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.cr-ft .nm.ind{padding-left:26px;position:relative}
.cr-ft .nm.ind::before{content:"";position:absolute;left:10px;top:-14px;height:26px;width:10px;border-left:1.5px solid var(--cf-border-strong);border-bottom:1.5px solid var(--cf-border-strong);border-bottom-left-radius:6px}
.cr-ft tr.cr-fv.fora td{opacity:.45}
.cr-ft tr.cr-fg{cursor:pointer}.cr-ft tr.cr-fg td{background:var(--cf-bg-subtle)}.cr-ft tr.cr-fg:hover td{background:var(--cf-bg-hover)}
.cr-ft tr.cr-fg:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--cf-accent)}
.cr-chev{display:inline-grid;place-items:center;width:18px;height:18px;color:var(--cf-text-muted);transition:transform .12s}.cr-chev.o{transform:rotate(90deg)}
.cr-fsh{display:inline-flex;gap:6px;align-items:center}.cr-fsh .cr-bar{width:56px}
.cr-fd{font-weight:600;color:var(--cf-text-secondary)}
.cr-fsk{display:inline-block;width:56px;height:12px;vertical-align:middle}
.cr-fvz{margin-left:auto;text-transform:none;letter-spacing:0}.cr-fvz .cr-seg button{font-size:12px;padding:4px 10px}
.cr-sec>h4 .cr-fvz{display:inline-flex}
.cr-fmx{display:grid;gap:6px}.cr-fmx .h{font-size:11px;font-weight:700;color:var(--cf-text-muted);padding:4px 6px}
.cr-fmx .c{padding:8px 10px;border-radius:8px;background:var(--cf-bg-subtle);border:1px solid var(--cf-border-subtle);min-height:66px}
.cr-fmx .c.cx{display:flex;gap:8px;align-items:center}.cr-fmx .c b{display:block;font-size:13px}.cr-fmx .c span{font-size:var(--cf-fs-label);color:var(--cf-text-muted)}
.cr-fmx .c.e{background:transparent;border-style:dashed;display:grid;place-items:center;text-align:center}.cr-fmx .c.e span{color:var(--cf-text-muted)}
.cr-root .cf-chip:focus-visible{outline:none;box-shadow:var(--cf-shadow-focus)}

/* ===== Elementos por formato: abas, tabelas e vocabulário (mock A aprovado) ===== */
.fm-tabs{display:flex;gap:4px;border-bottom:1px solid var(--cf-border);margin:0 0 16px}
.fm-tab{border:0;background:none;color:var(--cf-text-secondary);padding:9px 18px 10px;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;gap:1px;border-bottom:2px solid transparent;margin-bottom:-1px;font-size:14px;font-weight:600;text-align:left}
.fm-tab small{font-size:var(--cf-fs-label);font-weight:500;color:var(--cf-text-muted);font-variant-numeric:tabular-nums}
.fm-tab:hover{color:var(--cf-text)}.fm-tab.on{color:var(--cf-accent-text);border-bottom-color:var(--cf-accent)}
.fm-tab:focus-visible,.fm-ri:focus-visible,.mx-c:focus-visible,.mx-rh:focus-visible{outline:none;box-shadow:var(--cf-shadow-focus)}
.fm-cap{display:flex;align-items:center;gap:10px;margin:0 0 10px;flex-wrap:wrap}.fm-cap .push{margin-left:auto}
.fm-h{font-size:14px;font-weight:700;margin:18px 0 10px;display:flex;align-items:center;gap:8px}.fm-h2{margin:0;font-size:18px;font-weight:700;letter-spacing:-.01em}
.fm-fn{font-size:12px;color:var(--cf-text-muted);line-height:1.45;margin:8px 0 0;max-width:760px}
.fm-tw{overflow:auto;border:1px solid var(--cf-border);border-radius:var(--cf-radius-lg);background:var(--cf-bg-card)}
.fm-t{width:100%;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums}
.fm-t th{font-size:var(--cf-fs-meta);font-weight:600;color:var(--cf-text-muted);text-align:left;padding:8px 16px;background:var(--cf-bg-subtle);border-bottom:1px solid var(--cf-border);white-space:nowrap}
.fm-t td{padding:9px 14px;border-bottom:1px solid var(--cf-border-subtle);vertical-align:middle}.fm-t tr:last-child td{border-bottom:0}
.fm-t .r{text-align:right}.fm-t td b{font-weight:600}.fm-t div.cr-id{margin-top:1px}
.fm-ch{display:flex;gap:5px;flex-wrap:wrap}.fm-ch span{font-size:var(--cf-fs-label);padding:1px 8px;border:1px solid var(--cf-border);border-radius:999px;background:var(--cf-bg-subtle);color:var(--cf-text-secondary);max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fm-ch2{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 10px}.fm-ch2 span{font-size:var(--cf-fs-meta);padding:3px 10px;border:1px solid var(--cf-border);border-radius:999px;background:var(--cf-bg-subtle);color:var(--cf-text-secondary)}.fm-ch2 b{margin-left:5px;color:var(--cf-text)}
.fm-voc{display:grid;grid-template-columns:1fr;gap:12px}.fm-voc>div{background:var(--cf-bg-card);border:1px solid var(--cf-border);border-radius:var(--cf-radius-lg);padding:12px 14px;display:flex;flex-wrap:wrap;gap:5px;align-content:flex-start}
.fm-voc small{flex:0 0 100%;font-size:var(--cf-fs-label);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--cf-text-muted);margin-bottom:3px}
.fm-voc span{font-size:12px;padding:1px 8px;border:1px solid var(--cf-border);border-radius:999px;background:var(--cf-bg-subtle);color:var(--cf-text-secondary)}
.cr-state.sm{padding:22px 20px}.cr-state.er{border-style:solid;border-color:var(--cf-atrasado);background:var(--cf-atrasado-bg)}.cr-state.er .ic{color:var(--cf-atrasado-text)}
.fm-tab{font-family:inherit}.fm-tab:focus-visible{outline:none;box-shadow:var(--cf-shadow-focus)}
:where(.cr-root) button{font:inherit} /* B8/J6: <button> sem classe de fonte herda a do texto, não os 13.33px nativos */.cr-seg button[aria-pressed=true]{cursor:default}

/* ── Biblioteca · conceito (proposta aprovada 25/10, direção A) ── */
.cp-w{position:relative;display:flex;flex-direction:column;min-width:0}
.cp-w>.cr-fcw,.cp-w>.cr-piece{flex:1}
.cp-w>.cr-fcw>.cr-fc,.cp-w>.cr-piece{border-bottom-left-radius:0;border-bottom-right-radius:0}
.cp-foot{border:1px solid var(--cf-border);border-top:0;border-radius:0 0 var(--cf-radius-lg) var(--cf-radius-lg);background:var(--cf-bg-card);padding:8px 12px;min-height:42px;display:flex;align-items:center;gap:6px;min-width:0}
.cp-w.is-open>.cr-fcw>.cr-fc,.cp-w.is-open>.cr-piece,.cp-w.is-open>.cp-foot{border-color:var(--cf-accent)}
.cp-chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;min-width:0;border-radius:999px;padding:4px 8px;font-family:inherit;font-weight:600;font-size:var(--cf-fs-label);line-height:1.4;cursor:pointer;white-space:nowrap}
.cp-chip i{width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}
.cp-chip .n{min-width:0;overflow:hidden;text-overflow:ellipsis}
.cp-chip .c{flex:none}
.cp-chip.on{background:var(--cf-accent-bg);color:var(--cf-accent-text);border:1px solid var(--cf-accent-border)}
.cp-chip.sug{background:transparent;color:var(--cf-text-secondary);border:1px dashed var(--cf-border-strong)}
.cp-chip.sug:hover,.cp-chip.sug[aria-expanded=true]{border-color:var(--cf-accent);color:var(--cf-accent-text);background:var(--cf-accent-bg)}
.cp-chip.sug .c{font-weight:500;color:var(--cf-text-muted)}
.cp-chip.none{background:transparent;border:0;padding-left:0;color:var(--cf-text-muted);font-weight:400;font-size:11px;opacity:.75;cursor:default}
.cp-chip.so{background:transparent;color:var(--cf-text-muted);border:1px solid var(--cf-border-strong);font-weight:500}
.cp-chip.so:hover,.cp-chip.so[aria-expanded=true]{border-color:var(--cf-accent);color:var(--cf-accent-text)}
.cp-chip.none.lig{cursor:pointer}.cp-chip.none.lig:hover,.cp-chip.none.lig[aria-expanded=true]{color:var(--cf-accent-text);text-decoration:underline}
.cp-chip:focus-visible,.cp-sec-h:focus-visible,.cp-mais:focus-visible{outline:none;box-shadow:var(--cf-shadow-focus)}
.cp-pop{position:absolute;left:0;top:calc(100% - 4px);z-index:70;width:312px;max-width:calc(100vw - 32px);background:var(--cf-bg-card);border:1px solid var(--cf-border-strong);border-radius:var(--cf-radius-lg);box-shadow:var(--cf-shadow-lg);padding:14px;display:flex;flex-direction:column;gap:10px}
.cp-pop.dir{left:auto;right:0}
.cp-pop h5{margin:0;font-size:var(--cf-fs-label);font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--cf-text-muted);display:flex;justify-content:space-between}
.cp-pop h5 span{letter-spacing:0;text-transform:none;font-size:var(--cf-fs-label);color:var(--cf-text-secondary)}
.cp-pop .aviso{font-size:12px;color:var(--cf-atencao-text);background:var(--cf-atencao-bg);border-radius:var(--cf-radius-sm);padding:6px 9px;line-height:1.4}
.cp-pop .aviso.er{color:var(--cf-atrasado-text);background:var(--cf-atrasado-bg)}
.cp-pop .row{display:flex;gap:8px;align-items:center}
.cp-pop .row .cf-input{flex:1;min-width:0}
.cp-pop .row .cf-xselect{flex:1;min-width:0}
.cp-pop .row .cf-xselect-trigger{padding:6px 10px;font-size:var(--cf-fs-meta)}
.cp-pop .ou{font-size:12px;color:var(--cf-text-muted)}
.cp-pop .lbl{font-size:var(--cf-fs-label);font-weight:600;color:var(--cf-text-muted);margin-bottom:-4px}
.cp-strip{position:relative;display:flex;gap:6px 18px;align-items:center;flex-wrap:wrap;padding:12px 16px;border:1px solid var(--cf-border);border-left:3px solid var(--cf-accent);border-radius:var(--cf-radius-md);background:var(--cf-bg-card);margin-bottom:14px}
.cp-strip .st{display:flex;flex-direction:column;font-size:var(--cf-fs-label);font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--cf-text-muted)}
.cp-strip .st span{font-size:13px;letter-spacing:0;text-transform:none;color:var(--cf-text);font-weight:700;font-variant-numeric:tabular-nums}
.cp-strip .x{margin-left:auto}
.cp-strip-pop{position:absolute;right:0;top:calc(100% + 4px);z-index:70}.cp-strip-pop .cp-pop{position:static}
.cp-sec{margin-bottom:22px}
.cp-sec-h{width:100%;display:flex;align-items:center;gap:12px;padding:8px 2px 10px;border:0;border-bottom:1px solid var(--cf-border);margin-bottom:14px;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
.cp-sec.col .cp-sec-h{margin-bottom:0;border-bottom-color:var(--cf-border-subtle)}
.cp-sec-h .chev{width:18px;height:18px;flex:none;color:var(--cf-text-muted);transition:transform .15s}
.cp-sec.col .chev{transform:rotate(-90deg)}
.cp-sec-h .nm{font-size:14px;font-weight:700}
.cp-sec-h .sub{font-size:12px;color:var(--cf-text-muted)}
.cp-sec-h .m{margin-left:auto;display:flex;gap:18px;font-size:var(--cf-fs-meta);color:var(--cf-text-secondary);font-variant-numeric:tabular-nums}
.cp-sec-h .m b{font-weight:700;color:var(--cf-text)}
.cp-mais{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed var(--cf-border-strong);border-radius:var(--cf-radius-lg);color:var(--cf-text-secondary);font:600 13px inherit;font-family:inherit;text-align:center;padding:12px;min-height:120px;background:transparent;cursor:pointer}
.cp-mais small{font-weight:500;color:var(--cf-text-muted);margin-top:2px}
.cp-mais:hover{border-color:var(--cf-accent);color:var(--cf-accent-text)}

/* ── Gate 1 em lote: portfólio da semana (direção B, aprovada em 26/10). Prefixos gp-/gb-. ── */
.gp-root{padding-bottom:28px}
.gp-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}
.gp-head h2{margin:0;font-size:20px;font-weight:700;letter-spacing:-.01em}
.gp-head p{margin:3px 0 0;font-size:13px;color:var(--cf-text-secondary)}
.gp-t{font-size:var(--cf-fs-body);font-weight:600;line-height:1.35;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.gp-t .ar{color:var(--cf-text-muted);font-weight:500}
.gp-ctx{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;margin-top:5px;font-size:12px;color:var(--cf-text-secondary)}
.gp-ctx .cr-id{font-size:var(--cf-fs-label)}
.gp-pz{display:flex;gap:4px;flex-wrap:wrap}
.gp-pz span{font:600 11px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;padding:0 6px;border-radius:var(--cf-radius-sm);background:var(--cf-bg-muted);color:var(--cf-text-secondary)}
.gp-lk{background:none;border:0;padding:0;font:600 12px inherit;font-family:inherit;color:var(--cf-accent-text);cursor:pointer}
.gp-lk:disabled{color:var(--cf-text-muted);cursor:not-allowed}
.gp-mot{display:flex;gap:8px;padding:0 14px 11px 46px}
.gp-mot .cf-input{flex:1}
.gp-devm{padding:0 14px 11px 46px;font-size:var(--cf-fs-meta);color:var(--cf-atencao-text)}
.gp-devm b{font-weight:700}
.gp-bf{border-top:1px solid var(--cf-border-subtle);padding:12px 14px 14px 46px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:18px}
.gp-bf h5{margin:0 0 6px;font-size:var(--cf-fs-label);font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--cf-text-muted)}
.gp-bf .blk{margin-bottom:12px}
.gp-bf p{margin:0;font-size:var(--cf-fs-meta);line-height:1.5;color:var(--cf-text-secondary)}
.gp-bf p b{color:var(--cf-text)}
.gp-bf ol{margin:0;padding-left:18px;font-size:var(--cf-fs-meta);line-height:1.6;color:var(--cf-text-secondary)}
.gp-mx{width:100%;border-collapse:collapse;font-size:12px}
.gp-mx th{text-align:left;font-size:var(--cf-fs-label);font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--cf-text-muted);padding:0 8px 6px 0;border-bottom:1px solid var(--cf-border)}
.gp-mx td{padding:6px 8px 6px 0;border-bottom:1px solid var(--cf-border-subtle);font-variant-numeric:tabular-nums}
.gp-mx td.m{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--cf-fs-label)}
.gp-ev{font-size:12px;color:var(--cf-text-secondary);line-height:1.55}
.gp-ev .cr-kv{font-size:12px;padding:5px 0}
.gp-big{display:flex;align-items:baseline;gap:8px}
.gp-big b{font-size:28px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.gp-big span{font-size:13px;color:var(--cf-text-secondary)}
.gp-big.er b{color:var(--cf-atrasado-text)}
.gp-bar{position:relative;height:10px;border-radius:999px;background:var(--cf-bg-muted);display:flex;overflow:visible}
.gp-bar i{height:100%;display:block}
.gp-bar i:first-child{border-radius:999px 0 0 999px}
.gp-bar i.it{background:var(--cf-accent)}
.gp-bar i.co{background:var(--cf-sobehoje-text)}
.gp-bar i.ex{background:var(--cf-atencao)}
.gp-bar i.ov{background:repeating-linear-gradient(135deg,var(--cf-atrasado-text) 0 4px,transparent 4px 7px);border-radius:0 999px 999px 0}
.gp-bar s{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--cf-text);border-radius:1px}
.gp-why{font-size:12px;line-height:1.5;color:var(--cf-text-secondary);border-top:1px solid var(--cf-border-subtle);padding-top:12px}
.gp-why b{color:var(--cf-text)}
.gp-kv .cr-kv{font-size:var(--cf-fs-meta);padding:6px 0}
.gp-sub{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--cf-border-subtle);padding-top:14px}
.gp-sub .cf-btn{width:100%}
.gp-sub .cf-input{width:100%}
.gp-pq{margin:0;padding-left:16px;font-size:12px;line-height:1.5;color:var(--cf-atrasado-text)}
.gp-note{font-size:12px;line-height:1.45;color:var(--cf-text-muted)}
.gp-note b{color:var(--cf-text-secondary)}
.gp-rep{border:1px solid var(--cf-border);border-radius:var(--cf-radius-lg);background:var(--cf-bg-card)}
.gp-rep>header{padding:14px 16px;border-bottom:1px solid var(--cf-border);display:flex;align-items:center;gap:10px}
.gp-rep>header h3{margin:0;font-size:15px;font-weight:700}
.gp-rep>header .cr-id{margin-left:auto}
.gp-rep table{width:100%;border-collapse:collapse;font-size:var(--cf-fs-meta)}
.gp-rep th{text-align:left;font-size:var(--cf-fs-label);font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--cf-text-muted);padding:10px 16px;border-bottom:1px solid var(--cf-border)}
.gp-rep td{padding:9px 16px;border-bottom:1px solid var(--cf-border-subtle);vertical-align:top}
.gp-rep tr.er td{background:var(--cf-atrasado-bg)}
.gp-rep tr.er td.mot{color:var(--cf-atrasado-text);font-weight:600}
.gp-rep .m{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--cf-fs-label)}
.gp-rep footer{padding:12px 16px;display:flex;gap:8px;align-items:center}
.gp-rep footer .gp-note{margin-right:auto}
.gp-exl{display:flex;align-items:center;gap:8px}
.cf-xselect.gp-exe{width:112px;flex:none}
.cf-xselect.gp-exe .cf-xselect-trigger{padding:4px 8px;font-size:var(--cf-fs-meta);font-weight:600}
.cf-xselect.gp-exe .cf-xselect-option{font-size:var(--cf-fs-meta);padding:6px 8px}
.gp-prz{font-size:12px;color:var(--cf-text-secondary);white-space:nowrap;font-variant-numeric:tabular-nums}
.gp-cnt{align-self:center;font:600 11px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--cf-text-muted);min-width:34px;text-align:right}
.gp-cnt.ok{color:var(--cf-sobehoje-text)}
.gp-pex{display:flex;flex-direction:column;gap:3px;margin-top:6px;font-size:var(--cf-fs-label);color:var(--cf-text-muted);font-variant-numeric:tabular-nums}
.gp-pex .on{color:var(--cf-text);font-weight:600}
.gb-strip{display:grid;grid-template-columns:auto minmax(0,1fr) 230px 260px;gap:22px;align-items:start;border:1px solid var(--cf-border);border-radius:var(--cf-radius-lg);background:var(--cf-bg-card);padding:14px 16px;margin-bottom:16px}
.gb-strip h4{margin:0 0 4px;font-size:var(--cf-fs-meta);font-weight:600;color:var(--cf-text-muted)}
.gb-sb{display:flex;flex-direction:column;gap:10px;padding-top:6px}
.gb-sb .gp-why{border:0;padding:0}
.gb-strip .gp-sub{border:0;padding:0}
.gb-strip .gp-kv .cr-kv{padding:3px 0}
.gb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}
.gb-col>header{display:flex;align-items:center;gap:8px;padding:0 2px 4px}
.gb-col>header h3{margin:0;font-size:13px;font-weight:700}
.gb-col>header .meta{margin-left:auto;font-size:12px;color:var(--cf-text-secondary);font-variant-numeric:tabular-nums}
.gb-col>header .meta.er{color:var(--cf-atrasado-text);font-weight:600}
.gb-col>p{margin:0 2px 8px}
.gb-card{border:1px solid var(--cf-border);border-radius:var(--cf-radius-lg);background:var(--cf-bg-card);padding:11px 12px;margin-bottom:10px;display:flex;flex-direction:column;gap:7px}
.gb-card.adi{background:var(--cf-bg-subtle);border-style:dashed}
.gb-card.dev{background:var(--cf-bg-subtle)}
.gb-card.adi .gb-t,.gb-card.dev .gb-t,.gb-card.adi .gb-ctx,.gb-card.dev .gb-ctx{opacity:.6}
.gb-top{display:flex;align-items:center;gap:6px}
.gb-ck{display:flex;align-items:center;gap:6px;cursor:pointer}
.gb-n{margin-left:auto;font-size:12px;color:var(--cf-text-secondary)}
.gb-n b{color:var(--cf-text)}
.gb-t{font-size:13px;font-weight:600;line-height:1.35}
.gb-t .ar{color:var(--cf-text-muted);font-weight:500}
.gb-ctx{font-size:12px;color:var(--cf-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gb-dm{font-size:12px;color:var(--cf-atencao-text);line-height:1.45}
.gb-exe{display:flex;align-items:center;gap:8px}
.gb-act{display:flex;gap:10px;align-items:center;border-top:1px solid var(--cf-border-subtle);padding-top:8px}
.gb-card .gp-mot{padding:0;flex-wrap:wrap}
.gb-card .gp-mot .cf-input{flex:1 1 100%}
.gb-foot{margin-top:4px}
.gb-modal{max-width:980px}
.gb-modal .gp-bf{padding:0;border:0}
.gb-modal .cf-modal-title{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:16px}
.gb-mf{display:flex;align-items:center;gap:8px;border-top:1px solid var(--cf-border);padding-top:12px;margin-top:4px}
.gb-modal .gp-mot{padding:10px 0 0}
.gb-modal .gp-nm{padding:12px 14px;margin-bottom:18px;border:1px solid var(--cf-border-subtle);border-radius:var(--cf-radius-md,8px);background:var(--cf-bg-muted)}
.gb-modal .gp-nm h5{margin:0 0 8px}
.gb-modal .gp-nm .gp-note{margin-top:8px}
.gb-modal .gp-bf .blk{margin-bottom:18px}
.gp-bat li{margin-bottom:6px;padding-left:2px}
.gp-refs{list-style:none;margin:0;padding:0;font-size:var(--cf-fs-meta)}
.gp-refs li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 0;border-bottom:1px solid var(--cf-border-subtle);color:var(--cf-text-secondary)}
.gp-evb{padding:6px 0 8px;border-bottom:1px solid var(--cf-border-subtle)}
.gp-evb span{display:block;font-size:var(--cf-fs-label);color:var(--cf-text-muted);margin-bottom:3px}
.gp-evb p{margin:0 0 4px;font-size:var(--cf-fs-meta);line-height:1.5;color:var(--cf-text-secondary);overflow-wrap:normal;word-break:normal}
.gp-head .cr-seg{flex:none}
.gp-sp{flex:1}
.gp-seg{display:flex;justify-content:flex-end;margin-bottom:10px}
.gp-ov{position:fixed}
.gp-pz+div,.gb-card .gp-pz{margin:0}
.gp-cnt{align-self:center}

.d.it{background:var(--cf-accent)}.d.co{background:var(--cf-sobehoje-text)}.d.ex{background:var(--cf-atencao)}
.hp-card-wrap{display:flex;flex-direction:column;background:var(--cf-bg-card);border:1px solid var(--cf-border);border-radius:var(--cf-radius-md)}.hp-card-wrap:has(.hp-card.pede),.hp-card-wrap:has(.hp-card.is-on){border-color:var(--cf-accent)}.hp-card-wrap>.hp-card{border:0;box-shadow:none}.hp-card-action{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px 10px;border-top:1px solid var(--cf-border);font-size:var(--cf-fs-label);line-height:1.35;color:var(--cf-text-muted)}.hp-card-action [role=alert]{color:var(--cf-atrasado-text)}

/* S-3: formato e capacidade separados por vídeo/estático. */
.cr-selo.fm{gap:5px;padding-left:7px}
.cr-selo.fm svg{width:12px;height:12px;flex:none;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cr-selo.fm.est{background:var(--cf-accent-bg);color:var(--cf-accent-text)}
.cr-selo.fm.vid{background:var(--cf-concluida-bg);color:var(--cf-concluida-text)}
.cr-selo.fm.sm{font-size:var(--cf-fs-label);padding:1px 7px 1px 6px}
.fm-bar{display:flex;align-items:center;gap:14px;margin-bottom:12px;flex-wrap:wrap}
.fm-fl{display:inline-flex;align-items:center;gap:8px}
.fm-lb{font-size:12px;font-weight:600;color:var(--cf-text-muted)}
.fm-bar .sp{flex:1}
.cr-seg button .ic{display:inline-flex;vertical-align:-2px;margin-right:5px}
.cr-seg button .ic svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

.fm-strip{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 270px;gap:0;border:1px solid var(--cf-border);border-radius:var(--cf-radius-lg);background:var(--cf-bg-card);margin-bottom:16px}
.fm-strip.um{grid-template-columns:minmax(0,1fr) 270px}
.fm-rg{padding:14px 18px;display:flex;flex-direction:column;gap:8px;min-width:0;border-right:1px solid var(--cf-border-subtle)}
.fm-rg h4{margin:0;font-size:var(--cf-fs-label);font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--cf-text-muted);display:flex;align-items:center;gap:6px}
.fm-rg h4 .cr-selo{letter-spacing:0;text-transform:none}
.fm-rg .gp-big b{font-size:26px}
.fm-rg.cheia .gp-big b{color:var(--cf-aberto-text)}
.fm-rg.over .gp-big b{color:var(--cf-atrasado-text)}
.fm-rg .gp-bar{height:8px}
.fm-why{font-size:12px;line-height:1.5;color:var(--cf-text-secondary);margin:0}
.fm-why b{color:var(--cf-text)}
.fm-sub{padding:14px 18px;display:flex;flex-direction:column;gap:8px;min-width:0}
.fm-sub .cf-btn{width:100%}
.fm-sub .gp-kv .cr-kv{padding:3px 0}
.fm-sub h4{margin:0 0 2px;font-size:var(--cf-fs-label);font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--cf-text-muted)}
.fm-pend{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--cf-text-muted);padding:6px 0 0;border-top:1px dashed var(--cf-border)}
.fm-pend b{color:var(--cf-text-secondary)}
.gb-col header .meta{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;font-variant-numeric:tabular-nums}
.gb-col header .meta span.er{color:var(--cf-atrasado-text);font-weight:600}
.gb-col header .meta span{display:inline-flex;align-items:center;gap:3px}
.gb-col header .meta svg{width:12px;height:12px;flex:none;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.gb-col header .meta i{font-style:normal;color:var(--cf-text-muted)}


/* ===== Estático (S-3 2/2): composição por slot no briefing do Gate 1 e três slots no Gate 2 ===== */
.fm-wfs{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin-top:12px}
.fm-wf{display:flex;flex-direction:column;gap:5px;align-items:flex-start;min-width:0}
.fm-wf small{font-size:var(--cf-fs-label);color:var(--cf-text-secondary);font-weight:600}.fm-wf small span{color:var(--cf-text-muted);font-weight:500}
.fm-frame{position:relative;display:block;padding:0;border:1px solid var(--cf-border-strong);border-radius:8px;overflow:hidden;background:var(--cf-bg-muted)}
.fm-frame.wf{background:linear-gradient(160deg,#6B6577,#3A3644)}
button.fm-frame{cursor:pointer;width:100%}button.fm-frame:focus-visible{outline:none;box-shadow:var(--cf-shadow-focus)}
.fm-frame svg{display:block;width:100%;height:100%}
.fm-frame.r45{aspect-ratio:4/5}.fm-frame.r11{aspect-ratio:1/1}.fm-frame.r916{aspect-ratio:9/16}.fm-frame.r191{aspect-ratio:1.91/1}
.fm-sa{position:absolute;border:1.5px dashed rgba(255,255,255,.95);border-radius:3px;z-index:2;pointer-events:none}
.fm-sa.r45{inset:18% 10%}.fm-sa.r916{inset:14% 6% 35%}.fm-sa.r191,.fm-sa.r11{inset:10%} /* régua de docs/creative/producao-estatico.md */
.fm-leg{display:flex;gap:14px;flex-wrap:wrap;font-size:var(--cf-fs-label);color:var(--cf-text-muted);margin-top:8px}
.fm-leg span{display:inline-flex;align-items:center;gap:5px}
.fm-leg i{display:inline-block;width:14px;height:8px;border-radius:2px;background:var(--cf-text-secondary)}
.fm-leg i.sa{background:none;border:1.5px dashed var(--cf-text-secondary);height:9px}
.fm-comp .cr-kv{font-size:var(--cf-fs-meta);padding:6px 0}
.es-g2.es-g2-est{grid-template-columns:minmax(0,1fr)}
.fm-slots{display:grid;grid-template-columns:.8fr .5625fr 1.91fr;gap:14px;margin-bottom:16px;align-items:start}
.fm-slot{border:1px solid var(--cf-border);border-radius:var(--cf-radius-lg);background:var(--cf-bg-card);padding:12px;display:flex;flex-direction:column;gap:10px;min-width:0}
.fm-slot.is-on{border-color:var(--cf-accent);box-shadow:0 0 0 1px var(--cf-accent)}
.fm-slot>header{display:flex;align-items:center;gap:8px}.fm-slot>header b{font-size:var(--cf-fs-body)}.fm-slot>header .es-vis{margin-left:auto}
.fm-slot .cr-kv{font-size:12px;padding:4px 0;flex-wrap:wrap;gap:2px 10px}.fm-slot .cr-kv span:last-child{text-align:right;min-width:0;margin-left:auto}
.fm-frame.wf.r45{width:96px}
.fm-frame.wf.r11{width:80px}
.fm-frame.wf.r916{width:68px}
.fm-frame.wf.r191{width:229px}
/* ===== Handoff (ho-*) — mock aprovado: docs/creative/handoff/handoff-v2.html ===== */
.ho .cr-head{align-items:center;margin-bottom:12px}
.ho-act{display:flex;align-items:center;gap:10px;margin-left:auto}
.ho-mcp-btn{display:inline-flex;align-items:center;gap:6px;margin-left:auto}
.cf-mcp-oque{margin:0 0 12px;padding:0 0 0 18px;font-size:13px;line-height:1.55;color:var(--cf-text-muted)}
.cf-mcp-oque b{color:var(--cf-text);font-weight:600}
.ho-hint{font-size:11px;color:var(--cf-text-muted);max-width:340px;text-align:right;line-height:1.3}.ho-hint.warn{color:var(--cf-atencao-text)}
.ho-tabsbar{display:flex;align-items:center;gap:var(--cf-space-3);margin:0 0 var(--cf-space-6)} /* a linha de abas já traz o sublinhado (cf-desemp-tabs) */
.ho-tabs{display:flex;gap:6px;align-items:center}
.ho-tab{border:1px solid var(--cf-border);background:var(--cf-bg-card);color:var(--cf-text-secondary);border-radius:999px;padding:6px 13px;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;gap:7px;align-items:center}
.ho-tab:hover{background:var(--cf-bg-hover)}.ho-tab[aria-pressed=true]{background:var(--cf-pill-active-bg);color:var(--cf-pill-active-text);border-color:transparent}
.ho-tab .n{font-size:11px;font-weight:700;opacity:.8;font-variant-numeric:tabular-nums}.ho-tab[aria-pressed=true] .n{opacity:1}
.ho-mud{margin-left:auto}
.ho-man{display:flex;align-items:center;gap:12px;margin:0 0 14px;flex-wrap:wrap}.ho-man p{margin:0;font-size:13px;color:var(--cf-text-muted)}
.ho-sk{height:64px;margin-bottom:10px}
.ho-grid{display:grid;grid-template-columns:minmax(380px,450px) minmax(0,1fr);gap:14px;align-items:start}
.ho-pn{background:var(--cf-bg-card);border:1px solid var(--cf-border);border-radius:var(--cf-radius-lg);box-shadow:var(--cf-shadow-xs);min-width:0}
.ho-ph{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--cf-border)}
.ho-ph h3{font-size:13px;margin:0;font-weight:700}.ho-ph p{font-size:12px;color:var(--cf-text-muted);margin:2px 0 0}
.ho-pb{padding:14px}
.ho-list{display:flex;flex-direction:column;gap:8px;padding:12px}
.ho-grp{font-size:11px;color:var(--cf-text-muted);font-weight:700;margin:8px 2px 0}
.ho-card{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--cf-border);border-radius:11px;background:var(--cf-bg-card);padding:12px;min-width:0}
.ho-card:hover{border-color:var(--cf-border-strong);background:var(--cf-bg-hover)}
.ho-card.sel{border-color:var(--cf-accent);box-shadow:0 0 0 1px var(--cf-accent);background:var(--cf-accent-bg)}
.ho-card.act:not(.sel){border-color:var(--cf-border-strong);background:var(--cf-bg-subtle)}.ho-card.dim{opacity:.62}
.ho-ck{width:17px;height:17px;border:1.5px solid var(--cf-border-strong);border-radius:5px;flex:none;margin-top:2px;display:grid;place-items:center;padding:0;background:var(--cf-bg-card);color:var(--cf-btn-primary-text);cursor:pointer}
.ho-ck.on{background:var(--cf-accent);border-color:var(--cf-accent)}.ho-ck:focus-visible{outline:none;box-shadow:var(--cf-shadow-focus)}
.ho-ck-sp{width:17px;flex:none}
.ho-body{all:unset;box-sizing:border-box;display:flex;flex-direction:column;gap:3px;min-width:0;flex:1;cursor:pointer}.ho-body:focus-visible{box-shadow:var(--cf-shadow-focus);border-radius:6px}
.ho-t{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.ho-t b{font-size:13px}
.ho-s{font-size:12px;color:var(--cf-text-secondary);overflow-wrap:anywhere}
.ho-m{display:flex;gap:5px;flex-wrap:wrap;margin-top:5px;align-items:center}
.ho-bar{display:flex;gap:3px;margin-top:7px}.ho-bar i{height:5px;flex:1;border-radius:3px;background:var(--cf-bg-muted)}.ho-bar i.on{background:var(--cf-aberto)}
.ho-dt{padding:16px}
.ho-hd{display:flex;gap:10px;align-items:flex-start}.ho-hd h3{font-size:16px;margin:0;line-height:1.28}.ho-r{margin-left:auto;display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.ho-eb{font-size:11px;color:var(--cf-text-muted);font-weight:700}
.ho-sub{font-size:12px;color:var(--cf-text-muted);margin-top:3px;overflow-wrap:anywhere}
.ho-st{font-size:11px;color:var(--cf-text-muted);font-weight:700;margin:16px 0 8px}
.ho-foot{font-size:11px;color:var(--cf-text-muted);margin-top:8px}
.ho-notice{display:flex;align-items:center;gap:12px;justify-content:space-between;margin:12px 0;padding:10px 12px;border-radius:10px;background:var(--cf-atencao-bg);color:var(--cf-atencao-text);font-size:12px;line-height:1.4}
.ho-notice small{display:block;opacity:.9;font-size:11px;margin-top:2px}.ho-notice .cr-seg{flex:none}
.ho-empty{padding:34px 20px;text-align:center;color:var(--cf-text-muted);font-size:13px}.ho-empty b{display:block;color:var(--cf-text);font-size:14px;margin-bottom:4px}
/* saídas: nome em uma linha com reticências (title mostra inteiro); a extensão não quebra no meio */
.ho-out{font-size:12px}
.ho-out-h,.ho-out-r{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1.3fr) minmax(0,1fr) auto;gap:10px;align-items:start;padding:7px 8px}
.ho-out-h{font-size:11px;color:var(--cf-text-muted);font-weight:700}
.ho-out-r{border-top:1px solid var(--cf-border-subtle)}.ho-out-r.chg{background:var(--cf-atencao-bg)}
.ho-nmc{min-width:0}.ho-nm,.ho-pt,.ho-ln{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.ho-nm{font-weight:600;font-size:12px}.ho-pt{font-size:11px;color:var(--cf-text-muted);margin-top:1px}
.ho-frm{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ho-fl{font-size:11px;font-weight:700;color:var(--cf-text-muted);display:block}.ho-fl .cf-input{margin-top:4px;font-size:13px;padding:8px 10px;text-transform:none;letter-spacing:0;font-weight:400}
.ho-fl .cf-input.miss{border-color:var(--cf-atencao)}
.ho-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ho-stats>div{padding:9px 10px;background:var(--cf-bg-subtle);border-radius:9px;min-width:0}
.ho-stats small{display:block;color:var(--cf-text-muted);font-size:11px;font-weight:700;}.ho-stats b{display:block;margin-top:3px;font-size:12px;overflow-wrap:anywhere}
.ho-ref{margin-top:12px}.ho-ref summary{list-style:none;cursor:pointer;font-size:12px;font-weight:600;color:var(--cf-text-secondary);display:flex;align-items:center;gap:6px}
.ho-ref summary::-webkit-details-marker{display:none}.ho-ref summary::before{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);transition:transform .12s}
.ho-ref[open] summary::before{transform:rotate(45deg)}.ho-ref summary:focus-visible{outline:none;box-shadow:var(--cf-shadow-focus);border-radius:6px}
.ho-rf{padding:4px 0;color:var(--cf-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ho-rv{display:grid;grid-template-columns:minmax(330px,420px) minmax(0,1fr);gap:14px;align-items:start;padding-bottom:16px}
.ho-inc{border:1px solid var(--cf-border);border-radius:10px;padding:10px 11px;margin-top:12px}.ho-inc b{font-size:13px}
.ho-inc ul{margin:7px 0 0;padding:0;list-style:none;font-size:11px;color:var(--cf-text-secondary)}.ho-inc li{padding:2px 0;display:flex;gap:4px;min-width:0}.ho-inc li .ho-ln{flex:1 1 auto;min-width:0}.ho-inc li .cr-mono{flex:none;font-size:11px}
.ho-pre{margin:0;padding:12px 13px;background:var(--cf-bg-subtle);border:1px solid var(--cf-border-subtle);border-radius:9px;color:var(--cf-text-secondary);font:11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow:auto;max-height:560px;overflow-wrap:anywhere}
.ho-dt .ho-pre{max-height:300px}.ho-pvh{display:flex;justify-content:flex-end;margin-bottom:8px}
.ho-shav{text-transform:none;letter-spacing:0;font-weight:500;color:var(--cf-text-muted)}.ho-shav.bad{color:var(--cf-atrasado-text);font-weight:700}
/* Copiar sempre visível: a barra gruda no pé da área rolável, sem depender do tamanho do prompt */
.ho-sticky{position:sticky;bottom:-24px;z-index:5;display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:0 -28px -24px;padding:12px 28px;background:var(--cf-bg-page);border-top:1px solid var(--cf-border);box-shadow:0 -6px 16px -10px rgba(23,17,43,.18)}
.ho-sticky .ho-sub{margin:0 auto 0 0}
.ho-stp{display:flex;margin:12px 0;font-size:11px}.ho-stp div{flex:1;text-align:center;position:relative;color:var(--cf-text-muted);font-weight:600}
.ho-stp div:before{content:"";display:block;width:14px;height:14px;border-radius:50%;border:2px solid var(--cf-border-strong);background:var(--cf-bg-card);margin:0 auto 4px;position:relative;z-index:1}
.ho-stp div:not(:first-child):after{content:"";position:absolute;top:6px;right:50%;width:100%;height:2px;background:var(--cf-border-strong)}
.ho-stp .done{color:var(--cf-aberto-text)}.ho-stp .done:before{background:var(--cf-aberto);border-color:var(--cf-aberto)}.ho-stp .done:after{background:var(--cf-aberto)!important}
.ho-stp .cur{color:var(--cf-text)}.ho-stp .cur:before{background:var(--cf-accent);border-color:var(--cf-accent)}
.ho-tl{display:flex;flex-direction:column;gap:7px}.ho-tl>div{display:flex;gap:9px;font-size:12px}.ho-tl i{width:7px;height:7px;border-radius:50%;background:var(--cf-accent);margin-top:5px;flex:none}.ho-tl small{display:block;color:var(--cf-text-muted);font-size:11px}
.ho-diff{border:1px solid var(--cf-atencao);border-radius:10px;padding:10px 12px;background:var(--cf-atencao-bg);font-size:12px;margin:12px 0}
.ho-diff .l{display:grid;grid-template-columns:44px minmax(0,1fr);gap:4px 8px;margin-top:6px;font-family:ui-monospace,Consolas,monospace;font-size:11px}
.ho-diff .l span:nth-child(even){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ho-diff .rm{color:var(--cf-atrasado-text)}.ho-diff .ad{color:var(--cf-aberto-text)}.ho-dact{margin-top:10px}

/* ===== Estúdio · Gate 2 por pacote (eg-*) — estudioReal.mjs ===== */
.eg{padding:20px 28px 0}
.eg-wrap{display:grid;grid-template-columns:minmax(260px,330px) minmax(0,1fr);gap:18px;margin-top:12px}
.eg-fila{display:flex;flex-direction:column;gap:14px;overflow:auto;padding-right:2px}
.eg-lote{width:100%}
.eg-g{display:flex;flex-direction:column;gap:var(--cf-space-2)}.eg-g-h{display:flex;align-items:baseline;gap:var(--cf-space-2);font-size:12px;color:var(--cf-text-muted)}.eg-g-h b{color:var(--cf-text);font-size:13px}
.eg-vz{margin:0;font-size:13px;color:var(--cf-text-muted)}
.eg-q{display:grid;grid-template-columns:18px minmax(0,1fr);gap:8px;align-items:start;padding:8px;border:1px solid var(--cf-border);border-radius:var(--cf-radius-md);background:var(--cf-bg-card)}
.eg-q.on{border-color:var(--cf-accent);box-shadow:inset 3px 0 0 var(--cf-accent)}.eg-q input{margin-top:3px}.eg-q-sp{width:18px}
.eg-q-b{all:unset;cursor:pointer;display:flex;flex-direction:column;gap:4px;min-width:0}.eg-q-b:focus-visible{outline:2px solid var(--cf-accent);outline-offset:3px;border-radius:4px}
.eg-q-t{display:flex;align-items:center;gap:var(--cf-space-2);min-width:0;font-size:13px}.eg-q-t b{flex:1;min-width:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3}
.eg-q-m{font-size:12px;color:var(--cf-text-muted)}
.eg-q-tira{display:flex;gap:4px;height:44px}.eg-q-tira img,.eg-q-tira i,.eg-q-tira .eg-sem{height:44px;width:auto;border-radius:4px;object-fit:contain;background:var(--cf-bg-muted)}.eg-q-tira i{width:30px;border:1px dashed var(--cf-border-strong)}.eg-q-tira .eg-sem{font-size:0;width:30px}
.eg-det{border:1px solid var(--cf-border);border-radius:var(--cf-radius-lg);background:var(--cf-bg-card);padding:16px;min-width:0;overflow:auto}
.eg-d-h{display:flex;gap:var(--cf-space-4);align-items:flex-start;justify-content:space-between;flex-wrap:wrap;margin-bottom:var(--cf-space-4)}.eg-d-h h3{margin:0 0 var(--cf-space-1);font-size:18px;display:flex;align-items:center;gap:var(--cf-space-2);flex-wrap:wrap}
.eg-d-s{font-size:12px;color:var(--cf-text-muted)}.eg-d-s code{font-family:ui-monospace,Consolas,monospace;font-size:var(--cf-fs-label);overflow-wrap:anywhere}
.eg-placar{display:flex;gap:14px;font-size:12px;color:var(--cf-text-muted)}.eg-placar b{color:var(--cf-text);font-size:15px;font-variant-numeric:tabular-nums}.eg-placar .at b{color:var(--cf-atencao-text)}
.eg-folha{display:grid;gap:10px;align-items:start;overflow-x:auto}
.eg-ch{font-size:12px;font-weight:700;text-align:center}.eg-ch i{display:block;font-style:normal;font-weight:400;color:var(--cf-text-muted);font-size:11px}
.eg-ch small{font-size:11px;font-weight:400;color:var(--cf-text-muted)}
.eg-hip{margin:0 0 14px;padding:10px 12px;border:1px solid var(--cf-border);border-radius:var(--cf-radius);background:var(--cf-bg-muted)}.eg-hip-t{font-size:12px;letter-spacing:.02em}.eg-hip p{margin:4px 0 0;font-size:13px;line-height:1.45;color:var(--cf-text-secondary);overflow-wrap:anywhere}
.eg-hip-pq{margin-top:6px;font-size:12px}.eg-hip-pq summary{cursor:pointer;list-style:none;color:var(--cf-accent-text);font-weight:600}.eg-hip-pq summary::-webkit-details-marker{display:none}.eg-hip-pq summary::before{content:"";display:inline-block;width:6px;height:6px;margin-right:var(--cf-space-2);vertical-align:middle;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);transition:transform .12s}.eg-hip-pq[open] summary::before{transform:rotate(45deg)}.eg-hip-pq p{font-size:12px;color:var(--cf-text-muted)}
.eg-lh{align-self:center;font-size:12px;font-weight:700;text-transform:uppercase;color:var(--cf-text-muted)}
.eg-cel{display:flex;flex-direction:column;gap:6px;min-width:0}
.eg-copy{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:8px 10px;border:1px solid var(--cf-border);border-radius:8px;}
.eg-copy .es-ta{flex-basis:100%}.eg-copy-t{margin:0;flex:1 1 320px;font-size:13px}.eg-copy-t.at{color:var(--cf-atencao-text)}.eg-copy-a{display:flex;gap:8px;align-items:center;margin-left:auto}.eg-copy-l{font-size:12px;font-weight:700;color:var(--cf-text-muted)}.eg-copy-h{font-size:12px;color:var(--cf-text-muted)}
.eg-c{margin:0;display:flex;flex-direction:column;gap:4px;min-width:0}
.eg-c-z{all:unset;cursor:zoom-in;position:relative;display:grid;place-items:center;width:100%;aspect-ratio:var(--ar,1);box-sizing:border-box;border:1px solid var(--cf-border);border-radius:8px;background:var(--cf-bg-muted);overflow:hidden}
.eg-c-z:focus-visible{outline:2px solid var(--cf-accent);outline-offset:2px}.eg-c-z img{width:100%;height:100%;object-fit:contain;display:block}
.eg-c.marc .eg-c-z{border:2px solid var(--cf-atrasado, #DC2626)}.eg-c.dec .eg-c-z img{opacity:.75}
.eg-dot{position:absolute;top:6px;right:6px;width:10px;height:10px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.15)}
.eg-dot.ok{background:var(--cf-aberto, #16A34A)}.eg-dot.at{background:var(--cf-atencao)}.eg-dot.mu{background:var(--cf-text-muted)}
/* selo sobre a arte: tinta do status por cima do fundo sólido do card (no escuro o -bg é 12% e sumia na imagem) */
.eg-st{position:absolute;left:6px;bottom:6px;font-size:var(--cf-fs-label);font-weight:700;padding:2px 6px;border-radius:999px;box-shadow:0 1px 3px rgba(0,0,0,.35)}.eg-st.ok{background:linear-gradient(var(--cf-aberto-bg),var(--cf-aberto-bg)),var(--cf-bg-card);color:var(--cf-aberto-text)}
.eg-st.at,.eg-st.dv{background:linear-gradient(var(--cf-atrasado-bg),var(--cf-atrasado-bg)),var(--cf-bg-card);color:var(--cf-atrasado-text, #991B1B)}
.eg-c figcaption{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:11px}.eg-tr{color:var(--cf-atencao-text)}
.eg-mk{margin-left:auto;font:inherit;font-size:11px;padding:2px 8px;border-radius:999px;border:1px solid var(--cf-border-strong);background:transparent;color:var(--cf-text-secondary);cursor:pointer}
.eg-mk[aria-pressed="true"]{background:var(--cf-atrasado-bg, #FEF2F2);color:var(--cf-atrasado-text, #991B1B);border-color:currentColor}
.eg-gap{display:grid;place-items:center;width:100%;aspect-ratio:var(--ar,1);box-sizing:border-box;border:1px dashed var(--cf-border-strong);border-radius:8px;font-size:var(--cf-fs-label);color:var(--cf-text-muted);background:var(--cf-bg-subtle)}
.eg-sem{font-size:11px;color:var(--cf-text-muted);padding:6px;text-align:center}
.eg-mot{display:flex;flex-direction:column;gap:6px;margin-top:14px}.eg-mot .hp-lb{font-size:12px;font-weight:600;color:var(--cf-text-muted)}.eg-mot .es-seg{max-width:none}
.eg-bar{position:sticky;bottom:-24px;z-index:3;box-shadow:0 -6px 16px -10px rgba(0,0,0,.35);display:flex;align-items:center;gap:12px;margin:14px -16px -16px;padding:12px 16px;border-top:1px solid var(--cf-border);background:var(--cf-bg-card);border-radius:0 0 var(--cf-radius-lg) var(--cf-radius-lg)}
.eg-av{flex:1;font-size:var(--cf-fs-meta);color:var(--cf-text-secondary)}.eg-av.at{color:var(--cf-atencao-text)}
.eg-fim{margin:14px 0 0;font-size:var(--cf-fs-meta);color:var(--cf-text-muted)}
.eg-dlg{width:min(96vw,1400px)}.eg-dlg header a{margin-left:auto}.eg-dlg header form{margin-left:0}
.eg-dlg-s{position:relative;display:grid;place-items:center;min-height:60vh;cursor:zoom-out}.eg-dlg-s img{max-width:100%;max-height:calc(94vh - 60px);object-fit:contain;cursor:default}
.eg-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:0;background:rgba(0,0,0,.55);color:#fff;font-size:24px;cursor:pointer}.eg-nav[data-eg-dlg-nav="-1"]{left:10px}.eg-nav[data-eg-dlg-nav="1"]{right:10px}
.eg-dlg-v[hidden],.eg-dlg-s img[hidden]{display:none}
.eg-dlg-v{width:min(100%,calc((94vh - 60px)*var(--ar,1.7778)));aspect-ratio:var(--ar,1.7778);max-height:calc(94vh - 60px);cursor:default}.eg-dlg-v iframe{display:block;width:100%;height:100%;border:0;border-radius:6px;background:#000}
.eg-nav{z-index:2}
.eg-play{position:absolute;left:50%;top:50%;width:28px;height:28px;margin:-14px 0 0 -14px;border-radius:50%;background:rgba(0,0,0,.6);pointer-events:none}.eg-play::after{content:"";position:absolute;left:11px;top:8px;border-left:9px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent}
.eg-sk{height:120px;border-radius:var(--cf-radius-lg);margin-top:12px}
@media (max-width:900px){.eg-wrap{grid-template-columns:1fr}.eg-fila{position:static;max-height:none}}

/* painel do Quadro em produção: pastas por slot + briefing aprovado */
.hp-pastas{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-direction:column;gap:6px}
.hp-pastas li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;border:1px solid var(--cf-border);border-radius:var(--cf-radius-md);font-size:13px}
.hp-pastas .cr-link{white-space:nowrap}
.hp-copiar{display:flex;justify-content:flex-end;margin:14px 0 4px}
.hp-bfb{margin-bottom:12px}
.hp-bfb h5{margin:0 0 4px;font-size:var(--cf-fs-label);font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--cf-text-muted)}
.hp-bfb p,.hp-bfb ol{margin:0;font-size:13px;line-height:1.5;color:var(--cf-text-secondary)}
.hp-bfb ol{padding-left:18px}
.hp-det .hp-acts{margin:10px 0}
.hp-pb .fm-comp .cr-kv{display:block;text-align:left}
.hp-pb .fm-comp .cr-kv>span:first-child{display:block;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--cf-text-muted);margin-bottom:2px}
.hp-pb .fm-comp .cr-kv>span:last-child{font-weight:400;color:var(--cf-text-secondary);line-height:1.5}
.ho-folha{gap:8px}.ho-folha .ho-cap{display:block;font-size:11px;color:var(--cf-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ho-folha .eg-lh{font-size:11px}

/* ── Matriz v6.3 (Hipóteses e testes): estilos do protótipo aprovado, prefixo hp-pt ── */

.hp-pt-sim{display:inline-flex;font-size:10px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--cf-text-muted);border:1px dashed var(--cf-border-strong);border-radius:999px;padding:0 6px;line-height:1.6;white-space:nowrap}
.hp-pt-mut,.hp-pt-mut small,.mut{color:var(--cf-text-muted);font-size:12px}.hp-pt-card .mono,.hp-pt-sv-c .mono,.hp-pt-e .mono{font-variant-numeric:tabular-nums}
.hp-pt-d{display:inline-block;width:8px;height:8px;border-radius:50%;flex:none;background:#999}.hp-pt-d.m{background:#7C3AED}.hp-pt-d.g{background:#4F7DF3}.hp-pt-d.t{background:#111827}.hp-pt-d.a{background:#14B8A6}[data-theme=dark] .hp-pt-d.t{background:#9CA3AF}
.hp-pt-ct{font-size:11px;color:var(--cf-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.hp-pt-k1{display:flex;align-items:center;gap:6px;min-width:0;font-size:12px}.hp-pt-k1 .hp-pt-sl{margin-left:auto}.hp-pt-cp{margin-left:auto;font-size:11px;color:var(--cf-text-muted);white-space:nowrap}
.hp-pt-t{display:block;font-size:13px;line-height:1.3;color:var(--cf-text)}

/* ── v3 (t_3e249cb7): fila + tabela densa + painel ── */
.hp-pt-x{display:flex;flex-direction:column;gap:16px;padding-bottom:20px}
.hp-pt-tools{display:flex;align-items:center;gap:14px;flex-wrap:wrap;border-bottom:1px solid var(--cf-border)}
.hp-pt-tabs{display:flex;gap:2px}
.hp-pt-tab{border:0;background:none;padding:9px 14px;font-size:14px;font-weight:600;color:var(--cf-text-muted);border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer}
.hp-pt-tab[aria-selected=true]{color:var(--cf-text);border-bottom-color:var(--cf-accent)}
.hp-pt-tab .n,.hp-pt-chip .n{margin-left:6px;font-size:11px;font-weight:600;color:var(--cf-text-muted)}
.hp-pt-need{font-size:12px;font-weight:600;color:var(--cf-atencao-text);background:var(--cf-atencao-bg);border:0;border-radius:999px;padding:2px 10px;cursor:pointer}.hp-pt-need:hover{text-decoration:underline}
.hp-pt-lnk{font:inherit;color:var(--cf-accent,inherit);background:none;border:0;padding:0;cursor:pointer;text-decoration:underline}
.hp-pt-chips{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.hp-pt-tools .hp-pt-chips{margin-left:auto;padding-bottom:6px}
.hp-pt-chip{border:1px solid var(--cf-border);background:var(--cf-bg-card);border-radius:999px;padding:3px 11px;font-size:12px;font-weight:600;color:var(--cf-text-secondary);cursor:pointer}
.hp-pt-chip[aria-pressed=true]{background:var(--cf-accent-bg);border-color:var(--cf-accent-border);color:var(--cf-accent-text)}
.hp-pt-rg{background:var(--cf-bg-card);border:1px solid var(--cf-border);border-radius:12px;overflow:clip}
.hp-pt-rg>header{display:flex;align-items:center;gap:12px;padding:11px 16px;border-bottom:1px solid var(--cf-border);flex-wrap:wrap;justify-content:space-between}
.hp-pt-rg>header h3{margin:0;font-size:15px;font-weight:700;display:flex;align-items:center;gap:8px}
.hp-pt-rg>header h3 .ct{font-size:12px;font-weight:600;color:var(--cf-text-muted)}
.hp-pt-fila>header{justify-content:flex-start}
.hp-pt-fila h3 .ct{background:var(--cf-bg-muted);color:var(--cf-text)!important;border-radius:999px;padding:0 8px;line-height:1.6}
.hp-pt-q{display:grid;grid-template-columns:minmax(0,1fr) auto 176px;gap:16px;align-items:center;padding:8px 16px;min-height:48px;border-top:1px solid var(--cf-border-subtle);cursor:pointer}
.hp-pt-qs>.hp-pt-q:first-child{border-top:0}.hp-pt-q:hover,.hp-pt-ln:hover{background:var(--cf-bg-hover)}.hp-pt-q:focus-visible,.hp-pt-ln:focus-visible{outline:2px solid var(--cf-accent);outline-offset:-2px}
.hp-pt-qh{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:8px;align-items:baseline;min-width:0}
.hp-pt-qt{font-size:13px;font-weight:600;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3}.hp-pt-qh small{grid-column:1/-1;font-size:var(--cf-fs-label);color:var(--cf-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hp-pt-rd{display:grid;grid-template-columns:8px minmax(0,1fr);column-gap:7px;align-items:center;min-width:0}.hp-pt-rd b{font-size:var(--cf-fs-meta)}.hp-pt-rd small{grid-column:2;font-size:11px;color:var(--cf-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hp-pt-qv{display:flex;align-items:center;gap:8px}.hp-pt-qv b{font-size:var(--cf-fs-meta)}.hp-pt-qv small{font-size:12px;color:var(--cf-text-muted)}
.hp-pt-qp{font-size:12px;color:var(--cf-text-secondary);white-space:nowrap}.hp-pt-qp.urg{color:var(--cf-accent-text);font-weight:600}
.hp-pt-qa{display:flex;justify-content:flex-end}.hp-pt-qa .cf-btn{white-space:nowrap}
.hp-pt-vetar{border-color:var(--cf-atrasado-text)!important;color:var(--cf-atrasado-text)!important;background:var(--cf-bg-card)!important}
.hp-pt-rs{display:flex;gap:16px;flex-wrap:wrap;padding:8px 16px;border-top:1px solid var(--cf-border);font-size:12px;color:var(--cf-text-secondary);background:var(--cf-bg-subtle);align-items:center}
.hp-pt-vz{padding:22px 16px;color:var(--cf-text-muted);font-size:13px}
.hp-pt-rg{--hp-cols:150px 150px 38px minmax(110px,1fr) 214px minmax(110px,1fr) 76px 12px}
.hp-pt-ch0{display:grid;grid-template-columns:var(--hp-cols);gap:12px;padding:7px 16px;font-size:var(--cf-fs-label);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--cf-text-muted);background:var(--cf-bg-card);position:sticky;top:0;z-index:2;border-bottom:1px solid var(--cf-border)}
.hp-pt-ch0 span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hp-pt-leg{flex:1;min-width:0}.hp-pt-ch0 em{font-style:normal;text-transform:none;letter-spacing:0;font-weight:500;color:var(--cf-text-subtle);margin-left:4px}
.hp-pt-ch0 span:nth-child(7){text-align:right}
.hp-pt-g+.hp-pt-g .hp-pt-gh{border-top:1px solid var(--cf-border)}
.hp-pt-gh{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 16px;background:var(--cf-bg-subtle);border-bottom:1px solid var(--cf-border-subtle)}
.hp-pt-gt{display:flex;flex-direction:column;gap:2px;min-width:0}
.hp-pt-gb{display:flex;gap:8px;align-items:baseline;border:0;background:none;padding:0;text-align:left;cursor:pointer;color:inherit;font-size:14px}.hp-pt-gb b{font-weight:700}.hp-pt-gb:hover b{text-decoration:underline}
.hp-pt-gm{font-size:var(--cf-fs-label);color:var(--cf-text-muted)}
.hp-pt-gr{display:flex;align-items:center;gap:12px;flex:none}.hp-pt-gc{font-size:12px;color:var(--cf-text-muted)}.hp-pt-mcs{display:flex;gap:3px}
.hp-pt-mc{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:5px;font-style:normal;font-size:var(--cf-fs-label);font-weight:700;background:var(--cf-bg-muted);color:var(--cf-text-muted)}
.hp-pt-mc.dn{background:var(--cf-bg-muted);color:var(--cf-text-secondary)}.hp-pt-mc.er{background:var(--cf-atrasado-bg);color:var(--cf-atrasado-text)}.hp-pt-mc.at{background:var(--cf-atencao-bg);color:var(--cf-atencao-text)}.hp-pt-mc.in{background:var(--cf-sobehoje-bg);color:var(--cf-sobehoje-text)}.hp-pt-mc.wa{background:none;border:1px dashed var(--cf-border-strong)}
.hp-pt-lk{color:var(--cf-accent-text);font-weight:600;font-size:var(--cf-fs-meta);text-decoration:none}.hp-pt-lk:hover{text-decoration:underline}
.hp-pt-ln{display:grid;grid-template-columns:var(--hp-cols);gap:12px;align-items:center;padding:6px 16px;min-height:44px;border-top:1px solid var(--cf-border-subtle);cursor:pointer}
.hp-pt-ln.on{background:var(--cf-accent-bg)}.hp-pt-ln.dn .hp-pt-rd b{color:var(--cf-text-secondary);font-weight:600}
.hp-pt-ln .cr-selo{white-space:nowrap}.hp-pt-dia{font-size:12px;color:var(--cf-text-secondary)}.hp-pt-gs{font-size:12px;text-align:right;color:var(--cf-text-secondary)}.hp-pt-ch{color:var(--cf-text-subtle);font-style:normal;font-size:16px}
.hp-pt-sm,.hp-pt-cp3{display:flex;align-items:center;gap:8px;min-width:0}
.hp-pt-sm .tr,.hp-pt-cp3 .tr{position:relative;display:flex;flex-direction:column;gap:2px;flex:1;min-width:44px}
.hp-pt-sm .bar,.hp-pt-cp3 .tr{background:none}.hp-pt-sm .bar{display:block;height:5px;border-radius:2px;background:var(--cf-bg-muted);overflow:hidden}
.hp-pt-sm .bar i{display:block;height:100%;background:var(--cf-text-muted);opacity:.75}
.hp-pt-sm.prov .bar i{background:repeating-linear-gradient(135deg,var(--cf-text-muted) 0 3px,transparent 3px 6px);opacity:.9}
.hp-pt-sm.des .bar i{background:repeating-linear-gradient(135deg,var(--cf-atrasado) 0 3px,transparent 3px 6px);opacity:1}
.hp-pt-sm s,.hp-pt-cp3 s{position:absolute;top:-3px;bottom:-3px;left:75%;width:1px;background:var(--cf-text-secondary)}.hp-pt-cp3 s{left:66.7%}
.hp-pt-sm small,.hp-pt-cp3 small{font-size:11px;color:var(--cf-text-muted);white-space:nowrap;min-width:44px;text-align:right}
.hp-pt-cp3 .tr{height:5px;background:var(--cf-bg-muted);border-radius:2px}.hp-pt-cp3 .tr i{display:block;height:100%;border-radius:2px;background:var(--cf-text-muted);opacity:.75}
.hp-pt-cp3.er .tr i{background:var(--cf-atrasado);opacity:1}.hp-pt-cp3.er small{color:var(--cf-atrasado-text);font-weight:600}.hp-pt-cp3.nl{color:var(--cf-text-subtle)}
.hp-pt-lf{display:flex;align-items:center;gap:8px;min-width:0;font-size:12px}.hp-pt-lf>b{font-size:12px;white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}.hp-pt-lf.nl,.hp-pt-lf.er{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hp-pt-lf.nl{color:var(--cf-text-muted)}.hp-pt-lf.er{color:var(--cf-atrasado-text)}.hp-pt-lf.dn b{color:var(--cf-text-secondary)}.hp-pt-lf.dn small{color:var(--cf-text-muted)}
.hp-pt-iv{--p:12px;display:block;position:relative;flex:none;width:110px;min-height:20px;height:calc(var(--n,1)*var(--p) + 8px)}
.hp-pt-iv .z{position:absolute;top:-1px;bottom:-1px;width:1px;background:var(--cf-text-secondary)}.hp-pt-iv .m{position:absolute;top:0;bottom:0;border-left:1px dashed var(--cf-text-subtle)}
.hp-pt-iv b{position:absolute;top:calc(var(--i)*var(--p) + 4px);height:3px;border-radius:2px;background:var(--cf-text-subtle)}
.hp-pt-iv u{position:absolute;top:calc(var(--i)*var(--p) + 1px);width:9px;height:9px;margin-left:-4.5px;border-radius:50%;background:var(--cf-text-secondary);border:2px solid var(--cf-bg-card);box-sizing:border-box}
.hp-pt-iv.ok b{background:var(--cf-aberto)}.hp-pt-iv.ok u{background:var(--cf-aberto)}.hp-pt-iv.zn b{background:var(--cf-accent)}.hp-pt-iv.zn u{background:var(--cf-accent)}
.hp-pt-iv.lg{--p:18px;width:100%;margin-top:4px}.hp-pt-qv .hp-pt-iv{width:68px}.hp-pt-iv.lg b{height:5px;top:calc(var(--i)*var(--p) + 6px)}.hp-pt-iv.lg u{width:13px;height:13px;margin-left:-6.5px;top:calc(var(--i)*var(--p) + 2px)}
.hp-pt-axl{position:relative;height:16px;font-size:var(--cf-fs-label);color:var(--cf-text-muted)}.hp-pt-axl span{position:absolute;transform:translateX(-50%);white-space:nowrap}
.hp-pt-ap{display:grid;grid-template-columns:minmax(0,1fr) 140px 130px 14px;gap:16px;align-items:center;padding:9px 16px;border-top:1px solid var(--cf-border-subtle);min-height:56px;cursor:pointer}
.hp-pt-ch0.ap{grid-template-columns:minmax(0,1fr) 140px 130px 14px}.hp-pt-ch0.ap span:nth-child(7){text-align:left}.hp-pt-ch0.ap .hp-pt-d{margin-right:6px}
.hp-pt-vd{display:flex;flex-direction:column;gap:3px;align-items:flex-start}.hp-pt-vd small{font-size:11px;color:var(--cf-text-muted)}
.hp-pt-lc{display:flex;flex-direction:column;gap:1px}.hp-pt-lc b{font-size:13px;color:var(--cf-text-secondary)}.hp-pt-lc small{font-size:11px;color:var(--cf-text-muted)}.hp-pt-lc .ic{font-size:var(--cf-fs-label);color:var(--cf-text-subtle)}
.hp-pt-mn{font-size:12px;color:var(--cf-text-muted)}
.hp-pt-jg{padding:6px 16px;background:var(--cf-bg-subtle);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--cf-text-muted);border-top:1px solid var(--cf-border)}
.hp-pt-pl{display:grid;grid-template-columns:64px minmax(0,1.6fr) minmax(0,1.2fr) 150px 14px;gap:12px;align-items:center;padding:8px 16px;min-height:44px;border-top:1px solid var(--cf-border-subtle);cursor:pointer}.hp-pt-pp>.hp-pt-pl:first-child{border-top:0}
.hp-pt-rod{font-size:var(--cf-fs-label);color:var(--cf-text-muted);display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0}
/* painel de detalhe */
.hp-pt-pn{position:fixed;right:0;bottom:0;width:480px;max-width:92vw;z-index:30;background:var(--cf-bg-card);border-left:1px solid var(--cf-border-strong);box-shadow:-14px 0 34px rgba(20,16,32,.16);display:flex;flex-direction:column}
.hp-pt-ph{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 18px;border-bottom:1px solid var(--cf-border)}.hp-pt-ph h3{margin:2px 0 3px;font-size:16px;line-height:1.3}.hp-pt-ph small{font-size:12px;color:var(--cf-text-muted)}
.hp-pt-pb{overflow-y:auto;flex:1;min-height:0;padding:0 18px 24px}
.hp-pt-ps{padding:14px 0;border-top:1px solid var(--cf-border)}.hp-pt-ps:first-child{border-top:0}
.hp-pt-ps h4{margin:0 0 8px;font-size:var(--cf-fs-label);font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--cf-text-muted);display:flex;align-items:center;gap:7px}.hp-pt-ps h4 .hp-pt-sim,.hp-pt-ps h4 .cr-selo{margin-left:auto}
.hp-pt-lei{font-size:var(--cf-fs-meta);margin:8px 0 0;line-height:1.5}.hp-pt-why{margin:6px 0 0;font-size:var(--cf-fs-meta);color:var(--cf-text-secondary);line-height:1.5}.hp-pt-ok{margin:0;font-weight:600;color:var(--cf-text)}
.hp-pt-act{display:flex;gap:6px;align-items:center;margin-top:10px;flex-wrap:wrap}.hp-pt-act small{font-size:var(--cf-fs-label);color:var(--cf-text-muted)}
.hp-pt-kv{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;margin:10px 0}.hp-pt-kv dt{font-size:11px;color:var(--cf-text-muted)}.hp-pt-kv dd{margin:0;font-size:13px;font-weight:600}
.hp-pt-veto{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 11px;background:var(--cf-accent-bg);border-radius:8px}.hp-pt-veto span{display:flex;flex-direction:column}.hp-pt-veto small{font-size:var(--cf-fs-label);color:var(--cf-text-secondary)}
.hp-pt-slack{background:#1A1D21;border:1px solid #2E3238;border-radius:8px;padding:9px 11px;color:#D1D2D3;font-size:12px;margin-top:10px;display:flex;flex-direction:column;gap:4px;line-height:1.45}.hp-pt-slh{display:flex;gap:6px;font-size:11px;color:#9AA0A6}.hp-pt-slh b{color:#fff}
.hp-pt-tb{width:100%;border-collapse:collapse;margin-top:10px}.hp-pt-tb th{font-size:var(--cf-fs-label);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--cf-text-muted);text-align:left;padding:4px 4px;border-bottom:1px solid var(--cf-border)}.hp-pt-tb td{padding:6px 4px;font-size:var(--cf-fs-meta);border-bottom:1px solid var(--cf-border-subtle)}
.hp-pt-4{display:flex;flex-direction:column;gap:2px}
.hp-pt-4r{display:grid;grid-template-columns:8px 62px minmax(0,1fr);gap:4px 8px;align-items:center;padding:6px 8px;border:0;border-radius:8px;background:none;text-align:left;cursor:pointer;color:inherit;width:100%}.hp-pt-4r:hover{background:var(--cf-bg-hover)}.hp-pt-4r.on{background:var(--cf-accent-bg)}.hp-pt-4r b{font-size:var(--cf-fs-meta)}.hp-pt-4r .cr-selo{white-space:nowrap}.hp-pt-4r .rw{grid-column:2/4;display:flex;gap:12px;align-items:center;min-width:0}.hp-pt-4r .rw>.hp-pt-sm{flex:1 1 0;min-width:0}.hp-pt-4r .rw>.hp-pt-lf{flex:1.3 1 0;min-width:0}.hp-pt-4r .hp-pt-iv{width:84px}
.hp-pt-trl{list-style:none;margin:8px 0 0;padding:0 0 0 12px;border-left:2px solid var(--cf-border);display:flex;flex-direction:column;gap:12px}
.hp-pt-st{display:flex;flex-direction:column;gap:2px;align-items:flex-start}.hp-pt-st b{font-size:var(--cf-fs-meta)}.hp-pt-st small,.hp-pt-st p{font-size:12px;color:var(--cf-text-muted);margin:0}.hp-pt-vazio{font-size:12px;color:var(--cf-text-muted);margin:6px 0 0}

.hp-pt-auto{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--cf-text-secondary);padding:7px 14px;border:1px solid var(--cf-border);border-radius:10px;background:var(--cf-bg-subtle)}.hp-pt-auto b{color:var(--cf-text)}.hp-pt-ad{width:7px;height:7px;border-radius:50%;background:var(--cf-accent);flex:none}.hp-pt-auto .hp-pt-lk{background:none;border:0;padding:0;cursor:pointer;font-size:12px}
.hp-pt-sd{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:8px 16px;font-size:var(--cf-fs-meta);color:var(--cf-text-secondary);border-bottom:1px solid var(--cf-border)}.hp-pt-sd b{color:var(--cf-text);font-variant-numeric:tabular-nums}.hp-pt-sd .cf-btn{margin-left:auto}
.hp-pt-tg{flex:none;width:24px;height:24px;border:0;border-radius:6px;background:none;color:var(--cf-text-muted);font-size:18px;line-height:1;cursor:pointer;transform:rotate(90deg);transition:transform .12s}.hp-pt-tg:hover{background:var(--cf-bg-muted)}.hp-pt-tg[aria-expanded=false]{transform:rotate(0)}.hp-pt-gh .hp-pt-gt{flex:1}
.hp-pt-g.rec .hp-pt-gh{border-bottom:0}
.hp-pt-more{display:block;width:100%;border:0;border-top:1px solid var(--cf-border-subtle);background:var(--cf-bg-subtle);padding:8px 16px;font-size:var(--cf-fs-meta);font-weight:600;color:var(--cf-accent-text);cursor:pointer;text-align:left}.hp-pt-more:hover{text-decoration:underline}
.hp-pt-rule{margin:0;padding:8px 16px;font-size:12px;line-height:1.5;color:var(--cf-text-secondary);background:var(--cf-bg-subtle);border-bottom:1px solid var(--cf-border)}.hp-pt-rule b{color:var(--cf-text)}
.hp-pt-kv dd small{display:block;font-weight:400}
/* 6. handoff */
.hp-pt-ho{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.hp-pt-ho-p{display:flex;gap:10px;padding:10px 12px;border:1px solid var(--cf-border);border-radius:var(--cf-radius-md);background:var(--cf-bg-card)}.hp-pt-ho-p>div{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.hp-pt-ho-p p{margin:0;font-size:12px;color:var(--cf-text-secondary);line-height:1.4}.hp-pt-ho-p small{font-size:11px;color:var(--cf-text-muted)}
.hp-pt-ho-n{width:22px;height:22px;border-radius:50%;background:var(--cf-bg-muted);display:grid;place-items:center;font-size:12px;font-weight:700;flex:none}.hp-pt-ho-ln{display:flex;align-items:center;gap:12px;margin-top:14px;flex-wrap:wrap}

/* ── v4 (t_3ea4a7b7): fila em frases, aprendizados e painéis vivos. Sem faixa/borda colorida decorativa. ── */
.hp-pt-qh{display:flex;gap:8px;align-items:baseline;min-width:0;font-size:var(--cf-fs-body);line-height:1.4}.hp-pt-qh>span:last-child{min-width:0}.hp-pt-qh small{display:block;font-size:12px;color:var(--cf-text-muted);margin-top:1px}
.hp-pt-qh b:not(.cr-id){font-weight:600}
.hp-pt-q .cf-btn{min-height:28px;white-space:nowrap}.hp-pt-qa{display:flex;justify-content:flex-end}
.hp-pt-sub{display:flex;align-items:center;gap:8px;margin:0;padding:8px 16px;background:var(--cf-bg-subtle);border-top:1px solid var(--cf-border);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--cf-text-muted)}
.hp-pt-sub .ct,.hp-pt-jg .ct{font-weight:600;font-size:11px}.hp-pt-sub .hp-pt-mut,.hp-pt-jg .hp-pt-mut{text-transform:none;letter-spacing:0;font-weight:400;margin-left:6px}
.hp-pt-sub2{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hp-pt-papel button{min-height:24px}.hp-pt-sub2 .cr-seg button{min-height:24px}
.hp-pt-chip,.hp-pt-tab,.hp-pt-need{min-height:24px}
.hp-pt-iv:focus-visible{outline:2px solid var(--cf-accent);outline-offset:2px}
.hp-pt-leg{flex:1 1 100%;font-size:12px}
.hp-pt-esp{font-size:12px;color:var(--cf-text-secondary)}.hp-pt-esp.at{color:var(--cf-atencao-text);font-weight:600}.hp-pt-esp.er{color:var(--cf-atrasado-text);font-weight:600}
.hp-pt-pl.on,.hp-pt-ap.on{background:var(--cf-accent-bg)}.hp-pt-pl:hover,.hp-pt-ap:hover{background:var(--cf-bg-hover)}.hp-pt-pl:focus-visible,.hp-pt-ap:focus-visible{outline:2px solid var(--cf-accent);outline-offset:-2px}
.hp-pt-pl .hp-pt-qt{display:block}
.hp-pt-mtl{display:block;margin-top:12px;font-size:var(--cf-fs-label);font-weight:600;color:var(--cf-text-muted)}.hp-pt-mot{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:4px}.hp-pt-mot .cf-input{flex:1 1 100%;width:100%;max-width:none;min-width:0;min-height:28px}.hp-pt-mot .cf-btn{margin-left:auto}
.hp-pt-lock{margin:10px 0 0;font-size:12px;color:var(--cf-text-muted)}.hp-pt-er{color:var(--cf-atrasado-text)}
.hp-pt-apf{margin:0 0 6px;font-size:14px;line-height:1.5;font-weight:600}
.hp-pt-rrs,.hp-pt-pcs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.hp-pt-rr{display:grid;grid-template-columns:8px 64px auto minmax(0,1fr);gap:8px;align-items:center;font-size:var(--cf-fs-meta)}.hp-pt-rr small{color:var(--cf-text-muted)}
.hp-pt-pcs li{font-size:var(--cf-fs-meta)}
.hp-pt-et{list-style:none;margin:0;padding:0;display:flex;gap:4px 14px;flex-wrap:wrap;font-size:12px;color:var(--cf-text-muted)}.hp-pt-et li{display:flex;flex-direction:column}.hp-pt-et li.ok{color:var(--cf-text-secondary)}.hp-pt-et li.ok::before{content:"✓ ";}.hp-pt-et li.on{color:var(--cf-text);font-weight:700}.hp-pt-et small{font-size:11px;font-weight:400}
.hp-pt-pfw{flex:none;border-top:1px solid var(--cf-border);max-height:46%;overflow-y:auto}.hp-pt-pfw .hp-pf{border-top:0}
.hp-pt-pb .hp-copiar{margin:12px 0 4px}
.hp-pt-jg .ct,.hp-pt-sub .ct{margin-left:6px}.hp-pt-jg,.hp-pt-sub{display:flex;align-items:center}
/* v5 (t_1e2e3f41): um só sticky (cabeçalho de colunas, opaco); botão primário legível; secundário; matriz; kanban */
.hp-pt-ch0{background:var(--cf-bg-card);top:-24px} /* o scroller (.cf-content) tem 24px de padding: sticky top:0 parava 24px abaixo do topo e deixava as linhas aparecerem acima */
.hp-pt-rg .cf-btn.cf-btn-primary,.hp-pt-pn .cf-btn.cf-btn-primary{background:var(--cf-accent);border-color:var(--cf-accent);color:var(--cf-btn-primary-text,#fff)!important;text-decoration:none}
.hp-pt-rg .cf-btn.hp-pt-sec,.hp-pt-pn .cf-btn.hp-pt-sec,.hp-pt-pz .cf-btn.hp-pt-sec{background:var(--cf-bg-card);border-color:var(--cf-border-strong);color:var(--cf-text-secondary);box-shadow:none;font-weight:600}
.hp-pt-rg .cf-btn.hp-pt-sec:hover:not(:disabled),.hp-pt-pn .cf-btn.hp-pt-sec:hover:not(:disabled){background:var(--cf-bg-hover);color:var(--cf-text)}
.hp-pt-rg .cf-btn:disabled{opacity:.5;cursor:not-allowed}
.hp-pt-pz{display:flex;align-items:center;gap:10px;padding:8px 16px;font-size:var(--cf-fs-meta);color:var(--cf-text-secondary);background:var(--cf-bg-subtle);border-bottom:1px solid var(--cf-border)}.hp-pt-pz>span{flex:1;min-width:0}.hp-pt-pz .cf-btn{min-height:28px}
.hp-pt-leg{margin-left:auto}
.hp-pt-mx0,.hp-pt-mx{--mxc:minmax(220px,1.35fr) repeat(4,minmax(112px,1fr)) minmax(230px,1.5fr);display:grid;grid-template-columns:var(--mxc);gap:8px;padding:0 16px;align-items:stretch}
.hp-pt-mx0{padding-top:7px;padding-bottom:7px;align-items:center}.hp-pt-mx0 span:nth-child(7),.hp-pt-mx0 span:nth-child(n){text-align:left}
.hp-pt-mx{border-top:1px solid var(--cf-border-subtle);min-height:54px}.hp-pt-mx:hover{background:var(--cf-bg-hover)}
.hp-pt-mxh{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:8px;align-content:center;text-align:left;border:0;background:none;padding:6px 0;cursor:pointer;color:inherit;min-width:0}
.hp-pt-mxh b{font-size:13px;font-weight:600;line-height:1.25;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.hp-pt-mxh small{grid-column:2;font-size:11px;color:var(--cf-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hp-pt-mxh .cr-id{grid-row:1}
.hp-pt-mxh:hover b{text-decoration:underline}
.hp-pt-mxc{display:flex;flex-direction:column;justify-content:center;gap:2px;text-align:left;border:0;border-radius:6px;background:none;padding:5px 6px;margin:3px 0;cursor:pointer;color:var(--cf-text);min-width:0}
.hp-pt-mxc:hover,.hp-pt-kr:hover{background:var(--cf-bg-muted)}.hp-pt-mxc.on{background:var(--cf-accent-bg)}
.hp-pt-mxc b{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--cf-text-secondary)}.hp-pt-mxc .g{font-size:var(--cf-fs-label);color:var(--cf-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hp-pt-mxc.ac b{color:var(--cf-accent-text);font-weight:700}.hp-pt-mxc.er b,.hp-pt-mxc.er .g{color:var(--cf-atrasado-text)}.hp-pt-mxc.dn b{color:var(--cf-text-muted);font-weight:500}
.hp-pt-mxc .b{display:block;height:3px;border-radius:2px;background:var(--cf-bg-muted);overflow:hidden;margin-top:1px}.hp-pt-mxc .b s{display:block;height:100%;background:var(--cf-text-muted);opacity:.7;text-decoration:none}
.hp-pt-mxc .b.des s{background:var(--cf-atrasado)}.hp-pt-mxc.dn .b{visibility:hidden}
.hp-pt-mxn{display:flex;align-items:center;gap:8px;min-width:0;font-size:12px;color:var(--cf-text-secondary);padding:4px 0}.hp-pt-mxt{flex:1;min-width:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hp-pt-mxn .cf-btn{min-height:26px;flex:none;white-space:nowrap}
.hp-pt-kb{display:flex;gap:var(--cf-space-3);padding:var(--cf-space-3) var(--cf-space-4) var(--cf-space-4);align-items:flex-start}
.hp-pt-kc{flex:1 1 0;display:flex;flex-direction:column;gap:var(--cf-space-2);min-width:0;background:var(--cf-bg-subtle);border-radius:var(--cf-radius-md);padding:var(--cf-space-2)}
.hp-pt-kc.vz{flex:0 0 auto;min-width:120px}.hp-pt-kc.vz>header b{color:var(--cf-text-muted)} /* coluna vazia: só o cabeçalho com 0; a largura vai para quem tem cartão */
.hp-pt-kl{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--cf-space-2)}
.hp-pt-rg.ak{background:none;border:0;border-radius:0;overflow:visible}.hp-pt-rg.ak .hp-pt-kb{padding:0} /* sem card em volta das colunas: card dentro de card não */
.hp-pt-kc>header{display:flex;align-items:baseline;gap:var(--cf-space-2);padding:var(--cf-space-1);flex-wrap:wrap}.hp-pt-kc>header .hp-pt-lnk{margin-left:auto}.hp-pt-kc>header b{font-size:13px;font-weight:600}.hp-pt-kc>header .ct{font-size:12px;font-weight:600;color:var(--cf-text-muted)}.hp-pt-kc>header small{flex:1 1 100%;font-size:11px;color:var(--cf-text-muted)}
.hp-pt-kc .hp-pt-vz{padding:12px 4px}
.hp-pt-kd{display:flex;flex-direction:column;gap:4px;background:var(--cf-bg-card);border:1px solid var(--cf-border);border-radius:8px;padding:9px 10px;min-width:0}
/* "O que vai ao ar": ratios lado a lado, mesma altura (colunas em fr = proporção); cartão ganha a tira do Gate 2 */
.hp-pc{display:grid;gap:8px;align-items:end}.hp-pc .eg-c figcaption{justify-content:center;color:var(--cf-text-muted)}
.hp-pc-lg{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:10px}.hp-pc-lg small{font-weight:500;opacity:.75}
.hp-pc-ft{margin:8px 0 0;font-size:var(--cf-fs-label);color:var(--cf-text-muted)}.hp-pc-ft .cr-link{font-size:var(--cf-fs-label)}
.hp-pc-tira{height:40px;margin-top:4px}.hp-pc-tira img,.hp-pc-tira i{height:40px}
.hp-pt-kdt{display:flex;gap:8px;align-items:baseline;text-align:left;border:0;background:none;padding:0;cursor:pointer;color:inherit;min-width:0}.hp-pt-kdt b{font-size:13px;font-weight:600;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.hp-pt-kdt:hover b{text-decoration:underline}
.hp-pt-krs{display:flex;flex-direction:column;margin:2px -4px 0}
.hp-pt-kr{display:grid;grid-template-columns:8px 54px auto minmax(0,1fr);gap:6px;align-items:center;border:0;background:none;border-radius:5px;padding:3px 4px;text-align:left;cursor:pointer;color:var(--cf-text);font-size:12px;min-height:22px}
.hp-pt-kr b{font-size:12px;font-weight:600}.hp-pt-kr .e{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--cf-text-secondary)}.hp-pt-kr .g{font-size:var(--cf-fs-label);color:var(--cf-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right}
.hp-pt-kr.fc .e{color:var(--cf-accent-text);font-weight:700}.hp-pt-kr.fc{background:var(--cf-accent-bg)}.hp-pt-kr.er .e,.hp-pt-kr.er .g{color:var(--cf-atrasado-text)}.hp-pt-kr.dn .e{color:var(--cf-text-muted)}
.hp-pt-kn{margin:2px 0 0;font-size:12px;line-height:1.35;color:var(--cf-text-secondary)}
.hp-pt-kd .hp-pt-act{margin-top:4px}.hp-pt-kd .cf-btn{min-height:26px}
.hp-pt-kp{cursor:pointer}.hp-pt-kp:hover{background:var(--cf-bg-hover)}.hp-pt-kp.on{border-color:var(--cf-accent-border);background:var(--cf-accent-bg)}.hp-pt-kp .hp-pt-qt{display:block;font-size:13px;line-height:1.3}.hp-pt-kp small{font-size:11px}
.hp-pt-kp:focus-visible{outline:2px solid var(--cf-accent);outline-offset:1px}
.hp-pt-tab .n{margin-left:6px}
/* v6 (t_90a4fa71): cor = significado (mesma regra em célula, barra, botão e fila); alvo em cada medida; painel que empurra */
.t-ok{--tn:var(--cf-aberto);--tb:var(--cf-aberto-bg);--tt:var(--cf-aberto-text)}
.t-er{--tn:var(--cf-atrasado);--tb:var(--cf-atrasado-bg);--tt:var(--cf-atrasado-text)}
.t-at{--tn:var(--cf-atencao);--tb:var(--cf-atencao-bg);--tt:var(--cf-atencao-text)}
.t-ac{--tn:var(--cf-accent);--tb:var(--cf-accent-bg);--tt:var(--cf-accent-text)}
.t-mu{--tn:var(--cf-text-muted);--tb:transparent;--tt:var(--cf-text-secondary)}
.hp-pt-lgd{display:flex;flex-wrap:wrap;gap:4px 16px;align-items:center;padding:7px 16px;font-size:var(--cf-fs-label);color:var(--cf-text-secondary);border-bottom:1px solid var(--cf-border-subtle)}
.hp-pt-lgd span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.hp-pt-lgd i{width:10px;height:10px;border-radius:3px;background:var(--tn);flex:none}.hp-pt-lgd .t-mu i{background:var(--cf-border-strong)}.hp-pt-lgd .mu2{color:var(--cf-text-muted);margin-left:auto}
/* botões por significado */
.hp-pt-x .cf-btn.t-ok,.hp-pt-pn .cf-btn.t-ok{background:#1F7A4D;border-color:#1F7A4D;color:#fff!important;box-shadow:none}[data-theme=dark] .hp-pt-x .cf-btn.t-ok,[data-theme=dark] .hp-pt-pn .cf-btn.t-ok{background:#2FA66B;border-color:#2FA66B;color:#06140D!important}
.hp-pt-x .cf-btn.t-er,.hp-pt-pn .cf-btn.t-er{background:var(--tb);border-color:var(--tn);color:var(--tt)!important;box-shadow:none;font-weight:600}
.hp-pt-x .cf-btn.t-at,.hp-pt-pn .cf-btn.t-at{background:var(--tb);border-color:var(--tn);color:var(--tt)!important;box-shadow:none;font-weight:600}
.hp-pt-x .cf-btn.t-ok:hover:not(:disabled),.hp-pt-pn .cf-btn.t-ok:hover:not(:disabled){filter:brightness(1.1)}.hp-pt-x .cf-btn.t-er:hover:not(:disabled),.hp-pt-x .cf-btn.t-at:hover:not(:disabled),.hp-pt-pn .cf-btn.t-er:hover:not(:disabled),.hp-pt-pn .cf-btn.t-at:hover:not(:disabled){filter:brightness(.97)}
.hp-pt-q.t-ok,.hp-pt-q.t-er,.hp-pt-q.t-at,.hp-pt-q.t-ac{box-shadow:inset 3px 0 0 var(--tn)}
/* célula da matriz: pintada pelo significado */
.hp-pt-mxc{background:var(--tb);box-shadow:inset 0 0 0 1px transparent}
.hp-pt-mxc.t-ok,.hp-pt-mxc.t-er,.hp-pt-mxc.t-at,.hp-pt-mxc.t-ac{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tn) 38%,transparent)}
.hp-pt-mxc:hover{filter:brightness(.97)}.hp-pt-mxc.on{box-shadow:inset 0 0 0 2px var(--cf-text-secondary)}
.hp-pt-mxc b,.hp-pt-mxc.t-ok b,.hp-pt-mxc.t-er b,.hp-pt-mxc.t-at b,.hp-pt-mxc.t-ac b{color:var(--tt);font-weight:700}.hp-pt-mxc.t-mu b{font-weight:600}.hp-pt-mxc.dn b{font-weight:500;color:var(--cf-text-muted)}
.hp-pt-mxc .g{color:var(--tt);opacity:.92}.hp-pt-mxc.t-mu .g{color:var(--cf-text-muted)}
.hp-pt-mxc .bl{display:flex;align-items:center;gap:6px;margin-top:2px}.hp-pt-mxc .bl small{font-size:var(--cf-fs-label);color:var(--cf-text-muted);white-space:nowrap}
.hp-pt-mxc .b{position:relative;flex:1;min-width:0;overflow:visible;height:4px;margin:0;background:color-mix(in srgb,var(--cf-text-muted) 22%,transparent)}.hp-pt-mxc .b s{border-radius:2px;background:var(--tn);opacity:1}.hp-pt-mxc.t-mu .b s{background:var(--cf-text-muted);opacity:.7}
.hp-pt-mxc .b.prov s{background:repeating-linear-gradient(135deg,var(--cf-text-muted) 0 3px,transparent 3px 6px)}
.hp-pt-mxc .b u{position:absolute;top:-3px;bottom:-3px;width:1.5px;margin-left:-.75px;background:var(--cf-text);opacity:.75}
.hp-pt-mxc .g .cps,.hp-pt-mxn .cps,.hp-pt-mxc .g .nrm{white-space:nowrap}.cps{display:none}
.hp-pt-mais{font-style:normal;white-space:nowrap}.hp-pt-rn{font-weight:600}
/* tooltip com dado (célula, entrega desigual) */
.hp-pt-lf.tp{overflow:visible;white-space:normal;display:flex;flex-direction:column;gap:0}
/* medidas na lista e no painel */
.hp-pt-rg{--hp-cols:150px 150px 38px minmax(150px,1fr) 250px minmax(180px,1fr) 76px 12px}
.hp-pt-sm,.hp-pt-cp3{display:grid;grid-template-columns:minmax(40px,1fr) auto;column-gap:8px;row-gap:6px;align-items:center}
.hp-pt-sm .lb,.hp-pt-cp3 .lb{grid-column:1/-1;font-style:normal;font-size:var(--cf-fs-label);color:var(--cf-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hp-pt-sm.t-ok .bar i,.hp-pt-sm.t-er .bar i,.hp-pt-sm.t-at .bar i,.hp-pt-sm.t-ac .bar i{background:var(--tn);opacity:1}
.hp-pt-sm s.al{left:auto;right:0;background:var(--cf-accent);width:2px}
.hp-pt-cp3 .tr{background:color-mix(in srgb,var(--cf-text-muted) 22%,transparent)}.hp-pt-cp3.t-at .tr i{background:var(--cf-atencao);opacity:1}.hp-pt-cp3.t-at small,.hp-pt-cp3.t-at .lb{color:var(--cf-atencao-text);font-weight:600}.hp-pt-cp3.t-at s{background:var(--cf-text);height:11px}
.hp-pt-lf.t-at{color:var(--cf-atencao-text)}.hp-pt-lf.t-at b{color:var(--cf-atencao-text)}.hp-pt-lf.t-at small{color:var(--cf-atencao-text);font-size:11px}
.hp-pt-lf .gt{display:flex;flex-direction:column;min-width:0;line-height:1.2}.hp-pt-lf .gt small{font-size:var(--cf-fs-label);color:var(--cf-text-muted);white-space:normal}.hp-pt-lf.t-ok .gt small{color:var(--cf-aberto-text)}.hp-pt-lf.t-ac .gt small{color:var(--cf-accent-text)}
.hp-pt-iv .pm{position:absolute;top:0;bottom:0;border-left:1px dotted var(--cf-text);opacity:.9}
.hp-pt-iv.zn b,.hp-pt-iv.zn u{background:var(--cf-accent)}
.hp-pt-axl{height:32px}.hp-pt-axl .r2{top:14px}.hp-pt-axl .p{color:var(--cf-text-secondary)}
.hp-pt-med{display:grid;grid-template-columns:70px minmax(0,1fr);gap:8px 12px;align-items:center}.hp-pt-med>b{font-size:12px;color:var(--cf-text-secondary)}.hp-pt-med .hp-pt-lf{align-items:flex-start}
.hp-pt-med .hp-pt-lf .gt small{white-space:normal}
/* kanban por significado */
.hp-pt-kr.t-ok .e,.hp-pt-kr.t-er .e,.hp-pt-kr.t-at .e,.hp-pt-kr.t-ac .e{color:var(--tt);font-weight:700}.hp-pt-kr.t-ok .g,.hp-pt-kr.t-er .g,.hp-pt-kr.t-at .g,.hp-pt-kr.t-ac .g{color:var(--tt)}
.hp-pt-kr.t-ok,.hp-pt-kr.t-er,.hp-pt-kr.t-at,.hp-pt-kr.t-ac{background:var(--tb)}.hp-pt-kr.fc{background:var(--tb)}.hp-pt-kr.fc.t-mu{background:none}.hp-pt-kr.fc .e{color:var(--tt)}
/* Antes do teste: ID não quebra linha */
.hp-pt-kp .cr-id,.hp-pt-kd .cr-id,.hp-pt-kdt .cr-id{white-space:nowrap}
/* painel: empurrar × sobrepor */
.hp-pt-pn{width:var(--hp-pnw,440px)}
.cf-content.hp-pt-push{padding-right:calc(var(--hp-pnw,440px) + 20px)}
.cf-content.hp-pt-push .hp-pt-pn{box-shadow:none}
.hp-pt-x.cmp .hp-pt-mx0,.hp-pt-x.cmp .hp-pt-mx{--mxc:minmax(130px,1.3fr) repeat(4,minmax(70px,1fr));gap:5px;padding:0 8px}
.hp-pt-x.cmp .hp-pt-mxh{grid-template-columns:minmax(0,1fr)}.hp-pt-x.cmp .hp-pt-mxh .cr-id,.hp-pt-x.cmp .hp-pt-mxh b,.hp-pt-x.cmp .hp-pt-mxh small{grid-column:1;grid-row:auto}.hp-pt-x.cmp .hp-pt-mxh b{-webkit-line-clamp:3;font-size:var(--cf-fs-meta)}
.hp-pt-x.cmp .nrm,.hp-pt-x.cmp .hp-pt-mxc .bl{display:none}.hp-pt-x.cmp .cps{display:inline}
.hp-pt-x.cmp .hp-pt-mxn{flex-direction:column;align-items:flex-start;gap:3px}.hp-pt-x.cmp .hp-pt-mxn .hp-pt-rc{font-size:11px;color:var(--cf-text-secondary);white-space:nowrap}
.hp-pt-x.cmp .hp-pt-mxc{padding:5px 4px}.hp-pt-x.cmp .hp-pt-mxc b{font-size:var(--cf-fs-label)}.hp-pt-x.cmp .hp-pt-mxn .cf-btn{padding-left:8px;padding-right:8px}.hp-pt-x.cmp .hp-pt-mxc .g{font-size:12px;font-weight:600}
.hp-pt-x.cmp .hp-pt-mx0 span{font-size:10px}
/* v6.1 (t_0af56617): tooltip único em portal + menu Filtros + coluna Próximo passo some com o painel */
.hp-pt-tip{position:fixed;z-index:2000;width:max-content;max-width:320px;padding:8px 10px;border-radius:6px;background:var(--cf-text);color:var(--cf-bg-card);font-size:12px;font-weight:400;line-height:1.4;text-align:left;white-space:pre-line;text-transform:none;letter-spacing:0;pointer-events:none;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.hp-pt-tip[hidden]{display:none}.hp-pt-tip b{font-weight:600}
[data-cr-tela="hipoteses"] .cr-help .tip{display:none!important}
.hp-pt-fil{position:relative;margin-left:auto;padding-bottom:6px}.hp-pt-fil .n{margin-left:6px;font-size:11px;font-weight:700;color:var(--cf-accent-text)}
.hp-pt-fil-pop{position:absolute;top:calc(100% + 2px);right:0;z-index:35;width:max-content;max-width:min(520px,90vw);display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:12px;background:var(--cf-bg-card);border:1px solid var(--cf-border-strong);border-radius:10px;box-shadow:0 12px 32px rgba(20,16,32,.18)}
.hp-pt-fil-pop .hp-pt-chips{margin:0;padding:0}
.hp-pt-x.cmp .hp-pt-mxn{display:none}
/* v6.2 (t_0af56617): Ganho do painel na largura das outras medidas, rótulos sob o gráfico, eixo da hipótese */
.hp-pt-med .hp-pt-sm,.hp-pt-med .hp-pt-cp3,.hp-pt-gp{grid-template-columns:minmax(0,1fr) 144px}
.hp-pt-med .hp-pt-sm small,.hp-pt-med .hp-pt-cp3 small{text-align:right;min-width:0}
.hp-pt-gp{display:grid;column-gap:8px;row-gap:4px;align-items:center;min-width:0}
.hp-pt-gp .hp-pt-iv{width:100%;min-width:0;--p:22px;height:calc(var(--n,1)*var(--p));min-height:0}
.hp-pt-iv.gp b{height:6px;top:calc(var(--i)*var(--p) + 8px)}.hp-pt-iv.gp u{width:14px;height:14px;margin-left:-7px;top:calc(var(--i)*var(--p) + 4px)}
.hp-pt-gp>small{font-size:11px;line-height:1.35;text-align:right;white-space:nowrap;color:var(--tt)}.hp-pt-gp>small b{font-weight:700}
.hp-pt-gpa{grid-column:1;display:block;min-width:0}.hp-pt-gpa>span{position:relative;display:block;height:15px;line-height:15px;font-size:var(--cf-fs-label);color:var(--cf-text-muted)}.hp-pt-gpa>span>span{position:absolute;top:0;white-space:nowrap}
.hp-pt-gpa .c{transform:translateX(-50%)}.hp-pt-gpa .d{transform:translateX(-100%)}.hp-pt-gpa .p{color:var(--cf-text-secondary);font-weight:600}
.hp-pt-lf .hp-pt-iv{width:128px}
/* v6.2 (t_0e08da7f): medidas do painel em largura total (rótulo 80 px | barra no resto | número embaixo, à esquerda); 4 redes só com texto de ganho */
.hp-pt-med{grid-template-columns:80px minmax(0,1fr)}
.hp-pt-med .hp-pt-sm,.hp-pt-med .hp-pt-cp3,.hp-pt-med .hp-pt-gp{grid-template-columns:minmax(0,1fr);row-gap:3px}
.hp-pt-med .hp-pt-sm small,.hp-pt-med .hp-pt-cp3 small,.hp-pt-med .hp-pt-gp>small{text-align:left;white-space:normal;font-size:12px}
.hp-pt-med .hp-pt-sm .tr,.hp-pt-med .hp-pt-cp3 .tr{flex:none;width:100%}
.hp-pt-med .hp-pt-sm .lb,.hp-pt-med .hp-pt-cp3 .lb{grid-column:1}
.hp-pt-med .hp-pt-gp .hp-pt-iv{--p:16px}.hp-pt-med .hp-pt-gp .hp-pt-iv.gp b{height:5px;top:calc(var(--i)*var(--p) + 5.5px)}.hp-pt-med .hp-pt-gp .hp-pt-iv.gp u{top:calc(var(--i)*var(--p) + 1px)}
.hp-pt-gp>small{grid-row:3}.hp-pt-gp>small .gf{color:var(--cf-text-secondary);font-weight:600}
.hp-pt-4r .hp-pt-lf .hp-pt-iv{display:none}

/* v6.3 (t_4de5ab77): painel em blocos (título dentro, mesma margem do conteúdo); medidas em cabeçalho + barra; barra de abas/filtros fixa; 4 redes em 3 colunas */
.hp-pt-bar{position:sticky;top:-24px;z-index:3;background:var(--cf-bg-page);margin-bottom:0;padding-top:var(--cf-space-2)}.hp-root>.hp-pt-bar{padding-bottom:16px} /* barra padrão (.cr-tb) com fundo opaco; o respiro é da barra, não margem, para o conteúdo não aparecer no vão */
.hp-rs{margin:0 0 var(--cf-space-6)}
.hp-pt-x .cf-btn-sm,.hp-pt-pn .cf-btn-sm,.hp-panel .cf-btn-sm{padding:4px 12px;font-size:12px;border-radius:7px}
.hp-pt-pb{display:flex;flex-direction:column;gap:12px;padding:12px 18px 24px}.hp-pt-pb>*{flex:none}
.hp-pt-ps,.hp-pt-ps:first-child{padding:12px;border:1px solid var(--cf-border);border-radius:8px;background:var(--cf-bg-subtle);margin:0}
.hp-pt-ps h4{margin:0 0 10px;line-height:16px}
.hp-pt-ps>:last-child{margin-bottom:0}
.hp-pt-m+.hp-pt-m{margin-top:10px;padding-top:10px;border-top:1px solid var(--cf-border)}
.hp-pt-m .mh{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:6px;line-height:18px}
.hp-pt-m .mh>b{font-size:12px;font-weight:700;color:var(--cf-text-secondary);white-space:nowrap}
.hp-pt-m .mv{font-size:var(--cf-fs-meta);text-align:right;color:var(--tt,var(--cf-text-secondary));font-weight:600;font-variant-numeric:tabular-nums}.hp-pt-m .mv b{font-weight:700}.hp-pt-m .mv .hp-pt-lf{justify-content:flex-end;text-align:right}
.hp-pt-m .hp-pt-sm,.hp-pt-m .hp-pt-cp3,.hp-pt-m .hp-pt-gp{display:block}.hp-pt-m .hp-pt-sm .tr,.hp-pt-m .hp-pt-cp3 .tr{width:100%;flex:none}
.hp-pt-ax{position:relative;display:block;height:20px;margin-top:2px;font-size:var(--cf-fs-label);color:var(--cf-text-muted)}
.hp-pt-ax .tk{position:absolute;top:0;height:4px;width:1px;background:var(--cf-text-subtle)}
.hp-pt-ax .l{position:absolute;top:5px;line-height:14px;white-space:nowrap}
.hp-pt-gst{margin:4px 0 0;font-size:12px;font-weight:600;color:var(--tt,var(--cf-text-secondary))}
.hp-pt-pn .hp-pt-sm.prov .bar i{background:var(--cf-text-muted);opacity:.75}.hp-pt-pn .hp-pt-sm.prov.t-at .bar i{background:var(--cf-atencao);opacity:1}
.hp-pt-tb th:first-child,.hp-pt-tb td:first-child{padding-left:0}.hp-pt-tb th:last-child,.hp-pt-tb td:last-child{padding-right:0}.hp-pt-tb{margin-top:0}
.hp-pt-4r{display:grid;grid-template-columns:92px minmax(0,1fr) 34%;gap:0 8px;align-items:start;width:calc(100% + 12px);margin:0 -6px;padding:6px;border-radius:6px}
.hp-pt-4r .c1 b{white-space:nowrap}.hp-pt-4r .c1,.hp-pt-4r .l1{display:flex;align-items:center;min-height:20px}.hp-pt-4r .c1{gap:6px}.hp-pt-4r .l1{justify-content:space-between;gap:6px}
.hp-pt-4r .l1 .cr-selo{min-width:0;white-space:nowrap}.hp-pt-4r .l1 .mono{flex:none;font-size:var(--cf-fs-label);color:var(--cf-text-secondary)}
.hp-pt-4r .c2{display:flex;flex-direction:column;gap:6px;min-width:0}.hp-pt-4r .c2 .hp-pt-sm{display:block}.hp-pt-4r .c2 .bar{height:6px}
.hp-pt-4r .c3{display:flex;flex-direction:column;min-width:0}.hp-pt-4r .c3 b{font-size:var(--cf-fs-meta);line-height:20px;min-height:20px}.hp-pt-4r .c3 small{font-size:var(--cf-fs-label);line-height:1.35;color:var(--cf-text-muted)}
.hp-pt-4r .c3:not(.t-mu) b,.hp-pt-4r .c3:not(.t-mu) small{color:var(--tt)}
/* real: N redes da hipótese (--mxn), sem coluna Próximo passo; painel empurra ≥1360 px, sobrepõe abaixo; filtros fixos */
.hp-pt-mx0,.hp-pt-mx{--mxc:minmax(220px,1.35fr) repeat(var(--mxn,4),minmax(112px,1fr)) minmax(230px,1.5fr)}
.hp-pt-x.cmp .hp-pt-mx0,.hp-pt-x.cmp .hp-pt-mx{--mxc:minmax(130px,1.3fr) repeat(var(--mxn,4),minmax(70px,1fr))}
.hp-pt-mxc.vz{cursor:default;color:var(--cf-text-muted);justify-content:center;font-size:12px}
.hp-pt-mxh .idi{font-size:11px;color:var(--cf-text-muted)}
.hp-pt-wrap{display:flex;gap:16px;align-items:flex-start}.hp-pt-wrap>.hp-pt-rg{flex:1;min-width:0}
/* painel da hipótese = drawer do Dashboard (.cr-drawer): do topo ao fundo da tela, por cima da topbar */
.hp-pt-wrap>.hp-panel{flex:none;width:440px;align-self:flex-start}
.hp-pt-wrap.over>.hp-panel{position:fixed;top:0;right:0;bottom:0;height:100vh;max-height:none;width:480px;max-width:100%;z-index:90;border-radius:0;border-width:0 0 0 1px;border-left-color:var(--cf-border);box-shadow:var(--cf-shadow-lg)}
.hp-panel:focus{outline:none}.hp-pt-wrap.over .hp-ph{padding:18px 20px}.hp-pt-wrap.over .hp-pb{padding-left:20px;padding-right:20px} /* mesmo respiro do .cr-dh do drawer */
/* Hipóteses · rodada UX segura (HI-03/05/06/07) */
.hp-pt-wrap.over .hp-ph{position:sticky;top:0;z-index:2;background:var(--cf-bg-card)}
.hp-dif{font-weight:500;color:var(--cf-text-muted)}
.hp-nf{font-size:12px;color:var(--cf-text-muted);margin:0 0 4px}.hp-nf b{color:var(--cf-text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;margin-left:4px}
.hp-est{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;margin-bottom:12px;border:1px solid var(--cf-border);border-radius:var(--cf-radius-md);font-size:13px}
.hp-pt-rg.ls{--hp-cols:minmax(0,1.9fr) 84px 150px 96px 104px 150px}
.hp-pt-ln{width:100%;border:0;background:none;text-align:left;color:inherit;font:inherit;font-size:var(--cf-fs-meta)}
.hp-pt-lt{display:flex;gap:8px;align-items:baseline;min-width:0}.hp-pt-lt b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hp-pt-ln .hp-pt-esp:empty{display:none}.hp-pt-mxc .hp-pt-esp{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}
/* HI-01: dono no cartão; "parado há N dias" só acima do limite */
.hp-pt-dono{font-size:12px;color:var(--cf-text-secondary)}.hp-pt-dono b{font-weight:600;color:var(--cf-text-primary)}
.hp-pt-ap{grid-template-columns:70px minmax(0,1.4fr) 90px 110px minmax(0,2fr)}
.hp-pt-redes{display:grid;grid-template-columns:70px auto minmax(0,1fr);gap:6px 10px;align-items:start;font-size:var(--cf-fs-meta)}.hp-pt-redes small{color:var(--cf-text-muted)}
.hp-pt-excl{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:8px 0 0}.hp-pt-excl small{flex:1 1 100%;font-size:var(--cf-fs-label);color:var(--cf-text-muted)}

/* v6.3 (t_274cf7f5): paridade com o protótipo — cor só por significado, Próximo passo, painel em blocos, 4 redes, decisão */
.hp-pt-mxc.on{background:var(--tb)}.hp-pt-mxc.t-mu.on{background:var(--cf-bg-muted)}
.hp-pt-x.cmp .hp-pt-mx0>span:last-child,.hp-pt-x.cmp .hp-pt-mxn{display:none}
.hp-pt-ln.on,.hp-pt-4r.on{background:var(--cf-bg-muted);box-shadow:inset 0 0 0 1px var(--cf-border-strong)}
.hp-pt-4r{border:0;font:inherit;color:inherit}.hp-pt-4r:not(.vz){cursor:pointer}.hp-pt-4r:not(.vz):hover{background:var(--cf-bg-hover)}.hp-pt-4r.vz{cursor:default}
.hp-pt-4r:focus-visible{outline:2px solid var(--cf-text-secondary);outline-offset:1px}
.hp-pt-4{display:flex;flex-direction:column;gap:2px}
.hp-pt-4r .c1{flex-wrap:wrap;row-gap:0}.hp-pt-4r .c1 small{flex:1 1 100%;margin-left:14px;font-size:var(--cf-fs-label);color:var(--cf-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hp-pt-4r .c2 .tr,.hp-pt-m .tr{position:relative}
.hp-pt-4r .c2 .bar i,.hp-pt-m .bar i{background:var(--cf-text-muted);opacity:.75}
.hp-pt-4r .c2.t-ok .bar i,.hp-pt-4r .c2.t-er .bar i,.hp-pt-4r .c2.t-at .bar i,.hp-pt-4r .c2.t-ac .bar i,.hp-pt-m.t-ok .hp-pt-sm .bar i,.hp-pt-m.t-er .hp-pt-sm .bar i,.hp-pt-m.t-at .hp-pt-sm .bar i,.hp-pt-m.t-ac .hp-pt-sm .bar i{background:var(--tn);opacity:1}
.hp-pt-sm.prov .bar i{background:repeating-linear-gradient(135deg,var(--cf-text-muted) 0 3px,transparent 3px 6px)!important;opacity:.9!important}
.hp-pt-sm .tr .bar{display:block;height:6px;border-radius:3px;background:color-mix(in srgb,var(--cf-text-muted) 22%,transparent);overflow:hidden}
.hp-pt-m .hp-pt-sm{padding-bottom:16px}
.hp-pt-m .pz{position:absolute;top:100%;margin-top:6px;transform:translateX(-50%);font-style:normal;font-size:var(--cf-fs-label);line-height:12px;color:var(--cf-text-muted);white-space:nowrap}
.hp-pt-sm s{position:absolute;top:-3px;height:12px;bottom:auto;width:1.5px;background:var(--cf-text-secondary)}
/* painel em blocos (Matriz): título dentro, 12 px entre blocos */
.hp-pt-wrap .hp-pb{display:flex;flex-direction:column;gap:12px;padding:12px 18px 18px}.hp-pt-wrap .hp-pb>*{flex:none}
.hp-pt-wrap .hp-pb .cr-sec,.hp-pt-wrap .hp-pb .cr-sec:first-child{margin:0;padding:12px;border:1px solid var(--cf-border);border-radius:8px;background:var(--cf-bg-subtle)}
.hp-pt-wrap .hp-pb .cr-sec>h4{margin:0 0 10px;line-height:16px;font-size:var(--cf-fs-label);letter-spacing:.05em}
.hp-pt-wrap .hp-pb .cr-sec>:last-child{margin-bottom:0}
/* Decidir: título, cor pela decisão, Motivo em linha inteira */
.hp-pf-h{margin:0;font-size:var(--cf-fs-label);font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--cf-text-muted)}
.hp-pt-wrap .hp-mot{flex-wrap:wrap}.hp-pt-wrap .hp-mot .cf-input{flex:1 1 100%}.hp-pt-wrap .hp-mot .cf-btn{margin-left:auto}
.hp-seg button.t-ok.on{background:#1F7A4D;border-color:#1F7A4D;color:#fff}[data-theme=dark] .hp-seg button.t-ok.on{background:#2FA66B;border-color:#2FA66B;color:#06140D}
.hp-seg button.t-er.on{background:var(--cf-atrasado-bg);border-color:var(--cf-atrasado);color:var(--cf-atrasado-text)}
.hp-seg button.t-mu.on,.hp-seg button.t-ac.on{background:var(--cf-bg-muted);border-color:var(--cf-border-strong);color:var(--cf-text)}.hp-seg button.t-ac.on{background:var(--cf-accent-bg);border-color:var(--cf-accent);color:var(--cf-accent-text)}
.hp-seg button.sug:not(.on){box-shadow:inset 0 -2px 0 var(--tn);color:var(--tt)}
.hp-pt-wrap .hp-pf .cf-btn.t-mu:not(:disabled){background:var(--cf-bg-card);border-color:var(--cf-border-strong);color:var(--cf-text-secondary)}
.hp-pt-wrap .hp-pf .cf-btn.t-ok:not(:disabled){background:#1F7A4D;border-color:#1F7A4D;color:#fff!important}[data-theme=dark] .hp-pt-wrap .hp-pf .cf-btn.t-ok:not(:disabled){background:#2FA66B;border-color:#2FA66B;color:#06140D!important}
.hp-pt-wrap .hp-pf .cf-btn.t-er:not(:disabled){background:var(--cf-atrasado-bg);border-color:var(--cf-atrasado);color:var(--cf-atrasado-text)!important}
/* barra fixa mais compacta: cabe numa linha a 1280 */

/* Fidelidade ao artifact v6.3 (t_33d057fb): Antes do teste, Aprendizados, barra de abas */
.hp-pt-qt{font-size:13px;font-weight:600;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3}.hp-pt-qh small{grid-column:1/-1;font-size:var(--cf-fs-label);color:var(--cf-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hp-pt-ap{display:grid;grid-template-columns:minmax(0,1fr) 140px 130px 14px;gap:16px;align-items:center;padding:9px 16px;border-top:1px solid var(--cf-border-subtle);min-height:56px;cursor:pointer}
.hp-pt-ch0.ap{grid-template-columns:minmax(0,1fr) 140px 130px 14px}.hp-pt-ch0.ap span:nth-child(7){text-align:left}.hp-pt-ch0.ap .hp-pt-d{margin-right:6px}
.hp-pt-act{display:flex;gap:6px;align-items:center;margin-top:10px;flex-wrap:wrap}.hp-pt-act small{font-size:var(--cf-fs-label);color:var(--cf-text-muted)}
.hp-pt-sub2{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hp-pt-papel button{min-height:24px}.hp-pt-sub2 .cr-seg button{min-height:24px}
.hp-pt-esp{font-size:12px;color:var(--cf-text-secondary)}.hp-pt-esp.at{color:var(--cf-atencao-text);font-weight:600}.hp-pt-esp.er{color:var(--cf-atrasado-text);font-weight:600}
.hp-pt-pl.on,.hp-pt-ap.on{background:var(--cf-accent-bg)}.hp-pt-pl:hover,.hp-pt-ap:hover{background:var(--cf-bg-hover)}.hp-pt-pl:focus-visible,.hp-pt-ap:focus-visible{outline:2px solid var(--cf-accent);outline-offset:-2px}
.hp-pt-kp{cursor:pointer}.hp-pt-kp:hover{background:var(--cf-bg-hover)}.hp-pt-kp.on{border-color:var(--cf-accent-border);background:var(--cf-accent-bg)}.hp-pt-kp .hp-pt-qt{display:block;font-size:13px;line-height:1.3}.hp-pt-kp small{font-size:11px}
.hp-pt-kp:focus-visible{outline:2px solid var(--cf-accent);outline-offset:1px}
.hp-pt-kp .cr-id,.hp-pt-kd .cr-id,.hp-pt-kdt .cr-id{white-space:nowrap}
/* Fidelidade ao artifact: Decidir no topo do painel (bloco), barra de medida 5px, tabela de braços em bloco próprio sem rolagem lateral, marca de promover no eixo do ganho */
.hp-pt-wrap .hp-pb>.hp-pf{padding:12px;border:1px solid var(--cf-border);border-radius:8px;background:var(--cf-bg-subtle)}
.hp-pt-wrap .hp-pb>.hp-pf .hp-pf-h{margin:0 0 2px;font-size:var(--cf-fs-label);letter-spacing:.05em;text-transform:uppercase}
.hp-pt-sm .tr .bar{height:5px;border-radius:2px;background:var(--cf-bg-muted)}
.hp-pt-wrap .hp-pb .cr-tw{overflow:visible}.hp-pt-wrap .hp-pb .cr-t{width:100%;table-layout:auto}
.hp-pt-wrap .hp-pb .cr-t th{font-size:var(--cf-fs-label);background:none;padding:6px 6px;letter-spacing:.04em}.hp-pt-wrap .hp-pb .cr-t td{font-size:var(--cf-fs-meta);padding:6px 6px}
.hp-pt-mxc.prov .b s,.hp-pt-mxc .b.prov{opacity:.7}

/* Ciclo aprovado: anel, lista, gaveta e wizard (fc-). */
.fc-ibtn{width:34px;height:34px;border-radius:9px;border:1px solid var(--cf-border);background:var(--cf-bg-card);display:grid;place-items:center;cursor:pointer;flex:none}
.fc-btn{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--cf-accent-border);background:var(--cf-accent-bg);color:var(--cf-accent-text);border-radius:10px;padding:8px 14px;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap}
.fc-btn:hover{filter:brightness(1.08)}
.fc-btn:disabled{opacity:.4;cursor:default}
.fc-btn.pri{background:var(--cf-accent);border-color:var(--cf-accent);color:#fff}
[data-theme=dark] .fc-btn.pri{color:#17171A}
.fc-btn.gh{background:none;border-color:var(--cf-border);color:var(--cf-text-secondary)}

.fc-lede{display:flex;gap:24px;align-items:center;justify-content:space-between;background:var(--cf-bg-card);border:1px solid var(--cf-border);border-radius:14px;padding:18px 22px;margin-bottom:16px}
.fc-lede h2{margin:0 0 4px;font-size:18px}
.fc-lede p{margin:0;font-size:15px;line-height:1.55;color:var(--cf-text-secondary);max-width:72ch;text-wrap:pretty}
.fc-lede p b{color:var(--cf-text);font-weight:500}

.fc-main{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:16px;align-items:start}
.fc-card{background:var(--cf-bg-card);border:1px solid var(--cf-border);border-radius:14px}
.fc-ringc{position:relative;padding:8px 8px 4px}
.fc-ring{display:block;width:100%;height:auto;max-height:max(440px,calc(100vh - 390px))}
.fc-trk{fill:none;stroke:var(--cf-border);stroke-width:26}
.fc-flw{fill:none;stroke:color-mix(in srgb,var(--cf-accent) 28%,transparent);stroke-width:26}
.fc-nd-trk{fill:none;stroke:var(--cf-border-strong);stroke-width:1.5;stroke-dasharray:4 5}
.fc-ph-t{font-size:22px;font-weight:700;fill:var(--cf-text)}
.fc-ph-s{font-size:16px;fill:var(--cf-text-muted)}
.fc-dot{cursor:pointer}
.fc-dot circle.b{fill:var(--cf-bg-card);stroke:var(--cf-text-subtle);stroke-width:2}
.fc-dot text{font-size:16px;font-weight:700;fill:var(--cf-text-secondary);text-anchor:middle;dominant-baseline:central;pointer-events:none}
.fc-dot.p circle.b{stroke:var(--cf-accent)}
.fc-dot.ia circle.b{stroke:var(--cf-ia)}
.fc-dot.nd circle.b{stroke-dasharray:3 3;stroke:var(--cf-text-subtle)}
.fc-dot.nd text{fill:var(--cf-text-subtle)}
.fc-dot.st circle.b{fill:var(--cf-atencao);stroke:var(--cf-atencao)}
.fc-dot.st text{fill:#1B1825}
.fc-dot.hl circle.b{stroke-width:3.5}
.fc-halo{fill:none;stroke:var(--cf-atencao);stroke-width:2;animation:fc-pulse 1.8s ease-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes fc-pulse{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.9);opacity:0}}
.fc-ret{fill:none;stroke:var(--cf-text-subtle);stroke-width:2.2;stroke-dasharray:6 6}
.fc-ret-t{font-size:19px;font-weight:700;fill:var(--cf-accent-text);text-anchor:middle}
.fc-ret-s{font-size:16px;fill:var(--cf-text-muted);text-anchor:middle}
.fc-pt{fill:var(--cf-accent)}
.fc-stack{fill:var(--cf-atencao);stroke:var(--cf-bg-card);stroke-width:2}
.fc-badge{pointer-events:none}
.fc-badge rect{fill:var(--cf-bg-card);stroke:var(--cf-atencao);stroke-width:2}
.fc-badge text{font-size:14px;font-weight:800;fill:var(--cf-atencao-text);text-anchor:middle;dominant-baseline:central;font-variant-numeric:tabular-nums}

.fc-wz-trail{fill:none;stroke:var(--cf-accent);stroke-width:7;stroke-linecap:round;stroke-dasharray:100 100;stroke-dashoffset:100;transition:stroke-dashoffset .6s cubic-bezier(.16,1,.3,1);opacity:0}
.fc-touring .fc-wz-trail{opacity:1}
.fc-wz-head{fill:var(--cf-accent);stroke:var(--cf-bg-card);stroke-width:3;opacity:0;transition:cx .6s cubic-bezier(.16,1,.3,1),cy .6s cubic-bezier(.16,1,.3,1)}
.fc-touring .fc-wz-head{opacity:1}
.fc-touring #pts{display:none}
.dim .fc-dot:not(.hl){opacity:.32;transition:opacity .25s}
.fc-ctr{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:250px;text-align:center}
.fc-ctr .k{font-size:12px;font-weight:500;color:var(--cf-atencao-text);display:inline-flex;align-items:center;gap:6px;background:var(--cf-atencao-bg);padding:3px 10px;border-radius:999px}
.fc-ctr h2{font-size:19px;line-height:1.25;margin:10px 0 6px;text-wrap:balance}
.fc-ctr p{margin:0 0 12px;color:var(--cf-text-secondary);font-size:13px;text-wrap:balance}
.fc-leg{display:flex;gap:16px;flex-wrap:wrap;padding:6px 16px 14px;font-size:var(--cf-fs-meta);color:var(--cf-text-muted)}
.fc-leg span{display:inline-flex;align-items:center;gap:6px}
.fc-sw{width:18px;height:8px;border-radius:4px;background:color-mix(in srgb,var(--cf-accent) 28%,transparent)}
.fc-sw.d{background:none;border:1.5px dashed var(--cf-border-strong)}
.fc-sw.s{background:var(--cf-atencao);width:10px;height:10px;border-radius:50%}

.fc-lst{padding:6px 0 8px}
.fc-lph{display:flex;align-items:baseline;justify-content:space-between;padding:14px 18px 6px;gap:8px}
.fc-lph b{font-size:13px}
.fc-lph span{font-size:12px;color:var(--cf-text-muted)}
.fc-row{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:start;width:100%;text-align:left;border:0;background:none;padding:9px 18px;cursor:pointer}
.fc-row:hover,.fc-row.hl{background:var(--cf-bg-hover)}
.fc-row.st{background:var(--cf-atencao-bg)}
.fc-row .n{font-size:var(--cf-fs-body);font-weight:500;line-height:1.35}
.fc-row .n i{font-style:normal;color:var(--cf-text-subtle);margin-right:4px}
.fc-row .d{font-size:var(--cf-fs-meta);color:var(--cf-text-muted);line-height:1.4;margin-top:2px}
.fc-row .v{text-align:right;white-space:nowrap}
.fc-row .v b{display:block;font-size:15px;font-weight:700}
.fc-row .v small{font-size:var(--cf-fs-label);color:var(--cf-text-muted)}
.fc-row.nd .v b,.fc-row.nd .n{color:var(--cf-text-subtle)}
.fc-row.st .v b{color:var(--cf-atencao-text)}
.fc-who{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:var(--cf-bg-subtle);color:var(--cf-text-muted)}
.fc-who.p{background:var(--cf-accent-bg);color:var(--cf-accent-text)}
.fc-who.ia{background:var(--cf-ia-bg);color:var(--cf-ia)}
.fc-chip{display:inline-flex;align-items:center;gap:5px;font-size:var(--cf-fs-label);font-weight:500;padding:2px 8px;border-radius:999px;background:var(--cf-bg-subtle);color:var(--cf-text-secondary);border:1px solid var(--cf-border)}
.fc-chip.p{background:var(--cf-accent-bg);color:var(--cf-accent-text);border-color:var(--cf-accent-border)}
.fc-chip.ia{background:var(--cf-ia-bg);color:var(--cf-ia);border-color:transparent}
.fc-chip.st{background:var(--cf-atencao-bg);color:var(--cf-atencao-text);border-color:transparent}
.fc-ret-row{margin:6px 18px 10px;padding:12px 14px;border:1.5px dashed var(--cf-accent-border);border-radius:10px;font-size:var(--cf-fs-meta);color:var(--cf-text-secondary)}
.fc-ret-row b{color:var(--cf-accent-text)}

.fc-dwh{padding:20px 22px 14px;border-bottom:1px solid var(--cf-border);display:flex;gap:12px;align-items:flex-start}
.fc-dwh h2{margin:0 0 6px;font-size:19px;line-height:1.25}
.fc-dwh .ch{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}
.fc-dwb{padding:4px 22px 22px;flex:1}
.fc-sec{padding-top:16px}
.fc-sec h4{margin:0 0 6px;font-size:12px;font-weight:700;color:var(--cf-text-muted);letter-spacing:.02em}
.fc-sec p{margin:0;font-size:14px;color:var(--cf-text-secondary);max-width:62ch}
.fc-big{font-size:15.5px!important;color:var(--cf-text)!important;line-height:1.55}
.fc-rules{margin:0;padding-left:18px;color:var(--cf-text-secondary);font-size:var(--cf-fs-body)}
.fc-rules li{margin:3px 0}
.fc-kv{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.fc-kv div{background:var(--cf-bg-subtle);border-radius:9px;padding:9px 11px}
.fc-kv small{display:block;font-size:var(--cf-fs-label);color:var(--cf-text-muted)}
.fc-kv b{font-size:16px}
.fc-drawer details summary{cursor:pointer;color:var(--cf-accent-text);font-size:13px;font-weight:500;margin-top:4px}
.fc-dwf{display:flex;gap:8px;justify-content:space-between;padding:14px 22px;border-top:1px solid var(--cf-border);position:sticky;bottom:0;background:var(--cf-bg-card)}
.fc-lnk{color:var(--cf-accent-text);font-weight:500;text-decoration:none;font-size:var(--cf-fs-body)}
.fc-lnk:hover{text-decoration:underline;text-underline-offset:3px}

.fc-wz[hidden]{display:none}
.fc-wz-blk{position:fixed;inset:0;z-index:50}
.fc-wz-spot{position:fixed;z-index:51;border-radius:16px;pointer-events:none;box-shadow:0 0 0 2px var(--cf-accent),0 0 0 200vmax rgba(8,6,14,.66);transition:all .5s cubic-bezier(.16,1,.3,1)}
[data-theme=light] .fc-wz-spot{box-shadow:0 0 0 2px var(--cf-accent),0 0 0 200vmax rgba(24,21,31,.55)}
.fc-wz-spot::after{content:'';position:absolute;inset:-2px;border-radius:inherit;border:2px solid var(--cf-accent);animation:fc-spot 1.6s ease-out infinite}
@keyframes fc-spot{0%{opacity:.8;inset:-2px}100%{opacity:0;inset:-14px}}
.fc-wz-pop{position:fixed;z-index:52;width:360px;background:var(--cf-bg-elevated);border:1px solid var(--cf-border-strong);border-radius:14px;box-shadow:var(--cf-shadow-lg);padding:16px 18px 14px;transition:left .5s cubic-bezier(.16,1,.3,1),top .5s cubic-bezier(.16,1,.3,1)}
.fc-wz-pop::before{content:'';position:absolute;width:14px;height:14px;background:inherit;border:inherit;border-right:0;border-bottom:0;transform:rotate(-45deg);left:-8px;top:var(--ay,50%);margin-top:-7px}
.fc-wz-pop[data-side=r]::before{left:auto;right:-8px;transform:rotate(135deg)}
.fc-wz-pop[data-side=t]::before{top:-8px;left:var(--ax,50%);margin:0 0 0 -7px;transform:rotate(45deg)}
.fc-wz-pop[data-side=b]::before{top:auto;bottom:-8px;left:var(--ax,50%);margin:0 0 0 -7px;transform:rotate(225deg)}
.fc-wz-pop[data-side=c]::before{display:none}
.fc-wz-top{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.fc-wz-top .c{font-size:12px;color:var(--cf-text-muted);flex:1}
.fc-wz-x{border:0;background:none;color:var(--cf-text-muted);cursor:pointer;font-size:var(--cf-fs-meta);padding:2px 4px}
.fc-wz-x:hover{color:var(--cf-text)}
.fc-wz-pop h3{margin:0 0 6px;font-size:17px;line-height:1.3}
.fc-wz-pop p{margin:0;font-size:14px;color:var(--cf-text-secondary);line-height:1.55}
.fc-wz-num{display:flex;align-items:baseline;gap:8px;margin-top:10px;padding:8px 10px;background:var(--cf-bg-subtle);border-radius:9px;font-size:var(--cf-fs-meta);color:var(--cf-text-muted)}
.fc-wz-num b{font-size:16px;color:var(--cf-text)}
.fc-wz-num.st{background:var(--cf-atencao-bg)}
.fc-wz-num.st b{color:var(--cf-atencao-text)}
.fc-wz-nx{margin-top:10px;font-size:var(--cf-fs-meta);color:var(--cf-text-muted)}
.fc-wz-nx b{color:var(--cf-accent-text);font-weight:500}
.fc-wz-ft{display:flex;align-items:center;gap:8px;margin-top:14px}
.fc-wz-bar{flex:1;height:4px;border-radius:2px;background:var(--cf-bg-muted);overflow:hidden}
.fc-wz-bar i{display:block;height:100%;background:var(--cf-accent);transition:width .4s cubic-bezier(.16,1,.3,1)}
.fc-touring:not(.fc-ctrfoco) .fc-ctr{opacity:.12;transition:opacity .3s}
.fc-wz-key{font-size:var(--cf-fs-label);color:var(--cf-text-subtle);margin-top:8px}
.fc-wz-key kbd{font:inherit;font-size:11px;border:1px solid var(--cf-border-strong);border-bottom-width:2px;border-radius:4px;padding:0 4px}
@media (prefers-reduced-motion:reduce){.fc-halo,.fc-wz-spot::after{animation:none}.fc-drawer,.fc-wz-spot,.fc-wz-pop,.fc-wz-trail,.fc-wz-head{transition:none}}

.fc-root{font-variant-numeric:tabular-nums}
.fc-root button,.fc-drawer button{font-family:inherit;line-height:inherit}
.fc-root :focus-visible,.fc-drawer :focus-visible{outline:2px solid var(--cf-accent);outline-offset:2px}
.fc-drawer{width:460px;display:flex;flex-direction:column}
.fc-drawer details summary{list-style:none}
.fc-drawer details summary::-webkit-details-marker{display:none}
.fc-drawer details summary::after{content:"";display:inline-block;width:6px;height:6px;margin-left:var(--cf-space-2);vertical-align:middle;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .12s}.fc-drawer details[open] summary::after{transform:rotate(-135deg)}
.fc-fechando .fc-ret{stroke-dasharray:none}
.fc-loading{display:grid;grid-template-columns:1fr 400px;gap:16px}
.fc-loading .cr-sk{height:480px;border-radius:14px}
.fc-ctr .k svg{width:12px;height:12px}
.fc-lnk{border:0;background:none;cursor:pointer}
.fc-wz{position:relative;z-index:210}
/* Saúde · País das campanhas (pc-) · cartões por rede */
.pc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
@media(max-width:1399px){.pc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pc-card{padding:16px 18px;display:flex;flex-direction:column;gap:10px;min-width:0}
.pc-card.ok{border-top:3px solid var(--cf-aberto)}.pc-card.at{border-top:3px solid var(--cf-atencao)}.pc-card.nd{background:var(--cf-bg-subtle);border-top:3px dashed var(--cf-border-strong)}
.pc-card.pc-open{grid-column:1/-1}
.pc-card header{display:flex;align-items:center;justify-content:space-between;gap:8px}.pc-card header h3{margin:0;font-size:15px;font-weight:600}
.pc-card .sd-g{margin-top:2px}.pc-card footer{margin-top:auto;padding-top:10px;border-top:1px solid var(--cf-border-subtle);font-size:12px;color:var(--cf-text-muted)}
.pc-big{font-size:26px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.1}
.pc-lbl{font-size:var(--cf-fs-label);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--cf-text-muted);margin-bottom:5px}
.pc-n{display:block;font-weight:600;font-size:13px;margin-bottom:4px;font-variant-numeric:tabular-nums}
.pc-chips{display:flex;flex-wrap:wrap;gap:4px 5px;align-items:center}
.pc-chip{display:inline-flex;align-items:center;font-size:12px;line-height:1.5;padding:1px 8px;border:1px solid var(--cf-border);border-radius:999px;background:var(--cf-bg-card);color:var(--cf-text-secondary);white-space:nowrap}
.pc-mais{font-size:12px;white-space:nowrap}
.pc-card:not(.pc-open) .pc-x,.pc-card:not(.pc-open) .pc-m2,.pc-card.pc-open .pc-m1{display:none}
.pc-falha{color:var(--cf-atencao-text);font-weight:600}
.fc-rede{display:grid;grid-template-columns:78px 1fr;gap:10px 12px;margin:0;font-size:var(--cf-fs-body);line-height:1.45}
.fc-rede dt{font-weight:600;color:var(--cf-text)}
.fc-rede dd{margin:0;color:var(--cf-text-secondary)}
/* Campanhas / prateleira (pr-*): lista por rede, matriz Ao vivo, lotes do Handoff. Layout aprovado 04/11 (deliverables/telas-prateleira) */
.fc-drawer .fc-dwb{overflow-y:auto;min-height:0}
.cp-seg{display:flex;gap:2px;background:var(--cf-bg-subtle);border-radius:999px;padding:2px}
.cp-seg button{border:0;background:none;padding:4px 12px;border-radius:999px;font:600 12.5px/1.5 inherit;font-family:inherit;color:var(--cf-text-secondary);cursor:pointer}
.cp-seg button.on{background:var(--cf-bg-card);color:var(--cf-text);box-shadow:var(--cf-shadow-xs)}
.cp-seg button:focus-visible{outline:none;box-shadow:var(--cf-shadow-focus)}
.pr-sub{font-size:12px;color:var(--cf-text-muted)}
.pr-sp{flex:1}
.pr-ctl{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:12px}
.pr-nota{display:flex;gap:10px;align-items:flex-start;background:var(--cf-sobehoje-bg);border-radius:var(--cf-radius-md);padding:9px 12px;font-size:13px;color:var(--cf-sobehoje-text);margin-bottom:14px}
.pr-nota b{color:var(--cf-text)}
.pr-nota code,.pr-sub code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--cf-fs-label)}
.pr-rede.cf-card{margin-bottom:14px;overflow:hidden;padding:0} /* .cf-card dobrado: vence .cr-root .cf-card{margin-bottom:0} */
.pr-rh{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--cf-border)}
.pr-rn{font-size:15px}
.pr-lg{display:grid;grid-template-columns:minmax(260px,1.2fr) 90px 70px minmax(0,2fr);gap:14px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--cf-border-subtle)}
.pr-lg:last-child{border-bottom:0}
.pr-lg.h{padding:8px 16px;background:var(--cf-bg-subtle);font-size:var(--cf-fs-meta);color:var(--cf-text-muted);font-weight:600}
.pr-lg .num{text-align:right;font-variant-numeric:tabular-nums}
.pr-nm{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--cf-fs-meta);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pr-chips{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.pr-shf{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--cf-border);background:var(--cf-bg-subtle);border-radius:var(--cf-radius-md);padding:5px 10px;font-size:var(--cf-fs-meta)}
.pr-shf.at{border-color:var(--cf-accent-border);background:var(--cf-accent-bg)}
.pr-shf.dc{border-color:var(--cf-aberto-bg)}
.pr-shf.ar{opacity:.65;border-style:dashed}
.pr-shf b{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}

/* ── Pauta › Proposta do time (td-*): composição de cr-*, cf-*, pa-*; mock aprovado 03/11/2026 ── */
.cr-selo.dt{background:var(--cf-accent-bg,var(--cf-bg-muted));color:var(--cf-accent-text);border:1px solid var(--cf-accent)}
.pa-ex{font-size:12px;color:var(--cf-text-muted);font-style:normal}
.cr-drawer.td{width:620px;max-width:100%}
.td-tipo{padding:12px 20px 0;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.td-tipo .cr-id{flex:1;min-width:200px}
.td-sec{margin-top:18px}
.td-sec>.lbl{margin-bottom:6px}
.td-hint{font-size:12px;color:var(--cf-text-muted);margin:5px 0 0;line-height:1.4}
.td-ft{border-top:1px solid var(--cf-border);padding:12px 20px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:var(--cf-bg-card)}
.td-ft .why{font-size:12px;color:var(--cf-text-muted);flex:1;min-width:160px}
.td-row2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.td-ed{background:var(--cf-bg-subtle);border-color:transparent;font-size:13px}
.td-ed:hover{border-color:var(--cf-border-strong)}
.td-ed:focus{background:var(--cf-bg-card)}
.td-orig{border:1px solid var(--cf-border);border-radius:var(--cf-radius-md);background:var(--cf-bg-subtle);padding:10px 12px}
.td-orig p{margin:6px 0 0;font-size:13px;line-height:1.5;color:var(--cf-text)}
.td-orig .ev-h{font-size:12px}
.td-beat{display:grid;grid-template-columns:62px minmax(0,1fr);gap:8px;align-items:start;margin-bottom:6px}
.td-beat .tm{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:var(--cf-text-muted);padding-top:9px}
.td-beat textarea{resize:none;min-height:38px}
.td-mx{display:grid;grid-template-columns:28px minmax(0,1fr) 120px;gap:8px;align-items:center;margin-bottom:6px}
.td-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.td-steps li{display:flex;gap:10px;align-items:center;font-size:13px;color:var(--cf-text-secondary)}
.td-steps li i{width:16px;height:16px;border-radius:50%;border:2px solid var(--cf-border-strong);flex:none;display:grid;place-items:center}
.td-steps li.ok{color:var(--cf-text)}.td-steps li.ok i{border-color:var(--cf-accent);background:var(--cf-accent);color:#fff}
.td-steps li.cur i{border-color:var(--cf-accent);border-top-color:transparent;animation:tdgira 1s linear infinite}
@keyframes tdgira{to{transform:rotate(360deg)}}
.td-ads{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.td-ad{border:1px solid var(--cf-border);border-radius:var(--cf-radius-md);background:var(--cf-bg-card);overflow:hidden;cursor:pointer;text-align:left;padding:0;font:inherit;color:inherit;display:flex;flex-direction:column}
.td-ad:hover{border-color:var(--cf-border-strong)}
.td-ad.on{border-color:var(--cf-accent);box-shadow:0 0 0 1px var(--cf-accent)}
.td-ad .th{aspect-ratio:9/12;display:grid;place-items:center;color:#fff}
.td-ad .th svg{opacity:.9}
.td-ad .mt{padding:7px 9px 9px;display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--cf-text-muted)}
.td-ad .mt b{font-size:var(--cf-fs-meta);color:var(--cf-text);font-weight:600;line-height:1.3}
.td-gm{display:flex;flex-wrap:wrap;gap:6px}
.td-gm .cf-chip-on{background:var(--cf-pill-active-bg);color:var(--cf-pill-active-text);border-color:var(--cf-accent)}
.td-drop{border:1px dashed var(--cf-border-strong);border-radius:var(--cf-radius-lg);background:var(--cf-bg-subtle);padding:26px 18px;text-align:center;font-size:13px;color:var(--cf-text-muted);display:flex;flex-direction:column;align-items:center;gap:6px}
.td-file{display:flex;align-items:center;gap:12px;border:1px solid var(--cf-border);border-radius:var(--cf-radius-md);padding:8px 10px;background:var(--cf-bg-card)}
.td-file .th{width:44px;aspect-ratio:9/12;border-radius:6px;flex:none;display:grid;place-items:center;color:#fff}
.td-rk{width:100%;border-collapse:collapse;font-size:var(--cf-fs-meta)}
.td-rk th{text-align:left;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--cf-text-muted);padding:6px 8px;border-bottom:1px solid var(--cf-border)}
.td-rk td{padding:7px 8px;border-bottom:1px solid var(--cf-border-subtle);vertical-align:top;color:var(--cf-text-secondary)}
.td-rk td:first-child{color:var(--cf-text);font-weight:600}
.td-rk td.ar{color:var(--cf-text-muted);width:16px}
.td-bar{height:6px;border-radius:3px;background:var(--cf-bg-muted);overflow:hidden;margin-top:4px}.td-bar i{display:block;height:100%;background:var(--cf-accent)}
.td-big{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.td-big div{border:1px solid var(--cf-border);border-radius:var(--cf-radius-md);padding:8px 10px;display:flex;flex-direction:column;gap:2px}
.td-big small{font-size:12px;color:var(--cf-text-muted);font-weight:600}.td-big b{font-size:15px}
.td-bib{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.td-bib .td-ad .cf-btn{margin:0 9px 9px}
.td-ok{display:flex;flex-direction:column;gap:10px}
.td-ok .row{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid var(--cf-border);border-radius:var(--cf-radius-md);padding:9px 12px;font-size:13px}
.td-sk{height:12px;margin:6px 0}
.cr-state .acts{display:flex;gap:8px;margin-top:8px}
.td-mx .pa-rk{color:var(--cf-text-secondary);font-weight:700;text-align:center}
.td-rg{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding:8px 12px;border:1px solid var(--cf-border);border-radius:var(--cf-radius-lg);background:var(--cf-bg-card)}
.td-rg small{font-size:12px;font-weight:600;color:var(--cf-text-muted);white-space:nowrap}
.td-rg .td-bar{flex:0 0 180px;margin:0}
.td-bar i.over{background:var(--cf-atencao-text)}
.td-fix{border:1px solid var(--cf-border);border-radius:var(--cf-radius-md);background:var(--cf-bg-subtle);padding:8px 10px;font-size:13px;color:var(--cf-text-secondary);min-width:0;overflow-wrap:anywhere}
.td-ul{margin:0;padding-left:18px;font-size:13px;line-height:1.55;color:var(--cf-text-secondary)}
.td-ta{field-sizing:content;resize:none;min-height:38px}
.td-lk{display:flex;gap:8px}.td-lk .cf-input{flex:1}
.td-file-btn{cursor:pointer}
.td-db .td-sec:first-child,.cr-db>.td-sec:first-child{margin-top:12px}
.td-sec>.lbl{font-size:13px;font-weight:500;color:var(--cf-text-secondary)}
.cr-drawer.td .cf-xselect{width:100%}.cr-drawer.td .cf-xselect-trigger{width:100%;justify-content:space-between}
.td-ad:disabled{opacity:.6;cursor:not-allowed}
.cf-chip[disabled]{opacity:.55;cursor:not-allowed}


/* Hipóteses · Ao vivo (prateleira): matriz conceitos × redes, grupos jogo › prateleira. Layout aprovado 04/11. */
.av-root{padding:0}.hp-pt-rg.av-root{background:none;border:0;border-radius:0} /* filtros soltos; o cartão é só a tabela (.av-t) */
.ho .av thead th{top:-24px} /* gruda na borda visível do .cf-content (padding-top 24px), sem fresta acima do cabeçalho */
.av-f{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-bottom:10px}
.av-ctl{display:flex;align-items:center;gap:8px}
.av .lab,.av-f .lab{font-size:12px;color:var(--cf-text-muted);font-weight:600}
.av-sp{flex:1}
.av-seg{display:inline-flex;border:1px solid var(--cf-border);border-radius:var(--cf-radius-md);overflow:hidden;background:var(--cf-bg-card)}
.av-seg button{border:0;background:none;padding:5px 12px;font:600 12.5px/1.4 inherit;font-family:inherit;color:var(--cf-text-muted);border-right:1px solid var(--cf-border);cursor:pointer}
.av-seg button:last-child{border-right:0}
.av-seg button:hover{color:var(--cf-text);background:var(--cf-bg-hover)}
.av-seg button.on{background:var(--cf-accent-bg);color:var(--cf-accent-text)}
.av-seg button:focus-visible{outline:2px solid var(--cf-accent);outline-offset:-2px}
.av-seg b.num{font-weight:700;margin-left:4px;color:var(--cf-text-secondary)}
.av-f .sub{color:var(--cf-text-muted);font-size:var(--cf-fs-meta)}
.av .sd{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;background:var(--cf-text-subtle)}
.av .sd.in{background:var(--cf-sobehoje)}.av .sd.er{background:var(--cf-atrasado)}.av .sd.ok{background:var(--cf-aberto)}.av .sd.ac{background:var(--cf-accent)}
.av-leg{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--cf-text-muted);margin:0 0 10px}
.av-leg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px}
.av-leg i.a{background:var(--cf-text-subtle)}.av-leg i.b{background:var(--cf-aberto)}
.av-t{border:1px solid var(--cf-border);border-radius:var(--cf-radius-lg);background:var(--cf-bg-card);overflow:clip}
.av{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:var(--cf-fs-meta)}
.av thead th{position:sticky;top:0;z-index:4;background:var(--cf-bg-elevated);border-bottom:1px solid var(--cf-border-strong);padding:9px 10px;text-align:left;font-size:var(--cf-fs-meta)}
.av th.rl{width:190px;font-weight:600;font-size:13px;text-align:left;padding:6px 12px;background:var(--cf-bg-card);border-bottom:1px solid var(--cf-border-subtle);border-right:1px solid var(--cf-border-subtle)}
.av thead th.rl{background:var(--cf-bg-elevated);color:var(--cf-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:var(--cf-fs-label)}
.av td.mc{padding:6px 10px;border-bottom:1px solid var(--cf-border-subtle);border-right:1px solid var(--cf-border-subtle);vertical-align:top;border-left:3px solid transparent}
.av td.mc:last-child{border-right:0}
.av td.nul{text-align:center;vertical-align:middle;color:var(--cf-text-subtle)}
.av td.mc.dim{opacity:.28}
.av td.st-vencedor{border-left-color:var(--cf-aberto);background:var(--cf-aberto-bg)}.av td.st-cortar{border-left-color:var(--cf-atrasado);background:var(--cf-atrasado-bg)}
.av td.st-confirmando{border-left-color:var(--cf-accent)}.av td.st-testando{border-left-color:var(--cf-sobehoje)}.av td.st-cortado{border-left-color:var(--cf-border-strong)}
.av td.foco{outline:2px solid var(--cf-accent);outline-offset:-2px}.av td.foco.pisca{animation:av-pisca 1.2s ease-out}
@keyframes av-pisca{0%,60%{background:var(--cf-accent-bg)}}
@media (prefers-reduced-motion:reduce){.av td.foco.pisca{animation:none}}
.av .c1{display:flex;align-items:center;gap:8px}.av .c1 b{min-width:30px;font-size:14px}.av .c1 .av-bar{flex:1;max-width:80px}.av .c1 .cr-selo{margin-left:auto}
.av .c2{margin-top:3px;color:var(--cf-text-muted);font-size:var(--cf-fs-label);display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.av .c2 .up{color:var(--cf-aberto-text)}.av .c2 .dn{color:var(--cf-atrasado-text)}
.av tr.gr1 td{background:var(--cf-bg-elevated);border-bottom:1px solid var(--cf-border);padding:0}
.av tr.gr2 td{background:var(--cf-bg-subtle);border-bottom:1px solid var(--cf-border-subtle);padding:0}
.av tr.gr1.at td{background:var(--cf-atencao-bg);border-bottom-color:var(--cf-atencao-border,var(--cf-border))}
.av .gt{display:flex;width:100%;gap:10px;align-items:center;padding:8px 12px;background:none;border:0;text-align:left;color:var(--cf-text);font:inherit;font-size:13px}
.av tr.gr2 .gt{padding-left:28px;font-size:var(--cf-fs-meta)}
.av button.gt{cursor:pointer}.av button.gt:hover{background:var(--cf-bg-hover)}.av button.gt:focus-visible{outline:2px solid var(--cf-accent);outline-offset:-2px}
.av .gt .sub{color:var(--cf-text-muted);font-size:var(--cf-fs-meta);font-weight:400}
.av .mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--cf-fs-label)}
.av .chev{width:8px;height:8px;border-right:2px solid var(--cf-text-muted);border-bottom:2px solid var(--cf-text-muted);transform:rotate(-45deg);display:inline-block;transition:transform .12s}.av .chev.o{transform:rotate(45deg)}
.av .gc{font-size:11px;font-weight:600;padding:1px 7px;border-radius:999px;background:var(--cf-concluida-bg);color:var(--cf-concluida-text);white-space:nowrap}
.av .gc.in{background:var(--cf-sobehoje-bg);color:var(--cf-sobehoje-text)}.av .gc.er{background:var(--cf-atrasado-bg);color:var(--cf-atrasado-text)}.av .gc.ok{background:var(--cf-aberto-bg);color:var(--cf-aberto-text)}.av .gc.ac{background:var(--cf-accent-bg);color:var(--cf-accent-text)}
.av-bar{height:8px;border-radius:999px;background:var(--cf-bg-muted,var(--cf-bg-subtle));position:relative}
/* LO-02: o que acontece com a célula (prazo + Segurar) no grupo "Precisa de atenção" */
.av-o{display:flex;flex-direction:column;gap:var(--cf-space-1);margin-top:var(--cf-space-2);font-size:var(--cf-fs-meta)}.av-oq{display:flex;align-items:center;gap:var(--cf-space-2)}.av-o .cr-note{margin:0}.av-o .sub{color:var(--cf-text-muted)}
.av-bar>i{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:var(--cf-accent)}
.av-bar .tk{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--cf-text-muted);border-radius:1px}
.av-bar.g>i{background:var(--cf-aberto)}.av-bar.r>i{background:var(--cf-atrasado)}.av-bar.m>i{background:var(--cf-text-subtle)}
.av-vz{border:1px dashed var(--cf-border-strong);border-radius:var(--cf-radius-md);padding:14px;color:var(--cf-text-muted);font-size:13px;text-align:center;margin:8px}

/* Handoff · Lotes (prateleira) */
.hl-purpose{display:flex;align-items:center;gap:18px;flex-wrap:wrap;border:1px solid var(--cf-accent-border);background:var(--cf-accent-bg);border-radius:12px;padding:14px 18px;margin-bottom:14px}
.hl-purpose p{margin:0;font-size:16px;font-weight:600;flex:1;min-width:320px}
.hl-hcs{display:flex;gap:8px;flex-wrap:wrap}
.hl-hc{display:inline-flex;gap:6px;align-items:baseline;font-size:12px;color:var(--cf-text-secondary);border:1px solid var(--cf-border);background:var(--cf-bg-card);border-radius:8px;padding:4px 10px}
.hl-hc b{font-size:16px;color:var(--cf-text)}
.hl-hc.at b{color:var(--cf-atencao-text)}.hl-hc.in b{color:var(--cf-sobehoje-text)}.hl-hc.ok b{color:var(--cf-aberto-text)}.hl-hc.er b{color:var(--cf-atrasado-text)}.hl-hc.ac b{color:var(--cf-accent-text)}
.hl-lote{border:1px solid var(--cf-border);background:var(--cf-bg-card);border-radius:12px;margin-bottom:14px;overflow:hidden}
.hl-h{display:flex;gap:12px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--cf-border)}
.hl-sp{flex:1}
.hl-st{padding:8px 16px;background:var(--cf-bg-subtle);border-bottom:1px solid var(--cf-border-subtle)}
.hl-st b{color:var(--cf-text)}
.hl-con{padding:8px 16px;background:var(--cf-bg-subtle);border-bottom:1px solid var(--cf-border-subtle)}
.hl-ch{font-weight:700;font-size:13px}
.hl-row{display:grid;grid-template-columns:minmax(230px,1fr) minmax(0,1.8fr) minmax(220px,1fr);gap:14px;align-items:start;padding:10px 16px;border-bottom:1px solid var(--cf-border-subtle)}
.hl-row:last-of-type{border-bottom:0}
.hl-rede{font-weight:700;font-size:13px}
.hl-camp{font-size:var(--cf-fs-label);color:var(--cf-text-muted);word-break:break-all;margin-top:2px}
.hl-row .ho-names{margin:6px 0 0;padding:8px 10px;border-radius:8px;background:var(--cf-bg-page);border:1px solid var(--cf-border);font-family:ui-monospace,Consolas,monospace;font-size:var(--cf-fs-label);color:var(--cf-text-secondary);word-break:break-all}
.hl-row .ho-names em{font-style:normal;color:var(--cf-accent-text);font-weight:700}
.hl-foot{margin-top:12px}

/* ── G1 · Hoje, chip de capacidade da Pauta e Montar lote do Handoff (layout: deliverables/telas-prateleira, Hoje A) ── */
.op-sp{flex:1}.op-num{font-variant-numeric:tabular-nums}.op-lab{font-size:11px;text-transform:uppercase;letter-spacing:.05em;font-weight:700;color:var(--cf-text-muted)}
.op-h{display:flex;gap:var(--cf-space-2);align-items:baseline;margin-bottom:var(--cf-space-2)}.op-h b{font-size:16px}
.op-acs{background:var(--cf-bg-card);border:1px solid var(--cf-border);border-radius:var(--cf-radius-lg);padding:var(--cf-space-4) var(--cf-space-5);margin-bottom:var(--cf-space-7)}
.op-semacao{padding:8px 0}
.op-ac{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:var(--cf-space-3);align-items:center;padding:var(--cf-space-2) 0;border-top:1px solid var(--cf-border-subtle)}
.op-ac .n{width:24px;height:24px;border-radius:50%;background:var(--cf-bg-muted);color:var(--cf-text);font-weight:700;font-size:12px;display:inline-flex;align-items:center;justify-content:center}
.op-ac.ac .n{background:var(--cf-accent);color:var(--cf-btn-primary-text)}.op-ac.er .n{background:var(--cf-atrasado);color:#0F0E14}.op-ac.at .n{background:var(--cf-atencao);color:#0F0E14}.op-ac.in .n{background:var(--cf-sobehoje);color:#0F0E14}
.op-ac .t{font-weight:600;font-size:14px;display:flex;gap:8px;align-items:center;min-width:0}
.op-tj{font-size:11px;font-weight:700;letter-spacing:.04em;padding:1px var(--cf-space-1);border-radius:5px;background:var(--cf-bg-muted);color:var(--cf-text-secondary);flex:none}
.op-et{font-size:11px;font-weight:600;color:var(--cf-text-secondary);margin-right:var(--cf-space-1)}.op-et::after{content:" ·"}
.op-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;background:var(--cf-concluida-bg);color:var(--cf-concluida-text);white-space:nowrap}
.op-chip i{width:7px;height:7px;border-radius:50%;background:currentColor}
.op-chip.ok{background:var(--cf-aberto-bg);color:var(--cf-aberto-text)}.op-chip.er{background:var(--cf-atrasado-bg);color:var(--cf-atrasado-text)}.op-chip.at{background:var(--cf-atencao-bg);color:var(--cf-atencao-text)}
.op-tr{background:var(--cf-bg-card);border:1px solid var(--cf-border);border-radius:var(--cf-radius-lg);padding:0;margin-bottom:var(--cf-space-6);overflow:hidden}
.op-trh{display:flex;gap:var(--cf-space-3);align-items:center;padding:var(--cf-space-3) var(--cf-space-4);border-bottom:1px solid var(--cf-border)}.op-trh b{font-size:16px}
.op-fl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(0,1.5fr)}
.op-st{padding:12px 16px;border-right:1px solid var(--cf-border-subtle);position:relative;min-width:0}
.op-st:not(:last-child)::after{content:"›";position:absolute;right:-7px;top:40%;font-size:16px;color:var(--cf-text-subtle);background:var(--cf-bg-card);line-height:1;z-index:1}
.op-st small,.op-fh{display:block;font-size:12px;font-weight:600;color:var(--cf-text-muted)}
.op-st>b{display:block;font-size:24px;margin:var(--cf-space-1) 0}
.op-st.er{background:var(--cf-atrasado-bg)}.op-st.at{background:var(--cf-atencao-bg)}
.op-st.vg{border-right:0}.op-st.vg>b{font-size:16px;line-height:1.3;margin:var(--cf-space-1) 0}
.op-st.vg.er{background:var(--cf-atrasado-bg)}.op-st.vg.er>b{color:var(--cf-atrasado-text)}.op-st.vg.at{background:var(--cf-atencao-bg)}.op-st.vg.at>b{color:var(--cf-atencao-text)}.op-st.vg.ac{background:var(--cf-accent-bg)}.op-st.vg.ac>b{color:var(--cf-accent-text)}.op-st.vg.in{background:var(--cf-sobehoje-bg)}.op-st.vg.in>b{color:var(--cf-sobehoje-text)}.op-st.vg.ok>b{color:var(--cf-aberto-text)}
.op-dots{display:flex;gap:3px;margin-top:6px;flex-wrap:wrap}.op-dots i{width:12px;height:12px;border-radius:3px;background:var(--cf-bg-muted);border:1px dashed var(--cf-border-strong)}.op-dots i.on{background:var(--cf-aberto);border:0}.op-dots i.mk{margin-right:6px}
.op-bar{height:5px;border-radius:3px;background:var(--cf-bg-muted);margin-top:6px;overflow:hidden}.op-bar i{display:block;height:100%;background:var(--cf-sobehoje)}
/* Lote dinâmico (D3): tese + faixa de cartões por jogo no topo da Hoje (deliverables/telas-prateleira #dinamico/D3). */
.dn{margin-bottom:var(--cf-space-7)}.dn-tese{flex-wrap:wrap}
.dn-fx{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--cf-space-3)}
.dn-fc{border:1px solid var(--cf-border);background:var(--cf-bg-card);border-radius:var(--cf-radius-lg);padding:var(--cf-space-3) var(--cf-space-4);display:flex;flex-direction:column;gap:var(--cf-space-2);min-width:0}
.dn-fc.er{border-color:rgba(248,113,113,.45)}.dn-fc.at{border-color:rgba(251,191,36,.4)}
.dn-fh{display:flex;justify-content:space-between;align-items:center;gap:var(--cf-space-2);flex-wrap:wrap}.dn-fh .cr-selo{font-size:11px}.dn-fh b{font-size:14px}
.dn-n{display:flex;align-items:baseline;gap:var(--cf-space-2)}.dn-n>b{font-size:24px}.dn-n span{font-size:12px;color:var(--cf-text-secondary)}
.dn-fb{display:flex;flex-direction:column;gap:var(--cf-space-1)}.dn-fb .cr-sub{font-size:12px}.dn-fb .cr-sub b{color:var(--cf-text)}
.dn-bar{position:relative;height:6px;border-radius:3px;background:var(--cf-bg-muted)}.dn-bar i{display:block;height:100%;border-radius:3px;background:var(--cf-atencao)}.dn-bar.g i{background:var(--cf-aberto)}
.dn-bar .tk{position:absolute;left:33.33%;top:-2px;width:2px;height:10px;background:var(--cf-text-muted)}
/* Hoje · rodada UX segura (HO-04/05/06/09) */
.dn-bar.r i{background:var(--cf-atrasado)}
.dn-leg{display:flex;align-items:center;gap:4px;margin-top:4px;font-size:12px}.dn-leg i{width:9px;height:9px;border-radius:2px;background:var(--cf-bg-muted);border:1px dashed var(--cf-border-strong)}.dn-leg i.l-oc{background:var(--cf-aberto);border:0}.dn-leg i.l-fl{background:var(--cf-text-subtle);border:0}
button.op-st{font:inherit;color:inherit;text-align:left;background:none;border:0;border-right:1px solid var(--cf-border-subtle);cursor:pointer;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch}
.op-st-ir>span.cr-sub,.op-st-ir>.op-bar{display:block}.op-st-ir>.op-dots{display:flex}
button.op-st:hover{background:var(--cf-bg-hover)}button.op-st:hover small{color:var(--cf-accent-text)}button.op-st:focus-visible{outline:none;box-shadow:inset var(--cf-shadow-focus)}
.op-ac .n,.op-ac.ac .n,.op-ac.er .n,.op-ac.at .n,.op-ac.in .n{background:var(--cf-bg-muted);color:var(--cf-text)}
.op-ac.prazo .n{background:var(--cf-atencao);color:#0F0E14}
.dn-dots{align-items:center;margin-top:0}.dn-dots i.oc{background:var(--cf-sobehoje);border:0}.dn-dots i.fl{background:var(--cf-text-subtle);border:0;opacity:.7}.dn-dots i.dv{width:1px;height:14px;background:var(--cf-border-strong);border:0;margin:0 4px}
.dn-dots em{font-style:normal;font-size:11px;font-weight:700;color:var(--cf-text-muted);margin-left:3px}
.dn-fs{font-size:12px;font-weight:600}.dn-fs.er,.dn-al.er b{color:var(--cf-atrasado-text)}.dn-fs.at,.dn-al.at b{color:var(--cf-atencao-text)}.dn-fs.ok{color:var(--cf-aberto-text)}
.op-mot{display:inline-flex;align-items:center;gap:5px;font-size:var(--cf-fs-label);font-weight:600;color:var(--cf-text-secondary)}.op-mot i{width:8px;height:8px;border-radius:2px}
.op-pchips{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px;padding:10px 14px;border:1px solid var(--cf-border);border-radius:var(--cf-radius-lg);background:var(--cf-bg-card)}
.op-ml{background:var(--cf-bg-card);border:1px solid var(--cf-accent-border);border-radius:var(--cf-radius-lg);padding:0;margin-bottom:16px;overflow:hidden}
.op-mlh{display:flex;gap:12px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--cf-border)}.op-mlh b{font-size:15px}
.op-ml .op-nota,.op-ml .cr-note{margin:0 16px 10px}
.op-mls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:10px 16px}
.op-slots{display:flex;gap:4px}.op-slots i{width:22px;height:10px;border-radius:3px;background:var(--cf-bg-muted)}.op-slots i.mn{background:none;border:1px dashed var(--cf-atrasado)}.op-slots i.on{background:var(--cf-accent)}
.op-lg{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;padding:0 16px 14px}
.op-lc{border:1px solid var(--cf-border);background:var(--cf-bg-subtle);border-radius:var(--cf-radius-md);padding:10px 12px;display:flex;flex-direction:column;gap:6px}
.op-lc.on{border-color:var(--cf-accent);box-shadow:var(--cf-shadow-focus)}
.op-lc.vz{border:1px dashed var(--cf-atrasado);background:var(--cf-atrasado-bg);justify-content:center;color:var(--cf-atrasado-text)}
.op-lch{display:flex;gap:8px;align-items:baseline}.op-lch b{font-size:14px}
.op-rk{font-size:11px;font-weight:800;color:var(--cf-text-subtle)}
.op-why{display:flex;gap:5px;flex-wrap:wrap}.op-why span{font-size:11px;font-weight:600;padding:1px 7px;border-radius:999px;background:var(--cf-bg-muted);color:var(--cf-text-secondary)}
.op-why .g{background:var(--cf-aberto-bg);color:var(--cf-aberto-text)}.op-why .r{background:var(--cf-atencao-bg);color:var(--cf-atencao-text)}.op-why .a{color:var(--cf-text)}
.op-motivo{font-size:var(--cf-fs-label)}
.op-la{display:flex;gap:6px;margin-top:2px}
.op-fh{padding:10px 16px 6px}.op-fh~.op-fr:first-of-type{border-top:1px solid var(--cf-border)}
.op-fr{display:grid;grid-template-columns:minmax(0,220px) 140px 130px minmax(0,1fr) auto;gap:12px;align-items:center;padding:7px 16px;border-top:1px solid var(--cf-border-subtle)}.op-fr b{font-weight:600;font-size:13px}
.op-mv{color:var(--cf-text-secondary)}
.op-feitos{display:flex;gap:6px;flex-wrap:wrap;padding:0 16px 14px}
.op-mlf{display:flex;gap:10px;align-items:center;padding:12px 16px;border-top:1px solid var(--cf-border);background:var(--cf-bg-elevated)}.op-mlf .op-msg{flex:1;color:var(--cf-text-secondary);font-size:13px}

/* ── Handoff · layout C, "o próximo passo" (deliverables/telas-prateleira, Handoff v2 → C) ── */
.hc-fo{background:var(--cf-bg-card);border:1px solid var(--cf-border);border-radius:var(--cf-radius-lg);padding:22px 24px 14px;margin-bottom:14px;min-height:340px} /* reserva: trocar o destaque (Ver) salta menos */
.hc-fo.ac{border-color:var(--cf-accent-border)}.hc-fo.er{border-color:rgba(248,113,113,.45)}.hc-fo.at{border-color:rgba(251,191,36,.4)}.hc-fo.in{border-color:rgba(96,165,250,.35)}
.hc-ey{display:flex;gap:12px;align-items:center;font-size:12px;font-weight:700;color:var(--cf-text-muted)}.hc-ey .cr-mono,.hc-ey .cr-selo{text-transform:none;letter-spacing:0}
.hc-fo h3{margin:6px 0 4px;font-size:24px;line-height:1.2;letter-spacing:-.015em;font-weight:700;text-wrap:balance;color:var(--cf-text)}
.hc-fo>p{margin:0;font-size:14px;color:var(--cf-text-secondary);max-width:75ch}
.hc-fo.calm h3{color:var(--cf-text-secondary)}
.hc-fa{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:14px}.hc-msg{font-size:13px;color:var(--cf-text-muted)}
.cf-btn.hc-lg{padding:11px 22px;font-size:15px}
.hc-tr{list-style:none;margin:0;padding:16px 0 12px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.hc-tr li{display:flex;flex-direction:column;gap:3px;min-width:0}
.hc-tr .r{display:flex;align-items:center;gap:6px;margin-bottom:3px}.hc-tr .r::after{content:"";flex:1;height:2px;border-radius:2px;background:var(--cf-border);margin-right:6px}.hc-tr li:last-child .r::after{display:none}
.hc-tr i{flex:none;width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-size:11px;font-weight:700;background:var(--cf-bg-muted);color:var(--cf-text-subtle)}
.hc-tr b{font-size:13px;font-weight:600;color:var(--cf-text-muted)}.hc-tr small{font-size:12px;color:var(--cf-text-subtle);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hc-tr .feito i{background:var(--cf-aberto-bg);color:var(--cf-aberto-text)}.hc-tr .feito .r::after{background:var(--cf-aberto)}.hc-tr .feito b{color:var(--cf-text-secondary)}
.hc-tr .agora b{color:var(--cf-text)}.hc-tr .agora small{color:var(--cf-text-secondary)}
.hc-tr .agora i{background:var(--cf-accent);color:var(--cf-btn-primary-text);box-shadow:0 0 0 4px var(--cf-accent-bg)}
.hc-tr .agora.in i{background:var(--cf-sobehoje);box-shadow:0 0 0 4px var(--cf-sobehoje-bg)}.hc-tr .agora.ok i,.hc-tr .agora.mu i{background:var(--cf-aberto);box-shadow:0 0 0 4px var(--cf-aberto-bg)}
.hc-tr .agora.at i{background:var(--cf-atencao);box-shadow:0 0 0 4px var(--cf-atencao-bg)}.hc-tr .agora.er i{background:var(--cf-atrasado);box-shadow:0 0 0 4px var(--cf-atrasado-bg)}
.hc-trm{display:flex;flex-direction:column;gap:var(--cf-space-1);min-width:0}.hc-trm small{font-size:var(--cf-fs-meta);color:var(--cf-text-muted);white-space:nowrap}
.hc-tr.mini{padding:0;width:130px}.hc-tr.mini i{width:12px;height:12px;font-size:0}.hc-tr.mini .r{margin:0;gap:3px}.hc-tr.mini .r::after{margin-right:3px}.hc-tr.mini .agora i{box-shadow:0 0 0 3px var(--cf-bg-muted)}
.hc-sec{padding:0 0 4px}
.hc-cn{display:grid;grid-template-columns:22px minmax(0,230px) minmax(0,1fr) auto;gap:12px;align-items:center;padding:7px 0;border-top:1px solid var(--cf-border-subtle)}
.hc-cn .n{font-size:11px;font-weight:700;color:var(--cf-text-subtle);text-align:center}.hc-cn b{font-weight:600;font-size:14px}.hc-cn .bt{display:flex;gap:6px;justify-content:flex-end}
.hc-cn.on{background:var(--cf-accent-bg);border-radius:var(--cf-radius-md)}.hc-cn.vz b{color:var(--cf-atrasado-text)}
.hc-mt{display:inline-flex;gap:6px;align-items:center;font-size:13px;color:var(--cf-text-secondary);cursor:help;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hc-mt i{width:8px;height:8px;border-radius:2px;flex:none}.hc-mt.rep{color:var(--cf-atencao-text)}
.hc-tc{margin:2px 0 8px 34px;padding:8px 12px 4px;border:1px solid var(--cf-accent-border);border-radius:var(--cf-radius-md);background:var(--cf-bg-elevated)}.hc-tc .hc-cn{grid-template-columns:0 minmax(0,230px) minmax(0,1fr) auto}.hc-tc .cr-sub b{color:var(--cf-text)}
.hc-fora{font-size:13px;color:var(--cf-text-muted);padding-top:9px;border-top:1px solid var(--cf-border-subtle);line-height:1.9}.hc-fora b{color:var(--cf-text-secondary);font-weight:600}.hc-fora .hc-in{padding:1px 8px;font-size:12px;vertical-align:baseline}
.hc-rg{font-size:12px;color:var(--cf-text-subtle);margin-top:4px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.hc-rg b{color:var(--cf-text-secondary)}
.hc-pq summary{cursor:pointer;color:var(--cf-text-muted);font-weight:500}.hc-pq p{margin:var(--cf-space-1) 0 0;max-width:75ch} /* Por que estes N? — raciocínio do sistema recolhido */
.hc-cl{font-size:13px;color:var(--cf-text-secondary);display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;padding:2px 0 4px}
.hc-lab{font-size:11px;font-weight:700;color:var(--cf-text-muted)}
.hc-pb{display:flex;gap:6px 10px;align-items:baseline;flex-wrap:wrap;margin:12px 0 2px;padding:9px 12px;border-radius:var(--cf-radius-md);font-size:13px;line-height:1.45}.hc-pb>span{flex-basis:100%}.hc-pb>b+span{flex-basis:auto;flex:1;min-width:240px}
.hc-pb.at{background:var(--cf-atencao-bg);color:var(--cf-atencao-text)}.hc-pb.er{background:var(--cf-atrasado-bg);color:var(--cf-atrasado-text)}
.hc-rd{margin-top:10px}.hc-rd summary{cursor:pointer;font-size:13px;font-weight:600;color:var(--cf-text-muted);list-style:none;padding:4px 0}.hc-rd summary::-webkit-details-marker{display:none}
.hc-rd summary::before{content:"";display:inline-block;width:6px;height:6px;margin-right:var(--cf-space-2);vertical-align:middle;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);transition:transform .12s}.hc-rd[open] summary::before{transform:rotate(45deg)}.hc-rd summary:hover{color:var(--cf-text)}
.hc-rr{display:grid;grid-template-columns:90px minmax(0,1.3fr) minmax(0,1fr);gap:4px 12px;align-items:center;padding:8px 0;border-top:1px solid var(--cf-border-subtle);font-size:13px}
.hc-rr .cr-mono{overflow-wrap:anywhere}.hc-rr .cr-sub{margin:0}.hc-ads{grid-column:2/-1;color:var(--cf-text-subtle);font-size:11px;overflow-wrap:anywhere}.hc-ads em{font-style:normal;color:var(--cf-accent-text);font-weight:700}.hc-rodape{padding:6px 0 2px}
.hc-ls{background:var(--cf-bg-card);border:1px solid var(--cf-border);border-radius:var(--cf-radius-lg);padding:12px 16px 4px;margin-bottom:14px}
.hc-lr{display:grid;grid-template-columns:220px 130px minmax(0,1fr) 120px 190px;gap:16px;align-items:center;padding:10px 8px;border-left:3px solid transparent;border-top:1px solid var(--cf-border-subtle)}
.hc-lr.on{border-left-color:var(--cf-accent);background:var(--cf-accent-bg)}.hc-bt{gap:8px}.hc-dest[aria-disabled="true"]{opacity:1;color:var(--cf-accent-text);cursor:default}
.hc-fo h3:focus{outline:none}.hc-fo h3:focus-visible{outline:2px solid var(--cf-accent);outline-offset:3px}
.hc-id{display:flex;gap:6px;align-items:center;min-width:0}.hc-fr{font-size:13px;font-weight:600}.hc-tx .cr-sub{margin:0}.hc-bt{display:flex;justify-content:flex-end}
.hc-var{border:1px dashed var(--cf-border-strong);border-radius:var(--cf-radius-lg);padding:12px 16px;display:flex;flex-direction:column;gap:8px}
.hc-vr{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.hc-vr .cr-sub{margin:0}.hc-var .hc-rd{margin-top:0}
@media (max-width:900px){.hc-cn,.hc-lr,.hc-rr{grid-template-columns:1fr}.hc-fo h3{font-size:21px}}
/* Decisão do dia (alternativa A, artifact telas-prateleira "Lotes com criativo" V2): dentro do destaque */
.hc-fo.dec{padding:18px 22px 6px}
.dc-hd{display:flex;gap:24px;align-items:flex-start;margin:6px 0 12px}.dc-hd>div:first-child{flex:1;min-width:0}
.dc-hd h3{margin:0 0 6px;font-size:24px;line-height:1.2;letter-spacing:-.015em;font-weight:700;text-wrap:balance;color:var(--cf-text)}.dc-hd h3:focus{outline:none}
.dc-hd p{margin:0;font-size:14.5px;color:var(--cf-text-secondary);max-width:78ch;text-wrap:pretty}
.dc-rel{flex:none;display:flex;flex-direction:column;align-items:center;min-width:132px;padding:10px 16px;border-radius:var(--cf-radius-md);background:var(--cf-bg-subtle);border:1px solid var(--cf-border)}
.dc-rel b{font-size:26px;line-height:1.15;letter-spacing:-.02em}.dc-rel small{font-size:var(--cf-fs-label);color:var(--cf-text-muted);font-weight:600}
.dc-rel.ac{border-color:var(--cf-accent-border);background:var(--cf-accent-bg)}.dc-rel.ac b{color:var(--cf-accent-text)}.dc-rel.at{background:var(--cf-atencao-bg);border-color:transparent}.dc-rel.at b{color:var(--cf-atencao-text)}.dc-rel.ok{background:var(--cf-aberto-bg);border-color:transparent}.dc-rel.ok b{color:var(--cf-aberto-text)}
.dc-lh,.dc-lr{display:grid;grid-template-columns:250px minmax(180px,1fr) 52px minmax(260px,1.2fr);gap:18px;align-items:center}
.dc-lh{padding:0 0 6px;font-size:var(--cf-fs-label);text-transform:uppercase;letter-spacing:.04em;font-weight:700;color:var(--cf-text-muted)}
.dc-lr{padding:8px 0;border-top:1px solid var(--cf-border-subtle)}.dc-lr>.num{font-size:14px;color:var(--cf-text-secondary)}.dc-mot{font-size:13px;color:var(--cf-text-secondary)}
.dc-bar{display:flex;gap:10px;align-items:center}.dc-bar .bar{flex:1}.dc-bar b{font-size:13px;min-width:34px;text-align:right}
.bar{height:8px;border-radius:999px;background:var(--cf-bg-muted);position:relative}.bar>i{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:var(--cf-accent)}.bar.g>i{background:var(--cf-aberto)}.bar.r>i{background:var(--cf-atencao)}
.dc-tb{display:flex;gap:6px 14px;flex-wrap:wrap;align-items:baseline;padding:8px 0 2px;border-top:1px solid var(--cf-border-subtle);font-size:var(--cf-fs-meta);color:var(--cf-text-secondary)}
.dc-pe{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:6px;padding:14px 0 10px;border-top:1px solid var(--cf-border)}.dc-mc{margin:0;font-size:13px;color:var(--cf-text-secondary);flex:1;min-width:260px}
@media (max-width:1000px){.dc-lh{display:none}.dc-lr{grid-template-columns:1fr}.dc-hd{flex-direction:column}}
/* CriativoThumb: XS (pilha/matriz), M (destaque), L (popover) */
button.ct,.ct-box{font-family:inherit;color:inherit}
button.ct{border:0;padding:0;background:none;cursor:pointer}
.ct-f{display:block;overflow:hidden;position:relative;background:var(--cf-bg-muted)}.ct-f img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
.ct.xs{position:relative;width:28px;height:28px;flex:none;border-radius:7px;box-shadow:0 0 0 2px var(--cf-bg-card)}.ct.xs .ct-f{width:28px;height:28px;border-radius:7px}
.ct-stack{display:inline-flex;align-items:center;padding-left:6px}.ct-stack>.ct,.ct-stack>.ct-more{margin-left:-6px}.ct-stack>.ct:hover{z-index:2;transform:translateY(-2px)}
.ct-more{height:28px;min-width:28px;padding:0 6px;border-radius:7px;background:var(--cf-bg-muted);box-shadow:0 0 0 2px var(--cf-bg-card);display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--cf-text-secondary);position:relative;z-index:1}
.ct-dot{position:absolute;left:-3px;bottom:-3px;z-index:2;width:10px;height:10px;border-radius:50%;border:2px solid var(--cf-bg-card)}.ct-dot.ok{background:var(--cf-aberto)}.ct-dot.at{background:var(--cf-atencao)}.ct-dot.mu{background:#8D899C}.ct-dot.fd{background:var(--cf-bg-muted);border-color:var(--cf-border-strong)}.ct-dot.er{background:var(--cf-atrasado)}.ct-dot.in{background:var(--cf-sobehoje)}
.ct.m{display:flex;gap:12px;align-items:center;min-width:0}
.ct-box{flex:none;width:72px;height:72px;border-radius:var(--cf-radius-md);background:var(--cf-bg-elevated);border:1px solid var(--cf-border);display:flex;align-items:center;justify-content:center;padding:0;cursor:zoom-in;overflow:hidden}
.ct-box:hover,.ct.xs:hover{outline:2px solid var(--cf-accent-border);outline-offset:1px}.ct-box:focus-visible,.ct.xs:focus-visible{outline:2px solid var(--cf-accent);outline-offset:2px}
.ct-box .ct-f{max-width:100%;max-height:100%}.ct-box .r916{height:72px;width:auto;aspect-ratio:9/16}.ct-box .r11{width:70px;height:70px}.ct-box .r169{width:72px;height:auto;aspect-ratio:16/9}.ct-box .r45{height:72px;width:auto;aspect-ratio:4/5}.ct-box .r1911{width:72px;height:auto;aspect-ratio:1.91}
.ct-tx{display:flex;flex-direction:column;gap:4px;align-items:flex-start;min-width:0}.ct-tx b{font-size:var(--cf-fs-body);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}
.ct-ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;background:hsl(var(--h) 32% 24%);background-image:repeating-linear-gradient(135deg,transparent 0 6px,hsl(var(--h) 34% 28%) 6px 7px)}
.ct-ph b{font-size:11px;letter-spacing:.04em;color:hsl(var(--h) 60% 82%);font-weight:800}.ct-ph small{font-size:9px;color:hsl(var(--h) 30% 70%);font-weight:600}
.ct-box .ct-ph b{font-size:15px}.ct-lg .ct-ph b{font-size:34px}.ct-lg .ct-ph small{font-size:12px}
.ct-play{position:absolute;left:50%;top:50%;z-index:2;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;background:rgba(15,14,20,.62)}.ct-play::after{content:"";position:absolute;left:8px;top:6px;border-left:8px solid #fff;border-top:5px solid transparent;border-bottom:5px solid transparent}
.ct-pop{position:fixed;z-index:80;width:320px;background:var(--cf-bg-elevated);border:1px solid var(--cf-border-strong);border-radius:var(--cf-radius-lg);box-shadow:0 18px 40px -10px rgba(0,0,0,.7);overflow:hidden}.ct-pop:focus{outline:none}
.ct-lg{position:relative;height:300px;background:#0B0A0E;display:flex;align-items:center;justify-content:center}.ct-lg .ct-f{height:100%;max-width:100%}.ct-lg .r916{aspect-ratio:9/16}.ct-lg .r11{aspect-ratio:1;height:auto;width:100%}.ct-lg .r169{aspect-ratio:16/9;height:auto;width:100%}.ct-lg .r45{aspect-ratio:4/5}.ct-lg .r1911{aspect-ratio:1.91;height:auto;width:100%}
.ct-lg .ct-play{transform:scale(1.8)}
.ct-box .ct-play{left:auto;top:auto;right:3px;bottom:3px;width:14px;height:14px;margin:0}.ct-box .ct-play::after{left:5px;top:3.5px;border-left-width:5px;border-top-width:3.5px;border-bottom-width:3.5px}
.ct-lb{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px}.ct-lb .cr-sub{margin:0}.ct-lh{display:flex;justify-content:space-between;align-items:center;gap:8px}.ct-lh b{font-size:15px}
.ct-met{display:flex;gap:18px;padding:8px 0 4px;border-top:1px solid var(--cf-border);margin-top:4px}.ct-met span{display:flex;flex-direction:column}.ct-met small{font-size:11px;color:var(--cf-text-muted)}.ct-met b{font-size:16px}
.ct-link{font-size:13px;font-weight:600;color:var(--cf-accent-text);text-decoration:none}.ct-link:hover{text-decoration:underline}
.ct-grid{display:flex;gap:14px;flex-wrap:wrap;padding:12px 0 4px}
.av .rl .av-ct{display:inline-flex;vertical-align:middle;margin-right:8px}
.eg-ph{position:relative;display:block;width:100%;height:100%;min-height:60px}
.hc-rn{display:inline-flex;align-items:center;gap:6px;text-transform:none;letter-spacing:0;color:var(--cf-text-secondary)}.hc-rn::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--cf-text-subtle)}.hc-rn.meta::before{background:#3B82F6}.hc-rn.google::before{background:#FBBF24}.hc-rn.tiktok::before{background:#F472B6}.hc-rn.applovin::before{background:#34D399}

/* Jogos em foco: "Outros jogos (N)" recolhido (Hoje e Pauta), <details> nativo. Layout: deliverables/telas-prateleira #foco/A. */
.op-out{margin:0 0 var(--cf-space-6);border:1px solid var(--cf-border);border-radius:var(--cf-radius-lg);background:var(--cf-bg-subtle)}
.op-out>summary{display:flex;gap:var(--cf-space-2);align-items:baseline;padding:var(--cf-space-3) var(--cf-space-4);cursor:pointer;list-style:none}
.op-out>summary::-webkit-details-marker{display:none}
.op-out>summary::before{content:"";display:inline-block;width:6px;height:6px;margin-right:var(--cf-space-2);vertical-align:middle;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);transition:transform .12s;color:var(--cf-text-muted)}
.op-out[open]>summary::before{transform:rotate(45deg)}
.op-out>summary b{font-size:14px}
.op-out>summary:focus-visible{outline:2px solid var(--cf-accent);outline-offset:2px}
.op-out[open]{padding-bottom:4px}
.op-out .op-tr{margin:0 10px 8px;background:transparent;border-style:dashed}
.op-out-r{display:flex;gap:8px;align-items:center;margin:0 10px 8px;padding:10px 14px;border:1px dashed var(--cf-border);border-radius:var(--cf-radius-lg)}
.op-out .pa-list{margin:0 10px 8px;max-height:none}
.pa-lc{min-width:0}.pa-lc>.op-out{margin:12px 0 0}
/* Gaveta C (comparativo visual): aposta no topo, Hoje × Proposta, "Sai como", linha do tempo, ajuste recolhido. */
.pg-blq{margin:var(--cf-space-4) var(--cf-space-6) 0;padding:var(--cf-space-3) var(--cf-space-4);border-radius:var(--cf-radius-md);background:var(--cf-atrasado-bg);border:1px solid rgba(248,113,113,.35)}
.pg-blq:empty{display:none}.pg-blq b{display:block;font-size:14px;color:var(--cf-atrasado-text)}.pg-blq p{margin:2px 0 8px;font-size:var(--cf-fs-meta);color:var(--cf-text-secondary)}.pg-blq .acts{display:flex;gap:8px;flex-wrap:wrap}
.pg-vs{display:grid;grid-template-columns:1fr 32px 1fr;gap:var(--cf-space-2);align-items:stretch}
.pg-side{border:1px solid var(--cf-border);border-radius:var(--cf-radius-lg);padding:var(--cf-space-3);background:var(--cf-bg-subtle);display:flex;flex-direction:column;gap:var(--cf-space-2);min-width:0}
.pg-side.p{border-color:var(--cf-accent-border);background:linear-gradient(180deg,var(--cf-accent-bg),transparent 70%)}
.pg-side .k{font-size:12px;font-weight:600;color:var(--cf-text-muted)}.pg-side.p .k{color:var(--cf-accent-text)}
.pg-side .val{font-size:14px;font-weight:600;line-height:1.3;min-height:36px;overflow-wrap:anywhere}
.pg-side .big{font-size:38px;font-weight:700;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.pg-side.p .big{color:var(--cf-accent-text)}.pg-side .big.mu{color:var(--cf-text-subtle)}
.pg-side .big small{font-size:13px;font-weight:600;color:var(--cf-text-muted);letter-spacing:0;margin-left:4px}
.pg-bar{height:8px;border-radius:4px;background:var(--cf-bg-muted);overflow:hidden}.pg-bar i{display:block;height:100%;background:var(--cf-text-subtle);border-radius:4px}.pg-side.p .pg-bar i{background:var(--cf-accent)}
.pg-side .n{font-size:12px;color:var(--cf-text-muted)}
.pg-ths{display:flex;gap:6px}.pg-th{width:58px;aspect-ratio:9/16;border-radius:8px;border:1px solid var(--cf-border-strong);background:var(--cf-bg-muted);overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--cf-text-secondary);text-decoration:none}.pg-th img{width:100%;height:100%;object-fit:cover;display:block}
.pg-mid{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--cf-text-subtle)}
.pg-lift{writing-mode:vertical-rl;transform:rotate(180deg);padding:8px 3px;border-radius:999px;font-weight:700;font-size:var(--cf-fs-meta);color:var(--cf-aberto-text);background:var(--cf-aberto-bg)}.pg-lift.neg{color:var(--cf-atrasado-text);background:var(--cf-atrasado-bg)}
.pg-forca{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pg-nome{font-size:15px;font-weight:600;line-height:1.35;margin-top:10px;color:var(--cf-text)}
.pg-tl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--cf-space-2)}
.pg-tl li{display:flex;flex-direction:column;gap:var(--cf-space-1);min-width:0;padding-top:var(--cf-space-2);border-top:2px solid var(--cf-border);font-size:13px;color:var(--cf-text-secondary)}.pg-tl li.now{border-top-color:var(--cf-accent)}

.pg-tl li b{font-weight:600}.pg-tl li small{font-size:12px;color:var(--cf-text-muted)}.pg-tl li.now b{color:var(--cf-accent-text)}
.pa-disc{display:flex;flex-direction:column}.pg-aj,.pg-det{border-top:1px solid var(--cf-border-subtle)}
.pg-aj>summary,.pg-det>summary{list-style:none;display:flex;align-items:center;gap:var(--cf-space-2);cursor:pointer;padding:var(--cf-space-3) 0;font-weight:600;font-size:13px}.pg-aj>summary::-webkit-details-marker,.pg-det>summary::-webkit-details-marker{display:none}
.pg-aj>summary::before,.pg-det>summary::before{content:"";width:5px;height:5px;margin:0 var(--cf-space-1);border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);transition:transform .12s}.pg-aj[open]>summary::before,.pg-det[open]>summary::before{transform:rotate(45deg)}
.pg-aj>.in,.pg-det>.in{padding:0 0 var(--cf-space-4) var(--cf-space-6);display:flex;flex-direction:column;gap:var(--cf-space-3)}.pa-dr .cf-chip-group{display:flex;flex-wrap:wrap;gap:var(--cf-space-2)}
.pg-fg,.pa-nm{display:grid;grid-template-columns:1fr 1fr;gap:var(--cf-space-3)}.pg-fg label,.pa-nm label{display:flex;flex-direction:column;gap:var(--cf-space-1)}

.pg-aj .cf-chip .tag,.pa-dr .cf-chip .tag{font-size:12px;font-weight:400;opacity:.75;margin-left:var(--cf-space-1)}

/* Montar lote · alternativa A: "Sobe em" (chips por rede) + popover de troca. Layout: deliverables/lotes-alvo, aba A. */
.hc-cn:has(.ct.m){grid-template-columns:22px minmax(0,300px) minmax(0,1fr) auto;padding:9px 0}.hc-cn .ct-tx .cr-mono{font-size:11px;color:var(--cf-text-muted)}.hc-cn .ct-tx b{max-width:200px}
.ml-lg{flex:none;width:22px;height:22px;border-radius:6px;display:inline-grid;place-items:center;background:#fff}.ml-lg svg{width:15px;height:15px}.ml-lg.meta{background:#0866FF}.ml-lg.tiktok{background:#000;box-shadow:inset 0 0 0 1px #333}.ml-lg.lg-lg{width:30px;height:30px;border-radius:8px}.ml-lg.lg-lg svg{width:19px;height:19px}
.ml-chip.off .ml-lg{filter:grayscale(1);opacity:.45}
.hc-fa:has(.ml-sobe){flex-wrap:nowrap}.hc-fa:has(.ml-sobe)>.cf-btn{flex:none}.hc-fa:has(.ml-sobe)>.hc-msg{flex:0 1 auto;min-width:0}
.ml-sobe{position:relative;display:flex;align-items:center;gap:8px;flex-wrap:nowrap;flex:1 1 auto;min-width:0}.ml-sobe>.hc-lab{margin-right:2px}
.ml-sobe .ml-chip{flex:1 1 0;min-width:min-content;max-width:250px}.ml-sobe .ml-chip .t{min-width:0;flex:1 1 auto}.ml-sobe .ml-chip>:not(.t){flex:none}.ml-sobe .ml-chip .t b{display:block;width:0;min-width:100%;overflow:hidden;text-overflow:ellipsis}.ml-sobe .ml-chip .t small{flex:none}.ml-sobe>.hc-lab{flex:none}
.ml-chip{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 12px 0 8px;border-radius:999px;border:1px solid var(--cf-border-strong);background:var(--cf-bg-subtle);color:var(--cf-text);cursor:pointer;font:inherit;transition:border-color .14s,background .14s}
.ml-chip:hover{border-color:var(--cf-accent-border);background:var(--cf-bg-hover)}.ml-chip[aria-expanded=true]{border-color:var(--cf-accent);box-shadow:var(--cf-shadow-focus)}
.ml-chip .t{display:flex;flex-direction:column;line-height:1.15;text-align:left}.ml-chip .t b{font-size:13px;font-weight:600;white-space:nowrap}.ml-chip .t small{font-size:11px;color:var(--cf-text-muted);white-space:nowrap}
.ml-chip .t small em{font-style:normal;color:var(--cf-aberto-text);font-weight:600}.ml-chip.voce .t small em{color:var(--cf-accent-text)}.ml-chip .cv{width:14px;height:14px;color:var(--cf-text-subtle);margin-left:2px}
.ml-chip.off{border-style:dashed;background:transparent;color:var(--cf-text-muted)}.ml-chip.off .t b{color:var(--cf-text-secondary);font-weight:600}.ml-chip.semconj{cursor:help}
.ml-pk{position:absolute;z-index:40;left:0;top:48px;width:480px;max-width:calc(100vw - 32px);background:var(--cf-bg-elevated);border:1px solid var(--cf-border-strong);border-radius:14px;box-shadow:var(--cf-shadow-lg),0 0 0 1px rgba(0,0,0,.3);display:flex;flex-direction:column;max-height:560px;text-align:left}
.ml-pk-h{display:flex;align-items:center;gap:10px;padding:14px 16px 10px}.ml-pk-h div{flex:1;min-width:0}.ml-pk-h b{font-size:14px;display:block}.ml-pk-h span{font-size:12px;color:var(--cf-text-muted)}
.ml-pk-x{border:0;background:none;color:var(--cf-text-muted);font-size:18px;cursor:pointer;width:28px;height:28px;border-radius:7px}.ml-pk-x:hover{background:var(--cf-bg-hover);color:var(--cf-text)}
.ml-pk-s{margin:0 16px 8px;position:relative}.ml-pk-s input{width:100%;padding:8px 10px 8px 32px;border-radius:9px;border:1px solid var(--cf-border-strong);background:var(--cf-bg-card);color:var(--cf-text);font:inherit;font-size:13px}
.ml-pk-s input:focus{outline:none;border-color:var(--cf-accent);box-shadow:var(--cf-shadow-focus)}.ml-pk-s svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--cf-text-subtle)}
.ml-pk-l{overflow:auto;padding:0 8px 8px;flex:1}.ml-pk-g{font-size:11px;font-weight:700;color:var(--cf-text-subtle);padding:10px 8px 4px}
.ml-op{width:100%;display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:4px 10px;align-items:start;text-align:left;padding:9px 8px;border:0;border-radius:9px;background:none;color:var(--cf-text);cursor:pointer;font:inherit}
.ml-op:hover:not(:disabled){background:var(--cf-bg-hover)}.ml-op.sel{background:var(--cf-accent-bg);box-shadow:inset 0 0 0 1px var(--cf-accent-border)}
.ml-op .rd{width:16px;height:16px;border-radius:50%;border:2px solid var(--cf-border-strong);margin-top:2px}.ml-op.sel .rd{border-color:var(--cf-accent);background:radial-gradient(circle,var(--cf-accent) 0 4px,transparent 4.5px)}
.ml-op .nm{font-size:14px;font-weight:600;display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.ml-op .fl{grid-column:2/4;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:var(--cf-text-subtle);overflow-wrap:anywhere}.ml-op .fl .ct{font-family:inherit;font-size:11px;color:var(--cf-text-muted)}
.ml-op .gv{text-align:right;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.ml-op .br{grid-column:2/4;height:3px;border-radius:3px;background:var(--cf-bg-muted);overflow:hidden}.ml-op .br i{display:block;height:100%;background:var(--cf-aberto);border-radius:3px}
.ml-op.zero .gv{color:var(--cf-text-muted)}.ml-op:disabled{cursor:not-allowed}.ml-op:disabled .nm,.ml-op:disabled .gv{color:var(--cf-text-subtle)}.ml-op:disabled .rd{border-style:dashed;opacity:.6}.ml-op .why{grid-column:2/4;font-size:12px;color:var(--cf-atrasado-text);opacity:.85}
.ml-pl{display:inline-flex;align-items:center;font-weight:700;border-radius:999px;white-space:nowrap}.ml-pl.sys{background:var(--cf-aberto-bg);color:var(--cf-aberto-text);font-size:11px;padding:1px 7px}
.ml-pk-f{display:flex;align-items:center;gap:10px;padding:10px 16px;border-top:1px solid var(--cf-border);font-size:12px;color:var(--cf-text-muted)}.ml-pk-f .sp{flex:1}
.ml-pk-v{font-size:13px;color:var(--cf-text-muted);padding:16px 8px;text-align:center}.ml-pk-nc{margin:0 16px 10px;padding:10px 12px;border-radius:10px;background:var(--cf-atrasado-bg);color:var(--cf-atrasado-text);font-size:13px;line-height:1.45}

/* progresso do aceite na gaveta (Pauta): barra + 3 passos com bolinha, título e explicação em linhas próprias */
.pa-bar{height:4px;border-radius:2px;background:var(--cf-border);overflow:hidden;margin:6px 0 12px}
.pa-bar i{display:block;height:100%;background:var(--cf-accent);transition:width .4s}
.pa-prog{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:10px}
.pa-prog li{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;color:var(--cf-text-muted)}
.pa-prog li>span:last-child{display:grid;gap:2px;min-width:0}
.pa-prog li b{font-weight:600;display:flex;align-items:center;gap:6px}
.pa-prog li .cr-id{font-size:12px;color:var(--cf-text-muted)}
.pa-prog .d{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--cf-border-strong);display:grid;place-items:center;font-size:var(--cf-fs-label);font-weight:600}
.pa-prog li.now{color:var(--cf-text)}.pa-prog li.now .d{border-color:transparent;background:var(--cf-accent);color:var(--cf-text-on-accent)}
.pa-prog li.ok .d{border-color:transparent;background:var(--cf-aberto-bg);color:var(--cf-aberto-text)}
.pa-prog li.er{color:var(--cf-text)}.pa-prog li.er .d{border-color:transparent;background:var(--cf-atrasado-bg);color:var(--cf-atrasado-text)}
.pa-spin{display:inline-block;flex:none;width:12px;height:12px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:id-gira .7s linear infinite;vertical-align:-1px}
@media(prefers-reduced-motion:reduce){.pa-spin{animation-duration:2.4s}}

/* Biblioteca: barra de filtros (DESIGN.md, filtros + espaço por intenção).
   N2 (8px) dentro do grupo de controles; N3 (16px) entre barra, filtros aplicados e resumo; N4 (24px) até a grade. */
.cr-tb{display:flex;flex-wrap:wrap;align-items:center;gap:var(--cf-space-2);margin-bottom:var(--cf-space-4)}
.cr-tb>.cr-search{flex:1 1 200px;max-width:320px;width:auto}
.cr-tb>.sp{margin-left:auto;display:flex;gap:var(--cf-space-2);align-items:center}
.cr-dd{position:relative}
.cr-dd>summary{list-style:none;cursor:pointer}.cr-dd>summary::-webkit-details-marker{display:none}
.cr-dd>summary svg{width:14px;height:14px}
.cr-fpw>summary.on{border-color:var(--cf-accent-border);background:var(--cf-accent-bg)}
.cr-fn{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--cf-accent);color:#fff;font-size:11px;font-weight:600}
.cr-fp{position:absolute;top:calc(100% + var(--cf-space-2));left:0;z-index:70;width:min(640px,calc(100vw - 48px));background:var(--cf-bg-card);border:1px solid var(--cf-border-strong);border-radius:var(--cf-radius-lg);box-shadow:var(--cf-shadow-lg);padding:var(--cf-space-5);display:flex;flex-direction:column;gap:var(--cf-space-5)}
.cr-fp-g{display:flex;flex-direction:column;gap:var(--cf-space-2)}
.cr-fp-g .cf-chip-group{flex-wrap:wrap;gap:var(--cf-space-2)}
.cr-fp-sels{display:flex;flex-wrap:wrap;gap:var(--cf-space-2)}
.cr-fp-f{display:flex;align-items:center;gap:var(--cf-space-3);padding-top:var(--cf-space-4);border-top:1px solid var(--cf-border-subtle)}
.cr-fp-f .sp{margin-left:auto;display:flex;gap:var(--cf-space-2)}
.cr-applied{display:flex;flex-wrap:wrap;align-items:center;gap:var(--cf-space-2);margin:calc(-1 * var(--cf-space-2)) 0 var(--cf-space-4)}
.cr-applied .cf-chip svg{width:12px;height:12px;margin-left:4px}
.cr-root .cr-countline{margin:0 0 var(--cf-space-6);gap:var(--cf-space-4)}
.cr-ext{display:inline-flex;flex-wrap:wrap;gap:var(--cf-space-1) var(--cf-space-3)}
.cr-ext span+span::before{content:'·';margin-right:var(--cf-space-3)}
.cr-frb{display:inline-flex;align-items:center;gap:var(--cf-space-2);font-size:var(--cf-fs-meta);color:var(--cf-text-secondary);padding:var(--cf-space-1) var(--cf-space-2);border-radius:var(--cf-radius-md)}
.cr-frb:hover{background:var(--cf-bg-hover,var(--cf-border-subtle))}
.cr-frb i{width:8px;height:8px;border-radius:50%;background:var(--cf-aberto)}
.cr-frw .cr-frp{left:auto;right:0;width:300px;gap:var(--cf-space-2);font-size:var(--cf-fs-meta)}
.cr-frp p{margin:0 0 var(--cf-space-2);color:var(--cf-text-muted)}
.cr-frr{display:flex;justify-content:space-between;color:var(--cf-text-secondary);font-variant-numeric:tabular-nums}
/* Card: título → metadado (N1) → badges de exceção → números separados por linha (N2). */
.cr-pmeta .cr-id{margin-top:var(--cf-space-1)}
.cr-sl{display:flex;gap:var(--cf-space-1);flex-wrap:nowrap;overflow:hidden;margin-top:var(--cf-space-2)}
.cr-grid{gap:var(--cf-space-4)}
.cr-dh-m{display:flex;flex-wrap:wrap;align-items:center;gap:var(--cf-space-2);margin-top:var(--cf-space-1)}
.cr-fp .cf-chip .n{font-size:11px;color:var(--cf-text-muted)}.cr-fp .cf-chip-on .n{color:inherit;opacity:.8}
/* Botão herda a tipografia da tela (antes: 13.333px nativo em cards e nós). :where() mantém especificidade 0 para classes sobrescreverem. */
:where(.cr-root,.cr-drawer) button{font:inherit}
.cr-fora{margin:var(--cf-space-2) 0 0;display:flex;align-items:center;gap:var(--cf-space-1)}
.pa-root .cr-applied{margin:var(--cf-space-4) 0 0}
.dz{background:var(--cf-bg-card);border:1px solid var(--cf-border);border-radius:var(--cf-radius-lg);padding:12px 16px 4px;margin-bottom:16px}
.dz-r{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.4fr) 260px;gap:16px;align-items:center;padding:8px;border-top:1px solid var(--cf-border-subtle)}
.dz-t{display:flex;flex-direction:column;gap:4px;min-width:0}.dz-t b{font-weight:600}.dz-t span{color:var(--cf-text-muted);overflow-wrap:anywhere}
.dz-q{display:flex;align-items:center;justify-content:flex-end;gap:12px}.dz .hc-pb{margin:0 0 8px}

.dz-res{display:flex;align-items:center;justify-content:space-between;gap:var(--cf-space-3);margin-top:var(--cf-space-6);padding:var(--cf-space-3) var(--cf-space-4);border:1px solid var(--cf-border);border-radius:var(--cf-radius-md,8px)}

/* Plano da semana (Pauta evoluída). Layout aprovado em 07/11. Âmbar = aviso, nunca bloqueio. */
.pl-root{padding-bottom:calc(var(--cf-space-8) * 2)} /* >= altura da barra Fechar plano: a última linha nunca fica sob ela */
.pl-head{display:flex;align-items:flex-end;gap:var(--cf-space-4);margin-bottom:var(--cf-space-4);flex-wrap:wrap}
.pl-head h2{margin:0 0 var(--cf-space-1);font-size:20px;font-weight:600}.pl-head p{margin:0;color:var(--cf-text-muted);font-size:var(--cf-fs-body)}
.pl-blk{background:var(--cf-bg-card);border:1px solid var(--cf-border);border-radius:var(--cf-radius-lg);margin-bottom:var(--cf-space-4)}
.pl-blk .bh{display:flex;align-items:center;gap:var(--cf-space-3);padding:var(--cf-space-3) var(--cf-space-4);border-bottom:1px solid var(--cf-border);flex-wrap:wrap}.pl-blk .bh h3{margin:0;font-size:14px;font-weight:600}
.pl-root .meta,.pl-root .tag{font-size:var(--cf-fs-meta);color:var(--cf-text-muted)}.pl-root .tag{color:var(--cf-text-subtle,var(--cf-text-muted))}.pl-root .ok{color:var(--cf-aberto-text)}
.pl-volta{padding:var(--cf-space-3) var(--cf-space-4)}.pl-volta .vl{display:flex;gap:var(--cf-space-2);align-items:baseline;font-size:var(--cf-fs-body);padding:var(--cf-space-1) 0}
.pl-volta .vl .j{width:136px;flex:none;font-weight:600;color:var(--cf-text-secondary)}.pl-volta .w{color:var(--cf-aberto-text)}.pl-volta .l{color:var(--cf-atrasado-text)}.pl-volta .i{color:var(--cf-text-muted)}
.pl-nota{padding:var(--cf-space-3) var(--cf-space-4);font-size:var(--cf-fs-body);color:var(--cf-text-muted)}
.pl-ban{display:flex;gap:var(--cf-space-3);align-items:center;padding:var(--cf-space-3) var(--cf-space-4);border-radius:var(--cf-radius-md);margin-bottom:var(--cf-space-4);font-size:var(--cf-fs-body)}
.pl-ban.ok{background:var(--cf-aberto-bg);color:var(--cf-aberto-text)}.pl-ban.at{background:var(--cf-atencao-bg);color:var(--cf-atencao-text)}.pl-ban b{color:var(--cf-text)}
.pl-mix{display:flex;align-items:center;gap:var(--cf-space-4);padding:var(--cf-space-3) var(--cf-space-4);flex-wrap:wrap}.pl-mix>b{font-size:13px}
.pl-bar{position:relative;width:220px;height:8px;border-radius:99px;background:var(--cf-bg-muted)}.pl-bar i{position:absolute;left:0;top:0;bottom:0;border-radius:99px;background:var(--cf-accent)}
.pl-bar .alvo{position:absolute;top:-4px;bottom:-4px;width:2px;margin-left:-1px;background:var(--cf-text)}
.pl-alerta{display:inline-flex;align-items:center;padding:var(--cf-space-1) var(--cf-space-3);border-radius:var(--cf-radius-md);background:var(--cf-atencao-bg);color:var(--cf-atencao-text);font-size:var(--cf-fs-meta);font-weight:500}
.pl-tr{padding:var(--cf-space-3) var(--cf-space-4) var(--cf-space-4);border-top:1px solid var(--cf-border)}
.pl-tr .trh{display:flex;align-items:center;gap:var(--cf-space-3);margin-bottom:var(--cf-space-3)}.pl-tr .trh b{font-size:14px}
.pl-tr .cap{font-size:12px;color:var(--cf-text-secondary)}.pl-tr .cap b{color:var(--cf-atencao-text)}
.pa-seg.pl-seg{margin:0;width:120px}.pa-seg.pl-seg i{height:8px}
.pl-vg .tp.c::before,.pl-vg .tp.v::before{content:"";display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:var(--cf-space-2);vertical-align:0;background:var(--cf-accent)}.pl-vg .tp.v::before{background:var(--cf-accent);opacity:.5} /* mesmo código das barras: cheio = conceito, claro = variante */
.pl-vg .meta .dot,.pl-alt .s .dot{margin:0 var(--cf-space-1);color:var(--cf-text-muted)}.pl-vg .meta .ev.fraca,.pl-alt .s .ev.fraca{color:var(--cf-atencao-text)}
.pl-ganho{display:inline-block;margin-right:var(--cf-space-2);font-weight:600;color:var(--cf-aberto-text)}.pl-ganho.neg{color:var(--cf-atrasado-text)}.pl-ganho.mu{font-weight:400;color:var(--cf-text-muted)}
.pl-blk .pa-meter{position:static;margin:0;padding:var(--cf-space-3) var(--cf-space-4);background:none}
.pl-blk .pa-h2g{grid-template-columns:152px repeat(2,minmax(0,300px))} /* no Plano as réguas têm largura fixa: esticadas a 750px pareciam gráfico, não indicador */
.pl-vagas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--cf-space-3)}
.pl-vg{position:relative;background:var(--cf-bg-elevated);border:1px solid var(--cf-border);border-radius:var(--cf-radius-md);padding:var(--cf-space-3);display:flex;flex-direction:column;gap:var(--cf-space-2);min-height:172px;min-width:0}
.pl-vg.pin{border-color:var(--cf-accent-border)}.pl-vg.troc{border-color:var(--cf-accent);box-shadow:var(--cf-shadow-focus,0 0 0 3px var(--cf-accent-bg))}
.pl-vg .top{display:flex;gap:var(--cf-space-2);align-items:center;flex-wrap:wrap}.pl-vg .tp{font-size:11px;font-weight:600;color:var(--cf-text-muted);margin-right:auto}
.pl-vg h4{margin:0;font-size:13.5px;font-weight:600;line-height:1.35}.pl-vg .mot{font-size:var(--cf-fs-meta);color:var(--cf-text-secondary)}
.pl-vg .acs{display:flex;gap:var(--cf-space-2);margin-top:auto;flex-wrap:wrap}
.pl-vg.pronto{background:var(--cf-aberto-bg)}.pl-vg.pronto h4 .ok-ic{color:var(--cf-aberto-text);margin-right:var(--cf-space-1);vertical-align:-1px} /* Pronto = estado do card: já produzido, só sobe no lote */
.pl-vg.vazia{border-style:dashed;background:transparent;justify-content:center;align-items:flex-start}.pl-vg.vazia h4{color:var(--cf-text-secondary)}
.pl-root .pinic{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:var(--cf-accent-text)}
.pl-root svg.ic{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pl-root .cf-btn.on{background:var(--cf-accent-bg);border-color:var(--cf-accent-border);color:var(--cf-accent-text)}
.pl-root .cf-btn-sm svg.ic{margin-right:var(--cf-space-1)}
.pl-vg.troc{z-index:40}
.pl-pop.up{top:auto;bottom:calc(100% - 8px)}
.pl-pop .lst{max-height:min(360px,50vh);overflow:auto}
.pl-mais{display:block;width:100%;text-align:left;background:none;border:0;padding:var(--cf-space-1) var(--cf-space-2);font:inherit;font-size:var(--cf-fs-meta);color:var(--cf-accent);cursor:pointer}.pl-mais:hover{text-decoration:underline}
.pl-pop{position:absolute;top:calc(100% - 8px);left:0;width:440px;max-width:calc(100vw - 80px);z-index:30;background:var(--cf-bg-card);border:1px solid var(--cf-border-strong,var(--cf-border));border-radius:var(--cf-radius-md);box-shadow:var(--cf-shadow-lg);padding:var(--cf-space-2)}
.pl-vagas>.pl-vg:nth-child(n+3) .pl-pop{left:auto;right:0}
.pl-pop .ph{display:flex;align-items:center;gap:var(--cf-space-1);padding:var(--cf-space-1) var(--cf-space-2) var(--cf-space-2);font-size:var(--cf-fs-meta);color:var(--cf-text-muted)}.pl-pop .ph b{color:var(--cf-text);font-size:13px}
.pl-alt{display:flex;gap:var(--cf-space-3);align-items:flex-start;padding:var(--cf-space-2);border-radius:var(--cf-radius-sm)}.pl-alt:hover{background:var(--cf-bg-hover,var(--cf-bg-subtle))}
.pl-alt .tx{flex:1;min-width:0}.pl-alt .t{font-size:13px;font-weight:600}.pl-alt .s{font-size:12px;color:var(--cf-text-muted);margin-top:2px}
.pl-pop .sep{font-size:11px;font-weight:600;color:var(--cf-text-muted);padding:var(--cf-space-2) var(--cf-space-2) var(--cf-space-1);border-top:1px solid var(--cf-border);margin-top:var(--cf-space-1)}.pl-pop .sep.first{border-top:0;margin-top:0}
.pl-pop .pf{font-size:11.5px;color:var(--cf-text-muted);padding:var(--cf-space-2) var(--cf-space-2) var(--cf-space-1)}
.pl-foot{position:sticky;bottom:0;z-index:20;display:flex;align-items:center;gap:var(--cf-space-4);padding:var(--cf-space-3) var(--cf-space-4);background:var(--cf-bg-sidebar,var(--cf-bg-card));border:1px solid var(--cf-border);border-radius:var(--cf-radius-lg)}
.cr-drawer.pl-dr{width:480px}
.pl-volta-d{padding:0}.pl-volta-d>summary,.pl-vs{display:flex;gap:var(--cf-space-2);align-items:baseline;flex-wrap:wrap;padding:var(--cf-space-2) var(--cf-space-4);cursor:pointer;list-style:none;font-size:var(--cf-fs-body)}.pl-vs{cursor:default}
.pl-volta-d>summary::-webkit-details-marker{display:none}.pl-volta-d .pl-ver::after{content:" ▾"}.pl-volta-d[open] .pl-ver::after{content:" ▴"}.pl-volta-d .pl-volta{border-top:1px solid var(--cf-border)}
.pl-vg[data-pa-sel],.pl-alt[data-pa-sel],.pl-bi[data-pa-sel]{cursor:pointer}.pl-vg[data-pa-sel]:hover{border-color:var(--cf-border-strong,var(--cf-accent))}.pl-vg[data-pa-sel]:focus-visible,.pl-alt:focus-visible,.pl-bi:focus-visible{outline:2px solid var(--cf-accent);outline-offset:2px}
.pl-bi[data-pa-sel]:hover{background:var(--cf-bg-hover,var(--cf-bg-subtle))}
.pl-dr .sep{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--cf-text-muted);margin:var(--cf-space-4) 0 var(--cf-space-1)}
.pl-sai{display:flex;flex-direction:column;gap:2px;padding:var(--cf-space-3);border:1px dashed var(--cf-border);border-radius:var(--cf-radius-md)}
.pl-voltar{margin:var(--cf-space-3) var(--cf-space-4) 0}.cr-drawer.pl-dr:focus{outline:none}
.pl-dh{display:flex;align-items:center;gap:var(--cf-space-3);padding:var(--cf-space-4) var(--cf-space-5);border-bottom:1px solid var(--cf-border)}.pl-dh h3{margin:0;font-size:16px;font-weight:600}
.pl-db{padding:var(--cf-space-2) var(--cf-space-5);overflow:auto;flex:1}.pl-db>p{margin:var(--cf-space-2) 0}
.pl-bi{padding:var(--cf-space-3) 0;border-bottom:1px solid var(--cf-border);display:flex;flex-direction:column;gap:var(--cf-space-2)}.pl-bi .t{font-weight:600;font-size:13.5px}.pl-bi .row{display:flex;gap:var(--cf-space-2);align-items:center;flex-wrap:wrap}
@media(max-width:1279px){.pl-vagas{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Estúdio · rodada UX segura (ES-01/02/07) */
.es-vc{font-size:12px;color:var(--cf-text-muted);margin-right:auto;font-variant-numeric:tabular-nums}.es-vc.ok{color:var(--cf-aberto-text, var(--cf-aberto))}
.eg-resumo{margin:0 0 12px;padding:8px 12px;border-radius:var(--cf-radius-md);background:var(--cf-bg-subtle);font-size:13px;font-weight:600}.eg-resumo.at{background:var(--cf-atencao-bg);color:var(--cf-atencao-text)}
.eg-faltam{margin:8px 0 0;padding:8px 12px;border:1px dashed var(--cf-border-strong);border-radius:var(--cf-radius-md);font-size:13px;color:var(--cf-text-muted)}.eg-faltam b{color:var(--cf-text)}
.eg-idade.at{color:var(--cf-atencao-text);font-weight:600}

/* Pauta · rodada UX segura (PA-01/08) */
.pa-exp>summary{cursor:pointer;list-style:none}.pa-exp>summary::-webkit-details-marker{display:none}.pa-exp>summary .cr-sub{margin-left:8px;font-weight:400;text-transform:none;letter-spacing:0}
.pa-exp>summary::before{content:'▸';margin-right:4px;color:var(--cf-text-subtle)}.pa-exp[open]>summary::before{content:'▾'}
.pa-bsec.prev .pa-bfree{border-color:var(--cf-accent);color:var(--cf-accent-text);background:var(--cf-accent-bg)}
.pa-bsec.prev .pa-bfree::after{content:' · esta entra aqui';font-weight:600}