.commercial-hero{display:flex;justify-content:space-between;gap:24px;align-items:center}
.commercial-metrics{grid-template-columns:repeat(4,minmax(170px,1fr))}
.commercial-tabs,.commercial-detail-tabs{display:flex;gap:8px;overflow:auto;padding:8px;border:1px solid var(--line);border-radius:16px;background:var(--surface);margin:18px 0}
.commercial-tabs button,.commercial-detail-tabs button{white-space:nowrap}
.commercial-tabs button.active,.commercial-detail-tabs button.active{background:var(--accent);color:#fff}
.commercial-workspace{display:grid;grid-template-columns:minmax(310px,36%) minmax(0,1fr);gap:18px;min-height:600px}
.commercial-list,.commercial-detail,.commercial-panel{border:1px solid var(--line);border-radius:18px;background:var(--surface);padding:18px}
.commercial-list-head{display:grid;gap:10px;margin-bottom:14px}
.commercial-list-head input{width:100%}
.commercial-card{width:100%;display:grid;text-align:left;gap:8px;padding:14px;margin:0 0 10px;background:transparent;color:inherit;border:1px solid var(--line);border-radius:14px}
.commercial-card:hover,.commercial-card.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface))}
.commercial-card>span,.commercial-card-footer{display:flex;justify-content:space-between;gap:10px}
.commercial-card i,.commercial-file-head i{font-style:normal}
.status{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;background:var(--soft);font-size:.74rem;font-weight:800}
.status.ganada{color:#20c997;background:#073d35}
.status.perdida,.status.desistida{color:#fb7185;background:#451723}
.commercial-empty{min-height:420px;display:grid;place-content:center;text-align:center;color:var(--muted)}
.commercial-empty span{font-size:4rem}
.commercial-file-head,.panel-title{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}
.commercial-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.commercial-overview article{display:grid;gap:6px;padding:15px;border:1px solid var(--line);border-radius:14px}
.commercial-overview span,.commercial-overview small{color:var(--muted)}
.commercial-panel{margin-top:14px}
.commercial-records{display:grid;gap:10px;margin-top:14px}
.commercial-records article{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px;border:1px solid var(--line);border-radius:12px}
.commercial-records article>div{display:grid;gap:5px}
.commercial-records small{color:var(--muted)}
.commercial-timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:16px}
.commercial-timeline span{display:grid;justify-items:center;text-align:center;color:var(--muted);position:relative}
.commercial-timeline i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--soft);font-style:normal}
.commercial-timeline .done i{background:var(--accent);color:#fff}
.button-link{display:inline-flex;padding:9px 12px;border-radius:9px;background:var(--accent);color:#fff;text-decoration:none}
.commercial-result-actions{display:flex;gap:10px;flex-wrap:wrap}
.commercial-modal{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:24px;background:#020617c9}
.commercial-dialog{width:min(850px,96vw);max-height:92vh;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 25px 70px #0008}
.commercial-dialog-head,.commercial-dialog-actions{display:flex;justify-content:space-between;align-items:center;gap:12px}
.commercial-dialog-head [data-close]{font-size:1.6rem;background:transparent;color:inherit}
.commercial-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}
.commercial-form .full{grid-column:1/-1}
.commercial-form label{display:grid;gap:6px}
.commercial-form textarea{min-height:92px}
.commercial-dialog-actions{justify-content:flex-end}
.delivery-checklist{display:grid;gap:9px}
.delivery-checklist>h3{margin:4px 0}
.delivery-checklist article{display:grid;grid-template-columns:minmax(230px,1fr) 150px minmax(180px,1fr);align-items:end;gap:10px;padding:12px;border:1px solid var(--line);border-radius:12px}
.delivery-checklist article>div{display:grid;gap:4px}
.delivery-checklist small{color:var(--muted)}
@media(max-width:1050px){.commercial-workspace{grid-template-columns:1fr}.commercial-list{max-height:380px;overflow:auto}.commercial-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.delivery-checklist article{grid-template-columns:1fr}}
@media(max-width:650px){.commercial-hero,.commercial-file-head,.panel-title{align-items:stretch;flex-direction:column}.commercial-metrics,.commercial-overview,.commercial-form{grid-template-columns:1fr}.commercial-form .full{grid-column:auto}.commercial-timeline{grid-template-columns:1fr}.commercial-records article{align-items:stretch;flex-direction:column}}