:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#172033;background:#f4f6f9;--dark:#111827;--side:#1f2937;--line:#e5e7eb;--muted:#6b7280;--soft:#f8fafc;--success-bg:#dcfce7;--success:#166534;--danger-bg:#fee2e2;--danger:#991b1b;--warn-bg:#fff7ed;--warn:#9a3412}*{box-sizing:border-box}html{background:#f4f6f9}body{margin:0}a{color:#1d4ed8}.topbar{height:62px;background:var(--dark);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 22px;position:sticky;top:0;z-index:20}.brand{font-weight:800;white-space:nowrap}.brand span{font-weight:500;color:#9ca3af;margin-left:8px}.topbar a{color:#fff}.user{white-space:nowrap;font-size:14px}.shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:calc(100vh - 62px)}.sidebar{background:var(--side);padding:18px 12px;display:flex;flex-direction:column;gap:4px}.sidebar a,.muted-nav{color:#e5e7eb;text-decoration:none;padding:10px 12px;border-radius:8px}.sidebar a:hover,.sidebar a.active{background:#374151}.sidebar a span{margin-left:5px}.muted-nav{font-size:11px;color:#9ca3af;margin-top:3px}.muted-nav b{display:block;font-size:9px;text-transform:uppercase;color:#64748b;margin-top:3px}.nav-separator{border-top:1px solid #374151;margin:9px 8px}.content{padding:24px;min-width:0}h1{margin:0 0 5px;font-size:28px;line-height:1.15}h2{font-size:18px;margin:0 0 13px}h3{margin:0 0 10px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:18px}.page-head p{margin:4px 0 0}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.cards-6{grid-template-columns:repeat(6,minmax(0,1fr))}.card,.panel{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 1px 2px rgba(0,0,0,.03)}.card{padding:17px}.card small{display:block;color:var(--muted)}.card strong{font-size:25px;display:block;margin-top:7px;overflow-wrap:anywhere}.card .small-strong{font-size:17px}.panel{padding:18px;margin-bottom:18px}.grid-2{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(420px,1.6fr);gap:18px}.dashboard-grid{grid-template-columns:1.4fr .6fr}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.section-head h2{margin:0}.text-link{font-size:13px;font-weight:700;text-decoration:none}label{display:block;font-size:13px;font-weight:700;margin:11px 0 5px}input,select,textarea{width:100%;padding:10px 11px;border:1px solid #cfd6df;border-radius:8px;background:#fff;font:inherit;color:#172033}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid #dbeafe;border-color:#60a5fa}button,.button-link,.secondary-button{background:var(--dark);color:#fff;border:0;border-radius:8px;padding:10px 15px;font-weight:700;cursor:pointer;margin-top:13px;text-decoration:none;display:inline-block;font:inherit}button:hover,.button-link:hover{background:#263247}.secondary-button,.button-link.secondary{background:#e5e7eb;color:#111827}.secondary-button:hover,.button-link.secondary:hover{background:#d1d5db}.danger-button{background:#991b1b}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-row.three{grid-template-columns:repeat(3,1fr)}.inline{display:flex;align-items:center;gap:7px}.inline span{white-space:nowrap;color:var(--muted);font-size:13px}.inline-form{display:flex;align-items:end;gap:10px}.inline-form label{margin:0}.inline-form input{width:auto}.inline-form button{margin:0}.search-form{display:flex;gap:8px;min-width:min(430px,100%)}.search-form input{min-width:0}.search-form button{margin:0}.table-wrap{overflow:auto;border-radius:8px}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:10px;border-bottom:1px solid #edf0f3;vertical-align:top}th{font-size:11px;text-transform:uppercase;color:var(--muted);white-space:nowrap}td small{display:block;color:var(--muted);margin-top:3px}.badge{display:inline-block;padding:4px 8px;border-radius:99px;background:#e5e7eb;font-size:11px;white-space:nowrap}.badge.success,.status-active,.status-paid,.status-completed{background:var(--success-bg);color:var(--success)}.badge.danger,.status-suspended,.status-retired,.status-overdue,.status-cancelled{background:var(--danger-bg);color:var(--danger)}.status-pending,.status-partial,.status-assigned,.status-grace{background:#fef3c7;color:#92400e}.status-in_progress{background:#dbeafe;color:#1e40af}.big-badge{font-size:13px;padding:7px 11px}.alert{padding:11px 13px;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;margin-bottom:14px}.alert.error{background:#fef2f2;border-color:#fecaca;color:#7f1d1d}.alert.warning{background:var(--warn-bg);border-color:#fed7aa;color:var(--warn)}.hint{color:var(--muted);font-size:13px}.empty{color:#94a3b8;text-align:center;padding:18px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px;background:var(--dark)}.login-card{width:min(410px,100%);background:#fff;padding:26px;border-radius:14px}.login-card h1{margin-bottom:4px}.login-card p{color:var(--muted);margin-top:0}.actions{display:flex;gap:7px;flex-wrap:wrap}.button-link.small{padding:6px 9px;margin:0;font-size:12px}.sep{border:0;border-top:1px solid var(--line);margin:22px 0}.check{display:flex;align-items:center;gap:8px;font-weight:600}.check input{width:auto}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;border:1px solid var(--line);border-radius:8px;padding:9px 11px;max-height:180px;overflow:auto}.details{display:grid;grid-template-columns:135px 1fr;gap:8px 12px;margin:0}.details dt{font-weight:700;color:var(--muted)}.details dd{margin:0;min-width:0;overflow-wrap:anywhere}.narrow{max-width:620px}.narrow-wide{max-width:850px}.mini-form{min-width:300px;padding:8px 0}.mini-form button{margin-top:8px}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick{padding:15px;border:1px solid var(--line);border-radius:10px;text-decoration:none;color:#172033;font-weight:700;background:var(--soft)}.quick:hover{background:#eef2f7}.timeline{display:flex;align-items:center;justify-content:space-around;gap:10px;margin:22px 0}.timeline div{text-align:center}.timeline b{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--dark);color:white;margin:auto}.timeline span{font-size:12px;color:var(--muted);display:block;margin-top:7px}.filter-tabs{display:flex;gap:7px;overflow:auto;margin-bottom:12px}.filter-tabs a{white-space:nowrap;text-decoration:none;padding:7px 11px;border-radius:99px;background:#e5e7eb;color:#374151;font-size:12px;font-weight:700}.filter-tabs a.active{background:var(--dark);color:#fff}.workflow{display:flex;flex-wrap:wrap;align-items:center;gap:9px}.workflow span{padding:9px 11px;border:1px solid var(--line);border-radius:8px;background:var(--soft);font-size:12px}.workflow b{color:#94a3b8}.photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.photo-card{border:1px solid var(--line);border-radius:9px;padding:12px;background:var(--soft)}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}details summary{cursor:pointer;color:#1d4ed8;font-weight:700;font-size:12px}button:disabled{opacity:.45;cursor:not-allowed}.big-action{font-size:15px;padding:13px 18px}.sticky-action{position:sticky;bottom:8px;z-index:4}.desktop-only{display:inline}
@media(max-width:1250px){.cards-6{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{display:flex;flex-direction:row;overflow:auto;position:sticky;top:62px;z-index:15;padding:7px 8px;box-shadow:0 2px 5px rgba(0,0,0,.15)}.sidebar a{white-space:nowrap;padding:9px 11px}.sidebar a span{margin-left:2px}.muted-nav,.nav-separator{display:none}.cards,.cards-6{grid-template-columns:1fr 1fr}.grid-2,.dashboard-grid{grid-template-columns:1fr}.content{padding:15px}.page-head{align-items:center}.check-grid{grid-template-columns:1fr}.sticky-action{bottom:4px}.quick-actions{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.topbar{padding:0 12px;height:58px}.shell{min-height:calc(100vh - 58px)}.sidebar{top:58px}.brand span{display:none}.user{font-size:12px}.desktop-only{display:none}.content{padding:10px}.panel{padding:13px}.card{padding:13px}.cards,.cards-6{grid-template-columns:1fr 1fr;gap:8px}.card strong{font-size:20px}.page-head{display:block}.page-head .button-link,.page-head .actions{margin-top:10px}.form-row,.form-row.three{grid-template-columns:1fr}.details{grid-template-columns:1fr}.details dd{margin-bottom:8px}.search-form{margin-top:10px;min-width:0}.inline-form{display:grid;grid-template-columns:1fr auto}.inline-form input{width:100%}.timeline{justify-content:flex-start;overflow:auto}.timeline div{min-width:90px}.table-wrap{margin:0 -5px}.sticky-action{position:static}.quick-actions{grid-template-columns:1fr 1fr}}

/* ===== v0.3.0: navegación, dashboard y clientes avanzados ===== */
:root{--accent:#21b86b;--accent-dark:#16884e;--accent-soft:#e9f9f0;--blue:#0ea5e9;--orange:#f59e0b;--red:#ef4444;--sidebar:#24292e;--sidebar-2:#1d2125}
.topbar{background:linear-gradient(90deg,var(--accent-dark),var(--accent));height:64px}.topbar-left{display:flex;align-items:center;gap:11px}.menu-toggle{margin:0;padding:7px 10px;border-radius:5px;background:rgba(255,255,255,.12);font-size:18px}.menu-toggle:hover{background:rgba(255,255,255,.2)}.brand span{color:#d9f7e6}.shell{grid-template-columns:250px minmax(0,1fr);min-height:calc(100vh - 64px)}.sidebar{background:var(--sidebar);padding:10px 0;gap:0;border-right:1px solid #181b1e}.sidebar .nav-main,.nav-group summary{min-height:43px;display:flex;align-items:center;color:#d6d9dc;text-decoration:none;padding:10px 16px;border-radius:0;border-left:3px solid transparent;cursor:pointer}.sidebar .nav-main:hover,.sidebar .nav-main.active,.nav-group[open]>summary{background:#30363b;border-left-color:var(--accent);color:#fff}.nav-icon{display:inline-grid;place-items:center;width:24px;margin-right:8px;color:#7ee2aa}.nav-group{border-bottom:1px solid rgba(255,255,255,.04)}.nav-group summary{list-style:none;justify-content:space-between}.nav-group summary::-webkit-details-marker{display:none}.nav-group summary>span{display:flex;align-items:center}.nav-group summary b{font-weight:400;color:#7b8790;transition:.15s}.nav-group[open] summary b{transform:rotate(180deg)}.nav-group>div{background:var(--sidebar-2);padding:4px 0}.nav-group a,.nav-disabled{display:block;padding:9px 14px 9px 50px;border-radius:0;color:#c9ced3;font-size:13px;text-decoration:none}.nav-group a:hover,.nav-group a.active{background:#2c3237;color:#fff}.nav-disabled{color:#6f7880;cursor:not-allowed}.nav-disabled em{display:block;font-style:normal;font-size:9px;text-transform:uppercase;color:#53606a;margin-top:2px}.sidebar-backdrop{display:none}
.content{padding:22px;background:#f6f7f9}.page-date{font-size:13px;color:var(--muted);padding-top:8px}.dashboard-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:18px}.metric-group h2{font-size:18px;font-weight:500;margin:0 0 9px;padding-left:4px}.metric-line{background:white;border:1px solid #dfe3e7;min-height:64px;padding:10px 14px;margin-bottom:6px;display:flex;justify-content:space-between;align-items:center;text-decoration:none;color:#172033;transition:.12s}.metric-line:hover{transform:translateY(-1px);box-shadow:0 3px 12px rgba(0,0,0,.06)}.metric-line span{display:flex;flex-direction:column}.metric-line strong{font-size:20px;font-weight:600}.metric-line small{text-transform:uppercase;font-size:10px;color:#4b5563;margin-top:2px}.metric-line b{font-size:24px;font-weight:500}.success-line strong,.success-line b{color:#20b86b}.warn-line strong,.warn-line b{color:#f59e0b}.info-line strong,.info-line b,.primary-line strong,.primary-line b{color:#0ea5e9}.danger-line strong,.danger-line b{color:#ef4444}.dashboard-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.dashboard-strip>div{background:#fff;border:1px solid var(--line);padding:13px 16px;display:grid;grid-template-columns:1fr auto;align-items:center}.dashboard-strip small{color:var(--muted)}.dashboard-strip strong{font-size:19px}.dashboard-strip span{grid-column:1/-1;font-size:10px;color:#94a3b8;margin-top:3px}.muted-value{color:#9ca3af}.finance-panel{padding-bottom:12px}.chart-legend{display:flex;justify-content:flex-end;gap:18px;flex-wrap:wrap;font-size:12px;margin-bottom:8px}.legend.internet{color:#17a673}.legend.other{color:#38bdf8}.legend.expense{color:#e56b0a}.bar-chart{height:320px;display:grid;grid-template-columns:repeat(12,minmax(30px,1fr));gap:10px;align-items:end;border-left:1px solid #dbe0e5;border-bottom:1px solid #dbe0e5;padding:20px 12px 0;margin:0 8px 10px;background:repeating-linear-gradient(to top,#fff 0,#fff 62px,#eef1f4 63px)}.bar-month{height:100%;display:grid;grid-template-rows:1fr 22px;align-items:end;text-align:center;font-size:11px;color:#64748b}.bar-stack{height:100%;display:flex;align-items:end;justify-content:center;gap:2px}.bar{display:block;width:min(18px,30%);min-height:0;border-radius:3px 3px 0 0}.bar.internet{background:#17a673}.bar.other{background:#38bdf8}.bar.expense{background:#e56b0a}.dashboard-lists{grid-template-columns:1fr 1fr}.branch-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.branch-cards>div{border:1px solid var(--line);padding:13px;background:var(--soft);border-radius:8px}.branch-cards strong,.branch-cards span,.branch-cards b{display:block}.branch-cards span{font-size:12px;color:var(--muted);margin:4px 0}.branch-cards b{font-size:13px;color:var(--accent-dark)}
.filters-panel{padding:12px 14px}.filter-grid{display:grid;grid-template-columns:minmax(260px,2fr) repeat(5,minmax(125px,1fr)) auto;gap:10px;align-items:end}.filter-grid label{margin:0 0 4px;font-size:11px;text-transform:uppercase;color:#64748b}.filter-grid input,.filter-grid select{padding:8px 9px;border-radius:4px}.filter-buttons{display:flex;gap:6px}.filter-buttons button,.filter-buttons .button-link{margin:0;padding:9px 11px;white-space:nowrap}.client-list-panel{padding:0}.table-toolbar{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid var(--line);font-size:12px;color:#64748b}.inline-label{display:flex;align-items:center;gap:7px;margin:0;font-weight:500}.inline-label select{width:auto;padding:5px}.data-table{font-size:12px}.data-table th{background:#f8fafc;border-right:1px solid #e5e7eb;font-size:10px}.data-table td{border-right:1px solid #edf0f3;max-width:190px}.data-table tr:hover td{background:#fbfefc}.client-name{font-weight:700;text-decoration:none;color:#172033}.client-name:hover{color:var(--accent-dark)}.address-cell{min-width:180px}.money{white-space:nowrap;font-weight:700}.has-debt{color:#d97706}.row-actions{display:flex;gap:4px}.row-actions a{display:grid;place-items:center;width:29px;height:29px;border-radius:4px;background:#eaf8f0;text-decoration:none;color:#147d49;border:1px solid #c9eed9}.row-actions a:hover{background:var(--accent);color:#fff}.mobile-client-list{display:none}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:12px}.pagination a,.pagination span{padding:7px 11px;border:1px solid var(--line);text-decoration:none;color:#374151;background:#fff;border-radius:5px}.pagination a:hover{background:#f0fdf4;color:#15803d}.create-customer-panel summary{cursor:pointer;font-size:17px;font-weight:700;list-style:none}.create-customer-panel summary::-webkit-details-marker{display:none}.create-customer-panel[open] summary{margin-bottom:14px}.inline-doc{display:grid;grid-template-columns:100px 1fr;gap:6px}.gps-row{grid-template-columns:1fr 1fr auto}.gps-button{display:flex;align-items:end}.gps-button button{margin:0 0 1px;white-space:nowrap}
@media(max-width:1450px){.filter-grid{grid-template-columns:2fr repeat(3,1fr)}.filter-buttons{grid-column:auto}.desktop-client-table .data-table th:nth-child(5),.desktop-client-table .data-table td:nth-child(5){display:none}}
@media(max-width:1150px){.dashboard-columns{grid-template-columns:1fr 1fr}.metric-group:last-child{grid-column:1/-1}.filter-grid{grid-template-columns:repeat(3,1fr)}.filter-search{grid-column:span 2}.desktop-client-table .data-table th:nth-child(9),.desktop-client-table .data-table td:nth-child(9){display:none}}
@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{display:block;position:fixed;left:0;top:64px;bottom:0;width:275px;z-index:50;transform:translateX(-105%);transition:.2s;overflow:auto;box-shadow:4px 0 20px rgba(0,0,0,.25)}body.sidebar-open .sidebar{transform:translateX(0)}.sidebar-backdrop{display:block;position:fixed;inset:64px 0 0 0;background:rgba(0,0,0,.35);z-index:45;opacity:0;pointer-events:none;transition:.2s}body.sidebar-open .sidebar-backdrop{opacity:1;pointer-events:auto}.content{padding:15px}.dashboard-columns{grid-template-columns:1fr 1fr}.dashboard-strip{grid-template-columns:1fr}.bar-chart{height:260px;gap:5px}.dashboard-lists{grid-template-columns:1fr}.filter-grid{grid-template-columns:1fr 1fr}.filter-search{grid-column:1/-1}.desktop-client-table{display:none}.mobile-client-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px}.client-mobile-card{border:1px solid var(--line);border-radius:8px;padding:12px;background:#fff}.client-mobile-head{display:flex;justify-content:space-between;gap:8px}.client-mobile-head a{font-weight:800;color:#172033;text-decoration:none}.client-mobile-head small{display:block;color:var(--muted);margin-top:3px}.client-mobile-card dl{display:grid;grid-template-columns:80px 1fr;gap:6px;margin:12px 0;font-size:12px}.client-mobile-card dt{color:var(--muted);font-weight:700}.client-mobile-card dd{margin:0;overflow-wrap:anywhere}.gps-row{grid-template-columns:1fr 1fr}.gps-button{grid-column:1/-1}}
@media(max-width:620px){.topbar{height:58px}.sidebar{top:58px}.sidebar-backdrop{inset:58px 0 0 0}.content{padding:10px}.dashboard-columns{grid-template-columns:1fr;gap:10px}.metric-group:last-child{grid-column:auto}.dashboard-strip{gap:7px}.bar-chart{height:220px;overflow-x:auto;grid-template-columns:repeat(12,42px);justify-content:start}.chart-legend{justify-content:flex-start}.filter-grid{grid-template-columns:1fr}.filter-search{grid-column:auto}.filter-buttons{display:grid;grid-template-columns:1fr 1fr}.filter-buttons button,.filter-buttons a{text-align:center}.page-head .actions{display:grid;grid-template-columns:1fr 1fr}.page-head .actions button,.page-head .actions .button-link{margin:0;text-align:center}.mobile-client-list{grid-template-columns:1fr}.table-toolbar{flex-wrap:wrap;gap:6px}.gps-row{grid-template-columns:1fr}.inline-doc{grid-template-columns:85px 1fr}}
.dashboard-columns-limited{grid-template-columns:repeat(2,minmax(0,1fr))}.single-dashboard-list{grid-template-columns:1fr}.single-dashboard-list .panel{max-width:none}
@media(max-width:700px){.dashboard-columns-limited{grid-template-columns:1fr}}
/* v0.4.0 - ficha completa de cliente */
.client-master-form{max-width:1500px;margin:0 auto}.client-tabs{display:flex;gap:0;border-bottom:1px solid var(--line);margin-bottom:0;overflow:auto;background:#fff}.client-tab{margin:0;border:1px solid var(--line);border-bottom:0;border-radius:0;background:#f8fafc;color:#334155;padding:12px 18px;white-space:nowrap;font-weight:600}.client-tab+ .client-tab{border-left:0}.client-tab.active{background:#fff;color:#15803d;border-top:3px solid var(--accent);padding-top:10px}.client-tab-panel{display:none;border-radius:0;margin-top:0;min-height:420px}.client-tab-panel.active{display:block}.client-tab-panel h2{margin-bottom:4px}.form-grid-2,.form-grid-3,.form-grid-4{display:grid;gap:14px;margin-bottom:13px}.form-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.form-grid-2 label,.form-grid-3 label,.form-grid-4 label{margin-bottom:5px}.field-button{display:flex;align-items:end}.field-button button{margin-bottom:1px}.module-placeholder{border:1px dashed #94a3b8;background:#f8fafc;color:#475569;padding:12px 14px;margin-top:18px;border-radius:6px}.subsection-title{font-size:16px;border-bottom:1px solid var(--line);padding:12px 0 8px;margin:12px 0}.switch-field{display:flex;align-items:center;padding-top:23px}.switch-field label,.automation-checks label{display:flex;gap:8px;align-items:center;font-weight:600}.switch-field input,.automation-checks input{width:auto;margin:0}.automation-checks{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:23px}.billing-override-box{border:1px solid #f4d58d;background:#fffbeb;padding:14px;margin:12px 0 16px}.billing-override-box>strong{display:block;margin-bottom:11px}.input-suffix{display:grid;grid-template-columns:90px 1fr;align-items:center;gap:7px}.input-suffix span{font-size:12px;color:var(--muted)}.sticky-form-actions{position:sticky;bottom:0;z-index:15;background:rgba(255,255,255,.96);backdrop-filter:blur(5px);border:1px solid var(--line);padding:10px 14px;display:flex;justify-content:flex-end;gap:8px;box-shadow:0 -5px 20px rgba(15,23,42,.06)}
@media(max-width:1000px){.form-grid-4{grid-template-columns:1fr 1fr}.form-grid-3{grid-template-columns:1fr 1fr}.client-master-form{max-width:none}}
@media(max-width:680px){.client-tabs{position:sticky;top:58px;z-index:20}.client-tab{padding:10px 12px;font-size:12px}.form-grid-2,.form-grid-3,.form-grid-4{grid-template-columns:1fr}.automation-checks{grid-template-columns:1fr;padding-top:5px}.switch-field{padding-top:5px}.sticky-form-actions{margin:0 -10px -10px}.client-tab-panel{padding:14px 12px}}