:root {
  color-scheme: light;
  --ink: #172033;
  --ink-soft: #334155;
  --muted: #748094;
  --line: #e3e8f0;
  --line-strong: #d4dae5;
  --canvas: #f4f6fa;
  --surface: #ffffff;
  --surface-soft: #f8fafc;
  --navy: #111827;
  --navy-soft: #1d2738;
  --orange: #f7682b;
  --orange-deep: #df4d17;
  --orange-soft: #fff1e9;
  --green: #18a875;
  --green-soft: #e8f8f2;
  --red: #dc3f50;
  --red-soft: #fff0f2;
  --yellow: #e7a912;
  --yellow-soft: #fff8dc;
  --blue: #5267e8;
  --blue-soft: #eef0ff;
  --purple: #8b5cf6;
  --shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.07);
  --shadow-md: 0 16px 40px rgba(15, 23, 42, 0.11);
  --radius-sm: 9px;
  --radius: 14px;
  --radius-lg: 22px;
  --sidebar: 252px;
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* Auditoria dos custos de kits ------------------------------------------------ */
.kit-cost-audit{display:grid;gap:18px;color:var(--text,#13233d)}
.kit-cost-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 28px;border:1px solid #173e69;border-radius:22px;background:radial-gradient(circle at 82% 10%,rgba(27,192,150,.18),transparent 30%),linear-gradient(135deg,#071a30 0%,#0b2d50 100%);color:#fff;box-shadow:0 18px 42px rgba(7,31,55,.16)}
.kit-cost-hero h2{margin:3px 0 7px;font-size:30px;letter-spacing:-.03em}.kit-cost-hero p,.kit-cost-hero span{margin:0}.kit-cost-hero .eyebrow{color:#4ee1b3;font-size:11px;font-weight:900;letter-spacing:.1em}.kit-cost-hero>div>span{color:#c4d5e8;font-size:14px}
.kit-cost-proof{min-width:230px;padding:15px 17px;border:1px solid rgba(255,255,255,.14);border-radius:15px;background:rgba(255,255,255,.06);display:grid;gap:4px}.kit-cost-proof span{display:flex;align-items:center;gap:7px;color:#72e5c2!important;font-size:11px!important;font-weight:800;text-transform:uppercase}.kit-cost-proof i{width:8px;height:8px;border-radius:50%;background:#29d89c;box-shadow:0 0 0 5px rgba(41,216,156,.12)}.kit-cost-proof strong{font-size:19px}.kit-cost-proof small{color:#9fb3c9}
.kit-cost-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.kit-cost-kpis article{min-height:118px;padding:17px;border:1px solid #dce5ef;border-radius:17px;background:#fff;display:grid;align-content:center;gap:4px;box-shadow:0 8px 24px rgba(18,48,80,.06)}.kit-cost-kpis article span{font-size:11px;font-weight:900;text-transform:uppercase;color:#64748b}.kit-cost-kpis article strong{font-size:28px;line-height:1;color:#143252}.kit-cost-kpis article small{color:#78889e;line-height:1.35}.kit-cost-kpis article.correct{border-top:4px solid #13ad7c}.kit-cost-kpis article.correct strong{color:#07855f}.kit-cost-kpis article.danger{border-top:4px solid #ef5261}.kit-cost-kpis article.danger strong{color:#d83045}.kit-cost-kpis article.warning{border-top:4px solid #f59b23}.kit-cost-kpis article.warning strong{color:#c96e00}.kit-cost-kpis article.market{border-top:4px solid #4389ee}.kit-cost-kpis article.market strong{color:#216ccf}
.kit-cost-alert,.kit-cost-all-correct{display:flex;align-items:center;gap:14px;padding:15px 18px;border-radius:16px}.kit-cost-alert{border:1px solid #ffd5a0;background:#fff9ed}.kit-cost-all-correct{border:1px solid #acebd5;background:#effcf7}.kit-cost-alert>span,.kit-cost-all-correct>span{display:grid;place-items:center;flex:0 0 35px;height:35px;border-radius:11px;font-size:18px;font-weight:900}.kit-cost-alert>span{background:#ffe7c1;color:#a85e00}.kit-cost-all-correct>span{background:#c9f5e5;color:#087759}.kit-cost-alert>div,.kit-cost-all-correct>div{display:grid;gap:2px;flex:1}.kit-cost-alert p,.kit-cost-all-correct p{margin:0;color:#65758b;font-size:13px}.kit-cost-alert button{border:0;border-radius:11px;padding:11px 15px;background:#102f50;color:#fff;font-weight:800;cursor:pointer}.kit-cost-alert button:disabled{opacity:.65;cursor:wait}
.kit-cost-filters{display:grid;grid-template-columns:minmax(240px,1.6fr) repeat(4,minmax(145px,1fr)) auto auto;align-items:end;gap:11px;padding:17px;border:1px solid #dce5ef;border-radius:18px;background:#fff;box-shadow:0 7px 22px rgba(18,48,80,.05)}.kit-cost-filters label{display:grid;gap:6px;min-width:0}.kit-cost-filters label>span{font-size:10px;font-weight:900;letter-spacing:.045em;text-transform:uppercase;color:#607087}.kit-cost-filters input,.kit-cost-filters select{width:100%;height:42px;border:1px solid #ccd8e5;border-radius:11px;background:#f8fafc;color:#142840;padding:0 12px;font:inherit}.kit-cost-filters input:focus,.kit-cost-filters select:focus{outline:3px solid rgba(38,126,235,.12);border-color:#3384e8}.kit-cost-filters .button{height:42px;white-space:nowrap}
.kit-cost-results{display:flex;align-items:end;justify-content:space-between;gap:16px;padding:0 4px}.kit-cost-results>div{display:grid;gap:2px}.kit-cost-results span{font-size:10px;font-weight:900;letter-spacing:.08em;color:#ef6a2e}.kit-cost-results strong{font-size:17px}.kit-cost-results small{color:#6e7f93}
.kit-cost-list{display:grid;gap:11px}.kit-cost-card{overflow:hidden;border:1px solid #d8e3ed;border-left:5px solid #9aa9b9;border-radius:17px;background:#fff;box-shadow:0 7px 20px rgba(20,48,80,.045)}.kit-cost-card.correct{border-left-color:#17ad7d}.kit-cost-card.mismatch{border-left-color:#e63d50}.kit-cost-card.pending{border-left-color:#ef9822}.kit-cost-card.incomplete{border-left-color:#8057da}.kit-cost-card summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:minmax(300px,1.9fr) repeat(4,minmax(140px,.72fr)) 20px;align-items:center;gap:16px;padding:16px 18px}.kit-cost-card summary::-webkit-details-marker{display:none}.kit-cost-card summary>i{font-style:normal;color:#6c7e94;font-size:20px;transition:transform .2s}.kit-cost-card[open] summary>i{transform:rotate(180deg)}
.kit-cost-product{display:flex;align-items:center;gap:13px;min-width:0}.kit-cost-product>img,.kit-cost-product>span:first-child{width:62px;height:62px;border:1px solid #e1e8f0;border-radius:13px;background:#fff;object-fit:contain;flex:0 0 auto}.kit-cost-product>span:first-child{display:grid;place-items:center;color:#2e6dba;font-weight:900}.kit-cost-product>div{display:grid;gap:4px;min-width:0}.kit-cost-product strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kit-cost-product small{color:#697c91;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kit-cost-status{justify-self:start;padding:4px 7px;border-radius:999px;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.kit-cost-status.correct{background:#d9f7eb;color:#08765a}.kit-cost-status.mismatch{background:#fee3e7;color:#b91f36}.kit-cost-status.pending{background:#fff0d7;color:#a45e00}.kit-cost-status.incomplete{background:#eee7ff;color:#6340ae}
.kit-cost-value,.kit-cost-difference,.kit-cost-exposure{display:grid;gap:3px;min-width:0}.kit-cost-value small,.kit-cost-difference small,.kit-cost-exposure small{font-size:10px;text-transform:uppercase;font-weight:800;color:#77879a}.kit-cost-value strong,.kit-cost-difference strong,.kit-cost-exposure strong{font-size:15px;color:#183653}.kit-cost-value em,.kit-cost-difference em,.kit-cost-exposure em{font-style:normal;font-size:10px;color:#8290a3}.kit-cost-difference.bad strong{color:#d22c42}.kit-cost-difference.good strong{color:#0a8964}
.kit-cost-detail{border-top:1px solid #e2e8f0;padding:17px;background:#f8fafc;display:grid;gap:15px}.kit-cost-diagnosis{display:flex;align-items:center;gap:11px;border:1px solid #d9e3ed;background:#fff;padding:12px 14px;border-radius:13px}.kit-cost-diagnosis>span{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;font-weight:900;background:#edf2f7}.kit-cost-diagnosis p{margin:2px 0 0;color:#617186;font-size:13px}.kit-cost-diagnosis.correct{border-color:#bcebdc}.kit-cost-diagnosis.correct>span{background:#d9f7eb;color:#08765a}.kit-cost-diagnosis.mismatch{border-color:#ffc2ca}.kit-cost-diagnosis.mismatch>span{background:#fee3e7;color:#bd2038}.kit-cost-diagnosis.pending{border-color:#ffdda9}.kit-cost-diagnosis.pending>span{background:#fff0d7;color:#a45e00}.kit-cost-diagnosis.incomplete{border-color:#d8caff}.kit-cost-diagnosis.incomplete>span{background:#eee7ff;color:#6340ae}
.kit-cost-formula{display:flex;align-items:center;justify-content:center;gap:15px;padding:13px;border-radius:13px;background:#0b2744;color:#fff}.kit-cost-formula span{display:grid;gap:2px;text-align:center}.kit-cost-formula small{color:#a9bdd0;font-size:9px;text-transform:uppercase}.kit-cost-formula strong{font-size:17px}.kit-cost-formula b{color:#6f8da8;font-size:11px}
.kit-cost-components{overflow:auto;border:1px solid #dce5ee;border-radius:14px;background:#fff}.kit-cost-components table{width:100%;min-width:780px;border-collapse:collapse}.kit-cost-components th,.kit-cost-components td{padding:11px 13px;text-align:left;border-bottom:1px solid #e8eef4;font-size:12px}.kit-cost-components th{background:#edf3f8;color:#55687d;text-transform:uppercase;font-size:9px;letter-spacing:.045em}.kit-cost-components .numeric{text-align:right}.kit-cost-components td>div{display:grid;gap:3px}.kit-cost-components td small{display:block;margin-top:3px;color:#78899c}.kit-cost-components tr.missing td,.kit-cost-components tr.no-cost td{background:#fffaf2}.kit-cost-components tfoot td{font-weight:800;background:#f2f6fa;border-bottom:0}.kit-audit-component-state{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:9px;font-weight:900;text-transform:uppercase}.kit-audit-component-state.ok{background:#ddf8ee;color:#08765a}.kit-audit-component-state.missing{background:#eee7ff;color:#6340ae}.kit-audit-component-state.no-cost{background:#fff0d7;color:#a45e00}.kit-cost-detail footer{display:flex;justify-content:space-between;gap:15px;color:#64758a;font-size:11px}.kit-cost-detail footer nav{display:flex;gap:8px;flex-wrap:wrap}.kit-cost-detail footer a{color:#1c68c5;font-weight:800}.kit-cost-source{display:flex;gap:6px;padding:14px 16px;border-radius:13px;background:#edf3f8;color:#586b80;font-size:12px}
.kit-cost-links{display:grid;grid-template-columns:minmax(230px,.75fr) minmax(0,2fr);gap:10px}.kit-cost-olist-link{display:grid;gap:3px;padding:12px 14px;color:#113654;text-decoration:none;background:linear-gradient(135deg,#e8f8f3,#f4fffb);border:1px solid #9ddbc8;border-radius:12px}.kit-cost-olist-link:hover{border-color:#0b9b72;box-shadow:0 7px 18px rgba(11,155,114,.12)}.kit-cost-olist-link>span{color:#07835f;font-size:9px;font-weight:900;letter-spacing:.08em}.kit-cost-olist-link>strong{font-size:12px}.kit-cost-olist-link>small{color:#608071;font-size:10px}.kit-cost-market-links{display:flex;gap:8px;overflow-x:auto;padding:1px}.kit-cost-listing-link{display:grid;flex:0 0 155px;gap:3px;padding:10px 12px;color:#173450;text-decoration:none;background:#fff;border:1px solid #d9e3ed;border-radius:11px}.kit-cost-listing-link:hover{border-color:#4d86c3}.kit-cost-listing-link>span{justify-self:start;padding:3px 6px;border-radius:999px;font-size:8px;font-weight:900;text-transform:uppercase}.kit-cost-listing-link.active>span{color:#08775a;background:#d8f6eb}.kit-cost-listing-link.paused>span{color:#9a5c00;background:#fff0d5}.kit-cost-listing-link.closed>span,.kit-cost-listing-link.inactive>span{color:#687789;background:#e9eef3}.kit-cost-listing-link.review>span{color:#613ead;background:#eee7ff}.kit-cost-listing-link>strong{font-size:11px}.kit-cost-listing-link>em{color:#3572b5;font-size:9px;font-style:normal;font-weight:800}

html[data-theme="black"] .kit-cost-audit{color:#e9f2fb}html[data-theme="black"] .kit-cost-kpis article,html[data-theme="black"] .kit-cost-filters,html[data-theme="black"] .kit-cost-card{background:#0e1d2e;border-color:#263c52;box-shadow:none}html[data-theme="black"] .kit-cost-kpis article strong,html[data-theme="black"] .kit-cost-value strong,html[data-theme="black"] .kit-cost-exposure strong,html[data-theme="black"] .kit-cost-product strong,html[data-theme="black"] .kit-cost-results strong{color:#f0f6fc}html[data-theme="black"] .kit-cost-kpis article small,html[data-theme="black"] .kit-cost-kpis article span,html[data-theme="black"] .kit-cost-value small,html[data-theme="black"] .kit-cost-exposure small,html[data-theme="black"] .kit-cost-value em,html[data-theme="black"] .kit-cost-exposure em,html[data-theme="black"] .kit-cost-product small,html[data-theme="black"] .kit-cost-results small{color:#91a5ba}html[data-theme="black"] .kit-cost-filters input,html[data-theme="black"] .kit-cost-filters select{background:#091726;border-color:#2a4259;color:#edf5fc}html[data-theme="black"] .kit-cost-alert{background:#2c2416;border-color:#5c4824}html[data-theme="black"] .kit-cost-alert p{color:#c4b79e}html[data-theme="black"] .kit-cost-all-correct{background:#112c26;border-color:#235b4d}html[data-theme="black"] .kit-cost-detail{background:#091726;border-color:#263c52}html[data-theme="black"] .kit-cost-diagnosis,html[data-theme="black"] .kit-cost-components{background:#0e1d2e;border-color:#263c52}html[data-theme="black"] .kit-cost-diagnosis p,html[data-theme="black"] .kit-cost-components td small,html[data-theme="black"] .kit-cost-detail footer{color:#94a7ba}html[data-theme="black"] .kit-cost-components th,html[data-theme="black"] .kit-cost-components tfoot td{background:#14273a;color:#b2c4d5}html[data-theme="black"] .kit-cost-components th,html[data-theme="black"] .kit-cost-components td{border-color:#26394d}html[data-theme="black"] .kit-cost-components tr.missing td,html[data-theme="black"] .kit-cost-components tr.no-cost td{background:#241f18}html[data-theme="black"] .kit-cost-source{background:#13263a;color:#a9bbcc}
html[data-theme="black"] .kit-cost-olist-link{color:#dff9f0;background:#102a24;border-color:#245b4c}html[data-theme="black"] .kit-cost-olist-link>small{color:#8eb6a8}html[data-theme="black"] .kit-cost-listing-link{color:#e8f1fa;background:#111f2e;border-color:#2a4056}html[data-theme="black"] .kit-cost-listing-link:hover{border-color:#4f83b8}

@media(max-width:1180px){.kit-cost-kpis{grid-template-columns:repeat(3,1fr)}.kit-cost-filters{grid-template-columns:repeat(3,1fr)}.kit-cost-filters .search{grid-column:span 2}.kit-cost-card summary{grid-template-columns:minmax(280px,1.6fr) repeat(2,minmax(130px,1fr)) 20px}.kit-cost-card summary .kit-cost-value.calculated,.kit-cost-card summary .kit-cost-exposure{display:none}}
@media(max-width:720px){.kit-cost-audit{gap:13px}.kit-cost-hero{align-items:flex-start;flex-direction:column;padding:20px;border-radius:17px}.kit-cost-hero h2{font-size:25px}.kit-cost-proof{width:100%;box-sizing:border-box}.kit-cost-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.kit-cost-kpis article{min-height:102px;padding:13px}.kit-cost-kpis article:first-child{grid-column:span 2}.kit-cost-kpis article strong{font-size:23px}.kit-cost-alert,.kit-cost-all-correct{align-items:flex-start;flex-wrap:wrap}.kit-cost-alert button{width:100%}.kit-cost-filters{grid-template-columns:1fr 1fr;padding:13px}.kit-cost-filters .search{grid-column:span 2}.kit-cost-filters .button{width:100%}.kit-cost-results{align-items:flex-start;flex-direction:column;gap:4px}.kit-cost-card summary{grid-template-columns:minmax(0,1fr) 18px;gap:10px;padding:13px}.kit-cost-card summary>.kit-cost-value,.kit-cost-card summary>.kit-cost-difference,.kit-cost-card summary>.kit-cost-exposure{display:none}.kit-cost-product>img,.kit-cost-product>span:first-child{width:52px;height:52px}.kit-cost-product strong{font-size:12px}.kit-cost-product small{font-size:10px}.kit-cost-detail{padding:12px}.kit-cost-formula{display:grid;grid-template-columns:1fr 1fr;padding:11px}.kit-cost-formula b{display:none}.kit-cost-formula span:last-child{grid-column:span 2;padding-top:9px;border-top:1px solid rgba(255,255,255,.12)}.kit-cost-links{grid-template-columns:1fr}.kit-cost-market-links{padding-bottom:4px}.kit-cost-detail footer,.kit-cost-source{flex-direction:column}.kit-cost-components{-webkit-overflow-scrolling:touch}}

* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; background: var(--canvas); color: var(--ink); }
body { min-height: 100vh; }
button, input, select, textarea { font: inherit; }
button { color: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
.hidden { display: none !important; }
.mobile-only { display: none !important; }
.mobile-bottom-nav { display: none; }
.muted { color: var(--muted); }
.eyebrow { margin: 0 0 8px; color: var(--orange); font-size: 0.7rem; font-weight: 800; letter-spacing: 0.13em; text-transform: uppercase; }

.login-shell { display: grid; grid-template-columns: minmax(420px, 1.05fr) minmax(420px, 0.95fr); min-height: 100vh; background: var(--surface); }
.login-brand-panel { position: relative; display: flex; align-items: center; overflow: hidden; padding: 8vw; background: var(--navy); color: #fff; }
.login-brand-panel::before { content: ""; position: absolute; width: 440px; height: 440px; right: -120px; top: -130px; border: 75px solid rgba(247, 104, 43, 0.84); border-radius: 44% 56% 68% 32% / 54% 41% 59% 46%; transform: rotate(-16deg); }
.login-brand-panel::after { content: ""; position: absolute; width: 280px; height: 280px; right: 12%; bottom: -145px; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; box-shadow: 0 0 0 48px rgba(255,255,255,.025), 0 0 0 96px rgba(255,255,255,.02); }
.login-brand-content { position: relative; z-index: 1; max-width: 610px; }
.brand-mark { display: grid; place-items: center; flex: 0 0 auto; width: 38px; height: 38px; border-radius: 11px; color: #fff; background: linear-gradient(140deg, var(--orange), #ff935e); font-weight: 900; font-size: 0.83rem; box-shadow: 0 8px 24px rgba(247,104,43,.3); }
.brand-mark-large { width: 56px; height: 56px; margin-bottom: 72px; border-radius: 16px; font-size: 1.08rem; }
.login-brand-content h1 { margin: 0; max-width: 600px; font-size: clamp(3rem, 5.3vw, 5.8rem); line-height: .96; letter-spacing: -.06em; }
.login-lead { max-width: 530px; margin: 30px 0 48px; color: #b9c2d0; font-size: 1.12rem; line-height: 1.7; }
.login-feature-list { display: flex; flex-wrap: wrap; gap: 22px 30px; }
.login-feature-list span { display: flex; align-items: center; gap: 10px; color: #d5dbe5; font-size: .87rem; font-weight: 650; }
.login-feature-list b { color: var(--orange); font-size: .7rem; letter-spacing: .08em; }
.login-form-panel { display: flex; align-items: center; justify-content: center; padding: 48px; background: #fbfcfe; }
.login-card { width: min(440px, 100%); padding: 46px; background: var(--surface); border: 1px solid var(--line); border-radius: 26px; box-shadow: 0 28px 80px rgba(15,23,42,.1); }
.login-card h2 { margin: 0; font-size: 2rem; letter-spacing: -.04em; }
.login-card > .muted { margin: 10px 0 34px; line-height: 1.5; }
.login-footnote { margin: 22px 0 0; color: var(--muted); font-size: .78rem; text-align: center; }
.form-error { min-height: 22px; margin: 2px 0 10px; color: var(--red); font-size: .83rem; }

.app-shell { display: grid; grid-template-columns: var(--sidebar) minmax(0, 1fr); min-height: 100vh; transition: grid-template-columns .22s ease; }
.sidebar { position: fixed; z-index: 40; inset: 0 auto 0 0; display: flex; flex-direction: column; width: var(--sidebar); padding: 20px 15px 15px; color: #cad1dc; background: var(--navy); transition: width .22s ease, padding .22s ease, transform .22s ease; }
.sidebar-brand { display: flex; align-items: center; gap: 12px; padding: 4px 7px 26px; color: #fff; }
.sidebar-brand > div:last-child { display: grid; line-height: 1.08; }
.sidebar-brand strong { font-size: 1rem; }
.sidebar-brand span { color: #8c98aa; font-size: .72rem; }
.main-nav { display: grid; gap: 3px; }
.nav-item { display: flex; align-items: center; gap: 11px; width: 100%; padding: 10px 11px; border: 0; border-radius: 10px; color: #aab4c3; background: transparent; cursor: pointer; font-size: .86rem; font-weight: 650; text-align: left; transition: .18s ease; }
.nav-item > .nav-icon { display: grid; place-items: center; width: 27px; height: 27px; border-radius: 8px; color: #8390a3; background: rgba(255,255,255,.055); font-size: .6rem; font-weight: 850; letter-spacing: .03em; }
.nav-item:hover { color: #fff; background: rgba(255,255,255,.06); }
.nav-item.active { color: #fff; background: linear-gradient(90deg, rgba(247,104,43,.22), rgba(247,104,43,.08)); box-shadow: inset 2px 0 var(--orange); }
.nav-item.active > .nav-icon { color: #fff; background: var(--orange); }
.nav-separator { display: flex; align-items: center; gap: 10px; margin: 18px 9px 7px; color: #667287; }
.nav-separator::after { content: ""; flex: 1; height: 1px; background: rgba(255,255,255,.08); }
.nav-separator em { font-size: .61rem; font-style: normal; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.sidebar-projects { min-height: 0; margin-top: 22px; overflow: auto; }
.sidebar-section-title { display: flex; align-items: center; justify-content: space-between; padding: 0 9px 8px; color: #6f7c8f; font-size: .64rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.mini-button { display: grid; place-items: center; width: 23px; height: 23px; padding: 0; border: 0; border-radius: 7px; color: #aab4c3; background: rgba(255,255,255,.07); cursor: pointer; }
.project-nav { display: flex; align-items: center; gap: 9px; width: 100%; padding: 7px 10px; border: 0; border-radius: 8px; color: #96a2b3; background: transparent; cursor: pointer; font-size: .78rem; text-align: left; }
.project-nav:hover { color: #fff; background: rgba(255,255,255,.05); }
.project-dot { width: 8px; height: 8px; border-radius: 50%; }
.sidebar-user { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 9px; margin-top: auto; padding: 13px 8px 4px; border-top: 1px solid rgba(255,255,255,.08); }
.sidebar-user > div:nth-child(2) { display: grid; min-width: 0; }
.sidebar-user strong { overflow: hidden; color: #eef1f5; font-size: .79rem; text-overflow: ellipsis; white-space: nowrap; }
.sidebar-user span { color: #758195; font-size: .67rem; }
.avatar { display: grid; place-items: center; width: 33px; height: 33px; border-radius: 10px; color: #fff; background: var(--blue); font-size: .68rem; font-weight: 850; }
.sidebar-collapse-button { position: absolute; z-index: 2; top: 25px; right: -14px; display: grid; place-items: center; width: 29px; height: 29px; padding: 0; border: 1px solid #273347; border-radius: 9px; color: #dce3ee; background: #172235; box-shadow: 0 8px 22px rgba(15, 23, 42, .24); cursor: pointer; transition: color .16s ease, background .16s ease, transform .16s ease; }
.sidebar-collapse-button:hover { color: #fff; background: var(--orange); transform: scale(1.05); }
.sidebar-collapse-button span { font-size: 1.25rem; line-height: 1; transform: translateY(-1px); }

@media (min-width: 821px) {
  .app-shell.sidebar-collapsed { grid-template-columns: 72px minmax(0, 1fr); }
  .app-shell.sidebar-collapsed .sidebar { width: 72px; padding-right: 10px; padding-left: 10px; }
  .app-shell.sidebar-collapsed .sidebar-brand { justify-content: center; padding-right: 0; padding-left: 0; }
  .app-shell.sidebar-collapsed .sidebar-brand > div:last-child,
  .app-shell.sidebar-collapsed .nav-separator,
  .app-shell.sidebar-collapsed .sidebar-projects,
  .app-shell.sidebar-collapsed .sidebar-user > div:nth-child(2),
  .app-shell.sidebar-collapsed #logout-button { display: none; }
  .app-shell.sidebar-collapsed .nav-item { justify-content: center; gap: 0; padding-right: 0; padding-left: 0; font-size: 0; }
  .app-shell.sidebar-collapsed .nav-item > .nav-icon { flex: 0 0 31px; width: 31px; margin: 0; }
  .app-shell.sidebar-collapsed .sidebar-user { display: flex; justify-content: center; padding-right: 0; padding-left: 0; }
}

.workspace { grid-column: 2; min-width: 0; }
.topbar { position: sticky; z-index: 30; top: 0; display: flex; align-items: center; justify-content: space-between; height: 72px; padding: 0 30px; border-bottom: 1px solid var(--line); background: rgba(255,255,255,.92); backdrop-filter: blur(16px); }
.global-search { display: flex; align-items: center; gap: 10px; width: min(440px, 45vw); height: 40px; padding: 0 12px; border: 1px solid transparent; border-radius: 11px; color: var(--muted); background: var(--canvas); transition: .2s ease; }
.global-search:focus-within { border-color: #ffc3a8; background: #fff; box-shadow: 0 0 0 3px var(--orange-soft); }
.global-search input { flex: 1; min-width: 0; border: 0; outline: 0; color: var(--ink); background: transparent; font-size: .84rem; }
.global-search kbd { padding: 3px 6px; border: 1px solid var(--line-strong); border-radius: 5px; color: #8994a5; background: #fff; font-size: .6rem; }
.topbar-actions { display: flex; align-items: center; gap: 9px; }
.icon-button { display: grid; place-items: center; width: 38px; height: 38px; padding: 0; border: 1px solid transparent; border-radius: 10px; color: var(--muted); background: transparent; cursor: pointer; font-size: 1.1rem; }
.icon-button:hover { color: var(--ink); background: var(--surface-soft); }
.notification-button { position: relative; font-size: 1.65rem; line-height: 1; }
#notification-dot { position: absolute; top: 8px; right: 8px; display: none; width: 7px; height: 7px; border: 2px solid #fff; border-radius: 50%; background: var(--orange); }

.button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 38px; padding: 0 15px; border: 1px solid var(--line-strong); border-radius: 10px; color: var(--ink-soft); background: #fff; cursor: pointer; font-size: .8rem; font-weight: 750; transition: .18s ease; }
.button:hover { transform: translateY(-1px); border-color: #bdc6d5; box-shadow: var(--shadow-sm); }
.button:disabled { opacity: .55; cursor: not-allowed; transform: none; }
.button.primary { border-color: var(--orange); color: #fff; background: linear-gradient(135deg, var(--orange), var(--orange-deep)); box-shadow: 0 7px 18px rgba(247,104,43,.22); }
.button.primary:hover { box-shadow: 0 10px 22px rgba(247,104,43,.28); }
.button.subtle { border-color: #ffd0ba; color: var(--orange-deep); background: var(--orange-soft); }
.button.ghost { border-color: transparent; background: transparent; box-shadow: none; }
.button.danger { color: var(--red); }
.button.wide { width: 100%; min-height: 46px; }

.content { padding: 30px; }
.page-header { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 24px; }
.page-header h1 { margin: 0; font-size: clamp(1.7rem, 2.5vw, 2.3rem); letter-spacing: -.045em; }
.page-header p:not(.eyebrow) { margin: 7px 0 0; color: var(--muted); font-size: .88rem; }
.page-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.header-date { color: var(--muted); font-size: .78rem; font-weight: 650; }

.hero-strip { position: relative; display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(260px, .5fr); overflow: hidden; min-height: 184px; margin-bottom: 20px; border-radius: var(--radius-lg); color: #fff; background: var(--navy); box-shadow: var(--shadow-md); }
.hero-strip::after { content: ""; position: absolute; right: 16%; top: -100px; width: 270px; height: 270px; border: 48px solid rgba(247,104,43,.8); border-radius: 46% 54% 34% 66% / 58% 38% 62% 42%; transform: rotate(28deg); }
.hero-copy { position: relative; z-index: 2; padding: 32px 36px; }
.hero-copy h2 { max-width: 680px; margin: 0; font-size: clamp(1.8rem, 3vw, 2.8rem); line-height: 1.05; letter-spacing: -.05em; }
.hero-copy p { max-width: 600px; margin: 13px 0 0; color: #abb7c7; font-size: .88rem; line-height: 1.6; }
.hero-side { position: relative; z-index: 2; display: flex; align-items: flex-end; justify-content: flex-end; padding: 28px; }
.hero-side .button { border-color: rgba(255,255,255,.16); color: #fff; background: rgba(255,255,255,.09); backdrop-filter: blur(8px); }

.metric-grid { display: grid; grid-template-columns: repeat(5, minmax(135px, 1fr)); gap: 12px; margin-bottom: 20px; }
.metric-card { position: relative; padding: 18px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow-sm); }
.metric-card::after { content: ""; position: absolute; right: 16px; top: 18px; width: 8px; height: 8px; border-radius: 50%; background: var(--metric-color, var(--blue)); box-shadow: 0 0 0 5px color-mix(in srgb, var(--metric-color, var(--blue)) 14%, transparent); }
.metric-card span { color: var(--muted); font-size: .72rem; font-weight: 700; }
.metric-card strong { display: block; margin-top: 11px; font-size: 1.65rem; letter-spacing: -.04em; }
.metric-card small { display: block; margin-top: 4px; color: #94a0b1; font-size: .65rem; }
.dashboard-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr); gap: 16px; }
.dashboard-sales-live { display: grid; grid-template-columns: minmax(260px, 1.2fr) minmax(300px, 1fr) auto; align-items: center; gap: 24px; margin-bottom: 16px; padding: 22px 24px; overflow: hidden; border-radius: var(--radius); color: #fff; background: linear-gradient(120deg, #0e1c35 0%, #162c52 62%, #254a80 100%); box-shadow: var(--shadow-md); }
.dashboard-sales-live > div:first-child { display: grid; gap: 4px; }
.dashboard-sales-live .eyebrow { color: #9eb9df; }
.dashboard-sales-live > div:first-child > strong { font-size: clamp(2rem, 4vw, 3rem); line-height: 1; letter-spacing: -.05em; }
.dashboard-sales-live > div:first-child > span { color: #b9c9e0; font-size: .65rem; }
.dashboard-sales-stats { display: flex; gap: 8px; }
.dashboard-sales-stats > span { min-width: 86px; padding: 12px; border: 1px solid rgba(255,255,255,.12); border-radius: 11px; color: #b9c9e0; background: rgba(255,255,255,.07); font-size: .62rem; }
.dashboard-sales-stats strong { display: block; margin-bottom: 4px; color: #fff; font-size: 1.1rem; }
.live-indicator { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 2px 7px; min-width: 165px; }
.live-indicator i { grid-row: 1 / span 2; width: 8px; height: 8px; border-radius: 50%; background: #36d89c; box-shadow: 0 0 0 5px rgba(54,216,156,.13); }
.live-indicator span { font-size: .64rem; font-weight: 800; }
.live-indicator small { color: #9eb0ca; font-size: .56rem; }
.panel { min-width: 0; padding: 20px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow-sm); }
.panel-header, .section-heading { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 17px; }
.panel-header h2, .panel-header h3, .section-heading h3 { margin: 0; font-size: 1rem; letter-spacing: -.02em; }
.text-button { padding: 0; border: 0; color: var(--orange); background: transparent; cursor: pointer; font-size: .72rem; font-weight: 800; }
.upcoming-list, .workload-list, .activity-list, .comment-list, .file-list { display: grid; gap: 8px; }
.upcoming-item { display: grid; grid-template-columns: 5px minmax(0,1fr) auto; gap: 12px; align-items: center; padding: 11px 12px; border: 1px solid var(--line); border-radius: 11px; background: #fff; cursor: pointer; }
.upcoming-item:hover { border-color: #f7b797; background: #fffaf7; }
.upcoming-bar { align-self: stretch; border-radius: 4px; background: var(--priority-color, var(--blue)); }
.upcoming-item strong { display: block; overflow: hidden; font-size: .78rem; text-overflow: ellipsis; white-space: nowrap; }
.upcoming-item span { color: var(--muted); font-size: .66rem; }
.due-badge { padding: 5px 7px; border-radius: 7px; color: var(--muted); background: var(--surface-soft); font-size: .63rem !important; font-weight: 750; white-space: nowrap; }
.due-badge.overdue { color: var(--red); background: var(--red-soft); }
.workload-row { display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: 10px; align-items: center; padding: 9px 0; border-bottom: 1px solid var(--line); }
.workload-row:last-child { border: 0; }
.workload-info strong { display: block; font-size: .76rem; }
.workload-info span { color: var(--muted); font-size: .64rem; }
.workload-meter { grid-column: 2 / 4; height: 5px; overflow: hidden; border-radius: 10px; background: #eef1f5; }
.workload-meter i { display: block; height: 100%; border-radius: inherit; background: var(--blue); }

.filter-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 14px; padding: 10px; border: 1px solid var(--line); border-radius: 13px; background: var(--surface); }
.filter-search { flex: 1 1 220px; min-width: 180px; }
.filter-bar input, .filter-bar select { height: 36px; padding: 0 10px; border: 1px solid var(--line); border-radius: 9px; outline: 0; color: var(--ink-soft); background: #fff; font-size: .75rem; }
.filter-bar input:focus, .filter-bar select:focus { border-color: #f7ae89; box-shadow: 0 0 0 3px var(--orange-soft); }
.view-switch { display: flex; padding: 3px; border-radius: 9px; background: var(--canvas); }
.view-switch button { padding: 6px 9px; border: 0; border-radius: 7px; color: var(--muted); background: transparent; cursor: pointer; font-size: .66rem; font-weight: 750; }
.view-switch button.active { color: var(--ink); background: #fff; box-shadow: var(--shadow-sm); }

.table-card { overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow-sm); }
.task-table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.task-table th { padding: 11px 13px; border-bottom: 1px solid var(--line); color: #8792a3; background: #fbfcfd; font-size: .62rem; font-weight: 800; letter-spacing: .08em; text-align: left; text-transform: uppercase; }
.task-table td { padding: 12px 13px; border-bottom: 1px solid var(--line); font-size: .74rem; vertical-align: middle; }
.task-table tbody tr { cursor: pointer; transition: .14s ease; }
.task-table tbody tr:hover { background: #fffaf7; }
.task-table tbody tr.task-row-priority-urgente { background: #fff5f6; }
.task-table tbody tr.task-row-priority-alta { background: #fffbf8; }
.task-table tbody tr.task-row-overdue { box-shadow: inset 4px 0 #dc3f50; }
.task-table tbody tr:last-child td { border-bottom: 0; }
.task-overview { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-bottom: 14px; }
.task-overview article { padding: 14px 16px; border: 1px solid var(--line); border-radius: 13px; background: #fff; box-shadow: var(--shadow-sm); }
.task-overview span { display: block; color: var(--muted); font-size: .62rem; font-weight: 750; text-transform: uppercase; }
.task-overview strong { display: block; margin-top: 6px; font-size: 1.25rem; }
.task-overview .attention { border-color: #ffd1d7; background: #fff7f8; }
.task-overview .attention strong { color: var(--red); }
.task-filter-panel { display: grid; gap: 9px; margin-bottom: 14px; padding: 12px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); }
.task-filter-primary, .task-filter-secondary { display: flex; flex-wrap: wrap; align-items: end; gap: 8px; }
.task-filter-primary label { display: grid; flex: 1 1 280px; gap: 5px; }
.task-filter-primary label span { color: var(--muted); font-size: .58rem; font-weight: 800; text-transform: uppercase; }
.task-filter-primary .sku-filter { flex: 0 1 220px; }
.task-filter-panel input, .task-filter-panel select { height: 38px; padding: 0 10px; border: 1px solid var(--line); border-radius: 9px; outline: 0; color: var(--ink-soft); background: #fff; font-size: .72rem; }
.task-filter-panel input:focus, .task-filter-panel select:focus { border-color: #f7ae89; box-shadow: 0 0 0 3px var(--orange-soft); }
.task-filter-secondary select { flex: 1 1 150px; }
.sku-history-banner { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 12px; padding: 13px 16px; border: 1px solid #cbd5ff; border-radius: 12px; background: #f5f7ff; }
.sku-history-banner div { display: flex; align-items: center; gap: 9px; }
.sku-history-banner span, .sku-history-banner p { margin: 0; color: var(--muted); font-size: .65rem; }
.sku-history-banner strong { color: var(--blue); font-size: .78rem; }
.task-table-scroll { overflow-x: auto; }
.task-table { min-width: 1060px; }
.complete-column { width: 52px; text-align: center !important; }
.quick-complete { display: grid; place-items: center; width: 28px; height: 28px; margin: auto; border: 1.5px solid #b9c3d1; border-radius: 9px; color: transparent; background: #fff; cursor: pointer; font-size: .9rem; font-weight: 900; transition: .16s ease; }
.quick-complete:hover { border-color: var(--green); color: var(--green); background: #edf9f4; transform: scale(1.05); }
.quick-complete.is-complete { border-color: var(--green); color: #fff; background: var(--green); }
.task-row-completed .task-title-cell strong { color: var(--muted); text-decoration: line-through; }
.sku-chip { max-width: 140px; overflow: hidden; padding: 5px 8px; border: 1px solid #dbe1ff; border-radius: 8px; color: #4156c7; background: #f3f5ff; font-size: .64rem; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; }
.sku-chip:hover { border-color: #91a0f5; background: #eaedff; }
.task-row-actions { width: 44px; text-align: center; }
.task-row-actions a { display: inline-grid; place-items: center; width: 28px; height: 28px; border-radius: 8px; color: var(--blue); background: #f1f4ff; font-weight: 900; text-decoration: none; }
.task-title-cell { display: flex; align-items: center; gap: 10px; min-width: 0; }
.priority-line { flex: 0 0 auto; width: 3px; height: 34px; border-radius: 4px; background: var(--priority-color); }
.task-title-cell > div { min-width: 0; }
.task-title-cell strong { display: block; overflow: hidden; font-size: .78rem; text-overflow: ellipsis; white-space: nowrap; }
.task-title-cell span { display: block; overflow: hidden; margin-top: 3px; color: var(--muted); font-size: .64rem; text-overflow: ellipsis; white-space: nowrap; }
.status-pill, .priority-pill, .label-pill, .channel-pill { display: inline-flex; align-items: center; gap: 5px; padding: 5px 8px; border-radius: 999px; font-size: .63rem; font-weight: 750; white-space: nowrap; }
.status-pill::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.status-todo { color: #5a6780; background: #f0f3f7; }
.status-progress { color: var(--blue); background: var(--blue-soft); }
.status-waiting { color: #a87600; background: var(--yellow-soft); }
.status-done { color: var(--green); background: var(--green-soft); }
.priority-pill { color: var(--priority-color); background: color-mix(in srgb, var(--priority-color) 10%, white); }
.avatar-stack { display: flex; align-items: center; }
.avatar-stack .avatar { width: 27px; height: 27px; margin-left: -6px; border: 2px solid #fff; border-radius: 8px; font-size: .55rem; }
.avatar-stack .avatar:first-child { margin-left: 0; }
.empty-state { padding: 56px 20px; color: var(--muted); text-align: center; }
.empty-state strong { display: block; margin-bottom: 8px; color: var(--ink); font-size: 1rem; }

.board { display: grid; grid-template-columns: repeat(4, minmax(250px, 1fr)); gap: 12px; overflow-x: auto; padding-bottom: 10px; }
.board-column { min-height: calc(100vh - 190px); padding: 10px; border: 1px solid var(--line); border-radius: 14px; background: #eef1f6; }
.board-column.drag-over { outline: 2px dashed var(--orange); outline-offset: -4px; background: var(--orange-soft); }
.board-column-header { display: flex; align-items: center; justify-content: space-between; padding: 5px 5px 12px; }
.board-column-header strong { display: flex; align-items: center; gap: 7px; font-size: .72rem; }
.board-column-header i { width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.board-column-header span { display: grid; place-items: center; min-width: 23px; height: 23px; border-radius: 7px; color: var(--muted); background: #fff; font-size: .62rem; font-weight: 800; }
.board-list { display: grid; gap: 8px; min-height: 40px; }
.task-card { padding: 13px; border: 1px solid var(--line); border-radius: 12px; background: #fff; box-shadow: var(--shadow-sm); cursor: pointer; }
.task-card:hover { border-color: #f5b696; transform: translateY(-1px); }
.task-card.dragging { opacity: .5; }
.task-card-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.task-card h3 { margin: 10px 0 12px; font-size: .78rem; line-height: 1.45; }
.task-card-meta { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: var(--muted); font-size: .63rem; }
.progress-line { height: 4px; margin: 11px 0 8px; overflow: hidden; border-radius: 5px; background: #eef1f5; }
.progress-line i { display: block; height: 100%; background: var(--orange); }

.calendar-shell { overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; }
.calendar-toolbar { display: flex; align-items: center; justify-content: space-between; padding: 15px 18px; border-bottom: 1px solid var(--line); }
.calendar-toolbar h2 { margin: 0; font-size: 1rem; text-transform: capitalize; }
.calendar-nav { display: flex; gap: 6px; }
.calendar-weekdays, .calendar-grid { display: grid; grid-template-columns: repeat(7, 1fr); }
.calendar-weekdays span { padding: 10px; border-right: 1px solid var(--line); color: var(--muted); background: #fafbfd; font-size: .62rem; font-weight: 800; text-align: center; text-transform: uppercase; }
.calendar-day { min-height: 120px; padding: 8px; border-top: 1px solid var(--line); border-right: 1px solid var(--line); background: #fff; }
.calendar-day.outside { background: #fafbfd; }
.calendar-day.today { background: #fffaf7; box-shadow: inset 0 0 0 1px #ffc4a7; }
.calendar-date { display: grid; place-items: center; width: 25px; height: 25px; margin-bottom: 7px; border-radius: 8px; color: var(--muted); font-size: .66rem; font-weight: 750; }
.calendar-day.today .calendar-date { color: #fff; background: var(--orange); }
.calendar-task { display: block; overflow: hidden; margin-bottom: 4px; padding: 4px 6px; border-left: 2px solid var(--project-color, var(--blue)); border-radius: 5px; color: var(--ink-soft); background: color-mix(in srgb, var(--project-color, var(--blue)) 9%, white); font-size: .59rem; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; }
.calendar-promotion { display: block; width: 100%; overflow: hidden; margin-bottom: 4px; padding: 4px 6px; border: 0; border-left: 2px solid #e8a20e; border-radius: 5px; color: #765100; background: #fff5cc; font-size: .59rem; font-weight: 750; text-align: left; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; }
.calendar-promotion:hover { background: #ffe999; }
.calendar-legend { display: flex; justify-content: flex-end; gap: 16px; padding: 0 16px 10px; color: var(--muted); font-size: .6rem; }
.calendar-legend span { display: inline-flex; align-items: center; gap: 6px; }
.calendar-legend i { width: 9px; height: 9px; border-radius: 3px; }
.legend-task { background: var(--blue); }
.legend-promotion { background: #e8a20e; }
.calendar-more { display: block; color: var(--muted); font-size: .55rem; text-align: right; }

.team-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 13px; }
.member-card { padding: 18px; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; box-shadow: var(--shadow-sm); }
.member-card-top { display: flex; align-items: center; gap: 12px; }
.member-card .avatar { width: 44px; height: 44px; border-radius: 13px; }
.member-card h3 { margin: 0; font-size: .86rem; }
.member-card p { margin: 4px 0 0; color: var(--muted); font-size: .67rem; }
.member-stats { display: flex; align-items: center; justify-content: space-between; margin-top: 18px; padding-top: 13px; border-top: 1px solid var(--line); }
.member-stats span { color: var(--muted); font-size: .65rem; }
.member-stats strong { font-size: .78rem; }

.integration-hero { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 24px; align-items: center; padding: 26px; border: 1px solid #f3df65; border-radius: var(--radius-lg); background: linear-gradient(125deg, #fff8b4, #fffdf0); }
.ml-logo { display: grid; place-items: center; width: 72px; height: 72px; border-radius: 50%; color: #314272; background: #ffe600; font-size: 1.25rem; font-weight: 950; letter-spacing: -.08em; box-shadow: 0 12px 30px rgba(148,126,0,.17); }
.integration-hero h2 { margin: 0 0 9px; font-size: 1.35rem; letter-spacing: -.03em; }
.integration-hero p { max-width: 720px; margin: 0; color: #726d3c; font-size: .78rem; line-height: 1.6; }
.connection-line { display: flex; align-items: center; gap: 8px; margin-top: 15px; font-size: .7rem; font-weight: 750; }
.connection-line i { width: 8px; height: 8px; border-radius: 50%; background: var(--red); }
.connection-line.connected i { background: var(--green); box-shadow: 0 0 0 5px rgba(24,168,117,.12); }
.sales-spotlight { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(360px, .8fr); gap: 20px; align-items: center; margin: 16px 0 0; padding: 25px 28px; overflow: hidden; border-radius: var(--radius-lg); color: #fff; background: radial-gradient(circle at 88% 18%, rgba(255,230,0,.22), transparent 27%), linear-gradient(125deg, #182337, #263b61); box-shadow: 0 18px 40px rgba(20,34,57,.16); }
.sales-total .eyebrow { color: #ffe600; }
.sales-total > strong { display: block; margin: 6px 0 7px; font-size: clamp(2rem, 5vw, 3.25rem); line-height: 1; letter-spacing: -.055em; }
.sales-total > span { color: #bdc9dc; font-size: .7rem; }
.sales-total > .sales-sync-health { display: inline-flex; align-items: center; gap: 6px; width: fit-content; margin-top: 9px; padding: 5px 9px; border: 1px solid rgba(255,255,255,.18); border-radius: 999px; color: #d9fbe7; background: rgba(255,255,255,.09); font-size: .62rem; font-weight: 750; }
.sales-sync-health i { width: 7px; height: 7px; border-radius: 50%; background: #4ade80; box-shadow: 0 0 0 4px rgba(74,222,128,.14); }
.sales-total > .sales-sync-health.stale { color: #fff2c7; border-color: rgba(251,191,36,.3); background: rgba(146,64,14,.28); }
.sales-sync-health.stale i { background: #fbbf24; box-shadow: 0 0 0 4px rgba(251,191,36,.16); }
.sales-quick { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; }
.sales-quick article { padding: 15px; border: 1px solid rgba(255,255,255,.12); border-radius: 13px; background: rgba(255,255,255,.07); backdrop-filter: blur(8px); }
.sales-quick span { display: block; color: #bdc9dc; font-size: .62rem; font-weight: 700; }
.sales-quick strong { display: block; margin-top: 8px; font-size: 1.25rem; }
.integration-metrics { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin: 16px 0; }
.integration-tabs { display: flex; gap: 3px; margin: 16px 0 0; padding: 4px; border: 1px solid var(--line); border-radius: 11px; background: #fff; }
.integration-tabs button { flex: 1; min-height: 35px; border: 0; border-radius: 8px; color: var(--muted); background: transparent; cursor: pointer; font-size: .7rem; font-weight: 800; }
.integration-tabs button.active { color: var(--ink); background: var(--canvas); }
.ml-tabs { min-width: 790px; }
.ml-table-wrap { overflow: auto; margin-top: 12px; }
.data-table { width: 100%; border-collapse: collapse; }
.data-table th, .data-table td { padding: 10px; border-bottom: 1px solid var(--line); font-size: .68rem; text-align: left; }
.data-table th { color: var(--muted); font-size: .59rem; text-transform: uppercase; }
.data-table tbody tr { transition: background .15s ease; }
.data-table tbody tr:hover { background: #fafbfd; }
.data-table .table-subtitle { display: block; margin-top: 4px; color: var(--muted); font-size: .58rem; }
.product-cell { display: flex; align-items: center; gap: 9px; min-width: 240px; }
.product-thumb { width: 38px; height: 38px; object-fit: cover; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-soft); }
.sales-table { min-width: 880px; }
.sales-table .cancelled-row { opacity: .58; }
.sale-products { display: grid; gap: 7px; min-width: 260px; max-width: 470px; }
.sale-products span { display: grid; gap: 2px; }
.sale-products strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sale-products small { color: var(--muted); font-size: .59rem; }
.ml-status { display: inline-flex; align-items: center; gap: 6px; padding: 5px 8px; border-radius: 999px; color: #5a6780; background: #f0f3f7; font-size: .59rem; font-weight: 800; white-space: nowrap; }
.ml-status::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.ml-status-paid, .ml-status-started, .ml-status-active { color: #087f59; background: #e8f8f2; }
.ml-status-cancelled, .ml-status-invalid, .ml-status-finished, .ml-status-inactive, .ml-status-closed { color: #b52f42; background: #fff0f2; }
.ml-status-pending, .ml-status-candidate, .ml-status-payment_required, .ml-status-payment_in_process, .ml-status-paused { color: #9a6a00; background: #fff8dd; }
.ml-subfilters { display: flex; gap: 8px; min-width: max-content; margin-bottom: 12px; }
.ml-subfilters button { display: inline-flex; align-items: center; gap: 8px; padding: 8px 11px; border: 1px solid var(--line); border-radius: 9px; color: var(--muted); background: #fff; font-size: .65rem; font-weight: 760; cursor: pointer; }
.ml-subfilters button strong { min-width: 22px; padding: 2px 6px; border-radius: 999px; color: var(--ink-soft); background: var(--canvas); font-size: .58rem; }
.ml-subfilters button.active { border-color: #ffb38d; color: #b23d08; background: var(--orange-soft); }
.listing-financial-summary { display: grid; grid-template-columns: repeat(4,minmax(130px,1fr)); gap: 9px; margin-bottom: 12px; }
.listing-financial-summary article { display: grid; gap: 4px; min-height: 88px; padding: 13px 14px; border: 1px solid var(--line); border-radius: 12px; background: #fff; box-shadow: 0 5px 16px rgba(20,34,58,.04); }
.listing-financial-summary article span { color: var(--muted); font-size: .54rem; font-weight: 850; text-transform: uppercase; }
.listing-financial-summary article strong { color: var(--ink); font-size: 1.08rem; letter-spacing: -.025em; }
.listing-financial-summary article small { color: var(--muted); font-size: .54rem; }
.listing-financial-summary article.good { border-color: #bce8d7; background: #f0fbf7; }
.listing-financial-summary article.good strong { color: #087f59; }
.listing-financial-summary article.warning { border-color: #f1d691; background: #fffaf0; }
.listing-financial-summary article.warning strong { color: #936000; }
.listing-financial-summary article.danger { border-color: #f5c7ce; background: #fff5f6; }
.listing-financial-summary article.danger strong { color: #b52f42; }
.listing-financial-warning { margin-bottom: 12px; padding: 10px 13px; border: 1px solid #f0d493; border-radius: 10px; color: #815900; background: #fff9e8; font-size: .6rem; line-height: 1.45; }
.listing-financial-area { overflow: hidden; border: 1px solid var(--line); border-radius: 13px; background: #fff; }
.listing-financial-help { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 13px; border-bottom: 1px solid var(--line); color: #3157c8; background: #f6f8fb; font-size: .59rem; font-weight: 760; }
.listing-financial-help strong { color: #087f59; white-space: nowrap; }
.listing-financial-scroll { width: 100%; max-height: min(70vh,760px); overflow: auto; scrollbar-color: #72829b #e6ebf2; scrollbar-width: auto; scrollbar-gutter: stable; }
.listing-financial-scroll::-webkit-scrollbar { width: 13px; height: 13px; }
.listing-financial-scroll::-webkit-scrollbar-track { background: #e6ebf2; }
.listing-financial-scroll::-webkit-scrollbar-thumb { border: 3px solid #e6ebf2; border-radius: 999px; background: #72829b; }
.listing-financial-table { min-width: 1910px; }
.listing-financial-table th { position: sticky; z-index: 3; top: 0; background: #f8fafc; box-shadow: 0 1px var(--line); }
.listing-financial-table th:nth-child(1), .listing-financial-table td:nth-child(1) { position: sticky; z-index: 2; left: 0; width: 370px; min-width: 370px; background: #fff; box-shadow: 1px 0 #e4e9f1; }
.listing-financial-table th:nth-child(1) { z-index: 5; background: #f8fafc; }
.listing-financial-table tr:hover td:nth-child(1) { background: #fafbfd; }
.listing-product-cell { display: grid; min-width: 0; gap: 8px; }
.listing-product { color: inherit; text-decoration: none; }
.listing-product span { display: grid; min-width: 0; gap: 3px; }
.listing-product span strong { overflow: hidden; max-width: 285px; text-overflow: ellipsis; white-space: nowrap; }
.listing-product-actions { display: flex; flex-wrap: wrap; gap: 6px; padding-left: 47px; }
.listing-sales-window strong { color: #163f78; font-size: .73rem; }
.listing-visits-heading { min-width: 128px; color: #075f55 !important; background: #eaf9f5 !important; }
.listing-visits-priority { min-width: 128px; border-right: 1px solid #bfe7dd; background: linear-gradient(180deg,#f0fcf8 0%,#e7f8f3 100%) !important; }
.listing-visits-priority span, .listing-visits-priority small { display: block; color: #39766e; font-size: .49rem; font-weight: 850; line-height: 1.25; text-transform: uppercase; }
.listing-visits-priority strong { display: block; margin: 4px 0 3px; color: #087f70; font-size: 1.04rem; line-height: 1; }
.listing-action-link { display: inline-flex; min-height: 26px; align-items: center; gap: 5px; padding: 4px 8px; border: 1px solid #d6deea; border-radius: 7px; color: #42546c; background: #f8fafc; font-size: .53rem; font-weight: 800; line-height: 1; text-decoration: none; white-space: nowrap; transition: border-color .15s ease, color .15s ease, background .15s ease, transform .15s ease; }
.listing-action-link:hover { border-color: #7d90aa; color: #142c4b; background: #fff; transform: translateY(-1px); }
.listing-action-link.edit { border-color: #d7bd52; color: #3f3500; background: #fff3bd; }
.listing-action-link.edit:hover { border-color: #ad900e; color: #2b2400; background: #ffe66d; }
.marketplace-pair-header td,
.listing-financial-table .marketplace-pair-header td:first-child { position: static; width: auto; min-width: 0; padding: 10px 12px 7px; border-top: 10px solid #eef2f7; border-bottom: 0; background: #eef2f7; box-shadow: none; }
.marketplace-pair-banner { display: flex; align-items: center; gap: 9px; min-height: 48px; padding: 9px 12px; border: 1px solid #cfd9e8; border-radius: 11px 11px 5px 5px; background: linear-gradient(110deg,#f7f9fd 0%,#eef4fb 100%); box-shadow: 0 5px 15px rgba(20,40,70,.06); }
.marketplace-pair-symbol { display: grid; place-items: center; flex: 0 0 30px; width: 30px; height: 30px; border-radius: 9px; color: #fff; background: #183d6f; font-size: .58rem; font-weight: 900; box-shadow: 0 5px 12px rgba(24,61,111,.2); }
.marketplace-pair-banner > div { display: grid; min-width: 0; flex: 1; gap: 3px; }
.marketplace-pair-banner > div strong { overflow: hidden; color: var(--ink); font-size: .67rem; text-overflow: ellipsis; white-space: nowrap; }
.marketplace-pair-banner > div small { display: flex; align-items: center; gap: 5px; color: var(--muted); font-size: .54rem; }
.marketplace-pair-banner > i { color: #8b98aa; font-size: .7rem; font-style: normal; font-weight: 900; }
.listing-type-badge { display: inline-flex; align-items: center; justify-content: center; width: max-content; padding: 4px 8px; border: 1px solid transparent; border-radius: 999px; font-size: .51rem; font-weight: 900; letter-spacing: .02em; line-height: 1; text-transform: uppercase; white-space: nowrap; }
.listing-type-badge.classic { color: #8a5600; border-color: #efd18d; background: #fff7dc; }
.listing-type-badge.premium { color: #5634a6; border-color: #cfc0f7; background: #f3efff; }
.listing-type-badge.other { color: #59677c; border-color: #d6dde7; background: #f2f5f8; }
.marketplace-pair-child td { background: #fbfcfe; }
.marketplace-pair-child.classic td:first-child { border-left: 3px solid #e5aa30; }
.marketplace-pair-child.premium td:first-child { border-left: 3px solid #7956d8; }
.marketplace-pair-child + .marketplace-pair-child td { border-top-style: dashed; }
.marketplace-pair-child .product-cell > span { display: grid; gap: 4px; }
.listing-cell-note { display: block; max-width: 170px; margin-top: 5px; color: var(--muted); font-size: .51rem; line-height: 1.35; white-space: normal; }
.listing-cell-note.warning { color: #986500; font-weight: 750; }
.listing-tax-badge { display: inline-flex; width: max-content; margin-top: 5px; padding: 3px 6px; border: 1px solid; border-radius: 999px; font-size: .52rem; font-style: normal; font-weight: 850; line-height: 1.2; white-space: nowrap; }
.listing-tax-badge.new { color: #a43b14; background: #fff0e8; border-color: #ffb78f; }
.listing-tax-badge.old { color: #17634c; background: #eafaf2; border-color: #9ee1c7; }
.tax-rule-badge { display: inline-flex; align-items: center; width: max-content; margin-top: 4px; padding: 3px 7px; border: 1px solid; border-radius: 999px; font-size: .62rem; font-weight: 800; font-style: normal; line-height: 1.2; white-space: nowrap; }
.tax-rule-badge.new { color: #a43b14; background: #fff0e8; border-color: #ffb78f; }
.tax-rule-badge.old { color: #17634c; background: #eafaf2; border-color: #9ee1c7; }
.tax-rule-badge + .tax-rule-badge { margin-left: 4px; }
.listing-pending { display: inline-flex; padding: 5px 7px; border-radius: 7px; color: #956000; background: #fff4d6; font-size: .56rem; font-weight: 820; }
.listing-loss-row td { background-color: #fffafb; }
.listing-loss-row td:first-child { background-color: #fffafb; }
.promotion-summary { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; padding: 12px 14px; border-radius: 11px; color: var(--muted); background: #fff9e6; font-size: .65rem; }
.promotion-summary strong { margin-left: 12px; color: var(--ink); font-size: 1rem; }
.promotion-summary strong:first-child { margin-left: 0; }
.promotion-filter-bar { display: flex; align-items: end; gap: 9px; min-width: 900px; margin-bottom: 10px; padding: 14px; border: 1px solid var(--line); border-radius: 12px; background: #fafbfd; }
.promotion-filter-bar label { display: grid; gap: 5px; }
.promotion-filter-bar label > span { color: var(--muted); font-size: .56rem; font-weight: 800; text-transform: uppercase; }
.promotion-filter-bar input, .promotion-filter-bar select { height: 38px; border: 1px solid var(--line-strong); border-radius: 9px; outline: 0; color: var(--ink); background: #fff; font-size: .68rem; }
.promotion-filter-bar input { width: 310px; padding: 0 11px; }
.promotion-filter-bar select { min-width: 170px; padding: 0 9px; }
.promotion-filter-bar input:focus, .promotion-filter-bar select:focus { border-color: #f5a37b; box-shadow: 0 0 0 3px var(--orange-soft); }
.promotion-live-line { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 10px; padding: 0 3px; color: var(--muted); font-size: .6rem; }
.promotion-live-line .live-indicator { display: inline-flex; align-items: center; gap: 7px; }
.promotion-live-line .live-indicator i { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 4px rgba(24,168,117,.12); animation: live-pulse 1.8s ease-in-out infinite; }
.promotion-live-line strong { color: var(--ink-soft); font-size: .61rem; }
@keyframes live-pulse { 50% { opacity: .45; } }
.promo-price { color: #087f59; }
.promotion-table-scroll { overflow-x: auto; padding-bottom: 8px; scrollbar-color: #b9c2d0 #eef1f5; scrollbar-width: thin; }
.promotion-financial-table { min-width: 1120px; table-layout: fixed; }
.promotion-financial-table th:nth-child(1) { width: 28%; }
.promotion-financial-table th:nth-child(2) { width: 19%; }
.promotion-financial-table th:nth-child(3) { width: 16%; }
.promotion-financial-table th:nth-child(4) { width: 23%; }
.promotion-financial-table th:nth-child(5) { width: 14%; }
.promotion-scroll-hint { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 11px; border: 1px solid #e6eaf0; border-bottom: 0; border-radius: 10px 10px 0 0; color: var(--muted); background: #f8fafc; font-size: .59rem; }
.promotion-scroll-hint strong { color: #087a55; white-space: nowrap; }
.promotion-cost-stack { display: grid; grid-template-columns: repeat(2, minmax(95px, 1fr)); gap: 7px; }
.promotion-cost-stack span { display: grid; gap: 2px; padding: 7px 8px; border: 1px solid #e5e9ef; border-radius: 8px; background: #f8fafc; }
.promotion-cost-stack small { color: var(--muted); font-size: .53rem; font-weight: 800; text-transform: uppercase; }
.promotion-cost-stack strong { color: var(--ink); font-size: .67rem; }
.promotion-cost-stack .pending-cost { border-color: #f0ca78; background: #fff8e4; }
.promotion-cost-stack .pending-cost strong { color: #946100; }
.promotion-period, .promotion-price-stack, .promotion-result-stack { display: grid; gap: 6px; }
.promotion-period > strong { line-height: 1.35; }
.promotion-period > small, .promotion-result-stack > small, .promotion-source { color: var(--muted); font-size: .56rem; line-height: 1.35; }
.promotion-period > span { display: grid; grid-template-columns: 58px 1fr; gap: 5px; align-items: baseline; padding: 6px 8px; border-radius: 8px; color: var(--ink-soft); background: #f5f7fb; font-size: .61rem; }
.promotion-period > span b { color: var(--muted); font-size: .51rem; text-transform: uppercase; }
.promotion-period > .promotion-expiry { border: 1px solid #f0c884; color: #8c5900; background: #fff8e7; }
.promotion-price-stack > span { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
.promotion-price-stack small { color: var(--muted); font-size: .54rem; }
.promotion-price-stack strong { font-size: .68rem; white-space: nowrap; }
.promotion-price-stack em { color: #087a55; font-size: .56rem; font-style: normal; }
.promotion-result-stack { justify-items: start; }
.promotion-result-stack .text-button { padding: 0; font-size: .57rem; }
.promotion-unit-profit { display: block; font-size: .82rem; white-space: nowrap; }
.promotion-cost-missing { display: grid; gap: 3px; min-width: 190px; padding: 9px 10px; border-radius: 9px; color: #9a5d00; background: #fff5d9; }
.promotion-cost-missing strong { font-size: .65rem; }
.promotion-cost-missing small { font-size: .57rem; line-height: 1.35; }
.promotion-summary-warning { color: #9a6500 !important; }
.promotion-summary-danger { color: #c33245 !important; }
.promotion-detail { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-bottom: 20px; }
.promotion-detail > div { display: grid; gap: 4px; padding: 12px; border: 1px solid var(--line); border-radius: 10px; background: #fbfcfd; }
.promotion-detail > div:first-of-type { grid-column: 1 / -1; }
.promotion-detail img { grid-column: 1 / -1; width: 84px; height: 84px; object-fit: cover; border: 1px solid var(--line); border-radius: 12px; }
.promotion-detail span { color: var(--muted); font-size: .59rem; text-transform: uppercase; }
.promotion-detail strong { font-size: .74rem; line-height: 1.35; }
.promotion-detail > div > small { color: var(--muted); font-size: .57rem; line-height: 1.4; }
.promotion-detail .promotion-profit-detail { background: #eefaf5; border-color: #c7ecdc; }
.promotion-detail .promotion-financial-note { grid-column: 1 / -1; background: #f5f7ff; border-color: #dce1fb; }
.promotion-detail .promotion-financial-missing { grid-column: 1 / -1; color: #915c00; background: #fff6dc; border-color: #f2d38a; }

.inventory-head { display: grid; grid-template-columns: minmax(0,1fr) minmax(280px,.45fr); gap: 24px; align-items: center; margin: 2px 0 14px; padding: 20px 22px; border: 1px solid #dce4f0; border-radius: 16px; background: linear-gradient(115deg,#fff 0%,#f8fbff 64%,#f0f5ff 100%); }
.inventory-head h2 { margin: 4px 0 5px; font-size: 1.22rem; letter-spacing: -.035em; }
.inventory-head > div:first-child > span { color: var(--muted); font-size: .67rem; }
.inventory-price-live { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 12px; }
.inventory-price-live > span:not(.live-indicator) { color: var(--muted); font-size: .56rem; }
.inventory-price-live .button { min-height: 31px; padding: 7px 11px; font-size: .58rem; }
.inventory-sync { display: grid; gap: 6px; padding: 14px; border: 1px solid #d8e2f1; border-radius: 13px; background: rgba(255,255,255,.78); }
.inventory-sync > div { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.inventory-sync strong { font-size: .75rem; }
.inventory-sync span, .inventory-sync small { color: var(--muted); font-size: .56rem; }
.inventory-sync > i { height: 7px; overflow: hidden; border-radius: 999px; background: #e7edf6; }
.inventory-sync > i b { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#5267e8,#18a875); transition: width .3s ease; }
.inventory-report-toolbar { display: grid; grid-template-columns: 1fr; gap: 13px; align-items: start; margin-bottom: 12px; padding: 16px 18px; border: 1px solid #d8e1ed; border-radius: 14px; background: linear-gradient(110deg,#f8fbff,#fff); }
.inventory-report-toolbar > div:first-child { display: grid; gap: 4px; }
.inventory-report-toolbar > div:first-child strong { font-size: .78rem; }
.inventory-report-toolbar > div:first-child span { max-width: 580px; color: var(--muted); font-size: .58rem; line-height: 1.45; }
.inventory-report-toolbar .profit-date-filter { width: 100%; flex-wrap: wrap; }
.inventory-report-toolbar .profit-date-filter label { flex: 1 1 190px; }
.inventory-report-toolbar .profit-date-filter input { width: 100%; }
.inventory-report-toolbar .report-excel-button { min-height: 38px; align-items: center; justify-self: start; white-space: nowrap; }
.inventory-report-toolbar .report-period-hint { justify-self: start; margin-left: 0; }
.inventory-kpis { display: grid; grid-template-columns: repeat(5,minmax(130px,1fr)); gap: 9px; margin-bottom: 12px; }
.inventory-kpis article { display: grid; gap: 5px; min-height: 96px; padding: 14px; border: 1px solid var(--line); border-radius: 13px; background: #fff; box-shadow: 0 5px 16px rgba(20,34,58,.04); }
.inventory-kpis span { color: var(--muted); font-size: .55rem; font-weight: 800; text-transform: uppercase; }
.inventory-kpis strong { font-size: 1.18rem; letter-spacing: -.035em; }
.inventory-kpis small { color: var(--muted); font-size: .55rem; }
.inventory-filter-bar { display: flex; min-width: 1110px; align-items: end; gap: 8px; margin-bottom: 10px; padding: 13px; border: 1px solid var(--line); border-radius: 13px; background: #f8fafc; }
.inventory-filter-bar label { display: grid; gap: 5px; }
.inventory-filter-bar label > span { color: var(--muted); font-size: .54rem; font-weight: 850; text-transform: uppercase; letter-spacing: .035em; }
.inventory-filter-bar input, .inventory-filter-bar select { height: 38px; border: 1px solid var(--line-strong); border-radius: 9px; outline: 0; color: var(--ink); background: #fff; font-size: .65rem; }
.inventory-filter-bar input { width: 250px; padding: 0 11px; }
.inventory-filter-bar select { min-width: 148px; padding: 0 9px; }
.inventory-filter-bar input:focus, .inventory-filter-bar select:focus { border-color: #f5a37b; box-shadow: 0 0 0 3px var(--orange-soft); }
.inventory-help-line { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 13px; border: 1px solid var(--line); border-bottom: 0; border-radius: 12px 12px 0 0; color: #3157c8; background: #f6f8fb; font-size: .59rem; font-weight: 760; }
.inventory-help-line strong { color: var(--ink-soft); }
.inventory-table-scroll { width: 100%; max-height: min(70vh,760px); overflow: auto; border: 1px solid var(--line); border-radius: 0 0 12px 12px; scrollbar-color: #72829b #e6ebf2; scrollbar-width: auto; scrollbar-gutter: stable; }
.inventory-table-scroll::-webkit-scrollbar { width: 13px; height: 13px; }
.inventory-table-scroll::-webkit-scrollbar-track { background: #e6ebf2; }
.inventory-table-scroll::-webkit-scrollbar-thumb { border: 3px solid #e6ebf2; border-radius: 999px; background: #72829b; }
.inventory-table { min-width: 1520px; }
.inventory-table th { position: sticky; z-index: 3; top: 0; background: #f8fafc; box-shadow: 0 1px var(--line); }
.inventory-table th:nth-child(1), .inventory-table td:nth-child(1) { position: sticky; z-index: 2; left: 0; width: 330px; min-width: 330px; background: #fff; box-shadow: 1px 0 #e4e9f1; }
.inventory-table th:nth-child(1) { z-index: 5; background: #f8fafc; }
.inventory-table tr:hover td:nth-child(1) { background: #fafbfd; }
.inventory-table .period-5 { background-color: #fbfcff; }
.inventory-table .period-7 { background-color: #f7f9ff; }
.inventory-table .period-30 { background-color: #f1f5ff; }
.inventory-product { display: grid; grid-template-columns: 42px minmax(0,1fr); align-items: center; gap: 10px; }
.inventory-product > img, .inventory-product > span { grid-row: 1; width: 42px; height: 42px; border: 1px solid var(--line); border-radius: 10px; object-fit: cover; background: #f1f4f9; }
.inventory-product > span { display: grid; place-items: center; color: #5267e8; font-size: .6rem; font-weight: 900; }
.inventory-product > div { display: grid; min-width: 0; gap: 3px; }
.inventory-product strong { overflow: hidden; font-size: .67rem; text-overflow: ellipsis; white-space: nowrap; }
.inventory-product small, .inventory-product a { font-size: .54rem; }
.inventory-product small { color: var(--muted); }
.inventory-product a { width: max-content; color: #3157c8; font-weight: 800; text-decoration: none; }
.inventory-cell-note { display: block; margin-top: 5px; color: var(--muted); font-size: .52rem; white-space: nowrap; }
.inventory-cell-note.no-sale { color: #a85d00; font-weight: 800; }
.inventory-live-price { display: grid; justify-items: end; gap: 3px; min-width: 128px; }
.inventory-live-price del { color: #8b97aa; font-size: .55rem; }
.inventory-live-price > strong { color: #071b3c; font-size: .72rem; }
.inventory-live-price small { color: var(--muted); font-size: .49rem; white-space: nowrap; }
.inventory-promo-badge { padding: 3px 7px; border-radius: 999px; color: #087a55; background: #e4f8f0; font-size: .49rem; font-weight: 900; white-space: nowrap; }
.inventory-financial-pending { display: inline-flex; max-width: 145px; padding: 5px 7px; border: 1px solid #f0c56c; border-radius: 7px; color: #955700; background: #fff8e8; font-size: .52rem; font-weight: 900; line-height: 1.25; }
.inventory-listing-meta { display: flex; align-items: center; gap: 7px; margin: 5px 0 2px; }
.inventory-listing-meta small { color: #728099; font-size: .5rem; font-weight: 700; }
.inventory-listing-kind { display: inline-flex; align-items: center; padding: 4px 8px; border-radius: 999px; font-size: .5rem; font-weight: 950; letter-spacing: .02em; }
.inventory-listing-kind.premium { color: #4c2db8; background: #eee9ff; box-shadow: inset 0 0 0 1px #d9cdff; }
.inventory-listing-kind.classic { color: #a14a00; background: #fff0df; box-shadow: inset 0 0 0 1px #ffd4aa; }
.inventory-listing-kind.other { color: #5e6a7e; background: #eef2f7; box-shadow: inset 0 0 0 1px #dfe5ed; }
.inventory-no-sales { background: #fffdf8; }
.inventory-no-stock td { box-shadow: inset 0 1px rgba(181,47,66,.03); }
.margin-badge.good { color: #087a55; background: #e8f8f2; }
.margin-badge.medium { color: #906100; background: #fff4cf; }
.margin-badge.low { color: #ad2e3e; background: #fff0f2; }

.profit-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 4px 0 14px; padding: 14px 16px; border: 1px solid #dfe6f0; border-radius: 12px; background: #f8fafc; }
.profit-toolbar > div { display: grid; gap: 4px; }
.profit-toolbar strong { font-size: .78rem; }
.profit-toolbar span { color: var(--muted); font-size: .64rem; }
.profit-live-status { display: flex; align-items: center; gap: 6px; color: #087f59 !important; font-weight: 750; }
.profit-live-status i { width: 7px; height: 7px; border-radius: 50%; background: #14b87a; box-shadow: 0 0 0 4px rgba(20,184,122,.12); animation: live-status-pulse 1.8s ease-in-out infinite; }
@keyframes live-status-pulse { 50% { box-shadow: 0 0 0 7px rgba(20,184,122,0); } }
.profit-date-filter { display: flex !important; grid-template-columns: minmax(170px, 1fr) auto auto; align-items: end; gap: 8px !important; }
.profit-date-filter label { display: grid; gap: 5px; }
.profit-date-filter label span { color: var(--muted); font-size: .55rem; font-weight: 800; text-transform: uppercase; }
.profit-date-filter input { height: 38px; min-width: 170px; padding: 0 10px; border: 1px solid var(--line-strong); border-radius: 9px; outline: 0; color: var(--ink); background: #fff; font: inherit; font-size: .68rem; }
.profit-date-filter input:focus { border-color: #f5a37b; box-shadow: 0 0 0 3px var(--orange-soft); }
.report-excel-button { border-color: #8fd7bd !important; color: #087a55 !important; background: #eaf9f3 !important; }
.report-period-hint { max-width: 220px; padding: 8px 10px; border-radius: 9px; color: #667085 !important; background: #eef2f7; line-height: 1.35; }
.profit-warning { margin-bottom: 14px; padding: 12px 14px; border: 1px solid #f3cf69; border-radius: 11px; color: #785400; background: #fff9df; font-size: .68rem; line-height: 1.45; }
.profit-cards-scroll { width: 100%; overflow-x: auto; padding-bottom: 7px; scrollbar-color: #9ba9bd #edf1f6; scrollbar-width: auto; }
.profit-cards { display: grid; grid-template-columns: repeat(6, minmax(145px, 1fr)); gap: 10px; min-width: 990px; margin-bottom: 16px; }
.profit-card { display: grid; gap: 5px; min-height: 108px; padding: 15px; border: 1px solid var(--line); border-radius: 13px; background: #fff; box-shadow: 0 6px 18px rgba(20,34,58,.05); }
.profit-card span { color: var(--muted); font-size: .59rem; font-weight: 780; text-transform: uppercase; }
.profit-card strong { font-size: 1.12rem; letter-spacing: -.03em; }
.profit-card small { color: var(--muted); font-size: .58rem; line-height: 1.35; }
.profit-card.cost { background: #fbfcfe; }
.profit-card.profit { border-color: #a8e2cc; background: #edfbf5; }
.profit-card.profit strong, .profit-positive { color: #087f59; }
.profit-card.loss { border-color: #ffc4cc; background: #fff2f4; }
.profit-card.loss strong, .profit-negative { color: #b52f42; }
.profit-table-area { overflow: hidden; border: 1px solid var(--line); border-radius: 13px; background: #fff; }
.profit-scroll-help { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 14px; border-bottom: 1px solid var(--line); color: #56657c; background: #f6f8fb; font-size: .61rem; font-weight: 750; }
.profit-scroll-help span { color: #3157c8; }
.profit-table-scroll { width: 100%; max-height: min(68vh, 720px); overflow: auto; scrollbar-color: #72829b #e6ebf2; scrollbar-width: auto; scrollbar-gutter: stable; }
.profit-table-scroll::-webkit-scrollbar, .profit-cards-scroll::-webkit-scrollbar { width: 13px; height: 13px; }
.profit-table-scroll::-webkit-scrollbar-track, .profit-cards-scroll::-webkit-scrollbar-track { border-radius: 999px; background: #e6ebf2; }
.profit-table-scroll::-webkit-scrollbar-thumb, .profit-cards-scroll::-webkit-scrollbar-thumb { border: 3px solid #e6ebf2; border-radius: 999px; background: #72829b; }
.profit-table { min-width: 1720px; }
.profit-table th { position: sticky; z-index: 3; top: 0; background: #f8fafc; box-shadow: 0 1px var(--line); }
.profit-modern-head { display: grid; grid-template-columns: minmax(260px,1fr) auto auto; align-items: end; gap: 18px; margin: 2px 0 16px; padding: 18px; border: 1px solid var(--line); border-radius: 15px; background: var(--surface, #fff); }
.profit-modern-head > div:first-child { display: grid; gap: 4px; }
.profit-modern-head h2 { margin: 0; color: var(--ink); font-size: 1.35rem; }
.profit-modern-head > div:first-child > span { color: var(--muted); font-size: .65rem; }
.profit-executive-cards { display: grid; grid-template-columns: repeat(6, minmax(125px,1fr)); gap: 10px; margin-bottom: 14px; }
.profit-executive-cards article { display: grid; gap: 6px; min-height: 102px; padding: 14px; border: 1px solid var(--line); border-radius: 13px; background: var(--surface, #fff); box-shadow: 0 5px 18px rgba(18,30,50,.05); }
.profit-executive-cards span { color: var(--muted); font-size: .56rem; font-weight: 850; text-transform: uppercase; }
.profit-executive-cards strong { font-size: 1.05rem; letter-spacing: -.025em; }
.profit-executive-cards small { color: var(--muted); font-size: .54rem; }
.profit-executive-cards .profit { border-color: #8bd5ba; background: color-mix(in srgb, var(--surface, #fff) 90%, #21c58b 10%); }
.profit-executive-cards .profit strong { color: #079064; }
.profit-executive-cards .margin strong { color: #2570dc; }
.profit-executive-cards .benefit strong { color: #079064; }
.profit-executive-cards .quality strong { color: #009db5; }
.profit-attention-banner { display: flex; align-items: center; justify-content: space-between; width: 100%; margin: 0 0 14px; padding: 12px 16px; border: 1px solid #e64c61; border-radius: 11px; color: #bd3145; background: color-mix(in srgb, var(--surface, #fff) 92%, #ff5d73 8%); font: inherit; font-size: .68rem; font-weight: 850; cursor: pointer; }
.profit-success-banner { margin-bottom: 14px; padding: 11px 15px; border: 1px solid #91d9bf; border-radius: 11px; color: #087a55; background: #ecfaf5; font-size: .68rem; font-weight: 800; }
.profit-insights-grid { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(280px,.8fr); gap: 12px; margin-bottom: 14px; }
.profit-chart-card, .profit-attention-card { min-height: 260px; padding: 16px; border: 1px solid var(--line); border-radius: 13px; background: var(--surface, #fff); }
.profit-chart-card header, .profit-attention-card header { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.profit-chart-card header > div, .profit-attention-card header { color: var(--ink); }
.profit-chart-card header strong, .profit-attention-card header strong { display: block; font-size: .76rem; }
.profit-chart-card header span, .profit-attention-card header span { display: block; margin-top: 3px; color: var(--muted); font-size: .56rem; }
.profit-chart-legend { display: flex; align-items: center; gap: 6px; color: var(--muted); font-size: .53rem; }
.profit-chart-legend i, .profit-chart-legend b { width: 10px; height: 7px; border-radius: 2px; background: #ff641e; }
.profit-chart-legend b { background: #22c987; }
.profit-chart { display: flex; align-items: end; gap: clamp(4px, .65vw, 10px); height: 185px; margin-top: 14px; padding: 20px 8px 0; border-bottom: 1px solid var(--line); background: repeating-linear-gradient(to bottom, transparent 0, transparent 43px, color-mix(in srgb, var(--line) 55%, transparent) 44px); }
.profit-chart-day { position: relative; display: flex; flex: 1; align-items: end; justify-content: center; gap: 2px; height: 100%; min-width: 5px; }
.profit-chart-day > i { width: min(12px,44%); min-height: 3px; border-radius: 3px 3px 0 0; background: linear-gradient(#ff8a45,#ff641e); }
.profit-chart-day > b { width: min(6px,25%); min-height: 2px; border-radius: 3px 3px 0 0; background: #22c987; }
.profit-chart-day > b.negative { background: #ff5d73; }
.profit-chart-day > span { position: absolute; top: -17px; color: #15926a; font-size: .44rem; font-weight: 850; white-space: nowrap; }
.profit-chart-day > small { position: absolute; bottom: -17px; color: var(--muted); font-size: .45rem; }
.profit-chart-empty { margin: auto; color: var(--muted); font-size: .65rem; }
.profit-attention-stats { display: grid; grid-template-columns: repeat(3,1fr); gap: 7px; margin: 16px 0; }
.profit-attention-stats span { display: grid; gap: 4px; padding: 10px; border: 1px solid var(--line); border-radius: 9px; color: var(--muted); font-size: .5rem; }
.profit-attention-stats b { color: var(--ink); font-size: 1rem; }
.profit-attention-stats b.danger { color: #c42f46; }
.profit-attention-card > button { display: flex; align-items: center; justify-content: space-between; gap: 8px; width: 100%; padding: 10px; border: 1px solid var(--line); border-radius: 9px; color: var(--ink); background: transparent; font: inherit; font-size: .55rem; text-align: left; cursor: pointer; }
.profit-attention-card > button span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.profit-attention-clean { padding: 22px; border-radius: 9px; color: #087a55; background: #ecfaf5; font-size: .62rem; text-align: center; }
.profit-table-tools { display: grid; grid-template-columns: auto minmax(260px,1fr) auto; align-items: center; gap: 12px; padding: 13px 14px; border-bottom: 1px solid var(--line); background: color-mix(in srgb, var(--surface, #fff) 96%, #3157c8 4%); }
.profit-table-tools > div:first-child { display: grid; gap: 2px; }
.profit-table-tools > div:first-child strong { font-size: .73rem; }
.profit-table-tools > div:first-child span { color: var(--muted); font-size: .52rem; }
#ml-profit-search-form { display: flex; gap: 6px; }
#ml-profit-search-form input { width: 100%; min-width: 0; height: 36px; padding: 0 11px; border: 1px solid var(--line-strong); border-radius: 9px; color: var(--ink); background: var(--surface, #fff); font: inherit; font-size: .62rem; }
.profit-filter-chips { display: flex; gap: 5px; }
.profit-filter-chips button { padding: 7px 9px; border: 1px solid var(--line); border-radius: 8px; color: var(--muted); background: transparent; font: inherit; font-size: .52rem; font-weight: 800; cursor: pointer; white-space: nowrap; }
.profit-filter-chips button.active { border-color: #ff641e; color: #ff641e; background: rgba(255,100,30,.08); }
.profit-table-modern { width: 100%; min-width: 1280px; table-layout: fixed; }
.profit-table-modern th:nth-child(1) { width: 260px; }
.profit-table-modern th:nth-child(2) { width: 145px; }
.profit-table-modern th:nth-child(3) { width: 180px; }
.profit-table-modern th:nth-child(10) { width: 150px; }
.profit-table-modern td { vertical-align: middle; }
.profit-product { display: grid; grid-template-columns: 38px minmax(0,1fr); align-items: center; gap: 8px; }
.profit-product > img, .profit-product > i { width: 38px; height: 38px; border: 1px solid var(--line); border-radius: 8px; object-fit: cover; background: #f1f4f9; }
.profit-product > i { display: grid; place-items: center; color: #5368c9; font-size: .47rem; font-style: normal; font-weight: 900; }
.profit-product > div { display: grid; min-width: 0; gap: 3px; }
.profit-product strong { overflow: hidden; font-size: .61rem; text-overflow: ellipsis; white-space: nowrap; }
.profit-product small, .profit-product a { font-size: .49rem; }
.profit-product small { color: var(--muted); }
.profit-product a { color: #3157c8; font-weight: 800; text-decoration: none; }
.profit-promotion { display: grid; gap: 2px; }
.profit-promotion strong { color: #8b5a00; font-size: .55rem; }
.profit-promotion small { color: var(--muted); font-size: .48rem; }
.profit-promotion em { color: #087f59; font-size: .5rem; font-style: normal; font-weight: 850; }
.profit-margin-pill { display: inline-flex; padding: 5px 7px; border-radius: 999px; color: #087f59; background: #e7f8f1; font-size: .57rem; }
.profit-margin-pill.negative { color: #b52f42; background: #fff0f2; }
.margin-filter-group { border-color: color-mix(in srgb, var(--line) 75%, #ff641e 25%); background: color-mix(in srgb, var(--surface, #fff) 96%, #ff641e 4%); }
.margin-filter-chips button[data-ml-item-margin="negative"].active { border-color: #e1495f; color: #b52f42; background: #fff0f2; }
.margin-filter-chips button[data-ml-item-margin="below10"].active { border-color: #e4b33b; color: #8b6100; background: #fff7dc; }
.margin-filter-chips button[data-ml-item-margin="10plus"].active { border-color: #54bd95; color: #087f59; background: #eaf9f3; }
.profit-row-negative td { background: color-mix(in srgb, var(--surface, #fff) 94%, #ff5d73 6%); }
.profit-calculation { margin-top: 6px; }
.profit-calculation summary { color: #3157c8; font-size: .48rem; font-weight: 800; cursor: pointer; }
.profit-calculation span { display: block; width: 260px; margin-top: 5px; padding: 7px; border: 1px solid var(--line); border-radius: 7px; color: var(--muted); background: var(--surface, #fff); font-size: .48rem; line-height: 1.4; }
@media (max-width: 1450px) {
  .profit-modern-head { grid-template-columns: 1fr; align-items: stretch; }
  .profit-executive-cards { grid-template-columns: repeat(3,minmax(150px,1fr)); }
  .profit-table-tools { grid-template-columns: 1fr; }
  .profit-filter-chips { flex-wrap: wrap; }
}
@media (max-width: 900px) {
  .profit-executive-cards { grid-template-columns: repeat(2,minmax(140px,1fr)); }
  .profit-insights-grid { grid-template-columns: 1fr; }
  .profit-date-filter { flex-wrap: wrap; }
}
.listing-links { display: grid; gap: 7px; min-width: 105px; }
.listing-links strong { font-size: .67rem; white-space: nowrap; }
.listing-links a { display: inline-flex; align-items: center; width: max-content; padding: 6px 9px; border: 1px solid #cfd8e7; border-radius: 8px; color: #3157c8; background: #f7f9ff; font-size: .59rem; font-weight: 800; white-space: nowrap; }
.listing-links a:hover { border-color: #9fb1dd; background: #eef3ff; }
.listing-links span { color: var(--muted); font-size: .59rem; }
.cost-missing { display: inline-flex; margin-top: 7px; padding: 4px 7px; border-radius: 999px; color: #9a6200; background: #fff2bf; font-size: .55rem; font-weight: 800; }
.olist-status { display: grid; gap: 4px; margin: 4px 0 18px; padding: 12px; border-radius: 10px; background: #f3f6fa; }
.olist-status strong { font-size: .7rem; }
.olist-status span { color: var(--muted); font-size: .62rem; }
.question-sync-toolbar { display: flex; align-items: center; gap: 12px; min-width: 680px; margin-bottom: 12px; padding: 12px 14px; border: 1px solid #cfe7df; border-radius: 11px; color: var(--muted); background: #f1fbf7; font-size: .62rem; }
.question-sync-toolbar .live-indicator { display: inline-flex; align-items: center; gap: 7px; color: #087f59; }
.question-sync-toolbar .live-indicator i { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 4px rgba(24,168,117,.12); animation: live-pulse 1.8s ease-in-out infinite; }
.question-sync-toolbar > span:nth-child(2) { flex: 1; }
.questions-table { min-width: 1150px; }
.question-actions { gap:5px; }
.question-actions .text-button { width:max-content; padding:0; font-size:.6rem; }

.settings-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, .45fr); gap: 16px; }
.settings-section { padding: 20px; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; }
.settings-section h2 { margin: 0 0 5px; font-size: 1rem; }
.settings-section > p { margin: 0 0 20px; color: var(--muted); font-size: .72rem; line-height: 1.5; }
.gemini-config-summary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 14px 0; }
.gemini-config-summary span { display: grid; gap: 4px; padding: 11px 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--soft); }
.gemini-config-summary small { color: var(--muted); font-size: .58rem; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; }
.gemini-config-summary strong { overflow-wrap: anywhere; font-size: .72rem; }
.gemini-settings-card .gemini-secret-note { margin: 0 0 14px; padding: 11px 12px; border-radius: 10px; background: #f0f7ff; color: var(--muted); }
.gemini-settings-card .gemini-secret-note strong { display: block; margin-bottom: 3px; color: var(--text); }
.gemini-last-test { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 5px; margin: 0 0 14px !important; padding: 9px 11px; border-radius: 9px; font-weight: 700; }
.gemini-last-test.success { color: #087a55; background: #e5f8f1; }
.gemini-last-test.error { color: #a33b35; background: #fff0ef; }
.gemini-last-test span { font-weight: 500; opacity: .8; }
.gemini-privacy-box, .gemini-managed-note { display: grid; gap: 4px; margin: 4px 0 18px; padding: 12px; border: 1px solid #cfe0ff; border-radius: 10px; background: #f0f7ff; }
.gemini-privacy-box strong, .gemini-managed-note strong { font-size: .72rem; }
.gemini-privacy-box span, .gemini-managed-note span { color: var(--muted); font-size: .64rem; line-height: 1.5; }
.project-row { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 10px; padding: 11px 0; border-bottom: 1px solid var(--line); }
.project-row:last-child { border: 0; }

.field { display: grid; gap: 7px; margin-bottom: 16px; }
.field > span { color: var(--ink-soft); font-size: .68rem; font-weight: 760; }
.field input, .field select, .field textarea, .inline-add input, .comment-composer textarea { width: 100%; border: 1px solid var(--line-strong); border-radius: 10px; outline: 0; color: var(--ink); background: #fff; font-size: .78rem; transition: .18s ease; }
.field input, .field select { height: 41px; padding: 0 11px; }
.field select[multiple] { height: 112px; padding: 6px; }
.field textarea, .comment-composer textarea { min-height: 88px; padding: 10px 11px; resize: vertical; line-height: 1.5; }
.field input:focus, .field select:focus, .field textarea:focus, .inline-add input:focus, .comment-composer textarea:focus { border-color: #f5a37b; box-shadow: 0 0 0 3px var(--orange-soft); }
.form-grid { display: grid; gap: 12px; }
.form-grid.two { grid-template-columns: repeat(2, minmax(0,1fr)); }
.form-grid.three { grid-template-columns: repeat(3, minmax(0,1fr)); }
.form-grid.four { grid-template-columns: repeat(4, minmax(0,1fr)); }
.field-title input { height: 48px; font-size: 1rem; font-weight: 700; }

.modal-layer { position: fixed; z-index: 100; inset: 0; display: grid; place-items: center; padding: 18px; }
.modal-backdrop { position: absolute; inset: 0; background: rgba(15,23,42,.58); backdrop-filter: blur(5px); }
.task-modal-panel, .simple-modal-panel { position: relative; z-index: 1; display: flex; flex-direction: column; width: min(960px, 100%); max-height: calc(100vh - 36px); overflow: hidden; border-radius: 20px; background: #fff; box-shadow: 0 30px 90px rgba(5,12,25,.28); }
.simple-modal-panel { width: min(560px, 100%); }
.modal-header { display: flex; align-items: center; justify-content: space-between; flex: 0 0 auto; padding: 20px 24px; border-bottom: 1px solid var(--line); }
.modal-header h2 { margin: 0; font-size: 1.25rem; letter-spacing: -.03em; }
.task-form { display: flex; min-height: 0; flex: 1; flex-direction: column; }
.task-form-main { padding: 22px 24px 4px; overflow-y: auto; }
.task-commerce-section { margin: 18px 0; padding: 18px; border: 1px solid #e2e7f0; border-radius: 15px; background: #f9fafc; }
.task-commerce-section .section-heading { margin-bottom: 14px; }
.field small { margin-top: 5px; color: var(--muted); font-size: .6rem; }
.danger-zone { border-color: #ffd2d2; background: #fffafa; }
.task-detail-area { display: grid; gap: 12px; margin-top: 10px; }
.detail-section { padding: 17px; border: 1px solid var(--line); border-radius: 13px; background: #fbfcfd; }
.detail-section .section-heading { margin-bottom: 12px; }
.checklist-list { display: grid; gap: 6px; }
.checklist-item { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 9px; min-height: 34px; padding: 5px 7px; border-radius: 8px; background: #fff; }
.checklist-item input { accent-color: var(--orange); }
.checklist-item span { font-size: .73rem; }
.checklist-item.done span { color: var(--muted); text-decoration: line-through; }
.inline-add { display: flex; gap: 8px; margin-top: 9px; }
.inline-add input { height: 38px; padding: 0 10px; }
.comment-composer { display: grid; grid-template-columns: 1fr auto; gap: 8px; align-items: end; margin-bottom: 12px; }
.comment-composer textarea { min-height: 62px; }
.comment-item, .activity-item, .file-item { display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: 9px; padding: 10px; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.comment-item .avatar { width: 30px; height: 30px; }
.comment-item strong, .activity-item strong, .file-item strong { display: block; font-size: .7rem; }
.comment-item p { margin: 4px 0 0; color: var(--ink-soft); font-size: .72rem; line-height: 1.5; white-space: pre-wrap; }
.comment-item time, .activity-item time, .file-item span { color: var(--muted); font-size: .6rem; }
.activity-dot { width: 9px; height: 9px; margin: 6px 5px; border-radius: 50%; background: var(--orange); box-shadow: 0 0 0 4px var(--orange-soft); }
.file-button input { display: none; }
.file-item { grid-template-columns: 1fr auto; align-items: center; }
.file-item a { color: var(--blue); font-size: .69rem; font-weight: 750; }
.simple-modal-body { padding: 22px 24px; overflow-y: auto; }
.modal-footer { display: flex; align-items: center; flex: 0 0 auto; gap: 8px; padding: 14px 24px; border-top: 1px solid var(--line); background: #fbfcfd; }
.modal-footer-spacer { flex: 1; }

.toast-region { position: fixed; z-index: 200; right: 20px; bottom: 20px; display: grid; gap: 8px; width: min(360px, calc(100vw - 40px)); }
.toast { display: grid; grid-template-columns: 5px 1fr auto; gap: 10px; align-items: center; padding: 12px; border: 1px solid var(--line); border-radius: 12px; background: #fff; box-shadow: var(--shadow-md); animation: toast-in .22s ease both; }
.toast i { align-self: stretch; border-radius: 4px; background: var(--green); }
.toast.error i { background: var(--red); }
.toast strong { display: block; font-size: .75rem; }
.toast span { color: var(--muted); font-size: .66rem; }
@keyframes toast-in { from { opacity: 0; transform: translateY(10px); } }

@media (max-width: 1180px) {
  .metric-grid { grid-template-columns: repeat(3, 1fr); }
  .dashboard-grid, .settings-grid { grid-template-columns: 1fr; }
  .inventory-head { grid-template-columns: 1fr; gap: 15px; }
  .inventory-kpis { grid-template-columns: repeat(3, minmax(130px,1fr)); }
  .profit-toolbar { flex-wrap: wrap; }
  .profit-toolbar > div:first-child { flex: 1 0 100%; }
  .board { grid-template-columns: repeat(4, 270px); }
  .task-table th:nth-child(5), .task-table td:nth-child(5) { display: none; }
}

@media (max-width: 820px) {
  :root { --sidebar: 268px; }
  .mobile-only { display: grid !important; }
  .app-shell { grid-template-columns: 1fr; }
  .workspace { grid-column: 1; }
  .sidebar { transform: translateX(-105%); box-shadow: 20px 0 60px rgba(15,23,42,.24); transition: transform .22s ease; }
  .sidebar-collapse-button { display: none; }
  .sidebar.open { transform: translateX(0); }
  .sidebar-backdrop { position: fixed; z-index: 35; inset: 0; display: none; background: rgba(15,23,42,.45); }
  .sidebar-backdrop.open { display: block; }
  #mobile-close { position: absolute; top: 20px; right: 13px; color: #fff; }
  .topbar { height: calc(64px + env(safe-area-inset-top)); padding: env(safe-area-inset-top) 15px 0; }
  .global-search { width: min(360px, calc(100vw - 235px)); }
  .global-search kbd { display: none; }
  .content { padding: 18px 14px calc(92px + env(safe-area-inset-bottom)); }
  .mobile-bottom-nav { position: fixed; z-index: 44; right: 10px; bottom: calc(8px + env(safe-area-inset-bottom)); left: 10px; display: grid !important; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 3px; min-height: 66px; padding: 7px; border: 1px solid color-mix(in srgb,var(--line) 78%,transparent); border-radius: 20px; background: color-mix(in srgb,var(--surface) 94%,transparent); box-shadow: 0 12px 40px rgba(2,8,23,.24); backdrop-filter: blur(18px); }
  .mobile-bottom-item,.mobile-bottom-nav .nav-item { position: relative; display: grid; place-items: center; align-content: center; gap: 3px; width: auto; min-width: 0; min-height: 52px; padding: 4px 2px; border: 0; border-radius: 14px; color: var(--muted); background: transparent; box-shadow: none; font: inherit; text-align: center; }
  .mobile-bottom-item > span { display: grid; place-items: center; width: 28px; height: 24px; color: inherit; font-size: 16px; font-weight: 900; }
  .mobile-bottom-item > b { overflow: hidden; width: 100%; font-size: 9px; font-weight: 850; line-height: 1.1; text-overflow: ellipsis; white-space: nowrap; }
  .mobile-bottom-nav .nav-item.active { color: var(--orange); background: var(--orange-soft); }
  .mobile-bottom-create > span { width: 38px; height: 38px; margin-top: -21px; border-radius: 15px; color: #fff; background: linear-gradient(145deg,#ff7a32,#f14d18); box-shadow: 0 8px 22px rgba(241,77,24,.38); font-size: 25px; }
  .mobile-bottom-create > b { color: var(--orange); }
  .native-android body { overscroll-behavior-y: none; -webkit-tap-highlight-color: transparent; }
  .native-android .topbar { position: sticky; top: 0; z-index: 30; }
  .native-android input,.native-android select,.native-android textarea { font-size: 16px; }
  .table-wrap,.data-table-wrap,.sales-funnel-table,.inventory-table-wrap { max-width: calc(100vw - 28px); overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .hero-strip { grid-template-columns: 1fr; }
  .hero-side { justify-content: flex-start; padding-top: 0; }
  .metric-grid { grid-template-columns: repeat(2, 1fr); }
  .task-overview { grid-template-columns: repeat(2, 1fr); }
  .task-table th:nth-child(3), .task-table td:nth-child(3), .task-table th:nth-child(4), .task-table td:nth-child(4) { display: none; }
  .calendar-day { min-height: 90px; padding: 4px; }
  .calendar-task, .calendar-promotion { font-size: 0; height: 8px; padding: 0; border: 0; border-radius: 5px; }
  .calendar-task { background: var(--project-color); }
  .calendar-promotion { background: #e8a20e; }
  .dashboard-sales-live { grid-template-columns: 1fr; gap: 16px; }
  .sales-spotlight { grid-template-columns: 1fr; }
  .integration-metrics { grid-template-columns: repeat(2, 1fr); }
  .listing-financial-summary { grid-template-columns: repeat(2, minmax(120px, 1fr)); }
  .listing-financial-help { align-items: flex-start; flex-direction: column; }
  .inventory-kpis { grid-template-columns: repeat(2, minmax(130px,1fr)); }
  .inventory-head { padding: 17px; }
  .inventory-sync > div { align-items: flex-start; flex-direction: column; gap: 3px; }
  .profit-date-filter { width: 100%; flex-wrap: wrap; }
  .profit-date-filter label { flex: 1 1 190px; }
  .profit-date-filter input { width: 100%; }
  .form-grid.two, .form-grid.three, .form-grid.four, .task-primary-grid, .task-top-grid { grid-template-columns: 1fr; }
  .task-top-grid .task-primary-meta { grid-template-columns: 1fr; }
  .task-top-grid > .hidden + .task-primary-section { grid-column: auto; }
  .task-primary-meta .field:last-child { grid-column: auto; }
  .task-modal-panel { max-height: calc(100vh - 12px); }
  .modal-layer { padding: 6px; }
}

@media (max-width: 560px) {
  .login-shell { grid-template-columns: 1fr; }
  .login-brand-panel { display: none; }
  .login-form-panel { padding: 18px; }
  .login-card { padding: 30px 22px; border-radius: 20px; }
  .global-search { display: none; }
  .topbar-actions { margin-left: auto; }
  .theme-toggle-button b { display: none; }
  .theme-toggle-button { width: 38px; padding: 0; }
  .notification-button { width: 38px; }
  #new-task-button { display: none; }
  .page-header { align-items: flex-start; flex-direction: column; }
  .hero-copy { padding: 26px 22px; }
  .hero-side { padding: 0 22px 24px; }
  .metric-grid { grid-template-columns: 1fr 1fr; }
  .metric-card { padding: 14px; }
  .dashboard-grid { gap: 12px; }
  .panel { padding: 15px; }
  .filter-bar select { flex: 1; }
  .task-filter-primary, .task-filter-secondary { align-items: stretch; flex-direction: column; }
  .task-filter-primary label, .task-filter-primary .sku-filter { flex-basis: auto; }
  .sku-history-banner { align-items: flex-start; flex-direction: column; gap: 6px; }
  .task-table th:nth-child(2), .task-table td:nth-child(2) { display: none; }
  .task-table th:last-child, .task-table td:last-child { width: 86px !important; }
  .calendar-weekdays span { padding: 7px 2px; }
  .calendar-day { min-height: 66px; }
  .calendar-date { width: 22px; height: 22px; }
  .integration-hero { grid-template-columns: 1fr; }
  .inventory-kpis { grid-template-columns: 1fr 1fr; }
  .inventory-kpis article:first-child { grid-column: 1 / -1; }
  .inventory-help-line { align-items: flex-start; flex-direction: column; }
  .inventory-table th:nth-child(1), .inventory-table td:nth-child(1) { position: static; }
  .sales-spotlight { padding: 21px 18px; }
  .dashboard-sales-live { padding: 20px 18px; }
  .dashboard-sales-stats { overflow-x: auto; }
  .promotion-detail { grid-template-columns: 1fr; }
  .promotion-detail > div:first-of-type { grid-column: auto; }
  .sales-quick { grid-template-columns: repeat(3, minmax(82px, 1fr)); overflow-x: auto; }
  .ml-tabs { min-width: 0; }
  .integration-tabs { overflow-x: auto; }
  .integration-tabs button { flex: 0 0 110px; }
  .promotion-filter-bar { align-items: stretch; flex-direction: column; min-width: 0; }
  .promotion-filter-bar input, .promotion-filter-bar select { width: 100%; min-width: 0; }
  .inventory-filter-bar { align-items: stretch; flex-direction: column; min-width: 0; }
  .inventory-filter-bar input, .inventory-filter-bar select { width: 100%; min-width: 0; }
  .profit-toolbar { align-items: stretch; flex-direction: column; }
  .question-sync-toolbar { align-items: stretch; flex-direction: column; min-width: 0; }
  .modal-header, .task-form-main, .modal-footer, .simple-modal-body { padding-left: 16px; padding-right: 16px; }
  .comment-composer { grid-template-columns: 1fr; }
  .native-android .modal-layer { padding: 0; }
  .native-android .task-modal-panel,.native-android .simple-modal-panel { width: 100%; max-width: none; height: 100%; max-height: none; border-radius: 0; }
}

.permission-box {
  margin: 20px 0;
  padding: 18px;
  border: 1px solid #dfe4ee;
  border-radius: 14px;
}
.permission-box legend { padding: 0 8px; font-weight: 800; color: #18233b; }
.permission-box p { margin: 0 0 14px; color: #68738a; font-size: 13px; }
.permission-list { display: grid; gap: 10px; }
.permission-option { display: flex; align-items: center; gap: 10px; color: #26324a; }
.permission-option input { width: 18px; height: 18px; accent-color: #f7682b; }
.permission-summary { margin-top: 10px; color: #68738a; font-size: 12px; }
.shared-access-note { margin: 16px 0; padding: 13px 14px; border: 1px solid #ccefe2; border-radius: 12px; color: #087a55; background: #effbf7; }
.shared-access-note strong, .shared-access-note span { display: block; }
.shared-access-note strong { font-size: .75rem; }
.shared-access-note span { margin-top: 4px; font-size: .66rem; line-height: 1.45; }

.quality-badge { display: inline-flex; align-items: center; width: max-content; padding: 5px 9px; border-radius: 999px; font-size: 11px; font-weight: 800; white-space: nowrap; }
.quality-badge.complete { color: #087a55; background: #e5f8f1; }
.quality-badge.provisional { color: #946200; background: #fff4cf; }
.operations-card { grid-column: span 1; }
.operations-metrics { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin: 18px 0 4px; }
.operations-metrics span { padding: 12px; border: 1px solid var(--line); border-radius: 12px; background: #f8fafc; }
.operations-metrics small, .operations-metrics strong { display: block; }
.operations-metrics small { margin-bottom: 5px; color: var(--muted); font-size: 10px; text-transform: uppercase; letter-spacing: .07em; }
.operations-metrics strong { color: var(--ink); font-size: 13px; }
.backup-list, .audit-list { display: grid; gap: 8px; margin-top: 15px; }
.backup-row, .audit-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 0; border-top: 1px solid var(--line); }
.backup-row div, .audit-row div { min-width: 0; }
.backup-row strong, .backup-row span, .audit-row strong, .audit-row span { display: block; }
.backup-row span, .audit-row span { margin-top: 3px; color: var(--muted); font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.audit-row { display: grid; grid-template-columns: 8px minmax(0, 1fr) auto; }
.audit-row > i { width: 7px; height: 7px; border-radius: 50%; background: var(--orange); }
.audit-row time { color: var(--muted); font-size: 10px; }
.commerce-analytics { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(300px, .9fr); gap: 16px; margin: 16px 0; }
.commerce-bars { display: flex; align-items: flex-end; gap: 7px; height: 175px; padding-top: 18px; }
.commerce-bar-column { display: flex; flex: 1; min-width: 8px; height: 100%; flex-direction: column; align-items: center; justify-content: flex-end; gap: 5px; }
.commerce-bar-column > i { position: relative; display: block; width: min(22px, 80%); min-height: 4px; border-radius: 5px 5px 2px 2px; background: #dce3ff; overflow: hidden; }
.commerce-bar-column > i b { position: absolute; inset: auto 0 0; display: block; background: #5267e8; }
.commerce-bar-column span { color: var(--muted); font-size: 9px; }
.ranking-row { display: grid; grid-template-columns: 24px minmax(0, 1fr) auto; align-items: center; gap: 9px; padding: 9px 0; border-top: 1px solid var(--line); }
.ranking-row > span { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 7px; background: #eef1ff; color: #5267e8; font-size: 10px; font-weight: 900; }
.ranking-row strong, .ranking-row small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ranking-row strong { font-size: 12px; }
.ranking-row small { margin-top: 2px; color: var(--muted); font-size: 10px; }
.ranking-row > b { font-size: 11px; }
.loss-summary { margin-top: 10px; padding: 10px 12px; border-radius: 10px; color: #9f2634; background: #fff0f2; }
.loss-summary strong, .loss-summary span { display: block; }
.loss-summary span { margin-top: 3px; font-size: 10px; }

@media (max-width: 980px) {
  .commerce-analytics { grid-template-columns: 1fr; }
}

/* Central de Tarefas 4.0 — interface executiva */
:root {
  --ink: #142033;
  --ink-soft: #344054;
  --muted: #7b8799;
  --line: #e7eaf0;
  --line-strong: #d8dde7;
  --canvas: #f3f5f8;
  --surface-soft: #f8f9fb;
  --navy: #111827;
  --orange: #ff6422;
  --orange-deep: #e84a0c;
  --blue: #4169e1;
  --green: #0fa875;
  --shadow-sm: 0 1px 2px rgba(17, 24, 39, .04), 0 8px 24px rgba(17, 24, 39, .04);
  --shadow-md: 0 24px 60px rgba(17, 24, 39, .14);
  --radius: 18px;
  --radius-lg: 26px;
  --sidebar: 244px;
}

body { background: var(--canvas); }
.sidebar { padding: 18px 13px 14px; background: linear-gradient(180deg, #111827 0%, #0c1320 100%); box-shadow: 12px 0 40px rgba(15, 23, 42, .08); }
.sidebar-brand { padding: 5px 9px 28px; }
.sidebar-brand strong { font-size: 1.05rem; letter-spacing: -.025em; }
.brand-mark { border-radius: 12px; box-shadow: 0 10px 28px rgba(255, 100, 34, .32); }
.main-nav { gap: 4px; }
.nav-item { min-height: 43px; padding: 8px 10px; border-radius: 12px; color: #99a4b5; }
.nav-item > .nav-icon { display: grid; place-items: center; width: 29px; height: 29px; border-radius: 9px; color: #7f8a9b; background: rgba(255,255,255,.04); }
.nav-icon svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.nav-item.active { background: rgba(255,255,255,.09); box-shadow: none; }
.nav-item:focus, .nav-item:focus-visible { outline: none !important; }
.nav-item.active > .nav-icon { color: #fff; background: var(--orange); box-shadow: 0 6px 15px rgba(255,100,34,.28); }
.ml-nav-icon { font-size: .58rem !important; font-weight: 900; letter-spacing: -.02em !important; }
.project-nav { padding: 8px 11px; border-radius: 10px; }
.sidebar-user { margin: auto 2px 0; padding: 15px 6px 3px; }

.topbar { height: 68px; padding: 0 28px; border-color: rgba(220,225,234,.8); background: rgba(255,255,255,.82); }
.notification-button svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.global-search { height: 42px; border-color: #e6e9ef; border-radius: 13px; background: #f7f8fa; }
.global-search:focus-within { border-color: #ffc0a3; box-shadow: 0 0 0 4px rgba(255,100,34,.1); }
.global-search { position: relative; }
.global-search-results { position: absolute; z-index: 80; top: calc(100% + 11px); left: 0; width: min(580px, calc(100vw - 32px)); max-height: min(620px, 72vh); overflow: auto; padding: 8px; border: 1px solid var(--line); border-radius: 17px; background: #fff; box-shadow: 0 28px 75px rgba(15,23,42,.2); }
.search-results-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 10px 11px; color: var(--muted); font-size: .65rem; }
.search-results-heading small { font-size: .58rem; }
.search-result { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; gap: 11px; align-items: center; width: 100%; padding: 10px; border: 0; border-radius: 11px; color: var(--ink); background: transparent; cursor: pointer; text-align: left; }
.search-result:hover { background: #f6f7f9; }
.search-result-icon { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; color: var(--blue); background: #eef2ff; font-size: .57rem; font-weight: 900; }
.search-result strong, .search-result small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.search-result strong { font-size: .74rem; }
.search-result small { margin-top: 3px; color: var(--muted); font-size: .61rem; }
.search-result > b { color: #a0a8b7; font-size: .7rem; }
.button { min-height: 40px; padding: 0 16px; border-radius: 11px; }
.button.primary { box-shadow: 0 9px 22px rgba(255,100,34,.22); }
.content { width: min(1600px, 100%); margin: 0 auto; padding: 34px 32px 48px; }
.content:focus, .content:focus-visible { outline: none !important; }

.dashboard-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 24px; }
.dashboard-heading h1 { margin: 0; font-size: clamp(2rem, 3.2vw, 3rem); line-height: 1; letter-spacing: -.055em; }
.dashboard-heading > div:first-child > p:last-child { margin: 10px 0 0; color: var(--muted); font-size: .9rem; }
.dashboard-heading-actions { display: flex; align-items: center; gap: 14px; }
.dashboard-command-grid { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(360px, .75fr); gap: 18px; margin-bottom: 18px; }
.executive-card { position: relative; min-height: 300px; overflow: hidden; padding: 26px 28px; border-radius: var(--radius-lg); }
.sales-executive-card { color: #fff; background:
  radial-gradient(circle at 92% 12%, rgba(255,116,53,.44), transparent 25%),
  radial-gradient(circle at 82% 95%, rgba(60,94,190,.45), transparent 34%),
  linear-gradient(132deg, #111827 0%, #17243a 58%, #21355a 100%); box-shadow: var(--shadow-md); }
.sales-executive-card::before { content: ""; position: absolute; top: -90px; right: -58px; width: 230px; height: 230px; border: 42px solid rgba(255,255,255,.055); border-radius: 50%; }
.executive-card-top, .executive-card-footer { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.marketplace-pill { display: inline-flex; align-items: center; min-height: 27px; padding: 0 10px; border: 1px solid rgba(255,255,255,.13); border-radius: 999px; color: #e2e8f2; background: rgba(255,255,255,.06); font-size: .62rem; font-weight: 800; letter-spacing: .04em; }
.live-indicator { display: inline-flex; grid-template-columns: none; min-width: 0; gap: 7px; color: #cfeadd; font-size: .65rem; font-weight: 750; }
.live-indicator i { grid-row: auto; width: 7px; height: 7px; background: #3ad9a2; box-shadow: 0 0 0 5px rgba(58,217,162,.12); }
.sales-executive-main { position: relative; z-index: 1; margin-top: 35px; }
.sales-executive-main p { margin: 0 0 7px; color: #a9b5c6; font-size: .75rem; font-weight: 700; }
.sales-executive-main > strong { display: block; font-size: clamp(2.7rem, 5vw, 4.25rem); line-height: .96; letter-spacing: -.065em; }
.sales-executive-main > span { display: block; margin-top: 10px; color: #98a6ba; font-size: .68rem; }
.sales-executive-stats { position: relative; z-index: 1; display: flex; gap: 0; margin: 25px 0 18px; }
.sales-executive-stats > span { min-width: 110px; padding-right: 24px; margin-right: 24px; border-right: 1px solid rgba(255,255,255,.12); }
.sales-executive-stats > span:last-child { border: 0; }
.sales-executive-stats small, .sales-executive-stats strong { display: block; }
.sales-executive-stats small { color: #8f9db1; font-size: .61rem; }
.sales-executive-stats strong { margin-top: 5px; color: #fff; font-size: 1.15rem; }
.executive-card-footer { padding-top: 14px; border-top: 1px solid rgba(255,255,255,.1); color: #8594aa; }
.executive-card-footer small { font-size: .59rem; }
.light-text { color: #fff; }
.executive-card-empty { color: #fff; background: linear-gradient(140deg, #172033, #253a63); box-shadow: var(--shadow-md); }
.executive-card-empty h2 { margin: 48px 0 10px; font-size: 2rem; letter-spacing: -.04em; }
.executive-card-empty > p:not(.eyebrow) { max-width: 480px; color: #aab5c7; line-height: 1.6; }

.task-pulse-card { display: flex; min-height: 300px; flex-direction: column; padding: 24px; border: 1px solid var(--line); border-radius: var(--radius-lg); background: #fff; box-shadow: var(--shadow-sm); }
.task-pulse-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; }
.task-pulse-header h2 { margin: 0; font-size: 1.3rem; letter-spacing: -.035em; }
.round-link { display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid var(--line); border-radius: 50%; color: var(--ink); background: #fff; cursor: pointer; font-weight: 800; }
.round-link:hover { color: #fff; border-color: var(--ink); background: var(--ink); }
.round-link.small { width: 31px; height: 31px; font-size: .75rem; }
.task-pulse-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 9px; margin-top: 22px; }
.task-pulse-grid button { position: relative; min-height: 84px; padding: 14px; border: 1px solid #edf0f4; border-radius: 15px; background: #fafbfc; cursor: pointer; text-align: left; transition: .18s ease; }
.task-pulse-grid button:hover { transform: translateY(-2px); border-color: #d9dee8; background: #fff; box-shadow: var(--shadow-sm); }
.task-pulse-grid button.attention { border-color: #ffd9de; background: #fff7f8; }
.task-pulse-grid strong, .task-pulse-grid small { display: block; }
.task-pulse-grid strong { margin: 8px 0 2px; font-size: 1.5rem; letter-spacing: -.04em; }
.task-pulse-grid small { color: var(--muted); font-size: .61rem; }
.pulse-dot { display: block; width: 7px; height: 7px; border-radius: 50%; }
.pulse-dot.blue { background: var(--blue); box-shadow: 0 0 0 5px #eef2ff; }
.pulse-dot.purple { background: var(--purple); box-shadow: 0 0 0 5px #f3efff; }
.pulse-dot.red { background: var(--red); box-shadow: 0 0 0 5px #fff0f2; }
.pulse-dot.green { background: var(--green); box-shadow: 0 0 0 5px #e9f8f3; }
.task-pulse-footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: auto; padding-top: 16px; color: var(--green); font-size: .66rem; font-weight: 750; }
.task-pulse-footer .urgent { color: var(--red); }

.panel, .metric-card, .table-card, .task-filter-panel, .calendar-shell { border-color: var(--line); border-radius: var(--radius); box-shadow: var(--shadow-sm); }
.panel { padding: 22px; }
.panel-header h2 { font-size: 1.05rem; letter-spacing: -.025em; }
.commerce-analytics { grid-template-columns: minmax(0, 1.6fr) minmax(310px, .75fr); gap: 18px; margin: 0 0 18px; }
.commerce-chart { min-height: 330px; }
.commerce-panel-header { margin-bottom: 12px; }
.chart-summary { display: flex; align-items: end; gap: 28px; padding: 10px 0 8px; }
.chart-summary > span small, .chart-summary > span strong { display: block; }
.chart-summary > span small { color: var(--muted); font-size: .58rem; }
.chart-summary > span strong { margin-top: 5px; font-size: .96rem; }
.chart-summary .positive { color: var(--green); }
.chart-summary .negative { color: var(--red); }
.chart-legend { display: flex; align-items: center; gap: 6px; margin-left: auto; color: var(--muted); font-size: .57rem; }
.chart-legend i { width: 8px; height: 8px; border-radius: 3px; background: #cdd7f8; }
.chart-legend i:nth-of-type(2) { margin-left: 5px; background: var(--blue); }
.commerce-bars { height: 190px; gap: 8px; padding-top: 12px; border-bottom: 1px solid var(--line); }
.commerce-bar-column { gap: 8px; }
.bar-pair { display: flex; width: 100%; height: 100%; align-items: flex-end; justify-content: center; gap: 3px; }
.bar-pair i, .bar-pair b { display: block; width: min(12px, 38%); min-height: 3px; border-radius: 4px 4px 1px 1px; background: #dce3f8; }
.bar-pair b { background: var(--blue); }
.bar-pair b.loss { background: var(--red); }
.commerce-bar-column span { padding-bottom: 7px; font-size: 8px; }
.ranking-row { padding: 11px 0; }
.ranking-row > span { border-radius: 8px; }

.page-header { margin-bottom: 26px; }
.page-header h1 { font-size: clamp(2rem, 3vw, 2.75rem); }
.task-overview { gap: 12px; margin-bottom: 16px; }
.task-overview article { padding: 17px 18px; border-radius: 15px; }
.task-overview strong { font-size: 1.55rem; }
.task-filter-panel { padding: 15px; background: rgba(255,255,255,.82); backdrop-filter: blur(10px); }
.task-table th { padding: 13px 14px; color: #7c8799; background: #f8f9fb; }
.task-table td { padding: 14px; }
.task-table tbody tr:hover { background: #fff8f4; }
.status-pill, .priority-pill, .quality-badge { border-radius: 999px; }
.board-column { border-radius: var(--radius); }
.task-card { border-radius: 15px; box-shadow: var(--shadow-sm); }
.calendar-toolbar { padding: 18px 20px; }
.calendar-day { min-height: 132px; }
.team-grid { gap: 16px; }
.member-card { border-radius: var(--radius); box-shadow: var(--shadow-sm); }

.marketplace-page .page-header { margin-bottom: 18px; }
.integration-hero { border: 0; color: #fff; background: linear-gradient(125deg, #2d3b73 0%, #1a2854 72%, #121b38 100%); box-shadow: var(--shadow-md); }
.integration-hero p { color: #bdc7df; }
.connection-line { color: #dce3f7; }
.sales-spotlight { margin-top: 18px; background: linear-gradient(130deg, #111827, #1e3155); }
.integration-metrics { gap: 14px; margin: 18px 0; }
.integration-tabs { position: sticky; z-index: 8; top: 78px; margin: 0 0 14px; padding: 5px; border-radius: 14px; box-shadow: var(--shadow-sm); }
.integration-tabs button { min-height: 39px; border-radius: 10px; }
.integration-tabs button.active { color: #fff; background: var(--ink); box-shadow: 0 6px 16px rgba(17,24,39,.16); }
.ml-table-wrap { margin-top: 0; }
.ml-table { border-radius: 14px; }

.reports-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.report-card { display: flex; min-height: 210px; flex-direction: column; padding: 22px; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; box-shadow: var(--shadow-sm); }
.report-card-icon { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 13px; color: var(--report-color, var(--blue)); background: color-mix(in srgb, var(--report-color, var(--blue)) 10%, white); font-size: 1rem; font-weight: 900; }
.report-card h3 { margin: 20px 0 7px; font-size: 1.05rem; letter-spacing: -.025em; }
.report-card p { margin: 0 0 20px; color: var(--muted); font-size: .72rem; line-height: 1.55; }
.report-card .button { width: max-content; margin-top: auto; }
.report-summary-strip { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-bottom: 18px; }
.report-summary-strip article { padding: 18px; border: 1px solid var(--line); border-radius: 16px; background: #fff; box-shadow: var(--shadow-sm); }
.report-summary-strip span, .report-summary-strip strong { display: block; }
.report-summary-strip span { color: var(--muted); font-size: .65rem; }
.report-summary-strip strong { margin-top: 8px; font-size: 1.35rem; letter-spacing: -.04em; }

.notification-list { display: grid; gap: 8px; max-height: min(560px, 70vh); overflow: auto; }
.notification-item { display: grid; grid-template-columns: 9px minmax(0, 1fr) auto; gap: 11px; align-items: start; padding: 13px; border: 1px solid var(--line); border-radius: 13px; background: #fff; }
.notification-item.unread { border-color: #ffd4c0; background: #fffaf7; }
.notification-item > i { width: 8px; height: 8px; margin-top: 4px; border-radius: 50%; background: var(--orange); }
.notification-item strong, .notification-item span { display: block; }
.notification-item strong { font-size: .75rem; }
.notification-item span { margin-top: 4px; color: var(--muted); font-size: .66rem; line-height: 1.45; }
.notification-item time { color: #9aa4b4; font-size: .57rem; white-space: nowrap; }

@media (max-width: 1180px) {
  .dashboard-command-grid { grid-template-columns: 1fr; }
  .task-pulse-card { min-height: 0; }
  .reports-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .report-summary-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .content { padding: 22px 16px 38px; }
  .dashboard-heading { align-items: flex-start; flex-direction: column; }
  .dashboard-heading-actions { width: 100%; justify-content: space-between; }
  .executive-card { min-height: 285px; padding: 23px 20px; }
  .sales-executive-stats > span { min-width: 0; flex: 1; padding-right: 12px; margin-right: 12px; }
  .task-pulse-grid { grid-template-columns: repeat(2, 1fr); }
  .chart-summary { flex-wrap: wrap; gap: 15px 22px; }
  .chart-legend { width: 100%; margin-left: 0; }
  .reports-grid { grid-template-columns: 1fr; }
  .report-summary-strip { grid-template-columns: repeat(2, 1fr); }
}

/* Estoque 5.16 - movimentações, rastreabilidade e exportação */
.stock-section-tabs { display: grid; grid-template-columns: repeat(2, minmax(220px, 1fr)); gap: 10px; margin-bottom: 18px; padding: 6px; background: var(--surface); border: 1px solid var(--line); border-radius: 16px; box-shadow: var(--shadow-sm); }
.stock-section-tabs button { display: grid; grid-template-columns: 38px minmax(0, 1fr); grid-template-rows: auto auto; column-gap: 11px; align-items: center; min-height: 62px; padding: 10px 14px; color: var(--muted); text-align: left; background: transparent; border: 1px solid transparent; border-radius: 12px; cursor: pointer; }
.stock-section-tabs button > span { grid-row: 1 / 3; display: grid; place-items: center; width: 38px; height: 38px; color: var(--blue); background: var(--blue-soft); border: 1px solid color-mix(in srgb, var(--blue) 25%, transparent); border-radius: 11px; font-size: 1.05rem; font-weight: 900; }
.stock-section-tabs b { color: var(--ink); font-size: .84rem; }
.stock-section-tabs small { font-size: .68rem; }
.stock-section-tabs button.active { background: linear-gradient(135deg, color-mix(in srgb, var(--blue-soft) 70%, var(--surface)), var(--surface)); border-color: color-mix(in srgb, var(--blue) 30%, var(--line)); box-shadow: 0 7px 20px color-mix(in srgb, var(--blue) 9%, transparent); }
.stock-section-tabs button.active > span { color: #fff; background: linear-gradient(145deg, #5b7cff, #3159d5); box-shadow: 0 7px 15px rgba(65, 105, 225, .28); }
.stock-movements-workspace { display: grid; gap: 17px; }
.stock-movement-hero { display: flex; align-items: center; justify-content: space-between; gap: 28px; padding: 22px 24px; color: #fff; background: radial-gradient(circle at 90% 0%, rgba(75, 112, 255, .28), transparent 34%), linear-gradient(135deg, #111827, #162440); border: 1px solid #263956; border-radius: 18px; overflow: hidden; box-shadow: 0 13px 34px rgba(17, 24, 39, .15); }
.stock-movement-hero > div:first-child { display: grid; gap: 6px; max-width: 650px; }
.stock-movement-hero span { color: #6be0bd; font-size: .63rem; font-weight: 900; letter-spacing: .13em; }
.stock-movement-hero h2 { margin: 0; color: #fff; font-size: 1.32rem; letter-spacing: -.025em; }
.stock-movement-hero p { margin: 0; color: #b9c6da; font-size: .78rem; line-height: 1.5; }
.stock-movement-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.stock-movement-actions .button { min-height: 39px; color: #e8eef8; border-color: #3a4a63; background: #1a2638; }
.stock-movement-actions .button.primary { color: #fff; border-color: #4169e1; background: #4169e1; }
.stock-movement-actions .button:hover { border-color: #6685e8; }
.stock-movement-quality { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 13px 16px; color: #805300; background: var(--yellow-soft); border: 1px solid #efdda2; border-radius: 13px; }
.stock-movement-quality.official { color: #087e5a; background: var(--green-soft); border-color: #b9e8d7; }
.stock-movement-quality > i { width: 10px; height: 10px; background: #e7a912; border-radius: 50%; box-shadow: 0 0 0 5px rgba(231, 169, 18, .13); }
.stock-movement-quality.official > i { background: #0fa875; box-shadow: 0 0 0 5px rgba(15, 168, 117, .13); }
.stock-movement-quality > div { display: grid; gap: 3px; }
.stock-movement-quality strong { font-size: .76rem; }
.stock-movement-quality span, .stock-movement-quality small { font-size: .68rem; line-height: 1.4; }
.stock-movement-quality small { color: var(--muted); text-align: right; }
.stock-movement-kpis { display: grid; grid-template-columns: repeat(6, minmax(135px, 1fr)); gap: 10px; }
.stock-movement-kpis article { --movement-tone: #4388ff; position: relative; display: grid; gap: 6px; min-height: 103px; padding: 15px 15px 13px 18px; overflow: hidden; background: var(--surface); border: 1px solid var(--line); border-radius: 14px; box-shadow: var(--shadow-sm); }
.stock-movement-kpis article::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 4px; background: var(--movement-tone); }
.stock-movement-kpis article.blue { --movement-tone: #4388ff; }.stock-movement-kpis article.green { --movement-tone: #16a878; }.stock-movement-kpis article.red { --movement-tone: #dc3f50; }.stock-movement-kpis article.purple { --movement-tone: #8b5cf6; }.stock-movement-kpis article.orange { --movement-tone: #f7682b; }.stock-movement-kpis article.teal { --movement-tone: #12a99a; }
.stock-movement-kpis span { color: var(--muted); font-size: .64rem; font-weight: 850; text-transform: uppercase; }
.stock-movement-kpis strong { align-self: end; color: var(--ink); font-size: 1.14rem; letter-spacing: -.03em; }
.stock-movement-kpis small { color: var(--muted); font-size: .65rem; line-height: 1.35; }
.stock-movement-filter-panel { display: grid; grid-template-columns: minmax(240px, 1.45fr) repeat(5, minmax(130px, .75fr)); gap: 11px; align-items: end; padding: 16px; background: var(--surface); border: 1px solid var(--line); border-radius: 15px; box-shadow: var(--shadow-sm); }
.stock-movement-filter-panel label { display: grid; gap: 7px; min-width: 0; }
.stock-movement-filter-panel label > span { color: var(--muted); font-size: .65rem; font-weight: 800; }
.stock-movement-filter-panel input, .stock-movement-filter-panel select { width: 100%; min-height: 41px; padding: 0 10px; background: var(--surface-soft); border: 1px solid var(--line-strong); border-radius: 10px; }
.stock-movement-filter-actions { grid-column: 1 / -1; display: flex; gap: 8px; }
.stock-movement-table-scroll { max-height: min(64vh, 720px); overflow: auto; background: var(--surface); border: 1px solid var(--line); border-radius: 16px; box-shadow: var(--shadow-sm); }
.stock-movement-table { min-width: 1580px; }
.stock-movement-table th { position: sticky; z-index: 2; top: 0; white-space: nowrap; }
.stock-movement-table th:first-child { left: 0; z-index: 4; background: var(--surface-soft); }
.stock-movement-table td:first-child { position: sticky; z-index: 1; left: 0; min-width: 138px; background: var(--surface); box-shadow: 1px 0 var(--line); }
.stock-movement-table td { vertical-align: top; }
.stock-movement-table td > small, .stock-source-badge + small { display: block; margin-top: 5px; max-width: 210px; color: var(--muted); font-size: .62rem; line-height: 1.4; }
.stock-movement-table th:nth-child(2) { min-width: 280px; }.stock-movement-table th:nth-child(3) { min-width: 150px; }.stock-movement-table th:nth-child(8) { min-width: 355px; }.stock-movement-table th:nth-child(10) { min-width: 230px; }
.stock-movement-row.entry { box-shadow: inset 3px 0 #0fa875; }.stock-movement-row.exit { box-shadow: inset 3px 0 #dc3f50; }.stock-movement-row.baseline { box-shadow: inset 3px 0 #4169e1; }.stock-movement-row.adjustment { box-shadow: inset 3px 0 #e7a912; }
.stock-movement-product, .stock-movement-observation { display: grid; gap: 6px; }
.stock-movement-product strong, .stock-movement-observation strong { line-height: 1.4; }
.stock-movement-product small, .stock-movement-observation small { color: var(--muted); font-size: .65rem; line-height: 1.42; }
.stock-movement-number.entry { color: #07825b; }.stock-movement-number.exit { color: #c62f44; }
.stock-missing-value { color: var(--muted); font-size: .68rem; font-weight: 750; }
.stock-movement-type, .stock-source-badge { display: inline-flex; align-items: center; width: max-content; min-height: 25px; padding: 4px 8px; border: 1px solid var(--line); border-radius: 999px; font-size: .62rem; font-weight: 850; white-space: nowrap; }
.stock-movement-type.entry { color: #087e5a; background: var(--green-soft); border-color: #b9e8d7; }.stock-movement-type.exit { color: #b12b3d; background: var(--red-soft); border-color: #f2c5cc; }.stock-movement-type.baseline { color: #315ecd; background: var(--blue-soft); border-color: #c9d7ff; }.stock-movement-type.adjustment { color: #8d5d00; background: var(--yellow-soft); border-color: #efdda2; }
.stock-source-badge.official { color: #087e5a; background: var(--green-soft); border-color: #b9e8d7; }.stock-source-badge.observed { color: #8d5d00; background: var(--yellow-soft); border-color: #efdda2; }
.stock-movement-rule { display: flex; gap: 7px; align-items: flex-start; padding: 13px 16px; color: var(--muted); background: var(--surface); border: 1px solid var(--line); border-radius: 13px; font-size: .71rem; line-height: 1.45; }
.stock-movement-rule strong { color: var(--ink); white-space: nowrap; }
.stock-import-note { display: grid; gap: 4px; padding: 12px 14px; color: #087e5a; background: var(--green-soft); border: 1px solid #b9e8d7; border-radius: 11px; }
.stock-import-note strong { font-size: .74rem; }.stock-import-note span { font-size: .68rem; line-height: 1.45; }
html[data-theme="black"] .stock-section-tabs, html[data-theme="black"] .stock-movement-kpis article, html[data-theme="black"] .stock-movement-filter-panel, html[data-theme="black"] .stock-movement-table-scroll, html[data-theme="black"] .stock-movement-rule { background: #0f1621; border-color: #263246; box-shadow: none; }
html[data-theme="black"] .stock-section-tabs button.active { background: linear-gradient(135deg, #17233b, #111a27); border-color: #35549c; }
html[data-theme="black"] .stock-section-tabs b, html[data-theme="black"] .stock-movement-kpis strong, html[data-theme="black"] .stock-movement-rule strong, html[data-theme="black"] .stock-movement-table strong { color: #edf3fb; }
html[data-theme="black"] .stock-movement-filter-panel input, html[data-theme="black"] .stock-movement-filter-panel select { color: #edf3fb; background: #111a27; border-color: #2b384c; }
html[data-theme="black"] .stock-movement-table th, html[data-theme="black"] .stock-movement-table td { border-color: #263246; }
html[data-theme="black"] .stock-movement-table th:first-child { background: #151e2c; }
html[data-theme="black"] .stock-movement-table td:first-child { background: #0f1621; box-shadow: 1px 0 #263246; }
html[data-theme="black"] .stock-movement-quality { color: #f4c96f; background: #2a2110; border-color: #59471f; }
html[data-theme="black"] .stock-movement-quality.official { color: #6be0bd; background: #0f2a22; border-color: #1d5a48; }
html[data-theme="black"] .stock-import-note { color: #6be0bd; background: #0f2a22; border-color: #1d5a48; }
@media (max-width: 1280px) { .stock-movement-kpis { grid-template-columns: repeat(3, minmax(150px, 1fr)); }.stock-movement-filter-panel { grid-template-columns: repeat(3, minmax(150px, 1fr)); }.stock-movement-search { grid-column: 1 / -1; } }
@media (max-width: 760px) { .stock-section-tabs { grid-template-columns: 1fr; }.stock-movement-hero { align-items: flex-start; flex-direction: column; padding: 18px; }.stock-movement-actions { justify-content: flex-start; }.stock-movement-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }.stock-movement-filter-panel { grid-template-columns: 1fr; }.stock-movement-search { grid-column: auto; }.stock-movement-quality { grid-template-columns: auto 1fr; }.stock-movement-quality small { grid-column: 1 / -1; text-align: left; }.stock-movement-rule { flex-direction: column; }.stock-movement-rule strong { white-space: normal; } }

/* Dashboard comercial 4.1 */
.sales-executive-card {
  background:
    radial-gradient(circle at 88% 12%, rgba(255, 122, 61, .32), transparent 27%),
    radial-gradient(circle at 70% 115%, rgba(51, 99, 255, .34), transparent 42%),
    linear-gradient(132deg, #0d1728 0%, #15243d 52%, #20375e 100%);
}
.sales-executive-stats > span { min-width: 128px; }
.sales-executive-stats .profit-up { color: #68edba; }
.sales-executive-stats .profit-down { color: #ff9aa7; }

.logistics-today-panel {
  display: grid;
  grid-template-columns: auto minmax(300px, 1fr) auto;
  gap: 18px 24px;
  align-items: center;
  margin: 0 0 18px;
  padding: 21px 24px 0;
  overflow: hidden;
  border: 1px solid #cfdcf0;
  border-radius: 24px;
  background:
    radial-gradient(circle at 94% 12%, rgba(82, 103, 232, .12), transparent 28%),
    linear-gradient(115deg, #ffffff 0%, #f8fbff 60%, #f1f6ff 100%);
  box-shadow: var(--shadow-sm);
}
.logistics-today-panel.urgent { border-color: #ffc59f; background: linear-gradient(115deg, #fff 0%, #fff9f5 62%, #fff0e6 100%); }
.logistics-symbol { position: relative; display: grid; width: 58px; height: 52px; place-items: center; border-radius: 16px; color: #fff; background: linear-gradient(135deg, #2f4cc1, #5574ef); box-shadow: 0 10px 24px rgba(47, 76, 193, .22); }
.logistics-symbol span { font-size: .73rem; font-weight: 900; letter-spacing: -.04em; }
.logistics-symbol i { position: absolute; right: -5px; bottom: 8px; width: 14px; height: 14px; border: 4px solid #fff; border-radius: 50%; background: #18233b; box-shadow: -28px 0 0 -4px #18233b, -28px 0 0 0 #fff; }
.logistics-title-line { display: flex; align-items: center; gap: 11px; }
.logistics-title-line .eyebrow { margin: 0; }
.logistics-live { color: #087f59; }
.logistics-live i { background: var(--green); box-shadow: 0 0 0 4px rgba(24,168,117,.12); }
.logistics-deadline { display: flex; align-items: baseline; gap: 13px; margin-top: 6px; }
.logistics-deadline strong { color: #172443; font-size: clamp(2rem, 4vw, 3.1rem); line-height: 1; letter-spacing: -.06em; }
.logistics-deadline span { color: #465b7d; font-size: .72rem; font-weight: 800; }
.logistics-today-panel.urgent .logistics-deadline strong, .logistics-today-panel.urgent .logistics-deadline span { color: #b5430b; }
.logistics-main > p { margin: 8px 0 0; color: var(--muted); font-size: .63rem; line-height: 1.5; }
.logistics-empty { display: grid; gap: 5px; margin-top: 8px; }
.logistics-empty strong { font-size: 1.05rem; letter-spacing: -.02em; }
.logistics-empty span { max-width: 650px; color: var(--muted); font-size: .65rem; line-height: 1.5; }
.logistics-stats { display: flex; align-items: center; overflow: hidden; border: 1px solid #dce4f0; border-radius: 15px; background: rgba(255,255,255,.76); }
.logistics-stats > span { min-width: 96px; padding: 13px 16px; border-left: 1px solid #e4e9f1; }
.logistics-stats > span:first-child { border-left: 0; }
.logistics-stats small, .logistics-stats strong { display: block; }
.logistics-stats small { color: var(--muted); font-size: .54rem; text-transform: uppercase; letter-spacing: .05em; }
.logistics-stats strong { margin-top: 5px; font-size: 1.02rem; }
.logistics-stats .danger strong { color: var(--red); }
.logistics-footer { display: flex; grid-column: 1 / -1; align-items: center; justify-content: space-between; gap: 12px; min-height: 39px; padding: 9px 0; border-top: 1px solid #e3e9f2; color: var(--muted); font-size: .58rem; }

.today-sales-panel {
  margin: 0 0 18px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 24px;
  background: #fff;
  box-shadow: var(--shadow-sm);
}
.today-sales-heading {
  display: grid;
  grid-template-columns: minmax(280px, 1fr) auto auto;
  align-items: center;
  gap: 24px;
  padding: 24px 26px;
  border-bottom: 1px solid var(--line);
  background: linear-gradient(110deg, #fff 0%, #fbfcff 60%, #f5f7ff 100%);
}
.today-sales-heading h2 { margin: 0; font-size: 1.45rem; letter-spacing: -.04em; }
.today-sales-heading > div:first-child > span { display: block; margin-top: 6px; color: var(--muted); font-size: .68rem; }
.today-sales-kpis { display: flex; align-items: center; }
.today-sales-kpis > span { min-width: 108px; padding: 3px 20px; border-left: 1px solid var(--line); }
.today-sales-kpis small, .today-sales-kpis strong { display: block; }
.today-sales-kpis small { color: var(--muted); font-size: .57rem; text-transform: uppercase; letter-spacing: .07em; }
.today-sales-kpis strong { margin-top: 5px; font-size: 1rem; }
.dashboard-report-button { color: #fff; border-color: var(--ink); background: var(--ink); box-shadow: 0 8px 20px rgba(20, 32, 51, .15); }
.today-sales-warning { display: flex; gap: 9px; align-items: center; padding: 10px 26px; color: #835c00; border-bottom: 1px solid #ffe2a6; background: #fff9e9; font-size: .62rem; }
.today-sales-warning span { color: #9d7a2e; }
.today-sales-kpis > span.fee-saving strong { color: #087a55; }
.today-sales-fee-benefit {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 26px;
  color: #075e46;
  border-bottom: 1px solid #bfe9d9;
  background: linear-gradient(90deg, #edfbf6, #f8fffc);
}
.today-sales-fee-benefit .fee-benefit-icon {
  display: grid;
  width: 30px;
  height: 30px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 10px;
  color: #fff;
  background: #0aa978;
  font-size: .72rem;
  font-weight: 900;
}
.today-sales-fee-benefit strong,
.today-sales-fee-benefit div > span { display: block; }
.today-sales-fee-benefit strong { font-size: .68rem; }
.today-sales-fee-benefit div > span { margin-top: 3px; color: #377664; font-size: .6rem; line-height: 1.45; }
.today-sales-table-wrap { width: 100%; overflow-x: auto; }
.today-sales-table { width: 100%; min-width: 1160px; border-collapse: collapse; }
.today-sales-table th {
  padding: 12px 18px;
  color: #8a94a5;
  background: #fafbfc;
  font-size: .55rem;
  font-weight: 850;
  letter-spacing: .07em;
  text-align: left;
  text-transform: uppercase;
}
.today-sales-table td { padding: 13px 18px; border-top: 1px solid #edf0f4; color: var(--ink-soft); font-size: .68rem; vertical-align: middle; }
.today-sales-table tbody tr { transition: background .15s ease; }
.today-sales-table tbody tr:hover { background: #fffaf7; }
.today-sales-table .numeric { text-align: right; white-space: nowrap; }
.fee-detail-cell > strong,
.fee-detail-cell > small,
.fee-detail-cell > span,
.margin-benefit-note { display: block; }
.fee-detail-cell > small { margin-top: 3px; color: var(--muted); font-size: .53rem; }
.fee-benefit-badge {
  width: max-content;
  margin: 5px 0 0 auto;
  padding: 3px 7px;
  border: 1px solid #abe1d0;
  border-radius: 999px;
  color: #087a55;
  background: #e8f8f2;
  font-size: .52rem;
  font-weight: 900;
}
.fee-before-note { max-width: 180px; margin-left: auto; overflow: hidden; text-overflow: ellipsis; }
.margin-benefit-note { margin-top: 5px; color: #087a55; font-size: .51rem; font-weight: 800; }
.dashboard-product { display: flex; min-width: 290px; align-items: center; gap: 11px; color: inherit; text-decoration: none; }
.dashboard-product img, .product-placeholder { width: 40px; height: 40px; flex: 0 0 auto; border: 1px solid var(--line); border-radius: 11px; object-fit: cover; background: #f2f4f8; }
.product-placeholder { display: grid; place-items: center; color: #67738a; font-size: .57rem; font-weight: 900; }
.dashboard-product strong, .dashboard-product small { display: block; max-width: 360px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dashboard-product strong { font-size: .7rem; }
.dashboard-product small { margin-top: 4px; color: var(--muted); font-size: .56rem; }
.sku-chip { display: inline-flex; min-height: 26px; align-items: center; padding: 0 9px; border: 1px solid #dde3ed; border-radius: 8px; color: #42516a; background: #f7f9fc; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .6rem; font-weight: 800; }
.sku-copy-target, .sku-chip { gap: 5px; cursor: copy; }
.sku-copy-inline { display: inline-flex; align-items: center; color: #4054bc; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-weight: 850; border-bottom: 1px dashed #9aa7e9; }
.sku-copy-target::after, .sku-chip::after { content: "⧉"; color: #7b88c8; font-family: Arial, sans-serif; font-size: .68em; font-weight: 900; opacity: .72; }
.sku-copy-target:hover, .sku-chip:hover { color: #3047b5; border-color: #91a0f5; background: #eef1ff; }
.sku-copy-inline:hover { background: #eef1ff; }
.sku-copy-target:focus-visible, .sku-chip:focus-visible { outline: 2px solid #ff8f5d; outline-offset: 2px; }
.stock-badge, .margin-badge { display: inline-flex; min-height: 27px; align-items: center; justify-content: center; padding: 0 9px; border-radius: 999px; font-size: .6rem; font-weight: 850; }
.stock-badge.good { color: #087a55; background: #e8f8f2; }
.stock-badge.medium { color: #906100; background: #fff4cf; }
.stock-badge.low { color: #ad2e3e; background: #fff0f2; }
.margin-badge.positive { color: #087a55; background: #e8f8f2; }
.margin-badge.warning { color: #906100; background: #fff4cf; }
.margin-badge.negative { color: #ad2e3e; background: #fff0f2; }
.today-sales-empty { display: grid; min-height: 145px; place-content: center; text-align: center; }
.today-sales-empty span { color: var(--ink); font-size: .8rem; font-weight: 800; }
.today-sales-empty small { margin-top: 6px; color: var(--muted); font-size: .62rem; }

/* Perguntas do dia no dashboard */
.today-questions-panel {
  margin: 0 0 18px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 24px;
  background: #fff;
  box-shadow: var(--shadow-sm);
}
.today-questions-heading {
  display: grid;
  grid-template-columns: minmax(300px, 1fr) auto auto;
  align-items: center;
  gap: 24px;
  padding: 24px 26px;
  border-bottom: 1px solid var(--line);
  background:
    radial-gradient(circle at 91% 0%, rgba(255, 100, 34, .08), transparent 27%),
    linear-gradient(110deg, #fff 0%, #fbfcff 70%, #fff9f6 100%);
}
.today-questions-title-line { display: flex; align-items: center; gap: 12px; }
.today-questions-title-line .eyebrow { margin: 0; }
.question-live { color: #087a55; }
.question-live i { background: #25bf86; box-shadow: 0 0 0 5px rgba(37,191,134,.11); }
.today-questions-heading h2 { margin: 7px 0 0; font-size: 1.45rem; letter-spacing: -.04em; }
.today-questions-heading > div:first-child > p:last-child { margin: 7px 0 0; color: var(--muted); font-size: .65rem; }
.today-question-stats { display: flex; align-items: center; }
.today-question-stats > span { min-width: 105px; padding: 3px 20px; border-left: 1px solid var(--line); }
.today-question-stats small, .today-question-stats strong { display: block; }
.today-question-stats small { color: var(--muted); font-size: .55rem; text-transform: uppercase; letter-spacing: .06em; }
.today-question-stats strong { margin-top: 4px; font-size: 1.05rem; }
.today-question-stats .attention strong { color: #c64224; }
.question-history-button { color: var(--ink); background: #fff; }
.today-question-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  max-height: 560px;
  padding: 18px;
  overflow: auto;
  background: #f7f8fa;
}
.today-question-card {
  min-width: 0;
  padding: 17px;
  border: 1px solid #e4e8ef;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(17,24,39,.025);
}
.today-question-card.pending { border-left: 3px solid var(--orange); }
.today-question-card.answered { border-left: 3px solid var(--green); }
.question-card-product { display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; align-items: center; gap: 10px; }
.question-card-product img, .question-product-placeholder { width: 38px; height: 38px; border: 1px solid var(--line); border-radius: 10px; object-fit: cover; background: #f1f3f7; }
.question-product-placeholder { display: grid; place-items: center; color: #657086; font-size: .55rem; font-weight: 900; }
.question-card-product strong, .question-card-product small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.question-card-product strong { color: var(--ink); font-size: .68rem; }
.question-card-product small { margin-top: 3px; color: var(--muted); font-size: .54rem; }
.question-card-product time { color: #9099a8; font-size: .53rem; white-space: nowrap; }
.question-card-message { margin: 14px 0; padding: 13px 14px; border-radius: 12px; background: #f7f8fb; }
.question-card-message > span { display: block; color: #8791a2; font-size: .52rem; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
.question-card-message p { margin: 6px 0 0; color: var(--ink); font-size: .7rem; font-weight: 700; line-height: 1.5; }
.question-card-footer { display: flex; min-width: 0; align-items: center; gap: 10px; }
.question-status { display: inline-flex; min-height: 25px; flex: 0 0 auto; align-items: center; padding: 0 9px; border-radius: 999px; font-size: .54rem; font-weight: 850; }
.question-status.pending { color: #a43b1d; background: #fff0e9; }
.question-status.answered { color: #087a55; background: #e8f8f2; }
.question-card-footer > small { min-width: 0; flex: 1; overflow: hidden; color: var(--muted); font-size: .54rem; text-overflow: ellipsis; white-space: nowrap; }
.question-card-footer > a { flex: 0 0 auto; color: var(--orange-deep); font-size: .56rem; font-weight: 850; text-decoration: none; }
.question-card-footer > a:hover { text-decoration: underline; }
.today-questions-empty { display: grid; min-height: 155px; grid-column: 1 / -1; place-content: center; justify-items: center; text-align: center; }
.today-questions-empty > span { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 50%; color: #087a55; background: #e8f8f2; font-weight: 900; }
.today-questions-empty strong { margin-top: 10px; color: var(--ink); font-size: .78rem; }
.today-questions-empty small { margin-top: 5px; color: var(--muted); font-size: .6rem; }

@media (max-width: 1100px) {
  .logistics-today-panel { grid-template-columns: auto minmax(0, 1fr); }
  .logistics-stats { grid-column: 1 / -1; }
  .logistics-stats > span { flex: 1; }
  .today-sales-heading { grid-template-columns: 1fr auto; }
  .today-sales-kpis { grid-column: 1 / -1; grid-row: 2; }
  .today-sales-kpis > span:first-child { padding-left: 0; border-left: 0; }
  .today-questions-heading { grid-template-columns: 1fr auto; }
  .today-question-stats { grid-column: 1 / -1; grid-row: 2; }
  .today-question-stats > span:first-child { padding-left: 0; border-left: 0; }
}
@media (max-width: 680px) {
  .logistics-today-panel { grid-template-columns: 1fr; gap: 15px; padding: 20px 18px 0; }
  .logistics-symbol { width: 50px; height: 46px; }
  .logistics-deadline { align-items: flex-start; flex-direction: column; gap: 5px; }
  .logistics-stats { grid-column: auto; width: 100%; overflow-x: auto; }
  .logistics-stats > span { min-width: 94px; padding: 12px; }
  .logistics-footer { align-items: flex-start; flex-direction: column; }
  .today-sales-heading { grid-template-columns: 1fr; gap: 17px; padding: 20px; }
  .today-sales-heading .dashboard-report-button { width: 100%; }
  .today-sales-kpis { grid-column: auto; grid-row: auto; width: 100%; }
  .today-sales-kpis > span { min-width: 0; flex: 1; padding: 0 11px; }
  .today-sales-kpis > span:first-child { padding-left: 0; }
  .today-sales-warning { align-items: flex-start; flex-direction: column; padding: 11px 20px; }
  .today-questions-heading { grid-template-columns: 1fr; gap: 17px; padding: 20px; }
  .today-question-stats { grid-column: auto; grid-row: auto; width: 100%; }
  .today-question-stats > span { min-width: 0; flex: 1; padding: 0 10px; }
  .today-question-stats > span:first-child { padding-left: 0; }
  .question-history-button { width: 100%; }
  .today-question-list { grid-template-columns: 1fr; max-height: 620px; padding: 12px; }
  .question-card-product { grid-template-columns: 38px minmax(0, 1fr); }
  .question-card-product time { grid-column: 2; }
  .question-card-footer { align-items: flex-start; flex-wrap: wrap; }
}

/* Central de relatórios 4.1 */
.reports-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(260px, .5fr);
  align-items: center;
  gap: 36px;
  min-height: 290px;
  margin-bottom: 18px;
  padding: 34px 38px;
  overflow: hidden;
  border-radius: 26px;
  color: #fff;
  background:
    radial-gradient(circle at 88% 10%, rgba(56, 214, 159, .24), transparent 28%),
    radial-gradient(circle at 65% 120%, rgba(72, 108, 226, .35), transparent 45%),
    linear-gradient(130deg, #0f1829, #172944 64%, #1d3b4f);
  box-shadow: var(--shadow-md);
}
.reports-hero-tag { display: inline-flex; min-height: 27px; align-items: center; padding: 0 10px; border: 1px solid rgba(255,255,255,.14); border-radius: 999px; color: #8aefc9; background: rgba(255,255,255,.06); font-size: .58rem; font-weight: 900; letter-spacing: .08em; }
.reports-hero h2 { max-width: 720px; margin: 18px 0 10px; font-size: clamp(1.8rem, 3vw, 2.75rem); line-height: 1.05; letter-spacing: -.05em; }
.reports-hero p { max-width: 730px; margin: 0; color: #aebbd0; font-size: .76rem; line-height: 1.7; }
.reports-hero-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.reports-download-primary { color: #102b25; border-color: #73e1ba; background: #73e1ba; box-shadow: 0 12px 28px rgba(68, 219, 163, .18); }
.reports-download-primary:hover { color: #102b25; background: #8bffd4; }
.reports-secondary { color: #fff; border-color: rgba(255,255,255,.18); background: rgba(255,255,255,.07); }
.reports-file-preview { position: relative; display: flex; min-height: 200px; flex-direction: column; justify-content: flex-end; padding: 26px; overflow: hidden; border: 1px solid rgba(255,255,255,.17); border-radius: 23px; background: rgba(255,255,255,.08); box-shadow: inset 0 1px rgba(255,255,255,.09); backdrop-filter: blur(10px); }
.reports-file-preview .file-corner { position: absolute; top: 0; right: 0; width: 58px; height: 58px; border-bottom-left-radius: 16px; background: rgba(255,255,255,.09); }
.reports-file-preview b { position: absolute; top: 24px; left: 24px; color: #74e7bd; font-size: .65rem; letter-spacing: .12em; }
.reports-file-preview strong, .reports-file-preview small { display: block; }
.reports-file-preview strong { font-size: 1.05rem; }
.reports-file-preview small { margin-top: 5px; color: #aebbd0; font-size: .62rem; }
.reports-file-preview > div { display: grid; grid-template-columns: repeat(4, 1fr); gap: 5px; margin-top: 18px; }
.reports-file-preview i { height: 7px; border-radius: 4px; background: rgba(255,255,255,.14); }
.reports-file-preview i:first-child { background: #73e1ba; }
.report-summary-strip article { position: relative; overflow: hidden; }
.report-summary-strip article::after { content: ""; position: absolute; inset: auto 0 0; height: 3px; background: linear-gradient(90deg, var(--orange), transparent); opacity: .5; }
.report-summary-strip small { display: block; margin-top: 5px; color: var(--muted); font-size: .56rem; }
.reports-insight-panel {
  display: grid;
  grid-template-columns: minmax(260px, .58fr) minmax(0, 1.42fr);
  gap: 36px;
  align-items: end;
  min-height: 250px;
  margin-bottom: 18px;
  padding: 26px 30px;
  border: 1px solid var(--line);
  border-radius: 22px;
  background: #fff;
  box-shadow: var(--shadow-sm);
}
.reports-insight-copy h2 { margin: 0; font-size: 1.35rem; letter-spacing: -.04em; }
.reports-insight-copy > p:not(.eyebrow) { margin: 9px 0 20px; color: var(--muted); font-size: .68rem; line-height: 1.6; }
.reports-insight-copy > div { display: flex; gap: 28px; }
.reports-insight-copy span small, .reports-insight-copy span strong { display: block; }
.reports-insight-copy span small { color: var(--muted); font-size: .55rem; text-transform: uppercase; letter-spacing: .06em; }
.reports-insight-copy span strong { margin-top: 4px; font-size: 1rem; }
.reports-mini-chart { display: flex; height: 170px; align-items: flex-end; gap: 8px; padding: 14px 0 0; border-bottom: 1px solid var(--line); }
.reports-mini-chart > span { display: flex; height: 100%; flex: 1; align-items: flex-end; justify-content: center; gap: 3px; position: relative; }
.reports-mini-chart i, .reports-mini-chart b { display: block; width: min(14px, 37%); min-height: 3px; border-radius: 5px 5px 1px 1px; background: #dfe5f8; }
.reports-mini-chart b { background: #4169e1; }
.reports-mini-chart b.loss { background: #dc3f50; }
.reports-mini-chart small { position: absolute; bottom: -18px; color: var(--muted); font-size: .5rem; }
.reports-grid { margin-top: 30px; }
.report-card { min-height: 235px; transition: transform .18s ease, box-shadow .18s ease; }
.report-card:hover { transform: translateY(-3px); box-shadow: 0 18px 40px rgba(17, 24, 39, .09); }
.report-card-actions { display: flex; align-items: center; gap: 12px; margin-top: auto; }
.report-card-actions .button { margin-top: 0; }
.report-raw-link { color: var(--muted); font-size: .61rem; font-weight: 800; text-decoration: none; }
.report-raw-link:hover { color: var(--ink); text-decoration: underline; }
.reports-summary-pro { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.reports-summary-pro article { min-height: 108px; }
.reports-library-heading { display: flex; align-items: end; justify-content: space-between; margin: 34px 0 4px; }
.reports-library-heading h2 { margin: 3px 0 6px; font-size: 1.55rem; letter-spacing: -.04em; }
.reports-library-heading p:not(.eyebrow) { margin: 0; color: var(--muted); font-size: .7rem; }
.reports-library-grid .report-card.featured { border-color: color-mix(in srgb, var(--report-color) 38%, var(--line)); background: linear-gradient(145deg, color-mix(in srgb, var(--report-color) 7%, white), #fff 62%); }
.abc-report-panel { margin-top: 24px; padding: 26px; overflow: hidden; border: 1px solid #dbe3ee; border-radius: 24px; background: #fff; box-shadow: 0 20px 48px rgba(17, 32, 56, .08); animation: report-rise .35s ease both; }
.abc-report-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 28px; }
.abc-report-heading .reports-hero-tag { color: #065f46; border-color: #b8ead8; background: #eaf9f3; }
.abc-report-heading h2 { margin: 13px 0 7px; font-size: clamp(1.45rem, 2.4vw, 2rem); letter-spacing: -.045em; }
.abc-report-heading p { max-width: 760px; margin: 0; color: var(--muted); font-size: .7rem; line-height: 1.6; }
.abc-report-actions { display: flex; flex: 0 0 auto; gap: 9px; }
.abc-report-actions .button { min-height: 40px; align-items: center; }
.abc-period-bar { display: flex; align-items: center; gap: 18px; margin-top: 24px; padding: 12px; border: 1px solid #e1e7ef; border-radius: 16px; background: #f7f9fc; }
.abc-segmented { display: flex; align-items: center; gap: 4px; }
.abc-segmented > span { margin: 0 5px; color: #7a8798; font-size: .54rem; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }
.abc-segmented button,.abc-class-filters button { min-height: 32px; padding: 0 11px; border: 0; border-radius: 9px; color: #637087; background: transparent; font: inherit; font-size: .61rem; font-weight: 850; cursor: pointer; transition: color .16s ease, background .16s ease, transform .16s ease; }
.abc-segmented button:hover,.abc-class-filters button:hover { color: #15223a; transform: translateY(-1px); }
.abc-segmented button.active,.abc-class-filters button.active { color: #fff; background: #173a69; box-shadow: 0 6px 14px rgba(23, 58, 105, .2); }
.abc-period-label { display: grid; gap: 2px; margin-left: auto; text-align: right; }
.abc-period-label span { color: var(--muted); font-size: .54rem; text-transform: uppercase; letter-spacing: .06em; }
.abc-period-label strong { font-size: .68rem; }
.abc-custom-period { display: flex; align-items: end; gap: 10px; margin-top: 12px; padding: 14px; border: 1px solid #e1e7ef; border-radius: 15px; background: #fbfcfe; }
.abc-custom-period label { display: grid; flex: 1; gap: 5px; }
.abc-custom-period label span { color: var(--muted); font-size: .56rem; font-weight: 800; }
.abc-custom-period input { width: 100%; min-height: 38px; padding: 0 10px; border: 1px solid #d6deea; border-radius: 10px; color: var(--ink); background: #fff; }
.abc-class-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 18px; }
.abc-class-card { display: grid; gap: 8px; padding: 17px 18px; border: 1px solid #e0e6ee; border-radius: 17px; text-align: left; background: #fff; cursor: pointer; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.abc-class-card:hover,.abc-class-card.active { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(22, 34, 53, .09); }
.abc-class-card.a:hover,.abc-class-card.a.active { border-color: #42b88b; }.abc-class-card.b:hover,.abc-class-card.b.active { border-color: #5e7be9; }.abc-class-card.c:hover,.abc-class-card.c.active { border-color: #eea13c; }
.abc-class-card > span { display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: .6rem; font-weight: 800; }
.abc-class-card > span b { display: grid; place-items: center; width: 27px; height: 27px; border-radius: 8px; color: #fff; background: #15a675; font-size: .72rem; }.abc-class-card.b > span b { background: #5267e8; }.abc-class-card.c > span b { background: #e89727; }
.abc-class-card > strong { font-size: 1.25rem; letter-spacing: -.035em; }.abc-class-card > small { color: var(--muted); font-size: .57rem; }
.abc-class-card > i { display: block; height: 5px; overflow: hidden; border-radius: 99px; background: #edf1f5; }.abc-class-card > i em { display: block; height: 100%; border-radius: inherit; background: #15a675; }.abc-class-card.b > i em { background: #5267e8; }.abc-class-card.c > i em { background: #e89727; }
.abc-distribution { display: flex; height: 12px; min-width: 100%; margin: 16px 0; overflow: hidden; border-radius: 99px; background: #eef2f6; }
.abc-distribution span { display: grid; min-width: 0; place-items: center; overflow: hidden; color: #fff; font-size: .48rem; font-weight: 900; transition: width .35s ease; }.abc-distribution .a { background: #15a675; }.abc-distribution .b { background: #5267e8; }.abc-distribution .c { background: #e89727; }
.abc-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-top: 6px; padding: 10px 0; }
.abc-class-filters { display: flex; gap: 3px; padding: 4px; border-radius: 12px; background: #f1f4f8; }
.abc-search { display: flex; min-width: 340px; align-items: center; overflow: hidden; border: 1px solid #dce3ec; border-radius: 12px; background: #fff; }
.abc-search > span { padding-left: 12px; color: #8a96a8; }.abc-search input { min-width: 0; flex: 1; height: 38px; padding: 0 10px; border: 0; outline: 0; color: var(--ink); background: transparent; font-size: .64rem; }.abc-search button { align-self: stretch; padding: 0 13px; border: 0; color: #fff; background: #173a69; font: inherit; font-size: .58rem; font-weight: 850; cursor: pointer; }
.abc-table-wrap { max-height: 690px; overflow: auto; border: 1px solid #e1e7ef; border-radius: 16px; }
.abc-table { min-width: 1180px; }.abc-table thead { position: sticky; top: 0; z-index: 2; }.abc-table th { color: #66748a; background: #f4f6fa; }.abc-table td { vertical-align: middle; }.abc-table td > small { display: block; margin-top: 4px; color: var(--muted); font-size: .53rem; }
.abc-rank { color: #637087; font-size: .68rem; }.abc-badge { display: inline-grid; width: 31px; height: 31px; place-items: center; border-radius: 9px; color: #fff; background: #e89727; font-size: .67rem; }.abc-badge.a { background: #15a675; }.abc-badge.b { background: #5267e8; }
.abc-product { display: grid; gap: 4px; min-width: 245px; }.abc-product strong { font-size: .65rem; }.abc-product small { color: var(--muted); font-size: .54rem; }.abc-kind { display: inline-flex; min-height: 23px; align-items: center; padding: 0 8px; border-radius: 99px; color: #4c5d76; background: #eef2f7; font-size: .54rem; font-weight: 800; }
.abc-progress { display: flex; min-width: 115px; align-items: center; gap: 7px; }.abc-progress > span { width: 76px; height: 6px; overflow: hidden; border-radius: 99px; background: #e8edf3; }.abc-progress i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#15a675,#5267e8,#e89727); }.abc-progress small { color: var(--muted); font-size: .52rem; }.abc-table .numeric strong { font-size: .64rem; }.abc-table .report-warning { color: #a66509; }
.abc-method { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; margin-top: 14px; padding: 13px 15px; border-radius: 14px; color: #5f6d81; background: #f6f8fb; font-size: .57rem; }.abc-method span { display: flex; align-items: center; gap: 6px; }.abc-method span b { display: grid; width: 22px; height: 22px; place-items: center; border-radius: 6px; color: #fff; background: #5267e8; }.abc-method small { margin-left: auto; color: #7a8798; }
.report-source-footer { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 18px; padding: 15px 18px; border: 1px solid #dbe7e2; border-radius: 15px; background: #f1faf6; }.report-source-footer > div { display: flex; align-items: center; gap: 9px; }.report-source-footer i { width: 9px; height: 9px; border-radius: 50%; background: #13a876; box-shadow: 0 0 0 5px rgba(19,168,118,.1); }.report-source-footer i.warning { background: #e89727; box-shadow: 0 0 0 5px rgba(232,151,39,.1); }.report-source-footer span { display: grid; gap: 2px; font-size: .58rem; }.report-source-footer span strong { font-size: .63rem; }.report-source-footer small { color: var(--muted); font-size: .56rem; text-align: right; }
.report-error { display: grid; gap: 5px; color: #9e2433; background: #fff3f4; }
@keyframes report-rise { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }

@media (max-width: 1240px) {
  .reports-summary-pro { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .abc-period-bar { align-items: flex-start; flex-direction: column; }
  .abc-period-label { margin-left: 0; text-align: left; }
}
@media (max-width: 900px) {
  .reports-summary-pro { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .reports-library-heading,
  .abc-report-heading,
  .abc-toolbar { align-items: stretch; flex-direction: column; }
  .abc-report-actions { flex-wrap: wrap; }
  .abc-report-actions .button { flex: 1; justify-content: center; }
  .abc-period-bar { overflow-x: auto; }
  .abc-segmented { min-width: max-content; }
  .abc-search { width: 100%; min-width: 0; }
  .report-source-footer { align-items: flex-start; flex-direction: column; }
  .report-source-footer small { text-align: left; }
}
@media (max-width: 620px) {
  .reports-summary-pro,
  .abc-class-grid { grid-template-columns: 1fr; }
  .abc-report-panel { padding: 18px; border-radius: 19px; }
  .abc-report-heading h2 { font-size: 1.45rem; }
  .abc-report-actions { display: grid; grid-template-columns: 1fr; width: 100%; }
  .abc-custom-period { align-items: stretch; flex-direction: column; }
  .abc-custom-period .button { width: 100%; justify-content: center; }
  .abc-toolbar { gap: 10px; }
  .abc-class-filters { width: 100%; overflow-x: auto; }
  .abc-class-filters button { flex: 1 0 auto; }
  .abc-method { align-items: flex-start; flex-direction: column; }
  .abc-method small { margin-left: 0; }
}

/* Professional task workspace */
.task-scope-picker { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-bottom: 18px; }
.task-scope-picker button { display: flex; align-items: center; gap: 12px; padding: 14px; border: 1px solid var(--line-strong); border-radius: 14px; color: var(--ink); background: #fff; text-align: left; cursor: pointer; transition: .16s ease; }
.task-scope-picker button:hover { border-color: #f3a37b; background: #fffaf7; }
.task-scope-picker button.active { border-color: var(--orange); background: #fff4ee; box-shadow: 0 0 0 3px rgba(247,104,43,.1); }
.task-scope-picker button > i { display: grid; flex: 0 0 auto; place-items: center; width: 38px; height: 38px; border-radius: 11px; color: #5267e8; background: #edf0ff; font-size: .64rem; font-style: normal; font-weight: 900; }
.task-scope-picker button.active > i { color: #fff; background: var(--orange); }
.task-scope-picker span, .task-scope-picker strong, .task-scope-picker small { display: block; }
.task-scope-picker strong { font-size: .75rem; }
.task-scope-picker small { margin-top: 3px; color: var(--muted); font-size: .58rem; line-height: 1.4; }
.task-sku-required { padding: 5px 8px; border-radius: 999px; color: #4156c7; background: #edf0ff; font-size: .57rem; font-weight: 850; text-transform: uppercase; }
.task-sku-dossier { margin: 2px 0 16px; }
.task-sku-dossier-empty, .task-sku-dossier-loading { display: flex; align-items: center; gap: 12px; min-height: 62px; padding: 13px 15px; border: 1px dashed #b7c1e9; border-radius: 13px; color: #4356b7; background: #f7f8ff; }
.task-sku-dossier-empty i { display: grid; flex: 0 0 auto; place-items: center; width: 36px; height: 36px; border-radius: 10px; color: #fff; background: #6274d8; font-size: .55rem; font-style: normal; font-weight: 900; }
.task-sku-dossier-empty strong, .task-sku-dossier-empty span { display: block; }
.task-sku-dossier-empty strong { font-size: .68rem; }
.task-sku-dossier-empty span { margin-top: 3px; color: var(--muted); font-size: .57rem; line-height: 1.4; }
.task-sku-dossier-loading i { width: 17px; height: 17px; border: 2px solid #c7cff3; border-top-color: #5267e8; border-radius: 50%; animation: dossier-spin .7s linear infinite; }
.task-sku-dossier-loading span { font-size: .61rem; font-weight: 750; }
@keyframes dossier-spin { to { transform: rotate(360deg); } }
.task-sku-profile { overflow: hidden; border: 1px solid #d4dbf3; border-radius: 15px; background: #fff; box-shadow: 0 8px 25px rgba(42,57,110,.06); }
.task-sku-profile > header { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 14px 15px; color: #fff; background: linear-gradient(125deg,#1b2944,#304a80); }
.task-sku-profile > header > a { flex: 0 0 auto; padding: 7px 9px; border: 1px solid rgba(255,255,255,.25); border-radius: 8px; color: #fff; font-size: .54rem; font-weight: 800; text-decoration: none; }
.task-sku-profile-copy { display: flex; align-items: center; min-width: 0; gap: 11px; }
.task-sku-profile-copy > img, .task-sku-profile-copy > i { width: 42px; height: 42px; flex: 0 0 auto; border-radius: 10px; object-fit: cover; }
.task-sku-profile-copy > i { display: grid; place-items: center; color: #293a68; background: #eef1ff; font-size: .52rem; font-style: normal; font-weight: 900; }
.task-sku-profile-copy .eyebrow { color: #ffb48d; }
.task-sku-profile-copy h4 { overflow: hidden; margin: 2px 0 3px; font-size: .76rem; text-overflow: ellipsis; white-space: nowrap; }
.task-sku-profile-copy span { color: #cbd5ea; font-size: .53rem; }
.task-sku-profile-stats { display: grid; grid-template-columns: repeat(5, minmax(72px,1fr)); gap: 7px; padding: 10px 12px; border-bottom: 1px solid var(--line); background: #f8f9fc; }
.task-sku-profile-stats > span { padding: 7px 9px; border: 1px solid #e3e7ef; border-radius: 9px; background: #fff; }
.task-sku-profile-stats small, .task-sku-profile-stats strong { display: block; }
.task-sku-profile-stats small { color: var(--muted); font-size: .46rem; text-transform: uppercase; }
.task-sku-profile-stats strong { margin-top: 2px; font-size: .7rem; }
.task-sku-profile-stats .danger strong { color: #cf4053; }
.sku-duplicate-alert, .sku-open-alert { display: flex; align-items: center; gap: 9px; margin: 10px 12px 0; padding: 9px 11px; border: 1px solid #f3c1c9; border-radius: 10px; color: #a92d41; background: #fff3f5; }
.sku-open-alert { border-color: #f0d59c; color: #9a6500; background: #fff9e9; }
.sku-duplicate-alert > i, .sku-open-alert > i { display: grid; flex: 0 0 auto; place-items: center; width: 24px; height: 24px; border-radius: 8px; color: #fff; background: #d74b5e; font-size: .59rem; font-style: normal; font-weight: 900; }
.sku-open-alert > i { background: #d99a20; }
.sku-duplicate-alert strong, .sku-duplicate-alert span { display: block; }
.sku-duplicate-alert strong { font-size: .61rem; }
.sku-duplicate-alert span, .sku-open-alert span { margin-top: 2px; font-size: .53rem; line-height: 1.4; }
.sku-dossier-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 12px; }
.sku-dossier-columns > section { min-width: 0; padding: 10px; border: 1px solid #e5e8ef; border-radius: 11px; background: #fafbfc; }
.sku-dossier-title { display: flex; align-items: center; justify-content: space-between; margin-bottom: 7px; }
.sku-dossier-title strong { font-size: .59rem; }
.sku-dossier-title span { display: grid; place-items: center; min-width: 22px; height: 22px; padding: 0 5px; border-radius: 7px; color: #5e6d82; background: #edf0f4; font-size: .51rem; font-weight: 850; }
.sku-dossier-task { display: grid; width: 100%; gap: 3px; margin-top: 6px; padding: 9px 10px; border: 1px solid #e2e6ed; border-left: 3px solid #7182df; border-radius: 9px; color: var(--ink); background: #fff; text-align: left; cursor: pointer; }
.sku-dossier-task:hover { border-color: #efaa88; background: #fffaf7; }
.sku-dossier-task.done { border-left-color: #38ac83; }
.sku-dossier-task.overdue { border-left-color: #d85365; background: #fff7f8; }
.sku-dossier-task-date { color: #687994 !important; font-size: .46rem !important; font-weight: 800; text-transform: uppercase; }
.sku-dossier-task strong { font-size: .58rem; line-height: 1.35; }
.sku-dossier-task small { display: -webkit-box; overflow: hidden; color: var(--muted); font-size: .51rem; line-height: 1.35; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.sku-dossier-task em { color: #16835f; font-size: .5rem; font-style: normal; font-weight: 700; }
.sku-dossier-task > span:last-child { color: #7a8798; font-size: .46rem; }
.sku-dossier-empty-list { margin: 18px 5px; color: var(--muted); font-size: .53rem; text-align: center; }
.task-outcome-fields textarea { min-height: 78px; }

.task-workspace-nav { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 14px; padding: 12px; border: 1px solid var(--line); border-radius: 17px; background: rgba(255,255,255,.88); box-shadow: var(--shadow-sm); backdrop-filter: blur(10px); }
.task-kind-tabs, .task-view-controls, .task-segmented { display: flex; align-items: center; gap: 7px; }
.task-kind-tabs button { display: flex; align-items: center; gap: 9px; min-width: 174px; padding: 10px 12px; border: 1px solid transparent; border-radius: 12px; color: var(--muted); background: transparent; text-align: left; cursor: pointer; }
.task-kind-tabs button.active { border-color: #f1c1aa; color: var(--ink); background: #fff3ed; box-shadow: 0 5px 14px rgba(247,104,43,.08); }
.task-kind-tabs i { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 9px; color: #5267e8; background: #edf0ff; font-size: .54rem; font-style: normal; font-weight: 900; }
.task-kind-tabs button.active i { color: #fff; background: var(--orange); }
.task-kind-tabs strong, .task-kind-tabs small { display: block; }
.task-kind-tabs strong { font-size: .67rem; }
.task-kind-tabs small { margin-top: 2px; color: var(--muted); font-size: .52rem; }
.task-view-controls { margin-left: auto; }
.task-segmented { padding: 4px; border-radius: 11px; background: #f1f3f7; }
.task-segmented button { min-height: 31px; padding: 7px 10px; border: 0; border-radius: 8px; color: #68758a; background: transparent; font-size: .58rem; font-weight: 800; white-space: nowrap; cursor: pointer; }
.task-segmented button.active { color: var(--ink); background: #fff; box-shadow: 0 3px 9px rgba(15,23,42,.08); }
.task-segmented.compact button { padding-inline: 9px; }
.task-current-view { display: none; }
.task-overview { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.task-overview article { border-color: #e3e7ed; background: #fbfcfd; }
.task-overview article.today { border-color: #f9d89b; background: #fffaf0; }
.task-overview article.today strong { color: #b87400; }
.task-overview .attention { border-color: #f7c5cd; background: #fff4f6; }

.task-map { display: grid; grid-template-columns: repeat(5, minmax(238px, 1fr)); gap: 12px; overflow-x: auto; padding: 2px 1px 14px; scrollbar-color: #95a0b2 #e9edf2; }
.task-map-column { min-height: 440px; padding: 10px; border: 1px solid var(--line); border-radius: 16px; background: #f4f6f9; }
.task-map-column.overdue { border-color: #f1c9cf; background: #fff5f6; }
.task-map-column.today { border-color: #f4ddae; background: #fffbf0; }
.task-map-column.done { border-color: #cce8dd; background: #f2faf6; }
.task-map-column > header { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 5px 4px 12px; }
.task-map-column > header strong, .task-map-column > header span { display: block; }
.task-map-column > header strong { font-size: .7rem; }
.task-map-column > header span { margin-top: 3px; color: var(--muted); font-size: .52rem; }
.task-map-column > header b { display: grid; place-items: center; min-width: 27px; height: 27px; padding: 0 7px; border-radius: 9px; color: #5f6c81; background: #fff; font-size: .62rem; box-shadow: var(--shadow-sm); }
.task-map-list { display: grid; align-content: start; gap: 9px; }
.task-map-empty { padding: 30px 10px; border: 1px dashed #ced5df; border-radius: 12px; color: #8a95a6; font-size: .6rem; text-align: center; }
.task-map-card { position: relative; padding: 12px; border: 1px solid #e2e6ec; border-left: 4px solid #5267e8; border-radius: 13px; background: #fff; box-shadow: 0 6px 16px rgba(15,23,42,.045); cursor: pointer; transition: .16s ease; }
.task-map-card:hover { border-color: #efb598; transform: translateY(-2px); box-shadow: 0 10px 24px rgba(15,23,42,.08); }
.task-map-card.priority-baixa { border-left-color: #36ae85; }
.task-map-card.priority-media { border-left-color: #7d8eed; }
.task-map-card.priority-alta { border-left-color: #f19566; background: #fffaf7; }
.task-map-card.priority-urgente { border-color: #f3c0c8; border-left-color: #dd5365; background: #fff3f5; }
.task-map-card-top, .task-map-card-meta, .task-map-card footer { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.task-scope-badge { padding: 4px 7px; border-radius: 999px; color: #526170; background: #f0f3f6; font-size: .49rem; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; }
.task-scope-badge.sku { color: #4054bc; background: #edf0ff; }
.task-map-card h3 { margin: 11px 0 7px; font-size: .72rem; line-height: 1.4; }
.task-map-card > p { display: -webkit-box; overflow: hidden; margin: 8px 0 12px; color: var(--muted); font-size: .57rem; line-height: 1.5; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.task-map-card-meta { margin-top: 12px; }
.due-badge.today { color: #a56600; background: #fff0c9; }
.task-map-card footer { margin-top: 11px; padding-top: 9px; border-top: 1px solid #edf0f3; color: var(--muted); font-size: .52rem; }
.task-map-card footer small { max-width: 105px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.sku-history-hint { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 14px; padding: 15px 18px; border: 1px dashed #aeb9ef; border-radius: 15px; color: #4054bc; background: #f7f8ff; }
.sku-history-hint strong, .sku-history-hint span { display: block; }
.sku-history-hint strong { font-size: .72rem; }
.sku-history-hint span { margin-top: 4px; color: var(--muted); font-size: .59rem; }
.sku-history-hint > i { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; background: #e9edff; font-style: normal; font-weight: 900; }
.sku-timeline-panel { margin-bottom: 16px; overflow: hidden; border: 1px solid #d8def5; border-radius: 18px; background: #fff; box-shadow: var(--shadow-sm); }
.sku-timeline-head { display: flex; align-items: center; justify-content: space-between; gap: 22px; padding: 19px 21px; background: linear-gradient(125deg,#17233a,#273c6c); color: #fff; }
.sku-timeline-head h2 { margin: 3px 0 4px; font-size: 1rem; }
.sku-timeline-head > div > span { color: #cbd5ea; font-size: .59rem; }
.sku-history-stats { display: grid; grid-template-columns: repeat(4, minmax(70px, 1fr)); gap: 7px; }
.sku-history-stats > span { min-width: 76px; padding: 9px 11px; border: 1px solid rgba(255,255,255,.13); border-radius: 11px; background: rgba(255,255,255,.08); }
.sku-history-stats small, .sku-history-stats strong { display: block; }
.sku-history-stats small { color: #cbd5ea; font-size: .48rem; text-transform: uppercase; }
.sku-history-stats strong { margin-top: 4px; font-size: .82rem; }
.sku-history-stats .danger strong { color: #ffacb8; }
.sku-history-dates { display: flex; gap: 28px; padding: 12px 21px; border-bottom: 1px solid var(--line); background: #f8f9fc; }
.sku-history-dates small, .sku-history-dates strong { display: block; }
.sku-history-dates small { color: var(--muted); font-size: .49rem; text-transform: uppercase; }
.sku-history-dates strong { margin-top: 3px; font-size: .63rem; }
.sku-timeline { position: relative; padding: 14px 21px 18px; }
.sku-timeline::before { content: ""; position: absolute; top: 21px; bottom: 25px; left: 31px; width: 2px; background: #e1e6ef; }
.sku-timeline-item { position: relative; display: grid; grid-template-columns: 16px 104px minmax(0,1fr) auto; gap: 12px; align-items: start; padding: 11px 0; cursor: pointer; }
.sku-timeline-item > i { position: relative; z-index: 1; width: 12px; height: 12px; margin-top: 5px; border: 3px solid #fff; border-radius: 50%; background: #7787a1; box-shadow: 0 0 0 2px #dbe1ea; }
.sku-timeline-item.done > i { background: #18a875; box-shadow: 0 0 0 2px #bee5d7; }
.sku-timeline-item.overdue > i { background: #dc3f50; box-shadow: 0 0 0 2px #f4c2ca; }
.sku-timeline-item.today > i { background: #e9a112; box-shadow: 0 0 0 2px #f7dfa9; }
.sku-timeline-date strong, .sku-timeline-date span { display: block; }
.sku-timeline-date strong { font-size: .6rem; }
.sku-timeline-date span { margin-top: 4px; color: var(--muted); font-size: .52rem; }
.sku-timeline-copy h3 { margin: 0 0 4px; font-size: .68rem; }
.sku-timeline-copy p { margin: 0; color: var(--muted); font-size: .57rem; line-height: 1.45; }
.sku-timeline-copy .sku-timeline-record, .sku-timeline-copy .sku-timeline-result { margin-top: 6px; padding: 7px 8px; border-radius: 8px; color: #435268; background: #f3f5f8; }
.sku-timeline-copy .sku-timeline-result { color: #157555; background: #edf8f3; }
.sku-timeline-copy .sku-timeline-record strong, .sku-timeline-copy .sku-timeline-result strong { color: inherit; }
.sku-timeline-copy > div { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 7px; color: #77849a; font-size: .49rem; }
.task-inline-calendar .calendar-toolbar > span { color: var(--muted); font-size: .58rem; }
.task-inline-calendar .calendar-task.overdue { color: #a5293b; background: #fff0f2; }

@media (max-width: 900px) {
  .task-workspace-nav { align-items: stretch; flex-direction: column; }
  .task-view-controls { justify-content: space-between; width: 100%; margin-left: 0; }
  .task-overview { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .sku-timeline-head { align-items: flex-start; flex-direction: column; }
  .sku-history-stats { width: 100%; }
  .reports-hero { grid-template-columns: 1fr; }
  .reports-file-preview { display: none; }
  .reports-insight-panel { grid-template-columns: 1fr; gap: 14px; }
}
@media (max-width: 600px) {
  .task-scope-picker { grid-template-columns: 1fr; }
  .task-sku-profile > header { align-items: flex-start; flex-direction: column; }
  .task-sku-profile-stats { grid-template-columns: repeat(2, 1fr); }
  .sku-dossier-columns { grid-template-columns: 1fr; }
  .task-kind-tabs { display: grid; grid-template-columns: 1fr 1fr; }
  .task-kind-tabs button { min-width: 0; padding: 9px; }
  .task-kind-tabs small { display: none; }
  .task-view-controls { align-items: stretch; flex-direction: column; }
  .task-segmented { display: grid; grid-template-columns: repeat(3, 1fr); width: 100%; }
  .task-overview { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .task-map { grid-template-columns: repeat(5, 82vw); }
  .sku-timeline-head { padding: 16px; }
  .sku-history-stats { grid-template-columns: repeat(2, 1fr); }
  .sku-history-dates { align-items: flex-start; flex-direction: column; gap: 10px; padding-inline: 16px; }
  .sku-timeline { padding-inline: 16px; }
  .sku-timeline::before { left: 26px; }
  .sku-timeline-item { grid-template-columns: 16px minmax(0,1fr); }
  .sku-timeline-date { grid-column: 2; }
  .sku-timeline-copy { grid-column: 2; }
  .sku-timeline-item > .status-pill { grid-column: 2; justify-self: start; }
  .task-inline-calendar { overflow-x: auto; }
  .task-inline-calendar .calendar-toolbar, .task-inline-calendar .calendar-weekdays, .task-inline-calendar .calendar-grid { min-width: 720px; }
  .reports-hero { min-height: 0; padding: 26px 22px; }
  .reports-hero-actions { flex-direction: column; }
  .reports-hero-actions .button { width: 100%; }
  .reports-mini-chart { gap: 3px; }
}

/* Central de trabalho 5.0 */
.task-command-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 14px;
  padding: 13px 16px;
  border: 1px solid #dfe4eb;
  border-radius: 15px;
  background: linear-gradient(100deg, #fff, #fafbff);
  box-shadow: var(--shadow-sm);
}
.task-command-bar > div { display: flex; align-items: center; gap: 11px; }
.task-command-bar small { color: var(--muted); font-size: .59rem; }
.task-metrics-v5 {
  display: grid;
  grid-template-columns: repeat(6, minmax(128px, 1fr));
  gap: 10px;
  margin-bottom: 15px;
  overflow-x: auto;
  padding-bottom: 2px;
}
.task-metric-card {
  position: relative;
  min-height: 108px;
  padding: 15px 16px;
  overflow: hidden;
  border: 1px solid #e1e5eb;
  border-radius: 15px;
  color: var(--ink);
  background: #fff;
  box-shadow: var(--shadow-sm);
  text-align: left;
  cursor: pointer;
  transition: .18s ease;
}
.task-metric-card::after {
  content: "";
  position: absolute;
  right: -21px;
  bottom: -28px;
  width: 74px;
  height: 74px;
  border-radius: 50%;
  background: #f1f4f8;
}
.task-metric-card:hover { transform: translateY(-2px); border-color: #cfd6e0; box-shadow: 0 12px 28px rgba(15,23,42,.08); }
.task-metric-card span, .task-metric-card strong, .task-metric-card small { position: relative; z-index: 1; display: block; }
.task-metric-card span { color: #6c7788; font-size: .55rem; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; }
.task-metric-card strong { margin: 9px 0 4px; font-size: 1.65rem; letter-spacing: -.05em; }
.task-metric-card small { color: #8a94a3; font-size: .52rem; }
.task-metric-card.today { border-color: #f3d79c; background: #fffbf1; }
.task-metric-card.today strong { color: #aa6a00; }
.task-metric-card.danger { border-color: #efc4cb; background: #fff5f6; }
.task-metric-card.danger strong { color: #c33d51; }
.task-metric-card.urgent { border-color: #f4cbb8; background: #fff7f3; }
.task-metric-card.urgent strong { color: #c64d1e; }
.task-metric-card.waiting { border-color: #d7d9e2; background: #f7f8fa; }
.task-metric-card.done { border-color: #c9e5db; background: #f2faf6; }
.task-metric-card.done strong { color: #15805e; }
.task-metric-card.upcoming { border-color: #cfd6f3; background: #f5f7ff; }
.task-metric-card.upcoming strong { color: #4659c2; }

.task-workspace-nav-v5 { padding: 9px; }
.task-navigation-scroll { display: flex; min-width: 0; gap: 5px; overflow-x: auto; }
.task-navigation-scroll button {
  display: flex;
  min-width: max-content;
  align-items: center;
  gap: 7px;
  padding: 8px 10px;
  border: 1px solid transparent;
  border-radius: 10px;
  color: #6a7587;
  background: transparent;
  font-size: .57rem;
  font-weight: 800;
  cursor: pointer;
}
.task-navigation-scroll button i {
  display: grid;
  min-width: 27px;
  height: 27px;
  place-items: center;
  padding: 0 5px;
  border-radius: 8px;
  color: #69758a;
  background: #eef1f5;
  font-size: .44rem;
  font-style: normal;
  text-transform: uppercase;
}
.task-navigation-scroll button.active { border-color: #f0bea6; color: var(--ink); background: #fff4ee; }
.task-navigation-scroll button.active i { color: #fff; background: var(--orange); }
.task-layout-switch { flex: 0 0 auto; }
.task-filter-panel-v5 .task-filter-primary label:first-child { flex-basis: 380px; }
.task-filter-panel-v5 .sku-filter { flex: 0 1 190px; }
.task-product-kind-filter { display: grid; flex: 0 0 auto; gap: 5px; }
.task-product-kind-filter > span { color: var(--muted); font-size: .58rem; font-weight: 800; text-transform: uppercase; }
.task-product-kind-filter > div { display: flex; height: 38px; padding: 3px; border: 1px solid var(--line); border-radius: 10px; background: #f5f7f9; }
.task-product-kind-filter button { min-width: 72px; padding: 0 11px; border: 0; border-radius: 7px; color: #687489; background: transparent; cursor: pointer; font-size: .68rem; font-weight: 800; transition: .16s ease; }
.task-product-kind-filter button:hover { color: var(--ink); background: #fff; }
.task-product-kind-filter button.active { color: #fff; background: var(--orange); box-shadow: 0 3px 9px rgba(247,104,43,.22); }

.task-kanban-v5 {
  display: grid;
  grid-template-columns: repeat(4, minmax(270px, 1fr));
  gap: 12px;
  overflow-x: auto;
  padding: 2px 1px 16px;
}
.task-kanban-column {
  min-height: 500px;
  padding: 11px;
  border: 1px solid #e1e5eb;
  border-radius: 17px;
  background: #f5f7f9;
  transition: .16s ease;
}
.task-kanban-column.drag-over { border-color: #f09a70; background: #fff8f4; box-shadow: inset 0 0 0 2px rgba(247,104,43,.12); }
.task-kanban-column > header { display: flex; align-items: center; justify-content: space-between; padding: 5px 5px 13px; }
.task-kanban-column > header > div { display: flex; align-items: center; gap: 8px; }
.task-kanban-column > header i { width: 9px; height: 9px; border-radius: 50%; background: #8994a5; }
.task-kanban-column > header i.status-progress { background: #5267e8; }
.task-kanban-column > header i.status-waiting { background: #d39b2d; }
.task-kanban-column > header i.status-done { background: #18a875; }
.task-kanban-column > header strong { font-size: .68rem; }
.task-kanban-column > header > span { display: grid; min-width: 27px; height: 27px; place-items: center; border-radius: 9px; background: #fff; font-size: .59rem; font-weight: 850; box-shadow: var(--shadow-sm); }
.task-kanban-list { display: grid; align-content: start; gap: 9px; }
.task-card-v5.is-overdue { border-color: #efbbc4; border-left-color: #d34458; background: #fff6f7; }
.task-card-v5.is-blocked { box-shadow: inset 0 0 0 1px #dfe2e8; }
.task-blocked-note, .task-recurring-note { margin-top: 8px; padding: 7px 8px; border-radius: 8px; color: #7b5c17; background: #fff7df; font-size: .51rem; font-weight: 750; }
.task-recurring-note { color: #4659b6; background: #f0f2ff; }
.task-card-progress { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 7px; margin: 10px 0 0; }
.task-card-progress > span, .compact-progress { display: block; height: 5px; overflow: hidden; border-radius: 999px; background: #e9edf2; }
.task-card-progress > span i, .compact-progress i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #5267e8, #7b8cf2); }
.task-card-progress small { color: var(--muted); font-size: .48rem; }
.task-table-v5 { min-width: 1180px; }
.task-table-v5 th:first-child, .task-table-v5 td:first-child { width: 44px; }
.task-table-v5 th:nth-child(2) { width: 29%; }
.task-table-v5 td:nth-child(8) { min-width: 100px; }
.task-table-v5 td:nth-child(8) small { display: block; margin-top: 4px; color: var(--muted); font-size: .48rem; text-align: right; }
.compact-progress { width: 92px; }
.table-warning { display: block; margin-top: 5px; color: #a96b00; font-size: .48rem; }
.external-link-button { display: grid; width: 29px; height: 29px; place-items: center; border-radius: 8px; color: #4659c2; background: #eef1ff; font-weight: 900; text-decoration: none; }

.task-timeline-v5 {
  position: relative;
  display: grid;
  gap: 0;
  padding: 6px 18px 20px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: #fff;
  box-shadow: var(--shadow-sm);
}
.task-timeline-v5::before { content: ""; position: absolute; top: 30px; bottom: 34px; left: 35px; width: 2px; background: #e1e5ec; }
.task-timeline-v5 > article { position: relative; display: grid; grid-template-columns: 18px 125px minmax(0, 1fr); gap: 14px; padding: 16px 0; border-bottom: 1px solid #eef0f3; cursor: pointer; }
.task-timeline-v5 > article:last-child { border-bottom: 0; }
.task-timeline-v5 > article > i { position: relative; z-index: 1; width: 12px; height: 12px; margin-top: 5px; border: 3px solid #fff; border-radius: 50%; background: #6f7f98; box-shadow: 0 0 0 2px #d9dfe8; }
.task-timeline-v5 > article.done > i { background: #18a875; box-shadow: 0 0 0 2px #bee4d7; }
.task-timeline-v5 > article.overdue > i { background: #dc3f50; box-shadow: 0 0 0 2px #f0bbc4; }
.task-timeline-v5 time { color: #738096; font-size: .57rem; font-weight: 750; }
.task-timeline-v5 h3 { margin: 8px 0 4px; font-size: .76rem; }
.task-timeline-v5 p { margin: 0; color: var(--muted); font-size: .61rem; line-height: 1.5; }
.task-timeline-v5 footer { display: flex; align-items: center; gap: 10px; margin-top: 10px; color: var(--muted); font-size: .52rem; }
.task-people-v5 { display: grid; grid-template-columns: repeat(3, minmax(290px, 1fr)); gap: 13px; }
.task-people-v5 > article { min-width: 0; padding: 13px; border: 1px solid var(--line); border-radius: 17px; background: #f6f7f9; }
.task-people-v5 > article > header { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 10px; padding: 3px 3px 13px; }
.task-people-v5 > article > header strong, .task-people-v5 > article > header small { display: block; }
.task-people-v5 > article > header strong { font-size: .68rem; }
.task-people-v5 > article > header small { margin-top: 3px; color: var(--muted); font-size: .5rem; }
.task-people-v5 > article > header b { display: grid; min-width: 28px; height: 28px; place-items: center; border-radius: 9px; background: #fff; font-size: .58rem; }
.task-people-v5 > article > div { display: grid; gap: 8px; }
.avatar.neutral { background: #8792a3; }
.task-empty-v5 { margin-top: 14px; }

.task-template-toolbar { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 10px; margin-bottom: 17px; padding: 12px; border: 1px solid #e2e6ed; border-radius: 14px; background: #f8f9fb; }
.task-general-section { margin: 14px 0; padding: 15px; border: 1px solid #dce4f5; border-radius: 15px; background: #f8faff; }
.date-time-pair { display: grid; grid-template-columns: minmax(0, 1fr) 96px; gap: 6px; }
.task-completion-section { margin: 18px 0 4px; padding: 17px; border: 1px solid #cfe4da; border-radius: 15px; background: #f5fbf8; }
.task-completion-section.task-fast-section { margin: 10px 0 0; }
.task-commerce-section.task-top-section { margin: 10px 0 0; }
.task-top-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; align-items: start; }
.task-top-grid > .hidden + .task-primary-section { grid-column: 1 / -1; }
.task-top-grid .task-primary-grid { grid-template-columns: 1fr; }
.task-top-grid .task-primary-meta { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.task-top-grid .task-primary-meta .field:last-child { grid-column: auto; }
.task-primary-section { margin: 10px 0 0; padding: 17px; border: 1px solid #d7def5; border-radius: 15px; background: #f7f8ff; }
.task-primary-section .section-heading { margin-bottom: 13px; }
.task-primary-grid { display: grid; grid-template-columns: minmax(0, .85fr) minmax(260px, 1.15fr); gap: 14px; align-items: start; }
.task-primary-meta { align-content: start; }
.task-primary-meta .field:last-child { grid-column: 1 / -1; }
.task-multi-hint { padding: 5px 8px; border-radius: 999px; color: #4056c7; background: #e8edff; font-size: .48rem; font-weight: 900; text-transform: uppercase; }
.task-assignees-field select[multiple] { min-height: 126px; padding: 5px; background: #fff; }
.task-assignees-field select[multiple] option { margin: 2px 0; padding: 8px 9px; border-radius: 7px; }
.task-assignees-field select[multiple] option:checked { color: #fff; background: linear-gradient(135deg, #5267e8, #4056c7); }
.task-checklist-top { margin-top: 10px; border-color: #dbe4f2; background: #f8faff; }
.completion-required { padding: 5px 8px; border-radius: 999px; color: #147657; background: #e2f5ed; font-size: .48rem; font-weight: 900; text-transform: uppercase; }
.task-relations-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.task-relations-grid > div > strong { display: block; margin-bottom: 7px; color: #6c7789; font-size: .54rem; text-transform: uppercase; }
.relation-list { display: grid; gap: 6px; }
.relation-item { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 8px; width: 100%; padding: 8px 9px; border: 1px solid #e2e6ec; border-radius: 10px; color: var(--ink); background: #fff; text-align: left; cursor: pointer; }
.relation-item > span { display: grid; width: 24px; height: 24px; place-items: center; border-radius: 8px; color: #5267e8; background: #eef1ff; font-size: .55rem; font-weight: 900; }
.relation-item strong, .relation-item small { display: block; }
.relation-item strong { font-size: .59rem; }
.relation-item small { margin-top: 2px; color: var(--muted); font-size: .48rem; }
.relation-item.done strong { color: var(--muted); text-decoration: line-through; }
.relation-item.overdue { border-color: #f1c1c9; background: #fff6f7; }

/* Calendário profissional 5.0 */
.calendar-filter-bar {
  display: grid;
  grid-template-columns: minmax(260px, 1.4fr) repeat(4, minmax(120px, .55fr)) auto;
  align-items: end;
  gap: 8px;
  margin-bottom: 13px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 15px;
  background: #fff;
  box-shadow: var(--shadow-sm);
}
.calendar-filter-bar label { display: grid; gap: 5px; }
.calendar-filter-bar label > span { color: var(--muted); font-size: .48rem; font-weight: 850; text-transform: uppercase; }
.calendar-filter-bar input, .calendar-filter-bar select { height: 37px; min-width: 0; padding: 0 9px; border: 1px solid var(--line-strong); border-radius: 9px; color: var(--ink); background: #fff; font-size: .66rem; }
.calendar-pro-shell { overflow: hidden; border: 1px solid var(--line); border-radius: 20px; background: #fff; box-shadow: var(--shadow-md); }
.calendar-pro-toolbar { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 20px; padding: 16px 18px; border-bottom: 1px solid var(--line); background: linear-gradient(100deg, #fff, #fafbff); }
.calendar-pro-toolbar h2 { margin: 0; font-size: 1.05rem; text-align: center; text-transform: capitalize; }
.calendar-view-switch { justify-self: end; }
.calendar-pro-shell > .calendar-legend { justify-content: flex-start; padding: 9px 18px; border-bottom: 1px solid var(--line); background: #fbfcfd; }
.legend-general { background: #4b83d5; }
.legend-sku { background: #745fd1; }
.legend-overdue { background: #d64a5d; }
.calendar-pro-body { display: grid; grid-template-columns: minmax(0, 1fr) 280px; min-height: 620px; }
.calendar-pro-body > main { min-width: 0; overflow: auto; border-right: 1px solid var(--line); }
.calendar-month-v5 { min-width: 840px; }
.calendar-month-v5 .calendar-day { min-height: 125px; padding: 7px; }
.calendar-month-v5 .calendar-day.selected { box-shadow: inset 0 0 0 2px #8c9bea; }
.calendar-month-v5 .calendar-day.overloaded { background: #fffaf4; }
.calendar-month-v5 .calendar-day.drag-over, .calendar-week-v5 section.drag-over, .calendar-day-v5.drag-over { background: #fff4ee; box-shadow: inset 0 0 0 2px #f49a70; }
.calendar-day > header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 5px; }
.calendar-day > header > button { display: grid; width: 25px; height: 25px; place-items: center; border: 0; border-radius: 8px; color: #5f6b7e; background: transparent; font-size: .62rem; font-weight: 800; cursor: pointer; }
.calendar-day.today > header > button { color: #fff; background: var(--orange); }
.calendar-day > header > div { display: inline-flex; align-items: center; gap: 5px; }
.calendar-day > header > div > span { display: grid; min-width: 20px; height: 20px; place-items: center; border-radius: 7px; color: #667286; background: #eef1f4; font-size: .48rem; font-weight: 850; }
.calendar-day-add { width: 24px; height: 24px; padding: 0; border: 0; border-radius: 8px; background: #eef2ff; color: #4f46e5; font-size: 17px; line-height: 1; cursor: pointer; opacity: 0; transition: opacity .16s ease, background .16s ease; }
.calendar-day:hover .calendar-day-add, .calendar-day:focus-within .calendar-day-add { opacity: 1; }
.calendar-day-add:hover { background: #dfe5ff; }
.calendar-event { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 5px; width: 100%; min-height: 25px; margin: 3px 0; padding: 4px 6px; overflow: hidden; border: 1px solid transparent; border-radius: 7px; color: #315d96; background: #edf5ff; font-size: .52rem; font-weight: 750; text-align: left; cursor: pointer; }
.calendar-event i { display: grid; min-width: 20px; height: 17px; place-items: center; border-radius: 5px; color: #fff; background: #4b83d5; font-size: .38rem; font-style: normal; font-weight: 900; }
.calendar-event span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.calendar-event.sku { color: #514099; background: #f1efff; }
.calendar-event.sku i { background: #745fd1; }
.calendar-event.promotion { color: #805b06; background: #fff6d9; }
.calendar-event.promotion i { background: #dea919; }
.calendar-event.overdue { color: #a62e40; background: #fff0f2; }
.calendar-event.overdue i { background: #d64a5d; }
.calendar-event.done { opacity: .62; text-decoration: line-through; }
.calendar-event.dragging { opacity: .45; }
.calendar-load-warning { display: block; margin-top: 4px; color: #a86600; font-size: .45rem; font-weight: 850; text-align: right; }
.calendar-week-v5 { display: grid; grid-template-columns: repeat(7, minmax(170px, 1fr)); min-width: 1120px; min-height: 620px; }
.calendar-week-v5 > section { min-height: 620px; padding: 10px; border-right: 1px solid var(--line); background: #fafbfc; }
.calendar-week-v5 > section.today { background: #fffaf5; }
.calendar-week-v5 > section > header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.calendar-week-v5 > section > header button { display: flex; align-items: center; gap: 7px; border: 0; color: var(--ink); background: transparent; cursor: pointer; }
.calendar-week-v5 > section > header span { color: var(--muted); font-size: .5rem; text-transform: uppercase; }
.calendar-week-v5 > section > header strong { display: grid; width: 29px; height: 29px; place-items: center; border-radius: 9px; background: #fff; font-size: .69rem; }
.calendar-week-v5 > section.today > header strong { color: #fff; background: var(--orange); }
.calendar-week-v5 > section > header small { color: var(--muted); font-size: .45rem; }
.calendar-add-inline { width: 100%; padding: 9px; border: 1px dashed #ccd3dd; border-radius: 9px; color: #7b8798; background: transparent; font-size: .52rem; cursor: pointer; }
.calendar-day-v5 { min-width: 670px; }
.calendar-all-day { display: grid; grid-template-columns: 100px 1fr; gap: 12px; padding: 12px 15px; border-bottom: 1px solid var(--line); background: #fbfcfd; }
.calendar-all-day > strong { color: var(--muted); font-size: .55rem; text-transform: uppercase; }
.calendar-all-day > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px; }
.calendar-all-day > div > span { color: var(--muted); font-size: .55rem; }
.calendar-hours { display: grid; }
.calendar-hour-row { display: grid; grid-template-columns: 74px 1fr; min-height: 64px; border-bottom: 1px solid #edf0f3; }
.calendar-hour-row > time { padding: 10px 13px; color: #8a95a6; font-size: .53rem; text-align: right; }
.calendar-hour-row > div { position: relative; padding: 5px 40px 5px 7px; border-left: 1px solid #e5e9ee; }
.calendar-hour-row > div > button[data-calendar-create] { position: absolute; top: 8px; right: 8px; display: grid; width: 25px; height: 25px; place-items: center; border: 1px solid #dfe4eb; border-radius: 8px; color: #647087; background: #fff; cursor: pointer; }
.calendar-agenda-v5 { display: grid; min-width: 640px; }
.calendar-agenda-v5 > section { display: grid; grid-template-columns: 160px 1fr; gap: 14px; padding: 14px 16px; border-bottom: 1px solid var(--line); }
.calendar-agenda-v5 > section > header { display: grid; grid-template-columns: 1fr auto; align-items: start; gap: 8px; }
.calendar-agenda-v5 > section > header button { border: 0; color: var(--ink); background: transparent; text-align: left; cursor: pointer; }
.calendar-agenda-v5 > section > header strong, .calendar-agenda-v5 > section > header span { display: block; }
.calendar-agenda-v5 > section > header strong { font-size: .68rem; }
.calendar-agenda-v5 > section > header span { margin-top: 4px; color: var(--muted); font-size: .53rem; text-transform: capitalize; }
.calendar-agenda-v5 > section > header b { display: grid; min-width: 23px; height: 23px; place-items: center; border-radius: 7px; background: #eef1f5; font-size: .49rem; }
.calendar-agenda-v5 > section > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px; }
.calendar-side-agenda { padding: 18px 15px; background: #fafbfc; }
.calendar-side-agenda > header { padding: 0 3px 14px; border-bottom: 1px solid var(--line); }
.calendar-side-agenda > header h3 { margin: 4px 0; font-size: .95rem; }
.calendar-side-agenda > header > span { color: var(--muted); font-size: .55rem; }
.calendar-side-agenda > div { display: grid; gap: 4px; margin: 13px 0; }
.calendar-side-agenda .calendar-event { min-height: 32px; padding: 6px 7px; }
.calendar-side-empty { padding: 28px 10px; color: var(--muted); text-align: center; }
.calendar-side-empty strong, .calendar-side-empty span { display: block; }
.calendar-side-empty strong { color: var(--ink); font-size: .68rem; }
.calendar-side-empty span { margin-top: 4px; font-size: .53rem; }
.calendar-conflict-warning { margin: 12px 0 0 !important; padding: 10px; border: 1px solid #f1d09b; border-radius: 10px; color: #8d5c06; background: #fff8e8; }
.calendar-conflict-warning strong, .calendar-conflict-warning span { display: block; }
.calendar-conflict-warning strong { font-size: .59rem; }
.calendar-conflict-warning span { margin-top: 3px; font-size: .5rem; line-height: 1.4; }

@media (max-width: 1180px) {
  .task-metrics-v5 { grid-template-columns: repeat(6, minmax(150px, 1fr)); }
  .task-workspace-nav-v5 { align-items: stretch; flex-direction: column; }
  .task-layout-switch { align-self: flex-end; }
  .task-people-v5 { grid-template-columns: repeat(2, minmax(280px, 1fr)); }
  .calendar-filter-bar { grid-template-columns: repeat(3, minmax(150px, 1fr)); }
  .calendar-search { grid-column: span 2; }
  .calendar-pro-body { grid-template-columns: 1fr; }
  .calendar-pro-body > main { border-right: 0; border-bottom: 1px solid var(--line); }
  .calendar-side-agenda { display: grid; grid-template-columns: 200px minmax(0, 1fr) auto; align-items: start; gap: 13px; }
  .calendar-side-agenda > div { grid-template-columns: repeat(2, minmax(0,1fr)); margin: 0; }
}
@media (max-width: 760px) {
  .task-command-bar { align-items: flex-start; flex-direction: column; }
  .task-command-bar > div { align-items: flex-start; flex-direction: column; }
  .task-metrics-v5 { grid-template-columns: repeat(6, 145px); }
  .task-layout-switch { width: 100%; align-self: stretch; overflow-x: auto; }
  .task-layout-switch button { min-width: max-content; }
  .task-kanban-v5 { grid-template-columns: repeat(4, 82vw); }
  .task-people-v5 { grid-template-columns: 1fr; }
  .task-timeline-v5 > article { grid-template-columns: 18px minmax(0, 1fr); }
  .task-timeline-v5 time { grid-column: 2; }
  .task-timeline-v5 > article > div { grid-column: 2; }
  .task-template-toolbar, .task-relations-grid { grid-template-columns: 1fr; }
  .date-time-pair { grid-template-columns: 1fr 90px; }
  .calendar-filter-bar { grid-template-columns: 1fr 1fr; }
  .calendar-search { grid-column: 1 / -1; }
  .calendar-pro-toolbar { grid-template-columns: 1fr; }
  .calendar-pro-toolbar h2 { grid-row: 1; text-align: left; }
  .calendar-pro-toolbar .calendar-nav { grid-row: 2; }
  .calendar-view-switch { grid-row: 2; justify-self: end; overflow-x: auto; }
  .calendar-side-agenda { grid-template-columns: 1fr; }
  .calendar-side-agenda > div { grid-template-columns: 1fr; }
}

/* Dashboard executivo 6.0 */
.dashboard-v6 {
  width: min(100%, 1680px);
  margin: 0 auto;
  color: #172033;
}
.dashboard-v6-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 20px;
}
.dashboard-v6-header h1 {
  margin: 6px 0 0;
  font-size: clamp(1.8rem, 2.5vw, 2.5rem);
  line-height: 1;
  letter-spacing: -.05em;
}
.dashboard-v6-header > div:first-child > p {
  margin: 9px 0 0;
  color: #69758a;
  font-size: .88rem;
}
.dashboard-v6-status {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #8a94a5;
  font-size: .69rem;
}
.dashboard-v6-status strong { color: #168862; }
.dashboard-live-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #20b783;
  box-shadow: 0 0 0 5px rgba(32,183,131,.12);
}
.dashboard-v6-header-actions {
  display: flex;
  align-items: center;
  gap: 14px;
}
.dashboard-v6-header-actions time {
  color: #7c8799;
  font-size: .76rem;
  font-weight: 700;
  text-transform: capitalize;
}
.dashboard-connect-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 16px;
  padding: 22px 24px;
  border: 1px solid #ffd4bf;
  border-radius: 18px;
  background: #fffaf7;
}
.dashboard-connect-card span {
  color: #df4d17;
  font-size: .65rem;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.dashboard-connect-card h2 { margin: 5px 0 4px; font-size: 1.2rem; }
.dashboard-connect-card p { margin: 0; color: #748094; font-size: .76rem; }

.dashboard-kpi-strip {
  display: grid;
  grid-template-columns: minmax(240px, 1.25fr) repeat(4, minmax(155px, 1fr));
  gap: 12px;
  margin-bottom: 14px;
}
.dashboard-kpi {
  position: relative;
  min-width: 0;
  min-height: 132px;
  padding: 18px;
  overflow: hidden;
  border: 1px solid #e2e7ef;
  border-radius: 17px;
  color: #172033;
  background: #fff;
  box-shadow: 0 2px 7px rgba(15,23,42,.045);
  cursor: pointer;
  text-align: left;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.dashboard-kpi:hover {
  transform: translateY(-2px);
  border-color: #cfd6e1;
  box-shadow: 0 10px 24px rgba(15,23,42,.075);
}
.dashboard-kpi::after {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: #dbe2ec;
}
.dashboard-kpi-primary {
  border-color: #ffd2bd;
  background: linear-gradient(135deg, #fff 0%, #fff8f4 100%);
}
.dashboard-kpi-primary::after { background: #f7682b; }
.dashboard-kpi.attention { border-color: #ffd5d9; background: #fffafb; }
.dashboard-kpi.attention::after { background: #dc3f50; }
.dashboard-kpi > span {
  display: flex;
  align-items: center;
  gap: 9px;
  color: #68758a;
  font-size: .72rem;
  font-weight: 750;
}
.dashboard-kpi-icon {
  display: grid;
  width: 27px;
  height: 27px;
  place-items: center;
  border-radius: 8px;
  color: #c24b1b;
  background: #fff0e8;
  font-size: .58rem;
  font-style: normal;
  font-weight: 900;
}
.dashboard-kpi-icon.profit { color: #087a55; background: #e8f8f2; }
.dashboard-kpi-icon.margin { color: #4f46c8; background: #efefff; }
.dashboard-kpi-icon.orders { color: #2866af; background: #ebf4ff; }
.dashboard-kpi-icon.questions { color: #a33a49; background: #fff0f2; }
.dashboard-kpi > strong {
  display: block;
  margin-top: 16px;
  overflow: hidden;
  color: #172033;
  font-size: clamp(1.55rem, 2.2vw, 2.05rem);
  line-height: 1;
  letter-spacing: -.05em;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dashboard-kpi-primary > strong { font-size: clamp(1.65rem, 2.6vw, 2.35rem); }
.dashboard-kpi > strong.positive { color: #0a8b61; }
.dashboard-kpi > strong.negative { color: #c43749; }
.dashboard-kpi > small {
  display: block;
  margin-top: 8px;
  overflow: hidden;
  color: #929baa;
  font-size: .61rem;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dashboard-v6-card {
  min-width: 0;
  border: 1px solid #e1e6ee;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 2px 8px rgba(15,23,42,.045);
}
.dashboard-v6-card-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}
.dashboard-v6-card-heading > div:first-child > span {
  display: block;
  margin-bottom: 5px;
  color: #f05b23;
  font-size: .62rem;
  font-weight: 850;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.dashboard-v6-card-heading h2 {
  margin: 0;
  font-size: 1.16rem;
  letter-spacing: -.035em;
}
.dashboard-v6-main-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) minmax(320px, .72fr);
  gap: 14px;
  margin-bottom: 14px;
}
.dashboard-v6-operations {
  display: grid;
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.dashboard-chart-card {
  display: flex;
  min-height: 365px;
  flex-direction: column;
  padding: 21px 22px 18px;
}
.dashboard-chart-summary {
  display: flex;
  align-items: flex-end;
  gap: 28px;
  margin-top: 24px;
}
.dashboard-chart-summary > span small,
.dashboard-chart-summary > span strong { display: block; }
.dashboard-chart-summary > span small { color: #8b95a5; font-size: .64rem; }
.dashboard-chart-summary > span strong { margin-top: 5px; font-size: 1rem; }
.dashboard-chart-summary .positive { color: #0a8b61; }
.dashboard-chart-summary .negative { color: #c43749; }
.dashboard-chart-legend {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-left: auto;
  color: #8a95a7;
  font-size: .61rem;
}
.dashboard-chart-legend i {
  width: 9px;
  height: 9px;
  border-radius: 3px;
  background: #cad5ef;
}
.dashboard-chart-legend i:nth-of-type(2) { margin-left: 6px; background: #5267e8; }
.dashboard-chart-plot {
  display: grid;
  grid-template-columns: repeat(14, minmax(24px, 1fr));
  gap: 7px;
  height: 220px;
  margin-top: auto;
  padding-top: 22px;
  border-bottom: 1px solid #e7ebf1;
}
.dashboard-chart-day {
  display: grid;
  min-width: 0;
  grid-template-rows: minmax(0, 1fr) 22px;
  gap: 5px;
}
.dashboard-chart-bars {
  display: flex;
  min-height: 0;
  align-items: flex-end;
  justify-content: center;
  gap: 3px;
}
.dashboard-chart-bars i,
.dashboard-chart-bars b {
  display: block;
  width: min(14px, 42%);
  min-height: 0;
  border-radius: 5px 5px 2px 2px;
  background: #cad5ef;
}
.dashboard-chart-bars b { background: #5267e8; }
.dashboard-chart-bars b.loss { background: #dc3f50; }
.dashboard-chart-day > span {
  color: #8994a5;
  font-size: .56rem;
  text-align: center;
}
.dashboard-chart-empty {
  grid-column: 1 / -1;
  place-self: center;
  color: #8b95a5;
  font-size: .75rem;
}

.dashboard-logistics-card,
.dashboard-task-card { padding: 19px; }
.dashboard-auto-status {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #13805e;
  font-size: .61rem;
  font-weight: 800;
}
.dashboard-auto-status i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #20b783;
  box-shadow: 0 0 0 4px rgba(32,183,131,.12);
}
.dashboard-logistics-card.urgent { border-color: #ffd0ba; background: #fffaf7; }
.dashboard-logistics-main { margin-top: 18px; }
.dashboard-logistics-main > div {
  display: flex;
  align-items: baseline;
  gap: 11px;
}
.dashboard-logistics-main > div > strong {
  font-size: 2.15rem;
  line-height: 1;
  letter-spacing: -.06em;
}
.dashboard-logistics-main > div > span {
  color: #596980;
  font-size: .66rem;
  font-weight: 750;
}
.dashboard-logistics-card.urgent .dashboard-logistics-main > div > strong { color: #c44b1a; }
.dashboard-logistics-main > p {
  margin: 7px 0 0;
  overflow: hidden;
  color: #8b95a5;
  font-size: .59rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dashboard-logistics-waiting { display: grid !important; gap: 5px !important; }
.dashboard-logistics-waiting strong { font-size: .87rem !important; letter-spacing: -.02em !important; }
.dashboard-logistics-waiting span { color: #8b95a5 !important; font-weight: 500 !important; }
.dashboard-logistics-metrics {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 16px;
  overflow: hidden;
  border: 1px solid #e5e9ef;
  border-radius: 12px;
}
.dashboard-logistics-metrics > span { padding: 10px 11px; border-left: 1px solid #e8ebf0; }
.dashboard-logistics-metrics > span:first-child { border-left: 0; }
.dashboard-logistics-metrics strong,
.dashboard-logistics-metrics small { display: block; }
.dashboard-logistics-metrics strong { font-size: .95rem; }
.dashboard-logistics-metrics small { margin-top: 3px; color: #8b95a5; font-size: .53rem; }
.dashboard-logistics-metrics .danger strong { color: #cc384b; }
.dashboard-logistics-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 11px;
}
.dashboard-logistics-footer small { color: #98a1af; font-size: .52rem; }
.dashboard-task-metrics {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 7px;
  margin-top: 18px;
}
.dashboard-task-metrics button {
  min-width: 0;
  padding: 11px 8px;
  border: 1px solid #e7eaf0;
  border-radius: 11px;
  background: #fafbfc;
  cursor: pointer;
  text-align: left;
}
.dashboard-task-metrics button:hover { border-color: #d3d9e3; background: #fff; }
.dashboard-task-metrics strong,
.dashboard-task-metrics span { display: block; }
.dashboard-task-metrics strong { font-size: 1.18rem; }
.dashboard-task-metrics span { margin-top: 4px; overflow: hidden; color: #7f8999; font-size: .51rem; text-overflow: ellipsis; white-space: nowrap; }
.dashboard-task-metrics .danger { border-color: #ffdce0; background: #fff8f9; }
.dashboard-task-metrics .danger strong { color: #cb384a; }
.dashboard-task-metrics .warning { border-color: #ffdfb5; background: #fffbf4; }
.dashboard-task-metrics .warning strong { color: #ad6900; }
.dashboard-task-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 15px;
  color: #7f8999;
  font-size: .57rem;
}
.dashboard-task-footer button {
  padding: 0;
  border: 0;
  color: #e15420;
  background: transparent;
  cursor: pointer;
  font-size: .58rem;
  font-weight: 850;
}

.dashboard-sales-detail-card.today-sales-panel {
  margin: 0 0 14px;
  border-radius: 18px;
  box-shadow: 0 2px 8px rgba(15,23,42,.045);
}
.dashboard-sales-detail-card .today-sales-heading {
  grid-template-columns: minmax(280px, 1fr) auto auto;
  gap: 18px;
  padding: 19px 22px;
  background: #fff;
}
.dashboard-sales-detail-card .today-sales-heading h2 { font-size: 1.18rem; }
.dashboard-sales-detail-card .today-sales-heading > div:first-child > span { font-size: .63rem; }
.dashboard-sales-detail-card .today-sales-kpis > span { min-width: 96px; padding: 2px 16px; }
.dashboard-sales-detail-card .today-sales-table th {
  padding: 11px 16px;
  color: #788397;
  font-size: .61rem;
}
.dashboard-sales-detail-card .today-sales-table td {
  padding: 12px 16px;
  font-size: .75rem;
}
.dashboard-sales-detail-card .dashboard-product strong { font-size: .75rem; }
.dashboard-sales-detail-card .dashboard-product small { font-size: .59rem; }

.dashboard-v6-lower-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) minmax(310px, .68fr);
  gap: 14px;
  margin-bottom: 14px;
}
.dashboard-questions-card,
.dashboard-ranking-card { padding: 20px; }
.dashboard-questions-heading { align-items: center; padding-bottom: 15px; border-bottom: 1px solid #e7ebf0; }
.dashboard-question-summary { display: flex; align-items: center; gap: 17px; color: #7d8798; font-size: .61rem; }
.dashboard-question-summary strong { margin-right: 3px; color: #172033; font-size: .88rem; }
.dashboard-question-list {
  display: grid;
  max-height: 420px;
  overflow: auto;
}
.dashboard-question-row {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 112px;
  gap: 12px;
  align-items: center;
  min-width: 0;
  padding: 14px 2px;
  border-bottom: 1px solid #edf0f4;
}
.dashboard-question-row:last-child { border-bottom: 0; }
.dashboard-question-row.pending { background: linear-gradient(90deg, rgba(255,241,233,.72), transparent 36%); }
.dashboard-question-row > img,
.dashboard-question-row > .question-product-placeholder {
  width: 42px;
  height: 42px;
  border: 1px solid #e0e5ec;
  border-radius: 11px;
  object-fit: cover;
  background: #f5f7fa;
}
.dashboard-question-copy { min-width: 0; }
.dashboard-question-copy > div strong,
.dashboard-question-copy > div small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dashboard-question-copy > div strong { font-size: .72rem; }
.dashboard-question-copy > div small { margin-top: 3px; color: #9099a8; font-size: .54rem; }
.dashboard-question-copy p {
  margin: 7px 0 0;
  overflow: hidden;
  color: #334155;
  font-size: .68rem;
  font-weight: 700;
  line-height: 1.4;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dashboard-question-answer {
  display: block;
  margin-top: 5px;
  overflow: hidden;
  color: #7b8798;
  font-size: .55rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dashboard-question-meta {
  display: grid;
  justify-items: end;
  gap: 6px;
}
.dashboard-question-meta time { color: #9aa3b1; font-size: .51rem; }
.dashboard-question-meta a { color: #df4d17; font-size: .55rem; font-weight: 800; }
.dashboard-question-meta .question-status { min-height: 23px; }
.dashboard-ranking-list { margin-top: 13px; }
.dashboard-ranking-row {
  display: grid;
  grid-template-columns: 25px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 11px 0;
  border-bottom: 1px solid #edf0f4;
}
.dashboard-ranking-row > span {
  display: grid;
  width: 24px;
  height: 24px;
  place-items: center;
  border-radius: 8px;
  color: #4f5fc5;
  background: #eef0ff;
  font-size: .58rem;
  font-weight: 900;
}
.dashboard-ranking-row > div { min-width: 0; }
.dashboard-ranking-row > div strong,
.dashboard-ranking-row > div small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dashboard-ranking-row > div strong { font-size: .69rem; }
.dashboard-ranking-row > div small { margin-top: 3px; color: #919aa9; font-size: .53rem; }
.dashboard-ranking-row > b { font-size: .75rem; white-space: nowrap; }
.dashboard-ranking-row > b small { margin-left: 2px; color: #8c96a5; font-size: .5rem; }
.dashboard-loss-alert {
  display: grid;
  width: 100%;
  gap: 4px;
  margin-top: 13px;
  padding: 11px 12px;
  border: 1px solid #ffdce0;
  border-radius: 11px;
  color: #a62e40;
  background: #fff7f8;
  cursor: pointer;
  text-align: left;
}
.dashboard-loss-alert strong { font-size: .65rem; }
.dashboard-loss-alert span { font-size: .55rem; }
.dashboard-ranking-ok {
  margin-top: 13px;
  padding: 10px 12px;
  border-radius: 10px;
  color: #087a55;
  background: #edf9f5;
  font-size: .59rem;
  font-weight: 750;
}
.dashboard-ranking-ok span { margin-right: 5px; }
.dashboard-v6-planning-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(330px, .75fr);
  gap: 14px;
}
.dashboard-agenda-card,
.dashboard-team-card { padding: 20px; }
.dashboard-agenda-card .upcoming-list,
.dashboard-team-card .workload-list { margin-top: 13px; }
.dashboard-agenda-card .upcoming-item { padding: 11px 0; font-size: .7rem; }

@media (max-width: 1280px) {
  .dashboard-kpi-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .dashboard-kpi-primary { grid-column: span 1; }
  .dashboard-v6-main-grid { grid-template-columns: 1fr; }
  .dashboard-v6-operations { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: none; }
}
@media (max-width: 940px) {
  .dashboard-kpi-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dashboard-v6-lower-grid,
  .dashboard-v6-planning-grid { grid-template-columns: 1fr; }
  .dashboard-v6-operations { grid-template-columns: 1fr; }
  .dashboard-sales-detail-card .today-sales-heading { grid-template-columns: 1fr auto; }
  .dashboard-sales-detail-card .today-sales-kpis { grid-column: 1 / -1; grid-row: 2; }
}
@media (max-width: 680px) {
  .dashboard-v6-header { align-items: flex-start; flex-direction: column; }
  .dashboard-v6-header-actions { width: 100%; justify-content: space-between; }
  .dashboard-v6-header-actions time { max-width: 180px; }
  .dashboard-kpi-strip { grid-template-columns: 1fr; }
  .dashboard-kpi { min-height: 118px; }
  .dashboard-chart-card { min-height: 330px; padding: 18px 15px; overflow-x: auto; }
  .dashboard-chart-summary { flex-wrap: wrap; gap: 14px 20px; }
  .dashboard-chart-legend { width: 100%; margin-left: 0; }
  .dashboard-chart-plot { min-width: 620px; }
  .dashboard-task-metrics { grid-template-columns: repeat(2, 1fr); }
  .dashboard-sales-detail-card .today-sales-heading { grid-template-columns: 1fr; }
  .dashboard-sales-detail-card .today-sales-kpis { grid-column: auto; grid-row: auto; overflow-x: auto; }
  .dashboard-sales-detail-card .today-sales-kpis > span:first-child { padding-left: 0; border-left: 0; }
  .dashboard-question-summary { align-items: flex-end; flex-direction: column; gap: 5px; }
  .dashboard-question-row { grid-template-columns: 38px minmax(0, 1fr); }
  .dashboard-question-row > img,
  .dashboard-question-row > .question-product-placeholder { width: 38px; height: 38px; }
  .dashboard-question-meta { grid-column: 2; grid-template-columns: auto auto auto; align-items: center; justify-items: start; }
}

/* Dashboard vivo 7.0 */
.dashboard-v6 {
  position: relative;
  isolation: isolate;
  padding: 22px;
  border-radius: 30px;
  background:
    radial-gradient(circle at 2% 1%, rgba(77, 110, 255, .12), transparent 26%),
    radial-gradient(circle at 96% 8%, rgba(255, 111, 61, .14), transparent 24%),
    linear-gradient(180deg, #f5f7ff 0%, #f8f9fc 45%, #f3f7fb 100%);
}
.dashboard-v6::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  border: 1px solid rgba(210, 218, 234, .72);
  border-radius: inherit;
  pointer-events: none;
}
.dashboard-v6-header {
  position: relative;
  min-height: 126px;
  align-items: center;
  margin-bottom: 16px;
  padding: 24px 28px;
  overflow: hidden;
  border-radius: 24px;
  color: #fff;
  background:
    radial-gradient(circle at 88% 12%, rgba(255, 150, 76, .9) 0, rgba(255, 117, 61, .5) 16%, transparent 34%),
    radial-gradient(circle at 70% 115%, rgba(99, 102, 241, .65), transparent 34%),
    linear-gradient(118deg, #101c3c 0%, #1c3470 48%, #47347d 100%);
  box-shadow: 0 18px 42px rgba(29, 48, 102, .22);
}
.dashboard-v6-header::after {
  content: "";
  position: absolute;
  right: 17%;
  top: -88px;
  width: 210px;
  height: 210px;
  border: 34px solid rgba(255,255,255,.07);
  border-radius: 50%;
}
.dashboard-v6-header > * { position: relative; z-index: 1; }
.dashboard-v6-header h1 {
  color: #fff;
  font-size: clamp(2rem, 3vw, 2.85rem);
  text-shadow: 0 2px 20px rgba(0,0,0,.14);
}
.dashboard-v6-header > div:first-child > p { color: rgba(235,241,255,.76); font-size: .82rem; }
.dashboard-v6-status { color: rgba(231,238,255,.68); }
.dashboard-v6-status strong { color: #75f2c0; }
.dashboard-v6-header-actions time { color: rgba(255,255,255,.74); }
.dashboard-v6-header-actions .button {
  border-color: rgba(255,255,255,.24);
  color: #fff;
  background: rgba(255,255,255,.12);
  box-shadow: 0 8px 20px rgba(9,17,45,.16);
  backdrop-filter: blur(10px);
}
.dashboard-v6-header-actions .button:hover { border-color: rgba(255,255,255,.5); background: rgba(255,255,255,.2); }

.dashboard-kpi-strip { gap: 14px; margin-bottom: 16px; }
.dashboard-kpi {
  min-height: 142px;
  border: 0;
  box-shadow: 0 12px 30px rgba(32, 46, 83, .1);
}
.dashboard-kpi::after {
  inset: auto 18px 0;
  width: auto;
  height: 4px;
  border-radius: 4px 4px 0 0;
}
.dashboard-kpi:nth-child(1) {
  color: #fff;
  background:
    radial-gradient(circle at 92% 12%, rgba(255,255,255,.16), transparent 30%),
    linear-gradient(135deg, #ff6a32 0%, #f34061 100%);
}
.dashboard-kpi:nth-child(1)::after { background: #ffd166; }
.dashboard-kpi:nth-child(1) > span,
.dashboard-kpi:nth-child(1) > small { color: rgba(255,255,255,.78); }
.dashboard-kpi:nth-child(1) > strong { color: #fff; }
.dashboard-kpi:nth-child(1) .dashboard-kpi-icon { color: #ff6532; background: #fff; }
.dashboard-kpi:nth-child(2) {
  background: linear-gradient(145deg, #ebfff7 0%, #f8fffc 100%);
}
.dashboard-kpi:nth-child(2)::after { background: linear-gradient(90deg, #0ba879, #5ee0af); }
.dashboard-kpi:nth-child(3) {
  background: linear-gradient(145deg, #f2efff 0%, #fbfaff 100%);
}
.dashboard-kpi:nth-child(3)::after { background: linear-gradient(90deg, #7657e8, #ad78ff); }
.dashboard-kpi:nth-child(4) {
  background: linear-gradient(145deg, #eef7ff 0%, #fbfdff 100%);
}
.dashboard-kpi:nth-child(4)::after { background: linear-gradient(90deg, #2d7df0, #67b7ff); }
.dashboard-kpi:nth-child(5) {
  background: linear-gradient(145deg, #fff0f4 0%, #fffafb 100%);
}
.dashboard-kpi:nth-child(5)::after { background: linear-gradient(90deg, #e73f67, #ff7e9c); }
.dashboard-kpi > strong { margin-top: 18px; }
.dashboard-kpi:hover { transform: translateY(-4px); box-shadow: 0 18px 38px rgba(31,45,82,.16); }

.dashboard-v6-card {
  border-color: rgba(210,218,232,.8);
  box-shadow: 0 12px 34px rgba(35,48,79,.09);
}
.dashboard-chart-card {
  position: relative;
  overflow: hidden;
  border: 0;
  color: #fff;
  background:
    radial-gradient(circle at 100% 0, rgba(67, 196, 255, .22), transparent 32%),
    radial-gradient(circle at 15% 110%, rgba(130, 91, 255, .28), transparent 40%),
    linear-gradient(145deg, #101b36 0%, #142753 54%, #173969 100%);
  box-shadow: 0 20px 46px rgba(20,39,83,.23);
}
.dashboard-chart-card::after {
  content: "";
  position: absolute;
  right: -78px;
  top: -92px;
  width: 220px;
  height: 220px;
  border: 34px solid rgba(255,255,255,.045);
  border-radius: 50%;
}
.dashboard-chart-card > * { position: relative; z-index: 1; }
.dashboard-chart-card .dashboard-v6-card-heading > div:first-child > span { color: #73dbff; }
.dashboard-chart-card .dashboard-v6-card-heading h2 { color: #fff; }
.dashboard-chart-card .text-button { color: #ffb27c; }
.dashboard-chart-summary {
  align-items: stretch;
  margin-top: 22px;
  gap: 10px;
}
.dashboard-chart-summary > span {
  min-width: 132px;
  padding: 10px 12px;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 12px;
  background: rgba(255,255,255,.055);
}
.dashboard-chart-summary > span small { color: rgba(218,229,250,.62); }
.dashboard-chart-summary > span strong { color: #fff; }
.dashboard-chart-summary .positive { color: #53e1aa; }
.dashboard-chart-summary .negative { color: #ff8395; }
.dashboard-chart-legend { color: rgba(221,231,248,.68); }
.dashboard-chart-legend i { background: #48b9ff; }
.dashboard-chart-legend i:nth-of-type(2) { background: #ff9364; }
.dashboard-chart-plot {
  position: relative;
  flex: 1;
  min-height: 300px;
  padding: 22px 10px 0;
  border-bottom-color: rgba(255,255,255,.16);
  background: repeating-linear-gradient(
    to bottom,
    rgba(255,255,255,.075) 0,
    rgba(255,255,255,.075) 1px,
    transparent 1px,
    transparent 48px
  );
}
.dashboard-chart-bars {
  height: 100%;
  min-height: 270px;
}
.dashboard-chart-bars i {
  min-height: 3px;
  background: linear-gradient(180deg, #68d6ff 0%, #3287f5 100%);
  box-shadow: 0 4px 15px rgba(60,163,255,.24);
}
.dashboard-chart-bars b {
  min-height: 3px;
  background: linear-gradient(180deg, #ffba7b 0%, #ff6b4a 100%);
  box-shadow: 0 4px 15px rgba(255,106,74,.22);
}
.dashboard-chart-bars b.loss { background: linear-gradient(180deg, #ff8aa4, #e3325d); }
.dashboard-chart-bars .bar-level-0 { height: 3px; opacity: .28; }
.dashboard-chart-bars .bar-level-1 { height: 13px; }
.dashboard-chart-bars .bar-level-2 { height: 25px; }
.dashboard-chart-bars .bar-level-3 { height: 38px; }
.dashboard-chart-bars .bar-level-4 { height: 50px; }
.dashboard-chart-bars .bar-level-5 { height: 63px; }
.dashboard-chart-bars .bar-level-6 { height: 75px; }
.dashboard-chart-bars .bar-level-7 { height: 88px; }
.dashboard-chart-bars .bar-level-8 { height: 100px; }
.dashboard-chart-bars .bar-level-9 { height: 113px; }
.dashboard-chart-bars .bar-level-10 { height: 125px; }
.dashboard-chart-bars .bar-level-11 { height: 138px; }
.dashboard-chart-bars .bar-level-12 { height: 150px; }
.dashboard-chart-bars .bar-level-13 { height: 163px; }
.dashboard-chart-bars .bar-level-14 { height: 175px; }
.dashboard-chart-bars .bar-level-15 { height: 188px; }
.dashboard-chart-bars .bar-level-16 { height: 200px; }
.dashboard-chart-bars .bar-level-17 { height: 213px; }
.dashboard-chart-bars .bar-level-18 { height: 225px; }
.dashboard-chart-bars .bar-level-19 { height: 238px; }
.dashboard-chart-bars .bar-level-20 { height: 250px; }
.dashboard-chart-day > span { color: rgba(222,232,250,.65); }

.dashboard-logistics-card {
  border-color: #ffd1ae;
  background:
    radial-gradient(circle at 100% 0, rgba(255,188,92,.27), transparent 38%),
    linear-gradient(145deg, #fff7e9 0%, #fffdf9 75%);
}
.dashboard-logistics-card .dashboard-v6-card-heading > div:first-child > span { color: #e95719; }
.dashboard-logistics-card .dashboard-logistics-main > div > strong { color: #df4e1d; }
.dashboard-logistics-metrics { border-color: #f1d5be; background: rgba(255,255,255,.62); }
.dashboard-logistics-metrics > span { border-left-color: #f1d5be; }
.dashboard-task-card {
  border-color: #d8d6ff;
  background:
    radial-gradient(circle at 100% 0, rgba(128,103,255,.17), transparent 38%),
    linear-gradient(145deg, #f4f2ff 0%, #fff 76%);
}
.dashboard-task-card .dashboard-v6-card-heading > div:first-child > span { color: #6851d7; }
.dashboard-task-metrics button { background: rgba(255,255,255,.74); }
.dashboard-task-metrics button:nth-child(1) { border-color: #cfd8ff; }
.dashboard-task-metrics button:nth-child(2) { border-color: #d8cbff; }
.dashboard-task-metrics button:nth-child(1) strong { color: #356be8; }
.dashboard-task-metrics button:nth-child(2) strong { color: #7356d8; }

.dashboard-sales-detail-card.today-sales-panel {
  overflow: hidden;
  border: 0;
  box-shadow: 0 14px 38px rgba(36,49,78,.1);
}
.dashboard-sales-detail-card .today-sales-heading {
  color: #fff;
  background:
    radial-gradient(circle at 92% 50%, rgba(73,213,178,.24), transparent 25%),
    linear-gradient(112deg, #172541, #21456c);
}
.dashboard-sales-detail-card .today-sales-heading h2 { color: #fff; }
.dashboard-sales-detail-card .today-sales-heading > div:first-child > span { color: rgba(223,234,249,.7); }
.dashboard-sales-detail-card .today-sales-heading .eyebrow { color: #56e0b1; }
.dashboard-sales-detail-card .today-sales-heading .button {
  border-color: rgba(255,255,255,.2);
  color: #fff;
  background: rgba(255,255,255,.1);
}
.dashboard-sales-detail-card .today-sales-kpis small { color: rgba(220,231,247,.62); }
.dashboard-sales-detail-card .today-sales-kpis strong { color: #fff; }
.dashboard-sales-detail-card .today-sales-kpis .profit-positive { color: #58e3b3; }
.dashboard-sales-detail-card .today-sales-table thead { background: #f1f5fb; }

.dashboard-questions-card {
  border-color: #d2e5ff;
  background:
    radial-gradient(circle at 100% 0, rgba(67,150,255,.12), transparent 30%),
    linear-gradient(160deg, #f4f9ff, #fff 58%);
}
.dashboard-questions-card .dashboard-v6-card-heading > div:first-child > span { color: #347de0; }
.dashboard-ranking-card {
  border-color: #ead9ff;
  background:
    radial-gradient(circle at 100% 0, rgba(171,99,255,.13), transparent 32%),
    linear-gradient(155deg, #fbf6ff, #fff 62%);
}
.dashboard-ranking-card .dashboard-v6-card-heading > div:first-child > span { color: #8b4bd1; }
.dashboard-ranking-row > span { color: #fff; background: linear-gradient(145deg, #7657e8, #ad78ff); }
.dashboard-agenda-card {
  border-color: #d2e3ff;
  background: linear-gradient(145deg, #f5f9ff, #fff 55%);
}
.dashboard-team-card {
  border-color: #d4eee5;
  background: linear-gradient(145deg, #f1fcf7, #fff 55%);
}

/* Dashboard commercial chart */
.dashboard-chart-card { min-height: 520px; }
.dashboard-chart-card .dashboard-v6-card-heading > div:first-child > p {
  margin: 5px 0 0;
  color: rgba(218,229,250,.62);
  font-size: .62rem;
}
.dashboard-chart-card .dashboard-chart-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(120px, 1fr)) auto;
  align-items: stretch;
  gap: 9px;
  margin-top: 18px;
}
.dashboard-chart-card .dashboard-chart-summary > span {
  min-width: 0;
  padding: 11px 12px;
}
.dashboard-chart-card .dashboard-chart-legend {
  align-self: center;
  margin-left: 8px;
  white-space: nowrap;
}
.dashboard-chart-legend i.revenue { background: #46bfff; }
.dashboard-chart-legend i.profit { margin-left: 7px; background: #ff8c5d; }
.dashboard-chart-canvas {
  position: relative;
  margin-top: 17px;
  overflow: visible;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 15px;
  background: rgba(7,18,42,.22);
}
.dashboard-chart-canvas svg {
  display: block;
  width: 100%;
  height: auto;
  min-height: 300px;
  overflow: visible;
}
.commerce-grid-line line {
  stroke: rgba(215,228,251,.13);
  stroke-width: 1;
  stroke-dasharray: 4 6;
}
.commerce-grid-line text,
.commerce-profit-scale,
.commerce-date-label,
.commerce-axis-title {
  fill: rgba(222,232,250,.62);
  font-family: inherit;
}
.commerce-grid-line text,
.commerce-profit-scale { font-size: 11px; }
.commerce-axis-title {
  fill: rgba(217,231,255,.78);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 1.1px;
}
.commerce-axis-title.profit-axis { fill: #ffc19e; }
.commerce-date-label { font-size: 10px; font-weight: 650; }
.commerce-revenue-bar {
  fill: url(#commerceRevenueGradient);
  filter: drop-shadow(0 5px 7px rgba(38,130,240,.24));
}
.commerce-profit-area { fill: url(#commerceProfitArea); pointer-events: none; }
.commerce-profit-line {
  fill: none;
  stroke: #ff9364;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: url(#commerceGlow);
  pointer-events: none;
}
.commerce-profit-point {
  fill: #fff;
  stroke: #ff8c5d;
  stroke-width: 3;
  pointer-events: none;
}
.commerce-profit-point.loss { stroke: #ff4f71; }
.dashboard-chart-hotspots {
  position: absolute;
  inset: 18px 6.8% 31px 8.2%;
  display: grid;
  grid-template-columns: repeat(14, minmax(0, 1fr));
  z-index: 4;
}
.dashboard-chart-hotspot {
  position: relative;
  min-width: 0;
  border: 0;
  outline: 0;
  color: inherit;
  background: transparent;
  cursor: crosshair;
}
.dashboard-chart-hotspot::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 1px;
  opacity: 0;
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.5), rgba(255,255,255,.05));
  transition: opacity .16s ease;
}
.dashboard-chart-hotspot:hover::after,
.dashboard-chart-hotspot:focus-visible::after { opacity: 1; }
.dashboard-chart-tooltip {
  position: absolute;
  top: 8px;
  left: 50%;
  display: grid;
  width: 210px;
  gap: 7px;
  padding: 12px 13px;
  visibility: hidden;
  opacity: 0;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 12px;
  color: #eaf2ff;
  background: rgba(6,15,34,.96);
  box-shadow: 0 16px 35px rgba(2,8,24,.38);
  text-align: left;
  transform: translate(-50%, -8px);
  transition: opacity .16s ease, transform .16s ease;
  pointer-events: none;
}
.dashboard-chart-hotspot.is-left .dashboard-chart-tooltip { left: 0; transform: translate(0, -8px); }
.dashboard-chart-hotspot.is-right .dashboard-chart-tooltip { right: 0; left: auto; transform: translate(0, -8px); }
.dashboard-chart-hotspot:hover .dashboard-chart-tooltip,
.dashboard-chart-hotspot:focus-visible .dashboard-chart-tooltip {
  visibility: visible;
  opacity: 1;
  transform: translate(-50%, 0);
}
.dashboard-chart-hotspot.is-left:hover .dashboard-chart-tooltip,
.dashboard-chart-hotspot.is-left:focus-visible .dashboard-chart-tooltip,
.dashboard-chart-hotspot.is-right:hover .dashboard-chart-tooltip,
.dashboard-chart-hotspot.is-right:focus-visible .dashboard-chart-tooltip { transform: translate(0, 0); }
.dashboard-chart-tooltip > strong { color: #fff; font-size: .72rem; }
.dashboard-chart-tooltip > span {
  display: grid;
  grid-template-columns: 8px 1fr auto;
  align-items: center;
  gap: 7px;
  color: #aebbd0;
  font-size: .61rem;
}
.dashboard-chart-tooltip > span i { width: 7px; height: 7px; border-radius: 2px; }
.dashboard-chart-tooltip > span i.revenue { background: #48bfff; }
.dashboard-chart-tooltip > span i.profit { border-radius: 50%; background: #ff8c5d; }
.dashboard-chart-tooltip > span b { color: #fff; }
.dashboard-chart-tooltip > span b.positive { color: #5ee1b3; }
.dashboard-chart-tooltip > span b.negative { color: #ff8297; }
.dashboard-chart-tooltip > small {
  padding-top: 6px;
  border-top: 1px solid rgba(255,255,255,.1);
  color: #8998af;
  font-size: .56rem;
}

@media (max-width: 940px) {
  .dashboard-v6 { padding: 16px; border-radius: 24px; }
  .dashboard-v6-header { padding: 22px; }
  .dashboard-chart-card .dashboard-chart-summary { grid-template-columns: repeat(2, minmax(120px, 1fr)); }
  .dashboard-chart-card .dashboard-chart-legend { margin: 5px 0 0; }
}
@media (max-width: 680px) {
  .dashboard-v6 { margin: -6px; padding: 10px; border-radius: 20px; }
  .dashboard-v6-header { min-height: 160px; padding: 20px; border-radius: 19px; }
  .dashboard-v6-header::after { right: -55px; }
  .dashboard-chart-summary > span { min-width: 112px; }
  .dashboard-chart-card .dashboard-chart-summary { grid-template-columns: 1fr 1fr; min-width: 520px; }
  .dashboard-chart-canvas { min-width: 720px; }
}

/* Dashboard executivo 8.0 — operação clara, compacta e confiável */
#content:has(.dashboard-v6) { padding-top: 20px; }
.dashboard-v6 {
  width: min(100%, 1640px);
  padding: 0;
  border-radius: 0;
  background: transparent;
}
.dashboard-v6::before { display: none; }
.dashboard-v6-header {
  min-height: 98px;
  margin-bottom: 12px;
  padding: 19px 24px;
  border-radius: 19px;
  background:
    radial-gradient(circle at 91% -20%, rgba(255,145,91,.72), transparent 31%),
    linear-gradient(112deg, #12213f 0%, #203d78 58%, #694765 100%);
  box-shadow: 0 12px 28px rgba(24,43,85,.17);
}
.dashboard-v6-header::after {
  top: -128px;
  right: 14%;
  width: 240px;
  height: 240px;
  border-width: 28px;
}
.dashboard-v6-header h1 {
  margin-top: 7px;
  font-size: clamp(1.9rem, 2.7vw, 2.55rem);
}
.dashboard-v6-header > div:first-child > p { margin-top: 7px; font-size: .76rem; }
.dashboard-v6-status { font-size: .64rem; }
.dashboard-v6-header-actions { align-self: center; }
.dashboard-v6-header-actions time { max-width: 250px; text-align: right; }

.dashboard-kpi-strip {
  grid-template-columns: 1.28fr repeat(4, minmax(145px, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}
.dashboard-kpi,
.dashboard-kpi:nth-child(n) {
  min-height: 112px;
  padding: 15px 16px;
  border: 1px solid #e1e7f0;
  border-radius: 15px;
  color: #17233d;
  background: #fff;
  box-shadow: 0 5px 16px rgba(31,45,76,.065);
}
.dashboard-kpi:nth-child(1) {
  border-color: transparent;
  color: #fff;
  background:
    radial-gradient(circle at 100% 0, rgba(103,205,255,.24), transparent 36%),
    linear-gradient(128deg, #1b3c78, #236ca0);
}
.dashboard-kpi:nth-child(1)::after { background: #55d6ff; }
.dashboard-kpi:nth-child(2)::after { background: #18aa7b; }
.dashboard-kpi:nth-child(3)::after { background: #735de3; }
.dashboard-kpi:nth-child(4)::after { background: #3387ef; }
.dashboard-kpi:nth-child(5)::after { background: #e95170; }
.dashboard-kpi::after {
  inset: auto 14px 0;
  height: 3px;
}
.dashboard-kpi > strong,
.dashboard-kpi:nth-child(n) > strong {
  margin-top: 12px;
  font-size: clamp(1.45rem, 2vw, 1.9rem);
}
.dashboard-kpi:nth-child(1) > span,
.dashboard-kpi:nth-child(1) > small { color: rgba(255,255,255,.74); }
.dashboard-kpi:nth-child(1) > strong { color: #fff; font-size: clamp(1.65rem, 2.35vw, 2.2rem); }
.dashboard-kpi:hover { transform: translateY(-2px); }

.dashboard-sales-detail-card.today-sales-panel {
  margin-bottom: 12px;
  border: 1px solid #dfe6ef;
  border-radius: 18px;
  box-shadow: 0 8px 24px rgba(31,45,76,.075);
}
.dashboard-sales-detail-card .today-sales-heading {
  min-height: 82px;
  padding: 16px 20px;
  background:
    radial-gradient(circle at 92% 50%, rgba(80,218,182,.2), transparent 28%),
    linear-gradient(112deg, #142543, #245575);
}
.dashboard-sales-detail-card .today-sales-heading h2 { font-size: 1.08rem; }
.dashboard-sales-detail-card .today-sales-kpis > span { min-width: 88px; padding: 1px 14px; }
.dashboard-sales-detail-card .today-sales-table th { padding: 9px 12px; font-size: .56rem; }
.dashboard-sales-detail-card .today-sales-table td { padding: 9px 12px; }
.dashboard-sales-detail-card .dashboard-product img,
.dashboard-sales-detail-card .product-placeholder { width: 34px; height: 34px; border-radius: 9px; }
.dashboard-sales-more {
  width: 100%;
  padding: 11px 18px;
  border: 0;
  border-top: 1px solid #e8edf3;
  color: #2766b0;
  background: #f8fbff;
  cursor: pointer;
  font-size: .67rem;
  font-weight: 800;
}

.dashboard-v6-main-grid {
  grid-template-columns: minmax(0, 1.72fr) minmax(330px, .68fr);
  align-items: stretch;
  gap: 12px;
  margin-bottom: 12px;
}
.dashboard-v6-operations {
  grid-template-rows: auto 1fr;
  gap: 12px;
}
.dashboard-v6-card {
  border-radius: 17px;
  box-shadow: 0 7px 22px rgba(31,45,76,.07);
}
.dashboard-chart-card {
  min-height: 430px;
  padding: 19px 20px 14px;
  background:
    radial-gradient(circle at 100% 0, rgba(61,175,235,.19), transparent 31%),
    linear-gradient(145deg, #101d38 0%, #173563 100%);
  box-shadow: 0 15px 34px rgba(20,39,83,.18);
}
.dashboard-chart-card::after { width: 190px; height: 190px; }
.dashboard-chart-card .dashboard-v6-card-heading > div:first-child > p { font-size: .65rem; }
.dashboard-chart-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}
.dashboard-period-picker {
  display: flex;
  padding: 3px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 10px;
  background: rgba(255,255,255,.055);
}
.dashboard-period-picker button {
  min-height: 27px;
  padding: 0 9px;
  border: 0;
  border-radius: 7px;
  color: rgba(226,235,251,.66);
  background: transparent;
  cursor: pointer;
  font-size: .58rem;
  font-weight: 800;
}
.dashboard-period-picker button.active {
  color: #102044;
  background: #fff;
  box-shadow: 0 3px 9px rgba(0,0,0,.14);
}
.dashboard-chart-card .dashboard-chart-summary {
  grid-template-columns: repeat(4, minmax(110px, 1fr)) auto;
  margin-top: 13px;
}
.dashboard-chart-card .dashboard-chart-summary > span { min-height: 64px; padding: 9px 10px; }
.dashboard-comparison {
  display: block;
  margin-top: 5px;
  color: #96a6bf !important;
  font-size: .49rem !important;
  font-weight: 700;
}
.dashboard-comparison.up { color: #5ee1b3 !important; }
.dashboard-comparison.down { color: #ff9aae !important; }
.dashboard-chart-canvas { margin-top: 12px; }
.dashboard-chart-canvas svg { min-height: 250px; max-height: 290px; }
.dashboard-chart-hotspots { grid-template-columns: repeat(var(--chart-days, 14), minmax(0, 1fr)); }
.dashboard-chart-hotspot { cursor: pointer; }
.dashboard-chart-footnote {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-top: 8px;
  color: rgba(214,226,246,.58);
  font-size: .55rem;
}

.dashboard-logistics-card,
.dashboard-task-card {
  padding: 17px;
  border: 1px solid #e1e7f0;
  background: #fff;
}
.dashboard-logistics-card {
  border-top: 3px solid #f28a52;
  background: linear-gradient(145deg, #fffaf5, #fff 72%);
}
.dashboard-task-card {
  border-top: 3px solid #536fea;
  background: linear-gradient(145deg, #f8f9ff, #fff 72%);
}
.dashboard-logistics-main { margin-top: 13px; }
.dashboard-logistics-main > div > strong { font-size: 1.9rem; }
.dashboard-logistics-countdown {
  display: inline-flex;
  margin-top: 8px;
  padding: 5px 8px;
  border-radius: 999px;
  color: #176d55;
  background: #e8f8f2;
  font-size: .56rem;
}
.dashboard-logistics-countdown.danger { color: #b93648; background: #fff0f2; }
.dashboard-logistics-metrics { margin-top: 11px; }
.dashboard-logistics-footer { margin-top: 10px; }
.dashboard-task-metrics { gap: 6px; margin-top: 12px; }
.dashboard-task-metrics button { min-height: 58px; padding: 9px 7px; }
.dashboard-task-metrics button.success { border-color: #ccebdd; background: #f3fcf8; }
.dashboard-task-metrics button.success strong { color: #12815c; }
.dashboard-task-next {
  display: grid;
  gap: 5px;
  margin-top: 10px;
}
.dashboard-task-next > button {
  display: grid;
  grid-template-columns: 7px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  min-height: 31px;
  padding: 6px 8px;
  border: 1px solid #e7eaf2;
  border-radius: 9px;
  background: rgba(255,255,255,.82);
  cursor: pointer;
  text-align: left;
}
.dashboard-task-next > button:hover { border-color: #cbd4ee; background: #fff; }
.dashboard-task-next strong {
  overflow: hidden;
  font-size: .61rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dashboard-task-next small { color: #8792a4; font-size: .51rem; }
.dashboard-task-next p { margin: 7px 0; color: #8792a4; font-size: .62rem; }
.task-priority-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--task-color);
}
.dashboard-task-footer { margin-top: 10px; }
.dashboard-task-footer > span { max-width: 76%; font-size: .53rem; }

.dashboard-v6-lower-grid,
.dashboard-v6-planning-grid { gap: 12px; margin-bottom: 12px; }
.dashboard-questions-card,
.dashboard-ranking-card,
.dashboard-agenda-card,
.dashboard-team-card {
  border-color: #e1e7f0;
  background: #fff;
}

@media (max-width: 1220px) {
  .dashboard-kpi-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .dashboard-v6-main-grid { grid-template-columns: 1fr; }
  .dashboard-v6-operations { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: none; }
}
@media (max-width: 940px) {
  #content:has(.dashboard-v6) { padding: 16px; }
  .dashboard-v6 { padding: 0; border-radius: 0; }
  .dashboard-v6-header { padding: 18px; }
  .dashboard-v6-operations { grid-template-columns: 1fr; }
  .dashboard-chart-actions { align-items: flex-end; flex-direction: column; }
  .dashboard-chart-card .dashboard-chart-summary { grid-template-columns: repeat(2, minmax(120px, 1fr)); }
}
@media (max-width: 680px) {
  .dashboard-v6 { margin: 0; padding: 0; border-radius: 0; }
  .dashboard-v6-header { min-height: 150px; padding: 18px; }
  .dashboard-kpi-strip { grid-template-columns: 1fr 1fr; }
  .dashboard-kpi:nth-child(1) { grid-column: 1 / -1; }
  .dashboard-kpi { min-height: 105px; }
  .dashboard-sales-detail-card .today-sales-heading { grid-template-columns: 1fr; }
  .dashboard-chart-card { min-height: 390px; padding: 16px 13px; overflow-x: auto; }
  .dashboard-chart-card .dashboard-v6-card-heading { min-width: 680px; }
  .dashboard-chart-card .dashboard-chart-summary { min-width: 680px; }
  .dashboard-chart-canvas { min-width: 760px; }
  .dashboard-chart-footnote { min-width: 680px; }
}

/* Centro de atenção e densidade operacional do dashboard */
.dashboard-attention-center {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  margin-bottom: 12px;
  padding: 12px 14px;
  border: 1px solid #ffd9c8;
  border-radius: 16px;
  background: linear-gradient(105deg, #fff9f5, #fff 48%, #fff7f8);
  box-shadow: 0 6px 18px rgba(38,48,72,.055);
}
.dashboard-attention-center.is-clear {
  grid-template-columns: 1fr;
  border-color: #ccebdd;
  background: linear-gradient(105deg, #f2fcf7, #fff);
}
.dashboard-attention-heading {
  display: flex;
  min-width: 205px;
  align-items: center;
  gap: 10px;
}
.dashboard-attention-heading > div { display: grid; gap: 3px; }
.dashboard-attention-heading strong { font-size: .72rem; }
.dashboard-attention-heading small { color: #818b9c; font-size: .55rem; line-height: 1.35; }
.dashboard-attention-icon {
  display: grid;
  width: 29px;
  height: 29px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 9px;
  color: #c64a20;
  background: #fff0e8;
  font-size: .69rem;
  font-weight: 900;
}
.dashboard-attention-center.is-clear .dashboard-attention-icon { color: #087a55; background: #e4f8ef; }
.dashboard-attention-items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(165px, 1fr));
  gap: 7px;
}
.dashboard-attention-items button {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  min-width: 0;
  min-height: 48px;
  padding: 7px 9px;
  border: 1px solid #e7ebf1;
  border-radius: 11px;
  background: rgba(255,255,255,.88);
  cursor: pointer;
  text-align: left;
}
.dashboard-attention-items button:hover { transform: translateY(-1px); box-shadow: 0 6px 16px rgba(31,45,76,.08); }
.dashboard-attention-items button.danger { border-color: #ffd9de; background: #fff8f9; }
.dashboard-attention-items button.warning { border-color: #ffe0b6; background: #fffbf4; }
.dashboard-attention-items button > i {
  display: grid;
  width: 25px;
  height: 25px;
  place-items: center;
  border-radius: 8px;
  color: #b93648;
  background: #ffecef;
  font-size: .52rem;
  font-style: normal;
  font-weight: 900;
}
.dashboard-attention-items button.warning > i { color: #9b6500; background: #fff1d7; }
.dashboard-attention-items button > span { min-width: 0; }
.dashboard-attention-items button strong,
.dashboard-attention-items button small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dashboard-attention-items button strong { font-size: .61rem; }
.dashboard-attention-items button small { margin-top: 3px; color: #8993a3; font-size: .51rem; }
.dashboard-attention-items button > b { color: #a5adba; font-size: .7rem; }

.dashboard-v6-lower-grid,
.dashboard-v6-planning-grid { align-items: start; }
.dashboard-questions-card.is-empty .dashboard-question-list { max-height: none; }
.dashboard-questions-card.is-empty .today-questions-empty { min-height: 78px; padding: 15px; }
.dashboard-agenda-card .empty-state,
.dashboard-team-card .empty-state { padding: 24px 14px; }
.workload-meter i.has-overdue { box-shadow: inset 0 -2px rgba(201,52,72,.8); }

@media (max-width: 1220px) {
  .dashboard-attention-center { grid-template-columns: 1fr; }
  .dashboard-attention-heading { min-width: 0; }
}
@media (max-width: 680px) {
  .dashboard-attention-items { grid-template-columns: 1fr; }
}

/* Inteligencia de mercado - comparacao de concorrentes */
.competitor-shell{display:grid;gap:16px;padding:24px;background:linear-gradient(145deg,#f3f7fc 0%,#fff 46%,#fff7f2 100%)}
.competitor-intro{position:relative;display:flex;overflow:hidden;align-items:flex-start;justify-content:space-between;gap:24px;padding:26px 28px;color:#fff;border-radius:22px;background:radial-gradient(circle at 92% 5%,rgba(255,119,63,.38),transparent 29%),radial-gradient(circle at 72% 120%,rgba(71,138,255,.25),transparent 34%),linear-gradient(125deg,#0b1b35,#123d70 67%,#6b3443);box-shadow:0 18px 44px rgba(18,48,89,.2)}
.competitor-intro:after{position:absolute;right:-48px;bottom:-105px;width:240px;height:240px;border:1px solid rgba(255,255,255,.1);border-radius:50%;box-shadow:0 0 0 28px rgba(255,255,255,.035),0 0 0 62px rgba(255,255,255,.025);content:""}.competitor-intro>div{position:relative;z-index:1;min-width:0}.competitor-intro h2{margin:5px 0 7px;font-size:1.62rem;line-height:1.08}.competitor-intro p{max-width:760px;margin:0;color:rgba(255,255,255,.78);font-size:.76rem;line-height:1.55}.competitor-eyebrow{color:#63efc4;font-size:.61rem;font-weight:950;letter-spacing:.16em;text-transform:uppercase}.competitor-readonly,.competitor-updated{position:relative;z-index:1;flex:0 0 auto;padding:9px 13px;color:#eef6ff;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.1);font-size:.61rem;font-weight:850;backdrop-filter:blur(8px)}
.competitor-search{padding:18px 20px;border:1px solid #dce4ef;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(28,47,79,.065)}.competitor-search label{display:grid;gap:8px}.competitor-search label>span{color:#2f405a;font-size:.65rem;font-weight:950;letter-spacing:.05em;text-transform:uppercase}.competitor-search label>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;overflow:hidden;border:1px solid #c9d5e5;border-radius:13px;background:#f9fbfe;transition:.2s ease}.competitor-search label>div:focus-within{border-color:#356fe1;box-shadow:0 0 0 4px rgba(53,111,225,.11);background:#fff}.competitor-search label i{display:grid;height:46px;padding:0 13px;place-items:center;color:#4b6280;border-right:1px solid #dce4ef;background:#edf3fa;font-size:.61rem;font-style:normal;font-weight:950}.competitor-search input{min-width:0;height:46px;padding:0 14px;border:0;outline:0;background:transparent;font:inherit;font-weight:750}.competitor-search button{height:38px;margin-right:4px;padding:0 18px;border-radius:10px}.competitor-search small{color:#7d899b;font-size:.6rem}
.competitor-empty{display:grid;min-height:250px;place-items:center;align-content:center;gap:9px;padding:30px;color:#738198;text-align:center;border:1px dashed #cbd7e7;border-radius:20px;background:rgba(255,255,255,.76)}.competitor-empty>span{display:grid;width:50px;height:50px;place-items:center;color:#356fe1;border-radius:16px;background:linear-gradient(145deg,#e8efff,#f2f6ff);box-shadow:0 9px 22px rgba(53,111,225,.14);font-size:1.35rem}.competitor-empty strong{color:#172842;font-size:.95rem}.competitor-empty p{max-width:620px;margin:0;font-size:.7rem;line-height:1.62}.competitor-empty>div{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap;justify-content:center}.competitor-empty>div b{padding:7px 10px;color:#50637f;border:1px solid #dce5f1;border-radius:999px;background:#fff;font-size:.56rem}
.competitor-note{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 15px;color:#7b5000;border:1px solid #f2d492;border-radius:14px;background:#fff9ea;font-size:.63rem}.competitor-note>div{display:grid;gap:4px}.competitor-note strong{color:#664100}.competitor-public-search{flex:0 0 auto;align-self:center;min-height:35px;padding:8px 12px;white-space:nowrap}
.competitor-own{display:grid;grid-template-columns:auto minmax(260px,1.35fr) minmax(220px,.85fr) auto auto;align-items:center;gap:16px;padding:15px 17px;border:1px solid #c9dcfa;border-radius:18px;background:linear-gradient(105deg,#eaf3ff 0%,#fff 54%,#f8fbff 100%);box-shadow:0 7px 22px rgba(39,81,140,.07)}.competitor-own-image,.competitor-thumb,.competitor-leader-image{display:block;object-fit:contain;border:1px solid #dfe6ef;background:#fff}.competitor-own-image{width:64px;height:64px;border-radius:14px}.competitor-own-main,.competitor-own-price{display:grid;min-width:0;gap:4px}.competitor-own span,.competitor-own small{color:#708098;font-size:.58rem}.competitor-own strong{overflow:hidden;color:#112743;font-size:.73rem;text-overflow:ellipsis;white-space:nowrap}.competitor-own-groups{display:flex;gap:7px;flex-wrap:wrap}.competitor-own-group{display:grid;gap:2px;padding:7px 9px;border:1px solid #dbe5f3;border-radius:10px;background:#fff}.competitor-own-group b{color:#263c5c;font-size:.59rem}.competitor-own-price{padding-left:14px;border-left:1px solid #d8e3f1}.competitor-own-price strong{font-size:.9rem}.competitor-own-open{color:#e34c19;font-size:.62rem;font-weight:950;text-decoration:none;white-space:nowrap}
.competitor-source-strip{display:flex;align-items:center;gap:13px;padding:10px 14px;color:#52637a;border:1px solid #dce5ef;border-radius:13px;background:#fff;font-size:.59rem}.competitor-source-strip>span{display:inline-flex;align-items:center;gap:6px;color:#078260;font-weight:950}.competitor-source-strip i{width:7px;height:7px;border-radius:50%;background:#20c28c;box-shadow:0 0 0 4px rgba(32,194,140,.12)}.competitor-source-strip strong{color:#243a57}.competitor-source-strip small{margin-left:auto;color:#8792a2}
.competitor-own-position{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 18px;color:#283b58;border:1px solid #bfd1ed;border-left:5px solid #356fe1;border-radius:16px;background:linear-gradient(105deg,#edf4ff,#fff);box-shadow:0 8px 22px rgba(35,75,132,.07)}.competitor-own-position.lowest{color:#075f48;border-color:#a8e2d0;border-left-color:#13a779;background:linear-gradient(105deg,#e9fbf5,#fff)}.competitor-own-position>div:first-child{display:grid;gap:4px}.competitor-own-position span{color:#687995;font-size:.56rem;font-weight:950;letter-spacing:.06em;text-transform:uppercase}.competitor-own-position strong{font-size:.9rem}.competitor-own-position small{color:#77859a;font-size:.59rem}.competitor-own-position-value{display:grid;min-width:140px;gap:3px;text-align:right}.competitor-own-position-value b{color:#122744;font-size:1.02rem}.competitor-own-position.lowest .competitor-own-position-value b{color:#087656}
.competitor-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.competitor-kpis article{position:relative;display:grid;overflow:hidden;min-width:0;gap:7px;padding:16px 17px;border:1px solid #dfe6ef;border-radius:16px;background:#fff;box-shadow:0 8px 21px rgba(25,44,73,.055)}.competitor-kpis article:after{position:absolute;right:-23px;bottom:-35px;width:84px;height:84px;border-radius:50%;background:var(--competitor-accent,#356fe1);opacity:.055;content:""}.competitor-kpis .price{--competitor-accent:#f45d27;border-top:3px solid #f45d27}.competitor-kpis .win{--competitor-accent:#356fe1;border-top:3px solid #356fe1}.competitor-kpis .confirmed{--competitor-accent:#10a77b;border-top:3px solid #10a77b}.competitor-kpis .probable{--competitor-accent:#8657e6;border-top:3px solid #8657e6}.competitor-kpis span{color:#748197;font-size:.57rem;font-weight:900;letter-spacing:.035em;text-transform:uppercase}.competitor-kpis strong{overflow:hidden;color:#10233f;font-size:1.08rem;text-overflow:ellipsis;white-space:nowrap}.competitor-kpis small{overflow:hidden;color:#8490a2;font-size:.55rem;text-overflow:ellipsis;white-space:nowrap}
.competitor-leaders{display:grid;grid-template-columns:1fr 1fr;gap:12px}.competitor-leader{display:grid;gap:12px;padding:16px 17px;border:1px solid #dce5f0;border-radius:17px;background:#fff;box-shadow:0 8px 23px rgba(25,44,73,.055)}.competitor-leader.relevance{border-left:4px solid #356fe1}.competitor-leader.price{border-left:4px solid #f45d27}.competitor-leader.empty{align-content:center;min-height:142px;color:#7c8899}.competitor-leader-title{display:flex;align-items:center;justify-content:space-between;color:#637289;font-size:.59rem;font-weight:900;text-transform:uppercase}.competitor-leader-title b{display:grid;width:25px;height:25px;place-items:center;color:#fff;border-radius:8px;background:#163d72;font-size:.58rem}.competitor-leader-product{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:11px}.competitor-leader-image{width:50px;height:50px;border-radius:11px}.competitor-leader-product>div{display:grid;min-width:0;gap:4px}.competitor-leader-product strong{overflow:hidden;color:#142742;font-size:.69rem;text-overflow:ellipsis;white-space:nowrap}.competitor-leader-product small{color:#79869a;font-size:.56rem}.competitor-leader-result{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding-top:10px;border-top:1px solid #edf1f6}.competitor-leader-result strong{color:#102541;font-size:1.05rem}.competitor-leader-result span{color:#64748a;font-size:.58rem;font-weight:800}.competitor-leader>a{color:#e64d1b;font-size:.59rem;font-weight:900;text-decoration:none}
.competitor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px;border:1px solid #dde5ef;border-radius:14px;background:#fff}.competitor-filters,.competitor-sort{display:flex;align-items:center;gap:5px}.competitor-toolbar button{padding:8px 11px;color:#64748b;border:0;border-radius:9px;background:transparent;cursor:pointer;font-size:.59rem;font-weight:850}.competitor-toolbar button b{margin-left:5px}.competitor-toolbar button.active{color:#fff;background:#173d70;box-shadow:0 5px 13px rgba(23,61,112,.2)}.competitor-sort{padding-left:10px;border-left:1px solid #e3e9f1}.competitor-sort>span{margin-right:3px;color:#8792a2;font-size:.55rem}
.competitor-table-wrap{overflow-x:auto;border:1px solid #dce4ee;border-radius:16px;background:#fff}.competitor-table{min-width:1240px}.competitor-table th{position:sticky;top:0;z-index:1;background:#f1f5fa}.competitor-table td{vertical-align:middle}.competitor-table tbody tr{transition:background .18s ease,transform .18s ease}.competitor-table tbody tr:hover{background:#f7faff}
.competitor-rank{display:grid;width:29px;height:29px;place-items:center;color:#fff;border-radius:9px;background:linear-gradient(135deg,#356fe1,#7258db);box-shadow:0 5px 12px rgba(53,111,225,.21);font-size:.62rem;font-weight:950}.competitor-rank-note{display:block;margin-top:4px;color:#929dad;font-size:.49rem;text-align:center}.competitor-product{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;min-width:310px}.competitor-thumb{width:54px;height:54px;border-radius:11px}.competitor-product>div{display:grid;min-width:0;gap:3px}.competitor-product strong{overflow:hidden;max-width:390px;color:#14263f;text-overflow:ellipsis;white-space:nowrap}.competitor-product small,.competitor-table td>small{display:block;color:#8490a2;font-size:.53rem}.competitor-product em{width:max-content;padding:3px 6px;color:#516886;border-radius:6px;background:#edf2f8;font-size:.49rem;font-style:normal;font-weight:850}
.competitor-match{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:.54rem;font-weight:950}.competitor-match.catalog{color:#057654;background:#daf7ec}.competitor-match.probable{color:#6741aa;background:#eee6ff}.competitor-match.similar{color:#7d5700;background:#fff0c6}.competitor-score{max-width:190px;line-height:1.4}.competitor-price{color:#10243f;font-size:.76rem}.competitor-old-price{text-decoration:line-through}.competitor-open{min-height:31px;padding:7px 10px;white-space:nowrap}
.competitor-table tbody tr.competitor-own-row{background:linear-gradient(90deg,#edf5ff,#f8fbff)}.competitor-table tbody tr.competitor-own-row:hover{background:#e8f2ff}.competitor-rank.own{background:linear-gradient(135deg,#0d9f73,#23c696);box-shadow:0 5px 12px rgba(13,159,115,.22)}.competitor-match.own{color:#075f48;background:#d9f8ed}
.competitor-disclaimer{margin:0;padding:13px 15px;color:#6f7d91;border:1px solid #e2e8f0;border-radius:12px;background:#f2f5f8;font-size:.57rem;line-height:1.6}.competitor-disclaimer strong{color:#30445f}.competitor-loading{display:grid;min-height:330px;place-items:center;align-content:center;gap:10px;color:#68788e;text-align:center}.competitor-loading span{width:36px;height:36px;border:3px solid #dce5f2;border-top-color:#356fe1;border-radius:50%;animation:spin .8s linear infinite}.competitor-loading strong{color:#182c48;font-size:.84rem}.competitor-loading small{font-size:.6rem}.competitor-error{display:flex;justify-content:space-between;gap:12px;margin:0 0 12px;padding:12px 14px;color:#a42c3d;border:1px solid #ffd4d9;border-radius:13px;background:#fff3f5;font-size:.63rem}
html[data-theme="black"] .competitor-shell{background:linear-gradient(145deg,#080d14,#0b111a 48%,#130e0c)}html[data-theme="black"] .competitor-search,html[data-theme="black"] .competitor-own,html[data-theme="black"] .competitor-source-strip,html[data-theme="black"] .competitor-own-position,html[data-theme="black"] .competitor-kpis article,html[data-theme="black"] .competitor-leader,html[data-theme="black"] .competitor-toolbar,html[data-theme="black"] .competitor-table-wrap{border-color:#263246;background:#0f1621;box-shadow:none}html[data-theme="black"] .competitor-search label>div{border-color:#344258;background:#111a27}html[data-theme="black"] .competitor-search label i{color:#a7b4c7;border-color:#344258;background:#172231}html[data-theme="black"] .competitor-search input{color:#e9eef7}html[data-theme="black"] .competitor-own{background:linear-gradient(105deg,#101d2e,#0f1621 60%,#121927)}html[data-theme="black"] .competitor-own-position{border-left-color:#4a79e5;background:linear-gradient(105deg,#111d30,#0f1621)}html[data-theme="black"] .competitor-own-position.lowest{border-color:#1e5d4c;border-left-color:#19b884;background:linear-gradient(105deg,#0d251f,#0f1621)}html[data-theme="black"] .competitor-own-position strong,html[data-theme="black"] .competitor-own-position-value b{color:#eef5fd}html[data-theme="black"] .competitor-own-position.lowest strong,html[data-theme="black"] .competitor-own-position.lowest .competitor-own-position-value b{color:#70e2bd}html[data-theme="black"] .competitor-own-group,html[data-theme="black"] .competitor-empty{border-color:#2a374b;background:#111925}html[data-theme="black"] :is(.competitor-own strong,.competitor-own-group b,.competitor-kpis strong,.competitor-leader-product strong,.competitor-leader-result strong,.competitor-product strong,.competitor-price,.competitor-loading strong,.competitor-empty strong){color:#edf3fb}html[data-theme="black"] :is(.competitor-own span,.competitor-own small,.competitor-kpis span,.competitor-kpis small,.competitor-leader-product small,.competitor-leader-result span,.competitor-product small,.competitor-table td>small,.competitor-disclaimer,.competitor-search small){color:#8f9cb0}html[data-theme="black"] .competitor-source-strip strong{color:#d5dfec}html[data-theme="black"] .competitor-table th{background:#151e2c}html[data-theme="black"] .competitor-table tbody tr:hover{background:#131d2a}html[data-theme="black"] .competitor-table tbody tr.competitor-own-row{background:linear-gradient(90deg,#10251f,#111b25)}html[data-theme="black"] .competitor-table tbody tr.competitor-own-row:hover{background:#132a23}html[data-theme="black"] .competitor-product em{color:#9fb2ca;background:#192535}html[data-theme="black"] .competitor-disclaimer{color:#929fb2;border-color:#263246;background:#111924}
@media(max-width:1180px){.competitor-own{grid-template-columns:auto minmax(0,1fr) auto}.competitor-own-groups{grid-column:2}.competitor-own-price{grid-column:3;grid-row:1/3}.competitor-own-open{grid-column:2}.competitor-kpis{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.competitor-shell{padding:12px}.competitor-intro{display:grid;padding:20px}.competitor-readonly,.competitor-updated{justify-self:start}.competitor-search label>div{grid-template-columns:auto minmax(0,1fr)}.competitor-search button{grid-column:1/3;width:calc(100% - 8px);margin:0 4px 4px}.competitor-own{grid-template-columns:auto minmax(0,1fr)}.competitor-own-groups,.competitor-own-price,.competitor-own-open{grid-column:2;grid-row:auto}.competitor-own-price{padding:8px 0 0;border-top:1px solid #d8e3f1;border-left:0}.competitor-source-strip,.competitor-own-position{align-items:flex-start;flex-direction:column}.competitor-source-strip small{margin-left:0}.competitor-own-position-value{text-align:left}.competitor-kpis,.competitor-leaders{grid-template-columns:1fr}.competitor-toolbar{align-items:flex-start;flex-direction:column}.competitor-filters,.competitor-sort{width:100%;overflow-x:auto}.competitor-sort{padding:8px 0 0;border-top:1px solid #e3e9f1;border-left:0}.competitor-note,.competitor-error{align-items:flex-start;flex-direction:column}}

/* Vendas / Estoque 5.7.6: consulta auditavel por SKU e item_id */
.inventory-audit-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  padding: 26px;
  border-radius: 22px;
  color: #f7fbff;
  background: linear-gradient(135deg, #102a43 0%, #174f69 58%, #0f766e 100%);
  box-shadow: 0 18px 42px rgba(15, 45, 66, .18);
}
.inventory-audit-head h2 { margin: 4px 0 8px; font-size: clamp(26px, 3vw, 38px); }
.inventory-audit-head > div:first-child > span { color: #d9edf4; line-height: 1.55; }
.inventory-audit-period { min-width: 220px; padding: 15px 18px; border: 1px solid rgba(255,255,255,.23); border-radius: 16px; background: rgba(255,255,255,.1); }
.inventory-audit-period span, .inventory-audit-period small { display: block; color: #d9edf4; }
.inventory-audit-period strong { display: block; margin: 5px 0; font-size: 18px; }
.inventory-sku-search { display: flex; align-items: flex-end; gap: 14px; margin-top: 18px; padding: 20px; border: 1px solid #d9e4ec; border-radius: 18px; background: #fff; }
.inventory-sku-search label { flex: 1; }
.inventory-sku-search label > span, .inventory-audit-filters label > span, .inventory-custom-period label > span { display: block; margin-bottom: 6px; color: #536879; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; }
.inventory-sku-search label > div { display: flex; gap: 10px; }
.inventory-sku-search input { flex: 1; min-width: 0; height: 46px; padding: 0 14px; border: 1px solid #b9c9d6; border-radius: 12px; font-size: 17px; font-weight: 700; text-transform: uppercase; }
.inventory-sku-search small { display: block; margin-top: 8px; color: #687b89; }
.inventory-period-picker { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 14px; padding: 14px 18px; border-radius: 16px; background: #edf4f7; }
.inventory-period-picker > div:first-child { display: flex; flex-wrap: wrap; gap: 8px; }
.inventory-period-picker [data-inventory-period] { padding: 10px 15px; border: 1px solid #c4d3dc; border-radius: 999px; color: #304b5d; background: #fff; font-weight: 800; cursor: pointer; }
.inventory-period-picker [data-inventory-period].active { border-color: #0f766e; color: #fff; background: #0f766e; box-shadow: 0 6px 16px rgba(15,118,110,.2); }
.inventory-custom-period { display: flex; align-items: flex-end; gap: 10px; }
.inventory-custom-period input { height: 40px; padding: 0 10px; border: 1px solid #b9c9d6; border-radius: 10px; background: #fff; }
.inventory-period-cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 14px; }
.inventory-period-card { padding: 17px; border: 1px solid #dce6ed; border-radius: 16px; background: #fff; }
.inventory-period-card.active { border-color: #0f766e; box-shadow: inset 0 0 0 1px #0f766e, 0 8px 20px rgba(15,118,110,.1); }
.inventory-period-card span, .inventory-period-card small, .inventory-period-card em { display: block; }
.inventory-period-card span { color: #5d7281; font-size: 12px; font-weight: 800; text-transform: uppercase; }
.inventory-period-card strong { display: block; margin: 7px 0 3px; font-size: 24px; color: #16384c; }
.inventory-period-card small { color: #687b89; }
.inventory-period-card em { margin-top: 8px; font-style: normal; font-weight: 800; }
.inventory-audit-filters { display: flex; align-items: flex-end; flex-wrap: wrap; gap: 10px; margin-top: 14px; padding: 16px; border: 1px solid #dce6ed; border-radius: 16px; background: #fff; }
.inventory-audit-filters label { min-width: 155px; flex: 1; }
.inventory-audit-filters select { width: 100%; height: 40px; padding: 0 10px; border: 1px solid #c4d3dc; border-radius: 10px; background: #fff; }
.inventory-audit-summary { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; margin-top: 16px; }
.inventory-audit-summary article { padding: 17px; border: 1px solid #dce6ed; border-radius: 16px; background: #fff; }
.inventory-audit-summary span, .inventory-audit-summary small { display: block; color: #667b89; }
.inventory-audit-summary strong { display: block; margin: 6px 0; font-size: 22px; color: #17384c; }
.inventory-audit-summary .audit-ok { border-color: #a7dec8; background: #eefaf5; }
.inventory-audit-summary .audit-ok strong { color: #087a55; }
.inventory-audit-summary .audit-error { border-color: #f0b5b5; background: #fff2f2; }
.inventory-search-intro, .inventory-no-result { margin-top: 16px; padding: 26px; border: 1px dashed #aebfca; border-radius: 18px; text-align: center; background: #f7fafb; }
.inventory-search-intro strong, .inventory-no-result strong { display: block; margin-bottom: 6px; color: #17384c; font-size: 18px; }
.inventory-search-intro span, .inventory-no-result span { color: #667b89; }
.inventory-listing-results { display: grid; gap: 16px; margin-top: 16px; }
.inventory-listing-audit-card { overflow: hidden; border: 1px solid #d6e1e8; border-radius: 20px; background: #fff; box-shadow: 0 10px 26px rgba(28,58,77,.08); }
.inventory-listing-audit-card > header { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 20px; background: linear-gradient(180deg, #f8fbfc, #f1f6f8); }
.inventory-listing-identity { display: flex; align-items: center; min-width: 0; gap: 14px; }
.inventory-listing-identity img, .inventory-listing-placeholder { width: 62px; height: 62px; flex: 0 0 62px; border-radius: 14px; object-fit: cover; background: #dce9ee; }
.inventory-listing-placeholder { display: grid; place-items: center; color: #315a6b; font-weight: 900; }
.inventory-listing-identity h3 { margin: 6px 0 4px; color: #17384c; }
.inventory-listing-identity p { margin: 0 0 4px; color: #5e7381; }
.inventory-listing-identity a { color: #087f73; font-weight: 800; text-decoration: none; }
.inventory-listing-stock { min-width: 145px; text-align: right; }
.inventory-listing-stock span, .inventory-listing-stock small { display: block; color: #667b89; }
.inventory-listing-stock strong { display: block; margin: 4px 0; color: #17384c; font-size: 22px; }
.inventory-listing-totals { display: grid; grid-template-columns: repeat(9, minmax(92px, 1fr)); border-top: 1px solid #dce6ed; border-bottom: 1px solid #dce6ed; background: #fff; }
.inventory-listing-totals > span { padding: 13px 11px; border-right: 1px solid #edf2f5; }
.inventory-listing-totals small { display: block; color: #6d7f8b; font-size: 11px; text-transform: uppercase; }
.inventory-listing-totals strong { display: block; margin-top: 4px; color: #203f52; }
.inventory-search-required, .inventory-no-sales-state { margin: 18px; padding: 22px; border-radius: 14px; text-align: center; background: #f3f7f9; }
.inventory-search-required strong, .inventory-no-sales-state strong { display: block; margin-bottom: 5px; color: #24485b; }
.inventory-search-required span, .inventory-no-sales-state span { color: #667b89; }
.inventory-sales-scroll { overflow-x: auto; }
.inventory-sales-audit-table { min-width: 1640px; margin: 0; }
.inventory-sales-audit-table th { white-space: nowrap; }
.inventory-sales-audit-table td { vertical-align: top; }
.inventory-sales-audit-table td small { display: block; margin-top: 4px; max-width: 190px; color: #71838f; font-size: 11px; line-height: 1.35; }
.inventory-sales-audit-table tfoot th { padding: 14px 10px; color: #17384c; background: #eaf2f5; }
.inventory-sale-product { min-width: 210px; }
.inventory-sale-product strong, .inventory-sale-product small, .inventory-sale-product a { display: block; }
.inventory-sale-product a { margin-top: 4px; color: #087f73; font-weight: 800; text-decoration: none; }
.inventory-grand-total { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; margin-top: 16px; padding: 20px; border-radius: 18px; color: #dfeef3; background: #16384c; }
.inventory-grand-total strong { margin-right: auto; color: #fff; }
.inventory-grand-total span { color: #dfeef3; }
.inventory-grand-total b { padding-left: 14px; border-left: 1px solid rgba(255,255,255,.25); }
@media (max-width: 1100px) {
  .inventory-period-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .inventory-audit-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .inventory-listing-totals { overflow-x: auto; grid-template-columns: repeat(9, minmax(115px, 1fr)); }
}
@media (max-width: 720px) {
  .inventory-audit-head, .inventory-sku-search, .inventory-period-picker, .inventory-listing-audit-card > header { align-items: stretch; flex-direction: column; }
  .inventory-audit-period { min-width: 0; }
  .inventory-sku-search label > div, .inventory-custom-period { flex-direction: column; align-items: stretch; }
  .inventory-period-cards, .inventory-audit-summary { grid-template-columns: 1fr; }
  .inventory-listing-stock { text-align: left; }
}
/* Sem vendas 5.7.8: filtros claros e cartões sem rolagem horizontal */
.no-sales-hero { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; margin-bottom: 16px; padding: 22px 24px; border: 1px solid #d5e3e8; border-radius: 18px; background: linear-gradient(135deg, #f8fbfc 0%, #edf6f6 100%); }
.no-sales-hero h2 { margin: 3px 0 5px; color: #15374b; }
.no-sales-hero > div > span { color: #617783; }
.no-sales-period-summary { flex: 0 0 auto; min-width: 220px; padding: 13px 16px; border-radius: 13px; color: #fff; background: #17384c; }
.no-sales-period-summary span, .no-sales-period-summary small, .no-sales-period-summary strong { display: block; }
.no-sales-period-summary span { color: #bcd0d9; font-size: 10px; font-weight: 800; text-transform: uppercase; }
.no-sales-period-summary strong { margin: 4px 0; font-size: 17px; }
.no-sales-period-summary small { color: #d4e2e7; }
.no-sales-controls { display: grid; gap: 16px; margin-bottom: 16px; padding: 20px; border: 1px solid #dce5ea; border-radius: 18px; background: #fff; box-shadow: 0 8px 24px rgba(23, 56, 76, .05); }
.no-sales-search { display: flex; align-items: flex-end; gap: 10px; }
.no-sales-search > label { flex: 1; }
.no-sales-search label > span, .no-sales-filter-row label > span, .no-sales-period-field > span, .no-sales-custom-period label > span { display: block; margin-bottom: 6px; color: #526b79; font-size: 11px; font-weight: 800; text-transform: uppercase; }
.no-sales-search label > div { display: flex; gap: 8px; }
.no-sales-search input { flex: 1; min-width: 0; height: 42px; border: 1px solid #cfdce2; border-radius: 11px; padding: 0 13px; color: #17384c; background: #fbfcfd; }
.no-sales-category-filter { display: grid; gap: 9px; padding-top: 2px; }
.no-sales-category-filter > div:first-child { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }
.no-sales-category-filter > div:first-child strong { color: #24485b; }
.no-sales-category-filter > div:first-child span { color: #738792; font-size: 12px; }
.no-sales-category-buttons { display: flex; flex-wrap: wrap; gap: 8px; }
.no-sales-category-buttons button { display: inline-flex; align-items: center; gap: 8px; min-height: 38px; border: 1px solid #d3dfe5; border-radius: 11px; padding: 7px 11px; color: #35576a; background: #f8fafb; font: inherit; font-size: 12px; font-weight: 800; cursor: pointer; }
.no-sales-category-buttons button b { display: grid; place-items: center; min-width: 25px; height: 23px; border-radius: 8px; padding: 0 5px; color: #58707d; background: #e7eef1; font-size: 10px; }
.no-sales-category-buttons button:hover { border-color: #8eb9b3; background: #f1f8f6; }
.no-sales-category-buttons button.active { border-color: #087f73; color: #fff; background: #087f73; box-shadow: 0 6px 14px rgba(8, 127, 115, .18); }
.no-sales-category-buttons button.active b { color: #087f73; background: #fff; }
.no-sales-filter-row { display: grid; grid-template-columns: minmax(250px, 1.4fr) repeat(3, minmax(145px, .7fr)) auto; align-items: end; gap: 10px; padding-top: 14px; border-top: 1px solid #e7edef; }
.no-sales-filter-row label select { width: 100%; height: 40px; border: 1px solid #d2dfe4; border-radius: 10px; padding: 0 10px; color: #24485b; background: #fff; }
.no-sales-segmented { display: flex; min-height: 40px; padding: 3px; border-radius: 11px; background: #eef3f5; }
.no-sales-segmented button { flex: 1; border: 0; border-radius: 8px; padding: 6px 10px; color: #5c7280; background: transparent; font: inherit; font-size: 11px; font-weight: 800; cursor: pointer; }
.no-sales-segmented button.active { color: #fff; background: #17384c; box-shadow: 0 3px 9px rgba(23, 56, 76, .2); }
.no-sales-reset { height: 40px; white-space: nowrap; }
.no-sales-custom-period { display: flex; align-items: end; gap: 10px; padding: 14px; border-radius: 12px; background: #f4f7f8; }
.no-sales-custom-period label { flex: 1; }
.no-sales-custom-period input { width: 100%; height: 40px; border: 1px solid #d2dfe4; border-radius: 10px; padding: 0 10px; background: #fff; }
.no-sales-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-bottom: 18px; }
.no-sales-summary article { padding: 16px 18px; border: 1px solid #dce5ea; border-radius: 15px; background: #fff; }
.no-sales-summary span, .no-sales-summary small { display: block; color: #6a7f8b; }
.no-sales-summary span { font-size: 10px; font-weight: 800; text-transform: uppercase; }
.no-sales-summary strong { display: block; margin: 5px 0 2px; color: #17384c; font-size: 24px; }
.no-sales-results-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 4px 2px 12px; }
.no-sales-results-head strong, .no-sales-results-head span { display: block; }
.no-sales-results-head strong { color: #17384c; }
.no-sales-results-head > div span { margin-top: 3px; color: #748792; font-size: 12px; }
.no-sales-rule-inline { border-radius: 999px; padding: 7px 11px; color: #37685f; background: #eaf5f2; font-size: 11px; font-weight: 800; }
.no-sales-grid { display: grid; gap: 12px; }
.no-sales-item { overflow: hidden; border: 1px solid #dce5e9; border-radius: 17px; background: #fff; box-shadow: 0 6px 18px rgba(23, 56, 76, .045); }
.no-sales-item > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 17px 19px 14px; }
.no-sales-item h3 { margin: 5px 0 7px; color: #183b4e; font-size: 15px; line-height: 1.35; }
.no-sales-item header p { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin: 0; }
.no-sales-item header p small { color: #728690; }
.no-sales-category-tag { display: inline-flex; border-radius: 7px; padding: 4px 7px; color: #087f73; background: #e8f5f2; font-size: 9px; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; }
.no-sales-result-badge { flex: 0 0 auto; border: 1px solid #f2d6d1; border-radius: 11px; padding: 7px 10px; color: #9f3428; background: #fff4f2; font-size: 10px; font-weight: 800; text-transform: uppercase; }
.no-sales-result-badge b { font-size: 15px; }
.no-sales-facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid #edf1f3; border-bottom: 1px solid #edf1f3; background: #fbfcfd; }
.no-sales-facts > div { min-width: 0; padding: 13px 18px; border-right: 1px solid #e8eef0; }
.no-sales-facts > div:last-child { border-right: 0; }
.no-sales-facts span, .no-sales-facts strong, .no-sales-facts small { display: block; }
.no-sales-facts span { color: #718590; font-size: 9px; font-weight: 800; text-transform: uppercase; }
.no-sales-facts strong { overflow-wrap: anywhere; margin: 4px 0 2px; color: #23475a; font-size: 13px; }
.no-sales-facts small { color: #82939c; font-size: 10px; }
.no-sales-danger { color: #b42318 !important; }
.no-sales-item > footer { padding: 13px 18px 16px; }
.no-sales-ads-title { display: flex; align-items: center; justify-content: space-between; margin-bottom: 9px; color: #4b6574; font-size: 11px; }
.no-sales-ads-title span { color: #81919a; }
.no-sales-ads { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 8px; }
.no-sales-ad { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 9px; min-width: 0; padding: 9px 10px; border: 1px solid #e0e8eb; border-radius: 11px; background: #f8fafb; }
.no-sales-ad strong, .no-sales-ad small { display: block; }
.no-sales-ad strong { color: #355567; font-size: 11px; }
.no-sales-ad small { margin-top: 2px; color: #7a8c96; font-size: 9px; }
.no-sales-ad a { color: #087f73; font-size: 10px; font-weight: 800; text-decoration: none; }
.no-sales-no-listing { color: #8a6a31; font-size: 11px; font-weight: 700; }
@media (max-width: 1120px) {
  .no-sales-filter-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .no-sales-period-field { grid-column: 1 / -1; }
  .no-sales-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .no-sales-facts > div:nth-child(2) { border-right: 0; }
  .no-sales-facts > div:nth-child(-n+2) { border-bottom: 1px solid #e8eef0; }
}
@media (max-width: 720px) {
  .no-sales-hero, .no-sales-search, .no-sales-custom-period, .no-sales-results-head { align-items: stretch; flex-direction: column; }
  .no-sales-period-summary { min-width: 0; }
  .no-sales-search label > div { flex-direction: column; }
  .no-sales-category-filter > div:first-child { align-items: flex-start; flex-direction: column; }
  .no-sales-category-buttons { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .no-sales-category-buttons button { justify-content: space-between; }
  .no-sales-filter-row, .no-sales-summary { grid-template-columns: 1fr; }
  .no-sales-period-field { grid-column: auto; }
  .no-sales-facts { grid-template-columns: 1fr; }
  .no-sales-facts > div { border-right: 0; border-bottom: 1px solid #e8eef0; }
  .no-sales-facts > div:last-child { border-bottom: 0; }
  .no-sales-ad { grid-template-columns: auto 1fr; }
  .no-sales-ad a { grid-column: 1 / -1; }
}

/* Anúncios 5.7.9: busca e filtros organizados */
.listing-filter-panel { display: grid; gap: 15px; margin-bottom: 14px; padding: 18px; border: 1px solid #dce5ea; border-radius: 17px; background: #fff; box-shadow: 0 7px 22px rgba(23, 56, 76, .05); }
.listing-filter-search { display: flex; align-items: flex-end; gap: 10px; }
.listing-filter-search > label { flex: 1; }
.listing-filter-search label > span { display: block; margin-bottom: 6px; color: #526b79; font-size: 11px; font-weight: 800; text-transform: uppercase; }
.listing-filter-search label > div { display: flex; gap: 8px; }
.listing-filter-search input { flex: 1; min-width: 0; height: 42px; border: 1px solid #cfdce2; border-radius: 11px; padding: 0 13px; color: #17384c; background: #fbfcfd; }
.listing-filter-search input:focus { border-color: #f5a37b; outline: 0; box-shadow: 0 0 0 3px var(--orange-soft); }
.listing-filter-search small { display: block; margin-top: 5px; color: #738792; font-size: 10px; }
.listing-filter-group { display: grid; gap: 8px; }
.listing-filter-group + .listing-filter-group { padding-top: 13px; border-top: 1px solid #e8eef0; }
.listing-filter-group > div:first-child { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }
.listing-filter-group > div:first-child strong { color: #24485b; font-size: 12px; }
.listing-filter-group > div:first-child span { color: #738792; font-size: 11px; }
.listing-filter-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.listing-filter-chips button { display: inline-flex; align-items: center; gap: 8px; min-height: 37px; border: 1px solid #d3dfe5; border-radius: 10px; padding: 7px 11px; color: #35576a; background: #f8fafb; font: inherit; font-size: 11px; font-weight: 800; cursor: pointer; }
.listing-filter-chips button b { display: grid; place-items: center; min-width: 24px; height: 22px; border-radius: 7px; padding: 0 5px; color: #58707d; background: #e7eef1; font-size: 9px; }
.listing-filter-chips button:hover { border-color: #f5a37b; background: #fff8f4; }
.listing-filter-chips button.active { border-color: #e85d1f; color: #fff; background: #e85d1f; box-shadow: 0 5px 13px rgba(232, 93, 31, .18); }
.listing-filter-chips button.active b { color: #c94710; background: #fff; }
.listing-filter-clear { justify-self: start; }
@media (max-width: 720px) {
  .listing-filter-search { align-items: stretch; flex-direction: column; }
  .listing-filter-search label > div { flex-direction: column; }
  .listing-filter-search input, .listing-filter-search .button { width: 100%; }
  .listing-filter-group > div:first-child { align-items: flex-start; flex-direction: column; }
  .listing-filter-chips { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .listing-filter-chips button { justify-content: space-between; }
}

/* Painéis gerenciais por SKU — Vendas / Estoque e Sem vendas */
.sku-dashboard { display: grid; gap: 16px; color: #14213d; }
.sku-report-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 22px; padding: 18px 20px; border: 1px solid #dfe7f3; border-radius: 18px; background: linear-gradient(105deg, #fff 0%, #f5f8fc 100%); box-shadow: 0 8px 24px rgba(28,48,78,.06); }
.sku-report-copy { display: grid; gap: 4px; }
.sku-report-copy > span { color: #e85d1f; font-size: 9px; font-weight: 900; letter-spacing: .11em; }
.sku-report-copy > strong { color: #17233a; font-size: 16px; }
.sku-report-copy > small { color: #6a788d; line-height: 1.4; }
.sku-report-actions { display: flex; gap: 10px; flex: 0 0 auto; }
.sku-report-button { display: flex; align-items: center; gap: 10px; min-width: 174px; min-height: 58px; padding: 9px 13px; border: 1px solid transparent; border-radius: 14px; color: #fff; text-decoration: none; box-shadow: 0 7px 18px rgba(23,32,51,.13); transition: transform .15s ease, box-shadow .15s ease; }
.sku-report-button:hover { transform: translateY(-1px); box-shadow: 0 10px 24px rgba(23,32,51,.18); }
.sku-report-button.pdf { background: linear-gradient(135deg, #c93648, #ef476f); }
.sku-report-button.excel { background: linear-gradient(135deg, #087f66, #0fa875); }
.sku-report-button > i { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 10px; background: rgba(255,255,255,.16); font-style: normal; font-size: 10px; font-weight: 900; letter-spacing: .04em; }
.sku-report-button span,.sku-report-button b,.sku-report-button small { display: block; }
.sku-report-button b { font-size: 13px; }
.sku-report-button small { margin-top: 3px; color: rgba(255,255,255,.78); font-size: 9px; }
.sku-hero { display: flex; align-items: stretch; justify-content: space-between; gap: 28px; padding: 26px 28px; border-radius: 24px; color: #fff; background: linear-gradient(120deg, #102448 0%, #173d76 58%, #1f7a8c 100%); box-shadow: 0 18px 42px rgba(15, 35, 70, .18); overflow: hidden; position: relative; }
.sku-hero::after { content: ""; position: absolute; width: 240px; height: 240px; right: -60px; top: -100px; border-radius: 50%; border: 34px solid rgba(255,255,255,.08); }
.sku-hero > * { position: relative; z-index: 1; }
.sku-hero .eyebrow { color: #6fffd2; margin: 0 0 8px; }
.sku-hero h2 { margin: 0 0 8px; font-size: 30px; letter-spacing: -.03em; }
.sku-hero > div > span { color: rgba(255,255,255,.76); font-size: 13px; }
.no-sales-hero { background: linear-gradient(120deg, #3f1738 0%, #7a294d 55%, #e76f51 100%); }
.sku-period-card { display: grid; min-width: 260px; align-content: center; padding: 16px 18px; border: 1px solid rgba(255,255,255,.18); border-radius: 16px; background: rgba(255,255,255,.1); backdrop-filter: blur(6px); }
.sku-period-card span { color: rgba(255,255,255,.68); font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.sku-period-card strong { margin: 5px 0; font-size: 16px; }
.sku-period-card small { color: rgba(255,255,255,.68); line-height: 1.45; }
.sku-stock-live { display:grid; gap:8px; margin-top:10px; padding-top:10px; border-top:1px solid rgba(255,255,255,.16); }
.sku-stock-live .button { min-height:34px; padding:7px 10px; border-color:rgba(255,255,255,.42); color:#fff; background:rgba(8,21,49,.2); font-size:10px; }
.sku-stock-live .button:hover { border-color:#fff; background:rgba(255,255,255,.16); }
.sku-kpis { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; }
.sku-kpis article { position: relative; display: grid; gap: 5px; min-height: 110px; padding: 18px; overflow: hidden; border: 1px solid #dfe7f3; border-radius: 18px; background: #fff; box-shadow: 0 8px 24px rgba(28, 48, 78, .07); }
.sku-kpis article::after { content: ""; position: absolute; width: 58px; height: 58px; right: -17px; bottom: -18px; border-radius: 50%; background: currentColor; opacity: .09; }
.sku-kpis article span { font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; color: #64748b; }
.sku-kpis article strong { font-size: 21px; letter-spacing: -.025em; color: #12213b; }
.sku-kpis article small { color: #78869b; line-height: 1.35; }
.sku-kpis .blue { border-top: 4px solid #3b82f6; }.sku-kpis .violet { border-top: 4px solid #7c5cff; }.sku-kpis .cyan { border-top: 4px solid #06b6d4; }.sku-kpis .green { border-top: 4px solid #12b981; }.sku-kpis .amber { border-top: 4px solid #f59e0b; }.sku-kpis .red { border-top: 4px solid #ef476f; }
.sku-controls { display: grid; gap: 14px; padding: 18px; border: 1px solid #dfe7f3; border-radius: 20px; background: linear-gradient(180deg, #fff, #f8fbff); }
.sku-search { display: flex; align-items: end; gap: 10px; }
.sku-search > label { flex: 1; display: grid; gap: 7px; }
.sku-search label > span,.sku-filter-grid label > span,.sku-period-filter > span,.sku-kind-filter > span,.sku-custom-period label > span { color: #64748b; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; }
.sku-search label > div { display: flex; gap: 8px; }
.sku-search input,.sku-filter-grid select,.sku-custom-period input { width: 100%; min-height: 42px; padding: 0 13px; border: 1px solid #ced9e8; border-radius: 11px; background: #fff; color: #17233a; outline: none; }
.sku-search input:focus,.sku-filter-grid select:focus,.sku-custom-period input:focus { border-color: #5071e7; box-shadow: 0 0 0 3px rgba(80,113,231,.12); }
.sku-kind-filter,.sku-period-filter { display: flex; align-items: center; gap: 14px; }
.sku-kind-filter > div,.sku-period-filter > div { display: flex; flex-wrap: wrap; gap: 7px; }
.sku-kind-filter button,.sku-period-filter > div button { padding: 9px 13px; border: 1px solid #d8e2ef; border-radius: 999px; background: #fff; color: #526077; font-size: 12px; font-weight: 750; cursor: pointer; }
.sku-kind-filter button.active,.sku-period-filter > div button.active { border-color: #173d76; color: #fff; background: #173d76; box-shadow: 0 5px 12px rgba(23,61,118,.18); }
.sku-period-filter > .button { margin-left: auto; }
.sku-filter-grid { display: grid; grid-template-columns: repeat(4, minmax(160px, 1fr)); gap: 10px; }
.sku-filter-grid label,.sku-custom-period label { display: grid; gap: 6px; }
.sku-custom-period { display: grid; grid-template-columns: minmax(160px, 1fr) minmax(160px, 1fr) auto; gap: 10px; align-items: end; padding: 12px; border-radius: 13px; background: #eef4ff; }
.sku-table-note { display: flex; justify-content: space-between; gap: 16px; padding: 0 4px; color: #63728a; font-size: 12px; }
.sku-table-note strong { color: #17233a; }
.sku-table-shell { overflow: auto; max-height: 730px; border: 1px solid #dfe7f3; border-radius: 18px; background: #fff; box-shadow: 0 12px 34px rgba(28,48,78,.07); }
.sku-table { width: 100%; min-width: 1680px; border-collapse: separate; border-spacing: 0; }
.sku-table th { position: sticky; top: 0; z-index: 3; padding: 13px 12px; border-bottom: 1px solid #dbe5f0; color: #607089; background: #f3f7fc; font-size: 10px; font-weight: 850; text-align: left; text-transform: uppercase; letter-spacing: .04em; white-space: nowrap; }
.sku-table td { padding: 13px 12px; border-bottom: 1px solid #edf1f6; color: #1b2940; font-size: 12px; vertical-align: middle; }
.sku-table tbody tr:nth-child(even) td { background: #fbfcfe; }
.sku-table tbody tr:hover td { background: #eef6ff; }
.sku-table td.numeric,.sku-table th.numeric { text-align: right; }
.sku-table td > strong,.sku-table td > small { display: block; white-space: nowrap; }
.sku-table td > small { margin-top: 4px; color: #8190a5; font-size: 10px; }
.sku-stock-cell { min-width:174px; }
.sku-visits-cell { min-width:100px; background:#f1f8ff !important; }
.sku-visits-cell > strong { color:#075b9b; font-size:15px; }
.sku-stock-check { margin-top:7px; padding:5px 7px; border:1px solid #c4d7ec; border-radius:7px; color:#1c568d; background:#fff; font-size:9px; font-weight:800; cursor:pointer; }
.sku-stock-check:hover { border-color:#1c6bb0; background:#eff7ff; }
.sku-stock-check:disabled { cursor:wait; opacity:.65; }
.sku-product-cell { display: flex; align-items: center; gap: 10px; min-width: 290px; }
.sku-product-cell img,.sku-product-placeholder { flex: 0 0 44px; width: 44px; height: 44px; border: 1px solid #dbe5f0; border-radius: 10px; object-fit: contain; background: #fff; }
.sku-product-placeholder { display: grid; place-items: center; color: #315694; background: #edf4ff; font-size: 12px; font-weight: 850; }
.sku-product-cell > div { min-width: 0; }
.sku-product-cell strong { display: block; max-width: 360px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sku-product-cell small { display: block; margin-top: 4px; color: #8190a5; font-size: 10px; }
.sku-kind,.stock-health,.no-sale-period-badge,.never-sold,.sku-pending { display: inline-flex; align-items: center; justify-content: center; padding: 6px 9px; border-radius: 999px; font-size: 10px; font-weight: 850; white-space: nowrap; }
.sku-kind.simple { color: #155e75; background: #cffafe; }.sku-kind.kit { color: #6d28d9; background: #ede9fe; }
.stock-health.healthy { color: #047857; background: #d1fae5; }.stock-health.attention { color: #9a6700; background: #fef3c7; }.stock-health.critical,.stock-health.out { color: #be123c; background: #ffe4e6; }.stock-health.stopped { color: #7c3aed; background: #ede9fe; }
.sku-period-emphasis { background: #eef6ff !important; border-left: 1px solid #d7e8ff; border-right: 1px solid #d7e8ff; }
.sku-pending { color: #9a6700; background: #fff3cf; }.no-sale-period-badge { color: #be123c; background: #ffe4e6; }.never-sold { color: #7c2d12; background: #ffedd5; }
.sku-source-note { display: flex; gap: 8px; padding: 12px 15px; border-radius: 13px; color: #607089; background: #f2f6fb; font-size: 11px; line-height: 1.45; }
.sku-source-note strong { color: #223654; white-space: nowrap; }
.no-sales-table { min-width: 1250px; }
@media (max-width: 1400px) { .sku-kpis { grid-template-columns: repeat(3, minmax(0,1fr)); } }
@media (max-width: 900px) { .sku-hero,.sku-report-toolbar { align-items: stretch; flex-direction: column; }.sku-period-card { min-width: 0; }.sku-kpis { grid-template-columns: repeat(2,minmax(0,1fr)); }.sku-filter-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.sku-kind-filter,.sku-period-filter { align-items: flex-start; flex-direction: column; }.sku-period-filter > .button { margin-left: 0; }.sku-search { align-items: stretch; flex-direction: column; } }
@media (max-width: 560px) { .sku-kpis,.sku-filter-grid,.sku-custom-period { grid-template-columns: 1fr; }.sku-hero { padding: 20px; }.sku-source-note,.sku-report-actions { flex-direction: column; }.sku-report-button { width: 100%; } }

/* Vendas / Estoque v8 — painel de decisão e leitura móvel */
.sku-decision-center { display:grid; gap:14px; padding:20px; border:1px solid #d9e4f0; border-radius:22px; background:linear-gradient(145deg,#f9fbff,#eef5fb); box-shadow:0 12px 32px rgba(22,48,82,.07); }
.sku-decision-heading { display:flex; align-items:end; justify-content:space-between; gap:18px; }
.sku-decision-heading > div > span { color:#e75e25; font-size:9px; font-weight:900; letter-spacing:.12em; }
.sku-decision-heading h3 { margin:4px 0; color:#13233b; font-size:20px; letter-spacing:-.025em; }
.sku-decision-heading p,.sku-decision-heading > small { margin:0; color:#6b7c92; font-size:11px; }
.sku-decision-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.sku-decision-grid button { position:relative; display:grid; grid-template-columns:42px minmax(0,1fr); gap:11px; min-height:118px; padding:15px; overflow:hidden; text-align:left; border:1px solid #dbe5ef; border-radius:16px; color:#192b43; background:#fff; cursor:pointer; transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease; }
.sku-decision-grid button:hover,.sku-decision-grid button.active { transform:translateY(-2px); border-color:currentColor; box-shadow:0 12px 24px rgba(22,48,82,.12); }
.sku-decision-grid button::after { content:""; position:absolute; width:80px; height:80px; right:-34px; bottom:-42px; border-radius:50%; background:currentColor; opacity:.07; }
.sku-decision-grid button > i { display:grid; place-items:center; width:42px; height:42px; border-radius:12px; color:#fff; background:var(--decision-tone,#315d91); font-size:17px; font-style:normal; font-weight:900; }
.sku-decision-grid button > i::first-letter { color:#fff; }
.sku-decision-grid button > span { display:grid; min-width:0; }
.sku-decision-grid button small { color:#687a91; font-size:9px; font-weight:850; letter-spacing:.05em; text-transform:uppercase; }
.sku-decision-grid button strong { margin-top:3px; color:#14233a; font-size:18px; letter-spacing:-.025em; }
.sku-decision-grid button em { margin-top:4px; overflow:hidden; color:#738297; font-size:10px; font-style:normal; line-height:1.35; text-overflow:ellipsis; white-space:nowrap; }
.sku-decision-grid button > b { grid-column:1/-1; color:currentColor; font-size:10px; }
.sku-decision-grid .danger { --decision-tone:#dc3159; color:#dc3159; }.sku-decision-grid .warning { --decision-tone:#b87900; color:#b87900; }.sku-decision-grid .orange { --decision-tone:#e65d21; color:#e65d21; }.sku-decision-grid .success { --decision-tone:#07845f; color:#07845f; }
.sku-active-analysis-filter { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:11px 14px; border:1px solid #bcd9ff; border-radius:13px; color:#294c78; background:#edf6ff; font-size:12px; }
.sku-active-analysis-filter button { min-height:34px; padding:0 12px; border:0; border-radius:9px; color:#fff; background:#174c80; font-size:11px; font-weight:800; cursor:pointer; }
.sku-row-out td:first-child,.sku-row-critical td:first-child { box-shadow:inset 4px 0 #e43d61; }
.sku-row-stopped td:first-child { box-shadow:inset 4px 0 #8b5cf6; }
.sku-mobile-list { display:none; }
.sku-mobile-card { overflow:hidden; border:1px solid #dae5f0; border-left:4px solid #36a879; border-radius:16px; background:#fff; box-shadow:0 8px 22px rgba(27,50,79,.07); }
.sku-mobile-card.out,.sku-mobile-card.critical { border-left-color:#e43d61; }.sku-mobile-card.attention { border-left-color:#e5a11a; }.sku-mobile-card.stopped { border-left-color:#8b5cf6; }
.sku-mobile-card > header { display:grid; grid-template-columns:52px minmax(0,1fr) auto; align-items:center; gap:10px; padding:13px; border-bottom:1px solid #e6edf4; }
.sku-mobile-card > header img,.sku-mobile-card > header > .sku-product-placeholder { width:52px; height:52px; border-radius:11px; object-fit:contain; background:#fff; }
.sku-mobile-card > header > div { min-width:0; }.sku-mobile-card > header > div > strong { display:-webkit-box; overflow:hidden; color:#18283f; font-size:13px; line-height:1.35; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.sku-mobile-card > header > div > small { display:block; margin-top:4px; color:#6e7f95; font-size:10px; }
.sku-mobile-kind { display:block; margin-bottom:3px; color:#3074b8; font-size:8px; font-weight:900; letter-spacing:.1em; }
.sku-mobile-metrics { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
.sku-mobile-metrics > span { display:grid; gap:3px; min-height:82px; padding:12px; border-right:1px solid #e8eef4; border-bottom:1px solid #e8eef4; }
.sku-mobile-metrics > span:nth-child(even) { border-right:0; }
.sku-mobile-metrics small,.sku-mobile-card footer small { color:#78889d; font-size:9px; text-transform:uppercase; letter-spacing:.04em; }
.sku-mobile-metrics strong { color:#172840; font-size:15px; }.sku-mobile-metrics em { color:#7b899c; font-size:9px; font-style:normal; }
.sku-mobile-card footer { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:12px 13px; }
.sku-mobile-card footer span { display:grid; gap:3px; min-width:0; }.sku-mobile-card footer span strong { overflow:hidden; color:#263a55; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.sku-mobile-card footer > b { flex:0 0 auto; padding:7px 9px; border-radius:8px; color:#ad193b; background:#ffe8ed; font-size:9px; }.sku-mobile-card footer > b.ok { color:#287054; background:#e2f7ee; }

html[data-theme="black"] .sku-decision-center { border-color:#27364a; background:linear-gradient(145deg,#101925,#0d1722); box-shadow:none; }
html[data-theme="black"] .sku-decision-heading h3,html[data-theme="black"] .sku-decision-grid button strong { color:#edf4fd; }
html[data-theme="black"] .sku-decision-heading p,html[data-theme="black"] .sku-decision-heading > small,html[data-theme="black"] .sku-decision-grid button small,html[data-theme="black"] .sku-decision-grid button em { color:#91a2b7; }
html[data-theme="black"] .sku-decision-grid button,html[data-theme="black"] .sku-mobile-card { border-color:#2a394d; background:#111b28; }
html[data-theme="black"] .sku-decision-grid button:hover,html[data-theme="black"] .sku-decision-grid button.active { background:#162335; }
html[data-theme="black"] .sku-active-analysis-filter { color:#b9d8ff; border-color:#294d76; background:#10253d; }
html[data-theme="black"] .sku-mobile-card > header,html[data-theme="black"] .sku-mobile-metrics > span { border-color:#29384a; }
html[data-theme="black"] .sku-mobile-card > header > div > strong,html[data-theme="black"] .sku-mobile-metrics strong { color:#edf4fd; }
html[data-theme="black"] .sku-mobile-card > header > div > small,html[data-theme="black"] .sku-mobile-metrics em,html[data-theme="black"] .sku-mobile-card footer span strong { color:#99aabd; }

@media (max-width:1100px) { .sku-decision-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:700px) {
  .sku-dashboard { gap:12px; }
  .sku-decision-center { padding:14px; border-radius:17px; }
  .sku-decision-heading { align-items:flex-start; flex-direction:column; gap:5px; }
  .sku-decision-grid { display:flex; margin-inline:-2px; padding:2px 2px 8px; overflow-x:auto; scroll-snap-type:x mandatory; }
  .sku-decision-grid button { flex:0 0 82vw; min-height:112px; scroll-snap-align:start; }
  .sku-mobile-list { display:grid; gap:10px; }
  .sku-dashboard > .sku-table-shell,.sku-dashboard > .sku-table-note { display:none; }
  .sku-active-analysis-filter { align-items:flex-start; flex-direction:column; }
  .sku-active-analysis-filter button { width:100%; min-height:42px; }
}

/* Início v7 — cockpit executivo com perguntas completas do Mercado Livre */
#content:has(.dashboard-v6) {
  padding: 18px 22px 34px;
  background: #f3f6fa;
}
.dashboard-v6 {
  display: grid;
  gap: 14px;
  margin: 0;
  padding: 0;
  color: #15223a;
  background: transparent;
  border-radius: 0;
}
.dashboard-v6::before { display: none; }
.dashboard-v6-header {
  position: relative;
  min-height: 176px;
  margin: 0;
  padding: 27px 30px 82px;
  overflow: hidden;
  color: #fff;
  background:
    radial-gradient(circle at 82% 4%, rgba(78, 165, 255, .3), transparent 30%),
    radial-gradient(circle at 48% 120%, rgba(240, 106, 50, .23), transparent 36%),
    linear-gradient(130deg, #0b2348 0%, #123566 55%, #0b244c 100%);
  border: 0;
  border-radius: 21px;
  box-shadow: 0 18px 38px rgba(12, 38, 79, .18);
}
.dashboard-v6-header::before,
.dashboard-v6-header::after {
  content: "";
  position: absolute;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 50%;
  pointer-events: none;
}
.dashboard-v6-header::before {
  width: 260px;
  height: 260px;
  right: -72px;
  top: -145px;
  box-shadow: 0 0 0 32px rgba(255,255,255,.025), 0 0 0 64px rgba(255,255,255,.018);
}
.dashboard-v6-header::after {
  width: 180px;
  height: 180px;
  right: 23%;
  bottom: -142px;
}
.dashboard-v6-header > * { position: relative; z-index: 1; }
.dashboard-v6-header h1 {
  margin-top: 8px;
  color: #fff;
  font-size: clamp(1.75rem, 2.5vw, 2.35rem);
  letter-spacing: -.045em;
}
.dashboard-v6-header > div:first-child > p {
  max-width: 620px;
  margin-top: 7px;
  color: rgba(226,236,251,.78);
  font-size: .78rem;
}
.dashboard-v6-status { color: rgba(220,232,249,.72); font-size: .62rem; }
.dashboard-v6-status strong { color: #75efc3; }
.dashboard-live-dot { box-shadow: 0 0 0 5px rgba(117,239,195,.14); }
.dashboard-v6-header-actions { align-self: flex-start; gap: 12px; }
.dashboard-v6-header-actions time { color: rgba(232,240,252,.78); }
.dashboard-v6-header-actions .button {
  min-height: 39px;
  padding: 0 15px;
  color: #fff;
  border-color: rgba(255,255,255,.18);
  background: rgba(255,255,255,.1);
  backdrop-filter: blur(7px);
}
.dashboard-v6-header-actions .button:hover { border-color: rgba(255,255,255,.42); background: rgba(255,255,255,.16); }

.dashboard-kpi-strip {
  position: relative;
  z-index: 2;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  margin: -66px 18px 2px;
}
.dashboard-kpi,
.dashboard-kpi:nth-child(n) {
  min-height: 120px;
  padding: 16px 17px;
  overflow: hidden;
  color: #15223a;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 15px;
  box-shadow: 0 14px 30px rgba(28, 45, 72, .1);
}
.dashboard-kpi:nth-child(1) {
  color: #15223a;
  background: #fff;
  border-color: #e2e8f0;
}
.dashboard-kpi::after,
.dashboard-kpi:nth-child(n)::after {
  top: auto;
  right: -18px;
  bottom: -20px;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: currentColor;
  opacity: .035;
}
.dashboard-kpi:nth-child(1)::before,
.dashboard-kpi:nth-child(2)::before,
.dashboard-kpi:nth-child(3)::before,
.dashboard-kpi:nth-child(4)::before,
.dashboard-kpi:nth-child(5)::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: #2f75d6;
}
.dashboard-kpi:nth-child(2)::before { background: #14906c; }
.dashboard-kpi:nth-child(3)::before { background: #f06a32; }
.dashboard-kpi:nth-child(4)::before { background: #735de3; }
.dashboard-kpi:nth-child(5)::before { background: #2587b8; }
.dashboard-kpi > span,
.dashboard-kpi:nth-child(1) > span { color: #68758a; }
.dashboard-kpi > strong,
.dashboard-kpi:nth-child(n) > strong {
  margin-top: 16px;
  color: #14213a;
  font-size: clamp(1.15rem, 1.7vw, 1.52rem);
}
.dashboard-kpi:nth-child(1) > strong { color: #14213a; font-size: clamp(1.25rem, 1.85vw, 1.65rem); }
.dashboard-kpi > small,
.dashboard-kpi:nth-child(1) > small { color: #7c8799; }
.dashboard-kpi-icon { color: #245ea8; background: #edf4ff; }
.dashboard-kpi-icon.profit { color: #0b7f5b; background: #e9f8f2; }
.dashboard-kpi-icon.margin { color: #d65d26; background: #fff0e8; }
.dashboard-kpi-icon.orders { color: #654ed0; background: #f0edff; }
.dashboard-kpi-icon.ticket { color: #176f96; background: #e8f6fc; }
.dashboard-kpi:hover { transform: translateY(-2px); border-color: #d3dce8; box-shadow: 0 18px 36px rgba(28,45,72,.13); }

.dashboard-v7-command-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.9fr) minmax(300px, .78fr);
  gap: 14px;
  align-items: stretch;
}
.dashboard-v7-command-main { min-width: 0; }
.dashboard-v7-command-side {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 14px;
  min-width: 0;
}
.dashboard-v6-card,
.dashboard-attention-center {
  border: 1px solid #e1e7ef;
  border-radius: 17px;
  background: #fff;
  box-shadow: 0 8px 25px rgba(27,42,66,.055);
}
.dashboard-chart-card {
  min-height: 438px;
  padding: 20px;
  overflow: visible;
  color: #15223a;
  background: #fff;
  border-color: #e1e7ef;
  box-shadow: 0 8px 25px rgba(27,42,66,.055);
}
.dashboard-chart-card::after { display: none; }
.dashboard-chart-card .dashboard-v6-card-heading > div:first-child > span { color: #e85f26; }
.dashboard-chart-card .dashboard-v6-card-heading h2 { color: #15223a; }
.dashboard-chart-card .dashboard-v6-card-heading > div:first-child > p { color: #768297; }
.dashboard-chart-card .text-button { color: #e75e26; }
.dashboard-chart-card .dashboard-chart-summary {
  grid-template-columns: repeat(4, minmax(112px, 1fr)) auto;
  gap: 9px;
  margin-top: 15px;
}
.dashboard-chart-card .dashboard-chart-summary > span {
  min-height: 65px;
  padding: 10px 11px;
  border: 1px solid #e8edf3;
  border-radius: 11px;
  background: #f8fafc;
}
.dashboard-chart-card .dashboard-chart-summary > span small { color: #7c8799; }
.dashboard-chart-card .dashboard-chart-summary > span strong { color: #17243d; }
.dashboard-chart-card .dashboard-chart-summary .positive { color: #10805e; }
.dashboard-chart-card .dashboard-chart-summary .negative { color: #c53b4c; }
.dashboard-chart-card .dashboard-chart-legend { color: #758196; }
.dashboard-chart-canvas { margin-top: 8px; }
.dashboard-chart-canvas svg { min-height: 250px; max-height: 280px; }
.dashboard-chart-card .commerce-grid-line line { stroke: #e6ebf2; }
.dashboard-chart-card .commerce-grid-line text,
.dashboard-chart-card .commerce-date-label,
.dashboard-chart-card .commerce-profit-scale { fill: #758196; }
.dashboard-chart-card .commerce-axis-title { fill: #27364f; }
.dashboard-chart-footnote { color: #7e899b; border-top-color: #e8edf3; }

.dashboard-v7-command-side .dashboard-attention-center {
  display: grid;
  grid-template-columns: 1fr;
  gap: 13px;
  margin: 0;
  padding: 18px;
  align-content: start;
}
.dashboard-v7-command-side .dashboard-attention-center.is-clear {
  border-color: #d8eee5;
  background: linear-gradient(145deg, #fff, #f5fcf9);
}
.dashboard-v7-command-side .dashboard-attention-heading { min-width: 0; }
.dashboard-v7-command-side .dashboard-attention-heading strong { font-size: .79rem; }
.dashboard-v7-command-side .dashboard-attention-items { grid-template-columns: 1fr; gap: 7px; }
.dashboard-v7-command-side .dashboard-attention-items button {
  min-height: 54px;
  padding: 9px 10px;
  box-shadow: none;
}
.dashboard-v7-command-side .dashboard-attention-items button strong { font-size: .64rem; }
.dashboard-v7-command-side .dashboard-attention-items button small { font-size: .53rem; }
.dashboard-v7-command-side .dashboard-logistics-card {
  min-height: 0;
  padding: 18px;
  color: #15223a;
  background: linear-gradient(150deg, #fffdfb, #fff7f2);
  border-color: #f1d7c5;
  box-shadow: 0 8px 25px rgba(93,55,24,.055);
}
.dashboard-v7-command-side .dashboard-logistics-main > div > strong { font-size: 2.15rem; }
.dashboard-v7-command-side .dashboard-logistics-metrics { background: rgba(255,255,255,.72); }

.dashboard-questions-card {
  margin: 0;
  padding: 0;
  overflow: hidden;
  border-color: #dfe6ef;
  background: #fff;
}
.dashboard-questions-card .dashboard-questions-heading {
  margin: 0;
  padding: 18px 20px 15px;
  background: linear-gradient(100deg, #fff, #f7faff);
  border-bottom: 1px solid #e3e9f1;
}
.dashboard-questions-card .dashboard-v6-card-heading > div:first-child > span { color: #e85f26; }
.dashboard-questions-card .dashboard-v6-card-heading h2 { font-size: 1.08rem; }
.dashboard-question-summary span {
  padding: 6px 9px;
  border-radius: 999px;
  background: #f4f7fb;
}
.dashboard-question-summary span:first-child { color: #ba4b1c; background: #fff0e8; }
.dashboard-question-list {
  max-height: 470px;
  padding: 0 20px;
  overflow: auto;
}
.dashboard-question-row {
  grid-template-columns: 62px minmax(0, 1fr) minmax(125px, auto);
  gap: 15px;
  min-height: 90px;
  padding: 14px 0;
  background: transparent;
  border-bottom: 1px solid #e7ecf2;
}
.dashboard-question-row.pending { background: linear-gradient(90deg, rgba(255,241,233,.58), transparent 42%); }
.dashboard-question-row > img,
.dashboard-question-row > .question-product-placeholder {
  width: 58px;
  height: 58px;
  object-fit: contain;
  border: 1px solid #e0e6ee;
  border-radius: 13px;
  background: #fff;
  box-shadow: 0 6px 14px rgba(26,42,66,.07);
}
.dashboard-question-copy > div strong { color: #18253e; font-size: .72rem; }
.dashboard-question-copy > div small { color: #7d899b; font-size: .55rem; }
.dashboard-question-copy p {
  margin: 8px 0 0;
  padding: 9px 11px;
  color: #27344a;
  background: #f7f9fc;
  border: 1px solid #e6ebf2;
  border-radius: 10px;
  font-size: .66rem;
  line-height: 1.45;
}
.dashboard-question-answer { margin-top: 7px; border-radius: 9px; }
.dashboard-question-meta { gap: 6px; }
.dashboard-question-meta time { color: #7f8a9b; }
.dashboard-question-meta a { color: #dc5b24; }
.dashboard-question-meta .question-status { min-width: 82px; border-radius: 999px; }

.dashboard-sales-detail-card.today-sales-panel {
  margin: 0;
  overflow: hidden;
  border-color: #dfe6ef;
  border-radius: 17px;
  background: #fff;
  box-shadow: 0 8px 25px rgba(27,42,66,.055);
}
.dashboard-sales-detail-card .today-sales-heading {
  min-height: 88px;
  padding: 17px 20px;
  color: #15223a;
  background: linear-gradient(100deg, #fff, #f7faff);
  border-bottom: 1px solid #e3e9f1;
}
.dashboard-sales-detail-card .today-sales-heading h2 { color: #15223a; }
.dashboard-sales-detail-card .today-sales-heading > div:first-child > span { color: #768297; }
.dashboard-sales-detail-card .today-sales-heading .eyebrow { color: #e85f26; }
.dashboard-sales-detail-card .today-sales-heading .button {
  color: #fff;
  background: #102d58;
  border-color: #102d58;
}
.dashboard-sales-detail-card .today-sales-kpis small { color: #768297; }
.dashboard-sales-detail-card .today-sales-kpis strong { color: #17243d; }
.dashboard-sales-detail-card .today-sales-kpis .profit-positive { color: #10805e; }
.dashboard-sales-detail-card .today-sales-table thead { background: #f4f7fb; }
.dashboard-sales-detail-card .today-sales-table td { border-top-color: #e8edf3; }

.dashboard-v7-operations-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 14px;
  align-items: start;
}
.dashboard-v7-operations-grid .dashboard-task-card,
.dashboard-v7-operations-grid .dashboard-ranking-card { min-height: 100%; padding: 19px; }
.dashboard-v7-operations-grid .dashboard-task-card {
  color: #15223a;
  background: linear-gradient(145deg, #fff, #faf9ff);
  border-color: #e4e0f5;
}
.dashboard-v7-operations-grid .dashboard-ranking-card {
  background: linear-gradient(145deg, #fff, #f8fbff);
  border-color: #dce6f3;
}
.dashboard-v6-planning-grid { gap: 14px; margin: 0; }
.dashboard-v6-planning-grid .dashboard-v6-card { padding: 19px; }

@media (max-width: 1320px) {
  .dashboard-kpi-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .dashboard-kpi:nth-child(4), .dashboard-kpi:nth-child(5) { min-height: 104px; }
  .dashboard-v7-command-grid { grid-template-columns: 1fr; }
  .dashboard-v7-command-side { grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); grid-template-rows: none; }
}
@media (max-width: 900px) {
  #content:has(.dashboard-v6) { padding: 15px; }
  .dashboard-v6-header { padding: 23px 22px 82px; }
  .dashboard-kpi-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-inline: 10px; }
  .dashboard-kpi:first-child { grid-column: 1 / -1; }
  .dashboard-v7-command-side,
  .dashboard-v7-operations-grid,
  .dashboard-v6-planning-grid { grid-template-columns: 1fr; }
  .dashboard-chart-card .dashboard-chart-summary { grid-template-columns: repeat(2, minmax(120px,1fr)); min-width: 0; }
  .dashboard-chart-card .dashboard-chart-legend { margin-left: 0; }
  .dashboard-question-row { grid-template-columns: 54px minmax(0, 1fr); }
  .dashboard-question-row > img,
  .dashboard-question-row > .question-product-placeholder { width: 50px; height: 50px; }
  .dashboard-question-meta { grid-column: 2; grid-template-columns: repeat(3, auto); justify-content: start; }
}
@media (max-width: 620px) {
  #content:has(.dashboard-v6) { padding: 10px; }
  .dashboard-v6 { gap: 11px; }
  .dashboard-v6-header { min-height: 190px; padding: 20px 18px 84px; border-radius: 18px; }
  .dashboard-v6-header-actions { width: 100%; align-self: auto; justify-content: space-between; }
  .dashboard-v6-header-actions time { max-width: 170px; text-align: left; }
  .dashboard-kpi-strip { grid-template-columns: 1fr; margin: -66px 9px 1px; }
  .dashboard-kpi:first-child { grid-column: auto; }
  .dashboard-kpi { min-height: 104px; }
  .dashboard-chart-card { min-height: 390px; padding: 15px 13px; overflow-x: auto; }
  .dashboard-chart-card .dashboard-v6-card-heading,
  .dashboard-chart-card .dashboard-chart-summary,
  .dashboard-chart-canvas,
  .dashboard-chart-footnote { min-width: 680px; }
  .dashboard-question-summary { align-items: flex-start; flex-direction: column; gap: 6px; }
  .dashboard-questions-card .dashboard-questions-heading { align-items: flex-start; padding: 16px; }
  .dashboard-question-list { padding: 0 15px; }
  .dashboard-question-row { grid-template-columns: 48px minmax(0,1fr); gap: 11px; }
  .dashboard-question-row > img,
  .dashboard-question-row > .question-product-placeholder { width: 44px; height: 44px; }
  .dashboard-question-meta { grid-template-columns: 1fr; }
  .dashboard-sales-detail-card .today-sales-heading { grid-template-columns: 1fr; padding: 16px; }
  .dashboard-sales-detail-card .today-sales-kpis { grid-column: auto; grid-row: auto; overflow-x: auto; }
}

/* Início v7.1 — correções de contraste, ordem e densidade visual */
#content:has(.dashboard-v6) {
  background: #f3f6fa;
}
.dashboard-v6 {
  gap: 14px;
}
.dashboard-v6-header {
  min-height: 164px;
  padding: 24px 28px 54px;
  background:
    radial-gradient(circle at 92% 12%, rgba(71, 148, 230, .28), transparent 25%),
    linear-gradient(120deg, #102b52 0%, #173e70 100%);
  box-shadow: 0 14px 30px rgba(17, 44, 83, .15);
}
.dashboard-v6-header h1 {
  font-size: clamp(1.75rem, 2.7vw, 2.35rem);
}
.dashboard-kpi-strip {
  gap: 11px;
  margin: -52px 18px 2px;
}
.dashboard-kpi,
.dashboard-kpi:nth-child(n) {
  min-height: 105px;
  padding: 14px 16px;
  box-shadow: 0 9px 22px rgba(30, 48, 74, .09);
}
.dashboard-kpi > strong,
.dashboard-kpi:nth-child(n) > strong {
  margin-top: 11px;
}

/* Gráfico claro e legível */
.dashboard-chart-card .dashboard-chart-canvas {
  overflow: hidden;
  border: 1px solid #dfe7f0;
  background: linear-gradient(180deg, #fbfdff 0%, #f6f9fd 100%);
  box-shadow: inset 0 1px 0 #fff;
}
.dashboard-chart-card .dashboard-period-picker {
  border-color: #dbe3ed;
  background: #f0f4f8;
}
.dashboard-chart-card .dashboard-period-picker button {
  color: #5e6c80;
}
.dashboard-chart-card .dashboard-period-picker button:hover {
  color: #16345d;
  background: #e5ebf3;
}
.dashboard-chart-card .dashboard-period-picker button.active {
  color: #fff;
  background: #173b68;
  box-shadow: 0 4px 10px rgba(23, 59, 104, .2);
}
.dashboard-chart-card .commerce-grid-line line {
  stroke: #d9e2ed;
  stroke-dasharray: 4 5;
}
.dashboard-chart-card .commerce-grid-line text,
.dashboard-chart-card .commerce-date-label,
.dashboard-chart-card .commerce-profit-scale {
  fill: #66758a;
}
.dashboard-chart-card .commerce-axis-title {
  fill: #233b5d;
}
.dashboard-chart-card .commerce-axis-title.profit-axis {
  fill: #c75525;
}
.dashboard-chart-card .commerce-profit-line {
  stroke: #f06b35;
  filter: drop-shadow(0 2px 3px rgba(240,107,53,.25));
}
.dashboard-chart-card .commerce-profit-point {
  stroke: #f06b35;
  fill: #fff;
}
.dashboard-chart-card .dashboard-chart-footnote {
  color: #6e7c90;
}
.dashboard-chart-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
}

/* Produtos vendidos sempre aparecem antes do gráfico e das perguntas */
.dashboard-sales-detail-card.today-sales-panel {
  order: initial;
}
.dashboard-sales-detail-card .today-sales-heading {
  background: #fff;
}

/* Perguntas compactas: quatro itens com imagens reais e acesso à lista completa */
.dashboard-questions-card .dashboard-question-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  max-height: none;
  padding: 12px 14px;
  overflow: visible;
  background: #f7f9fc;
}
.dashboard-questions-card .dashboard-question-row {
  grid-template-columns: 50px minmax(0, 1fr);
  gap: 10px;
  min-height: 128px;
  padding: 11px;
  border: 1px solid #e1e7ef;
  border-radius: 12px;
  background: #fff;
}
.dashboard-questions-card .dashboard-question-row.pending {
  border-color: #f1d8c9;
  background: linear-gradient(110deg, #fff9f5, #fff 48%);
}
.dashboard-questions-card .dashboard-question-row > img,
.dashboard-questions-card .dashboard-question-row > .question-product-placeholder {
  width: 48px;
  height: 48px;
  border-radius: 10px;
  box-shadow: none;
}
.dashboard-questions-card .dashboard-question-copy > div strong {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dashboard-questions-card .dashboard-question-copy p {
  display: -webkit-box;
  margin-top: 7px;
  padding: 7px 9px;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
.dashboard-questions-card .dashboard-question-answer {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dashboard-questions-card .dashboard-question-meta {
  grid-column: 2;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 9px;
}
.dashboard-questions-card .dashboard-question-meta .question-status {
  min-width: 0;
}
.dashboard-questions-more {
  width: 100%;
  min-height: 40px;
  border: 0;
  border-top: 1px solid #e2e8f0;
  color: #174b84;
  background: #fff;
  cursor: pointer;
  font-size: .64rem;
  font-weight: 850;
}
.dashboard-questions-more:hover {
  background: #f3f7fc;
}

/* Evita cartões vazios artificialmente altos */
.dashboard-v7-operations-grid .dashboard-task-card,
.dashboard-v7-operations-grid .dashboard-ranking-card {
  min-height: 0;
}

@media (max-width: 900px) {
  .dashboard-questions-card .dashboard-question-list {
    grid-template-columns: 1fr;
  }
}

/* Ajuste v7.2.3 — cartões operacionais com altura e conteúdo equilibrados */
.dashboard-v72-status-grid {
  align-items: stretch;
}
.dashboard-v72-status-grid > .dashboard-attention-center,
.dashboard-v72-status-grid > .dashboard-logistics-card {
  height: 100%;
}
.dashboard-v72-status-grid .dashboard-attention-center {
  grid-template-columns: 1fr;
  grid-template-rows: auto auto;
  align-content: center;
  gap: 15px;
}
.dashboard-v72-status-grid .dashboard-attention-items {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  width: 100%;
}

/* Início v7.3 final — prioridade sobre estilos antigos */
#content:has(.dashboard-v6) {
  padding: 22px 26px 34px;
  background: #f3f6fa;
}
.dashboard-v6 {
  max-width: 1500px;
  gap: 16px;
}
.dashboard-v6-header {
  min-height: 0;
  padding: 4px 3px 12px;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.dashboard-v6-header::before,
.dashboard-v6-header::after {
  display: none;
}
.dashboard-v73-kpis .dashboard-kpi-strip {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin: 0;
}
.dashboard-v73-commercial-stack .dashboard-chart-card,
.dashboard-v73-commercial-stack .dashboard-sales-detail-card.today-sales-panel {
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.dashboard-v73-commercial-stack .dashboard-chart-card {
  min-height: 0;
  padding: 22px 22px 16px;
}
.dashboard-v73-commercial-stack .dashboard-sales-detail-card.today-sales-panel {
  border-top: 1px solid #dfe6ef;
}
.dashboard-questions-card .dashboard-question-list {
  display: block;
  grid-template-columns: none;
  max-height: none;
  padding: 0 18px;
  overflow: visible;
  background: #fff;
}
.dashboard-questions-card .dashboard-question-row {
  grid-template-columns: 54px minmax(0, 1fr) minmax(130px, auto);
  gap: 13px;
  min-height: 88px;
  padding: 13px 4px;
  background: transparent;
  border: 0;
  border-bottom: 1px solid #e7ecf2;
  border-radius: 0;
}
.dashboard-questions-card .dashboard-question-row:last-child {
  border-bottom: 0;
}
.dashboard-questions-card .dashboard-question-row.pending {
  padding-left: 11px;
  background: linear-gradient(90deg, rgba(255,239,230,.62), transparent 38%);
  box-shadow: inset 3px 0 #f0783e;
}
.dashboard-questions-card .dashboard-question-meta {
  grid-column: auto;
  display: grid;
  grid-template-columns: 1fr;
  justify-items: end;
  align-content: center;
}
.dashboard-v7-operations-grid .dashboard-task-card,
.dashboard-v7-operations-grid .dashboard-ranking-card {
  border-top: 1px solid #dfe6ef;
}
html[data-theme="black"] #content:has(.dashboard-v6) {
  background: #070a10;
}
html[data-theme="black"] .dashboard-questions-card .dashboard-question-list {
  background: #0d121b;
}
html[data-theme="black"] .dashboard-v73-commercial-stack .dashboard-sales-detail-card.today-sales-panel {
  border-top-color: #232d3d;
}
html[data-theme="black"] .dashboard-v7-operations-grid .dashboard-task-card,
html[data-theme="black"] .dashboard-v7-operations-grid .dashboard-ranking-card {
  border-color: #232d3d;
}
@media (max-width: 980px) {
  .dashboard-v73-kpis .dashboard-kpi-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .dashboard-v73-kpis .dashboard-kpi:last-child {
    grid-column: 1 / -1;
  }
  .dashboard-questions-card .dashboard-question-row {
    grid-template-columns: 50px minmax(0, 1fr);
  }
  .dashboard-questions-card .dashboard-question-meta {
    grid-column: 2;
    display: flex;
    justify-items: initial;
  }
}
@media (max-width: 620px) {
  #content:has(.dashboard-v6) {
    padding: 10px;
  }
  .dashboard-v6-header {
    min-height: 0;
    padding: 4px 3px 12px;
  }
  .dashboard-v73-kpis .dashboard-kpi-strip {
    grid-template-columns: 1fr;
  }
  .dashboard-v73-kpis .dashboard-kpi:last-child {
    grid-column: auto;
  }
}

/* Início v7.3 — cockpit profissional, logística no topo e tema Black */
.theme-toggle-button {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 36px;
  padding: 4px 10px 4px 5px;
  border: 1px solid #dce3ec;
  border-radius: 999px;
  color: #26364d;
  background: #fff;
  cursor: pointer;
  font-size: .68rem;
  font-weight: 800;
  transition: transform .18s ease, border-color .18s ease, background .18s ease, color .18s ease;
}
.theme-toggle-button:hover {
  transform: translateY(-1px);
  border-color: #bfc9d7;
}
.theme-toggle-button > span {
  display: grid;
  width: 27px;
  height: 27px;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: #172f54;
  font-size: .8rem;
}

#content:has(.dashboard-v6) {
  padding: 22px 26px 34px;
  background: #f3f6fa;
}
.dashboard-v6 {
  max-width: 1500px;
  gap: 16px;
}
.dashboard-v6-header {
  padding: 4px 3px 12px;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.dashboard-v6-header h1 {
  font-size: clamp(1.8rem, 2.4vw, 2.2rem);
}
.dashboard-v6-header-actions .button {
  color: #173b68;
  background: #fff;
  border-color: #dbe3ed;
}
.dashboard-v6-header-actions .button:hover {
  color: #fff;
  background: #173b68;
  border-color: #173b68;
}

.dashboard-v73-overview-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 330px;
  gap: 14px;
  align-items: stretch;
}
.dashboard-v73-kpis {
  min-width: 0;
}
.dashboard-v73-kpis .dashboard-kpi-strip {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  height: 100%;
  overflow: hidden;
  background: #fff;
  border: 1px solid #dfe6ef;
  border-radius: 14px;
  box-shadow: 0 8px 24px rgba(27, 43, 67, .055);
}
.dashboard-v73-kpis .dashboard-kpi,
.dashboard-v73-kpis .dashboard-kpi:nth-child(n) {
  min-height: 132px;
  padding: 18px 16px;
  color: #17243a;
  background: transparent;
  border: 0;
  border-right: 1px solid #e5eaf1;
  border-radius: 0;
  box-shadow: none;
}
.dashboard-v73-kpis .dashboard-kpi:last-child {
  border-right: 0;
}
.dashboard-v73-kpis .dashboard-kpi:nth-child(1) {
  color: #17243a;
  background: linear-gradient(180deg, #f5f9ff, #fff);
}
.dashboard-v73-kpis .dashboard-kpi > span,
.dashboard-v73-kpis .dashboard-kpi:nth-child(1) > span,
.dashboard-v73-kpis .dashboard-kpi:nth-child(n) > span {
  color: #65748a;
}
.dashboard-v73-kpis .dashboard-kpi > strong,
.dashboard-v73-kpis .dashboard-kpi:nth-child(1) > strong,
.dashboard-v73-kpis .dashboard-kpi:nth-child(n) > strong {
  margin-top: 17px;
  color: #14243d;
  font-size: clamp(1.15rem, 1.55vw, 1.45rem);
}
.dashboard-v73-kpis .dashboard-kpi:nth-child(1) > strong {
  color: #174d87;
}
.dashboard-v73-kpis .dashboard-kpi > small,
.dashboard-v73-kpis .dashboard-kpi:nth-child(1) > small,
.dashboard-v73-kpis .dashboard-kpi:nth-child(n) > small {
  color: #7b8798;
}
.dashboard-v73-kpis .dashboard-kpi:hover {
  transform: none;
  background: #f7faff;
  box-shadow: inset 0 -3px #2d6bac;
}

.dashboard-v73-overview-grid > .dashboard-logistics-card {
  position: relative;
  min-height: 132px;
  padding: 18px;
  overflow: hidden;
  color: #fff;
  background:
    radial-gradient(circle at 100% 0, rgba(247,104,43,.22), transparent 34%),
    linear-gradient(145deg, #101e33, #142b4d);
  border: 1px solid #203b63;
  border-radius: 14px;
  box-shadow: 0 12px 28px rgba(16,35,66,.18);
}
.dashboard-v73-overview-grid > .dashboard-logistics-card::after {
  content: "";
  position: absolute;
  right: -34px;
  bottom: -54px;
  width: 130px;
  height: 130px;
  border: 20px solid rgba(255,255,255,.045);
  border-radius: 50%;
}
.dashboard-v73-overview-grid .dashboard-logistics-card > * {
  position: relative;
  z-index: 1;
}
.dashboard-v73-overview-grid .dashboard-logistics-card .dashboard-v6-card-heading > div:first-child > span,
.dashboard-v73-overview-grid .dashboard-logistics-card h2 {
  color: #fff;
}
.dashboard-v73-overview-grid .dashboard-auto-status {
  color: #9ef0cf;
  background: rgba(21,168,117,.16);
}
.dashboard-v73-overview-grid .dashboard-logistics-main {
  margin-top: 10px;
}
.dashboard-v73-overview-grid .dashboard-logistics-main > div > strong {
  color: #ff8a50;
  font-size: 2rem;
}
.dashboard-v73-overview-grid .dashboard-logistics-main > div > span,
.dashboard-v73-overview-grid .dashboard-logistics-main p,
.dashboard-v73-overview-grid .dashboard-logistics-footer small {
  color: #b7c4d6;
}
.dashboard-v73-overview-grid .dashboard-logistics-countdown {
  color: #d5ffeF;
  background: rgba(26,168,117,.17);
}
.dashboard-v73-overview-grid .dashboard-logistics-countdown.danger {
  color: #ffd6df;
  background: rgba(220,63,80,.2);
}
.dashboard-v73-overview-grid .dashboard-logistics-metrics {
  background: rgba(255,255,255,.07);
  border-color: rgba(255,255,255,.12);
}
.dashboard-v73-overview-grid .dashboard-logistics-metrics span,
.dashboard-v73-overview-grid .dashboard-logistics-metrics span + span {
  border-color: rgba(255,255,255,.1);
}
.dashboard-v73-overview-grid .dashboard-logistics-metrics strong {
  color: #fff;
}
.dashboard-v73-overview-grid .dashboard-logistics-metrics small {
  color: #9faec1;
}
.dashboard-v73-overview-grid .dashboard-logistics-footer .text-button {
  color: #ff9b6b;
}

.dashboard-v73-commercial-stack {
  overflow: hidden;
  background: #fff;
  border: 1px solid #dfe6ef;
  border-radius: 15px;
  box-shadow: 0 10px 28px rgba(27, 43, 67, .06);
}
.dashboard-v73-commercial-stack .dashboard-chart-card,
.dashboard-v73-commercial-stack .dashboard-sales-detail-card.today-sales-panel {
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.dashboard-v73-commercial-stack .dashboard-chart-card {
  padding: 22px 22px 16px;
}
.dashboard-v73-commercial-stack .dashboard-chart-canvas {
  background: #fbfcfe;
}
.dashboard-v73-commercial-stack .dashboard-sales-detail-card.today-sales-panel {
  border-top: 1px solid #dfe6ef;
}

.dashboard-v73-attention-row .dashboard-attention-center {
  display: grid;
  grid-template-columns: minmax(210px, auto) minmax(0, 1fr);
  grid-template-rows: auto;
  align-items: center;
  gap: 14px;
  min-height: 0;
  padding: 14px 16px;
  background: #fff;
  border: 1px solid #eadfd8;
  border-left: 4px solid #ed6b32;
  border-radius: 12px;
  box-shadow: 0 5px 16px rgba(27,43,67,.045);
}
.dashboard-v73-attention-row .dashboard-attention-items {
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 8px;
}
.dashboard-v73-attention-row .dashboard-attention-items button {
  min-height: 56px;
  background: #f8fafc;
  border-color: #e1e7ef;
  box-shadow: none;
}

.dashboard-questions-card {
  overflow: hidden;
  background: #fff;
  border: 1px solid #dfe6ef;
  border-radius: 14px;
  box-shadow: 0 8px 24px rgba(27,43,67,.05);
}
.dashboard-questions-card .dashboard-question-list {
  display: block;
  max-height: none;
  padding: 0 18px;
  background: #fff;
}
.dashboard-questions-card .dashboard-question-row {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr) minmax(130px, auto);
  gap: 13px;
  min-height: 88px;
  padding: 13px 4px;
  background: transparent;
  border: 0;
  border-bottom: 1px solid #e7ecf2;
  border-radius: 0;
}
.dashboard-questions-card .dashboard-question-row:last-child {
  border-bottom: 0;
}
.dashboard-questions-card .dashboard-question-row.pending {
  padding-left: 11px;
  background: linear-gradient(90deg, rgba(255,239,230,.62), transparent 38%);
  box-shadow: inset 3px 0 #f0783e;
}
.dashboard-questions-card .dashboard-question-row > img,
.dashboard-questions-card .dashboard-question-row > .question-product-placeholder {
  width: 50px;
  height: 50px;
  border-radius: 9px;
}
.dashboard-questions-card .dashboard-question-copy p {
  margin-top: 6px;
  padding: 6px 9px;
  background: #f6f8fb;
  border: 0;
  border-radius: 7px;
  -webkit-line-clamp: 1;
  line-clamp: 1;
}
.dashboard-questions-card .dashboard-question-meta {
  grid-column: auto;
  display: grid;
  grid-template-columns: 1fr;
  justify-items: end;
  align-content: center;
}
.dashboard-questions-more {
  color: #174d87;
  background: #fbfcfe;
}

.dashboard-v7-operations-grid .dashboard-task-card,
.dashboard-v7-operations-grid .dashboard-ranking-card,
.dashboard-v6-planning-grid .dashboard-agenda-card,
.dashboard-v6-planning-grid .dashboard-team-card {
  background: #fff;
  border-color: #dfe6ef;
  border-radius: 14px;
  box-shadow: 0 8px 24px rgba(27,43,67,.05);
}

/* Movimento sutil, sem comprometer a leitura */
.dashboard-v6 > * {
  animation: dashboard-pro-enter .48s cubic-bezier(.2,.75,.25,1) both;
}
.dashboard-v6 > *:nth-child(2) { animation-delay: .04s; }
.dashboard-v6 > *:nth-child(3) { animation-delay: .08s; }
.dashboard-v6 > *:nth-child(4) { animation-delay: .12s; }
.dashboard-v6 > *:nth-child(5) { animation-delay: .16s; }
.dashboard-v73-overview-grid .dashboard-auto-status i,
.dashboard-live-dot {
  animation: dashboard-pro-pulse 2.2s ease-in-out infinite;
}
.dashboard-v73-commercial-stack .commerce-revenue-bar {
  transform-box: fill-box;
  transform-origin: center bottom;
  animation: dashboard-pro-bar .55s cubic-bezier(.2,.8,.3,1) both;
}
@keyframes dashboard-pro-enter {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes dashboard-pro-pulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(24,168,117,.25); }
  50% { box-shadow: 0 0 0 5px rgba(24,168,117,0); }
}
@keyframes dashboard-pro-bar {
  from { opacity: .35; transform: scaleY(.15); }
  to { opacity: 1; transform: scaleY(1); }
}

/* Tema Black — preto real com superfícies e contraste profissionais */
html[data-theme="black"] {
  color-scheme: dark;
  --ink: #edf3fb;
  --ink-soft: #c4cede;
  --muted: #8c99ad;
  --line: #202938;
  --line-strong: #2b3546;
  --canvas: #070a10;
  --surface: #0d121b;
  --surface-soft: #111824;
  --navy: #03050a;
  --navy-soft: #090d15;
  --orange-soft: #2a1710;
  --green-soft: #0d241c;
  --red-soft: #291217;
  --yellow-soft: #29220e;
  --blue-soft: #111932;
  --shadow-sm: 0 1px 3px rgba(0,0,0,.35);
  --shadow-md: 0 18px 44px rgba(0,0,0,.5);
}
html[data-theme="black"] body,
html[data-theme="black"] .workspace,
html[data-theme="black"] .content {
  color: #edf3fb;
  background: #070a10;
}
html[data-theme="black"] .sidebar {
  color: #b3bdcc;
  background: #03050a;
  border-right: 1px solid #151c28;
}
html[data-theme="black"] .topbar {
  background: rgba(7,10,16,.92);
  border-bottom-color: #1b2432;
}
html[data-theme="black"] .global-search,
html[data-theme="black"] .global-search input,
html[data-theme="black"] .global-search kbd {
  color: #cbd5e4;
  background: #0d121b;
  border-color: #242e3d;
}
html[data-theme="black"] .theme-toggle-button {
  color: #fff;
  background: #111721;
  border-color: #303a49;
}
html[data-theme="black"] .theme-toggle-button > span {
  color: #14100a;
  background: #ff8b50;
}
html[data-theme="black"] .button,
html[data-theme="black"] .icon-button:hover,
html[data-theme="black"] input,
html[data-theme="black"] select,
html[data-theme="black"] textarea {
  color: #e7edf7;
  background: #111721;
  border-color: #2b3545;
}
html[data-theme="black"] .button.primary {
  color: #fff;
  background: linear-gradient(135deg, #f7682b, #d94b18);
  border-color: #f7682b;
}
html[data-theme="black"] .panel,
html[data-theme="black"] .metric-card,
html[data-theme="black"] .task-card,
html[data-theme="black"] .login-card,
html[data-theme="black"] .task-modal-panel,
html[data-theme="black"] .simple-modal-panel,
html[data-theme="black"] .notification-panel,
html[data-theme="black"] .settings-section,
html[data-theme="black"] .report-card {
  color: #e8eef7;
  background: #0d121b;
  border-color: #242e3d;
}
html[data-theme="black"] .data-table th,
html[data-theme="black"] .data-table td,
html[data-theme="black"] .today-sales-table th,
html[data-theme="black"] .today-sales-table td {
  color: #dbe4f1;
  background: #0d121b;
  border-color: #242e3d;
}
html[data-theme="black"] .data-table thead,
html[data-theme="black"] .today-sales-table thead {
  background: #111824;
}
html[data-theme="black"] .today-sales-fee-benefit {
  color: #89efd0;
  border-color: #174c3d;
  background: linear-gradient(90deg, #0b231d, #0e1818);
}
html[data-theme="black"] .today-sales-fee-benefit div > span { color: #79bca8; }
html[data-theme="black"] .fee-benefit-badge {
  color: #72e4bf;
  border-color: #236c57;
  background: #0d2a22;
}
html[data-theme="black"] .margin-benefit-note { color: #72e4bf; }
html[data-theme="black"] #content:has(.dashboard-v6) {
  background: #070a10;
}
html[data-theme="black"] .dashboard-v6-header h1,
html[data-theme="black"] .dashboard-v6-header > div:first-child > p,
html[data-theme="black"] .dashboard-v6-header-actions time {
  color: #edf3fb;
}
html[data-theme="black"] .dashboard-v6-header > div:first-child > p,
html[data-theme="black"] .dashboard-v6-status,
html[data-theme="black"] .dashboard-v6-header-actions time {
  color: #8f9db1;
}
html[data-theme="black"] .dashboard-v6-header-actions .button {
  color: #e8eef7;
  background: #101722;
  border-color: #293446;
}
html[data-theme="black"] .dashboard-v73-kpis .dashboard-kpi-strip,
html[data-theme="black"] .dashboard-v73-commercial-stack,
html[data-theme="black"] .dashboard-questions-card,
html[data-theme="black"] .dashboard-v7-operations-grid .dashboard-task-card,
html[data-theme="black"] .dashboard-v7-operations-grid .dashboard-ranking-card,
html[data-theme="black"] .dashboard-v6-planning-grid .dashboard-agenda-card,
html[data-theme="black"] .dashboard-v6-planning-grid .dashboard-team-card {
  color: #edf3fb;
  background: #0d121b;
  border-color: #232d3d;
  box-shadow: 0 12px 30px rgba(0,0,0,.28);
}
html[data-theme="black"] .dashboard-v73-kpis .dashboard-kpi,
html[data-theme="black"] .dashboard-v73-kpis .dashboard-kpi:nth-child(n) {
  color: #edf3fb;
  background: #0d121b;
  border-right-color: #222c3b;
}
html[data-theme="black"] .dashboard-v73-kpis .dashboard-kpi:nth-child(1) {
  background: linear-gradient(180deg, #111b2b, #0d121b);
}
html[data-theme="black"] .dashboard-v73-kpis .dashboard-kpi > span,
html[data-theme="black"] .dashboard-v73-kpis .dashboard-kpi:nth-child(n) > span,
html[data-theme="black"] .dashboard-v73-kpis .dashboard-kpi > small,
html[data-theme="black"] .dashboard-v73-kpis .dashboard-kpi:nth-child(n) > small {
  color: #8f9db1;
}
html[data-theme="black"] .dashboard-v73-kpis .dashboard-kpi > strong,
html[data-theme="black"] .dashboard-v73-kpis .dashboard-kpi:nth-child(n) > strong {
  color: #f4f7fb;
}
html[data-theme="black"] .dashboard-v73-kpis .dashboard-kpi:nth-child(1) > strong {
  color: #78b8ff;
}
html[data-theme="black"] .dashboard-v73-kpis .dashboard-kpi:hover {
  background: #121b29;
}
html[data-theme="black"] .dashboard-v73-overview-grid > .dashboard-logistics-card {
  background:
    radial-gradient(circle at 100% 0, rgba(247,104,43,.19), transparent 36%),
    linear-gradient(145deg, #090d14, #111a28);
  border-color: #354156;
  box-shadow: 0 14px 34px rgba(0,0,0,.42);
}
html[data-theme="black"] .dashboard-v73-commercial-stack .dashboard-chart-card,
html[data-theme="black"] .dashboard-v73-commercial-stack .dashboard-sales-detail-card,
html[data-theme="black"] .dashboard-v73-commercial-stack .today-sales-heading,
html[data-theme="black"] .dashboard-questions-card .dashboard-questions-heading,
html[data-theme="black"] .dashboard-questions-card .dashboard-question-list {
  color: #edf3fb;
  background: #0d121b;
  border-color: #232d3d;
}
html[data-theme="black"] .dashboard-v73-commercial-stack .dashboard-chart-canvas {
  background: #090e16;
  border-color: #263144;
}
html[data-theme="black"] .dashboard-v73-commercial-stack .dashboard-chart-summary > span {
  background: #101722;
  border-color: #252f40;
}
html[data-theme="black"] .dashboard-v73-commercial-stack .dashboard-chart-summary > span strong,
html[data-theme="black"] .dashboard-v73-commercial-stack .dashboard-v6-card-heading h2,
html[data-theme="black"] .dashboard-sales-detail-card .today-sales-heading h2,
html[data-theme="black"] .dashboard-sales-detail-card .today-sales-kpis strong,
html[data-theme="black"] .dashboard-questions-card .dashboard-v6-card-heading h2,
html[data-theme="black"] .dashboard-v6-card-heading h2 {
  color: #edf3fb;
}
html[data-theme="black"] .dashboard-v73-commercial-stack .commerce-grid-line line {
  stroke: #283348;
}
html[data-theme="black"] .dashboard-v73-commercial-stack .commerce-grid-line text,
html[data-theme="black"] .dashboard-v73-commercial-stack .commerce-date-label,
html[data-theme="black"] .dashboard-v73-commercial-stack .commerce-profit-scale {
  fill: #91a0b5;
}
html[data-theme="black"] .dashboard-v73-commercial-stack .commerce-axis-title {
  fill: #c7d2e2;
}
html[data-theme="black"] .dashboard-v73-attention-row .dashboard-attention-center {
  color: #edf3fb;
  background: #0e141e;
  border-color: #2d3543;
  border-left-color: #f06f35;
  box-shadow: 0 10px 24px rgba(0,0,0,.24);
}
html[data-theme="black"] .dashboard-v73-attention-row .dashboard-attention-items button {
  color: #e8eef7;
  background: #121925;
  border-color: #2b3546;
}
html[data-theme="black"] .dashboard-questions-card .dashboard-question-row {
  color: #e8eef7;
  background: transparent;
  border-bottom-color: #222c3a;
}
html[data-theme="black"] .dashboard-questions-card .dashboard-question-row.pending {
  background: linear-gradient(90deg, rgba(105,48,25,.28), transparent 40%);
}
html[data-theme="black"] .dashboard-questions-card .dashboard-question-copy > div strong,
html[data-theme="black"] .dashboard-questions-card .dashboard-question-copy p {
  color: #e8eef7;
}
html[data-theme="black"] .dashboard-questions-card .dashboard-question-copy p {
  background: #111824;
}
html[data-theme="black"] .dashboard-questions-more {
  color: #80baff;
  background: #0b1018;
  border-top-color: #222c3a;
}
html[data-theme="black"] .empty-state,
html[data-theme="black"] .muted,
html[data-theme="black"] small {
  color: #8f9db1;
}
html[data-theme="black"] ::-webkit-scrollbar { width: 10px; height: 10px; }
html[data-theme="black"] ::-webkit-scrollbar-track { background: #080b11; }
html[data-theme="black"] ::-webkit-scrollbar-thumb { background: #2c3646; border: 2px solid #080b11; border-radius: 999px; }

@media (max-width: 1320px) {
  .dashboard-v73-overview-grid {
    grid-template-columns: 1fr;
  }
  .dashboard-v73-overview-grid > .dashboard-logistics-card {
    min-height: 0;
  }
}
@media (max-width: 980px) {
  .dashboard-v73-kpis .dashboard-kpi-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .dashboard-v73-kpis .dashboard-kpi,
  .dashboard-v73-kpis .dashboard-kpi:nth-child(n) {
    border-right: 0;
    border-bottom: 1px solid #e5eaf1;
  }
  .dashboard-v73-kpis .dashboard-kpi:last-child {
    grid-column: 1 / -1;
    border-bottom: 0;
  }
  .dashboard-questions-card .dashboard-question-row {
    grid-template-columns: 50px minmax(0, 1fr);
  }
  .dashboard-questions-card .dashboard-question-meta {
    grid-column: 2;
    display: flex;
    justify-items: initial;
  }
  .dashboard-v73-attention-row .dashboard-attention-center {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 620px) {
  #content:has(.dashboard-v6) {
    padding: 10px;
  }
  .theme-toggle-button b {
    display: none;
  }
  .theme-toggle-button {
    padding-right: 5px;
  }
  .dashboard-v73-kpis .dashboard-kpi-strip {
    grid-template-columns: 1fr;
  }
  .dashboard-v73-kpis .dashboard-kpi:last-child {
    grid-column: auto;
  }
  .dashboard-v73-commercial-stack {
    overflow-x: auto;
  }
}
@media (prefers-reduced-motion: reduce) {
  .dashboard-v6 > *,
  .dashboard-v73-overview-grid .dashboard-auto-status i,
  .dashboard-live-dot,
  .dashboard-v73-commercial-stack .commerce-revenue-bar {
    animation: none !important;
  }
}

/* Ajuste v7.2.1 — indicadores equilibrados em telas de notebook */
.dashboard-kpi-strip {
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}
@media (max-width: 900px) {
  .dashboard-kpi-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .dashboard-kpi:first-child {
    grid-column: 1 / -1;
  }
}
@media (max-width: 620px) {
  .dashboard-kpi-strip {
    grid-template-columns: 1fr;
  }
  .dashboard-kpi:first-child {
    grid-column: auto;
  }
}

/* Início v7.2 — layout empresarial limpo e hierarquia corrigida */
#content:has(.dashboard-v6) {
  padding: 18px 22px 28px;
  background: #f4f7fb;
}
.dashboard-v6 {
  max-width: 1560px;
  gap: 15px;
  margin: 0 auto;
  color: #182438;
  font-size: 14px;
}

/* Cabeçalho sóbrio, sem sobreposição */
.dashboard-v6-header {
  min-height: 0;
  padding: 22px 24px;
  color: #182438;
  background: #fff;
  border: 1px solid #dfe6ef;
  border-radius: 13px;
  box-shadow: 0 5px 16px rgba(29, 48, 76, .05);
}
.dashboard-v6-header::before,
.dashboard-v6-header::after {
  display: none;
}
.dashboard-v6-header h1 {
  margin-top: 9px;
  color: #12233d;
  font-size: clamp(1.65rem, 2.3vw, 2.05rem);
  letter-spacing: -.035em;
}
.dashboard-v6-header > div:first-child > p {
  margin-top: 6px;
  color: #67758a;
  font-size: .79rem;
}
.dashboard-v6-status {
  color: #5f6e83;
  font-size: .67rem;
}
.dashboard-v6-status strong {
  color: #087557;
}
.dashboard-v6-header-actions {
  align-self: center;
}
.dashboard-v6-header-actions time {
  color: #617087;
  font-size: .72rem;
  font-weight: 750;
  text-transform: capitalize;
}
.dashboard-v6-header-actions .button {
  min-height: 38px;
  color: #fff;
  background: #173b68;
  border-color: #173b68;
  border-radius: 9px;
  box-shadow: none;
}
.dashboard-v6-header-actions .button:hover {
  color: #fff;
  background: #102f58;
  border-color: #102f58;
}

/* Indicadores em linha normal, sem cartões flutuantes */
.dashboard-kpi-strip {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 11px;
  margin: 0;
}
.dashboard-kpi,
.dashboard-kpi:nth-child(n) {
  min-height: 108px;
  padding: 15px 16px;
  color: #17243a;
  background: #fff;
  border: 1px solid #dfe6ef;
  border-radius: 12px;
  box-shadow: 0 4px 13px rgba(29, 48, 76, .045);
}
.dashboard-kpi::before,
.dashboard-kpi::after,
.dashboard-kpi:nth-child(n)::before,
.dashboard-kpi:nth-child(n)::after {
  display: none;
}
.dashboard-kpi:nth-child(1) {
  color: #fff;
  background: linear-gradient(125deg, #13335d, #1a4c82);
  border-color: #173b68;
}
.dashboard-kpi > span,
.dashboard-kpi:nth-child(n) > span {
  color: #66758a;
  font-size: .72rem;
}
.dashboard-kpi:nth-child(1) > span,
.dashboard-kpi:nth-child(1) > small {
  color: rgba(255,255,255,.75);
}
.dashboard-kpi > strong,
.dashboard-kpi:nth-child(n) > strong {
  margin-top: 12px;
  color: #13233b;
  font-size: clamp(1.25rem, 1.65vw, 1.55rem);
}
.dashboard-kpi:nth-child(1) > strong {
  color: #fff;
  font-size: clamp(1.32rem, 1.8vw, 1.68rem);
}
.dashboard-kpi > small,
.dashboard-kpi:nth-child(n) > small {
  margin-top: 7px;
  color: #718096;
  font-size: .61rem;
  line-height: 1.35;
}
.dashboard-kpi-icon {
  box-shadow: none;
}
.dashboard-kpi:nth-child(1) .dashboard-kpi-icon {
  color: #fff;
  background: rgba(255,255,255,.14);
}
.dashboard-kpi:hover {
  transform: none;
  border-color: #cad5e3;
  box-shadow: 0 7px 18px rgba(29, 48, 76, .075);
}

/* Superfícies consistentes */
.dashboard-v6-card,
.dashboard-attention-center,
.dashboard-sales-detail-card.today-sales-panel {
  border: 1px solid #dfe6ef;
  border-radius: 13px;
  background: #fff;
  box-shadow: 0 5px 16px rgba(29, 48, 76, .05);
}
.dashboard-v6-card-heading > div:first-child > span,
.today-sales-heading .eyebrow {
  color: #d85a27;
  font-size: .64rem;
  letter-spacing: .1em;
}
.dashboard-v6-card-heading h2,
.today-sales-heading h2 {
  color: #14243b;
  font-size: 1.08rem;
  letter-spacing: -.025em;
}

/* Gráfico principal vem primeiro e ocupa toda a largura */
.dashboard-v72-chart-section {
  min-width: 0;
}
.dashboard-v72-chart-section .dashboard-chart-card {
  min-height: 0;
  padding: 20px 21px 15px;
  color: #17243a;
  background: #fff;
  border-color: #dfe6ef;
  box-shadow: 0 5px 16px rgba(29, 48, 76, .05);
}
.dashboard-v72-chart-section .dashboard-chart-card::after {
  display: none;
}
.dashboard-v72-chart-section .dashboard-chart-card .dashboard-v6-card-heading > div:first-child > span {
  color: #d85a27;
}
.dashboard-v72-chart-section .dashboard-chart-card .dashboard-v6-card-heading h2 {
  color: #14243b;
  font-size: 1.15rem;
}
.dashboard-v72-chart-section .dashboard-chart-card .dashboard-v6-card-heading > div:first-child > p {
  color: #6a788d;
  font-size: .68rem;
}
.dashboard-v72-chart-section .dashboard-chart-summary {
  grid-template-columns: repeat(4, minmax(130px, 1fr)) auto;
  gap: 9px;
  margin-top: 14px;
}
.dashboard-v72-chart-section .dashboard-chart-summary > span {
  min-height: 70px;
  padding: 11px 12px;
  background: #f8fafc;
  border: 1px solid #e3e9f1;
  border-radius: 10px;
}
.dashboard-v72-chart-section .dashboard-chart-summary > span small {
  color: #66758a;
  font-size: .66rem;
}
.dashboard-v72-chart-section .dashboard-chart-summary > span strong {
  margin-top: 5px;
  color: #14243b;
  font-size: 1rem;
}
.dashboard-v72-chart-section .dashboard-comparison {
  margin-top: 5px;
  font-size: .57rem !important;
}
.dashboard-v72-chart-section .dashboard-chart-legend {
  color: #596a81;
  font-size: .64rem;
}
.dashboard-v72-chart-section .dashboard-chart-canvas {
  margin-top: 10px;
  overflow: hidden;
  background: #fbfcfe;
  border: 1px solid #e0e7f0;
  border-radius: 10px;
}
.dashboard-v72-chart-section .dashboard-chart-canvas svg {
  width: 100%;
  height: 330px;
  min-height: 330px;
  max-height: 330px;
}
.dashboard-v72-chart-section .commerce-grid-line line {
  stroke: #dce4ee;
  stroke-dasharray: 3 5;
}
.dashboard-v72-chart-section .commerce-grid-line text,
.dashboard-v72-chart-section .commerce-profit-scale {
  fill: #607189;
  font-size: 12px;
}
.dashboard-v72-chart-section .commerce-date-label {
  fill: #4f6179;
  font-size: 12px;
}
.dashboard-v72-chart-section .commerce-axis-title {
  fill: #203a5d;
  font-size: 11px;
}
.dashboard-v72-chart-section .commerce-axis-title.profit-axis {
  fill: #c65325;
}
.dashboard-v72-chart-section .dashboard-chart-footnote {
  margin-top: 10px;
  color: #66758a;
  font-size: .61rem;
}
.dashboard-v72-chart-section .dashboard-period-picker {
  border: 1px solid #d8e1ec;
  background: #f2f5f9;
  border-radius: 9px;
}
.dashboard-v72-chart-section .dashboard-period-picker button {
  min-height: 31px;
  padding: 0 11px;
  color: #53647b;
  font-size: .63rem;
}
.dashboard-v72-chart-section .dashboard-period-picker button.active {
  color: #fff;
  background: #173b68;
}
.dashboard-v72-chart-section .dashboard-chart-actions .text-button {
  color: #d65725;
  font-size: .67rem;
}

/* Produtos vendidos logo abaixo do gráfico */
.dashboard-sales-detail-card.today-sales-panel {
  overflow: hidden;
}
.dashboard-sales-detail-card .today-sales-heading {
  min-height: 84px;
  padding: 16px 20px;
  color: #17243a;
  background: #fff;
  border-bottom: 1px solid #e2e8f0;
}
.dashboard-sales-detail-card .today-sales-heading > div:first-child > span {
  color: #68778c;
  font-size: .64rem;
}
.dashboard-sales-detail-card .today-sales-kpis small {
  color: #6c7b90;
  font-size: .58rem;
}
.dashboard-sales-detail-card .today-sales-kpis strong {
  color: #17243a;
  font-size: .84rem;
}
.dashboard-sales-detail-card .today-sales-heading .button {
  min-height: 38px;
  color: #fff;
  background: #173b68;
  border-color: #173b68;
  border-radius: 9px;
  box-shadow: none;
}
.dashboard-sales-detail-card .today-sales-table thead {
  background: #f5f7fa;
}
.dashboard-sales-detail-card .today-sales-table th {
  padding-block: 11px;
  color: #66758a;
  font-size: .58rem;
}
.dashboard-sales-detail-card .today-sales-table td {
  padding-block: 10px;
  color: #26364d;
  font-size: .68rem;
  border-top-color: #e6ebf2;
}
.dashboard-sales-detail-card .dashboard-product strong {
  font-size: .69rem;
}
.dashboard-sales-detail-card .dashboard-product small {
  font-size: .57rem;
}

/* Operação em uma linha compacta */
.dashboard-v72-status-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 13px;
  align-items: start;
}
.dashboard-v72-status-grid .dashboard-attention-center,
.dashboard-v72-status-grid .dashboard-logistics-card {
  min-height: 0;
  margin: 0;
  padding: 18px 19px;
  color: #17243a;
  background: #fff;
}
.dashboard-v72-status-grid .dashboard-attention-center {
  border-top: 3px solid #e06732;
}
.dashboard-v72-status-grid .dashboard-logistics-card {
  border-top: 3px solid #178662;
}
.dashboard-v72-status-grid .dashboard-attention-heading strong,
.dashboard-v72-status-grid .dashboard-logistics-card h2 {
  color: #17243a;
  font-size: .95rem;
}
.dashboard-v72-status-grid .dashboard-attention-items {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.dashboard-v72-status-grid .dashboard-attention-items button {
  min-height: 60px;
  background: #fafbfc;
  border-color: #e3e8ef;
  box-shadow: none;
}
.dashboard-v72-status-grid .dashboard-attention-items button strong {
  font-size: .68rem;
}
.dashboard-v72-status-grid .dashboard-attention-items button small {
  font-size: .58rem;
}
.dashboard-v72-status-grid .dashboard-logistics-main > div > strong {
  font-size: 1.7rem;
}
.dashboard-v72-status-grid .dashboard-logistics-metrics {
  background: #f7f9fb;
}

/* Perguntas permanecem visíveis, mas não dominam a página */
.dashboard-questions-card {
  border-radius: 13px;
}
.dashboard-questions-card .dashboard-questions-heading {
  padding: 16px 19px 14px;
  background: #fff;
}
.dashboard-questions-card .dashboard-question-list {
  gap: 9px;
  padding: 11px 13px;
  background: #f7f9fc;
}
.dashboard-questions-card .dashboard-question-row {
  min-height: 118px;
  border-radius: 10px;
  box-shadow: none;
}
.dashboard-questions-card .dashboard-question-copy > div strong {
  font-size: .68rem;
}
.dashboard-questions-card .dashboard-question-copy > div small,
.dashboard-questions-card .dashboard-question-meta,
.dashboard-questions-card .dashboard-question-meta a {
  font-size: .56rem;
}
.dashboard-questions-card .dashboard-question-copy p {
  color: #2c3c52;
  background: #f5f7fa;
  font-size: .64rem;
}

/* Blocos inferiores sem gradientes ou alturas artificiais */
.dashboard-v7-operations-grid {
  align-items: start;
}
.dashboard-v7-operations-grid .dashboard-task-card,
.dashboard-v7-operations-grid .dashboard-ranking-card,
.dashboard-v6-planning-grid .dashboard-agenda-card,
.dashboard-v6-planning-grid .dashboard-team-card {
  min-height: 0;
  background: #fff;
  border-color: #dfe6ef;
  box-shadow: 0 5px 16px rgba(29, 48, 76, .05);
}
.dashboard-v7-operations-grid .dashboard-task-card,
.dashboard-v7-operations-grid .dashboard-ranking-card {
  border-top: 3px solid #315f9d;
}

@media (max-width: 1280px) {
  .dashboard-kpi-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .dashboard-v72-chart-section .dashboard-chart-summary {
    grid-template-columns: repeat(4, minmax(120px, 1fr));
  }
  .dashboard-v72-chart-section .dashboard-chart-legend {
    grid-column: 1 / -1;
  }
}
@media (max-width: 900px) {
  #content:has(.dashboard-v6) {
    padding: 13px;
  }
  .dashboard-kpi-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .dashboard-kpi:first-child {
    grid-column: 1 / -1;
  }
  .dashboard-v72-status-grid,
  .dashboard-v7-operations-grid,
  .dashboard-v6-planning-grid {
    grid-template-columns: 1fr;
  }
  .dashboard-v72-chart-section .dashboard-chart-summary {
    grid-template-columns: repeat(2, minmax(130px, 1fr));
  }
  .dashboard-v72-chart-section .dashboard-chart-legend {
    grid-column: 1 / -1;
  }
}
@media (max-width: 620px) {
  #content:has(.dashboard-v6) {
    padding: 9px;
  }
  .dashboard-v6-header {
    min-height: 0;
    padding: 17px;
  }
  .dashboard-v6-header-actions {
    align-self: stretch;
  }
  .dashboard-kpi-strip {
    grid-template-columns: 1fr;
    margin: 0;
  }
  .dashboard-kpi:first-child {
    grid-column: auto;
  }
  .dashboard-v72-chart-section .dashboard-chart-card {
    padding: 15px 12px;
    overflow-x: auto;
  }
  .dashboard-v72-chart-section .dashboard-chart-card .dashboard-v6-card-heading,
  .dashboard-v72-chart-section .dashboard-chart-summary,
  .dashboard-v72-chart-section .dashboard-chart-canvas,
  .dashboard-v72-chart-section .dashboard-chart-footnote {
    min-width: 680px;
  }
  .dashboard-v72-chart-section .dashboard-chart-canvas svg {
    height: 300px;
    min-height: 300px;
    max-height: 300px;
  }
  .dashboard-v72-status-grid .dashboard-attention-items {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 620px) {
  .dashboard-v6-header {
    min-height: 176px;
    padding: 20px 18px 62px;
  }
  .dashboard-kpi-strip {
    margin: -58px 8px 1px;
  }
  .dashboard-chart-actions {
    justify-content: flex-start;
  }
  .dashboard-questions-card .dashboard-question-row {
    grid-template-columns: 44px minmax(0, 1fr);
  }
  .dashboard-questions-card .dashboard-question-row > img,
  .dashboard-questions-card .dashboard-question-row > .question-product-placeholder {
    width: 42px;
    height: 42px;
  }
}

/* Ajuste v7.2.2 — regras finais após o legado do dashboard */
.dashboard-kpi-strip {
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  margin: 0;
}
@media (max-width: 900px) {
  .dashboard-kpi-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .dashboard-kpi:first-child {
    grid-column: 1 / -1;
  }
}
@media (max-width: 620px) {
  .dashboard-v6-header {
    min-height: 0;
    padding: 17px;
  }
  .dashboard-kpi-strip {
    grid-template-columns: 1fr;
    margin: 0;
  }
  .dashboard-kpi:first-child {
    grid-column: auto;
  }
}

/* Ajuste v7.2.3 final — cartões operacionais equilibrados */
.dashboard-v72-status-grid {
  align-items: stretch;
}
.dashboard-v72-status-grid > .dashboard-attention-center,
.dashboard-v72-status-grid > .dashboard-logistics-card {
  height: 100%;
}
.dashboard-v72-status-grid .dashboard-attention-center {
  grid-template-columns: 1fr;
  grid-template-rows: auto auto;
  align-content: center;
  gap: 15px;
}
.dashboard-v72-status-grid .dashboard-attention-items {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  width: 100%;
}

/* Início v7.3 prioridade final — mantém a nova composição acima do legado */
#content:has(.dashboard-v6) { padding: 22px 26px 34px; background: #f3f6fa; }
.dashboard-v6 { max-width: 1500px; gap: 16px; }
.dashboard-v6-header {
  min-height: 0;
  padding: 4px 3px 12px;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.dashboard-v6-header::before,
.dashboard-v6-header::after { display: none; }
.dashboard-v73-kpis .dashboard-kpi-strip { grid-template-columns: repeat(5, minmax(0, 1fr)); margin: 0; }
.dashboard-v73-commercial-stack .dashboard-chart-card,
.dashboard-v73-commercial-stack .dashboard-sales-detail-card.today-sales-panel {
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.dashboard-v73-commercial-stack .dashboard-chart-card { min-height: 0; padding: 22px 22px 16px; }
.dashboard-v73-commercial-stack .dashboard-sales-detail-card.today-sales-panel { border-top: 1px solid #dfe6ef; }
.dashboard-questions-card .dashboard-question-list {
  display: block;
  grid-template-columns: none;
  max-height: none;
  padding: 0 18px;
  overflow: visible;
  background: #fff;
}
.dashboard-questions-card .dashboard-question-row {
  grid-template-columns: 54px minmax(0, 1fr) minmax(130px, auto);
  gap: 13px;
  min-height: 88px;
  padding: 13px 4px;
  background: transparent;
  border: 0;
  border-bottom: 1px solid #e7ecf2;
  border-radius: 0;
}
.dashboard-questions-card .dashboard-question-row:last-child { border-bottom: 0; }
.dashboard-questions-card .dashboard-question-row.pending {
  padding-left: 11px;
  background: linear-gradient(90deg, rgba(255,239,230,.62), transparent 38%);
  box-shadow: inset 3px 0 #f0783e;
}
.dashboard-questions-card .dashboard-question-meta {
  grid-column: auto;
  display: grid;
  grid-template-columns: 1fr;
  justify-items: end;
  align-content: center;
}
.dashboard-v7-operations-grid .dashboard-task-card,
.dashboard-v7-operations-grid .dashboard-ranking-card { border-top: 1px solid #dfe6ef; }
html[data-theme="black"] #content:has(.dashboard-v6) { background: #070a10; }
html[data-theme="black"] .dashboard-questions-card .dashboard-question-list { background: #0d121b; }
html[data-theme="black"] .dashboard-v73-commercial-stack .dashboard-sales-detail-card.today-sales-panel { border-top-color: #232d3d; }
html[data-theme="black"] .dashboard-v7-operations-grid .dashboard-task-card,
html[data-theme="black"] .dashboard-v7-operations-grid .dashboard-ranking-card { border-color: #232d3d; }
@media (max-width: 980px) {
  .dashboard-v73-kpis .dashboard-kpi-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dashboard-v73-kpis .dashboard-kpi:last-child { grid-column: 1 / -1; }
  .dashboard-questions-card .dashboard-question-row { grid-template-columns: 50px minmax(0, 1fr); }
  .dashboard-questions-card .dashboard-question-meta { grid-column: 2; display: flex; justify-items: initial; }
}
@media (max-width: 620px) {
  #content:has(.dashboard-v6) { padding: 10px; }
  .dashboard-v6-header { min-height: 0; padding: 4px 3px 12px; }
  .dashboard-v73-kpis .dashboard-kpi-strip { grid-template-columns: 1fr; }
  .dashboard-v73-kpis .dashboard-kpi:last-child { grid-column: auto; }
}

/* Modo Black v7.4 — cobertura completa de todas as telas */
html[data-theme="black"] #content:not(:has(.dashboard-v6)) {
  color: #edf3fb;
  background: #070a10;
}
html[data-theme="black"] #content:not(:has(.dashboard-v6)) :is(h1, h2, h3, h4, strong) {
  color: #edf3fb;
}
html[data-theme="black"] #content:not(:has(.dashboard-v6)) :is(p, small, time, .muted) {
  color: #93a1b5;
}

/* Superfícies principais e navegação interna */
html[data-theme="black"] :is(
  .task-command-bar,
  .task-workspace-nav,
  .task-filter-panel,
  .task-timeline-v5,
  .task-people-v5 > article,
  .board-column,
  .member-card,
  .calendar-filter-bar,
  .calendar-pro-shell,
  .calendar-side-agenda,
  .report-summary-strip article,
  .reports-insight-panel,
  .integration-tabs,
  .profit-table-area,
  .listing-financial-area,
  .promotion-filter-bar,
  .promotion-detail > div,
  .inventory-head,
  .inventory-sync,
  .inventory-report-toolbar,
  .inventory-kpis article,
  .inventory-filter-bar,
  .inventory-help-line,
  .inventory-sku-search,
  .inventory-period-picker,
  .inventory-period-card,
  .inventory-audit-filters,
  .inventory-audit-summary article,
  .inventory-search-intro,
  .inventory-no-result,
  .inventory-listing-audit-card,
  .inventory-listing-totals,
  .inventory-search-required,
  .inventory-no-sales-state,
  .no-sales-hero,
  .no-sales-controls,
  .no-sales-custom-period,
  .no-sales-summary article,
  .no-sales-item,
  .no-sales-facts,
  .no-sales-ad,
  .listing-filter-panel,
  .sku-report-toolbar,
  .sku-kpis article,
  .sku-table-shell,
  .competitor-search,
  .competitor-empty,
  .competitor-own,
  .competitor-kpis article,
  .competitor-toolbar,
  .competitor-table-wrap,
  .competitor-disclaimer
) {
  color: #e8eef7;
  background: #0d121b;
  border-color: #242e3d;
  box-shadow: 0 10px 26px rgba(0, 0, 0, .24);
}
html[data-theme="black"] :is(.task-command-bar, .task-workspace-nav, .task-filter-panel, .calendar-filter-bar, .integration-tabs) {
  backdrop-filter: none;
}

/* Central de tarefas */
html[data-theme="black"] .task-metric-card,
html[data-theme="black"] .task-metric-card:nth-child(n) {
  color: #edf3fb;
  background: #0d121b;
  border-color: #263143;
  box-shadow: 0 8px 22px rgba(0, 0, 0, .25);
}
html[data-theme="black"] .task-metric-card::after { background: #121a27; }
html[data-theme="black"] .task-metric-card:hover {
  background: #121a27;
  border-color: #3b4a61;
  box-shadow: 0 12px 28px rgba(0, 0, 0, .38);
}
html[data-theme="black"] .task-metric-card :is(span, small) { color: #93a1b5; }
html[data-theme="black"] .task-metric-card strong { color: #f4f7fb; }
html[data-theme="black"] .task-metric-card.today { background: #19160f; border-color: #554628; }
html[data-theme="black"] .task-metric-card.today strong { color: #f3c86a; }
html[data-theme="black"] .task-metric-card.danger { background: #1d1015; border-color: #5a2934; }
html[data-theme="black"] .task-metric-card.danger strong { color: #ff7d91; }
html[data-theme="black"] .task-metric-card.urgent { background: #1d120e; border-color: #5b3022; }
html[data-theme="black"] .task-metric-card.urgent strong { color: #ff9568; }
html[data-theme="black"] .task-metric-card.waiting { background: #111722; border-color: #303a4b; }
html[data-theme="black"] .task-metric-card.done { background: #0d1c18; border-color: #245344; }
html[data-theme="black"] .task-metric-card.done strong { color: #4de0ad; }
html[data-theme="black"] .task-metric-card.upcoming { background: #101525; border-color: #313e70; }
html[data-theme="black"] .task-metric-card.upcoming strong { color: #93a8ff; }

html[data-theme="black"] .task-navigation-scroll button { color: #a8b4c5; }
html[data-theme="black"] .task-navigation-scroll button:hover { color: #fff; background: #141c29; }
html[data-theme="black"] .task-navigation-scroll button i {
  color: #a3b0c2;
  background: #171f2c;
}
html[data-theme="black"] .task-navigation-scroll button.active {
  color: #fff;
  background: #27170f;
  border-color: #714126;
}
html[data-theme="black"] .task-navigation-scroll button.active i { color: #fff; background: #f7682b; }
html[data-theme="black"] .task-segmented { background: #111823; border-color: #273244; }
html[data-theme="black"] .task-segmented button { color: #9caabd; }
html[data-theme="black"] .task-segmented button:hover { color: #fff; background: #172131; }
html[data-theme="black"] .task-segmented button.active {
  color: #fff;
  background: #223047;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .32);
}
html[data-theme="black"] .task-filter-panel :is(input, select),
html[data-theme="black"] .task-assignees-field select[multiple] {
  color: #e8eef7;
  background: #111823;
  border-color: #303c50;
}
html[data-theme="black"] .task-filter-panel :is(input, select)::placeholder { color: #68768a; }
html[data-theme="black"] .task-product-kind-filter > div { background: #111823; border-color: #303c50; }
html[data-theme="black"] .task-product-kind-filter button { color: #a4b1c3; }
html[data-theme="black"] .task-product-kind-filter button:hover { color: #fff; background: #192334; }
html[data-theme="black"] .task-product-kind-filter button.active { color: #fff; background: #f7682b; }

html[data-theme="black"] :is(.task-kanban-column, .board-column) {
  color: #dfe7f2;
  background: #0b1018;
  border-color: #222d3d;
}
html[data-theme="black"] :is(.task-kanban-column, .board-column).drag-over {
  background: #20140f;
  border-color: #f0783e;
}
html[data-theme="black"] :is(.task-kanban-column > header > span, .board-column-header span, .task-people-v5 > article > header b) {
  color: #dce5f1;
  background: #171f2c;
  border: 1px solid #2b3749;
  box-shadow: none;
}
html[data-theme="black"] .task-map-card,
html[data-theme="black"] .task-map-card:nth-child(n) {
  color: #e8eef7;
  background: #111823;
  border-color: #2a3546;
  border-left-color: #7084ff;
  box-shadow: 0 7px 18px rgba(0, 0, 0, .28);
}
html[data-theme="black"] .task-map-card:hover { background: #151e2c; border-color: #46556d; }
html[data-theme="black"] .task-map-card.priority-baixa { border-left-color: #37c894; }
html[data-theme="black"] .task-map-card.priority-alta { background: #18130f; border-left-color: #ff9568; }
html[data-theme="black"] .task-map-card.priority-urgente,
html[data-theme="black"] .task-card-v5.is-overdue { background: #1b1015; border-color: #61303a; border-left-color: #ff667a; }
html[data-theme="black"] .task-map-card h3 { color: #f1f5fb; }
html[data-theme="black"] .task-map-card > p,
html[data-theme="black"] .task-map-card footer { color: #9ba9bc; }
html[data-theme="black"] .task-map-card footer { border-top-color: #273143; }
html[data-theme="black"] .task-map-empty { color: #7f8da2; border-color: #2a3546; background: #0d131d; }
html[data-theme="black"] .task-scope-badge { color: #b9c5d5; background: #202938; }
html[data-theme="black"] .task-scope-badge.sku { color: #aebaff; background: #1b2241; }
html[data-theme="black"] .sku-chip { color: #aebaff; background: #171e37; border-color: #394574; }
html[data-theme="black"] .sku-chip:hover { color: #dce2ff; background: #20294b; border-color: #6474c3; }
html[data-theme="black"] .quick-complete { color: transparent; background: #111823; border-color: #536078; }
html[data-theme="black"] .quick-complete:hover { color: #48d7a6; background: #0d231c; border-color: #48d7a6; }
html[data-theme="black"] .quick-complete.is-complete { color: #fff; background: #18a875; border-color: #18a875; }
html[data-theme="black"] .task-blocked-note { color: #f1c76c; background: #2b230f; }
html[data-theme="black"] .task-recurring-note { color: #aab7ff; background: #171d3a; }
html[data-theme="black"] :is(.task-card-progress > span, .compact-progress) { background: #263143; }
html[data-theme="black"] .task-timeline-v5::before { background: #2b3545; }
html[data-theme="black"] .task-timeline-v5 > article { border-bottom-color: #222d3d; }
html[data-theme="black"] .task-timeline-v5 > article > i { border-color: #0d121b; }
html[data-theme="black"] .task-people-v5 > article > div { color: #e8eef7; }
html[data-theme="black"] .sku-history-banner,
html[data-theme="black"] .sku-history-hint,
html[data-theme="black"] .sku-timeline-panel,
html[data-theme="black"] .sku-dossier-task {
  color: #e8eef7;
  background: #0d121b;
  border-color: #29364a;
}

/* Tabelas, listas e quadro */
html[data-theme="black"] #content:not(:has(.dashboard-v6)) :is(.table-card, table, thead, tbody, tfoot, tr, th, td) {
  color: #dce5f1;
  border-color: #253043;
}
html[data-theme="black"] #content:not(:has(.dashboard-v6)) :is(.table-card, table, tbody, td) { background-color: #0d121b; }
html[data-theme="black"] #content:not(:has(.dashboard-v6)) :is(thead, th) { background-color: #121925; }
html[data-theme="black"] #content:not(:has(.dashboard-v6)) tbody tr:hover,
html[data-theme="black"] #content:not(:has(.dashboard-v6)) tbody tr:hover td { background-color: #151e2c; }
html[data-theme="black"] .task-table-v5 tr.task-row-completed td { background: #0d1916; }
html[data-theme="black"] .task-table-v5 tr.task-row-overdue td { background: #1b1015; }

/* Calendário */
html[data-theme="black"] .calendar-pro-toolbar {
  color: #edf3fb;
  background: linear-gradient(100deg, #101722, #0d121b);
  border-color: #263143;
}
html[data-theme="black"] .calendar-pro-shell > .calendar-legend { background: #0b1018; border-color: #253043; }
html[data-theme="black"] .calendar-pro-body > main { border-color: #253043; }
html[data-theme="black"] .calendar-day,
html[data-theme="black"] .calendar-week-v5 > section,
html[data-theme="black"] .calendar-day-v5,
html[data-theme="black"] .calendar-hour-row > div {
  color: #dfe7f2;
  background: #0d121b;
  border-color: #242e3d;
}
html[data-theme="black"] .calendar-day.outside { background: #090d14; }
html[data-theme="black"] .calendar-day.today,
html[data-theme="black"] .calendar-week-v5 > section.today { background: #1a1510; }
html[data-theme="black"] .calendar-month-v5 .calendar-day.overloaded { background: #18130f; }
html[data-theme="black"] .calendar-day > header > div > span,
html[data-theme="black"] .calendar-week-v5 > section > header strong,
html[data-theme="black"] .calendar-hour-row > div > button[data-calendar-create] {
  color: #cbd5e3;
  background: #18212f;
  border-color: #303c50;
}
html[data-theme="black"] .calendar-day-add { color: #aebaff; background: #1a2242; }
html[data-theme="black"] .calendar-event { color: #94c7ff; background: #10233a; border-color: #1f4267; }
html[data-theme="black"] .calendar-event.sku { color: #c1b5ff; background: #211a42; border-color: #493b78; }
html[data-theme="black"] .calendar-event.promotion,
html[data-theme="black"] .calendar-promotion { color: #f4cf75; background: #2a210d; border-color: #5c491c; }
html[data-theme="black"] .calendar-event.overdue { color: #ff91a1; background: #2a1118; border-color: #66303b; }
html[data-theme="black"] .calendar-side-agenda > header { border-color: #263143; }
html[data-theme="black"] .calendar-conflict-warning { color: #f0c972; background: #291f0e; border-color: #59441f; }

/* Pessoas, relatórios e Mercado Livre */
html[data-theme="black"] .member-card { background: #0d121b; border-color: #242e3d; }
html[data-theme="black"] .member-stats { border-color: #253043; }
html[data-theme="black"] .permission-summary { color: #a9b6c8; background: #111925; border-color: #293548; }
html[data-theme="black"] .report-summary-strip article,
html[data-theme="black"] .reports-insight-panel,
html[data-theme="black"] .report-card { background: #0d121b; border-color: #242e3d; }
html[data-theme="black"] .report-card-icon { background: #172131; }
html[data-theme="black"] .reports-mini-chart { border-color: #2a3547; }
html[data-theme="black"] .reports-mini-chart i { background: #253147; }
html[data-theme="black"] .integration-hero {
  color: #f7f1cf;
  background: linear-gradient(125deg, #1e1b0d, #12130d);
  border-color: #5c5122;
}
html[data-theme="black"] .integration-hero p { color: #c1b98a; }
html[data-theme="black"] .integration-tabs { background: #0b1018; border-color: #263143; }
html[data-theme="black"] .integration-tabs button { color: #9ba9bc; }
html[data-theme="black"] .integration-tabs button:hover { color: #fff; background: #151e2c; }
html[data-theme="black"] .integration-tabs button.active { color: #fff; background: #24344e; box-shadow: 0 6px 16px rgba(0,0,0,.32); }

/* Abas comerciais, estoque, sem vendas, anúncios e concorrência */
html[data-theme="black"] :is(.listing-financial-summary article, .inventory-kpis article, .sku-kpis article, .no-sales-summary article) {
  color: #e8eef7;
  background: #0d121b;
  border-color: #263143;
}
html[data-theme="black"] :is(.listing-financial-summary article.good, .inventory-audit-summary .audit-ok) { background: #0d1d18; border-color: #245242; }
html[data-theme="black"] :is(.listing-financial-summary article.warning, .inventory-audit-summary .audit-error) { background: #21190e; border-color: #5a4520; }
html[data-theme="black"] :is(.listing-financial-summary article.danger, .profit-card.loss) { background: #251116; border-color: #63303b; }
html[data-theme="black"] :is(.listing-financial-help, .promotion-summary, .promotion-scroll-hint, .inventory-help-line, .inventory-report-toolbar) {
  color: #aebbd0;
  background: #111824;
  border-color: #273244;
}
html[data-theme="black"] .marketplace-pair-header td,
html[data-theme="black"] .listing-financial-table .marketplace-pair-header td:first-child { background: #070a10; border-top-color: #070a10; box-shadow: none; }
html[data-theme="black"] .marketplace-pair-banner { color: #e8eef7; background: linear-gradient(110deg,#121a27,#101722); border-color: #324158; box-shadow: 0 7px 18px rgba(0,0,0,.28); }
html[data-theme="black"] .marketplace-pair-banner > div strong { color: #f1f5fb; }
html[data-theme="black"] .marketplace-pair-banner > div small { color: #96a5b9; }
html[data-theme="black"] .marketplace-pair-symbol { background: #315d9a; }
html[data-theme="black"] .listing-type-badge.classic { color: #f0ca72; border-color: #66501e; background: #2a210e; }
html[data-theme="black"] .listing-type-badge.premium { color: #c3b4ff; border-color: #4c3d78; background: #211a3d; }
html[data-theme="black"] .listing-type-badge.other { color: #aebbd0; border-color: #39475a; background: #182230; }
html[data-theme="black"] .marketplace-pair-child td { background: #0f151f; }
html[data-theme="black"] .marketplace-pair-child:hover td { background: #151e2c; }
html[data-theme="black"] :is(.promotion-cost-stack span, .promotion-period > span, .promotion-detail > div, .no-sales-ad) {
  color: #dce5f1;
  background: #111824;
  border-color: #2a3547;
}
html[data-theme="black"] .inventory-head { background: linear-gradient(115deg, #0d121b, #111a27); }
html[data-theme="black"] .inventory-period-picker,
html[data-theme="black"] .no-sales-segmented { background: #111824; }
html[data-theme="black"] :is(.inventory-period-picker button, .sku-kind-filter button, .sku-period-filter > div button, .no-sales-category-buttons button, .listing-filter-chips button) {
  color: #aebbd0;
  background: #151e2b;
  border-color: #303c50;
}
html[data-theme="black"] :is(.inventory-period-picker button, .sku-kind-filter button, .sku-period-filter > div button, .no-sales-category-buttons button, .listing-filter-chips button):hover {
  color: #fff;
  background: #1a2638;
}
html[data-theme="black"] :is(.inventory-period-picker button.active, .sku-kind-filter button.active, .sku-period-filter > div button.active, .no-sales-category-buttons button.active, .listing-filter-chips button.active) {
  color: #fff;
  background: #176f67;
  border-color: #2da99a;
}
html[data-theme="black"] .listing-filter-chips button.active { background: #d95820; border-color: #f0783e; }
html[data-theme="black"] :is(.inventory-listing-audit-card > header, .no-sales-facts, .no-sales-ad, .inventory-listing-totals, .inventory-search-required, .inventory-no-sales-state) {
  background: #111824;
  border-color: #273244;
}
html[data-theme="black"] :is(
  .inventory-listing-identity h3,
  .inventory-listing-stock strong,
  .inventory-listing-totals strong,
  .inventory-search-intro strong,
  .inventory-no-result strong,
  .no-sales-hero h2,
  .no-sales-category-filter strong,
  .no-sales-results-head strong,
  .no-sales-item h3,
  .no-sales-facts strong,
  .no-sales-ad strong,
  .listing-filter-group strong,
  .sku-report-copy > strong,
  .sku-kpis strong,
  .competitor-empty strong,
  .competitor-own strong,
  .competitor-kpis strong,
  .competitor-price,
  .competitor-loading strong
) { color: #edf3fb; }
html[data-theme="black"] :is(
  .inventory-listing-identity p,
  .inventory-listing-stock span,
  .inventory-listing-stock small,
  .inventory-listing-totals small,
  .inventory-search-intro span,
  .inventory-no-result span,
  .no-sales-hero > div > span,
  .no-sales-search label > span,
  .no-sales-filter-row label > span,
  .no-sales-period-field > span,
  .no-sales-custom-period label > span,
  .no-sales-results-head span,
  .no-sales-facts span,
  .no-sales-facts small,
  .listing-filter-search label > span,
  .listing-filter-group span,
  .sku-report-copy > small,
  .sku-kpis span,
  .sku-kpis small,
  .competitor-search label > span,
  .competitor-kpis span,
  .competitor-kpis small,
  .competitor-toolbar > span,
  .competitor-disclaimer
) { color: #96a5b9; }
html[data-theme="black"] :is(.sku-dashboard, .inventory-dashboard, .no-sales-dashboard) { color: #e8eef7; }
html[data-theme="black"] :is(.sku-search input, .sku-filter-grid select, .sku-custom-period input, .inventory-filter-bar input, .inventory-filter-bar select, .inventory-custom-period input, .inventory-audit-filters select, .no-sales-search input, .no-sales-filter-row select, .no-sales-custom-period input, .listing-filter-search input, .promotion-filter-bar input, .promotion-filter-bar select) {
  color: #e8eef7;
  background: #111824;
  border-color: #303c50;
}
html[data-theme="black"] :is(.sku-table-shell, .listing-financial-area, .profit-table-area, .competitor-table-wrap) { background: #0d121b; border-color: #273244; }
html[data-theme="black"] :is(.sku-table-shell th, .listing-financial-table th, .inventory-table th, .competitor-table th) { background: #121925; }
html[data-theme="black"] :is(.listing-financial-table th:first-child, .listing-financial-table td:first-child, .inventory-table th:first-child, .inventory-table td:first-child) {
  background: #0f151f;
  box-shadow: 1px 0 #273244;
}
html[data-theme="black"] .listing-action-link { border-color: #344155; color: #c2cede; background: #121c29; }
html[data-theme="black"] .listing-action-link:hover { border-color: #58708f; color: #fff; background: #182537; }
html[data-theme="black"] .listing-action-link.edit { border-color: #746420; color: #ffe88a; background: #29240f; }
html[data-theme="black"] .listing-action-link.edit:hover { border-color: #c5a721; color: #fff6c2; background: #3a310e; }
html[data-theme="black"] :is(.inventory-table .period-5, .inventory-table .period-7, .inventory-table .period-30) { background-color: #101722; }
html[data-theme="black"] .competitor-own { background: linear-gradient(100deg, #101a29, #0d121b); }
html[data-theme="black"] :is(.competitor-thumb, .competitor-own-image, .sku-product-cell img, .sku-product-placeholder) { background: #111824; border-color: #2a3547; }

/* Formulários, modais, busca, notificações e mensagens */
html[data-theme="black"] :is(.task-modal-panel, .simple-modal-panel, .notification-panel, .global-search-results, .toast) {
  color: #e8eef7;
  background: #0d121b;
  border-color: #273244;
}
html[data-theme="black"] :is(.modal-header, .modal-footer) { color: #edf3fb; background: #0d121b; border-color: #273244; }
html[data-theme="black"] :is(
  .task-commerce-section,
  .task-general-section,
  .task-primary-section,
  .task-completion-section,
  .task-template-toolbar,
  .task-checklist-top,
  .detail-section,
  .danger-zone,
  .checklist-item,
  .comment-item,
  .activity-item,
  .file-item,
  .relation-item,
  .task-scope-picker button
) {
  color: #e8eef7;
  background: #111824;
  border-color: #2b3749;
}
html[data-theme="black"] .danger-zone { background: #1d1115; border-color: #5d2c36; }
html[data-theme="black"] :is(.field input, .field select, .field textarea, .inline-add input, .comment-composer textarea) {
  color: #e8eef7;
  background: #0c111a;
  border-color: #303c50;
}
html[data-theme="black"] :is(.field input, .field textarea, .inline-add input, .comment-composer textarea)::placeholder { color: #68768a; }
html[data-theme="black"] .task-scope-picker button.active { color: #fff; background: #27170f; border-color: #f7682b; }
html[data-theme="black"] .notification-item { color: #e8eef7; background: #111824; border-color: #2a3547; }
html[data-theme="black"] .notification-item.unread { background: #21150f; border-color: #633a24; }
html[data-theme="black"] option { color: #e8eef7; background: #111824; }

/* Modo Black v7.4.1 — últimos componentes claros encontrados na auditoria */
html[data-theme="black"] .dashboard-period-picker {
  color: #dce5f1;
  background: #111824;
  border-color: #2b3749;
}
html[data-theme="black"] .dashboard-period-picker button { color: #93a1b5; }
html[data-theme="black"] .dashboard-period-picker button:hover { color: #fff; background: #182231; }
html[data-theme="black"] .dashboard-period-picker button.active {
  color: #fff;
  background: #24344e;
  box-shadow: 0 4px 12px rgba(0,0,0,.34);
}
html[data-theme="black"] .dashboard-question-summary span {
  color: #b8c4d4;
  background: #151e2b;
  border-color: #2a3547;
}
html[data-theme="black"] .dashboard-question-summary span:first-child {
  color: #ff9a6c;
  background: #2b1810;
}
html[data-theme="black"] .dashboard-task-metrics button,
html[data-theme="black"] .dashboard-task-metrics button:nth-child(n) {
  color: #e8eef7;
  background: #111824;
  border-color: #2a3547;
}
html[data-theme="black"] .dashboard-task-metrics button:hover { background: #182231; border-color: #40506a; }
html[data-theme="black"] .dashboard-task-metrics button.success { background: #0d1e18; border-color: #285443; }
html[data-theme="black"] .dashboard-ranking-ok { color: #4de0ad; background: #0d1e18; border-color: #285443; }
html[data-theme="black"] .dashboard-question-row > img,
html[data-theme="black"] .dashboard-question-row > .question-product-placeholder { background: #111824; border-color: #2a3547; }
html[data-theme="black"] .calendar-weekdays span {
  color: #93a1b5;
  background: #101722;
  border-color: #253043;
}
html[data-theme="black"] .operations-metrics > span {
  color: #e8eef7;
  background: #111824;
  border-color: #2a3547;
}
html[data-theme="black"] .operations-metrics > span :is(span, small) { color: #93a1b5; }
html[data-theme="black"] .operations-metrics > span strong { color: #edf3fb; }

/* Relatorios e Curva ABC no modo preto */
html[data-theme="black"] :is(
  .abc-report-panel,
  .abc-class-card,
  .abc-search,
  .reports-library-grid .report-card.featured
) {
  color: #e8eef7;
  background: #0d121b;
  border-color: #273244;
}
html[data-theme="black"] .reports-library-grid .report-card.featured {
  background: linear-gradient(145deg, #121c2a, #0d121b 62%);
}
html[data-theme="black"] :is(.abc-period-bar, .abc-toolbar, .abc-class-filters, .abc-method) {
  color: #dce5f1;
  background: #111824;
  border-color: #2a3547;
}
html[data-theme="black"] .abc-custom-period {
  color: #dce5f1;
  background: #101722;
  border-color: #293548;
}
html[data-theme="black"] .abc-custom-period input {
  color: #e8eef7;
  background: #0b1018;
  border-color: #344157;
}
html[data-theme="black"] :is(.abc-segmented button, .abc-class-filters button) { color: #9fadc0; }
html[data-theme="black"] :is(.abc-segmented button, .abc-class-filters button):hover { color: #fff; background: #182231; }
html[data-theme="black"] :is(.abc-segmented button.active, .abc-class-filters button.active) {
  color: #fff;
  background: #315587;
  box-shadow: 0 6px 16px rgba(0,0,0,.3);
}
html[data-theme="black"] .abc-class-card:hover,
html[data-theme="black"] .abc-class-card.active { background: #121a26; box-shadow: 0 12px 28px rgba(0,0,0,.28); }
html[data-theme="black"] .abc-class-card > i,
html[data-theme="black"] .abc-distribution,
html[data-theme="black"] .abc-progress > span { background: #253043; }
html[data-theme="black"] .abc-search input { color: #edf3fb; }
html[data-theme="black"] .abc-search input::placeholder { color: #718096; }
html[data-theme="black"] .abc-table-wrap { background: #0d121b; border-color: #273244; }
html[data-theme="black"] .abc-table th { color: #aab7c8; background: #121925; }
html[data-theme="black"] .abc-table td { color: #dce5f1; background: #0d121b; border-color: #253043; }
html[data-theme="black"] .abc-table tbody tr:hover td { background: #151e2c; }
html[data-theme="black"] .abc-kind { color: #bac6d7; background: #1b2534; }
html[data-theme="black"] .abc-method { color: #aebbd0; }
html[data-theme="black"] .report-source-footer {
  color: #cfe5dc;
  background: #0e1c18;
  border-color: #285044;
}
html[data-theme="black"] .report-error { color: #ff9aaa; background: #251116; border-color: #63303b; }

/* Homenagem temporária de aniversário — visível somente em 13/08/2026 */
.dashboard-birthday-banner {
  position: relative;
  min-height: 218px;
  overflow: hidden;
  display: flex;
  align-items: center;
  padding: 30px clamp(24px, 4vw, 58px);
  color: #fff;
  background-color: #070b11;
  background-image:
    linear-gradient(90deg, rgba(5, 9, 15, .98) 0%, rgba(5, 9, 15, .91) 38%, rgba(5, 9, 15, .18) 73%, rgba(5, 9, 15, .04) 100%),
    url("/assets/birthday-andre-2026.png?v=5.13.0");
  background-position: center, center right;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid rgba(209, 141, 40, .34);
  border-radius: 17px;
  box-shadow: 0 18px 38px rgba(8, 12, 20, .28), inset 0 0 55px rgba(215, 140, 37, .05);
}
.dashboard-birthday-banner::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  box-shadow: inset 0 1px rgba(255,255,255,.08);
}
.dashboard-birthday-copy {
  position: relative;
  z-index: 1;
  width: min(620px, 58%);
  text-shadow: 0 2px 16px rgba(0,0,0,.5);
}
.dashboard-birthday-kicker {
  display: block;
  margin-bottom: 9px;
  color: #f2ad42;
  font-size: .82rem;
  font-weight: 800;
  letter-spacing: .01em;
}
.dashboard-birthday-copy h2 {
  margin: 0;
  color: #fff;
  font-size: clamp(1.75rem, 3.2vw, 3rem);
  line-height: 1.06;
  letter-spacing: -.045em;
}
.dashboard-birthday-copy h2 strong {
  color: #e5a84b;
  font-weight: 850;
}
.dashboard-birthday-copy p {
  max-width: 540px;
  margin: 13px 0 0;
  color: rgba(239, 242, 247, .8);
  font-size: .92rem;
  line-height: 1.55;
}
.dashboard-birthday-copy em {
  display: inline-flex;
  margin-top: 15px;
  padding: 8px 14px;
  color: #ffd68a;
  font-size: .82rem;
  font-style: normal;
  font-weight: 800;
  background: linear-gradient(90deg, rgba(199, 121, 23, .22), rgba(238, 169, 67, .12));
  border: 1px solid rgba(238, 169, 67, .32);
  border-radius: 8px;
  box-shadow: 0 8px 22px rgba(0,0,0,.18);
}
html[data-theme="black"] .dashboard-birthday-banner {
  border-color: rgba(228, 159, 55, .4);
  box-shadow: 0 20px 42px rgba(0,0,0,.5), inset 0 0 60px rgba(215, 140, 37, .05);
}
@media (max-width: 760px) {
  .dashboard-birthday-banner {
    min-height: 270px;
    align-items: flex-end;
    padding: 24px 20px;
    background-image:
      linear-gradient(0deg, rgba(5, 9, 15, .98) 0%, rgba(5, 9, 15, .84) 52%, rgba(5, 9, 15, .18) 100%),
      url("/assets/birthday-andre-2026.png?v=5.13.0");
    background-position: center, 68% center;
  }
  .dashboard-birthday-copy { width: 100%; }
  .dashboard-birthday-copy h2 { font-size: clamp(1.65rem, 8vw, 2.25rem); }
  .dashboard-birthday-copy p { max-width: 92%; font-size: .82rem; }
}

/* Menu executivo 5.11 — navegação profissional preservando todos os módulos */
:root { --sidebar: 286px; }
.sidebar,
html[data-theme="black"] .sidebar {
  isolation: isolate;
  width: var(--sidebar);
  padding: 20px 16px 14px;
  color: #aab5c6;
  background:
    radial-gradient(circle at 0 0, rgba(38, 102, 94, .12), transparent 31%),
    radial-gradient(circle at 100% 18%, rgba(94, 49, 168, .08), transparent 28%),
    linear-gradient(180deg, #070c14 0%, #050912 48%, #03070d 100%);
  border-right: 1px solid rgba(116, 139, 171, .18);
  box-shadow: 16px 0 48px rgba(0, 0, 0, .18);
}
.sidebar::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(255,255,255,.018), transparent 16%, transparent 84%, rgba(255,255,255,.012));
}
.sidebar-brand {
  gap: 13px;
  min-height: 66px;
  padding: 3px 10px 18px;
}
.sidebar-brand .brand-mark {
  width: 45px;
  height: 45px;
  color: #fffaf5;
  background: linear-gradient(145deg, rgba(255,125,38,.24), rgba(18,15,15,.94));
  border: 1px solid #ff831f;
  border-radius: 14px;
  box-shadow: 0 0 0 1px rgba(255,128,28,.12), 0 0 25px rgba(255,109,17,.32), inset 0 0 14px rgba(255,132,37,.14);
  font-size: .92rem;
  letter-spacing: -.02em;
}
.sidebar-brand .sidebar-brand-logo {
  padding: 0;
  overflow: visible;
  background: transparent;
  border: 0;
  box-shadow: 0 0 24px rgba(255, 111, 18, .2);
}
.sidebar-brand-logo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 5px 10px rgba(255, 98, 0, .2));
}
.sidebar-brand > div:last-child { gap: 3px; }
.sidebar-brand strong { color: #f8fafc; font-size: 1.18rem; letter-spacing: -.035em; }
.sidebar-brand span { color: #8490a3; font-size: .76rem; letter-spacing: .005em; }
.sidebar-collapse-button {
  top: 28px;
  right: -15px;
  width: 30px;
  height: 30px;
  color: #c7d0de;
  background: #0c121d;
  border-color: #293548;
  border-radius: 9px;
  box-shadow: 0 9px 24px rgba(0,0,0,.34);
}
.main-nav { gap: 3px; }
.nav-item {
  --nav-accent: #8190a5;
  position: relative;
  gap: 12px;
  min-height: 46px;
  padding: 5px 13px 5px 7px;
  overflow: hidden;
  color: #d3dae5;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 13px;
  font-size: .86rem;
  font-weight: 680;
  letter-spacing: -.01em;
  transition: color .18s ease, background .18s ease, border-color .18s ease, transform .18s ease;
}
.nav-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  bottom: 8px;
  width: 3px;
  border-radius: 0 5px 5px 0;
  background: transparent;
  box-shadow: none;
}
.nav-item::after {
  content: "›";
  margin-left: auto;
  color: #5f6a7c;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1;
  transform: translateX(-1px);
  transition: color .18s ease, transform .18s ease;
}
.nav-item:hover {
  color: #fff;
  background: rgba(255,255,255,.045);
  border-color: rgba(255,255,255,.045);
  transform: translateX(1px);
}
.nav-item:hover::after { color: #b6c0cf; transform: translateX(1px); }
.nav-item > .nav-icon {
  display: grid;
  place-items: center;
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  color: var(--nav-accent);
  background: color-mix(in srgb, var(--nav-accent) 12%, rgba(8,13,23,.9));
  border: 1px solid color-mix(in srgb, var(--nav-accent) 17%, transparent);
  border-radius: 11px;
  box-shadow: inset 0 1px rgba(255,255,255,.025), 0 7px 18px rgba(0,0,0,.14);
  font-size: .62rem;
  font-weight: 900;
  letter-spacing: -.025em;
}
.nav-icon svg {
  width: 19px;
  height: 19px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.85;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.nav-label { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nav-tone-home { --nav-accent: #ff941f; }
.nav-tone-tasks { --nav-accent: #a863ff; }
.nav-tone-board { --nav-accent: #4388ff; }
.nav-tone-calendar { --nav-accent: #ff4f82; }
.nav-tone-people { --nav-accent: #43dc6f; }
.nav-tone-ml { --nav-accent: #ffd426; }
.nav-tone-state-sales { --nav-accent: #42b6ff; }
.nav-tone-stock { --nav-accent: #19d8a2; }
.nav-tone-kit-map { --nav-accent: #36a7ff; }
.nav-tone-daily-report { --nav-accent: #ff6a2a; }
.nav-tone-calculator { --nav-accent: #28c8ff; }
.nav-tone-pma { --nav-accent: #31e9bb; }
.nav-tone-reports { --nav-accent: #ad59ff; }
.nav-tone-settings { --nav-accent: #ff8b18; }
.nav-item.active {
  color: #fff;
  background: linear-gradient(90deg, rgba(159,76,12,.28), rgba(74,41,25,.19) 74%, rgba(16,17,24,.2));
  border-color: rgba(245,117,25,.24);
  box-shadow: inset 0 1px rgba(255,255,255,.025), 0 9px 24px rgba(0,0,0,.12);
}
.nav-item.active::before {
  background: linear-gradient(180deg, #ffb143, #ff710f);
  box-shadow: 0 0 15px rgba(255,123,19,.78);
}
.nav-item.active::after { color: #f7d7bd; }
.nav-item.active > .nav-icon {
  color: #ff9b29;
  background: linear-gradient(145deg, rgba(141,65,12,.44), rgba(62,32,18,.46));
  border-color: rgba(255,139,29,.2);
  box-shadow: 0 8px 20px rgba(0,0,0,.2), inset 0 0 18px rgba(255,126,20,.07);
}
.nav-separator {
  gap: 12px;
  margin: 17px 9px 7px;
  color: #687489;
}
.nav-separator::after { background: linear-gradient(90deg, rgba(127,143,165,.24), rgba(127,143,165,.04)); }
.nav-separator em { font-size: .62rem; letter-spacing: .15em; }
.sidebar-projects {
  flex: 1 1 auto;
  min-height: 82px;
  margin-top: 18px;
  padding-right: 2px;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-color: #29364a transparent;
  scrollbar-width: thin;
}
.sidebar-section-title {
  gap: 11px;
  padding: 0 8px 8px;
  color: #687489;
  font-size: .62rem;
  letter-spacing: .15em;
}
.sidebar-section-title > span { display: flex; flex: 1; align-items: center; gap: 11px; }
.sidebar-section-title > span::after {
  content: "";
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, rgba(127,143,165,.24), rgba(127,143,165,.04));
}
.mini-button {
  width: 29px;
  height: 29px;
  color: #dce4ef;
  background: #101722;
  border: 1px solid #202b3c;
  border-radius: 9px;
  font-size: 1.08rem;
  box-shadow: 0 7px 17px rgba(0,0,0,.18);
}
.mini-button:hover { color: #fff; background: #192233; border-color: #35435a; }
.project-nav {
  gap: 11px;
  min-height: 41px;
  padding: 5px 9px;
  color: #929daf;
  border: 1px solid transparent;
  border-radius: 11px;
  font-size: .78rem;
  font-weight: 620;
}
.project-nav:hover { color: #f6f8fb; background: rgba(255,255,255,.038); border-color: rgba(255,255,255,.035); }
.project-folder-icon {
  display: grid;
  place-items: center;
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  color: var(--project-accent, #42a5ff);
  background: color-mix(in srgb, var(--project-accent, #42a5ff) 10%, rgba(8,13,23,.92));
  border: 1px solid color-mix(in srgb, var(--project-accent, #42a5ff) 14%, transparent);
  border-radius: 9px;
}
.project-folder-icon svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.sidebar-user {
  min-height: 66px;
  margin: 11px 0 0;
  padding: 10px;
  background: linear-gradient(115deg, rgba(20,27,40,.94), rgba(8,13,22,.94));
  border: 1px solid rgba(112,130,156,.16);
  border-radius: 14px;
  box-shadow: 0 12px 28px rgba(0,0,0,.2), inset 0 1px rgba(255,255,255,.025);
}
.sidebar-user .avatar {
  width: 38px;
  height: 38px;
  color: #fff;
  background: linear-gradient(145deg, #315af4, #6a49f4) !important;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 11px;
  box-shadow: 0 8px 20px rgba(49,76,235,.24);
  font-size: .76rem;
}
.sidebar-user strong { color: #f6f8fc; font-size: .8rem; }
.sidebar-user span { margin-top: 2px; color: #8793a7; font-size: .67rem; }
.sidebar-logout { width: 31px; height: 31px; color: #778398; border-radius: 9px; }
.sidebar-logout svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.sidebar-logout:hover { color: #ff9b65; background: rgba(255,103,45,.09); }

@media (min-width: 821px) {
  .app-shell.sidebar-collapsed .nav-label,
  .app-shell.sidebar-collapsed .nav-item::after { display: none; }
  .app-shell.sidebar-collapsed .nav-item { overflow: visible; transform: none; }
  .app-shell.sidebar-collapsed .sidebar-user { padding: 7px; background: transparent; border-color: transparent; box-shadow: none; }
}
@media (max-width: 820px) {
  :root { --sidebar: 292px; }
  .sidebar,
  html[data-theme="black"] .sidebar { padding: 18px 15px 13px; }
  .sidebar-brand { padding-right: 42px; }
  .nav-item { min-height: 45px; }
}
@media (min-width: 821px) and (max-height: 820px) {
  .sidebar,
  html[data-theme="black"] .sidebar { padding-top: 12px; padding-bottom: 10px; }
  .sidebar-brand { min-height: 53px; padding-bottom: 8px; }
  .sidebar-brand .brand-mark { width: 39px; height: 39px; border-radius: 12px; }
  .sidebar-brand strong { font-size: 1rem; }
  .sidebar-brand span { font-size: .68rem; }
  .sidebar-collapse-button { top: 20px; }
  .main-nav { gap: 1px; }
  .nav-item { min-height: 38px; padding-top: 3px; padding-bottom: 3px; }
  .nav-item > .nav-icon { flex-basis: 30px; width: 30px; height: 30px; border-radius: 9px; }
  .nav-icon svg { width: 17px; height: 17px; }
  .nav-separator { margin-top: 8px; margin-bottom: 3px; }
  .sidebar-projects { min-height: 54px; margin-top: 8px; }
  .sidebar-section-title { padding-bottom: 4px; }
  .project-nav { min-height: 34px; padding-top: 2px; padding-bottom: 2px; }
  .project-folder-icon { flex-basis: 27px; width: 27px; height: 27px; }
  .sidebar-user { min-height: 56px; margin-top: 6px; padding: 7px 9px; }
  .sidebar-user .avatar { width: 34px; height: 34px; }
}

/* Ícones neon 5.12 — um único acabamento tridimensional em toda a navegação */
.nav-item > .nav-icon {
  position: relative;
  isolation: isolate;
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  overflow: visible;
  color: color-mix(in srgb, var(--nav-accent) 83%, white);
  background:
    linear-gradient(145deg, color-mix(in srgb, var(--nav-accent) 24%, #121827) 0%, color-mix(in srgb, var(--nav-accent) 10%, #080c15) 54%, #050810 100%);
  border: 1px solid color-mix(in srgb, var(--nav-accent) 28%, transparent);
  border-radius: 12px;
  box-shadow:
    inset 0 1px 1px rgba(255,255,255,.16),
    inset 0 -4px 7px rgba(0,0,0,.55),
    0 7px 13px rgba(0,0,0,.48),
    0 0 16px color-mix(in srgb, var(--nav-accent) 18%, transparent);
}
.nav-item > .nav-icon::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 2px;
  pointer-events: none;
  background: linear-gradient(145deg, rgba(255,255,255,.09), transparent 40%, rgba(0,0,0,.22));
  border: 1px solid rgba(255,255,255,.035);
  border-radius: 9px;
}
.nav-item > .nav-icon::after {
  content: "";
  position: absolute;
  z-index: -1;
  right: 6px;
  bottom: -3px;
  left: 6px;
  height: 5px;
  pointer-events: none;
  background: color-mix(in srgb, var(--nav-accent) 56%, transparent);
  border-radius: 50%;
  filter: blur(6px);
  opacity: .55;
}
.nav-item > .nav-icon svg {
  position: relative;
  z-index: 1;
  width: 22px;
  height: 22px;
  color: inherit;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.1;
  filter:
    drop-shadow(0 1px 0 rgba(255,255,255,.28))
    drop-shadow(0 2px 1px rgba(0,0,0,.9))
    drop-shadow(0 0 3px var(--nav-accent))
    drop-shadow(0 0 7px color-mix(in srgb, var(--nav-accent) 72%, transparent));
}
.nav-item > .nav-icon svg path,
.nav-item > .nav-icon svg rect,
.nav-item > .nav-icon svg circle { vector-effect: non-scaling-stroke; }
.ml-nav-icon svg text {
  fill: currentColor;
  stroke: none;
  font: 900 6.3px/1 Inter, Arial, sans-serif;
  letter-spacing: -.3px;
  filter: drop-shadow(0 0 2px var(--nav-accent));
}
.nav-item {
  min-height: 50px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.nav-item::after {
  color: #aab4c4;
  font-size: 1.55rem;
  text-shadow: 0 2px 2px rgba(0,0,0,.8);
}
.nav-item.active {
  background:
    linear-gradient(90deg, rgba(125,53,5,.38), rgba(48,28,19,.26) 62%, rgba(10,13,20,.35));
  border-color: rgba(255,116,17,.46);
  box-shadow:
    inset 0 1px rgba(255,255,255,.04),
    inset 4px 0 9px rgba(255,117,13,.1),
    0 0 0 1px rgba(255,101,8,.04),
    0 10px 25px rgba(0,0,0,.18);
}
.nav-item.active::before {
  top: 5px;
  bottom: 5px;
  width: 5px;
  background: linear-gradient(180deg, #ffc34a, #ff6a00 54%, #ff8d18);
  box-shadow: 0 0 8px #ff7c0a, 0 0 18px rgba(255,112,0,.82);
}
.nav-item.active::after {
  color: #ff8e1b;
  text-shadow: 0 0 7px rgba(255,126,12,.68), 0 2px 2px rgba(0,0,0,.8);
}
.nav-item.active > .nav-icon {
  color: #ff981f;
  background: linear-gradient(145deg, #6a310d 0%, #28150d 54%, #0a090b 100%);
  border-color: rgba(255,139,29,.48);
  box-shadow:
    inset 0 1px 1px rgba(255,222,172,.18),
    inset 0 -4px 8px rgba(0,0,0,.6),
    0 8px 14px rgba(0,0,0,.5),
    0 0 9px rgba(255,125,13,.38),
    0 0 20px rgba(255,96,0,.2);
}

.project-folder-icon {
  position: relative;
  isolation: isolate;
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  overflow: visible;
  color: color-mix(in srgb, var(--project-accent, #42a5ff) 84%, white);
  background:
    linear-gradient(145deg, color-mix(in srgb, var(--project-accent, #42a5ff) 22%, #121827), #050810 72%);
  border: 1px solid color-mix(in srgb, var(--project-accent, #42a5ff) 28%, transparent);
  border-radius: 11px;
  box-shadow:
    inset 0 1px 1px rgba(255,255,255,.14),
    inset 0 -3px 6px rgba(0,0,0,.5),
    0 6px 12px rgba(0,0,0,.45),
    0 0 14px color-mix(in srgb, var(--project-accent, #42a5ff) 17%, transparent);
}
.project-folder-icon::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 2px;
  background: linear-gradient(145deg, rgba(255,255,255,.08), transparent 44%);
  border: 1px solid rgba(255,255,255,.03);
  border-radius: 8px;
}
.project-folder-icon svg {
  width: 21px;
  height: 21px;
  stroke-width: 2;
  filter:
    drop-shadow(0 1px 0 rgba(255,255,255,.24))
    drop-shadow(0 2px 1px rgba(0,0,0,.9))
    drop-shadow(0 0 4px var(--project-accent, #42a5ff))
    drop-shadow(0 0 7px color-mix(in srgb, var(--project-accent, #42a5ff) 62%, transparent));
}
.project-nav { min-height: 43px; }

.sidebar-user .avatar {
  width: 43px;
  height: 43px;
  border-radius: 50%;
  background:
    radial-gradient(circle at 34% 28%, rgba(255,255,255,.22), transparent 24%),
    linear-gradient(145deg, #8b2cff 0%, #3e31ff 53%, #0876ff 100%) !important;
  border: 1px solid rgba(137,111,255,.72);
  box-shadow:
    inset 0 1px 1px rgba(255,255,255,.25),
    inset 0 -5px 10px rgba(0,0,0,.2),
    0 7px 15px rgba(0,0,0,.44),
    0 0 12px rgba(101,63,255,.54),
    0 0 23px rgba(30,102,255,.25);
  font-size: .86rem;
  text-shadow: 0 2px 2px rgba(0,0,0,.4);
}

@media (min-width: 821px) and (max-height: 820px) {
  .nav-item { min-height: 43px; }
  .nav-item > .nav-icon { flex-basis: 34px; width: 34px; height: 34px; border-radius: 10px; }
  .nav-item > .nav-icon::before { border-radius: 7px; }
  .nav-item > .nav-icon svg { width: 20px; height: 20px; }
  .project-nav { min-height: 37px; }
  .project-folder-icon { flex-basis: 31px; width: 31px; height: 31px; border-radius: 9px; }
  .project-folder-icon::before { border-radius: 6px; }
  .project-folder-icon svg { width: 19px; height: 19px; }
  .sidebar-user .avatar { width: 39px; height: 39px; }
}

/* Estoque 5.13 — catálogo, saldos, custos e composição oficial dos kits */
.content.stock-page { max-width: none; }
.stock-workspace { display: grid; gap: 18px; }
.stock-source-bar {
  display: grid;
  grid-template-columns: minmax(300px, 1.8fr) repeat(3, minmax(150px, .65fr));
  overflow: hidden;
  color: var(--ink);
  background: linear-gradient(135deg, var(--surface), color-mix(in srgb, var(--green-soft) 42%, var(--surface)));
  border: 1px solid color-mix(in srgb, var(--green) 28%, var(--line));
  border-radius: 17px;
  box-shadow: var(--shadow-sm);
}
.stock-source-bar > div { display: grid; align-content: center; gap: 4px; min-height: 76px; padding: 15px 18px; border-left: 1px solid var(--line); }
.stock-source-bar > div:first-child { border-left: 0; }
.stock-source-bar span { color: var(--green); font-size: .63rem; font-weight: 900; letter-spacing: .12em; }
.stock-source-bar strong { font-size: .88rem; line-height: 1.4; }
.stock-source-bar small { color: var(--muted); font-size: .68rem; font-weight: 700; text-transform: uppercase; }
.stock-source-bar b { font-size: .74rem; }
.stock-summary-grid { display: grid; grid-template-columns: repeat(6, minmax(145px, 1fr)); gap: 11px; }
.stock-summary-grid article {
  position: relative;
  display: grid;
  gap: 7px;
  min-height: 122px;
  overflow: hidden;
  padding: 18px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 16px;
  box-shadow: var(--shadow-sm);
}
.stock-summary-grid article::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 3px; background: var(--stock-tone); }
.stock-summary-grid article::after { content: ""; position: absolute; width: 82px; height: 82px; top: -42px; right: -34px; background: color-mix(in srgb, var(--stock-tone) 15%, transparent); border-radius: 50%; }
.stock-summary-grid article.blue { --stock-tone: #4388ff; }
.stock-summary-grid article.green { --stock-tone: #19b884; }
.stock-summary-grid article.purple { --stock-tone: #9459ff; }
.stock-summary-grid article.orange { --stock-tone: #ff8a24; }
.stock-summary-grid article.teal { --stock-tone: #19cbbb; }
.stock-summary-grid article.red { --stock-tone: #e94f64; }
.stock-summary-grid span { color: var(--muted); font-size: .7rem; font-weight: 800; text-transform: uppercase; }
.stock-summary-grid strong { align-self: end; font-size: 1.25rem; letter-spacing: -.035em; }
.stock-summary-grid small { color: var(--muted); font-size: .71rem; line-height: 1.45; }
.stock-filter-panel {
  display: grid;
  grid-template-columns: minmax(280px, 2fr) repeat(5, minmax(130px, .7fr));
  gap: 12px;
  align-items: end;
  padding: 17px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 17px;
  box-shadow: var(--shadow-sm);
}
.stock-filter-panel label { display: grid; gap: 7px; min-width: 0; }
.stock-filter-panel label > span { color: var(--muted); font-size: .68rem; font-weight: 800; }
.stock-filter-panel input,
.stock-filter-panel select { width: 100%; min-height: 42px; border: 1px solid var(--line-strong); border-radius: 10px; background: var(--surface-soft); }
.stock-filter-panel input { padding: 0 12px; }
.stock-filter-panel select { padding: 0 30px 0 10px; }
.stock-search > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; }
.stock-search .button { min-height: 42px; }
.stock-clear { grid-column: 1 / -1; justify-self: start; }
.stock-results-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; padding: 0 3px; }
.stock-results-heading > div { display: grid; gap: 3px; }
.stock-results-heading span { color: var(--orange); font-size: .63rem; font-weight: 900; letter-spacing: .13em; }
.stock-results-heading strong { font-size: 1.05rem; }
.stock-results-heading p { margin: 0; color: var(--muted); font-size: .78rem; }
.stock-table-scroll { overflow: auto; background: var(--surface); border: 1px solid var(--line); border-radius: 17px; box-shadow: var(--shadow-sm); }
.stock-table { min-width: 1520px; }
.stock-table th { position: sticky; z-index: 2; top: 0; white-space: nowrap; }
.stock-table th:first-child { z-index: 4; left: 0; background: var(--surface-soft); }
.stock-table td:first-child { position: sticky; z-index: 1; left: 0; background: var(--surface); box-shadow: 1px 0 var(--line); }
.stock-table .stock-kit-row td:first-child { background: color-mix(in srgb, var(--blue-soft) 26%, var(--surface)); }
.stock-table th:nth-child(1) { min-width: 330px; }
.stock-table th:nth-child(3) { min-width: 170px; }
.stock-table th:nth-child(4) { min-width: 170px; }
.stock-table th:nth-child(5) { min-width: 430px; }
.stock-table th:nth-child(6) { min-width: 210px; }
.stock-table th:nth-child(7) { min-width: 180px; }
.stock-table td { vertical-align: top; }
.stock-table td > small,
.stock-table td > em { display: block; margin-top: 5px; color: var(--muted); font-size: .68rem; font-style: normal; line-height: 1.4; }
.stock-table td > em { color: var(--green); font-weight: 750; }
.stock-table td > em.negative { color: var(--red); }
.stock-kit-row { background: color-mix(in srgb, var(--blue-soft) 26%, var(--surface)); }
.stock-product-identity { display: flex; align-items: flex-start; gap: 11px; }
.stock-product-identity .stock-official-photo { width: 56px; height: 56px; flex: 0 0 56px; object-fit: contain; border: 1px solid #d9e9e5; border-radius: 12px; background: #fff; }
.stock-sync-warning { color: #a96500 !important; font-weight: 800; }
html[data-theme="black"] .stock-sync-warning { color: #ffd088 !important; }
.stock-product-identity > span { display: grid; place-items: center; flex: 0 0 38px; width: 38px; height: 38px; color: #0e7f62; background: linear-gradient(145deg, #d7fff3, #c4ede4); border: 1px solid #a9ded1; border-radius: 11px; font-size: .68rem; font-weight: 900; }
.stock-product-identity > div { display: grid; gap: 6px; min-width: 0; }
.stock-product-identity strong { line-height: 1.35; }
.stock-product-identity small { color: var(--muted); }
.stock-kind,
.stock-composition-state,
.stock-health { display: inline-flex; align-items: center; width: max-content; border-radius: 999px; font-size: .66rem; font-weight: 850; }
.stock-kind { padding: 5px 9px; color: #315ecd; background: var(--blue-soft); }
.stock-kind.kit { color: #8d4b08; background: var(--yellow-soft); }
.stock-composition-state { display: flex; margin-top: 7px; padding: 4px 8px; color: var(--muted); background: var(--surface-soft); border: 1px solid var(--line); }
.stock-composition-state.complete { color: #087e5a; background: var(--green-soft); border-color: #b9e8d7; }
.stock-composition-state.partial,
.stock-composition-state.pending { color: #976000; background: var(--yellow-soft); border-color: #efdda2; }
.stock-health { padding: 5px 9px; }
.stock-health.ok { color: #087e5a; background: var(--green-soft); }
.stock-health.low { color: #976000; background: var(--yellow-soft); }
.stock-health.out { color: #b12b3d; background: var(--red-soft); }
.stock-simple-product { display: grid; gap: 4px; color: var(--muted); }
.stock-simple-product span { font-weight: 800; }
.stock-simple-product small { font-size: .68rem; }
.stock-composition-pending { display: grid; gap: 5px; padding: 12px; color: #805300; background: var(--yellow-soft); border: 1px solid #efdda2; border-radius: 11px; }
.stock-composition-pending strong { font-size: .75rem; }
.stock-composition-pending span,
.stock-composition-pending small { font-size: .68rem; line-height: 1.45; }
.stock-kit-details { min-width: 390px; }
.stock-kit-details summary { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 10px 12px; cursor: pointer; list-style: none; background: var(--surface-soft); border: 1px solid var(--line); border-radius: 11px; }
.stock-kit-details summary::-webkit-details-marker { display: none; }
.stock-kit-details summary span { display: grid; gap: 3px; }
.stock-kit-details summary small { color: var(--muted); font-size: .66rem; }
.stock-kit-details summary b { color: var(--blue); font-size: .68rem; white-space: nowrap; }
.stock-kit-details[open] summary { border-radius: 11px 11px 0 0; }
.stock-component-list { display: grid; border: 1px solid var(--line); border-top: 0; border-radius: 0 0 11px 11px; }
.stock-component-list article { display: grid; grid-template-columns: minmax(180px, 1.55fr) repeat(4, minmax(76px, .7fr)); gap: 10px; align-items: center; padding: 10px 12px; border-top: 1px solid var(--line); }
.stock-component-list article:first-child { border-top: 0; }
.stock-component-list article.shortage { background: color-mix(in srgb, var(--red-soft) 55%, var(--surface)); }
.stock-component-list article > div { display: grid; gap: 3px; }
.stock-component-list article > div strong { font-size: .72rem; line-height: 1.35; }
.stock-component-list article > div small { color: var(--muted); font-size: .63rem; }
.stock-component-list article > span { display: grid; gap: 2px; }
.stock-component-list article > span small { color: var(--muted); font-size: .59rem; text-transform: uppercase; }
.stock-component-list article > span strong { font-size: .67rem; }
.stock-buildable { display: block; line-height: 1.35; }
.stock-shortage { color: var(--red) !important; font-weight: 750; }
.stock-footnote { display: flex; align-items: center; gap: 8px; padding: 13px 16px; color: var(--muted); background: var(--surface); border: 1px solid var(--line); border-radius: 13px; font-size: .72rem; }
.stock-footnote strong { color: var(--ink); }

html[data-theme="black"] .stock-source-bar,
html[data-theme="black"] .stock-summary-grid article,
html[data-theme="black"] .stock-filter-panel,
html[data-theme="black"] .stock-table-scroll,
html[data-theme="black"] .stock-footnote { background: #0f1621; border-color: #263246; box-shadow: none; }
html[data-theme="black"] .stock-source-bar { background: linear-gradient(135deg, #0f1621, #0c211c); }
html[data-theme="black"] .stock-source-bar > div,
html[data-theme="black"] .stock-table th,
html[data-theme="black"] .stock-table td,
html[data-theme="black"] .stock-component-list,
html[data-theme="black"] .stock-component-list article { border-color: #263246; }
html[data-theme="black"] .stock-source-bar strong,
html[data-theme="black"] .stock-source-bar b,
html[data-theme="black"] .stock-summary-grid strong,
html[data-theme="black"] .stock-results-heading strong,
html[data-theme="black"] .stock-table td > strong,
html[data-theme="black"] .stock-product-identity strong,
html[data-theme="black"] .stock-kit-details summary strong,
html[data-theme="black"] .stock-component-list strong,
html[data-theme="black"] .stock-footnote strong { color: #edf3fb; }
html[data-theme="black"] .stock-filter-panel input,
html[data-theme="black"] .stock-filter-panel select,
html[data-theme="black"] .stock-kit-details summary,
html[data-theme="black"] .stock-simple-product { background: #111a27; border-color: #2b384c; }
html[data-theme="black"] .stock-kit-row { background: #101927; }
html[data-theme="black"] .stock-table th:first-child { background: #151e2c; }
html[data-theme="black"] .stock-table td:first-child { background: #0f1621; box-shadow: 1px 0 #263246; }
html[data-theme="black"] .stock-table .stock-kit-row td:first-child { background: #101927; }
html[data-theme="black"] .stock-component-list article { background: #0d141e; }
html[data-theme="black"] .stock-component-list article.shortage { background: #211219; }
html[data-theme="black"] .stock-product-identity > span { color: #6be0bd; background: linear-gradient(145deg, #123529, #0b221c); border-color: #1d5a48; }
html[data-theme="black"] .stock-composition-state { background: #141e2b; border-color: #2a374a; }
html[data-theme="black"] .stock-composition-state.complete { color: #6be0bd; background: #0f2a22; border-color: #1d5a48; }
html[data-theme="black"] .stock-composition-state.partial,
html[data-theme="black"] .stock-composition-state.pending,
html[data-theme="black"] .stock-composition-pending { color: #f4c96f; background: #2a2110; border-color: #59471f; }

@media (max-width: 1380px) {
  .stock-summary-grid { grid-template-columns: repeat(3, minmax(160px, 1fr)); }
  .stock-filter-panel { grid-template-columns: repeat(3, minmax(160px, 1fr)); }
  .stock-search { grid-column: 1 / -1; }
}
@media (max-width: 820px) {
  .stock-source-bar { grid-template-columns: 1fr; }
  .stock-source-bar > div { min-height: auto; border-left: 0; border-top: 1px solid var(--line); }
  .stock-source-bar > div:first-child { border-top: 0; }
  .stock-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .stock-filter-panel { grid-template-columns: 1fr; }
  .stock-search { grid-column: auto; }
  .stock-results-heading { align-items: flex-start; flex-direction: column; }
  .stock-footnote { align-items: flex-start; flex-direction: column; }
}

/* Mapa de Kits 5.20.11 — busca ampla revela todos os componentes oficiais do kit */

/* Painel 5.20.12 — todos os produtos vendidos com rolagem interna */
.dashboard-sales-detail-card .today-sales-table-wrap {
  max-height: 390px;
  overflow-x: auto;
  overflow-y: auto;
  scrollbar-gutter: stable;
}
.dashboard-sales-detail-card .today-sales-table thead {
  position: sticky;
  top: 0;
  z-index: 3;
}
.dashboard-sales-detail-card .today-sales-table-wrap::-webkit-scrollbar { width: 10px; height: 10px; }
.dashboard-sales-detail-card .today-sales-table-wrap::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 999px;
  background: #9aa8bc;
  background-clip: padding-box;
}
html[data-theme="black"] .dashboard-sales-detail-card .today-sales-table-wrap::-webkit-scrollbar-thumb { background-color: #44536a; }
.content.kit-map-page { max-width: none; }
.kit-map-mode-tabs { display: grid; grid-template-columns: repeat(2, minmax(260px, 1fr)); gap: 10px; padding: 7px; background: var(--surface); border: 1px solid var(--line); border-radius: 16px; box-shadow: var(--shadow-sm); }
.kit-map-mode-tabs button { position: relative; display: flex; align-items: center; gap: 12px; min-height: 66px; padding: 11px 15px; color: var(--muted); text-align: left; cursor: pointer; background: transparent; border: 1px solid transparent; border-radius: 12px; }
.kit-map-mode-tabs button:hover { color: var(--ink); background: var(--surface-soft); }
.kit-map-mode-tabs button.active { color: #fff; background: linear-gradient(135deg,#102945,#174c77); border-color: #286897; box-shadow: 0 10px 24px rgba(15,54,88,.2); }
.kit-map-mode-tabs button > i { display: grid; place-items: center; flex: 0 0 38px; height: 38px; color: #286db5; background: #e7f2ff; border-radius: 11px; font-size: .7rem; font-style: normal; font-weight: 900; }
.kit-map-mode-tabs button.active > i { color: #0d684f; background: #bff4e3; }
.kit-map-mode-tabs button > span { display: grid; gap: 3px; }.kit-map-mode-tabs strong { font-size: .78rem; }.kit-map-mode-tabs small { color: inherit; font-size: .62rem; opacity: .8; }
.kit-map-mode-tabs button > b { position: absolute; top: 8px; right: 9px; padding: 3px 6px; color: #fff; background: #f7682b; border-radius: 999px; font-size: .45rem; letter-spacing: .06em; }
html[data-theme="black"] .kit-map-mode-tabs { background: #0f1621; border-color: #263246; box-shadow: none; }html[data-theme="black"] .kit-map-mode-tabs button:hover { background: #151f2d; }html[data-theme="black"] .kit-map-mode-tabs button.active { background: linear-gradient(135deg,#16314e,#164d76); }
.kit-map-workspace { display: grid; gap: 17px; }
.kit-map-hero { display: flex; align-items: center; justify-content: space-between; gap: 26px; min-height: 132px; padding: 23px 26px; overflow: hidden; color: #fff; background: radial-gradient(circle at 88% 0%, rgba(54,167,255,.26), transparent 34%), radial-gradient(circle at 8% 110%, rgba(25,216,162,.16), transparent 38%), linear-gradient(135deg, #0c1422, #142440); border: 1px solid #2b405e; border-radius: 19px; box-shadow: 0 14px 34px rgba(20,36,64,.18); }
.kit-map-hero > div:first-child { display: grid; gap: 6px; max-width: 760px; }
.kit-map-hero > div:first-child > span { color: #74dfc1; font-size: .63rem; font-weight: 900; letter-spacing: .14em; }
.kit-map-hero h2 { margin: 0; color: #fff; font-size: 1.42rem; letter-spacing: -.03em; }
.kit-map-hero p { margin: 0; color: #b7c6da; font-size: .79rem; line-height: 1.52; }
.kit-map-trust { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 4px 11px; align-items: center; min-width: 280px; padding: 14px 16px; background: rgba(17,31,50,.72); border: 1px solid rgba(116,223,193,.25); border-radius: 13px; }
.kit-map-trust > i { grid-row: 1 / 3; width: 11px; height: 11px; background: #28d69f; border-radius: 50%; box-shadow: 0 0 0 5px rgba(40,214,159,.12), 0 0 18px rgba(40,214,159,.55); }
.kit-map-trust > div { display: grid; gap: 4px; }
.kit-map-trust strong { color: #e8fff8; font-size: .75rem; }
.kit-map-trust span { color: #8fa4bc; font-size: .63rem; }
.kit-map-summary { display: grid; grid-template-columns: repeat(7, minmax(130px, 1fr)); gap: 10px; }
.kit-map-summary button { --kit-tone: #4388ff; position: relative; display: grid; gap: 6px; min-height: 108px; padding: 16px 16px 14px 18px; overflow: hidden; color: inherit; text-align: left; cursor: pointer; background: var(--surface); border: 1px solid var(--line); border-radius: 14px; box-shadow: var(--shadow-sm); transition: transform .16s ease, border-color .16s ease; }
.kit-map-summary button:hover { transform: translateY(-2px); border-color: var(--kit-tone); }.kit-map-summary button.selected { outline: 2px solid color-mix(in srgb, var(--kit-tone) 55%, transparent); outline-offset: 1px; }
.kit-map-summary button::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 4px; background: var(--kit-tone); }
.kit-map-summary button.blue { --kit-tone: #4388ff; }.kit-map-summary button.purple { --kit-tone: #8b5cf6; }.kit-map-summary button.red { --kit-tone: #dc3f50; }.kit-map-summary button.orange { --kit-tone: #f7682b; }.kit-map-summary button.teal { --kit-tone: #12a99a; }.kit-map-summary button.green { --kit-tone: #16a878; }.kit-map-summary button.slate { --kit-tone: #68758a; }
.kit-map-summary span { color: var(--muted); font-size: .63rem; font-weight: 850; text-transform: uppercase; }
.kit-map-summary strong { align-self: end; color: var(--ink); font-size: 1.16rem; letter-spacing: -.035em; }
.kit-map-summary small { color: var(--muted); font-size: .64rem; line-height: 1.35; }
.kit-map-alert { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 13px; align-items: center; padding: 13px 16px; color: #087e5a; background: var(--green-soft); border: 1px solid #b9e8d7; border-radius: 13px; }
.kit-map-alert.critical { color: #b12b3d; background: var(--red-soft); border-color: #f2c5cc; }
.kit-map-alert > i { width: 10px; height: 10px; background: #0fa875; border-radius: 50%; box-shadow: 0 0 0 5px rgba(15,168,117,.12); }
.kit-map-alert.critical > i { background: #dc3f50; box-shadow: 0 0 0 5px rgba(220,63,80,.12); }
.kit-map-alert > div { display: grid; gap: 3px; }
.kit-map-alert strong { font-size: .76rem; }.kit-map-alert span { color: var(--muted); font-size: .68rem; line-height: 1.4; }
.kit-map-category-tabs { display: flex; gap: 8px; overflow-x: auto; padding: 2px 2px 5px; scrollbar-width: thin; }
.kit-map-category-tabs button { display: grid; flex: 0 0 auto; gap: 3px; min-width: 130px; padding: 10px 13px; color: var(--muted); text-align: left; cursor: pointer; background: var(--surface); border: 1px solid var(--line); border-radius: 11px; box-shadow: var(--shadow-sm); }
.kit-map-category-tabs button:hover, .kit-map-category-tabs button.selected { color: var(--ink); border-color: #f4772b; box-shadow: inset 0 -3px 0 #f4772b, var(--shadow-sm); }
.kit-map-category-tabs strong { font-size: .67rem; }.kit-map-category-tabs span { color: var(--muted); font-size: .57rem; }
.kit-map-filter-panel { display: grid; grid-template-columns: repeat(5, minmax(145px, 1fr)); gap: 11px; align-items: end; padding: 16px; background: var(--surface); border: 1px solid var(--line); border-radius: 15px; box-shadow: var(--shadow-sm); }
.kit-map-filter-panel .kit-map-search { grid-column: span 2; }
.kit-map-filter-panel label { display: grid; gap: 7px; min-width: 0; }
.kit-map-filter-panel label > span { color: var(--muted); font-size: .65rem; font-weight: 800; }
.kit-map-filter-panel input, .kit-map-filter-panel select { width: 100%; min-height: 42px; padding: 0 11px; color: var(--ink); background: var(--surface-soft); border: 1px solid var(--line-strong); border-radius: 10px; }
.kit-map-filter-actions { display: flex; gap: 8px; }
.kit-map-focus { display: grid; grid-template-columns: minmax(280px, 1.2fr) minmax(360px, 1fr) auto; gap: 20px; align-items: center; padding: 20px 22px; border: 1px solid color-mix(in srgb, var(--blue) 42%, var(--line)); border-left: 5px solid var(--blue); border-radius: 18px; background: linear-gradient(115deg, color-mix(in srgb, var(--blue) 10%, var(--surface)), var(--surface)); box-shadow: var(--shadow-sm); }
.kit-map-focus > div:first-child > span { display: block; margin-bottom: 6px; color: var(--blue); font-size: .61rem; font-weight: 900; letter-spacing: .1em; }
.kit-map-focus h3 { margin: 0 0 6px; color: var(--ink); font-size: 1.04rem; }.kit-map-focus p { margin: 0; color: var(--muted); font-size: .68rem; }
.kit-map-focus dl { display: grid; grid-template-columns: repeat(4, minmax(82px, 1fr)); gap: 8px; margin: 0; }
.kit-map-focus dl > div { padding: 10px; border: 1px solid var(--line); border-radius: 11px; background: var(--surface-soft); }
.kit-map-focus dt { color: var(--muted); font-size: .52rem; font-weight: 800; text-transform: uppercase; }.kit-map-focus dd { margin: 4px 0 0; color: var(--ink); font-size: .78rem; font-weight: 900; }
.kit-map-focus-actions { display: flex; flex-direction: column; gap: 8px; }
.kit-map-export-bar { display: flex; align-items: center; gap: 16px; padding: 13px 15px; background: var(--surface); border: 1px solid var(--line); border-radius: 14px; box-shadow: var(--shadow-sm); }
.kit-map-export-bar > label { display: inline-flex; align-items: center; gap: 8px; color: var(--ink); font-size: .68rem; font-weight: 780; cursor: pointer; }
.kit-map-export-bar > strong { margin-right: auto; color: var(--muted); font-size: .67rem; }
.kit-map-export-bar > div { display: flex; gap: 8px; }
.kit-map-results-title { display: flex; align-items: end; justify-content: space-between; gap: 20px; padding: 0 3px; }
.kit-map-results-title > div { display: grid; gap: 3px; }.kit-map-results-title span { color: var(--orange); font-size: .63rem; font-weight: 900; letter-spacing: .13em; }.kit-map-results-title strong { font-size: 1.04rem; }.kit-map-results-title p { margin: 0; color: var(--muted); font-size: .72rem; }
.kit-map-components { display: grid; gap: 10px; }
.kit-map-component { overflow: hidden; background: var(--surface); border: 1px solid var(--line); border-left: 4px solid #16a878; border-radius: 15px; box-shadow: var(--shadow-sm); }
.kit-map-component.attention { border-left-color: #e7a912; }.kit-map-component.critical { border-left-color: #dc3f50; }
.kit-map-component.inactive, .kit-map-component.unlinked { border-left-color: #7f8da3; opacity: .92; }
.kit-map-component > summary { display: grid; grid-template-columns: auto minmax(280px, 1.6fr) repeat(3, minmax(130px, .7fr)) minmax(150px, .7fr) auto; gap: 14px; align-items: center; min-height: 92px; padding: 14px 16px; cursor: pointer; list-style: none; }
.kit-map-component > summary::-webkit-details-marker { display: none; }
.kit-map-component > summary > i { color: var(--muted); font-size: 1rem; font-style: normal; transition: transform .18s ease; }.kit-map-component[open] > summary > i { transform: rotate(180deg); }
.kit-map-check { display: grid; place-items: center; cursor: pointer; }.kit-map-check input { width: 17px; height: 17px; accent-color: #4169e1; }
.kit-map-component-name { display: flex; align-items: center; gap: 11px; min-width: 0; }
.kit-map-component-photo { position: relative; display: grid; place-items: center; flex: 0 0 58px; width: 58px; height: 58px; overflow: hidden; color: #1f5fad; background: var(--blue-soft); border: 1px solid #c9d7ff; border-radius: 12px; font-size: .67rem; font-weight: 900; }
.kit-map-component-image { width: 100%; height: 100%; object-fit: contain; background: #fff; }
.kit-map-component-photo > em { position: absolute; right: 3px; bottom: 3px; padding: 2px 3px; color: #fff; background: rgba(15, 25, 40, .78); border-radius: 4px; font-size: .39rem; font-style: normal; font-weight: 900; letter-spacing: .03em; line-height: 1; }
.kit-map-component-name > div:last-child { display: grid; gap: 6px; min-width: 0; }.kit-map-component-name strong { overflow: hidden; text-overflow: ellipsis; font-size: .76rem; line-height: 1.35; }.kit-map-component-name small { color: var(--muted); font-size: .65rem; }
.kit-map-component-stat { display: grid; gap: 4px; min-width: 0; }.kit-map-component-stat small { color: var(--muted); font-size: .59rem; font-weight: 800; text-transform: uppercase; }.kit-map-component-stat strong { color: var(--ink); font-size: .76rem; }.kit-map-component-stat span { color: var(--muted); font-size: .61rem; }
.kit-map-risk { display: grid; gap: 4px; padding: 10px 11px; color: #087e5a; background: var(--green-soft); border: 1px solid #b9e8d7; border-radius: 10px; }.kit-map-risk.attention { color: #805300; background: var(--yellow-soft); border-color: #efdda2; }.kit-map-risk.critical { color: #b12b3d; background: var(--red-soft); border-color: #f2c5cc; }.kit-map-risk strong { font-size: .68rem; }.kit-map-risk span { font-size: .58rem; line-height: 1.35; }
.kit-map-risk.inactive { color: #526074; background: var(--surface-soft); border-color: var(--line-strong); }
.kit-map-risk.unlinked { color: #526074; background: var(--surface-soft); border-color: var(--line-strong); }
.kit-map-component-tools { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 16px; color: var(--muted); background: var(--surface-soft); border-top: 1px solid var(--line); font-size: .64rem; }
.kit-map-kit-list { display: grid; border-top: 1px solid var(--line); }
.kit-map-unlinked-empty { display: flex; align-items: center; gap: 12px; min-height: 78px; padding: 15px 18px; color: var(--muted); background: var(--surface-soft); }
.kit-map-unlinked-empty > i { display: grid; place-items: center; width: 36px; height: 36px; color: #64748b; background: color-mix(in srgb, var(--surface) 72%, #94a3b8 28%); border: 1px solid var(--line-strong); border-radius: 10px; font-style: normal; font-weight: 900; }
.kit-map-unlinked-empty > div { display: grid; gap: 4px; }.kit-map-unlinked-empty strong { color: var(--ink); font-size: .69rem; }.kit-map-unlinked-empty span { font-size: .61rem; line-height: 1.4; }
.kit-map-kit-row { display: grid; grid-template-columns: minmax(280px, 1.65fr) repeat(5, minmax(100px, .65fr)) minmax(220px, 1fr); gap: 13px; align-items: start; padding: 14px 17px; background: var(--surface-soft); border-top: 1px solid var(--line); }
.kit-map-kit-row:first-child { border-top: 0; }.kit-map-kit-row > div { display: grid; gap: 4px; min-width: 0; }.kit-map-kit-row small { color: var(--muted); font-size: .58rem; font-weight: 800; text-transform: uppercase; }.kit-map-kit-row strong { color: var(--ink); font-size: .68rem; line-height: 1.4; }.kit-map-kit-row span { color: var(--muted); font-size: .6rem; line-height: 1.4; }
.kit-map-kit-row.inactive { opacity: .68; background: color-mix(in srgb, var(--surface-soft) 82%, #8894a7 18%); }
.kit-map-kit-name { display: flex !important; align-items: center; gap: 10px !important; }.kit-map-kit-name > div:last-child { display: grid; gap: 4px; min-width: 0; }.kit-map-kit-name strong { font-size: .72rem; }
.kit-map-kit-photo { display: grid; place-items: center; flex: 0 0 52px; width: 52px; height: 52px; overflow: hidden; color: #1f5fad; background: var(--blue-soft); border: 1px solid var(--line-strong); border-radius: 10px; font-size: .62rem; font-weight: 900; }.kit-map-kit-image { width: 100%; height: 100%; object-fit: contain; background: #fff; }
.kit-map-kit-listings { gap: 6px !important; }
.kit-map-listing { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 7px 8px; background: var(--surface); border: 1px solid var(--line); border-radius: 9px; }.kit-map-listing > div:first-child { display: grid; gap: 2px; }.kit-map-listing strong { font-size: .61rem; }.kit-map-listing span { font-size: .56rem; }.kit-map-listing.inactive { opacity: .68; }
.kit-map-listing-actions { display: flex; gap: 7px; }.kit-map-listing-actions a { color: var(--blue); font-size: .58rem; font-weight: 850; text-decoration: none; }.kit-map-listing-actions a:hover { text-decoration: underline; }
.kit-map-no-listing { display: block; padding: 8px; color: var(--muted); background: var(--surface); border: 1px dashed var(--line-strong); border-radius: 9px; }
.kit-map-issues { overflow: hidden; background: var(--surface); border: 1px solid var(--line); border-radius: 15px; box-shadow: var(--shadow-sm); }.kit-map-issues > summary { display: flex; align-items: center; gap: 16px; padding: 15px 17px; cursor: pointer; list-style: none; }.kit-map-issues > summary::-webkit-details-marker { display: none; }.kit-map-issues > summary > div { display: grid; gap: 3px; }.kit-map-issues > summary span { color: var(--orange); font-size: .59rem; font-weight: 900; letter-spacing: .11em; }.kit-map-issues > summary strong { color: var(--ink); font-size: .78rem; }.kit-map-issues > summary small { margin-left: auto; color: var(--muted); font-size: .62rem; }.kit-map-issues > summary i { color: var(--muted); font-style: normal; }.kit-map-issues[open] > summary i { transform: rotate(180deg); }.kit-map-issues > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; padding: 0 14px 14px; }.kit-map-issues article { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 10px; align-items: start; padding: 11px; background: var(--surface-soft); border: 1px solid var(--line); border-left: 3px solid #8090a5; border-radius: 10px; }.kit-map-issues article.critical { border-left-color: #dc3f50; }.kit-map-issues article.attention { border-left-color: #e7a912; }.kit-map-issues article.healthy { border-left-color: #16a878; }.kit-map-issues article > span { color: var(--muted); font-size: .49rem; font-weight: 900; }.kit-map-issues article > div { display: grid; gap: 4px; }.kit-map-issues article strong { color: var(--ink); font-size: .66rem; }.kit-map-issues article small { color: var(--muted); font-size: .58rem; line-height: 1.4; }.kit-map-issues article button { padding: 5px 7px; color: var(--blue); background: transparent; border: 1px solid var(--line-strong); border-radius: 7px; font-size: .55rem; cursor: pointer; }
.kit-map-simulator { display: grid; gap: 13px; padding: 18px; background: linear-gradient(135deg, color-mix(in srgb, var(--green-soft) 60%, var(--surface)), var(--surface)); border: 1px solid #91d9c0; border-radius: 17px; }.kit-map-simulator-head { display: flex; justify-content: space-between; gap: 20px; }.kit-map-simulator-head > div { display: grid; gap: 4px; }.kit-map-simulator-head span { color: #0b9369; font-size: .59rem; font-weight: 900; letter-spacing: .12em; }.kit-map-simulator h3 { margin: 0; color: var(--ink); font-size: .96rem; }.kit-map-simulator p, .kit-map-simulator footer { margin: 0; color: var(--muted); font-size: .63rem; line-height: 1.45; }.kit-map-candidates { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }.kit-map-candidates > article { display: grid; grid-template-columns: 48px minmax(0, 1fr) minmax(180px, .7fr); gap: 11px; align-items: center; padding: 12px; background: var(--surface); border: 1px solid var(--line); border-radius: 12px; }.kit-map-candidate-photo { display: grid; place-items: center; width: 48px; height: 48px; overflow: hidden; color: var(--blue); background: var(--blue-soft); border-radius: 9px; font-size: .58rem; font-weight: 900; }.kit-map-candidate-photo img { width: 100%; height: 100%; object-fit: contain; }.kit-map-candidates article > div:nth-child(2) { display: grid; gap: 4px; }.kit-map-candidates strong { color: var(--ink); font-size: .66rem; }.kit-map-candidates span, .kit-map-candidates small { color: var(--muted); font-size: .56rem; line-height: 1.35; }.kit-map-candidates dl { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; margin: 0; }.kit-map-candidates dl > div { display: grid; gap: 3px; padding: 7px; background: var(--surface-soft); border-radius: 7px; }.kit-map-candidates dt { color: var(--muted); font-size: .49rem; }.kit-map-candidates dd { margin: 0; color: var(--ink); font-size: .57rem; font-weight: 800; }
.kit-map-footnote { display: flex; align-items: flex-start; gap: 7px; padding: 13px 16px; color: var(--muted); background: var(--surface); border: 1px solid var(--line); border-radius: 13px; font-size: .7rem; line-height: 1.45; }.kit-map-footnote strong { color: var(--ink); white-space: nowrap; }
html[data-theme="black"] .kit-map-summary button, html[data-theme="black"] .kit-map-category-tabs button, html[data-theme="black"] .kit-map-filter-panel, html[data-theme="black"] .kit-map-focus, html[data-theme="black"] .kit-map-export-bar, html[data-theme="black"] .kit-map-component, html[data-theme="black"] .kit-map-footnote, html[data-theme="black"] .kit-map-issues { background: #0f1621; border-color: #263246; box-shadow: none; }
html[data-theme="black"] .kit-map-filter-panel input, html[data-theme="black"] .kit-map-filter-panel select { background: #111a27; border-color: #2b384c; }
html[data-theme="black"] .kit-map-kit-list, html[data-theme="black"] .kit-map-kit-row, html[data-theme="black"] .kit-map-unlinked-empty { background: #0c131d; border-color: #263246; }
html[data-theme="black"] .kit-map-listing, html[data-theme="black"] .kit-map-no-listing { background: #111a27; border-color: #2b384c; }
html[data-theme="black"] .kit-map-component-photo, html[data-theme="black"] .kit-map-kit-photo { color: #78b7ff; background: #101f35; border-color: #294d7c; }
html[data-theme="black"] .kit-map-summary strong, html[data-theme="black"] .kit-map-component-name strong, html[data-theme="black"] .kit-map-component-stat strong, html[data-theme="black"] .kit-map-kit-row strong, html[data-theme="black"] .kit-map-footnote strong { color: #edf3fb; }
@media (max-width: 1500px) { .kit-map-summary { grid-template-columns: repeat(3, minmax(160px, 1fr)); }.kit-map-filter-panel { grid-template-columns: repeat(3, minmax(150px, 1fr)); }.kit-map-filter-panel .kit-map-search { grid-column: 1 / -1; }.kit-map-filter-actions { grid-column: 1 / -1; }.kit-map-component > summary { grid-template-columns: auto minmax(260px, 1.4fr) repeat(2, minmax(130px, .7fr)) minmax(150px, .7fr) auto; }.kit-map-component-stat:nth-of-type(4) { display: none; }.kit-map-kit-row { grid-template-columns: minmax(260px, 1.5fr) repeat(3, minmax(100px, .65fr)) minmax(220px, 1fr); }.kit-map-kit-row > div:nth-child(4), .kit-map-kit-row > div:nth-child(6) { display: none; }.kit-map-candidates { grid-template-columns: 1fr; } }
@media (max-width: 980px) { .kit-map-hero { align-items: flex-start; flex-direction: column; }.kit-map-trust { width: 100%; }.kit-map-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }.kit-map-filter-panel { grid-template-columns: 1fr 1fr; }.kit-map-search { grid-column: 1 / -1; }.kit-map-focus { grid-template-columns: 1fr; }.kit-map-focus-actions { flex-direction: row; flex-wrap: wrap; }.kit-map-export-bar { align-items: flex-start; flex-direction: column; }.kit-map-export-bar > strong { margin-right: 0; }.kit-map-component > summary { grid-template-columns: auto minmax(0, 1fr) auto; }.kit-map-component-stat, .kit-map-risk { display: none; }.kit-map-kit-row { grid-template-columns: 1fr 1fr; }.kit-map-kit-name, .kit-map-kit-listings { grid-column: 1 / -1; }.kit-map-kit-row > div:nth-child(n) { display: grid; } }
@media (max-width: 620px) { .kit-map-mode-tabs,.kit-map-summary, .kit-map-filter-panel, .kit-map-issues > div { grid-template-columns: 1fr; }.kit-map-search, .kit-map-filter-panel .kit-map-search { grid-column: auto; }.kit-map-focus { padding: 16px; }.kit-map-focus dl { grid-template-columns: 1fr 1fr; }.kit-map-focus-actions, .kit-map-focus-actions .button { width: 100%; }.kit-map-filter-actions, .kit-map-export-bar > div { width: 100%; flex-wrap: wrap; }.kit-map-results-title, .kit-map-footnote, .kit-map-simulator-head { align-items: flex-start; flex-direction: column; }.kit-map-component > summary { padding: 12px 10px; }.kit-map-kit-row { grid-template-columns: 1fr; }.kit-map-kit-name, .kit-map-kit-listings { grid-column: auto; }.kit-map-candidates > article { grid-template-columns: 44px minmax(0, 1fr); }.kit-map-candidates dl { grid-column: 1 / -1; } }

/* Radar inteligente 5.14 */
.intelligence-shell { display: grid; gap: 18px; padding: 18px; min-width: 0; }
.intelligence-hero { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 25px 28px; color: #fff; background: radial-gradient(circle at 85% 20%, rgba(64, 213, 161, .2), transparent 30%), linear-gradient(135deg, #111b2b, #0b1220 55%, #101c24); border: 1px solid #2b3d51; border-radius: 20px; overflow: hidden; }
.intelligence-hero h2 { margin: 5px 0 8px; font-size: 1.45rem; }
.intelligence-hero p { margin: 0; max-width: 720px; color: #9eafc5; font-size: .82rem; line-height: 1.55; }
.intelligence-trust { display: grid; grid-template-columns: auto 1fr; gap: 2px 9px; min-width: 205px; padding: 13px 16px; color: #dffcf2; background: rgba(25, 181, 130, .1); border: 1px solid rgba(82, 224, 176, .26); border-radius: 13px; }
.intelligence-trust i { grid-row: 1 / 3; align-self: center; width: 10px; height: 10px; background: #40d5a1; border-radius: 50%; box-shadow: 0 0 0 5px rgba(64, 213, 161, .1), 0 0 16px rgba(64, 213, 161, .65); }
.intelligence-trust span { font-size: .72rem; font-weight: 850; }
.intelligence-trust small { color: #8ea5ba; font-size: .61rem; }
.intelligence-search { display: grid; grid-template-columns: minmax(240px, 1fr) auto auto; gap: 9px; padding: 13px; background: var(--surface-soft); border: 1px solid var(--line); border-radius: 14px; }
.intelligence-search input,
.intelligence-inline-search input,
.intelligence-inline-search select { min-width: 0; padding: 11px 13px; color: var(--ink); background: var(--surface); border: 1px solid var(--line); border-radius: 10px; outline: none; }
.intelligence-search input:focus,
.intelligence-inline-search input:focus { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(82, 103, 232, .12); }
.intelligence-kpis { display: grid; grid-template-columns: repeat(5, minmax(150px, 1fr)); gap: 10px; }
.intelligence-kpis article { position: relative; display: grid; gap: 7px; min-height: 118px; padding: 17px; background: var(--surface); border: 1px solid var(--line); border-radius: 15px; overflow: hidden; }
.intelligence-kpis article::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 3px; background: #5267e8; }
.intelligence-kpis article.critical::before { background: #ea5264; }
.intelligence-kpis article.loss::before { background: #f59e32; }
.intelligence-kpis article.impact::before { background: #9a62ee; }
.intelligence-kpis article.history::before { background: #20b889; }
.intelligence-kpis span { color: var(--muted); font-size: .68rem; font-weight: 750; }
.intelligence-kpis strong { color: var(--ink); font-size: 1.45rem; letter-spacing: -.03em; }
.intelligence-kpis strong small { margin-left: 2px; color: var(--muted); font-size: .64rem; }
.intelligence-kpis em { align-self: end; color: var(--muted); font-size: .61rem; font-style: normal; line-height: 1.4; }
.intelligence-method { display: grid; grid-template-columns: auto 1fr; gap: 4px 16px; padding: 13px 16px; color: #6e5313; background: #fff8e4; border: 1px solid #ead89f; border-radius: 12px; }
.intelligence-method strong { grid-row: 1 / 3; align-self: center; font-size: .7rem; }
.intelligence-method span,
.intelligence-method small { font-size: .63rem; line-height: 1.4; }
.intelligence-section-title { display: flex; align-items: end; justify-content: space-between; gap: 20px; padding: 8px 2px 0; }
.intelligence-section-title > div:first-child { display: grid; gap: 4px; }
.intelligence-section-title > div:first-child > span { color: #ef6c2f; font-size: .61rem; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; }
.intelligence-section-title h3 { margin: 0; color: var(--ink); font-size: 1.03rem; }
.intelligence-section-title p { margin: 0; color: var(--muted); font-size: .68rem; }
.intelligence-health-filters { display: flex; gap: 5px; padding: 4px; background: var(--surface-soft); border: 1px solid var(--line); border-radius: 10px; }
.intelligence-health-filters button { padding: 7px 10px; color: var(--muted); background: transparent; border: 0; border-radius: 7px; font-size: .63rem; font-weight: 750; cursor: pointer; }
.intelligence-health-filters button.active { color: #fff; background: #5363d8; }
.intelligence-health-list { display: grid; gap: 9px; }
.intelligence-health-card { display: grid; grid-template-columns: 86px minmax(260px, 1.1fr) minmax(240px, 1fr) auto; gap: 16px; align-items: center; padding: 14px 16px; background: var(--surface); border: 1px solid var(--line); border-left: 4px solid #e1aa36; border-radius: 15px; }
.intelligence-health-card.critical { border-left-color: #e84c60; }
.intelligence-health-card.healthy,
.intelligence-health-card.excellent { border-left-color: #21b889; }
.intelligence-score-ring { --score: 0; display: grid; place-content: center; width: 68px; height: 68px; text-align: center; background: radial-gradient(circle, var(--surface) 55%, transparent 57%), conic-gradient(#5366e8 calc(var(--score) * 1%), var(--surface-soft) 0); border-radius: 50%; }
.intelligence-score-ring span { color: var(--ink); font-size: 1.12rem; font-weight: 900; line-height: 1; }
.intelligence-score-ring small { margin-top: 3px; color: var(--muted); font-size: .48rem; font-weight: 750; }
.intelligence-product { display: grid; gap: 7px; min-width: 0; }
.intelligence-product > strong { color: var(--ink); font-size: .76rem; line-height: 1.35; }
.intelligence-product > small { color: var(--muted); font-size: .61rem; }
.intelligence-product > div { display: flex; flex-wrap: wrap; gap: 5px; }
.intelligence-product > div span { padding: 5px 7px; color: var(--muted); background: var(--surface-soft); border-radius: 7px; font-size: .56rem; }
.intelligence-product > div b { color: var(--ink); }
.intelligence-product .danger,
.intelligence-history-kpis .danger { color: #e6465b; }
.intelligence-product .success,
.intelligence-history-kpis .success { color: #18a875; }
.intelligence-diagnosis { display: grid; gap: 7px; }
.intelligence-diagnosis > strong { color: var(--ink); font-size: .7rem; }
.intelligence-diagnosis > span { display: flex; flex-wrap: wrap; gap: 5px; }
.intelligence-diagnosis i { padding: 5px 7px; color: #9d3a49; background: var(--red-soft); border-radius: 7px; font-size: .55rem; font-style: normal; }
.intelligence-diagnosis i.positive { color: #137a5b; background: var(--green-soft); }
.intelligence-diagnosis small { color: var(--muted); font-size: .57rem; line-height: 1.4; }
.intelligence-actions { display: grid; gap: 5px; min-width: 130px; text-align: center; }
.intelligence-actions .button { padding: 8px 10px; font-size: .59rem; }
.intelligence-actions .text-button { font-size: .58rem; }
.loss-title { margin-top: 10px; }
.intelligence-loss-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.intelligence-loss-card { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 12px; padding: 15px; background: var(--surface); border: 1px solid var(--line); border-radius: 14px; }
.intelligence-loss-card.critical { border-color: color-mix(in srgb, #e6465b 50%, var(--line)); }
.intelligence-severity { align-self: start; padding: 6px 8px; color: #7d5712; background: #fff0c7; border-radius: 7px; font-size: .54rem; font-weight: 900; text-transform: uppercase; }
.intelligence-loss-card.critical .intelligence-severity { color: #a22d3d; background: var(--red-soft); }
.intelligence-loss-card > div { display: grid; gap: 5px; }
.intelligence-loss-card > div > strong { color: var(--ink); font-size: .73rem; }
.intelligence-loss-card h4 { margin: 0; color: var(--ink); font-size: .66rem; font-weight: 650; }
.intelligence-loss-card h4 small { color: var(--muted); font-size: .56rem; font-weight: 500; }
.intelligence-loss-card p { margin: 0; color: var(--muted); font-size: .61rem; line-height: 1.45; }
.intelligence-loss-card details summary { color: var(--blue); font-size: .59rem; font-weight: 750; cursor: pointer; }
.intelligence-loss-card details ul { margin: 6px 0 0; padding-left: 17px; color: var(--muted); font-size: .57rem; }
.intelligence-impact { align-content: start; min-width: 120px; text-align: right; }
.intelligence-impact span { color: var(--muted); font-size: .54rem; }
.intelligence-impact strong { color: var(--ink); font-size: .75rem; }
.intelligence-impact a { color: var(--blue); font-size: .55rem; font-weight: 750; }
.intelligence-clean { grid-column: 1 / -1; display: grid; place-items: center; gap: 5px; padding: 30px; background: var(--green-soft); border: 1px solid rgba(24, 168, 117, .25); border-radius: 14px; text-align: center; }
.intelligence-clean span { display: grid; place-content: center; width: 36px; height: 36px; color: #fff; background: #18a875; border-radius: 50%; }
.intelligence-clean strong { color: var(--ink); font-size: .75rem; }
.intelligence-clean small { color: var(--muted); font-size: .62rem; }
.intelligence-history-panel { display: grid; gap: 14px; margin-top: 10px; padding: 18px; background: var(--surface); border: 1px solid var(--line); border-radius: 17px; }
.intelligence-inline-search { display: flex; gap: 6px; }
.intelligence-inline-search input { width: 180px; }
.intelligence-inline-search select { width: 98px; }
.intelligence-history-kpis { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.intelligence-history-kpis article { display: grid; gap: 5px; padding: 12px; background: var(--surface-soft); border-radius: 10px; }
.intelligence-history-kpis span { color: var(--muted); font-size: .56rem; }
.intelligence-history-kpis strong { color: var(--ink); font-size: .82rem; }
.intelligence-chart { padding: 12px; background: linear-gradient(180deg, var(--surface-soft), var(--surface)); border: 1px solid var(--line); border-radius: 13px; }
.intelligence-chart svg { display: block; width: 100%; max-height: 230px; overflow: visible; }
.history-axis { stroke: var(--line); stroke-width: 1; }
.history-line { fill: none; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.history-line.own { stroke: #5267e8; }
.history-line.competitor { stroke: #ef6b2e; }
.history-dot { stroke: var(--surface); stroke-width: 2; }
.history-dot.own { fill: #5267e8; }
.history-dot.competitor { fill: #ef6b2e; }
.intelligence-chart-legend { display: flex; gap: 15px; align-items: center; padding: 2px 8px 5px; }
.intelligence-chart-legend span { display: flex; align-items: center; gap: 6px; color: var(--ink); font-size: .58rem; }
.intelligence-chart-legend i { width: 15px; height: 3px; border-radius: 3px; }
.intelligence-chart-legend .own i { background: #5267e8; }
.intelligence-chart-legend .competitor i { background: #ef6b2e; }
.intelligence-chart-legend small { margin-left: auto; color: var(--muted); font-size: .55rem; }
.intelligence-history-empty { display: grid; place-items: center; gap: 5px; min-height: 120px; padding: 20px; color: var(--muted); background: var(--surface-soft); border: 1px dashed var(--line); border-radius: 13px; text-align: center; }
.intelligence-history-empty strong { color: var(--ink); font-size: .75rem; }
.intelligence-history-empty span { max-width: 620px; font-size: .62rem; line-height: 1.5; }
.intelligence-latest { display: grid; gap: 6px; }
.intelligence-latest h4 { margin: 0 0 3px; color: var(--ink); font-size: .7rem; }
.intelligence-latest a { display: grid; grid-template-columns: auto 1fr auto; gap: 9px; align-items: center; padding: 9px 10px; color: inherit; background: var(--surface-soft); border-radius: 9px; text-decoration: none; }
.intelligence-latest a > b { color: var(--blue); font-size: .58rem; }
.intelligence-latest a > span { display: grid; gap: 2px; }
.intelligence-latest a strong { color: var(--ink); font-size: .63rem; }
.intelligence-latest a small { color: var(--muted); font-size: .54rem; }
.intelligence-latest a em { color: var(--ink); font-size: .67rem; font-style: normal; font-weight: 850; }
.intelligence-sources { display: flex; flex-wrap: wrap; gap: 7px; align-items: center; padding: 13px 15px; color: var(--muted); background: var(--surface-soft); border: 1px solid var(--line); border-radius: 12px; font-size: .59rem; }
.intelligence-sources strong { color: var(--ink); }
.intelligence-sources span { padding: 5px 7px; color: #137a5b; background: var(--green-soft); border-radius: 7px; }

html[data-theme="black"] .intelligence-search,
html[data-theme="black"] .intelligence-kpis article,
html[data-theme="black"] .intelligence-health-card,
html[data-theme="black"] .intelligence-loss-card,
html[data-theme="black"] .intelligence-history-panel { background: #0f1723; border-color: #273448; box-shadow: none; }
html[data-theme="black"] .intelligence-method { color: #f1ca74; background: #28200f; border-color: #58461e; }
html[data-theme="black"] .intelligence-search input,
html[data-theme="black"] .intelligence-inline-search input,
html[data-theme="black"] .intelligence-inline-search select { background: #111c2b; border-color: #2b3a50; }
html[data-theme="black"] .intelligence-diagnosis i { color: #ff91a0; background: #2b151c; }
html[data-theme="black"] .intelligence-diagnosis i.positive { color: #6be0bd; background: #102b23; }
html[data-theme="black"] .intelligence-severity { color: #f5cf79; background: #2b220f; }
html[data-theme="black"] .intelligence-loss-card.critical .intelligence-severity { color: #ff91a0; background: #2b151c; }
html[data-theme="black"] .intelligence-score-ring { background: radial-gradient(circle, #0f1723 55%, transparent 57%), conic-gradient(#6576f2 calc(var(--score) * 1%), #202c3c 0); }

@media (max-width: 1380px) {
  .intelligence-kpis { grid-template-columns: repeat(3, minmax(150px, 1fr)); }
  .intelligence-health-card { grid-template-columns: 76px minmax(230px, 1fr) minmax(220px, 1fr); }
  .intelligence-actions { grid-column: 2 / -1; display: flex; }
}
@media (max-width: 900px) {
  .intelligence-shell { padding: 10px; }
  .intelligence-hero,
  .intelligence-section-title { align-items: flex-start; flex-direction: column; }
  .intelligence-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .intelligence-health-card { grid-template-columns: 70px 1fr; }
  .intelligence-diagnosis,
  .intelligence-actions { grid-column: 1 / -1; }
  .intelligence-loss-list { grid-template-columns: 1fr; }
  .intelligence-inline-search { width: 100%; flex-wrap: wrap; }
  .intelligence-inline-search input { flex: 1; width: auto; }
  .intelligence-history-kpis { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
  .intelligence-search { grid-template-columns: 1fr; }
  .intelligence-kpis { grid-template-columns: 1fr; }
  .intelligence-method { grid-template-columns: 1fr; }
  .intelligence-method strong { grid-row: auto; }
  .intelligence-loss-card { grid-template-columns: 1fr; }
  .intelligence-impact { text-align: left; }
}

/* Central de Promoções 5.15 */
.ml-tab-alert-count { display: inline-grid; place-items: center; min-width: 18px; height: 18px; margin-left: 6px; padding: 0 5px; color: #fff; background: var(--red); border-radius: 999px; font-size: .58rem; line-height: 1; }
.promotion-panel-navigation { display: grid; grid-template-columns: repeat(2, minmax(220px, 1fr)); gap: 10px; padding: 14px; background: var(--surface-soft); border-bottom: 1px solid var(--line); }
.promotion-panel-navigation button { position: relative; display: grid; gap: 4px; padding: 15px 17px; color: var(--muted); text-align: left; background: var(--surface); border: 1px solid var(--line); border-radius: 13px; cursor: pointer; }
.promotion-panel-navigation button:hover { border-color: #b8c3d4; transform: translateY(-1px); }
.promotion-panel-navigation button.active { color: var(--ink); border-color: #f3a17f; box-shadow: inset 4px 0 var(--orange), var(--shadow-sm); }
.promotion-panel-navigation span { font-size: .74rem; font-weight: 850; }
.promotion-panel-navigation small { color: var(--muted); font-size: .58rem; }
.promotion-panel-navigation b { position: absolute; top: 12px; right: 13px; display: grid; place-items: center; min-width: 22px; height: 22px; padding: 0 6px; color: #fff; background: var(--red); border-radius: 999px; font-size: .62rem; }
.promotion-monitor-shell { display: grid; gap: 14px; padding: 16px; background: linear-gradient(180deg, #f8fafc, #f3f6fa); }
.promotion-monitor-hero { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 22px; color: #fff; background: radial-gradient(circle at 86% 10%, rgba(247,104,43,.28), transparent 29%), linear-gradient(135deg, #111827, #1d293b); border-radius: 18px; box-shadow: 0 16px 36px rgba(15,23,42,.14); }
.promotion-monitor-hero h3 { margin: 0; font-size: 1.35rem; letter-spacing: -.035em; }
.promotion-monitor-hero p:not(.eyebrow) { max-width: 690px; margin: 8px 0 0; color: #aeb9ca; font-size: .68rem; line-height: 1.55; }
.promotion-monitor-hero-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.promotion-monitor-hero-actions .button:not(.primary) { color: #eef2f8; background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.18); }
.promotion-monitor-kpis { display: grid; grid-template-columns: repeat(5, minmax(135px, 1fr)); gap: 9px; }
.promotion-monitor-kpis > * { display: grid; gap: 5px; min-width: 0; padding: 14px; text-align: left; background: var(--surface); border: 1px solid var(--line); border-radius: 13px; }
.promotion-monitor-kpis button { cursor: pointer; }
.promotion-monitor-kpis button:hover, .promotion-monitor-kpis button.active { border-color: currentColor; box-shadow: 0 8px 22px rgba(15,23,42,.08); }
.promotion-monitor-kpis span { color: var(--muted); font-size: .58rem; font-weight: 780; text-transform: uppercase; letter-spacing: .05em; }
.promotion-monitor-kpis strong { color: var(--ink); font-size: 1.15rem; letter-spacing: -.04em; }
.promotion-monitor-kpis small { overflow: hidden; color: var(--muted); font-size: .55rem; text-overflow: ellipsis; white-space: nowrap; }
.promotion-monitor-kpis .danger { color: var(--red); }
.promotion-monitor-kpis .critical { color: var(--orange); }
.promotion-monitor-kpis .warning { color: var(--yellow); }
.promotion-monitor-kpis .success { color: var(--green); }
.promotion-monitor-kpis .exposure { border-color: #ddd5ff; background: linear-gradient(135deg, var(--surface), #f7f4ff); }
.promotion-monitor-kpis .exposure strong { color: var(--purple); }
.promotion-monitor-toolbar { display: flex; align-items: end; justify-content: space-between; gap: 14px; padding: 13px 15px; background: var(--surface); border: 1px solid var(--line); border-radius: 13px; }
.promotion-monitor-toolbar .promotion-search { flex: 0 1 520px; }
.promotion-monitor-proof { display: inline-flex; align-items: center; gap: 7px; color: var(--muted); font-size: .59rem; }
.promotion-monitor-proof i { width: 8px; height: 8px; background: var(--green); border-radius: 50%; box-shadow: 0 0 0 4px var(--green-soft); }
.promotion-monitor-list { display: grid; gap: 10px; }
.promotion-monitor-card { position: relative; display: grid; grid-template-columns: minmax(260px, 1.15fr) minmax(520px, 2fr) auto; gap: 16px; align-items: center; padding: 16px; overflow: hidden; background: var(--surface); border: 1px solid var(--line); border-radius: 15px; box-shadow: var(--shadow-sm); }
.promotion-monitor-card::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 4px; background: var(--orange); }
.promotion-monitor-card.critical::before { background: var(--red); }
.promotion-monitor-card.upcoming::before, .promotion-monitor-card.confirming::before { background: var(--yellow); }
.promotion-monitor-card.resolved::before { background: var(--green); }
.promotion-monitor-product { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 11px; align-items: center; min-width: 0; }
.promotion-monitor-product .product-thumb { width: 48px; height: 48px; }
.promotion-monitor-product h4 { overflow: hidden; margin: 5px 0 4px; color: var(--ink); font-size: .68rem; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
.promotion-monitor-product p { margin: 0; color: var(--muted); font-size: .54rem; }
.promotion-monitor-badge { display: inline-flex; width: fit-content; padding: 4px 7px; color: #a14317; background: var(--orange-soft); border-radius: 999px; font-size: .5rem; font-weight: 850; text-transform: uppercase; letter-spacing: .05em; }
.promotion-monitor-card.critical .promotion-monitor-badge { color: #a52333; background: var(--red-soft); }
.promotion-monitor-card.upcoming .promotion-monitor-badge, .promotion-monitor-card.confirming .promotion-monitor-badge { color: #8a6500; background: var(--yellow-soft); }
.promotion-monitor-card.resolved .promotion-monitor-badge { color: #0c7c56; background: var(--green-soft); }
.promotion-monitor-facts { display: grid; grid-template-columns: repeat(5, minmax(100px, 1fr)); gap: 8px; min-width: 0; }
.promotion-monitor-facts > span { display: grid; align-content: start; gap: 4px; min-width: 0; padding: 9px; background: var(--surface-soft); border-radius: 9px; }
.promotion-monitor-facts small { color: var(--muted); font-size: .49rem; text-transform: uppercase; letter-spacing: .04em; }
.promotion-monitor-facts strong { overflow: hidden; color: var(--ink); font-size: .61rem; text-overflow: ellipsis; white-space: nowrap; }
.promotion-monitor-facts em { overflow: hidden; color: var(--muted); font-size: .49rem; font-style: normal; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
.promotion-monitor-actions { display: grid; gap: 6px; justify-items: stretch; min-width: 145px; }
.promotion-monitor-actions .button, .promotion-monitor-actions .text-button { justify-content: center; text-align: center; white-space: nowrap; }
.promotion-monitor-actions .text-button.danger { color: var(--red); }
.promotion-monitor-clear { display: flex; align-items: center; justify-content: center; gap: 14px; min-height: 135px; padding: 28px; color: var(--muted); background: var(--surface); border: 1px dashed var(--line-strong); border-radius: 15px; }
.promotion-monitor-clear > span { display: grid; place-items: center; width: 42px; height: 42px; color: #fff; background: var(--green); border-radius: 50%; font-size: 1.1rem; }
.promotion-monitor-clear strong { color: var(--ink); font-size: .77rem; }
.promotion-monitor-clear p { margin: 5px 0 0; font-size: .6rem; }

html[data-theme="black"] .promotion-panel-navigation,
html[data-theme="black"] .promotion-monitor-shell { background: #0b121d; }
html[data-theme="black"] .promotion-panel-navigation button,
html[data-theme="black"] .promotion-monitor-kpis > *,
html[data-theme="black"] .promotion-monitor-toolbar,
html[data-theme="black"] .promotion-monitor-card,
html[data-theme="black"] .promotion-monitor-clear { background: #0f1723; border-color: #273448; }
html[data-theme="black"] .promotion-monitor-kpis .exposure { background: linear-gradient(135deg, #0f1723, #17132b); border-color: #3a315a; }
html[data-theme="black"] .promotion-monitor-facts > span { background: #111c2b; }
html[data-theme="black"] .promotion-monitor-hero { border: 1px solid #334056; box-shadow: none; }

@media (max-width: 1500px) {
  .promotion-monitor-card { grid-template-columns: minmax(260px, 1fr) minmax(500px, 2fr); }
  .promotion-monitor-actions { grid-column: 1 / -1; display: flex; justify-content: flex-end; }
}
@media (max-width: 1100px) {
  .promotion-monitor-kpis { grid-template-columns: repeat(3, 1fr); }
  .promotion-monitor-card { grid-template-columns: 1fr; }
  .promotion-monitor-facts { grid-template-columns: repeat(3, 1fr); }
  .promotion-monitor-actions { justify-content: flex-start; }
}
@media (max-width: 720px) {
  .promotion-panel-navigation { grid-template-columns: 1fr; }
  .promotion-monitor-hero, .promotion-monitor-toolbar { align-items: flex-start; flex-direction: column; }
  .promotion-monitor-kpis { grid-template-columns: repeat(2, 1fr); }
  .promotion-monitor-kpis .exposure { grid-column: 1 / -1; }
  .promotion-monitor-facts { grid-template-columns: repeat(2, 1fr); }
  .promotion-monitor-actions { display: grid; width: 100%; }
}

/* Olist API V3 · controle oficial de estoques 5.18 */
.olist-v3-workspace, .olist-v3-detail { display: grid; gap: 14px; padding: 16px; background: var(--surface-soft); border: 1px solid var(--line); border-radius: 18px; }
.olist-v3-empty-state { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 180px; padding: 30px; color: #fff; background: radial-gradient(circle at 82% 0, rgba(247,104,43,.28), transparent 34%), linear-gradient(135deg, #111827, #1d293b); border-radius: 16px; }
.olist-v3-empty-state > div { max-width: 720px; }
.olist-v3-empty-state span, .olist-v3-hero span, .olist-v3-detail-heading span { color: var(--orange); font-size: .62rem; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; }
.olist-v3-empty-state h2, .olist-v3-hero h2, .olist-v3-detail-heading h2 { margin: 5px 0 7px; font-size: 1.35rem; letter-spacing: -.035em; }
.olist-v3-empty-state p, .olist-v3-hero p { margin: 0; color: #b8c2d1; font-size: .72rem; line-height: 1.55; }
.olist-v3-hero { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 22px; color: #fff; background: radial-gradient(circle at 88% 4%, rgba(247,104,43,.24), transparent 30%), linear-gradient(135deg, #111827, #1c283b); border-radius: 16px; }
.olist-v3-hero-actions, .olist-v3-export-bar > div { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.olist-v3-hero .button:not(.primary) { color: #eef2f8; background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.17); }
.olist-v3-kpis { display: grid; grid-template-columns: repeat(5, minmax(130px, 1fr)); gap: 9px; }
.olist-v3-kpis article, .olist-v3-balance article { display: grid; gap: 4px; padding: 14px; background: var(--surface); border: 1px solid var(--line); border-radius: 13px; }
.olist-v3-kpis span, .olist-v3-balance span { color: var(--muted); font-size: .56rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.olist-v3-kpis strong, .olist-v3-balance strong { color: var(--ink); font-size: 1.05rem; letter-spacing: -.035em; }
.olist-v3-kpis small { color: var(--muted); font-size: .53rem; }
.olist-v3-filter-panel { display: grid; grid-template-columns: minmax(280px, 2fr) minmax(140px, .65fr) minmax(140px, .65fr) auto auto; gap: 10px; align-items: end; padding: 14px; background: var(--surface); border: 1px solid var(--line); border-radius: 14px; }
.olist-v3-filter-panel label, .olist-v3-detail-filters label { display: grid; gap: 6px; min-width: 0; }
.olist-v3-filter-panel label > span, .olist-v3-detail-filters label > span { color: var(--muted); font-size: .55rem; font-weight: 800; }
.olist-v3-filter-panel input, .olist-v3-filter-panel select, .olist-v3-detail-filters input, .olist-v3-detail-filters select { width: 100%; height: 38px; padding: 0 10px; color: var(--ink); background: var(--surface); border: 1px solid var(--line-strong); border-radius: 9px; font-size: .68rem; }
.olist-v3-export-bar { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 11px 14px; background: var(--surface); border: 1px solid var(--line); border-radius: 12px; }
.olist-v3-export-bar label { display: flex; align-items: center; gap: 7px; color: var(--ink-soft); font-size: .61rem; font-weight: 750; }
.olist-v3-export-bar strong { color: var(--muted); font-size: .57rem; }
.olist-v3-table-scroll, .olist-v3-movement-scroll { overflow: auto; max-width: 100%; background: var(--surface); border: 1px solid var(--line); border-radius: 14px; }
.olist-v3-table { min-width: 1220px; }
.olist-v3-table th, .olist-v3-movement-table th { position: sticky; z-index: 1; top: 0; background: var(--surface-soft); }
.olist-v3-table td { vertical-align: middle; }
.olist-v3-select { width: 38px; text-align: center; }
.olist-v3-product-link { display: grid; grid-template-columns: 38px minmax(220px, 1fr); align-items: center; gap: 10px; width: 100%; padding: 0; text-align: left; background: transparent; border: 0; cursor: pointer; }
.olist-v3-product-link > span { display: grid; place-items: center; width: 38px; height: 38px; color: #fff; background: linear-gradient(135deg, #263754, #51627b); border-radius: 10px; font-size: .61rem; font-weight: 900; }
.olist-v3-product-link > div { display: grid; gap: 4px; min-width: 0; }
.olist-v3-product-link strong { overflow: hidden; color: var(--ink); font-size: .65rem; text-overflow: ellipsis; white-space: nowrap; }
.olist-v3-product-link small { color: var(--muted); font-size: .52rem; }
.olist-v3-product-link:hover strong { color: var(--orange); }
.olist-v3-kind, .olist-v3-source { display: inline-flex; width: fit-content; padding: 4px 7px; color: #3f4f65; background: #edf1f6; border-radius: 999px; font-size: .5rem; font-weight: 850; }
.olist-v3-source.official { color: #087451; background: var(--green-soft); }
.olist-v3-source.pending { color: #8a6500; background: var(--yellow-soft); }
.olist-v3-available { color: var(--green); }
.olist-v3-location { color: var(--muted); font-size: .58rem; }
.olist-v3-safety { display: flex; gap: 7px; color: var(--muted); font-size: .57rem; line-height: 1.45; }
.olist-v3-safety strong { color: var(--green); }
.olist-v3-detail-heading { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 16px; padding: 18px; color: var(--ink); background: var(--surface); border: 1px solid var(--line); border-radius: 15px; }
.olist-v3-detail-heading h2 { color: var(--ink); }
.olist-v3-detail-heading p { margin: 0; color: var(--muted); font-size: .6rem; }
.olist-v3-detail-tabs { display: flex; gap: 6px; padding: 5px; background: var(--surface); border: 1px solid var(--line); border-radius: 12px; }
.olist-v3-detail-tabs button { flex: 1; padding: 11px; color: var(--muted); background: transparent; border: 0; border-radius: 9px; cursor: pointer; font-size: .65rem; font-weight: 850; }
.olist-v3-detail-tabs button.active { color: #fff; background: #253653; box-shadow: var(--shadow-sm); }
.olist-v3-balance { display: grid; grid-template-columns: repeat(4, 1fr); gap: 9px; }
.olist-v3-detail-filters { display: grid; grid-template-columns: repeat(4, minmax(140px, 1fr)) auto; gap: 10px; align-items: end; padding: 13px; background: var(--surface); border: 1px solid var(--line); border-radius: 13px; }
.olist-v3-detail-summary { display: flex; align-items: center; justify-content: space-between; padding: 0 2px; color: var(--ink); font-size: .61rem; }
.olist-v3-detail-summary span { color: var(--muted); }
.olist-v3-movement-table { width: 100%; min-width: 820px; table-layout: fixed; }
.olist-v3-movement-table th:nth-child(1) { width: 120px; }
.olist-v3-movement-table th:nth-child(2), .olist-v3-movement-table th:nth-child(3) { width: 68px; }
.olist-v3-movement-table th:nth-child(4) { width: 90px; }
.olist-v3-movement-table th:nth-child(5) { width: 29%; }
.olist-v3-movement-table th:nth-child(6) { width: 140px; }
.olist-v3-movement-table td { overflow-wrap: anywhere; }
.olist-v3-movement-table td strong, .olist-v3-movement-table td small { display: block; }
.olist-v3-movement-table td strong { font-size: .61rem; }
.olist-v3-movement-table td small { margin-top: 4px; color: var(--muted); font-size: .5rem; }
.olist-v3-deposits { display: grid; gap: 9px; }
.olist-v3-deposits article { display: grid; grid-template-columns: minmax(220px, 1fr) repeat(3, minmax(110px, auto)); align-items: center; gap: 14px; padding: 15px; background: var(--surface); border: 1px solid var(--line); border-radius: 12px; }
.olist-v3-deposits article > div, .olist-v3-deposits article > span { display: grid; gap: 4px; }
.olist-v3-deposits small { color: var(--muted); font-size: .52rem; }
.olist-v3-deposits strong, .olist-v3-deposits b { color: var(--ink); font-size: .68rem; }
.olist-v3-config-safety { display: grid; gap: 5px; margin-bottom: 14px; padding: 13px; color: #0b7655; background: var(--green-soft); border: 1px solid #b9ead9; border-radius: 11px; }
.olist-v3-config-safety strong { font-size: .68rem; }
.olist-v3-config-safety span { font-size: .59rem; line-height: 1.5; }

html[data-theme="black"] .olist-v3-workspace, html[data-theme="black"] .olist-v3-detail { background: #0b121d; border-color: #273448; }
html[data-theme="black"] .olist-v3-kpis article, html[data-theme="black"] .olist-v3-balance article, html[data-theme="black"] .olist-v3-filter-panel, html[data-theme="black"] .olist-v3-export-bar, html[data-theme="black"] .olist-v3-table-scroll, html[data-theme="black"] .olist-v3-movement-scroll, html[data-theme="black"] .olist-v3-detail-heading, html[data-theme="black"] .olist-v3-detail-tabs, html[data-theme="black"] .olist-v3-detail-filters, html[data-theme="black"] .olist-v3-deposits article { background: #0f1723; border-color: #273448; }
html[data-theme="black"] .olist-v3-table th, html[data-theme="black"] .olist-v3-movement-table th { background: #111c2b; }
html[data-theme="black"] .olist-v3-filter-panel input, html[data-theme="black"] .olist-v3-filter-panel select, html[data-theme="black"] .olist-v3-detail-filters input, html[data-theme="black"] .olist-v3-detail-filters select { color: #eef3fa; background: #0b121d; border-color: #334056; }
html[data-theme="black"] .olist-v3-kind { color: #aeb9c8; background: #1c293a; }
html[data-theme="black"] .olist-v3-config-safety { color: #6be0bd; background: #102b23; border-color: #245943; }

@media (max-width: 1250px) {
  .olist-v3-kpis { grid-template-columns: repeat(3, 1fr); }
  .olist-v3-filter-panel { grid-template-columns: minmax(240px, 1fr) repeat(2, minmax(130px, .5fr)); }
  .olist-v3-filter-panel .button { width: 100%; }
  .olist-v3-detail-filters { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 760px) {
  .olist-v3-hero, .olist-v3-empty-state, .olist-v3-export-bar { align-items: flex-start; flex-direction: column; }
  .olist-v3-kpis, .olist-v3-balance, .olist-v3-filter-panel, .olist-v3-detail-filters { grid-template-columns: 1fr; }
  .olist-v3-detail-heading { grid-template-columns: 1fr; }
  .olist-v3-deposits article { grid-template-columns: repeat(3, 1fr); }
  .olist-v3-deposits article > div { grid-column: 1 / -1; }
}

/* Relatório Diário 5.19.6 - histórico Mercado Livre reconciliado e famílias corretas */
.content.daily-report-page { max-width: none; }
.daily-report-hero { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 13px; padding: 24px; overflow: hidden; color: #fff; background: radial-gradient(circle at 85% 0, rgba(255,106,42,.35), transparent 34%), linear-gradient(135deg, #111827, #1d2b43); border: 1px solid #344158; border-radius: 18px; box-shadow: 0 16px 38px rgba(15,23,42,.14); }
.daily-report-hero > div:first-child { max-width: 850px; }
.daily-report-hero > div:first-child > span { color: #ff8a55; font-size: .58rem; font-weight: 900; letter-spacing: .11em; }
.daily-report-hero h2 { margin: 7px 0 8px; font-size: 1.45rem; letter-spacing: -.04em; }
.daily-report-hero p { margin: 0; color: #b8c4d5; font-size: .68rem; line-height: 1.55; }
.daily-report-hero p strong { color: #fff; }
.daily-report-automation { display: grid; grid-template-columns: auto 1fr; gap: 4px 8px; min-width: 285px; padding: 14px; background: rgba(255,255,255,.055); border: 1px solid rgba(255,255,255,.14); border-radius: 13px; }
.daily-report-automation i { grid-row: 1 / 4; width: 9px; height: 9px; margin-top: 4px; background: #33d49c; border-radius: 50%; box-shadow: 0 0 0 5px rgba(51,212,156,.12); }
.daily-report-automation strong { font-size: .68rem; }
.daily-report-automation span, .daily-report-automation small { color: #aebacd; font-size: .54rem; }
.daily-report-kpis { display: grid; grid-template-columns: repeat(6, minmax(135px, 1fr)); gap: 9px; margin-bottom: 13px; }
.daily-report-kpis article { position: relative; display: grid; gap: 4px; min-width: 0; padding: 15px; overflow: hidden; background: var(--surface); border: 1px solid var(--line); border-radius: 13px; box-shadow: var(--shadow-sm); }
.daily-report-kpis article::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 3px; background: #4169e1; }
.daily-report-kpis article.critical::before { background: var(--orange); }
.daily-report-kpis article.danger::before { background: var(--red); }
.daily-report-kpis span { color: var(--muted); font-size: .53rem; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; }
.daily-report-kpis strong { overflow: hidden; color: var(--ink); font-size: 1.03rem; letter-spacing: -.035em; text-overflow: ellipsis; white-space: nowrap; }
.daily-report-kpis small { overflow: hidden; color: var(--muted); font-size: .5rem; text-overflow: ellipsis; white-space: nowrap; }
.daily-report-toolbar { display: grid; grid-template-columns: minmax(250px, 1.35fr) minmax(125px, .46fr) minmax(205px, .72fr) minmax(125px, .46fr) minmax(125px, .46fr) minmax(210px, .72fr) auto; gap: 10px; align-items: end; margin-bottom: 11px; padding: 13px; background: var(--surface); border: 1px solid var(--line); border-radius: 14px; }
.daily-report-toolbar label { display: grid; gap: 6px; min-width: 0; }
.daily-report-toolbar label > span { color: var(--muted); font-size: .53rem; font-weight: 850; text-transform: uppercase; letter-spacing: .04em; }
.daily-report-toolbar input, .daily-report-toolbar select { width: 100%; height: 39px; padding: 0 10px; color: var(--ink); background: var(--surface); border: 1px solid var(--line-strong); border-radius: 9px; font: inherit; font-size: .65rem; }
.daily-report-search > div { display: grid; grid-template-columns: 1fr auto; gap: 7px; }
.daily-report-list-head { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 10px 13px; color: var(--muted); background: var(--surface-soft); border: 1px solid var(--line); border-bottom: 0; border-radius: 13px 13px 0 0; font-size: .56rem; }
.daily-report-list-head > div { display: flex; align-items: center; gap: 10px; }
.daily-report-list-head strong { color: var(--ink); font-size: .64rem; }
.daily-report-table-shell { max-width: 100%; max-height: min(68vh, 760px); overflow: auto; background: var(--surface); border: 1px solid var(--line); border-radius: 0 0 14px 14px; scrollbar-color: #708099 #e8edf4; scrollbar-gutter: stable; }
.daily-report-table { width: 100%; min-width: 1580px; border-collapse: collapse; }
.daily-report-table th { position: sticky; z-index: 2; top: 0; padding: 11px 10px; color: var(--muted); text-align: left; background: var(--surface-soft); border-bottom: 1px solid var(--line); font-size: .52rem; font-weight: 900; letter-spacing: .035em; text-transform: uppercase; white-space: nowrap; }
.daily-report-table td { padding: 11px 10px; color: var(--ink-soft); border-bottom: 1px solid var(--line); font-size: .58rem; vertical-align: middle; }
.daily-report-table tbody tr:hover { background: var(--blue-soft); }
.daily-report-table tbody tr.priority-critical { box-shadow: inset 3px 0 var(--red); }
.daily-report-table tbody tr.priority-high { box-shadow: inset 3px 0 var(--orange); }
.daily-report-table td:nth-child(1) { width: 310px; }
.daily-report-table td:nth-child(5) { width: 160px; }
.daily-report-table td:nth-child(9) { width: 290px; }
.daily-report-table td > strong, .daily-report-table td > small { display: block; }
.daily-report-table td > strong { color: var(--ink); font-size: .61rem; line-height: 1.35; }
.daily-report-table td > small { margin-top: 4px; color: var(--muted); font-size: .49rem; }
.daily-report-table .numeric { text-align: right; }
.daily-report-product { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 9px; align-items: center; }
.daily-report-product > span { display: grid; place-items: center; width: 38px; height: 38px; color: #fff; background: linear-gradient(135deg, #24334d, #50627e); border-radius: 10px; font-size: .55rem; font-weight: 900; }
.daily-report-product > div { min-width: 0; }
.daily-report-product strong, .daily-report-product small { display: block; }
.daily-report-product strong { overflow: hidden; color: var(--ink); font-size: .63rem; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
.daily-report-product small { margin-top: 4px; color: var(--muted); font-size: .49rem; }
.daily-priority, .daily-margin { display: inline-flex; width: fit-content; padding: 5px 8px; border-radius: 999px; font-size: .52rem; font-weight: 900; white-space: nowrap; }
.daily-priority.critical, .daily-margin.negative { color: #aa2638; background: var(--red-soft); }
.daily-priority.high, .daily-margin.warning { color: #9a5618; background: var(--orange-soft); }
.daily-priority.attention, .daily-margin.pending { color: #775d00; background: var(--yellow-soft); }
.daily-priority.no-stock { color: #56647a; background: #edf1f6; }
.daily-margin.positive { color: #087756; background: var(--green-soft); }
.daily-report-proof { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 11px; padding: 12px 14px; color: var(--muted); background: var(--surface); border: 1px solid var(--line); border-radius: 12px; font-size: .54rem; }
.daily-report-proof > div { display: flex; align-items: center; gap: 9px; }
.daily-report-proof i { width: 8px; height: 8px; background: var(--green); border-radius: 50%; box-shadow: 0 0 0 4px var(--green-soft); }
.daily-report-proof strong { display: block; color: var(--ink); font-size: .58rem; }

html[data-theme="black"] .daily-report-kpis article,
html[data-theme="black"] .daily-report-toolbar,
html[data-theme="black"] .daily-report-list-head,
html[data-theme="black"] .daily-report-table-shell,
html[data-theme="black"] .daily-report-proof { background: #0f1723; border-color: #273448; }
html[data-theme="black"] .daily-report-table th { background: #111c2b; border-color: #273448; }
html[data-theme="black"] .daily-report-table td { border-color: #253247; }
html[data-theme="black"] .daily-report-toolbar input,
html[data-theme="black"] .daily-report-toolbar select { color: #eef3fa; background: #0b121d; border-color: #334056; }
html[data-theme="black"] .daily-report-table tbody tr:hover { background: #14223a; }

@media (max-width: 1450px) {
  .daily-report-kpis { grid-template-columns: repeat(3, 1fr); }
  .daily-report-toolbar { grid-template-columns: minmax(260px, 1fr) repeat(2, minmax(155px, .55fr)); }
  .daily-report-toolbar > .button { grid-column: 1 / -1; width: fit-content; }
}
@media (max-width: 850px) {
  .daily-report-hero { align-items: flex-start; flex-direction: column; }
  .daily-report-automation { width: 100%; min-width: 0; }
  .daily-report-toolbar { grid-template-columns: 1fr 1fr; }
  .daily-report-search, .daily-report-history { grid-column: 1 / -1; }
  .daily-report-list-head, .daily-report-proof { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 560px) {
  .daily-report-kpis, .daily-report-toolbar { grid-template-columns: 1fr; }
  .daily-report-search, .daily-report-history { grid-column: auto; }
}

/* Relatório Diário 5.19.6 - vendas por período, estoque e promoções */
.daily-report-subtabs { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 0 0 14px; padding: 8px; background: var(--surface); border: 1px solid var(--line); border-radius: 16px; box-shadow: var(--shadow-sm); }
.daily-report-subtabs button { display: flex; align-items: center; gap: 11px; min-width: 0; padding: 12px 14px; color: var(--muted); text-align: left; background: transparent; border: 1px solid transparent; border-radius: 12px; cursor: pointer; }
.daily-report-subtabs button:hover { color: var(--ink); background: var(--surface-soft); }
.daily-report-subtabs button.active { color: var(--ink); background: var(--blue-soft); border-color: #9cb1ff; box-shadow: 0 8px 22px rgba(65,105,225,.11); }
.daily-report-subtabs i { display: grid; place-items: center; width: 35px; height: 35px; flex: 0 0 auto; color: #fff; background: linear-gradient(135deg, #4169e1, #6c4ff8); border-radius: 10px; font-style: normal; font-weight: 900; }
.daily-report-subtabs span, .daily-report-subtabs strong, .daily-report-subtabs small { display: block; min-width: 0; }
.daily-report-subtabs strong { font-size: .68rem; }
.daily-report-subtabs small { margin-top: 3px; color: var(--muted); font-size: .51rem; }
.daily-sales-filter-panel { display: grid; grid-template-columns: minmax(320px, 1fr) auto; gap: 18px 28px; align-items: end; margin-bottom: 13px; padding: 19px 21px; background: var(--surface); border: 1px solid var(--line); border-radius: 16px; box-shadow: var(--shadow-sm); }
.daily-sales-filter-panel > div:first-child > span, .daily-sales-section header span, .daily-sales-promotions header span { color: var(--orange); font-size: .52rem; font-weight: 900; letter-spacing: .08em; }
.daily-sales-filter-panel h2, .daily-sales-section h2, .daily-sales-promotions h2 { margin: 4px 0; color: var(--ink); font-size: .92rem; letter-spacing: -.025em; }
.daily-sales-filter-panel p { margin: 0; color: var(--muted); font-size: .58rem; line-height: 1.5; }
.daily-sales-date-fields { display: flex; align-items: end; gap: 9px; }
.daily-sales-date-fields label { display: grid; gap: 5px; }
.daily-sales-date-fields label > span { color: var(--muted); font-size: .5rem; font-weight: 850; text-transform: uppercase; }
.daily-sales-date-fields input { width: 145px; height: 39px; padding: 0 10px; color: var(--ink); background: var(--surface); border: 1px solid var(--line-strong); border-radius: 9px; font: inherit; font-size: .62rem; }
.daily-sales-quick { grid-column: 1 / -1; display: flex; align-items: center; gap: 7px; padding-top: 10px; border-top: 1px solid var(--line); }
.daily-sales-quick span { color: var(--muted); font-size: .52rem; font-weight: 800; }
.daily-sales-quick button { padding: 6px 10px; color: var(--ink-soft); background: var(--surface-soft); border: 1px solid var(--line); border-radius: 999px; font: inherit; font-size: .53rem; font-weight: 750; cursor: pointer; }
.daily-sales-quick button:hover { color: #fff; background: var(--blue); border-color: var(--blue); }
.daily-sales-hero { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 13px; padding: 24px; color: #fff; background: radial-gradient(circle at 88% 0, rgba(139,92,246,.4), transparent 32%), linear-gradient(135deg, #111827, #1b2e51); border: 1px solid #344158; border-radius: 18px; box-shadow: 0 16px 38px rgba(15,23,42,.14); }
.daily-sales-hero > div:first-child { max-width: 870px; }
.daily-sales-hero > div:first-child > span { color: #8ff3d0; font-size: .54rem; font-weight: 900; letter-spacing: .08em; }
.daily-sales-hero h2 { margin: 7px 0; font-size: 1.36rem; letter-spacing: -.04em; }
.daily-sales-hero p { margin: 0; color: #b8c4d5; font-size: .62rem; line-height: 1.55; }
.daily-sales-quality { display: grid; grid-template-columns: auto 1fr; gap: 4px 8px; min-width: 275px; padding: 14px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.14); border-radius: 13px; }
.daily-sales-quality i { grid-row: 1 / 4; width: 9px; height: 9px; margin-top: 4px; background: #33d49c; border-radius: 50%; box-shadow: 0 0 0 5px rgba(51,212,156,.12); }
.daily-sales-quality strong { font-size: .66rem; }
.daily-sales-quality span, .daily-sales-quality small { color: #b8c4d5; font-size: .52rem; }
.daily-sales-kpis { display: grid; grid-template-columns: repeat(6, minmax(130px, 1fr)); gap: 9px; margin-bottom: 13px; }
.daily-sales-kpis article { position: relative; display: grid; gap: 4px; min-width: 0; padding: 15px; overflow: hidden; background: var(--surface); border: 1px solid var(--line); border-radius: 13px; box-shadow: var(--shadow-sm); }
.daily-sales-kpis article::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 3px; background: var(--blue); }
.daily-sales-kpis article.positive::before { background: var(--green); }
.daily-sales-kpis article.negative::before { background: var(--red); }
.daily-sales-kpis article.promotion::before { background: #8b5cf6; }
.daily-sales-kpis span { color: var(--muted); font-size: .51rem; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; }
.daily-sales-kpis strong { overflow: hidden; color: var(--ink); font-size: 1rem; letter-spacing: -.035em; text-overflow: ellipsis; white-space: nowrap; }
.daily-sales-kpis small { overflow: hidden; color: var(--muted); font-size: .49rem; text-overflow: ellipsis; white-space: nowrap; }
.daily-sales-highlights { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 13px; }
.daily-sales-highlights article { display: grid; gap: 5px; min-width: 0; padding: 16px; background: linear-gradient(135deg, var(--surface), var(--surface-soft)); border: 1px solid var(--line); border-radius: 14px; }
.daily-sales-highlights span { color: var(--orange); font-size: .51rem; font-weight: 900; text-transform: uppercase; }
.daily-sales-highlights strong { overflow: hidden; color: var(--ink); font-size: .7rem; text-overflow: ellipsis; white-space: nowrap; }
.daily-sales-highlights small { color: var(--muted); font-size: .54rem; }
.daily-sales-section { margin-bottom: 13px; padding: 14px; background: var(--surface); border: 1px solid var(--line); border-radius: 15px; box-shadow: var(--shadow-sm); }
.daily-sales-section > header { display: flex; align-items: end; justify-content: space-between; gap: 15px; margin-bottom: 11px; padding: 0 2px; }
.daily-sales-section > header small { color: var(--muted); font-size: .52rem; }
.daily-sales-table-wrap { max-width: 100%; overflow: auto; border: 1px solid var(--line); border-radius: 11px; }
.daily-sales-table-wrap table { width: 100%; min-width: 940px; border-collapse: collapse; }
.daily-sales-table-wrap th { padding: 9px; color: var(--muted); text-align: left; background: var(--surface-soft); border-bottom: 1px solid var(--line); font-size: .49rem; font-weight: 900; letter-spacing: .035em; text-transform: uppercase; white-space: nowrap; }
.daily-sales-table-wrap td { padding: 10px 9px; color: var(--ink-soft); border-bottom: 1px solid var(--line); font-size: .56rem; vertical-align: middle; }
.daily-sales-table-wrap tbody tr:last-child td { border-bottom: 0; }
.daily-sales-table-wrap tbody tr:hover { background: var(--blue-soft); }
.daily-sales-table-wrap .numeric { text-align: right; }
.daily-sales-table-wrap td > strong, .daily-sales-table-wrap td > small { display: block; }
.daily-sales-table-wrap td > small { margin-top: 3px; color: var(--muted); font-size: .47rem; }
.daily-sales-product { display: grid; grid-template-columns: 34px minmax(0,1fr); gap: 8px; align-items: center; min-width: 270px; }
.daily-sales-product > span { display: grid; place-items: center; width: 34px; height: 34px; color: #fff; background: linear-gradient(135deg,#23324b,#596d8d); border-radius: 9px; font-size: .49rem; font-weight: 900; }
.daily-sales-product > div { min-width: 0; }
.daily-sales-product strong { overflow: hidden; color: var(--ink); font-size: .57rem; text-overflow: ellipsis; white-space: nowrap; }
.daily-sales-promotions { display: grid; grid-template-columns: 1fr 1fr; gap: 11px; margin-bottom: 13px; }
.daily-sales-promotions > article { overflow: hidden; background: var(--surface); border: 1px solid var(--line); border-radius: 15px; box-shadow: var(--shadow-sm); }
.daily-sales-promotions header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 16px; background: var(--surface-soft); border-bottom: 1px solid var(--line); }
.daily-sales-promotions header b { display: grid; place-items: center; min-width: 30px; height: 30px; padding: 0 8px; color: #fff; background: var(--orange); border-radius: 999px; font-size: .6rem; }
.daily-sales-promotions ul { max-height: 310px; margin: 0; padding: 0; overflow: auto; list-style: none; }
.daily-sales-promotions li { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 11px 15px; border-bottom: 1px solid var(--line); }
.daily-sales-promotions li:last-child { border-bottom: 0; }
.daily-sales-promotions li div { min-width: 0; }
.daily-sales-promotions li strong, .daily-sales-promotions li small { display: block; }
.daily-sales-promotions li strong { overflow: hidden; color: var(--ink); font-size: .56rem; text-overflow: ellipsis; white-space: nowrap; }
.daily-sales-promotions li small { margin-top: 3px; color: var(--muted); font-size: .47rem; }
.daily-sales-promotions li > span { flex: 0 0 auto; color: var(--orange); font-size: .5rem; font-weight: 850; }
.daily-sales-promotions li.empty { color: var(--muted); font-size: .55rem; }
html[data-theme="black"] .daily-report-subtabs,
html[data-theme="black"] .daily-sales-filter-panel,
html[data-theme="black"] .daily-sales-kpis article,
html[data-theme="black"] .daily-sales-highlights article,
html[data-theme="black"] .daily-sales-section,
html[data-theme="black"] .daily-sales-promotions > article { background: #0f1723; border-color: #273448; }
html[data-theme="black"] .daily-report-subtabs button.active { background: #142442; border-color: #3e5f9c; }
html[data-theme="black"] .daily-sales-date-fields input { color: #eef3fa; background: #0b121d; border-color: #334056; color-scheme: dark; }
html[data-theme="black"] .daily-sales-table-wrap,
html[data-theme="black"] .daily-sales-table-wrap th,
html[data-theme="black"] .daily-sales-promotions header { background: #111c2b; border-color: #273448; }
html[data-theme="black"] .daily-sales-table-wrap td,
html[data-theme="black"] .daily-sales-promotions li { border-color: #253247; }
html[data-theme="black"] .daily-sales-table-wrap tbody tr:hover { background: #14223a; }
@media (max-width: 1450px) {
  .daily-sales-kpis { grid-template-columns: repeat(3, 1fr); }
  .daily-sales-filter-panel { grid-template-columns: 1fr; }
  .daily-sales-date-fields { justify-content: flex-start; }
}
@media (max-width: 850px) {
  .daily-report-subtabs, .daily-sales-highlights, .daily-sales-promotions { grid-template-columns: 1fr; }
  .daily-sales-hero { align-items: flex-start; flex-direction: column; }
  .daily-sales-quality { width: 100%; min-width: 0; }
  .daily-sales-date-fields { align-items: stretch; flex-direction: column; }
  .daily-sales-date-fields input { width: 100%; }
}
@media (max-width: 560px) {
  .daily-sales-kpis { grid-template-columns: 1fr; }
  .daily-sales-quick { align-items: flex-start; flex-wrap: wrap; }
}

/* Painel logístico operacional */

.sales-funnel-shell { display:grid; gap:18px; padding:20px; min-width:1050px; }
.sales-funnel-hero { display:flex; justify-content:space-between; align-items:center; padding:22px; border:1px solid var(--border); border-radius:18px; background:linear-gradient(135deg,rgba(37,99,235,.15),rgba(16,185,129,.08)); }
.sales-funnel-hero h2 { margin:4px 0; font-size:28px; }
.sales-funnel-proof { display:flex; gap:8px; align-items:center; color:#34d399; font-weight:800; }
.sales-funnel-proof i { width:9px; height:9px; border-radius:50%; background:#34d399; box-shadow:0 0 12px #34d399; }
.sales-funnel-filters { display:grid; grid-template-columns:minmax(220px,1.6fr) repeat(4,minmax(135px,1fr)) auto auto; gap:10px; align-items:end; padding:16px; border:1px solid var(--border); border-radius:16px; background:var(--panel); }
.sales-funnel-filters label { display:grid; gap:6px; min-width:0; }
.sales-funnel-filters label > span { color:var(--muted); font-size:11px; font-weight:850; letter-spacing:.045em; text-transform:uppercase; }
.sales-funnel-filters input,.sales-funnel-filters select { width:100%; min-width:0; height:42px; padding:0 12px; border:1px solid var(--border); border-radius:10px; color:var(--ink); background:var(--surface); }
.sales-funnel-filters .button { height:42px; white-space:nowrap; }
.sales-funnel-flow { display:grid; grid-template-columns:1fr auto 1fr auto 1fr; gap:14px; align-items:center; }
.sales-funnel-flow article,.sales-funnel-alerts article { padding:18px; border:1px solid var(--border); border-radius:16px; background:var(--panel); }
.sales-funnel-flow article { display:grid; gap:5px; }
.sales-funnel-flow article strong { font-size:30px; }
.sales-funnel-flow > b { font-size:25px; color:#64748b; }
.sales-funnel-flow .conversion { border-color:#34d399; box-shadow:inset 0 0 25px rgba(52,211,153,.08); }
.sales-funnel-alerts { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; }
.sales-funnel-alerts article { display:flex; gap:12px; align-items:center; }
.sales-funnel-alerts strong { font-size:25px; color:#ff7a2f; }
.sales-funnel-alerts .danger strong { color:#ef4444; }
.sales-funnel-alerts .opportunity { border-color:color-mix(in srgb,#34d399 55%,var(--border)); }
.sales-funnel-alerts .opportunity strong { color:#10b981; }
.sales-funnel-table { overflow:auto; max-height:620px; border:1px solid var(--border); border-radius:16px; }
.sales-funnel-table table { min-width:1450px; }
.sales-funnel-table thead { position:sticky; top:0; z-index:2; }
.sales-funnel-note { padding:11px 14px; border-radius:12px; color:var(--muted); background:color-mix(in srgb,var(--panel) 94%,#3b82f6 6%); font-size:12px; }
.funnel-priority { display:inline-flex; align-items:center; justify-content:center; min-width:30px; margin-right:6px; padding:3px 7px; border-radius:999px; color:#fff; background:#ff6b2c; font-size:10px; }
@media (max-width:1450px) {
  .sales-funnel-filters { grid-template-columns:repeat(3,minmax(150px,1fr)); }
  .sales-funnel-alerts { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:900px) {
  .sales-funnel-shell { min-width:760px; }
  .sales-funnel-alerts { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
.dashboard-logistics-card .dashboard-logistics-deadline { display: grid; grid-template-columns: auto auto; align-items: end; justify-content: start; gap: 2px 10px; }
.dashboard-logistics-card .dashboard-logistics-deadline .dashboard-logistics-day { grid-column: 1 / -1; width: max-content; padding: 3px 7px; border-radius: 999px; color: #a64617; background: #fff0e7; font-size: .49rem; font-weight: 900; text-transform: uppercase; }
.dashboard-logistics-card .dashboard-logistics-deadline > strong { font-size: 2rem; line-height: 1; letter-spacing: -.055em; }
.dashboard-logistics-card .dashboard-logistics-deadline > span:last-child { align-self: center; color: var(--muted); font-size: .58rem; font-weight: 750; }
.dashboard-logistics-card .dashboard-logistics-metrics { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.dashboard-logistics-card .dashboard-logistics-metrics .warning strong { color: #c36a14; }
.dashboard-logistics-card .dashboard-logistics-metrics .packed strong { color: #087f59; }
.dashboard-logistics-progress { display: grid; gap: 6px; margin-top: 12px; }
.dashboard-logistics-progress > div { display: flex; align-items: center; justify-content: space-between; gap: 10px; color: var(--muted); font-size: .52rem; }
.dashboard-logistics-progress > div strong { color: var(--ink); font-size: .54rem; }
.dashboard-logistics-progress > i { display: block; height: 7px; overflow: hidden; border-radius: 999px; background: color-mix(in srgb, var(--line) 75%, transparent); }
.dashboard-logistics-progress > i b { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #ff7a32, #22b77d); transition: width .35s ease; }
.dashboard-logistics-stage-note { display: flex; align-items: center; flex-wrap: wrap; gap: 5px 11px; margin-top: 7px; color: var(--muted); font-size: .46rem; }
.dashboard-logistics-stage-note span { display: inline-flex; align-items: center; gap: 4px; }
.dashboard-logistics-stage-note i { width: 6px; height: 6px; border-radius: 50%; background: #8895a8; }
.dashboard-logistics-stage-note i.to-pack { background: #f28a52; }
.dashboard-logistics-stage-note i.packed { background: #22b77d; }
.dashboard-logistics-next-day { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 2px 10px; margin-top: 11px; padding: 10px 11px; border: 1px solid #bcd8f5; border-radius: 10px; background: color-mix(in srgb, var(--surface, #fff) 90%, #3b82f6 10%); }
.dashboard-logistics-next-day > span { grid-row: 1 / 3; padding: 5px 7px; border-radius: 7px; color: #245ca8; background: rgba(59,130,246,.12); font-size: .47rem; font-weight: 900; text-transform: uppercase; }
.dashboard-logistics-next-day strong { color: var(--ink); font-size: .62rem; }
.dashboard-logistics-next-day small { color: var(--muted); font-size: .49rem; }
.dashboard-logistics-priority { margin-top: 10px; border: 1px solid var(--line); border-radius: 10px; background: color-mix(in srgb, var(--surface, #fff) 96%, #f28a52 4%); }
.dashboard-logistics-priority summary { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 9px 10px; color: var(--ink); font-size: .52rem; font-weight: 850; cursor: pointer; list-style: none; }
.dashboard-logistics-priority summary::-webkit-details-marker { display: none; }
.dashboard-logistics-priority summary strong { color: #e45b20; font-size: .49rem; }
.dashboard-logistics-priority > div { display: grid; border-top: 1px solid var(--line); }
.dashboard-logistics-priority > div > span { display: grid; grid-template-columns: minmax(0,1fr) auto auto; align-items: center; gap: 8px; padding: 8px 10px; border-bottom: 1px solid var(--line); }
.dashboard-logistics-priority > div > span:last-child { border-bottom: 0; }
.dashboard-logistics-priority b { overflow: hidden; color: var(--ink); font-size: .51rem; text-overflow: ellipsis; white-space: nowrap; }
.dashboard-logistics-priority small { color: var(--muted); font-size: .47rem; }
.dashboard-logistics-priority em { padding: 3px 6px; border-radius: 999px; color: #087f59; background: #e8f8f2; font-size: .44rem; font-style: normal; font-weight: 850; }
.dashboard-logistics-priority em.danger { color: #b93648; background: #fff0f2; }
.dashboard-logistics-priority em.packed { color: #087f59; background: #e8f8f2; }
html[data-theme="black"] .dashboard-logistics-card .dashboard-logistics-deadline .dashboard-logistics-day { color: #ff9b65; background: rgba(255,100,30,.14); }
html[data-theme="black"] .dashboard-logistics-next-day { border-color: #29466b; background: #101d2e; }
html[data-theme="black"] .dashboard-logistics-next-day > span { color: #7cb5ff; background: rgba(59,130,246,.14); }
html[data-theme="black"] .dashboard-logistics-priority { border-color: #293548; background: #0c141f; }
html[data-theme="black"] .dashboard-logistics-priority > div,
html[data-theme="black"] .dashboard-logistics-priority > div > span { border-color: #293548; }
@media (max-width: 720px) {
  .dashboard-logistics-card .dashboard-logistics-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dashboard-logistics-card .dashboard-logistics-metrics > span:first-child { grid-column: 1 / -1; }
  .dashboard-logistics-priority > div > span { grid-template-columns: 1fr auto; }
  .dashboard-logistics-priority em { grid-column: 1 / -1; width: max-content; }
}
/* Aplicativo instalável no iPhone */
.ios-install-banner {
  position: fixed;
  z-index: 10020;
  left: max(12px, env(safe-area-inset-left));
  right: max(12px, env(safe-area-inset-right));
  bottom: max(12px, env(safe-area-inset-bottom));
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) 32px;
  align-items: center;
  gap: 11px;
  padding: 12px;
  color: #f8fafc;
  background: rgba(7, 16, 31, .97);
  border: 1px solid rgba(249, 115, 22, .65);
  border-radius: 16px;
  box-shadow: 0 18px 50px rgba(0, 0, 0, .38);
}

.ios-install-icon {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: 12px;
  color: #fff;
  font-weight: 900;
  font-style: italic;
  background: linear-gradient(145deg, #ff7a1a, #9a2d00);
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .12);
}

.ios-install-copy { display: grid; gap: 3px; min-width: 0; }
.ios-install-copy strong { font-size: 14px; }
.ios-install-copy span { color: #cbd5e1; font-size: 12px; line-height: 1.35; }
.ios-install-copy b { color: #fff; }
.ios-install-banner > button {
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 50%;
  color: #e2e8f0;
  background: rgba(255, 255, 255, .09);
  font-size: 20px;
  cursor: pointer;
}

@media (min-width: 720px) {
  .ios-install-banner { left: auto; width: 430px; }
}

/* Central 5.21 - dashboard executivo */
.dashboard-v8 { --executive-navy:#10233f; --executive-blue:#1f5d9b; --executive-orange:#ed6a2c; display:grid; gap:16px; max-width:1540px; }
.dashboard-v8 .dashboard-v6-header { margin:0; }
.dashboard-command-tabs { position:sticky; z-index:11; top:82px; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:4px; padding:5px; border:1px solid #dce4ee; border-radius:14px; background:rgba(255,255,255,.94); box-shadow:0 10px 28px rgba(30,48,74,.08); backdrop-filter:blur(18px); }
.dashboard-command-tabs button { position:relative; display:grid; min-width:0; min-height:55px; align-content:center; gap:3px; padding:9px 14px; border:0; border-radius:10px; color:#526278; background:transparent; cursor:pointer; text-align:left; transition:.18s ease; }
.dashboard-command-tabs button:hover { color:#162840; background:#f2f6fa; }
.dashboard-command-tabs button.active { color:#fff; background:linear-gradient(128deg,#10233f,#1c4f82); box-shadow:0 7px 18px rgba(20,56,96,.2); }
.dashboard-command-tabs button span { font-size:.76rem; font-weight:850; }
.dashboard-command-tabs button small { overflow:hidden; font-size:.57rem; opacity:.72; text-overflow:ellipsis; white-space:nowrap; }
.dashboard-command-tabs button b { position:absolute; top:9px; right:10px; min-width:19px; padding:3px 5px; border-radius:999px; color:#fff; background:#dc3f50; font-size:.52rem; text-align:center; }
.dashboard-panel { min-width:0; }
.dashboard-panel:empty { display:none; }
.dashboard-v8[data-dashboard-mode="sales"] :is(.dashboard-panel-logistics,.dashboard-panel-attention,.dashboard-panel-questions,.dashboard-panel-operations),
.dashboard-v8[data-dashboard-mode="logistics"] :is(.dashboard-panel-sales,.dashboard-panel-attention,.dashboard-panel-questions,.dashboard-panel-operations),
.dashboard-v8[data-dashboard-mode="questions"] :is(.dashboard-panel-sales,.dashboard-panel-logistics,.dashboard-panel-attention,.dashboard-panel-operations) { display:none; }
.dashboard-v8[data-dashboard-mode="questions"] .dashboard-panel-questions,
.dashboard-v8[data-dashboard-mode="logistics"] .dashboard-panel-logistics,
.dashboard-v8[data-dashboard-mode="sales"] .dashboard-panel-sales { min-height:430px; }
.dashboard-panel-logistics > .dashboard-logistics-card { display:grid; grid-template-columns:minmax(235px,.75fr) minmax(420px,1.55fr) minmax(240px,.8fr); grid-template-areas:"heading heading heading" "deadline metrics progress" "deadline note next" "priority priority priority" "footer footer footer"; gap:12px 18px; min-height:0; margin:0; padding:18px 20px 14px; overflow:hidden; color:#eef6ff; border:1px solid #193c65; border-radius:15px; background:radial-gradient(circle at 90% -40%,rgba(237,106,44,.32),transparent 43%),linear-gradient(122deg,#0d1c31,#112b4c 70%,#15385c); box-shadow:0 16px 35px rgba(16,35,63,.16); }
.dashboard-panel-logistics .dashboard-v6-card-heading { grid-area:heading; margin:0; }
.dashboard-panel-logistics .dashboard-v6-card-heading h2 { color:#fff; }
.dashboard-panel-logistics .dashboard-v6-card-heading > div:first-child > span { color:#ff9a68; }
.dashboard-panel-logistics .dashboard-auto-status { color:#75efc3; background:rgba(34,183,125,.14); }
.dashboard-panel-logistics .dashboard-logistics-main { grid-area:deadline; margin:0; }
.dashboard-panel-logistics .dashboard-logistics-deadline > strong { color:#ff8a4d; font-size:2.35rem; }
.dashboard-panel-logistics .dashboard-logistics-deadline > span:last-child,.dashboard-panel-logistics .dashboard-logistics-main p,.dashboard-panel-logistics .dashboard-logistics-footer small { color:#9fb0c7; }
.dashboard-panel-logistics .dashboard-logistics-metrics { grid-area:metrics; align-self:start; margin:0; border-color:rgba(255,255,255,.13); background:rgba(255,255,255,.07); }
.dashboard-panel-logistics .dashboard-logistics-metrics > span { border-left-color:rgba(255,255,255,.12); }
.dashboard-panel-logistics .dashboard-logistics-metrics strong { color:#fff; font-size:1.1rem; }
.dashboard-panel-logistics .dashboard-logistics-metrics small { color:#aab9cb; }
.dashboard-panel-logistics .dashboard-logistics-progress { grid-area:progress; align-self:center; margin:0; }
.dashboard-panel-logistics .dashboard-logistics-progress > div { color:#aab9cb; }
.dashboard-panel-logistics .dashboard-logistics-progress > div strong { color:#fff; }
.dashboard-panel-logistics .dashboard-logistics-stage-note { grid-area:note; margin:0; color:#aab9cb; }
.dashboard-panel-logistics .dashboard-logistics-next-day { grid-area:next; margin:0; border-color:rgba(124,181,255,.3); background:rgba(16,45,78,.88); }
.dashboard-panel-logistics .dashboard-logistics-next-day strong { color:#fff; }
.dashboard-panel-logistics .dashboard-logistics-priority { grid-area:priority; margin:0; border-color:rgba(255,255,255,.13); background:rgba(5,17,31,.32); }
.dashboard-panel-logistics .dashboard-logistics-priority summary,.dashboard-panel-logistics .dashboard-logistics-priority b { color:#fff; }
.dashboard-panel-logistics .dashboard-logistics-priority > div,.dashboard-panel-logistics .dashboard-logistics-priority > div > span { border-color:rgba(255,255,255,.12); }
.dashboard-panel-logistics .dashboard-logistics-priority small { color:#aab9cb; }
.dashboard-panel-logistics .dashboard-logistics-footer { grid-area:footer; margin:0; }
.dashboard-panel-logistics .dashboard-logistics-footer .text-button { color:#ff9a68; }
.dashboard-v8-kpis .dashboard-kpi-strip { margin:0; }
.dashboard-panel-sales,.dashboard-panel-operations { display:grid; gap:14px; }
.dashboard-panel-attention { margin:0; }
html[data-theme="black"] .dashboard-command-tabs { border-color:#253246; background:rgba(13,18,27,.96); }
html[data-theme="black"] .dashboard-command-tabs button { color:#9aa9bc; }
html[data-theme="black"] .dashboard-command-tabs button:hover { color:#f1f5fb; background:#151e2b; }
@media (max-width:1180px) {
  .dashboard-panel-logistics > .dashboard-logistics-card { grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr); grid-template-areas:"heading heading" "deadline metrics" "progress progress" "note next" "priority priority" "footer footer"; }
}
@media (max-width:760px) {
  .dashboard-command-tabs { top:68px; display:flex; overflow-x:auto; }
  .dashboard-command-tabs button { flex:0 0 142px; }
  .dashboard-panel-logistics > .dashboard-logistics-card { grid-template-columns:1fr; grid-template-areas:"heading" "deadline" "metrics" "progress" "note" "next" "priority" "footer"; padding:16px; }
  .dashboard-panel-logistics .dashboard-logistics-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .dashboard-panel-logistics .dashboard-logistics-metrics > span:first-child { grid-column:1 / -1; }
}
@media (max-width:480px) { .dashboard-command-tabs button { flex-basis:130px; } }

/* Central 5.21 - area Mercado Livre */
#content:has(.ml-command-center) { padding:24px 28px 36px; background:#f3f6fa; }
.ml-command-center { display:grid; gap:16px; max-width:1580px; margin:0 auto; }
.ml-command-center .page-header { margin:0; padding:3px 2px 5px; }
.ml-command-center .page-header h1 { color:#12233d; }
.ml-command-hero { min-height:132px; padding:24px 28px; border-radius:15px; background:radial-gradient(circle at 82% -80%,rgba(255,197,55,.32),transparent 40%),linear-gradient(125deg,#142746,#1c4978 76%,#215b8f); box-shadow:0 14px 32px rgba(20,50,88,.15); }
.ml-command-hero h2 { color:#fff; font-size:1.25rem; }
.ml-command-hero p { color:#c4d0df; }
.ml-command-summary { display:grid; grid-template-columns:1.35fr repeat(4,minmax(145px,1fr)); overflow:hidden; border:1px solid #dce4ee; border-radius:14px; background:#fff; box-shadow:0 8px 24px rgba(30,48,74,.06); }
.ml-command-summary article { position:relative; display:grid; align-content:center; min-height:112px; padding:18px 20px; border-left:1px solid #e3e9f1; }
.ml-command-summary article:first-child { border-left:0; }
.ml-command-summary article > span:first-child { color:#65748a; font-size:.64rem; font-weight:800; text-transform:uppercase; letter-spacing:.06em; }
.ml-command-summary article > strong { margin-top:7px; color:#12233d; font-size:1.55rem; letter-spacing:-.04em; }
.ml-command-summary article > small { margin-top:4px; color:#7a8798; font-size:.59rem; }
.ml-command-summary .ml-command-sales { color:#fff; background:linear-gradient(128deg,#112b4b,#1e568d); }
.ml-command-summary .ml-command-sales > span:first-child,.ml-command-summary .ml-command-sales > small { color:#b9c9db; }
.ml-command-summary .ml-command-sales > strong { color:#fff; font-size:1.9rem; }
.ml-command-summary .sales-sync-health { position:static; display:inline-flex; width:max-content; margin-top:9px; color:#8fe6c2; font-size:.55rem; }
.ml-command-summary article.needs-attention::after { content:""; position:absolute; top:15px; right:15px; width:7px; height:7px; border-radius:50%; background:#ef6a35; box-shadow:0 0 0 5px rgba(239,106,53,.11); }
.ml-command-workspace { padding:0; overflow:clip; border-radius:15px; }
.ml-command-navigation { position:sticky; z-index:9; top:80px; display:grid; grid-template-columns:1.45fr 1.25fr .8fr .65fr; gap:5px; padding:7px; border-bottom:1px solid #dce4ee; background:rgba(255,255,255,.96); backdrop-filter:blur(18px); }
.ml-tab-group { min-width:0; padding:8px; border:1px solid transparent; border-radius:11px; }
.ml-tab-group.active { border-color:#cfdae7; background:#f2f6fa; }
.ml-tab-group header { display:grid; gap:2px; padding:0 4px 7px; }
.ml-tab-group header span { color:#21344f; font-size:.64rem; font-weight:900; text-transform:uppercase; letter-spacing:.07em; }
.ml-tab-group header small { color:#7a889b; font-size:.51rem; }
.ml-tab-group > div { display:flex; flex-wrap:wrap; gap:3px; }
.ml-tab-group button { position:relative; display:inline-flex; align-items:center; gap:6px; min-height:31px; padding:0 9px; border:0; border-radius:8px; color:#5d6c81; background:transparent; cursor:pointer; font-size:.6rem; font-weight:780; }
.ml-tab-group button:hover { color:#162840; background:#e7edf4; }
.ml-tab-group button.active { color:#fff; background:#173b68; box-shadow:0 5px 12px rgba(23,59,104,.18); }
.ml-tab-group button b { min-width:18px; padding:2px 5px; border-radius:999px; color:#fff; background:#dc3f50; font-size:.48rem; text-align:center; }
.ml-command-data { min-height:380px; padding:18px; }
html[data-theme="black"] #content:has(.ml-command-center) { background:#070a10; }
html[data-theme="black"] .ml-command-summary,html[data-theme="black"] .ml-command-navigation { border-color:#253246; background:rgba(13,18,27,.96); }
html[data-theme="black"] .ml-command-center .page-header h1,html[data-theme="black"] .ml-command-summary article > strong,html[data-theme="black"] .ml-tab-group header span { color:#edf3fb; }
html[data-theme="black"] .ml-command-summary article { border-color:#253246; background:#0d121b; }
html[data-theme="black"] .ml-command-summary .ml-command-sales { background:linear-gradient(128deg,#102641,#174a79); }
html[data-theme="black"] .ml-tab-group.active { border-color:#2a3b50; background:#131c29; }
html[data-theme="black"] .ml-tab-group button:hover { color:#fff; background:#1c293a; }
html[data-theme="black"] .ml-command-workspace { border-color:#253246; background:#0d121b; }
@media (max-width:1180px) {
  .ml-command-summary { grid-template-columns:repeat(4,1fr); }
  .ml-command-summary .ml-command-sales { grid-column:1 / -1; }
  .ml-command-navigation { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:760px) {
  #content:has(.ml-command-center) { padding:11px; }
  .ml-command-center .page-header { align-items:flex-start; }
  .ml-command-summary { grid-template-columns:repeat(2,1fr); }
  .ml-command-summary article { min-height:96px; padding:14px; }
  .ml-command-summary article:nth-child(2n) { border-left:0; }
  .ml-command-summary .ml-command-sales { grid-column:1 / -1; }
  .ml-command-navigation { top:67px; display:flex; overflow-x:auto; }
  .ml-tab-group { flex:0 0 250px; }
  .ml-command-data { padding:10px; }
}
@media (max-width:480px) {
  .ml-command-summary { grid-template-columns:1fr; }
  .ml-command-summary article { border-left:0; border-top:1px solid #e3e9f1; }
  .ml-command-summary .ml-command-sales { border-top:0; }
}

/* Central 5.21.1 - revisão visual com mais escala e hierarquia */
#content:has(.dashboard-v8) { padding: 28px 34px 46px; background: #eef2f7; }
.dashboard-v8 { max-width: 1680px; gap: 22px; font-size: 16px; }
.dashboard-v8 .dashboard-v6-header { padding: 7px 4px 4px; }
.dashboard-v8 .dashboard-v6-header h1 { margin-top: 11px; font-size: clamp(2rem,2.5vw,2.55rem); }
.dashboard-v8 .dashboard-v6-header > div:first-child > p { font-size: .86rem; }
.dashboard-v8 .dashboard-v6-status { font-size: .72rem; }
.dashboard-command-tabs { position: relative; top: auto; gap: 10px; padding: 0; border: 0; background: transparent; box-shadow: none; backdrop-filter: none; }
.dashboard-command-tabs button { grid-template-columns: 42px minmax(0,1fr); grid-template-rows: auto auto; column-gap: 12px; min-height: 76px; padding: 13px 16px; border: 1px solid #d8e1ec; border-radius: 14px; color: #263a55; background: #fff; box-shadow: 0 5px 15px rgba(29,48,76,.045); }
.dashboard-command-tabs button i { grid-row: 1 / 3; display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; color: #315d91; background: #eaf1f8; font-size: .68rem; font-style: normal; font-weight: 900; letter-spacing: -.03em; }
.dashboard-command-tabs button span { align-self: end; font-size: .86rem; }
.dashboard-command-tabs button small { align-self: start; font-size: .63rem; }
.dashboard-command-tabs button:hover { border-color: #b9c9da; background: #fff; transform: translateY(-1px); box-shadow: 0 9px 20px rgba(29,48,76,.085); }
.dashboard-command-tabs button.active { border-color: #173e6c; background: linear-gradient(135deg,#102844,#1e568d); box-shadow: 0 12px 24px rgba(20,56,96,.22); }
.dashboard-command-tabs button.active i { color: #fff; background: rgba(255,255,255,.14); }
.dashboard-command-tabs button b { top: 12px; right: 12px; min-width: 22px; padding: 4px 6px; font-size: .56rem; }

.dashboard-panel-logistics > .dashboard-logistics-card { grid-template-columns: 285px minmax(0,1fr); grid-template-areas: "heading heading" "deadline metrics" "deadline progress" "note note" "next next" "priority priority" "footer footer"; gap: 13px 26px; min-height: 286px; padding: 23px 26px 18px; border-radius: 18px; background: radial-gradient(circle at 88% -60%,rgba(247,104,43,.4),transparent 45%),linear-gradient(124deg,#0b1d33,#123b63 72%,#1b4e79); box-shadow: 0 18px 38px rgba(16,35,63,.2); }
.dashboard-panel-logistics .dashboard-v6-card-heading { padding-bottom: 3px; }
.dashboard-panel-logistics .dashboard-v6-card-heading h2 { margin-top: 3px; font-size: 1.35rem; }
.dashboard-panel-logistics .dashboard-v6-card-heading > div:first-child > span { font-size: .67rem; }
.dashboard-panel-logistics .dashboard-logistics-main { align-self: start; padding: 7px 0; }
.dashboard-panel-logistics .dashboard-logistics-deadline { gap: 4px 12px; }
.dashboard-panel-logistics .dashboard-logistics-deadline > strong { font-size: 3rem; }
.dashboard-panel-logistics .dashboard-logistics-deadline > span:last-child { font-size: .68rem; }
.dashboard-panel-logistics .dashboard-logistics-main p { margin-top: 10px; font-size: .65rem; }
.dashboard-panel-logistics .dashboard-logistics-countdown { margin-top: 10px; padding: 6px 10px; font-size: .62rem; }
.dashboard-panel-logistics .dashboard-logistics-metrics { min-height: 88px; border-radius: 13px; }
.dashboard-panel-logistics .dashboard-logistics-metrics > span { display: grid; align-content: center; min-height: 86px; padding: 13px 15px; }
.dashboard-panel-logistics .dashboard-logistics-metrics strong { font-size: 1.45rem; }
.dashboard-panel-logistics .dashboard-logistics-metrics small { margin-top: 5px; font-size: .58rem; line-height: 1.25; }
.dashboard-panel-logistics .dashboard-logistics-progress { align-self: end; }
.dashboard-panel-logistics .dashboard-logistics-progress > div { font-size: .61rem; }
.dashboard-panel-logistics .dashboard-logistics-progress > div strong { font-size: .63rem; }
.dashboard-panel-logistics .dashboard-logistics-progress > i { height: 9px; }
.dashboard-panel-logistics .dashboard-logistics-stage-note { padding-top: 1px; font-size: .55rem; }
.dashboard-panel-logistics .dashboard-logistics-priority summary { padding: 12px 14px; font-size: .61rem; }
.dashboard-panel-logistics .dashboard-logistics-priority summary strong { font-size: .57rem; }
.dashboard-panel-logistics .dashboard-logistics-footer { padding-top: 2px; }
.dashboard-panel-logistics .dashboard-logistics-footer .text-button { font-size: .7rem; }

.dashboard-v8-kpis .dashboard-kpi-strip { gap: 0; overflow: hidden; border: 1px solid #d9e2ed; border-radius: 17px; background: #fff; box-shadow: 0 9px 25px rgba(29,48,76,.06); }
.dashboard-v8-kpis .dashboard-kpi,.dashboard-v8-kpis .dashboard-kpi:nth-child(n) { min-height: 142px; padding: 23px 25px; border: 0; border-left: 1px solid #e0e7ef; border-radius: 0; box-shadow: none; }
.dashboard-v8-kpis .dashboard-kpi:first-child { border-left: 0; }
.dashboard-v8-kpis .dashboard-kpi > span,.dashboard-v8-kpis .dashboard-kpi:nth-child(n) > span { font-size: .76rem; }
.dashboard-v8-kpis .dashboard-kpi > strong,.dashboard-v8-kpis .dashboard-kpi:nth-child(n) > strong { margin-top: 18px; font-size: clamp(1.45rem,1.9vw,1.85rem); }
.dashboard-v8-kpis .dashboard-kpi > small,.dashboard-v8-kpis .dashboard-kpi:nth-child(n) > small { margin-top: 9px; font-size: .64rem; }
.dashboard-v73-commercial-stack { overflow: hidden; border: 1px solid #d9e2ed; border-radius: 18px; background: #fff; box-shadow: 0 10px 28px rgba(29,48,76,.065); }
.dashboard-v73-commercial-stack .dashboard-chart-card { padding: 27px 28px 20px; }
.dashboard-v73-commercial-stack .dashboard-sales-detail-card.today-sales-panel { border-top: 1px solid #dfe6ef; }
.dashboard-v72-chart-section .dashboard-chart-card .dashboard-v6-card-heading h2 { font-size: 1.35rem; }
.dashboard-v72-chart-section .dashboard-chart-card .dashboard-v6-card-heading > div:first-child > p { font-size: .75rem; }
.dashboard-v72-chart-section .dashboard-chart-summary > span { min-height: 82px; padding: 14px 15px; }
.dashboard-v72-chart-section .dashboard-chart-summary > span strong { font-size: 1.15rem; }
.dashboard-v72-chart-section .dashboard-chart-canvas svg { height: 370px; min-height: 370px; max-height: 370px; }
.dashboard-sales-detail-card .today-sales-heading { min-height: 104px; padding: 20px 24px; }
.dashboard-sales-detail-card .today-sales-heading h2 { font-size: 1.25rem; }
.dashboard-sales-detail-card .today-sales-heading > div:first-child > span { font-size: .7rem; }
.dashboard-sales-detail-card .today-sales-table th { font-size: .63rem; }
.dashboard-sales-detail-card .today-sales-table td { padding-block: 14px; font-size: .73rem; }

html[data-theme="black"] #content:has(.dashboard-v8) { background: #070b12; }
html[data-theme="black"] .dashboard-command-tabs { background: transparent; border: 0; }
html[data-theme="black"] .dashboard-command-tabs button { color: #dbe6f3; border-color: #253246; background: #0d141f; }
html[data-theme="black"] .dashboard-command-tabs button i { color: #8fbae7; background: #172438; }
html[data-theme="black"] .dashboard-command-tabs button.active { border-color: #285987; background: linear-gradient(135deg,#102844,#1e568d); }
html[data-theme="black"] .dashboard-v8-kpis .dashboard-kpi-strip,html[data-theme="black"] .dashboard-v73-commercial-stack { border-color: #253246; background: #0d121b; }
html[data-theme="black"] .dashboard-v8-kpis .dashboard-kpi,html[data-theme="black"] .dashboard-v8-kpis .dashboard-kpi:nth-child(n) { border-color: #253246; background: #0d121b; }
html[data-theme="black"] .dashboard-v8-kpis .dashboard-kpi:first-child { background: linear-gradient(125deg,#13335d,#1a4c82); }

@media (max-width: 1180px) {
  .dashboard-panel-logistics > .dashboard-logistics-card { grid-template-columns: 250px minmax(0,1fr); }
  .dashboard-v8-kpis .dashboard-kpi-strip { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .dashboard-v8-kpis .dashboard-kpi { border-bottom: 1px solid #e0e7ef; }
}
@media (max-width: 760px) {
  #content:has(.dashboard-v8) { padding: 14px 11px 30px; }
  .dashboard-v8 { gap: 14px; }
  .dashboard-command-tabs { display: flex; overflow-x: auto; }
  .dashboard-command-tabs button { flex: 0 0 180px; min-height: 70px; }
  .dashboard-panel-logistics > .dashboard-logistics-card { grid-template-columns: 1fr; grid-template-areas: "heading" "deadline" "metrics" "progress" "note" "next" "priority" "footer"; min-height: 0; padding: 18px; }
  .dashboard-panel-logistics .dashboard-logistics-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .dashboard-panel-logistics .dashboard-logistics-metrics > span { min-height: 72px; }
  .dashboard-v8-kpis .dashboard-kpi-strip { grid-template-columns: 1fr; }
  .dashboard-v8-kpis .dashboard-kpi,.dashboard-v8-kpis .dashboard-kpi:nth-child(n) { min-height: 112px; border-left: 0; }
  .dashboard-v72-chart-section .dashboard-chart-canvas svg { height: 280px; min-height: 280px; max-height: 280px; }
}

/* Central 5.22 - cockpit executivo inspirado na referência aprovada */
body:has(.dashboard-v8) .topbar { color:#dce8f7; border-color:#19304a; background:rgba(5,20,35,.96); }
body:has(.dashboard-v8) .global-search { color:#8399b2; border-color:#1d3855; background:#0a2036; }
body:has(.dashboard-v8) .global-search input { color:#eaf3ff; }
body:has(.dashboard-v8) .global-search kbd { color:#91a5bb; border-color:#28435f; background:#102a44; }
body:has(.dashboard-v8) .theme-toggle,body:has(.dashboard-v8) .icon-button { color:#c8d8ea; border-color:#28435f; background:#0d263f; }
#content:has(.dashboard-v8) { padding:20px 24px 44px; color:#eaf3ff; background:radial-gradient(circle at 22% -12%,#0b2b49 0,transparent 32%),linear-gradient(145deg,#031321,#061a2d 54%,#041422); }
.dashboard-v8 { max-width:1720px; gap:14px; color:#eaf3ff; }
.dashboard-v8 .dashboard-v6-header { min-height:70px; padding:2px 2px 8px; color:#eef7ff; }
.dashboard-v8 .dashboard-v6-header h1 { margin:0; color:#fff; font-size:1.55rem; letter-spacing:-.035em; }
.dashboard-v8 .dashboard-v6-header > div:first-child > p { margin-top:5px; color:#a9bbce; font-size:.72rem; }
.dashboard-v8 .dashboard-v6-status { order:3; margin-top:8px; color:#7f96ae; font-size:.58rem; }
.dashboard-v8 .dashboard-v6-header-actions { flex-direction:row; align-items:center; }
.dashboard-v8 .dashboard-v6-header-actions time { min-height:38px; display:flex; align-items:center; padding:0 13px; color:#c6d6e7; border:1px solid #1b3652; border-radius:9px; background:#071d31; }
.dashboard-v8 .dashboard-v6-header-actions .button { min-height:38px; border-color:#176845; background:linear-gradient(135deg,#0f754b,#095f3c); }
.dashboard-command-tabs { display:flex; justify-content:flex-end; gap:5px; margin-top:-61px; margin-right:305px; pointer-events:none; }
.dashboard-command-tabs button { pointer-events:auto; display:flex; grid-template:none; align-items:center; gap:7px; min-height:36px; width:auto; padding:0 11px; color:#9eb3c9; border:1px solid #1c3855; border-radius:9px; background:#081e33; box-shadow:none; }
.dashboard-command-tabs button i { display:grid; flex:0 0 23px; width:23px; height:23px; border-radius:7px; color:#74a9df; background:#102e4b; font-size:.47rem; }
.dashboard-command-tabs button span { font-size:.63rem; }
.dashboard-command-tabs button small { display:none; }
.dashboard-command-tabs button:hover { color:#fff; border-color:#315d87; background:#102b46; transform:none; box-shadow:none; }
.dashboard-command-tabs button.active { color:#fff; border-color:#1f5f98; background:linear-gradient(135deg,#11395e,#0b2b49); box-shadow:inset 0 -2px #2d90e8; }
.dashboard-command-tabs button.active i { color:#90c7f8; background:#184d79; }
.dashboard-command-tabs button b { top:-7px; right:-6px; min-width:18px; padding:3px 5px; }

.dashboard-v8-kpis .dashboard-kpi-strip { grid-template-columns:repeat(5,minmax(0,1fr)) minmax(150px,.72fr); gap:10px; overflow:visible; border:0; background:transparent; box-shadow:none; }
.dashboard-v8-kpis .dashboard-kpi,.dashboard-v8-kpis .dashboard-kpi:nth-child(n) { position:relative; min-height:132px; padding:17px 18px 35px; overflow:hidden; color:#eaf4ff; border:1px solid #183650; border-radius:11px; background:linear-gradient(145deg,#0a2137,#0c2944); box-shadow:0 10px 24px rgba(0,0,0,.16); }
.dashboard-v8-kpis .dashboard-kpi:nth-child(1) { border-color:#14573f; background:linear-gradient(145deg,#082b2d,#0a3b36); }
.dashboard-v8-kpis .dashboard-kpi:nth-child(2) { background:linear-gradient(145deg,#0a2239,#0b3153); }
.dashboard-v8-kpis .dashboard-kpi:nth-child(3) { border-color:#493722; background:linear-gradient(145deg,#251f1a,#342718); }
.dashboard-v8-kpis .dashboard-kpi:nth-child(4) { border-color:#2d2855; background:linear-gradient(145deg,#171c39,#25204f); }
.dashboard-v8-kpis .dashboard-kpi:nth-child(5) { border-color:#164554; background:linear-gradient(145deg,#082a35,#0a3a48); }
.dashboard-v8-kpis .dashboard-kpi::after { display:block !important; content:""; position:absolute; left:14px; right:14px; bottom:10px; height:21px; opacity:.9; background-repeat:no-repeat; background-size:100% 100%; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 24'%3E%3Cpath d='M0 19 L12 16 L24 18 L36 11 L48 13 L60 7 L72 10 L84 5 L96 14 L108 9 L120 12 L132 4 L144 8 L156 6 L168 11 L180 7' fill='none' stroke='%232bcf84' stroke-width='2'/%3E%3C/svg%3E"); }
.dashboard-v8-kpis .dashboard-kpi:nth-child(2)::after { filter:hue-rotate(95deg); }
.dashboard-v8-kpis .dashboard-kpi:nth-child(3)::after { filter:hue-rotate(285deg); }
.dashboard-v8-kpis .dashboard-kpi:nth-child(4)::after { filter:hue-rotate(210deg); }
.dashboard-v8-kpis .dashboard-kpi:nth-child(5)::after { filter:hue-rotate(135deg); }
.dashboard-v8-kpis .dashboard-kpi > span,.dashboard-v8-kpis .dashboard-kpi:nth-child(n) > span { color:#b8cbe0; font-size:.62rem; font-weight:850; text-transform:uppercase; }
.dashboard-v8-kpis .dashboard-kpi:nth-child(1) > span { color:#65dfa8; }
.dashboard-v8-kpis .dashboard-kpi > strong,.dashboard-v8-kpis .dashboard-kpi:nth-child(n) > strong { margin-top:12px; color:#fff; font-size:1.62rem; }
.dashboard-v8-kpis .dashboard-kpi > small,.dashboard-v8-kpis .dashboard-kpi:nth-child(n) > small { margin-top:5px; color:#9fb1c4; font-size:.57rem; }
.dashboard-v8-kpis .dashboard-kpi-icon { color:#8dc3f5; background:#123b61; }

.dashboard-panel-logistics > .dashboard-logistics-card { grid-template-columns:185px minmax(0,1fr); grid-template-areas:"heading heading" "deadline metrics" "deadline progress" "note note" "priority priority" "footer footer"; min-height:174px; gap:8px 20px; padding:17px 18px 13px; border:1px solid #193d5b; border-radius:11px; background:radial-gradient(circle at 82% 150%,rgba(14,108,145,.22),transparent 38%),linear-gradient(130deg,#061b2e,#09243b); box-shadow:0 10px 25px rgba(0,0,0,.18); }
.dashboard-panel-logistics .dashboard-v6-card-heading { min-height:24px; padding:0; }
.dashboard-panel-logistics .dashboard-v6-card-heading > div:first-child { display:flex; align-items:center; gap:6px; }
.dashboard-panel-logistics .dashboard-v6-card-heading > div:first-child > span { color:#d6e3f1; font-size:.57rem; }
.dashboard-panel-logistics .dashboard-v6-card-heading h2 { margin:0; color:#d6e3f1; font-size:.65rem; text-transform:uppercase; letter-spacing:.04em; }
.dashboard-panel-logistics .dashboard-logistics-main { padding:0 12px; border-right:1px solid #1c3b58; }
.dashboard-panel-logistics .dashboard-logistics-deadline .dashboard-logistics-day { color:#ff9b63; background:rgba(255,107,45,.13); }
.dashboard-panel-logistics .dashboard-logistics-deadline > strong { color:#fff; font-size:2rem; }
.dashboard-panel-logistics .dashboard-logistics-deadline > span:last-child { font-size:.52rem; }
.dashboard-panel-logistics .dashboard-logistics-main p { margin-top:6px; font-size:.5rem; }
.dashboard-panel-logistics .dashboard-logistics-countdown { margin-top:7px; font-size:.51rem; }
.dashboard-panel-logistics .dashboard-logistics-metrics { min-height:62px; border-color:#1b405f; background:rgba(15,47,73,.72); }
.dashboard-panel-logistics .dashboard-logistics-metrics > span { min-height:60px; padding:8px 11px; border-left-color:#1d4566; }
.dashboard-panel-logistics .dashboard-logistics-metrics strong { font-size:1.05rem; }
.dashboard-panel-logistics .dashboard-logistics-metrics small { font-size:.48rem; }
.dashboard-panel-logistics .dashboard-logistics-progress { margin-top:2px; }
.dashboard-panel-logistics .dashboard-logistics-progress > div,.dashboard-panel-logistics .dashboard-logistics-progress > div strong { font-size:.51rem; }
.dashboard-panel-logistics .dashboard-logistics-progress > i { height:7px; background:#102f49; }
.dashboard-panel-logistics .dashboard-logistics-stage-note { font-size:.47rem; }
.dashboard-panel-logistics .dashboard-logistics-priority { display:none; }
.dashboard-panel-logistics .dashboard-logistics-footer { padding-top:2px; border-top:1px solid #173651; }
.dashboard-panel-logistics .dashboard-logistics-footer small { font-size:.46rem; }
.dashboard-panel-logistics .dashboard-logistics-footer .text-button { color:#ff862f; font-size:.58rem; }

.dashboard-executive-grid { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(310px,.92fr) minmax(285px,.9fr); gap:12px; align-items:start; }
.dashboard-executive-side { display:grid; gap:12px; min-width:0; }
.dashboard-executive-grid .dashboard-v6-card,.dashboard-v73-commercial-stack,.dashboard-today-sales-block > .dashboard-v6-card,.dashboard-v73-attention-row .dashboard-attention-center,.dashboard-planning-block .dashboard-v6-card { color:#e5effa; border:1px solid #173853; border-radius:11px; background:linear-gradient(145deg,#071d31,#09263f); box-shadow:0 10px 24px rgba(0,0,0,.15); }
.dashboard-executive-grid .dashboard-v6-card-heading h2,.dashboard-executive-grid .today-sales-heading h2,.dashboard-today-sales-block h2,.dashboard-planning-block h2 { color:#f2f7fd; }
.dashboard-executive-grid .dashboard-v6-card-heading > div:first-child > span,.dashboard-executive-grid .today-sales-heading .eyebrow { color:#b5c7d9; }
.dashboard-executive-chart .dashboard-chart-card { min-height:386px; padding:16px 16px 12px; border:1px solid #173853; background:linear-gradient(145deg,#071d31,#09263f); box-shadow:0 10px 24px rgba(0,0,0,.15); }
.dashboard-executive-chart .dashboard-chart-card .dashboard-v6-card-heading h2 { color:#fff; font-size:.83rem; }
.dashboard-executive-chart .dashboard-chart-card .dashboard-v6-card-heading > div:first-child > p { color:#879db4; font-size:.54rem; }
.dashboard-executive-chart .dashboard-chart-summary { grid-template-columns:repeat(4,minmax(0,1fr)); gap:5px; }
.dashboard-executive-chart .dashboard-chart-summary > span { min-height:60px; padding:8px; border-color:#183b59; background:#0b2943; }
.dashboard-executive-chart .dashboard-chart-summary > span small { color:#90a5ba; font-size:.5rem; }
.dashboard-executive-chart .dashboard-chart-summary > span strong { color:#fff; font-size:.75rem; }
.dashboard-executive-chart .dashboard-chart-legend { grid-column:1 / -1; }
.dashboard-executive-chart .dashboard-chart-canvas { border-color:#163a57; background:#061a2c; }
.dashboard-executive-chart .dashboard-chart-canvas svg { height:210px; min-height:210px; max-height:210px; }
.dashboard-executive-chart .commerce-grid-line line { stroke:#1b3c57; }
.dashboard-executive-chart .commerce-grid-line text,.dashboard-executive-chart .commerce-date-label,.dashboard-executive-chart .commerce-profit-scale { fill:#8097af; }
.dashboard-executive-chart .commerce-axis-title { fill:#8bc2f4; }
.dashboard-executive-chart .dashboard-chart-footnote { color:#8399ae; }
.dashboard-executive-products .dashboard-ranking-card { min-height:386px; padding:15px; }
.dashboard-executive-products .dashboard-ranking-row { border-color:#173954; }
.dashboard-executive-products .dashboard-ranking-row strong { color:#eaf3fc; }
.dashboard-executive-products .dashboard-ranking-row small { color:#8399ae; }
.dashboard-executive-products .dashboard-ranking-row > span { color:#fff; background:#1677d2; }
.dashboard-executive-products .dashboard-ranking-row > b { color:#eef7ff; }
.dashboard-executive-products .dashboard-loss-alert { border-color:#60303a; background:#311924; }
.dashboard-questions-card .dashboard-questions-heading { padding:14px 15px 10px; background:transparent; }
.dashboard-questions-card .dashboard-question-list { padding:0 12px 10px; background:transparent; }
.dashboard-questions-card .dashboard-question-row { min-height:75px; padding:9px 2px; border-color:#173954; }
.dashboard-questions-card .dashboard-question-row.pending { background:linear-gradient(90deg,rgba(160,49,45,.18),transparent 55%); }
.dashboard-questions-card .dashboard-question-copy > div strong { color:#edf5ff; }
.dashboard-questions-card .dashboard-question-copy p { color:#c5d5e5; background:#0b2943; }
.dashboard-questions-card .dashboard-question-meta { color:#7e95ac; }
.dashboard-task-card { padding:14px; }
.dashboard-task-metrics { border-color:#173954; background:#0a263f; }
.dashboard-task-metrics button { border-color:#173954; }
.dashboard-task-metrics button strong { color:#fff; }
.dashboard-task-metrics button span { color:#8da3b9; }
.dashboard-task-next,.dashboard-task-footer { display:none; }
.dashboard-today-sales-block > .dashboard-v6-card { overflow:hidden; }
.dashboard-sales-detail-card .today-sales-heading { color:#e5effa; border-color:#183a56; background:#081f34; }
.dashboard-sales-detail-card .today-sales-heading > div:first-child > span,.dashboard-sales-detail-card .today-sales-kpis small { color:#869cb2; }
.dashboard-sales-detail-card .today-sales-kpis strong { color:#fff; }
.dashboard-sales-detail-card .today-sales-table thead { background:#0b2943; }
.dashboard-sales-detail-card .today-sales-table th { color:#91a6ba; }
.dashboard-sales-detail-card .today-sales-table td { color:#c9d7e5; border-color:#183a55; }
.dashboard-sales-detail-card .today-sales-table tbody tr:hover { background:#0c2a44; }
.dashboard-sales-detail-card .dashboard-product strong { color:#edf5fd; }
.dashboard-v73-attention-row .dashboard-attention-center { background:#081f34; }
.dashboard-planning-block { opacity:.88; }
.dashboard-v8[data-dashboard-mode="questions"] .dashboard-executive-grid { grid-template-columns:1fr; }
.dashboard-v8[data-dashboard-mode="questions"] .dashboard-executive-side { max-width:100%; }
.dashboard-v8[data-dashboard-mode="questions"] .dashboard-panel-questions .dashboard-questions-card { min-height:420px; }

@media (max-width:1300px) {
  .dashboard-command-tabs { margin-right:0; margin-top:0; justify-content:flex-start; }
  .dashboard-v8-kpis .dashboard-kpi-strip { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .dashboard-executive-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .dashboard-executive-side { grid-column:1 / -1; grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:820px) {
  body:has(.dashboard-v8) .topbar { background:#061a2c; }
  #content:has(.dashboard-v8) { padding:12px 10px 28px; }
  .dashboard-v8 .dashboard-v6-header { align-items:flex-start; }
  .dashboard-v8 .dashboard-v6-header-actions time { display:none; }
  .dashboard-command-tabs { overflow-x:auto; flex-wrap:nowrap; }
  .dashboard-command-tabs button { flex:0 0 auto; min-height:36px; }
  .dashboard-v8-kpis .dashboard-kpi-strip { display:flex; overflow-x:auto; }
  .dashboard-v8-kpis .dashboard-kpi,.dashboard-v8-kpis .dashboard-kpi:nth-child(n) { flex:0 0 235px; min-height:125px; border-bottom:1px solid #183650; }
  .dashboard-panel-logistics > .dashboard-logistics-card { grid-template-columns:1fr; grid-template-areas:"heading" "deadline" "metrics" "progress" "note" "footer"; }
  .dashboard-panel-logistics .dashboard-logistics-main { border-right:0; }
  .dashboard-panel-logistics .dashboard-logistics-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .dashboard-executive-grid { grid-template-columns:1fr; }
  .dashboard-executive-side { grid-column:auto; grid-template-columns:1fr; }
  .dashboard-executive-chart .dashboard-chart-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .dashboard-today-sales-block .today-sales-heading { align-items:flex-start; }
}

/* Central 5.22.1 - correções estruturais do cockpit */
#content:has(.dashboard-v8) { width:100%; max-width:none; min-height:calc(100vh - 72px); margin:0; padding:24px 30px 46px; }
.dashboard-v8 { width:100%; max-width:none; gap:16px; font-size:17px; }
.dashboard-v8 .dashboard-v6-header { min-height:72px; }
.dashboard-v8 .dashboard-v6-header h1 { font-size:1.8rem; }
.dashboard-v8 .dashboard-v6-header > div:first-child > p { font-size:.78rem; }
.dashboard-v8 .dashboard-v6-status { margin-top:7px; }
.dashboard-command-tabs { justify-content:flex-start; margin:0; padding:5px; width:max-content; max-width:100%; border:1px solid #173650; border-radius:11px; background:#071b2e; }
.dashboard-command-tabs button { min-height:39px; }
.dashboard-command-tabs button i { width:25px; height:25px; }
.dashboard-v8-kpis .dashboard-kpi-strip { grid-template-columns:repeat(6,minmax(0,1fr)); }
.dashboard-v8-kpis .dashboard-kpi,.dashboard-v8-kpis .dashboard-kpi:nth-child(n) { min-height:148px; padding:18px 18px 42px; }
.dashboard-v8-kpis .dashboard-kpi::before,.dashboard-v8-kpis .dashboard-kpi::after { display:none !important; content:none !important; }
.dashboard-v8-kpis .dashboard-kpi > span,.dashboard-v8-kpis .dashboard-kpi:nth-child(n) > span { min-height:28px; font-size:.66rem; line-height:1.15; }
.dashboard-v8-kpis .dashboard-kpi > strong,.dashboard-v8-kpis .dashboard-kpi:nth-child(n) > strong { margin-top:9px; font-size:1.58rem; }
.dashboard-v8-kpis .dashboard-kpi > small,.dashboard-v8-kpis .dashboard-kpi:nth-child(n) > small { max-width:100%; font-size:.61rem; line-height:1.35; }
.dashboard-kpi-spark { position:absolute; left:16px; right:16px; bottom:9px; width:calc(100% - 32px); height:27px; overflow:visible; }
.dashboard-v8-kpis .dashboard-kpi-status { padding-bottom:18px; border-color:#173c4b; background:linear-gradient(145deg,#0a2132,#0a2b39); }
.dashboard-v8-kpis .dashboard-kpi-status > strong { color:#36dc89; font-size:1rem; }
.dashboard-v8-kpis .dashboard-kpi-status > em { display:flex; align-items:center; gap:6px; margin-top:14px; color:#83e9b6; font-size:.58rem; font-style:normal; font-weight:750; }
.dashboard-v8-kpis .dashboard-kpi-status > em i { width:7px; height:7px; border-radius:50%; background:#27ce7d; box-shadow:0 0 0 5px rgba(39,206,125,.1); }
.dashboard-panel-logistics > .dashboard-logistics-card { min-height:202px; padding:18px 20px 14px; }
.dashboard-panel-logistics .dashboard-v6-card-heading h2 { font-size:.72rem; }
.dashboard-panel-logistics .dashboard-logistics-metrics > span { min-height:72px; }
.dashboard-panel-logistics .dashboard-logistics-metrics strong { font-size:1.2rem; }
.dashboard-panel-logistics .dashboard-logistics-metrics small { font-size:.52rem; }
.dashboard-executive-grid { grid-template-columns:minmax(390px,1.05fr) minmax(360px,.96fr) minmax(330px,.9fr); gap:14px; }
.dashboard-executive-chart .dashboard-chart-card,.dashboard-executive-products .dashboard-ranking-card { min-height:450px; }
.dashboard-executive-chart .dashboard-chart-card { padding:18px; }
.dashboard-executive-chart .dashboard-chart-card .dashboard-v6-card-heading h2 { font-size:1rem; }
.dashboard-executive-chart .dashboard-chart-card .dashboard-v6-card-heading > div:first-child > p { font-size:.61rem; }
.dashboard-executive-chart .dashboard-chart-summary > span { min-height:68px; padding:10px; }
.dashboard-executive-chart .dashboard-chart-summary > span strong { font-size:.86rem; }
.dashboard-executive-chart .dashboard-chart-canvas svg { height:250px; min-height:250px; max-height:250px; }
.dashboard-executive-products .dashboard-v6-card-heading h2,.dashboard-questions-card .dashboard-v6-card-heading h2,.dashboard-task-card .dashboard-v6-card-heading h2 { font-size:1rem; }
.dashboard-executive-products .dashboard-ranking-row { min-height:55px; padding:8px 2px; }
.dashboard-executive-products .dashboard-ranking-row strong { font-size:.67rem; }
.dashboard-executive-products .dashboard-ranking-row small { margin-top:4px; font-size:.53rem; }
.dashboard-executive-products .dashboard-ranking-row > b { font-size:.72rem; }
.dashboard-questions-card .dashboard-question-row { grid-template-columns:54px minmax(0,1fr); min-height:98px; }
.dashboard-questions-card .dashboard-question-meta { grid-column:2; display:flex; justify-content:flex-start; gap:8px; }
.dashboard-questions-card .dashboard-question-copy > div strong { font-size:.68rem; }
.dashboard-questions-card .dashboard-question-copy p { font-size:.62rem; line-height:1.4; }
.dashboard-executive-side .dashboard-task-metrics button:nth-child(n) { min-height:66px; color:#cbd9e8; border-color:#173954; background:#0a263f; }
.dashboard-executive-side .dashboard-task-metrics button:nth-child(n) strong { color:#fff; font-size:1.05rem; }
.dashboard-executive-side .dashboard-task-metrics button:nth-child(n) span { color:#90a6bc; font-size:.54rem; }
.dashboard-executive-side .dashboard-task-metrics button.danger { background:#301822; border-color:#5d2935; }
.dashboard-executive-side .dashboard-task-metrics button.warning { background:#302616; border-color:#5c4720; }
.dashboard-executive-side .dashboard-task-metrics button.success { background:#0d2d27; border-color:#1b5747; }
.dashboard-today-sales-block { margin-top:2px; }

@media (max-width:1500px) {
  .dashboard-v8-kpis .dashboard-kpi-strip { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .dashboard-executive-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .dashboard-executive-side { grid-column:1 / -1; grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:900px) {
  #content:has(.dashboard-v8) { padding:14px 11px 30px; }
  .dashboard-command-tabs { width:100%; overflow-x:auto; }
  .dashboard-v8-kpis .dashboard-kpi-strip { display:flex; }
  .dashboard-executive-grid { grid-template-columns:1fr; }
  .dashboard-executive-side { grid-column:auto; grid-template-columns:1fr; }
}

/* Central 5.22.2 - modo claro real do cockpit */
html:not([data-theme="black"]) body:has(.dashboard-v8) .topbar { color:#26364b; border-color:#dde4ed; background:rgba(255,255,255,.96); }
html:not([data-theme="black"]) body:has(.dashboard-v8) .global-search { color:#758399; border-color:#dbe3ed; background:#f4f7fa; }
html:not([data-theme="black"]) body:has(.dashboard-v8) .global-search input { color:#17243a; }
html:not([data-theme="black"]) body:has(.dashboard-v8) .global-search kbd { color:#7b8798; border-color:#d7dfea; background:#fff; }
html:not([data-theme="black"]) body:has(.dashboard-v8) .theme-toggle,
html:not([data-theme="black"]) body:has(.dashboard-v8) .icon-button { color:#34455c; border-color:#d8e0ea; background:#fff; }
html:not([data-theme="black"]) #content:has(.dashboard-v8) { color:#17243a; background:radial-gradient(circle at 20% -15%,#e2effb 0,transparent 32%),#f2f5f9; }
html:not([data-theme="black"]) .dashboard-v8 { color:#17243a; }
html:not([data-theme="black"]) .dashboard-v8 .dashboard-v6-header { color:#17243a; }
html:not([data-theme="black"]) .dashboard-v8 .dashboard-v6-header h1 { color:#10213a; }
html:not([data-theme="black"]) .dashboard-v8 .dashboard-v6-header > div:first-child > p { color:#66768c; }
html:not([data-theme="black"]) .dashboard-v8 .dashboard-v6-status { color:#718096; }
html:not([data-theme="black"]) .dashboard-v8 .dashboard-v6-header-actions time { color:#53647a; border-color:#d7e0ea; background:#fff; }
html:not([data-theme="black"]) .dashboard-command-tabs { border-color:#d8e1ec; background:#fff; box-shadow:0 6px 16px rgba(31,50,76,.06); }
html:not([data-theme="black"]) .dashboard-command-tabs button { color:#53647b; border-color:transparent; background:transparent; }
html:not([data-theme="black"]) .dashboard-command-tabs button i { color:#356b9e; background:#eaf2fa; }
html:not([data-theme="black"]) .dashboard-command-tabs button:hover { color:#132943; border-color:#dce5ef; background:#f2f6fa; }
html:not([data-theme="black"]) .dashboard-command-tabs button.active { color:#fff; border-color:#1d5385; background:linear-gradient(135deg,#173c65,#24669f); }
html:not([data-theme="black"]) .dashboard-command-tabs button.active i { color:#fff; background:rgba(255,255,255,.14); }

html:not([data-theme="black"]) .dashboard-v8-kpis .dashboard-kpi,
html:not([data-theme="black"]) .dashboard-v8-kpis .dashboard-kpi:nth-child(n) { color:#17243a; border-color:#dce4ed; background:#fff; box-shadow:0 8px 22px rgba(29,48,76,.065); }
html:not([data-theme="black"]) .dashboard-v8-kpis .dashboard-kpi:nth-child(1) { border-color:#bfe6d5; background:linear-gradient(145deg,#f5fffb,#e9f8f1); }
html:not([data-theme="black"]) .dashboard-v8-kpis .dashboard-kpi:nth-child(2) { border-color:#cfe0f2; background:linear-gradient(145deg,#fff,#edf5fc); }
html:not([data-theme="black"]) .dashboard-v8-kpis .dashboard-kpi:nth-child(3) { border-color:#f0ddc6; background:linear-gradient(145deg,#fffdf9,#fff3e8); }
html:not([data-theme="black"]) .dashboard-v8-kpis .dashboard-kpi:nth-child(4) { border-color:#ddd7f2; background:linear-gradient(145deg,#fff,#f4f0fc); }
html:not([data-theme="black"]) .dashboard-v8-kpis .dashboard-kpi:nth-child(5) { border-color:#cce6eb; background:linear-gradient(145deg,#fff,#eefafb); }
html:not([data-theme="black"]) .dashboard-v8-kpis .dashboard-kpi > span,
html:not([data-theme="black"]) .dashboard-v8-kpis .dashboard-kpi:nth-child(n) > span { color:#5d6e84; }
html:not([data-theme="black"]) .dashboard-v8-kpis .dashboard-kpi:nth-child(1) > span { color:#13825d; }
html:not([data-theme="black"]) .dashboard-v8-kpis .dashboard-kpi > strong,
html:not([data-theme="black"]) .dashboard-v8-kpis .dashboard-kpi:nth-child(n) > strong { color:#14243b; }
html:not([data-theme="black"]) .dashboard-v8-kpis .dashboard-kpi > small,
html:not([data-theme="black"]) .dashboard-v8-kpis .dashboard-kpi:nth-child(n) > small { color:#728096; }
html:not([data-theme="black"]) .dashboard-v8-kpis .dashboard-kpi-status { border-color:#cce7da; background:linear-gradient(145deg,#f7fffb,#edf9f3); }
html:not([data-theme="black"]) .dashboard-v8-kpis .dashboard-kpi-status > strong { color:#11825b; }
html:not([data-theme="black"]) .dashboard-v8-kpis .dashboard-kpi-status > em { color:#19805e; }

html:not([data-theme="black"]) .dashboard-panel-logistics > .dashboard-logistics-card { color:#17243a; border-color:#cdddec; background:radial-gradient(circle at 88% -50%,rgba(77,147,207,.16),transparent 43%),linear-gradient(135deg,#fff,#eff6fc); box-shadow:0 10px 26px rgba(29,48,76,.08); }
html:not([data-theme="black"]) .dashboard-panel-logistics .dashboard-v6-card-heading h2 { color:#213650; }
html:not([data-theme="black"]) .dashboard-panel-logistics .dashboard-v6-card-heading > div:first-child > span { color:#c65325; }
html:not([data-theme="black"]) .dashboard-panel-logistics .dashboard-auto-status { color:#087859; background:#e7f8f1; }
html:not([data-theme="black"]) .dashboard-panel-logistics .dashboard-logistics-main { border-color:#d6e2ed; }
html:not([data-theme="black"]) .dashboard-panel-logistics .dashboard-logistics-deadline > strong { color:#e75d24; }
html:not([data-theme="black"]) .dashboard-panel-logistics .dashboard-logistics-deadline > span:last-child,
html:not([data-theme="black"]) .dashboard-panel-logistics .dashboard-logistics-main p,
html:not([data-theme="black"]) .dashboard-panel-logistics .dashboard-logistics-footer small { color:#68798f; }
html:not([data-theme="black"]) .dashboard-panel-logistics .dashboard-logistics-metrics { border-color:#d6e2ed; background:rgba(255,255,255,.78); }
html:not([data-theme="black"]) .dashboard-panel-logistics .dashboard-logistics-metrics > span { border-left-color:#dce5ee; }
html:not([data-theme="black"]) .dashboard-panel-logistics .dashboard-logistics-metrics strong { color:#182a42; }
html:not([data-theme="black"]) .dashboard-panel-logistics .dashboard-logistics-metrics small { color:#748397; }
html:not([data-theme="black"]) .dashboard-panel-logistics .dashboard-logistics-progress > div { color:#6b7a90; }
html:not([data-theme="black"]) .dashboard-panel-logistics .dashboard-logistics-progress > div strong { color:#1b2d45; }
html:not([data-theme="black"]) .dashboard-panel-logistics .dashboard-logistics-progress > i { background:#dbe5ee; }
html:not([data-theme="black"]) .dashboard-panel-logistics .dashboard-logistics-stage-note { color:#6e7e93; }
html:not([data-theme="black"]) .dashboard-panel-logistics .dashboard-logistics-footer { border-color:#d9e3ed; }

html:not([data-theme="black"]) .dashboard-executive-grid .dashboard-v6-card,
html:not([data-theme="black"]) .dashboard-v73-commercial-stack,
html:not([data-theme="black"]) .dashboard-today-sales-block > .dashboard-v6-card,
html:not([data-theme="black"]) .dashboard-v73-attention-row .dashboard-attention-center,
html:not([data-theme="black"]) .dashboard-planning-block .dashboard-v6-card,
html:not([data-theme="black"]) .dashboard-executive-chart .dashboard-chart-card { color:#17243a; border-color:#dbe4ed; background:#fff; box-shadow:0 9px 24px rgba(29,48,76,.065); }
html:not([data-theme="black"]) .dashboard-executive-grid .dashboard-v6-card-heading h2,
html:not([data-theme="black"]) .dashboard-executive-grid .today-sales-heading h2,
html:not([data-theme="black"]) .dashboard-today-sales-block h2,
html:not([data-theme="black"]) .dashboard-planning-block h2,
html:not([data-theme="black"]) .dashboard-executive-chart .dashboard-chart-card .dashboard-v6-card-heading h2 { color:#15263e; }
html:not([data-theme="black"]) .dashboard-executive-grid .dashboard-v6-card-heading > div:first-child > span { color:#c65325; }
html:not([data-theme="black"]) .dashboard-executive-chart .dashboard-chart-card .dashboard-v6-card-heading > div:first-child > p { color:#6e7d91; }
html:not([data-theme="black"]) .dashboard-executive-chart .dashboard-chart-summary > span { border-color:#dfe7ef; background:#f6f9fc; }
html:not([data-theme="black"]) .dashboard-executive-chart .dashboard-chart-summary > span small { color:#68788e; }
html:not([data-theme="black"]) .dashboard-executive-chart .dashboard-chart-summary > span strong { color:#162840; }
html:not([data-theme="black"]) .dashboard-executive-chart .dashboard-chart-canvas { border-color:#dbe5ee; background:#f8fafc; }
html:not([data-theme="black"]) .dashboard-executive-chart .commerce-grid-line line { stroke:#d7e2ec; }
html:not([data-theme="black"]) .dashboard-executive-chart .commerce-grid-line text,
html:not([data-theme="black"]) .dashboard-executive-chart .commerce-date-label,
html:not([data-theme="black"]) .dashboard-executive-chart .commerce-profit-scale { fill:#63758d; }
html:not([data-theme="black"]) .dashboard-executive-products .dashboard-ranking-row { border-color:#e1e8f0; }
html:not([data-theme="black"]) .dashboard-executive-products .dashboard-ranking-row strong { color:#1a2b43; }
html:not([data-theme="black"]) .dashboard-executive-products .dashboard-ranking-row small { color:#708096; }
html:not([data-theme="black"]) .dashboard-executive-products .dashboard-ranking-row > b { color:#1b2d45; }
html:not([data-theme="black"]) .dashboard-questions-card .dashboard-question-list { background:transparent; }
html:not([data-theme="black"]) .dashboard-questions-card .dashboard-question-row { border-color:#e0e8f0; }
html:not([data-theme="black"]) .dashboard-questions-card .dashboard-question-copy > div strong { color:#1a2c44; }
html:not([data-theme="black"]) .dashboard-questions-card .dashboard-question-copy p { color:#33465e; background:#f2f6fa; }
html:not([data-theme="black"]) .dashboard-executive-side .dashboard-task-metrics button:nth-child(n) { color:#263950; border-color:#dce5ee; background:#f6f9fc; }
html:not([data-theme="black"]) .dashboard-executive-side .dashboard-task-metrics button:nth-child(n) strong { color:#182a42; }
html:not([data-theme="black"]) .dashboard-executive-side .dashboard-task-metrics button:nth-child(n) span { color:#6f7f94; }
html:not([data-theme="black"]) .dashboard-executive-side .dashboard-task-metrics button.danger { border-color:#f2ccd2; background:#fff4f5; }
html:not([data-theme="black"]) .dashboard-executive-side .dashboard-task-metrics button.warning { border-color:#efdcb8; background:#fff9ec; }
html:not([data-theme="black"]) .dashboard-executive-side .dashboard-task-metrics button.success { border-color:#c9e7da; background:#effaf5; }
html:not([data-theme="black"]) .dashboard-sales-detail-card .today-sales-heading { color:#17243a; border-color:#dce5ee; background:#fff; }
html:not([data-theme="black"]) .dashboard-sales-detail-card .today-sales-kpis strong { color:#17243a; }
html:not([data-theme="black"]) .dashboard-sales-detail-card .today-sales-table thead { background:#f3f6f9; }
html:not([data-theme="black"]) .dashboard-sales-detail-card .today-sales-table th { color:#607087; }
html:not([data-theme="black"]) .dashboard-sales-detail-card .today-sales-table td { color:#293a51; border-color:#e0e7ef; }
html:not([data-theme="black"]) .dashboard-sales-detail-card .today-sales-table tbody tr:hover { background:#f7fafc; }

/* Mercado Livre: preços ao vivo e painel profissional de vendas do dia */
.tariff-radar-shell{display:grid;gap:14px;padding:18px;background:linear-gradient(180deg,#f2fbf8 0,#fff 220px);min-height:560px}.tariff-radar-hero{display:flex;justify-content:space-between;gap:20px;padding:24px 26px;border:1px solid #b9dfd0;border-radius:18px;color:#f4fffb;background:linear-gradient(118deg,#0f4c45,#127967);box-shadow:0 14px 32px rgba(9,93,76,.13)}.tariff-radar-hero .eyebrow{margin:0;color:#8cf0c8}.tariff-radar-hero h2{margin:5px 0 7px;color:#fff;font-size:1.45rem}.tariff-radar-hero p{max-width:700px;margin:0;color:#d8f8eb;font-size:.75rem;line-height:1.52}.tariff-radar-proof{display:flex;align-items:center;gap:7px;margin-top:13px;color:#b6efd9;font-size:.62rem;font-weight:750}.tariff-radar-proof i{width:7px;height:7px;border-radius:50%;background:#54f0b6;box-shadow:0 0 0 4px rgba(84,240,182,.15)}.tariff-radar-hero-actions{display:grid;align-content:start;gap:9px;min-width:212px}.tariff-radar-hero-actions .button{justify-content:center;color:#0a5143;background:#fff;border-color:#fff}.tariff-radar-hero-actions small{color:#c5ebde;font-size:.58rem;line-height:1.35}.tariff-radar-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.tariff-radar-kpis>button,.tariff-radar-kpis>article{display:grid;gap:3px;padding:14px 15px;border:1px solid #d8e9e3;border-radius:13px;background:#fff;text-align:left}.tariff-radar-kpis>button{cursor:pointer}.tariff-radar-kpis>button:hover,.tariff-radar-kpis>button.active{border-color:#2a9f7e;background:#f2fffa;box-shadow:0 7px 16px rgba(15,94,77,.08)}.tariff-radar-kpis span{color:#618178;font-size:.57rem;font-weight:900;letter-spacing:.065em;text-transform:uppercase}.tariff-radar-kpis strong{color:#123e37;font-size:1.2rem}.tariff-radar-kpis small{color:#74938a;font-size:.56rem}.tariff-radar-kpis .opportunity strong{color:#087d5d}.tariff-radar-kpis .danger strong{color:#bd3f46}.tariff-radar-kpis .warning strong{color:#a66c12}.tariff-radar-kpis .saving{border-color:#95dccc;background:linear-gradient(135deg,#effdf7,#fff)}.tariff-radar-guide{display:flex;flex-wrap:wrap;gap:8px;padding:0 2px}.tariff-radar-guide span{padding:6px 10px;border:1px solid #d4eae2;border-radius:999px;color:#47766a;background:#fff;font-size:.59rem;font-weight:750}.tariff-radar-toolbar{display:flex;align-items:end;gap:9px;padding:13px 15px;border:1px solid #d9e9e4;border-radius:13px;background:#fff}.tariff-radar-toolbar label{display:grid;flex:1;gap:5px}.tariff-radar-toolbar label span{color:#5d8177;font-size:.61rem;font-weight:850}.tariff-radar-toolbar input{height:37px;padding:0 11px;border:1px solid #c7e0d7;border-radius:8px;color:#173f38;background:#fbfffd;font:inherit;font-size:.74rem}.tariff-radar-results{overflow:hidden;border:1px solid #d7e8e1;border-radius:16px;background:#fff}.tariff-radar-results-head{display:flex;align-items:end;justify-content:space-between;gap:12px;padding:16px 19px;border-bottom:1px solid #e4efeb}.tariff-radar-results-head span{color:#27826c;font-size:.57rem;font-weight:900;letter-spacing:.07em}.tariff-radar-results-head h3{margin:4px 0 0;color:#173e37;font-size:.94rem}.tariff-radar-results-head small{color:#728d85;font-size:.57rem}.tariff-radar-list{display:grid}.tariff-radar-card{display:grid;grid-template-columns:minmax(240px,1.75fr) repeat(4,minmax(105px,.75fr)) minmax(130px,.8fr) minmax(160px,1fr);gap:11px;align-items:center;padding:15px 18px;border-bottom:1px solid #e8f0ed}.tariff-radar-card:last-child{border-bottom:0}.tariff-radar-card.opportunity{background:linear-gradient(90deg,#f2fff9,#fff 42%);box-shadow:inset 3px 0 #16aa77}.tariff-radar-card.below-pmr{box-shadow:inset 3px 0 #e39831}.tariff-radar-card.opportunity.below-pmr{background:linear-gradient(90deg,#fffaf0,#fff 42%);box-shadow:inset 3px 0 #d88b20}.tariff-radar-product{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center}.tariff-radar-product .product-thumb{width:42px;height:42px}.tariff-radar-product>div{display:grid;gap:4px;min-width:0}.tariff-radar-product strong{overflow:hidden;color:#173f38;font-size:.67rem;text-overflow:ellipsis;white-space:nowrap}.tariff-radar-product small{color:#6e8b83;font-size:.54rem}.tariff-radar-tax{width:max-content;padding:3px 6px;border-radius:99px;color:#26715d;background:#e4f8ee;font-size:.5rem;font-weight:850}.tariff-radar-fact,.tariff-radar-floor{display:grid;gap:4px}.tariff-radar-fact small,.tariff-radar-floor small{color:#739088;font-size:.52rem;text-transform:uppercase;letter-spacing:.045em}.tariff-radar-fact strong{color:#183f38;font-size:.72rem}.tariff-radar-fact span,.tariff-radar-floor span{color:#769088;font-size:.54rem;line-height:1.3}.tariff-radar-fact.saving strong{color:#087d5d}.tariff-radar-floor{padding-left:10px;border-left:1px solid #dfebe6}.tariff-radar-floor b{color:#224c43}.tariff-radar-margin{width:max-content;padding:4px 7px;border-radius:99px;font-size:.6rem;font-weight:900}.tariff-radar-margin.target{color:#087759;background:#e1f8ed}.tariff-radar-margin.minimum{color:#97610c;background:#fff3d5}.tariff-radar-margin.unsafe{color:#b93743;background:#ffebed}.tariff-radar-margin.pending{color:#687e78;background:#edf3f1}.tariff-radar-actions{display:grid;gap:7px;justify-items:start}.tariff-radar-actions .button{padding:8px 10px;font-size:.58rem;white-space:nowrap}.tariff-radar-pmr{color:#9b5e07;font-size:.54rem;line-height:1.35}.tariff-radar-pmr b{font-size:.62rem}.tariff-radar-pmr.ok{color:#14815d}.tariff-radar-pmr.neutral{color:#778b85}.tariff-radar-empty{display:grid;gap:6px;padding:55px 20px;color:#6d8880;text-align:center}.tariff-radar-empty strong{color:#294e46}.tariff-radar-empty span{font-size:.66rem}.tariff-radar-note{padding:0 4px;color:#68847b;font-size:.6rem;line-height:1.45}.tariff-radar-note strong{color:#245b4e}body.theme-black .tariff-radar-shell{background:linear-gradient(180deg,#0f231f,#0d1828 220px)}body.theme-black .tariff-radar-kpis>button,body.theme-black .tariff-radar-kpis>article,body.theme-black .tariff-radar-toolbar,body.theme-black .tariff-radar-results,body.theme-black .tariff-radar-guide span{border-color:#294d44;background:#10241f;color:#c6dfd6}body.theme-black .tariff-radar-kpis strong,body.theme-black .tariff-radar-results-head h3,body.theme-black .tariff-radar-product strong,body.theme-black .tariff-radar-fact strong,body.theme-black .tariff-radar-floor b{color:#e5f6ef}body.theme-black .tariff-radar-card{border-color:#29463f}body.theme-black .tariff-radar-card.opportunity{background:linear-gradient(90deg,#12372d,#10241f 42%)}body.theme-black .tariff-radar-card.below-pmr{background:linear-gradient(90deg,#352715,#10241f 42%)}body.theme-black .tariff-radar-toolbar input{border-color:#325b50;background:#132d27;color:#e5f6ef}@media(max-width:1200px){.tariff-radar-card{grid-template-columns:minmax(240px,1.7fr) repeat(3,minmax(120px,1fr));}.tariff-radar-floor,.tariff-radar-actions{grid-column:auto}.tariff-radar-kpis{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.tariff-radar-shell{padding:12px}.tariff-radar-hero,.tariff-radar-results-head{align-items:stretch;flex-direction:column}.tariff-radar-kpis{grid-template-columns:1fr 1fr}.tariff-radar-kpis .saving{grid-column:1/-1}.tariff-radar-toolbar{align-items:stretch;flex-wrap:wrap}.tariff-radar-toolbar label{flex-basis:100%}.tariff-radar-card{grid-template-columns:1fr 1fr;padding:14px}.tariff-radar-product,.tariff-radar-actions{grid-column:1/-1}.tariff-radar-actions .button{width:100%;justify-content:center}}
.commerce-live-line {
  display:flex; align-items:center; gap:10px; margin:0 0 12px; padding:10px 13px;
  border:1px solid #c9e7dc; border-radius:12px; background:#f2fbf7; color:#31566a;
  font-size:.62rem;
}
.commerce-live-line > small { margin-left:auto; color:var(--muted); }
.commerce-live-line.compact { margin:0; padding:8px 11px; background:var(--surface-soft); border-color:var(--line); }
.today-sales-dashboard { display:grid; gap:16px; }
.ml-today-sales-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; }
.ml-today-sales-heading h3 { margin:3px 0 4px; color:var(--ink); font-size:1.35rem; letter-spacing:-.035em; }
.ml-today-sales-heading > div > span { color:var(--muted); font-size:.68rem; }
.ml-today-sales-kpis { display:grid; grid-template-columns:1.35fr repeat(4,minmax(135px,1fr)); gap:10px; }
.ml-today-sales-kpis article {
  position:relative; overflow:hidden; display:grid; gap:5px; min-height:105px; padding:16px;
  border:1px solid var(--line); border-radius:15px; background:var(--surface); box-shadow:0 8px 24px rgba(18,38,66,.06);
}
.ml-today-sales-kpis article::after { content:""; position:absolute; right:-28px; bottom:-40px; width:95px; height:95px; border-radius:50%; background:color-mix(in srgb, var(--blue) 9%, transparent); }
.ml-today-sales-kpis article span { color:var(--muted); font-size:.56rem; font-weight:850; letter-spacing:.04em; text-transform:uppercase; }
.ml-today-sales-kpis article strong { position:relative; z-index:1; color:var(--ink); font-size:1.28rem; letter-spacing:-.04em; }
.ml-today-sales-kpis article small { color:var(--muted); font-size:.55rem; }
.ml-today-sales-kpis article.primary { color:#fff; border-color:#174c80; background:linear-gradient(135deg,#102f53,#0c5792); }
.ml-today-sales-kpis article.primary :is(span,strong,small) { color:#fff; }
.ml-today-sales-kpis article.profit strong { color:#07865f; }
.ml-today-sales-kpis article.margin strong { color:#e76024; }
.today-sales-list { display:grid; gap:11px; }
.today-sale-card {
  overflow:hidden; border:1px solid var(--line); border-radius:16px; background:var(--surface);
  box-shadow:0 8px 28px rgba(18,38,66,.055); transition:transform .16s ease,box-shadow .16s ease;
}
.today-sale-card:hover { transform:translateY(-1px); box-shadow:0 12px 32px rgba(18,38,66,.09); }
.today-sale-card > header { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 16px; border-bottom:1px solid var(--line); background:var(--surface-soft); }
.today-sale-card > header > div { display:flex; align-items:center; gap:10px; }
.today-sale-card > header strong { color:var(--ink); font-size:.7rem; }
.today-sale-time { padding:5px 8px; border-radius:8px; background:#e7f2ff; color:#135b9e; font-size:.56rem; font-weight:850; }
.today-sale-products { display:grid; gap:9px; padding:14px 16px; }
.today-sale-product { display:grid; grid-template-columns:68px minmax(0,1fr); align-items:center; gap:13px; }
.today-sale-photo,.sale-order-thumb { width:68px; height:68px; border:1px solid var(--line); border-radius:12px; background:#fff; object-fit:contain; }
.today-sale-product > div { min-width:0; display:grid; gap:4px; }
.today-sale-product > div > strong { overflow:hidden; color:var(--ink); font-size:.75rem; text-overflow:ellipsis; white-space:nowrap; }
.today-sale-product > div > span,.today-sale-product > div > small { color:var(--muted); font-size:.57rem; }
.today-sale-financials { display:grid; grid-template-columns:repeat(4,minmax(110px,1fr)); border-block:1px solid var(--line); background:var(--surface-soft); }
.today-sale-financials > span { display:grid; gap:4px; padding:11px 16px; border-right:1px solid var(--line); }
.today-sale-financials > span:last-child { border-right:0; }
.today-sale-financials small { color:var(--muted); font-size:.51rem; font-weight:800; text-transform:uppercase; }
.today-sale-financials strong { color:var(--ink); font-size:.73rem; }
.today-sale-card > footer { display:flex; align-items:center; gap:9px; padding:10px 16px; }
.today-sale-promotion,.today-sale-benefit { padding:5px 8px; border-radius:999px; color:var(--muted); background:var(--surface-soft); font-size:.52rem; font-weight:750; }
.today-sale-promotion.active { color:#8a4d00; background:#fff1d7; }
.today-sale-benefit { color:#087758; background:#e9f8f2; }
.today-sale-card.is-cancelled { opacity:.62; }
.sale-products-with-image > span { display:grid; grid-template-columns:44px minmax(0,1fr); align-items:center; gap:8px; }
.sale-products-with-image > span > span { min-width:0; display:grid; gap:2px; }
.sale-products-with-image .sale-order-thumb { width:44px; height:44px; border-radius:9px; }

html[data-theme="black"] .commerce-live-line { color:#b9d7e7; border-color:#245447; background:#0b211c; }
html[data-theme="black"] .commerce-live-line.compact { border-color:#25405a; background:#0d2033; }
html[data-theme="black"] .ml-today-sales-kpis article,
html[data-theme="black"] .today-sale-card { border-color:#203d58; background:#091b2d; box-shadow:none; }
html[data-theme="black"] .today-sale-card > header,
html[data-theme="black"] .today-sale-financials { border-color:#203d58; background:#0d2338; }
html[data-theme="black"] .today-sale-time { color:#8bc6ff; background:#133453; }
html[data-theme="black"] .today-sale-photo,
html[data-theme="black"] .sale-order-thumb { border-color:#29445b; background:#fff; }
html[data-theme="black"] .today-sale-promotion { background:#14283c; }
html[data-theme="black"] .today-sale-promotion.active { color:#ffc56d; background:#382711; }
html[data-theme="black"] .today-sale-benefit { color:#6fe1b5; background:#103527; }

@media (max-width: 1050px) {
  .ml-today-sales-kpis { grid-template-columns:repeat(2,minmax(145px,1fr)); }
  .ml-today-sales-kpis article.primary { grid-column:span 2; }
}
@media (max-width: 680px) {
  .commerce-live-line { align-items:flex-start; flex-wrap:wrap; }
  .commerce-live-line > small { width:100%; margin-left:0; }
  .ml-today-sales-heading { display:grid; }
  .ml-today-sales-heading .commerce-live-line { width:100%; }
  .ml-today-sales-kpis { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:4px; }
  .ml-today-sales-kpis article,.ml-today-sales-kpis article.primary { min-width:78vw; grid-column:auto; scroll-snap-align:start; }
  .today-sale-card > header { align-items:flex-start; }
  .today-sale-card > header > div { display:grid; gap:5px; }
  .today-sale-product { grid-template-columns:76px minmax(0,1fr); }
  .today-sale-photo { width:76px; height:76px; }
  .today-sale-product > div > strong { white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
  .today-sale-financials { grid-template-columns:repeat(2,1fr); }
  .today-sale-financials > span:nth-child(2) { border-right:0; }
  .today-sale-financials > span:nth-child(-n+2) { border-bottom:1px solid var(--line); }
  .today-sale-card > footer { align-items:flex-start; flex-direction:column; }
}
html:not([data-theme="black"]) .dashboard-sales-detail-card .dashboard-product strong { color:#17283f; }

/* Pós-venda oficial Mercado Livre 5.23 */
.nav-tone-post-sales > .nav-icon { color:#ff7a45; background:rgba(247,104,43,.12); }
.post-sales-page { max-width:none; }
.post-sales-shell { display:grid; gap:16px; }
.post-sales-answer-form{display:grid;gap:14px}.post-sales-answer-context{display:grid;gap:5px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft)}.post-sales-answer-context strong{color:var(--ink)}.post-sales-answer-context span,.post-sales-answer-context p{margin:0;color:var(--muted);font-size:.78rem;line-height:1.45}.post-sales-answer-form textarea{min-height:132px;resize:vertical}.question-action-done{font-size:.66rem;font-weight:800;color:#23835f}
.post-sales-case-detail{display:grid;gap:15px}.post-sales-case-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.post-sales-case-detail-grid>div{display:grid;gap:4px;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft)}.post-sales-case-detail-grid span{font-size:.64rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.post-sales-case-detail-grid strong{font-size:.82rem;color:var(--ink)}.post-sales-case-detail section{display:grid;gap:8px}.post-sales-case-detail h3{margin:0;font-size:.88rem;color:var(--ink)}.post-sales-case-detail section>p{margin:0;color:var(--muted);font-size:.79rem}.post-sales-case-detail ul{display:grid;gap:7px;margin:0;padding:0;list-style:none}.post-sales-case-detail li{display:flex;flex-wrap:wrap;gap:5px 8px;align-items:center;padding:9px 10px;border:1px solid var(--line);border-radius:9px;font-size:.77rem}.post-sales-case-detail li strong{color:var(--ink)}.post-sales-case-detail li span{color:var(--muted)}.post-sales-case-detail li em{font-style:normal;font-size:.64rem;font-weight:800;color:#b84a1b}.post-sales-message-list{display:grid;gap:8px;max-height:270px;overflow:auto}.post-sales-message-list article{display:grid;grid-template-columns:auto 1fr;gap:3px 9px;padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--surface-soft)}.post-sales-message-list strong{font-size:.72rem;color:var(--ink)}.post-sales-message-list span{font-size:.66rem;color:var(--muted);text-align:right}.post-sales-message-list p{grid-column:1/-1;margin:3px 0 0;color:var(--ink);font-size:.76rem;line-height:1.45}@media(max-width:560px){.post-sales-case-detail-grid{grid-template-columns:1fr}}
.post-sales-shell .page-header { margin-bottom:0; }
.post-sales-live { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:13px 16px; border:1px solid #bfe8d8; border-radius:14px; color:#12694f; background:#effaf6; }
.post-sales-live > div { display:flex; align-items:center; gap:8px; }
.post-sales-live i { width:8px; height:8px; border-radius:50%; background:#18a875; box-shadow:0 0 0 5px rgba(24,168,117,.12); }
.post-sales-live span,.post-sales-live small { color:#5d786e; font-size:.76rem; }
.post-sales-kpis { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; }
.post-sales-kpis article { position:relative; min-height:118px; overflow:hidden; padding:18px; border:1px solid var(--line); border-radius:16px; background:var(--surface); box-shadow:var(--shadow-sm); }
.post-sales-kpis article::after { content:""; position:absolute; inset:auto -22px -38px auto; width:90px; height:90px; border-radius:50%; background:color-mix(in srgb,var(--case-color) 13%,transparent); }
.post-sales-kpis span { display:block; color:var(--muted); font-size:.7rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.post-sales-kpis strong { display:block; margin:10px 0 4px; color:var(--case-color); font-size:2rem; line-height:1; }
.post-sales-kpis small { color:var(--muted); font-size:.72rem; }
.post-sales-kpis .danger { --case-color:#dc3f50; }.post-sales-kpis .orange { --case-color:#f7682b; }.post-sales-kpis .blue { --case-color:#3274dc; }.post-sales-kpis .violet { --case-color:#805ad5; }.post-sales-kpis .warning { --case-color:#d99a08; }
.post-sales-filters { display:grid; grid-template-columns:minmax(250px,1.6fr) repeat(3,minmax(135px,.75fr)) auto auto; align-items:end; gap:10px; padding:14px; border:1px solid var(--line); border-radius:16px; background:var(--surface); box-shadow:var(--shadow-sm); }
.post-sales-filters label { display:grid; gap:6px; }
.post-sales-filters label > span { color:var(--muted); font-size:.66rem; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }
.post-sales-filters input,.post-sales-filters select { width:100%; height:42px; padding:0 12px; border:1px solid var(--line-strong); border-radius:10px; outline:none; color:var(--ink); background:var(--surface-soft); }
.post-sales-filters input:focus,.post-sales-filters select:focus { border-color:var(--orange); box-shadow:0 0 0 3px var(--orange-soft); }
.post-sales-result-head { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:0 3px; }
.post-sales-result-head > div { display:flex; align-items:baseline; gap:10px; }.post-sales-result-head span,.post-sales-result-head small { color:var(--muted); font-size:.74rem; }
.post-sales-list { display:grid; gap:9px; }
.post-sales-case { display:grid; grid-template-columns:minmax(260px,2.1fr) minmax(120px,.75fr) minmax(120px,.75fr) minmax(145px,.85fr) minmax(145px,.9fr) minmax(120px,.7fr); align-items:center; gap:16px; padding:14px 16px; border:1px solid var(--line); border-left:4px solid #5b6df8; border-radius:14px; background:var(--surface); box-shadow:var(--shadow-sm); }
.post-sales-case.is-urgent { border-left-color:#e7a912; }.post-sales-case.is-overdue { border-left-color:#dc3f50; }
.post-sales-case > div { display:grid; gap:5px; min-width:0; }.post-sales-case strong { overflow:hidden; color:var(--ink); font-size:.82rem; text-overflow:ellipsis; white-space:nowrap; }.post-sales-case small { overflow:hidden; color:var(--muted); font-size:.67rem; text-overflow:ellipsis; white-space:nowrap; }
.post-sales-actions { align-content:center; justify-items:start; }.post-sales-actions .button { min-height:30px; padding:0 9px; font-size:.61rem; }.post-sales-actions .text-button { padding:0; font-size:.6rem; }
.post-sales-product { grid-template-columns:auto minmax(0,1fr)!important; align-items:center; }
.post-sales-thumb { display:grid!important; place-items:center; width:48px; height:48px; overflow:hidden; border:1px solid var(--line); border-radius:10px; color:#5270a1; background:#f3f6fa; font-size:.66rem; font-weight:900; }.post-sales-thumb img { width:100%; height:100%; object-fit:contain; }
.post-sales-label { color:var(--muted); font-size:.61rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.post-sales-kind,.post-sales-status,.post-sales-deadline,.post-sales-no-deadline { justify-self:start; padding:5px 8px; border-radius:999px; font-size:.7rem; font-weight:800; }
.post-sales-kind.claim { color:#b94c1e; background:#fff0e9; }.post-sales-kind.return { color:#1c60b0; background:#eaf3ff; }.post-sales-kind.mediation { color:#6843af; background:#f1ebff; }
.post-sales-status.open { color:#b82e41; background:#fff0f2; }.post-sales-status.closed { color:#087757; background:#e9f8f2; }
.post-sales-deadline { color:#3a5879; background:#eef4fa; }.post-sales-deadline.urgent { color:#956400; background:#fff6d8; }.post-sales-deadline.overdue { color:#b52e40; background:#fff0f2; }.post-sales-no-deadline { color:var(--muted); background:var(--surface-soft); }
.post-sales-empty,.post-sales-access-error { display:flex; align-items:center; justify-content:center; gap:15px; min-height:180px; padding:28px; border:1px dashed var(--line-strong); border-radius:16px; background:var(--surface); text-align:center; }.post-sales-empty { flex-direction:column; }.post-sales-empty > span,.post-sales-access-error > span { display:grid; place-items:center; width:42px; height:42px; border-radius:50%; color:#087757; background:#e9f8f2; font-size:1.2rem; font-weight:900; }.post-sales-empty strong { font-size:1rem; }.post-sales-empty small,.post-sales-access-error p,.post-sales-access-error small { color:var(--muted); }
.post-sales-access-error { justify-content:flex-start; text-align:left; }.post-sales-access-error > div { flex:1; }.post-sales-access-error p { margin:5px 0; }
html[data-theme="black"] .post-sales-live { color:#72e1b6; border-color:#1e5c49; background:#0b2d24; }
html[data-theme="black"] .post-sales-live span,html[data-theme="black"] .post-sales-live small { color:#84ad9e; }
html[data-theme="black"] .post-sales-thumb { color:#95abc5; background:#111c2b; }
html[data-theme="black"] .post-sales-kind.claim { color:#ff9a6e; background:#3b2118; }html[data-theme="black"] .post-sales-kind.return { color:#84b8ff; background:#142c4b; }html[data-theme="black"] .post-sales-kind.mediation { color:#bca0fa; background:#2b2045; }
html[data-theme="black"] .post-sales-status.open,html[data-theme="black"] .post-sales-deadline.overdue { color:#ff8f9c; background:#421d25; }html[data-theme="black"] .post-sales-status.closed { color:#76dcb7; background:#12372c; }html[data-theme="black"] .post-sales-deadline.urgent { color:#ffd16a; background:#403318; }
@media (max-width:1200px) { .post-sales-kpis { grid-template-columns:repeat(3,1fr); }.post-sales-case { grid-template-columns:minmax(260px,1.8fr) repeat(2,minmax(135px,1fr)); }.post-sales-case > div:nth-child(4),.post-sales-case > div:nth-child(5) { padding-top:10px; border-top:1px solid var(--line); }.post-sales-filters { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:720px) { .post-sales-kpis { display:flex; overflow:auto; scroll-snap-type:x mandatory; }.post-sales-kpis article { flex:0 0 154px; scroll-snap-align:start; }.post-sales-live,.post-sales-result-head { align-items:flex-start; flex-direction:column; }.post-sales-filters { grid-template-columns:1fr; }.post-sales-case { grid-template-columns:1fr 1fr; }.post-sales-product { grid-column:1/-1; }.post-sales-case > div:nth-child(n) { padding-top:8px; border-top:1px solid var(--line); }.post-sales-product { padding-top:0!important; border-top:0!important; } }

/* Funil de vendas explicativo 5.23 */
.sales-funnel-v2 { display:grid; gap:16px; }
.funnel-command-grid { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(330px,.7fr); gap:14px; }
.funnel-flow-card,.funnel-action-center,.funnel-ads-panel { padding:18px; border:1px solid var(--line); border-radius:16px; background:var(--surface); box-shadow:var(--shadow-sm); }
.funnel-section-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:14px; }.funnel-section-heading span { color:var(--orange); font-size:.64rem; font-weight:900; letter-spacing:.09em; }.funnel-section-heading h3 { margin:3px 0 0; font-size:1.05rem; }.funnel-section-heading small { color:var(--muted); font-size:.7rem; }
.sales-funnel-flow.detailed { grid-template-columns:repeat(9,auto); gap:8px; }.sales-funnel-flow.detailed article { min-width:0; padding:14px 11px; }.sales-funnel-flow.detailed article strong { font-size:1.2rem; }
.funnel-action-center { display:grid; align-content:start; gap:7px; }.funnel-action-center .funnel-section-heading { margin-bottom:3px; }.funnel-action-center > button { display:grid; grid-template-columns:28px minmax(0,1fr) auto; align-items:center; gap:9px; width:100%; padding:9px; border:1px solid var(--line); border-radius:10px; text-align:left; background:var(--surface-soft); cursor:pointer; }.funnel-action-center > button > b { display:grid; place-items:center; width:28px; height:28px; border-radius:8px; color:#fff; background:var(--orange); font-size:.7rem; }.funnel-action-center > button span { display:grid; min-width:0; gap:2px; }.funnel-action-center > button strong,.funnel-action-center > button small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.funnel-action-center > button strong { font-size:.72rem; }.funnel-action-center > button small { color:var(--muted); font-size:.62rem; }.funnel-action-center > button em { color:var(--orange); font-style:normal; }
.sales-funnel-v2 .sales-funnel-alerts article { display:grid; align-content:center; min-height:105px; }.sales-funnel-v2 .sales-funnel-alerts article small { margin-top:4px; color:var(--muted); font-size:.63rem; }
.funnel-ads-panel { display:grid; }.funnel-ads-panel.is-connected { border-color:#bfded2; background:linear-gradient(135deg,var(--surface),color-mix(in srgb,#18a875 6%,var(--surface))); }.funnel-ads-flow { display:grid; grid-template-columns:repeat(5,1fr); gap:9px; }.funnel-ads-flow article { padding:13px; border:1px solid var(--line); border-radius:11px; background:color-mix(in srgb,var(--surface) 90%,transparent); }.funnel-ads-flow span,.funnel-ads-flow small { display:block; color:var(--muted); font-size:.66rem; }.funnel-ads-flow strong { display:block; margin:6px 0 3px; font-size:1.1rem; }.funnel-ads-loss { display:flex; flex-wrap:wrap; gap:8px 18px; margin-top:10px; color:var(--muted); font-size:.7rem; }.funnel-ads-loss strong { color:var(--ink); }.funnel-ads-unavailable { display:flex; align-items:center; gap:13px; padding:13px; border:1px dashed var(--line-strong); border-radius:12px; background:var(--surface-soft); }.funnel-ads-unavailable > span { display:grid; place-items:center; width:42px; height:42px; border-radius:11px; color:#fff; background:#2d5d9e; font-weight:900; }.funnel-ads-unavailable p { margin:4px 0 0; color:var(--muted); font-size:.72rem; }
.sales-funnel-v2 .sales-funnel-table { max-height:620px; overflow:auto; border-radius:14px; }.sales-funnel-v2 .sales-funnel-table thead { position:sticky; z-index:2; top:0; }.funnel-unanswered { display:block; color:var(--red)!important; }.funnel-diagnosis { min-width:300px; }.funnel-diagnosis strong,.funnel-diagnosis small,.funnel-diagnosis em { display:block; }.funnel-diagnosis small { max-width:390px; margin-top:4px; color:var(--muted); line-height:1.35; }.funnel-diagnosis em { margin-top:5px; color:#16845f; font-size:.66rem; font-style:normal; font-weight:800; }
.sales-funnel-v2 .sales-funnel-note { padding:14px 16px; border:1px solid var(--line); border-radius:12px; color:var(--muted); background:var(--surface-soft); line-height:1.5; }.sales-funnel-v2 .sales-funnel-note strong { color:var(--ink); }
@media (max-width:1250px) { .funnel-command-grid { grid-template-columns:1fr; }.sales-funnel-flow.detailed { overflow:auto; }.funnel-ads-flow { grid-template-columns:repeat(3,1fr); } }
@media (max-width:720px) { .funnel-ads-flow { grid-template-columns:1fr 1fr; }.sales-funnel-flow.detailed { display:flex; }.sales-funnel-flow.detailed article { flex:0 0 150px; }.sales-funnel-flow.detailed > b { transform:rotate(0); }.funnel-action-center { min-width:0; } }
.funnel-reading { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(460px,.9fr); gap:18px; padding:18px; border:1px solid color-mix(in srgb,var(--orange) 45%,var(--line)); border-radius:16px; background:linear-gradient(135deg,color-mix(in srgb,var(--orange) 7%,var(--surface)),var(--surface)); box-shadow:var(--shadow-sm); }
.funnel-reading > div:first-child > span { color:var(--orange); font-size:.64rem; font-weight:900; letter-spacing:.09em; }.funnel-reading h3 { margin:5px 0 7px; font-size:1.08rem; }.funnel-reading p { margin:0; color:var(--muted); font-size:.74rem; line-height:1.55; }.funnel-reading p strong,.funnel-reading p b { color:var(--ink); }
.funnel-reading-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }.funnel-reading-steps article { display:flex; align-items:flex-start; gap:8px; padding:10px; border:1px solid var(--line); border-radius:11px; background:var(--surface); }.funnel-reading-steps article > b { display:grid; place-items:center; flex:0 0 24px; width:24px; height:24px; border-radius:7px; color:#fff; background:var(--orange); font-size:.68rem; }.funnel-reading-steps span,.funnel-reading-steps strong,.funnel-reading-steps small { display:block; }.funnel-reading-steps strong { font-size:.7rem; }.funnel-reading-steps small { margin-top:3px; color:var(--muted); font-size:.61rem; line-height:1.35; }
.funnel-ads-details { display:grid; grid-template-columns:repeat(6,1fr); gap:8px; margin-top:10px; }.funnel-ads-details > span { display:grid; gap:3px; padding:10px; border-radius:10px; background:var(--surface-soft); color:var(--muted); font-size:.65rem; }.funnel-ads-details strong { color:var(--ink); font-size:.8rem; }.funnel-ads-details small { color:var(--muted); font-size:.58rem; line-height:1.3; }
.funnel-ad-line { display:block; margin-top:6px; color:#2d7fc1; font-size:.64rem; font-weight:800; }
.funnel-glossary { overflow:hidden; border:1px solid var(--line); border-radius:14px; background:var(--surface); }.funnel-glossary summary { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:15px 17px; cursor:pointer; list-style:none; }.funnel-glossary summary::-webkit-details-marker { display:none; }.funnel-glossary summary span,.funnel-glossary summary strong,.funnel-glossary summary small { display:block; }.funnel-glossary summary strong { font-size:.8rem; }.funnel-glossary summary small { margin-top:3px; color:var(--muted); font-size:.65rem; }.funnel-glossary summary > b { color:var(--orange); font-size:.7rem; }.funnel-glossary > div { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; border-top:1px solid var(--line); background:var(--line); }.funnel-glossary article { padding:14px; background:var(--surface); }.funnel-glossary article strong { font-size:.72rem; }.funnel-glossary article p { margin:5px 0 0; color:var(--muted); font-size:.65rem; line-height:1.45; }
@media (max-width:1250px) { .funnel-reading { grid-template-columns:1fr; }.funnel-ads-details { grid-template-columns:repeat(3,1fr); } }
@media (max-width:720px) { .funnel-reading { padding:14px; }.funnel-reading-steps { grid-template-columns:1fr; }.funnel-ads-details,.funnel-glossary > div { grid-template-columns:1fr; } }

/* Gráfico comercial 6.3: escalas independentes e interação alinhada ao dia */
.dashboard-chart-card .dashboard-chart-canvas {
  overflow: hidden;
  border-radius: 17px;
  background: linear-gradient(180deg, #fbfdff 0%, #f4f8fc 100%);
}
.dashboard-chart-card .dashboard-chart-canvas svg { min-height: 270px; }
.commerce-chart-band { fill: rgba(66, 139, 214, .025); stroke: rgba(78, 113, 151, .08); }
.commerce-chart-band.profit-band { fill: rgba(240, 107, 53, .035); stroke: rgba(240, 107, 53, .1); }
.dashboard-chart-card .commerce-revenue-bar {
  filter: drop-shadow(0 5px 8px rgba(37, 126, 220, .16));
  transition: opacity .15s ease, filter .15s ease;
}
.dashboard-chart-card .commerce-profit-line { stroke-width: 3; }
.dashboard-chart-card .commerce-profit-point { stroke-width: 2.5; }
.commerce-profit-grid text { fill: #a75a38 !important; }
.commerce-profit-zero { stroke: rgba(240, 107, 53, .34); stroke-width: 1; stroke-dasharray: 3 5; }
.dashboard-chart-hotspots {
  inset: 0 var(--chart-right, 8.2%) 0 var(--chart-left, 8.8%);
  grid-template-columns: repeat(var(--chart-days, 14), minmax(0, 1fr));
}
.dashboard-chart-hotspot { cursor: pointer; }
.dashboard-chart-hotspot::after {
  top: 31px;
  bottom: 33px;
  width: 2px;
  border-radius: 999px;
  background: linear-gradient(180deg, transparent, rgba(35, 104, 171, .42), transparent);
}
.dashboard-chart-hotspot:focus-visible { border-radius: 9px; box-shadow: inset 0 0 0 2px rgba(39, 124, 240, .72); }
.dashboard-chart-tooltip { top: 34px; }
html[data-theme="black"] .dashboard-chart-card .dashboard-chart-canvas {
  border-color: #26364a;
  background: linear-gradient(180deg, #09131f 0%, #07101a 100%);
}
html[data-theme="black"] .commerce-chart-band { fill: rgba(72, 191, 255, .035); stroke: rgba(95, 156, 204, .14); }
html[data-theme="black"] .commerce-chart-band.profit-band { fill: rgba(255, 140, 93, .035); stroke: rgba(255, 140, 93, .14); }
html[data-theme="black"] .commerce-profit-grid text { fill: #d99b7c !important; }
html[data-theme="black"] .commerce-profit-zero { stroke: rgba(255, 140, 93, .42); }
@media (max-width: 720px) {
  .dashboard-v72-chart-section .dashboard-chart-canvas svg { height: 300px; min-height: 300px; max-height: 300px; }
}

/* Painel inicial: faixa de indicadores e logística aprovadas */
.dashboard-v8-kpis .dashboard-kpi-strip {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:0;
  overflow:hidden;
  margin:0;
  border:1px solid #d8e1ec;
  border-radius:11px;
  background:#fff;
  box-shadow:0 7px 20px rgba(25,47,76,.055);
}
.dashboard-v8-kpis .dashboard-kpi,
.dashboard-v8-kpis .dashboard-kpi:nth-child(n) {
  min-height:130px;
  padding:20px 16px;
  color:#172a45;
  border:0;
  border-left:1px solid #dce5ef;
  border-radius:0;
  background:#fff;
  box-shadow:none;
  text-align:left;
}
.dashboard-v8-kpis .dashboard-kpi:first-child { border-left:0; }
.dashboard-v8-kpis .dashboard-kpi::before,
.dashboard-v8-kpis .dashboard-kpi::after { display:none !important; content:none !important; }
.dashboard-v8-kpis .dashboard-kpi > span,
.dashboard-v8-kpis .dashboard-kpi:nth-child(n) > span {
  display:block;
  min-height:0;
  color:#627696;
  font-size:.62rem;
  font-weight:800;
  letter-spacing:.045em;
  line-height:1.2;
  text-transform:uppercase;
}
.dashboard-v8-kpis .dashboard-kpi > strong,
.dashboard-v8-kpis .dashboard-kpi:nth-child(n) > strong {
  display:block;
  margin-top:13px;
  color:#102743;
  font-size:1.5rem;
  font-weight:850;
  letter-spacing:-.04em;
}
.dashboard-v8-kpis .dashboard-kpi > strong.positive { color:#0d7d59; }
.dashboard-v8-kpis .dashboard-kpi > strong.negative { color:#c63f49; }
.dashboard-v8-kpis .dashboard-kpi > small,
.dashboard-v8-kpis .dashboard-kpi:nth-child(n) > small {
  display:block;
  min-height:25px;
  margin-top:9px;
  color:#6e8099;
  font-size:.58rem;
  font-weight:650;
  line-height:1.35;
}
.dashboard-v8-kpis .dashboard-kpi:first-child > small,
.dashboard-v8-kpis .dashboard-kpi:nth-child(2) > small,
.dashboard-v8-kpis .dashboard-kpi:nth-child(3) > small { color:#118260; }

.dashboard-panel-logistics > .dashboard-logistics-card {
  display:grid;
  grid-template-columns:178px minmax(0,1fr);
  grid-template-areas:"deadline metrics" "deadline progress" "deadline note" "deadline footer";
  gap:10px 18px;
  min-height:176px;
  margin:16px 0 0;
  padding:19px 20px 14px;
  overflow:hidden;
  color:#f1f6ff;
  border:1px solid #1a3559;
  border-radius:11px;
  background:#0b1931;
  box-shadow:0 10px 24px rgba(16,33,59,.14);
}
.dashboard-panel-logistics .dashboard-v6-card-heading { display:none; }
.dashboard-panel-logistics .dashboard-logistics-main {
  grid-area:deadline;
  align-self:start;
  margin:0;
  padding:5px 18px 6px 0;
  border-right:1px solid #223a5f;
}
.dashboard-panel-logistics .dashboard-logistics-deadline { display:grid; gap:5px; }
.dashboard-panel-logistics .dashboard-logistics-day {
  width:max-content;
  padding:3px 7px;
  color:#d7e5fa;
  border-radius:4px;
  background:#1a2e50;
  font-size:.52rem;
  font-weight:850;
  letter-spacing:.075em;
  text-transform:uppercase;
}
.dashboard-panel-logistics .dashboard-logistics-deadline > strong {
  margin-top:4px;
  color:#fff;
  font-size:2rem;
  letter-spacing:-.06em;
}
.dashboard-panel-logistics .dashboard-logistics-deadline > span:last-child,
.dashboard-panel-logistics .dashboard-logistics-main p,
.dashboard-panel-logistics .dashboard-logistics-footer small { color:#acbdd3; }
.dashboard-panel-logistics .dashboard-logistics-main p { margin-top:5px; font-size:.55rem; }
.dashboard-panel-logistics .dashboard-logistics-countdown {
  width:max-content;
  margin-top:12px;
  padding:7px 9px;
  color:#6be1b4;
  border-radius:5px;
  background:rgba(19,151,105,.15);
  font-size:.55rem;
  font-weight:800;
}
.dashboard-panel-logistics .dashboard-logistics-countdown.danger { color:#ffb0aa; background:rgba(196,55,61,.18); }
.dashboard-panel-logistics .dashboard-logistics-metrics {
  grid-area:metrics;
  grid-template-columns:repeat(5,minmax(0,1fr));
  align-self:start;
  min-height:70px;
  margin:0;
  border:1px solid #233d63;
  border-radius:7px;
  background:#0f2240;
}
.dashboard-panel-logistics .dashboard-logistics-metrics > span { min-height:68px; padding:12px 13px; border-left-color:#29476d; }
.dashboard-panel-logistics .dashboard-logistics-metrics strong { color:#fff; font-size:1.05rem; }
.dashboard-panel-logistics .dashboard-logistics-metrics small { margin-top:5px; color:#afc0d5; font-size:.5rem; line-height:1.25; }
.dashboard-panel-logistics .dashboard-logistics-metrics .packed strong { color:#55dba8; }
.dashboard-panel-logistics .dashboard-logistics-metrics .warning strong { color:#ffca7b; }
.dashboard-panel-logistics .dashboard-logistics-metrics .danger strong { color:#ff999f; }
.dashboard-panel-logistics .dashboard-logistics-progress { grid-area:progress; align-self:center; margin:0; }
.dashboard-panel-logistics .dashboard-logistics-progress > div { color:#adbed3; font-size:.54rem; }
.dashboard-panel-logistics .dashboard-logistics-progress > div strong { color:#e8f0fb; }
.dashboard-panel-logistics .dashboard-logistics-progress > i { height:7px; margin-top:6px; background:#243c60; }
.dashboard-panel-logistics .dashboard-logistics-progress > i > b { background:#119566; }
.dashboard-panel-logistics .dashboard-logistics-stage-note { grid-area:note; margin:0; color:#97aac2; font-size:.52rem; }
.dashboard-panel-logistics .dashboard-logistics-footer { grid-area:footer; margin:0; padding-top:5px; border-color:#243d62; }
.dashboard-panel-logistics .dashboard-logistics-footer .text-button { color:#83c4ff; }
.dashboard-panel-logistics .dashboard-logistics-priority,
.dashboard-panel-logistics .dashboard-logistics-next-day { display:none; }

html[data-theme="black"] .dashboard-v8-kpis .dashboard-kpi-strip { border-color:#2b405f; background:#101d31; }
html[data-theme="black"] .dashboard-v8-kpis .dashboard-kpi,
html[data-theme="black"] .dashboard-v8-kpis .dashboard-kpi:nth-child(n) { color:#e7effa; border-left-color:#2b405f; background:#101d31; }
html[data-theme="black"] .dashboard-v8-kpis .dashboard-kpi > span { color:#aebed5; }
html[data-theme="black"] .dashboard-v8-kpis .dashboard-kpi > strong { color:#f2f7ff; }
html[data-theme="black"] .dashboard-v8-kpis .dashboard-kpi > small { color:#9eb0c8; }
html[data-theme="black"] .dashboard-v8-kpis .dashboard-kpi:first-child > small,
html[data-theme="black"] .dashboard-v8-kpis .dashboard-kpi:nth-child(2) > small,
html[data-theme="black"] .dashboard-v8-kpis .dashboard-kpi:nth-child(3) > small { color:#64d9ad; }

@media (max-width:900px) {
  .dashboard-v8-kpis .dashboard-kpi-strip { display:flex; overflow-x:auto; scroll-snap-type:x proximity; }
  .dashboard-v8-kpis .dashboard-kpi,.dashboard-v8-kpis .dashboard-kpi:nth-child(n) { flex:0 0 194px; min-height:122px; scroll-snap-align:start; }
  .dashboard-panel-logistics > .dashboard-logistics-card { grid-template-columns:1fr; grid-template-areas:"deadline" "metrics" "progress" "note" "footer"; }
  .dashboard-panel-logistics .dashboard-logistics-main { padding:0 0 13px; border-right:0; border-bottom:1px solid #223a5f; }
}
@media (max-width:560px) {
  .dashboard-panel-logistics > .dashboard-logistics-card { margin-top:12px; padding:16px; }
  .dashboard-panel-logistics .dashboard-logistics-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .dashboard-panel-logistics .dashboard-logistics-metrics > span:first-child { grid-column:auto; }
  .dashboard-panel-logistics .dashboard-logistics-metrics > span { min-height:62px; }
}

/* Monitor Raptor: disponibilidade Rossi B2B */
.raptor-monitor-shell { display:grid; gap:17px; max-width:1480px; margin:0 auto; }
.raptor-status-card { display:flex; align-items:center; gap:12px; padding:18px 20px; color:#17304e; border:1px solid #cfe1ea; border-radius:14px; background:linear-gradient(115deg,#f6fffb,#edf8f4); box-shadow:0 8px 20px rgba(25,66,71,.05); }
.raptor-status-card.is-off { border-color:#ead6b6; background:#fffaf0; }.raptor-status-led { width:10px; height:10px; border-radius:50%; background:#18a875; box-shadow:0 0 0 5px rgba(24,168,117,.12); }.raptor-status-card.is-off .raptor-status-led { background:#d18a1e; box-shadow:0 0 0 5px rgba(209,138,30,.12); }.raptor-status-card > div:nth-child(2) { display:grid; gap:3px; }.raptor-status-card strong { font-size:.89rem; }.raptor-status-card span { color:#647993; font-size:.67rem; }
.raptor-status-card dl { display:grid; grid-template-columns:repeat(3,minmax(82px,1fr)); gap:18px; margin:0 0 0 auto; }.raptor-status-card dl div { display:grid; gap:3px; }.raptor-status-card dt { color:#71849b; font-size:.55rem; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }.raptor-status-card dd { margin:0; color:#17304e; font-size:1.1rem; font-weight:850; }
.raptor-warning { display:flex; gap:8px; padding:12px 16px; color:#875715; border:1px solid #edd3a4; border-radius:10px; background:#fff8e9; font-size:.71rem; }.raptor-warning strong { white-space:nowrap; }
.raptor-controls { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr); gap:12px; padding:14px; border:1px solid var(--line); border-radius:14px; background:var(--surface); }.raptor-controls form { display:flex; align-items:end; gap:10px; }.raptor-controls label { display:grid; flex:1; gap:5px; }.raptor-controls label > span { color:var(--muted); font-size:.61rem; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }.raptor-controls input,.raptor-controls select { min-width:0; height:39px; padding:0 11px; color:var(--ink); border:1px solid var(--line); border-radius:8px; background:var(--surface-soft); font:inherit; font-size:.75rem; }.raptor-controls .raptor-switch { display:flex; flex:0 0 auto; align-items:center; gap:8px; min-height:39px; padding:0 10px; border:1px solid var(--line); border-radius:8px; background:var(--surface-soft); }.raptor-controls .raptor-switch input { width:15px; height:15px; padding:0; }.raptor-controls .raptor-switch span { color:var(--ink); font-size:.67rem; letter-spacing:0; text-transform:none; }
.raptor-watch-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(345px,1fr)); gap:15px; }.raptor-watch-card { overflow:hidden; border:1px solid var(--line); border-radius:14px; background:var(--surface); box-shadow:0 7px 18px rgba(24,46,74,.04); }.raptor-watch-card > header { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; padding:17px 17px 12px; }.raptor-watch-card header > div:first-child { min-width:0; }.raptor-watch-card header > div:first-child > span,.raptor-events header > div > span { color:#1b8f69; font-size:.56rem; font-weight:850; letter-spacing:.085em; }.raptor-watch-card h2,.raptor-events h2 { margin:5px 0 0; color:var(--ink); font-size:1rem; letter-spacing:-.02em; }.raptor-watch-actions { display:flex; align-items:center; gap:7px; }.raptor-watch-actions em { padding:4px 7px; border-radius:5px; font-size:.55rem; font-style:normal; font-weight:850; white-space:nowrap; }.raptor-watch-actions em.found { color:#0b805a; background:#e7f8f0; }.raptor-watch-actions em.empty { color:#64768d; background:#f0f4f8; }.raptor-watch-actions em.error { color:#af6318; background:#fff2df; }.raptor-watch-actions em.pending { color:#627791; background:#eef3f8; }.raptor-watch-actions .button { min-height:28px; padding:5px 8px; font-size:.58rem; }
.raptor-watch-meta { display:flex; justify-content:space-between; gap:10px; padding:9px 17px; color:var(--muted); border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:var(--surface-soft); font-size:.61rem; }.raptor-watch-meta b { color:var(--ink); white-space:nowrap; }.raptor-product-list { display:grid; }.raptor-product { display:grid; grid-template-columns:34px minmax(0,1fr) auto; align-items:center; gap:10px; padding:11px 17px; color:inherit; text-decoration:none; border-bottom:1px solid var(--line); }.raptor-product:last-child { border-bottom:0; }.raptor-product:hover { background:var(--surface-soft); }.raptor-product-icon { display:grid; place-items:center; width:34px; height:34px; color:#fff; border-radius:7px; background:#1d6c57; font-size:.72rem; font-weight:850; }.raptor-product span:nth-child(2) { min-width:0; }.raptor-product strong,.raptor-product small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.raptor-product strong { color:var(--ink); font-size:.69rem; }.raptor-product small { margin-top:3px; color:var(--muted); font-size:.58rem; }.raptor-product > b { color:#1a7eaa; font-size:.58rem; white-space:nowrap; }.raptor-empty-result,.raptor-no-items { padding:24px 17px; color:var(--muted); font-size:.68rem; line-height:1.5; }.raptor-no-items { grid-column:1 / -1; text-align:center; border:1px dashed var(--line); border-radius:13px; background:var(--surface); }.raptor-no-items strong,.raptor-no-items span { display:block; }.raptor-no-items strong { color:var(--ink); }
.raptor-events { overflow:hidden; border:1px solid var(--line); border-radius:14px; background:var(--surface); }.raptor-events > header { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:16px 18px; border-bottom:1px solid var(--line); }.raptor-events > header small { color:var(--muted); font-size:.62rem; }.raptor-events > div > a { display:grid; grid-template-columns:8px minmax(0,1fr) auto; align-items:center; gap:10px; padding:11px 18px; color:inherit; text-decoration:none; border-bottom:1px solid var(--line); }.raptor-events > div > a:last-child { border-bottom:0; }.raptor-events > div > a:hover { background:var(--surface-soft); }.raptor-event-dot { width:8px; height:8px; border-radius:50%; background:#18a875; }.raptor-events a strong,.raptor-events a small { display:block; }.raptor-events a strong { color:var(--ink); font-size:.69rem; }.raptor-events a small,.raptor-events a time { color:var(--muted); font-size:.59rem; }.raptor-events a time { white-space:nowrap; }.raptor-events p { padding:20px 18px; color:var(--muted); font-size:.7rem; }
html[data-theme="black"] .raptor-status-card { color:#e3edf8; border-color:#224664; background:linear-gradient(115deg,#0d2c31,#10273a); }.raptor-status-card strong,html[data-theme="black"] .raptor-status-card dd { color:#edf6ff; }.raptor-status-card span,html[data-theme="black"] .raptor-status-card dt { color:#a9bed0; }.raptor-status-card.is-off { border-color:#5c4727; background:#2b2418; }.raptor-warning { color:#f1c47c; border-color:#5b4828; background:#2a2419; }.raptor-watch-actions em.empty,.raptor-watch-actions em.pending { color:#b6c7dc; background:#1d2b3e; }.raptor-watch-actions em.found { color:#75dfb5; background:#113b35; }.raptor-watch-actions em.error { color:#f4b263; background:#402d18; }.raptor-product-icon { background:#216e5b; }
@media (max-width:900px) { .raptor-controls { grid-template-columns:1fr; }.raptor-status-card { align-items:flex-start; flex-wrap:wrap; }.raptor-status-card dl { width:100%; margin:7px 0 0 22px; } }
@media (max-width:600px) { .raptor-status-card { padding:15px; }.raptor-status-card dl { grid-template-columns:repeat(3,1fr); gap:8px; margin-left:22px; }.raptor-controls form { align-items:stretch; flex-wrap:wrap; }.raptor-controls form > label:not(.raptor-switch) { flex-basis:100%; }.raptor-controls .button { flex:1; }.raptor-watch-card > header { align-items:flex-start; flex-direction:column; }.raptor-watch-actions { width:100%; justify-content:space-between; }.raptor-product { grid-template-columns:34px minmax(0,1fr); }.raptor-product > b { grid-column:2; }.raptor-events > header { align-items:flex-start; flex-direction:column; }.raptor-events > div > a { grid-template-columns:8px minmax(0,1fr); }.raptor-events a time { grid-column:2; } }

/* Monitor Raptor — painel compacto inspirado no monitor original */
.raptor-classic-shell { max-width:none; gap:14px; }
.raptor-classic-header { display:flex; align-items:center; justify-content:space-between; min-height:92px; padding:21px 28px; color:#fff; background:#14365f; }
.raptor-classic-header > div { display:grid; gap:3px; border-left:4px solid #ff922c; padding-left:15px; }.raptor-classic-header span { font-size:1.8rem; font-weight:900; letter-spacing:-.045em; }.raptor-classic-header small { font-size:.59rem; font-weight:800; letter-spacing:.05em; }.raptor-classic-header b { display:flex; align-items:center; gap:8px; color:#cbd8e8; font-size:.68rem; }.raptor-classic-header b i { width:8px; height:8px; border-radius:50%; background:#9eafc2; }.raptor-classic-header b.active { color:#ffb252; }.raptor-classic-header b.active i { background:#ff9a26; box-shadow:0 0 0 5px rgba(255,154,38,.14); }
.raptor-classic-header em { color:#d5e5f8; font-size:.56rem; font-style:normal; font-weight:600; letter-spacing:.01em; }
.raptor-classic-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }.raptor-classic-metrics article { display:grid; gap:10px; min-height:86px; padding:16px 19px; border:1px solid #e1e8f1; background:#fff; }.raptor-classic-metrics span { color:#5c78a1; font-size:.6rem; font-weight:800; }.raptor-classic-metrics strong { color:#1261bb; font-size:1.55rem; letter-spacing:-.04em; }.raptor-classic-metrics article:nth-child(2) strong { color:#ff922c; }
.raptor-classic-workspace { display:grid; grid-template-columns:minmax(0,1fr) 285px; gap:18px; align-items:end; }.raptor-classic-workspace form { display:flex; align-items:end; gap:14px; }.raptor-classic-workspace form label { display:grid; flex:1; gap:5px; color:#102f58; font-size:1.08rem; font-weight:800; }.raptor-classic-workspace input { height:39px; padding:0 10px; border:1px solid #bdcad9; background:#fff; color:#152e4a; font:inherit; font-size:.75rem; }.raptor-classic-workspace label small { color:#5f7ba3; font-size:.58rem; font-weight:500; }.raptor-classic-workspace aside { display:grid; gap:10px; padding:16px 18px; color:#fff; background:#14365f; }.raptor-classic-workspace aside strong { font-size:.7rem; }.raptor-classic-workspace aside span { color:#d3e0f0; font-size:.64rem; line-height:1.4; }.raptor-classic-workspace aside .button { justify-self:start; color:#173d69; background:#fff; border-color:#fff; }
.raptor-classic-settings { display:flex; align-items:center; gap:16px; padding:9px 2px; color:#526c8a; font-size:.68rem; }.raptor-classic-settings label { display:flex; align-items:center; gap:6px; }.raptor-classic-settings select { height:29px; border:1px solid #cbd7e6; border-radius:4px; background:#fff; color:#17304e; font:inherit; font-size:.67rem; }
.raptor-classic-table { overflow:auto; min-height:230px; border:1px solid #e2eaf3; background:#fff; }.raptor-classic-table table { width:100%; min-width:720px; border-collapse:collapse; }.raptor-classic-table th { padding:10px 13px; color:#51709b; background:#f7f9fc; border-bottom:1px solid #e2eaf3; text-align:left; font-size:.57rem; }.raptor-classic-table td { padding:10px 13px; color:#183758; border-bottom:1px solid #edf1f6; font-size:.7rem; vertical-align:middle; }.raptor-classic-row:last-child td { border-bottom:0; }.raptor-classic-row td:first-child { width:24%; }.raptor-classic-row td:first-child strong,.raptor-classic-row td:first-child small { display:block; }.raptor-classic-row td:first-child small { margin-top:3px; color:#7186a1; font-size:.56rem; }.raptor-classic-row.found { background:#fff8ee; }.raptor-classic-status { color:#62758d; font-weight:800; font-size:.64rem; }.raptor-classic-status.found { color:#b26711; }.raptor-last-found { display:block; margin-top:4px; color:#7186a1; font-size:.55rem; line-height:1.35; }.raptor-classic-result { display:grid; grid-template-columns:46px minmax(0,1fr); align-items:center; gap:10px; color:inherit; text-decoration:none; }.raptor-classic-result img,.raptor-photo-empty { width:46px; height:46px; object-fit:contain; border-radius:4px; background:#f2f5f9; }.raptor-photo-empty { display:grid; place-items:center; color:#fff; background:#1d6c57; font-weight:900; }.raptor-classic-result strong,.raptor-classic-result small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.raptor-classic-result strong { font-size:.68rem; }.raptor-classic-result small,.raptor-no-result { margin-top:3px; color:#7186a1; font-size:.58rem; }.raptor-no-result { padding:20px !important; text-align:center; }
.raptor-availability-history { overflow:hidden; border:1px solid #dfe9f3; border-radius:12px; background:#fff; }.raptor-availability-history > header { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:14px 17px; border-bottom:1px solid #e8eef5; background:#fbfdff; }.raptor-availability-history header span { display:block; color:#4973a3; font-size:.55rem; font-weight:900; letter-spacing:.1em; }.raptor-availability-history h2 { margin:4px 0 0; color:#15375b; font-size:.85rem; }.raptor-availability-history header small { color:#7186a1; font-size:.59rem; }.raptor-availability-history > article { display:grid; grid-template-columns:minmax(150px,1.25fr) repeat(3,minmax(110px,1fr)); gap:12px; align-items:center; padding:12px 17px; border-bottom:1px solid #edf2f7; }.raptor-availability-history > article:last-child { border-bottom:0; }.raptor-availability-history article div { display:grid; gap:3px; }.raptor-availability-history article span { color:#7489a1; font-size:.55rem; }.raptor-availability-history article strong { color:#183a5e; font-size:.65rem; }.raptor-history-empty { padding:20px; color:#73889f; font-size:.65rem; text-align:center; }
.raptor-photo-gallery { overflow:hidden; border:1px solid #dde6f0; background:#fff; }.raptor-photo-gallery header { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:15px 18px; border-bottom:1px solid #e7edf4; }.raptor-photo-gallery header span { color:#5276a5; font-size:.55rem; font-weight:900; letter-spacing:.07em; }.raptor-photo-gallery h2 { margin:4px 0 0; color:#173758; font-size:.94rem; }.raptor-photo-gallery header small { color:#7689a1; font-size:.58rem; }.raptor-photo-gallery > div { display:grid; grid-template-columns:repeat(auto-fill,minmax(175px,1fr)); gap:0; }.raptor-photo-gallery > div > div,.raptor-photo-gallery a { display:grid; gap:8px; padding:12px; color:inherit; text-decoration:none; border-right:1px solid #edf1f5; border-bottom:1px solid #edf1f5; }.raptor-photo-gallery > div > div:hover,.raptor-photo-gallery a:hover { background:#f7faff; }.raptor-photo-gallery img { width:100%; height:125px; object-fit:contain; background:#f8fafc; }.raptor-photo-gallery > div > div strong,.raptor-photo-gallery a strong { overflow:hidden; color:#193858; font-size:.63rem; line-height:1.3; }.raptor-photo-gallery > div > div small,.raptor-photo-gallery a small { color:#6e84a0; font-size:.55rem; }

/* Biblioteca compartilhada */
.library-shell { display:grid; gap:17px; max-width:1480px; margin:0 auto; }.library-folder-form { display:flex; align-items:end; gap:10px; padding:15px 17px; border:1px solid #bed3eb; border-radius:12px; background:#f3f8fd; }.library-folder-form label { display:grid; gap:5px; flex:1; color:#526d89; font-size:.62rem; font-weight:800; }.library-folder-form input { width:100%; min-height:38px; padding:0 11px; color:var(--ink); border:1px solid #abc9e6; border-radius:8px; background:#fff; font:inherit; }.library-folder-form input:focus { outline:2px solid rgba(40,122,211,.18); border-color:#2e85da; }.library-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); overflow:hidden; border:1px solid var(--line); border-radius:14px; background:var(--surface); }.library-summary article { display:grid; gap:7px; min-height:114px; padding:19px 21px; border-left:1px solid var(--line); }.library-summary article:first-child { border-left:0; }.library-summary span { color:#6d819a; font-size:.58rem; font-weight:850; letter-spacing:.07em; }.library-summary strong { color:var(--ink); font-size:1.5rem; letter-spacing:-.04em; }.library-summary small { color:var(--muted); font-size:.61rem; }.library-workspace { display:grid; grid-template-columns:238px minmax(0,1fr); min-height:500px; overflow:hidden; border:1px solid var(--line); border-radius:14px; background:var(--surface); }.library-tree { padding:16px 11px; border-right:1px solid var(--line); background:var(--surface-soft); }.library-tree header { display:flex; align-items:center; justify-content:space-between; padding:0 8px 11px; color:#657992; font-size:.59rem; letter-spacing:.07em; }.library-tree header button { color:#2375bd; border:0; background:none; font:inherit; font-weight:800; cursor:pointer; }.library-tree ul { display:grid; gap:2px; margin:0; padding:0; list-style:none; }.library-tree li button { display:flex; align-items:center; gap:7px; width:100%; padding:8px 9px 8px calc(9px + var(--library-depth,0) * 11px); color:var(--ink); border:0; border-radius:7px; background:none; text-align:left; font:inherit; font-size:.68rem; cursor:pointer; }.library-tree li button:hover,.library-tree li button.active { color:#175a94; background:#e8f2fc; }.library-tree li button span { color:#f29a3e; }.library-tree p { padding:10px 8px; color:var(--muted); font-size:.64rem; }.library-workspace main { min-width:0; padding:22px; }.library-breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:7px; color:#8494a9; font-size:.66rem; }.library-breadcrumb button { color:#527391; border:0; background:none; padding:0; font:inherit; cursor:pointer; }.library-breadcrumb button:hover { color:#1f73b8; text-decoration:underline; }.library-current-heading { display:flex; align-items:end; justify-content:space-between; gap:12px; margin:20px 0 16px; }.library-current-heading span { color:#ec7d22; font-size:.55rem; font-weight:900; letter-spacing:.08em; }.library-current-heading h2 { margin:5px 0 0; color:var(--ink); font-size:1.28rem; letter-spacing:-.03em; }.library-current-heading small { color:var(--muted); font-size:.62rem; }.library-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(190px,1fr)); gap:12px; }.library-folder-card,.library-file-card { display:grid; min-width:0; min-height:104px; padding:14px; color:inherit; border:1px solid var(--line); border-radius:10px; background:var(--surface); text-align:left; text-decoration:none; box-shadow:0 4px 13px rgba(23,50,77,.03); }.library-folder-card { grid-template-columns:35px minmax(0,1fr) auto; align-items:center; gap:10px; cursor:pointer; }.library-folder-card:hover,.library-file-card:hover { border-color:#a9cce9; transform:translateY(-1px); }.library-folder-icon { display:grid; place-items:center; width:35px; height:30px; color:#e78a27; border-radius:6px; background:#fff1dd; font-size:1.3rem; }.library-folder-card strong,.library-folder-card small,.library-file-card strong,.library-file-card small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.library-folder-card strong,.library-file-card strong { color:var(--ink); font-size:.67rem; }.library-folder-card small,.library-file-card small { margin-top:4px; color:var(--muted); font-size:.56rem; }.library-folder-card b,.library-file-card b { color:#82a1bd; }.library-file-card { grid-template-columns:40px minmax(0,1fr) auto; align-items:center; gap:10px; }.library-file-card.photo { grid-template-columns:1fr; align-content:start; }.library-file-card.photo img { width:100%; height:125px; object-fit:cover; border-radius:7px; background:var(--surface-soft); }.library-file-icon { display:grid; place-items:center; width:40px; height:45px; border-radius:5px; color:#46617e; background:#eef3f8; font-size:.55rem; font-weight:900; }.library-file-icon.pdf { color:#c1454b; background:#fff0f1; }.library-file-icon.sheet { color:#08754e; background:#eaf8f1; }.library-file-icon.doc { color:#286db0; background:#ebf3ff; }.library-empty { grid-column:1 / -1; display:grid; place-items:center; min-height:220px; color:var(--muted); border:1px dashed var(--line); border-radius:10px; text-align:center; font-size:.7rem; }.library-empty strong { color:var(--ink); }.library-empty span { margin-top:5px; }
.library-folder-form,.library-delete-confirm { display:grid; grid-template-columns:minmax(150px,.55fr) minmax(220px,1fr) auto auto; align-items:end; gap:10px; padding:16px 18px; border:1px solid #b9d2ea; border-radius:13px; background:linear-gradient(120deg,#f6faff,#edf5fc); box-shadow:0 7px 18px rgba(22,75,119,.06); }.library-folder-form > div,.library-delete-confirm > div { display:grid; gap:4px; }.library-folder-form span,.library-delete-confirm span { color:#2581ca; font-size:.56rem; font-weight:900; letter-spacing:.1em; }.library-folder-form label { color:var(--ink); font-size:.76rem; font-weight:800; }.library-folder-form input { min-height:42px; padding:0 12px; color:var(--ink); border:1px solid #a9c7e4; border-radius:8px; background:#fff; font:inherit; }.library-folder-form input:focus { outline:3px solid rgba(42,126,215,.14); border-color:#207fd0; }.library-delete-confirm { grid-template-columns:minmax(0,1fr) auto auto; align-items:center; border-color:#f1c5ca; background:#fff8f8; }.library-delete-confirm strong { color:#3a2330; font-size:.84rem; }.library-delete-confirm p { margin:0; color:#6a7786; font-size:.67rem; }.library-current-actions { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:7px; }.library-current-actions button,.library-entry-actions button,.library-entry-actions a { min-height:27px; padding:0 8px; color:#306184; border:1px solid #d3e0ec; border-radius:6px; background:#fff; font:inherit; font-size:.57rem; font-weight:800; line-height:25px; text-decoration:none; cursor:pointer; }.library-current-actions .danger,.library-entry-actions .danger { color:#bd4651; border-color:#f0c6ca; background:#fff9fa; }.library-tools { display:flex; align-items:stretch; gap:10px; margin:4px 0 15px; }.library-tools > label:first-child { display:grid; flex:1; gap:5px; }.library-tools > label:first-child span { color:#607b96; font-size:.55rem; font-weight:900; letter-spacing:.08em; }.library-tools input[type="search"] { min-height:40px; padding:0 12px; color:var(--ink); border:1px solid var(--line); border-radius:8px; background:var(--surface-soft); font:inherit; }.library-dropzone { display:flex; align-items:center; justify-content:center; min-width:250px; padding:0 15px; color:#617992; border:1px dashed #93bddd; border-radius:8px; background:#f7fbff; font-size:.63rem; cursor:pointer; transition:.15s; }.library-dropzone b { margin-left:4px; color:#1e78c1; }.library-dropzone.dragging { border-color:#1387dd; background:#e8f5ff; transform:scale(1.01); }.library-dropzone input { display:none; }.library-folder-card,.library-file-card { grid-template-columns:1fr; align-content:space-between; gap:10px; padding:0; overflow:hidden; }.library-entry-main { display:grid; min-width:0; min-height:78px; padding:13px 14px; color:inherit; border:0; background:none; text-align:left; text-decoration:none; font:inherit; cursor:pointer; }.library-folder-card .library-entry-main { grid-template-columns:35px minmax(0,1fr) auto; align-items:center; gap:10px; }.library-file-card:not(.photo) .library-entry-main { grid-template-columns:40px minmax(0,1fr) auto; align-items:center; gap:10px; }.library-file-card.photo .library-entry-main { grid-template-columns:1fr; align-content:start; gap:9px; }.library-file-card.photo .library-entry-main img { width:100%; height:140px; object-fit:cover; border-radius:7px; background:var(--surface-soft); }.library-entry-actions { display:flex; flex-wrap:wrap; gap:5px; padding:9px 12px; border-top:1px solid var(--line); background:var(--surface-soft); }.library-entry-actions a:hover,.library-entry-actions button:hover,.library-current-actions button:hover { border-color:#78b8e7; color:#0d67ae; }.library-entry-actions .danger:hover,.library-current-actions .danger:hover { border-color:#e57f87; color:#ad2631; }
html[data-theme="black"] .raptor-classic-metrics article,.raptor-classic-table,.raptor-photo-gallery,.library-summary,.library-workspace { border-color:#2b405f; background:#101d31; }.raptor-classic-metrics span,.raptor-classic-result small,.raptor-no-result,.raptor-photo-gallery header small { color:#aebed5; }.raptor-classic-metrics strong,.raptor-classic-result strong,.raptor-photo-gallery h2 { color:#edf5ff; }.raptor-classic-table th { color:#b3c3d9; border-color:#2b405f; background:#13243c; }.raptor-classic-table td,.raptor-classic-result img,.raptor-photo-gallery header,.raptor-photo-gallery a { border-color:#2b405f; }.raptor-classic-table td { color:#e6eef8; }.raptor-classic-row.found { background:#2b2418; }.raptor-photo-gallery img { background:#f7f9fb; }.library-tree { border-color:#2b405f; background:#13243c; }.library-tree li button:hover,.library-tree li button.active { color:#a9dcff; background:#1a3656; }.library-summary article { border-color:#2b405f; }.library-summary strong,.library-current-heading h2,.library-folder-card strong,.library-file-card strong,.library-empty strong { color:#edf5ff; }.library-summary small,.library-current-heading small,.library-folder-card small,.library-file-card small,.library-empty { color:#aebed5; }.library-breadcrumb button { color:#aebed5; }.library-folder-card,.library-file-card { border-color:#2b405f; background:#13243c; }.library-file-card.photo img { background:#f7f9fb; }.library-folder-form,.library-delete-confirm { border-color:#2b405f; background:#13243c; }.library-folder-form label,.library-delete-confirm strong { color:#edf5ff; }.library-folder-form input,.library-tools input[type="search"],.library-current-actions button,.library-entry-actions button,.library-entry-actions a { color:#edf5ff; border-color:#385274; background:#101d31; }.library-dropzone,.library-entry-actions { border-color:#2b405f; background:#13243c; }.library-dropzone { color:#b3c3d9; }.library-entry-actions .danger,.library-current-actions .danger { color:#ff9ba2; border-color:#794653; background:#2b1720; }
@media (max-width:860px) { .raptor-classic-workspace { grid-template-columns:1fr; }.raptor-classic-workspace aside { display:none; }.library-workspace { grid-template-columns:1fr; }.library-tree { display:none; } }
@media (max-width:600px) { .raptor-classic-header { min-height:76px; padding:16px; }.raptor-classic-header span { font-size:1.35rem; }.raptor-classic-header b { font-size:.55rem; }.raptor-classic-metrics { grid-template-columns:1fr; gap:7px; }.raptor-classic-metrics article { min-height:70px; padding:13px 15px; }.raptor-classic-workspace form { align-items:stretch; flex-wrap:wrap; }.raptor-classic-workspace form label { flex-basis:100%; }.raptor-classic-workspace form .button { flex:1; }.raptor-classic-settings { flex-wrap:wrap; }.raptor-photo-gallery header { align-items:flex-start; flex-direction:column; }.library-summary { grid-template-columns:1fr; }.library-summary article { min-height:82px; border-top:1px solid var(--line); border-left:0; }.library-summary article:first-child { border-top:0; }.library-workspace main { padding:16px; }.library-current-heading { align-items:flex-start; flex-direction:column; margin:16px 0 13px; }.library-grid { grid-template-columns:1fr 1fr; gap:8px; }.library-folder-card,.library-file-card { min-height:90px; padding:10px; }.library-file-card.photo img { height:92px; } }

/* Central de Arquivos — biblioteca profissional */
.library-shell { gap:18px; }
.library-summary.professional { grid-template-columns:repeat(4,minmax(0,1fr)); border-radius:16px; box-shadow:0 8px 25px rgba(35,71,111,.05); }
.library-summary.professional article { min-height:102px; padding:17px 19px; }
.library-summary.professional article:nth-child(2) strong { color:#b97916; }
.library-summary.professional article:nth-child(3) strong { color:#0c8f71; }
.library-summary.professional article:nth-child(4) strong { color:#2368ad; }
.library-workspace.professional { min-height:590px; border-radius:16px; box-shadow:0 12px 35px rgba(36,69,106,.06); }
.library-workspace.professional .library-tree { padding:17px 12px; background:linear-gradient(180deg,#fbfdff,#f4f8fc); }
.library-view-nav { display:grid; gap:3px; padding:4px 0 15px; border-bottom:1px solid var(--line); }
.library-view-nav button { display:flex; align-items:center; gap:8px; width:100%; min-height:33px; padding:0 10px; color:#526a84; border:0; border-radius:8px; background:transparent; font:700 .65rem/1 inherit; text-align:left; cursor:pointer; }
.library-view-nav button:hover,.library-view-nav button.active { color:#145d9e; background:#e6f1fb; }
.library-view-nav button.danger { color:#a5535b; }
.library-view-nav button.danger.active { color:#b33a45; background:#fff0f1; }
.library-view-nav b { display:grid; place-items:center; min-width:17px; height:17px; margin-left:auto; padding:0 4px; color:#a53b45; border-radius:99px; background:#ffe2e4; font-size:.54rem; }
.library-tree-folders { margin-top:14px; }
.library-workspace.professional main { padding:23px 25px 28px; }
.library-breadcrumb strong { color:#314c67; font-size:.66rem; }
.library-tools.professional { display:grid; grid-template-columns:minmax(190px,1fr) 135px 150px auto auto; align-items:end; gap:9px; margin:0 0 13px; padding:12px; border:1px solid #dce8f3; border-radius:12px; background:#f8fbfe; }
.library-tools.professional label { display:grid; gap:5px; }
.library-tools.professional label span { color:#59718a; font-size:.54rem; font-weight:900; letter-spacing:.08em; }
.library-tools.professional select { width:100%; min-height:40px; padding:0 28px 0 10px; color:var(--ink); border:1px solid #cadbe9; border-radius:8px; background:#fff; font:inherit; font-size:.66rem; }
.library-tools.professional .button { min-height:40px; }
.library-layout-toggle { display:flex; overflow:hidden; border:1px solid #cadbe9; border-radius:8px; background:#fff; }
.library-layout-toggle button { width:37px; min-height:38px; color:#71869a; border:0; border-left:1px solid #dce7f0; background:transparent; font-size:1rem; cursor:pointer; }
.library-layout-toggle button:first-child { border-left:0; }
.library-layout-toggle button.active { color:#fff; background:#246dac; }
.library-dropzone.pro { display:grid; grid-template-columns:auto auto; justify-content:center; gap:0 5px; min-height:69px; margin:0 0 15px; padding:13px; border-radius:11px; background:linear-gradient(100deg,#f3f9ff,#f8fcff); text-align:center; }
.library-dropzone.pro small { grid-column:1/-1; margin-top:5px; color:#8294a6; font-size:.57rem; }
.library-grid { align-items:start; }
.library-grid.list { display:grid; grid-template-columns:1fr; gap:7px; }
.library-grid.list .library-file-card.pro,.library-grid.list .library-folder-card.pro { grid-template-columns:minmax(0,1fr) auto; align-items:stretch; min-height:68px; }
.library-grid.list .library-file-card.pro .library-entry-main,.library-grid.list .library-folder-card.pro .library-entry-main { min-height:67px; }
.library-grid.list .library-file-card.pro.photo .library-entry-main { grid-template-columns:40px minmax(0,1fr) auto; align-items:center; }
.library-grid.list .library-file-card.pro.photo .library-entry-main img { width:40px; height:40px; }
.library-grid.list .library-file-card.pro .library-entry-actions,.library-grid.list .library-folder-card.pro .library-entry-actions { align-items:center; padding:8px 10px; border-top:0; border-left:1px solid var(--line); }
.library-grid.list .library-file-card.pro .library-favorite { right:auto; left:50px; top:22px; }
.library-folder-card.pro,.library-file-card.pro { position:relative; min-height:156px; border-radius:12px; box-shadow:none; transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease; }
.library-folder-card.pro:hover,.library-file-card.pro:hover { border-color:#8dbde4; box-shadow:0 9px 20px rgba(35,101,159,.10); }
.library-file-card.pro .library-entry-main { min-height:108px; }
.library-file-card.pro.photo .library-entry-main img { height:132px; border-radius:8px; }
.library-file-card.pro.photo .library-entry-main { min-height:196px; }
.library-file-card.pro .library-entry-actions,.library-folder-card.pro .library-entry-actions { min-height:42px; }
.library-favorite { position:absolute; z-index:2; top:8px; right:8px; display:grid; place-items:center; width:27px; height:27px; color:#8293a4; border:1px solid #d7e2eb; border-radius:50%; background:rgba(255,255,255,.94); font-size:1rem; line-height:1; cursor:pointer; }
.library-favorite:hover,.library-favorite.active { color:#e39a16; border-color:#f0cd84; background:#fff9e8; }
.library-file-card.is-trash { opacity:.82; }
.library-file-card.is-trash .library-entry-main { cursor:default; }
.library-details dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:0 0 18px; }
.library-details dl div { padding:11px; border:1px solid var(--line); border-radius:9px; background:var(--surface-soft); }
.library-details dt { margin-bottom:4px; color:#71849a; font-size:.57rem; font-weight:900; letter-spacing:.07em; text-transform:uppercase; }
.library-details dd { margin:0; color:var(--ink); font-size:.7rem; overflow-wrap:anywhere; }
.library-move-form { display:grid; gap:13px; }
.library-move-form label { display:grid; gap:6px; color:#536d87; font-size:.65rem; font-weight:800; }
.library-move-form select { min-height:42px; padding:0 10px; color:var(--ink); border:1px solid var(--line-strong); border-radius:8px; background:var(--surface); font:inherit; }
.library-delete-modal { display:grid; gap:18px; }.library-delete-modal p { margin:0; color:var(--ink-soft); font-size:.78rem; line-height:1.55; }.library-delete-modal > div { display:flex; justify-content:flex-end; gap:8px; }
html[data-theme="black"] .library-workspace.professional .library-tree,html[data-theme="black"] .library-tools.professional { background:#13243c; }
html[data-theme="black"] .library-view-nav { border-color:#2b405f; }
html[data-theme="black"] .library-view-nav button { color:#b4c6da; }
html[data-theme="black"] .library-view-nav button.active { color:#dbeeff; background:#1a3656; }
html[data-theme="black"] .library-tools.professional select,html[data-theme="black"] .library-layout-toggle { color:#edf5ff; border-color:#385274; background:#101d31; }
html[data-theme="black"] .library-layout-toggle button { color:#b9cce0; border-color:#385274; }
html[data-theme="black"] .library-favorite { color:#aec0d5; border-color:#385274; background:#101d31; }
html[data-theme="black"] .library-details dl div { border-color:#385274; background:#13243c; }
html[data-theme="black"] .library-details dd { color:#edf5ff; }
html[data-theme="black"] .library-delete-modal p { color:#c5d2e1; }
@media (max-width:1050px) { .library-summary.professional { grid-template-columns:repeat(2,1fr); }.library-tools.professional { grid-template-columns:minmax(180px,1fr) 130px 140px auto; }.library-layout-toggle { grid-column:4; }.library-tools.professional .button { grid-column:4; grid-row:1; margin-right:82px; } }
@media (max-width:680px) { .library-summary.professional { grid-template-columns:1fr 1fr; }.library-summary.professional article { min-height:82px; padding:13px; }.library-workspace.professional main { padding:15px; }.library-tools.professional { grid-template-columns:1fr 1fr; }.library-tools.professional label:first-child { grid-column:1/-1; }.library-tools.professional .button { grid-column:auto; grid-row:auto; margin:0; }.library-layout-toggle { grid-column:auto; }.library-grid.list .library-file-card.pro,.library-grid.list .library-folder-card.pro { grid-template-columns:1fr; }.library-grid.list .library-file-card.pro .library-entry-actions,.library-grid.list .library-folder-card.pro .library-entry-actions { border-top:1px solid var(--line); border-left:0; }.library-details dl { grid-template-columns:1fr; } }

/* Badges de avisos: chat em verde e monitor em vermelho. */
.chat-nav-badge { background:#16a66f !important; box-shadow:0 0 0 3px #16a66f1c !important; }
.raptor-nav-badge { background:#ef4444 !important; box-shadow:0 0 0 3px #ef44441c !important; }

/* Inteligência regional de vendas */
/* Módulo Full - carga, peso, cubagem e romaneio */
.full-workspace{display:grid;gap:16px;max-width:1480px}.full-tabs{display:flex;gap:6px;padding:5px;width:max-content;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.full-tabs button{padding:9px 14px;border:0;border-radius:8px;background:transparent;color:var(--muted);font:inherit;font-size:.72rem;font-weight:800;cursor:pointer}.full-tabs button.active{color:#fff;background:#18365d;box-shadow:0 3px 8px rgba(17,42,75,.18)}.full-tabs span{margin-left:5px;padding:2px 5px;border-radius:99px;background:rgba(255,255,255,.17);font-size:.58rem}.full-search-card,.full-table-card,.full-history-card{border:1px solid #d6e2ef;border-radius:16px;background:var(--surface);box-shadow:0 8px 26px rgba(25,53,82,.045)}.full-search-card{display:grid;grid-template-columns:minmax(250px,.86fr) minmax(360px,1.14fr);gap:14px;padding:20px}.full-search-card h2,.full-table-card h2{margin:4px 0 5px;color:var(--ink);font-size:1.08rem;letter-spacing:-.02em}.full-search-card p{margin:0;color:var(--muted);font-size:.71rem;line-height:1.45}.full-search-card form{display:flex;align-items:center;gap:9px}.full-search-card input,.full-bulk textarea{width:100%;border:1px solid #cbd9e8;border-radius:9px;background:var(--surface-soft);color:var(--ink);font:inherit;font-size:.78rem}.full-search-card input{height:41px;padding:0 12px}.full-search-results{grid-column:1/-1;display:grid;gap:6px}.full-search-results>button{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:11px 13px;border:1px solid #dce6f0;border-radius:10px;background:#fbfdff;color:inherit;text-align:left;cursor:pointer}.full-search-results>button:hover{border-color:#76a8d5;background:#f1f7ff}.full-search-results strong,.full-search-results small{display:block}.full-search-results strong{color:#194f86;font-size:.72rem}.full-search-results small{margin-top:3px;color:var(--ink);font-size:.72rem}.full-search-results b{color:#117354;font-size:.66rem}.full-search-results em{color:var(--muted);font-size:.63rem;font-style:normal}.full-empty-search{padding:14px;color:var(--muted);border:1px dashed #cbd9e8;border-radius:9px;font-size:.7rem}.full-bulk{grid-column:1/-1;color:var(--ink)}.full-bulk summary{color:#245b94;font-size:.72rem;font-weight:850;cursor:pointer}.full-bulk form{margin-top:10px;align-items:stretch}.full-bulk textarea{min-height:76px;padding:9px 11px;resize:vertical}.full-bulk small{display:block;margin-top:7px;color:var(--muted);font-size:.64rem}.full-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.full-summary-grid article{display:grid;gap:6px;min-height:100px;padding:16px;border:1px solid #d7e4f0;border-radius:13px;background:linear-gradient(135deg,#fff,#f5f9fd)}.full-summary-grid article:nth-child(2){border-color:#b6e3d2;background:linear-gradient(135deg,#f5fffb,#e9faf3)}.full-summary-grid article:nth-child(3){border-color:#ccd8fa;background:linear-gradient(135deg,#f8faff,#eef3ff)}.full-summary-grid article:nth-child(4){border-color:#f1d6b8;background:linear-gradient(135deg,#fffdf9,#fff6e8)}.full-summary-grid span{color:#60748a;font-size:.58rem;font-weight:900;letter-spacing:.08em}.full-summary-grid strong{color:#172b47;font-size:1.25rem;letter-spacing:-.04em}.full-summary-grid small{color:#718397;font-size:.63rem}.full-warning{display:flex;gap:10px;align-items:center;padding:12px 15px;color:#8a5712;border:1px solid #efd397;border-radius:11px;background:#fff8e8;font-size:.7rem}.full-warning strong{white-space:nowrap}.full-table-card{overflow:hidden}.full-table-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid var(--line)}.full-table-card>header h2{font-size:1rem}.full-table-wrap{overflow:auto}.full-table{width:100%;min-width:1190px;border-collapse:collapse}.full-table th{padding:11px 10px;color:#64768b;border-bottom:1px solid #dfe8f1;background:#f6f9fc;font-size:.58rem;font-weight:900;letter-spacing:.06em;text-align:left}.full-table td{padding:12px 10px;color:#273c54;border-bottom:1px solid #e6edf4;font-size:.68rem;vertical-align:middle}.full-table tr:last-child td{border-bottom:0}.full-table tr.has-issue{background:#fffaf0}.full-table td:first-child{min-width:250px}.full-table td:first-child>strong,.full-table td:first-child>span,.full-table td:first-child>small{display:block}.full-table td:first-child>strong{color:#17538e;font-size:.66rem}.full-table td:first-child>span{margin-top:3px;color:var(--ink);font-weight:750}.full-table td:first-child>small{margin-top:4px;color:#a46b17;font-size:.59rem;line-height:1.3}.full-table-card>footer{display:flex;justify-content:space-between;gap:12px;padding:12px 20px;color:var(--muted);border-top:1px solid var(--line);background:#fbfdff;font-size:.62rem}.full-table-card>footer strong{color:#147658}.full-qty{display:flex;align-items:center;width:max-content;border:1px solid #cddbea;border-radius:8px;overflow:hidden}.full-qty button,.full-qty input{height:29px;border:0;background:transparent;color:#243a55;font:inherit;text-align:center}.full-qty button{width:25px;cursor:pointer;font-size:1rem}.full-qty button:hover{background:#eaf3fc}.full-qty input{width:38px;border-right:1px solid #dce6f0;border-left:1px solid #dce6f0;font-size:.67rem}.full-remove{display:grid;place-items:center;width:25px;height:25px;color:#af3844;border:1px solid #efcbd0;border-radius:7px;background:#fff5f6;font-size:1rem;cursor:pointer}.full-empty-row{padding:34px!important;color:var(--muted)!important;text-align:center}.full-history-card{padding:10px}.full-history-list{display:grid;gap:7px}.full-history-list article{display:grid;grid-template-columns:minmax(220px,1fr) auto 120px auto auto;align-items:center;gap:13px;padding:15px;border:1px solid #dce6f0;border-radius:11px;background:#fcfdff}.full-history-list p{margin:0 0 4px;color:#1a5a94;font-size:.63rem;font-weight:900;letter-spacing:.05em}.full-history-list h2{margin:0;color:var(--ink);font-size:.86rem}.full-history-list span{display:block;margin-top:4px;color:var(--muted);font-size:.61rem}.full-history-totals{display:flex;gap:10px}.full-history-totals span{margin:0;padding:6px 8px;color:#385873;border-radius:7px;background:#edf4fa;font-size:.62rem;white-space:nowrap}.full-history-list select{height:33px;padding:0 8px;color:var(--ink);border:1px solid #cfdeeb;border-radius:8px;background:var(--surface);font:inherit;font-size:.67rem}@media(max-width:980px){.full-search-card{grid-template-columns:1fr}.full-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.full-history-list article{grid-template-columns:1fr auto;align-items:start}.full-history-totals{grid-column:1/-1}.full-history-list select{grid-column:1}.full-history-list .button{width:max-content}}@media(max-width:600px){.full-summary-grid{grid-template-columns:1fr}.full-search-card{padding:15px}.full-search-card form{align-items:stretch;flex-wrap:wrap}.full-search-card form input{flex-basis:100%}.full-search-card form .button{flex:1}.full-search-results>button{grid-template-columns:1fr auto}.full-search-results em{display:none}.full-table-card>header,.full-table-card>footer{align-items:flex-start;flex-direction:column}.full-tabs{width:100%}.full-tabs button{flex:1}.full-history-list article{grid-template-columns:1fr}.full-history-totals{flex-wrap:wrap}.full-history-list select,.full-history-list .button{width:100%}}html[data-theme="black"] .full-search-card,html[data-theme="black"] .full-table-card,html[data-theme="black"] .full-history-card{border-color:#2b405f;background:#101d31}.full-search-results>button,html[data-theme="black"] .full-history-list article{border-color:#2b405f;background:#13243c}.full-search-results>button:hover{background:#183653}.full-summary-grid article{border-color:#2b405f;background:#13243c}.full-summary-grid strong,html[data-theme="black"] .full-search-card h2,html[data-theme="black"] .full-table-card h2,html[data-theme="black"] .full-table td:first-child>span,html[data-theme="black"] .full-history-list h2{color:#edf5ff}.full-summary-grid span,.full-summary-grid small,html[data-theme="black"] .full-search-card p,html[data-theme="black"] .full-table td,html[data-theme="black"] .full-history-list span{color:#aebed5}.full-table th,html[data-theme="black"] .full-table-card>footer{border-color:#2b405f;background:#13243c}.full-table td{border-color:#263d5b}.full-table tr.has-issue{background:#2b2418}.full-qty,html[data-theme="black"] .full-history-list select{border-color:#385274;background:#101d31}.full-qty button,.full-qty input,html[data-theme="black"] .full-history-list select{color:#edf5ff}.full-warning{color:#f3d795;border-color:#755b22;background:#302713}

.regional-export-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;align-items:center}.regional-export-actions span{color:#6b8199;font-size:.72rem}.regional-quality-alert,.regional-quality-ok{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:15px 18px;border:1px solid #f0c971;border-radius:12px;background:#fff8e8;color:#6a4a0b}.regional-quality-alert strong,.regional-quality-ok strong{font-size:.83rem}.regional-quality-alert span,.regional-quality-ok span{font-size:.72rem;line-height:1.45}.regional-quality-alert small{font-size:.68rem;font-weight:800;white-space:nowrap}.regional-quality-ok{border-color:#a8dfc8;background:#f0fcf6;color:#176447}@media(max-width:900px){.regional-export-actions{justify-content:flex-start}.regional-quality-alert,.regional-quality-ok{grid-template-columns:1fr}.regional-quality-alert small{white-space:normal}}html[data-theme="black"] .regional-quality-alert{border-color:#755b22;background:#302713;color:#f3d795}html[data-theme="black"] .regional-quality-ok{border-color:#216547;background:#102d22;color:#a7ebc9}
/* Full compacto: a lista ocupa a tela sem esconder itens. */
#content.full-page{overflow:visible;min-height:0}.full-page .full-workspace{gap:9px;min-height:0}.full-page .page-header{min-height:0;margin-bottom:0;padding-bottom:0}.full-page .page-header h1{font-size:1.38rem}.full-page .page-header p{font-size:.69rem}.full-page .full-tabs{padding:3px;border-radius:9px}.full-page .full-tabs button{padding:6px 10px;font-size:.65rem}.full-page .full-search-card{grid-template-columns:260px minmax(320px,1fr);gap:9px;padding:12px 14px;border-radius:12px}.full-page .full-search-card h2{font-size:.88rem}.full-page .full-search-card p{font-size:.62rem;line-height:1.3}.full-page .full-search-card input{height:34px;font-size:.7rem}.full-page .full-search-card .button{min-height:34px;padding:0 11px;font-size:.65rem}.full-page .full-search-results{max-height:138px;overflow:auto;padding-right:3px}.full-page .full-search-results>button{gap:9px;padding:7px 9px}.full-page .full-search-results small{font-size:.63rem}.full-page .full-bulk summary{font-size:.65rem}.full-page .full-bulk textarea{min-height:56px}.full-page .full-summary-grid{gap:7px}.full-page .full-summary-grid article{min-height:66px;gap:3px;padding:10px 12px;border-radius:10px}.full-page .full-summary-grid strong{font-size:1rem}.full-page .full-summary-grid small{font-size:.56rem}.full-page .full-warning{padding:8px 11px;font-size:.62rem}.full-page .full-table-card{display:flex;min-height:0;max-height:calc(100vh - 330px);flex-direction:column;border-radius:12px}.full-page .full-table-card>header{padding:11px 14px}.full-page .full-table-card>header h2{font-size:.82rem}.full-page .full-table-wrap{min-height:190px;max-height:calc(100vh - 430px);overflow:auto;scrollbar-gutter:stable}.full-page .full-table th{position:sticky;top:0;z-index:2;padding:8px 8px;font-size:.52rem}.full-page .full-table td{padding:7px 8px;font-size:.62rem}.full-page .full-table td:first-child{min-width:205px}.full-page .full-table td:first-child>small{margin-top:2px;font-size:.53rem}.full-page .full-qty button,.full-page .full-qty input{height:25px}.full-page .full-table-card>footer{padding:8px 14px;font-size:.56rem}.full-page .full-empty-row{padding:20px!important}.full-page .full-history-list article{padding:10px;gap:9px}.full-page .full-history-list h2{font-size:.75rem}.full-page .full-history-totals span{padding:4px 6px;font-size:.55rem}@media(max-width:900px){.full-page .full-table-card{max-height:none}.full-page .full-table-wrap{max-height:min(52vh,520px)}.full-page .full-search-card{grid-template-columns:1fr}}@media(max-width:600px){.full-page .page-header h1{font-size:1.1rem}.full-page .full-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.full-page .full-search-card{padding:10px}.full-page .full-table-wrap{max-height:48vh}.full-page .full-table-card>header{padding:9px 11px}}

/* Home e barra lateral: marca menor para abrir espaço à operação. */
.sidebar-brand{min-height:52px;padding:2px 8px 11px}.sidebar-brand .brand-mark{width:34px;height:34px;border-radius:10px}.sidebar-brand .sidebar-brand-logo{width:34px;height:34px}.sidebar-brand strong{font-size:.98rem}.sidebar-brand span{font-size:.64rem}.sidebar-collapse-button{top:17px}.main-nav{padding-top:3px}.nav-item{min-height:42px}.nav-item>.nav-icon{flex-basis:30px;width:30px;height:30px;border-radius:9px}.nav-icon svg{width:17px;height:17px}@media(max-width:760px){.sidebar-brand{min-height:48px}.sidebar-brand .brand-mark,.sidebar-brand .sidebar-brand-logo{width:31px;height:31px}.sidebar-brand strong{font-size:.92rem}}

.regional-dashboard{display:grid;gap:16px}.regional-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;padding:25px;border:1px solid #cddfed;border-radius:16px;background:linear-gradient(120deg,#f8fbff,#edf6ff)}.regional-hero h2,.regional-ranking h3{margin:5px 0;color:#172b47;font-size:1.45rem}.regional-hero>div:first-child>span{color:#627a96;font-size:.75rem}.regional-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.regional-kpis article,.regional-insights article{display:grid;gap:7px;padding:17px;border:1px solid #d7e3ef;border-radius:12px;background:#fff}.regional-kpis span,.regional-insights span{color:#6b8199;font-size:.58rem;font-weight:900;letter-spacing:.08em}.regional-kpis strong{color:#172b47;font-size:1.28rem}.regional-kpis small,.regional-insights p{margin:0;color:#708397;font-size:.65rem}.regional-insights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.regional-insights strong{color:#135d98;font-size:1.08rem}.regional-ranking,.regional-detail{overflow:hidden;border:1px solid #d7e3ef;border-radius:14px;background:#fff}.regional-ranking>header,.regional-detail>header{display:flex;align-items:end;justify-content:space-between;gap:15px;padding:18px 20px;border-bottom:1px solid #e4edf4}.regional-ranking>header small{color:#75889a;font-size:.64rem}.regional-table-scroll{overflow:auto}.regional-table{min-width:1140px}.regional-table tbody tr{cursor:pointer}.regional-table tbody tr:hover{background:#f3f9ff}.regional-table td small{display:block;margin-top:3px;color:#74879a;font-size:.59rem}.regional-table .regional-bar{display:block;width:120px;height:4px;margin-top:7px;overflow:hidden;border-radius:99px;background:#e6eef5}.regional-table .regional-bar b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1b8bd1,#42c4b2)}.regional-percent{color:#176da9;font-weight:900}.regional-detail{display:grid;gap:8px;padding:20px;color:#6c8093}.regional-detail>header{margin:-20px -20px 0}.regional-detail h3{margin:3px 0 0;color:#172b47}.regional-order-list{display:grid;gap:7px}.regional-order-list article{display:grid;grid-template-columns:150px minmax(220px,1fr) 170px;gap:14px;align-items:center;padding:12px;border:1px solid #e0eaf2;border-radius:9px;background:#fbfdff}.regional-order-list article small,.regional-order-list article span{display:block;color:#6d8193;font-size:.65rem}.regional-order-list article div:last-child{text-align:right}@media(max-width:900px){.regional-hero{display:grid}.regional-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.regional-insights{grid-template-columns:1fr}.regional-order-list article{grid-template-columns:1fr}.regional-order-list article div:last-child{text-align:left}}html[data-theme="black"] .regional-hero,.regional-kpis article,.regional-insights article,.regional-ranking,.regional-detail{border-color:#2b405f;background:#101d31}html[data-theme="black"] .regional-hero h2,html[data-theme="black"] .regional-ranking h3,html[data-theme="black"] .regional-kpis strong,html[data-theme="black"] .regional-detail h3{color:#edf5ff}html[data-theme="black"] .regional-table tbody tr:hover,html[data-theme="black"] .regional-order-list article{border-color:#2b405f;background:#13243c}
/* Estoque especial: prévia protegida antes da conexão da API. */
.special-stock-workspace { display: grid; gap: 18px; }
.special-stock-setup { display: grid; min-height: 520px; place-items: center; padding: 26px; border: 1px solid #d9e6f4; border-radius: 20px; background: radial-gradient(circle at 50% 0, #eef7ff, #f9fbfe 56%); }.special-stock-form { width: min(100%, 470px); display: grid; gap: 14px; padding: 28px; border: 1px solid #d7e5f2; border-radius: 17px; background: #fff; box-shadow: 0 18px 42px rgba(21, 57, 91, .11); }.special-stock-form > span { color: #35669b; font-size: 10px; font-weight: 800; letter-spacing: .11em; }.special-stock-form h2 { margin: -7px 0 0; color: #102a43; font-size: 22px; }.special-stock-form > p { margin: -7px 0 4px; color: #68829c; font-size: 13px; line-height: 1.5; }.special-stock-form > label, .special-stock-config-form > label { display: grid; gap: 6px; color: #31516f; font-size: 12px; }.special-stock-form input, .special-stock-config-form input, .special-stock-config-form select { min-width: 0; height: 40px; padding: 0 11px; border: 1px solid #cbdbea; border-radius: 9px; color: #17395c; background: #fff; font: inherit; }.special-stock-form input:focus, .special-stock-config-form input:focus, .special-stock-config-form select:focus { outline: 3px solid rgba(41, 120, 190, .16); border-color: #4389c8; }.special-stock-form fieldset { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin: 0; padding: 12px; border: 1px solid #d7e5f2; border-radius: 10px; }.special-stock-form legend { padding: 0 5px; color: #59738d; font-size: 11px; font-weight: 700; }.special-stock-form fieldset label { color: #244461; font-size: 12px; }
.special-stock-config-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; padding: 20px; }.special-stock-config-form .page-actions { grid-column: 1 / -1; margin-top: 2px; }.special-stock-config-form label:nth-child(1), .special-stock-config-form label:nth-child(2), .special-stock-config-form label:nth-child(3) { grid-column: 1 / -1; }
.special-stock-lock { display: grid; grid-template-columns: auto 1fr auto; gap: 18px; align-items: center; padding: 24px; border: 1px solid #bfdbfe; border-radius: 18px; background: linear-gradient(120deg, #f8fbff, #eef6ff); box-shadow: 0 12px 28px rgba(18, 52, 86, .06); }
.special-stock-lock-icon { width: 52px; height: 52px; display: grid; place-items: center; color: #fff; background: #123456; border-radius: 16px; font-size: 29px; font-weight: 800; }
.special-stock-lock span, .special-stock-preview-card header span, .special-stock-alert-card > span { display: block; color: #34629b; font-size: 10px; font-weight: 800; letter-spacing: .11em; }
.special-stock-lock h2, .special-stock-preview-card h2, .special-stock-alert-card h2 { margin: 5px 0; color: #102a43; font-size: 20px; }
.special-stock-lock p, .special-stock-alert-card p { margin: 0; color: #55718c; font-size: 13px; line-height: 1.5; }
.special-stock-lock-state { display: grid; gap: 3px; padding: 11px 0 11px 18px; border-left: 1px solid #c7d8ed; min-width: 200px; }
.special-stock-lock-state i { width: 8px; height: 8px; border-radius: 50%; background: #f59e0b; box-shadow: 0 0 0 4px #fef3c7; }
.special-stock-lock-state strong { color: #102a43; font-size: 12px; }.special-stock-lock-state small { color: #7187a0; font-size: 11px; }
.special-stock-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.special-stock-metrics article { padding: 17px; border: 1px solid #d9e6f4; border-radius: 14px; background: #fff; }.special-stock-metrics span { display: block; color: #6d84a0; font-size: 10px; font-weight: 800; letter-spacing: .08em; }.special-stock-metrics strong { display: block; margin: 7px 0 3px; color: #17395c; font-size: 26px; }.special-stock-metrics small { color: #8195ad; font-size: 11px; }
.special-stock-layout { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 18px; }.special-stock-preview-card, .special-stock-alert-card { border: 1px solid #d9e6f4; border-radius: 18px; background: #fff; overflow: hidden; }.special-stock-preview-card header { display: flex; justify-content: space-between; align-items: center; padding: 19px 20px; border-bottom: 1px solid #e6eef7; }.special-stock-preview-card header button { border: 0; border-radius: 8px; padding: 8px 11px; background: #edf3f9; color: #8ea2b7; font-size: 12px; }.special-stock-table-wrap { overflow: auto; }.special-stock-preview-card table { width: 100%; border-collapse: collapse; min-width: 620px; }.special-stock-preview-card th { padding: 12px 16px; color: #6e86a1; background: #f8fbfe; border-bottom: 1px solid #e6eef7; text-align: left; font-size: 10px; letter-spacing: .06em; }.special-stock-preview-card td { padding: 0; }.special-stock-empty { display: grid; gap: 6px; min-height: 135px; align-content: center; padding: 20px; text-align: center; }.special-stock-empty strong { color: #234563; font-size: 14px; }.special-stock-empty span { color: #7890a8; font-size: 12px; line-height: 1.45; max-width: 470px; margin: auto; }
.special-stock-alert-card { padding: 21px; background: #102f52; border-color: #102f52; }.special-stock-alert-card > span { color: #9dc5f1; }.special-stock-alert-card h2 { color: #fff; }.special-stock-alert-card p, .special-stock-alert-card small { color: #c0d4e8; }.special-stock-alert-card div { display: grid; gap: 3px; margin: 18px 0; padding: 13px; border-radius: 10px; background: rgba(255,255,255,.09); }.special-stock-alert-card b { color: #9dc5f1; font-size: 10px; letter-spacing: .07em; }.special-stock-alert-card strong { color: #fff; font-size: 14px; }.special-stock-alert-card small { font-size: 11px; line-height: 1.45; }
.special-stock-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }.special-stock-steps article { display: flex; gap: 11px; padding: 16px; border: 1px solid #d9e6f4; border-radius: 14px; background: #fff; }.special-stock-steps b { flex: 0 0 26px; width: 26px; height: 26px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: #1d5f9e; font-size: 12px; }.special-stock-steps div { display: grid; gap: 3px; }.special-stock-steps strong { color: #193956; font-size: 13px; }.special-stock-steps span { color: #7890a8; font-size: 11px; line-height: 1.4; }
body.theme-black .special-stock-lock, body.theme-black .special-stock-metrics article, body.theme-black .special-stock-preview-card, body.theme-black .special-stock-steps article { background: #0f1e31; border-color: #27415d; } body.theme-black .special-stock-lock h2, body.theme-black .special-stock-preview-card h2, body.theme-black .special-stock-empty strong, body.theme-black .special-stock-steps strong { color: #e7f0f9; } body.theme-black .special-stock-lock p, body.theme-black .special-stock-empty span, body.theme-black .special-stock-steps span { color: #a7bed3; } body.theme-black .special-stock-preview-card header, body.theme-black .special-stock-preview-card th { border-color: #27415d; background: #12263c; } body.theme-black .special-stock-metrics strong { color: #e7f0f9; }
body.theme-black .special-stock-setup { background: radial-gradient(circle at 50% 0, #173353, #0b1727 60%); border-color: #27415d; } body.theme-black .special-stock-form { background: #0f1e31; border-color: #27415d; box-shadow: none; } body.theme-black .special-stock-form h2 { color: #e7f0f9; } body.theme-black .special-stock-form > p { color: #a7bed3; } body.theme-black .special-stock-form input, body.theme-black .special-stock-config-form input, body.theme-black .special-stock-config-form select { color: #e7f0f9; border-color: #31506e; background: #12263c; } body.theme-black .special-stock-form fieldset { border-color: #31506e; } body.theme-black .special-stock-form fieldset label, body.theme-black .special-stock-form > label, body.theme-black .special-stock-config-form > label { color: #c5d7e9; }
@media (max-width: 860px) { .special-stock-lock { grid-template-columns: auto 1fr; }.special-stock-lock-state { grid-column: 1 / -1; border-left: 0; border-top: 1px solid #c7d8ed; padding: 12px 0 0; }.special-stock-metrics, .special-stock-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }.special-stock-layout { grid-template-columns: 1fr; } }
@media (max-width: 520px) { .special-stock-lock { padding: 18px; gap: 12px; }.special-stock-lock-icon { width: 44px; height: 44px; }.special-stock-lock h2 { font-size: 17px; }.special-stock-metrics, .special-stock-steps { grid-template-columns: 1fr; } }
@media (max-width: 640px) { .special-stock-config-form { grid-template-columns: 1fr; }.special-stock-config-form label { grid-column: 1 / -1; }.special-stock-form fieldset { grid-template-columns: 1fr; }.special-stock-setup { padding: 14px; }.special-stock-form { padding: 22px; } }
.special-stock-lookup-form { display: flex; gap: 9px; align-items: center; }.special-stock-lookup-form input, .special-stock-lookup-form select { width: min(330px, 45vw); height: 38px; padding: 0 11px; border: 1px solid #cbdbea; border-radius: 9px; color: #17395c; background: #fff; font: inherit; }.special-stock-lookup-form select { width: auto; min-width: 126px; }.special-stock-lookup-form button { color: #fff !important; background: #1d5f9e !important; }.special-stock-preview-card td { padding: 12px 16px; border-bottom: 1px solid #edf2f7; color: #30506f; font-size: 12px; vertical-align: middle; }.special-stock-preview-card td strong, .special-stock-preview-card td small { display: block; }.special-stock-preview-card td strong { color: #17395c; font-size: 13px; }.special-stock-preview-card td small { margin-top: 3px; color: #7890a8; font-size: 11px; }.special-stock-product-photo { width: 42px; height: 42px; display: grid; place-items: center; overflow: hidden; border: 1px solid #dce8f3; border-radius: 10px; color: #51728f; background: #f3f8fc; font-size: 11px; font-weight: 800; }.special-stock-product-photo img { width: 100%; height: 100%; object-fit: contain; }.special-stock-response { margin: 14px 20px 18px; border: 1px solid #dce8f3; border-radius: 10px; color: #456682; font-size: 12px; }.special-stock-response summary { padding: 10px 12px; cursor: pointer; font-weight: 700; }.special-stock-response pre { max-height: 260px; overflow: auto; margin: 0; padding: 12px; border-top: 1px solid #dce8f3; color: #31516f; background: #f8fbfe; font: 11px/1.45 ui-monospace, Consolas, monospace; white-space: pre-wrap; word-break: break-word; } body.theme-black .special-stock-lookup-form input, body.theme-black .special-stock-lookup-form select { color: #e7f0f9; border-color: #31506e; background: #12263c; } body.theme-black .special-stock-preview-card td { border-color: #27415d; color: #c5d7e9; } body.theme-black .special-stock-preview-card td strong { color: #e7f0f9; } body.theme-black .special-stock-product-photo, body.theme-black .special-stock-response { border-color: #31506e; background: #12263c; } body.theme-black .special-stock-response pre { color: #d5e5f3; border-color: #31506e; background: #0b1727; } @media (max-width: 640px) { .special-stock-preview-card header { display: grid; gap: 12px; }.special-stock-lookup-form input, .special-stock-lookup-form select { width: 100%; }.special-stock-lookup-form { width: 100%; }.special-stock-lookup-form button { flex: 0 0 auto; } }
.special-stock-inventory-summary { display: flex; flex-wrap: wrap; gap: 10px 22px; padding: 13px 20px; border-bottom: 1px solid #e6eef7; color: #5e7892; font-size: 12px; background: #f8fbfe; }.special-stock-inventory-summary b { color: #17395c; }.special-stock-more { display: flex; justify-content: space-between; align-items: center; gap: 14px; padding: 14px 20px; color: #5e7892; font-size: 12px; } body.theme-black .special-stock-inventory-summary { border-color: #27415d; color: #adc4d8; background: #12263c; } body.theme-black .special-stock-inventory-summary b { color: #e7f0f9; } @media (max-width: 640px) { .special-stock-more { align-items: flex-start; flex-direction: column; } }
.special-stock-command-center { overflow:hidden; border:1px solid #cfe0f2; border-radius:18px; background:linear-gradient(125deg,#f8fcff 0%,#eef7ff 52%,#f7fbff 100%); box-shadow:0 12px 28px rgba(22,71,113,.06); }.special-stock-command-center > header { display:flex; align-items:center; justify-content:space-between; gap:22px; padding:20px 22px 18px; }.special-stock-command-center header span { display:block; color:#2a68a5; font-size:10px; font-weight:900; letter-spacing:.1em; }.special-stock-command-center h2 { margin:5px 0; color:#123b63; font-size:20px; letter-spacing:-.02em; }.special-stock-command-center p { max-width:680px; margin:0; color:#5c7995; font-size:12px; line-height:1.45; }.special-stock-connection-state { display:grid; grid-template-columns:auto 1fr; column-gap:9px; align-items:center; min-width:218px; padding:12px 14px; border:1px solid #c6e5d8; border-radius:12px; background:rgba(255,255,255,.75); }.special-stock-connection-state i { grid-row:1 / span 2; width:9px; height:9px; border-radius:50%; background:#18a875; box-shadow:0 0 0 4px #ddf7eb; }.special-stock-connection-state strong { color:#14543e; font-size:12px; }.special-stock-connection-state small { color:#5e806f; font-size:10px; }.special-stock-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-top:1px solid #dbe9f5; background:rgba(255,255,255,.68); }.special-stock-kpis article { display:grid; gap:5px; min-height:104px; padding:16px 19px; border-left:1px solid #dbe9f5; }.special-stock-kpis article:first-child { border-left:0; }.special-stock-kpis span { color:#64809c; font-size:10px; font-weight:850; letter-spacing:.07em; }.special-stock-kpis strong { color:#153e67; font-size:23px; letter-spacing:-.04em; }.special-stock-kpis article.available strong { color:#118058; }.special-stock-kpis small { color:#738da7; font-size:10px; line-height:1.35; }.special-stock-kpis .special-stock-date-kpi { font-size:13px; letter-spacing:0; line-height:1.25; }.special-stock-type-tag { display:inline-block !important; color:#396689 !important; font-size:10px !important; font-weight:800; }.special-stock-availability { display:inline-flex; align-items:center; min-height:23px; padding:2px 8px; border-radius:999px; font-size:11px; }.special-stock-availability.available { color:#086746; background:#e8f8f0; }.special-stock-availability.unavailable { color:#77899a; background:#edf2f6; }.special-stock-availability.unknown { color:#97631d; background:#fff5df; }.special-stock-situation { display:inline-flex; padding:4px 7px; border-radius:6px; color:#62788e; background:#edf2f6; font-size:10px; font-weight:800; }.special-stock-situation.found { color:#08744d; background:#e8f8f0; }.special-stock-situation.error { color:#aa4d39; background:#fff0ed; }.special-stock-situation.missing { color:#8c6818; background:#fff7df; }.special-stock-product-row.available:hover { background:#fbfffc; }.special-stock-product-row.unavailable { opacity:.82; }
body.theme-black .special-stock-command-center { border-color:#284967; background:linear-gradient(125deg,#10263e,#0e2035); }.theme-black .special-stock-command-center h2,.theme-black .special-stock-kpis strong { color:#e8f2fc; }.theme-black .special-stock-command-center p,.theme-black .special-stock-kpis small,.theme-black .special-stock-kpis span { color:#aec4d9; }.theme-black .special-stock-connection-state { border-color:#275d52; background:#102c2c; }.theme-black .special-stock-connection-state strong { color:#a4e7c4; }.theme-black .special-stock-connection-state small { color:#a1c8bb; }.theme-black .special-stock-kpis { border-color:#284967; background:rgba(12,29,48,.7); }.theme-black .special-stock-kpis article { border-color:#284967; }.theme-black .special-stock-availability.available { color:#9ce7bc; background:#103d31; }.theme-black .special-stock-availability.unavailable,.theme-black .special-stock-situation { color:#b9c9d9; background:#20354c; }

/* Vendas por estado */
.sales-by-state-page { max-width:none; }
.state-sales-shell { display:grid; gap:14px; max-width:1680px; }
.state-sales-hero { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:24px 27px; overflow:hidden; color:#fff; background:radial-gradient(circle at 84% 10%,#48baff55,transparent 31%),linear-gradient(118deg,#102b49,#155b91); border-radius:18px; box-shadow:0 14px 34px rgba(22,71,113,.13); }
.state-sales-hero span,.state-sales-states header span,.state-sales-summary header span,.state-sales-list header span { display:block; color:#8fd7ff; font-size:.58rem; font-weight:900; letter-spacing:.09em; }
.state-sales-hero h2 { margin:5px 0 6px; font-size:1.35rem; letter-spacing:-.03em; }.state-sales-hero p { margin:0; color:#d0e8f8; font-size:.7rem; }.state-sales-hero>div:last-child { display:grid; gap:4px; min-width:155px; padding:15px 18px; border:1px solid #ffffff38; border-radius:13px; background:#ffffff14; }.state-sales-hero>div:last-child strong { font-size:1.5rem; }.state-sales-hero>div:last-child small { color:#d0e8f8; font-size:.6rem; }
.state-sales-filters { display:grid; grid-template-columns:150px 150px minmax(220px,1fr) auto auto auto; gap:9px; align-items:end; padding:14px; border:1px solid var(--line); border-radius:15px; background:var(--surface); }.state-sales-filters label { display:grid; gap:5px; }.state-sales-filters label span { color:var(--muted); font-size:.55rem; font-weight:800; }.state-sales-filters input { width:100%; height:38px; padding:0 10px; color:var(--ink); background:var(--surface-soft); border:1px solid var(--line-strong); border-radius:9px; font:inherit; font-size:.7rem; }
.state-sales-states,.state-sales-summary,.state-sales-list { overflow:hidden; border:1px solid var(--line); border-radius:15px; background:var(--surface); }.state-sales-states header,.state-sales-summary header,.state-sales-list header { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:13px 17px; border-bottom:1px solid var(--line); }.state-sales-states header strong,.state-sales-list h2 { display:block; margin-top:4px; color:var(--ink); font-size:.75rem; }.state-sales-states>div { display:grid; grid-template-columns:repeat(7,minmax(90px,1fr)); gap:8px; padding:12px; }.state-sales-states button[data-action="state-sales-state"] { display:grid; gap:3px; padding:11px; color:#46647f; background:var(--surface-soft); border:1px solid var(--line); border-radius:10px; cursor:pointer; text-align:left; }.state-sales-states button.active,.state-sales-states button[data-action="state-sales-state"]:hover { color:#0b5d94; border-color:#67bce8; background:#e9f7ff; }.state-sales-states button strong { color:inherit; font-size:.82rem; }.state-sales-states button small { color:inherit; font-size:.56rem; }
.state-sales-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }.state-sales-kpis article { display:grid; gap:5px; padding:15px 17px; border:1px solid var(--line); border-radius:13px; background:var(--surface); }.state-sales-kpis span { color:var(--muted); font-size:.55rem; font-weight:850; text-transform:uppercase; }.state-sales-kpis strong { color:var(--ink); font-size:1.1rem; }.state-sales-kpis small { color:var(--muted); font-size:.58rem; }
.state-sales-summary header small,.state-sales-list header>small { max-width:700px; color:var(--muted); font-size:.58rem; text-align:right; }.state-sales-summary>div { display:grid; grid-template-columns:repeat(7,minmax(120px,1fr)); }.state-sales-summary article { display:grid; gap:4px; min-width:0; padding:13px 15px; border-left:1px solid var(--line); }.state-sales-summary article:first-child { border-left:0; }.state-sales-summary article strong { color:#2476ae; font-size:.75rem; }.state-sales-summary article span,.state-sales-summary article small { overflow:hidden; color:var(--muted); font-size:.56rem; text-overflow:ellipsis; white-space:nowrap; }.state-sales-summary article b { color:var(--ink); font-size:.7rem; }
.state-sales-list header { padding:16px 18px; }.state-sales-list h2 { margin-bottom:0; font-size:.9rem; }.state-sales-table-scroll { overflow:auto; }.state-sales-table { min-width:1220px; }.state-sales-table th { position:sticky; z-index:1; top:0; background:var(--surface-soft); }.state-sales-table td { vertical-align:middle; }.state-sales-product { display:grid; grid-template-columns:40px minmax(210px,1fr); gap:10px; align-items:center; }.state-sales-product .product-thumb { width:40px; height:40px; }.state-sales-product>div { display:grid; gap:4px; min-width:0; }.state-sales-product strong { overflow:hidden; color:var(--ink); font-size:.66rem; text-overflow:ellipsis; white-space:nowrap; }.state-sales-product small,.state-sales-table td>small { display:block; margin-top:4px; color:var(--muted); font-size:.54rem; }.state-sales-product a { color:#2076ba; font-weight:800; }.state-sales-uf { display:inline-flex; padding:4px 7px; color:#0e6399; background:#e9f7ff; border-radius:6px; font-size:.58rem; font-weight:900; }.state-sales-promotion,.state-sales-regular { display:inline-flex; padding:4px 7px; border-radius:999px; font-size:.53rem; font-weight:850; }.state-sales-promotion { color:#8d5712; background:#fff0d7; }.state-sales-regular { color:#08765a; background:#e4f7ee; }
html[data-theme="black"] .state-sales-filters,html[data-theme="black"] .state-sales-states,html[data-theme="black"] .state-sales-summary,html[data-theme="black"] .state-sales-list,html[data-theme="black"] .state-sales-kpis article { border-color:#2b425b; background:#101d2d; }html[data-theme="black"] .state-sales-filters input,html[data-theme="black"] .state-sales-states button[data-action="state-sales-state"] { color:#dceafa; border-color:#314c69; background:#142338; }html[data-theme="black"] .state-sales-states button.active { color:#bdeaff; border-color:#3a87ba; background:#12334d; }html[data-theme="black"] .state-sales-summary article { border-color:#2b425b; }html[data-theme="black"] .state-sales-table th { background:#142338; }
@media(max-width:980px){.state-sales-filters{grid-template-columns:repeat(3,minmax(0,1fr));}.state-sales-states>div,.state-sales-summary>div{grid-template-columns:repeat(4,minmax(0,1fr));}}@media(max-width:650px){.state-sales-hero,.state-sales-states header,.state-sales-summary header,.state-sales-list header{align-items:flex-start;flex-direction:column}.state-sales-filters,.state-sales-kpis{grid-template-columns:1fr 1fr}.state-sales-filters .state-sales-search{grid-column:1 / -1}.state-sales-states>div,.state-sales-summary>div{grid-template-columns:repeat(2,minmax(0,1fr))}.state-sales-summary article:nth-child(odd){border-left:0}.state-sales-summary header small,.state-sales-list header>small{text-align:left}.state-sales-filters .button{width:100%;}}

/* Vendas por estado: fila de envio por prazo oficial. */
.state-sales-tabs{display:flex;align-items:center;gap:7px;padding:6px;border:1px solid var(--line);border-radius:13px;background:var(--surface);width:max-content;max-width:100%}.state-sales-tabs button{min-height:36px;padding:0 13px;color:var(--muted);border:0;border-radius:8px;background:transparent;font:800 .66rem/1 inherit;cursor:pointer}.state-sales-tabs button.active{color:#0e5f97;background:#e7f5ff;box-shadow:inset 0 0 0 1px #a8d8f2}.state-sales-tabs b{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:6px;color:#075d96;border-radius:99px;background:#cbeafe;font-size:.55rem}.state-shipping-filters{grid-template-columns:145px 145px 155px 165px minmax(200px,1fr) auto auto auto}.state-shipping-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.state-shipping-kpis article{display:grid;gap:5px;padding:15px 17px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.state-shipping-kpis span{color:var(--muted);font-size:.55rem;font-weight:850;letter-spacing:.04em}.state-shipping-kpis strong{color:#155f94;font-size:1.25rem}.state-shipping-kpis small{color:var(--muted);font-size:.58rem}.state-shipping-list{overflow:hidden;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.state-shipping-list>header,.state-shipping-day>header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 18px;border-bottom:1px solid var(--line)}.state-shipping-list>header span,.state-shipping-day>header span{display:block;color:#237cb6;font-size:.57rem;font-weight:900;letter-spacing:.09em}.state-shipping-list h2,.state-shipping-day h3{margin:5px 0 0;color:var(--ink);font-size:.9rem}.state-shipping-list>header small{max-width:620px;color:var(--muted);font-size:.59rem;text-align:right}.state-shipping-day{border-top:9px solid #f2f6fa}.state-shipping-day:first-of-type{border-top:0}.state-shipping-day>header{padding:13px 18px;background:#f9fbfd}.state-shipping-day>header b{padding:6px 9px;color:#266890;border-radius:99px;background:#e8f5fc;font-size:.6rem}.state-shipping-day>div{display:grid}.state-shipping-card{display:grid;grid-template-columns:minmax(200px,1.3fr) minmax(110px,.65fr) minmax(145px,.9fr) minmax(145px,.85fr) minmax(120px,.7fr) minmax(155px,.9fr);gap:14px;align-items:center;padding:15px 18px;border-bottom:1px solid var(--line)}.state-shipping-card:last-child{border-bottom:0}.state-shipping-card:hover{background:#fbfdff}.state-shipping-card>div:not(.state-shipping-product):not(.state-shipping-actions){display:grid;gap:4px;min-width:0}.state-shipping-card>div>span{color:#7890a7;font-size:.52rem;font-weight:850;letter-spacing:.06em}.state-shipping-card>div>strong{overflow:hidden;color:var(--ink);font-size:.66rem;text-overflow:ellipsis;white-space:nowrap}.state-shipping-card>div>small{overflow:hidden;color:var(--muted);font-size:.55rem;text-overflow:ellipsis;white-space:nowrap}.state-shipping-product{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center;min-width:0}.state-shipping-product .product-thumb{width:42px;height:42px}.state-shipping-product>div{display:grid;gap:4px;min-width:0}.state-shipping-product strong{overflow:hidden;color:var(--ink);font-size:.67rem;text-overflow:ellipsis;white-space:nowrap}.state-shipping-product small{overflow:hidden;color:var(--muted);font-size:.55rem;text-overflow:ellipsis;white-space:nowrap}.state-shipping-order .text-button{width:max-content;color:#1673af;font-size:.55rem}.state-shipping-status{width:max-content;padding:5px 7px;border-radius:6px;font-size:.56rem}.state-shipping-status.ready{color:#08754f;background:#e4f8ee}.state-shipping-status.preparing{color:#95601a;background:#fff3db}.state-shipping-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.state-shipping-actions .button{min-height:31px;padding:0 9px;font-size:.56rem;white-space:nowrap}.state-shipping-missing{color:#9a6a22;font-size:.57rem;line-height:1.35}.state-shipping-card.ready{box-shadow:inset 3px 0 #20a66d}.state-shipping-card.preparing{box-shadow:inset 3px 0 #e3a341}html[data-theme="black"] .state-sales-tabs,html[data-theme="black"] .state-shipping-kpis article,html[data-theme="black"] .state-shipping-list{border-color:#2b425b;background:#101d2d}html[data-theme="black"] .state-sales-tabs button.active{color:#bce8ff;background:#12364f;box-shadow:inset 0 0 0 1px #356e96}html[data-theme="black"] .state-shipping-day{border-color:#152a42}html[data-theme="black"] .state-shipping-day>header{border-color:#2b425b;background:#13243a}html[data-theme="black"] .state-shipping-card{border-color:#2b425b}html[data-theme="black"] .state-shipping-card:hover{background:#13243a}html[data-theme="black"] .state-shipping-day>header b{color:#bde8ff;background:#173955}@media(max-width:1250px){.state-shipping-filters{grid-template-columns:repeat(4,minmax(130px,1fr))}.state-shipping-filters .state-sales-search{grid-column:1 / span 2}.state-shipping-card{grid-template-columns:minmax(220px,1.2fr) repeat(3,minmax(125px,.8fr));}.state-shipping-actions{justify-content:flex-start}}@media(max-width:720px){.state-sales-tabs{width:100%}.state-sales-tabs button{flex:1}.state-shipping-filters,.state-shipping-kpis{grid-template-columns:1fr 1fr}.state-shipping-filters .state-sales-search{grid-column:1/-1}.state-shipping-card{grid-template-columns:1fr 1fr;gap:12px;padding:14px}.state-shipping-product,.state-shipping-actions{grid-column:1/-1}.state-shipping-list>header,.state-shipping-day>header{align-items:flex-start;flex-direction:column}.state-shipping-list>header small{text-align:left}.state-shipping-actions .button{flex:1}.state-shipping-card>div>strong{white-space:normal}.state-shipping-day{border-top-width:7px}} 
@media (max-width:900px) { .special-stock-command-center > header { align-items:flex-start; flex-direction:column; }.special-stock-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }.special-stock-kpis article:nth-child(3) { border-left:0; border-top:1px solid #dbe9f5; }.special-stock-kpis article:nth-child(4) { border-top:1px solid #dbe9f5; }.raptor-availability-history > article { grid-template-columns:repeat(2,minmax(0,1fr)); }.raptor-availability-history > article > div:first-child { grid-column:1 / -1; } }
@media (max-width:560px) { .special-stock-command-center > header { padding:17px; }.special-stock-kpis { grid-template-columns:1fr; }.special-stock-kpis article,.special-stock-kpis article:nth-child(3),.special-stock-kpis article:nth-child(4) { border-left:0; border-top:1px solid #dbe9f5; }.special-stock-kpis article:first-child { border-top:0; }.raptor-availability-history > header { align-items:flex-start; flex-direction:column; }.raptor-availability-history > article { grid-template-columns:1fr; gap:9px; }.raptor-availability-history > article > div:first-child { grid-column:auto; } }
.special-stock-sync-progress, .special-stock-sync-finished { display: grid; gap: 5px; padding: 14px 20px; border-bottom: 1px solid #dce8f3; color: #456682; font-size: 12px; background: #f1f8ff; }.special-stock-sync-progress strong { color: #17395c; }.special-stock-sync-progress i { height: 7px; overflow: hidden; border-radius: 999px; background: #d9e9f7; }.special-stock-sync-progress i b { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #1d5f9e, #22a06b); transition: width .3s ease; }.special-stock-sync-finished { display: block; color: #28724f; background: #effbf4; } body.theme-black .special-stock-sync-progress { border-color: #31506e; color: #c5d7e9; background: #12263c; } body.theme-black .special-stock-sync-progress strong { color: #e7f0f9; } body.theme-black .special-stock-sync-finished { color: #9ce6ba; background: #102a26; }

/* Foto do produto: prioriza a imagem já cadastrada na Central. */
.special-stock-product-photo { width:54px; height:54px; border-radius:12px; box-shadow:0 3px 8px rgba(25,75,120,.06); }
.special-stock-product-photo img { padding:2px; object-fit:contain; }

/* Biblioteca: ações em lote e prévia para uma organização de arquivos mais fluida. */
.library-file-card{position:relative}.library-file-card.selected{border-color:#4f8fc4!important;box-shadow:0 0 0 3px rgba(54,128,194,.14),0 10px 24px rgba(22,74,120,.1)}.library-select{position:absolute;z-index:3;top:10px;left:10px;display:flex;align-items:center;gap:5px;min-height:25px;padding:3px 7px;border:1px solid #cbddec;border-radius:999px;color:#42627f;background:rgba(255,255,255,.95);font-size:10px;font-weight:800;cursor:pointer}.library-select input{width:14px;height:14px;margin:0;accent-color:#1d6fb0;cursor:pointer}.library-select span{line-height:1}.library-file-card .library-favorite{right:10px;left:auto}.library-bulk-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:12px 0;padding:11px 13px;border:1px solid #c3dceb;border-radius:12px;color:#153d63;background:linear-gradient(105deg,#f0f8ff,#fff)}.library-bulk-toolbar>strong{font-size:12px}.library-bulk-toolbar>div{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.library-bulk-toolbar select{height:34px;max-width:260px;padding:0 9px;border:1px solid #c5d9e9;border-radius:8px;color:#234965;background:#fff;font:inherit;font-size:12px}.library-bulk-toolbar .button{min-height:34px;padding:0 11px;font-size:11px}.library-preview{display:grid;place-items:center;min-height:172px;margin-bottom:16px;overflow:hidden;border:1px solid #d9e6f0;border-radius:13px;background:#f7fafc}.library-preview.image{background:#fff}.library-preview img{display:block;max-width:100%;max-height:280px;object-fit:contain}.library-preview.file .library-file-icon{width:76px;height:76px;font-size:16px}.library-details-pro{display:grid;gap:12px}.library-details-pro dl{margin:0}.library-details-actions{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap}@media(max-width:700px){.library-bulk-toolbar{align-items:flex-start;flex-direction:column}.library-bulk-toolbar>div{justify-content:flex-start}.library-bulk-toolbar select{max-width:100%;width:100%}.library-select span{display:none}.library-select{padding:4px}.library-file-card .library-favorite{top:10px}}
body.theme-black .library-select{border-color:#365571;color:#c6d9e9;background:#13273c}.theme-black .library-bulk-toolbar{border-color:#31516d;color:#d9e8f5;background:linear-gradient(105deg,#11263b,#152c43)}.theme-black .library-bulk-toolbar select,.theme-black .library-preview{border-color:#31516d;color:#d9e8f5;background:#102137}.theme-black .library-file-card.selected{border-color:#5a9fd3!important;box-shadow:0 0 0 3px rgba(85,161,218,.18)}

/* Arquivos e pastas — comandos claros, menos ruído e leitura rápida. */
.library-shell{max-width:1540px;gap:16px}.library-hero-pro{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:24px 27px;color:#f7fbff;border:1px solid #173b62;border-radius:18px;background:radial-gradient(circle at 88% 20%,rgba(55,146,225,.4),transparent 30%),linear-gradient(125deg,#102b4b,#1d5d91);box-shadow:0 14px 32px rgba(16,56,91,.17)}.library-hero-pro>div:first-child{min-width:0}.library-hero-pro>div:first-child>span{display:block;margin-bottom:7px;color:#a9d8ff;font-size:.62rem;font-weight:900;letter-spacing:.13em}.library-hero-pro h2{margin:0;color:#fff;font-size:1.45rem;letter-spacing:-.035em}.library-hero-pro p{max-width:700px;margin:8px 0 0;color:#d5e7f8;font-size:.75rem;line-height:1.55}.library-hero-facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.library-hero-facts b{padding:6px 9px;color:#dff1ff;border:1px solid rgba(206,236,255,.28);border-radius:99px;background:rgba(4,24,46,.22);font-size:.61rem}.library-hero-actions{display:flex;flex:none;gap:8px;align-items:center}.library-hero-actions .button{white-space:nowrap}.library-hero-actions .button.ghost{color:#fff;border-color:rgba(255,255,255,.6);background:rgba(255,255,255,.08)}.library-hero-actions .button.ghost:hover{color:#123d62;border-color:#fff;background:#fff}.library-workspace.professional{min-height:620px}.library-tree li button small{margin-left:auto;padding:2px 6px;color:#58728c;border-radius:99px;background:#e8f0f7;font-size:.54rem;font-weight:800}.library-tree li button.active small,.library-tree li button:hover small{color:#1763a4;background:#d7ebfa}.library-current-actions small{order:-1;width:100%;text-align:right}.library-current-actions [data-library-select-all]{color:#155b91;border-color:#a9cde8;background:#f1f8fd}.library-current-actions [data-library-select-all]:hover{background:#e4f2fc}.library-file-card.pro .library-entry-main b{min-width:28px;color:#2873ad;font-size:.61rem;text-align:right}.library-file-card.pro .library-entry-main:hover{background:#f7fbff}.library-file-card.pro.photo .library-entry-main:hover{background:transparent}.library-file-card.pro .library-entry-actions{gap:6px}.library-file-card.pro .library-entry-actions>a,.library-file-card.pro .library-entry-actions>button{display:inline-flex;align-items:center;justify-content:center}.library-file-card.pro .library-entry-actions>a:first-child,.library-file-card.pro .library-entry-actions>button:first-child{color:#145f99;border-color:#a9cce7;background:#edf7ff}.library-file-card.pro .library-entry-actions>a:first-child:hover,.library-file-card.pro .library-entry-actions>button:first-child:hover{color:#fff;border-color:#176ca9;background:#176ca9}.library-bulk-toolbar{position:sticky;z-index:5;bottom:12px;box-shadow:0 10px 24px rgba(18,61,100,.13)}.library-dropzone.pro{min-height:68px;margin-bottom:13px;border-radius:12px}.library-dropzone.pro small{margin-left:8px;color:#8497aa}.library-grid.list .library-file-card.pro .library-entry-main b{font-size:.56rem}.library-empty{padding:25px}.library-empty span{max-width:420px;line-height:1.5}.library-file-card.is-trash .library-entry-main b{color:#718499}.library-file-card.is-trash .library-entry-main{cursor:pointer}.library-file-card.is-trash .library-entry-main:hover{background:#fafcfe}
html[data-theme="black"] .library-hero-pro{border-color:#345b84;background:radial-gradient(circle at 88% 20%,rgba(48,130,204,.3),transparent 31%),linear-gradient(125deg,#0b1c31,#173e64)}html[data-theme="black"] .library-tree li button small{color:#b5cce2;background:#203b57}html[data-theme="black"] .library-current-actions [data-library-select-all]{color:#bfe4ff;border-color:#426f95;background:#152e47}html[data-theme="black"] .library-file-card.pro .library-entry-main:hover{background:#162b43}html[data-theme="black"] .library-file-card.pro .library-entry-actions>a:first-child,html[data-theme="black"] .library-file-card.pro .library-entry-actions>button:first-child{color:#bfe4ff;border-color:#3d6d94;background:#173655}html[data-theme="black"] .library-file-card.pro .library-entry-actions>a:first-child:hover,html[data-theme="black"] .library-file-card.pro .library-entry-actions>button:first-child:hover{color:#fff;background:#246fa9}
@media(max-width:780px){.library-hero-pro{align-items:flex-start;flex-direction:column;padding:20px}.library-hero-pro h2{font-size:1.17rem}.library-hero-actions{width:100%}.library-hero-actions .button{flex:1}.library-current-actions{justify-content:flex-start}.library-current-actions small{order:0;width:auto;text-align:left}.library-dropzone.pro{align-items:flex-start;flex-direction:column;padding:13px 15px}.library-dropzone.pro small{margin-left:0}.library-file-card.pro .library-entry-actions{padding:8px}.library-file-card.pro .library-entry-actions>a,.library-file-card.pro .library-entry-actions>button{flex:1 1 auto}}

/* Biblioteca: acabamento compacto e ações principais sempre visíveis. */
.library-page .page-header{margin-bottom:0}.library-page .library-shell{gap:12px;max-width:1460px}.library-page .library-hero-pro{min-height:0;padding:18px 20px;color:#17395c;border-color:#cddfec;border-radius:15px;background:#fff;box-shadow:0 7px 20px rgba(24,64,99,.05)}.library-page .library-hero-pro>div:first-child>span{margin-bottom:5px;color:#2873ad}.library-page .library-hero-pro h2{color:#17395c;font-size:1.15rem}.library-page .library-hero-pro p{margin-top:5px;color:#668097;font-size:.71rem}.library-page .library-hero-facts{gap:6px;margin-top:10px}.library-page .library-hero-facts b{padding:5px 8px;color:#45647f;border-color:#d9e5ee;background:#f6f9fc;font-size:.57rem}.library-page .library-hero-actions .button{min-height:36px}.library-page .library-hero-actions .button.ghost{color:#175d96;border-color:#a9cce8;background:#f5faff}.library-page .library-hero-actions .button.ghost:hover{color:#fff;border-color:#176ca9;background:#176ca9}.library-page .library-summary.professional{grid-template-columns:repeat(4,minmax(0,1fr));border-radius:13px;box-shadow:0 6px 18px rgba(24,64,99,.04)}.library-page .library-summary.professional article{min-height:78px;padding:12px 15px}.library-page .library-summary.professional strong{font-size:1.25rem}.library-page .library-workspace.professional{min-height:520px;border-radius:14px;box-shadow:0 8px 22px rgba(24,64,99,.05)}.library-page .library-workspace.professional main{padding:18px 20px 22px}.library-page .library-current-heading{margin:15px 0 13px}.library-page .library-current-heading h2{font-size:1.05rem}.library-page .library-tools.professional{margin-bottom:11px}.library-page .library-dropzone.pro{min-height:58px;margin-bottom:11px}.library-page .library-grid{gap:10px}.library-page .library-folder-card.pro,.library-page .library-file-card.pro{border-radius:11px;box-shadow:none}.library-editor-modal{display:grid;gap:14px}.library-editor-modal p{margin:0;color:var(--muted);font-size:.76rem;line-height:1.45}.library-editor-modal .field{display:grid;gap:6px}.library-editor-modal .field span{color:#496984;font-size:.64rem;font-weight:850;letter-spacing:.04em}.library-editor-modal .field input{width:100%;height:40px;padding:0 11px;color:#17395c;border:1px solid #bcd2e5;border-radius:9px;background:#fff;font:inherit}.library-editor-modal .field input:focus{outline:3px solid rgba(39,119,184,.15);border-color:#2278bd}.library-editor-modal .page-actions{justify-content:flex-end;margin-top:2px}.library-delete-confirm{display:grid;gap:12px}.library-delete-confirm p{margin:0;color:var(--muted);line-height:1.5}.library-delete-confirm .page-actions{justify-content:flex-end}
html[data-theme="black"] .library-page .library-hero-pro{border-color:#2d4b69;background:#102238;box-shadow:none}html[data-theme="black"] .library-page .library-hero-pro h2{color:#ecf5ff}html[data-theme="black"] .library-page .library-hero-pro p{color:#a9c0d5}html[data-theme="black"] .library-page .library-hero-facts b{color:#c1d8eb;border-color:#34536f;background:#142c45}html[data-theme="black"] .library-page .library-hero-actions .button.ghost{color:#c3e5ff;border-color:#3d6d94;background:#173655}html[data-theme="black"] .library-editor-modal .field input{color:#ecf5ff;border-color:#35546f;background:#102238}html[data-theme="black"] .library-editor-modal .field span{color:#b8cce0}
@media(max-width:760px){.library-page .library-hero-pro{padding:16px}.library-page .library-summary.professional{grid-template-columns:1fr 1fr}.library-page .library-summary.professional article{min-height:72px}.library-page .library-workspace.professional main{padding:14px}.library-page .library-hero-actions{gap:7px}.library-page .library-hero-actions .button{font-size:.67rem}}

/* Pós-venda: leitura rápida e ações de atendimento sem misturar produto com caso. */
.post-sales-shell{gap:12px}.post-sales-live{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 15px;border:1px solid #cce6db;border-radius:13px;color:#27624d;background:#f1fbf6}.post-sales-live>div{display:flex;align-items:center;gap:8px}.post-sales-live i{width:8px;height:8px;border-radius:50%;background:#18a776;box-shadow:0 0 0 4px #d9f5e7}.post-sales-live strong{font-size:12px}.post-sales-live span,.post-sales-live small{color:#5b806e;font-size:11px}.post-sales-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.post-sales-kpis article{min-height:91px;padding:14px 15px;border-radius:13px;box-shadow:none}.post-sales-kpis strong{margin:6px 0 3px;font-size:1.55rem}.post-sales-kpis small{line-height:1.35}.post-sales-filters{grid-template-columns:minmax(230px,1.5fr) repeat(3,minmax(125px,.7fr)) auto auto;padding:12px;border-radius:13px;box-shadow:none}.post-sales-case{grid-template-columns:minmax(225px,1.15fr) minmax(370px,1.75fr) auto;gap:14px;padding:15px;border-left-width:3px;border-radius:13px;box-shadow:none}.post-sales-case-meta{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px!important;padding:0!important;border:0!important}.post-sales-case-meta>div{display:grid;gap:4px;min-width:0}.post-sales-case strong{white-space:normal;line-height:1.3}.post-sales-case small{white-space:normal;line-height:1.35}.post-sales-actions{display:grid!important;gap:7px!important;min-width:150px}.post-sales-actions .button{width:100%;min-height:34px;padding:0 10px;font-size:.65rem}.post-sales-actions .text-button{justify-self:center;font-size:.65rem}.post-sales-questions{padding:16px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.post-sales-questions>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.post-sales-questions header span{color:#e0662c;font-size:.64rem;font-weight:900;letter-spacing:.1em}.post-sales-questions h2{margin:4px 0;color:var(--ink);font-size:1rem}.post-sales-questions p{margin:0;color:var(--muted);font-size:.73rem}.post-sales-question-list{display:grid;gap:8px}.post-sales-question-list>article{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 13px;border:1px solid var(--line);border-radius:11px;background:var(--surface-soft)}.post-sales-question-list article>div{display:grid;gap:3px}.post-sales-question-list strong{color:var(--ink);font-size:.77rem}.post-sales-question-list small,.post-sales-question-list p{margin:0;color:var(--muted);font-size:.67rem}.post-sales-question-list p{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--ink);line-height:1.4}.post-sales-question-list .question-actions{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.post-sales-question-list .question-actions a{font-size:.68rem;font-weight:800}.post-sales-question-list .text-button{font-size:.63rem}@media(max-width:1180px){.post-sales-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.post-sales-case{grid-template-columns:1fr auto}.post-sales-case-meta{grid-column:1/-1}.post-sales-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.post-sales-live,.post-sales-questions>header{align-items:flex-start;flex-direction:column}.post-sales-kpis{display:grid;grid-template-columns:1fr 1fr;overflow:visible}.post-sales-case{grid-template-columns:1fr}.post-sales-case-meta{grid-template-columns:1fr 1fr}.post-sales-actions{min-width:0}.post-sales-question-list>article{grid-template-columns:1fr}.post-sales-question-list .question-actions{align-items:flex-start}.post-sales-filters{grid-template-columns:1fr}}
.post-sales-question-product{display:grid!important;grid-template-columns:46px minmax(0,1fr);align-items:start;gap:10px!important}.post-sales-question-product>img,.post-sales-question-product>span{width:46px;height:46px;object-fit:contain;border:1px solid var(--line);border-radius:10px;background:#fff}.post-sales-question-product>span{display:grid;place-items:center;color:#5270a1;background:#f3f6fa;font-size:.64rem;font-weight:900}.post-sales-question-product>div{display:grid;gap:4px;min-width:0}.post-sales-question-list .post-sales-answer-preview{color:#167252;background:#eaf8f1;padding:6px 8px;border-radius:7px}.post-sales-question-list .post-sales-answer-pending,.question-action-pending{color:#a56808;font-weight:800}.question-action-done{color:#167252;font-weight:800}.post-sales-question-list .question-actions .button{white-space:nowrap}.post-sales-question-list .question-actions .text-button{color:#2e6ed9;font-weight:800}
body.theme-black .post-sales-live{border-color:#275b49;color:#a5e5c5;background:#112c27}.theme-black .post-sales-live span,.theme-black .post-sales-live small{color:#9fc5b1}.theme-black .post-sales-questions,.theme-black .post-sales-question-list>article{border-color:#2d4965;background:#102238}.theme-black .post-sales-question-list>article{background:#13283e}.theme-black .post-sales-questions h2,.theme-black .post-sales-question-list strong,.theme-black .post-sales-question-list p{color:#e6eff9}.theme-black .post-sales-questions p,.theme-black .post-sales-question-list small{color:#aec1d4}

/* Vendas por estado: identifica claramente o número interno da Olist. */
.state-shipping-order>a{overflow:hidden;color:#176ca9;font-size:.7rem;font-weight:850;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.state-shipping-order>a:hover{text-decoration:underline}.state-shipping-actions .state-shipping-missing{max-width:170px;text-align:right}
html[data-theme="black"] .state-shipping-order>a{color:#a6dcff}

/* Fila compartilhada de revisão de promoções. */
.promotion-workboard-shell{display:grid;gap:14px;padding:18px;background:linear-gradient(180deg,#f8fbff 0,#fff 200px);min-height:560px}.promotion-workboard-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:23px 25px;border:1px solid #cbdff0;border-radius:18px;color:#fff;background:linear-gradient(115deg,#102a43,#1d5f9e);box-shadow:0 14px 32px rgba(17,56,91,.12)}.promotion-workboard-hero .eyebrow{margin:0;color:#9fd4ff}.promotion-workboard-hero h3{margin:5px 0 7px;font-size:1.38rem}.promotion-workboard-hero p{max-width:690px;margin:0;color:#d6e9f9;font-size:.76rem;line-height:1.5}.promotion-workboard-hero .button{background:#fff;color:#174e82;border-color:#fff}.promotion-workboard-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.promotion-workboard-kpis button{display:grid;gap:3px;padding:14px 16px;border:1px solid #d6e3ef;border-radius:13px;color:#627990;background:#fff;text-align:left;cursor:pointer}.promotion-workboard-kpis button:hover,.promotion-workboard-kpis button.active{border-color:#4b88bf;background:#f1f8ff;box-shadow:0 7px 18px rgba(28,83,132,.08)}.promotion-workboard-kpis button.active.high{border-color:#eaa15f;background:#fff8ee}.promotion-workboard-kpis button.active.danger{border-color:#e49494;background:#fff4f4}.promotion-workboard-kpis span{font-size:.58rem;font-weight:900;letter-spacing:.07em}.promotion-workboard-kpis strong{color:#17395c;font-size:1.28rem}.promotion-workboard-kpis small{font-size:.63rem}.promotion-workboard-toolbar{display:flex;align-items:end;gap:9px;padding:13px 15px;border:1px solid #d9e5ef;border-radius:13px;background:#fff}.promotion-workboard-toolbar label{display:grid;flex:1;gap:5px}.promotion-workboard-toolbar label span{color:#607a94;font-size:.62rem;font-weight:800}.promotion-workboard-toolbar input{height:36px;padding:0 11px;border:1px solid #c7d9e9;border-radius:8px;color:#17395c;background:#fbfdff;font:inherit;font-size:.74rem}.promotion-workboard-toolbar>span{display:flex;align-items:center;gap:6px;color:#36715e;font-size:.65rem;white-space:nowrap}.promotion-workboard-toolbar>span i{width:7px;height:7px;border-radius:50%;background:#24a577;box-shadow:0 0 0 3px #24a57720}.promotion-workboard-list{display:grid;gap:12px}.promotion-workboard-card{overflow:hidden;border:1px solid #d5e2ee;border-radius:15px;background:#fff;box-shadow:0 5px 18px rgba(25,59,94,.045)}.promotion-workboard-card.done{border-color:#b8dfcd;background:#fbfffd}.promotion-workboard-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:17px 19px 11px;border-bottom:1px solid #e5edf4}.promotion-workboard-priority{display:inline-block;margin-bottom:5px;color:#52718e;font-size:.59rem;font-weight:900;letter-spacing:.07em}.promotion-workboard-priority.high{color:#b7443e}.promotion-workboard-card h4{margin:0;color:#143858;font-size:.89rem}.promotion-workboard-card-head p{margin:6px 0 0;color:#69819a;font-size:.67rem}.promotion-workboard-sku{font-size:.68rem}.promotion-workboard-card-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}.promotion-workboard-state{padding:5px 8px;border-radius:99px;font-size:.58rem;font-weight:900}.promotion-workboard-state.open{color:#885a06;background:#fff3d4}.promotion-workboard-state.done{color:#17704e;background:#e6f7ef}.promotion-workboard-owner{margin:0;padding:9px 19px;color:#5f7790;background:#f9fbfd;font-size:.64rem}.promotion-workboard-card.done .promotion-workboard-owner{color:#277456;background:#effaf4}.promotion-workboard-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:13px 19px}.promotion-workboard-plan{display:grid;gap:10px;padding:13px;border:1px solid #dbe6ef;border-radius:11px;background:#fcfdff}.promotion-workboard-plan.below{border-color:#efbbbb;background:#fff9f9}.promotion-workboard-plan.at{border-color:#ebd18c;background:#fffdf6}.promotion-workboard-plan.above{border-color:#b9dfca;background:#f7fdf9}.promotion-workboard-plan.unavailable{align-content:start;color:#8194a5;background:#f7f9fb}.promotion-workboard-plan header{display:flex;align-items:baseline;justify-content:space-between;gap:9px}.promotion-workboard-plan header span{color:#376d9f;font-size:.58rem;font-weight:900;letter-spacing:.08em}.promotion-workboard-plan header strong{overflow:hidden;color:#1c3f60;font-size:.66rem;text-align:right;text-overflow:ellipsis;white-space:nowrap}.promotion-workboard-plan>p{margin:0;font-size:.65rem;line-height:1.4}.promotion-workboard-prices{display:grid;grid-template-columns:1fr 1fr;gap:8px}.promotion-workboard-prices span,.promotion-workboard-details span{display:grid;gap:3px}.promotion-workboard-prices small,.promotion-workboard-details small{color:#71869b;font-size:.58rem}.promotion-workboard-prices b{color:#163b5d;font-size:.83rem}.promotion-workboard-prices span:last-child b{color:#de6520}.promotion-workboard-details{display:grid;grid-template-columns:1fr 1.2fr;gap:8px;padding-top:9px;border-top:1px solid #e2ebf3}.promotion-workboard-details b{font-size:.72rem}.promotion-workboard-details b.positive{color:#137a67}.promotion-workboard-details b.warning{color:#9a6500}.promotion-workboard-details b.negative{color:#bc3f42}.promotion-workboard-details b.pending{color:#9a6500}.promotion-workboard-details span>small:last-child{line-height:1.25}.promotion-workboard-plan footer{display:flex;justify-content:space-between;gap:8px;color:#72889d;font-size:.58rem}.promotion-workboard-plan footer b{color:#3d5870}.promotion-workboard-pma-reference{display:flex;gap:20px;padding:10px 19px;border-top:1px solid #e5edf4;color:#5d768e;background:#f7faff;font-size:.63rem}.promotion-workboard-pma-reference b{margin-left:5px;color:#17395c}.promotion-workboard-empty{display:grid;gap:5px;padding:55px 20px;border:1px dashed #cbd9e7;border-radius:14px;color:#668097;text-align:center}.promotion-workboard-empty strong{color:#274964}.promotion-workboard-empty span{font-size:.7rem}body.theme-black .promotion-workboard-shell{background:linear-gradient(180deg,#101d31,#0d1828 210px)}body.theme-black .promotion-workboard-hero{border-color:#31506e;background:linear-gradient(115deg,#13243c,#174b77)}body.theme-black .promotion-workboard-kpis button,body.theme-black .promotion-workboard-toolbar,body.theme-black .promotion-workboard-card{border-color:#2c445e;background:#101d31;color:#b5c9dc}body.theme-black .promotion-workboard-kpis strong,body.theme-black .promotion-workboard-card h4,body.theme-black .promotion-workboard-plan header strong,body.theme-black .promotion-workboard-prices b,body.theme-black .promotion-workboard-pma-reference b{color:#e8f2fb}body.theme-black .promotion-workboard-toolbar input{border-color:#36536f;color:#e4eff9;background:#13243c}body.theme-black .promotion-workboard-owner{background:#122238;color:#aabfd2}body.theme-black .promotion-workboard-plan{border-color:#2d4863;background:#122238}body.theme-black .promotion-workboard-plan.below{border-color:#79484e;background:#291b24}body.theme-black .promotion-workboard-plan.at{border-color:#68552f;background:#282315}body.theme-black .promotion-workboard-plan.above{border-color:#295e4e;background:#132b26}body.theme-black .promotion-workboard-pma-reference{border-color:#2d4863;background:#122238}@media(max-width:900px){.promotion-workboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.promotion-workboard-plans{grid-template-columns:1fr}.promotion-workboard-hero{align-items:stretch;flex-direction:column}}@media(max-width:620px){.promotion-workboard-shell{padding:12px}.promotion-workboard-kpis{grid-template-columns:1fr 1fr}.promotion-workboard-toolbar{align-items:stretch;flex-wrap:wrap}.promotion-workboard-toolbar label{flex-basis:100%}.promotion-workboard-toolbar>span{width:100%}.promotion-workboard-card-head{align-items:stretch;flex-direction:column}.promotion-workboard-card-actions{justify-content:space-between}.promotion-workboard-card-actions .button{flex:1}.promotion-workboard-details{grid-template-columns:1fr}.promotion-workboard-pma-reference{justify-content:space-between;gap:8px;flex-wrap:wrap}}
.promotion-workboard-source-summary{display:flex;flex-wrap:wrap;gap:8px;padding:0 4px}.promotion-workboard-source-summary span{padding:7px 10px;border:1px solid #d8e5ef;border-radius:999px;color:#56738e;background:#fff;font-size:.64rem}.promotion-workboard-source-summary b{margin-left:4px;color:#17395c}.promotion-workboard-reasons{display:flex;flex-wrap:wrap;gap:7px;padding:11px 19px;border-bottom:1px solid #e5edf4;background:#fbfdff}.promotion-workboard-reason{display:grid;gap:2px;min-width:170px;max-width:310px;padding:8px 10px;border:1px solid #d7e3ed;border-radius:9px;background:#fff}.promotion-workboard-reason strong{color:#285474;font-size:.62rem}.promotion-workboard-reason span{color:#71869b;font-size:.58rem;line-height:1.3}.promotion-workboard-reason.promotion_expired{border-color:#f1c7a7;background:#fff9f3}.promotion-workboard-reason.no_sales_7,.promotion-workboard-reason.no_sales_15,.promotion-workboard-reason.no_sales_30{border-color:#e9d18d;background:#fffdf5}.promotion-workboard-reason.new_tax_low_margin{border-color:#efb6b6;background:#fff7f7}.promotion-workboard-reason.published_no_promotion{border-color:#b7d4ef;background:#f6fbff}body.theme-black .promotion-workboard-source-summary span,body.theme-black .promotion-workboard-reason{border-color:#2c445e;background:#101d31;color:#b5c9dc}body.theme-black .promotion-workboard-source-summary b{color:#e8f2fb}body.theme-black .promotion-workboard-reasons{background:#122238}@media(max-width:620px){.promotion-workboard-reason{max-width:none;width:100%}}