:root { --bg:#061522; --surface:#0b2235; --surface2:#102d42; --line:#21435a; --text:#eef7ff; --muted:#95aebe; --aqua:#20d9ca; --blue:#4a8cff; --warn:#ffbf4d; --bad:#ff6376; --good:#58d68d; }
* { box-sizing:border-box; } body { margin:0; font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color:var(--text); background:radial-gradient(circle at 85% 0%,#12374c 0,transparent 31rem),var(--bg); min-height:100vh; }
button,input,select,textarea { font:inherit; } button { cursor:pointer; border:0; } .app-shell{min-height:100vh}.auth{max-width:470px;margin:8vh auto;padding:1.5rem}.brand{display:flex;gap:.8rem;align-items:center}.mark{width:40px;height:40px;border-radius:12px;background:linear-gradient(145deg,var(--aqua),var(--blue));display:grid;place-items:center;color:#04121e;font-weight:900}.brand h1{font-size:1.12rem;letter-spacing:.11em;margin:0}.brand p{margin:.25rem 0 0;color:var(--muted);font-size:.84rem}.panel{margin-top:2rem;padding:1.5rem;border:1px solid var(--line);background:rgba(11,34,53,.92);border-radius:18px;box-shadow:0 28px 70px #0007}.panel h2{margin:0 0 .4rem}.sub{color:var(--muted);margin:.2rem 0 1.2rem}.field{display:grid;gap:.42rem;margin:.85rem 0}.field label{font-size:.83rem;color:#cfe3ee}.field input,.field select,.field textarea{width:100%;padding:.78rem .85rem;border-radius:10px;border:1px solid var(--line);background:#071a29;color:var(--text)}.field textarea{min-height:86px;resize:vertical}.primary,.secondary,.danger{padding:.78rem 1rem;border-radius:10px;font-weight:750}.primary{background:linear-gradient(100deg,var(--aqua),#55a4ff);color:#04121e}.secondary{background:#14344b;color:var(--text);border:1px solid var(--line)}.danger{background:#4a1f2a;color:#ffdce2}.row{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap}.full{width:100%}.hint,.notice{font-size:.84rem;color:var(--muted);line-height:1.45}.notice{padding:.7rem .85rem;border-left:3px solid var(--aqua);background:#09283a;border-radius:5px}.error{color:#ff9aaa;font-size:.84rem}.layout{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{padding:1.2rem;border-right:1px solid var(--line);background:#06131f}.nav{display:grid;gap:.35rem;margin-top:2rem}.nav button{color:#bdd3df;text-align:left;padding:.75rem .8rem;background:transparent;border-radius:9px}.nav button.active,.nav button:hover{background:#123249;color:white}.userbox{margin-top:auto;padding-top:2rem;color:var(--muted);font-size:.83rem}.content{padding:clamp(1rem,3vw,2.5rem);max-width:1500px;width:100%;margin:auto}.topbar{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:1.5rem}.eyebrow{color:var(--aqua);letter-spacing:.1em;font-size:.75rem;font-weight:800}.topbar h2{margin:.2rem 0;font-size:1.65rem}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:1rem}.card{background:linear-gradient(160deg,#0d2b40,#091d2c);border:1px solid var(--line);border-radius:15px;padding:1rem}.card .value{font-size:1.8rem;font-weight:800;margin:.3rem 0}.card .label{font-size:.8rem;color:var(--muted)}.section{margin-top:1.3rem}.section-head{display:flex;justify-content:space-between;align-items:center;gap:.7rem}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:13px;background:#081b2a}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:.78rem;border-bottom:1px solid #17384d;font-size:.86rem}th{color:#9fc1d2;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;background:#0b2638}.tag{display:inline-block;padding:.25rem .5rem;border-radius:99px;font-size:.72rem;font-weight:750}.tag.good{background:#153b2c;color:#8cf0ba}.tag.warn{background:#493615;color:#ffd57a}.tag.bad{background:#4b202a;color:#ffb5c0}.tag.info{background:#173451;color:#99c7ff}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1rem}.wide{grid-column:1/-1}.modal{position:fixed;inset:0;background:#010a10c9;display:grid;place-items:center;padding:1rem;z-index:10}.modal-card{width:min(760px,100%);max-height:92vh;overflow:auto;background:#092032;border:1px solid var(--line);border-radius:18px;padding:1.3rem}.hidden{display:none!important}.camera{width:100%;max-height:260px;object-fit:cover;background:#02070b;border-radius:12px}.statusline{font-size:.85rem;color:var(--muted)}.module-checks{display:flex;gap:.6rem;flex-wrap:wrap}.module-checks label{padding:.45rem .55rem;border:1px solid var(--line);border-radius:9px;font-size:.82rem}.footer-note{color:var(--muted);font-size:.8rem;margin-top:1rem}@media (max-width:800px){.layout{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);padding:.8rem}.sidebar .brand p,.userbox{display:none}.nav{display:flex;overflow:auto;margin-top:.7rem}.nav button{white-space:nowrap}.metric-grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.content{padding:1rem}.topbar h2{font-size:1.3rem}}

/* Confirmaciones legibles de acceso y registro. */
.feedback{margin:.8rem 0 0;padding:.72rem .85rem;border-radius:10px;font-size:.85rem;line-height:1.4;border:1px solid transparent}.feedback.success{background:#103c2a;border-color:#2d9b65;color:#b8f7d2}.feedback.error{background:#451d27;border-color:#a94559;color:#ffd4dc}.feedback.pending{background:#173451;border-color:#3978b9;color:#cce5ff}

/* CENTINELA-WEB-001 · Base visual V16 y Dock lateral. */
.v16-app{min-height:100vh;background:radial-gradient(circle at 82% 0,#153c54 0,transparent 32rem),var(--bg)}.v16-header{height:auto;min-height:78px;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;border-bottom:1px solid var(--line);background:#061925e8;position:sticky;top:0;z-index:8;backdrop-filter:blur(12px)}.v16-brand{font-size:1.08rem;font-weight:900;letter-spacing:.13em;color:var(--aqua)}.v16-header p{margin:.3rem 0 0;color:var(--muted);font-size:.8rem}.v16-header-actions{display:flex;align-items:center;gap:.55rem}.dock-button{background:linear-gradient(135deg,#1d4f70,#0c2638);color:#d9f4ff;border:1px solid #39769a;border-radius:10px;padding:.7rem .62rem;font-weight:900;letter-spacing:.13em;writing-mode:vertical-rl}.v16-main{padding:1.15rem clamp(1rem,3vw,2.5rem);width:100%;transition:padding .25s}.v16-tabs{display:flex;gap:.5rem;overflow:auto;padding:0 0 1rem}.v16-tabs button{white-space:nowrap;border:1px solid var(--line);background:#0b2537;color:#c7dfeb;padding:.65rem .8rem;border-radius:10px;font-size:.8rem}.v16-tabs button.active{background:linear-gradient(100deg,#1c70a0,#2556a8);color:#fff;border-color:#4d9fc8}.v16-content{max-width:1600px;margin:auto}.v16-filters{position:fixed;z-index:20;left:0;top:0;bottom:0;width:min(355px,91vw);padding:1.05rem;background:#071b2aee;border-right:1px solid #28536b;box-shadow:18px 0 60px #0009;overflow:auto;transform:translateX(-103%);transition:transform .28s ease;backdrop-filter:blur(16px)}.v16-filters.is-open{transform:translateX(0)}.filter-head{display:flex;justify-content:space-between;gap:.8rem;align-items:start;margin-bottom:1.1rem}.filter-head b{display:block;font-size:1rem}.filter-head small{display:block;color:var(--muted);font-size:.72rem;margin-top:.22rem}.filter-block{display:grid;gap:.4rem;margin:.8rem 0}.filter-block label{font-size:.78rem;color:#cfe3ee;font-weight:700}.filter-block select,.filter-block input{width:100%;background:#0b273a;color:#eaf7ff;border:1px solid #315d77;border-radius:9px;padding:.64rem}.filter-block select{min-height:38px}.dimension-toggle{display:grid;grid-template-columns:repeat(4,1fr);gap:.3rem}.dimension-toggle button{padding:.45rem .2rem;border-radius:7px;background:#15364b;color:#a9cadb;border:1px solid #2a586f;font-size:.72rem}.dimension-toggle button.active{background:#2678a3;color:#fff}.clear-dark{width:100%;padding:.67rem;background:#08121b;color:#f1f8ff;border:1px solid #42677a;border-radius:9px;font-weight:800}.filter-foot{margin-top:1rem;padding:.75rem;background:#0c2b3d;border-radius:10px;display:grid;gap:.2rem}.filter-foot span{font-size:.75rem;color:var(--muted)}.v16-title{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;padding:1rem 0}.v16-title span:first-child{color:var(--aqua);font-size:.76rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.v16-title h2{margin:.25rem 0}.v16-title p{margin:0;color:var(--muted);max-width:760px}.v16-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.v16-metrics article,.v16-empty{background:linear-gradient(145deg,#0d2d42,#081c2a);border:1px solid var(--line);border-radius:14px;padding:1rem}.v16-metrics small,.v16-metrics span{display:block;color:var(--muted);font-size:.78rem}.v16-metrics strong{display:block;margin:.35rem 0;font-size:1.35rem}.v16-empty{margin-top:1rem;min-height:235px}.v16-empty h3{margin-top:0}.v16-empty p{max-width:660px;color:var(--muted);line-height:1.55}@media(max-width:720px){.v16-header{padding:.8rem}.v16-header p{display:none}.v16-main{padding:1rem}.v16-metrics{grid-template-columns:1fr}.v16-header-actions .secondary{display:none}}

/* Dock independiente y temas globales. */
.dock-notch{position:fixed;left:0;top:23vh;z-index:35;writing-mode:vertical-rl;letter-spacing:.16em;font-weight:900;padding:.95rem .5rem;border:1px solid #4582a5;border-left:0;border-radius:0 13px 13px 0;background:linear-gradient(180deg,#174c6b,#092131);color:#e8f8ff;box-shadow:8px 8px 25px #0007}.dock-notch:hover{background:linear-gradient(180deg,#2776a0,#12354a)}.theme-switch button{width:100%}
html[data-theme="light"]{--bg:#edf4f8;--surface:#ffffff;--surface2:#e6f0f6;--line:#c6d7e2;--text:#12212c;--muted:#526977;--aqua:#087f78;--blue:#176ec1;--warn:#a86500;--bad:#b62e44;--good:#13784a}html[data-theme="light"] body{background:radial-gradient(circle at 85% 0%,#ccecf1 0,transparent 31rem),var(--bg)}html[data-theme="light"] .v16-app{background:radial-gradient(circle at 82% 0%,#ccebf1 0,transparent 32rem),var(--bg)}html[data-theme="light"] .v16-header{background:#f8fcfef2}html[data-theme="light"] .v16-header p,html[data-theme="light"] .v16-title p{color:#405865}html[data-theme="light"] .v16-filters{background:#f6fbfdf2;border-color:#bcd3df;box-shadow:18px 0 50px #32596a33}html[data-theme="light"] .filter-block label,html[data-theme="light"] .filter-head small,html[data-theme="light"] .filter-foot span{color:#36515f}html[data-theme="light"] .filter-block select,html[data-theme="light"] .filter-block input{background:#fff;color:#13232d;border-color:#b6ceda}html[data-theme="light"] .dimension-toggle button{background:#e3eff5;color:#294651;border-color:#b4cad5}html[data-theme="light"] .dimension-toggle button.active{background:#247aa7;color:white}html[data-theme="light"] .filter-foot,html[data-theme="light"] .v16-metrics article,html[data-theme="light"] .v16-empty{background:linear-gradient(145deg,#fff,#edf5f8);border-color:#c5d7e2}html[data-theme="light"] .v16-tabs button{background:#fff;color:#1c3a4a;border-color:#c5d7e2}html[data-theme="light"] .v16-tabs button.active{color:#fff}html[data-theme="light"] .clear-dark{background:#08121b;color:#fff;border-color:#334f61}html[data-theme="light"] .secondary{background:#e6f0f5;color:#152c38;border-color:#bcd1db}html[data-theme="light"] .dock-notch{color:#fff}