:root{
  --navy:#052a61;--navy-2:#063a7d;--blue:#0757c8;--blue-2:#0a63de;--ink:#061a5a;--text:#24395f;
  --muted:#687998;--line:#dce4ef;--soft:#f5f8fc;--white:#fff;--green:#108b3e;--green-bg:#edf8f0;
  --amber:#ef8a00;--amber-bg:#fff6e9;--red:#e21818;--red-bg:#fff0f0;--pending:#71809b;--pending-bg:#f0f3f7;
  --shadow:0 8px 24px rgba(4,36,86,.07);--sidebar:248px;
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--text);background:#fff}button,input,select,textarea{font:inherit}.hidden{display:none!important}button{cursor:pointer}
h1,h2,h3{color:var(--ink);margin:0}h1{font-size:28px;line-height:1.18}h2{font-size:22px}h3{font-size:16px}p{margin:.4rem 0}.muted{color:var(--muted)}
/* LOGIN */
.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(330px,28%) 1fr;background:#fff}.login-brand-panel{position:relative;overflow:hidden;background:linear-gradient(145deg,#032452 0%,#05366f 100%);color:#fff;padding:44px 42px;display:flex;flex-direction:column}.login-brand-logo{width:100%;max-width:340px;height:110px;object-fit:contain;object-position:left center;filter:brightness(1.08)}.login-product{font-size:26px;line-height:1.34;font-weight:760;margin-top:92px;letter-spacing:-.01em}.brand-accent{width:54px;height:3px;background:#1e9cff;margin:28px 0 18px}.login-section-label{font-size:20px;color:#83b8ee;font-weight:650}.login-skyline{margin-top:auto;height:230px;position:relative;color:rgba(255,255,255,.32);border-bottom:1px solid rgba(255,255,255,.18)}.skyline-plane{position:absolute;left:45px;top:78px;font-size:42px}.skyline-tower{position:absolute;left:45%;bottom:0;font-size:110px;transform:translateX(-50%)}.skyline-radar{position:absolute;right:35px;bottom:30px;font-size:56px}.skyline-cloud{position:absolute;right:20px;top:25px;width:80px;height:24px;border:1px solid rgba(255,255,255,.12);border-radius:50%}
.login-content{position:relative;display:flex;align-items:center;justify-content:center;padding:70px 44px;background:radial-gradient(circle at 70% 40%,#fafcff 0,#fff 55%)}.help-link{position:absolute;right:60px;top:52px;color:var(--blue);font-weight:650}.login-grid{width:min(1020px,100%);display:grid;grid-template-columns:1.05fr .95fr;gap:34px}.login-card,.access-card{border:1px solid #d8e1ef;border-radius:14px;background:#fff;padding:34px 36px;box-shadow:0 5px 18px rgba(4,42,97,.05)}.card-title-row{display:flex;gap:18px;align-items:flex-start}.card-title-row h1{font-size:24px}.card-title-row p{color:var(--muted)}.round-icon,.step-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#edf4ff;color:var(--blue);font-size:25px;flex:none}.login-card label,.admin-card label,.modal label{display:block;color:#13295e;font-size:14px;font-weight:700;margin:22px 0 8px}.input-wrap{position:relative}.input-wrap>span{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#54709c}.input-wrap input{padding-left:48px}.login-row{display:flex;justify-content:space-between;align-items:center;margin:18px 0}.inline-check{display:flex!important;align-items:center;gap:8px;margin:0!important;font-weight:500!important}.inline-check input,.switch-row input{width:auto}.link-muted{color:var(--blue);font-weight:650}.access-card h2{font-size:24px;margin:8px 0 32px}.access-step{display:flex;align-items:center;gap:20px;margin:20px 0;position:relative}.access-step:not(:last-of-type)::after{content:"";position:absolute;left:28px;top:56px;height:20px;border-left:2px dashed #c6d7ed}.access-note{background:#edf4ff;color:#294877;padding:18px;border-radius:10px;margin-top:30px;line-height:1.4}
/* FORMS */
input,select,textarea{width:100%;border:1px solid #cad5e5;border-radius:7px;padding:12px 14px;background:#fff;color:var(--text);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(7,87,200,.10)}textarea{resize:vertical}.btn{border:1px solid #c7d4e6;border-radius:7px;padding:10px 16px;background:#fff;color:var(--blue);font-weight:720;transition:.15s}.btn:hover{box-shadow:0 4px 12px rgba(0,49,122,.10);transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn.outline{background:#fff;border-color:var(--blue);color:var(--blue)}.btn.danger{border-color:#f1b9b9;background:#fff7f7;color:#bb1616}.btn.ghost{border-color:transparent;background:transparent}.btn.wide{width:100%;margin-top:20px}.btn.tall{padding:14px}.form-error{color:#c81818;font-size:13px;min-height:18px;margin-top:10px}
/* APP LAYOUT */
.app-shell{min-height:100vh;background:#fff}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:linear-gradient(175deg,#052b63,#073a7b);color:#fff;padding:18px 12px 22px;display:flex;flex-direction:column;z-index:50}.sidebar-brand{height:86px;padding:0 6px 10px;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-brand img{width:100%;height:75px;object-fit:contain;object-position:left center}.side-nav{display:flex;flex-direction:column;gap:5px;margin-top:18px}.side-item{display:flex;align-items:center;gap:13px;border:0;border-radius:8px;background:transparent;color:#fff;padding:12px 14px;text-align:left;font-size:14px}.side-item:hover{background:rgba(21,113,226,.25)}.side-item.active{background:linear-gradient(90deg,#0752bd,#0961d4);box-shadow:0 6px 15px rgba(0,0,0,.13)}.side-ico{display:inline-grid;place-items:center;width:22px;font-size:20px}.sidebar-illustration{height:150px;margin-top:auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;color:rgba(255,255,255,.52);font-size:74px;border-bottom:1px solid rgba(255,255,255,.18)}.sidebar-illustration small{font-size:24px;letter-spacing:8px}.sidebar-context{font-size:12px;color:#dce9f9;padding:15px 10px 10px;min-height:46px}.side-logout{border:0;background:transparent;color:#fff;text-align:left;padding:10px 12px;font-size:14px}.workspace{margin-left:var(--sidebar);min-height:100vh}.topbar{height:62px;border-bottom:1px solid #e2e8f0;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:40}.top-title{font-weight:780;color:var(--ink);font-size:18px}.top-actions{display:flex;align-items:center;gap:10px}.profile-line{font-size:14px;font-weight:700;color:var(--ink);max-width:320px;text-align:right}.compact{width:auto;min-width:150px;padding:8px 10px;font-size:12px}.icon-btn{border:0;background:transparent;color:var(--ink);font-size:20px;padding:7px}.notify{position:relative;color:var(--ink);font-size:20px}.notify b{position:absolute;right:-8px;top:-7px;background:var(--blue);color:#fff;border-radius:10px;padding:1px 5px;font-size:10px}.workspace main{padding:26px 28px 50px;max-width:1800px;margin:0 auto}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.page-head p{color:var(--muted);font-size:13px;margin-top:7px}.back-link{border:0;background:transparent;color:var(--blue);font-weight:720;margin-bottom:14px}
/* METRICS / DASHBOARD */
.metric-grid{display:grid;grid-template-columns:repeat(6,minmax(135px,1fr));gap:16px;margin-bottom:18px}.metric-card{min-height:112px;border:1px solid var(--line);border-radius:10px;background:#fff;display:flex;align-items:center;gap:14px;padding:17px 18px;box-shadow:0 2px 8px rgba(0,38,92,.025)}.metric-icon{font-size:31px;color:var(--blue);width:42px;text-align:center}.metric-card.good .metric-value{color:var(--green)}.metric-card.bad .metric-value{color:var(--red)}.metric-card.warn .metric-value{color:var(--amber)}.metric-label{font-size:12px;color:var(--ink);font-weight:700}.metric-value{font-size:28px;line-height:1;margin:8px 0 4px;font-weight:800;color:var(--ink)}.metric-sub{font-size:11px;color:var(--muted)}.station-section{border:1px solid #e1e8f1;border-radius:10px;padding:10px 10px 12px;margin:10px 0;background:#fff}.station-section-title{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:800;color:var(--ink);padding:2px 2px 10px}.station-section-title small{background:#f0f4fa;border-radius:10px;padding:3px 8px;font-size:10px}.station-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:12px}.station-card{border:1px solid #dfe6ef;border-radius:8px;background:#fff;padding:12px 13px;min-height:145px;transition:.15s}.station-card:hover{border-color:#8db7ef;box-shadow:0 5px 14px rgba(3,52,117,.08);transform:translateY(-1px)}.station-top{display:flex;align-items:flex-start;justify-content:space-between}.station-id{font-size:16px;font-weight:850;color:var(--ink)}.station-name{font-size:11px;color:#38527b;margin-top:2px}.station-tower{font-size:27px;color:var(--blue);margin-right:8px}.station-title-wrap{display:flex}.state-badge{border-radius:14px;padding:5px 9px;font-size:10px;font-weight:800;white-space:nowrap}.state-badge.normal{color:var(--green);background:var(--green-bg);border:1px solid #cce9d5}.state-badge.atencion,.state-badge.evento{color:#b66c05;background:var(--amber-bg);border:1px solid #f2d6a9}.state-badge.urgente,.state-badge.critico{color:#c81616;background:var(--red-bg);border:1px solid #f3c1c1}.state-badge.por_verificar{color:#66758d;background:var(--pending-bg);border:1px solid #d6dde7}.station-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #edf1f6;border-bottom:1px solid #edf1f6;margin:10px 0 8px;padding:8px 0}.station-stat{text-align:center;border-right:1px solid #edf1f6}.station-stat:last-child{border-right:0}.station-stat span{display:block;font-size:9px;line-height:1.15;min-height:20px;color:#596d8c;padding:0 2px}.station-stat strong{font-size:13px;color:var(--ink)}.station-stat strong.good{color:var(--green)}.station-stat strong.bad{color:var(--red)}.station-stat strong.warn{color:var(--amber)}.station-link{display:flex;justify-content:space-between;color:var(--blue);font-size:10px;font-weight:700}.page-footer-note{display:flex;justify-content:space-between;color:#597090;font-size:11px;padding:12px 4px}.empty{padding:30px;text-align:center;color:var(--muted)}
/* STATION / CAPACITY */
.station-hero{border:1px solid var(--line);border-radius:10px;background:#fff;padding:20px 22px;display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.station-hero .code{font-size:26px;font-weight:850;color:var(--ink)}.station-hero .meta{color:var(--muted);font-size:12px}.station-summary{text-align:right}.verification-card{border:1px solid #cfe0f4;background:#f3f8fe;border-radius:9px;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;margin:12px 0}.verification-card.warning{border-color:#f1d7a9;background:#fff9ef}.lock-banner{border:1px solid #efc6c6;background:#fff4f4;color:#9d2222;border-radius:6px;padding:7px 9px;font-size:11px;margin-top:8px}.capacity-toolbar,.filters-row,.toolbar-row{display:flex;gap:14px;align-items:center;margin-bottom:18px}.capacity-toolbar input,.capacity-toolbar select,.filters-row input,.filters-row select,.toolbar-row input{max-width:340px}.capacity-category{border:1px solid #dde5f0;border-radius:9px;margin:10px 0;background:#fff}.capacity-category-title{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;font-weight:800;color:var(--ink)}.capacity-service-grid{display:grid;grid-template-columns:repeat(5,minmax(170px,1fr));gap:12px;padding:0 14px 14px}.capacity-tile{border:1px solid #dbe4ef;border-radius:7px;padding:12px;background:#fff}.capacity-tile-title{font-size:13px;color:var(--ink);font-weight:750}.capacity-tile-sub{font-size:11px;color:#405982;margin:5px 0}.capacity-tile-footer{display:flex;justify-content:space-between;align-items:center}.service-card{border:1px solid var(--line);border-radius:9px;background:#fff;margin:8px 0;overflow:hidden}.service-head{display:flex;justify-content:space-between;align-items:center;padding:13px 15px}.service-name{color:var(--ink);font-weight:800}.service-sub{font-size:11px;color:var(--muted);margin-top:3px}.row-actions,.asset-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.asset-list{border-top:1px solid var(--line)}.asset-row{display:grid;grid-template-columns:minmax(200px,2fr) 130px minmax(150px,1fr) auto;gap:12px;align-items:center;padding:11px 15px;border-top:1px solid #edf1f6}.asset-row:first-child{border-top:0}.asset-name{font-size:13px;font-weight:750;color:var(--ink)}.asset-meta{font-size:10px;color:var(--muted)}.status-chip{display:inline-block;border-radius:5px;padding:4px 7px;font-size:10px;font-weight:800;border:1px solid}.status-chip.online{color:var(--green);border-color:#a8d7b8;background:#f3fbf5}.status-chip.restringido{color:#b76f00;border-color:#efc77d;background:#fff9ed}.status-chip.offline{color:#c91616;border-color:#efb1b1;background:#fff5f5}.status-chip.por_verificar{color:#65768f;border-color:#cfd8e5;background:#f5f7fa}.status-select{width:auto;min-width:135px;padding:8px;font-size:11px}.system-title{display:flex;justify-content:space-between;align-items:center;margin:20px 2px 8px}.system-title h3{font-size:15px}.small-note{font-size:11px;color:var(--muted)}
/* TABLES / EVENTS */
.table-card{border:1px solid var(--line);border-radius:9px;background:#fff;overflow:auto}.table-card table,.table-wrap table{width:100%;border-collapse:collapse;min-width:780px}.table-card th,.table-card td,.table-wrap th,.table-wrap td{border-bottom:1px solid #edf1f5;padding:11px 13px;text-align:left;font-size:11px;vertical-align:middle}.table-card th,.table-wrap th{color:#0b3b91;font-weight:750;background:#fff}.table-card tr:last-child td{border-bottom:0}.table-wrap{overflow:auto}.compact-metrics{grid-template-columns:repeat(5,minmax(140px,1fr))}.event-open{color:var(--red);font-weight:700}.event-closed{color:var(--green);font-weight:700}.event-folio{font-weight:800;color:var(--blue)}
/* ANALYTICS */
.analytics-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:16px}.analytics-card{border:1px solid var(--line);border-radius:9px;background:#fff;padding:16px}.analytics-card.full{grid-column:1/-1}.analytics-card h3{margin-bottom:12px}.bar-row{display:grid;grid-template-columns:150px 1fr 50px;gap:10px;align-items:center;margin:11px 0;font-size:11px}.bar-track{height:10px;border-radius:6px;background:#eef2f6;overflow:hidden}.bar-fill{height:100%;background:var(--blue);border-radius:6px}.sparkline{height:100px;display:flex;align-items:flex-end;gap:5px;border-bottom:1px solid #e7edf5;padding:8px}.sparkline i{display:block;width:100%;min-width:7px;background:linear-gradient(#0d65da,#7fb1f3);border-radius:3px 3px 0 0}.quality-note{border-left:4px solid var(--blue);background:#f5f9ff;padding:12px 14px;font-size:11px;color:#385271;margin-top:10px}
/* REPORTS / ADMIN */
.notice-card{border:1px solid #d6e2f1;border-left:4px solid var(--blue);border-radius:8px;padding:16px;background:#f8fbff;margin-bottom:18px}.notice-card p{font-size:12px;color:#4b6283}.report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.report-card{border:1px solid var(--line);border-radius:10px;padding:20px;background:#fff}.report-card p{color:var(--muted);font-size:12px;min-height:42px}.report-icon{font-size:30px;color:var(--blue)}.admin-tabs{display:flex;gap:26px;border-bottom:1px solid var(--line);margin-bottom:18px}.admin-tab{border:0;background:transparent;color:#405577;padding:11px 2px;font-weight:700}.admin-tab.active{color:var(--blue);border-bottom:3px solid var(--blue)}.admin-card{border:1px solid var(--line);border-radius:10px;padding:20px;background:#fff;max-width:850px}.narrow-card{max-width:520px}.admin-card p{color:var(--muted);font-size:12px}.result-box{min-height:110px;max-height:300px;overflow:auto;background:#082746;color:#dcecff;border-radius:8px;padding:12px;font-size:11px;white-space:pre-wrap}.switch-row{display:flex!important;gap:8px;align-items:center}.admin-user-actions{display:flex;gap:12px;color:var(--blue);font-size:16px}.user-status{display:inline-block;padding:4px 8px;border-radius:5px;font-size:10px}.user-status.active{background:var(--green-bg);color:var(--green);border:1px solid #b5debf}.user-status.inactive{background:var(--red-bg);color:#b31515;border:1px solid #efbaba}

/* UI/UX v1.0.3 — semantic data quality, compact operational hierarchy */
.metric-card.pending .metric-value{color:var(--pending)}
.data-quality-strip{display:flex;justify-content:space-between;gap:18px;align-items:center;border:1px solid #d9e5f3;background:linear-gradient(90deg,#f7faff,#fbfdff);border-radius:10px;padding:11px 14px;margin:-4px 0 18px;color:#40597d;font-size:11px}.data-quality-main{display:flex;align-items:center;gap:10px}.data-quality-main strong{color:var(--ink);font-size:12px}.data-quality-items{display:flex;gap:18px;flex-wrap:wrap}.data-quality-items b{color:var(--ink);font-size:13px}.state-badge.no_data{color:#53647c;background:#f4f6f9;border:1px dashed #b9c4d2}.station-card.data-empty{background:#fbfcfe;border-style:dashed}.station-card.data-pending{border-color:#cdd8e7}.station-stat strong.unknown{color:#8896aa;font-weight:700}.station-data-note{min-height:18px;color:#71809a;font-size:9px;text-align:left;margin:-1px 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.station-card{appearance:none;text-align:left;color:inherit}.station-link{margin-top:2px}
.station-tools{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid #dce6f2;background:#f8fbff;border-radius:10px;padding:10px 12px;margin:14px 0}.station-tools-fields,.station-tools-actions{display:flex;gap:8px;align-items:center}.search-field{position:relative;min-width:280px}.search-field>span{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#6d82a1;pointer-events:none}.search-field input{padding-left:34px}.station-tools select{width:auto;min-width:160px}.toolbar-count{font-size:10px;color:#647794;white-space:nowrap}.small-btn{padding:7px 9px;font-size:10px}.btn.subtle{border-color:transparent;background:#f4f7fb;color:#58708f;padding:6px 8px;font-size:10px}.btn.subtle:hover{background:#eaf1fa;box-shadow:none;transform:none}.system-section{border:1px solid #e1e8f1;border-radius:10px;margin:10px 0;background:#fff;overflow:hidden}.system-title.system-toggle{width:100%;border:0;background:#f9fbfe;padding:13px 15px;margin:0;text-align:left;cursor:pointer}.system-title.system-toggle>span:first-child{display:flex;align-items:center;gap:8px}.system-chevron,.service-chevron{display:inline-block;width:14px;color:#2a67ba;font-size:12px}.system-body{padding:4px 10px 10px}.system-body .service-card{margin:7px 0}.service-title-line{display:flex;align-items:center;gap:4px;min-width:0}.service-head{cursor:pointer}.resource-lock{white-space:nowrap}
.empty-state{display:flex;align-items:center;justify-content:center;gap:12px;min-height:110px;padding:20px;color:#6c7d96;text-align:left}.empty-state-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#edf4ff;color:var(--blue);font-size:20px;flex:none}.empty-state strong{display:block;color:#294267;font-size:12px}.empty-state p{margin:4px 0 0;font-size:11px;max-width:420px}.report-card{display:flex;flex-direction:column;min-height:220px}.report-card .btn{align-self:flex-start;margin-top:auto}.report-meta{font-size:11px;font-weight:700;color:#385a84;background:#f5f9ff;border-radius:7px;padding:8px 10px;margin:4px 0 16px}.event-filters{flex-wrap:wrap}.event-filters select{max-width:240px}.users-table th{position:sticky;top:0;z-index:2;background:#f9fbfe}.admin-user-toolbar{flex-wrap:wrap}.admin-user-toolbar .search-field{min-width:280px;flex:1}.admin-user-toolbar select{width:auto;min-width:150px}.role-text{line-height:1.35}.sidebar-backdrop{position:fixed;inset:0;background:rgba(1,19,45,.45);z-index:49;backdrop-filter:blur(1px)}body.nav-lock{overflow:hidden}
/* MODAL */

.modal{position:fixed;inset:0;background:rgba(2,23,54,.55);display:grid;place-items:center;padding:20px;z-index:100}.modal-card{position:relative;width:min(720px,96vw);max-height:90vh;overflow:auto;background:#fff;border-radius:12px;box-shadow:0 24px 70px rgba(0,0,0,.24);padding:26px}.modal-close{position:absolute;right:13px;top:9px;border:0;background:transparent;color:#59708e;font-size:28px}.modal h2{margin:6px 0 14px}.modal .eyebrow{color:var(--blue);font-size:10px;font-weight:800;letter-spacing:.12em}.statline{display:flex;justify-content:space-between;gap:15px;padding:8px 0;border-bottom:1px solid #edf1f5;font-size:11px}.toast{position:fixed;right:24px;bottom:24px;max-width:420px;background:#052b61;color:#fff;padding:12px 16px;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.16);z-index:130;font-size:12px}
@media(max-width:1280px){.metric-grid{grid-template-columns:repeat(3,1fr)}.station-grid{grid-template-columns:repeat(3,1fr)}.capacity-service-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:920px){:root{--sidebar:76px}.sidebar-brand img{object-position:left;width:52px}.sidebar-brand{padding-left:4px}.side-item span:last-child,.sidebar-context,.side-logout{font-size:0}.side-item{justify-content:center;padding:12px}.side-ico{font-size:22px}.top-title{font-size:14px}.profile-line{display:none}.workspace main{padding:20px 14px}.station-grid{grid-template-columns:repeat(2,1fr)}.login-shell{grid-template-columns:1fr}.login-brand-panel{display:none}.login-grid{grid-template-columns:1fr}.access-card{display:none}.metric-grid{grid-template-columns:repeat(2,1fr)}.analytics-grid,.report-grid{grid-template-columns:1fr}.analytics-card.full{grid-column:auto}.asset-row{grid-template-columns:1fr 1fr}.asset-actions{grid-column:1/-1}.capacity-service-grid{grid-template-columns:repeat(2,1fr)}.station-tools{align-items:flex-start;flex-direction:column}.station-tools-fields,.station-tools-actions{width:100%;flex-wrap:wrap}}
@media(max-width:760px){:root{--sidebar:0px}.sidebar{display:flex;width:min(286px,84vw);transform:translateX(-105%);transition:transform .22s ease;box-shadow:12px 0 36px rgba(0,20,55,.25);padding-top:max(18px,env(safe-area-inset-top));padding-bottom:max(18px,env(safe-area-inset-bottom))}.app-shell.nav-open .sidebar{transform:translateX(0)}.sidebar-brand img{width:100%;object-position:left}.side-item{justify-content:flex-start;padding:12px 14px}.side-item span:last-child,.sidebar-context,.side-logout{font-size:14px}.side-ico{font-size:20px}.workspace{margin-left:0}.topbar{height:auto;min-height:60px;padding:8px 10px;gap:8px}.top-title{font-size:12px;line-height:1.2;max-width:205px}.top-actions{gap:4px;flex-wrap:wrap;justify-content:flex-end}.top-actions .compact{min-width:112px;max-width:145px;padding:7px 8px}.profile-line{display:none}.icon-btn{padding:6px}.workspace main{padding:16px 12px calc(42px + env(safe-area-inset-bottom))}.page-head{gap:10px;margin-bottom:16px}.page-head h1{font-size:24px}.page-head p{font-size:12px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric-card{min-height:104px;padding:13px 12px;gap:8px}.metric-icon{font-size:25px;width:32px}.metric-value{font-size:25px}.metric-label{font-size:11px}.station-grid{grid-template-columns:1fr}.station-card{min-height:150px;padding:13px 14px}.station-section{padding:9px}.station-section-title{align-items:flex-start;flex-wrap:wrap}.data-quality-strip{align-items:flex-start;flex-direction:column;gap:7px}.data-quality-items{gap:8px 15px}.station-tools-fields,.station-tools-actions{display:grid;grid-template-columns:1fr 1fr}.station-tools-fields .search-field{grid-column:1/-1;min-width:0}.station-tools select{min-width:0;width:100%}.station-tools-actions .toolbar-count{grid-column:1/-1}.asset-row{grid-template-columns:1fr}.asset-actions{grid-column:auto}.capacity-service-grid{grid-template-columns:1fr}.capacity-toolbar,.filters-row,.toolbar-row{display:flex;flex-wrap:wrap}.capacity-toolbar>*,.filters-row>*,.toolbar-row>*{max-width:none;flex:1 1 150px}.event-filters select{max-width:none}.report-grid{grid-template-columns:1fr}.report-card{min-height:190px}.admin-tabs{gap:15px;overflow-x:auto;white-space:nowrap}.admin-user-toolbar .search-field{min-width:100%;flex-basis:100%}.table-card{border-radius:8px}.table-card table,.table-wrap table{min-width:720px}.toast{left:12px;right:12px;bottom:calc(14px + env(safe-area-inset-bottom));max-width:none}.modal{padding:10px}.modal-card{width:100%;max-height:calc(100vh - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:22px 18px}.login-content{padding:24px 12px}.login-card{padding:24px}.help-link{display:none}}
@media(max-width:430px){.top-title{max-width:150px}.top-actions .compact{min-width:105px;max-width:125px}.metric-card{min-height:96px}.metric-icon{display:none}.metric-value{font-size:24px}.page-head{display:block}.page-head .btn{margin-top:10px;width:100%}.station-tools-actions{grid-template-columns:1fr}.station-tools-actions .toolbar-count{grid-column:auto}.station-tools-actions .btn{width:100%}.page-footer-note{display:block}.page-footer-note span{display:block;margin:5px 0}.bar-row{grid-template-columns:70px 1fr 28px}.report-card{padding:16px}}