/* Comercial 01 · usa las variables de tema existentes de Ulises */
.commercialHome{max-width:1450px}.commercialControls select{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:9px;padding:10px 12px}.commercialDemo{font-size:11px;color:var(--muted);border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:9px 12px;margin-bottom:14px}.commercialDemo b{color:var(--accent)}.commercialKpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.commercialKpi{min-width:0;padding:14px 16px;border-radius:13px;border:1px solid var(--kborder);background:var(--kbg);min-height:100px}.commercialKpiTop{display:flex;justify-content:space-between;align-items:center;gap:8px;color:var(--kcolor)}.commercialKpiTop span{font-size:22px}.commercialKpiTop strong{font-size:28px;line-height:1;font-weight:800}.commercialKpi label{display:block;margin-top:13px;font-size:10px;font-weight:800;letter-spacing:.04em;color:var(--kcolor)}.ckCyan{--kcolor:#22d3ee;--kbg:#102d3b;--kborder:#245d6b}.ckRed{--kcolor:#fb5263;--kbg:#3a1c27;--kborder:#713441}.ckAmber{--kcolor:#fbbf24;--kbg:#382a17;--kborder:#72551c}.ckGreen{--kcolor:#34d399;--kbg:#12372e;--kborder:#23684f}.commercialGrid{display:grid;grid-template-columns:1.45fr 1fr;gap:14px}.commercialSectionTitle{display:flex;align-items:center;justify-content:space-between;gap:12px}.commercialSectionTitle h2{margin:0 0 12px}.commercialTask{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:transparent;border:0;border-top:1px solid var(--line);padding:16px 3px;color:var(--text);cursor:pointer}.commercialTask:hover,.commercialTask.selected{background:rgba(32,239,217,.045)}.commercialTaskIcon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--bg);color:var(--accent);font-size:20px}.commercialTask b{display:block;font-size:13px}.commercialTask small{display:block;margin-top:5px;color:var(--muted);font-size:11px}.commercialChevron{margin-left:auto;color:var(--muted);font-size:24px}.commercialDetail p{font-size:13px;line-height:1.6}.commercialDetailFoot{margin-top:22px;padding-top:12px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}body:not(.dark) .commercialKpi{background:color-mix(in srgb,var(--kcolor) 12%,white);border-color:color-mix(in srgb,var(--kcolor) 36%,white)}body:not(.dark) .commercialKpi label{color:#344054}@media(max-width:950px){.commercialKpis{grid-template-columns:repeat(2,1fr)}.commercialGrid{grid-template-columns:1fr}}@media(max-width:520px){.commercialKpi{padding:12px;min-height:92px}.commercialKpiTop strong{font-size:24px}.commercialKpi label{font-size:9px}}

.commercialTabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin-bottom:22px}.commercialTabs button{background:none;color:var(--muted);border:0;border-bottom:2px solid transparent;padding:12px 17px;cursor:pointer;font-weight:700}.commercialTabs button.active{color:#20efd9;border-color:#20efd9}.radarStats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.radarStats article{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:14px 16px;display:flex;align-items:center;gap:14px}.radarStats strong{font-size:27px;color:#20efd9}.radarStats span{font-size:11px;color:var(--muted)}.radarPanel{margin-bottom:15px}.radarArea{font-size:11px;color:#20efd9}.radarFilters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.radarFilters button{border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--muted);padding:8px 12px;cursor:pointer}.radarFilters button.active{background:#083c42;color:#20efd9;border-color:#0d5556}.radarList{display:grid;gap:8px}.radarCompany{display:flex;justify-content:space-between;align-items:center;gap:14px;text-align:left;width:100%;padding:15px;background:transparent;color:var(--text);border:1px solid var(--line);border-radius:11px;cursor:pointer}.radarCompany.selected{border-color:#20efd9;background:rgba(32,239,217,.06)}.radarCompany b,.radarCompany small,.radarCompany em{display:block}.radarCompany small{font-size:11px;color:var(--muted);margin-top:5px}.radarCompany em{font-size:12px;font-style:normal;color:#20efd9;margin-top:7px}.radarScore{text-align:center;flex-shrink:0}.radarScore strong{font-size:25px;color:#34d399}.radarInfo label{display:block;font-size:10px;font-weight:800;letter-spacing:.08em;color:var(--muted);margin-top:16px}.radarInfo p{font-size:13px;line-height:1.6;margin:7px 0}.radarInfo .radarAccent{color:#20efd9}.radarActions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.radarActions button:not(.primary){border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--text);padding:10px 13px;cursor:pointer}.radarHint{color:var(--muted);font-size:11px;margin-top:12px}.radarDecision{padding:10px;border:1px solid var(--line);border-radius:8px;font-size:12px}@media(max-width:650px){.radarStats{grid-template-columns:1fr}.radarStats article{padding:10px 14px}}

.oppToolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px}.oppToolbar input{width:min(400px,100%);border:1px solid var(--line);background:var(--panel);color:var(--text);padding:11px 13px;border-radius:9px}.oppToolbar span{font-size:12px;color:var(--muted)}.oppLayout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,34%);gap:14px;align-items:start}.oppTableWrap{overflow-x:auto;background:var(--panel);border:1px solid var(--line);border-radius:14px}.oppTable{border-collapse:collapse;width:100%;min-width:650px}.oppTable th{font-size:10px;text-align:left;letter-spacing:.04em;color:var(--muted);padding:16px 12px;border-bottom:1px solid var(--line)}.oppTable td{font-size:12px;padding:15px 12px;border-bottom:1px solid var(--line);vertical-align:middle;color:var(--text)}.oppTable tr.selected{background:rgba(32,239,217,.055)}.oppTable td small{display:block;color:var(--muted);margin-top:5px;font-size:10px}.oppCompanyName{background:transparent;border:0;padding:0;color:#20efd9;cursor:pointer;text-align:left;font-size:12px;font-weight:750}.oppMissing{color:var(--muted)}.oppProposalBtn{border:1px solid #0d5556;color:#20efd9;background:#083c42;border-radius:7px;padding:8px 10px;cursor:pointer;font-size:11px}.oppProposalSent{color:#34d399;font-size:11px}.oppEmpty{padding:22px!important;color:var(--muted)!important}.oppSide{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden}.oppSideHead{display:flex;justify-content:space-between;gap:10px;padding:18px;border-bottom:1px solid var(--line)}.oppSideHead small{color:var(--muted);font-size:10px}.oppSideHead h3{margin:8px 0;font-size:16px}.oppSideHead p{color:var(--muted);font-size:11px}.oppSideHead>button{border:0;background:none;color:var(--muted);cursor:pointer;font-size:22px;align-self:start}.oppSideTabs{display:flex;gap:2px;border-bottom:1px solid var(--line);padding:0 8px}.oppSideTabs button{border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);padding:12px 7px;font-size:11px;cursor:pointer}.oppSideTabs button.active{color:#20efd9;border-bottom-color:#20efd9}.oppSideBody{padding:18px;min-height:260px}.oppSideBody label{display:block;font-size:10px;color:var(--muted);font-weight:750;letter-spacing:.06em;margin-top:15px}.oppSideBody p{font-size:12px;line-height:1.6;margin:6px 0}.oppSideBody .oppAccent{color:#20efd9}.oppSideFooter{border-top:1px solid var(--line);padding:13px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.oppSideFooter button:not(.primary){border:1px solid var(--line);background:transparent;color:var(--text);border-radius:8px;padding:9px;cursor:pointer}.oppEmptyContacts b{font-size:13px}.oppEmptyContacts p,.oppMuted{color:var(--muted)}.oppTimeline>div{border-left:2px solid #20efd9;padding:0 0 18px 13px}.oppTimeline b{font-size:12px}@media(max-width:1180px){.oppLayout{grid-template-columns:1fr}.oppSide{max-width:none}}@media(max-width:600px){.oppToolbar{align-items:stretch;flex-direction:column}.oppToolbar input{width:100%}}
/* Oportunidades: ficha de empresa a ancho completo bajo el listado */
.oppLayout{grid-template-columns:minmax(0,1fr)}
.oppSide{width:100%;max-width:none;min-width:0}
.oppSideBody{min-height:230px}
.oppSideTabs{gap:18px}
.oppSideTabs button{padding:14px 12px}
/* Ficha compacta: listado navegable y detalle con scroll propio */
.oppLayout{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,44%);align-items:start;gap:14px}
.oppTableWrap{max-height:calc(100vh - 300px);overflow:auto}
.oppSide{position:sticky;top:12px;max-height:calc(100vh - 175px);display:flex;flex-direction:column;min-height:0}
.oppSideHead,.oppSideTabs,.oppSideFooter{flex-shrink:0}
.oppSideBody{min-height:0;overflow-y:auto;flex:1}
.oppSideTabs{gap:2px}
.oppSideTabs button{padding:12px 7px}
@media(max-width:1000px){.oppLayout{grid-template-columns:1fr}.oppSide{position:static;max-height:65vh}.oppTableWrap{max-height:45vh}}

.commercialTabs{overflow-x:auto;white-space:nowrap}.ccTabs,.ccToolbar{display:flex;gap:8px;margin:14px 0}.ccTabs button,.ccToolbar button{background:var(--panel);border:1px solid var(--line);border-radius:9px;color:var(--muted);padding:11px 15px;cursor:pointer}.ccTabs button.active,.ccToolbar button.active{border-color:#20efd9;color:#20efd9}.ccList{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:14px}.ccPost{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:18px}.ccPostHead{display:flex;justify-content:space-between;gap:8px;align-items:start}.ccPost h3{margin:0;font-size:15px}.ccPostHead span,.ccPost small{font-size:10px;color:var(--muted)}.ccPost p{font-size:13px;line-height:1.65;white-space:pre-wrap}.ccActions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.ccActions button,.ccUpcoming button{cursor:pointer;padding:9px 12px;border-radius:8px;border:1px solid var(--line);background:transparent;color:var(--text)}.ccActions button.primary{background:#20efd9;color:#08121f}.ccActions button.danger{color:#fb5263}.ccCalendar{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:15px}.ccMonthNav{display:flex;align-items:center;justify-content:space-between}.ccMonthNav h3{text-transform:capitalize}.ccMonthNav button{border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--text);padding:8px 14px;cursor:pointer}.ccWeek,.ccDays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.ccWeek b{text-align:center;color:var(--muted);padding:8px;font-size:11px}.ccDay{min-height:105px;border:1px solid var(--line);border-radius:7px;padding:6px;min-width:0}.ccDay>b{font-size:11px}.ccDay>button{display:block;width:100%;border:0;border-radius:5px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;padding:5px;margin-top:5px;cursor:pointer}.ccDay>button.diego{background:#1b5360;color:#d5faff}.ccDay>button.keiva{background:#20523c;color:#c7ffe5}.ccLegend{display:flex;gap:18px;margin:14px 0;font-size:11px;color:var(--muted)}.ccUpcoming{border-top:1px solid var(--line);padding-top:12px}.ccUpcoming>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:9px 0;font-size:12px}.ccUpcoming>div>span{flex:1}.ccOverlay{position:fixed;inset:0;background:#000a;z-index:9999;display:flex;justify-content:center;align-items:center;padding:15px}.ccDialog{width:min(600px,100%);max-height:90vh;overflow:auto;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:14px;padding:22px}.ccDialog label{display:block;margin:12px 0 6px;font-size:12px;color:var(--muted)}.ccDialog input,.ccDialog textarea,.ccDialog select{box-sizing:border-box;width:100%;padding:10px;background:var(--bg);border:1px solid var(--line);border-radius:7px;color:var(--text)}.ccDialog small{display:block;color:var(--muted);margin-top:9px}.ccSuggested{display:flex;flex-direction:column;gap:7px;background:var(--bg);border:1px solid var(--line);padding:12px;border-radius:9px}.ccSuggested button{align-self:start;background:transparent;border:1px solid #20efd9;color:#20efd9;border-radius:7px;padding:8px;cursor:pointer}@media(max-width:600px){.ccDay{min-height:65px;padding:3px}.ccDay>button{font-size:8px}.ccCalendar{padding:7px}}