:root{--navy:#10233f;--navy2:#17365f;--gold:#d8a62a;--bg:#f4f7fb;--card:#fff;--text:#172033;--muted:#667085;--line:#e4e9f1;--danger:#b42318;--success:#087443;--info:#175cd3;--warn:#b54708;--radius:14px;--shadow:0 8px 28px rgba(16,35,63,.08)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text);background:var(--bg);font-size:14px}.app-shell{min-height:100vh;display:flex}.sidebar{width:260px;background:linear-gradient(180deg,var(--navy),#091729);color:#fff;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:30}.brand{height:88px;display:flex;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.09)}.brand-mark{width:42px;height:42px;border-radius:12px;background:var(--gold);display:grid;place-items:center;color:var(--navy);font-size:22px;font-weight:800}.brand strong,.brand small{display:block}.brand small{opacity:.68;margin-top:3px}.sidebar nav{padding:14px 12px;overflow-y:auto;flex:1}.sidebar nav a{display:flex;align-items:center;gap:12px;color:#dbe6f6;text-decoration:none;padding:11px 13px;border-radius:10px;margin:3px 0}.sidebar nav a:hover,.sidebar nav a.active{background:rgba(255,255,255,.11);color:#fff}.sidebar nav a.active{border-left:3px solid var(--gold)}.sidebar nav span{width:22px;text-align:center;color:#f2c14c}.sidebar-footer{padding:16px 22px;border-top:1px solid rgba(255,255,255,.09)}.sidebar-footer a{color:#fff;text-decoration:none}.main{margin-left:260px;min-width:0;flex:1}.topbar{height:88px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px;padding:15px 28px;position:sticky;top:0;z-index:20}.topbar h1{font-size:21px;margin:0}.topbar p{margin:4px 0 0;color:var(--muted)}.user-menu{margin-left:auto;text-align:right}.user-menu strong,.user-menu small{display:block}.user-menu small{color:var(--muted);margin-top:3px}.menu-toggle{display:none;border:0;background:transparent;font-size:24px}.content{padding:26px;min-height:calc(100vh - 128px)}.footer{padding:14px 26px;color:var(--muted);font-size:12px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;margin-bottom:20px}.card h2,.card h3{margin-top:0}.grid{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.metric{padding:19px}.metric small{display:block;color:var(--muted);font-weight:600}.metric strong{font-size:29px;display:block;margin:8px 0}.metric span{color:var(--muted)}.toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap}.toolbar-group{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:9px;padding:10px 14px;font-weight:700;text-decoration:none;cursor:pointer;font-size:13px}.btn-primary{background:var(--navy2);color:#fff}.btn-secondary{background:#fff;border-color:#cbd5e1;color:var(--text)}.btn-success{background:var(--success);color:#fff}.btn-danger{background:#fff1f0;border-color:#fecdca;color:var(--danger)}.btn-sm{padding:7px 10px;font-size:12px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:11px}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:12px 13px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top;white-space:nowrap}th{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#475467;background:#f8fafc}tr:last-child td{border-bottom:0}.muted{color:var(--muted)}.form-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}.field{grid-column:span 6}.field.full{grid-column:1/-1}.field.third{grid-column:span 4}.field.quarter{grid-column:span 3}.field label{display:block;margin-bottom:6px;font-weight:700;font-size:12px;color:#344054}.field input,.field select,.field textarea{width:100%;border:1px solid #cfd8e5;border-radius:9px;padding:10px 11px;background:#fff;color:var(--text);font:inherit}.field textarea{min-height:92px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:3px solid rgba(23,92,211,.12);border-color:#84adff}.help{color:var(--muted);font-size:11px;margin-top:5px}.actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}.alert{padding:12px 14px;border-radius:10px;margin-bottom:16px;border:1px solid}.alert-success{background:#ecfdf3;color:#067647;border-color:#abefc6}.alert-danger{background:#fef3f2;color:#b42318;border-color:#fecdca}.alert-warning{background:#fffaeb;color:#b54708;border-color:#fedf89}.alert-info{background:#eff8ff;color:#175cd3;border-color:#b2ddff}.badge{display:inline-block;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:800}.badge-success{background:#dcfae6;color:#067647}.badge-info{background:#eaf2ff;color:#175cd3}.badge-warning{background:#fff2d6;color:#b54708}.badge-muted{background:#eef2f6;color:#475467}.badge-danger{background:#fee4e2;color:#b42318}.pagination{display:flex;gap:5px;margin-top:15px}.pagination a{padding:7px 10px;border:1px solid var(--line);border-radius:7px;text-decoration:none;color:var(--text);background:#fff}.pagination a.active{background:var(--navy2);color:#fff}.login-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 20% 20%,#254e7f 0,#10233f 45%,#081425 100%)}.login-card{width:min(440px,100%);background:#fff;border-radius:20px;padding:32px;box-shadow:0 25px 70px rgba(0,0,0,.3)}.login-card .brand{color:var(--text);padding:0;height:auto;border:0;margin-bottom:26px}.login-card h1{font-size:23px}.login-card p{color:var(--muted)}.login-card .field{margin-bottom:14px}.login-card .btn{width:100%;margin-top:8px}.empty{text-align:center;padding:35px;color:var(--muted)}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.photo-card{border:1px solid var(--line);border-radius:11px;overflow:hidden;background:#fff}.photo-card img{width:100%;height:150px;object-fit:cover;display:block}.photo-card div{padding:10px}.map-link{font-size:12px}.progress{height:8px;border-radius:99px;background:#edf1f5;overflow:hidden}.progress span{display:block;height:100%;background:var(--navy2)}.quick-actions{display:flex;gap:10px;flex-wrap:wrap}.stat-list{list-style:none;margin:0;padding:0}.stat-list li{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:11px 0}.stat-list li:last-child{border:0}.install-wrap{max-width:780px;margin:35px auto;padding:20px}.code{font-family:Consolas,monospace;background:#f2f4f7;padding:2px 6px;border-radius:5px}.required{color:var(--danger)}
@media(max-width:1100px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.main{margin-left:0}.menu-toggle{display:block}.content{padding:18px}.topbar{padding:14px 18px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.field,.field.third,.field.quarter{grid-column:1/-1}.user-menu{display:none}}
@media(max-width:520px){.content{padding:12px}.card{padding:15px}.topbar h1{font-size:17px}.toolbar{align-items:stretch}.toolbar-group{width:100%}.toolbar .btn{flex:1}.login-card{padding:23px}}

/* Versión 2.0 */
.inline-help{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:6px;font-size:.88rem;color:#667085}
.inline-help a{font-weight:600}
.field-note{font-size:.82rem;color:#667085;margin-top:5px}
.hidden{display:none!important}
.status-explanation{padding:12px 14px;border-radius:10px;background:#f8fafc;border:1px solid #e4e7ec;margin-bottom:16px}

/* Programa de Gobierno v4 */
.pg-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.pg-tabs a,.pg-subtabs a{display:inline-flex;align-items:center;text-decoration:none;border:1px solid var(--line);background:#fff;color:var(--text);font-weight:700;border-radius:10px;padding:10px 14px}.pg-tabs a.active{background:var(--navy2);border-color:var(--navy2);color:#fff}.pg-subtabs{display:flex;gap:7px;flex-wrap:wrap;margin:-4px 0 18px}.pg-subtabs a{font-size:12px;padding:8px 11px}.pg-subtabs a.active{border-color:#98a2b3;background:#eef2f6;color:var(--navy)}.textarea-long{min-height:160px!important}.pg-readable{white-space:normal;line-height:1.6;color:#344054}.cell-wrap{white-space:normal;min-width:220px;max-width:320px;line-height:1.4}.document-current{margin-top:8px;padding:9px 11px;background:#f8fafc;border:1px solid var(--line);border-radius:8px}.document-list{display:grid;gap:9px}.document-list>div{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:#fff}.document-list a{color:var(--navy2);font-weight:700;text-decoration:none;word-break:break-word}
@media(max-width:820px){.pg-tabs a,.pg-subtabs a{flex:1;justify-content:center}.document-list>div{align-items:flex-start;flex-wrap:wrap}}

/* v5 · selector dinámico de contacto para Estructura */
.contact-picker{position:relative}.contact-results{position:absolute;z-index:50;left:0;right:0;top:calc(100% + 4px);background:#fff;border:1px solid #d0d5dd;border-radius:10px;box-shadow:0 12px 28px rgba(16,24,40,.14);max-height:320px;overflow:auto}.contact-result-item{display:flex;width:100%;flex-direction:column;gap:2px;text-align:left;padding:10px 12px;border:0;border-bottom:1px solid #eaecf0;background:#fff;cursor:pointer;color:#101828}.contact-result-item:hover{background:#f9fafb}.contact-result-item:last-child{border-bottom:0}.contact-result-item small,.contact-result-empty{color:#667085}.contact-result-empty{padding:12px}.inline-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.inline-form{display:inline}.required{color:#b42318}

/* v8 · Registro QR y jerarquía de estructura */
.qr-box{display:flex;justify-content:center;align-items:center;padding:16px;margin:12px 0 18px;background:#f8fafc;border:1px solid var(--line);border-radius:14px}.qr-box img{width:min(320px,100%);height:auto;border-radius:8px;background:#fff}.staff-hierarchy{overflow:auto;padding:4px 0}.staff-tree{list-style:none;margin:0;padding-left:28px;position:relative}.staff-tree>li{position:relative;margin:12px 0}.staff-tree>li:before{content:"";position:absolute;left:-17px;top:-12px;bottom:50%;width:16px;border-left:2px solid #d0d5dd;border-bottom:2px solid #d0d5dd;border-radius:0 0 0 8px}.staff-tree>li:last-child:after{content:"";position:absolute;left:-18px;top:28px;bottom:-14px;width:4px;background:#fff}.staff-tree-node{display:flex;flex-direction:column;gap:3px;min-width:270px;max-width:680px;padding:12px 14px;border:1px solid var(--line);border-left:4px solid var(--navy2);border-radius:10px;background:#fff;box-shadow:0 4px 14px rgba(16,35,63,.05)}.staff-tree-node span{color:#344054;font-size:12px;font-weight:700}.staff-tree-node small{color:var(--muted)}.staff-tree-node.orphan{margin:8px 0;border-left-color:var(--warn)}

/* v9 · Menú agrupado, mapa territorial y jerarquía funcional */
.nav-groups{padding:10px 10px 14px!important}.nav-group{border-bottom:1px solid rgba(255,255,255,.07);padding:4px 0}.nav-group:last-child{border-bottom:0}.nav-group summary{list-style:none;display:flex;align-items:center;gap:10px;padding:10px 11px;color:#fff;font-size:12px;font-weight:800;cursor:pointer;border-radius:9px;user-select:none}.nav-group summary::-webkit-details-marker{display:none}.nav-group summary:hover{background:rgba(255,255,255,.07)}.nav-group-icon{width:20px;text-align:center;color:#f2c14c}.nav-chevron{margin-left:auto;transition:.18s;opacity:.7}.nav-group[open] .nav-chevron{transform:rotate(180deg)}.nav-group-items{padding:2px 0 6px 9px}.sidebar .nav-group-items a{padding:9px 11px;margin:2px 0;font-size:13px}.sidebar .nav-group-items a span{width:18px}
.map-card{padding:14px}.crm-map{width:100%;height:min(70vh,680px);min-height:460px;border-radius:12px;overflow:hidden;border:1px solid var(--line)}.map-legend{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:2px 0 12px;color:#475467;font-weight:700;font-size:12px}.map-dot{display:inline-block;width:11px;height:11px;border-radius:50%;margin-right:6px;vertical-align:-1px}.map-dot-contact{background:#175cd3}.map-dot-event{background:#b54708}.crm-map-marker-wrap{background:transparent;border:0}.crm-map-marker{display:block;width:18px;height:18px;border:3px solid #fff;border-radius:50%;box-shadow:0 2px 8px rgba(16,24,40,.35)}.map-popup{display:grid;gap:4px;min-width:210px}.map-popup strong{font-size:14px}.map-popup small,.map-popup span{color:#667085}.map-popup a{margin-top:5px;font-weight:800;color:#175cd3}.leaflet-popup-content{margin:12px 14px}
.structure-tree{display:grid;gap:12px}.structure-node{border:1px solid var(--line);border-left:4px solid var(--navy2);background:#fff;border-radius:10px;padding:10px 12px;box-shadow:0 4px 14px rgba(16,35,63,.04)}.structure-node.level-2{border-left-color:#175cd3}.structure-node.level-3{border-left-color:#b54708}.structure-node.level-4{border-left-color:#087443}.structure-node-head{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.structure-node-head strong{font-size:14px}.structure-node-head small{color:var(--muted);margin-left:auto}.structure-children{display:grid;gap:10px;margin:10px 0 0 22px;padding-left:16px;border-left:2px solid #e4e7ec}.structure-level-badge{font-size:10px;text-transform:uppercase;letter-spacing:.04em;font-weight:800;padding:4px 7px;border-radius:999px;background:#eef2f6;color:#475467}
@media(max-width:820px){.crm-map{min-height:390px;height:62vh}.structure-children{margin-left:8px;padding-left:10px}.nav-group summary{padding:11px}.nav-group-items{padding-left:4px}}

/* v10 · Mapa territorial editable */
.map-toolbar{align-items:center;gap:12px}.map-editor-bar{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px 16px}.map-editor-intro{display:flex;flex-direction:column;gap:3px}.map-editor-intro span{font-size:.88rem;color:var(--muted)}.map-pending-control{display:flex;gap:8px;align-items:center;min-width:min(560px,100%)}.map-pending-control select{min-width:320px;max-width:520px}.crm-map-editable{min-height:590px}.map-crosshair{cursor:crosshair!important}.map-zone-swatch{display:inline-block;width:18px;height:12px;border:2px solid #475467;background:rgba(71,84,103,.14);border-radius:3px;vertical-align:-2px}.map-popup-button{margin-top:8px;border:0;border-radius:7px;padding:7px 10px;background:#123a6d;color:#fff;font-weight:700;cursor:pointer}.map-edit-hint{margin-top:7px;color:#667085}.map-zone-panel{margin-top:16px}.map-zone-panel[hidden]{display:none!important}.map-toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);z-index:99999;background:#172033;color:#fff;padding:10px 16px;border-radius:10px;box-shadow:0 10px 30px #0003;font-weight:700;max-width:min(560px,90vw);text-align:center}.leaflet-draw-toolbar a{box-sizing:content-box}.leaflet-edit-marker-selected{border-radius:50%}
@media(max-width:850px){.map-editor-bar{align-items:stretch;flex-direction:column}.map-pending-control{min-width:0;flex-direction:column;align-items:stretch}.map-pending-control select{min-width:0;max-width:none;width:100%}.crm-map-editable{min-height:500px}}

/* v11 · Colores de zonas, selector cartográfico en formularios y dashboard territorial */
.map-color-field{display:grid;grid-template-columns:54px minmax(110px,1fr);gap:8px;align-items:center;margin-top:6px}.map-color-field input[type=color]{width:54px;height:40px;padding:2px;border:1px solid var(--line);border-radius:8px;background:#fff}.map-color-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:lowercase}.map-zone-colors{display:flex;align-items:center;gap:5px;flex-wrap:wrap;font-size:11px;color:#667085}.map-zone-colors i{display:inline-block;width:16px;height:12px;border-radius:3px;border:1px solid #d0d5dd}.map-zone-colors i.border{background:transparent;border-width:3px}
.geo-picker-modal[hidden]{display:none!important}.geo-picker-modal{position:fixed;inset:0;z-index:10050;background:rgba(16,24,40,.66);display:grid;place-items:center;padding:20px}.geo-picker-dialog{width:min(980px,96vw);max-height:94vh;overflow:auto;background:#fff;border-radius:16px;padding:18px;box-shadow:0 26px 70px rgba(0,0,0,.28)}.geo-picker-map{height:min(62vh,620px);min-height:430px;border:1px solid var(--line);border-radius:12px;overflow:hidden;margin:10px 0}.geo-picker-readout{padding:10px 12px;background:#f8fafc;border:1px solid var(--line);border-radius:9px;color:#475467}.modal-open{overflow:hidden}
.report-kpis .card{display:grid;gap:5px}.kpi-label{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#667085}.kpi-number{font-size:30px;line-height:1;color:var(--navy)}.report-dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0}.report-chart-card{min-width:0}.report-bars{display:grid;gap:12px}.report-bar-row{display:grid;gap:5px}.report-bar-label{display:flex;justify-content:space-between;gap:12px}.report-bar-label span{font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report-bar-label strong{color:var(--navy)}.report-bar-track{height:9px;border-radius:999px;background:#eef2f6;overflow:hidden}.report-bar-track span{display:block;height:100%;background:linear-gradient(90deg,var(--navy2),#2e67a9);border-radius:999px}.report-bar-row small{color:#667085}.report-export-card{margin:16px 0}.report-filter-grid{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:12px;align-items:end}.report-filter-grid label{display:grid;gap:6px;font-weight:700;color:#344054}.report-filter-actions{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:1000px){.report-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.report-dashboard-grid{grid-template-columns:1fr}.report-filter-grid{grid-template-columns:1fr}.geo-picker-map{min-height:360px;height:55vh}.map-color-field{grid-template-columns:48px 1fr}}

/* v12 - Cumpleaños y correo automático */
.birthday-panel{border-left:4px solid #f59e0b}.birthday-panel h3{margin:0}.birthday-panel strong{line-height:1}
.crm-inline-modal{position:fixed;inset:0;z-index:12000;background:rgba(16,24,40,.68);display:grid;place-items:center;padding:18px}.crm-inline-dialog{width:min(1080px,96vw);height:min(900px,94vh);background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 26px 80px rgba(0,0,0,.3);display:flex;flex-direction:column}.crm-inline-head{height:54px;flex:0 0 54px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--line);font-size:17px}.crm-inline-frame{border:0;width:100%;height:100%;background:#fff}