:root{
  --primary:#0c4f88;--primary-2:#1267e8;--aqua:#14b8d4;--teal:#16b8a4;--violet:#8b5cf6;
  --amber:#f59e0b;--orange:#f97316;--red:#ef4444;--green:#16a34a;--ink:#111827;--text:#253143;
  --muted:#708095;--line:#dce5ed;--soft:#f4f8fb;--blue-soft:#edf5ff;--aqua-soft:#ebfafc;
  --green-soft:#eaf8ef;--amber-soft:#fff7e6;--red-soft:#fff0f0;--white:#fff;
  --shadow:0 8px 24px rgba(23,57,82,.07);--radius:14px;--sidebar:276px;--topbar:88px
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#f8fafc}
button,input,select,textarea{font:inherit}
button{color:inherit}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(20,184,212,.28);outline-offset:1px}
.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}
svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.primary-btn{height:44px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 18px;border:0;border-radius:9px;background:var(--primary-2);color:#fff;font-weight:750;cursor:pointer;box-shadow:0 5px 14px rgba(18,103,232,.18);text-decoration:none;transition:.18s}
.primary-btn:hover{background:#075ad1;transform:translateY(-1px)}
.primary-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}
.primary-btn svg{width:18px;height:18px}
.secondary-btn,.ghost-btn,.danger-btn{height:40px;padding:0 14px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--text);font-weight:700;cursor:pointer}
.secondary-btn:hover,.ghost-btn:hover{border-color:#a9c7df;background:var(--blue-soft)}
.danger-btn{color:var(--red);border-color:#ffcaca}
.link-btn{border:0;background:transparent;color:var(--primary-2);font-weight:750;cursor:pointer;padding:4px}
.icon-button{width:42px;height:42px;display:grid;place-items:center;border:1px solid transparent;background:#fff;border-radius:10px;cursor:pointer}
.icon-button:hover{background:var(--blue-soft);border-color:#dceafb}
.water-logo{width:58px;height:58px;display:grid;place-items:center;border:2px solid currentColor;color:var(--primary-2);font:900 25px Georgia,serif;position:relative}
.water-logo:before{content:"";position:absolute;inset:7px;border:1px solid currentColor}
.water-logo.small{width:42px;height:42px;font-size:18px}
.water-logo.has-image{border:0;background:#fff;border-radius:9px;overflow:hidden}.water-logo.has-image:before{display:none}.water-logo.has-image img{width:100%;height:100%;object-fit:contain}
.eyebrow{display:inline-block;color:#a9dffa;font-size:11px;font-weight:850;letter-spacing:.15em}.eyebrow.blue{color:var(--primary-2)}

/* Login */
.login-body{background:#fff}
.login-layout{min-height:100vh;display:grid;grid-template-columns:minmax(520px,1.05fr) minmax(480px,.95fr)}
.login-story{min-height:100vh;display:flex;flex-direction:column;padding:48px 7vw;color:#fff;background:#0c4f88;position:relative;overflow:hidden}
.login-story:before,.login-story:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.13);border-radius:50%}
.login-story:before{width:620px;height:620px;right:-280px;bottom:-260px}.login-story:after{width:340px;height:340px;right:-110px;bottom:-90px}
.story-mark{display:flex;align-items:center;gap:14px;font-size:18px;letter-spacing:.02em;z-index:1}.story-mark .water-logo{color:#fff;width:48px;height:48px;font-size:19px}
.story-copy{max-width:650px;margin:auto 0;position:relative;z-index:1}
.story-copy h1{max-width:630px;margin:16px 0 20px;font-size:clamp(40px,4vw,65px);line-height:1.05;letter-spacing:-.04em}
.story-copy>p{max-width:580px;margin:0;color:#d9ecf8;font-size:18px;line-height:1.65}
.story-stats{display:flex;gap:48px;margin-top:52px}.story-stats article{display:grid;gap:5px}.story-stats strong{font-size:27px}.story-stats span{color:#b9d8e9;font-size:13px}
.login-story>small{color:#b9d8e9;z-index:1}
.login-panel{display:grid;place-items:center;padding:45px;background:#fff}
.login-card{width:min(440px,100%)}.mobile-brand{display:none}
.login-card h2{margin:12px 0 8px;font-size:34px;letter-spacing:-.03em}.login-card>p{margin:0 0 32px;color:var(--muted);line-height:1.5}
.login-card>label,.install-card label,.modal-form label{display:grid;gap:8px;margin:17px 0;color:#334155;font-size:13px;font-weight:700}
.input-wrap{height:50px;display:flex;align-items:center;gap:10px;padding:0 13px;border:1px solid var(--line);border-radius:10px;background:#fff}
.input-wrap:focus-within{border-color:var(--aqua);box-shadow:0 0 0 3px rgba(20,184,212,.11)}
.input-wrap i{color:#94a3b8;font-style:normal}.input-wrap input,.input-wrap select{flex:1;border:0;outline:0;background:transparent;min-width:0}
.input-wrap button{border:0;background:transparent;color:#7b8a9b;cursor:pointer}
.login-options{display:flex;align-items:center;justify-content:space-between;margin:19px 0;font-size:13px}.login-options label{display:flex;align-items:center;gap:7px}.login-options input{accent-color:var(--primary-2)}.login-options button{border:0;background:transparent;color:var(--primary-2);font-weight:700;cursor:pointer}
.login-submit{width:100%;height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border:0;border-radius:10px;background:var(--primary-2);color:#fff;font-weight:800;cursor:pointer}.login-submit:disabled{opacity:.65}
.login-security{margin-top:20px;text-align:center;color:var(--muted);font-size:12px}.form-alert,.error-box{padding:12px 14px;border:1px solid #ffcaca;border-radius:9px;background:var(--red-soft);color:#b42318;font-size:13px}

/* Installer */
.install-body{background:#f1f6fa}.installer{min-height:100vh;display:grid;grid-template-columns:minmax(350px,.75fr) minmax(650px,1.25fr)}
.install-brand{padding:60px 6vw;display:flex;flex-direction:column;justify-content:center;color:#fff;background:var(--primary);position:sticky;top:0;height:100vh}
.install-brand .water-logo{color:#fff}.install-brand>span{margin-top:22px;font-size:12px;font-weight:800;letter-spacing:.12em}.install-brand h1{margin:25px 0 15px;font-size:44px;line-height:1.08;letter-spacing:-.04em}.install-brand p{color:#d6e8f4;line-height:1.65;font-size:16px}
.install-points{display:grid;gap:14px;margin-top:30px;color:#eaf6fb;font-size:14px}
.install-card{align-self:center;margin:45px;padding:32px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}
.install-card>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.install-card h2{margin:4px 0;font-size:27px}.install-card header small{color:var(--primary-2);font-weight:850}.secure-pill{padding:7px 10px;border-radius:20px;background:var(--green-soft);color:var(--green);font-size:11px;font-weight:800}
.requirements{display:flex;flex-wrap:wrap;gap:6px;margin:15px 0}.requirements span{padding:6px 8px;border-radius:7px;font-size:11px;font-weight:700}.requirements .ok{background:var(--green-soft);color:var(--green)}.requirements .bad{background:var(--red-soft);color:var(--red)}
.install-card h3{margin:25px 0 5px;padding-top:18px;border-top:1px solid #edf2f6;font-size:15px}.form-grid{display:grid;gap:12px}.form-grid.two{grid-template-columns:repeat(2,1fr)}.form-grid.four{grid-template-columns:1fr .6fr 1.4fr .8fr}
.install-card input,.modal-form input,.modal-form select,.modal-form textarea,.filter-control{width:100%;height:43px;padding:0 11px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text)}
.install-card label small,.modal-form label small{color:var(--muted);font-weight:500}.install-card .check-row{display:flex;grid-column:1/-1;flex-direction:row;align-items:center;padding:12px;background:var(--blue-soft);border-radius:8px}.check-row input{width:auto;height:auto;accent-color:var(--primary-2)}
.full-btn{width:100%;margin-top:10px}.install-success{min-height:430px;display:grid;place-items:center;align-content:center;text-align:center}.install-success>span{width:75px;height:75px;display:grid;place-items:center;border-radius:50%;background:var(--green-soft);color:var(--green);font-size:40px}.install-success h2{margin:20px 0 8px}

/* App shell */
.app-body{background:#f8fafc}.sidebar{position:fixed;z-index:30;inset:0 auto 0 0;width:var(--sidebar);min-height:0;display:flex;flex-direction:column;background:#fff;border-right:1px solid var(--line);overflow:hidden}
.brand-block{height:88px;flex:0 0 88px;display:flex;align-items:center;gap:13px;padding:0 22px;border-bottom:1px solid var(--line)}.brand-block>div:last-child{min-width:0;display:grid;gap:5px}.brand-block strong{overflow:hidden;text-overflow:ellipsis;color:var(--primary-2);font-size:16px;white-space:nowrap}.brand-block span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:12px}
.sidebar nav{min-height:0;flex:1 1 auto;display:grid;align-content:start;gap:3px;padding:14px 14px 8px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.sidebar nav::-webkit-scrollbar{width:0;height:0}.nav-item{min-height:34px;height:45px;flex:none;display:flex;align-items:center;gap:13px;padding:0 14px;border:0;border-radius:10px;background:transparent;color:#536176;font-size:13px;cursor:pointer;text-align:left;transition:height .16s,padding .16s,background .16s}.nav-item svg{width:21px;height:21px;flex:0 0 auto}.nav-item span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-item em{flex:0 0 auto;padding:4px 7px;border-radius:10px;background:var(--aqua-soft);color:#0b8fa5;font-size:9px;font-style:normal;font-weight:800}.nav-item:hover{background:#f3f7fb;color:var(--primary-2)}.nav-item.active{background:var(--blue-soft);color:var(--primary-2);font-weight:800}
.sidebar-bottom{position:relative;z-index:2;flex:0 0 auto;margin-top:auto;padding:14px;background:#fff;border-top:1px solid #edf2f6}.water-note{display:flex;align-items:center;gap:10px;margin-bottom:9px;padding:12px;border:1px solid #d9eef3;border-radius:10px;background:var(--aqua-soft)}.water-note>span{font-size:22px}.water-note div{display:grid;gap:2px}.water-note b{font-size:11px;color:#176878}.water-note small{font-size:9px;color:#63919a}
.logout-button{width:100%;height:45px;display:flex;align-items:center;gap:12px;padding:0 14px;border:0;border-radius:9px;background:transparent;color:#66778b;cursor:pointer}.logout-button:hover{background:var(--red-soft);color:var(--red)}
.main-shell{min-height:100vh;margin-left:var(--sidebar);display:flex;flex-direction:column}.topbar{height:var(--topbar);display:flex;align-items:center;gap:16px;padding:0 24px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.page-heading{min-width:240px;display:grid;gap:4px}.page-heading>span{font-size:22px;font-weight:850;letter-spacing:-.025em}.page-heading small{color:var(--muted);font-size:11px}
.global-search{width:min(410px,32vw);height:44px;margin-left:auto;display:flex;align-items:center;gap:10px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:#fbfdff}.global-search:focus-within{border-color:#a9c7df}.global-search svg{width:19px;color:#7a8da4}.global-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:13px}.global-search kbd{padding:3px 5px;border:1px solid #d8e2eb;border-radius:5px;color:#8a99aa;background:#f5f8fb;font-size:9px}
.notification-button{position:relative}.notification-button i{position:absolute;top:1px;right:0;width:17px;height:17px;display:grid;place-items:center;border-radius:50%;background:var(--primary-2);color:#fff;font-size:9px;font-style:normal;font-weight:800}
.profile-button{height:49px;display:flex;align-items:center;gap:9px;padding:3px 6px;border:0;background:#fff;border-radius:10px;cursor:pointer}.avatar{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#d9eff4;color:var(--primary);font-weight:850}.profile-button>span:nth-child(2){max-width:145px;display:grid;text-align:left}.profile-button b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.profile-button small{color:var(--muted);font-size:9px}.profile-button i{font-style:normal}
.brand-logo-image{width:42px;height:42px;object-fit:contain;border-radius:9px;border:1px solid var(--line);background:#fff}.avatar-image{object-fit:cover;border:2px solid #d9eff4}
.menu-button{display:none}.content{flex:1;padding:24px;max-width:1650px;width:100%;margin:0 auto}.main-shell>footer{padding:0 25px 22px;color:#8290a1;font-size:11px}
.page-loader{min-height:400px;display:grid;place-items:center;align-content:center;color:var(--muted)}.page-loader span{width:40px;height:40px;border:4px solid #ddebF3;border-top-color:var(--aqua);border-radius:50%;animation:spin .8s linear infinite}.page-loader p{font-size:12px}@keyframes spin{to{transform:rotate(360deg)}}

/* Shared pages */
.page-toolbar{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.page-toolbar .title h1{margin:0;font-size:25px;letter-spacing:-.03em}.page-toolbar .title p{margin:5px 0 0;color:var(--muted);font-size:12px}.toolbar-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card-pad{padding:18px}.card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.card-header h2{margin:0;font-size:15px}.card-header p{margin:4px 0 0;color:var(--muted);font-size:11px}
.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.kpi-card{min-height:136px;display:grid;grid-template-columns:52px 1fr;align-content:center;gap:13px;padding:17px}.kpi-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:11px;color:#fff;font-size:25px}.kpi-icon.blue{background:var(--primary-2)}.kpi-icon.aqua{background:var(--aqua)}.kpi-icon.teal{background:var(--teal)}.kpi-icon.orange{background:var(--orange)}.kpi-copy{display:grid;align-content:center}.kpi-copy span{color:#536176;font-size:12px}.kpi-copy strong{margin:7px 0;font-size:25px;letter-spacing:-.02em}.trend{font-size:10px;color:var(--muted)}.trend.up{color:var(--green)}.trend.down{color:var(--red)}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.72fr);gap:16px;margin-bottom:16px}.chart-card,.activity-card{min-height:385px}.chart-legend{display:flex;gap:14px;color:#536176;font-size:10px}.chart-legend span{display:flex;align-items:center;gap:5px}.legend-box,.legend-line{width:11px;height:11px;border-radius:2px;background:var(--primary-2)}.legend-line{height:3px;border-radius:4px;background:var(--aqua)}
.combo-chart{height:285px;display:flex;align-items:flex-end;gap:10px;padding:20px 8px 28px 38px;position:relative;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom,#fff 0,#fff 55px,#edf2f6 56px)}.chart-unit{position:absolute;top:2px;left:0;color:var(--muted);font-size:9px}.chart-group{height:100%;flex:1;display:flex;align-items:flex-end;justify-content:center;position:relative}.chart-bar{width:52%;min-width:18px;border-radius:5px 5px 2px 2px;transition:.25s;position:relative}.chart-bar:hover{filter:brightness(.93);transform:scaleX(1.06)}.chart-group label{position:absolute;bottom:-21px;color:#66778b;font-size:9px}.line-overlay{position:absolute;inset:20px 8px 28px 38px;pointer-events:none}.line-overlay polyline{fill:none;stroke:var(--aqua);stroke-width:2.5}.line-overlay circle{fill:var(--aqua);stroke:#fff;stroke-width:2}
.activity-list{display:grid}.activity-item{min-height:64px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;border-bottom:1px solid #edf2f6}.activity-item:last-child{border:0}.activity-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;font-weight:850}.activity-icon.payment{background:var(--green-soft);color:var(--green)}.activity-icon.reading{background:var(--aqua-soft);color:#0797ae}.activity-icon.alert{background:var(--amber-soft);color:var(--orange)}.activity-item b{display:block;font-size:11px}.activity-item p{margin:3px 0;color:var(--muted);font-size:9px}.activity-item time{color:var(--muted);font-size:9px}
.bottom-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.aging-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.aging-item{display:flex;gap:9px;align-items:center;padding:12px;border-right:1px solid #edf2f6}.aging-item:last-child{border:0}.aging-item>span{font-size:23px}.aging-item div{display:grid}.aging-item small{color:var(--muted);font-size:9px}.aging-item b{font-size:17px}.sector-progress{display:grid;gap:11px}.progress-row{display:grid;grid-template-columns:100px 1fr 38px;align-items:center;gap:9px;font-size:10px}.progress-track{height:7px;background:#eaf0f4;border-radius:10px;overflow:hidden}.progress-track i{display:block;height:100%;border-radius:10px}
.stat-strip{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:15px}.stat-strip article{padding:16px 18px;border-right:1px solid var(--line)}.stat-strip article:last-child{border:0}.stat-strip span{display:block;color:var(--muted);font-size:10px}.stat-strip strong{display:block;margin-top:7px;font-size:22px}

/* Cierre contable y estados financieros */
.period-alert{display:flex;align-items:center;gap:13px;margin-bottom:15px;padding:14px 16px;border:1px solid #f7d58b;border-radius:12px;background:var(--amber-soft)}.period-alert.overdue{border-color:#ffcaca;background:var(--red-soft)}.period-alert>span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--amber);color:#fff;font-weight:900}.period-alert.overdue>span{background:var(--red)}.period-alert div{flex:1}.period-alert b{font-size:13px}.period-alert p{margin:3px 0 0;color:#6b7280;font-size:10px}.period-card.attention{border-color:#f5c765;box-shadow:0 8px 24px rgba(245,158,11,.12)}.period-validation{min-height:31px;display:flex;align-items:center;gap:7px;margin:10px 0}.period-validation small{color:var(--muted);font-size:9px}.close-summary{display:flex;align-items:center;gap:12px;padding:15px;border-radius:11px}.close-summary.approved{background:var(--green-soft);color:#166534}.close-summary.observed{background:var(--amber-soft);color:#9a6500}.close-summary>span{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#fff;font-size:18px;font-weight:900}.close-summary b{font-size:13px}.close-summary p{margin:4px 0 0;font-size:10px}.close-checklist{display:grid;gap:8px;margin-top:14px}.close-checklist article{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;padding:11px;border:1px solid var(--line);border-radius:9px}.close-checklist article>span{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;font-weight:850}.close-checklist .ok>span{background:var(--green-soft);color:var(--green)}.close-checklist .pending>span{background:var(--red-soft);color:var(--red)}.close-checklist b{font-size:11px}.close-checklist p{margin:3px 0 0;color:var(--muted);font-size:9px}.hash-box{display:grid;gap:5px;margin-top:13px;padding:10px;border-radius:8px;background:#f4f8fb}.hash-box small{color:var(--muted);font-size:9px}.hash-box code{overflow-wrap:anywhere;color:#536176;font-size:9px}.financial-statement{padding:24px}.financial-statement>header{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:3px solid var(--primary-2)}.financial-statement>header span{color:var(--primary-2);font-size:9px;font-weight:850;letter-spacing:.12em}.financial-statement>header h2{margin:5px 0;font-size:23px}.financial-statement>header p{margin:0;color:var(--muted);font-size:10px}.financial-statement>header img{width:70px;height:70px;object-fit:contain}.financial-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:17px 0}.financial-totals article{padding:14px;border:1px solid var(--line);border-radius:10px;background:#fbfdff}.financial-totals span{display:block;color:var(--muted);font-size:9px}.financial-totals strong{display:block;margin-top:6px;font-size:18px}.financial-totals .balanced{border-color:#bce8c8;background:var(--green-soft);color:#166534}.financial-totals .negative{border-color:#ffcaca;background:var(--red-soft);color:#b42318}.financial-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.financial-columns.two{grid-template-columns:repeat(2,minmax(0,1fr))}.financial-columns>section{border:1px solid var(--line);border-radius:10px;overflow:hidden}.financial-columns h3{margin:0;padding:11px 13px;background:var(--blue-soft);color:var(--primary);font-size:12px}.financial-lines article{display:flex;justify-content:space-between;gap:12px;padding:8px 12px;border-bottom:1px solid #edf2f6;font-size:9px}.financial-lines article.level-1{font-size:11px;font-weight:850;background:#fbfdff}.financial-lines article.level-2{padding-left:20px;font-weight:750}.financial-lines article.level-3{padding-left:30px}.financial-lines article.level-4,.financial-lines article.level-5,.financial-lines article.level-6{padding-left:40px;color:#536176}.financial-lines article span{min-width:0}.financial-lines article b{margin-right:5px}.financial-lines article strong{white-space:nowrap}.financial-lines>p{padding:12px;color:var(--muted);font-size:10px}.financial-columns footer{display:flex;justify-content:space-between;padding:11px 13px;background:#f4f8fb;font-size:10px;font-weight:850}

/* Identidad, perfil y políticas */
.identity-layout{display:grid;grid-template-columns:240px 1fr;gap:22px}.identity-preview{min-height:285px;display:grid;place-items:center;align-content:center;gap:8px;padding:20px;border:1px solid var(--line);border-radius:12px;background:#f8fbfd;text-align:center}.identity-logo{width:110px;height:110px;display:grid;place-items:center;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.identity-logo img{max-width:94px;max-height:94px;object-fit:contain}.identity-logo span{color:var(--primary-2);font:900 45px Georgia,serif}.identity-preview small{color:var(--muted);font-size:10px}.identity-preview>i{width:70px;height:7px;border-radius:10px}.form-actions-inline{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.security-policy{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0 18px;padding:15px;border:1px solid var(--line);border-radius:11px;background:#fbfdff}.security-policy label{display:grid;gap:6px;color:#334155;font-size:10px;font-weight:700}.security-policy input[type=number]{height:40px;padding:0 10px;border:1px solid var(--line);border-radius:8px}.security-policy .check-row{align-content:center}.security-policy button{align-self:end}.profile-center{display:grid;grid-template-columns:220px 1fr;gap:22px}.profile-center>aside{display:grid;justify-items:center;align-content:start;gap:8px;padding:18px;border-radius:12px;background:#f4f8fb}.profile-photo{width:110px;height:110px;display:grid;place-items:center;border-radius:50%;overflow:hidden;background:#d9eff4;color:var(--primary);font-size:30px;font-weight:900}.profile-photo img{width:100%;height:100%;object-fit:cover}.profile-center>aside small{color:var(--muted)}.profile-upload{margin-top:8px}
@media(max-width:1050px){.financial-columns{grid-template-columns:1fr}.identity-layout,.profile-center{grid-template-columns:1fr}.security-policy{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.financial-totals,.security-policy{grid-template-columns:1fr}.period-alert{align-items:flex-start;flex-wrap:wrap}.period-alert button{width:100%}}
.filter-bar{display:flex;align-items:center;gap:9px;margin-bottom:14px;padding:10px}.filter-search{height:40px;min-width:250px;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid var(--line);border-radius:8px}.filter-search input{border:0;outline:0;min-width:0;flex:1}.filter-control{width:auto;min-width:130px}.filter-spacer{flex:1}
.table-card{overflow:hidden}.data-table{width:100%;border-collapse:collapse}.data-table th{height:44px;padding:0 13px;background:#f6f9fb;color:#65758a;text-align:left;font-size:9px;text-transform:uppercase;letter-spacing:.05em}.data-table td{height:58px;padding:8px 13px;border-top:1px solid #edf2f6;font-size:11px;vertical-align:middle}.data-table tr:hover td{background:#fbfdff}.data-table strong{font-size:11px}.cell-sub{display:block;margin-top:3px;color:var(--muted);font-size:9px}.money{font-weight:850;font-variant-numeric:tabular-nums}.badge{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:15px;font-size:9px;font-weight:800}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge.green{color:var(--green);background:var(--green-soft)}.badge.blue{color:var(--primary-2);background:var(--blue-soft)}.badge.amber{color:#b87500;background:var(--amber-soft)}.badge.red{color:var(--red);background:var(--red-soft)}.badge.gray{color:#64748b;background:#eef2f6}.action-buttons{display:flex;gap:5px}.table-action{width:31px;height:31px;display:grid;place-items:center;border:1px solid var(--line);border-radius:7px;background:#fff;cursor:pointer}.table-action:hover{border-color:#a8c9df;background:var(--blue-soft)}
.empty-table{padding:70px 20px!important;text-align:center;color:var(--muted)}.empty-table b{display:block;color:var(--text);font-size:14px;margin-bottom:5px}
.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:15px}.metric{padding:17px}.metric span{color:var(--muted);font-size:10px}.metric strong{display:block;margin:7px 0 3px;font-size:22px}.metric small{color:var(--muted);font-size:9px}
.module-tabs{display:flex;gap:5px;margin-bottom:15px;padding:5px;border:1px solid var(--line);border-radius:10px;background:#f8fafc;width:max-content}.module-tabs button{height:34px;padding:0 14px;border:0;border-radius:7px;background:transparent;color:#607186;font-size:10px;font-weight:800;cursor:pointer}.module-tabs button.active{background:#fff;color:var(--primary-2);box-shadow:0 2px 8px rgba(21,61,91,.09)}.map-link{color:var(--primary-2);font-size:10px;font-weight:800;text-decoration:none}.map-link:hover{text-decoration:underline}.timeline-list{display:grid}.timeline-list article{display:grid;grid-template-columns:18px 1fr;gap:10px;position:relative;padding-bottom:18px}.timeline-list article:not(:last-child):before{content:"";position:absolute;left:5px;top:12px;bottom:0;width:2px;background:#dce8ef}.timeline-list article>i{z-index:1;width:12px;height:12px;margin-top:4px;border:3px solid #cfeff2;border-radius:50%;background:var(--teal);box-sizing:border-box}.timeline-list header{display:flex;align-items:center;justify-content:space-between}.timeline-list p{margin:5px 0;color:#536176;font-size:10px}.timeline-list small{color:var(--muted);font-size:8px}

/* Readings / Planillas */
.routes-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:15px}.route-card{padding:15px;border-left:4px solid var(--aqua)}.route-card header{display:flex;justify-content:space-between}.route-card h3{margin:0;font-size:13px}.route-card p{margin:5px 0 13px;color:var(--muted);font-size:10px}.route-card strong{font-size:20px}.route-card small{color:var(--muted);font-size:9px}
.generation-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:15px}.process-card{padding:20px}.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:30px 0}.process-step{display:grid;justify-items:center;position:relative;text-align:center}.process-step:not(:last-child):after{content:"";position:absolute;top:16px;left:58%;width:84%;height:2px;background:#dfe8ee}.process-step i{z-index:1;width:34px;height:34px;display:grid;place-items:center;border:2px solid var(--line);border-radius:50%;background:#fff;color:var(--muted);font-style:normal;font-weight:800}.process-step.done i,.process-step.active i{border-color:var(--teal);background:var(--teal);color:#fff}.process-step span{margin-top:7px;font-size:9px;font-weight:800}.process-step small{margin-top:3px;color:var(--muted);font-size:8px}
.tariff-list{display:grid}.tariff-row{min-height:62px;display:grid;grid-template-columns:5px minmax(220px,1fr) minmax(140px,auto) auto;align-items:center;gap:10px;border-bottom:1px solid #edf2f6}.tariff-row.is-disabled{opacity:.58}.tariff-row i{height:38px;border-radius:3px}.tariff-row b{font-size:11px}.tariff-row small{display:block;color:var(--muted);font-size:9px}.tariff-row strong{font-size:12px;text-align:right}.territory-dot{display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%}

/* Quick cash */
.cash-status{display:flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid #cfead8;border-radius:9px;background:var(--green-soft)}.cash-status i{width:9px;height:9px;border:3px solid #c8ebd3;border-radius:50%;background:var(--green);box-sizing:content-box}.cash-status span{display:grid}.cash-status small{color:var(--green);font-size:8px;font-weight:800}.cash-status b{font-size:10px}
.cash-status.closed{border-color:#f0d7a4;background:var(--amber-soft)}.cash-status.closed i{border-color:#f3ddb0;background:var(--amber)}.cash-status.closed small{color:#a76500}.danger-outline{border-color:#f0b8b8!important;color:var(--red)!important}.cash-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-bottom:15px;border:1px solid var(--line);border-radius:11px;background:var(--line);overflow:hidden}.cash-summary article{padding:14px;background:#fff}.cash-summary span{display:block;color:var(--muted);font-size:9px}.cash-summary strong{display:block;margin-top:5px;font-size:17px}.cash-movement-summary{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding:13px;border-radius:9px;background:var(--aqua-soft)}.cash-movement-summary span{color:#527683;font-size:10px}.cash-movement-summary strong{color:var(--primary);font-size:20px}.data-table.compact td,.data-table.compact th{padding:9px}.money.negative,.negative{color:var(--red)!important}.positive{color:var(--green)!important}.balanced{color:var(--primary-2)!important}
.cash-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.65fr);gap:15px}.cash-main{display:grid;gap:15px}.step-card{padding:20px;position:relative}.step-heading{display:flex;align-items:center;gap:11px;margin-bottom:17px}.step-heading>span{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:var(--primary);color:#fff;font-weight:850}.step-heading h2{margin:0;font-size:15px}.step-heading p{margin:3px 0 0;color:var(--muted);font-size:10px}
.mega-search{height:58px;display:flex;align-items:center;gap:12px;padding:0 15px;border:2px solid #b8d5df;border-radius:11px;background:#fbfefe}.mega-search svg{color:var(--aqua)}.mega-search input{flex:1;border:0;outline:0;background:transparent;font-size:14px}.search-results{display:grid;gap:7px;margin-top:8px}.person-result{width:100%;min-height:64px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:#fff;text-align:left;cursor:pointer}.person-result:hover{border-color:var(--aqua);background:#fbfefe}.person-result b{font-size:11px}.person-result small{display:block;margin-top:3px;color:var(--muted);font-size:9px}.person-result strong{color:var(--primary);font-size:14px}
.selected-person{display:flex;align-items:center;gap:10px;padding:12px;border-radius:10px;background:#f5f9fb}.selected-person div{flex:1}.selected-person h3{margin:0;font-size:13px}.selected-person p{margin:4px 0 0;color:var(--muted);font-size:9px}.debt-list{display:grid;margin-top:9px}.debt-row{min-height:61px;display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:8px;border-bottom:1px solid #edf2f6}.debt-row input{accent-color:var(--teal)}.debt-row b{font-size:11px}.debt-row small{display:block;margin-top:4px;color:var(--muted);font-size:9px}.debt-row strong{font-size:13px}
.payment-card{position:sticky;top:104px;height:max-content;padding:20px}.amount-box{display:grid;justify-items:center;padding:20px;border-radius:11px;background:var(--aqua-soft)}.amount-box span{color:#527683;font-size:10px}.amount-box strong{margin:5px 0;color:var(--primary);font-size:34px;letter-spacing:-.04em}.amount-box small{color:var(--muted);font-size:9px}.payment-card>label{display:block;margin:15px 0 7px;color:var(--muted);font-size:10px;font-weight:750}.payment-methods{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.payment-methods button{min-height:54px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:9px;cursor:pointer}.payment-methods button span{display:block;font-size:17px}.payment-methods button.active{border-color:var(--aqua);background:var(--aqua-soft);color:var(--primary);font-weight:800}.cash-input{width:100%;height:43px;padding:0 11px;border:1px solid var(--line);border-radius:8px}.change-box{display:flex;justify-content:space-between;margin:8px 0 14px;padding:10px;border-radius:8px;background:var(--blue-soft);font-size:11px}.pay-button{width:100%;height:48px;border:0;border-radius:10px;background:var(--teal);color:#fff;font-weight:850;cursor:pointer}.pay-button:disabled{background:#afc4ca;cursor:not-allowed}
.cash-empty{min-height:175px;display:grid;place-items:center;align-content:center;text-align:center;color:var(--muted)}.cash-empty span{font-size:30px}.cash-empty b{margin-top:8px;color:var(--text);font-size:12px}.cash-empty p{margin:5px 0;font-size:9px}
.receipt-modal{text-align:center}.receipt-check{width:70px;height:70px;display:grid;place-items:center;margin:0 auto 14px;border:8px solid var(--green-soft);box-sizing:content-box;border-radius:50%;background:var(--green);color:#fff;font-size:34px}.receipt-paper{margin-top:18px;padding:18px;border:1px dashed #9fb2bf;border-radius:9px;text-align:left}.receipt-paper header{display:flex;justify-content:space-between}.receipt-paper hr{border:0;border-top:1px dashed #bccbd4}.receipt-paper .total{display:flex;justify-content:space-between;font-size:19px}

/* SRI / Operations / Reports */
.sri-banner{display:flex;align-items:center;gap:13px;margin-bottom:15px;padding:15px 18px}.sri-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:10px;background:var(--blue-soft);color:var(--primary-2);font-weight:900}.sri-banner>div:nth-child(2){flex:1}.sri-banner h2{margin:0;font-size:14px}.sri-banner p{margin:4px 0 0;color:var(--muted);font-size:10px}.sri-summary{display:flex;gap:35px}.sri-summary span{display:grid}.sri-summary small{color:var(--muted);font-size:8px}.sri-summary b{font-size:19px}
.kanban{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:12px;align-items:start}.kanban-column>header{display:flex;justify-content:space-between;padding:8px 4px}.kanban-column>header b{font-size:11px}.kanban-column>header span{width:22px;height:22px;display:grid;place-items:center;border-radius:7px;background:#eaf0f4;font-size:9px}.ticket-card{margin-bottom:9px;padding:13px}.ticket-card header{display:flex;justify-content:space-between}.ticket-card h3{margin:11px 0 5px;font-size:12px}.ticket-card p{margin:0;color:#536176;font-size:9px;line-height:1.45}.ticket-card footer{display:flex;align-items:center;gap:7px;margin-top:12px;padding-top:9px;border-top:1px solid #edf2f6;color:var(--muted);font-size:8px}
.order-grid{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:12px}.order-card{padding:15px}.order-card>header{display:flex;align-items:center;justify-content:space-between}.order-type{padding:5px 8px;border-radius:7px;background:var(--blue-soft);color:var(--primary-2);font-size:9px;font-weight:850}.order-code{display:flex;align-items:center;justify-content:space-between;margin:14px 0 8px}.order-code b{font-size:13px}.order-code small{color:var(--muted);font-size:9px}.order-card h3{margin:0 0 4px;font-size:13px}.order-card>p{margin:0;color:var(--muted);font-size:9px}.order-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}.order-meta span{padding:9px;border-radius:8px;background:#f5f9fb}.order-meta small{display:block;color:var(--muted);font-size:8px}.order-meta b{display:block;margin-top:4px;font-size:10px}.order-note{margin-top:10px;padding:9px;border-left:3px solid var(--aqua);background:var(--aqua-soft);color:#4e6675;font-size:9px;line-height:1.45}.order-card>footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:10px;border-top:1px solid #edf2f6}.order-card>footer small{color:var(--muted);font-size:8px}.order-card>footer .primary-btn{height:31px;padding:0 10px;font-size:9px}.cash-reconcile{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:13px}.cash-reconcile div{padding:12px;border-radius:9px;background:#f4f8fb}.cash-reconcile span{display:block;color:var(--muted);font-size:8px}.cash-reconcile strong{display:block;margin-top:5px;font-size:17px}.denomination-list{display:grid;margin-bottom:13px;border:1px solid var(--line);border-radius:10px;overflow:hidden}.denomination-list header,.denomination-list label{display:grid;grid-template-columns:1fr 130px 1fr;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid #edf2f6}.denomination-list header{background:#f4f8fb;color:#607186;font-size:9px}.denomination-list label:last-child{border-bottom:0}.denomination-list label>span{font-size:10px;font-weight:800}.denomination-list input{height:33px;padding:0 8px;border:1px solid var(--line);border-radius:7px;text-align:center}.denomination-list label>strong{text-align:right;font-size:11px}
.report-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:15px}.report-chart{min-height:360px}.multibar-chart{height:280px;display:flex;align-items:flex-end;gap:15px;padding:25px 10px 30px 35px;background:repeating-linear-gradient(to bottom,#fff 0,#fff 55px,#edf2f6 56px)}.multibar-group{height:100%;flex:1;display:flex;align-items:flex-end;justify-content:center;gap:3px;position:relative}.multibar-group i{width:34%;border-radius:4px 4px 1px 1px}.multibar-group label{position:absolute;bottom:-21px;font-size:8px;color:var(--muted)}
.donut{width:170px;height:170px;margin:18px auto;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(var(--teal) 0 45%,var(--primary-2) 45% 70%,var(--violet) 70% 87%,var(--amber) 87% 100%)}.donut:after{content:"";position:absolute;inset:24px;border-radius:50%;background:#fff}.donut div{z-index:1;display:grid;text-align:center}.donut b{font-size:22px}.donut small{color:var(--muted);font-size:8px}.legend-list{display:grid;gap:9px}.legend-list span{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:9px}.legend-list i{width:8px;height:8px;border-radius:2px}.legend-list b{margin-left:auto;color:var(--text)}
.rank-list{display:grid}.rank-row{min-height:48px;display:grid;grid-template-columns:25px 105px 1fr 50px;align-items:center;gap:8px;border-bottom:1px solid #edf2f6;font-size:9px}.rank-row>span{width:21px;height:21px;display:grid;place-items:center;border-radius:6px;background:#eef3f6;font-weight:800}.rank-row .progress-track{height:6px}.rank-row strong{text-align:right}
.operation-report,.cash-close-report{display:grid}.operation-report article,.cash-close-report article{min-height:52px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #edf2f6}.operation-report article>i{width:5px;height:32px;border-radius:4px}.operation-report article>span,.cash-close-report article>span{flex:1}.operation-report b,.cash-close-report b{display:block;font-size:10px}.operation-report small,.cash-close-report small{display:block;margin-top:3px;color:var(--muted);font-size:8px}.operation-report strong,.cash-close-report strong{font-size:11px}

/* Agreements / inventory / notifications */
.inventory-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.55fr);gap:15px}.stock-alert td{background:#fffaf3}.stock-alert:hover td{background:#fff6e7!important}
.portfolio-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:15px;margin-bottom:15px}.aging-bars{display:grid;gap:12px;margin-top:15px}.aging-bars button{display:grid;gap:6px;padding:0;border:0;background:transparent;cursor:pointer;text-align:left}.aging-bars button:hover b{color:var(--primary-2)}.aging-bars span{display:flex;align-items:center;justify-content:space-between}.aging-bars b{font-size:10px}.aging-bars strong{font-size:11px}.aging-bars i{height:9px;overflow:hidden;border-radius:9px;background:#edf2f6}.aging-bars em{display:block;height:100%;border-radius:9px;transition:width .25s}.promise-list{display:grid}.promise-list article{min-height:52px;display:flex;align-items:center;gap:9px;border-bottom:1px solid #edf2f6}.promise-list article:last-child{border-bottom:0}.promise-list article>i{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px var(--green-soft)}.promise-list article>i.late{background:var(--red);box-shadow:0 0 0 4px var(--red-soft)}.promise-list article>span{flex:1}.promise-list b{display:block;font-size:10px}.promise-list small{display:block;margin-top:3px;color:var(--muted);font-size:8px}.promise-list strong{font-size:10px}.collection-timeline{display:grid;gap:0;margin-top:15px;border-top:1px solid #edf2f6}.collection-timeline article{display:grid;grid-template-columns:16px 1fr;gap:8px;padding:11px 0;border-bottom:1px solid #edf2f6}.collection-timeline i{width:9px;height:9px;margin-top:3px;border-radius:50%;background:var(--aqua);box-shadow:0 0 0 4px var(--aqua-soft)}.collection-timeline b{font-size:10px}.collection-timeline p{margin:4px 0;color:#52667c;font-size:9px;line-height:1.5}.collection-timeline small{color:var(--muted);font-size:8px}.reversal-option.selected{border-color:var(--primary-2);background:var(--blue-soft);box-shadow:0 0 0 2px rgba(23,105,232,.1)}
.permission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 0;padding:14px;border:1px solid var(--line);border-radius:10px}.permission-grid legend{padding:0 7px;color:var(--primary);font-weight:800}.permission-grid label{display:flex;align-items:center;gap:7px;font-size:10px}.permission-grid input{width:auto}
.notification-list{display:grid;gap:7px}.notification-item{width:100%;display:grid;grid-template-columns:34px 1fr;gap:10px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff;text-align:left;cursor:pointer}.notification-item:hover{border-color:#a8c9df;background:var(--blue-soft)}.notification-item.read{opacity:.62}.notification-item>span{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:var(--amber-soft);color:#b87500;font-weight:900}.notification-item>span.red{background:var(--red-soft);color:var(--red)}.notification-item>span.green{background:var(--green-soft);color:var(--green)}.notification-item>span.blue{background:var(--blue-soft);color:var(--primary-2)}.notification-item b{font-size:11px}.notification-item p{margin:4px 0;color:var(--muted);font-size:10px;line-height:1.45}.notification-item small{color:#8a99aa;font-size:8px}

/* Atención al comunero, SLA y expedientes PQR */
.metric.danger strong{color:var(--red)}.pqr-kanban{align-items:start}.pqr-card{position:relative}.pqr-card.sla-overdue{border-color:#f3b7b7;box-shadow:0 7px 18px rgba(220,38,38,.08)}.pqr-card.sla-overdue:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;border-radius:10px 0 0 10px;background:var(--red)}.pqr-type-line{display:flex;align-items:center;gap:7px}.pqr-type-line i{width:8px;height:24px;border-radius:8px;flex:none}.pqr-type-line h3{margin:0}.pqr-sla{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:10px 0;padding:7px 8px;border-radius:7px;background:var(--blue-soft);color:#47627c;font-size:8px}.pqr-sla.late{background:var(--red-soft);color:var(--red)}.pqr-empty{color:#708095;font-size:10px}.pqr-detail-head{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.pqr-detail-head>span{position:relative;min-height:67px;padding:11px;border-radius:9px;background:#f4f8fb}.pqr-detail-head>span>i{position:absolute;left:0;top:11px;bottom:11px;width:3px;border-radius:4px;background:var(--pqr-color)}.pqr-detail-head small,.pqr-detail-head b,.pqr-detail-head em{display:block}.pqr-detail-head small{margin-bottom:5px;color:var(--muted);font-size:8px}.pqr-detail-head b{font-size:10px}.pqr-detail-head em{margin-top:4px;color:var(--muted);font-size:7px;font-style:normal}.pqr-description{padding:14px;margin-bottom:13px;border:1px solid var(--line);border-radius:10px;background:#fff}.pqr-description b{font-size:10px}.pqr-description p{margin:7px 0 0;color:#52667c;font-size:10px;line-height:1.6}.pqr-timeline{margin-top:17px;padding-top:14px;border-top:1px solid var(--line)}.pqr-timeline h3{margin:0 0 11px;font-size:13px}.pqr-timeline article{position:relative;display:grid;grid-template-columns:17px 1fr;gap:8px;padding:0 0 14px}.pqr-timeline article:not(:last-child):before{content:"";position:absolute;left:5px;top:10px;bottom:-1px;width:1px;background:#d7e3ec}.pqr-timeline article>i{position:relative;z-index:1;width:11px;height:11px;margin-top:2px;border:3px solid var(--blue-soft);border-radius:50%;background:var(--primary-2)}.pqr-timeline b{font-size:10px}.pqr-timeline p{margin:4px 0;color:#52667c;font-size:9px;line-height:1.5}.pqr-timeline small{color:var(--muted);font-size:8px}.pqr-config-head{margin:20px 0 8px;padding-top:15px;border-top:1px solid var(--line)}.pqr-config-head h3{margin:0}.pqr-config-head p{margin:4px 0 0;color:var(--muted);font-size:9px}.pqr-type-list{display:grid;border:1px solid var(--line);border-radius:10px;overflow:hidden}.pqr-type-list article{display:grid;grid-template-columns:8px 1fr auto auto;align-items:center;gap:10px;min-height:55px;padding:8px 11px;border-bottom:1px solid #edf2f6}.pqr-type-list article:last-child{border-bottom:0}.pqr-type-list article.disabled{opacity:.55}.pqr-type-list article>i{height:31px;border-radius:6px}.pqr-type-list b,.pqr-type-list small{display:block}.pqr-type-list b{font-size:10px}.pqr-type-list small{margin-top:4px;color:var(--muted);font-size:8px}

/* Community charges, mingas and fines */
.community-tabs{display:flex;gap:6px;padding:7px;margin-bottom:15px;overflow-x:auto;scrollbar-width:none}.community-tabs::-webkit-scrollbar{display:none}.community-tabs button{border:0;background:transparent;color:#63728a;font-size:10px;font-weight:800;padding:10px 15px;border-radius:8px;white-space:nowrap;cursor:pointer}.community-tabs button:hover{background:#f1f6fc;color:var(--primary-2)}.community-tabs button.active{background:var(--blue-soft);color:var(--primary-2);box-shadow:inset 0 0 0 1px #d3e6ff}.primary-mini{height:28px;border:0;border-radius:7px;background:var(--primary-2);color:#fff;padding:0 10px;font-size:9px;font-weight:800;cursor:pointer}.primary-mini:hover{filter:brightness(.93)}
.community-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:15px;margin-bottom:15px}.minga-list,.concept-list{display:grid}.minga-card{min-height:72px;display:grid;grid-template-columns:10px minmax(220px,1fr) 105px auto;align-items:center;gap:11px;border-bottom:1px solid #edf2f6}.minga-card:last-child,.concept-row:last-child{border-bottom:0}.minga-card>i{width:9px;height:38px;border-radius:8px;background:var(--amber)}.minga-card>i.done{background:var(--green)}.minga-card>i.cancelled{background:var(--red)}.minga-card span b,.concept-row span b{display:block;font-size:11px}.minga-card span small,.minga-card span em,.concept-row span small{display:block;margin-top:4px;color:var(--muted);font-size:8px;font-style:normal}.minga-card>strong{font-size:12px;text-align:right}.minga-card>strong small{display:block;margin-top:3px;color:var(--muted);font-size:7px;font-weight:600}.concept-row{min-height:58px;display:grid;grid-template-columns:8px 1fr 85px auto;align-items:center;gap:10px;border-bottom:1px solid #edf2f6}.concept-row>i{width:7px;height:32px;border-radius:6px}.concept-row>strong{text-align:right;font-size:11px}.concept-row.is-disabled{opacity:.56}.attendance-tools{display:flex;gap:8px;margin-bottom:10px}.attendance-list{display:grid;border:1px solid var(--line);border-radius:10px;overflow:hidden}.attendance-list article{display:grid;grid-template-columns:minmax(190px,1fr) 135px minmax(160px,.8fr);align-items:center;gap:8px;padding:9px 11px;border-bottom:1px solid #edf2f6}.attendance-list article:last-child{border-bottom:0}.attendance-list b{display:block;font-size:10px}.attendance-list small{display:block;margin-top:3px;color:var(--muted);font-size:8px}.attendance-list select,.attendance-list input{height:35px;min-width:0;padding:0 8px;border:1px solid var(--line);border-radius:7px;background:#fff}.modal-form select[multiple]{height:160px;padding:7px}.modal-form select[multiple] option{padding:5px;border-radius:5px}

/* Accounting */
.accounting-overview{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:15px}.table-card.embedded{border:0;box-shadow:none}.entry-row{cursor:pointer}.entry-row:hover td{background:var(--blue-soft)!important}
.period-summary{display:grid}.period-summary article{min-height:54px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #edf2f6}.period-summary article:last-child{border-bottom:0}.period-summary i{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px var(--green-soft)}.period-summary i.closed{background:#7a8798;box-shadow:0 0 0 4px #edf1f4}.period-summary span{flex:1}.period-summary b{display:block;font-size:10px}.period-summary small{display:block;margin-top:3px;color:var(--muted);font-size:8px}
.entry-lines{margin:14px 0;border:1px solid var(--line);border-radius:10px;overflow:hidden}.entry-lines header,.entry-line{display:grid;grid-template-columns:1.1fr 1.3fr 110px 110px 32px;gap:7px;align-items:center;padding:8px}.entry-lines header{background:#f4f8fb;color:#627386;font-size:8px;font-weight:800}.entry-line{border-top:1px solid #edf2f6}.entry-line select,.entry-line input{height:36px;min-width:0;padding:0 8px;border:1px solid var(--line);border-radius:7px;background:#fff}.entry-line button{width:30px;height:30px;border:0;border-radius:7px;background:var(--red-soft);color:var(--red);cursor:pointer}.entry-totals{display:flex;justify-content:flex-end;gap:9px;margin-top:12px}.entry-totals span{min-width:125px;padding:10px;border-radius:8px;background:#f4f8fb;color:var(--muted);font-size:8px}.entry-totals b{display:block;margin-top:4px;color:var(--text);font-size:13px}
.entry-detail-head{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.entry-detail-head>span,.major-header>span{padding:11px;border-radius:8px;background:#f4f8fb}.entry-detail-head small,.major-header small{display:block;margin-bottom:5px;color:var(--muted);font-size:8px}.entry-detail-head b,.major-header b{font-size:11px}.major-header{display:flex;gap:10px;margin-bottom:12px}.major-header>span{flex:1}
.period-grid{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:12px}.period-card{padding:16px}.period-card header{display:flex;align-items:center;justify-content:space-between}.period-month{width:39px;height:39px;display:grid;place-items:center;border-radius:9px;background:var(--aqua-soft);color:var(--primary);font-size:10px;font-weight:900;text-transform:uppercase}.period-card h3{margin:14px 0 5px;font-size:14px}.period-card p{margin:0;color:var(--muted);font-size:9px}.period-card footer{margin-top:15px;padding-top:12px;border-top:1px solid #edf2f6}.period-card footer button{width:100%}
.data-table tfoot th{padding:12px;background:#f4f8fb;border-top:2px solid #d6e3eb;color:var(--text)}

/* Settings */
.settings-grid{display:grid;grid-template-columns:220px 1fr;gap:15px}.settings-nav{padding:9px;height:max-content}.settings-nav button{width:100%;height:43px;border:0;border-radius:8px;background:transparent;text-align:left;padding:0 11px;color:#5c6c80;cursor:pointer}.settings-nav button.active{background:var(--blue-soft);color:var(--primary-2);font-weight:800}.settings-panel{padding:20px}.settings-panel h2{margin:0 0 4px}.settings-panel>p{margin:0 0 20px;color:var(--muted);font-size:11px}
.role-cards{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:10px}.role-cards article{padding:14px;border:1px solid var(--line);border-radius:10px;background:#fff}.role-cards header,.role-cards footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.role-cards b{display:block;font-size:12px}.role-cards small,.role-cards footer span{display:block;margin-top:3px;color:var(--muted);font-size:8px}.role-cards p{min-height:32px;margin:12px 0;color:#5d6e82;font-size:9px;line-height:1.5}.role-cards footer{padding-top:10px;border-top:1px solid #edf2f6}.permission-groups{display:grid;grid-template-columns:repeat(2,minmax(250px,1fr));gap:9px;margin-top:14px}.permission-group{position:relative;display:grid;gap:6px;margin:0;padding:12px;border:1px solid var(--line);border-radius:9px}.permission-group legend{padding:0 5px;color:var(--primary-2);font-size:10px;font-weight:900}.permission-group label{display:flex;align-items:flex-start;gap:7px;color:#4f6175;font-size:9px;line-height:1.4}.permission-group input{margin-top:1px;accent-color:var(--primary-2)}.permission-group-tools{position:absolute;right:8px;top:-22px;display:flex;gap:4px}.permission-group-tools button{border:0;background:transparent;color:var(--primary-2);font-size:7px;font-weight:800;cursor:pointer}.inherit-role{display:flex;align-items:flex-start;gap:9px;margin-top:12px;padding:12px;border:1px solid #cfe1f2;border-radius:9px;background:var(--blue-soft)}.inherit-role input{margin-top:2px;accent-color:var(--primary-2)}.inherit-role b,.inherit-role small{display:block}.inherit-role b{font-size:10px}.inherit-role small{margin-top:4px;color:var(--muted);font-size:8px}
.billing-policy{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:10px;margin:14px 0;padding:14px;border:1px solid #cfe1f2;border-radius:10px;background:var(--blue-soft)}.billing-policy label{display:grid;gap:5px;color:#52667c;font-size:9px;font-weight:800}.billing-policy input{height:35px;padding:0 8px;border:1px solid var(--line);border-radius:7px;background:#fff}.billing-policy .check-row{display:flex;align-items:center;gap:7px}.billing-policy .check-row input{width:auto}.billing-policy button{align-self:end}
.action-cluster{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.mini-action{height:28px;padding:0 9px;border:1px solid #cfe0ec;border-radius:7px;background:#fff;color:var(--primary-2);font-size:9px;font-weight:800;cursor:pointer}.mini-action:hover{border-color:#8fb9d5;background:var(--blue-soft)}.security-tools{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.security-tools p{margin:7px 0 0;color:var(--muted);font-size:10px;line-height:1.6}.security-switch{display:flex;align-items:center;gap:6px;margin-top:18px;padding:7px;border:1px solid var(--line);border-bottom:0;border-radius:10px 10px 0 0;background:#f8fafc}.security-switch>button:not(.secondary-btn){height:34px;padding:0 12px;border:0;border-radius:7px;background:transparent;color:#607186;font-size:10px;font-weight:800;cursor:pointer}.security-switch>button.active{background:#fff;color:var(--primary-2);box-shadow:0 2px 8px rgba(21,61,91,.08)}.security-switch .secondary-btn{margin-left:auto}.security-callout{margin-bottom:12px;padding:13px;border:1px solid #cfe1f2;border-radius:10px;background:var(--blue-soft)}.security-callout.required{border-color:#f3d48a;background:var(--amber-soft)}.security-callout b{font-size:12px}.security-callout p{margin:5px 0 0;color:#52667c;font-size:10px;line-height:1.5}.schedule-list{display:grid;gap:7px}.schedule-row{display:grid;grid-template-columns:1fr 120px 18px 120px;align-items:center;gap:8px;padding:9px 11px;border:1px solid var(--line);border-radius:9px}.schedule-row label{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800}.schedule-row input[type=checkbox]{accent-color:var(--primary-2)}.schedule-row input[type=time]{height:36px;padding:0 8px;border:1px solid var(--line);border-radius:7px}.schedule-row>span{text-align:center;color:var(--muted);font-size:10px}
.recovery-modal .modal-body{text-align:left}.recovery-mark{width:58px;height:58px;display:grid;place-items:center;margin:0 auto 12px;border-radius:15px;background:var(--blue-soft);font-size:27px}.recovery-modal h3{text-align:center;margin:0 0 8px}.recovery-modal p,.recovery-modal li{color:#52667c;font-size:11px;line-height:1.6}.recovery-modal ol{padding-left:20px}.recovery-tip{padding:11px;border-radius:8px;background:var(--aqua-soft);color:#176878;font-size:10px;font-weight:700}

/* Modal / toast */
.modal-backdrop{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:20px;background:rgba(19,36,52,.38);animation:fade .15s}.modal{width:min(620px,100%);max-height:92vh;overflow:auto;border-radius:14px;background:#fff;box-shadow:0 24px 70px rgba(13,33,50,.25);animation:pop .18s}.modal.large{width:min(850px,100%)}.modal>header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line);background:#fff}.modal>header h2{margin:0;font-size:17px}.modal-close{width:34px;height:34px;border:0;border-radius:8px;background:#f1f5f8;cursor:pointer}.modal-body{padding:20px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--line);background:#fafcfd}.modal-form textarea{height:95px;padding:10px;resize:vertical}.modal-form .form-grid{gap:0 12px}.modal-form .check-row{display:flex;align-items:center;gap:7px}.modal-form .check-row input{width:auto}.calculation-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:14px}.calculation-summary div{padding:11px;border-radius:8px;background:#f4f8fb}.calculation-summary small{display:block;color:var(--muted);font-size:8px}.calculation-summary strong{display:block;margin-top:4px;font-size:14px}
.toast-root{position:fixed;z-index:200;right:20px;top:105px;display:grid;gap:8px}.toast{width:min(370px,calc(100vw - 40px));display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:9px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 15px 40px rgba(14,39,58,.18);animation:slide .2s}.toast>span{width:30px;height:30px;display:grid;place-items:center;border-radius:8px}.toast.success>span{background:var(--green-soft);color:var(--green)}.toast.error>span{background:var(--red-soft);color:var(--red)}.toast b{display:block;font-size:11px}.toast p{margin:3px 0 0;color:var(--muted);font-size:9px}.toast button{border:0;background:transparent;cursor:pointer}
@keyframes fade{from{opacity:0}}@keyframes pop{from{transform:scale(.97);opacity:.5}}@keyframes slide{from{transform:translateX(25px);opacity:0}}

@media(max-height:980px){
  .brand-block{height:76px;flex-basis:76px}.sidebar nav{gap:2px;padding:9px 12px 5px}.nav-item{height:40px}.water-note{display:none}.sidebar-bottom{padding:8px 12px}.logout-button{height:40px}
}
@media(max-height:820px){
  .brand-block{height:68px;flex-basis:68px;padding-top:4px;padding-bottom:4px}.brand-logo-image,.brand-block .water-logo.small{max-width:40px;max-height:40px}.sidebar nav{gap:1px;padding:7px 11px 5px}.nav-item{height:36px;gap:11px;padding:0 12px;font-size:12px}.nav-item svg{width:19px;height:19px}.water-note{display:none}.sidebar-bottom{padding:7px 11px}.logout-button{height:38px}
}
@media(max-height:700px){
  .brand-block{height:58px;flex-basis:58px;padding-left:17px;padding-right:17px}.brand-logo-image,.brand-block .water-logo.small{max-width:35px;max-height:35px}.brand-block strong{font-size:14px}.brand-block span{font-size:10px}.sidebar nav{gap:0;padding:5px 9px 3px}.nav-item{height:32px;min-height:32px;gap:10px;padding:0 11px;border-radius:8px;font-size:11.5px}.nav-item svg{width:18px;height:18px}.nav-item em{padding:3px 6px;font-size:8px}.sidebar-bottom{padding:5px 9px}.logout-button{height:36px;font-size:12px}
}
@media(max-width:1220px){
  :root{--sidebar:78px}.brand-block{padding:0 17px}.brand-block>div:last-child,.nav-item span,.nav-item em,.water-note,.logout-button span{display:none}.sidebar nav{padding:14px 10px 7px}.nav-item{justify-content:center;padding:0}.logout-button{justify-content:center}.page-heading{min-width:190px}.page-heading>span{font-size:18px}.profile-button>span:nth-child(2){display:none}.kanban{grid-template-columns:repeat(2,1fr)}.order-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){
  :root{--sidebar:min(286px,88vw)}.sidebar{transform:translateX(-105%);transition:.2s;box-shadow:15px 0 45px rgba(14,41,61,.18)}.sidebar.open{transform:translateX(0)}.brand-block>div:last-child,.nav-item span,.nav-item em,.water-note,.logout-button span{display:flex}.brand-block>div:last-child{display:grid}.nav-item{justify-content:flex-start;padding:0 15px}.logout-button{justify-content:flex-start}.sidebar-overlay{position:fixed;z-index:25;inset:0;border:0;background:rgba(15,35,52,.32)}
  .main-shell{margin-left:0}.menu-button{display:grid}.topbar{padding:0 14px}.global-search{display:none}.page-heading{min-width:0;margin-right:auto}.topbar>.primary-btn{padding:0 11px;font-size:0}.topbar>.primary-btn svg{margin:0}.profile-button{display:none}.content{padding:16px}
  .dashboard-grid,.bottom-grid,.cash-layout,.generation-layout,.report-layout,.settings-grid,.inventory-layout,.accounting-overview,.portfolio-layout,.community-grid{grid-template-columns:1fr}.kpi-grid,.routes-grid{grid-template-columns:repeat(2,1fr)}.payment-card{position:static}.report-layout>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:15px}.kanban{grid-template-columns:1fr 1fr}.order-grid{grid-template-columns:1fr}.period-grid{grid-template-columns:repeat(2,1fr)}.filter-bar{flex-wrap:wrap}.filter-spacer{display:none}.table-card{overflow:auto}.data-table{min-width:800px}
}
@media(max-width:600px){
  .pqr-detail-head{grid-template-columns:1fr 1fr}.pqr-type-list article{grid-template-columns:7px 1fr}.pqr-type-list article>.badge,.pqr-type-list article>button{grid-column:2}
  .login-layout{display:block}.login-story{display:none}.login-panel{min-height:100vh;padding:28px}.mobile-brand{display:flex;align-items:center;gap:9px;margin-bottom:50px;color:var(--primary-2)}.mobile-brand .water-logo{width:40px;height:40px;font-size:17px}.login-card h2{font-size:29px}
  .installer{display:block}.install-brand{position:static;height:auto;min-height:320px;padding:40px 25px}.install-brand h1{font-size:33px}.install-card{margin:15px;padding:20px}.form-grid.two,.form-grid.four{grid-template-columns:1fr}
  .kpi-grid,.routes-grid,.metric-grid,.security-tools,.billing-policy,.role-cards,.permission-groups{grid-template-columns:1fr}.kpi-card{min-height:108px}.stat-strip{grid-template-columns:repeat(2,1fr)}.stat-strip article:nth-child(2){border-right:0}.stat-strip article:nth-child(-n+2){border-bottom:1px solid var(--line)}.aging-grid{grid-template-columns:repeat(2,1fr)}.aging-item:nth-child(2){border-right:0}.bottom-grid{display:block}.bottom-grid>.card{margin-bottom:14px}.dashboard-grid{display:block}.dashboard-grid>.card{margin-bottom:14px}.combo-chart{gap:4px;padding-left:20px}.line-overlay{left:20px}.kanban{grid-template-columns:1fr}.report-layout>div:last-child{display:block}.report-layout>div:last-child>.card{margin-top:14px}.toolbar-actions{width:100%}.page-toolbar{align-items:flex-start;flex-direction:column}.filter-search{min-width:100%;width:100%}.sri-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.sri-banner{align-items:flex-start;flex-wrap:wrap}.payment-methods{grid-template-columns:repeat(2,1fr)}.calculation-summary{grid-template-columns:repeat(2,1fr)}.form-grid.two,.permission-grid{grid-template-columns:1fr}.schedule-row{grid-template-columns:1fr 1fr}.schedule-row>span{display:none}.cash-summary,.cash-reconcile{grid-template-columns:1fr 1fr}.module-tabs{width:100%;overflow:auto}.module-tabs button{white-space:nowrap}.denomination-list header,.denomination-list label{grid-template-columns:1fr 90px 1fr}.entry-lines{overflow:auto}.entry-lines header,.entry-line{min-width:680px}.entry-totals{display:grid}.entry-detail-head,.period-grid{grid-template-columns:1fr 1fr}.minga-card{grid-template-columns:8px 1fr}.minga-card>strong,.minga-card>.action-cluster{grid-column:2;text-align:left}.attendance-list article{grid-template-columns:1fr}.attendance-tools{flex-wrap:wrap}
}
@media(max-width:900px) and (max-height:980px){.sidebar .water-note{display:none}.sidebar-bottom{padding-top:6px;padding-bottom:6px}}

/* Expediente financiero y transaccionalidad v2.1 */
.document-link{appearance:none;background:none;border:0;padding:0;color:inherit;text-align:left;font:inherit;cursor:pointer}
.document-link:hover strong,.document-link:hover b{color:var(--primary-2);text-decoration:underline}
.document-actions{display:flex;gap:5px;align-items:center;flex-wrap:wrap;min-width:132px}
.document-actions a{text-decoration:none;display:inline-flex;align-items:center}
.document-history{margin-top:15px;max-height:430px;overflow:auto}
.document-chain{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:15px}
.document-chain article{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:11px;padding:12px;background:#f8fafc;color:var(--muted)}
.document-chain article.active{background:var(--blue-soft);border-color:#b9d7fb;color:var(--ink)}
.document-chain article>span{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#dce5ed;font-weight:800}
.document-chain article.active>span{background:var(--primary-2);color:#fff}
.document-chain article b,.document-chain article small{display:block}.document-chain article small{margin-top:3px;color:var(--muted)}
.transaction-period-bar{display:flex;align-items:center;gap:16px;padding:13px 16px;margin-bottom:14px}
.transaction-period-bar label{display:flex;align-items:center;gap:9px;font-weight:800}
.transaction-period-bar input{height:36px;border:1px solid var(--line);border-radius:9px;padding:0 11px;font:inherit;background:#fff}
.transaction-period-bar>div{display:flex;align-items:center;gap:8px;flex:1}.transaction-period-bar>div small{color:var(--muted)}
.transaction-kpis{grid-template-columns:repeat(5,1fr)}
.transaction-warning{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;margin-bottom:14px;padding:13px 15px;border:1px solid #f1cc79;border-radius:12px;background:#fff9e9}
.transaction-warning>span{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#fff0bd;color:#a86300;font-size:20px;font-weight:900}.transaction-warning b{font-size:12px;color:#744300}.transaction-warning p{margin:4px 0 0;color:#80653a;font-size:10px;line-height:1.5}
.transaction-layout,.transaction-bottom{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:15px}
.transaction-user-list,.transaction-type-list,.special-rate-list,.closure-list{display:grid;gap:8px;margin-top:12px}
.transaction-user-list article{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:10px;border:1px solid #e5edf3;border-radius:11px}
.transaction-user-list article>div b,.transaction-user-list article>div small{display:block}.transaction-user-list article>div small{color:var(--muted);margin:3px 0 7px}
.transaction-user-list article i{display:block;height:5px;background:#e7eef4;border-radius:6px;overflow:hidden}.transaction-user-list article em{display:block;height:100%;background:var(--primary-2);border-radius:6px}
.transaction-user-list article>strong{color:#0c4f88}
.transaction-type-list article{display:grid;grid-template-columns:5px 1fr auto auto;align-items:center;gap:11px;padding:10px 9px;border-bottom:1px solid #e8eef3}
.transaction-type-list article>i{width:5px;height:34px;border-radius:6px}.transaction-type-list article span b,.transaction-type-list article span small,.transaction-type-list article>strong small{display:block}
.transaction-type-list article span small,.transaction-type-list article>strong small{color:var(--muted);margin-top:3px;font-weight:500}.transaction-type-list article.is-disabled{opacity:.52}.transaction-type-list .zero-rate{padding:5px 8px;border-radius:8px;background:#fff4d7;color:#a86300}
.transaction-rate-editor{max-height:58vh;display:grid;overflow:auto;border:1px solid var(--line);border-radius:11px;scrollbar-color:#c5d5e0 transparent;scrollbar-width:thin}.transaction-rate-row{min-height:67px;display:grid;grid-template-columns:minmax(210px,1fr) 140px 112px 86px;align-items:center;gap:11px;padding:9px 12px;border-bottom:1px solid #e8eef3}.transaction-rate-row:last-child{border-bottom:0}.transaction-rate-row>span b,.transaction-rate-row>span small{display:block}.transaction-rate-row>span small{margin-top:4px;color:var(--muted);font-size:9px}.transaction-rate-row>label{margin:0}.transaction-rate-row>label:not(.compact-check){display:grid;grid-template-columns:auto 1fr;align-items:center;gap:7px;font-size:9px}.transaction-rate-row input[type=number]{height:36px}.compact-check{display:flex!important;align-items:center;gap:6px;font-size:9px!important}.compact-check input{width:auto!important;height:auto!important;accent-color:var(--primary-2)}
.table-heading{padding:15px 16px 0}.special-rate-list>span{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:center;padding:9px 10px;background:#f5f9fc;border-radius:9px}.special-rate-list small{color:var(--muted)}
.closure-row{width:100%;display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;border:1px solid #e5edf3;background:#fff;padding:10px;border-radius:10px;text-align:left;cursor:pointer}
.closure-row:hover{border-color:#9cc7f7;background:#f7fbff}.closure-row span b,.closure-row span small,.closure-row>strong small{display:block}.closure-row small{color:var(--muted);margin-top:3px}
@media(max-width:1100px){.transaction-layout,.transaction-bottom{grid-template-columns:1fr}.document-chain{grid-template-columns:1fr}.transaction-period-bar{flex-wrap:wrap}.transaction-period-bar>div{min-width:220px}.transaction-kpis{grid-template-columns:repeat(3,1fr)}.transaction-kpis article:nth-child(3){border-right:0}.transaction-rate-row{grid-template-columns:minmax(200px,1fr) 130px 105px 80px}}
@media(max-width:700px){.transaction-warning{grid-template-columns:36px 1fr}.transaction-warning button{grid-column:2}.transaction-kpis{grid-template-columns:repeat(2,1fr)}.transaction-kpis article:nth-child(3){border-right:1px solid var(--line)}.transaction-rate-row{grid-template-columns:1fr 1fr}.transaction-rate-row>span{grid-column:1/-1}}
@media(max-width:600px){.special-rate-list>span,.closure-row{grid-template-columns:1fr}.transaction-user-list article{grid-template-columns:34px 1fr}.transaction-user-list article>strong{grid-column:2}.document-history{max-height:none}}

/* Recuperación, SMTP, carga Excel y diagnóstico v2.4 */
.transaction-warning-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.transaction-diagnosis{max-height:56vh;overflow:auto}.transaction-diagnosis .badge{white-space:normal;line-height:1.35}
.special-rate-list>article{display:grid;grid-template-columns:minmax(150px,1fr) auto auto;gap:10px;align-items:center;padding:10px;border:1px solid #e5edf3;border-radius:10px;background:#f8fafc}
.special-rate-list>article>span b,.special-rate-list>article>span small,.special-rate-list>article>strong small{display:block}
.special-rate-list>article>span small,.special-rate-list>article>strong small{margin-top:3px;color:var(--muted);font-size:8px;font-weight:500}
.special-rate-list>article.zero-special{border-color:#efca73;background:#fff9e9}.special-rate-list>article.zero-special>strong{color:#a86300}
.smtp-panel{margin:18px 0;padding:17px;border:1px solid #cfe1f2;border-radius:12px;background:linear-gradient(145deg,#fbfdff,#f3f8fc)}
.smtp-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.smtp-panel h3{margin:0;font-size:14px}.smtp-panel header p{margin:5px 0 0;color:var(--muted);font-size:10px;line-height:1.5}
.smtp-status{flex:0 0 auto;padding:7px 9px;border-radius:999px;background:#edf2f6;color:#667789;font-size:9px;font-weight:900}.smtp-status.ok{background:var(--green-soft);color:var(--green)}.smtp-status.error{background:var(--red-soft);color:var(--red)}
.smtp-actions{display:flex;align-items:end;gap:9px;flex-wrap:wrap;margin-top:12px}.smtp-actions>label{min-width:230px;flex:1;margin:0}.smtp-last-test{display:block;margin-top:10px;color:var(--muted)}
.password-email-reset{text-align:center}.password-email-reset h3{margin:0 0 6px}.password-email-reset>p{max-width:470px;margin:0 auto 15px;color:#52667c;font-size:11px;line-height:1.6}.password-email-reset .security-callout{text-align:left}
.import-guide{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;margin-bottom:14px;padding:11px;border:1px solid #d8e5ee;border-radius:10px;background:#f8fbfd}.import-guide>span{width:31px;height:31px;display:grid;place-items:center;border-radius:8px;background:var(--blue-soft);color:var(--primary-2);font-weight:900}.import-guide b,.import-guide p{display:block}.import-guide p{margin:3px 0 0;color:var(--muted);font-size:8px}
.file-drop{display:grid;place-items:center;min-height:135px;padding:18px;border:2px dashed #b8ccda;border-radius:12px;background:#fbfdff;text-align:center;cursor:pointer;transition:.15s}.file-drop:hover,.file-drop.dragging{border-color:var(--primary-2);background:var(--blue-soft)}.file-drop b,.file-drop small{display:block}.file-drop b{font-size:12px}.file-drop small{margin-top:5px;color:var(--muted)}
.import-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:13px 0}.import-summary article{padding:10px;border:1px solid #dfe8ef;border-radius:9px;background:#f8fafc}.import-summary span,.import-summary strong{display:block}.import-summary span{color:var(--muted);font-size:8px}.import-summary strong{margin-top:4px;font-size:15px}.import-summary .positive{background:var(--green-soft)}.import-summary .negative{background:var(--red-soft)}
.import-preview-table,.import-history-table{max-height:330px;overflow:auto}.import-error-row{background:#fff6f4}
@media(max-width:760px){.import-guide{grid-template-columns:1fr}.import-summary{grid-template-columns:repeat(2,1fr)}.smtp-panel>header{display:block}.smtp-status{display:inline-block;margin-top:8px}.special-rate-list>article{grid-template-columns:1fr}.transaction-warning-actions{grid-column:2}}