:root{--ink:#18221d;--muted:#6f7974;--line:#e1e7e3;--sage:#456d59;--sage-dark:#254a37;--sage-soft:#e9f2ed;--warm:#f6f3ed;--paper:#fbfcfa;--danger:#a34e3e;--danger-soft:#f9ebe7;--amber:#946c28;--amber-soft:#fbf3df;--blue:#3e6683;--blue-soft:#eaf1f6;--shadow:0 18px 45px rgba(31,55,43,.07)}
*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}body{margin:0}button,input,select,textarea{font:inherit}.demo-banner{display:flex;min-height:2rem;align-items:center;justify-content:center;gap:.5rem;padding:.35rem 1rem;background:#f1e7cc;color:#6b5728;font-size:.68rem}.demo-banner strong{text-transform:uppercase;letter-spacing:.08em}.app-shell{display:flex;min-height:calc(100vh - 2rem)}
.sidebar{position:sticky;top:0;display:flex;width:14.5rem;height:calc(100vh - 2rem);flex:0 0 auto;flex-direction:column;border-right:1px solid #294338;padding:1.35rem 1rem;background:#1b3026;color:#fff}.brand{display:flex;align-items:center;gap:.75rem;padding:.25rem .35rem 1.7rem}.brand>span{display:grid;width:2.35rem;height:2.35rem;place-items:center;border-radius:.7rem;background:#e6efe9;color:var(--sage-dark);font-size:.67rem;font-weight:900}.brand div,.demo-user div{display:grid}.brand strong{font-size:.85rem;letter-spacing:.11em}.brand small,.demo-user small{color:#97aa9f;font-size:.6rem}.sidebar nav{display:grid;gap:.3rem}.sidebar nav button{display:flex;align-items:center;gap:.7rem;width:100%;min-height:2.7rem;border:0;border-radius:.65rem;padding:.55rem .75rem;background:transparent;color:#b9c8c0;font-size:.72rem;text-align:left;cursor:pointer}.sidebar nav button>span{font-size:1rem}.sidebar nav button>small{display:grid;min-width:1.35rem;height:1.35rem;margin-left:auto;place-items:center;border-radius:999px;background:#355344;font-size:.55rem}.sidebar nav button:hover,.sidebar nav button.active{background:#355344;color:#fff}.new-lead-button{min-height:2.7rem;margin-top:1.25rem;border:1px solid #789283;border-radius:.65rem;background:transparent;color:#fff;font-size:.7rem;font-weight:750;cursor:pointer}.demo-user{display:flex;align-items:center;gap:.65rem;margin-top:auto;border-top:1px solid #355044;padding:1rem .35rem 0}.demo-user>span{display:grid;width:2rem;height:2rem;place-items:center;border-radius:50%;background:#dce9e1;color:var(--sage-dark);font-size:.58rem;font-weight:850}.demo-user strong{font-size:.68rem}
.workspace{min-width:0;flex:1}.workspace-bar{display:flex;min-height:3.6rem;align-items:center;justify-content:space-between;padding:.7rem clamp(1rem,3vw,2.5rem);border-bottom:1px solid var(--line);background:rgba(255,255,255,.9)}.workspace-bar p{display:flex;align-items:center;gap:.5rem;margin:0;color:#7e8983;font-size:.66rem}.workspace-bar p span{width:.45rem;height:.45rem;border-radius:50%;background:#6b9a7e}.mobile-header{display:none}main{width:min(100% - 3rem,92rem);margin:0 auto;padding:2.35rem 0 5rem}.view[hidden]{display:none}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:1.5rem}.eyebrow{margin:0 0 .4rem;color:var(--sage);font-size:.61rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.page-heading h1{margin:0;font-family:Georgia,serif;font-size:clamp(2.35rem,4vw,3.7rem);font-weight:500;letter-spacing:-.045em}.page-heading p:not(.eyebrow){max-width:47rem;margin:.55rem 0 0;color:var(--muted);font-size:.86rem;line-height:1.55}
.ghost-button,.secondary-button,.primary-button,.text-button{min-height:2.55rem;border-radius:.67rem;padding:.62rem .9rem;font-size:.69rem;font-weight:750;cursor:pointer}.ghost-button,.secondary-button{border:1px solid var(--line);background:#fff;color:#65716b}.primary-button{border:1px solid var(--sage-dark);background:var(--sage-dark);color:#fff}.text-button{min-height:auto;border:0;padding:.3rem;background:transparent;color:var(--sage)}.primary-button:hover{background:#173727}.secondary-button:hover,.ghost-button:hover{border-color:#b8c7bf;color:var(--ink)}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;margin-bottom:1rem}.metric-card{display:grid;gap:.2rem;border:1px solid var(--line);border-radius:.9rem;padding:.95rem 1rem;background:#fff}.metric-card span,.metric-card small{color:#7c8781;font-size:.62rem}.metric-card strong{font-family:Georgia,serif;font-size:1.58rem;font-weight:500}.metric-card.attention{border-color:#ead7aa;background:#fffaf0}
.work-toolbar{display:grid;grid-template-columns:minmax(340px,1.35fr) minmax(240px,1fr) 180px;gap:.7rem;align-items:end;border:1px solid var(--line);border-radius:.9rem .9rem 0 0;padding:.8rem;background:#fff}.mode-switch{display:flex;gap:.35rem}.mode-switch button,.quick-filters button{border:1px solid var(--line);border-radius:.62rem;padding:.6rem .75rem;background:#fff;color:#6f7974;font-size:.66rem;cursor:pointer}.mode-switch button{display:flex;flex:1;align-items:center;justify-content:space-between;gap:.5rem}.mode-switch small{display:grid;min-width:1.35rem;height:1.35rem;place-items:center;border-radius:999px;background:#eff2f0;font-size:.55rem}.mode-switch button.active,.quick-filters button.active{border-color:var(--sage-dark);background:var(--sage-dark);color:#fff}.mode-switch button.active small{background:#4e705f}.work-toolbar label,.lead-controls label,.form-grid label{display:grid;gap:.3rem;color:#727d77;font-size:.61rem}.work-toolbar input,.work-toolbar select,.lead-controls input,.lead-controls select,.form-grid input,.form-grid select,.form-grid textarea{width:100%;min-height:2.55rem;border:1px solid var(--line);border-radius:.6rem;padding:.55rem .7rem;background:#fcfcfb;color:var(--ink)}.form-grid textarea{min-height:5.2rem;resize:vertical}.quick-filters{display:flex;gap:.35rem;overflow-x:auto;border:1px solid var(--line);border-top:0;padding:.65rem .8rem;background:#f8faf8}.quick-filters button{border-radius:999px;padding:.45rem .75rem;white-space:nowrap}.day-summary{display:flex;align-items:center;justify-content:space-between;padding:1rem .2rem .65rem}.day-summary>div{display:flex;align-items:center;gap:.45rem}.day-summary small,.day-summary>span{color:#7e8983;font-size:.62rem}.signal{width:.48rem;height:.48rem;border-radius:50%;background:#c68142}.day-summary strong{font-size:.75rem}
.task-list{display:grid;gap:.65rem}.client-card{display:grid;grid-template-columns:7rem minmax(190px,.95fr) minmax(230px,1.3fr) minmax(190px,.95fr) auto;gap:1rem;align-items:center;border:1px solid var(--line);border-radius:.9rem;padding:.9rem 1rem;background:#fff;box-shadow:0 5px 16px rgba(31,55,43,.025)}.client-card.late{border-left:3px solid #c66c57}.client-card.today{border-left:3px solid #c99a45}.urgency{display:grid;gap:.18rem}.urgency strong{font-size:.67rem}.urgency small{color:#7f8984;font-size:.56rem}.urgency.late strong{color:var(--danger)}.client-identity{display:flex;align-items:center;gap:.65rem}.company-avatar,.table-avatar{display:grid;width:2.25rem;height:2.25rem;flex:0 0 auto;place-items:center;border-radius:.65rem;background:var(--sage-soft);color:var(--sage-dark);font-size:.58rem;font-weight:850}.client-identity h3{margin:0;font-size:.74rem}.client-identity p{margin:.18rem 0 0;color:var(--muted);font-size:.59rem}.client-context{display:grid;gap:.45rem}.chips{display:flex;flex-wrap:wrap;gap:.25rem}.category-chip,.type-chip,.priority-chip{display:inline-flex;border-radius:999px;padding:.22rem .45rem;background:#eef2ef;color:#5e6e65;font-size:.52rem}.category-chip.lead_nuevo{background:var(--blue-soft);color:var(--blue)}.category-chip.cliente_activo{background:var(--sage-soft);color:var(--sage-dark)}.category-chip.cliente_a_reactivar{background:var(--amber-soft);color:var(--amber)}.category-chip.cerrado_no_avanzar{background:#f1f1f1;color:#777}.priority-chip.alta{background:var(--danger-soft);color:var(--danger)}.priority-chip.baja{background:#eef2f5;color:#667683}.client-context p{margin:0;color:#6f7974;font-size:.6rem;line-height:1.45}.next-step{display:grid;gap:.2rem}.next-step small{color:#7d8782;font-size:.55rem}.next-step strong{font-size:.67rem}.next-step span{color:var(--sage);font-size:.56rem}.card-actions{display:grid;justify-items:stretch;gap:.3rem;min-width:8.5rem}.empty-state{display:grid;place-items:center;border:1px dashed #ccd6d0;border-radius:.9rem;padding:3rem;background:#fff;text-align:center}.empty-state strong{font-family:Georgia,serif;font-size:1.3rem}.empty-state p{margin:.4rem 0 0;color:var(--muted);font-size:.7rem}
.lead-controls{display:grid;grid-template-columns:minmax(250px,1fr) minmax(500px,2fr);gap:.8rem;align-items:end;margin-bottom:1rem;border:1px solid var(--line);border-radius:.9rem;padding:.85rem;background:#fff}.lead-selects{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem}.lead-controls>p{grid-column:1/-1;margin:0;color:#7f8984;font-size:.62rem}.table-shell{overflow-x:auto;border:1px solid var(--line);border-radius:.9rem;background:#fff;box-shadow:var(--shadow)}table{width:100%;border-collapse:collapse;font-size:.69rem}th{padding:.72rem .9rem;background:var(--warm);color:#737d78;font-size:.58rem;text-align:left;white-space:nowrap}td{padding:.85rem .9rem;border-top:1px solid #edf0ee;vertical-align:middle}td strong{display:block;font-size:.68rem}td small{color:#7e8782;font-size:.56rem}.table-identity{display:flex;align-items:center;gap:.6rem;min-width:13rem}.table-avatar{width:2rem;height:2rem}.empty-cell{padding:2.5rem;text-align:center;color:var(--muted)}
.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.panel{border:1px solid var(--line);border-radius:.9rem;padding:1.2rem;background:#fff;box-shadow:var(--shadow)}.panel h2{margin:0 0 1.1rem;font-family:Georgia,serif;font-size:1.5rem;font-weight:500}.bars{display:grid;gap:.9rem}.bar-row{display:grid;grid-template-columns:8rem 1fr auto;gap:.7rem;align-items:center}.bar-row span,.bar-row strong{font-size:.64rem}.bar-track{height:.52rem;overflow:hidden;border-radius:999px;background:#edf1ee}.bar-track i{display:block;height:100%;border-radius:inherit;background:var(--sage)}.activity-list{display:grid}.activity-item{display:flex;align-items:center;gap:.7rem;padding:.75rem 0;border-top:1px solid #edf0ee}.activity-item:first-child{border-top:0}.activity-avatar{display:grid;width:2rem;height:2rem;flex:0 0 auto;place-items:center;border-radius:50%;background:var(--sage-soft);color:var(--sage);font-size:.55rem;font-weight:850}.activity-item p{margin:0;font-size:.66rem}.activity-item small{color:#7e8782;font-size:.56rem}
dialog{width:min(100% - 2rem,40rem);max-height:calc(100vh - 2rem);overflow:auto;border:0;border-radius:1rem;padding:1.35rem;box-shadow:0 2rem 6rem rgba(0,0,0,.25)}dialog::backdrop{background:rgba(15,30,23,.58);backdrop-filter:blur(3px)}.dialog-close{position:absolute;top:.7rem;right:.8rem;border:0;background:transparent;color:#78827d;font-size:1.6rem;cursor:pointer}dialog h2{margin:0;font-family:Georgia,serif;font-size:2rem;font-weight:500}.dialog-lead{margin:.25rem 0 1rem;color:var(--muted);font-size:.72rem}.detail-grid,.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.detail-row{display:grid;gap:.18rem;border:1px solid var(--line);border-radius:.65rem;padding:.68rem}.detail-row span{color:#7b8680;font-size:.56rem}.detail-row strong{overflow-wrap:anywhere;font-size:.66rem}.history-block{display:grid;gap:.3rem;margin:1rem 0;border-left:3px solid var(--sage);padding:.8rem;background:var(--sage-soft)}.history-block small{color:#718078;font-size:.56rem}.history-block p{margin:0 0 .5rem;font-size:.67rem;line-height:1.45}.history-block strong{font-size:.68rem}.dialog-actions{display:flex;justify-content:flex-end;gap:.5rem}.full-field{grid-column:1/-1}.full-button{width:100%;margin-top:1rem}
@media(max-width:1180px){.client-card{grid-template-columns:6rem 1fr 1.2fr auto}.next-step{grid-column:2/4}.card-actions{grid-column:4;grid-row:1/3}.work-toolbar{grid-template-columns:1fr 1fr}.mode-switch{grid-column:1/-1}}
@media(max-width:900px){.sidebar{position:fixed;z-index:50;top:0;bottom:0;height:100vh;transform:translateX(-105%);box-shadow:1rem 0 3rem rgba(0,0,0,.18);transition:transform .2s}.sidebar.open{transform:translateX(0)}.mobile-header{display:flex;min-height:3.5rem;align-items:center;justify-content:space-between;padding:.7rem 1rem;border-bottom:1px solid var(--line);background:#fff}.mobile-header button{border:0;background:transparent;font-size:1.1rem}.metrics{grid-template-columns:repeat(2,1fr)}.report-grid{grid-template-columns:1fr}.client-card{grid-template-columns:6rem 1fr 1fr}.client-context,.next-step{grid-column:2/4}.card-actions{grid-column:1/4;grid-row:auto;display:flex}.card-actions button{flex:1}.lead-controls{grid-template-columns:1fr}.lead-controls>p{grid-column:auto}}
@media(max-width:650px){.demo-banner{display:grid;gap:.1rem;text-align:center}.demo-banner span{font-size:.58rem}.workspace-bar p{max-width:14rem}.workspace-bar .ghost-button{font-size:0}.workspace-bar .ghost-button::after{content:"Restaurar";font-size:.62rem}main{width:min(100% - 1.2rem,92rem);padding-top:1.4rem}.page-heading{align-items:flex-start;flex-direction:column;gap:1rem}.page-heading h1{font-size:2.35rem}.page-heading>button{width:100%}.metrics{grid-template-columns:1fr 1fr}.work-toolbar{grid-template-columns:1fr}.mode-switch{grid-column:auto;display:grid}.client-card{grid-template-columns:1fr}.urgency,.client-identity,.client-context,.next-step,.card-actions{grid-column:auto}.card-actions{display:grid}.lead-selects{grid-template-columns:1fr}.detail-grid,.form-grid{grid-template-columns:1fr}.full-field{grid-column:auto}.dialog-actions{display:grid}.quick-filters{margin-right:-.6rem}.day-summary{align-items:flex-start;gap:.5rem}.day-summary>div{display:grid}.table-shell{margin-right:-.6rem}}