.depot-pagination{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0 22px;scroll-margin-top:160px}.depot-pagination button{padding:10px 16px;border:1px solid #638b9e;border-radius:8px;background:#102c3dbb;color:#d9edf7;cursor:pointer}.depot-pagination button[aria-current=page]{background:#376b85;border-color:#b1d9ec}.depot-pagination button:disabled{opacity:.35;cursor:default}.depot-corridor-name{text-align:center;font-size:22px;color:#cce6f3;margin:12px}.depot-corridor-status{text-align:center;min-height:18px;font-size:13px;color:#adc9d9}.top-axis,.side-axis{display:none!important}.deposit-wrap{display:block!important;overflow:visible!important}.deposit-card{max-width:900px;width:calc(100% - 24px);margin:0 auto;background:transparent!important;border:0!important;box-shadow:none!important;padding:12px!important}.deposit-grid#depositGrid{display:grid!important;grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr)!important;grid-template-rows:repeat(12,auto)!important;column-gap:12px!important;row-gap:26px!important;padding:0!important;min-width:0!important;position:relative}.direct-station-group{min-width:0!important;position:relative;isolation:isolate;padding:0!important;background:none!important}.direct-station-group::before{content:'';position:absolute;inset:-16px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse,rgba(4,25,40,.45),transparent 74%);filter:blur(18px)}.direct-station-group h3{display:none!important}.direct-station-layout{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;grid-template-rows:repeat(4,48px)!important;gap:6px 6px!important}.direct-station-layout .station-btn{width:48px!important;height:48px!important;min-width:0!important;margin:auto!important}.depot-corridor-band{grid-column:2;grid-row:1/13;width:30px;padding:0!important;border:1px solid #a6cddd!important;border-radius:3px!important;cursor:pointer;min-height:0;align-self:stretch}.depot-corridor-band:disabled{opacity:1!important;cursor:default}.depot-corridor-band:focus-visible{outline:2px solid white;outline-offset:3px}@media(max-width:650px){.deposit-grid#depositGrid{grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr)!important;column-gap:7px!important;row-gap:18px!important}.direct-station-layout{grid-template-rows:repeat(4,30px)!important;gap:5px 3px!important}.direct-station-layout .station-btn{width:clamp(17px,5vw,30px)!important;height:clamp(17px,5vw,30px)!important;font-size:12px}.depot-corridor-band{width:18px}.depot-pagination button{padding:8px 10px}.deposit-card{padding:3px!important}}@media(prefers-reduced-motion:no-preference){.deposit-grid{animation:corridorFade .25s ease-out}@keyframes corridorFade{from{opacity:0}to{opacity:1}}}
/* Compact C arrangement: equal station size and close spacing. */
.deposit-card{max-width:510px;width:100%;box-sizing:border-box}
.deposit-grid#depositGrid{grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr)!important;column-gap:8px!important;row-gap:24px!important}
.direct-station-layout{grid-template-columns:repeat(5,minmax(0,1fr))!important;grid-template-rows:repeat(4,38px)!important;gap:6px!important}
.direct-station-layout .station-btn{width:38px!important;height:38px!important;box-sizing:border-box!important}
.depot-corridor-band{width:24px!important}
@media(max-width:540px){.deposit-card{max-width:400px!important;padding:3px!important}.deposit-grid#depositGrid{grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr)!important;column-gap:6px!important;row-gap:20px!important}.direct-station-layout{grid-template-rows:repeat(4,30px)!important;gap:5px!important}.direct-station-layout .station-btn{width:clamp(20px,7vw,30px)!important;height:clamp(20px,7vw,30px)!important}.depot-corridor-band{width:18px!important}}

/* Fade only the decoration, keeping stations sharp. */
.deposit-card,.deposit-wrap,.deposit-grid#depositGrid,.direct-station-group{background:none!important;background-image:none!important;box-shadow:none!important}
.deposit-card{position:relative;isolation:isolate}
.deposit-card::before{content:'';position:absolute;inset:0 -25px;z-index:-1;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(3,20,32,.4) 25%,rgba(3,20,32,.4) 75%,transparent);mask-image:linear-gradient(180deg,transparent,#000 4%,#000 96%,transparent)}
.direct-station-group::before{display:none!important}
.depot-corridor-band{border:0!important;outline:0;box-shadow:none!important;border-radius:0!important;mask-image:linear-gradient(180deg,transparent,#000 1.5%,#000 98.5%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 1.5%,#000 98.5%,transparent)}
.depot-pagination button{border-radius:8px!important}
.depot-pagination button[aria-current=page]{outline:2px solid #cce4ef;outline-offset:3px}
.deposit-card:has(.depot-overview){max-width:1400px!important;width:100%!important;overflow-x:auto}
.deposit-grid#depositGrid.depot-overview{grid-template-columns:18px repeat(4,minmax(0,1fr) minmax(0,1fr) 18px)!important;column-gap:7px!important;min-width:1250px!important;row-gap:24px!important}
.depot-overview .depot-corridor-band{width:18px!important}
.depot-overview .direct-station-layout{grid-template-rows:repeat(4,24px)!important;gap:6px 3px!important}
.depot-overview .direct-station-layout .station-btn{width:24px!important;height:24px!important;font-size:12px!important}

html .deposit-card.card::before{display:block!important;inset:0 -25px!important;width:auto!important;height:auto!important;background:linear-gradient(90deg,transparent,rgba(3,20,32,.4) 25%,rgba(3,20,32,.4) 75%,transparent)!important;mask-image:linear-gradient(180deg,transparent,#000 4%,#000 96%,transparent)!important;-webkit-mask-image:linear-gradient(180deg,transparent,#000 4%,#000 96%,transparent)!important;pointer-events:none!important}html #depositGrid::before{display:none!important}html .depot-pagination button{border-radius:8px!important}
/* Center corridor 3 on the band independently of the overview button. */
html #corridorPagination{display:grid;grid-template-columns:repeat(5,44px);gap:8px;width:max-content;max-width:none;margin:12px auto 22px;position:relative;justify-content:center}
html #corridorPagination button{box-sizing:border-box;width:44px;padding:10px 0}
html #corridorPagination button:last-child{position:absolute;left:calc(100% + 12px);top:0;width:max-content;padding:10px 16px;white-space:nowrap}
@media(max-width:720px){html #corridorPagination{margin-bottom:76px}html #corridorPagination button:last-child{top:calc(100% + 14px);left:50%;transform:translateX(-50%)}}

html #corridorPagination button{height:44px;min-height:44px}