:root{--navy:#102b46;--navy2:#183d5d;--ink:#1c2c3b;--muted:#6b7b8b;--line:#e1e8ee;--bg:#f3f6f9;--white:#fff;--blue:#2b79b9;--green:#16845b;--amber:#c98210;--red:#c83d42;--shadow:0 5px 20px rgba(17,43,70,.055)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:var(--navy);color:#d7e4ef;padding:25px 16px 18px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 27px;color:#fff}.brand-mark{width:43px;height:43px;border-radius:12px;background:#f1b94f;color:#173551;display:grid;place-items:center;font-size:17px;font-weight:900;letter-spacing:-1px}.brand b{display:block;font-size:15px;letter-spacing:.6px}.brand small{display:block;font-size:11px;color:#aec2d4;margin-top:2px}.nav-label{font-size:10px;font-weight:800;letter-spacing:1.5px;color:#829db4;padding:0 12px 11px}.sidebar nav{display:grid;gap:5px}.nav-link{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:9px;color:#c9d8e6;font-size:13px;transition:.15s}.nav-link:hover{background:#1a3c59;color:#fff}.nav-link.active{background:#254e70;color:#fff;box-shadow:inset 3px 0 #e9b446}.nav-icon{width:20px;text-align:center;font-size:17px;color:#a8c1d6}.sidebar-foot{margin-top:auto;border-top:1px solid #29465f;padding:17px 10px 0;display:flex;align-items:center;gap:8px;font-size:11px;color:#a9bfd0}.pulse-dot{width:7px;height:7px;background:#e8ad38;border-radius:50%;box-shadow:0 0 0 4px #e8ad3826}.main{margin-left:245px;min-height:100vh;padding:0 29px 25px;max-width:1800px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 0 23px;margin-bottom:18px;border-bottom:1px solid var(--line)}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.6px;color:#7890a4}.topbar h1{font-size:25px;line-height:1.2;margin:5px 0 0;font-weight:750;letter-spacing:-.5px;color:#18324a}.user-box{display:flex;align-items:center;gap:10px;white-space:nowrap}.avatar{display:grid;place-items:center;width:35px;height:35px;background:#deebf4;border-radius:50%;color:var(--navy);font-weight:800}.user-box b,.user-box small{display:block}.user-box b{font-size:12px}.user-box small{font-size:11px;color:var(--muted)}.logout{border-left:1px solid var(--line);padding-left:13px;margin-left:3px;color:#617489;font-size:12px}.safety-banner{display:flex;align-items:center;gap:13px;background:#fff7e7;border:1px solid #f0d6a4;border-radius:11px;padding:14px 16px;margin:0 0 19px;color:#775115}.safety-banner.compact{padding:11px 14px;margin-bottom:18px}.banner-icon{flex:0 0 auto;width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#f4dcad;color:#8b5a0d;font-weight:900}.safety-banner>div{flex:1}.safety-banner b,.safety-banner span{display:block}.safety-banner b{font-size:12px;letter-spacing:.25px}.safety-banner div span{font-size:12px;margin-top:2px;color:#87682e}.live-pill{font-size:10px!important;letter-spacing:.7px;background:#fff;border:1px solid #e8d4af;border-radius:25px;padding:5px 9px;white-space:nowrap}.live-pill i{display:inline-block;width:6px;height:6px;background:#27a16c;border-radius:50%;margin-right:5px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.metric-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 17px;box-shadow:var(--shadow);min-width:0}.metric-top{display:flex;align-items:center;justify-content:space-between;color:#687b8e;font-size:12px;font-weight:650}.metric-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;font-size:16px;font-weight:800}.metric-icon.blue{background:#eaf4fc;color:#2678b4}.metric-icon.red{background:#fcebec;color:#c33b43}.metric-icon.amber{background:#fff3de;color:#b77911}.metric-icon.gray{background:#edf1f4;color:#6b7a88}.metric-card>strong{display:block;font-size:27px;line-height:1.3;color:#17334b;letter-spacing:-.7px;margin:12px 0 4px}.metric-card>strong small{font-size:13px;font-weight:600;letter-spacing:0;color:#718294}.metric-card>small{display:block;color:#8997a4;font-size:11px}.time-metric{font-size:22px!important}.dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;align-items:start}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);min-width:0;overflow:hidden}.panel.span-2{grid-column:span 2}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 18px 14px;border-bottom:1px solid #edf1f4}.panel-head h2{font-size:14px;margin:0;color:#1d354b;font-weight:750}.panel-head p{margin:4px 0 0;color:#8492a0;font-size:11px}.text-link{color:#2274ad;font-weight:650;font-size:11px;white-space:nowrap}.unit-tag,.tag{font-size:10px;padding:4px 8px;border-radius:5px;background:#f0f5f8;color:#637b8e;white-space:nowrap}.map-wrap{position:relative;margin:14px 16px 9px;overflow:hidden;background:#f2f7fa;border:1px solid #e0e8ee;border-radius:8px;line-height:0}.map-wrap img{width:100%;height:auto;display:block}.map-chip{position:absolute;top:9px;left:9px;background:#fffde9d9;color:#865e0b;font-size:9px;font-weight:800;letter-spacing:.7px;border:1px solid #e4d3a4;border-radius:4px;padding:5px 7px;line-height:1.2}.map-point{position:absolute;transform:translate(-50%,-50%);width:24px;height:24px;border-radius:50%;background:#176fae;border:3px solid white;box-shadow:0 1px 9px #092b4766;color:white;display:grid;place-items:center;font-size:10px;font-weight:900;line-height:1;cursor:help}.mp-gef{left:36%;top:34%}.mp-keb{left:52%;top:44%}.mp-leg{left:86%;top:30%}.mp-bul{left:59%;top:51%}.mp-lit{left:48%;top:63%}.mp-big{left:56%;top:66%}.mp-aba{left:46%;top:78%}.map-legend{display:flex;gap:8px 15px;flex-wrap:wrap;padding:0 18px 15px;font-size:10px;color:#687e90}.map-legend span{display:flex;align-items:center;gap:5px}.key-dot{width:8px;height:8px;border-radius:50%;background:#176fae}.key-line{width:18px;height:2px;background:#a6cfe5}.muted{color:#8a99a7}.map-legend .muted{width:100%;display:block;font-style:italic}.chart{width:100%;height:190px;display:block;padding:10px 12px 6px}.empty-chart{height:190px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:20px;color:#8a99a6}.empty-chart-icon{font-size:24px;color:#80a6c1}.empty-chart b{font-size:12px;color:#50677a}.empty-chart p{font-size:11px}.period-links{display:flex;justify-content:space-around;border-top:1px solid #edf1f4;padding:10px}.period-links a{font-size:11px;color:#4c7898;font-weight:650}.table-wrap{width:100%;overflow:auto}table{border-collapse:collapse;width:100%;font-size:11px;white-space:nowrap}th{text-align:left;background:#f8fafb;color:#718394;font-size:10px;font-weight:750;letter-spacing:.3px;padding:11px 13px;border-bottom:1px solid var(--line)}td{padding:12px 13px;border-bottom:1px solid #edf1f4;color:#465b6e;vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafcfd}.row-title{display:block;font-size:11px;font-weight:750;color:#1d5d89}.cell-sub{display:block;font-size:10px;color:#8a98a4;margin-top:3px}.status-badge{display:inline-flex;gap:6px;align-items:center;font-size:9px;font-weight:850;letter-spacing:.25px;padding:5px 8px;border-radius:5px;background:#eaf6ef;color:#16835a}.status-badge i{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor}.status-badge.warning{background:#fff4df;color:#b97a0f}.status-badge.critical{background:#ffebeb;color:#c33d42}.status-badge.offline{background:#eaf2f9;color:#42769e}.status-badge.recovered{background:#e7f5f7;color:#277c88}.event-list{padding:4px 17px 10px}.event-item{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid #edf1f4}.event-item:last-child{border-bottom:0}.event-severity{width:8px;height:8px;border-radius:50%;margin-top:5px;background:#8ca0b0;flex:0 0 auto}.event-severity.warning{background:#d79a26}.event-severity.critical{background:#cf3c44}.event-severity.offline{background:#477fa9}.event-content b,.event-content small,.event-content time{display:block}.event-content b{font-size:11px}.event-content small{font-size:10px;color:#8594a0;margin-top:2px}.event-content time{font-size:9px;color:#99a5af;margin-top:4px}.empty-state{padding:30px 20px;text-align:center;color:#718393}.empty-state b{font-size:12px}.empty-state p{font-size:11px}.page-intro{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:17px}.page-intro h2{font-size:21px;margin:2px 0 4px;color:#19354c;letter-spacing:-.3px}.page-intro p{font-size:12px;color:#7d8c99;margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:7px;padding:9px 13px;font:inherit;font-size:12px;font-weight:750;cursor:pointer;white-space:nowrap}.btn.primary{background:#176da6;color:white}.btn.primary:hover{background:#105884}.btn.outline{background:white;border-color:#d9e3eb;color:#416379}.btn.outline:hover{background:#f3f8fb}.form-panel{margin-top:18px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px}.form-grid label{display:flex;flex-direction:column;gap:6px;color:#50687b;font-size:11px;font-weight:700;min-width:0}.form-grid input:not([type=checkbox]),.form-grid select,.form-grid textarea{width:100%;border:1px solid #dce5eb;background:#fff;border-radius:7px;padding:10px 11px;color:#263e52;font:inherit;font-size:12px;outline:none}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#70a7ce;box-shadow:0 0 0 3px #3d8dca18}.form-grid input::placeholder{color:#a5b0b9;font-weight:400}.wide{grid-column:1/-1}.field-group{padding:12px;background:#f8fafb;border:1px solid #e5edf2;border-radius:8px}.field-group>b{display:block;font-size:11px;color:#4d667b;margin-bottom:10px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check-label{flex-direction:row!important;align-items:center}.check-label input{width:auto}.form-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.small{font-size:10px}.key-panel{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 17px;background:#edf8f1;border:1px solid #b7dfc4;border-radius:10px;margin-bottom:17px;color:#245e3c}.key-panel b{font-size:12px}.key-panel p{margin:3px 0 7px;font-size:11px}.key-panel code{display:inline-block;padding:7px 9px;background:#fff;border:1px dashed #a7cbb4;border-radius:5px;word-break:break-all;font-size:11px;color:#1f6540}.safety-banner .status-badge{margin-left:5px}.signal-list{padding:7px 18px 12px}.signal-row{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #edf1f4}.signal-row:last-child{border-bottom:0}.signal-row b,.signal-row small{display:block}.signal-row b{font-size:11px}.signal-row small{font-size:10px;color:#82919d;margin-top:2px}.lamp{width:14px;height:14px;border-radius:50%;border:3px solid #e1e8ed;box-shadow:0 0 0 1px #cfd8df;flex:0 0 auto}.green-lamp{background:#22a16b}.amber-lamp{background:#e4a228}.red-lamp{background:#d74249}.blue-lamp{background:#4387be}.demo-tag{background:#fff2d7;color:#9c6b11}.empty-table{text-align:center!important;padding:25px!important;color:#94a0aa}.footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:23px 2px 0;color:#8c9aa6;font-size:10px}.footer span{max-width:580px;text-align:right}.report-filters{display:flex;gap:8px;flex-wrap:wrap}.report-filters a{font-size:11px;padding:7px 11px;border:1px solid #dce6ed;border-radius:6px;background:#fff;color:#587286}.report-filters a.active{background:#1d6eaa;border-color:#1d6eaa;color:#fff}.signal-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;padding:17px}.signal-card{border:1px solid var(--line);border-radius:10px;padding:15px;display:flex;gap:12px;align-items:center}.signal-card .lamp{width:24px;height:24px}.signal-card b,.signal-card small{display:block}.signal-card b{font-size:12px}.signal-card small{font-size:10px;color:#82919f;margin-top:3px}.print-sign{border:1px solid #dfe6eb;border-radius:10px;overflow:hidden}.print-sign h3{margin:0;padding:12px 15px;background:#f5f8fa;font-size:13px}.sign-preview{padding:22px;text-align:center}.sign-preview .sign-light{height:75px;width:75px;border-radius:50%;margin:0 auto 12px;border:8px solid #f0f3f5}.sign-light.green{background:#26a66c}.sign-light.amber{background:#e1a128}.sign-light.red{background:#d83c42}.sign-light.blue{background:#4385b7}.sign-preview b{display:block;font-size:17px;letter-spacing:.8px}.sign-preview p{margin:5px auto 0;font-size:12px;max-width:300px;color:#6e8090}.network-legend{display:flex;gap:12px;flex-wrap:wrap;padding:14px 18px;font-size:11px;color:#718394}.network-legend b{color:#425a6d}.flash{padding:11px 14px;border-radius:8px;margin-bottom:14px;font-size:12px}.flash.success{background:#e7f6ed;border:1px solid #bce3c9;color:#236e43}.flash.error{background:#fff0ef;border:1px solid #f2c5c1;color:#a8322d}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#f4f7fa}.login-brand-pane{background:linear-gradient(140deg,#102b46,#174a70);color:#fff;padding:9vw 7vw;display:flex;flex-direction:column;justify-content:center}.login-brand-pane .brand{padding:0 0 32px}.login-brand-pane h1{font-size:35px;line-height:1.15;letter-spacing:-1px;margin:10px 0 13px;max-width:480px}.login-brand-pane p{font-size:14px;color:#c1d7e7;max-width:450px}.login-points{display:grid;gap:12px;margin-top:30px;color:#d6e6f1;font-size:12px}.login-points span:before{content:'✓';color:#f1bc50;font-weight:900;margin-right:10px}.login-form-pane{display:grid;place-items:center;padding:30px}.login-card{width:min(420px,100%);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;padding:30px}.login-card h2{margin:0;color:#17344c;font-size:22px}.login-card p{font-size:12px;color:#8593a0;margin:6px 0 22px}.login-card form{display:grid;gap:14px}.login-card label{display:grid;gap:6px;font-size:11px;font-weight:750;color:#4d6578}.login-card input{padding:12px;border:1px solid #dce5eb;border-radius:7px;font:inherit;font-size:13px}.login-card button{margin-top:5px}.login-foot{font-size:10px;color:#94a0aa;text-align:center;margin-top:16px}.install-wrap{max-width:760px;margin:7vh auto;padding:0 20px}.install-wrap .panel{padding:24px}.install-wrap h1{margin-top:0}.install-wrap code{word-break:break-all}.print-only{display:none}@media(max-width:1150px){.sidebar{width:215px}.main{margin-left:215px;padding:0 20px 25px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel.span-2{grid-column:span 2}.signal-board{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:780px){.sidebar{position:static;width:auto;padding:12px 14px;display:block}.brand{padding:0 5px 12px}.brand-mark{width:37px;height:37px}.sidebar nav{display:flex;overflow:auto;gap:4px;padding-bottom:3px}.nav-label,.sidebar-foot{display:none}.nav-link{padding:9px 10px;white-space:nowrap;font-size:11px}.nav-icon{display:none}.main{margin-left:0;padding:0 13px 20px}.topbar{padding:17px 0;margin-bottom:13px;align-items:flex-start}.topbar h1{font-size:20px}.user-box{gap:6px}.user-box>span:nth-child(2){display:none}.logout{font-size:11px;padding-left:8px}.eyebrow{font-size:8px}.dashboard-grid{grid-template-columns:1fr}.panel.span-2{grid-column:span 1}.metric-grid,.metric-grid.three{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric-card{padding:13px}.metric-card>strong{font-size:23px}.safety-banner{align-items:flex-start}.live-pill{display:none}.page-intro{align-items:flex-start}.page-intro h2{font-size:18px}.form-grid{grid-template-columns:1fr;padding:14px}.wide{grid-column:auto}.two-fields{grid-template-columns:1fr 1fr}.footer span{max-width:none;text-align:left}.map-wrap{margin:10px}.signal-board{grid-template-columns:1fr 1fr}.login-page{grid-template-columns:1fr}.login-brand-pane{padding:35px 25px}.login-brand-pane h1{font-size:28px}.login-points{display:none}.login-form-pane{padding:25px 15px}.key-panel{align-items:flex-start;flex-direction:column}.safety-banner.compact .status-badge{display:none}}@media(max-width:430px){.metric-grid,.metric-grid.three{grid-template-columns:1fr 1fr}.metric-top{font-size:10px}.metric-card>strong{font-size:21px}.signal-board{grid-template-columns:1fr}.two-fields{grid-template-columns:1fr}.page-intro .btn{padding:8px 9px;font-size:10px}.map-legend{font-size:9px}.topbar h1{font-size:18px}}@media print{body{background:white}.sidebar,.topbar,.footer,.btn,.logout,.report-filters{display:none!important}.main{margin:0;padding:0}.panel{box-shadow:none;break-inside:avoid}.print-only{display:block}.sign-preview{break-inside:avoid}}
/* Components used by reports, pathways, critical points and sign mockups */
.metric-icon.green{background:#e6f6ec;color:#16845b}.metric-icon.amber{background:#fff3df;color:#b77911}.btn.tiny{padding:5px 7px;font-size:9px}.inline-form{display:inline-block;margin:0}.period-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 16px}.period-tabs a{display:inline-block;padding:8px 12px;background:#fff;border:1px solid #dce6ed;border-radius:7px;font-size:11px;color:#61798b}.period-tabs a.active{background:#1b6da5;color:#fff;border-color:#1b6da5}.chart.tall{height:270px}.guidance-list{padding:4px 18px 12px}.guidance-list>div{padding:11px 0;border-bottom:1px solid #edf1f4}.guidance-list>div:last-child{border:0}.guidance-list b{font-size:11px}.guidance-list p{font-size:10px;color:#81909d;margin:3px 0 0}.point-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-bottom:18px}.point-card{background:white;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:17px;min-width:0}.point-card-top{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.priority{font-size:9px;font-weight:850;letter-spacing:.4px;padding:5px 7px;border-radius:5px;background:#eef2f5;color:#637486}.priority.extreme{background:#fdebed;color:#bd3039}.priority.high{background:#fff0e3;color:#ad5e1a}.priority.moderate{background:#fff5d9;color:#9c7410}.priority.low{background:#e8f5ed;color:#287d55}.point-card h3{font-size:15px;color:#1b354b;margin:14px 0 3px}.point-code{font-size:10px;color:#71899b}.point-card>p{font-size:11px;color:#7e8c99;min-height:38px}.point-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;border-top:1px solid #edf1f4;border-bottom:1px solid #edf1f4;padding:11px 0}.point-meta span{font-size:10px;color:#607587;overflow-wrap:anywhere}.point-meta b{display:block;font-size:9px;color:#8d9aa6;margin-bottom:3px;text-transform:uppercase;letter-spacing:.5px}.instruction{background:#fff8e8;border:1px solid #f1e2bf;border-radius:7px;padding:10px;margin-top:11px}.instruction b{font-size:10px;color:#7d5a14}.instruction p{font-size:10px;color:#876f3c;margin:4px 0 0}.point-foot{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:13px}.status-text{font-size:10px}.status-text.verified{color:#16845b}.status-text.unverified{color:#b97a0f}.pathway-list{padding:6px 17px 13px}.pathway-row{display:grid;grid-template-columns:minmax(130px,1fr) minmax(120px,.8fr) minmax(130px,1fr) minmax(90px,auto);align-items:center;gap:13px;padding:15px 0;border-bottom:1px solid #edf1f4}.pathway-row:last-child{border-bottom:0}.path-node{display:flex;align-items:center;gap:9px;min-width:0}.node-circle{flex:0 0 auto;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#eaf4fb;color:#237eb8;font-size:15px;font-weight:900}.node-circle.downstream{background:#eef7ef;color:#23845a}.path-node b,.path-node small{display:block}.path-node b{font-size:10px;overflow-wrap:anywhere}.path-node small{font-size:9px;color:#8594a2;margin-top:3px}.path-arrow{text-align:center;color:#9aacb9}.path-arrow span,.path-arrow b,.path-arrow small{display:block}.path-arrow span,.path-arrow small{font-size:9px}.path-arrow b{color:#6e9fbd;letter-spacing:-1px;font-size:13px;margin:3px 0}.path-state{display:flex;flex-direction:column;gap:7px;align-items:flex-start}.approved-tag{background:#e7f6ec;color:#1d8353}.danger-link{color:#c03b42}.steps-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;padding:17px}.steps-grid>div{background:#f7fafb;border:1px solid #e5edf2;border-radius:8px;padding:13px}.steps-grid b{font-size:11px;color:#31516a}.steps-grid p{font-size:10px;color:#788b9b;margin:6px 0 0}.signal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:16px}.signal-card{border:1px solid #e4ebf0;border-radius:9px;padding:16px 12px;text-align:center;display:flex;align-items:center;flex-direction:column;gap:8px}.signal-card h3{font-size:11px;margin:3px 0;color:#284258}.signal-card p{font-size:10px;color:#7c8d9a;margin:0;min-height:60px}.light-spec{font-size:9px;color:#547087;background:#f5f8fa;padding:5px 8px;border-radius:4px}.lamp.large{width:33px;height:33px;border-width:5px}.blink-amber{animation:blinkAmber 1.2s infinite}.blink-red{animation:blinkRed .7s infinite}@keyframes blinkAmber{0%,55%{opacity:1}56%,100%{opacity:.35}}@keyframes blinkRed{0%,50%{opacity:1}51%,100%{opacity:.3}}.note-strip{margin:0 16px 16px;padding:12px 14px;background:#fff6e5;border:1px solid #f1ddb1;border-radius:7px;font-size:11px;color:#80601f}.printable-sign{margin-top:18px}.public-sign-head{display:flex;align-items:center;gap:15px;padding:20px 22px;background:#f3f7fa;border-bottom:1px solid var(--line)}.sign-logo{display:grid;place-items:center;width:49px;height:49px;border-radius:10px;background:#173b59;color:#f0bf50;font-size:19px;font-weight:900}.public-sign-head h2{margin:3px 0;font-size:16px;color:#17354e}.public-sign-head p{margin:0;font-size:11px;color:#687e90}.public-sign-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;padding:18px}.public-sign-state{display:flex;align-items:center;flex-direction:column;text-align:center;border:1px solid var(--line);border-radius:8px;padding:14px 10px}.public-sign-state b{font-size:11px;margin:7px 0 4px}.public-sign-state small{font-size:9px;color:#7b8c9b}.sign-warning{text-align:center;color:#a52d31;background:#fff0ef;border-top:1px solid #f1c9c7;border-bottom:1px solid #f1c9c7;padding:12px;font-weight:850;letter-spacing:.3px;font-size:12px}.sign-footer{padding:13px 18px;color:#6d8090;font-size:10px}.install-wrap .full,.login-card .full{width:100%}.hint{font-size:10px;color:#85939f}.brand-dark{color:#1b374e}.brand-dark small{color:#8293a0}.brand-dark .brand-mark{color:#173551}.login-card .brand{margin-bottom:20px}.login-card .brand b{font-size:14px}.login-card .brand small{font-size:10px}.login-card label{margin-bottom:0}
@media(max-width:1050px){.signal-grid,.public-sign-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pathway-row{grid-template-columns:1fr 1fr}.path-arrow{order:3}.path-state{order:4}.point-grid{grid-template-columns:1fr}}
@media(max-width:780px){.point-grid{grid-template-columns:1fr}.signal-grid,.public-sign-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.steps-grid{grid-template-columns:1fr 1fr}.pathway-row{grid-template-columns:1fr;gap:9px}.path-arrow{order:0;text-align:left}.path-arrow b{display:inline}.path-arrow span,.path-arrow small{display:inline;margin-right:8px}.path-state{flex-direction:row;align-items:center;order:0}.panel-head{padding:14px}.public-sign-head{padding:14px}.public-sign-head h2{font-size:13px}}
@media(max-width:430px){.signal-grid,.public-sign-grid,.steps-grid{grid-template-columns:1fr}.signal-card p{min-height:0}.point-meta{grid-template-columns:1fr}.public-sign-head h2{font-size:11px}.sign-warning{font-size:10px}}

.link-button{border:0;background:none;padding:0;cursor:pointer;font:inherit}

.status-select{max-width:160px;border:1px solid #dce5eb;border-radius:6px;padding:6px;font:inherit;font-size:10px;color:#476176;background:#fff}.link-status-form{display:flex;gap:5px;align-items:center;flex-wrap:wrap}

.critical-map-point{position:absolute;transform:translate(-50%,-50%) rotate(45deg);width:19px;height:19px;border-radius:4px;background:#c53c43;border:2px solid #fff;box-shadow:0 1px 7px #4e172d66;display:grid;place-items:center;z-index:2;color:#fff;font-size:11px;font-weight:950;line-height:1}.critical-map-point b{transform:rotate(-45deg)}.mp-cp-keb{left:50%;top:47%}.mp-cp-lit{left:44.5%;top:65%}.mp-cp-big{left:59%;top:69%}.mp-cp-aba{left:43%;top:80%}.map-number-key{display:flex;gap:7px 13px;flex-wrap:wrap;padding:0 18px 16px;font-size:10px;color:#63798b}.map-number-key span{display:inline-flex;align-items:center;gap:5px}.map-number-key b{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#176fae;color:#fff;font-size:9px}.map-number-key .cp-key{background:#c53c43;border-radius:4px;transform:rotate(45deg)}

.critical-key-icon{display:inline-grid;place-items:center;width:12px;height:12px;background:#c53c43;border-radius:3px;color:white;font-size:9px;font-style:normal;font-weight:900;transform:rotate(45deg);line-height:1}.critical-key-icon::first-letter{transform:rotate(-45deg)}