.region-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:8px 0 18px}.region-heading h2{font-size:26px;margin:8px 0}.region-heading p,.region-source-time{font-size:13px;color:#a6cbdc}.region-breadcrumb{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.region-breadcrumb button{font-size:14px}.region-breadcrumb [aria-current=page]{color:#43e0ff;border-color:#25b5d8}.region-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:18px}.region-summary>div{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid #277b9c;border-radius:9px;background:#103856;padding:14px}.region-summary span{font-size:13px;color:#b8d4e2}.region-summary strong{font-size:26px}.region-summary small{font-size:12px;font-weight:400;margin-left:4px;color:#a6cbdc}.region-layout{display:grid;grid-template-columns:minmax(240px,1fr) minmax(0,2.15fr);gap:18px;margin-bottom:18px}.region-groups,.region-positions,.region-stations{min-width:0;overflow:hidden}.region-group{width:calc(100% - 24px);margin:0 12px 10px;display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;padding:16px 12px;background:#143f5b;border-color:#277b9c}.region-group>span{display:flex;flex-direction:column;gap:8px;min-width:0}.region-group strong{font-size:17px}.region-group small{font-size:12px;font-weight:400;color:#b3d2e0}.region-group>b{font-size:25px;color:#4ad8f7;white-space:nowrap}.region-group>b>small{display:block;margin-top:4px}.region-group:hover,.region-group:focus-visible{background:#194a69;border-color:#41c8e9}.region-subnote{font-size:12px;line-height:1.7;color:#a6cbdc;margin:12px 16px}.region-position-plot{display:block;width:100%;max-height:390px;background:#0c2d46}.plot-axis{fill:#97bed0;font-size:12px}.plot-point{fill:#1da9c6;stroke:#78e6f8;stroke-width:2}.plot-alarm{fill:#da6373;stroke:#ffc4ca;stroke-width:2}.plot-count{fill:#fff;font-size:13px;font-weight:700;text-anchor:middle}.region-table-scroll{max-height:520px;overflow:auto}.region-table-scroll table{width:100%;min-width:650px;border-collapse:collapse;font-size:13px}.region-table-scroll th{position:sticky;top:0;background:#113a57;text-align:left;font-weight:400;color:#a6cbdc}.region-table-scroll th,.region-table-scroll td{padding:14px 16px;border-bottom:1px solid #285c76;vertical-align:middle}.region-table-scroll td:first-child{min-width:180px}.region-table-scroll td:nth-child(3){max-width:340px;overflow-wrap:anywhere}.region-table-scroll td small{display:block;margin-top:5px;font-size:11px;color:#a6cbdc}.region-table-scroll button{white-space:nowrap;font-size:12px}.region-table-scroll tbody tr:hover{background:#17435e}
@media(max-width:1200px){.region-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.region-layout{grid-template-columns:minmax(0,1fr)}.region-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.region-groups>.panel-heading{grid-column:1/-1}.region-group{padding:12px 8px;gap:8px;margin:0 6px 12px;width:calc(100% - 12px)}}
@media(max-width:600px){.region-heading{display:block}.region-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.region-groups{grid-template-columns:minmax(0,1fr)}.region-source-time{display:block}.region-heading h2{font-size:23px}}