/* ODEM 33.2.0 — sistema visual do painel.
   Substitui a camada 33.1.2. Templates ios-* definem composição;
   os estados funcionais e a camada legada de login/TV/impressão permanecem. */
@media screen {
body:has(.ios-shell):not(.odem-tv-mode) {
 --font-mono:var(--font-ui);--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;
 --bg:#f5f5f7;--surface:#fff;--surface-1:var(--surface);--surface-2:#f8f8fa;--surface-3:#eeeef2;
 --control-bg:#fff;--hover:#f0f0f4;--border:#e2e2e8;--border-strong:#c9c9d2;
 --text:#202024;--text-2:#575760;--text-3:#696972;--placeholder:#74747e;
 --sidebar-bg:#ededf1;--sidebar-border:transparent;--sidebar-text:var(--text);--sidebar-text-2:var(--text-2);--sidebar-hover:#e3e3e9;
 --brand:#c03344;--brand-ink:#a7293b;--brand-tint:#fbe9ec;
 --sidebar-w:224px;--topbar-h:72px;--content-pad-x:clamp(20px,2.8vw,44px);--content-max:1720px;
 --radius-sm:8px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;
 --shadow-sm:0 1px 3px rgba(20,20,30,.04);--shadow-md:0 12px 36px rgba(20,20,30,.12);
 font-size:14px;font-weight:400;line-height:1.5;letter-spacing:-.01em;
}
body[data-theme="dark"]:has(.ios-shell):not(.odem-tv-mode) {--bg:#171719;--surface:#232326;--surface-1:var(--surface);--surface-2:#29292d;--surface-3:#333338;--control-bg:#29292d;--hover:#303035;--border:#3b3b42;--border-strong:#555560;--text:#f4f4f7;--text-2:#c0c0c9;--text-3:#a5a5b0;--placeholder:#a5a5b0;--sidebar-bg:#202023;--sidebar-hover:#303035;--brand-ink:#ff8a98;--brand-tint:#44262e;--shadow-sm:none;--shadow-md:0 14px 40px rgba(0,0,0,.32)}
body:has(.ios-shell):not(.odem-tv-mode) .app-shell.ios-shell {padding:0;gap:0;grid-template-columns:var(--sidebar-w) minmax(0,1fr);grid-template-rows:var(--topbar-h) minmax(0,1fr);background:var(--bg)}
body:has(.ios-shell):not(.odem-tv-mode) .sidebar {position:sticky;top:0;align-self:start;width:var(--sidebar-w);height:100vh;height:100dvh;background:var(--sidebar-bg);border:0;border-radius:0;padding:24px 14px 18px;box-shadow:none;backdrop-filter:none;gap:4px}
body:has(.ios-shell):not(.odem-tv-mode) .sidebar-brand {padding:8px 12px 20px;margin:0 0 8px;min-height:72px;border:0}
body:has(.ios-shell):not(.odem-tv-mode) .sidebar-wordmark {width:134px;max-height:52px;object-fit:contain;object-position:left}
body:has(.ios-shell):not(.odem-tv-mode) .sidebar-section-label {display:none}
body:has(.ios-shell):not(.odem-tv-mode) .sidebar-nav {gap:18px}
body:has(.ios-shell):not(.odem-tv-mode) .nav-group + .nav-group {margin-top:0}
body:has(.ios-shell):not(.odem-tv-mode) .nav-group-toggle {padding:8px 12px;min-height:36px;font-size:11px;font-weight:600;letter-spacing:.075em;color:var(--text-3);text-transform:uppercase;border:0;background:transparent}
body:has(.ios-shell):not(.odem-tv-mode) .nav-group-items {padding-top:4px}
body:has(.ios-shell):not(.odem-tv-mode) .nav-item {padding:11px 12px;min-height:42px;gap:11px;border:0;border-radius:9px;font-size:13px;font-weight:500;color:var(--text-2);background:transparent;box-shadow:none}
body:has(.ios-shell):not(.odem-tv-mode) .nav-item:hover {background:var(--sidebar-hover);color:var(--text);transform:none;text-decoration:none}
body:has(.ios-shell):not(.odem-tv-mode) .nav-item.active {background:var(--surface);color:var(--brand-ink);box-shadow:var(--shadow-sm)}
body:has(.ios-shell):not(.odem-tv-mode) .nav-item.active .nav-label {color:var(--brand-ink)}
body:has(.ios-shell):not(.odem-tv-mode) .nav-item.active::before {content:none}
body:has(.ios-shell):not(.odem-tv-mode) .nav-icon {width:18px;height:18px;flex:0 0 18px;padding:0;border-radius:0;background:none;box-shadow:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body:has(.ios-shell):not(.odem-tv-mode) .nav-item.active .nav-icon {color:var(--brand-ink);background:none;box-shadow:none}
body:has(.ios-shell):not(.odem-tv-mode) .ios-sidebar-footer {display:flex;gap:10px;align-items:center;margin-top:auto;padding:24px 10px 0;color:var(--text-2)}
body:has(.ios-shell):not(.odem-tv-mode) .ios-sidebar-footer strong {display:block;font-size:12px;font-weight:600}
body:has(.ios-shell):not(.odem-tv-mode) .ios-sidebar-footer small {display:block;font-size:11px;color:var(--text-3);margin-top:2px}
body:has(.ios-shell):not(.odem-tv-mode) .ios-workspace-mark {display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--surface);color:var(--brand-ink);font-size:11px;font-weight:700;letter-spacing:.02em}
body:has(.ios-shell):not(.odem-tv-mode) .topbar {position:sticky;top:0;margin:0;min-height:var(--topbar-h);height:var(--topbar-h);padding:0 var(--content-pad-x);border:0;border-radius:0;background:var(--bg);box-shadow:none;backdrop-filter:none}
body:has(.ios-shell):not(.odem-tv-mode) .topbar-heading {display:flex;flex-direction:row;align-items:center;gap:10px;min-width:0}
body:has(.ios-shell):not(.odem-tv-mode) .topbar-eyebrow {font-size:11px;letter-spacing:0;text-transform:none;color:var(--text-3)}
body:has(.ios-shell):not(.odem-tv-mode) #topbar-titulo {font-size:12px;font-weight:500;line-height:1.4;color:var(--text-2);padding-left:10px;border-left:1px solid var(--border-strong)}
body:has(.ios-shell):not(.odem-tv-mode) .topbar-actions {gap:8px}
body:has(.ios-shell):not(.odem-tv-mode) :is(.topbar-menu,.topbar-action) {background:var(--surface);border:1px solid var(--border);border-radius:10px;min-width:40px;width:40px;min-height:40px;height:40px;box-shadow:none}
body:has(.ios-shell):not(.odem-tv-mode) .topbar-account {border-radius:10px;background:transparent;border-color:transparent;gap:9px}
body:has(.ios-shell):not(.odem-tv-mode) .topbar-avatar {border-radius:50%;background:var(--surface);color:var(--text-2)}
body:has(.ios-shell):not(.odem-tv-mode) .topbar-account-copy strong {font-size:12px;font-weight:600}
body:has(.ios-shell):not(.odem-tv-mode) .topbar-account-copy small {font-size:11px;color:var(--text-3)}
body:has(.ios-shell):not(.odem-tv-mode) .topbar-user-menu {background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:8px;box-shadow:var(--shadow-md)}
body:has(.ios-shell):not(.odem-tv-mode) .content {min-width:0;width:100%;max-width:var(--content-max);padding:20px var(--content-pad-x) 44px;border-radius:0}
/* Uma hierarquia compartilhada, com cabeçalhos fora das superfícies de dados. */
body:has(.ios-shell):not(.odem-tv-mode) :is(.ios-page,.ind-page,.rep-page,.hc3-page,.cfg-page) {min-width:0}
body:has(.ios-shell):not(.odem-tv-mode) :is(#ped-raiz,#cli-raiz,#prod-raiz,#cat-raiz) > .ios-page-panel {padding:0;border:0;border-radius:0;box-shadow:none;background:transparent}
body:has(.ios-shell):not(.odem-tv-mode) .ios-page-heading {display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin:0 0 26px;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent}
body:has(.ios-shell):not(.odem-tv-mode) :is(.ios-page-heading,.ios-report-toolbar) h1 {font-size:30px;line-height:1.17;letter-spacing:-.035em;font-weight:650;margin:4px 0 7px;color:var(--text)}
body:has(.ios-shell):not(.odem-tv-mode) :is(.ios-eyebrow,.ind-eyebrow,.rep-page-eyebrow,.hc3-eyebrow) {display:block;font-size:10px;letter-spacing:.1em;font-weight:600;color:var(--text-3)}
body:has(.ios-shell):not(.odem-tv-mode) :is(.ios-page-description,.ios-page-heading p,.ios-report-toolbar p) {font-size:13px;line-height:1.5;color:var(--text-2);margin:0;max-width:66ch}
body:has(.ios-shell):not(.odem-tv-mode) :is(.ios-heading-actions,.ped-create-actions,.rep-master-tools,.hc3-head-actions) {display:flex;flex-wrap:wrap;gap:8px;align-items:center}
body:has(.ios-shell):not(.odem-tv-mode) :is(.btn,.input,.select,.textarea) {font-family:var(--font-ui);font-size:13px;letter-spacing:-.01em;border-radius:10px;box-shadow:none}
body:has(.ios-shell):not(.odem-tv-mode) .btn {height:auto;min-height:40px;padding:10px 14px;line-height:1.25;font-weight:600;gap:8px;white-space:normal;transition:background-color 140ms,color 140ms,border-color 140ms}
body:has(.ios-shell):not(.odem-tv-mode) .btn-primary {background:var(--brand);border-color:var(--brand);color:var(--brand-contrast);box-shadow:none}
body:has(.ios-shell):not(.odem-tv-mode) .btn-primary:hover:not(:disabled) {background:var(--brand-hover);border-color:var(--brand-hover);box-shadow:none}
body:has(.ios-shell):not(.odem-tv-mode) .btn-ghost {background:var(--surface);border:1px solid var(--border);color:var(--text);box-shadow:none}
body:has(.ios-shell):not(.odem-tv-mode) .btn-ghost:hover:not(:disabled) {background:var(--hover);border-color:var(--border-strong)}
body:has(.ios-shell):not(.odem-tv-mode) .btn-danger {background:var(--brand-tint);color:var(--brand-ink);border:1px solid transparent;box-shadow:none}
body:has(.ios-shell):not(.odem-tv-mode) .btn-danger:hover:not(:disabled) {border-color:var(--brand-ink);background:var(--brand-tint);color:var(--brand-ink)}
body:has(.ios-shell):not(.odem-tv-mode) .btn-sm {min-height:34px;padding:7px 10px;font-size:12px;border-radius:8px}
body:has(.ios-shell):not(.odem-tv-mode) .btn:active:not(:disabled) {transform:translateY(1px)}
body:has(.ios-shell):not(.odem-tv-mode) :is(.input,.select,.textarea) {background:var(--control-bg);border:1px solid var(--border-strong);color:var(--text);min-height:42px;max-width:100%;padding:10px 12px;font-weight:400}
body:has(.ios-shell):not(.odem-tv-mode) :is(.input,.textarea)::placeholder {color:var(--placeholder);opacity:1}
body:has(.ios-shell):not(.odem-tv-mode) :is(.input,.select,.textarea):focus {border-color:var(--brand);box-shadow:0 0 0 3px var(--focus-ring)}
body:has(.ios-shell):not(.odem-tv-mode) .field-label {font-size:12px;font-weight:500;color:var(--text-2);margin-bottom:6px}
body:has(.ios-shell):not(.odem-tv-mode) :is(.mono,.num,.ped-card-total,.ind-kpi strong,.hc3-kpi strong,.rel-kpi strong,.rel-kpi b) {font-family:var(--font-ui);font-variant-numeric:tabular-nums;letter-spacing:-.015em}
body:has(.ios-shell):not(.odem-tv-mode) :is(.card,.ind-panel,.hc3-section,.hc3-network,.venda-card,.rep-master-card) {border:1px solid var(--border);background:var(--surface);border-radius:14px;box-shadow:none}
body:has(.ios-shell):not(.odem-tv-mode) :is(.card,.ind-panel,.hc3-section) {padding:20px}
body:has(.ios-shell):not(.odem-tv-mode) :is(.card-title:not(h1),.ind-panel-head b,.hc3-section-head h2,.cfg-card-head h2) {font-size:16px;font-weight:600;letter-spacing:-.02em}
body:has(.ios-shell):not(.odem-tv-mode) .badge {border-radius:6px;padding:4px 7px;font-size:11px;line-height:1.35;font-weight:600;letter-spacing:0;white-space:normal}
body:has(.ios-shell):not(.odem-tv-mode) :is(.table-wrap,.table-responsive) {border:1px solid var(--border);border-radius:14px;background:var(--surface)}
body:has(.ios-shell):not(.odem-tv-mode) .table {background:var(--surface);font-size:13px;border-collapse:collapse}
body:has(.ios-shell):not(.odem-tv-mode) .table th {padding:13px 14px;background:var(--surface-2);font-size:11px;font-weight:600;color:var(--text-2);letter-spacing:.015em;text-transform:none;border-color:var(--border)}
body:has(.ios-shell):not(.odem-tv-mode) .table td {padding:15px 14px;border-color:var(--border);vertical-align:middle}
body:has(.ios-shell):not(.odem-tv-mode) .table tbody tr:hover {background:var(--surface-2)}
body:has(.ios-shell):not(.odem-tv-mode) .table :is(th.num,td.num) {text-align:right}
/* Pedidos: cabeçalho + filtros + lista contínua, sem cartões aninhados. */
body:has(.ios-shell):not(.odem-tv-mode) .ios-segment {display:flex;gap:4px;flex-wrap:wrap;width:fit-content;max-width:100%;padding:4px;margin:0 0 20px;background:var(--surface-3);border:0;border-radius:11px}
body:has(.ios-shell):not(.odem-tv-mode) .ios-segment .btn {min-height:34px;border:0;border-radius:8px;padding:8px 13px;color:var(--text-2);background:transparent;box-shadow:none}
body:has(.ios-shell):not(.odem-tv-mode) .ios-segment .btn-primary {background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}
body:has(.ios-shell):not(.odem-tv-mode) .ios-segment .btn:hover {background:var(--surface);color:var(--text)}
body:has(.ios-shell):not(.odem-tv-mode) .ios-filter-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:0 0 16px}
body:has(.ios-shell):not(.odem-tv-mode) .ios-filter-grid #ped-busca {grid-column:1 / -1;min-height:44px;padding-left:14px}
body:has(.ios-shell):not(.odem-tv-mode) .ios-filter-grid > :is(.select,.input) {width:100%;min-width:0}
body:has(.ios-shell):not(.odem-tv-mode) .ios-sync-line {display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;color:var(--text-3);font-size:11px;margin:8px 0 18px}
body:has(.ios-shell):not(.odem-tv-mode) #ped-lista {display:block;min-width:0}
body:has(.ios-shell):not(.odem-tv-mode) .ios-list-summary {font-size:12px;color:var(--text-2);padding:0 2px;margin:0 0 12px;line-height:1.7}
body:has(.ios-shell):not(.odem-tv-mode) .ios-list-summary b {font-weight:500}
body:has(.ios-shell):not(.odem-tv-mode) .ios-list-summary .mono {font-weight:600;color:var(--text)}
body:has(.ios-shell):not(.odem-tv-mode) .ios-order-list {background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden}
body:has(.ios-shell):not(.odem-tv-mode) .ios-order-row {display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,210px) auto;align-items:center;gap:18px;padding:19px 20px;border:0;border-bottom:1px solid var(--border);background:transparent}
body:has(.ios-shell):not(.odem-tv-mode) .ios-order-row:last-child {border-bottom:0}
body:has(.ios-shell):not(.odem-tv-mode) .ios-order-row:hover {background:var(--surface-2)}
body:has(.ios-shell):not(.odem-tv-mode) .ios-order-main {display:grid;grid-template-columns:minmax(0,1fr) 128px;align-items:center;gap:16px;min-width:0}
body:has(.ios-shell):not(.odem-tv-mode) .ios-order-identity {min-width:0}
body:has(.ios-shell):not(.odem-tv-mode) .ios-order-client {font-size:14px;font-weight:600;line-height:1.45;overflow-wrap:anywhere}
body:has(.ios-shell):not(.odem-tv-mode) .ios-order-amount {text-align:right;min-width:0;overflow-wrap:anywhere}
body:has(.ios-shell):not(.odem-tv-mode) .ios-order-status {display:flex;align-items:center;gap:5px;flex-wrap:wrap}
body:has(.ios-shell):not(.odem-tv-mode) .ios-order-status > span:not(.badge) {width:100%}
body:has(.ios-shell):not(.odem-tv-mode) .ios-order-actions {display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
body:has(.ios-shell):not(.odem-tv-mode) .ios-order-actions .btn-danger {background:transparent;color:var(--text-3)}
body:has(.ios-shell):not(.odem-tv-mode) .ios-order-actions .btn-danger:hover {background:var(--brand-tint);color:var(--brand-ink)}
body:has(.ios-shell):not(.odem-tv-mode) .ios-order-actions .btn-ghost {background:var(--surface-2);border-color:var(--border)}
body:has(.ios-shell):not(.odem-tv-mode) .ped-maino-ref {color:var(--text-3);font-size:11px;margin-top:4px}
/* Cadastros e materiais comerciais. */
body:has(.ios-shell):not(.odem-tv-mode) .ios-client-toolbar {display:flex;flex-wrap:wrap;gap:10px;margin:0 0 20px;align-items:center}
body:has(.ios-shell):not(.odem-tv-mode) .ios-client-toolbar #cli-busca {flex:1 1 100%;min-height:44px}
body:has(.ios-shell):not(.odem-tv-mode) .ios-client-toolbar > .select {flex:1 1 180px}
body:has(.ios-shell):not(.odem-tv-mode) #cli-lista > .card {border-radius:12px;box-shadow:none}
body:has(.ios-shell):not(.odem-tv-mode) #prod-lista > .card {border-radius:12px;box-shadow:none}
body:has(.ios-shell):not(.odem-tv-mode) #cat-corpo {padding:24px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}
/* Indicadores: faixa única de métricas e painéis, sem ornamentos competindo. */
body:has(.ios-shell):not(.odem-tv-mode) :is(.ind-page,.hc3-page) {gap:22px}
body:has(.ios-shell):not(.odem-tv-mode) :is(.ind-kpis,.hc3-kpis,.rel-kpis,.rep-master-summary-v32) {display:grid;gap:0;background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden}
body:has(.ios-shell):not(.odem-tv-mode) :is(.ind-kpi,.hc3-kpi,.rel-kpi,.rep-stat) {min-width:0;min-height:100px;padding:20px;background:transparent;border:0;border-right:1px solid var(--border);border-radius:0;box-shadow:none}
body:has(.ios-shell):not(.odem-tv-mode) :is(.ind-kpi,.hc3-kpi,.rel-kpi,.rep-stat):last-child {border-right:0}
body:has(.ios-shell):not(.odem-tv-mode) .ind-kpi::after {content:none}
body:has(.ios-shell):not(.odem-tv-mode) :is(.ind-kpi strong,.hc3-kpi strong,.rel-kpi b,.rel-kpi strong,.rep-stat-copy b) {font-size:clamp(22px,2.1vw,30px);font-weight:650;line-height:1.18;color:var(--text);letter-spacing:-.04em;overflow-wrap:anywhere}
body:has(.ios-shell):not(.odem-tv-mode) :is(.ind-kpi small,.hc3-kpi small,.rep-stat-copy small) {color:var(--text-3);font-size:12px}
body:has(.ios-shell):not(.odem-tv-mode) :is(.ind-kpi span,.hc3-kpi > span,.rel-kpi > span) {font-size:12px;color:var(--text-2)}
body:has(.ios-shell):not(.odem-tv-mode) :is(.ind-filterbar,.hc3-period,.rep-filters-wrap) {background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:none}
body:has(.ios-shell):not(.odem-tv-mode) .ind-panel-head {margin-bottom:20px}
body:has(.ios-shell):not(.odem-tv-mode) .ind-panel-head span {font-size:12px;color:var(--text-3)}
body:has(.ios-shell):not(.odem-tv-mode) .ind-chart-bars {border-radius:0;background:transparent}
body:has(.ios-shell):not(.odem-tv-mode) .hc3-network {padding:18px;background:var(--surface-2)}
body:has(.ios-shell):not(.odem-tv-mode) .hc3-network > strong {font-size:26px;font-weight:650;letter-spacing:-.035em}
body:has(.ios-shell):not(.odem-tv-mode) :is(.hc3-toggle,.cfg-history-tabs) {background:var(--surface-3);border:0;border-radius:10px;padding:4px}
body:has(.ios-shell):not(.odem-tv-mode) :is(.hc3-toggle button.is-active,.cfg-history-tab.is-active) {background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm);border-color:transparent}
body:has(.ios-shell):not(.odem-tv-mode) .hc3-rank-row {border-color:var(--border);padding-top:15px;padding-bottom:15px}
body:has(.ios-shell):not(.odem-tv-mode) .rep-master-card {padding:20px}
body:has(.ios-shell):not(.odem-tv-mode) .rep-stat-icon {width:32px;height:32px;border-radius:9px;background:var(--surface-2);color:var(--text-2)}
body:has(.ios-shell):not(.odem-tv-mode) .rep-master-meta-v32 {background:var(--surface-2);border:0;border-radius:10px}
body:has(.ios-shell):not(.odem-tv-mode) .rep-name-line h3 {font-size:16px;letter-spacing:-.02em}
/* Configuração e relatórios: seções legíveis, controles com o mesmo padrão. */
body:has(.ios-shell):not(.odem-tv-mode) .cfg-grid {gap:18px}
body:has(.ios-shell):not(.odem-tv-mode) .cfg-card {padding:24px;margin-bottom:20px}
body:has(.ios-shell):not(.odem-tv-mode) .cfg-card-head {padding-bottom:18px;border-bottom:1px solid var(--border);margin-bottom:20px}
body:has(.ios-shell):not(.odem-tv-mode) .cfg-icon {border-radius:10px;width:34px;height:34px;font-size:16px;background:var(--surface-2);color:var(--text-2);box-shadow:none}
body:has(.ios-shell):not(.odem-tv-mode) .cfg-data {padding:12px 0;border-color:var(--border)}
body:has(.ios-shell):not(.odem-tv-mode) .cfg-data strong {font-size:14px;font-weight:500}
body:has(.ios-shell):not(.odem-tv-mode) .ios-report-toolbar {display:flex;flex-direction:column;align-items:stretch;gap:22px;margin-bottom:24px;background:transparent;border:0;padding:0}
body:has(.ios-shell):not(.odem-tv-mode) .rel-filters {justify-content:flex-start;gap:12px}
body:has(.ios-shell):not(.odem-tv-mode) .rel-filters > .field {flex:1;min-width:160px}
body:has(.ios-shell):not(.odem-tv-mode) .rel-history {background:var(--surface);border-radius:14px}
body:has(.ios-shell):not(.odem-tv-mode) .rel-history-row {padding:14px 12px;border-color:var(--border);border-radius:8px}
body:has(.ios-shell):not(.odem-tv-mode) .rel-history-row.is-active {background:var(--brand-tint);color:var(--brand-ink)}
body:has(.ios-shell):not(.odem-tv-mode) .rel-order {padding:16px 0;border-color:var(--border)}
/* Formulários de venda e diálogos mantêm fluxo, foco e estados existentes. */
body:has(.ios-shell):not(.odem-tv-mode) .modal-box {background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:0 24px 80px rgba(0,0,0,.25);padding:24px}
body:has(.ios-shell):not(.odem-tv-mode) .modal-title {font-size:22px;font-weight:650;letter-spacing:-.03em}
body:has(.ios-shell):not(.odem-tv-mode) .venda-card {padding:18px;margin-bottom:16px}
body:has(.ios-shell):not(.odem-tv-mode) :is(.venda-section-title,.venda-card h3) {font-size:14px;font-weight:600}
body:has(.ios-shell):not(.odem-tv-mode) :is(.venda-totalbar,.venda-acoes) {background:var(--surface);border-color:var(--border);box-shadow:none}
body:has(.ios-shell):not(.odem-tv-mode) :is(.hc3-modal,.hc3-drawer) {background:var(--surface);border-color:var(--border);border-radius:18px}
body:has(.ios-shell):not(.odem-tv-mode) :is(.hc3-modal header,.hc3-drawer header) {background:var(--surface-2);border-color:var(--border)}
body:has(.ios-shell):not(.odem-tv-mode) :is(.empty,.empty-state) {padding:40px 24px;color:var(--text-2);background:var(--surface);border:1px solid var(--border);border-radius:14px}
body:has(.ios-shell):not(.odem-tv-mode) :is(.btn,.nav-item):focus-visible {outline:2px solid var(--brand-ink);outline-offset:3px}
@media (max-width:1200px) {
 body:has(.ios-shell):not(.odem-tv-mode) {--sidebar-w:208px;--content-pad-x:24px}
 body:has(.ios-shell):not(.odem-tv-mode) .ios-order-row {grid-template-columns:minmax(0,1fr) auto;gap:12px}
 body:has(.ios-shell):not(.odem-tv-mode) .ios-order-status {grid-column:1;grid-row:2}
 body:has(.ios-shell):not(.odem-tv-mode) .ios-order-status > span:not(.badge) {width:auto}
 body:has(.ios-shell):not(.odem-tv-mode) .ios-order-actions {grid-column:2;grid-row:1 / 3;flex-direction:column}
 body:has(.ios-shell):not(.odem-tv-mode) .ios-order-main {grid-template-columns:minmax(0,1fr) 122px}
 body:has(.ios-shell):not(.odem-tv-mode) .rep-filter-primary {grid-template-columns:repeat(2,minmax(0,1fr))}
 body:has(.ios-shell):not(.odem-tv-mode) .rep-filter-primary .rep-filter-search {grid-column:1 / -1}
 body:has(.ios-shell):not(.odem-tv-mode) .rep-master-meta-v32 {grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:900px) {
 body:has(.ios-shell):not(.odem-tv-mode) .ios-page-heading {align-items:flex-start}
 body:has(.ios-shell):not(.odem-tv-mode) .topbar-eyebrow {display:none}
 body:has(.ios-shell):not(.odem-tv-mode) #topbar-titulo {border:0;padding:0}
 body:has(.ios-shell):not(.odem-tv-mode) .cfg-grid {grid-template-columns:minmax(0,1fr)}
 body:has(.ios-shell):not(.odem-tv-mode) :is(.ind-kpis,.hc3-kpis,.rel-kpis,.rep-master-summary-v32) {grid-template-columns:repeat(2,minmax(0,1fr))}
 body:has(.ios-shell):not(.odem-tv-mode) :is(.ind-kpi,.hc3-kpi,.rel-kpi,.rep-stat) {border-bottom:1px solid var(--border)}
 body:has(.ios-shell):not(.odem-tv-mode) :is(.ind-kpi,.hc3-kpi,.rel-kpi,.rep-stat):nth-child(even) {border-right:0}
}
body[data-device="mobile"]:has(.ios-shell):not(.odem-tv-mode) .app-shell.ios-shell {grid-template-columns:minmax(0,1fr);grid-template-areas:"topbar" "content"}
body[data-device="mobile"]:has(.ios-shell):not(.odem-tv-mode) .sidebar {position:fixed;inset:0 auto 0 0;width:min(86vw,290px);border-radius:0 18px 18px 0;box-shadow:var(--shadow-md)}
body[data-device="mobile"]:has(.ios-shell):not(.odem-tv-mode) .topbar {padding:0 16px}
body[data-device="mobile"]:has(.ios-shell):not(.odem-tv-mode) .content {padding:20px 16px max(32px,env(safe-area-inset-bottom,0px))}
@media (max-width:640px) {
 body:has(.ios-shell):not(.odem-tv-mode) {--topbar-h:64px}
 body:has(.ios-shell):not(.odem-tv-mode) .topbar-account-copy {display:none}
 body:has(.ios-shell):not(.odem-tv-mode) .topbar-heading {flex:1}
 body:has(.ios-shell):not(.odem-tv-mode) .topbar-actions {gap:4px}
 body:has(.ios-shell):not(.odem-tv-mode) #topbar-titulo {font-size:14px}
 body:has(.ios-shell):not(.odem-tv-mode) :is(.ios-page-heading,.ios-report-toolbar) h1 {font-size:28px}
 body:has(.ios-shell):not(.odem-tv-mode) .ios-page-heading {gap:16px;margin-bottom:22px}
 body:has(.ios-shell):not(.odem-tv-mode) .ios-page-description {font-size:12px}
 body:has(.ios-shell):not(.odem-tv-mode) :is(.ped-create-actions,.ios-heading-actions) {width:100%}
 body:has(.ios-shell):not(.odem-tv-mode) .ped-create-actions .btn {flex:1 1 125px}
 body:has(.ios-shell):not(.odem-tv-mode) .ios-filter-grid {grid-template-columns:minmax(0,1fr)}
 body:has(.ios-shell):not(.odem-tv-mode) .ios-filter-grid > .select {min-width:0 !important}
 body:has(.ios-shell):not(.odem-tv-mode) .ios-segment {width:100%;gap:3px}
 body:has(.ios-shell):not(.odem-tv-mode) .ios-segment .btn {flex:1 1 auto;min-height:42px;padding:8px;font-size:12px}
 body:has(.ios-shell):not(.odem-tv-mode) .ios-order-row {padding:16px;gap:12px}
 body:has(.ios-shell):not(.odem-tv-mode) .ios-order-main {grid-column:1 / -1;grid-template-columns:minmax(0,1fr) 112px;gap:10px}
 body:has(.ios-shell):not(.odem-tv-mode) .ios-order-status {grid-column:1 / -1;grid-row:auto}
 body:has(.ios-shell):not(.odem-tv-mode) .ios-order-actions {grid-column:1 / -1;grid-row:auto;flex-direction:row;justify-content:flex-start}
 body:has(.ios-shell):not(.odem-tv-mode) .ios-order-client {font-size:14px}
 body:has(.ios-shell):not(.odem-tv-mode) :is(.btn,.btn-sm,.input,.select) {min-height:44px}
 body:has(.ios-shell):not(.odem-tv-mode) :is(.input,.select,.textarea) {font-size:16px}
 body:has(.ios-shell):not(.odem-tv-mode) :is(.topbar-action,.topbar-menu,.topbar-account) {min-width:44px;min-height:44px}
 body:has(.ios-shell):not(.odem-tv-mode) .ios-client-toolbar {gap:10px}
 body:has(.ios-shell):not(.odem-tv-mode) .ios-client-toolbar > .btn {flex:1 1 140px}
 body:has(.ios-shell):not(.odem-tv-mode) :is(.card,.ind-panel,.hc3-section,.cfg-card) {padding:16px}
 body:has(.ios-shell):not(.odem-tv-mode) #cat-corpo {padding:16px}
 body:has(.ios-shell):not(.odem-tv-mode) :is(.ind-kpi,.hc3-kpi,.rel-kpi,.rep-stat) {padding:16px 12px;min-height:96px}
 body:has(.ios-shell):not(.odem-tv-mode) :is(.ind-kpi strong,.hc3-kpi strong,.rel-kpi b,.rep-stat-copy b) {font-size:23px}
 body:has(.ios-shell):not(.odem-tv-mode) .rep-filter-primary, body:has(.ios-shell):not(.odem-tv-mode) .rep-filter-advanced-grid {grid-template-columns:minmax(0,1fr)}
 body:has(.ios-shell):not(.odem-tv-mode) .rep-master-meta-v32 {grid-template-columns:repeat(2,minmax(0,1fr))}
 body:has(.ios-shell):not(.odem-tv-mode) .rel-filters {flex-wrap:wrap}
 body:has(.ios-shell):not(.odem-tv-mode) .rel-filters > .field {flex:1 1 100%}
 body:has(.ios-shell):not(.odem-tv-mode) .modal {padding:0;align-items:flex-end}
 body:has(.ios-shell):not(.odem-tv-mode) .modal-box {width:100%;max-height:calc(100dvh - 20px);border-radius:18px 18px 0 0;padding:20px 16px max(24px,env(safe-area-inset-bottom,0px))}
 body:has(.ios-shell):not(.odem-tv-mode) .hc3-period {align-items:stretch}
}
@media (prefers-reduced-motion:reduce) {body:has(.ios-shell):not(.odem-tv-mode) :is(.btn,.nav-item,.sidebar) {transition:none;animation:none}}
}

/* 33.2.1 — ícones alinhados e números verdes no tema escuro. */
@media screen and (min-width:641px) {
  body[data-device="desktop"]:has(.ios-shell) .topbar-actions {align-items:center;gap:10px}
  body[data-device="desktop"]:has(.ios-shell) .topbar-action {display:inline-flex;align-items:center;justify-content:center;gap:8px;width:auto;min-width:80px;height:40px;min-height:40px;padding:0 12px;flex-shrink:0;line-height:1}
  body[data-device="desktop"]:has(.ios-shell) .topbar-action-label {display:block;white-space:nowrap;font-size:12px;line-height:1}
  body[data-device="desktop"]:has(.ios-shell) :is(.topbar-action,.topbar-menu) svg {display:block;width:18px;height:18px;flex:0 0 18px;margin:0;vertical-align:middle}
  body[data-device="desktop"]:has(.ios-shell) .topbar-account {display:grid;grid-template-columns:34px minmax(0,1fr) 14px;align-items:center;gap:10px;min-height:44px;padding:4px 8px;line-height:1.3}
  body[data-device="desktop"]:has(.ios-shell) .topbar-avatar {display:grid;place-items:center;width:34px;height:34px;line-height:1;flex:none}
  body[data-device="desktop"]:has(.ios-shell) .topbar-account-copy {align-self:center;gap:3px;line-height:1.3}
  body[data-device="desktop"]:has(.ios-shell) .topbar-account-copy small {margin:0}
  body[data-device="desktop"]:has(.ios-shell) .topbar-chevron {display:flex;align-items:center;justify-content:center;width:14px;height:18px;margin:0;line-height:1}
  body[data-device="desktop"]:has(.ios-shell) .nav-item {display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;column-gap:11px}
  body[data-device="desktop"]:has(.ios-shell) .nav-icon {display:block;align-self:center;justify-self:center;width:18px;height:18px;margin:0;transform:none}
  body[data-device="desktop"]:has(.ios-shell) .nav-label {line-height:1.4;min-width:0}
  body[data-device="desktop"]:has(.ios-shell) :is(.btn,.venda-btn) {align-items:center;justify-content:center}
  body[data-device="desktop"]:has(.ios-shell) :is(.btn,.venda-btn) > svg {display:block;width:18px;height:18px;flex:0 0 18px;margin:0;vertical-align:middle}
}
@media screen {
  body[data-theme="dark"]:has(.ios-shell) {--ui-number:#68df9a}
  /* Seletores semânticos: não reescreve texto, campos ou valores. A prioridade
     local é necessária para os valores com color inline no código existente. */
  body[data-theme="dark"]:has(.ios-shell) :is(
    .num, .mono:not(#cfg-login):not(.rep-subline .mono):not(.cfg-history-user-main .mono):not(.cfg-history-event-user .mono),
    .kpi-value, .ind-kpi strong, .ind-kpi b, .ind-bar-label b, .ind-panel-head > strong,
    .hc3-kpi strong, .hc3-network > strong, .hc3-network-top > b,
    .hc3-network-meta span, .hc3-rank-row > b, .hc3-rank-row > strong, .hc3-pos,
    .hc3-head-actions b, .hc3-op-summary article > strong, .hc3-op-status button > b,
    .hc3-op-list button > strong, .hc3-period-nav > strong, .hc3-period-name > b,
    .rep-stat-copy b, .rep-master-meta-v32 > div:nth-child(-n+3) > b, .rep-bulk-count b, #rep-atr-count,
    .rel-kpi b, .rel-kpi strong, .rel-history-row > strong, .rel-rep-grid > div > strong,
    .rel-order > div > strong, .rel-order > div > b, .rel-actions time,
    .cfg-history-count b, .cfg-history-date,
    .ped-card-total, .ped-maino-ref, .ios-order-amount > div,
    .venda-prod-preco, .venda-item-sub, .venda-item-cod, .venda-passo-qtd,
    .venda-barra-linha > span:last-child, .venda-barra-total > span:last-child,
    input[type="number"], input[inputmode="decimal"], input[inputmode="numeric"]
  ) {color:var(--ui-number) !important;font-variant-numeric:tabular-nums}
}

/* =====================================================================
   ODEM 33.3.0 — Gestão Executiva
   Superfície simples; profundidade em drill-down/importações.
   ===================================================================== */
.ge-page{display:flex;flex-direction:column;gap:18px;min-width:0;padding-bottom:28px}.ge-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:4px 2px 0}.ge-hero h2{margin:2px 0 5px;font-size:clamp(25px,2.6vw,36px);letter-spacing:-.035em}.ge-hero p{margin:0;color:var(--text-2);max-width:760px}.ge-eyebrow{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:800;color:var(--accent,#c62026)}.ge-hero-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.ge-hero-badges span{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:8px 11px;font-size:12px;color:var(--text-2)}
.ge-tabs{display:flex;gap:5px;padding:5px;background:var(--surface);border:1px solid var(--border);border-radius:16px;width:max-content;max-width:100%;overflow:auto;box-shadow:var(--shadow-sm)}.ge-tabs button{border:0;background:transparent;color:var(--text-2);padding:9px 14px;border-radius:12px;font:inherit;font-size:13px;font-weight:700;white-space:nowrap;cursor:pointer}.ge-tabs button.active{background:color-mix(in srgb,var(--accent,#c62026) 10%,transparent);color:var(--accent,#c62026)}
.ge-data-health{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent,#c62026) 5%,var(--surface)),var(--surface));border:1px solid var(--border);border-radius:20px;padding:18px 20px;box-shadow:var(--shadow-sm)}.ge-data-health h3,.ge-panel h3{margin:0;font-size:17px;letter-spacing:-.015em}.ge-data-health p,.ge-panel p{margin:4px 0 0;color:var(--text-2);font-size:12px}.ge-data-sources{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.ge-data-source{display:flex;align-items:center;gap:9px;min-width:180px;padding:10px 12px;background:var(--surface);border:1px solid var(--border);border-radius:14px}.ge-data-source .ge-dot{width:8px;height:8px;border-radius:50%;background:#7e8793;box-shadow:0 0 0 4px rgba(126,135,147,.1)}.ge-data-source.ok .ge-dot{background:#21a366;box-shadow:0 0 0 4px rgba(33,163,102,.12)}.ge-data-source.warn .ge-dot{background:#d69e2e;box-shadow:0 0 0 4px rgba(214,158,46,.12)}.ge-data-source div{display:flex;flex-direction:column;gap:1px}.ge-data-source strong{font-size:12px}.ge-data-source small{font-size:11px;color:var(--text-2)}
.ge-filters{display:grid;grid-template-columns:150px 180px minmax(240px,1fr) auto;align-items:end;gap:12px;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-sm)}.ge-filters label,.ge-form label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:750;color:var(--text-2)}.ge-filters select,.ge-filters input,.ge-form input,.ge-toolbar input{height:40px;padding:0 12px;border:1px solid var(--border);border-radius:11px;background:var(--bg);color:var(--text);font:inherit;outline:none}.ge-filters select:focus,.ge-filters input:focus,.ge-form input:focus,.ge-toolbar input:focus{border-color:color-mix(in srgb,var(--accent,#c62026) 55%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent,#c62026) 10%,transparent)}.ge-grow{min-width:0}
.ge-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.ge-kpi{position:relative;min-width:0;padding:16px 17px;border:1px solid var(--border);background:var(--surface);border-radius:18px;box-shadow:var(--shadow-sm);overflow:hidden}.ge-kpi::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:0 3px 3px 0;background:color-mix(in srgb,var(--accent,#c62026) 78%,#fff)}.ge-kpi span{display:block;font-size:11px;color:var(--text-2);font-weight:750;margin-bottom:8px}.ge-kpi strong{display:block;font-size:clamp(17px,1.65vw,24px);line-height:1.05;letter-spacing:-.025em;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ge-kpi small{display:block;margin-top:7px;font-size:10px;color:var(--text-2)}.ge-kpi.warn::before{background:#d69e2e}.ge-kpi.warn strong{color:#d69e2e}.ge-mini-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.ge-mini-kpis .ge-kpi{padding:13px 15px}.ge-mini-kpis .ge-kpi strong{font-size:18px}
.ge-panel{border:1px solid var(--border);background:var(--surface);border-radius:20px;box-shadow:var(--shadow-sm);overflow:hidden}.ge-panel-head{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:17px 18px;border-bottom:1px solid var(--border)}.ge-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.ge-toolbar{display:flex;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid var(--border)}.ge-toolbar input{min-width:300px;max-width:520px;width:100%}.ge-toolbar span{font-size:12px;color:var(--text-2);white-space:nowrap}.ge-table-wrap{width:100%;overflow:auto}.ge-table{width:100%;border-collapse:separate;border-spacing:0;font-size:12px;white-space:nowrap}.ge-table th{position:sticky;top:0;z-index:2;padding:11px 12px;background:color-mix(in srgb,var(--surface) 92%,var(--bg));border-bottom:1px solid var(--border);text-align:left;color:var(--text-2);font-size:10px;text-transform:none;letter-spacing:.01em}.ge-table td{padding:11px 12px;border-bottom:1px solid color-mix(in srgb,var(--border) 72%,transparent);font-variant-numeric:tabular-nums}.ge-table tbody tr{transition:background .15s ease}.ge-table tbody tr:hover{background:color-mix(in srgb,var(--accent,#c62026) 4%,transparent)}.ge-table tbody tr:last-child td{border-bottom:0}.ge-negative{color:#d14343;font-weight:800}.ge-link{border:0;background:none;color:var(--accent,#c62026);font-weight:800;cursor:pointer;padding:5px}.ge-source,.ge-status{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:800;background:var(--bg);border:1px solid var(--border)}.ge-source-geral{color:#2867b2}.ge-source-sp{color:#8b5cf6}.ge-status-ativo{color:#168a52;background:rgba(33,163,102,.08);border-color:rgba(33,163,102,.22)}.ge-status-substituido{color:var(--text-2)}.ge-status-falhou{color:#c13a3a;background:rgba(193,58,58,.08)}
.ge-progress,.ge-loading{display:flex;align-items:center;justify-content:center;gap:10px;min-height:220px;color:var(--text-2)}.ge-spinner{width:17px;height:17px;border:2px solid var(--border);border-top-color:var(--accent,#c62026);border-radius:50%;animation:ge-spin .8s linear infinite}@keyframes ge-spin{to{transform:rotate(360deg)}}
.ge-alias-block{padding:18px;border-bottom:1px solid var(--border)}.ge-alias-block h4{margin:0 0 10px}.ge-alias-row{display:grid;grid-template-columns:minmax(180px,1fr) 30px minmax(180px,1fr) auto;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--border)}.ge-alias-row:last-child{border-bottom:0}.ge-alias-row>div:not(.ge-actions){display:flex;flex-direction:column;gap:3px}.ge-alias-row span{font-size:11px;color:var(--text-2)}.ge-alias-arrow{align-items:center!important;color:var(--text-2);font-size:20px}.ge-empty-small{padding:20px;color:var(--text-2);font-size:13px;border-bottom:1px solid var(--border)}
.ge-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(8,12,18,.52);backdrop-filter:blur(8px)}.ge-modal-card{width:min(780px,96vw);max-height:90vh;overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:22px;box-shadow:0 30px 80px rgba(0,0,0,.28)}.ge-modal-head{display:flex;align-items:flex-start;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--border)}.ge-modal-head h3{margin:0;font-size:20px}.ge-modal-head p{margin:4px 0 0;color:var(--text-2)}.ge-x{border:0;background:var(--bg);color:var(--text);width:34px;height:34px;border-radius:50%;font-size:22px;line-height:1;cursor:pointer}.ge-identity{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px 20px;background:color-mix(in srgb,var(--accent,#c62026) 3%,var(--bg));border-bottom:1px solid var(--border)}.ge-identity div{display:flex;flex-direction:column;gap:3px}.ge-identity span{font-size:10px;color:var(--text-2);font-weight:800;text-transform:uppercase}.ge-identity small{color:var(--text-2);font-size:10px}.ge-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:20px}.ge-form-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.btn-sm{padding:7px 10px!important;font-size:11px!important}
@media(max-width:1180px){.ge-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.ge-mini-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.ge-data-health{align-items:flex-start;flex-direction:column}.ge-data-sources{justify-content:flex-start;width:100%}.ge-data-source{flex:1}.ge-filters{grid-template-columns:140px 160px 1fr}.ge-filters .btn{grid-column:1/-1;justify-self:end}}
@media(max-width:760px){.ge-hero{flex-direction:column}.ge-hero-badges{justify-content:flex-start}.ge-data-sources{flex-direction:column}.ge-data-source{width:100%}.ge-filters{grid-template-columns:1fr 1fr}.ge-filters .ge-grow{grid-column:1/-1}.ge-kpis,.ge-mini-kpis{grid-template-columns:1fr 1fr}.ge-panel-head{align-items:flex-start;flex-direction:column}.ge-actions{justify-content:flex-start}.ge-toolbar{align-items:flex-start;flex-direction:column}.ge-toolbar input{min-width:0}.ge-identity,.ge-form{grid-template-columns:1fr}.ge-alias-row{grid-template-columns:1fr}.ge-alias-arrow{display:none}.ge-form-actions{grid-column:1}}
@media(max-width:470px){.ge-kpis,.ge-mini-kpis,.ge-filters{grid-template-columns:1fr}.ge-filters .ge-grow{grid-column:auto}.ge-kpi strong{font-size:19px}}
.ge-conflict{display:inline-flex;padding:4px 8px;border-radius:999px;background:rgba(214,158,46,.1);color:#b7791f;border:1px solid rgba(214,158,46,.25);font-size:10px;font-weight:800}
.ge-drawer-backdrop{position:fixed;inset:0;z-index:9998;background:rgba(8,12,18,.38);backdrop-filter:blur(3px)}.ge-drawer{position:absolute;top:0;right:0;width:min(720px,94vw);height:100%;overflow:auto;background:var(--surface);border-left:1px solid var(--border);box-shadow:-24px 0 60px rgba(0,0,0,.18)}.ge-drawer-body{padding:18px;display:flex;flex-direction:column;gap:18px}.ge-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ge-detail-grid .ge-kpi{padding:13px 14px}.ge-detail-grid .ge-kpi strong{font-size:18px}.ge-detail-section{border-top:1px solid var(--border);padding-top:16px}.ge-detail-section h4{margin:0 0 10px;font-size:14px}.ge-id-tags{display:flex;gap:8px;flex-wrap:wrap}.ge-id-tags span{padding:7px 9px;background:var(--bg);border:1px solid var(--border);border-radius:10px;font-size:11px}.ge-history{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--border);font-size:11px}.ge-history span,.ge-history small{color:var(--text-2)}[data-ge-product-row]{cursor:pointer}@media(max-width:650px){.ge-detail-grid{grid-template-columns:1fr}.ge-history{grid-template-columns:1fr}}

/* =====================================================================
   ODEM 33.4.0 — Gestão Executiva: workspace amplo, responsivo e sem
   scrollbar horizontal na grade principal.
   ===================================================================== */
.ge-page{width:100%;max-width:none;display:flex;flex-direction:column;gap:16px;min-width:0}
.ge-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:4px 0 2px}
.ge-hero-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.ge-tabs{display:flex;gap:6px;flex-wrap:wrap;padding:4px;background:color-mix(in srgb,var(--surface) 88%,var(--bg));border:1px solid var(--border);border-radius:14px;width:max-content;max-width:100%}
.ge-tabs button{border:0;background:transparent;color:var(--text-2);padding:9px 14px;border-radius:10px;font:inherit;font-weight:650;cursor:pointer;white-space:nowrap}
.ge-tabs button.active{background:var(--brand-tint);color:var(--brand-ink)}
.ge-filter-spacer{min-width:0}
.ge-overview-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}
.ge-overview-footer>div{display:flex;flex-direction:column;gap:3px}.ge-overview-footer span{font-size:12px;color:var(--text-2)}

/* Modo expandido: a Gestão Executiva vira uma área de trabalho real. */
body.ge-expanded-mode[data-device="desktop"] .app-shell.ios-shell{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"topbar" "content"!important}
body.ge-expanded-mode[data-device="desktop"] .sidebar{display:none!important}
body.ge-expanded-mode[data-device="desktop"] .content{max-width:none!important;width:100%!important;padding-left:clamp(18px,2vw,34px)!important;padding-right:clamp(18px,2vw,34px)!important}
body.ge-expanded-mode[data-device="desktop"] .topbar [data-acao="menu"]{display:flex!important}

/* Produtos: desktop utiliza largura disponível sem overflow horizontal. */
.ge-products-panel{overflow:hidden}
.ge-products-desktop{display:block;width:100%;overflow:hidden}
.ge-products-mobile{display:none}
.ge-products-table{table-layout:fixed;width:100%;white-space:normal;font-size:11px}
.ge-products-table th,.ge-products-table td{padding:10px 8px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}
.ge-products-table th{white-space:normal;line-height:1.2}
.ge-products-table td:not(.c-product):not(.c-supplier){white-space:nowrap}
.ge-products-table .c-code{width:8%}.ge-products-table .c-product{width:20%}.ge-products-table .c-supplier{width:12%}
.ge-products-table .c-qm{width:6%}.ge-products-table .c-sale{width:6%}.ge-products-table .c-cost{width:6%}.ge-products-table .c-avg{width:6%}
.ge-products-table .c-totalcost{width:6%}.ge-products-table .c-profit{width:6%}.ge-products-table .c-margin{width:6%}.ge-products-table .c-qa{width:6%}.ge-products-table .c-salea{width:6%}.ge-products-table .c-repo{width:6%}
.ge-products-table tbody tr{cursor:pointer}
.ge-products-table tbody tr:hover{background:color-mix(in srgb,var(--brand) 5%,transparent)}

/* Base Gerencial: sem barra horizontal, escondendo apenas metadados de vínculo
   quando a largura não comporta todos os campos. */
.ge-base-desktop{display:block;width:100%;overflow:hidden}.ge-base-mobile{display:none}
.ge-base-table{table-layout:fixed;width:100%;white-space:normal;font-size:11px}.ge-base-table th,.ge-base-table td{padding:10px 8px;overflow:hidden;text-overflow:ellipsis}.ge-base-table td{white-space:nowrap}.ge-base-table td:nth-child(2){white-space:normal}

/* Cards de produto para mobile. */
.ge-product-card{border:1px solid var(--border);border-radius:14px;background:var(--surface);padding:14px;display:flex;flex-direction:column;gap:13px}
.ge-product-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.ge-product-card-head>div{min-width:0;display:flex;flex-direction:column;gap:3px}.ge-product-card-head>div>strong{font-size:12px;color:var(--brand-ink)}.ge-product-card-head span{font-weight:650;line-height:1.3}.ge-product-card-head small{font-size:11px;color:var(--text-2)}.ge-product-card-head>b{font-size:25px;color:var(--text-3);font-weight:400}
.ge-product-card-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.ge-product-card-metrics>span{display:flex;flex-direction:column;gap:2px;min-width:0}.ge-product-card-metrics small{font-size:9px;text-transform:uppercase;letter-spacing:.03em;color:var(--text-3)}.ge-product-card-metrics strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Dados Mainô: importações realmente separadas da Base Gerencial. */
.ge-maino-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.ge-maino-source{display:flex;flex-direction:column;gap:16px;border:1px solid var(--border);border-radius:18px;background:var(--surface);padding:20px;min-width:0}
.ge-maino-source-top{display:flex;align-items:center;gap:12px}.ge-maino-source-top h3{margin:0;font-size:17px}.ge-maino-source-top p{margin:2px 0 0;color:var(--text-2);font-size:12px}.ge-source-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--brand-tint);color:var(--brand-ink);font-weight:800;font-size:11px}
.ge-maino-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--border);border-radius:12px;overflow:hidden}.ge-maino-meta span{display:flex;flex-direction:column;gap:2px;padding:11px 12px;border-right:1px solid var(--border)}.ge-maino-meta span:last-child{border-right:0}.ge-maino-meta small{font-size:9px;text-transform:uppercase;color:var(--text-3)}.ge-maino-meta strong{font-size:14px;font-variant-numeric:tabular-nums}
.ge-maino-history{width:100%;overflow:hidden}.ge-maino-history .ge-table{table-layout:fixed;width:100%;white-space:normal;font-size:11px}.ge-maino-history .ge-table th,.ge-maino-history .ge-table td{padding:10px 8px;overflow:hidden;text-overflow:ellipsis}.ge-maino-history .ge-table td{white-space:nowrap}

/* Excel / ações globais. */
.ge-hero-actions .btn{min-height:38px}

@media(max-width:1480px){
  .ge-products-table .c-totalcost,.ge-products-table .c-qa,.ge-products-table .c-salea,.ge-products-table .c-repo{display:none}
  .ge-products-table .c-code{width:10%}.ge-products-table .c-product{width:26%}.ge-products-table .c-supplier{width:14%}.ge-products-table .c-qm{width:8%}.ge-products-table .c-sale{width:9%}.ge-products-table .c-cost{width:8%}.ge-products-table .c-avg{width:8%}.ge-products-table .c-profit{width:9%}.ge-products-table .c-margin{width:8%}
  .ge-base-table .ge-col-secondary{display:none}
}
@media(max-width:1120px){
  .ge-products-table .c-supplier,.ge-products-table .c-avg{display:none}
  .ge-products-table .c-code{width:12%}.ge-products-table .c-product{width:34%}.ge-products-table .c-qm{width:10%}.ge-products-table .c-sale{width:11%}.ge-products-table .c-cost{width:10%}.ge-products-table .c-profit{width:13%}.ge-products-table .c-margin{width:10%}
  .ge-maino-history th:nth-child(4),.ge-maino-history td:nth-child(4),.ge-maino-history th:nth-child(6),.ge-maino-history td:nth-child(6),.ge-maino-history th:nth-child(7),.ge-maino-history td:nth-child(7),.ge-maino-history th:nth-child(9),.ge-maino-history td:nth-child(9){display:none}
}
@media(max-width:820px){
  .ge-hero{flex-direction:column}.ge-hero-actions{width:100%;justify-content:flex-start}.ge-tabs{width:100%}.ge-tabs button{flex:1 1 calc(50% - 6px);text-align:center}
  .ge-maino-grid{grid-template-columns:1fr}.ge-overview-footer{align-items:flex-start;flex-direction:column}
  .ge-products-desktop,.ge-base-desktop{display:none}.ge-products-mobile,.ge-base-mobile{display:grid;grid-template-columns:1fr;gap:10px;padding:12px}
  .ge-maino-history .ge-table th:nth-child(5),.ge-maino-history .ge-table td:nth-child(5),.ge-maino-history .ge-table th:nth-child(8),.ge-maino-history .ge-table td:nth-child(8){display:none}
}
@media(max-width:560px){
  .ge-product-card-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ge-maino-meta{grid-template-columns:1fr}.ge-maino-meta span{border-right:0;border-bottom:1px solid var(--border)}.ge-maino-meta span:last-child{border-bottom:0}.ge-tabs button{flex-basis:100%}
}

/* =====================================================================
   ODEM 33.5.1 — Gestão Executiva · filtros enxutos
   Mantém a leitura executiva reduzida no topo e leva a exploração para
   uma grade dinâmica com filtros, subtotal e destaques clicáveis.
   ===================================================================== */
.ge-executive-filters{grid-template-columns:140px 170px minmax(320px,1fr) auto}
.ge-executive-filters select{width:100%;min-width:0}
.ge-selected-product{border:1px solid var(--border);background:var(--surface);border-radius:18px;box-shadow:var(--shadow-sm);overflow:hidden}
.ge-selected-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid var(--border)}
.ge-selected-head h3{margin:3px 0 3px;font-size:16px}.ge-selected-head p{margin:0;color:var(--text-2);font-size:11px}
.ge-selected-metrics{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:0}
.ge-selected-metrics>span{min-width:0;padding:13px 14px;border-right:1px solid var(--border)}.ge-selected-metrics>span:last-child{border-right:0}
.ge-selected-metrics small{display:block;margin-bottom:4px;color:var(--text-3);font-size:9px;text-transform:uppercase;letter-spacing:.04em}.ge-selected-metrics strong{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.ge-analysis-section{display:flex;flex-direction:column;border:1px solid var(--border);background:var(--surface);border-radius:20px;box-shadow:var(--shadow-sm);overflow:hidden;min-width:0}
.ge-highlights{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:14px 18px 0}
.ge-highlight{appearance:none;text-align:left;border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 94%,var(--bg));border-radius:14px;padding:12px 13px;min-width:0;cursor:pointer;color:var(--text);transition:border-color .15s ease,background .15s ease,transform .15s ease}
.ge-highlight:hover{border-color:color-mix(in srgb,var(--brand) 35%,var(--border));background:color-mix(in srgb,var(--brand) 4%,var(--surface));transform:translateY(-1px)}
.ge-highlight small{display:block;color:var(--text-3);font-size:9px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px}.ge-highlight strong{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ge-highlight span{display:block;color:var(--text-2);font-size:10px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ge-analysis-toolbar{display:grid;grid-template-columns:minmax(280px,1.6fr) minmax(180px,.55fr) auto;gap:10px;align-items:end;padding:14px 18px 10px}
.ge-analysis-toolbar label,.ge-more-filters label{display:flex;flex-direction:column;gap:6px;min-width:0;color:var(--text-2);font-size:10px;font-weight:750}
.ge-analysis-toolbar :is(input,select),.ge-more-filters select{height:38px;min-width:0;width:100%;padding:0 10px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text);font:inherit;outline:none}
.ge-analysis-toolbar :is(input,select):focus,.ge-more-filters select:focus{border-color:color-mix(in srgb,var(--brand) 45%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 8%,transparent)}
.ge-more-filter-btn{height:38px;white-space:nowrap}.ge-more-filter-btn span{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:5px;padding:0 5px;border-radius:999px;background:var(--brand-tint);color:var(--brand-ink);font-size:9px}.ge-more-filter-btn.active{border-color:color-mix(in srgb,var(--brand) 32%,var(--border));background:var(--brand-tint);color:var(--brand-ink)}
.ge-more-filters{display:flex;align-items:end;gap:12px;padding:0 18px 12px}.ge-more-filters label{width:min(260px,100%)}.ge-more-filters small{color:var(--text-3);font-size:9px;line-height:1.45;padding-bottom:9px}
.ge-active-filters{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:0 18px 12px}.ge-active-filters>span{color:var(--text-3);font-size:9px;font-weight:750;text-transform:uppercase;letter-spacing:.04em;margin-right:2px}
.ge-filter-chip{appearance:none;border:1px solid color-mix(in srgb,var(--brand) 24%,var(--border));background:var(--brand-tint);color:var(--brand-ink);font:inherit;font-size:9.5px;border-radius:999px;padding:6px 9px;cursor:pointer}.ge-filter-chip strong{font-weight:800}.ge-filter-chip:hover{border-color:color-mix(in srgb,var(--brand) 48%,var(--border))}
.ge-filter-clear{appearance:none;border:0;background:transparent;color:var(--text-3);font:inherit;font-size:9.5px;font-weight:750;cursor:pointer;padding:6px 7px}.ge-filter-clear:hover{color:var(--brand-ink)}
.ge-filter-result{display:grid;grid-template-columns:minmax(155px,.7fr) minmax(0,3.3fr);align-items:stretch;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 65%,var(--surface))}
.ge-result-title{padding:13px 18px;display:flex;flex-direction:column;justify-content:center;gap:2px;border-right:1px solid var(--border)}.ge-result-title strong{font-size:12px;line-height:1.35}.ge-result-title>span:not(.ge-eyebrow){color:var(--text-2);font-size:10px}.ge-result-title small{color:#b7791f;font-size:9px}
.ge-result-metrics{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.ge-result-metrics>span{min-width:0;padding:11px 12px;border-right:1px solid var(--border)}.ge-result-metrics>span:last-child{border-right:0}.ge-result-metrics small{display:block;color:var(--text-3);font-size:8.5px;text-transform:uppercase;letter-spacing:.03em;margin-bottom:3px}.ge-result-metrics strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.ge-th-sort{appearance:none;border:0;background:transparent;color:inherit;font:inherit;font-weight:inherit;padding:0;display:inline-flex;align-items:center;gap:4px;cursor:pointer;text-align:left}.ge-th-sort span{font-size:9px;color:var(--text-3)}.ge-th-sort.active{color:var(--brand-ink)}
.ge-cell-link{appearance:none;border:0;background:transparent;color:inherit;font:inherit;padding:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;text-align:left}.ge-cell-link:hover{color:var(--brand-ink);text-decoration:underline}
.ge-analysis-section .ge-products-desktop{border-top:0}
body[data-theme="dark"]:has(.ios-shell) :is(.ge-kpi strong,.ge-selected-metrics strong,.ge-result-metrics strong){color:var(--ui-number,#68df9a)!important}

@media(max-width:1380px){
  .ge-selected-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}.ge-selected-metrics>span{border-bottom:1px solid var(--border)}
  .ge-analysis-toolbar{grid-template-columns:minmax(240px,1.3fr) minmax(170px,.7fr) auto}
  .ge-result-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.ge-result-metrics>span{border-bottom:1px solid var(--border)}
}
@media(max-width:1050px){
  .ge-highlights{grid-template-columns:repeat(2,minmax(0,1fr))}.ge-analysis-toolbar{grid-template-columns:1fr 180px auto}.ge-filter-result{grid-template-columns:1fr}.ge-result-title{border-right:0;border-bottom:1px solid var(--border)}
}
@media(max-width:820px){
  .ge-executive-filters{grid-template-columns:1fr 1fr}.ge-executive-filters .ge-grow{grid-column:1/-1}.ge-executive-filters .btn{grid-column:1/-1}
  .ge-selected-head{flex-direction:column}.ge-selected-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ge-selected-metrics>span{border-bottom:1px solid var(--border)}
  .ge-highlights{grid-template-columns:1fr 1fr;padding:12px}.ge-analysis-toolbar{grid-template-columns:1fr 1fr;padding:12px}.ge-analysis-toolbar .ge-analysis-search{grid-column:1/-1}.ge-more-filters,.ge-active-filters{padding-left:12px;padding-right:12px}.ge-more-filters{align-items:flex-start;flex-direction:column}.ge-result-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){
  .ge-highlights,.ge-analysis-toolbar,.ge-executive-filters{grid-template-columns:1fr}.ge-executive-filters .ge-grow,.ge-executive-filters .btn,.ge-analysis-toolbar .ge-analysis-search{grid-column:auto}.ge-analysis-toolbar .ge-more-filter-btn{width:100%}.ge-selected-metrics,.ge-result-metrics{grid-template-columns:1fr 1fr}.ge-highlight{padding:11px 12px}.ge-filter-result{font-size:11px}
}

/* =====================================================================
   ODEM 33.6.0 — Central de Gestão
   ===================================================================== */
.cfgx-page{width:100%;max-width:none;display:flex;flex-direction:column;gap:16px;min-width:0;padding-bottom:32px}
.cfgx-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.cfgx-hero>div:last-child{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.cfgx-hero span{font-size:11px;letter-spacing:.12em;font-weight:800;color:var(--accent,#c62026)}.cfgx-hero h1{margin:3px 0 5px;font-size:clamp(26px,2.5vw,36px);letter-spacing:-.035em}.cfgx-hero p{margin:0;color:var(--text-2);max-width:760px}
.cfgx-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.cfgx-summary article{border:1px solid var(--border);border-radius:18px;background:var(--surface);padding:16px 18px;box-shadow:0 6px 22px rgba(25,32,45,.04)}.cfgx-summary span,.cfgx-summary small{display:block;color:var(--text-2);font-size:12px}.cfgx-summary strong{display:block;margin:6px 0 3px;font-size:22px;letter-spacing:-.02em}
.cfgx-section{position:relative;border:1px solid var(--border);background:var(--surface);border-radius:20px;overflow:hidden;box-shadow:0 8px 24px rgba(25,32,45,.035)}.cfgx-section-head{width:100%;display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:10px;border:0;background:transparent;color:inherit;text-align:left;padding:17px 18px;cursor:pointer}.cfgx-section.is-open .cfgx-section-head{border-bottom:1px solid var(--border)}.cfgx-chevron{font-size:18px;color:var(--text-3);transform:rotate(-90deg);transition:transform .18s}.cfgx-section.is-open .cfgx-chevron{transform:rotate(0deg)}.cfgx-section-title strong,.cfgx-section-title small{display:block}.cfgx-section-title strong{font-size:15px}.cfgx-section-title small{color:var(--text-2);font-size:12px;margin-top:2px}.cfgx-section-badge{border:1px solid var(--border);border-radius:999px;padding:6px 10px;font-size:11px;color:var(--text-2)}.cfgx-section-actions{position:absolute;right:18px;top:12px;z-index:2}.cfgx-section-body{padding:18px}.cfgx-section-body.hidden{display:none}
.cfgx-account-grid{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(360px,1.2fr);gap:18px}.cfgx-account-card,.cfgx-password{border:1px solid var(--border);border-radius:16px;padding:16px}.cfgx-account-card span,.cfgx-account-card small{display:block;color:var(--text-2);font-size:12px}.cfgx-account-card strong{display:block;font-size:20px;margin:5px 0}.cfgx-account-card b{display:inline-flex;margin-top:12px;border-radius:999px;padding:6px 9px;background:var(--surface-2);font-size:11px}.cfgx-password{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:10px}.cfgx-password label{font-size:12px;color:var(--text-2)}.cfgx-password label input{display:block;margin-top:5px}.cfgx-password>div{display:flex;gap:8px}
.cfgx-user-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) 160px auto;gap:10px;align-items:center;margin-bottom:10px}.cfgx-users{display:flex;flex-direction:column}.cfgx-user-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px 4px;border-bottom:1px solid var(--surface-2)}.cfgx-user-row:last-child{border-bottom:0}.cfgx-user-avatar{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:var(--surface-2);font-size:12px;font-weight:800}.cfgx-user-main>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cfgx-user-main small{color:var(--text-2)}.cfgx-user-main p{display:flex;gap:9px;align-items:center;margin:6px 0 0;font-size:11px;color:var(--text-2)}.cfgx-user-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.cfgx-empty{padding:22px;text-align:center;color:var(--text-2)}
.cfgx-matrix{margin-top:14px;border-top:1px solid var(--border);padding-top:12px}.cfgx-matrix summary{cursor:pointer;font-weight:700;font-size:13px}.cfgx-matrix-scroll{overflow:auto;margin-top:10px}.cfgx-matrix table{width:100%;border-collapse:collapse;font-size:12px}.cfgx-matrix th,.cfgx-matrix td{padding:9px 10px;border-bottom:1px solid var(--surface-2);text-align:center}.cfgx-matrix th:first-child,.cfgx-matrix td:first-child{text-align:left}.cfgx-matrix td small{display:block;color:var(--text-3)}.cfgx-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--surface-3,#d8d8dd)}.cfgx-dot.on{background:#35a663;box-shadow:0 0 0 3px rgba(53,166,99,.12)}
.cfgx-drawer-bg{position:fixed;inset:0;z-index:9998;background:rgba(16,21,29,.38);display:flex;justify-content:flex-end}.cfgx-drawer{width:min(720px,92vw);height:100%;background:var(--surface);display:flex;flex-direction:column;box-shadow:-20px 0 60px rgba(0,0,0,.15)}.cfgx-drawer>header,.cfgx-drawer>footer{padding:18px 20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.cfgx-drawer>footer{border-top:1px solid var(--border);border-bottom:0;justify-content:flex-end}.cfgx-drawer>header span{font-size:10px;letter-spacing:.12em;color:var(--accent);font-weight:800}.cfgx-drawer>header h2{margin:3px 0 4px}.cfgx-drawer>header p{margin:0;color:var(--text-2);font-size:12px}.cfgx-drawer-body{padding:18px 20px;overflow:auto;flex:1}.cfgx-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cfgx-form-grid label,.cfgx-profile-select{font-size:12px;color:var(--text-2)}.cfgx-form-grid input,.cfgx-profile-select select{display:block;margin-top:5px}.cfgx-profile-select{display:block;margin-top:14px}.cfgx-profile-select small{display:block;margin-top:6px}.cfgx-permission-head{display:flex;justify-content:space-between;align-items:flex-end;margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.cfgx-permission-head strong,.cfgx-permission-head small{display:block}.cfgx-permission-head small{color:var(--text-2);font-size:11px;margin-top:3px}.cfgx-permission-head>span{font-size:11px;border:1px solid var(--border);padding:5px 8px;border-radius:999px}.cfgx-permission-tools{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.cfgx-permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cfgx-permission-grid fieldset{border:1px solid var(--border);border-radius:14px;padding:12px}.cfgx-permission-grid legend{font-size:12px;font-weight:800;padding:0 4px}.cfgx-permission-grid label{display:flex;gap:8px;align-items:flex-start;padding:6px 0;font-size:12px}.cfgx-permission-grid input{margin-top:2px}
.cfgx-health{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.cfgx-health-item{border:1px solid var(--border);border-radius:14px;padding:13px;position:relative}.cfgx-health-item span,.cfgx-health-item strong{display:block}.cfgx-health-item span{font-size:11px;color:var(--text-2)}.cfgx-health-item strong{margin-top:5px}.cfgx-health-item i{position:absolute;right:12px;top:12px;width:8px;height:8px;border-radius:50%;background:#c7c7cc}.cfgx-health-item.ok i{background:#35a663}.cfgx-health-item.bad i{background:#d05c5c}
body.cfg-expanded-mode[data-device="desktop"] .app-shell.ios-shell{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"topbar" "content"!important}body.cfg-expanded-mode[data-device="desktop"] .sidebar{display:none!important}body.cfg-expanded-mode[data-device="desktop"] .content{max-width:none!important;width:100%!important;padding-left:clamp(18px,2vw,34px)!important;padding-right:clamp(18px,2vw,34px)!important}

/* ODEM 33.6.0 — filtros compactos da Base Gerencial */
.ge-base-filterbar{display:grid;grid-template-columns:minmax(260px,1.2fr) minmax(180px,.8fr) 150px auto auto;gap:10px;align-items:end;margin:12px 0}.ge-base-filterbar label{font-size:11px;color:var(--text-2)}.ge-base-filterbar label input,.ge-base-filterbar label select{display:block;margin-top:5px;width:100%}.ge-base-count{justify-self:end;align-self:center;color:var(--text-2);font-size:12px;white-space:nowrap}
@media(max-width:900px){.ge-base-filterbar{grid-template-columns:1fr 1fr}.ge-base-count{justify-self:start}.ge-base-filterbar .ge-analysis-search{grid-column:1/-1}}
@media(max-width:560px){.ge-base-filterbar{grid-template-columns:1fr}.ge-base-filterbar .ge-analysis-search{grid-column:auto}}

/* =====================================================================
   ODEM 33.6.0 — Home Centers ecossistema
   ===================================================================== */
.hc6-page{width:100%;max-width:none;display:flex;flex-direction:column;gap:16px;min-width:0;padding-bottom:30px}.hc6-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.hc6-hero>div:last-child{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.hc6-hero>div:first-child>span,.hc6-section-head span{font-size:10px;letter-spacing:.12em;font-weight:800;color:var(--accent)}.hc6-hero h1{margin:3px 0 5px;font-size:clamp(27px,2.6vw,36px);letter-spacing:-.035em}.hc6-hero p{margin:0;max-width:820px;color:var(--text-2)}
.hc6-source-strip{display:flex;align-items:center;gap:8px;border:1px solid var(--border);background:var(--surface);border-radius:16px;padding:12px 14px}.hc6-source-strip>div{min-width:0;flex:1}.hc6-source-strip strong,.hc6-source-strip small{display:block}.hc6-source-strip small{color:var(--text-2);font-size:11px;margin-top:2px}.hc6-source-strip>span{padding:6px 9px;border-radius:999px;font-size:11px;border:1px solid var(--border);white-space:nowrap}.hc6-source-strip .ok{color:#2e8d55;background:rgba(46,141,85,.08)}.hc6-source-strip .warn{color:#b47c1f;background:rgba(180,124,31,.08)}
.hc6-filters{display:grid;grid-template-columns:150px 190px minmax(260px,1fr);gap:10px;align-items:end}.hc6-filters label{font-size:11px;color:var(--text-2)}.hc6-filters select{display:block;width:100%;margin-top:5px}
.hc6-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.hc6-kpi{border:1px solid var(--border);border-radius:17px;background:var(--surface);padding:15px;min-width:0}.hc6-kpi span,.hc6-kpi small{display:block;color:var(--text-2);font-size:11px}.hc6-kpi strong{display:block;font-size:clamp(18px,1.7vw,27px);letter-spacing:-.025em;margin:6px 0 2px;overflow-wrap:anywhere}.hc6-kpi.warn{border-color:rgba(188,139,55,.35)}
.hc6-networks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.hc6-network{border:1px solid var(--border);background:var(--surface);color:inherit;border-radius:18px;padding:15px;text-align:left;cursor:pointer}.hc6-network.active{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 12%,transparent)}.hc6-network span,.hc6-network strong,.hc6-network small{display:block}.hc6-network span{font-size:11px;color:var(--text-2)}.hc6-network strong{font-size:22px;margin:7px 0}.hc6-network small{color:var(--text-2)}
.hc6-section{border:1px solid var(--border);background:var(--surface);border-radius:19px;padding:16px;min-width:0}.hc6-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:13px}.hc6-section-head h2{margin:3px 0 3px;font-size:19px}.hc6-section-head p{margin:0;color:var(--text-2);font-size:12px}.hc6-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.hc6-tools input{min-width:270px}.hc6-table-wrap{width:100%;overflow:auto;border:1px solid var(--border);border-radius:13px}.hc6-table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}.hc6-table th,.hc6-table td{padding:10px 11px;border-bottom:1px solid var(--surface-2);text-align:right}.hc6-table th{position:sticky;top:0;background:var(--surface-2);z-index:1;color:var(--text-2);font-size:10px;text-transform:uppercase;letter-spacing:.04em}.hc6-table th:nth-child(-n+3),.hc6-table td:nth-child(-n+3){text-align:left}.hc6-table.compact th:nth-child(n),.hc6-table.compact td:nth-child(n){text-align:left}.hc6-table.compact th:last-child,.hc6-table.compact td:last-child{text-align:right}.hc6-table tr:last-child td{border-bottom:0}.hc6-link{border:0;background:transparent;color:var(--accent);padding:0;cursor:pointer;font:inherit}.hc6-table .negative{color:var(--danger)}
.hc6-client-list{display:flex;flex-direction:column}.hc6-client-list article{display:grid;grid-template-columns:34px minmax(0,1fr) 100px 150px;gap:10px;align-items:center;padding:10px 2px;border-bottom:1px solid var(--surface-2)}.hc6-client-list article>b{width:27px;height:27px;border-radius:9px;background:var(--surface-2);display:grid;place-items:center}.hc6-client-list article div strong,.hc6-client-list article div small{display:block}.hc6-client-list article div small{color:var(--text-2);font-size:11px;margin-top:2px}.hc6-client-list article>span,.hc6-client-list article>strong{text-align:right}
.hc6-pipeline-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:9px;margin-bottom:12px}.hc6-pipeline-cards button{border:1px solid var(--border);background:var(--surface-2);color:inherit;border-radius:14px;padding:12px;text-align:left;cursor:pointer}.hc6-pipeline-cards button.active{border-color:var(--accent)}.hc6-pipeline-cards span,.hc6-pipeline-cards strong,.hc6-pipeline-cards small{display:block}.hc6-pipeline-cards span{font-size:11px;color:var(--text-2)}.hc6-pipeline-cards strong{font-size:21px;margin:5px 0}.hc6-flow summary{cursor:pointer;font-weight:800}.hc6-flow .hc6-table-wrap{margin-top:12px}.hc6-empty{padding:22px;text-align:center;color:var(--text-2)}
body.hc6-expanded-mode[data-device="desktop"] .app-shell.ios-shell{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"topbar" "content"!important}body.hc6-expanded-mode[data-device="desktop"] .sidebar{display:none!important}body.hc6-expanded-mode[data-device="desktop"] .content{max-width:none!important;width:100%!important;padding-left:clamp(18px,2vw,34px)!important;padding-right:clamp(18px,2vw,34px)!important}

/* ODEM 33.6.0 — Home Centers sem barra horizontal: prioridade responsiva de colunas */
.hc6-products-wrap,.hc6-pipeline-wrap,.hc6-flow-wrap{overflow:hidden}
.hc6-products-table,.hc6-pipeline-table,.hc6-flow-table{table-layout:fixed;white-space:normal}
.hc6-products-table th,.hc6-products-table td,.hc6-pipeline-table th,.hc6-pipeline-table td,.hc6-flow-table th,.hc6-flow-table td{overflow:hidden;text-overflow:ellipsis;vertical-align:middle}
.hc6-products-table th:nth-child(1),.hc6-products-table td:nth-child(1){width:7%}
.hc6-products-table th:nth-child(2),.hc6-products-table td:nth-child(2){width:20%}
.hc6-products-table th:nth-child(3),.hc6-products-table td:nth-child(3){width:12%}
.hc6-products-table th:nth-child(4),.hc6-products-table td:nth-child(4){width:6%}
.hc6-products-table th:nth-child(5),.hc6-products-table td:nth-child(5){width:10%}
.hc6-products-table th:nth-child(6),.hc6-products-table td:nth-child(6){width:8%}
.hc6-products-table th:nth-child(7),.hc6-products-table td:nth-child(7){width:8%}
.hc6-products-table th:nth-child(8),.hc6-products-table td:nth-child(8){width:10%}
.hc6-products-table th:nth-child(9),.hc6-products-table td:nth-child(9){width:6%}
.hc6-products-table th:nth-child(10),.hc6-products-table td:nth-child(10){width:6%}
.hc6-products-table th:nth-child(11),.hc6-products-table td:nth-child(11){width:7%}

/* ODEM 33.6.2 — sidebar estática e Configurações no topo */
body:has(.ios-shell):not(.odem-tv-mode) .nav-group-static-label {
  cursor: default;
  pointer-events: none;
  user-select: none;
}
body:has(.ios-shell):not(.odem-tv-mode) .nav-group-static-label:hover {
  background: transparent;
  color: var(--text-3);
}
body:has(.ios-shell):not(.odem-tv-mode) .topbar-config-action svg {
  width: 17px;
  height: 17px;
}

/* =====================================================================
   ODEM 33.6.3 — RESPONSIVO FINAL VALIDADO
   Esta camada fica no fim do ios.css, que e o ultimo CSS carregado.
   Evita regressao por ordem de cascata entre responsive.css e ios.css.
   ===================================================================== */

/* Shell / topo / sidebar ------------------------------------------------ */
@media (max-width: 820px) {
  body:has(.ios-shell):not(.odem-tv-mode) .content {
    width: 100%;
    max-width: none;
    padding-left: 14px;
    padding-right: 14px;
  }
  body:has(.ios-shell):not(.odem-tv-mode) .topbar {
    padding-left: 12px;
    padding-right: 12px;
  }
  body:has(.ios-shell):not(.odem-tv-mode) .topbar-actions { gap: 6px; }
  body:has(.ios-shell):not(.odem-tv-mode) .topbar-config-action {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
  }
  body:has(.ios-shell):not(.odem-tv-mode) .nav-group-static-label {
    padding: 8px 11px 4px;
    min-height: 30px;
    color: var(--text-3);
  }
  body:has(.ios-shell):not(.odem-tv-mode) .nav-group-items {
    display: flex !important;
    flex-direction: column;
    gap: 3px;
  }
}

@media (max-width: 520px) {
  body:has(.ios-shell):not(.odem-tv-mode) .topbar-heading { display: none !important; }
  body:has(.ios-shell):not(.odem-tv-mode) .topbar { justify-content: space-between; }
  body:has(.ios-shell):not(.odem-tv-mode) .topbar-actions { margin-left: auto; }
  body:has(.ios-shell):not(.odem-tv-mode) :is(.topbar-menu,.topbar-action,.topbar-account) {
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
  }
  body:has(.ios-shell):not(.odem-tv-mode) .content {
    padding: 14px 12px calc(28px + env(safe-area-inset-bottom,0px));
  }
}

/* Central de Gestao ---------------------------------------------------- */
@media (max-width: 820px) {
  .cfgx-page { gap: 12px !important; }
  .cfgx-hero { flex-direction: column !important; gap: 12px !important; }
  .cfgx-hero > div:last-child {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    width: 100% !important;
    gap: 8px !important;
  }
  .cfgx-hero > div:last-child .btn { width: 100%; justify-content: center; }
  .cfgx-summary { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 8px !important; }
  .cfgx-summary article { padding: 13px 14px !important; border-radius: 15px !important; }
  .cfgx-summary strong { font-size: 19px !important; }
  .cfgx-section { border-radius: 16px !important; }
  .cfgx-section-head {
    grid-template-columns: 20px minmax(0,1fr) auto !important;
    padding: 14px !important;
    gap: 8px !important;
  }
  .cfgx-section-title small { line-height: 1.35; }
  .cfgx-section-body { padding: 14px !important; }
  .cfgx-section-actions {
    position: static !important;
    padding: 0 14px 12px !important;
    display: flex;
    justify-content: flex-start;
  }
  .cfgx-user-toolbar {
    grid-template-columns: minmax(0,1fr) 128px !important;
    gap: 8px !important;
  }
  .cfgx-user-toolbar .btn {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    justify-content: center;
  }
  .cfgx-user-row {
    grid-template-columns: 40px minmax(0,1fr) !important;
    gap: 10px !important;
    padding: 12px 0 !important;
    align-items: start !important;
  }
  .cfgx-user-actions {
    grid-column: 1 / -1 !important;
    padding-left: 50px !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    width: 100% !important;
    gap: 8px !important;
  }
  .cfgx-user-actions .btn { width: 100%; justify-content: center; }
  .cfgx-account-grid, .cfgx-form-grid, .cfgx-permission-grid { grid-template-columns: 1fr !important; }
  .cfgx-password { grid-template-columns: 1fr !important; }
  .cfgx-password > div { width: 100%; }
  .cfgx-password > div .btn { flex: 1 1 0; }
  .cfgx-health { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .cfgx-drawer-bg { align-items: stretch !important; }
  .cfgx-drawer {
    width: 100vw !important;
    max-width: none !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
  }
  .cfgx-drawer > header {
    position: sticky;
    top: 0;
    z-index: 4;
    background: var(--surface);
    padding: max(12px,env(safe-area-inset-top,0px)) 14px 12px !important;
  }
  .cfgx-drawer > footer {
    position: sticky;
    bottom: 0;
    z-index: 4;
    background: var(--surface);
    padding: 12px 14px calc(12px + env(safe-area-inset-bottom,0px)) !important;
  }
  .cfgx-drawer-body { padding: 14px !important; }
  .cfgx-permission-head { align-items: flex-start !important; gap: 10px; }
  .cfgx-permission-tools { display: grid !important; grid-template-columns: 1fr 1fr !important; }
  .cfgx-permission-tools .btn:first-child { grid-column: 1 / -1 !important; }
  .cfgx-matrix-scroll { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .cfg-history-toolbar { display: grid !important; grid-template-columns: minmax(0,1fr) 120px !important; gap: 8px !important; }
}

@media (max-width: 480px) {
  .cfgx-hero > div:last-child { grid-template-columns: 1fr !important; }
  .cfgx-user-toolbar { grid-template-columns: 1fr !important; }
  .cfgx-user-toolbar .select { width: 100%; }
  .cfgx-user-actions { padding-left: 0 !important; grid-template-columns: 1fr 1fr !important; }
  .cfgx-permission-tools { grid-template-columns: 1fr !important; }
  .cfgx-permission-tools .btn:first-child { grid-column: auto !important; }
  .cfg-history-toolbar { grid-template-columns: 1fr !important; }
  .cfg-history-tabs { display: grid !important; grid-template-columns: 1fr 1fr !important; }
  .cfgx-section-badge { display: none !important; }
}

@media (max-width: 360px) {
  .cfgx-summary, .cfgx-health { grid-template-columns: 1fr !important; }
  .cfgx-user-actions { grid-template-columns: 1fr !important; }
}

/* Gestao Executiva ----------------------------------------------------- */
@media (max-width: 820px) {
  .ge-page { gap: 12px !important; }
  .ge-hero { flex-direction: column !important; gap: 12px !important; }
  .ge-hero-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    width: 100% !important;
    gap: 8px !important;
  }
  .ge-hero-actions .btn { width: 100%; justify-content: center; }
  .ge-tabs {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    width: 100% !important;
    padding: 4px !important;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .ge-tabs::-webkit-scrollbar { display: none; }
  .ge-tabs button {
    flex: 0 0 auto !important;
    min-width: max-content !important;
    padding: 9px 13px !important;
  }
  .ge-executive-filters {
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    padding: 12px !important;
  }
  .ge-executive-filters .ge-grow { grid-column: 1 / -1 !important; }
  .ge-executive-filters .btn { grid-column: 1 / -1 !important; width: 100%; justify-content: center; }
  .ge-data-health { padding: 14px !important; border-radius: 16px !important; }
  .ge-data-sources { width: 100% !important; display: grid !important; grid-template-columns: 1fr !important; }
  .ge-data-source { width: 100% !important; min-width: 0 !important; }
  .ge-kpis, .ge-mini-kpis { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 8px !important; }
  .ge-kpi { padding: 13px 14px !important; border-radius: 15px !important; }
  .ge-kpi strong { font-size: 18px !important; }
  .ge-selected-head { flex-direction: column !important; }
  .ge-selected-head .btn { width: 100%; justify-content: center; }
  .ge-selected-metrics, .ge-result-metrics { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .ge-highlights { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 8px !important; }
  .ge-analysis-toolbar {
    grid-template-columns: minmax(0,1fr) 1fr !important;
    gap: 8px !important;
  }
  .ge-analysis-toolbar .ge-analysis-search { grid-column: 1 / -1 !important; }
  .ge-analysis-toolbar .ge-more-filter-btn { width: 100%; }
  .ge-more-filters { grid-template-columns: 1fr !important; }
  .ge-products-desktop, .ge-base-desktop { display: none !important; }
  .ge-products-mobile, .ge-base-mobile {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    padding: 12px !important;
  }
  .ge-product-card { padding: 12px !important; border-radius: 13px !important; }
  .ge-maino-grid { grid-template-columns: 1fr !important; }
  .ge-base-filterbar { grid-template-columns: 1fr 1fr !important; gap: 8px !important; }
  .ge-base-filterbar .ge-analysis-search { grid-column: 1 / -1 !important; }
  .ge-base-count { justify-self: start !important; }
}

@media (max-width: 520px) {
  .ge-hero-actions { grid-template-columns: 1fr 1fr !important; }
  .ge-kpis, .ge-mini-kpis { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .ge-kpis > .ge-kpi:last-child:nth-child(odd),
  .ge-mini-kpis > .ge-kpi:last-child:nth-child(odd) { grid-column: 1 / -1 !important; }
  .ge-base-filterbar { grid-template-columns: 1fr !important; }
  .ge-base-filterbar .ge-analysis-search { grid-column: auto !important; }
  .ge-highlights { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .ge-analysis-toolbar { grid-template-columns: 1fr 1fr !important; }
  .ge-analysis-toolbar .ge-analysis-search { grid-column: 1 / -1 !important; }
  .ge-product-card-metrics { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
}

@media (max-width: 380px) {
  .ge-hero-actions, .ge-kpis, .ge-mini-kpis, .ge-highlights, .ge-analysis-toolbar { grid-template-columns: 1fr !important; }
  .ge-kpis > .ge-kpi:last-child:nth-child(odd),
  .ge-mini-kpis > .ge-kpi:last-child:nth-child(odd),
  .ge-analysis-toolbar .ge-analysis-search { grid-column: auto !important; }
}

/* Home Centers --------------------------------------------------------- */
@media (max-width: 850px) {
  .hc6-page { gap: 12px !important; }
  .hc6-hero { flex-direction: column !important; gap: 12px !important; }
  .hc6-hero > div:last-child {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    width: 100% !important;
    gap: 8px !important;
  }
  .hc6-hero > div:last-child .btn { width: 100%; justify-content: center; }
  .hc6-hero > div:last-child .btn:first-child:nth-last-child(3) { grid-column: 1 / -1; }
  .hc6-filters { grid-template-columns: 1fr 1fr !important; gap: 8px !important; }
  .hc6-filters .grow { grid-column: 1 / -1 !important; }
  .hc6-source-strip { flex-wrap: wrap !important; padding: 11px 12px !important; border-radius: 14px !important; }
  .hc6-source-strip > div { flex-basis: 100% !important; }
  .hc6-source-strip > span { flex: 1 1 140px; text-align: center; }
  .hc6-kpis, .hc6-kpis.secondary { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 8px !important; }
  .hc6-kpi { padding: 13px 14px !important; border-radius: 15px !important; }
  .hc6-kpi strong { font-size: 18px !important; }
  .hc6-networks { grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 8px !important; }
  .hc6-network { padding: 12px !important; border-radius: 15px !important; }
  .hc6-network strong { font-size: 18px !important; }
  .hc6-section { padding: 14px !important; border-radius: 16px !important; }
  .hc6-section-head { flex-direction: column !important; align-items: stretch !important; gap: 10px !important; }
  .hc6-tools { width: 100% !important; }
  .hc6-tools input { min-width: 0 !important; width: 100% !important; }
}

@media (max-width: 620px) {
  .hc6-networks { grid-template-columns: 1fr !important; }
  .hc6-client-list article {
    grid-template-columns: 28px minmax(0,1fr) 92px !important;
    gap: 8px !important;
  }
  .hc6-client-list article > span { display: none !important; }

  /* Tabelas viram cards verticais: nada de colunas espremidas/fora de ordem. */
  .hc6-table-wrap { overflow: visible !important; border: 0 !important; }
  .hc6-products-table, .hc6-pipeline-table, .hc6-flow-table {
    display: block !important;
    width: 100% !important;
    table-layout: auto !important;
  }
  .hc6-products-table thead, .hc6-pipeline-table thead, .hc6-flow-table thead { display: none !important; }
  .hc6-products-table tbody, .hc6-pipeline-table tbody, .hc6-flow-table tbody { display: grid !important; gap: 10px !important; }
  .hc6-products-table tr, .hc6-pipeline-table tr, .hc6-flow-table tr {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px 12px !important;
    padding: 12px !important;
    border: 1px solid var(--border) !important;
    border-radius: 14px !important;
    background: var(--surface) !important;
  }
  .hc6-products-table td, .hc6-pipeline-table td, .hc6-flow-table td {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 2px !important;
    width: auto !important;
    padding: 0 !important;
    border: 0 !important;
    text-align: left !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }
  .hc6-products-table td::before, .hc6-pipeline-table td::before, .hc6-flow-table td::before {
    color: var(--text-3);
    font-size: 9px;
    font-weight: 750;
    text-transform: uppercase;
    letter-spacing: .04em;
  }
  .hc6-products-table td:nth-child(1)::before { content: "Codigo"; }
  .hc6-products-table td:nth-child(2)::before { content: "Produto"; }
  .hc6-products-table td:nth-child(3)::before { content: "Fornecedor"; }
  .hc6-products-table td:nth-child(4)::before { content: "Qtd mes"; }
  .hc6-products-table td:nth-child(5)::before { content: "Faturamento"; }
  .hc6-products-table td:nth-child(6)::before { content: "Custo unit."; }
  .hc6-products-table td:nth-child(7)::before { content: "Preco medio"; }
  .hc6-products-table td:nth-child(8)::before { content: "Lucro bruto"; }
  .hc6-products-table td:nth-child(9)::before { content: "Margem"; }
  .hc6-products-table td:nth-child(10)::before { content: "Venda ano"; }
  .hc6-products-table td:nth-child(11)::before { content: "Reposicao"; }
  .hc6-products-table td:nth-child(2), .hc6-products-table td:nth-child(3) { grid-column: 1 / -1 !important; }

  .hc6-pipeline-table td:nth-child(1)::before { content: "Pedido"; }
  .hc6-pipeline-table td:nth-child(2)::before { content: "Cliente"; }
  .hc6-pipeline-table td:nth-child(3)::before { content: "Rede"; }
  .hc6-pipeline-table td:nth-child(4)::before { content: "Status"; }
  .hc6-pipeline-table td:nth-child(5)::before { content: "Data"; }
  .hc6-pipeline-table td:nth-child(6)::before { content: "Valor pedido"; }
  .hc6-pipeline-table td:nth-child(2), .hc6-pipeline-table td:nth-child(4) { grid-column: 1 / -1 !important; }

  .hc6-flow-table td:nth-child(1)::before { content: "Data emissao"; }
  .hc6-flow-table td:nth-child(2)::before { content: "Pedido"; }
  .hc6-flow-table td:nth-child(3)::before { content: "NF"; }
  .hc6-flow-table td:nth-child(4)::before { content: "Cliente"; }
  .hc6-flow-table td:nth-child(5)::before { content: "Rede"; }
  .hc6-flow-table td:nth-child(6)::before { content: "Origem"; }
  .hc6-flow-table td:nth-child(7)::before { content: "Valor NF"; }
  .hc6-flow-table td:nth-child(4) { grid-column: 1 / -1 !important; }
}

@media (max-width: 520px) {
  .hc6-filters { grid-template-columns: 1fr 1fr !important; }
  .hc6-filters .grow { grid-column: 1 / -1 !important; }
  .hc6-kpis, .hc6-kpis.secondary { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .hc6-kpis > .hc6-kpi:last-child:nth-child(odd),
  .hc6-kpis.secondary > .hc6-kpi:last-child:nth-child(odd) { grid-column: 1 / -1 !important; }
  .hc6-tools { display: grid !important; grid-template-columns: 1fr !important; }
  .hc6-tools input, .hc6-tools .ge-filter-chip { width: 100% !important; min-width: 0 !important; }
}

@media (max-width: 380px) {
  .hc6-hero > div:last-child, .hc6-filters, .hc6-kpis, .hc6-kpis.secondary { grid-template-columns: 1fr !important; }
  .hc6-filters .grow,
  .hc6-kpis > .hc6-kpi:last-child:nth-child(odd),
  .hc6-kpis.secondary > .hc6-kpi:last-child:nth-child(odd) { grid-column: auto !important; }
  .hc6-products-table tr, .hc6-pipeline-table tr, .hc6-flow-table tr { grid-template-columns: 1fr !important; }
  .hc6-products-table td:nth-child(2), .hc6-products-table td:nth-child(3),
  .hc6-pipeline-table td:nth-child(2), .hc6-pipeline-table td:nth-child(4),
  .hc6-flow-table td:nth-child(4) { grid-column: auto !important; }
}

/* Desktop: preserva largura e alinhamento, sem reordenar componentes. */
@media (min-width: 1181px) {
  .ge-page, .hc6-page, .cfgx-page { max-width: none !important; width: 100% !important; }
  .ge-products-table th, .hc6-products-table th { overflow-wrap: anywhere; }
  .ge-products-table td.c-product, .hc6-products-table td:nth-child(2) { white-space: normal; line-height: 1.3; }
  .cfgx-user-main, .hc6-section-head > div, .ge-panel-head > div { min-width: 0; }
}


/* =====================================================================
   ODEM 33.6.5 — iOS profissional: topbar, perfil e tipografia contida
   Regra fixa: tags/status operacionais do Mainô NÃO são redefinidos aqui.
   ===================================================================== */
body:has(.ios-shell):not(.odem-tv-mode) .topbar-tools{
  display:inline-flex;align-items:stretch;height:40px;border:1px solid var(--border);border-radius:11px;background:var(--surface);overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.025);flex:none
}
body:has(.ios-shell):not(.odem-tv-mode) .topbar-tool{
  border:0;background:transparent;color:var(--text-2);display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:40px;height:38px;padding:0 11px;cursor:pointer;font:inherit;transition:background .14s ease,color .14s ease
}
body:has(.ios-shell):not(.odem-tv-mode) .topbar-tool + .topbar-tool{border-left:1px solid var(--border)}
body:has(.ios-shell):not(.odem-tv-mode) .topbar-tool:hover{background:var(--surface-2);color:var(--text)}
body:has(.ios-shell):not(.odem-tv-mode) .topbar-tool.is-active{background:color-mix(in srgb,var(--brand) 7%,var(--surface));color:var(--brand-ink)}
[data-theme="dark"] body:has(.ios-shell):not(.odem-tv-mode) .topbar-tool.is-active{color:var(--text-brand-accent)}
body:has(.ios-shell):not(.odem-tv-mode) .topbar-tool svg{width:16px;height:16px;fill:currentColor;flex:none}
body:has(.ios-shell):not(.odem-tv-mode) .topbar-tool-label{font-size:12px;font-weight:650;white-space:nowrap}

/* Conta: visual discreto, sem competir com o conteúdo da tela. */
body:has(.ios-shell):not(.odem-tv-mode) .topbar-account{border:1px solid transparent!important;background:transparent!important;border-radius:11px!important;padding:3px 6px!important;transition:background .14s ease,border-color .14s ease}
body:has(.ios-shell):not(.odem-tv-mode) .topbar-account:hover,
body:has(.ios-shell):not(.odem-tv-mode) .topbar-user.is-open .topbar-account{background:var(--surface-2)!important;border-color:var(--border)!important}
body:has(.ios-shell):not(.odem-tv-mode) .topbar-avatar.has-photo,
body:has(.ios-shell):not(.odem-tv-mode) .topbar-menu-avatar.has-photo,
.cfgx-profile-avatar.has-photo,.cfgx-user-avatar.has-photo{padding:0;overflow:hidden;background:var(--surface-2)}
body:has(.ios-shell):not(.odem-tv-mode) :is(.topbar-avatar,.topbar-menu-avatar) img,
:is(.cfgx-profile-avatar,.cfgx-user-avatar) img{width:100%;height:100%;display:block;object-fit:cover}
body:has(.ios-shell):not(.odem-tv-mode) .topbar-avatar{border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-weight:700}
body:has(.ios-shell):not(.odem-tv-mode) .topbar-chevron{color:var(--text-3);font-size:11px}

/* Popover do usuário: uma única hierarquia, estilo iOS/macOS. */
body:has(.ios-shell):not(.odem-tv-mode) .topbar-user-menu{width:min(292px,calc(100vw - 24px));padding:7px;border-radius:16px;border:1px solid var(--border);background:var(--surface-raised);box-shadow:0 18px 50px rgba(0,0,0,.14),0 2px 8px rgba(0,0,0,.04)}
body:has(.ios-shell):not(.odem-tv-mode) .topbar-user-summary-rich{display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:11px;padding:10px 9px 12px;border-bottom:1px solid var(--border);margin-bottom:5px}
body:has(.ios-shell):not(.odem-tv-mode) .topbar-menu-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--border);font-weight:750;color:var(--text)}
body:has(.ios-shell):not(.odem-tv-mode) .topbar-user-summary-rich>div{min-width:0}
body:has(.ios-shell):not(.odem-tv-mode) .topbar-user-summary-rich strong{display:block;font-size:13px;color:var(--text);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body:has(.ios-shell):not(.odem-tv-mode) .topbar-user-summary-rich span,
body:has(.ios-shell):not(.odem-tv-mode) .topbar-user-summary-rich small{display:block;color:var(--text-3);font-size:10.5px;margin-top:2px}
body:has(.ios-shell):not(.odem-tv-mode) .topbar-user-menu-group{display:grid;gap:1px}
body:has(.ios-shell):not(.odem-tv-mode) .topbar-user-menu button{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;padding:8px 10px;min-height:43px;text-align:left;border-radius:10px}
body:has(.ios-shell):not(.odem-tv-mode) .topbar-user-menu button:hover{background:var(--surface-2)}
body:has(.ios-shell):not(.odem-tv-mode) .topbar-user-menu button span{font-weight:650;font-size:12px;color:var(--text)}
body:has(.ios-shell):not(.odem-tv-mode) .topbar-user-menu button small{font-size:10px;color:var(--text-3);margin-top:1px}
body:has(.ios-shell):not(.odem-tv-mode) .topbar-user-menu-separator{height:1px;background:var(--border);margin:5px 2px}
body:has(.ios-shell):not(.odem-tv-mode) .topbar-user-menu .topbar-logout span{color:var(--text-negative)}
body:has(.ios-shell):not(.odem-tv-mode) .topbar-user-menu .topbar-logout:hover{background:color-mix(in srgb,var(--danger) 7%,var(--surface))}

/* Perfil em Configurações: prévia + confirmação explícita antes do upload. */
.cfgx-profile-card{display:grid;grid-template-columns:96px minmax(0,1fr);gap:16px;align-items:start}
.cfgx-profile-avatar{width:92px;height:92px;border-radius:24px;display:grid;place-items:center;background:var(--surface-2);color:var(--text);font-size:24px;font-weight:750;border:1px solid var(--border)}
.cfgx-profile-copy{min-width:0}
.cfgx-profile-copy>span,.cfgx-profile-copy>small{display:block;color:var(--text-3);font-size:11px}
.cfgx-profile-copy>strong{display:block;font-size:20px;color:var(--text);margin:4px 0;font-weight:700}
.cfgx-profile-copy>b{display:inline-flex;margin-top:7px;padding:4px 8px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);font-size:10px;font-weight:650}
.cfgx-profile-copy>p{margin:10px 0;color:var(--text-2);font-size:11px;line-height:1.5;max-width:620px}
.cfgx-profile-actions{display:flex;gap:7px;flex-wrap:wrap;align-items:center}
.cfgx-profile-actions .danger{color:var(--text-negative)}
.cfgx-profile-status{display:block;min-height:16px;margin-top:7px;color:var(--text-3)!important}
.cfgx-profile-status.is-pending{color:var(--text-warning)!important}
.cfgx-profile-status.is-error{color:var(--text-negative)!important}
.cfgx-password{grid-template-columns:1fr 1fr auto}
.cfgx-password-head{grid-column:1/-1}
.cfgx-password-head span,.cfgx-password-head small{display:block;color:var(--text-3);font-size:11px}
.cfgx-password-head strong{display:block;color:var(--text);font-size:17px;margin:3px 0}
.cfgx-user-avatar{border-radius:50%!important;overflow:hidden}
.cfgx-user-main>div>strong{color:var(--text)}

/* Tipografia profissional: neutra por padrão; cor só quando comunica estado. */
body:has(.ios-shell):not(.odem-tv-mode) :is(
  .ge-hero h2,.hc6-hero h1,.cfgx-hero h1,.ios-page-heading h1,.rep-page-title,.ind-head h1,.ind-head h2,.rel-layout>header h1,
  .ge-panel-head h3,.hc6-section-head h2,.cfgx-section-title strong,.card-title,.ped-section-title,.ped-detail-head h2,
  .ind-panel-head h2,.ind-panel-head h3,.rel-section h2,.rel-section h3,.rep-filter-heading strong
){color:var(--text)}
body:has(.ios-shell):not(.odem-tv-mode) :is(.ios-eyebrow,.rep-page-eyebrow,.rel-eyebrow,.ind-eyebrow,.ge-eyebrow,.hc6-eyebrow,.cfgx-hero>div>span){color:var(--text-brand-accent)}
body:has(.ios-shell):not(.odem-tv-mode) :is(.ge-link,.hc6-link,a.inline-link){color:var(--text-info)}
body:has(.ios-shell):not(.odem-tv-mode) :is(.ge-negative,.hc6-table .negative){color:var(--text-negative)!important}
body:has(.ios-shell):not(.odem-tv-mode) :is(.ge-data-source.ok strong,.cfgx-health-item.ok strong){color:var(--text-positive)}
body:has(.ios-shell):not(.odem-tv-mode) :is(.ge-data-source.warn strong,.cfgx-health-item.bad strong,.ge-kpi.warn strong){color:var(--text-warning)!important}
body:has(.ios-shell):not(.odem-tv-mode) .hc6-network strong{color:var(--text)}
body:has(.ios-shell):not(.odem-tv-mode) .hc6-network.active strong{color:var(--text-brand-accent)}

/* Executiva/Home Center: só lucro e margem usam verde; venda/custo permanecem neutros. */
body:has(.ios-shell):not(.odem-tv-mode) .ge-kpis-primary .ge-kpi:nth-child(3) strong,
body:has(.ios-shell):not(.odem-tv-mode) .ge-kpis-primary .ge-kpi:nth-child(4) strong,
body:has(.ios-shell):not(.odem-tv-mode) .hc6-kpis:not(.secondary) .hc6-kpi:nth-child(3) strong,
body:has(.ios-shell):not(.odem-tv-mode) .hc6-kpis:not(.secondary) .hc6-kpi:nth-child(4) strong,
body:has(.ios-shell):not(.odem-tv-mode) .ge-kpis-secondary .ge-kpi:nth-child(2) strong,
body:has(.ios-shell):not(.odem-tv-mode) .hc6-kpis.secondary .hc6-kpi:nth-child(2) strong{color:var(--text-positive)}

/* Todos os demais números e códigos voltam à hierarquia tipográfica normal. */
body:has(.ios-shell):not(.odem-tv-mode) :is(
  .num,.kpi-value,.ind-kpi strong,.ind-kpi b,.rel-kpi b,.rel-kpi strong,.ped-card-total,.ios-order-amount>div,
  .venda-prod-preco,.venda-item-sub,.cfg-history-count b,.cfg-history-date,.mono,.rep-stat-copy b,.ge-result-metrics strong,.ge-highlight strong
){color:inherit;font-variant-numeric:tabular-nums}

/* IMPORTANTE: não há qualquer seletor .badge-* / .status-* nesta camada. */

@media(max-width:640px){
  body:has(.ios-shell):not(.odem-tv-mode) .topbar-tools{height:40px;border-radius:11px}
  body:has(.ios-shell):not(.odem-tv-mode) .topbar-tool{width:40px;min-width:40px;height:38px;padding:0}
  body:has(.ios-shell):not(.odem-tv-mode) .topbar-tool-label{display:none}
  body:has(.ios-shell):not(.odem-tv-mode) .topbar-actions{gap:5px!important}
  body:has(.ios-shell):not(.odem-tv-mode) .topbar-user-menu{position:fixed;right:10px;top:62px;width:min(292px,calc(100vw - 20px))}
  .cfgx-profile-card{grid-template-columns:72px minmax(0,1fr);gap:12px}
  .cfgx-profile-avatar{width:70px;height:70px;border-radius:20px;font-size:19px}
  .cfgx-password{grid-template-columns:1fr!important}.cfgx-password-head{grid-column:auto}
}


/* =====================================================================
   ODEM 33.6.6 — Home Centers · iOS executivo, importação e responsivo
   Camada isolada: não altera badges/status Mainô.
   ===================================================================== */
.hc7-page{width:100%;max-width:none;min-width:0;display:flex;flex-direction:column;gap:16px;padding-bottom:34px}
.hc7-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.hc7-hero>div:first-child{min-width:0}.hc7-hero>div:first-child>span,.hc7-section-head>div>span,.hc7-summary-head>div>span{display:block;font-size:10px;font-weight:800;letter-spacing:.12em;color:var(--accent);margin-bottom:4px}
.hc7-hero h1{margin:0 0 5px;font-size:clamp(27px,2.5vw,36px);letter-spacing:-.04em;line-height:1.05}.hc7-hero p{margin:0;max-width:780px;color:var(--text-2);font-size:13px;line-height:1.5}
.hc7-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.hc7-filters{display:grid;grid-template-columns:130px 170px minmax(190px,.7fr) minmax(300px,1.3fr);gap:10px;align-items:end;padding:14px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 96%,transparent);border-radius:18px;box-shadow:0 8px 24px rgba(0,0,0,.025)}
.hc7-filters label{font-size:11px;font-weight:700;color:var(--text-2);min-width:0}.hc7-filters select{display:block;width:100%;margin-top:6px}
.hc7-source{display:flex;align-items:center;gap:16px;padding:10px 14px;border:1px solid var(--border);border-radius:15px;background:var(--surface);min-width:0}.hc7-source>div:first-child{flex:1;min-width:0}.hc7-source strong,.hc7-source small{display:block}.hc7-source strong{font-size:12px}.hc7-source small{font-size:11px;color:var(--text-2);margin-top:2px}.hc7-source-meta{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.hc7-source-meta span{font-size:10px;color:var(--text-2);padding:5px 8px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);white-space:nowrap}.hc7-source-meta b{color:var(--text);font-weight:700}
.hc7-networks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.hc7-network{appearance:none;border:1px solid var(--border);background:var(--surface);color:inherit;border-radius:20px;overflow:hidden;padding:0;text-align:left;cursor:pointer;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.hc7-network:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--text-2) 35%,var(--border));box-shadow:0 10px 30px rgba(0,0,0,.05)}.hc7-network.active{border-color:color-mix(in srgb,var(--accent) 72%,var(--border));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 9%,transparent),0 12px 34px rgba(0,0,0,.06)}
.hc7-network-logo{height:86px;display:flex;align-items:center;justify-content:center;padding:20px;background:color-mix(in srgb,var(--surface-2) 72%,var(--surface));border-bottom:1px solid var(--border)}.hc7-network-logo img{display:block;max-width:72%;max-height:46px;object-fit:contain;filter:none}.hc7-network-body{padding:14px 15px 15px}.hc7-network-body>span{display:block;font-size:11px;color:var(--text-2);font-weight:700}.hc7-network-body>strong{display:block;font-size:clamp(21px,1.8vw,28px);letter-spacing:-.035em;margin:5px 0 1px}.hc7-network-body>small{font-size:10px;color:var(--text-2)}.hc7-network-foot{display:flex;gap:6px;flex-wrap:wrap;margin-top:11px}.hc7-network-foot span{font-size:10px;color:var(--text-2);padding:5px 7px;border-radius:8px;background:var(--surface-2)}
.hc7-summary,.hc7-section{border:1px solid var(--border);background:var(--surface);border-radius:20px;padding:16px;min-width:0}.hc7-summary-head,.hc7-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:13px}.hc7-summary-head h2,.hc7-section-head h2{margin:0 0 3px;font-size:19px;letter-spacing:-.018em}.hc7-summary-head p,.hc7-section-head p{margin:0;color:var(--text-2);font-size:12px;line-height:1.45}
.hc7-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.hc7-kpi{min-width:0;padding:14px;border:1px solid var(--border);border-radius:16px;background:var(--surface-2)}.hc7-kpi span,.hc7-kpi small{display:block;color:var(--text-2);font-size:10px}.hc7-kpi span{font-weight:700}.hc7-kpi strong{display:block;margin:5px 0 2px;font-size:clamp(18px,1.55vw,25px);line-height:1.08;letter-spacing:-.03em;overflow-wrap:anywhere;color:var(--text)}.hc7-kpi.is-positive strong{color:var(--semantic-positive,var(--success,#2e8d55))}.hc7-kpi.is-muted strong{color:var(--text)}
.hc7-micro{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin-top:12px;border-top:1px solid var(--border);padding-top:11px}.hc7-micro span{min-width:0;padding:2px 10px;border-right:1px solid var(--border);font-size:10px;color:var(--text-2);text-align:center}.hc7-micro span:first-child{padding-left:0}.hc7-micro span:last-child{border-right:0;padding-right:0}.hc7-micro b{display:block;color:var(--text);font-size:12px;margin-bottom:2px;overflow-wrap:anywhere}
.hc7-tools{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.hc7-tools .input{min-width:300px}.hc7-table-wrap{width:100%;overflow:hidden;border:1px solid var(--border);border-radius:14px}.hc7-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:11px}.hc7-table th,.hc7-table td{padding:10px 9px;border-bottom:1px solid var(--surface-2);vertical-align:middle;text-align:right;overflow:hidden;text-overflow:ellipsis}.hc7-table th{background:var(--surface-2);color:var(--text-2);font-size:9px;font-weight:800;letter-spacing:.035em;text-transform:uppercase;white-space:normal;line-height:1.2}.hc7-table tr:last-child td{border-bottom:0}.hc7-table th:nth-child(-n+3),.hc7-table td:nth-child(-n+3),.hc7-pipeline-table th:nth-child(-n+5),.hc7-pipeline-table td:nth-child(-n+5),.hc7-flow-table th:nth-child(-n+5),.hc7-flow-table td:nth-child(-n+5){text-align:left}.hc7-products-table th:nth-child(1),.hc7-products-table td:nth-child(1){width:8%}.hc7-products-table th:nth-child(2),.hc7-products-table td:nth-child(2){width:21%}.hc7-products-table th:nth-child(3),.hc7-products-table td:nth-child(3){width:13%}.hc7-products-table th:nth-child(4),.hc7-products-table td:nth-child(4){width:6%}.hc7-products-table th:nth-child(5),.hc7-products-table td:nth-child(5){width:10%}.hc7-products-table th:nth-child(6),.hc7-products-table td:nth-child(6){width:8%}.hc7-products-table th:nth-child(7),.hc7-products-table td:nth-child(7){width:9%}.hc7-products-table th:nth-child(8),.hc7-products-table td:nth-child(8){width:9%}.hc7-products-table th:nth-child(9),.hc7-products-table td:nth-child(9){width:6%}.hc7-products-table th:nth-child(10),.hc7-products-table td:nth-child(10){width:4%}.hc7-products-table th:nth-child(11),.hc7-products-table td:nth-child(11){width:6%}.hc7-table .negative{color:var(--semantic-negative,var(--danger,#b42318));font-weight:700}.hc7-link{appearance:none;border:0;background:transparent;color:var(--semantic-link,#0a66c2);font:inherit;padding:0;cursor:pointer;text-align:left}.hc7-link:hover{text-decoration:underline}
.hc7-collapsible{padding:0;overflow:hidden}.hc7-collapsible>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px;cursor:pointer}.hc7-collapsible>summary::-webkit-details-marker{display:none}.hc7-collapsible>summary span{min-width:0}.hc7-collapsible>summary b,.hc7-collapsible>summary small{display:block}.hc7-collapsible>summary b{font-size:14px}.hc7-collapsible>summary small{font-size:10px;color:var(--text-2);margin-top:2px}.hc7-collapsible>summary i{font-style:normal;color:var(--text-2);transition:transform .18s ease}.hc7-collapsible[open]>summary i{transform:rotate(180deg)}.hc7-collapsible[open]>summary{border-bottom:1px solid var(--border)}
.hc7-filiais{display:flex;flex-direction:column;padding:4px 14px 12px}.hc7-filiais button{appearance:none;display:grid;grid-template-columns:minmax(0,1fr) 140px 150px;align-items:center;gap:10px;width:100%;border:0;border-bottom:1px solid var(--surface-2);background:transparent;color:inherit;text-align:left;padding:10px 2px;cursor:pointer}.hc7-filiais button:last-child{border-bottom:0}.hc7-filiais button:hover{background:color-mix(in srgb,var(--surface-2) 54%,transparent)}.hc7-filiais button div{min-width:0}.hc7-filiais button div strong,.hc7-filiais button div small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hc7-filiais button div small{color:var(--text-2);font-size:10px;margin-top:2px}.hc7-filiais button>span{color:var(--text-2);font-size:10px;text-align:right}.hc7-filiais button>b{text-align:right;font-size:12px}
.hc7-status-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin-bottom:12px}.hc7-status-cards>button{appearance:none;border:1px solid var(--border);background:var(--surface-2);color:inherit;border-radius:14px;padding:11px 12px;text-align:left;cursor:pointer;min-width:0}.hc7-status-cards>button.active{border-color:color-mix(in srgb,var(--accent) 65%,var(--border));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 8%,transparent)}.hc7-status-cards>button>span{display:block;min-height:24px}.hc7-status-cards>button>strong{display:block;font-size:20px;letter-spacing:-.025em;margin:6px 0 1px}.hc7-status-cards>button>small{display:block;color:var(--text-2);font-size:10px}.hc7-status-plain{display:inline-flex;align-items:center;min-height:22px;padding:3px 7px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-2);font-size:10px;white-space:normal}.hc7-pipeline-table th:nth-child(1),.hc7-pipeline-table td:nth-child(1){width:10%}.hc7-pipeline-table th:nth-child(2),.hc7-pipeline-table td:nth-child(2){width:35%}.hc7-pipeline-table th:nth-child(3),.hc7-pipeline-table td:nth-child(3){width:15%}.hc7-pipeline-table th:nth-child(4),.hc7-pipeline-table td:nth-child(4){width:18%}.hc7-pipeline-table th:nth-child(5),.hc7-pipeline-table td:nth-child(5){width:10%}.hc7-pipeline-table th:nth-child(6),.hc7-pipeline-table td:nth-child(6){width:12%}.hc7-flow>.hc7-table-wrap{margin:0 14px 14px;width:calc(100% - 28px)}.hc7-flow-table th:nth-child(1),.hc7-flow-table td:nth-child(1){width:9%}.hc7-flow-table th:nth-child(2),.hc7-flow-table td:nth-child(2){width:9%}.hc7-flow-table th:nth-child(3),.hc7-flow-table td:nth-child(3){width:12%}.hc7-flow-table th:nth-child(4),.hc7-flow-table td:nth-child(4){width:28%}.hc7-flow-table th:nth-child(5),.hc7-flow-table td:nth-child(5){width:18%}.hc7-flow-table th:nth-child(6),.hc7-flow-table td:nth-child(6){width:12%}.hc7-flow-table th:nth-child(7),.hc7-flow-table td:nth-child(7){width:12%}.hc7-empty{padding:22px;text-align:center;color:var(--text-2)}.hc7-loading{border:1px solid var(--border);border-radius:18px;background:var(--surface)}
body.hc7-expanded-mode[data-device="desktop"] .app-shell.ios-shell{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"topbar" "content"!important}body.hc7-expanded-mode[data-device="desktop"] .sidebar{display:none!important}body.hc7-expanded-mode[data-device="desktop"] .content{max-width:none!important;width:100%!important;padding-left:clamp(18px,2vw,34px)!important;padding-right:clamp(18px,2vw,34px)!important}

@media(max-width:1180px){
  .hc7-filters{grid-template-columns:120px 150px 1fr 1.4fr}.hc7-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.hc7-kpi:nth-child(4),.hc7-kpi:nth-child(5){grid-column:auto}.hc7-micro{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:8px}.hc7-micro span:nth-child(3){border-right:0}.hc7-micro span:nth-child(n+4){border-top:1px solid var(--border);padding-top:9px}.hc7-products-table th:nth-child(10),.hc7-products-table td:nth-child(10),.hc7-products-table th:nth-child(11),.hc7-products-table td:nth-child(11){display:none}.hc7-products-table th:nth-child(2),.hc7-products-table td:nth-child(2){width:26%}.hc7-products-table th:nth-child(3),.hc7-products-table td:nth-child(3){width:16%}}
@media(max-width:900px){
  .hc7-page{gap:12px}.hc7-hero{flex-direction:column}.hc7-actions{width:100%;justify-content:flex-start}.hc7-filters{grid-template-columns:1fr 1fr}.hc7-source{align-items:flex-start;flex-direction:column}.hc7-source-meta{justify-content:flex-start}.hc7-networks{grid-template-columns:1fr}.hc7-network{display:grid;grid-template-columns:130px minmax(0,1fr)}.hc7-network-logo{height:100%;min-height:112px;border-bottom:0;border-right:1px solid var(--border)}.hc7-network-logo img{max-width:84%}.hc7-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.hc7-kpi:last-child:nth-child(odd){grid-column:1/-1}.hc7-micro{grid-template-columns:repeat(2,minmax(0,1fr))}.hc7-micro span{border-right:0;border-top:1px solid var(--border);padding:8px 6px 0}.hc7-micro span:first-child,.hc7-micro span:nth-child(2){border-top:0;padding-top:2px}.hc7-section-head,.hc7-summary-head{align-items:flex-start;flex-direction:column}.hc7-tools{width:100%;justify-content:flex-start}.hc7-tools .input,.hc7-tools .ge-filter-chip{width:100%;min-width:0}.hc7-filiais button{grid-template-columns:minmax(0,1fr) 120px}.hc7-filiais button>b{grid-column:2}.hc7-products-table th:nth-child(6),.hc7-products-table td:nth-child(6),.hc7-products-table th:nth-child(9),.hc7-products-table td:nth-child(9){display:none}.hc7-products-table th:nth-child(2),.hc7-products-table td:nth-child(2){width:32%}.hc7-products-table th:nth-child(3),.hc7-products-table td:nth-child(3){width:20%}}
@media(max-width:700px){
  .hc7-hero h1{font-size:27px}.hc7-actions{display:grid;grid-template-columns:1fr 1fr}.hc7-actions .btn{width:100%;justify-content:center}.hc7-actions .btn:first-child:nth-last-child(3){grid-column:1/-1}.hc7-filters{padding:12px;border-radius:16px}.hc7-network{grid-template-columns:104px minmax(0,1fr)}.hc7-network-logo{min-height:108px;padding:15px}.hc7-network-body{padding:12px}.hc7-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.hc7-kpi{padding:12px}.hc7-kpi strong{font-size:18px}.hc7-summary,.hc7-section{padding:13px;border-radius:17px}.hc7-table-wrap{overflow:visible;border:0}.hc7-table,.hc7-table tbody,.hc7-table tr,.hc7-table td{display:block;width:100%!important}.hc7-table thead{display:none}.hc7-table tbody{display:grid;gap:9px}.hc7-table tr{border:1px solid var(--border);border-radius:15px;background:var(--surface-2);padding:10px 12px}.hc7-table td{display:grid!important;grid-template-columns:minmax(92px,.7fr) minmax(0,1.3fr);gap:10px;align-items:center;text-align:right!important;border:0;padding:5px 0;white-space:normal;overflow:visible;text-overflow:clip}.hc7-table td::before{content:attr(data-label);font-size:9px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-2);font-weight:800;text-align:left}.hc7-products-table td:nth-child(2),.hc7-products-table td:nth-child(3),.hc7-pipeline-table td:nth-child(2),.hc7-pipeline-table td:nth-child(4),.hc7-flow-table td:nth-child(4),.hc7-flow-table td:nth-child(5){display:grid!important}.hc7-products-table td:nth-child(2),.hc7-products-table td:nth-child(3){grid-template-columns:1fr}.hc7-products-table td:nth-child(2)::before,.hc7-products-table td:nth-child(3)::before{margin-bottom:2px}.hc7-products-table td:nth-child(2),.hc7-products-table td:nth-child(3){text-align:left!important}.hc7-products-table td:nth-child(6),.hc7-products-table td:nth-child(9),.hc7-products-table td:nth-child(10),.hc7-products-table td:nth-child(11){display:grid!important}.hc7-filiais{padding:4px 10px 10px}.hc7-filiais button{grid-template-columns:1fr;padding:10px 4px}.hc7-filiais button>span,.hc7-filiais button>b{text-align:left;grid-column:auto}.hc7-flow>.hc7-table-wrap{margin:0 10px 10px;width:calc(100% - 20px)}.hc7-status-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){
  .hc7-actions,.hc7-filters,.hc7-kpis,.hc7-status-cards{grid-template-columns:1fr}.hc7-actions .btn:first-child:nth-last-child(3){grid-column:auto}.hc7-network{grid-template-columns:88px minmax(0,1fr)}.hc7-network-logo{min-height:104px;padding:12px}.hc7-network-body>strong{font-size:20px}.hc7-network-foot{gap:4px}.hc7-network-foot span{font-size:9px}.hc7-kpi:last-child:nth-child(odd){grid-column:auto}.hc7-micro{grid-template-columns:1fr}.hc7-micro span,.hc7-micro span:first-child,.hc7-micro span:nth-child(2){border-top:1px solid var(--border);padding:8px 0 0}.hc7-micro span:first-child{border-top:0;padding-top:2px}.hc7-table td{grid-template-columns:82px minmax(0,1fr)}.hc7-collapsible>summary{padding:13px}}

/* ODEM 33.6.7 — auditoria de dados Home Centers */
.hc7-data-alert{display:flex;align-items:flex-start;gap:8px;margin:-2px 0 12px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--semantic-warning,#b76e00) 30%,var(--border));border-radius:12px;background:color-mix(in srgb,var(--semantic-warning,#b76e00) 6%,var(--surface));color:var(--text)}
.hc7-data-alert strong{font-size:11px;white-space:nowrap}.hc7-data-alert span{font-size:10px;line-height:1.45;color:var(--text-2)}
.hc7-row-issue{background:color-mix(in srgb,var(--semantic-warning,#b76e00) 3.5%,transparent)}
.hc7-data-missing{display:inline-block;color:var(--semantic-warning,#b76e00);font-size:10px;font-weight:750;line-height:1.25}
@media (max-width:767px){.hc7-data-alert{flex-direction:column;gap:3px}.hc7-data-alert strong{white-space:normal}.hc7-data-missing{font-size:11px}}

/* ODEM 33.6.8 — Home Centers: seleção persistente de lojas */
.hc8-empty-link{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;border:1px solid var(--border);border-radius:16px;background:var(--surface);color:var(--text)}
.hc8-empty-link strong,.hc8-empty-link span{display:block}.hc8-empty-link span{font-size:11px;color:var(--text-2);margin-top:2px}
.hc8-manager-backdrop{position:fixed;inset:0;z-index:1400;background:rgba(0,0,0,.34);backdrop-filter:blur(8px);display:flex;justify-content:flex-end;padding:14px}
.hc8-manager{width:min(760px,100%);height:calc(100dvh - 28px);overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:24px;box-shadow:0 24px 80px rgba(0,0,0,.22);padding:18px;display:flex;flex-direction:column;gap:14px}
.hc8-manager>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:2px 2px 12px;border-bottom:1px solid var(--border)}
.hc8-manager>header>div{min-width:0}.hc8-manager>header span{display:block;color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.12em}.hc8-manager>header h2{margin:3px 0 4px;font-size:24px;letter-spacing:-.035em}.hc8-manager>header p{margin:0;color:var(--text-2);font-size:12px;line-height:1.45;max-width:560px}
.hc8-manager-section{border:1px solid var(--border);border-radius:18px;background:var(--surface-2);padding:13px}
.hc8-manager-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.hc8-manager-title strong,.hc8-manager-title small{display:block}.hc8-manager-title strong{font-size:13px}.hc8-manager-title small{font-size:10px;color:var(--text-2);margin-top:2px}
.hc8-manager-search{display:grid;grid-template-columns:minmax(0,1fr) 130px auto;gap:8px;margin-bottom:10px}
.hc8-linked-list,.hc8-client-list{display:flex;flex-direction:column;gap:7px}
.hc8-linked-row,.hc8-client-row{display:grid;align-items:center;gap:10px;border:1px solid var(--border);border-radius:14px;background:var(--surface);padding:10px 11px}
.hc8-linked-row{grid-template-columns:minmax(0,1fr) 165px auto}.hc8-client-row{grid-template-columns:minmax(0,1fr) auto}
.hc8-linked-main,.hc8-client-main{min-width:0}.hc8-linked-main strong,.hc8-linked-main small,.hc8-client-main strong,.hc8-client-main small,.hc8-client-main span{display:block}.hc8-linked-main strong,.hc8-client-main strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hc8-linked-main small,.hc8-client-main small{font-size:10px;color:var(--text-2);margin-top:2px}.hc8-client-main span{font-size:10px;color:var(--semantic-link,#0a66c2);margin-top:4px;font-weight:650}
.hc8-network-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.hc8-network-actions button{appearance:none;border:1px solid var(--border);background:var(--surface-2);color:var(--text-2);border-radius:9px;padding:7px 8px;font:inherit;font-size:10px;font-weight:700;cursor:pointer}.hc8-network-actions button:hover{border-color:color-mix(in srgb,var(--text-2) 38%,var(--border));color:var(--text)}.hc8-network-actions button.active{border-color:color-mix(in srgb,var(--accent) 62%,var(--border));background:color-mix(in srgb,var(--accent) 8%,var(--surface));color:var(--text)}
.hc8-unmatched>div:last-child{display:flex;flex-direction:column;gap:6px}.hc8-unmatched button{appearance:none;border:0;border-bottom:1px solid var(--border);background:transparent;color:inherit;text-align:left;padding:9px 3px;cursor:pointer}.hc8-unmatched button:last-child{border-bottom:0}.hc8-unmatched button strong,.hc8-unmatched button small{display:block}.hc8-unmatched button strong{font-size:11px}.hc8-unmatched button small{font-size:9px;color:var(--text-2);margin-top:2px}
@media (max-width:767px){
  .hc8-manager-backdrop{padding:0;align-items:stretch}.hc8-manager{width:100%;height:100dvh;border:0;border-radius:0;padding:14px}
  .hc8-manager>header{position:sticky;top:-14px;z-index:2;background:var(--surface);padding-top:14px}
  .hc8-manager-search{grid-template-columns:1fr 110px}.hc8-manager-search .btn{grid-column:1/-1;width:100%}
  .hc8-linked-row,.hc8-client-row{grid-template-columns:1fr}.hc8-linked-row>.select,.hc8-linked-row>.btn{width:100%}.hc8-network-actions{justify-content:flex-start;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.hc8-network-actions button{padding:8px 5px}
  .hc7-actions{grid-template-columns:1fr 1fr}.hc7-actions .btn{width:100%}.hc7-actions .btn:nth-child(1):nth-last-child(4),.hc7-actions .btn:nth-child(2):nth-last-child(3){grid-column:auto}
}
@media (max-width:430px){.hc8-network-actions{grid-template-columns:1fr}.hc7-actions{grid-template-columns:1fr}}

/* =====================================================================
   ODEM 33.6.9 — Home Centers: layout aprovado + fluxo por status
   Mantém as cores oficiais das badges/status do Mainô. Os cards são neutros.
   ===================================================================== */
.hc9-filters{grid-template-columns:140px 180px minmax(260px,1fr)}
.hc9-order-flow{padding:16px}
.hc9-flow-cards{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));margin-bottom:0}
.hc9-flow-cards>button{display:flex;flex-direction:column;gap:3px;min-height:132px;background:color-mix(in srgb,var(--surface-2) 76%,var(--surface));border-color:var(--border);padding:13px 14px}
.hc9-flow-cards>button:hover{border-color:color-mix(in srgb,var(--text-2) 30%,var(--border));transform:translateY(-1px)}
.hc9-flow-cards>button>span{min-height:25px}
.hc9-flow-cards>button>strong{font-size:16px;letter-spacing:-.015em;margin:5px 0 0}
.hc9-flow-cards>button>small{font-size:11px;color:var(--text-2)}
.hc9-flow-cards>button>b{font-size:15px;margin-top:auto;padding-top:8px;color:var(--text);font-weight:760}
.hc9-flow-cards>button>em{font-style:normal;font-size:9px;color:var(--text-2);margin-top:1px}
.hc9-flow-detail{margin-top:12px}
.hc9-flow-detail .hc7-pipeline-table th:nth-child(1),.hc9-flow-detail .hc7-pipeline-table td:nth-child(1){width:10%}
.hc9-flow-detail .hc7-pipeline-table th:nth-child(2),.hc9-flow-detail .hc7-pipeline-table td:nth-child(2){width:28%}
.hc9-flow-detail .hc7-pipeline-table th:nth-child(3),.hc9-flow-detail .hc7-pipeline-table td:nth-child(3){width:13%}
.hc9-flow-detail .hc7-pipeline-table th:nth-child(4),.hc9-flow-detail .hc7-pipeline-table td:nth-child(4){width:18%}
.hc9-flow-detail .hc7-pipeline-table th:nth-child(5),.hc9-flow-detail .hc7-pipeline-table td:nth-child(5){width:13%}
.hc9-flow-detail .hc7-pipeline-table th:nth-child(6),.hc9-flow-detail .hc7-pipeline-table td:nth-child(6){width:8%}
.hc9-flow-detail .hc7-pipeline-table th:nth-child(7),.hc9-flow-detail .hc7-pipeline-table td:nth-child(7){width:10%}
@media(max-width:900px){.hc9-filters{grid-template-columns:1fr 1fr}.hc9-filters label:last-child{grid-column:1/-1}.hc9-flow-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.hc9-filters,.hc9-flow-cards{grid-template-columns:1fr}.hc9-filters label:last-child{grid-column:auto}.hc9-flow-cards>button{min-height:0}.hc9-flow-cards>button>b{padding-top:6px}.hc9-order-flow{padding:13px}}

/* === 33.6.10 · Toast legível em claro/escuro ========================= */
.toast{
  color:var(--text) !important;
  background:var(--surface-raised) !important;
  border:1px solid var(--hairline);
  box-shadow:0 12px 34px rgba(0,0,0,.18);
  -webkit-backdrop-filter:blur(18px) saturate(1.15);
  backdrop-filter:blur(18px) saturate(1.15);
}
[data-theme="dark"] .toast{color:#F5F5F7 !important;background:#2C2C2E !important;border-color:rgba(255,255,255,.12);}
[data-theme="light"] .toast{color:#1C1C1E !important;background:rgba(255,255,255,.96) !important;border-color:rgba(60,60,67,.18);}

/* === 33.6.11 · Importação Gerencial centralizada ==================== */
.ig-page{max-width:1480px;margin:0 auto;padding:24px 26px 52px;display:grid;gap:16px}
.ig-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:2px 0 4px}
.ig-eyebrow{display:block;color:var(--brand);font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;margin-bottom:6px}
.ig-hero h2{margin:0;font-size:clamp(30px,3vw,42px);letter-spacing:-.035em;line-height:1.02}
.ig-hero p{margin:8px 0 0;color:var(--text-2);max-width:760px;font-size:14px;line-height:1.5}
.ig-source-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ig-source-card{background:var(--surface-1);border:1px solid var(--border);border-radius:18px;padding:18px;display:grid;gap:18px;min-width:0;box-shadow:0 1px 0 rgba(0,0,0,.02)}
.ig-source-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center}
.ig-source-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--brand) 15%,var(--surface-2));color:var(--brand);font-size:12px;font-weight:800}
.ig-source-head h3{margin:0;font-size:17px;letter-spacing:-.015em}.ig-source-head p{margin:3px 0 0;color:var(--text-2);font-size:12px;line-height:1.35}
.ig-state{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:0 9px;border-radius:999px;background:var(--surface-2);color:var(--text-2);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}
.ig-state.is-ok{color:var(--text-positive);background:color-mix(in srgb,var(--text-positive) 10%,var(--surface-1));border:1px solid color-mix(in srgb,var(--text-positive) 25%,transparent)}
.ig-state.is-empty{color:var(--text-3)}
.ig-source-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--border);border-radius:13px;overflow:hidden}
.ig-source-metrics span{padding:10px 11px;min-width:0}.ig-source-metrics span+span{border-left:1px solid var(--border)}
.ig-source-metrics small{display:block;color:var(--text-3);font-size:9px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.ig-source-metrics strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ig-import-btn{width:100%}
.ig-info{display:flex;gap:12px;align-items:flex-start;background:var(--surface-1);border:1px solid var(--border);border-radius:14px;padding:13px 15px}.ig-info strong{white-space:nowrap;font-size:12px}.ig-info span{color:var(--text-2);font-size:12px;line-height:1.45}
.ig-history{background:var(--surface-1);border:1px solid var(--border);border-radius:18px;overflow:hidden}.ig-section-head{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 18px;border-bottom:1px solid var(--border)}.ig-section-head h3{margin:0;font-size:16px}.ig-section-head p{margin:3px 0 0;color:var(--text-2);font-size:12px}.ig-history-wrap{overflow:auto}.ig-history-table{min-width:860px}.ig-history-table td,.ig-history-table th{padding-top:11px;padding-bottom:11px}
.ig-busy{display:flex;align-items:center;gap:10px;background:var(--surface-1);border:1px solid var(--border);border-radius:14px;padding:12px 14px}.ig-busy strong{font-size:13px}.ig-busy small{color:var(--text-3);font-size:11px;margin-left:auto}
.ig-modal-backdrop{position:fixed;inset:0;z-index:1200;background:rgba(0,0,0,.44);backdrop-filter:blur(8px);display:grid;place-items:center;padding:18px}.ig-modal{width:min(720px,100%);max-height:min(84vh,780px);overflow:auto;background:var(--surface-1);border:1px solid var(--border);border-radius:22px;box-shadow:0 24px 70px rgba(0,0,0,.28)}
.ig-modal-head{display:flex;justify-content:space-between;gap:16px;padding:20px 22px 15px;border-bottom:1px solid var(--border)}.ig-modal-head h3{margin:2px 0;font-size:22px}.ig-modal-head p{margin:0;color:var(--text-2);font-size:12px;word-break:break-word}.ig-modal-body{padding:18px 22px;display:grid;gap:14px}.ig-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ig-preview-grid span{padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}.ig-preview-grid small{display:block;color:var(--text-3);font-size:9px;text-transform:uppercase;margin-bottom:5px}.ig-preview-grid strong{font-size:15px}.ig-preview-note,.ig-check-row{padding:12px 13px;border-radius:12px;border:1px solid var(--border);font-size:12px;color:var(--text-2);background:var(--surface-2)}.ig-preview-note.is-warn{border-color:color-mix(in srgb,var(--warning) 34%,var(--border))}.ig-preview-note.is-bad,.ig-check-row.is-bad{border-color:color-mix(in srgb,var(--text-negative) 36%,var(--border));color:var(--text-negative)}.ig-check-row{display:flex;justify-content:space-between;gap:12px}.ig-check-row.is-ok strong{color:var(--text-positive)}.ig-modal-actions{display:flex;justify-content:flex-end;gap:9px;padding:15px 22px 20px;border-top:1px solid var(--border)}
.ig-loading{padding:36px;color:var(--text-2)}

@media (max-width:1180px){.ig-source-grid{grid-template-columns:1fr 1fr}.ig-source-card:first-child{grid-column:1/-1}.ig-page{padding:20px}}
@media (max-width:760px){.ig-page{padding:14px 12px 34px;gap:12px}.ig-hero{padding-top:0}.ig-hero h2{font-size:30px}.ig-source-grid{grid-template-columns:1fr}.ig-source-card:first-child{grid-column:auto}.ig-source-card{padding:15px;border-radius:16px}.ig-source-head{grid-template-columns:auto minmax(0,1fr)}.ig-source-head .ig-state{grid-column:1/-1;justify-self:start}.ig-source-metrics{grid-template-columns:1fr 1fr}.ig-source-metrics span:nth-child(3){grid-column:1/-1;border-left:0;border-top:1px solid var(--border)}.ig-info{display:grid;gap:5px}.ig-busy{display:grid;grid-template-columns:auto 1fr}.ig-busy small{grid-column:1/-1;margin:0}.ig-section-head{padding:14px}.ig-history-wrap{overflow:visible}.ig-history-table{min-width:0;width:100%;display:block}.ig-history-table thead{display:none}.ig-history-table tbody{display:grid}.ig-history-table tr{display:grid;grid-template-columns:1fr auto;gap:5px 12px;padding:12px 14px;border-bottom:1px solid var(--border)}.ig-history-table td{display:block;padding:0;border:0;font-size:12px}.ig-history-table td:nth-child(1){grid-column:1}.ig-history-table td:nth-child(2){grid-column:1;font-size:13px}.ig-history-table td:nth-child(3){grid-column:1/-1;color:var(--text-2);overflow:hidden;text-overflow:ellipsis}.ig-history-table td:nth-child(4){grid-column:1/-1;color:var(--text-3)}.ig-history-table td:nth-child(5),.ig-history-table td:nth-child(6){display:none}.ig-history-table td:nth-child(7){grid-column:2;grid-row:1/3;align-self:center}.ig-preview-grid{grid-template-columns:1fr 1fr}.ig-modal-backdrop{padding:0;place-items:end stretch}.ig-modal{width:100%;max-height:92dvh;border-radius:22px 22px 0 0}.ig-modal-head,.ig-modal-body,.ig-modal-actions{padding-left:16px;padding-right:16px}.ig-modal-actions .btn{flex:1}.ig-check-row{display:grid}}


/* =====================================================================
   ODEM 33.6.12 — Home Centers · cards aprovados pelo proprietário
   Faturado permanece protagonista; "A faturar" usa a carteira sem NF
   da mesma rede, sem alterar badges/status do Mainô.
   ===================================================================== */
.hc12-network .hc7-network-body{padding-bottom:0}
.hc12-network .hc7-network-foot{margin-bottom:0}
.hc12-network-pending{
  display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;
  margin:14px -15px 0;padding:12px 15px 14px;
  border-top:1px solid var(--border);
  background:color-mix(in srgb,var(--accent) 4%,var(--surface-2));
  box-shadow:inset 2px 0 0 color-mix(in srgb,var(--accent) 72%,transparent);
}
.hc12-network-pending>div:first-child{min-width:0}
.hc12-network-pending span{display:block;color:color-mix(in srgb,var(--accent) 86%,var(--text));font-size:10px;font-weight:800;letter-spacing:.035em;text-transform:uppercase}
.hc12-network-pending strong{display:block;margin-top:4px;color:var(--text);font-size:clamp(16px,1.35vw,21px);line-height:1.05;letter-spacing:-.025em;overflow-wrap:anywhere}
.hc12-network-pending-meta{min-width:78px;padding-left:13px;border-left:1px solid var(--border);text-align:left}
.hc12-network-pending-meta b,.hc12-network-pending-meta small{display:block;white-space:nowrap}
.hc12-network-pending-meta b{font-size:11px;color:var(--text);font-weight:750}
.hc12-network-pending-meta small{margin-top:3px;font-size:9px;color:var(--text-2)}
[data-theme="light"] .hc12-network-pending{background:color-mix(in srgb,var(--accent) 3%,#fff)}
@media(max-width:900px){
  .hc12-network-pending{grid-template-columns:minmax(0,1fr) auto}
}
@media(max-width:520px){
  .hc12-network-pending{gap:10px;padding-top:11px;padding-bottom:12px}
  .hc12-network-pending strong{font-size:18px}
  .hc12-network-pending-meta{min-width:70px;padding-left:10px}
}

/* =====================================================================
   ODEM 33.6.13 — Home Centers · cards visuais aprovados pelo proprietário
   Replica a hierarquia do mock aprovado: identidade da rede, realizado e
   faixa interna "A faturar". Não altera cálculos, filtros ou status Mainô.
   ===================================================================== */
.hc13-networks{gap:16px}
.hc13-network{
  display:block!important;
  min-width:0;
  border-radius:22px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 96%,#0c0f14),var(--surface));
  border:1px solid color-mix(in srgb,var(--border) 88%,var(--text-3));
  overflow:hidden;
  padding:0!important;
  box-shadow:0 10px 28px rgba(0,0,0,.08);
}
.hc13-network:hover{transform:translateY(-1px);box-shadow:0 15px 36px rgba(0,0,0,.12)}
.hc13-network.active{border-color:color-mix(in srgb,var(--accent) 72%,var(--border));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 8%,transparent),0 15px 36px rgba(0,0,0,.12)}
.hc13-network-head{padding:22px 26px 17px;display:flex;flex-direction:column;align-items:flex-start;gap:14px;min-height:139px}
.hc13-network-logo{height:58px;min-height:0!important;width:100%;padding:0!important;border:0!important;background:transparent!important;display:flex;align-items:center;justify-content:flex-start}
.hc13-network-logo img{display:block;max-width:215px;max-height:58px;object-fit:contain;object-position:left center;filter:none}
.hc13-network-name{font-size:17px;line-height:1.2;font-weight:780;color:var(--text);letter-spacing:-.015em}
.hc13-divider{height:1px;background:var(--border);margin:0 26px}
.hc13-realized{padding:18px 26px 20px;text-align:left}
.hc13-label{display:flex;align-items:center;gap:9px;color:var(--text-2);font-size:12px;font-weight:650}
.hc13-chart-icon{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:8px;background:var(--surface-2);color:var(--text-2);font-size:16px}
.hc13-realized>strong{display:block;margin:9px 0 12px;font-size:clamp(29px,2.35vw,42px);line-height:1.02;letter-spacing:-.045em;color:var(--text);font-weight:820;white-space:nowrap}
.hc13-pills{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.hc13-pills span{padding:7px 10px;border-radius:9px;background:var(--surface-2);color:var(--text-2);font-size:10px;font-weight:650;line-height:1}
.hc13-pending{margin:0 15px 16px;padding:18px 18px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;border:1px solid color-mix(in srgb,var(--accent) 19%,var(--border));border-left:2px solid color-mix(in srgb,var(--accent) 88%,transparent);border-radius:15px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 6%,var(--surface-2)),color-mix(in srgb,var(--accent) 2%,var(--surface-2)));text-align:left}
.hc13-pending-main{min-width:0}
.hc13-pending-label{display:flex;align-items:center;gap:9px;color:color-mix(in srgb,var(--accent) 78%,var(--text));font-size:12px;font-weight:750}
.hc13-clock{display:inline-grid;place-items:center;width:26px;height:26px;border:1px solid color-mix(in srgb,var(--accent) 62%,transparent);border-radius:50%;font-size:15px}
.hc13-pending-main>strong{display:block;margin-top:9px;font-size:clamp(22px,1.8vw,31px);line-height:1.03;letter-spacing:-.035em;color:var(--text);font-weight:800;white-space:nowrap}
.hc13-pending-meta{min-width:120px;padding-left:20px;border-left:1px solid var(--border);display:flex;align-items:center;gap:11px;color:var(--text-2)}
.hc13-doc{font-size:22px;color:var(--text-2)}
.hc13-pending-meta b,.hc13-pending-meta small{display:block;white-space:nowrap}
.hc13-pending-meta b{color:var(--text);font-size:12px;font-weight:720}
.hc13-pending-meta small{margin-top:5px;color:var(--text-2);font-size:10px}
[data-theme="light"] .hc13-network{background:linear-gradient(180deg,#fff,color-mix(in srgb,#fff 96%,var(--surface-2)))}
[data-theme="light"] .hc13-pending{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 4%,#fff),color-mix(in srgb,var(--accent) 1.5%,#fff))}
@media(max-width:1180px){
  .hc13-networks{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px}
  .hc13-network{display:block!important;grid-template-columns:none!important}
  .hc13-network-head{padding:18px 18px 15px;min-height:120px}
  .hc13-divider{margin:0 18px}
  .hc13-realized{padding:16px 18px 18px}
  .hc13-pending{margin:0 12px 13px;padding:15px;gap:13px}
  .hc13-pending-meta{min-width:102px;padding-left:13px}
  .hc13-realized>strong{font-size:clamp(25px,2.5vw,35px)}
  .hc13-pending-main>strong{font-size:clamp(19px,2vw,26px)}
}
@media(max-width:900px){
  .hc13-networks{grid-template-columns:1fr!important}
  .hc13-network{width:100%}
  .hc13-network-head{min-height:0;padding:18px 20px 14px;gap:10px}
  .hc13-network-logo{height:46px}
  .hc13-network-logo img{max-width:190px;max-height:46px}
  .hc13-divider{margin:0 20px}
  .hc13-realized{padding:15px 20px 17px}
  .hc13-realized>strong{font-size:31px}
  .hc13-pending{margin:0 14px 14px;padding:15px 16px}
}
@media(max-width:520px){
  .hc13-network{border-radius:18px}
  .hc13-network-head{padding:15px 16px 12px}
  .hc13-network-logo{height:39px}
  .hc13-network-logo img{max-width:165px;max-height:39px}
  .hc13-network-name{font-size:15px}
  .hc13-divider{margin:0 16px}
  .hc13-realized{padding:13px 16px 15px}
  .hc13-label{font-size:11px}
  .hc13-realized>strong{font-size:27px;margin:8px 0 11px}
  .hc13-pills{gap:5px}.hc13-pills span{font-size:9px;padding:6px 8px}
  .hc13-pending{margin:0 10px 10px;padding:13px 14px;grid-template-columns:minmax(0,1fr) auto;gap:10px;border-radius:13px}
  .hc13-pending-label{font-size:11px;gap:7px}.hc13-clock{width:23px;height:23px;font-size:13px}
  .hc13-pending-main>strong{font-size:22px;margin-top:7px}
  .hc13-pending-meta{min-width:88px;padding-left:10px;gap:7px}.hc13-doc{font-size:18px}.hc13-pending-meta b{font-size:10px}.hc13-pending-meta small{font-size:9px;margin-top:3px}
}
@media(max-width:390px){
  .hc13-pending{grid-template-columns:1fr}
  .hc13-pending-meta{min-width:0;padding:10px 0 0;border-left:0;border-top:1px solid var(--border)}
}

/* =====================================================================
   ODEM 33.6.17 — Home Centers · card aprovado em versão compacta
   Mantém a composição 33.6.16; reduz escala e hierarquia do "A faturar".
   ===================================================================== */
.hc16-networks{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  align-items:stretch;
}
.hc16-network{
  --hc16-accent:var(--brand);
  position:relative;
  display:flex!important;
  flex-direction:column!important;
  min-width:0;
  padding:0!important;
  overflow:visible;
  border-radius:18px;
  border:1px solid color-mix(in srgb,var(--border) 88%,var(--text-3));
  background:
    radial-gradient(100% 72% at 96% 0%,color-mix(in srgb,var(--text) 3%,transparent) 0%,transparent 58%),
    linear-gradient(180deg,color-mix(in srgb,var(--surface) 98%,#0d1118) 0%,var(--surface) 100%);
  box-shadow:0 8px 24px rgba(0,0,0,.075);
  color:var(--text);
  cursor:pointer;
  text-align:left;
  transition:transform var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease);
}
.hc16-network:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--text-2) 34%,var(--border));box-shadow:0 12px 28px rgba(0,0,0,.10)}
.hc16-network:focus-visible{outline:0;box-shadow:0 0 0 3px var(--focus-ring),0 12px 28px rgba(0,0,0,.09)}
.hc16-network.active{border-color:color-mix(in srgb,var(--hc16-accent) 56%,var(--border));box-shadow:0 0 0 2px color-mix(in srgb,var(--hc16-accent) 8%,transparent),0 12px 28px rgba(0,0,0,.09)}

.hc16-top{
  position:relative;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding:18px 22px 7px;
}
.hc16-logo{height:54px;min-width:0;display:flex;align-items:center;justify-content:flex-start;background:transparent;border:0;padding:0}
.hc16-logo img{
  display:block;
  max-width:min(100%,220px);
  max-height:54px;
  object-fit:contain;
  object-position:left center;
  filter:none;
  border-radius:11px;
  overflow:hidden;
}
.hc16-actions{position:relative;flex:0 0 auto}
.hc16-more{
  width:34px;height:34px;border-radius:11px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface-2) 88%,transparent);
  display:inline-flex;align-items:center;justify-content:center;gap:3px;color:var(--text-2);cursor:pointer;
  transition:background var(--dur-fast) ease,border-color var(--dur-fast) ease,color var(--dur-fast) ease,transform var(--dur-fast) ease;
}
.hc16-more:hover{background:var(--hover);border-color:var(--border-strong);color:var(--text);transform:translateY(-1px)}
.hc16-more span{width:3px;height:3px;border-radius:50%;background:currentColor;display:block}
.hc16-menu{
  position:absolute;right:0;top:40px;z-index:30;width:205px;padding:6px;border:1px solid var(--border);border-radius:13px;
  background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:var(--shadow-md);backdrop-filter:blur(18px);
}
.hc16-menu button{width:100%;border:0;background:transparent;color:var(--text);border-radius:9px;padding:9px 10px;text-align:left;font:inherit;font-size:11px;font-weight:650;cursor:pointer}
.hc16-menu button:hover{background:var(--hover)}

.hc16-identity{padding:0 22px 12px;display:grid;gap:3px}
.hc16-identity strong{font-size:17px;line-height:1.15;font-weight:760;letter-spacing:-.016em;color:var(--text)}
.hc16-identity small{font-size:11px;line-height:1.3;color:var(--text-2);font-weight:500}
.hc16-divider{height:1px;margin:0 22px;background:color-mix(in srgb,var(--border) 92%,transparent)}

.hc16-realized{padding:13px 22px 15px;text-align:left}
.hc16-label{display:flex;align-items:center;gap:8px;color:var(--text-2);font-size:11px;font-weight:610}
.hc16-chart-icon{width:27px;height:27px;border-radius:8px;display:inline-grid;place-items:center;background:color-mix(in srgb,var(--surface-2) 94%,transparent);color:var(--text-2)}
.hc16-chart-icon svg{width:16px;height:16px}
.hc16-realized>strong{display:block;margin:8px 0 10px;color:var(--text);font-size:clamp(28px,2.15vw,36px);font-weight:820;line-height:.99;letter-spacing:-.044em;white-space:nowrap}
.hc16-pills{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.hc16-pills span{display:inline-flex;align-items:center;min-height:28px;padding:0 9px;border-radius:9px;background:color-mix(in srgb,var(--surface-2) 95%,transparent);border:1px solid color-mix(in srgb,var(--border) 55%,transparent);color:var(--text-2);font-size:10px;font-weight:610;line-height:1;white-space:nowrap}

.hc16-pending{
  position:relative;
  margin:0 12px 12px;
  min-height:88px;
  padding:13px 15px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  text-align:left;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--hc16-accent) 28%,var(--border));
  border-left:2px solid color-mix(in srgb,var(--hc16-accent) 88%,#ff7a88);
  border-radius:13px;
  background:
    radial-gradient(118% 185% at 0% 100%,color-mix(in srgb,var(--hc16-accent) 23%,transparent) 0%,transparent 58%),
    linear-gradient(102deg,color-mix(in srgb,var(--hc16-accent) 13%,var(--surface-2)) 0%,color-mix(in srgb,var(--hc16-accent) 7%,var(--surface-2)) 54%,var(--surface-2) 100%);
  box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 4%,transparent);
}
.hc16-pending:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,color-mix(in srgb,var(--hc16-accent) 10%,transparent),transparent 48%);opacity:.78}
.hc16-pending-main,.hc16-pending-meta{position:relative;z-index:1}
.hc16-pending-main{min-width:0}
.hc16-pending-label{display:flex;align-items:center;gap:8px;color:color-mix(in srgb,var(--hc16-accent) 74%,var(--text));font-size:11px;font-weight:700}
.hc16-clock{width:25px;height:25px;border-radius:50%;display:inline-grid;place-items:center;border:1.5px solid color-mix(in srgb,var(--hc16-accent) 72%,transparent);color:color-mix(in srgb,var(--hc16-accent) 88%,var(--text))}
.hc16-clock svg{width:14px;height:14px}
.hc16-pending-main>strong{display:block;margin-top:7px;color:var(--text);font-size:clamp(20px,1.72vw,26px);font-weight:800;line-height:1;letter-spacing:-.036em;white-space:nowrap}
.hc16-pending-meta{min-width:112px;padding-left:12px;border-left:1px solid color-mix(in srgb,var(--border) 78%,var(--hc16-accent));display:flex;align-items:center;gap:8px;color:var(--text-2)}
.hc16-doc{flex:0 0 auto;color:var(--text-2);display:grid;place-items:center}.hc16-doc svg{width:17px;height:17px}
.hc16-pending-meta b,.hc16-pending-meta small{display:block;white-space:nowrap}
.hc16-pending-meta b{font-size:11px;line-height:1.15;font-weight:720;color:var(--text)}
.hc16-pending-meta small{margin-top:3px;font-size:9px;color:var(--text-2)}

[data-theme="light"] .hc16-network{
  background:radial-gradient(100% 72% at 96% 0%,rgba(17,24,39,.025) 0%,transparent 58%),linear-gradient(180deg,#fff 0%,#fff 100%);
  box-shadow:0 8px 22px rgba(18,25,38,.05);
}
[data-theme="light"] .hc16-pending{
  border-color:color-mix(in srgb,var(--hc16-accent) 21%,var(--border));
  border-left-color:color-mix(in srgb,var(--hc16-accent) 82%,#e46776);
  background:
    radial-gradient(118% 185% at 0% 100%,color-mix(in srgb,var(--hc16-accent) 11%,transparent) 0%,transparent 58%),
    linear-gradient(102deg,color-mix(in srgb,var(--hc16-accent) 7%,#fff) 0%,color-mix(in srgb,var(--hc16-accent) 3%,#fff) 54%,#fff 100%);
}

@media(max-width:1280px){
  .hc16-networks{gap:11px}
  .hc16-top{padding:16px 18px 6px}.hc16-logo{height:47px}.hc16-logo img{max-width:195px;max-height:47px;border-radius:10px}.hc16-more{width:32px;height:32px;border-radius:10px}
  .hc16-identity{padding:0 18px 11px}.hc16-identity strong{font-size:16px}.hc16-identity small{font-size:10px}.hc16-divider{margin:0 18px}
  .hc16-realized{padding:12px 18px 13px}.hc16-label{font-size:10px}.hc16-chart-icon{width:25px;height:25px}.hc16-realized>strong{font-size:clamp(26px,2.05vw,33px);margin:7px 0 9px}.hc16-pills{gap:5px}.hc16-pills span{min-height:26px;padding:0 8px;font-size:9px}
  .hc16-pending{margin:0 10px 10px;min-height:82px;padding:12px 13px;gap:10px}.hc16-pending-label{font-size:10px;gap:7px}.hc16-clock{width:23px;height:23px}.hc16-clock svg{width:13px;height:13px}.hc16-pending-main>strong{font-size:clamp(19px,1.65vw,24px);margin-top:6px}.hc16-pending-meta{min-width:102px;padding-left:10px;gap:7px}.hc16-doc svg{width:16px;height:16px}.hc16-pending-meta b{font-size:10px}.hc16-pending-meta small{font-size:8.5px;margin-top:2px}
}

@media(max-width:900px){
  .hc16-networks{grid-template-columns:1fr!important;gap:11px}
  .hc16-network{display:flex!important;grid-template-columns:none!important;width:100%}
  .hc16-top{padding:16px 20px 6px}.hc16-logo{height:49px}.hc16-logo img{max-width:205px;max-height:49px;border-radius:10px}
  .hc16-identity{padding:0 20px 11px}.hc16-divider{margin:0 20px}.hc16-realized{padding:12px 20px 14px}.hc16-realized>strong{font-size:31px}
  .hc16-pending{margin:0 11px 11px;min-height:84px;padding:12px 14px}.hc16-pending-main>strong{font-size:23px}.hc16-pending-meta{min-width:108px}
}

@media(max-width:560px){
  .hc16-network{border-radius:16px}
  .hc16-top{padding:14px 15px 5px}.hc16-logo{height:43px}.hc16-logo img{max-width:175px;max-height:43px;border-radius:9px}.hc16-more{width:31px;height:31px}
  .hc16-identity{padding:0 15px 10px}.hc16-identity strong{font-size:15px}.hc16-identity small{font-size:10px}.hc16-divider{margin:0 15px}
  .hc16-realized{padding:11px 15px 12px}.hc16-label{font-size:10px;gap:7px}.hc16-chart-icon{width:24px;height:24px}.hc16-chart-icon svg{width:14px;height:14px}.hc16-realized>strong{font-size:28px;margin:7px 0 9px}.hc16-pills{gap:4px}.hc16-pills span{min-height:25px;padding:0 7px;font-size:8.5px}
  .hc16-pending{margin:0 8px 8px;min-height:78px;padding:11px 12px;gap:9px;border-radius:12px}.hc16-pending-label{font-size:10px;gap:7px}.hc16-clock{width:22px;height:22px}.hc16-clock svg{width:12px;height:12px}.hc16-pending-main>strong{font-size:21px;margin-top:6px}.hc16-pending-meta{min-width:94px;padding-left:9px;gap:6px}.hc16-doc svg{width:15px;height:15px}.hc16-pending-meta b{font-size:9.5px}.hc16-pending-meta small{font-size:8px;margin-top:2px}
  .hc16-menu{right:0;top:38px;width:min(205px,calc(100vw - 48px))}
}

@media(max-width:390px){
  .hc16-pending{grid-template-columns:1fr;align-items:start}
  .hc16-pending-meta{min-width:0;padding:8px 0 0;border-left:0;border-top:1px solid color-mix(in srgb,var(--border) 78%,var(--hc16-accent))}
}