
/* Desarrollo Comercial 0.4.0 — KES Centro de Control */
:where(.dc-control-center){
 --dc-ink:var(--kes-text-primary,#151327);--dc-muted:var(--kes-text-secondary,#6f6a7d);--dc-line:color-mix(in srgb,var(--kes-accent-violet,#7b2cff) 16%,#fff);--dc-surface:var(--kes-surface,#fff);--dc-soft:color-mix(in srgb,var(--kes-accent-violet,#7b2cff) 5%,#fff);--dc-violet:var(--kes-accent-violet,#7b2cff);--dc-magenta:var(--kes-accent-magenta,#e4008f);--dc-green:#159d78;--dc-amber:#c98200;--dc-red:#c5405d;--dc-radius:20px;--dc-shadow:0 12px 36px rgba(43,24,85,.08);
 color:var(--dc-ink);font-family:var(--kes-font-family,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);box-sizing:border-box;container-type:inline-size;width:100%;height:100%;min-height:0;overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--dc-magenta) 2%,#fff),#fff 22%);display:grid;grid-template-rows:auto auto auto minmax(0,1fr);gap:14px;padding:clamp(14px,2vw,28px)
}
.dc-control-center *{box-sizing:border-box}.dc-control-center :where(a,button,input,textarea){font:inherit}.dc-control-center a{text-decoration:none;color:inherit}.dc-control-center button{cursor:pointer}.dc-cc-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.dc-cc-eyebrow,.dc-panel-kicker{display:block;text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:800;color:var(--dc-magenta)}.dc-cc-heading h1{font-size:clamp(28px,3vw,46px);line-height:1;margin:6px 0 8px;letter-spacing:-.04em}.dc-cc-heading p{margin:0;color:var(--dc-muted);font-size:14px}.dc-cc-header-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.dc-btn{min-height:42px;border-radius:13px;padding:0 17px;border:1px solid var(--dc-line);display:inline-flex;align-items:center;justify-content:center;font-weight:750;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.dc-btn:hover{transform:translateY(-1px)}.dc-btn-primary{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--dc-magenta),var(--dc-violet));box-shadow:0 10px 24px color-mix(in srgb,var(--dc-violet) 22%,transparent)}.dc-btn-secondary{background:#fff}.dc-btn-quiet{background:transparent}.dc-btn-block{width:100%}
.dc-cc-period{display:flex;align-items:center;gap:12px;min-width:0;padding:8px;border:1px solid var(--dc-line);border-radius:16px;background:rgba(255,255,255,.86);box-shadow:0 4px 16px rgba(43,24,85,.04)}.dc-segmented{display:flex;gap:4px;flex:none}.dc-segmented button,.dc-filter-chips .dc-chip{border:0;background:transparent;border-radius:10px;padding:9px 12px;color:var(--dc-muted);font-weight:700;white-space:nowrap}.dc-segmented button.is-active,.dc-filter-chips .dc-chip.is-active{background:color-mix(in srgb,var(--dc-violet) 11%,#fff);color:var(--dc-violet)}.dc-filter-chips{display:flex;gap:6px;overflow:auto;scrollbar-width:none;min-width:0;flex:1}.dc-filter-chips::-webkit-scrollbar{display:none}.dc-icon-button{width:38px;height:38px;border:0;border-radius:11px;background:var(--dc-soft);color:var(--dc-violet);font-size:22px}.dc-cc-status{position:fixed;top:clamp(74px,10vh,120px);left:50%;transform:translateX(-50%);z-index:1000;background:#201437;color:#fff;padding:10px 16px;border-radius:999px;font-size:13px;box-shadow:var(--dc-shadow);opacity:0;pointer-events:none;transition:opacity .2s}.dc-cc-status.is-visible{opacity:1}.dc-cc-status.is-error{background:var(--dc-red)}
.dc-cc-layout{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,340px);gap:14px;overflow:hidden}.dc-cc-main,.dc-cc-side{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:2px}.dc-cc-main{display:grid;align-content:start;gap:14px}.dc-cc-side{display:grid;align-content:start;gap:14px}.dc-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(118px,1fr));gap:10px}.dc-kpi{position:relative;min-height:116px;border:1px solid var(--dc-line);border-radius:18px;padding:15px;background:rgba(255,255,255,.92);box-shadow:0 5px 20px rgba(43,24,85,.05);display:grid;align-content:space-between;overflow:hidden}.dc-kpi::after{content:"";position:absolute;inset:auto -12px -22px auto;width:74px;height:74px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--dc-violet) 18%,transparent),transparent 68%)}.dc-kpi-label{font-size:12px;color:var(--dc-muted);font-weight:700}.dc-kpi strong{font-size:clamp(26px,2.7vw,38px);letter-spacing:-.04em}.dc-kpi-meta{font-size:11px;color:var(--dc-muted)}.dc-kpi-trend{font-size:11px;color:var(--dc-green)}
.dc-panel,.dc-side-card{border:1px solid var(--dc-line);border-radius:var(--dc-radius);background:rgba(255,255,255,.93);box-shadow:0 5px 20px rgba(43,24,85,.05);padding:16px}.dc-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.dc-panel-head h2,.dc-side-card h2{font-size:18px;margin:3px 0 0;letter-spacing:-.02em}.dc-panel-head>a{font-size:12px;font-weight:800;color:var(--dc-violet)}.dc-priority-list{display:grid;gap:8px}.dc-priority-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid var(--dc-line);border-radius:14px;padding:10px 12px;background:#fff}.dc-priority-dot{width:10px;height:10px;border-radius:50%;background:var(--dc-amber)}.dc-priority-item[data-kind="correction"] .dc-priority-dot{background:var(--dc-red)}.dc-priority-item strong{font-size:13px}.dc-priority-item small{display:block;color:var(--dc-muted);margin-top:2px}.dc-priority-item a{font-size:12px;color:var(--dc-violet);font-weight:800}.dc-district-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.dc-district-card{border:1px solid var(--dc-line);border-radius:15px;padding:13px;background:#fff}.dc-district-card h3{margin:0 0 9px;font-size:14px}.dc-district-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.dc-district-stats span{display:grid;gap:2px;font-size:10px;color:var(--dc-muted)}.dc-district-stats strong{font-size:17px;color:var(--dc-ink)}.dc-progress{height:6px;border-radius:99px;background:var(--dc-soft);overflow:hidden;margin-top:10px}.dc-progress>i{display:block;height:100%;background:linear-gradient(90deg,var(--dc-magenta),var(--dc-violet));border-radius:inherit}.dc-cc-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dc-activity-mix{display:grid;gap:10px}.dc-mix-row{display:grid;grid-template-columns:minmax(110px,1fr) minmax(80px,2fr) auto;align-items:center;gap:10px;font-size:12px}.dc-mix-bar{height:8px;background:var(--dc-soft);border-radius:99px;overflow:hidden}.dc-mix-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--dc-magenta),var(--dc-violet))}.dc-recent-list{display:grid;gap:8px}.dc-recent-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;border-bottom:1px solid var(--dc-line);padding:8px 0}.dc-recent-item:last-child{border-bottom:0}.dc-recent-item strong{font-size:13px}.dc-recent-item small{display:block;color:var(--dc-muted);margin-top:3px}.dc-status-pill{align-self:start;border-radius:999px;padding:5px 8px;background:var(--dc-soft);color:var(--dc-violet);font-size:10px;font-weight:800}
.dc-side-card{display:grid;gap:12px}.dc-side-card p{margin:0;color:var(--dc-muted);font-size:13px;line-height:1.5}.dc-side-card-accent{background:linear-gradient(145deg,color-mix(in srgb,var(--dc-magenta) 8%,#fff),color-mix(in srgb,var(--dc-violet) 10%,#fff))}.dc-competition-summary{display:grid;gap:6px}.dc-competition-chip{display:flex;justify-content:space-between;background:var(--dc-soft);border-radius:10px;padding:8px 10px;font-size:12px}.dc-quality-ring{width:116px;height:116px;border-radius:50%;margin:auto;display:grid;place-content:center;text-align:center;background:conic-gradient(var(--dc-violet) var(--dc-quality,0%),var(--dc-soft) 0);position:relative}.dc-quality-ring::before{content:"";position:absolute;inset:10px;border-radius:50%;background:#fff}.dc-quality-ring>*{position:relative}.dc-quality-ring strong{font-size:28px}.dc-quality-ring span{font-size:10px;color:var(--dc-muted)}.dc-quality-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.dc-quality-list li{display:flex;justify-content:space-between;font-size:12px;border-bottom:1px solid var(--dc-line);padding:7px 0}.dc-quality-list li:last-child{border:0}
.dc-skeleton{background:linear-gradient(90deg,#f4f1f9 25%,#fbfaff 40%,#f4f1f9 60%);background-size:200% 100%;animation:dc-shimmer 1.4s infinite;border-radius:12px}.dc-skeleton-row{height:52px}.dc-skeleton-card{height:100px}@keyframes dc-shimmer{to{background-position:-200% 0}}.dc-empty{padding:20px;text-align:center;color:var(--dc-muted);border:1px dashed var(--dc-line);border-radius:14px}.dc-issue-dialog{border:0;border-radius:22px;padding:0;max-width:min(560px,calc(100vw - 32px));width:100%;box-shadow:0 24px 80px rgba(22,10,48,.28)}.dc-issue-dialog::backdrop{background:rgba(15,8,30,.42);backdrop-filter:blur(4px)}.dc-issue-dialog form{padding:20px;display:grid;gap:16px}.dc-dialog-head,.dc-dialog-actions{display:flex;justify-content:space-between;align-items:center;gap:12px}.dc-dialog-head h2{margin:3px 0 0}.dc-dialog-head>button{border:0;background:var(--dc-soft);border-radius:50%;width:36px;height:36px;font-size:22px}.dc-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.dc-choice-grid button{border:1px solid var(--dc-line);background:#fff;border-radius:12px;min-height:42px}.dc-choice-grid button.is-active{border-color:var(--dc-violet);background:var(--dc-soft);color:var(--dc-violet)}.dc-issue-dialog label{display:grid;gap:7px;font-weight:700}.dc-issue-dialog textarea{border:1px solid var(--dc-line);border-radius:14px;padding:12px;resize:vertical}.dc-dialog-actions{justify-content:flex-end}.dc-cc-access{padding:24px;border:1px solid #f0c8d1;background:#fff8fa;border-radius:18px}
@container (max-width:1180px){.dc-kpi-grid{grid-template-columns:repeat(3,1fr)}.dc-district-grid{grid-template-columns:repeat(2,1fr)}}
@container (max-width:920px){.dc-control-center{overflow:auto;height:auto;min-height:100%;grid-template-rows:auto auto auto auto}.dc-cc-layout{grid-template-columns:1fr;overflow:visible}.dc-cc-main,.dc-cc-side{overflow:visible}.dc-cc-side{grid-template-columns:repeat(3,1fr)}.dc-side-card{min-width:0}.dc-cc-header{align-items:center}.dc-cc-heading p{max-width:58ch}}
@container (max-width:700px){.dc-control-center{padding:12px;gap:10px}.dc-cc-header{display:grid}.dc-cc-header-actions{justify-content:stretch;display:grid;grid-template-columns:1fr 1fr}.dc-cc-header-actions .dc-btn-primary{grid-column:1/-1;order:-1}.dc-cc-period{display:grid;grid-template-columns:1fr auto}.dc-segmented{overflow:auto;scrollbar-width:none}.dc-filter-chips{grid-column:1/-1;grid-row:2}.dc-kpi-grid{grid-template-columns:repeat(2,1fr)}.dc-kpi{min-height:102px}.dc-district-grid,.dc-cc-two-columns,.dc-cc-side{grid-template-columns:1fr}.dc-cc-heading h1{font-size:32px}.dc-choice-grid{grid-template-columns:1fr 1fr}}
@container (max-width:390px){.dc-kpi-grid{grid-template-columns:1fr 1fr;gap:8px}.dc-kpi{padding:12px}.dc-segmented button{padding:8px 10px}.dc-priority-item{grid-template-columns:auto minmax(0,1fr)}.dc-priority-item a{grid-column:2}.dc-district-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.dc-control-center *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}.dc-control-center :focus-visible{outline:3px solid color-mix(in srgb,var(--dc-violet) 45%,transparent);outline-offset:2px}
:where([data-theme="dark"],.kes-theme-dark) .dc-control-center{--dc-ink:#f8f5ff;--dc-muted:#b8afc8;--dc-line:rgba(181,141,255,.22);--dc-surface:#171126;--dc-soft:rgba(151,91,255,.12);background:#100b1d}.kes-theme-dark .dc-panel,.kes-theme-dark .dc-side-card,.kes-theme-dark .dc-kpi,.kes-theme-dark .dc-cc-period,.kes-theme-dark .dc-priority-item,.kes-theme-dark .dc-district-card{background:#191229}.kes-theme-dark .dc-quality-ring::before{background:#191229}
