:root{--steel:#788ba0;--steel-dark:#5f7184;--panel:#aaa;--bg:#ddd;--line:#707070;--yellow:#ffff00;--orange:#ff8a1d;--blue:#001b76;--green:#33b946;--shadow:inset 0 2px 2px #fff,inset 0 -3px 3px #555,0 1px 2px #555;--ui-scale:1}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--bg);color:#0b0b0b;font-family:"MS PGothic","Yu Gothic",sans-serif;font-weight:700}
body{font-size:calc(16px * var(--ui-scale));overflow-x:auto}
button,select,input{font:inherit;font-weight:700;color:#050505}
button{cursor:pointer}
.system-head{height:70px;display:grid;grid-template-columns:615px 1180px 55px;align-items:stretch;background:#d6d6d6;border-bottom:2px solid #6f6f6f;min-width:1220px}
.head-actions{display:flex;align-items:center;gap:8px;padding:8px 10px}
.head-actions button{height:48px;padding:0 24px;border:1px solid #777;border-radius:8px;box-shadow:var(--shadow);font-size:21px;white-space:nowrap}
.head-actions .green{background:linear-gradient(#d8ffdf,#24b540 58%,#92ff99)}.head-actions .blue{background:linear-gradient(#dcf8ff,#2aa8d3 58%,#aaf2ff)}.head-actions .pink{background:linear-gradient(#ffe8f4,#e43c84 58%,#ff9ac5)}
.identity-grid{display:grid;grid-template-columns:160px 135px 160px 310px 280px;grid-template-rows:34px 34px;border-left:2px solid #777;background:#aaa}
.identity-grid>*{display:flex;align-items:center;justify-content:center;border-right:1px solid #666;border-bottom:1px solid #666;overflow:hidden;white-space:nowrap}
.identity-grid>span{color:white;background:var(--steel);font-size:20px}
.identity-grid>b{font-size:19px}
.round{align-self:center;width:44px;height:44px;border-radius:50%;border:5px solid #55abd0;background:white;color:#298fb8;font-size:28px;line-height:1}
.notice-strip{height:62px;display:flex;align-items:stretch;border-bottom:1px solid #777;min-width:1220px}
.notice-label{width:300px;border:1px solid #777;background:#ddd;font-size:23px}
.ticker{flex:1;min-width:450px;overflow:hidden;background:#050505;color:white;display:flex;align-items:center;font-size:20px;white-space:nowrap}
.ticker span{display:inline-block;padding-left:100%;animation:ticker 26s linear infinite}
@keyframes ticker{to{transform:translateX(-100%)}}
.font-controls{display:flex;align-items:center;gap:7px;padding:0 16px;background:#bbb;border-left:1px solid #666;white-space:nowrap}
.font-controls button,.collapse{border:0;background:#aaa;color:#fff;padding:3px 7px;text-shadow:1px 1px #444}
.collapse{width:55px;border-left:1px solid #777;color:#f90;font-size:26px}
.main-nav{display:flex;flex-wrap:wrap;gap:6px 7px;padding:12px 3px 8px;min-width:1220px;max-width:2020px;position:relative}
.nav-wrap{position:relative}
.nav-btn{min-width:243px;height:47px;padding:2px 18px;border:1px solid #777;border-radius:11px;background:linear-gradient(#fff,#ddd 47%,#aaa 52%,#fafafa);box-shadow:var(--shadow);font-size:22px;white-space:nowrap}
.nav-btn.active{color:var(--yellow);background:linear-gradient(#777,#171717 52%,#333);text-shadow:1px 1px #222}
.nav-btn.has-menu::after{content:"";position:absolute;left:50%;bottom:-4px;border:10px solid transparent;border-top-color:#f5ec00;transform:translateX(-50%)}
.subnav{display:none;position:absolute;left:0;top:48px;z-index:20;width:245px;padding:0;border:2px solid #515a9a;background:white;box-shadow:0 5px 12px #0005}
.nav-wrap.open .subnav{display:block}
.subnav button{width:100%;height:45px;text-align:left;border:0;border-bottom:2px solid #515a9a;background:linear-gradient(90deg,#215395 12px,#fff 13px);padding-left:30px;color:#001b76;font-size:21px}
#workspace{min-height:calc(100vh - 205px);padding:8px 16px 60px;min-width:1180px;outline:none}
.topmenu-title{font-size:26px;margin:4px 0 145px}
.topmenu-grid{width:800px;margin-left:200px;display:grid;grid-template-columns:1fr 1fr;align-items:start}
.menu-panel{border:1px solid #777;background:#aaa}
.menu-panel h2{margin:0;padding:10px 16px 5px;color:#001b76;font-size:28px;background:linear-gradient(#fff,#8fa0b0);border-bottom:6px solid #2ea13c;box-shadow:inset 0 -3px #bbb}
.menu-list{display:flex;flex-direction:column}
.menu-list button{height:59px;text-align:left;border:0;border-bottom:1px solid #777;background:linear-gradient(#fff,#ccc);color:#001b76;font-size:27px;padding-left:58px;position:relative}
.menu-list button::before{content:"";position:absolute;left:20px;top:13px;width:18px;height:34px;background:linear-gradient(90deg,#15952e,#9aff88)}
.menu-list button.has::before{clip-path:polygon(0 0,100% 50%,0 100%);background:linear-gradient(90deg,#efe500,#fcff8f)}
.toolbar{display:flex;align-items:center;gap:12px;min-height:72px;max-width:1850px;background:#aaa;border:1px solid #666}
.toolbar-title{align-self:stretch;display:flex;align-items:center;padding:0 18px;color:white;background:var(--steel);font-size:22px;white-space:nowrap}
.field-group{display:flex;align-items:center;gap:8px;white-space:nowrap}
select,input{height:38px;border:2px inset #ddd;background:white;padding:2px 10px;min-width:120px}
input.highlight{background:var(--yellow)}
.action{height:58px;min-width:185px;border:2px solid #657789;background:linear-gradient(#fff,#d6d6d6 55%,#fafafa);box-shadow:inset 0 0 8px #7d99ae;font-size:23px}
.action::before{content:"🔍";margin-right:14px}.action.refresh::before{content:"🔄"}
.content-title{display:flex;justify-content:space-between;align-items:center;max-width:1700px;margin:22px auto 12px;font-size:24px}
.help-float{position:absolute;right:70px;top:15px}
.monitor-box{position:relative;max-width:1550px;margin:14px auto}
.atos-table{border-collapse:collapse;width:100%;background:#aaa;font-size:20px}
.atos-table th,.atos-table td{border:1px solid #6f6f6f;padding:7px 10px;text-align:center;line-height:1.05}
.atos-table th{background:var(--steel);color:white;font-size:19px}
.atos-table td.left{text-align:left}.atos-table td.yellow,.yellow{color:var(--yellow)}
.atos-table a,.train-link{color:#001fe5;text-decoration:none;cursor:pointer}
.delay-summary{max-width:1175px;margin:35px auto}
.delay-summary .atos-table td{color:var(--yellow);font-weight:800}
.delay-note{margin:4px 20px;font-size:19px}.delay-note span{background:#ffff73}
.status-tabs{display:flex;gap:10px;margin:10px 0 16px}.status-tabs button{min-width:140px;height:44px;border:1px solid #555;border-radius:9px;background:linear-gradient(#fff,#bbb);box-shadow:var(--shadow);font-size:20px}.status-tabs button.active{background:linear-gradient(#777,#111);color:var(--yellow)}
.information-table td{color:var(--yellow)}
.search-card{width:1000px;margin:55px auto;background:#aaa;border:1px solid #666}.search-row{display:grid;grid-template-columns:200px 1fr;min-height:52px;border-bottom:1px solid #777}.search-row>label{display:flex;align-items:center;justify-content:center;background:var(--steel);color:white;font-size:22px}.search-row>div{display:flex;align-items:center;gap:10px;padding:6px}
.search-card+.action{display:block;margin:18px calc(50% + 300px)}
.online-canvas{position:relative;height:900px;min-width:1900px;overflow:auto;background:#ddd;border-top:1px solid #bbb}
.rail-line{position:absolute;height:8px;background:var(--orange);left:30px;right:40px;top:540px}
.station-node{position:absolute;top:505px;transform:translateX(-50%);min-width:180px;height:60px;display:grid;place-items:center;background:#050505;color:white;border-radius:3px;font-size:22px;z-index:2}.station-node.selected{outline:4px solid red}
.train-chip{position:absolute;transform:translateX(-50%);min-width:175px;padding:5px 14px;background:#aaa;border:4px solid var(--orange);clip-path:polygon(0 0,88% 0,100% 28%,100% 100%,0 100%);text-align:center;color:var(--yellow);font-size:18px;z-index:3}.train-chip.down{top:390px}.train-chip.up{top:620px;color:#111}
.platform{position:absolute;top:300px;left:910px;width:250px;background:white;border:2px solid #111}.platform h3{height:60px;margin:0;display:grid;place-items:center}.platform-row{display:grid;grid-template-columns:65px 1fr;min-height:64px;border-top:2px solid #111}.platform-row span{display:grid;place-items:center;border-right:1px solid #111}.platform-row:nth-child(3n){border-top:18px solid #111}
.plan-layout{display:grid;grid-template-columns:460px minmax(800px,1fr);gap:0;max-width:1720px;margin:15px auto}.plan-filter{background:#aaa}.plan-filter h3,.plan-sheet .plan-head{margin:0;padding:8px;text-align:center;color:white;background:var(--steel);border:1px solid #666}.check-row{height:48px;border:1px solid #777;padding:10px}.plan-sheet{background:#aaa}.plan-sheet table{width:100%;border-collapse:collapse}.plan-sheet td{border:1px solid #6c6c6c;padding:5px;text-align:center}
.placeholder{display:grid;place-items:center;min-height:400px;color:#555;font-size:22px}
.loading{display:flex;justify-content:center;align-items:center;gap:14px;min-height:300px;font-size:22px}.loading span{width:26px;height:26px;border:5px solid #aaa;border-top-color:#445f79;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.toast{position:fixed;right:20px;bottom:20px;z-index:50;padding:14px 22px;border:2px solid #5f7184;background:#fff;box-shadow:0 7px 24px #0005}
dialog{border:0;background:transparent;max-width:min(900px,92vw)}dialog::backdrop{background:#0008}.dialog-card{position:relative;background:#ddd;border:4px solid #65788e;padding:30px;min-width:600px;box-shadow:0 12px 40px #000}.dialog-close{position:absolute;right:8px;top:6px;border:0;background:transparent;font-size:30px}.dialog-card h2{margin-top:0;color:#001b76}.dialog-card dl{display:grid;grid-template-columns:180px 1fr}.dialog-card dt,.dialog-card dd{margin:0;padding:9px;border:1px solid #777}.dialog-card dt{background:var(--steel);color:white}
.hidden{display:none!important}
@media(max-width:900px){body{font-size:15px}.system-head{grid-template-columns:615px 1fr;height:auto;min-width:1000px}.identity-grid{display:none}.main-nav{min-width:1000px}.nav-btn{min-width:190px;font-size:17px}.topmenu-grid{margin-left:20px}.toolbar{overflow-x:auto}.monitor-box{margin-left:0}.system-head .round{display:none}}

/* Saved PC edition measurements, rebuilt without WebForms/session state. */
:root{--steel:#708090;--panel:#a9a9a9;--bg:#dcdcdc;--line:#696969;--system-width:1005px;--ui-scale:1}
html,body{font-family:"MS PGothic","MS Gothic",sans-serif;font-weight:400;background:#dcdcdc}
body{font-size:calc(13px * var(--ui-scale));min-width:var(--system-width)}
button,select,input{font-family:inherit;font-size:inherit;font-weight:700;border-radius:0}

.system-head{width:980px;min-width:980px;height:30px;display:grid;grid-template-columns:305px 650px 25px;align-items:stretch;background:transparent;border:0;margin:0}
.head-actions{gap:4px;padding:3px 5px;justify-content:center;border:1px solid #696969;background:#a9a9a9}
.head-actions button{height:24px;padding:0;border:0;border-radius:0;box-shadow:inset 1px 1px #fff,inset -1px -1px #666;font-size:13px;color:#000}
.head-actions .green{width:95px;background:linear-gradient(#f6fff7,#90e99d 48%,#3bb652 52%,#d9ffdf)}
.head-actions .blue{width:110px;background:linear-gradient(#f5fdff,#91d8ed 48%,#2aa8d3 52%,#def9ff)}
.head-actions .pink{width:75px;background:linear-gradient(#fff6fa,#f6a5c8 48%,#df4a87 52%,#ffe6f1)}
.identity-grid{grid-template-columns:105px 65px 105px 150px 225px;grid-template-rows:14px 14px;border:0;background:#a9a9a9}
.identity-grid>*{border:1px solid #696969;border-left:0;min-width:0;font-size:12px;line-height:12px}
.identity-grid>span{font-size:12px;font-weight:400;background:#708090;color:#fff}
.identity-grid>b{font-size:12px;background:#a9a9a9}
.help.round{align-self:center;width:25px;height:25px;border:2px solid #52a9ce;border-radius:50%;padding:0;background:#fff;color:#2183ad;font-size:16px;line-height:18px}

.notice-strip{width:1005px;min-width:1005px;height:21px;margin-top:7px;border:0;display:flex}
.notice-label{width:145px;border:1px solid #696969;background:#a9a9a9;font-size:13px;font-weight:700;padding:0}
.ticker{width:675px;min-width:675px;flex:0 0 675px;border:1px solid #696969;border-left:0;background:#000;color:#fff;font-size:13px}
.ticker span{padding-left:100%;animation-duration:34s}
.font-controls{width:160px;gap:4px;padding:0 5px;border:1px solid #696969;border-left:0;background:#a9a9a9;justify-content:center}
.font-controls b{font-size:12px}.font-controls button{padding:0;width:36px;height:18px;border:0;box-shadow:inset 1px 1px #fff,inset -1px -1px #555;background:#d3d3d3;color:#000;text-shadow:none;font-size:11px}
.font-controls button:first-of-type{width:30px;background:#111;color:#ffff00}
.collapse{width:25px;height:21px;padding:0;border:1px solid #696969;border-left:0;background:#fff;color:#000;font-size:18px;line-height:16px;text-shadow:none}

.main-nav{width:1000px;min-width:1000px;max-width:1000px;height:51px;display:grid;grid-template-columns:repeat(8,125px);grid-auto-rows:24px;gap:3px 0;padding:16px 0 0;overflow:visible}
.nav-wrap{width:125px;height:24px}
.nav-wrap[data-wrap="external"]{grid-column:4}
.nav-btn{position:relative;width:125px;min-width:125px;height:24px;padding:0 2px;border:0;border-radius:0;background:linear-gradient(#fff 0,#e8e8e8 44%,#aaa 48%,#f8f8f8 100%);box-shadow:inset 1px 1px #fff,inset -1px -1px #666;font-size:13px;font-weight:700}
.nav-btn.active{color:#ffff00;background:linear-gradient(#777,#1a1a1a 48%,#333);text-shadow:none}
.nav-btn.has-menu::after{left:8px;bottom:5px;border-width:4px;border-left-color:#ffff00;border-top-color:transparent;transform:none}
.subnav{left:0;top:24px;width:125px;border:2px solid #708090;box-shadow:none}
.subnav button{width:121px;height:24px;padding-left:18px;border:0;border-bottom:1px solid #708090;background:linear-gradient(90deg,#315c91 8px,#fff 9px);font-size:13px}

#workspace{width:1005px;min-width:1005px;min-height:calc(100vh - 109px);padding:7px 0 45px}
.topmenu-title{font-size:16px;font-weight:700;margin:0 0 105px 4px}
.topmenu-grid{width:690px;margin-left:155px;grid-template-columns:345px 345px}
.menu-panel{border:1px solid #696969;background:#a9a9a9}
.menu-panel h2{padding:4px 8px 3px;font-size:16px;color:#000064;border-bottom:4px solid #2d9e3d;background:linear-gradient(#e9edf1,#9aa9b6);box-shadow:none}
.menu-list button{height:31px;padding-left:35px;border-bottom:1px solid #696969;font-size:15px;color:#000064;background:linear-gradient(#f8f8f8,#d4d4d4)}
.menu-list button::before{left:13px;top:6px;width:10px;height:19px}.menu-list button.has::before{width:13px}

.toolbar{min-height:50px;width:980px;max-width:980px;background:#a9a9a9;border:0;gap:5px}
.toolbar-title{padding:0 8px;font-size:13px;background:#708090;border:1px solid #696969}
.field-group{gap:4px}
select,input{height:25px;min-width:60px;padding:1px 4px;border:1px solid #b0c4de;background:#fff}
input.highlight{background:#ffff00}
.action{height:30px;min-width:100px;padding:0 7px 0 17px;border:0;border-radius:0;background:linear-gradient(#fff,#d5dfe7 45%,#a9bac8 52%,#f7fafc);box-shadow:inset 1px 1px #fff,inset -1px -1px #596b79;font-size:14px;font-weight:700}
.action::before{content:"◆";margin-right:7px;font-size:10px;color:#294e71}.action.refresh::before{content:"↻"}
.content-title{width:980px;max-width:980px;margin:8px 0 5px;font-size:13px}
.content-title .action{height:30px!important;min-width:100px!important}
.status-tabs{gap:3px;margin:2px 0 6px}.status-tabs button{min-width:125px;height:24px;border:0;border-radius:0;background:linear-gradient(#fff,#aaa 50%,#f8f8f8);box-shadow:inset 1px 1px #fff,inset -1px -1px #666;font-size:13px}.status-tabs button.active{background:linear-gradient(#777,#111);color:#ffff00}

.monitor-box{width:980px;max-width:980px;margin:6px 0}
.atos-table{font-size:13px;background:#a9a9a9;border-collapse:collapse}
.atos-table th,.atos-table td{height:24px;padding:2px 5px;border:1px solid #696969;line-height:1.05}
.atos-table th{height:20px;background:#708090;color:#fff;font-size:13px;font-weight:400;border-color:#696969}
.delay-summary{width:760px;max-width:760px;margin:20px auto 0}.delay-summary .atos-table td{font-weight:700}.delay-note{margin:4px 0;font-size:13px}
.search-card{width:640px;margin:35px auto 0;border:0;background:#a9a9a9}.search-row{grid-template-columns:150px 1fr;min-height:25px;border:0}.search-row>label{font-size:13px;background:#708090;border:1px solid #696969}.search-row>div{min-height:25px;padding:2px 5px;border:1px solid #696969;border-left:0}
.search-card+.action{margin:8px 0 0 655px}
.online-canvas{height:760px;min-width:1850px;font-size:13px}.station-node{min-width:125px;height:36px;font-size:13px}.train-chip{min-width:120px;padding:2px 5px;border-width:3px;font-size:12px}.platform{width:180px}.platform h3{height:36px}.platform-row{grid-template-columns:45px 1fr;min-height:44px}
.plan-layout{grid-template-columns:300px 680px;gap:0;width:980px;max-width:980px;margin:6px 0}.plan-filter h3,.plan-sheet .plan-head{padding:3px;font-size:13px}.check-row{height:27px;padding:2px 5px}.plan-sheet td{height:24px;padding:2px}
.placeholder,.loading{min-height:250px;font-size:13px}

.certificate-layout{width:980px;display:grid;grid-template-columns:300px 17px 663px;align-items:start}
.certificate-search{grid-column:1;width:300px}.certificate-search table{display:inline-table;width:300px;border-collapse:collapse}
.certificate-search th{height:25px;padding:2px 5px;background:#708090;color:#fff;border:1px solid #696969;text-align:center;font-weight:700}
.certificate-search td{height:25px;padding:2px;background:#a9a9a9;border:1px solid #696969;text-align:center;font-weight:700}
.certificate-search select{width:60px;min-width:60px}.certificate-date{width:112px}.calendar-button{width:25px;height:25px;padding:0;border:1px solid #696969;background:#fff;font-size:14px}
.certificate-submit{width:150px;background:transparent!important;border:0!important}.certificate-submit .action{width:100px}
.certificate-result{grid-column:3;width:663px}.certificate-caption{height:25px;padding:4px 7px;font-size:16px;font-weight:700}.certificate-empty{position:relative;top:200px;text-align:center;font-weight:700}
.certificate-result .monitor-box{width:663px;margin:0}

.toast{font-size:13px;padding:8px 14px;border:2px solid #708090}.dialog-card{font-size:13px;min-width:600px}.dialog-card h2{font-size:18px}
@media(max-width:900px){body{font-size:calc(13px * var(--ui-scale))}.system-head{width:980px;min-width:980px;height:30px;grid-template-columns:305px 650px 25px}.identity-grid{display:grid}.main-nav{min-width:1000px}.nav-btn{min-width:125px;font-size:13px}.topmenu-grid{margin-left:155px}.system-head .round{display:block}}

/* Pixel alignment from the live PC layout. */
.identity-grid{grid-template-columns:105px 65px 105px 150px 40px 185px;grid-template-rows:14px 14px}
.identity-grid .screen-label{grid-column:5;grid-row:1 / 3}
.identity-grid #head-line{grid-column:1;grid-row:2}.identity-grid #head-station{grid-column:2;grid-row:2}
.identity-grid>b:nth-of-type(3){grid-column:3;grid-row:2}.identity-grid>b:nth-of-type(4){grid-column:4;grid-row:2}
.identity-grid .screen-value{grid-column:6;grid-row:1 / 3;display:grid;grid-template-rows:14px 14px;padding:0}
.identity-grid .screen-value small,.identity-grid .screen-value strong{display:flex;align-items:center;justify-content:center;font:700 12px "MS PGothic","MS Gothic",sans-serif;line-height:12px;overflow:hidden}
.notice-cell{width:145px;height:21px;display:flex;align-items:center;border:1px solid #696969;background:#a9a9a9}
.notice-cell>b{width:64px;text-align:center;white-space:nowrap}.notice-label{width:77px;height:20px;padding:0;border:0;box-shadow:inset 1px 1px #fff,inset -2px -2px #666;background:linear-gradient(#fff,#d7d7d7 52%,#f8f8f8);font-size:13px}
.nav-btn.has-menu::after{left:50%;bottom:-4px;border:5px solid transparent;border-top-color:#ffff00;transform:translateX(-50%)}
.nav-wrap[data-wrap="information"]{position:relative;z-index:3}.nav-wrap[data-wrap="information"] .nav-btn{pointer-events:auto}.nav-wrap[data-wrap="information"] .nav-btn.has-information::before{content:"!";display:inline-grid;place-items:center;width:8px;height:16px;margin-right:3px;border-radius:5px;background:#00ef27;color:#00290a;font-weight:900;line-height:16px;box-shadow:0 0 0 1px #087215;pointer-events:none}
#workspace{position:relative;width:auto;min-width:1005px}
.page-help{position:absolute;top:8px;right:calc((100vw - 1005px) / 2 + 9px);width:25px;height:25px;padding:0;border:2px solid #52a9ce;border-radius:50%;background:#fff;color:#2183ad;font-size:16px;font-weight:900;line-height:18px}
.certificate-layout{margin:0 auto}
.certificate-search .action::before{content:"";display:inline-block;width:11px;height:11px;margin:0 10px 0 0;border:2px solid #9db3b8;border-radius:50%;box-shadow:0 0 2px #667;vertical-align:-1px}
.certificate-search .action::after{content:"";display:inline-block;width:7px;height:2px;margin-left:-14px;margin-right:8px;background:#72878d;transform:rotate(-48deg);vertical-align:-5px}
.certificate-empty,.certificate-caption{display:none}
@media(max-width:1005px){.page-help{right:9px}}

.head-actions button{border-radius:5px;border:1px solid #737373;box-shadow:inset 0 2px 2px #fff,inset 0 -2px 3px #555,0 1px 1px #777}
.head-actions .green{background:linear-gradient(#effff2 0,#80e98f 35%,#19a834 58%,#a6ffae 100%)}
.head-actions .blue{background:linear-gradient(#effdff 0,#81d9ed 35%,#189cc9 58%,#bcf5ff 100%)}
.head-actions .pink{background:linear-gradient(#fff5fa 0,#f39ac0 35%,#d92b74 58%,#ffafd0 100%)}
.nav-btn{border:1px solid #777;border-radius:5px;background:linear-gradient(#fff 0,#f2f2f2 31%,#bcbcbc 48%,#888 53%,#efefef 100%);box-shadow:inset 0 2px 2px #fff,inset 0 -2px 2px #555,0 1px 1px #777}
.nav-btn.active{background:linear-gradient(#707070 0,#171717 55%,#333 75%,#707070 100%)}
.ticker span{padding-left:100%;animation:ticker 34s linear infinite;will-change:transform}
.action.refresh::before{color:#08a330;font-size:16px;font-weight:900}
.certificate-layout{margin-top:22px}.page-help{top:0}

.station-delay-view .status-tabs{height:26px;margin:0 9px 0}
.station-delay-view .status-tabs button{min-width:100px;padding:0 14px;font-size:13px}
.station-delay-view .status-tabs button:nth-child(2){min-width:132px}.station-delay-view .status-tabs button:nth-child(3){min-width:105px}
.station-delay-view .content-title{width:905px;margin:0 auto 20px;border-top:2px solid #696969;padding-top:7px;font-size:14px}
.station-delay-view .content-title .action{margin-left:25px}
.station-delay-view .monitor-box{width:905px;margin:0 auto}
.station-delay-table{table-layout:fixed;font-weight:700}
.station-delay-table th{height:24px;font-size:13px}.station-delay-table td{height:24px;padding:2px 3px;font-size:13px}
.station-delay-table th:nth-child(1){width:123px}.station-delay-table th:nth-child(2){width:41px}.station-delay-table th:nth-child(3){width:41px}.station-delay-table th:nth-child(4){width:85px}.station-delay-table th:nth-child(5){width:47px}.station-delay-table th:nth-child(6){width:75px}.station-delay-table th:nth-child(7){width:97px}.station-delay-table th:nth-child(14){width:50px}
.station-delay-table .line-cell{background:#ff851b;vertical-align:bottom;padding-bottom:10px}.station-delay-table .direction-cell{vertical-align:middle}.station-delay-table .delay-cell{font-weight:900}
.data-empty{min-height:120px;display:grid;place-items:center;font-size:13px;font-weight:700;color:#000}
.search-card{width:500px}.search-row{grid-template-columns:100px 400px}.search-card+.action{margin:8px 0 0 calc(50% + 150px)}
.information-head{display:flex;align-items:flex-start;justify-content:space-between;width:960px;margin:12px auto 7px}.information-view .status-tabs{margin:0}.information-head>.action{margin-right:0}.information-pages{width:960px;margin:0 auto 4px;font-size:16px}.information-pages button{border:0;background:transparent;padding:0 3px;text-decoration:underline}
.information-view .monitor-box{width:960px;margin:0 auto}.information-table{table-layout:fixed}.information-table th:nth-child(1){width:122px}.information-table th:nth-child(2){width:96px}.information-table th:nth-child(3){width:64px}.information-table th:nth-child(4){width:548px}.information-table td{font-weight:700}.information-note{font-size:13px;margin-top:4px}.information-note span{background:#ffff73}

/* Station train monitor: horizontal track diagram used by the PC edition. */
.online-toolbar{width:100%;max-width:none;min-width:1005px;height:37px;min-height:37px;gap:4px;white-space:nowrap}
.online-toolbar .toolbar-title{height:37px;padding:0 8px}
.online-toolbar select[data-field="line"]{width:132px}.online-toolbar select[data-field="station"]{width:96px}
.online-toolbar .destination-toggle{display:flex;align-items:center;gap:3px}.online-toolbar .destination-toggle input{width:17px;min-width:17px;height:17px;margin:0}
.online-toolbar .action{height:32px;min-width:100px}.online-toolbar .search-title{margin-left:0}
.online-toolbar .train-query select{width:40px;min-width:40px}.online-toolbar .train-query input{width:68px;min-width:68px}
.online-heading{width:980px;height:24px;margin:2px 0 0 4px;font-size:16px;font-weight:700;line-height:24px}
.online-canvas{position:relative;width:980px;min-width:980px;height:auto;min-height:650px;overflow:visible;padding:0 0 30px;background:#dcdcdc;border:0;font-size:13px}
.online-canvas.route-loop::before{content:"";position:absolute;left:40px;top:36px;width:5px;height:112px;background:var(--route-color);z-index:1}
.online-canvas.route-loop .route-rail{left:40px}
.route-segment{position:relative;width:980px;height:80px;border-bottom:2px solid #c5c5c5}
.route-segment+.route-segment{margin-top:27px}
.direction-ribbon{position:absolute;left:4px;width:94px;height:20px;display:grid;place-items:center;background:var(--route-color,#ff851b);color:#000;font-size:13px;font-weight:700;z-index:3;clip-path:polygon(0 0,78% 0,100% 100%,0 100%)}
.direction-ribbon.down{top:0}.direction-ribbon.up{top:calc(var(--rail-top,36px) + 16px)}
.route-rail{position:absolute;left:4px;right:0;top:var(--rail-top,36px);height:5px;background:var(--route-color,#ff851b);z-index:1}
.route-segment .station-node{position:absolute;top:calc(var(--rail-top,36px) - 13px);transform:translateX(-50%);width:110px;min-width:110px;height:27px;padding:0;border:0;border-radius:2px;background:#050505;color:#fff;font-size:13px;font-weight:700;z-index:4}
.route-segment .station-node.selected{outline:2px solid red;outline-offset:1px}
.route-segment .train-chip{position:absolute;transform:translateX(-50%);width:108px;min-width:108px;min-height:19px;padding:2px 5px;border:0;background:var(--train-color,var(--route-color,#ff851b));color:#111;clip-path:polygon(0 0,88% 0,100% 30%,100% 100%,8% 100%,0 70%);font-size:12px;line-height:15px;white-space:nowrap;z-index:5}
.route-segment .train-chip,.special-train,.platform-train{isolation:isolate}
.route-segment .train-chip::before,.special-train::before,.platform-train::before{content:"";position:absolute;inset:3px;background:#aaa;clip-path:inherit;z-index:1}
.route-segment .train-chip>*,.special-train>*,.platform-train>*{position:relative;z-index:2}
.route-segment .train-chip.down{top:calc(var(--rail-top,36px) - 21px - var(--stack,0)*20px)}.route-segment .train-chip.up{top:calc(var(--rail-top,36px) + 8px + var(--stack,0)*20px);color:#111;clip-path:polygon(12% 0,100% 0,100% 70%,92% 100%,0 100%,0 30%)}
.route-segment .train-chip .delay{color:#ffff00;font-weight:700}
.route-segment .train-chip small{display:block;overflow:hidden;text-overflow:ellipsis;font-size:10px;line-height:12px}
.online-data-note{position:absolute;left:330px;top:320px;width:360px;padding:8px;text-align:center;border:1px solid #888;background:#eee;font-weight:700}

/* Separate-window look for station and train detail dialogs. */
dialog.monitor-modal{width:min(1500px,96vw);max-width:none;padding:0;border:0;border-radius:15px;background:#dcdcdc;box-shadow:0 14px 45px #0007}
dialog.monitor-modal::backdrop{background:#0006}
.monitor-modal .dialog-card{box-sizing:border-box;width:100%;min-width:0;min-height:620px;margin:0;padding:28px 26px;background:#dcdcdc;border:0;border-radius:15px;box-shadow:none}
.monitor-modal .dialog-close{display:none}
.monitor-modal-head{display:grid;grid-template-columns:1fr auto 105px;align-items:start;gap:24px;min-height:64px;margin:0 0 18px;font-size:16px;line-height:1.25}
.monitor-modal-head.station-modal-head{grid-template-columns:1fr auto 92px 105px;align-items:center}
.monitor-modal-head>span{font-weight:700;white-space:nowrap}
.monitor-modal-head .action{height:32px;min-width:92px;font-size:14px}
.close-action{height:32px;min-width:105px;padding:0 8px;border:2px solid #7b8b94;background:linear-gradient(#fff,#dce3e6 48%,#aeb9bf 55%,#f7f9fa);box-shadow:inset 0 0 5px #81909a;font-size:14px;font-weight:700}
.close-action::first-letter{color:#fff;background:#e33;border-radius:50%}
.monitor-modal-table{width:100%;overflow:auto}
.station-modal-table,.train-detail-table{table-layout:fixed;width:100%;font-size:13px;font-weight:700}
.station-modal-table th,.train-detail-table th{height:24px;font-size:13px;font-weight:700}
.station-modal-table td,.train-detail-table td{height:24px;padding:2px 4px;font-size:13px}
.station-modal-table th:nth-child(1){width:120px}.station-modal-table th:nth-child(2){width:45px}.station-modal-table th:nth-child(3){width:45px}.station-modal-table th:nth-child(4){width:85px}.station-modal-table th:nth-child(5){width:50px}.station-modal-table th:nth-child(6){width:78px}.station-modal-table th:nth-child(7){width:102px}.station-modal-table th:nth-child(14){width:50px}
.station-modal-table .line-cell{background:#ff851b;color:#000;font-weight:700;vertical-align:bottom}
.train-detail-table th:nth-child(1){width:90px}.train-detail-table th:nth-child(2){width:45px}.train-detail-table th:nth-child(3){width:90px}.train-detail-table th:nth-child(10){width:70px}.train-detail-table th:nth-child(11){width:48px}.train-detail-table th:nth-child(12){width:60px}.train-detail-table th:nth-child(13){width:100px}
.symbol-note{margin-top:12px;font-size:15px;font-weight:700}

/* Operation-plan monitor: measurements from the saved PC screen. */
.plan-layout{display:grid;grid-template-columns:232px 628px;width:860px;max-width:none;margin:7px 0 0 218px}
.plan-filter{width:232px;background:#aaa}.plan-filter h3{height:21px;padding:2px;margin:0;border:1px solid #696969;background:#708090;color:#fff;text-align:center;font-size:13px}
.plan-filter .check-row{display:flex;align-items:center;height:29px;padding:2px 4px;border:1px solid #696969;border-top:0;background:#aaa}
.plan-filter input,.plan-filter select{height:20px}.plan-filter input[type="checkbox"]{min-width:14px;width:14px;height:14px;margin:0 4px}
.plan-date>input{width:80px;min-width:80px}.plan-date .calendar-button{width:23px;height:22px;margin-right:6px}.plan-date label{display:flex;align-items:center;white-space:nowrap}
.plan-command select{width:60px;min-width:60px}.plan-command b{margin:0 6px}.plan-command input{width:66px;min-width:66px}.plan-text{width:100%;min-width:0}.plan-line{font-weight:700}
.plan-search{display:block;width:100px;min-width:100px;height:30px;margin:1px 0 0 130px}
.plan-results{width:628px;background:#dcdcdc}.plan-pages{height:31px;padding:3px 5px;font-size:16px;font-weight:700}.plan-pages u{margin-left:3px;cursor:pointer}
.plan-grid{width:628px;border-collapse:collapse;table-layout:fixed;background:#aaa}.plan-grid th,.plan-grid td{height:18px;border:1px solid #696969;padding:1px 4px}.plan-grid th{height:20px;background:#708090;color:#fff}.plan-grid th:first-child{width:158px}

/* Dedicated platform display; this is a different monitor from the line diagram. */
.platform-canvas{position:relative;width:1080px;min-width:1080px;min-height:710px;background:#dcdcdc;overflow:visible}
.platform-rail{position:absolute;left:0;right:0;top:535px;height:6px;background:var(--route-color);z-index:1}
.platform-focus{position:absolute;left:455px;top:450px;width:260px;height:80px;border:4px solid red;border-radius:12px;background:#050505;color:#fff;font-size:27px;font-weight:700;z-index:4}
.platform-station{position:absolute;left:705px;top:28px;width:360px;border:4px solid #111;background:#fff;z-index:2}
.platform-station h3{height:72px;margin:0;display:grid;place-items:center;border-bottom:3px solid #111;font-size:24px}
.platform-track{display:grid;grid-template-columns:90px 1fr;min-height:88px;border-bottom:3px solid #111;background:#fff}
.platform-track>b{display:grid;place-items:center;border-right:2px solid #111;font-size:21px;line-height:1.1}.platform-track.divider{border-top:32px solid #111}
.platform-train{position:absolute;transform:translateX(-50%);width:238px;min-height:62px;padding:7px 11px;border:0;background:var(--train-color,var(--route-color));clip-path:polygon(0 0,88% 0,100% 28%,100% 100%,8% 100%,0 72%);font-size:20px;font-weight:700;z-index:4}
.platform-train small{display:block;font-size:18px}.platform-train .delay{color:#ffff00}

/* The four through-operation monitors have their own fixed diagrams in the PC edition. */
.special-toolbar .action.refresh{margin-left:0}.special-toolbar select[data-field="line"]{width:132px}.special-toolbar select[data-field="station"]{width:96px}
.special-updates{display:flex;height:35px;width:max-content;min-width:326px;margin:23px 0 0 8px;background:#514d4e;color:#fff;font-weight:700}
.special-updates>b{display:grid;place-items:center;width:92px;min-width:92px;border-left:8px solid #000;font-size:13px}
.special-updates>span{display:grid;grid-template-rows:16px 17px;min-width:108px;padding:1px 8px;border-left:8px solid var(--system-color);text-align:center;line-height:1}
.special-updates strong{font-size:12px;white-space:nowrap}.special-updates small{font-size:12px;font-weight:700;white-space:nowrap}
.special-canvas{position:relative;width:2700px;min-width:2700px;height:760px;margin-top:0;background:#dcdcdc;overflow:visible}
.special-line{position:absolute;z-index:1}.special-line.main{left:8px;right:0;height:5px}
.special-utss .orange{top:566px;background:#ff851b}.special-keiyo .musashino{top:464px;background:#ff6a00}
.special-node{position:absolute;width:184px;height:42px;transform:translateX(-50%);border:0;border-radius:2px;background:#050505;color:#fff;font-size:16px;font-weight:700;z-index:3}
.special-node.selected{outline:3px solid red;outline-offset:2px}
.special-platform{position:absolute;width:244px;border:2px solid #111;background:#aaa;z-index:2}.special-platform.wide{width:248px}
.special-platform>button{width:100%;height:42px;border:0;border-bottom:2px solid #111;background:#fff;color:#111;font-size:17px;font-weight:700}
.special-platform.selected{outline:3px solid red;outline-offset:1px}
.special-platform-row{display:grid;grid-template-columns:64px 1fr;min-height:62px;border-bottom:2px solid #111;background:#fff}
.special-platform-row.divider{border-top:20px solid #111}.special-platform-row>b{display:grid;place-items:center;border-right:2px solid #111;font-size:14px}.special-platform-row span{background:#fff}
.special-train{position:absolute;width:176px;min-height:38px;padding:4px 9px;border:0;background:var(--train-color,var(--route-color));color:#111;clip-path:polygon(0 0,88% 0,100% 30%,100% 100%,8% 100%,0 70%);font-size:14px;line-height:17px;z-index:5}
.special-train .delay{color:#ffff00;font-weight:700}.special-train small{display:block;font-size:12px;line-height:13px}
.special-chuo .chuo-main{left:108px;right:0;top:523px;height:5px;background:#ff7f00}.special-chuo .sobu-branch-v{left:1242px;top:330px;width:5px;height:196px;background:#fff000}.special-chuo .sobu-branch-h{left:1242px;right:0;top:330px;height:5px;background:#fff000}
.special-netrains .sobu-main{left:70px;right:0;top:553px;height:5px;background:#f4bc00}.net-label{position:absolute;left:868px;top:190px;padding:4px 12px;background:#168642;color:#fff;font-size:14px;font-weight:700;z-index:5}
.special-netrains .special-platform.selected{outline-color:red}.special-keiyo .special-node.selected,.special-chuo .special-platform.selected{outline-color:red}

/* Train-by-train and station-by-station timetable monitors. */
.diagram-toolbar{width:1005px;min-width:1005px;height:37px;min-height:37px;gap:4px;white-space:nowrap}
.diagram-toolbar .toolbar-title{height:37px;padding:0 8px}.diagram-toolbar .action{height:32px;min-width:100px}
.diagram-toolbar select[data-field="diagram-line"]{width:132px}.diagram-toolbar select[data-field="diagram-station"]{width:96px}
.diagram-toolbar input[data-query="diagram-date"]{width:112px;min-width:112px}.diagram-number select{width:45px;min-width:45px}.diagram-number input{width:72px;min-width:72px}
.diagram-calendar-button{width:27px;min-width:27px;height:29px;padding:0;border:2px outset #83909a;background:linear-gradient(#fff,#d6d6d6);color:#159b38;font-size:19px;font-weight:700;line-height:23px}
.station-diagram-toolbar{gap:2px}.station-diagram-toolbar .toolbar-title{padding:0 6px}.station-diagram-toolbar select[data-field="diagram-line"]{width:100px}.station-diagram-toolbar select[data-field="diagram-station"]{width:78px}
.station-diagram-toolbar input[data-query="diagram-date"]{width:91px;min-width:91px}.station-diagram-toolbar input.diagram-time{width:55px;min-width:55px}.station-diagram-toolbar .diagram-date-time{gap:2px}.station-diagram-toolbar .diagram-order select{width:137px}.station-diagram-toolbar .action{min-width:90px}
.diagram-result{width:1005px;min-height:420px;padding-top:4px}.diagram-result .placeholder{min-height:390px}
.diagram-result-head{display:flex;justify-content:space-between;align-items:flex-start;width:960px;min-height:50px;margin:4px auto 7px;font-size:14px;line-height:1.35}
.diagram-result-head>span{white-space:nowrap;font-weight:700}.station-result-head{align-items:center;min-height:36px;margin-bottom:1px}
.station-result-pages{width:960px;margin:2px auto 4px;font-size:16px;font-weight:700}.station-result-pages button{padding:0;border:0;background:transparent;color:#111;text-decoration:underline;font:inherit;cursor:pointer}.station-result-pages b{text-decoration:none}
.diagram-table-wrap{width:960px;max-width:960px;margin:0 auto;overflow:auto}.diagram-table-wrap .atos-table{table-layout:fixed;font-weight:700}
.diagram-table-wrap th{height:24px;font-size:12px;font-weight:700}.diagram-table-wrap td{height:24px;padding:2px 3px;font-size:12px}.diagram-table-wrap td.station-name-cell{text-align:left;padding-left:7px}
.diagram-table-wrap td.prediction{background:#b1b1b1}.diagram-table-wrap .operation-train-link{color:#001fe5;text-decoration:none;cursor:pointer}
.train-diagram-table{min-width:960px}.train-diagram-table th:nth-child(1){width:68px}.train-diagram-table th:nth-child(2){width:40px}.train-diagram-table th:nth-child(3){width:90px}.train-diagram-table th:nth-child(10){width:54px}.train-diagram-table th:nth-child(11){width:46px}.train-diagram-table th:nth-child(12){width:58px}.train-diagram-table th:nth-child(13){width:78px}
.station-table-wrap{max-height:415px;overflow:auto}.station-diagram-table{min-width:960px}.station-diagram-table th:nth-child(1){width:34px}.station-diagram-table th:nth-child(2){width:74px}.station-diagram-table th:nth-child(3){width:55px}.station-diagram-table th:nth-child(4){width:38px}.station-diagram-table th:nth-child(11){width:50px}.station-diagram-table th:nth-child(12){width:50px}.station-diagram-table th:nth-child(13){width:72px}.station-diagram-table th:nth-child(14){width:68px}.station-diagram-table th:nth-child(15){width:45px}.station-diagram-table th:nth-child(16){width:38px}.station-diagram-table td.direction-cell{font-weight:700;text-align:center;vertical-align:middle}.station-diagram-table .train-link{color:#001fe5;text-decoration:none;font-weight:700}
.diagram-candidates{display:flex;align-items:center;gap:3px;width:960px;margin:4px auto 7px;padding:3px;border:1px solid #696969;background:#aaa;overflow-x:auto;white-space:nowrap}
.diagram-candidates button{height:24px;border:1px solid #708090;background:linear-gradient(#fff,#d7d7d7);font-size:12px}.diagram-footnotes{width:960px;margin:5px auto;font-size:12px;font-weight:700}.diagram-monitor .symbol-note{width:960px;margin:7px auto 0;font-size:13px}

/* Native PC-edition style date picker used by both timetable monitors. */
dialog.calendar-modal{width:626px;max-width:calc(100vw - 30px);padding:0;border:0;background:transparent}
.calendar-modal::backdrop{background:#0000}.calendar-modal .dialog-card{box-sizing:border-box;min-width:0;width:626px;padding:50px 14px 14px;border:1px solid #c8c8c8;background:#fff;box-shadow:none}
.calendar-modal .dialog-close{display:none}.diagram-calendar{position:relative}.calendar-x{position:absolute;right:0;top:-47px;padding:0;border:0;background:transparent;color:#000;font-size:34px;line-height:34px;cursor:pointer}
.calendar-month{display:grid;grid-template-columns:82px 1fr 82px;height:90px;background:#080674;color:#fff}.calendar-month button{border:0;background:transparent;color:#fff;font-size:39px;font-weight:700;text-decoration:underline}.calendar-month b{display:grid;place-items:center;font-size:34px}
.calendar-week,.calendar-days{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-week b{display:grid;place-items:center;height:63px;border:1px solid #aac8ff;background:#aaa;color:#004ab9;font-size:31px}.calendar-day{height:75px;border:1px solid #aac8ff;background:#f7f7f7;color:#004ab9;font-size:30px;font-weight:700;text-decoration:underline}.calendar-day.outside{background:#ddd}.calendar-day.selected{background:#fff687}
.notice-modal{width:min(1180px,94vw);max-width:none;padding:0;border:0;border-radius:15px;background:#dcdcdc;box-shadow:0 14px 45px #0007}.notice-modal::backdrop{background:#0006}.notice-modal .dialog-card{width:100%;min-width:0;min-height:360px;padding:62px 72px;background:#dcdcdc;border:0;box-shadow:none}.notice-modal .dialog-close{display:none}.notice-modal-head{display:grid;grid-template-columns:1fr 105px;align-items:center;margin-bottom:22px;text-align:center;font-size:20px}.notice-list{font-size:14px}.notice-list th:first-child{width:50px}.notice-list td{height:40px;padding:4px}
.station-diagram-table col.dir{width:34px}.station-diagram-table col.number{width:74px}.station-diagram-table col.type{width:55px}.station-diagram-table col.power{width:38px}.station-diagram-table col.time{width:72px}.station-diagram-table col.track{width:50px}.station-diagram-table col.operation{width:50px}.station-diagram-table col.operation-number{width:72px}.station-diagram-table col.destination{width:68px}.station-diagram-table col.delay{width:45px}.station-diagram-table col.hold{width:38px}