:root{--ink:#101828;--muted:#667085;--line:#e4e7ec;--bg:#f5f7fa;--card:#fff;--brand:#155eef;--brand2:#004eeb;--danger:#d92d20;--ok:#067647;--warn:#b54708}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}header{height:68px;background:#101828;color:#fff;display:flex;align-items:center;padding:0 max(20px,calc((100vw - 1280px)/2));gap:35px;position:sticky;top:0;z-index:20;box-shadow:0 3px 15px #10182820}.brand{font-weight:750;font-size:19px;white-space:nowrap}.brand span,.logo{display:inline-grid;place-items:center;background:linear-gradient(135deg,#2e90fa,#155eef);color:#fff;border-radius:10px;width:38px;height:38px;margin-right:8px}header nav{display:flex;align-items:center;gap:5px;width:100%}header nav a,.link-button{border:0;background:none;color:#d0d5dd;padding:10px 11px;border-radius:8px;font:inherit;cursor:pointer}header nav a:hover,.link-button:hover{color:#fff;background:#ffffff12}header nav form{margin-left:auto}.nav-toggle{display:none;margin-left:auto;background:none;border:0;color:#fff;font-size:25px}main{max-width:1280px;margin:auto;padding:34px 22px 70px}.page-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}h1{font-size:clamp(27px,4vw,38px);line-height:1.1;margin:3px 0}h2{margin:0;font-size:20px}h3{margin:6px 0 2px;font-size:16px}.eyebrow{color:var(--brand);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:12px;margin:0}.button{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:9px 16px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);font-weight:650;cursor:pointer}.button.primary{background:var(--brand);border-color:var(--brand);color:#fff}.button.primary:hover{background:var(--brand2)}.button.small{min-height:34px;padding:5px 12px}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:25px}.stats a{background:var(--card);border:1px solid var(--line);border-radius:13px;padding:20px;box-shadow:0 1px 2px #10182808}.stats strong{display:block;font-size:30px}.stats span{color:var(--muted)}.stats .warning strong{color:var(--danger)}.stats .attention{border-color:#fdb022}.panel,.form-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:0 1px 3px #1018280a}.panel-head{display:flex;justify-content:space-between;margin-bottom:15px}.panel-head a{color:var(--brand);font-weight:650}.cards,.data-list{display:grid;gap:10px}.item-card,.data-row{background:#fff;border:1px solid var(--line);border-radius:11px;padding:15px 17px;display:flex;align-items:center;justify-content:space-between;gap:18px}.item-card:hover,.data-row:hover{border-color:#84adff;background:#f9fbff}.item-card p,.data-row p{margin:0;color:var(--muted)}.item-card small,.data-row small{text-align:right;color:var(--muted)}.badge{display:inline-flex;padding:3px 8px;border-radius:99px;background:#eef4ff;color:#3538cd;font-size:11px;font-weight:750;text-transform:uppercase}.badge.approved{background:#ecfdf3;color:var(--ok)}.badge.rejected{background:#fff4ed;color:var(--warn)}.badge.submitted{background:#fffaeb;color:#b54708}.search{display:flex;gap:10px;margin-bottom:18px}.search input{flex:1;max-width:550px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.form-grid label{font-weight:650;display:flex;flex-direction:column;gap:6px}.form-grid label:has(textarea),.form-grid label:has(input[type=file]){grid-column:1/-1}input,select,textarea{width:100%;min-height:46px;border:1px solid #d0d5dd;border-radius:9px;padding:10px 12px;background:#fff;color:var(--ink);font:inherit}textarea{min-height:110px;resize:vertical}input:focus,select:focus,textarea:focus{outline:3px solid #84adff44;border-color:#528bff}.check{flex-direction:row!important;align-items:center}.check input{width:22px;min-height:22px}.actions{display:flex;gap:10px;margin-top:24px}.field-error{color:var(--danger);font-size:13px}.photo-row{justify-content:flex-start}.photo-row img{width:95px;height:75px;object-fit:cover;border-radius:8px}.pagination{display:flex!important;justify-content:center;align-items:center;gap:14px;margin-top:20px}.messages{margin-bottom:18px}.message{padding:12px 15px;background:#ecfdf3;color:var(--ok);border-radius:9px}.message.error{background:#fef3f2;color:var(--danger)}.empty{text-align:center;color:var(--muted);padding:35px}.login-shell{min-height:calc(100vh - 70px);display:grid;place-items:center}.login-card{width:min(420px,100%);background:#fff;border:1px solid var(--line);border-radius:16px;padding:35px;box-shadow:0 15px 45px #10182818}.login-card .logo{width:52px;height:52px;font-weight:800;font-size:20px}.login-card h1{margin-top:20px}.login-card>p{color:var(--muted);margin-top:0}.stack{display:grid;gap:18px;margin-top:28px}.stack label{display:grid;gap:6px;font-weight:650}
@media(max-width:900px){.stats{grid-template-columns:repeat(2,1fr)}.nav-toggle{display:block}header nav{display:none;position:absolute;top:68px;left:0;right:0;background:#101828;padding:12px 18px;flex-direction:column;align-items:stretch}.nav-open header nav{display:flex}header nav form{margin:0}.link-button{width:100%;text-align:left}.form-grid{grid-template-columns:1fr}.item-card,.data-row{align-items:flex-start}.page-head{align-items:center}}
@media(max-width:520px){main{padding:24px 14px 65px}.stats{gap:9px}.stats a{padding:14px}.stats strong{font-size:25px}.page-head{align-items:stretch;flex-direction:column}.page-head .button{width:100%}.search{display:grid}.search input{max-width:none}.panel,.form-card{padding:15px}.data-row{padding:13px;flex-direction:column}.data-row .status{align-self:flex-start}.actions{position:sticky;bottom:8px;background:#fff;padding:8px 0}.actions .button{flex:1}.login-card{padding:25px 20px}.photo-row{flex-direction:row}}

/* Interface terrain */
:root{--ink:#102a43;--muted:#627d98;--line:#d9e2ec;--bg:#f4f7f9;--brand:#087f8c;--brand2:#056873;--danger:#c62f3a;--ok:#087f5b;--warn:#c05621}
header{background:#102a43}.brand{display:flex;align-items:center}.brand .brand-text{background:none;width:auto;height:auto;margin:0}.subtitle{color:var(--muted);margin:8px 0 0}.quick-actions,.row-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.button.danger{background:#fff5f5;border-color:#feb2b2;color:var(--danger)}.button.danger:hover{background:var(--danger);color:#fff}.danger-link{color:var(--danger)!important}.section-gap{margin-top:22px}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.85fr);gap:20px}.facts{display:grid;gap:18px;margin:0}.facts-wide{grid-template-columns:repeat(2,minmax(0,1fr))}.facts>div{border-bottom:1px solid var(--line);padding-bottom:13px}.facts .full{grid-column:1/-1}.facts dt{color:var(--muted);font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.05em}.facts dd{margin:4px 0 0;font-weight:550}.map-preview{padding:0;overflow:hidden;min-height:330px}.map-preview #detail-map{height:100%;min-height:330px}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.photo-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}.photo-link{display:block;background:#e8eef3;aspect-ratio:4/3}.photo-link img{width:100%;height:100%;display:block;object-fit:cover}.photo-info{display:grid;gap:7px;padding:13px}.photo-info .badge{justify-self:start}.photo-info small{color:var(--muted)}.photo-info .row-actions a{font-weight:700;color:var(--brand);font-size:13px}.empty-state{grid-column:1/-1;text-align:center;padding:34px;border:2px dashed var(--line);border-radius:12px;color:var(--muted)}.empty-state p{margin:5px 0}.status-banner{display:flex;justify-content:space-between;gap:15px;border-radius:9px;background:#eef4ff;padding:12px 15px;margin-bottom:22px}.status-banner.active,.status-banner.approved{background:#e8f7f1;color:var(--ok)}.status-banner.fault,.status-banner.rejected{background:#fff1f2;color:var(--danger)}.status-banner.submitted,.status-banner.maintenance{background:#fff8e6;color:var(--warn)}.confirm-card{max-width:560px;margin:8vh auto;background:#fff;border:1px solid var(--line);border-radius:16px;padding:34px;text-align:center}.danger-icon{width:55px;height:55px;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;background:#fff1f2;color:var(--danger);font-size:26px;font-weight:800}.confirm-card .actions{justify-content:center}.data-row .status{display:flex;gap:10px;align-items:center}
@media(max-width:900px){.detail-grid{grid-template-columns:1fr}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.facts-wide{grid-template-columns:1fr}.facts .full{grid-column:auto}}
@media(max-width:520px){.quick-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.quick-actions .button{width:100%}.photo-grid{grid-template-columns:1fr}.photo-card{display:grid;grid-template-columns:120px 1fr}.photo-link{height:100%;aspect-ratio:auto}.stats{grid-template-columns:repeat(2,1fr)}.confirm-card{margin:4vh auto;padding:24px 17px}.confirm-card .actions{position:static;display:grid}.row-actions{width:100%}}
.kpi-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.metric-list{display:grid;gap:4px}.metric-list>div{display:flex;align-items:center;justify-content:space-between;padding:11px 4px;border-bottom:1px solid var(--line)}.metric-list strong{font-size:20px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px;border-bottom:1px solid var(--line);white-space:nowrap}th{color:var(--muted);font-size:12px;text-transform:uppercase}.text-danger{color:var(--danger);font-weight:800}.tag{display:inline-flex;padding:5px 9px;margin:3px;border-radius:7px;background:#edf8f8;color:var(--brand);font-weight:700}.form-grid ul{list-style:none;margin:0;padding:10px;border:1px solid var(--line);border-radius:9px;max-height:230px;overflow:auto}.form-grid ul label{display:flex;flex-direction:row;align-items:center;font-weight:500}.form-grid ul input{width:20px;min-height:20px;margin-right:8px}
@media(max-width:900px){.kpi-stats{grid-template-columns:repeat(2,1fr)}.kpi-grid{grid-template-columns:1fr}}
.info-banner{display:flex;gap:12px;padding:14px 17px;border:1px solid #9de2e5;background:#edfafa;border-radius:11px;color:#075c65}.info-banner span{color:#315f63}.upload-card{max-width:720px}.drop-zone{border:2px dashed #9fb3c8;border-radius:14px;padding:38px;text-align:center;background:#f8fafc}.drop-zone label{display:grid;gap:9px;font-weight:750}.drop-zone input{background:#fff}.drop-zone small{color:var(--muted);font-weight:400}.upload-icon{font-size:38px;color:var(--brand)}.spgo-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.metric-list>a{display:flex;align-items:center;justify-content:space-between;padding:11px 4px;border-bottom:1px solid var(--line)}.timeline{display:grid}.timeline-event{display:grid;grid-template-columns:115px 1fr;gap:20px;padding:16px 4px;border-bottom:1px solid var(--line)}.timeline-event time{color:var(--muted);font-size:13px}.timeline-event time strong{display:block;color:var(--ink);font-size:17px}.timeline-event h3{font-size:15px}.timeline-event p,.timeline-event small{display:block;margin:3px 0;color:var(--muted)}.badge.alarm{background:#fff1f2;color:var(--danger)}.badge.maintenance{background:#fff8e6;color:var(--warn)}.badge.test{background:#eef4ff;color:#3538cd}.notice{padding:10px;background:#fff8e6;color:var(--warn);border-radius:8px}
@media(max-width:520px){.info-banner{display:grid}.drop-zone{padding:24px 12px}.timeline-event{grid-template-columns:1fr;gap:6px}.timeline-event time strong{display:inline;margin-left:8px}}
.executive-summary{display:grid;grid-template-columns:2fr 1fr;gap:25px;background:linear-gradient(135deg,#e9f9f8,#eef4ff);border:1px solid #9edbd8;border-radius:14px;padding:22px;margin-bottom:20px}.executive-summary h2{margin:4px 0 8px}.executive-summary p{margin:0;color:#315f63}.executive-summary>div:last-child{display:grid;align-content:center;gap:6px;border-left:1px solid #9edbd8;padding-left:22px}.executive-summary>div:last-child span{color:var(--muted);font-size:12px;text-transform:uppercase;font-weight:750}.event-head{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.state-label{font-size:12px;font-weight:750;color:var(--muted)}.timeline-event{border-left:4px solid transparent;padding-left:14px}.timeline-event.event-alert{border-left-color:var(--danger);background:#fffafa}.timeline-event.event-restored{border-left-color:var(--ok);background:#f8fffb}.timeline-event.event-periodic{border-left-color:#6172f3}.raw-event{font-style:italic}.channel-info{padding:7px 9px;background:#edf8f8;border-radius:6px;color:#246b70!important}
@media(max-width:700px){.executive-summary{grid-template-columns:1fr}.executive-summary>div:last-child{border-left:0;border-top:1px solid #9edbd8;padding:14px 0 0}}
.follow-up-form{display:grid;grid-template-columns:180px minmax(260px,1fr) 210px auto auto;align-items:end;gap:12px;padding:16px;background:#f7fafc;border:1px solid var(--line);border-radius:12px;margin-bottom:22px}.follow-up-form>div{display:grid;gap:5px}.follow-up-form label{font-size:12px;font-weight:750;color:var(--muted)}.follow-up-form textarea{min-height:76px}.follow-check{display:flex!important;flex-direction:row;align-items:center;padding-bottom:12px}.follow-check input{width:20px;min-height:20px}.follow-up-list{display:grid}.follow-up-item{display:grid;grid-template-columns:15px 1fr;gap:12px;padding:17px 4px;border-bottom:1px solid var(--line)}.follow-marker{width:11px;height:11px;margin-top:7px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 4px #dff4f3}.follow-body p{margin:9px 0}.follow-body small{color:var(--muted)}.follow-meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.follow-meta time{margin-left:auto;color:var(--muted);font-size:12px}.follow-up-item.is-blocker .follow-marker{background:var(--danger);box-shadow:0 0 0 4px #ffe4e6}.follow-up-item.is-complete{opacity:.7}.completed-label{font-size:12px;font-weight:750;color:var(--ok)}.follow-body .row-actions{margin-top:9px}.mobile-action-bar{display:none}
@media(max-width:1100px){header{gap:15px}header nav a,.link-button{padding:9px 7px;font-size:13px}.follow-up-form{grid-template-columns:1fr 1fr}.follow-content{grid-column:1/-1}.follow-up-form .button{align-self:end}}
@media(max-width:900px){body{padding-bottom:72px}.mobile-action-bar{position:fixed;z-index:30;display:grid;grid-template-columns:repeat(4,1fr);left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--line);padding:7px max(7px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(7px,env(safe-area-inset-left));box-shadow:0 -5px 20px #102a4315}.mobile-action-bar a{display:grid;place-items:center;gap:1px;color:var(--muted);font-size:11px;font-weight:700}.mobile-action-bar span{font-size:20px;line-height:1}.mobile-action-bar .mobile-main-action{color:var(--brand)}main{padding-bottom:35px}}
@media(max-width:600px){.follow-up-form{grid-template-columns:1fr}.follow-content{grid-column:auto}.follow-up-form .button{width:100%}.follow-meta time{width:100%;margin:0}.button{min-height:48px}input,select,textarea{font-size:16px}}