/* MIPo 0.5 | componentes do terminal analítico. Carregado depois de style.css, mipo.css e tokens.css.
   Só aparência (cor, borda, sombra, tipografia, estado) e reordenação por espaço disponível.
   Medidas estruturais da moldura continuam nas variáveis de mipo.css. Cores vêm exclusivamente de tokens.css. */

/* ---------------------------------------------------------------- base */
html{font-size:16px}
body{font-family:var(--font-sans);font-size:var(--fs-sm);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-variant-numeric:tabular-nums;transition:background var(--t),color var(--t)}
h1,h2,h3{font-family:var(--font-sans);color:var(--text);font-weight:var(--fw-semibold)}
p,.note,.sub,.page-head p{color:var(--text-2)}
p{font-size:var(--fs-sm)}
.note,.sub,.chart-note,.mini-label,.badge,.metric .note,.section-head small{font-size:var(--fs-2xs)}
a{color:var(--accent-hi)}
a:hover{text-decoration:underline}
::selection{background:var(--accent);color:var(--on-accent)}
*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}
.ico{width:1.25em;height:1.25em;flex:none;display:inline-block;vertical-align:-.22em}
i[data-i]{display:inline-flex;font-style:normal}
code,.fingerprint{font-family:var(--font-mono);font-size:.85em;background:var(--elevated);color:var(--text);border:1px solid var(--border);border-radius:var(--r-sm);padding:1px 6px}
:where(button,a,select,input,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--r-sm)}
.skip-link{background:var(--surface);color:var(--text);border:2px solid var(--focus);border-radius:var(--r-sm)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}

/* ---------------------------------------------------------------- faixas institucionais */
.brandbar,.footbar{background:var(--chrome);color:var(--chrome-text);border-color:#ffffff10;font-size:var(--fs-2xs);letter-spacing:.02em}
.brandbar{border-bottom:1px solid #ffffff10}.footbar{border-top:1px solid #ffffff10}
.brandbar b,.footbar b{color:#fff;letter-spacing:.14em;font-weight:var(--fw-bold)}
.brandbar .sep,.footbar .sep{opacity:.4}
.brandbar-mark{width:14px;height:14px;border:2px solid #E8EDF5;border-left-color:var(--accent);box-shadow:0 0 8px #E3264F66}
.brandbar-tag{margin-left:auto;font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.08em;text-transform:uppercase;color:#FF7F98;padding-right:2px}
.footbar em{color:#9AA7BB}

/* ---------------------------------------------------------------- estrutura e superfícies */
.shell,.frame,.workspace{background:var(--bg)}
.workspace{background:radial-gradient(90% 40% at 12% 0%,var(--accent-soft),transparent 70%),var(--bg)}
.shell main{background:transparent;color:var(--text)}
.shell .topbar{background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-1);gap:var(--sp-2)}

/* ---------------------------------------------------------------- navegação superior */
.icon-btn,.shell .topbar .icon-btn{border:1px solid transparent;background:transparent;color:var(--text-2);border-radius:var(--r-md);width:40px;height:40px;display:inline-grid;place-items:center;transition:background var(--t),color var(--t),border-color var(--t)}
.icon-btn:hover,.shell .topbar .icon-btn:hover{background:var(--elevated);color:var(--text);border-color:var(--border)}
.icon-btn:active{background:var(--overlay)}
.icon-btn .ico,.topbar .icon-btn svg,.fs-btn svg,.theme-btn svg{width:20px!important;height:20px!important}
.fs-btn{width:40px!important;height:40px!important}
.shell .tabs{gap:2px;padding:0 var(--sp-1)}
.shell .tabs button{display:inline-flex;align-items:center;gap:8px;padding:0 14px;font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-2);border-bottom:2px solid transparent;margin-bottom:-1px;border-radius:var(--r-sm) var(--r-sm) 0 0;transition:color var(--t),background var(--t),border-color var(--t)}
.shell .tabs button .ico{width:18px;height:18px;opacity:.85}
.shell .tabs button:hover{color:var(--text);background:var(--elevated)}
.shell .tabs button.active{color:var(--text);font-weight:var(--fw-semibold);border-bottom-color:var(--accent);background:linear-gradient(180deg,transparent,var(--accent-soft));box-shadow:0 1px 0 var(--accent),0 6px 14px -8px var(--accent)}
.shell .tabs button.active .ico{color:var(--accent-hi);opacity:1}
.badge{display:inline-flex;align-items:center;gap:4px;border-radius:var(--r-pill);font-weight:var(--fw-semibold);letter-spacing:.01em;padding:3px 10px;background:var(--elevated);color:var(--text-2);border:1px solid var(--border)}
.badge.outline{background:transparent}
.badge.teal{background:var(--accent-soft);color:var(--accent-hi);border-color:#E3264F44}
.badge.amber{background:var(--warn-soft);color:var(--warn);border-color:#F5B84B44}
.badge.blue{background:var(--info-soft);color:var(--info);border-color:#6EA8FF44}
.badge.green{background:var(--ok-soft);color:var(--ok);border-color:#3DDC9744}
:root[data-theme="light"] .badge.teal{border-color:#C8102E44}:root[data-theme="light"] .badge.amber{border-color:#8F5A0044}:root[data-theme="light"] .badge.blue{border-color:#1D5FD144}:root[data-theme="light"] .badge.green{border-color:#0F7B4E44}
.theme-btn .moon{display:none}
:root[data-theme="dark"] .theme-btn .sun{display:none}
:root[data-theme="dark"] .theme-btn .moon{display:inline-flex}
:root[data-theme="light"] .theme-btn .sun{display:inline-flex}

/* ---------------------------------------------------------------- menu esquerdo */
.shell .sidebar{background:var(--surface);color:var(--text);border-right:1px solid var(--border);gap:0}
.hide-btn{color:var(--text-2);border-radius:var(--r-sm);min-height:32px;padding:4px 8px;font-size:var(--fs-xs);margin-left:auto;gap:4px;transition:color var(--t),background var(--t)}
.hide-btn:hover{color:var(--text);background:var(--elevated);text-decoration:none}
.sidebar .project{background:var(--elevated);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-1)}
.sidebar .project b{color:var(--text);font-size:var(--fs-lg)}
.sidebar .project small{color:var(--text-2);font-size:var(--fs-xs)}
.project-icon{background:var(--grad-accent)!important;color:#fff!important;border:0!important;border-radius:var(--r-md)!important;padding:0!important;font-weight:var(--fw-bold);font-size:var(--fs-2xs)!important;letter-spacing:.06em;width:44px;height:44px;display:grid;place-items:center;box-shadow:var(--shadow-glow)}
.project-icon:before,.project-icon:after{display:none!important}
.sidebar .tricolor-mark{background:linear-gradient(90deg,#1b1b1f 0 33%,#E30613 33% 66%,#fff 66%);border:1px solid var(--border-strong);border-radius:2px;opacity:.9}
.sidebar .side-label,.sidebar .method span{color:var(--text-3);font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.14em;font-weight:var(--fw-medium)}
.sidebar .side{position:relative;color:var(--text-2);font-size:var(--fs-md);font-weight:var(--fw-medium);border-radius:var(--r-md);gap:12px;transition:background var(--t),color var(--t)}
.sidebar .side .ico{width:20px;height:20px;color:var(--text-3);transition:color var(--t)}
.sidebar .side:hover{background:var(--elevated);color:var(--text)}
.sidebar .side.active{background:linear-gradient(90deg,var(--accent-soft),transparent);color:var(--text);box-shadow:inset 0 0 0 1px #E3264F33}
.sidebar .side.active:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:var(--accent);box-shadow:0 0 10px var(--accent)}
.sidebar .side.active .ico{color:var(--accent-hi)}
.sidebar .method b{color:var(--text);font-weight:var(--fw-medium);font-size:var(--fs-xl)}
.sidebar .method a{color:var(--accent-hi);font-size:var(--fs-xs);display:inline-flex;align-items:center;gap:4px}
.sidebar .profile{border-top:1px solid var(--border)}
.sidebar .profile b{color:var(--text);font-size:var(--fs-md)}
.sidebar .profile small{color:var(--text-2)}
.avatar{background:var(--grad-accent)!important;color:#fff}

/* ---------------------------------------------------------------- faixa de insight e indicadores */
.band-insight{background:var(--grad-hero);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--r-lg);color:var(--text);box-shadow:var(--shadow-1)}
.band-tag{background:var(--accent-soft);color:var(--accent-hi);border:1px solid #E3264F33;border-radius:var(--r-pill);padding:2px 10px;font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.08em;font-weight:var(--fw-medium)}
.band-title{color:var(--text);font-weight:var(--fw-semibold);letter-spacing:-.01em}
.band-text{color:var(--text-2)}.band-text.long{color:var(--text)}.band-text b{color:var(--text)}
.band-link{color:var(--accent-hi);display:inline-flex;align-items:center;gap:4px;font-weight:var(--fw-semibold);border-radius:var(--r-sm);min-height:24px}
@media (max-width:1100px),(pointer:coarse){.band-link{min-height:var(--touch)!important;padding:0 6px}}
.band-link:hover{text-decoration:underline}
.band-scroll{padding:1px 1px 2px}
.band-scroll .metric,.metric{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-1);color:var(--text);overflow:hidden;transition:border-color var(--t),box-shadow var(--t),transform var(--t)}
.band-scroll .metric:before{content:"";position:absolute;left:0;top:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),transparent 70%);opacity:.75}
.band-scroll .metric:hover,.metric:hover{border-color:var(--border-strong);box-shadow:var(--shadow-2)}
.band-scroll .metric-label,.metric-label{color:var(--text-2);font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:.01em}
.metric-symbol,.band-scroll .metric-symbol{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:var(--r-sm);background:var(--elevated);color:var(--text-2);border:1px solid var(--border);flex:none}
.metric-symbol .ico{width:15px;height:15px}
.metric-value,.band-scroll .metric-value{font-family:var(--font-sans);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;color:var(--text);letter-spacing:-.02em}
.band-scroll .metric-value{font-size:var(--fs-kpi);margin:3px 0 2px}.band-scroll .metric-value.small{font-size:var(--fs-xl)}
.band-scroll .note{color:var(--text-3)}
.metric.is-unknown{background:repeating-linear-gradient(135deg,var(--unknown-bg) 0 1px,transparent 1px 9px),var(--surface);border-style:dashed;border-color:var(--border-strong)}
.metric.is-unknown:before{background:linear-gradient(90deg,var(--unknown),transparent 70%);opacity:.6}
.metric.is-unknown .metric-value{color:var(--text-2);font-weight:var(--fw-semibold)}
.unk-tag{display:inline-block;font-style:normal;font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.04em;text-transform:uppercase;color:var(--text-2);border:1px dashed var(--unknown);border-radius:var(--r-sm);padding:0 5px;line-height:1.5}
.band-arrow{width:28px;height:28px;border-radius:50%;background:var(--elevated);border:1px solid var(--border-strong);color:var(--text);display:inline-grid;place-items:center;box-shadow:var(--shadow-1);transition:background var(--t),border-color var(--t)}
.band-arrow:hover{background:var(--overlay);border-color:var(--text-3)}
.band-arrow .ico{width:16px;height:16px}
.band-actions .band-arrow{width:24px;height:24px;background:var(--surface)}

/* ---------------------------------------------------------------- cabeçalho de página, botões, chips */
.page-head h1{color:var(--text);font-weight:var(--fw-bold);letter-spacing:-.02em}
.page-head p,.head-ctx{color:var(--text-3)}
.head-ctx{font-family:var(--font-mono);font-size:var(--fs-2xs)}
.shell .btn,.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--elevated);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--r-md);font-weight:var(--fw-semibold);font-size:var(--fs-xs);padding:7px 14px;min-height:34px;box-shadow:var(--shadow-1);transition:background var(--t),border-color var(--t),box-shadow var(--t),transform var(--dur-1) var(--ease)}
.shell .btn:hover{background:var(--overlay);border-color:var(--text-3);text-decoration:none}
.shell .btn:active{transform:translateY(1px);box-shadow:none}
.shell .btn.primary,.btn.primary{background:var(--grad-accent);border-color:transparent;color:var(--on-accent);box-shadow:0 1px 0 #ffffff26 inset,0 4px 14px -4px var(--accent)}
.shell .btn.primary:hover{background:var(--grad-accent);filter:brightness(1.08);box-shadow:0 1px 0 #ffffff26 inset,0 6px 18px -4px var(--accent)}
.shell .btn.text,.btn.text{background:none;border-color:transparent;box-shadow:none;color:var(--accent-hi);padding-left:6px;padding-right:6px}
.shell .btn.text:hover{background:var(--accent-soft);text-decoration:none}
.btn[disabled],.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}
.btn.is-loading{position:relative;color:transparent!important;pointer-events:none}
.btn.is-loading:after{content:"";position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border:2px solid var(--text-2);border-top-color:transparent;border-radius:50%;animation:mipo-spin .7s linear infinite}
.btn.primary.is-loading:after{border-color:#fff;border-top-color:transparent}
@keyframes mipo-spin{to{transform:rotate(360deg)}}
.btn .ico{width:16px;height:16px}
.chip{display:inline-flex;align-items:center;justify-content:center;background:var(--elevated);border:1px solid var(--border);color:var(--text-2);border-radius:var(--r-pill);font-weight:var(--fw-medium);min-height:32px;padding:4px 14px;transition:background var(--t),color var(--t),border-color var(--t)}
.chip:hover{border-color:var(--border-strong);color:var(--text)}
.chip.selected,.chip[aria-pressed="true"]{background:var(--accent-soft);color:var(--text);border-color:var(--accent);box-shadow:inset 0 0 0 1px #E3264F55}
.seg{gap:6px}
.filter-chips{display:inline-flex;flex-wrap:nowrap;gap:6px;min-width:0;overflow:hidden}
.fchip{display:inline-flex;align-items:center;gap:6px;min-height:28px;max-width:240px;padding:2px 8px 2px 10px;border-radius:var(--r-pill);border:1px solid #E3264F66;background:var(--accent-soft);color:var(--text);font-size:var(--fs-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background var(--t)}
.fchip b{font-weight:var(--fw-semibold);overflow:hidden;text-overflow:ellipsis}
.fchip .ico{width:14px;height:14px;color:var(--accent-hi)}
.fchip:hover{background:var(--overlay)}
.fchip.more{padding:2px 10px}
/* clipping: recorte por fonte/intervalo (S02) */
.filter-chips.wrap{flex-wrap:wrap;overflow:visible}
.clip-active{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 8px}
.fdate{display:inline-flex;align-items:center;gap:6px;color:var(--text-2);font-size:var(--fs-xs)}
.fdate input[aria-invalid="true"]{border-color:var(--accent-hi);box-shadow:0 0 0 1px var(--accent-hi)}
.clip-filters a[aria-disabled="true"]{opacity:.5;pointer-events:none}
@media (max-width:560px){.clip-filters>select,.clip-filters>input,.clip-filters .fdate,.clip-filters .fdate input{flex:1 1 100%;width:100%}.clip-filters .fdate{flex-wrap:wrap}}

/* ---------------------------------------------------------------- cartões de gráfico */
.shell .v2-chart,.panel,.tabbed,.snapshot,.note-card,.analysis-controls{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-1);color:var(--text)}
.shell .v2-chart{padding:14px 18px;transition:border-color var(--t),box-shadow var(--t)}
.shell .v2-chart:hover{border-color:var(--border-strong);box-shadow:var(--shadow-2)}
.v2-chart .mini-label,.mini-label{display:inline-flex;align-items:center;gap:6px;color:var(--accent-hi);font-family:var(--font-mono);font-weight:var(--fw-medium);letter-spacing:.1em;text-transform:uppercase}
.v2-chart .mini-label:before{content:"";width:6px;height:6px;border-radius:2px;background:var(--accent);box-shadow:0 0 8px var(--accent)}
.v2-chart h2,.panel h2{font-weight:var(--fw-semibold);letter-spacing:-.01em;color:var(--text)}
.v2-chart .sub{color:var(--text-3)}
.chart-tools .source-link,.source-link{display:inline-flex;align-items:center;gap:5px;color:var(--text-2);font-size:var(--fs-xs);font-weight:var(--fw-medium);border-radius:var(--r-sm);padding:2px 6px;min-height:28px;transition:color var(--t),background var(--t)}
.source-link:hover{color:var(--text);background:var(--elevated);text-decoration:none}
.source-link .ico{width:15px;height:15px}
.chart-tools .table-btn{min-height:28px!important;padding:2px 10px!important;font-size:var(--fs-xs)!important}
.chart-note,.source-line{border-color:var(--border);color:var(--text-3)}
.missing-data{background:var(--elevated);border-left:3px solid var(--unknown);border-radius:0 var(--r-md) var(--r-md) 0;color:var(--text-2)}
.missing-data span{color:var(--text-3)}
.filter-result{color:var(--text-2);font-size:var(--fs-xs)}
.snapshot{border-left:3px solid var(--info)}
.snapshot>span{color:var(--text)}
.notice{background:var(--warn-soft);border:1px solid #F5B84B44;border-radius:var(--r-md);color:var(--text)}
.notice:before{content:"";flex:none;width:6px;align-self:stretch;border-radius:3px;background:var(--warn)}
.notice.neutral{background:var(--elevated);border-color:var(--border)}
.notice.neutral:before{background:var(--text-3)}
.notice.error{background:var(--err-soft);border-color:#FF7A8A55}
.notice.error:before{background:var(--err)}
.ctx-item{background:var(--elevated);border-left:3px solid var(--accent);border-radius:0 var(--r-md) var(--r-md) 0;color:var(--text)}
.v2-callouts>div{background:var(--elevated);border:1px solid var(--border);border-top:2px solid var(--accent);border-radius:var(--r-md)}
.v2-callouts strong{color:var(--accent-hi);font-family:var(--font-mono)}
.v2-callouts b{color:var(--text)}

/* ---------------------------------------------------------------- barras */
.chart-bars{position:relative}
.v2-bar-row{position:relative;margin:2px -8px!important;padding:6px 8px;border-radius:var(--r-md);cursor:pointer;transition:background var(--t),opacity var(--t)}
.v2-bar-row:hover,.v2-bar-row.is-hover{background:var(--elevated)}
.v2-bar-label{color:var(--text)}
.v2-bar-label>span{color:var(--text-2);font-weight:var(--fw-medium)}
.v2-bar-label b{font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;color:var(--text)}
.v2-bar-label small{color:var(--text-2);font-weight:var(--fw-medium)}
.v2-bar-track{position:relative;height:10px!important;border-radius:var(--r-pill);background:var(--track);overflow:hidden;background-image:repeating-linear-gradient(90deg,transparent 0 calc(25% - 1px),var(--grid) calc(25% - 1px) 25%)}
.v2-bar-fill{position:relative;height:100%;min-width:3px;border-radius:var(--r-pill);background:var(--fill);background-image:linear-gradient(90deg,#ffffff00,#ffffff2e);transition:width 360ms var(--ease),filter var(--t)}
.v2-bar-row:hover .v2-bar-fill,.v2-bar-row.is-hover .v2-bar-fill,.v2-bar-row.is-selected .v2-bar-fill{filter:brightness(1.12) saturate(1.1);box-shadow:0 0 12px -1px var(--fill)}
.v2-bar-row.is-unknown .v2-bar-fill{background:repeating-linear-gradient(135deg,var(--unknown) 0 2px,transparent 2px 6px);border:1px dashed var(--unknown);box-shadow:none}
.v2-bar-row.is-unknown .v2-bar-label>span{font-style:italic}
.v2-axis{display:flex;justify-content:space-between;margin-top:4px;padding:0 0;font-family:var(--font-mono);font-size:var(--fs-2xs);color:var(--text-3)}
.has-selection .v2-bar-row:not(.is-selected),.has-selection .lg-row:not(.is-selected){opacity:.4}
.v2-bar-row.is-selected,.lg-row.is-selected{background:var(--elevated);box-shadow:inset 0 0 0 1px var(--border-strong)}
.v2-bar-note{color:var(--text-3)}

/* ---------------------------------------------------------------- rosca (SVG) e legenda */
.shell .v2-chart .v2-donut,.v2-donut{width:124px;height:124px;background:none!important;box-shadow:none;position:relative;flex:none}
.v2-donut:after{display:none!important}
.v2-donut svg{width:100%;height:100%;display:block;transform:none}
.v2-donut .ring{stroke:var(--track)}
.v2-donut .seg{cursor:pointer;transition:stroke-width var(--dur-2) var(--ease),opacity var(--dur-2) var(--ease);stroke-linecap:butt}
.v2-donut .seg:hover,.v2-donut .seg.is-hover,.v2-donut .seg.is-selected{stroke-width:6.6}
.v2-donut .seg.is-selected{filter:drop-shadow(0 0 3px var(--text-3))}
.has-selection .v2-donut .seg:not(.is-selected){opacity:.3}
.shell .v2-chart .v2-donut-center,.v2-donut-center{inset:19%;text-align:center;overflow:hidden}
.v2-donut-center strong{font-weight:var(--fw-bold);color:var(--text);font-variant-numeric:tabular-nums;font-size:1.2rem;line-height:1.1}
.v2-donut-center small{color:var(--text-3);font-size:var(--fs-2xs);line-height:1.25;max-width:78px;margin-top:2px}
.v2-legend{gap:2px!important}
.lg-row{display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:8px;padding:5px 8px;margin:0 -8px;border-radius:var(--r-md);cursor:pointer;color:var(--text-2);font-size:var(--fs-xs);transition:background var(--t),opacity var(--t)}
.lg-row:hover,.lg-row.is-hover{background:var(--elevated)}
.lg-row i{width:10px;height:10px;border-radius:3px;background:var(--swatch)}
.lg-row i.hatch{background:repeating-linear-gradient(135deg,var(--unknown) 0 2px,transparent 2px 4px);border:1px dashed var(--unknown)}
.lg-row>span{min-width:0;overflow-wrap:anywhere;color:var(--text-2)}
.lg-row b{color:var(--text);font-weight:var(--fw-bold);display:flex;gap:8px;align-items:baseline;font-variant-numeric:tabular-nums}
.lg-row b small{color:var(--text-3);font-weight:var(--fw-medium);font-size:var(--fs-2xs);min-width:40px;text-align:right}
.lg-row.is-unknown>span{font-style:italic}
.v2-legend b,.v2-legend span{color:inherit}

/* ---------------------------------------------------------------- abas internas e detalhes */
.tabbed{overflow:hidden}
.tab-strip{background:var(--surface);border-bottom:1px solid var(--border);padding:0 6px;align-items:center;gap:2px}
.tab-btn{color:var(--text-2);font-weight:var(--fw-medium);font-size:var(--fs-xs);min-height:38px;border-bottom:2px solid transparent;transition:color var(--t),background var(--t),border-color var(--t)}
.tab-btn:hover{color:var(--text);background:var(--elevated)}
.tab-btn.selected{background:transparent;color:var(--text);border-bottom-color:var(--accent);font-weight:var(--fw-semibold)}
.tab-expand{margin-left:auto;display:inline-flex;align-items:center;gap:6px;flex:none;min-height:30px;padding:2px 10px;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--elevated);color:var(--text-2);font-size:var(--fs-xs);font-weight:var(--fw-medium);transition:background var(--t),color var(--t)}
.tab-expand:hover{background:var(--overlay);color:var(--text)}
.tab-expand .ico{width:15px;height:15px}
.tabbed.fill .tab-body,.embedded{background:transparent}
.embedded{border:0!important;box-shadow:none!important;background:transparent!important}

/* ---------------------------------------------------------------- tabelas */
.tbl-wrap,.table-wrap{border-radius:var(--r-md)}
.tbl th,th{background:var(--surface);color:var(--text-3);border-bottom:1px solid var(--border-strong);font-family:var(--font-mono);font-size:var(--fs-2xs)!important;font-weight:var(--fw-medium);letter-spacing:.08em;text-transform:uppercase;position:sticky;top:0;z-index:1}
.tbl td,td{color:var(--text);border-bottom:1px solid var(--border)}
.tbl tbody tr{transition:background var(--dur-1) var(--ease)}
.tbl tbody tr:hover{background:var(--elevated)}
.tbl td:first-child{color:var(--text);font-weight:var(--fw-medium)}
.tbl td:nth-child(2){font-family:var(--font-mono);font-size:.92em;color:var(--text-2)}
caption{color:var(--text-3)}
.pager{color:var(--text-2);font-variant-numeric:tabular-nums}
.rec-foot .note{color:var(--text-3)}
.row-more{display:none}
details>summary{color:var(--text-2)}

/* ---------------------------------------------------------------- formulários */
:root{--chev:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A7B3C5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}
:root[data-theme="light"]{--chev:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23465267' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}
select,input:not([type=range]):not([type=checkbox]):not([type=radio]),textarea{background-color:var(--elevated);color:var(--text);border:1px solid var(--control-border);border-radius:var(--r-md);font-size:var(--fs-sm);min-height:38px;transition:border-color var(--t),box-shadow var(--t),background-color var(--t)}
select{appearance:none;-webkit-appearance:none;background-image:var(--chev);background-repeat:no-repeat;background-position:right 10px center;background-size:16px;padding-right:34px!important}
select option{background:var(--surface);color:var(--text)}
textarea{padding:10px 12px;line-height:1.5}
select:hover,input:hover,textarea:hover{border-color:var(--text-2)}
select:focus,input:focus,textarea:focus{border-color:var(--focus);box-shadow:0 0 0 3px #6EA8FF33;outline:none}
select:disabled,input:disabled,textarea:disabled{opacity:.5;cursor:not-allowed}
::placeholder{color:var(--text-3);opacity:1}
input[type=checkbox],input[type=radio]{accent-color:var(--accent);width:18px;height:18px}
input[type=range]{accent-color:var(--accent);height:24px}
.inline-form label,.control-label,.form-row label{color:var(--text-2);font-size:var(--fs-xs);font-weight:var(--fw-semibold)}
.tbl select,.filterbar select,.filterbar input,.inline-form input,.inline-form select,.v2-chart>select{min-height:34px;background-color:var(--elevated);color:var(--text);border-color:var(--control-border);border-radius:var(--r-md)}
.form-row input:not([type=range]),.form-row textarea{background-color:var(--elevated);color:var(--text);border-color:var(--control-border)}
.login-error{color:var(--err)}
.scenario-result{background:var(--grad-hero);border:1px solid var(--border);border-top:2px solid var(--accent);color:var(--text);border-radius:var(--r-lg)}
.scenario-result p{color:var(--text-2)}.scenario-result strong{color:var(--text);font-weight:var(--fw-bold)}
.insight-feature{background:var(--grad-hero);border:1px solid var(--border);border-left:3px solid var(--accent);color:var(--text)}
.insight-feature p{color:var(--text-2)}.insight-feature .badge{background:var(--accent-soft);color:var(--accent-hi)}.insight-feature button{color:var(--accent-hi)}
.insight-secondary{background:var(--surface);border-color:var(--border);border-top:2px solid var(--accent)}
.timeline{border-color:var(--border-strong)}.timeline section:before{background:var(--accent);border-color:var(--surface);box-shadow:0 0 0 1px var(--border-strong)}.timeline small{color:var(--accent-hi)}
.analyst-box{background:var(--accent-soft);border-color:#E3264F44;color:var(--text);border-radius:var(--r-md)}
.link-row,.task{border-color:var(--border)}
.source-fields dt{color:var(--text-3)}
.empty{color:var(--text-2)}
.empty h3{color:var(--text)}
.empty-ico{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--elevated);border:1px dashed var(--border-strong);color:var(--text-2)}
.empty-ico .ico{width:24px;height:24px}
.note[role="status"]:before,.loading-line:before{content:"";display:inline-block;width:12px;height:12px;margin-right:8px;vertical-align:-2px;border:2px solid var(--border-strong);border-top-color:var(--accent-hi);border-radius:50%;animation:mipo-spin .8s linear infinite}
.section-head h2{color:var(--text)}

/* ---------------------------------------------------------------- painel direito */
#rightPanel{background:var(--surface);border-left:1px solid var(--border);color:var(--text)}
#rightPanel h2{color:var(--text);font-weight:var(--fw-semibold)}
#rightPanel .task{border-bottom-color:var(--border)}
#rightPanel .task h3{color:var(--text)}
.task-number{background:var(--elevated);color:var(--accent-hi);border:1px solid var(--border);font-family:var(--font-mono);font-weight:var(--fw-medium)}
.dock-tabs{padding-top:12px;gap:8px}
.dock-tabs button{display:inline-flex;flex-direction:column;align-items:center;gap:8px;writing-mode:horizontal-tb;width:var(--dock-tab-w);padding:12px 0;background:var(--surface);color:var(--text-2);border:1px solid var(--border);border-right:0;border-radius:var(--r-md) 0 0 var(--r-md);box-shadow:var(--shadow-1);font-size:var(--fs-sm);font-weight:var(--fw-medium);transition:background var(--t),color var(--t),border-color var(--t)}
.dock-tabs button span{writing-mode:vertical-rl}
.dock-tabs button .ico{width:18px;height:18px}
.dock-tabs button:hover{background:var(--elevated);color:var(--text)}
.dock-tabs button.selected{background:var(--elevated);color:var(--text);border-color:var(--accent);box-shadow:-3px 0 12px -4px var(--accent)}
.dock-tabs button.selected .ico{color:var(--accent-hi)}
.dock-tabs button.has-filters:not(.selected):after{background:var(--accent);box-shadow:0 0 8px var(--accent);margin-top:2px}
.dock-backdrop{display:none}

/* ---------------------------------------------------------------- diálogos, aviso, dica */
dialog{background:var(--surface);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--r-lg);box-shadow:var(--shadow-2);padding:24px}
dialog::backdrop{background:#04060Bcc;backdrop-filter:blur(4px)}
:root[data-theme="light"] dialog::backdrop{background:#0B122080}
dialog[open]{animation:mipo-pop var(--dur-3) var(--ease)}
@keyframes mipo-pop{from{opacity:0;transform:translateY(8px) scale(.985)}}
.dialog-head{border-bottom:1px solid var(--border);padding-bottom:12px;margin-bottom:16px}
.eyebrow{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.12em;color:var(--accent-hi);font-weight:var(--fw-medium)}
dialog h2{font-size:var(--fs-xl);color:var(--text)}dialog h3{color:var(--text-2)}dialog p{font-size:var(--fs-sm);color:var(--text-2)}
dialog.login{width:min(400px,92vw);border-top:2px solid var(--accent);border-radius:var(--r-lg)}
dialog.login::backdrop{background:radial-gradient(60% 60% at 50% 30%,#E3264F22,#04060Bf0)}
#toast{background:var(--elevated);color:var(--text);border:1px solid var(--border-strong);border-left:3px solid var(--ok);border-radius:var(--r-md);box-shadow:var(--shadow-2);font-size:var(--fs-sm)}
#tip{position:fixed;z-index:200;pointer-events:none;background:var(--tip-bg);color:var(--tip-fg);border:1px solid #ffffff22;border-radius:var(--r-md);padding:8px 12px;box-shadow:0 10px 30px #000a;display:flex;flex-direction:column;gap:2px;max-width:260px;font-size:var(--fs-xs)}
#tip[hidden]{display:none}
#tip strong{font-size:var(--fs-sm);font-weight:var(--fw-semibold)}
#tip .tip-val{font-family:var(--font-mono);font-size:var(--fs-sm);color:#fff}
#tip small{color:#A7B3C5;font-size:var(--fs-2xs)}

/* ---------------------------------------------------------------- modelo de dados */
.ent-canvas{border:1px solid var(--border);border-radius:var(--r-md);background-color:var(--surface);background-image:radial-gradient(var(--border-strong) .7px,transparent .7px)}
#entSvg text{font-family:var(--font-sans)}
#entSvg .ent rect{fill:var(--elevated);stroke:var(--border-strong);rx:8}
#entSvg .ent:hover rect,#entSvg .ent:focus rect{stroke:var(--accent);stroke-width:2}
#entSvg .et{fill:var(--text)}#entSvg .es,#entSvg .card{fill:var(--text-3)}#entSvg .grp{fill:var(--text-3)}
#entSvg .rel-phys{stroke:var(--text-3)}#entSvg .rel-deriv{stroke:var(--accent-hi)}#entSvg .rel-proj{stroke:var(--text-3)}
.legend{color:var(--text-2)}.lg{border-top-color:var(--text-3)}.lg.deriv{border-top-color:var(--accent-hi)}.lg.proj{border-top-color:var(--text-3)}

/* ---------------------------------------------------------------- telas médias (notebook e tablet largo) */
@media (max-width:1300px){
 .shell .tabs button{padding:0 10px}
 .shell .tabs button .ico{display:none}
}

/* ---------------------------------------------------------------- tablet e celular: rolagem natural, 1–2 colunas, toque 44px */
@media (max-width:1099px),(max-height:560px){
 .page-head>div:first-child{display:block}
 .page-head p{white-space:normal}
 .page-head{gap:8px 14px}
 .head-actions{flex-wrap:wrap;justify-content:flex-end}
 .chart-tools{position:static!important;order:99;align-self:flex-start;margin-top:8px}
 .v2-chart h2{padding-right:0!important}
 .v2-chart .v2-donut-wrap{flex-wrap:wrap!important;row-gap:8px}
 .band-scroll{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));overflow:visible;gap:var(--gap)}
 .band-scroll .metric{flex:none;height:auto;min-height:88px;padding:10px 12px}
 .band-scroll .metric-value{font-size:var(--fs-xl)}
 .band-scroll .note{white-space:normal}
 .band-scroll .metric-label{white-space:normal;line-height:1.25}
 .band-metrics>.band-arrow{display:none}
 .band-insight{padding:12px 14px}
 .band-text{max-height:none}.band-title{white-space:normal}
 .band-actions,.band-insight>.band-more{position:static;margin-top:6px}
 .band-tag{max-width:none}
 .shell .topbar{overflow:visible}
 .tab-expand{display:none}
 .rec-wrap{min-height:0;overflow:visible}
 .rec-wrap .tbl-wrap{overflow-x:auto}
 .rec-wrap .tbl td{max-width:none}
 .rec-foot{flex-wrap:wrap;gap:8px}.rec-foot .note{white-space:normal}
}
@media (max-width:1099px) and (min-width:641px){
 .dash,.dash.rows-1,.dash.rows-2,.dash.rows-3{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none!important;grid-auto-rows:auto!important;gap:var(--gap);align-items:stretch}
 .dash-row,.dash-row.n1,.dash-row.n2,.dash-row.n3,.dash-row.withdetail{display:contents}
 .dash .v2-chart:last-child:nth-child(odd),.dash>.dash-detail,.dash-row>.tabbed{grid-column:1/-1}
 .band,.shell .topbar{padding-right:calc(var(--pad) + var(--dock-tab-w))}
 .band-scroll .metric-label{white-space:normal}
}
@media (max-width:1100px),(pointer:coarse){
 .btn,.shell .btn,.chip,.tab-btn,.icon-btn,.hide-btn,.source-link,.fchip,.tab-expand,.chart-tools .table-btn{min-height:var(--touch)!important}
 .icon-btn,.fs-btn{min-width:var(--touch);width:var(--touch)!important;height:var(--touch)!important}
 select,input:not([type=range]):not([type=checkbox]):not([type=radio]),.tbl select,.filterbar select,.filterbar input,.inline-form input,.inline-form select,.v2-chart>select{min-height:var(--touch)}
 input[type=checkbox],input[type=radio]{width:22px;height:22px}
 .shell .tabs button{min-height:var(--touch)}
 .lg-row,.v2-bar-row{min-height:var(--touch);align-content:center}
 .sidebar .side{min-height:var(--touch)}
 .band-arrow{width:var(--touch);height:var(--touch)}
}

/* celular: coluna única, indicadores em grade compacta, filtros em folha inferior, tabelas como cartões */
@media (max-width:640px){
 .shell .tabs button{padding:0 14px}
 .top-actions .fs-btn{display:none}
 .band-scroll{grid-template-columns:repeat(2,minmax(0,1fr))}
 .band-scroll .metric-label{line-height:1.25}
 .band,.shell .topbar{padding-right:var(--pad)}
 .shell main{padding-right:var(--pad)!important;padding-bottom:calc(var(--touch) + 34px)}
 .page-head>div:first-child{display:block}
 .page-head h1{font-size:var(--fs-xl);white-space:normal}
 .head-actions{flex-wrap:wrap;width:100%}
 .filter-chips{flex-wrap:wrap}
 .v2-donut-wrap{flex-wrap:wrap!important;justify-content:center!important}
 .v2-chart .v2-legend{flex-basis:100%}
 .shell .v2-chart{padding:12px 14px}
 /* dock vira barra inferior + folha */
 .dock{position:fixed!important;left:0;right:0;bottom:0;top:auto!important;z-index:45;display:block}
 .dock-tabs{position:fixed;left:0;right:0;bottom:0;width:auto;flex-direction:row;gap:8px;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border-strong);box-shadow:0 -8px 24px #0006;z-index:46}
 .dock-tabs button{flex:1;width:auto;flex-direction:row;justify-content:center;gap:8px;padding:0 10px;min-height:var(--touch);border:1px solid var(--border-strong);border-radius:var(--r-md);font-size:var(--fs-xs)}
 .dock-tabs button span{writing-mode:horizontal-tb}
 .dock-tabs button.has-filters:not(.selected):after{margin:0}
 #rightPanel{position:fixed!important;left:0;right:0;bottom:calc(var(--touch) + 17px + env(safe-area-inset-bottom));top:auto!important;width:auto!important;max-height:72dvh;border:1px solid var(--border-strong);border-bottom:0;border-radius:var(--r-lg) var(--r-lg) 0 0;box-shadow:0 -16px 40px #000a;z-index:44;padding-top:14px;animation:mipo-sheet var(--dur-3) var(--ease)}
 #rightPanel:before{content:"";display:block;width:40px;height:4px;border-radius:2px;background:var(--border-strong);margin:0 auto 8px}
 @keyframes mipo-sheet{from{transform:translateY(24px);opacity:0}}
 body.mipo-right-open .dock-backdrop{display:block;position:fixed;inset:0;bottom:calc(var(--touch) + 17px);z-index:43;background:#04060B99;border:0;width:100%}
 .footbar{padding-bottom:calc(var(--touch) + 28px)}
 /* tabelas: campos prioritários visíveis, o resto sob demanda */
 .tbl-wrap{overflow:visible}
 .tbl thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
 .tbl,.tbl tbody,.tbl tr,.tbl td{display:block;width:100%}
 .tbl tr{position:relative;padding:10px 12px;margin:0 0 8px;background:var(--elevated);border:1px solid var(--border);border-radius:var(--r-md)}
 .tbl td{display:flex;justify-content:space-between;gap:12px;border:0!important;padding:4px 0!important;text-align:right!important;white-space:normal!important;max-width:none!important;overflow:visible!important}
 .tbl td:before{content:attr(data-label);flex:none;color:var(--text-3);font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.06em;text-transform:uppercase;text-align:left;padding-top:2px}
 .tbl td:first-child{padding-right:52px!important;font-size:var(--fs-md);justify-content:flex-start;text-align:left!important;font-weight:var(--fw-semibold)}
 .tbl td:first-child:before{display:none}
 .tbl tr:not(.open) td:nth-child(n+4){display:none}
 .tbl .row-more{display:grid;place-items:center;position:absolute;right:6px;top:4px;width:var(--touch);height:var(--touch);border:0;border-radius:var(--r-md);background:transparent;color:var(--text-2)}
 .tbl tr.open .row-more .ico{transform:rotate(180deg)}
 .tbl td[colspan]{display:block;text-align:left!important}
 .tbl td[colspan]:before{display:none}
 .pager{width:100%;justify-content:space-between}
 dialog{width:calc(100vw - 16px)!important;max-height:92dvh;padding:18px}
 #toast{bottom:calc(var(--touch) + 30px)}
}

/* ---------------------------------------------------------------- movimento reduzido */
@media (prefers-reduced-motion:reduce){
 *,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}
 .note[role="status"]:before{animation:none}
}
@media (forced-colors:active){.v2-bar-fill,.lg-row i{forced-color-adjust:none}}

/* ---------------------------------------------------------------- impressão: sempre claro, sem brilho */
@media print{
 :root,:root[data-theme="dark"]{--bg:#fff;--surface:#fff;--elevated:#f3f5f9;--overlay:#e9edf4;--border:#d3d9e4;--border-strong:#9aa6ba;--text:#0b1220;--text-2:#2f3a4e;--text-3:#4a566b;--accent:#c8102e;--accent-hi:#b00e29;--accent-soft:#c8102e14;--on-accent:#fff;--track:#e4e9f1;--grid:#0b122018;--unknown:#6b778c;--unknown-bg:#6b778c26;--s1:#2563eb;--s2:#0d857a;--s3:#7043e0;--s4:#c41d6e;--s5:#a3690a;--s6:#4d7c0f;--shadow-1:none;--shadow-2:none;--grad-hero:none;--warn-soft:#b7791f22;--warn:#8f5a00}
 body,.workspace,.shell{background:#fff!important}
 .shell .v2-chart,.panel,.tabbed,.metric{box-shadow:none}
 .theme-btn,.dock-backdrop{display:none!important}
 .v2-bar-row,.lg-row{cursor:default}
}

/* rodapé do gráfico: base, corte e versão sempre visíveis (texto completo em "Fonte e limites") */
.chart-foot{margin-top:auto;padding-top:10px;display:flex;flex-wrap:wrap;gap:4px 14px;font-family:var(--font-mono);font-size:var(--fs-2xs);color:var(--text-3);border-top:1px dashed var(--border)}
.chart-foot b{color:var(--text-2);font-weight:var(--fw-medium)}
.v2-chart .chart-bars,.v2-chart .v2-donut-wrap{margin-bottom:10px}

/* menu: rótulo do item não herda o estilo de glifo de mipo.css */
.sidebar .side .lbl{width:auto;flex:1;font-size:inherit;color:inherit;text-align:left;line-height:1.25}
.sidebar .side{justify-content:flex-start}

/* compacidade vertical dos gráficos (a altura é orçada pela composição; nada pode ser cortado) */
.v2-bar-row{padding:3px 8px;margin:0 -8px!important}
.v2-bar-label{margin-bottom:3px}
.v2-bar-track{height:8px!important}
.v2-axis{margin-top:2px;line-height:1.2}
.chart-bars[data-n="1"] .v2-bar-track,.chart-bars[data-n="2"] .v2-bar-track{height:14px!important}
.chart-bars[data-n="1"] .v2-bar-label,.chart-bars[data-n="2"] .v2-bar-label{font-size:var(--fs-md)!important;margin-bottom:5px}
.chart-bars[data-n="1"] .v2-bar-row,.chart-bars[data-n="2"] .v2-bar-row{padding:8px 8px}
.chart-foot{padding-top:6px}
.v2-chart .chart-bars,.v2-chart .v2-donut-wrap{margin-bottom:6px}
.v2-chart>select,.v2-chart select{width:auto!important;max-width:100%;align-self:flex-start}
.v2-chart>label.control-label{align-self:flex-start;margin:0 0 3px}
@media (min-width:1100px) and (pointer:fine){.v2-chart>select,.v2-chart select{min-height:32px}}
.missing-data{flex-direction:row!important;flex-wrap:wrap;align-items:baseline;gap:2px 12px!important;padding:6px 12px!important;margin:6px 0!important}
.lg-row{padding:3px 8px}

/* controle deslizante: trilha e polegar próprios (sem o branco padrão do navegador) */
input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;width:100%;min-height:28px;padding:0;border:0}
input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:var(--r-pill);background:var(--track);border:1px solid var(--border-strong)}
input[type=range]::-moz-range-track{height:8px;border-radius:var(--r-pill);background:var(--track);border:1px solid var(--border-strong)}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-8px;border-radius:50%;background:var(--accent);border:3px solid var(--surface);box-shadow:0 0 0 1px var(--accent),0 2px 8px #0008;transition:transform var(--dur-1) var(--ease)}
input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent);border:3px solid var(--surface);box-shadow:0 0 0 1px var(--accent)}
input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.1)}
input[type=range]:focus-visible{outline:2px solid var(--focus);outline-offset:4px}
#entSvg .card{font-size:11px}
.band-scroll .metric-symbol{width:22px;height:22px}
.band-scroll .metric-symbol .ico{width:13px;height:13px}
.band-scroll .metric{padding-top:7px;padding-bottom:7px}

.v2-legend{flex:1 1 170px!important;min-width:150px}
.lg-row>span{overflow-wrap:break-word;word-break:normal;hyphens:auto}
.lg-row b small{min-width:38px}

/* ajuste fino de altura nas telas de análise ajustadas à janela */
.shell .v2-chart{padding-top:10px;padding-bottom:10px}
.v2-bar-row{padding-top:2px;padding-bottom:2px}
.v2-chart .sub{margin:1px 0 4px!important}
.missing-data{margin:4px 0!important}
.v2-axis{margin-top:0}

/* formulários das páginas de trabalho: grade responsiva em vez de uma coluna por campo */
.flow .panel:has(>.form-row),.flow .panel form:has(>.form-row){display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:2px 18px;align-items:end}
.flow .panel:has(>.form-row)>:not(.form-row),.flow .panel form:has(>.form-row)>:not(.form-row){grid-column:1/-1}
.flow .panel:has(>.form-row)>.btn,.flow .panel form:has(>.form-row)>.btn{justify-self:start}
.flow .form-row{margin:10px 0}
.flow .form-row:has(textarea){grid-column:1/-1}
.flow .two-cols .panel:has(>.form-row),.flow .two-cols .panel form:has(>.form-row){grid-template-columns:minmax(0,1fr)}
input[type=file]{padding:6px 8px;color:var(--text-2)}
input[type=file]::file-selector-button{margin-right:12px;padding:6px 14px;border:1px solid var(--control-border);border-radius:var(--r-sm);background:var(--overlay);color:var(--text);font:inherit;font-weight:var(--fw-semibold);cursor:pointer;transition:background var(--t)}
input[type=file]::file-selector-button:hover{background:var(--border-strong)}
input[type=date]{color-scheme:inherit}
/* estados vazios: ícone neutro (nem alerta, nem sucesso) */
.empty:before{content:"";display:block;width:52px;height:52px;margin:0 auto 12px;border-radius:50%;border:1px dashed var(--border-strong);background:var(--elevated) center/24px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238391A7' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16v14H4zM4 10h16M9 10v9'/%3E%3C/svg%3E")}
.empty:has(.empty-ico):before{display:none}

/* campos: mesma altura para input, select e data (alinha rótulos e bordas na grade) */
input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=file]),select{height:40px;padding-top:0;padding-bottom:0}
input[type=file]{height:auto;min-height:40px}

.sidebar .side.active .lbl{color:var(--text)}
.sidebar .side.active .ico{color:var(--accent-hi)}
@media (max-width:1099px),(max-height:560px){.band-text,.band-text.long{max-height:none!important}.band-title{white-space:normal!important}}

.brandbar{height:var(--brandbar-h);min-height:var(--brandbar-h)}
.footbar{min-height:var(--foot-h)}

/* diálogo Fonte e contexto: um item por linha (o conteúdo vem do rodapé do gráfico, que é uma coluna) */
.src-dialog{display:flex;flex-direction:column;gap:8px;font-size:var(--fs-sm);color:var(--text-2);line-height:1.55;overflow-wrap:anywhere}
.src-dialog b{color:var(--text)}
.src-dialog .source-link{align-self:flex-start;color:var(--accent-hi);font-weight:var(--fw-semibold)}
/* S03: histórico legível de revisões, manutenção e retiradas (dois temas via tokens) */
.rev-list{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.rev-item{border:1px solid var(--border);border-radius:var(--r-md);padding:10px 12px;background:var(--elevated)}
.rev-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;font-size:var(--fs-sm)}
.rev-head span{color:var(--text-2);font-size:var(--fs-xs)}
.rev-field{display:grid;grid-template-columns:minmax(110px,160px) minmax(0,1fr);gap:4px 12px;margin-top:6px;font-size:var(--fs-sm);overflow-wrap:anywhere}
.rev-field>span{color:var(--text-2);font-weight:var(--fw-semibold)}
.rev-field p{margin:0;color:var(--text)}
del.rev-old{color:var(--text-2);text-decoration:line-through;text-decoration-thickness:1px}
ins.rev-new{text-decoration:none;color:var(--text);font-weight:var(--fw-semibold)}
p.rev-old,p.rev-new{white-space:pre-wrap;margin:6px 0}
.edit-box{margin:14px 0;border:1px solid var(--border);border-radius:var(--r-md);padding:8px 12px}
.edit-box>summary{cursor:pointer;font-weight:var(--fw-semibold);min-height:var(--touch,44px);display:flex;align-items:center}
.dec-body{white-space:pre-wrap;color:var(--text)}
tr.withdrawn td,.timeline section.withdrawn{opacity:.72}
tr.withdrawn td:first-child{text-decoration:line-through}
.row-actions{margin-top:6px;display:flex;flex-wrap:wrap;gap:6px}
.three-forms{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:18px}
#detail{width:min(760px,94vw)}
@media (max-width:640px){.rev-field{grid-template-columns:minmax(0,1fr)}}
.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:10px;margin:4px 0 14px}
.stat-row>div{border:1px solid var(--border);border-radius:var(--r-md);padding:10px 12px;background:var(--elevated)}
.stat-row dt{color:var(--text-2);font-size:var(--fs-xs);font-weight:var(--fw-semibold)}
.stat-row dd{margin:4px 0 2px;font-size:var(--fs-xl);font-weight:var(--fw-semibold);color:var(--text)}
.stat-row small{color:var(--text-2);font-size:var(--fs-2xs)}
.three-forms form{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-content:start}
.form-row select,.form-row input,.form-row textarea{max-width:100%;min-width:0}
.form-row select{width:100%}