/* Xanna Konfort — Panel V2, edición visual. Solo afecta a panel.php */
#sales-panel{--ink:#172b31;--muted:#617581;--line:#e7edf2;--blue:#284a8b;--navy:#142746;--green:#16896c;--soft:#f5f8fc;clear:both;padding-top:8px;color:var(--ink)}
#sales-panel .panel-hero{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:clamp(24px,4vw,42px);border-radius:24px;background:linear-gradient(115deg,#142746 0%,#244777 62%,#266d83 100%);color:#fff;box-shadow:0 16px 35px rgba(20,39,70,.16)}
#sales-panel .panel-hero:before{content:"";position:absolute;width:310px;height:310px;border:1px solid rgba(255,255,255,.13);border-radius:50%;right:-80px;top:-150px}
#sales-panel .panel-hero h2{font-size:clamp(26px,3.5vw,40px);margin:10px 0 9px;color:#fff;letter-spacing:-.035em}
#sales-panel .panel-hero p{margin:0;color:#d7e6f4;max-width:590px;font-size:15px;line-height:1.6}
#sales-panel .panel-eyebrow{font-size:11px;font-weight:800;letter-spacing:.14em;color:#50759a}
#sales-panel .panel-hero .panel-eyebrow{color:#a7d9e7}
#sales-panel .panel-hero-mark{font-size:95px;line-height:1;font-weight:800;opacity:.14;user-select:none}
#sales-panel .panel-section-heading{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:34px 0 16px}
#sales-panel .panel-section-heading h2{margin:5px 0 0;font-size:22px;letter-spacing:-.025em}
#sales-panel .panel-section-hint{font-size:12px;color:var(--muted)}
#sales-panel .panel-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:end;gap:14px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;margin:22px 0;box-shadow:0 6px 20px rgba(24,45,72,.04)}
#sales-panel .panel-filters label{min-width:0;margin:0;font-size:12px;color:#4c6475;font-weight:700}
#sales-panel .panel-filters input,#sales-panel .panel-filters select{border:1px solid #dce5ee;border-radius:11px;min-height:45px;background:#fafcfe;color:#20364b;margin-top:8px;width:100%;padding:10px}
#sales-panel .panel-filters button{min-height:45px;padding:11px 20px;border-radius:11px;background:var(--navy);font-weight:700;white-space:nowrap}
#sales-panel .panel-filters button:hover{background:#305b9d}
#sales-panel .panel-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
#sales-panel .panel-kpis article{position:relative;min-width:0;background:#fff;border:1px solid var(--line);border-radius:18px;padding:23px 20px;box-shadow:0 5px 18px rgba(23,47,77,.045);transition:transform .2s,box-shadow .2s}
#sales-panel .panel-kpis article:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(23,47,77,.09)}
#sales-panel .panel-kpis article:before{content:"";display:block;width:33px;height:5px;background:#2b72be;border-radius:8px;margin-bottom:19px}
#sales-panel .panel-kpis article:nth-child(4n+2):before{background:#16a085}
#sales-panel .panel-kpis article:nth-child(4n+3):before{background:#e2a44c}
#sales-panel .panel-kpis article:nth-child(4n+4):before{background:#8c79d8}
#sales-panel .panel-kpis article:first-child{background:linear-gradient(135deg,#eaf3ff,#fff);border-color:#d4e5fa}
#sales-panel .panel-kpis span{display:block;font-size:12px;color:#637686;font-weight:650;min-height:30px}
#sales-panel .panel-kpis strong{display:block;margin-top:8px;font-size:clamp(23px,2.5vw,33px);font-weight:800;letter-spacing:-.045em;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
#sales-panel .panel-note{font-size:12px;line-height:1.65;color:#697c8b;margin:20px 0 26px;max-width:1050px}
#sales-panel .panel-chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:18px}
#sales-panel .panel-chart-grid section,#sales-panel>section{margin:0 0 18px;padding:25px;border-radius:20px;border:1px solid var(--line);background:#fff;box-shadow:0 5px 20px rgba(23,47,77,.04);min-width:0}
#sales-panel .panel-chart-grid h2,#sales-panel>section h2{margin:0 0 14px;font-size:17px;letter-spacing:-.02em}
#sales-panel .panel-muted{color:var(--muted);font-size:13px;line-height:1.6}
#sales-panel .panel-bar-row{display:grid;grid-template-columns:minmax(85px,1fr) minmax(50px,1.5fr) minmax(95px,auto);gap:12px;align-items:center;margin:17px 0;font-size:13px}
#sales-panel .panel-bar-row span{overflow-wrap:anywhere;color:#435768}
#sales-panel .panel-bar-row strong{font-size:13px;text-align:right;font-variant-numeric:tabular-nums}
#sales-panel .panel-bar{display:block;width:100%;height:16px}
#sales-panel .panel-track{fill:#edf2f8}
#sales-panel .panel-fill{fill:#477fca}
#sales-panel .panel-chart-grid section:nth-child(2) .panel-fill{fill:#16a085}
#sales-panel .panel-chart-grid section:nth-child(3) .panel-fill{fill:#dc9b51}
#sales-panel .table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:13px}
#sales-panel table{width:100%;border-collapse:collapse}
#sales-panel th{background:#f4f7fb;color:#66798a;font-size:11px;text-transform:uppercase;letter-spacing:.055em}
#sales-panel th,#sales-panel td{border:0;border-bottom:1px solid #edf1f5;padding:15px 17px;text-align:left;font-size:13px}
#sales-panel tbody tr:last-child td{border-bottom:0}
#sales-panel tbody tr:hover{background:#f7faff}
#sales-panel td:last-child{text-align:right;font-weight:750;white-space:nowrap;font-variant-numeric:tabular-nums}
#sales-panel a{color:#245a9c;font-weight:700;text-decoration:none}
#sales-panel a:hover{text-decoration:underline}
#sales-panel [data-sync]{margin:20px 0 8px;font-size:12px}
#sales-panel .error{color:#bb3636}
#sales-panel a:focus-visible,#sales-panel button:focus-visible,#sales-panel input:focus-visible,#sales-panel select:focus-visible{outline:3px solid #61a8e6;outline-offset:3px}
@media(max-width:1050px){#sales-panel .panel-filters{grid-template-columns:repeat(2,minmax(0,1fr))}#sales-panel .panel-filters button{grid-column:1/-1}#sales-panel .panel-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){#sales-panel .panel-hero{border-radius:17px;padding:25px 21px}#sales-panel .panel-hero-mark{display:none}#sales-panel .panel-filters{grid-template-columns:1fr;padding:16px}#sales-panel .panel-filters button{grid-column:auto}#sales-panel .panel-kpis{gap:10px}#sales-panel .panel-kpis article{padding:17px 14px;border-radius:15px}#sales-panel .panel-kpis strong{font-size:clamp(19px,5vw,26px)}#sales-panel .panel-section-heading{align-items:start;flex-direction:column;gap:4px}#sales-panel .panel-chart-grid section,#sales-panel>section{padding:18px}#sales-panel .panel-bar-row{grid-template-columns:minmax(62px,1fr) minmax(35px,1fr) minmax(80px,auto);gap:7px}#sales-panel .panel-bar-row strong,#sales-panel .panel-bar-row span{font-size:11px}}
@media(prefers-reduced-motion:reduce){#sales-panel .panel-kpis article{transition:none}#sales-panel .panel-kpis article:hover{transform:none}}