/* Preserva a identidade azul do dashboard e mantém os três quadros objetivos. */
.compact-purchases{display:flex;flex-direction:column;gap:24px;color:#16334e}
.compact-purchases[hidden]{display:none}
.compact-purchases .purchase-frame{width:100%;margin:0;padding:26px;border:1px solid #dce7f0;border-radius:20px;background:#fff;box-shadow:0 8px 30px #123c6410}
.compact-purchases .panel-head{align-items:center;gap:16px;margin-bottom:22px}
.compact-purchases .panel-head h2{font-size:21px;font-weight:750;letter-spacing:-.025em;color:#123452}
.compact-purchases .kicker{font-size:10px;letter-spacing:1.8px;color:#087bb3}
.compact-purchases .hint{color:#607990;font-size:11px;line-height:1.6}
.compact-toolbar{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;padding:14px 0 18px;background:transparent;border:0;border-bottom:1px solid #e7edf4;margin-bottom:16px}
.compact-toolbar label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#60788f;font-weight:650}
.compact-toolbar select,.compact-toolbar input{height:40px;border:1px solid #d8e3ee;border-radius:10px;background:#fff;padding:9px 12px;color:#183d5e;max-width:100%;font:inherit;font-size:12px}
.compact-toolbar select:disabled{opacity:.5}
.compact-search{flex:1;min-width:190px}
.compact-toolbar .metric-switch{display:flex;flex-wrap:wrap;gap:3px;background:#edf3f8;padding:5px;border-radius:12px;max-width:100%}
.compact-toolbar .metric-switch button{border:0;border-radius:9px;padding:10px 13px;white-space:nowrap;font:inherit;font-weight:650;font-size:12px;background:transparent;color:#5e768e;cursor:pointer;transition:background .15s,color .15s}
.compact-toolbar .metric-switch button.active{background:linear-gradient(135deg,#123b61,#116ea2);box-shadow:0 3px 8px #163e6426;color:#fff}
.compact-toolbar .curve-basis-wrap{margin-left:auto;align-self:center}
.compact-note{font-size:11px;color:#6b8094;line-height:1.6;margin:12px 0}
.compact-table-scroll{overflow:auto;max-width:100%;border:1px solid #e1eaf2;border-radius:14px;overscroll-behavior-x:contain}
#compact-analysis .compact-table-scroll,#compact-detail-content .compact-table-scroll{max-height:560px;box-sizing:border-box;overflow-y:auto;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#8ba8c0 #edf3f8}
#compact-analysis .compact-table-scroll::-webkit-scrollbar,#compact-detail-content .compact-table-scroll::-webkit-scrollbar{width:9px;height:9px}
#compact-analysis .compact-table-scroll::-webkit-scrollbar-track,#compact-detail-content .compact-table-scroll::-webkit-scrollbar-track{background:#edf3f8}
#compact-analysis .compact-table-scroll::-webkit-scrollbar-thumb,#compact-detail-content .compact-table-scroll::-webkit-scrollbar-thumb{background:#8ba8c0;border:2px solid #edf3f8;border-radius:8px}
#compact-analysis .compact-table thead th,#compact-detail-content .compact-table thead th{position:sticky;top:0;z-index:2;background:#f0f5fa;box-shadow:inset 0 -1px #dce7f1}
#compact-analysis .compact-horizontal-scroll{height:17px;max-width:100%;overflow-x:scroll;overflow-y:hidden;margin:0 0 8px;scrollbar-color:#8ba8c0 #edf3f8;scrollbar-width:auto}
#compact-analysis .compact-horizontal-scroll[hidden]{display:none}
#compact-analysis .compact-horizontal-scroll>div{height:1px}
#compact-analysis .compact-horizontal-scroll::-webkit-scrollbar{height:12px}
#compact-analysis .compact-horizontal-scroll::-webkit-scrollbar-track{background:#edf3f8;border-radius:8px}
#compact-analysis .compact-horizontal-scroll::-webkit-scrollbar-thumb{background:#8ba8c0;border:2px solid #edf3f8;border-radius:8px}
#compact-analysis .compact-table thead th,#compact-detail-content .compact-table thead th{vertical-align:top;line-height:16px;padding:16px;height:auto;white-space:nowrap}
#compact-analysis .compact-table thead th button,#compact-detail-content .compact-table thead th button{display:inline-block;vertical-align:top;line-height:16px;text-align:inherit;white-space:nowrap}
.compact-table{width:100%;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums;color:#23425d}
.compact-table th{background:#f0f5fa;color:#55708b;text-transform:uppercase;font-size:10px;font-weight:650;letter-spacing:.6px;text-align:right;padding:16px;border-bottom:1px solid #dce7f1;white-space:nowrap}
.compact-table td{padding:18px 16px;border-bottom:1px solid #eaf0f5;text-align:right;vertical-align:middle;white-space:nowrap;background:#fff}
.compact-table tr:last-child td{border-bottom:0}
.compact-table td:first-child,.compact-table th:first-child{text-align:left;min-width:190px;max-width:320px;white-space:normal}
.compact-table td:first-child button{line-height:1.5}
.compact-table td small,.compact-table th small{display:block;margin-top:5px;font-size:10px;font-weight:400;color:#6a8198;line-height:1.5;white-space:normal}
.compact-table button:not(.compact-movement):not(.compact-reading-close):not(.compact-drill){padding:0;background:none;border:0;color:inherit;cursor:pointer;font:inherit}
.compact-table .compact-name{font-weight:700!important;color:#145785!important;text-align:left;text-decoration:none}
.compact-table .compact-name:hover{color:#0087b7!important;text-decoration:underline;text-underline-offset:4px}
.compact-table tr.selected>td{background:#e9f4fc;border-bottom-color:#d1e6f5}
.compact-table tr:not(.compact-inline-reading):hover>td{background:#f6faff}
.compact-analysis-general td:first-child,.compact-analysis-maker td:first-child{border-left:4px solid #168db0;font-size:15px}
.compact-analysis-general tr:nth-child(2) td:first-child,.compact-analysis-maker tr:nth-child(even) td:first-child{border-left-color:#2459a0}
.compact-analysis-general td,.compact-analysis-maker td{padding-top:25px;padding-bottom:25px}
.compact-analysis-general td strong,.compact-analysis-maker td strong{font-size:14px;color:#163b60}
.compact-spark{width:145px;height:42px;display:block;color:#078baf;margin-left:auto;overflow:visible}
.compact-spark circle{fill:currentColor}
.compact-spark-months{max-width:180px;min-width:140px;font-size:9px!important}
.compact-table td .compact-buy{color:#ae4938;font-weight:650}
.compact-table td .compact-ok{color:#15806e}
.compact-pager{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;color:#6b8095;font-size:11px}
.compact-pager button,.compact-drill{border:1px solid #cbddeb;border-radius:9px;padding:9px 14px;color:#176294;background:white;cursor:pointer;font:inherit;font-size:12px}
.compact-scope{display:inline-flex;gap:12px;align-items:center;background:#eaf5fc;color:#1c679b;border:1px solid #d5e8f5;border-radius:9px;padding:7px 12px;font-size:12px;margin:0 0 12px}
.compact-scope button{background:none;border:0;color:inherit;cursor:pointer;font-size:18px}
.compact-table .compact-inline-reading>td{padding:0;white-space:normal;text-align:left;max-width:none;background:#f0f7fc;border-bottom:1px solid #d1e6f5}
#compact-diagnostic{position:relative;padding:26px 28px;border-left:4px solid #1187b2;overflow-anchor:none}
.compact-reading-close{position:absolute;top:20px;right:24px;border:1px solid #cee0ee;background:#fff;border-radius:8px;padding:7px 11px;color:#456b87;cursor:pointer;font:inherit;font-size:11px;z-index:1}
.compact-diagnostic header{padding-right:90px}
.compact-diagnostic h3{font-size:18px;line-height:1.5;margin:8px 0;color:#143d60;letter-spacing:-.02em}
.compact-diagnostic h4{font-size:12px;margin:0 0 14px;color:#234967}
.compact-diagnostic p{font-size:11px;line-height:1.8;color:#5f788f}
.compact-diagnostic-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0}
.compact-diagnostic-metrics>div{padding:14px 16px;background:#fff;border:1px solid #dce9f3;border-radius:11px}
.compact-diagnostic-metrics span{display:block;font-size:10px;color:#607c94}
.compact-diagnostic-metrics strong{display:block;font-size:16px;margin-top:8px;color:#174b70;white-space:normal;overflow-wrap:anywhere}
.compact-diagnostic-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.compact-diagnostic-grid>section{min-width:0}
.compact-diagnostic-curve{display:flex;align-items:center;gap:10px;color:#496a85;flex-wrap:wrap;font-size:11px}
.compact-diagnostic .compact-spark{width:210px;height:55px;margin:14px 0 0}
.compact-diagnostic dl{margin:0;font-size:12px}
.compact-diagnostic dl>div{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid #dce9f3}
.compact-diagnostic dt{color:#5d7890}.compact-diagnostic dd{margin:0;font-weight:700;text-align:right;color:#174b70}
.compact-movement{background:#eff3f7;color:#587089;border:0;border-radius:20px;padding:8px 12px;font:inherit;font-size:10px;font-weight:600;cursor:pointer}
.compact-movement.up{background:#e0f5ed;color:#147559}.compact-movement.down{background:#fff0d8;color:#94600f}
.compact-purchases button:focus-visible,.compact-purchases input:focus-visible,.compact-purchases select:focus-visible{outline:2px solid #1b83ba;outline-offset:3px}
@media(max-width:1100px){.compact-toolbar .curve-basis-wrap{margin-left:0}}
@media(max-width:700px){.compact-purchases{gap:16px}.compact-purchases .purchase-frame{padding:16px;border-radius:15px}.compact-purchases .store-grid{grid-template-columns:1fr}.compact-toolbar{gap:12px}.compact-toolbar label{flex:1;min-width:130px}.compact-toolbar .metric-switch{width:100%}.compact-purchases .panel-head{flex-wrap:wrap;gap:12px}.compact-purchases .panel-head h2{font-size:18px}.compact-diagnostic-grid{grid-template-columns:1fr;gap:20px}.compact-diagnostic-metrics{grid-template-columns:1fr 1fr}#compact-diagnostic{padding:22px 16px}.compact-reading-close{right:16px}.compact-diagnostic h3{font-size:16px}}

/* Estrutura e dimensões do resumo da versão publicada em 02/10, vigente em 04/10. */
#purchase-summary-frame{margin:0;padding:0;border:0;background:transparent;box-shadow:none;min-width:0}
#purchase-summary-frame .kpis{margin:16px 0;gap:12px}
#purchase-summary-frame .purchase-stores-original{padding:18px;border-radius:12px;border-top:4px solid #0b5c9d}
#purchase-summary-frame .panel-head{margin-bottom:15px}
#purchase-summary-frame .panel-head h2{font-size:18px;letter-spacing:normal;font-weight:700;color:var(--ink)}
#purchase-summary-frame .kicker{font-size:11px;letter-spacing:.14em;color:var(--blue)}
#purchase-summary-frame .kpi strong{font-size:23px;white-space:normal;overflow:visible}
#purchase-summary-frame .store-card .metric-row strong{white-space:normal;overflow:visible;overflow-wrap:anywhere}
@media(max-width:700px){#purchase-summary-frame .kpi strong{font-size:19px}}

#purchase-summary-frame .purchase-abc-restored{margin-top:24px;padding:18px;border-radius:12px;border-top:4px solid #0b5c9d}

/* Totais separados das classes, com alinhamento e alturas consistentes. */
#purchase-summary-frame .purchase-abc-restored .curve-period-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;overflow:visible;margin-top:8px}
#purchase-summary-frame .purchase-abc-restored .curve-period-summary>span{min-width:0;margin:0;border:1px solid #dce7ee;border-radius:10px;padding:12px 16px;box-sizing:border-box;font-variant-numeric:tabular-nums}
#purchase-summary-frame .purchase-abc-restored .curve-period-summary>span:not(.curve-total){grid-column:span 3;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#edf4fa}
#purchase-summary-frame .purchase-abc-restored .curve-period-summary small{font-size:11px;line-height:1.4;color:#587188}
#purchase-summary-frame .purchase-abc-restored .curve-period-summary strong{font-size:16px;line-height:1.4;white-space:nowrap;margin:0}
#purchase-summary-frame .purchase-abc-restored .curve-period-summary .curve-total{grid-column:span 2;display:grid;grid-template-columns:minmax(0,1fr);gap:6px;align-content:start;padding-left:18px;background:#fff;order:1}
#purchase-summary-frame .purchase-abc-restored .curve-period-summary .curve-total::before{left:8px;top:12px;bottom:12px;height:auto;width:3px}
#purchase-summary-frame .purchase-abc-restored .curve-period-summary .curve-total strong{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:15px}
#purchase-summary-frame .purchase-abc-restored .curve-period-summary .curve-total strong em{flex-shrink:0;font-size:11px;line-height:1.4;padding:3px 7px;border-radius:6px}
#purchase-summary-frame .purchase-abc-restored .curve-period-summary .curve-total>b{font-size:11px;line-height:1.4;white-space:nowrap;font-weight:500;color:#587188}
#purchase-summary-frame .purchase-abc-restored .curve-period-summary .curve-total:not([style]){grid-column:1/-1;order:2;background:#f8fafc}
@media(max-width:600px){#purchase-summary-frame .purchase-abc-restored .curve-period-summary{grid-template-columns:minmax(0,1fr)}#purchase-summary-frame .purchase-abc-restored .curve-period-summary>span:not(.curve-total),#purchase-summary-frame .purchase-abc-restored .curve-period-summary .curve-total{grid-column:1; padding:12px 16px}#purchase-summary-frame .purchase-abc-restored .curve-period-summary strong{font-size:15px}}

/* Painéis externos brancos; cards internos seguem o comparativo das lojas. */
#panel-view .curve-period-card{background:linear-gradient(145deg,#092a4a,#0d5484);border-color:#285779;box-shadow:0 8px 22px #08234124}
#panel-view .curve-period-card>header{border-color:#ffffff26}
#panel-view :is(.curve-period-card>header>strong,.curve-period-card>header b){color:#fff}
#panel-view :is(.curve-period-card>header>span,.curve-period-card>header>strong small){color:#c5ddeb}
#panel-view .curve-card-column>small{color:#c5e6f6!important}
#purchase-summary-frame .purchase-abc-restored .curve-period-summary>span:not(.curve-total){background:linear-gradient(145deg,#092a4a,#0d5484);border-color:#285779}
#purchase-summary-frame .purchase-abc-restored .curve-period-summary .curve-total{background:linear-gradient(145deg,#123e83,#176fc0);border-color:#357ab3}
#purchase-summary-frame .purchase-abc-restored .curve-period-summary .curve-total:last-child{background:linear-gradient(145deg,#086a89,#08a4bd)}
#purchase-summary-frame .purchase-abc-restored .curve-period-summary .curve-total:not([style]){background:#123f5e}
#purchase-summary-frame .purchase-abc-restored .curve-period-summary :is(small,.curve-total>b){color:#d1e5f0}
#purchase-summary-frame .purchase-abc-restored .curve-period-summary strong{color:#fff}
#purchase-summary-frame .purchase-abc-restored .curve-period-summary .curve-total strong em{background:#ffffff20;color:#fff}
#panel-view .compact-diagnostic-metrics>div{background:linear-gradient(145deg,#092a4a,#0d5484);border-color:#285779;box-shadow:0 8px 22px #08234124}
#panel-view .compact-diagnostic-metrics>div:nth-child(2){background:linear-gradient(145deg,#123e83,#176fc0)}
#panel-view .compact-diagnostic-metrics>div:nth-child(3){background:linear-gradient(145deg,#086a89,#08a4bd)}
#panel-view .compact-diagnostic-metrics span{color:#d1e5f0}
#panel-view .compact-diagnostic-metrics strong{color:#fff}

/* Hierarquia visual consistente com o comparativo das lojas. */
#panel-view .purchase-frame{border-radius:12px;padding:18px;border-top:4px solid #0b5c9d;box-shadow:0 6px 24px #0f35530f}
#panel-view .purchase-frame .panel-head h2{font-size:20px;font-weight:800;letter-spacing:-.02em;color:#092a4a}
#panel-view .purchase-frame .kicker{font-size:11px;letter-spacing:.14em;font-weight:800}
#panel-view :is(.compact-group-category,.compact-group-segment,.compact-group-maker) tbody tr:not(.compact-inline-reading)>td:first-child{background:linear-gradient(145deg,#092a4a,#0d5484);border-left:0;border-bottom:1px solid #ffffff25;padding:20px 18px;color:#fff}
#panel-view :is(.compact-group-category,.compact-group-segment,.compact-group-maker) tbody tr:nth-child(even):not(.compact-inline-reading)>td:first-child{background:linear-gradient(145deg,#123e83,#176fc0)}
#panel-view :is(.compact-group-category,.compact-group-segment,.compact-group-maker) .compact-name{font-size:15px;font-weight:800!important;line-height:1.45;color:#fff!important}
#panel-view :is(.compact-group-category,.compact-group-segment,.compact-group-maker) td:first-child>small{color:#d1e5f0;font-size:11px}
#panel-view :is(.compact-group-category,.compact-group-segment,.compact-group-maker) .compact-name:hover{text-decoration:underline;color:#b8edff!important}
#purchase-summary-frame .purchase-abc-restored .panel-head{padding-bottom:14px;border-bottom:1px solid #e1eaf1;margin-bottom:18px}
#purchase-summary-frame .purchase-abc-restored .panel-head h2{font-size:20px;font-weight:800;color:#092a4a;letter-spacing:-.02em}
#panel-view .curve-period-grid{gap:12px;padding-bottom:8px}
#panel-view .curve-period-card{padding:0;background:#f4f8fb;border:1px solid #d5e3ed;border-radius:12px;box-shadow:0 6px 18px #0f35530d;overflow:hidden}
#panel-view .curve-period-card>header{padding:14px;background:linear-gradient(145deg,#092a4a,#0d5484);border:0;min-height:56px}
#panel-view .curve-period-card:nth-child(even)>header{background:linear-gradient(145deg,#123e83,#176fc0)}
#panel-view .curve-period-card:nth-child(3n)>header{background:linear-gradient(145deg,#086a89,#08a4bd)}
#panel-view .curve-period-card>header>strong{font-size:13px;font-weight:800}
#panel-view .curve-period-card>header b{font-size:14px}
#panel-view .curve-card-bars{margin:0 14px;padding-top:22px;padding-bottom:14px;height:216px;background:repeating-linear-gradient(to top,transparent 0,transparent 43px,#d9e5ee66 44px,#d9e5ee66 45px)}
#panel-view .curve-card-column>b{color:#153d58;font-size:11px;font-weight:800}
#panel-view .curve-card-column>strong{color:#254b63;font-size:10px}
#panel-view .curve-card-column>small{color:#42647a!important;font-size:10px}
#panel-view .curve-card-column>i{box-shadow:0 4px 10px #0a35541a;border-radius:7px 7px 0 0}
#panel-view .curve-meaning-legend>span{background:#eef5fa;border-color:#d4e3ee;padding:7px 10px;border-radius:9px}
#panel-view .curve-meaning-legend b{font-size:10px;color:#153d58}
#panel-view .curve-meaning-legend small{font-size:9px;color:#587188}
#purchase-summary-frame .purchase-abc-restored .curve-period-summary{margin-top:14px;gap:12px}
@media(max-width:700px){#panel-view .purchase-frame{padding:16px}#panel-view :is(.compact-group-category,.compact-group-segment,.compact-group-maker) .compact-name{font-size:14px}}

/* Categorias com destaque discreto e valores legíveis na área clara do gráfico. */
#panel-view .compact-group-category tbody tr:not(.compact-inline-reading)>td:first-child,
#panel-view .compact-group-category tbody tr:nth-child(even):not(.compact-inline-reading)>td:first-child{background:#f0f6fa;border-left:3px solid #7db5d2;border-bottom:1px solid #e1eaf2;padding:18px 16px;color:#23425d}
#panel-view .compact-group-category .compact-name{font-size:14px;font-weight:700!important;color:#145785!important}
#panel-view .compact-group-category .compact-name:hover{color:#087bb3!important}
#panel-view .compact-group-category td:first-child>small{color:#6a8198;font-size:10px}
/* MRO e Fixadores: destaque um pouco mais forte, mantendo a leitura leve. */
#panel-view .compact-group-segment tbody tr:not(.compact-inline-reading)>td:first-child,
#panel-view .compact-group-segment tbody tr:nth-child(even):not(.compact-inline-reading)>td:first-child{background:#e7f1f8;border-left:3px solid #8ab6cc;border-bottom:1px solid #d9e6ef;color:#23425d}
#panel-view .compact-group-segment .compact-name{font-size:14px;font-weight:700!important;color:#145785!important}
#panel-view .compact-group-segment .compact-name:hover{color:#087bb3!important}
#panel-view .compact-group-segment td:first-child>small{color:#60788f;font-size:10px}
#panel-view .curve-period-card .curve-card-column>b{color:#153d58}
#panel-view .curve-period-card .curve-card-column>strong{color:#254b63}
#panel-view .curve-card-bars{background:none}

/* Quatro classes no mesmo nível; totais ficam na faixa superior. */
#purchase-summary-frame .purchase-abc-restored .curve-period-summary{grid-template-columns:repeat(4,minmax(0,1fr))}
#purchase-summary-frame .purchase-abc-restored .curve-period-summary>span:not(.curve-total){grid-column:span 2}
#purchase-summary-frame .purchase-abc-restored .curve-period-summary .curve-total{grid-column:span 1}
#purchase-summary-frame .purchase-abc-restored .curve-period-summary .curve-total:nth-last-child(2){background:linear-gradient(145deg,#086a89,#08a4bd)}
#purchase-summary-frame .purchase-abc-restored .curve-period-summary .curve-total.curve-unclassified{background:linear-gradient(145deg,#29455f,#47718c)}
@media(max-width:1100px){#purchase-summary-frame .purchase-abc-restored .curve-period-summary{grid-template-columns:repeat(2,minmax(0,1fr))}#purchase-summary-frame .purchase-abc-restored .curve-period-summary>span:not(.curve-total){grid-column:span 1}}
@media(max-width:600px){#purchase-summary-frame .purchase-abc-restored .curve-period-summary{grid-template-columns:minmax(0,1fr)}#purchase-summary-frame .purchase-abc-restored .curve-period-summary>span:not(.curve-total),#purchase-summary-frame .purchase-abc-restored .curve-period-summary .curve-total{grid-column:1}}

#panel-view .curve-unclassified-label{width:auto;min-height:27px;height:auto;padding:5px 8px;font-size:10px;white-space:nowrap;background:#eaf2f7;color:#44647a}

#panel-view .compact-table .compact-review{color:#875e18;font-weight:650;max-width:250px;white-space:normal}

/* Aviso curto e células com conteúdo integral, sem cortes. */
#panel-view .compact-table .compact-review{display:inline-block;max-width:190px;padding:4px 7px;border:1px solid #ecdfbf;border-radius:6px;background:#fff8e8;font-size:9px;line-height:1.4;text-align:left;white-space:normal;overflow:visible;overflow-wrap:normal}
#compact-detail-content .compact-table td{vertical-align:top;overflow:visible}
#compact-detail-content .compact-table td>strong{display:block;line-height:1.5}
#compact-detail-content .compact-table td>small{overflow:visible;text-overflow:clip;line-height:1.5}
#compact-detail-content .compact-table td:nth-child(3){min-width:125px}
#compact-detail-content .compact-table td:nth-child(3)>small{white-space:nowrap}
/* Mesma linha para valores mensais e acumulado, com apoio abaixo. */
#panel-view :is(.compact-analysis-general,.compact-analysis-maker) .compact-table :is(th,td){vertical-align:top;line-height:1.5}
#panel-view :is(.compact-analysis-general,.compact-analysis-maker) .compact-table th{padding-top:16px;padding-bottom:16px;height:38px}
#panel-view :is(.compact-analysis-general,.compact-analysis-maker) .compact-table td{padding-top:20px;padding-bottom:20px}
#panel-view :is(.compact-analysis-general,.compact-analysis-maker) .compact-table td>strong{display:block;font-size:14px;line-height:21px;margin:0;white-space:nowrap}
#panel-view :is(.compact-analysis-general,.compact-analysis-maker) .compact-table :is(th,td)>small{display:block;line-height:15px;margin-top:5px;white-space:nowrap}
#panel-view :is(.compact-analysis-general,.compact-analysis-maker) .compact-name{line-height:21px}

/* Meses múltiplos mantêm títulos, valores e apoio nas mesmas linhas. */
#purchase-summary-frame .kpis{align-items:stretch}
#purchase-summary-frame .kpi{display:grid;grid-template-rows:minmax(36px,auto) minmax(32px,auto) minmax(32px,auto);align-content:start;gap:6px;min-width:0}
#purchase-summary-frame .kpi>span{display:block;line-height:18px}
#purchase-summary-frame .kpi>strong{margin:0;line-height:30px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#purchase-summary-frame .kpi>small{display:block;line-height:16px;font-size:11px}
#purchase-summary-frame .store-card .metric-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;min-height:32px;line-height:16px}
#purchase-summary-frame .store-card .metric-row strong{max-width:none;width:100%;text-align:right;line-height:16px;font-variant-numeric:tabular-nums;overflow-wrap:normal}
#compact-stock-date{max-width:50%;line-height:1.6;text-align:right;overflow-wrap:anywhere}
#loading small{max-width:480px;padding:0 20px;text-align:center;color:#60788f}
#loading button{border:0;border-radius:8px;background:#1265a8;color:#fff;padding:10px 18px;cursor:pointer}
@media(max-width:700px){#compact-stock-date{max-width:100%;text-align:left}#purchase-summary-frame .kpi>strong{line-height:26px}}

/* Fabricantes seguem o destaque discreto das categorias. */
#panel-view .compact-group-maker tbody tr:not(.compact-inline-reading)>td:first-child,#panel-view .compact-group-maker tbody tr:nth-child(even):not(.compact-inline-reading)>td:first-child{background:#f0f6fa;border-left:3px solid #7db5d2;border-bottom:1px solid #e1eaf2;padding:18px 16px;color:#23425d}
#panel-view .compact-group-maker .compact-name{font-size:14px;font-weight:700!important;color:#145785!important}
#panel-view .compact-group-maker .compact-name:hover{color:#087bb3!important}
#panel-view .compact-table th [data-analysis-sort]{border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;padding:0;text-align:inherit;white-space:nowrap}
#panel-view .compact-evolution-pct{display:inline-block;padding:3px 7px;background:#eef5fa;border-radius:6px;color:#245978;font-size:10px;font-weight:700}

#panel-view .compact-spark-labels{display:flex;gap:7px;justify-content:space-between;min-width:160px}
#panel-view .compact-spark-labels>span{display:flex;flex-direction:column;align-items:center;gap:2px;white-space:nowrap}
#panel-view .compact-spark-labels small{font-size:9px;color:#6a8198}
#panel-view .compact-spark-labels b{font-size:10px;font-weight:650;color:#245978}
#panel-view .curve-period-card .curve-growth{font-size:9px!important;color:#245978!important;white-space:nowrap}
#panel-view .compact-table :is(th,td){vertical-align:top}
#panel-view .compact-table td>strong{display:block;line-height:21px;white-space:nowrap}
#panel-view .compact-table td>small{display:block;margin-top:5px;line-height:15px;white-space:nowrap}

.post-transfer-view{display:grid;gap:5px;color:#60788f;font-size:11px;font-weight:650;margin-left:auto}
.post-transfer-view select{height:34px;padding:6px 10px;border:1px solid #d0e0eb;border-radius:8px;background:#fff;color:#23425d;font:inherit;font-size:12px}
.post-category-grid{max-height:450px;overflow:auto;padding:2px}
.post-transfer-grid .post-rupture{background:#fff0ee;color:#a54538}
@media(max-width:700px){.post-transfer-simulation>header{flex-wrap:wrap;align-items:center}.post-transfer-view{margin-left:0}.post-transfer-simulation>header>small{width:100%}}

/* Consolidated category projection, with detail next to the selected category. */
.post-category-list{overflow-x:auto;border:1px solid #e4eaf2;border-radius:12px;background:#fff}
.post-category-list>table{width:100%;border-collapse:collapse;min-width:640px}
.post-category-list>table>thead th{background:#f5f8fc;color:#52647c;text-align:left;padding:12px 14px;font-size:12px;white-space:nowrap}
.post-category-list>table>tbody>tr>th,.post-category-list>table>tbody>tr>td{padding:11px 14px;border-top:1px solid #edf1f6;text-align:left}
.post-category-list>table>tbody>tr>th>small{display:block;font-size:11px;font-weight:400;color:#748299;margin-top:5px}
.post-category-name{display:flex;align-items:center;gap:14px;background:transparent;border:0;color:#284769;font-weight:650;padding:0;text-align:left;cursor:pointer}
.post-category-name span{color:#7289a5;font-size:18px}
.post-category-count{border:1px solid #e3eaf3;border-radius:8px;background:#f3f7fc;color:#48627e;font-size:12px;padding:7px 10px;white-space:nowrap;cursor:pointer}
.post-category-count:disabled{opacity:.45;cursor:default}
.post-category-count[aria-expanded="true"]{border-color:#9fb8d5;background:#eaf2fc;color:#2e527c}
.post-category-detail>td{background:#f8fafd}
.post-category-detail-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;color:#3b536e;font-size:13px}
.post-category-detail-head button{border:1px solid #cfdaea;border-radius:8px;padding:8px 12px;background:#fff;color:#36587e;cursor:pointer}
.post-category-products{max-height:280px;overflow:auto;border:1px solid #e1e8f1;border-radius:8px;background:#fff}
.post-category-products table{width:100%;border-collapse:collapse;font-size:12px;min-width:1000px}
.post-category-products th{position:sticky;top:0;z-index:1;background:#eef3f9;color:#536981;text-align:left;padding:10px;white-space:nowrap}
.post-category-products td{padding:10px;border-top:1px solid #edf1f6;color:#40546c}
.post-category-products td:nth-child(n+5){text-align:right;font-variant-numeric:tabular-nums}
.post-category-products td:nth-child(2){min-width:180px}
.stock-purchase-history{display:flex;flex-direction:column;gap:3px;margin-top:8px;padding-top:7px;border-top:1px solid #e9eef5;font-size:10px;line-height:1.4;color:#6a7f96;font-weight:400}
.stock-purchase-history b{font-weight:600;color:#4d6681}

/* Keep category and product column headings inside their own scroll areas. */
#stock-view .post-category-list{max-height:460px;overflow:auto;position:relative;isolation:isolate;scrollbar-gutter:stable}
#stock-view .post-category-list>table,#stock-view .post-category-products>table{border-collapse:separate;border-spacing:0;overflow:visible}
#stock-view .post-category-list>table>thead{position:sticky;top:0;z-index:4;background:#f5f8fc}
#stock-view .post-category-list>table>thead>tr>th{position:static;background:#f5f8fc;box-shadow:inset 0 -1px #dce5ef}
#stock-view .post-category-products{position:relative;isolation:isolate;overflow:auto;scrollbar-gutter:stable}
#stock-view .post-category-products>table>thead{position:sticky;top:0;z-index:3;background:#eef3f9}
#stock-view .post-category-products>table>thead>tr>th{position:static;background:#eef3f9;box-shadow:inset 0 -1px #d5e0ed}

#compact-detail-content .compact-revenue-share,#compact-diagnostic .compact-revenue-share{color:#356f98;font-size:10px;font-weight:600;white-space:nowrap}

/* Weekly variation stays readable on every blue header background. */
#panel-view .curve-period-card>header .week-delta{display:block;max-width:100%;margin-top:5px;padding:4px 7px;border-radius:6px;font-size:10px;line-height:1.4;font-weight:750;white-space:normal;text-align:right}
#panel-view .curve-period-card>header .week-delta small{font-size:9px;line-height:inherit;color:inherit;font-weight:600;white-space:nowrap}
#panel-view .curve-period-card>header .week-delta.negative{background:#fff2cf;color:#664a15}
#panel-view .curve-period-card>header .week-delta.positive{background:#e5f6ed;color:#20543e}
#panel-view .curve-period-card>header .week-delta.neutral{background:#e9f2f9;color:#31536c}

#panel-view .compact-special-sale{margin:14px 0 0;padding:13px 15px;border:1px solid #d4e4ed;border-left:3px solid #5989a8;border-radius:9px;background:#f5f9fc;color:#31536c;font-size:11px;line-height:1.55}
#panel-view .compact-special-sale>strong{display:block;color:#214d6d;font-size:12px}
#panel-view .compact-special-sale>small{display:block;margin-top:3px;color:#627b8c;font-size:10px}
#panel-view .compact-special-sale ul{margin:9px 0;padding-left:17px}
#panel-view .compact-special-sale li+li{margin-top:4px}
#panel-view .compact-special-sale p{margin:8px 0 0;font-size:11px}
#panel-view .compact-table .compact-special-sale-badge{display:inline-block;width:fit-content;margin-top:5px;padding:3px 6px;border:1px solid #d2e3ed;border-radius:5px;background:#edf5fa;color:#315e7b;font-size:9px;line-height:1.35;font-weight:700;white-space:normal}

/* Composição dos trimestres junto à leitura do produto. */
.compact-quarters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
.compact-quarter{min-width:0;padding:10px 12px;background:#ffffffb8;border:1px solid #dbe7f0;border-radius:10px}
.compact-quarter h5{margin:0 0 8px;color:#225471;font-size:11px}
#compact-diagnostic .compact-quarter table{width:100%;border-collapse:collapse;table-layout:auto;font-size:10px;color:#456880}
#compact-diagnostic .compact-quarter th,#compact-diagnostic .compact-quarter td{padding:6px 3px;text-align:right;white-space:normal;border:0;background:transparent;position:static;min-width:0}
#compact-diagnostic .compact-quarter th:first-child{text-align:left}
#compact-diagnostic .compact-quarter thead th{font-size:9px;color:#627e93;font-weight:600}
#compact-diagnostic .compact-quarter tbody th{font-weight:500}
#compact-diagnostic .compact-quarter tfoot th,#compact-diagnostic .compact-quarter tfoot td{border-top:1px solid #dbe7f0;font-weight:700;color:#174b70}
#compact-diagnostic .compact-quarter-note{font-size:10px;line-height:1.6;margin:10px 0}
@media(max-width:1000px){.compact-quarters{grid-template-columns:1fr}}

.compact-analysis-general .compact-segment-share{display:block;margin-top:4px;font-size:11px;line-height:1.4;font-weight:500;color:inherit;opacity:.8;white-space:normal}

/* Sort buttons and plain headings share the same baseline and typography. */
#compact-detail-content .compact-table thead th{vertical-align:middle!important;height:42px!important;padding:10px 12px!important;line-height:1.3!important;font-size:10px!important;font-weight:700!important;letter-spacing:.04em!important;text-align:left!important}
#compact-detail-content .compact-table thead th button[data-detail-sort]{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:4px!important;border:0!important;background:transparent!important;box-shadow:none!important;color:inherit!important;font:inherit!important;letter-spacing:inherit!important;text-transform:inherit!important;margin:0!important;padding:0!important;height:auto!important;min-height:0!important;line-height:inherit!important;text-align:left!important;cursor:pointer}
#compact-detail-content .compact-table thead th button[data-detail-sort]:focus-visible{outline:2px solid #10b8e4;outline-offset:4px}
#compact-detail-content .compact-table thead th,#compact-detail-content .compact-table thead th button[data-detail-sort]{text-transform:none!important}

#compact-diagnostic .compact-quarter .compact-cost-change{display:block;margin-top:2px;font-size:8px;line-height:1.2;white-space:nowrap;font-weight:600}#compact-diagnostic .compact-cost-change.up{color:#a1463d}#compact-diagnostic .compact-cost-change.down{color:#176f94}#compact-diagnostic .compact-cost-change.flat{color:#6a8192}

#panel-view .compact-diagnostic-metrics .compact-revenue-share{color:#d6ebf8;font-weight:500}

/* Diagnostic tables are nested in the product list: isolate their layout from list columns. */
#panel-view #compact-diagnostic .compact-diagnostic-grid{grid-template-columns:minmax(0,1fr);gap:18px}
#panel-view #compact-diagnostic .compact-diagnostic-grid>section{padding:18px;background:#fff;border:1px solid #d8e6f0;border-radius:12px;min-width:0}
#panel-view #compact-diagnostic .compact-diagnostic-grid h4{margin:0 0 14px;padding-bottom:12px;border-bottom:1px solid #e2edf5;font-size:13px;color:#174b70}
#panel-view #compact-diagnostic .compact-quarters{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}
#panel-view #compact-diagnostic .compact-quarter{padding:14px;background:#f7fbfe;overflow-x:auto}
#panel-view #compact-diagnostic .compact-quarter h5{font-size:12px;margin:0 0 12px}
#panel-view #compact-diagnostic .compact-quarter table{width:100%;min-width:420px;max-width:none;table-layout:auto;border-collapse:separate;border-spacing:0;font-size:11px}
#panel-view #compact-diagnostic .compact-quarter table :is(th,td){position:static!important;top:auto!important;left:auto!important;z-index:auto!important;min-width:0!important;max-width:none!important;width:auto!important;height:auto!important;padding:9px 6px!important;line-height:1.4!important;white-space:nowrap!important;text-align:right!important;vertical-align:middle!important;border:0!important;box-shadow:none!important;background:transparent!important;letter-spacing:normal!important;text-transform:none!important;color:#315b79;font-size:10px}
#panel-view #compact-diagnostic .compact-quarter table :is(th,td):first-child{text-align:left!important}
#panel-view #compact-diagnostic .compact-quarter table thead th{background:#eaf3f9!important;font-weight:600!important;white-space:normal!important;color:#58758d}
#panel-view #compact-diagnostic .compact-quarter table tbody tr+tr :is(th,td){border-top:1px solid #e5eef5!important}
#panel-view #compact-diagnostic .compact-quarter table tfoot :is(th,td){border-top:1px solid #cbdfea!important;font-weight:700!important;color:#174b70}
#panel-view #compact-diagnostic .compact-quarter .compact-cost-change{font-size:9px;line-height:1.3;margin-top:3px}
#panel-view #compact-diagnostic .compact-diagnostic-grid>section:last-child dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#panel-view #compact-diagnostic .compact-diagnostic-grid>section:last-child dl>div{display:flex;flex-direction:column;justify-content:space-between;gap:12px;padding:14px;background:#f2f7fb;border:1px solid #e0ebf3;border-radius:9px}
#panel-view #compact-diagnostic .compact-diagnostic-grid>section:last-child dd{text-align:left;font-size:16px}
@media(max-width:1050px){#panel-view #compact-diagnostic .compact-quarters{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){#panel-view #compact-diagnostic .compact-diagnostic-grid>section{padding:12px}#panel-view #compact-diagnostic .compact-diagnostic-grid>section:last-child dl{grid-template-columns:1fr}#panel-view #compact-diagnostic .compact-quarter{padding:10px}}

/* Larger figures and clearer month-by-month stock reconciliation. */
#panel-view #compact-diagnostic .compact-quarter{border-color:#bdd8ed;background:#f5faff}
#panel-view #compact-diagnostic .compact-quarter h5{color:#125987;font-size:13px}
#panel-view #compact-diagnostic .compact-quarter table{min-width:490px}
#panel-view #compact-diagnostic .compact-quarter table :is(th,td){font-size:11px!important;padding:10px 6px!important;color:#224e70}
#panel-view #compact-diagnostic .compact-quarter table thead th{background:#dceefb!important;color:#145982;font-size:10px!important}
#panel-view #compact-diagnostic .compact-quarter table tfoot :is(th,td){background:#e7f3fc!important;color:#0d5485}
#panel-view #compact-diagnostic .compact-quarter table .compact-quarter-stock{color:#087b91;font-weight:700;background:#eaf7fa!important}
#panel-view #compact-diagnostic .compact-quarter .compact-cost-change{font-size:10px}
#panel-view #compact-diagnostic .compact-cost-change.up{color:#c14334}
#panel-view #compact-diagnostic .compact-cost-change.down{color:#087aa8}
@media(max-width:1200px){#panel-view #compact-diagnostic .compact-quarters{grid-template-columns:minmax(0,1fr)}}

/* Keep corresponding months and totals aligned despite optional cost-change labels. */
#panel-view #compact-diagnostic .compact-quarter table{table-layout:fixed}
#panel-view #compact-diagnostic .compact-quarter table thead tr{height:42px}
#panel-view #compact-diagnostic .compact-quarter table tbody tr{height:58px}
#panel-view #compact-diagnostic .compact-quarter table tfoot tr{height:38px}
#panel-view #compact-diagnostic .compact-quarter table :is(th,td){white-space:normal!important;overflow-wrap:normal}
#panel-view #compact-diagnostic .compact-quarter table :is(th,td):first-child{width:11%!important}
#panel-view #compact-diagnostic .compact-quarter table :is(th,td):nth-child(2){width:21%!important}
#panel-view #compact-diagnostic .compact-quarter table :is(th,td):nth-child(3){width:18%!important}
#panel-view #compact-diagnostic .compact-quarter table :is(th,td):nth-child(4){width:15%!important}
#panel-view #compact-diagnostic .compact-quarter table :is(th,td):nth-child(5){width:19%!important}
#panel-view #compact-diagnostic .compact-quarter table :is(th,td):nth-child(6){width:16%!important}

/* Match reading headers to their own column values, without touching nested quarter tables. */
#panel-view #compact-detail-content table.compact-reading-table>thead>tr>th,#panel-view #compact-detail-content table.compact-reading-table>tbody>tr:not(.compact-inline-reading)>td{padding:14px 16px!important;vertical-align:middle!important}
#panel-view #compact-detail-content table.compact-reading-table>thead>tr>th:is(:nth-child(2),:nth-child(3),:nth-child(6)),#panel-view #compact-detail-content table.compact-reading-table>tbody>tr:not(.compact-inline-reading)>td:is(:nth-child(2),:nth-child(3),:nth-child(6)){text-align:center!important}
#panel-view #compact-detail-content table.compact-reading-table>thead>tr>th:is(:nth-child(4),:nth-child(5)),#panel-view #compact-detail-content table.compact-reading-table>tbody>tr:not(.compact-inline-reading)>td:is(:nth-child(4),:nth-child(5)){text-align:right!important}
#panel-view #compact-detail-content table.compact-reading-table>thead>tr>th:first-child,#panel-view #compact-detail-content table.compact-reading-table>tbody>tr:not(.compact-inline-reading)>td:first-child{text-align:left!important}