:root{--navy:#14222c;--navy2:#1e303b;--ink:#1d2c35;--muted:#73818a;--gold:#bc9362;--goldlight:#efe3d3;--bg:#f4f5f3;--white:#fff;--line:#e3e6e5;--green:#327657;--red:#bc4948;--shadow:0 12px 30px rgba(27,42,50,.08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit} [hidden]{display:none!important}
.login-layout{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr)}.login-art{background:var(--navy);color:white;padding:9vh 9vw;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;overflow:hidden}.login-art:after{content:'✦';position:absolute;right:-9%;bottom:-34%;font-size:460px;color:rgba(255,255,255,.03)}.logo-emblem{width:68px;height:68px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;font-size:36px;color:var(--gold);margin-bottom:45px}.eyebrow{font-weight:750;letter-spacing:.2em;color:var(--gold);font-size:11px}.login-art h1{font:normal 58px/1.12 Georgia,serif;max-width:640px;margin:25px 0}.login-art em{color:#e7c59f}.login-art p{font-size:17px;color:#b6c0c4;max-width:480px;line-height:1.8}.login-stamp{font-size:11px;letter-spacing:.25em;color:#acb7bb;margin-top:60px}.login-card{max-width:490px;width:100%;padding:50px;align-self:center;justify-self:center}.login-card h2{font:normal 36px Georgia,serif;margin:14px 0}.login-card p{color:var(--muted);margin-bottom:36px;line-height:1.6}.login-card label{font-weight:650;display:block;margin-bottom:19px}.login-card input{display:block;width:100%;margin-top:9px;border:1px solid #dce1e2;background:#fff;padding:14px 16px;border-radius:8px;outline:0}.login-card input:focus,textarea:focus,.field input:focus,.field select:focus{border-color:var(--gold);box-shadow:0 0 0 3px #bc936226}.login-card small{display:block;text-align:center;color:var(--muted);margin-top:26px;font-size:11px;line-height:1.6}.mobile-brand{display:none}
.button{border:1px solid var(--line);background:white;border-radius:8px;padding:10px 17px;font-weight:650;color:var(--ink)}.button:hover{border-color:var(--gold)}.button.primary{background:var(--navy);border-color:var(--navy);color:white}.button.primary:hover{background:#253744}.button.gold{background:var(--gold);border-color:var(--gold);color:white}.button.block{width:100%;padding:15px}.button:disabled{opacity:.48;cursor:not-allowed}.form-error{color:var(--red);margin:-6px 0 14px;min-height:16px}
.app-shell{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr)}.sidebar{background:var(--navy);color:#ccd5d6;min-height:100vh;padding:29px 17px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.brand{display:flex;gap:13px;align-items:center;padding:0 12px}.brand-icon{width:42px;height:42px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:26px}.brand strong{display:block;color:white;letter-spacing:.15em;font-size:18px}.brand span{display:block;font-size:9px;letter-spacing:.21em;color:#99a9ad;margin-top:3px}.sidebar-tag{font-size:10px;color:var(--gold);letter-spacing:.07em;border-bottom:1px solid #374650;padding:29px 10px 27px;margin-bottom:15px}.nav-divider{font-size:10px;color:#7e929a;letter-spacing:.13em;padding:20px 12px 9px;font-weight:750}.navlink{display:flex;align-items:center;width:100%;background:none;border:none;color:#c1cbd0;padding:12px 13px;border-radius:7px;text-align:left;gap:13px;font-size:13px;margin:2px 0}.navlink span{font-size:18px;min-width:19px;text-align:center}.navlink:hover{color:white;background:#293943}.navlink.active{color:#f7e8d9;background:#34434b;border-left:3px solid var(--gold);padding-left:10px}.sidebar-bottom{margin-top:auto;padding:20px 11px 4px;border-top:1px solid #374650;color:#b2bec1;font-size:11px}.online-circle{width:7px;height:7px;border-radius:50%;display:inline-block;background:#63ae80;margin-right:5px}.side-version{font-size:10px;color:#7d929c;margin-top:8px}.workspace{min-width:0}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 44px}.crumb{font-size:11px;letter-spacing:.11em;font-weight:750;color:#839096}.crumb b{padding:0 10px;color:#ccc}.crumb span{color:#273943}.top-actions{display:flex;align-items:center;gap:20px;font-size:12px;color:#65747b}.text-button{background:none;border:0;color:var(--gold);font-weight:650}.view{max-width:1480px;margin:auto;padding:42px 44px 75px}.headline{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:32px}.eyebrow.dark{color:var(--gold)}.headline h1{font:normal 36px/1.2 Georgia,serif;margin:7px 0}.headline p{margin:0;color:var(--muted);line-height:1.7}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.heading-right{align-self:center}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:30px}.stat{background:white;border:1px solid var(--line);border-radius:11px;padding:24px;position:relative;box-shadow:0 2px 4px #14222c05}.stat .stat-label{color:var(--muted);font-size:12px;font-weight:600}.stat strong{display:block;font:normal 37px Georgia,serif;margin-top:15px}.stat .stat-hint{display:block;color:#91a0a5;font-size:11px;margin-top:9px}.stat-icon{position:absolute;right:22px;top:22px;color:var(--gold);font-size:22px}.panel{border:1px solid var(--line);border-radius:11px;background:white;padding:25px;box-shadow:0 2px 4px #14222c04;margin-bottom:18px}.panel h2{font:normal 24px Georgia,serif;margin:0 0 13px}.panel p{line-height:1.7;color:var(--muted)}.two-col{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.feature{border:1px solid var(--line);border-radius:9px;padding:18px;text-align:left;background:#fff}.feature:hover{border-color:var(--gold);background:#fdfaf7}.feature strong{display:block;font-size:14px;margin-bottom:7px}.feature span{font-size:12px;color:var(--muted)}.history{list-style:none;margin:0;padding:0}.history li{padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.history li:last-child{border:0}.history b{display:block;margin-bottom:4px}.history small{color:var(--muted)}
.searchbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:16px;margin-bottom:16px;background:#fff;border:1px solid var(--line);border-radius:9px}.searchbar input,.searchbar select{border:1px solid var(--line);padding:11px 12px;border-radius:7px;background:#fff;color:var(--ink)}.searchbar input{min-width:230px;flex:1}.searchbar .count{font-size:12px;color:var(--muted)}
.table-wrap{background:white;border:1px solid var(--line);border-radius:10px;overflow:auto}.data-table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}.data-table th{color:#7c8b93;font-size:10px;letter-spacing:.1em;text-transform:uppercase;background:#f9faf9;padding:15px 18px;border-bottom:1px solid var(--line)}.data-table td{border-bottom:1px solid #edf0f0;padding:14px 18px;font-size:12px}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr{cursor:pointer}.data-table tbody tr:hover{background:#fcf9f5}.cell-name{font-weight:750;color:var(--ink);font-size:12px}.muted{color:var(--muted)}.pill{display:inline-block;padding:5px 8px;border-radius:6px;background:#f0f1f1;color:#77848a;font-size:10px;font-weight:750}.pill.yes{background:#e2f1e9;color:var(--green)}.pill.no{background:#fbe8e7;color:var(--red)}.pill.note{background:#faf0df;color:#9a6b33}.empty{padding:40px;text-align:center;color:var(--muted)}
.drawer-backdrop{position:fixed;inset:0;background:#111b25a3;z-index:15}.drawer{position:fixed;right:0;top:0;bottom:0;width:min(710px,100vw);background:#fff;z-index:16;display:flex;flex-direction:column;box-shadow:-15px 0 55px #0003}.drawer-head{padding:22px 28px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.drawer-head h2{font:normal 26px Georgia,serif;margin:4px 0}.icon-button{background:none;border:0;font-size:26px;color:#839098}.drawer-content{overflow-y:auto;flex:1;padding:20px 28px 50px}.form-section{margin-top:26px}.form-section h3{font-size:11px;letter-spacing:.12em;color:var(--gold);border-bottom:1px solid var(--line);padding-bottom:10px;margin:0 0 16px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field label{display:block;font-weight:650;font-size:11px;margin-bottom:7px;color:#566772}.field input,.field select,.field textarea{border:1px solid #dfe4e5;padding:11px;border-radius:7px;width:100%;background:white;color:#23353e}.field textarea{resize:vertical;min-height:90px;line-height:1.6}.field.wide{grid-column:1/-1}.drawer-foot{padding:18px 28px;border-top:1px solid var(--line);background:white;display:flex;align-items:center;justify-content:space-between;gap:8px}.drawer-foot .buttons{display:flex;gap:8px;flex-wrap:wrap}.small-text{font-size:10px;color:var(--muted)}.toast{position:fixed;z-index:30;bottom:28px;right:25px;background:var(--navy);color:white;padding:14px 20px;border-radius:9px;box-shadow:var(--shadow);max-width:400px}.toast.error{background:#8e3434}
.sheet-picker{width:100%;max-width:380px;border:1px solid var(--line);padding:12px;border-radius:7px;background:white}.sheet-grid{border-collapse:separate;border-spacing:0;min-width:max-content;font-size:11px}.sheet-grid th{position:sticky;top:0;background:#e9eeee;z-index:2}.sheet-grid td,.sheet-grid th{border-right:1px solid #e4e8e8;border-bottom:1px solid #e4e8e8;padding:7px 10px;max-width:270px;min-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:31px}.sheet-grid td:first-child,.sheet-grid th:first-child{position:sticky;left:0;z-index:1;background:#f2f5f4;min-width:44px;text-align:center}.sheet-grid th:first-child{z-index:3}.sheet-grid .formula{color:#51748a}.sheet-grid .broken{background:#fff0e8;color:#a94c2e}.sheet-grid .editable-cell{cursor:cell}.sheet-grid .editable-cell:hover{background:#fff2de;outline:2px solid var(--gold);outline-offset:-2px}.sheet-container{max-height:65vh;overflow:auto;border:1px solid var(--line);border-radius:8px}.helptext{color:var(--muted);font-size:12px;line-height:1.7}.mobile-menu{display:none}.userform{display:flex;flex-wrap:wrap;gap:10px}.userform input,.userform select{padding:10px;border:1px solid var(--line);border-radius:7px;min-width:150px}.line-summary{border-left:3px solid var(--gold);padding:12px 18px;background:#f9f6ef;color:#59616b;font-size:12px;margin-bottom:18px}
@media(max-width:1000px){.app-shell{grid-template-columns:210px minmax(0,1fr)}.sidebar{padding-left:10px;padding-right:10px}.topbar{padding:0 25px}.view{padding:29px 25px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col{grid-template-columns:1fr}.login-art h1{font-size:44px}}@media(max-width:700px){.login-layout{display:block;background:white}.login-art{display:none}.login-card{padding:60px 24px}.mobile-brand{display:block;margin-bottom:50px;color:var(--gold);font-weight:750;letter-spacing:.12em}.app-shell{display:block}.sidebar{position:fixed;z-index:11;left:-265px;width:250px;transition:left .2s}.sidebar.open{left:0;box-shadow:0 0 0 100vw #1118}.mobile-menu{display:block;background:none;border:0;font-size:22px}.topbar{height:65px;padding:0 16px}.top-actions{gap:8px}.crumb{font-size:9px}.view{padding:25px 15px}.headline{display:block}.headline h1{font-size:29px}.heading-right{margin-top:18px}.stats-grid{gap:9px}.stat{padding:15px}.stat strong{font-size:28px}.stat .stat-icon{display:none}.feature-grid{grid-template-columns:1fr}.searchbar input{min-width:100%}.form-grid{grid-template-columns:1fr}.drawer-head,.drawer-content,.drawer-foot{padding-left:17px;padding-right:17px}.drawer-foot{align-items:flex-start;flex-direction:column}}
@media print{body>*:not(#printArea){display:none!important}#printArea{display:block!important;background:white;color:black;font:13px Georgia,serif;margin:0;padding:12mm}#printArea h1{font-size:22px;text-align:center}#printArea h2{font-size:18px;text-align:center}#printArea .receipt-meta{margin:32px 0}#printArea .receipt-meta p{margin:7px 0}#printArea table{width:100%;border-collapse:collapse;margin-top:25px}#printArea td,#printArea th{padding:12px;border:1px solid #aaa;text-align:left}#printArea .sign{display:flex;justify-content:space-between;gap:40px;margin-top:90px}#printArea .sign div{border-top:1px solid #777;text-align:center;padding:10px;width:45%}}

/* Portada oficial de Gestión del Cuarto de los Armaos (v0.2) */
.login-art {padding:0;background:#0b2a59;display:block;}
.login-art::after {content:none;display:none;}
.login-cover {display:block;width:100%;height:100vh;min-height:100vh;object-fit:cover;object-position:center center;}
@media(max-width:700px){.mobile-brand{font-size:12px;letter-spacing:.075em;line-height:1.6;} }