/* KONDOMINA V5 · Vigilancia · composición aprobada · sólo frontend */
:root{--guard-bg:#18222d;--guard-card:#212d39;--guard-blue:#8cb7ec;--guard-line:#394859;color:#e8edf3;background:var(--guard-bg)}
body{background:var(--guard-bg)}.app{max-width:460px;padding:12px 13px 106px}.brand,.bottom{display:none!important}
.guard-brand{display:flex;align-items:center;gap:9px;padding:8px 0 18px;min-height:76px}.guard-brand img{height:35px;width:35px;object-fit:contain}.guard-brand-text{min-width:0;flex:1}.guard-brand-text b{display:block;letter-spacing:.2em;font-size:14px}.guard-brand-text small{font-size:8px;letter-spacing:.07em;color:#9dabbe;display:block;margin-top:4px}.guard-user{display:grid;grid-template-columns:7px auto;gap:3px 5px;align-items:center;max-width:94px}.guard-user b{font-size:11px}.guard-user small{grid-column:2;color:#9fb0c1;font-size:9px}.online,.status-dot{width:7px;height:7px;border-radius:100%;background:#48d29a;display:inline-block;box-shadow:0 0 0 3px #48d29a15}
.guard-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.guard-stat{text-align:center;min-width:0;border-radius:9px;padding:11px 2px;background:#263850}.guard-stat strong{display:block;font-size:27px;line-height:1.2;color:#a6c9f2}.guard-stat small{display:block;font-size:10px;margin-top:4px}.guard-stat.stat-1{background:#3d352b}.guard-stat.stat-1 strong{color:#eed294}.guard-stat.stat-2{background:#223d3a}.guard-stat.stat-2 strong{color:#9bd3c3}.guard-stat.stat-3{background:#452d35}.guard-stat.stat-3 strong{color:#efabb6}
.guard-status{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0}.guard-status>div,.guard-status>button{background:#253440;border:1px solid #3a4a59;border-radius:12px;padding:12px 14px;color:#dae3ef;text-align:left;min-height:63px}.guard-status>div b{margin-left:7px;font-size:14px}.guard-status small{display:block;margin:5px 0 0 18px;font-size:10px;color:#9fafbf}.guard-status button{font-weight:700;font-size:14px}.guard-status button small{margin-left:0}
.guard-services{display:grid;grid-template-columns:1fr 1fr;gap:9px}.guard-service{aspect-ratio:1.06;border:1px solid #43536a;border-radius:13px;background-size:cover;background-position:center;position:relative;color:white;text-align:left;display:flex;align-items:flex-end;justify-content:space-between;padding:12px;overflow:hidden}.guard-service b{font-size:16px;line-height:1.12;display:block;text-shadow:0 2px 4px #111a29}.guard-service small{font-size:10px;color:#d1dce7;line-height:1.2;display:block;margin-top:6px}.service-arrow{border-radius:50%;background:#60768d99;width:24px;height:24px;text-align:center;font-size:22px;flex-shrink:0;line-height:22px}.guard-quick{display:flex;justify-content:space-around;margin:20px 0}.guard-quick button{background:none;border:0;color:#c0cfde;font-size:11px;display:grid;justify-items:center;gap:4px}.guard-quick span{font-size:26px;color:#aac4e1}
.guard-bottom{position:fixed;bottom:0;left:50%;transform:translateX(-50%);z-index:10;max-width:460px;width:100%;border-top:1px solid #34465a;background:#172533;display:flex;justify-content:space-around;padding:7px 6px max(10px,env(safe-area-inset-bottom))}.guard-bottom button{border:0;background:none;color:#9eaec2;flex:1;display:grid;justify-items:center;gap:3px;min-width:0;padding:4px 1px}.guard-bottom button span{font-size:24px;line-height:1}.guard-bottom button small{font-size:9px}.guard-bottom button.selected{color:#bbd6f6}
.guard-content .back{font-size:12px;margin-bottom:10px}.guard-content h1,.guard-h1{font-size:23px;line-height:1.3;margin:3px 0}.guard-titleline{display:flex;align-items:center;justify-content:space-between}.guard-sub{color:#a4b1c2;font-size:12px;margin:4px 0 12px}.search-small,.guard-add{border:0;background:none;color:#c8d8e9;font-size:26px}.guard-strip{height:115px;border-radius:12px;background-size:cover;background-position:50% 39%;margin:12px 0}.guard-start,.guard-action-main{border:0;background:#8ebbf2;color:#1b2836;border-radius:10px;padding:13px;width:100%;font-weight:800;font-size:13px}.guard-tabs{display:flex;background:#1d2a37;border-radius:9px;overflow:hidden;margin:13px 0 12px;border-bottom:1px solid #43546a}.guard-tabs button{flex:1;border:0;background:transparent;color:#bdcadb;font-size:12px;padding:12px 7px}.guard-tabs button.on{background:#334e68;color:#e0eeff;border-bottom:2px solid #93c1f1;font-weight:750}.guard-filter{padding:9px 14px;color:#a0b4c6}.guard-search{display:flex;gap:10px;align-items:center;background:#233340;border:1px solid #405269;border-radius:10px;padding:7px 12px;margin:10px 0}.guard-search input{width:100%;padding:5px 0;background:transparent;border:0;outline:0;color:white;font-size:12px}.guard-search span{font-size:21px}.guard-row{width:100%;display:flex;text-align:left;align-items:center;gap:10px;border:0;border-bottom:1px solid #364656;background:transparent;color:#f0f3f8;padding:11px 3px}.guard-row img{width:62px;height:59px;object-fit:cover;border-radius:8px}.guard-row-copy{min-width:0;flex:1}.guard-row-copy small{display:block;color:#a3b4c6;font-size:10px}.guard-row-copy b{font-size:12px;display:block;margin:3px 0}.guard-row-copy span{color:#9daabd;font-size:10px}.guard-row em{font-style:normal;max-width:80px;font-size:9px;padding:6px;border-radius:7px;background:#304d69;color:#c9e3ff}.guard-row em.is-done{background:#264d41;color:#b5e8d1}.row-chevron{font-size:19px;color:#a0b3c7}.guard-none{text-align:center;color:#a4b0c3;padding:25px}
.guard-steps{display:flex;align-items:center;justify-content:space-between;margin:20px 0 27px;color:#8ea0b5;font-size:11px}.guard-steps span{padding:5px}.guard-steps .current{color:#a7d1ff;border-bottom:2px solid #93baf0}.guard-question{font-size:16px;margin:0 0 13px}.guard-types{display:grid;gap:12px}.guard-type{width:100%;min-height:92px;display:flex;align-items:center;gap:18px;background:#1e2a36;border:1px solid #314357;border-radius:13px;color:#e5ebf2;text-align:left;padding:17px}.guard-type.chosen{border-color:#8cbcf5;background:#20394c;box-shadow:inset 0 0 0 1px #8dbcf5}.guard-type .type-icon{font-size:30px;color:#a6c8ef;min-width:40px}.guard-type b{display:block;font-size:15px}.guard-type small{display:block;font-size:11px;color:#9cb0c5;margin-top:7px}.guard-newrows{max-height:125px;overflow:auto}.guard-newrows button{display:block;width:100%;background:none;border:0;border-bottom:1px solid #324453;text-align:left;color:#b8cadd;padding:8px;font-size:11px}.guard-note{font-size:10px;color:#9baabb}.guard-bottom-actions{display:flex;gap:9px;justify-content:space-between}.guard-bottom-actions .btn{width:auto;flex:1}
.guard-case-top{display:flex;align-items:center;justify-content:space-between}.guard-case-top .back{margin:0}.guard-case-top>span{font-size:13px;font-weight:750;letter-spacing:.06em}.guard-case-cover{height:212px;margin-top:14px;background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:space-between;border-radius:15px;padding:15px}.guard-case-cover h1{font-size:21px;color:white;margin:0 0 3px;text-shadow:0 2px 4px #101820}.guard-case-cover small{font-size:12px}.guard-case-status{align-self:flex-end;background:#3a5470d9;color:#deeeff;padding:6px 12px;border-radius:15px;font-size:11px}.guard-card,.guard-action-card{background:#24303d;border:1px solid #384a5d;padding:15px;border-radius:13px;margin:12px 0}.guard-card h3,.guard-action-card h3{font-size:14px;margin:0 0 12px}.guard-meta{display:grid;grid-template-columns:1fr 1fr;gap:15px}.guard-meta small{display:block;font-size:10px;color:#a2b0c0;margin-bottom:4px}.guard-meta b{font-size:12px}.guard-action-secondary{background:transparent;color:#c3d8ee;border:1px solid #7189a2;border-radius:9px;padding:11px 13px;width:100%;margin:10px 0}.guard-mini-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.guard-mini-actions button{background:#253748;border:1px solid #354a5d;color:#d5e2f0;font-size:25px;border-radius:10px;padding:8px}.guard-mini-actions button small{font-size:10px;display:block;margin-top:5px}.guard-action-card .fields{margin-bottom:10px}.guard-content .pics img{max-width:100%}
@media(min-width:700px){.app{box-shadow:0 0 0 1px #34475d;margin:20px auto;border-radius:18px;min-height:850px}.guard-bottom{bottom:0}}

/* Cámara opcional, sin alterar la estructura visual aprobada */
.guard-camera-button{display:block;margin-top:8px;padding:9px 14px;border:1px solid #687b90;border-radius:10px;background:#263d52;color:#eef5ff;font:inherit;cursor:pointer;width:100%;text-align:center}
.guard-camera-overlay{position:fixed;inset:0;background:rgba(5,10,18,.88);z-index:99999;display:flex;align-items:center;justify-content:center;padding:16px}
.guard-camera-panel{width:min(94vw,470px);background:#253240;border:1px solid #71839a;border-radius:18px;padding:18px;color:#fff}
.guard-camera-panel video{display:block;width:100%;max-height:65vh;object-fit:contain;background:#111;border-radius:12px}
.guard-camera-actions{display:flex;gap:10px;justify-content:space-between;margin-top:12px}
.guard-camera-actions button{padding:12px;border-radius:9px;border:1px solid #7b8da0;background:#344b62;color:white;cursor:pointer;font:inherit}
.guard-camera-actions .guard-camera-snap{background:#8bb7e8;color:#172635;font-weight:700}
.guard-camera-actions button:disabled{opacity:.5}