
:root{--bg:#f1f4f6;--ink:#193038;--muted:#64767d;--line:#dce4e7;--green:#0e192f;--dark:#0e192f}*{box-sizing:border-box}body{margin:0;font:14px system-ui,Segoe UI,sans-serif;background:var(--bg);color:var(--ink)}header{background:var(--dark);color:white;padding:22px 4%;display:flex;justify-content:space-between;gap:15px;align-items:center}header h1{font-size:23px;margin:0}header small{color:#d7e2fa}.badge{border:1px solid #6ca399;border-radius:20px;padding:6px 12px;font-size:12px}.notice{padding:10px 4%;background:#fff2d8;color:#74551c;font-size:12px}main{max-width:1360px;margin:25px auto;padding:0 25px}.toolbar,.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.toolbar{justify-content:space-between}h2{font-size:22px;margin:0 0 6px}h3{font-size:16px;margin:0 0 15px}p{line-height:1.5}.muted{color:var(--muted)}nav{display:flex;gap:7px;margin:24px 0;flex-wrap:wrap}button,.button{font:inherit;border:1px solid var(--line);background:white;color:var(--ink);border-radius:8px;padding:10px 15px;cursor:pointer}button:hover{border-color:var(--green)}button.active,button.primary{background:var(--green);color:white;border-color:var(--green)}button.danger{color:#a74438}input,select,textarea{width:100%;padding:10px;border:1px solid #cbd7db;border-radius:7px;background:white;font:inherit;color:var(--ink)}textarea{min-height:75px;resize:vertical}label{display:block;font-size:12px;font-weight:600;color:var(--muted)}label input,label select,label textarea{margin-top:6px}section{display:none}section.active{display:block}.card{background:white;border:1px solid var(--line);border-radius:12px;padding:22px;margin-bottom:18px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:20px 0}.metric{background:white;border:1px solid var(--line);border-radius:12px;padding:20px}.metric strong{display:block;font-size:28px;margin:9px 0}.metric small{color:var(--muted)}.pill{display:inline-block;border-radius:20px;padding:4px 9px;background:#e6f4ef;color:#196b58;font-size:12px}.pill.wait{background:#fff1d5;color:#87611b}.pill.gray{background:#eef1f3;color:#62727a}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:var(--muted);font-size:11px;text-transform:uppercase;background:#f7f9fa}td,th{padding:12px 10px;border-bottom:1px solid var(--line);white-space:nowrap}td.wrap{white-space:normal;min-width:200px}.full{grid-column:1/-1}.actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px;flex-wrap:wrap}.timeline{display:flex;height:25px;border-radius:6px;overflow:hidden;background:#eee;margin:15px 0}.timeline span{min-width:2px}.legend{font-size:12px;display:flex;gap:18px;flex-wrap:wrap}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px}.hint{font-size:12px;background:#f3f7f8;border-radius:7px;padding:12px;color:var(--muted)}#toast{position:fixed;bottom:22px;right:22px;background:#0e192f;color:white;border-radius:9px;padding:14px 20px;display:none;z-index:5}.bar{height:8px;background:#e7eeef;border-radius:5px;overflow:hidden}.bar i{display:block;background:var(--green);height:100%}.filelist{font-size:12px;color:var(--muted);margin-top:6px}footer{padding:25px;text-align:center;font-size:12px;color:var(--muted)}svg{width:100%;height:200px}.screenhint{margin:8px 0 18px;font-size:13px;color:var(--muted)}@media(max-width:850px){.grid,.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}header{align-items:flex-start}}@media(max-width:520px){.grid,.grid.two,.metrics{grid-template-columns:1fr}main{padding:0 12px}.card{padding:16px}header{flex-direction:column}h2{font-size:19px}}@media print{header,.notice,nav,button,.toolbar label,footer{display:none}section{display:none}section.active{display:block}.card{break-inside:avoid}body{background:white}main{margin:0;padding:0}}
.accessbar{padding:16px 4%;background:#eaf0fb;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.accessbar small{width:100%;color:#0e192f}button,input,select{min-height:44px}body.operator nav button[data-tab="overview"],body.operator nav button[data-tab="history"],body.operator nav button[data-tab="config"],body.operator #export,body.operator #import,body.operator #reset{display:none}body.operator main{max-width:1050px}body.operator header h1{font-size:24px}@media(max-width:850px){body.operator .grid{grid-template-columns:repeat(2,minmax(0,1fr))}nav{position:sticky;top:0;background:#f1f4f6;padding:10px 0;z-index:2}}@media(max-width:520px){body.operator .grid{grid-template-columns:1fr}}@media print{.accessbar{display:none}}.sector-sidebar{position:fixed;inset:0 auto 0 0;width:225px;background:#0e192f;color:#fff;z-index:10;padding:28px 16px;overflow:auto}.brand{font-weight:750;font-size:18px;line-height:1.5;padding:0 8px 24px;border-bottom:1px solid #5774ae}.brand small{display:block;font-weight:400;font-size:12px;color:#d7e2fa}.sector-links{display:grid;gap:7px;margin-top:22px}.sector-links button{border:0;text-align:left;background:transparent;color:#e2eafb;padding:14px 16px;font-size:15px;border-radius:8px}.sector-links button:hover{background:#1c2b4a}.sector-links button.selected{background:#1c2b4a;color:white;font-weight:650}.sidebar-note{display:block;color:#d7e2fa;font-size:11px;margin:26px 8px}body>header,body>.notice,body>.accessbar,body>footer{margin-left:225px}body>main{margin-left:225px;margin-right:0;max-width:none;padding:0 30px}body.operator main{max-width:none}#sectorPage{margin:25px 30px 25px 255px}#sectorPage h2{font-size:24px}#sectorPage .card h3{font-size:18px}#sectorPage .grid{grid-template-columns:repeat(2,minmax(0,1fr))}#sectorMenu{display:none}#sectorPage[hidden],main[hidden]{display:none!important}@media(max-width:1000px){.sector-sidebar{width:190px;padding:20px 12px}.brand{font-size:16px}body>header,body>.notice,body>.accessbar,body>footer,body>main{margin-left:190px}#sectorPage{margin-left:210px}}@media(max-width:700px){.sector-sidebar{transform:translateX(-100%);width:225px;transition:transform .2s}body.menu-open .sector-sidebar{transform:translateX(0)}body>header,body>.notice,body>.accessbar,body>footer,body>main{margin-left:0}body>main{padding:0 12px}#sectorPage{margin:20px 12px}#sectorPage .grid{grid-template-columns:1fr}#sectorMenu{display:block;position:fixed;right:12px;bottom:18px;background:#0e192f;color:white;z-index:11;box-shadow:0 3px 12px #0003}}@media print{.sector-sidebar,#sectorMenu,#sectorPage{display:none}body>main{margin-left:0;padding:0}}.raise-photo{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));height:175px;margin-left:225px;background:#0e192f;overflow:hidden;gap:3px}.raise-photo a{display:block;min-width:0;overflow:hidden}.raise-photo img{display:block;width:100%;height:100%;object-fit:cover}.raise-photo a:focus-visible{outline:3px solid #ffcc52;outline-offset:-3px}body>header{background:white;color:#0e192f;padding:16px 30px;border-bottom:1px solid #dce4e7}body>header small{color:#64767d}body>header .badge{border-color:#bdcce7;font-size:10px}@media(max-width:1000px){.raise-photo{margin-left:190px;height:145px}}@media(max-width:700px){.raise-photo{margin-left:0;height:120px;grid-template-columns:repeat(6,130px);overflow-x:auto}body>header{padding:15px}}@media print{.raise-photo{display:none}}.sector-group>button{width:100%;display:flex;justify-content:space-between;align-items:center}.sector-submenu{padding:4px 0 8px 10px;border-left:1px solid #5774ae;margin:0 10px}.sector-submenu button{display:block;width:100%;padding:10px;font-size:12px;line-height:1.4}.sector-submenu button.sub-selected{background:#1c2b4a;color:#fff}.sector-submenu[hidden]{display:none}.raise-photo{background:#fff;gap:0;border:0;padding:0;box-shadow:none}.raise-photo a,.raise-photo img{border:0;box-shadow:none}
/* Etapa 01: preserve layout and keep mobile controls clear of forms. */
.raise-photo{display:block;position:relative}.raise-photo>img{width:100%;height:100%;object-fit:cover;object-position:center 48%}.local-status{margin-left:225px;padding:10px 30px;background:#eaf0fb;color:#193038;display:flex;gap:12px;flex-wrap:wrap;font-size:12px}.local-status small{width:100%;color:#64767d}dialog::backdrop{background:#0e192f99}#reportAttachment{overflow-wrap:anywhere}a{color:#1b5585}@media(max-width:1000px){.local-status{margin-left:190px}}@media(max-width:700px){.local-status{margin-left:0;padding:10px 12px}#sectorMenu{position:static;display:block;margin:10px 12px;box-shadow:none;width:calc(100% - 24px)}body.menu-open #sectorMenu{position:relative;z-index:11}body.menu-open:before{content:'';position:fixed;inset:0;background:#0e192f66;z-index:9}.raise-photo{height:120px;overflow:hidden}header h1{overflow-wrap:anywhere}.toolbar>*{max-width:100%}}@media print{.local-status{display:none}}

.edit-state.unsaved{background:#fff2d8;color:#74551c}#reportAttachment button{margin:8px 8px 0 0}#reportAttachment span{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px}button:disabled{cursor:wait;opacity:.6}

.footer-version{display:block;margin-top:8px;font-size:12px;font-weight:600;color:var(--ink)}.pilot-detail{border:1px solid var(--line);border-radius:12px;width:min(92vw,850px);max-height:85vh;padding:24px;color:var(--ink)}.pilot-fields{display:grid;grid-template-columns:minmax(150px,1fr) minmax(0,2fr);gap:8px 16px}.pilot-fields dt{font-weight:600;color:var(--muted)}.pilot-fields dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.pilot-evidence{margin:16px 0;padding:12px;background:#f3f7f8;border-radius:8px}.pilot-evidence figcaption{font-weight:600;margin-bottom:8px}.pilot-evidence img{display:block;max-width:100%;max-height:280px;object-fit:contain;margin-bottom:8px}#pilotEditState.unsaved{background:#fff2d8;color:#74551c}#readings button{margin:2px}button[hidden]{display:none!important}@media(max-width:520px){.pilot-fields{grid-template-columns:1fr;gap:4px}.pilot-fields dd{margin-bottom:10px}.pilot-detail{padding:16px}}
