#mxc5 .dc{--dc-bg:#f2f5f7;--dc-paper:#fff;--dc-text:#182b3e;--dc-sub:#506477;--dc-line:#dce5ec;--dc-blue:#155c87;--dc-soft:#e6f2fa;--dc-alert:#fff0db;--dc-alert-text:#794915;background:var(--dc-bg);color:var(--dc-text);font:14px/1.45 'Segoe UI',Arial,sans-serif;border-radius:12px;padding:18px;box-sizing:border-box;overflow-wrap:anywhere}
#mxc5 .dc *{box-sizing:border-box}#mxc5 .dc h2,#mxc5 .dc h3,#mxc5 .dc p{margin:0}#mxc5 .dc h2{font-size:21px;font-weight:600}#mxc5 .dc h3{font-size:16px;font-weight:600}#mxc5 .dc small{font-size:12px;color:var(--dc-sub)}#mxc5 .dc header{padding-right:85px;margin-bottom:14px}#mxc5 .dc button,#mxc5 .dc select{font:inherit;color:var(--dc-text);background:var(--dc-paper);border:1px solid var(--dc-line);border-radius:7px;min-height:40px;padding:8px 11px;max-width:100%}#mxc5 .dc button[aria-selected=true]{background:var(--dc-blue);color:#fff;border-color:var(--dc-blue)}
#mxc5 .dc nav{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}#mxc5 .dc main{min-width:0;display:grid;gap:12px}#mxc5 .dc-box{background:var(--dc-paper);padding:16px;border:1px solid var(--dc-line);border-radius:9px;min-width:0}#mxc5 .dc-topline{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;margin-bottom:14px}#mxc5 .dc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}#mxc5 .dc-metric{min-width:0;font-variant-numeric:tabular-nums}#mxc5 .dc-metric label{display:block;font-size:12px;color:var(--dc-sub)}#mxc5 .dc-metric strong{display:block;font-size:27px;font-weight:600;line-height:1.3}#mxc5 .dc-metric small{display:block;margin-top:4px}#mxc5 .dc-behind{background:var(--dc-alert);padding:10px;border-radius:7px}#mxc5 .dc-behind small{color:var(--dc-alert-text)}#mxc5 .dc-track{height:6px;border-radius:4px;background:var(--dc-soft);overflow:hidden;margin-top:9px}#mxc5 .dc-track span{display:block;background:var(--dc-blue);height:100%}#mxc5 .dc-behind .dc-track span{background:#b37a38}
#mxc5 .dc-period{display:flex;gap:9px 20px;flex-wrap:wrap;border-top:1px solid var(--dc-line);padding-top:12px;margin-top:16px;color:var(--dc-sub);font-size:12px}#mxc5 .dc-rows{display:grid;gap:0}#mxc5 .dc-row{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid var(--dc-line)}#mxc5 .dc-row:last-child{border:0}#mxc5 .dc-row span:last-child{text-align:right;font-variant-numeric:tabular-nums}#mxc5 .dc-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}#mxc5 .dc-ops{display:grid;grid-template-columns:1fr 1fr;gap:12px}#mxc5 .dc-ops h3{margin-bottom:8px}#mxc5 .dc-ops p{margin:4px 0}#mxc5 .dc-empty{color:var(--dc-sub);font-size:12px;background:var(--dc-soft);padding:10px 12px;border-radius:7px}#mxc5 .dc footer{font-size:12px;color:var(--dc-sub);margin-top:12px}#mxc5 .dc details summary{min-height:30px}#mxc5 .dc details[open] summary{margin-bottom:14px}#mxc5 .dc-select{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
#mxc5 [data-layout=side] .dc-shell{display:grid;grid-template-columns:160px 1fr;gap:18px}#mxc5 [data-layout=side] nav{flex-direction:column;align-self:start}#mxc5 [data-layout=side] nav button{text-align:left}#mxc5 [data-layout=side] .dc-grid{grid-template-columns:1fr 1fr}#mxc5 [data-layout=side] .dc-home .dc-metric:first-child{grid-column:1/-1}#mxc5 [data-layout=side] .dc-home .dc-metric:first-child strong{font-size:36px}
#mxc5 [data-layout=eight] nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}#mxc5 [data-layout=eight] .dc-home{display:grid;grid-template-columns:1.25fr 1fr;gap:20px}#mxc5 [data-layout=eight] .dc-home .dc-grid{grid-template-columns:1fr}#mxc5 [data-layout=eight] .dc-home .dc-period{flex-direction:column;margin:0;border-top:0;border-left:1px solid var(--dc-line);padding:0 0 0 20px;gap:15px}
#mxc5 [data-layout=nine] nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}#mxc5 [data-layout=nine] .dc-home .dc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#mxc5 [data-layout=nine] .dc-home .dc-metric{border-bottom:1px solid var(--dc-line);padding-bottom:12px}#mxc5 [data-layout=nine] .dc-home .dc-metric strong{font-size:23px}
#mxc5 [data-layout=phone] .dc{max-width:820px;margin:0 auto}#mxc5 [data-layout=phone] nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}#mxc5 [data-layout=phone] .dc-home .dc-grid{grid-template-columns:1fr 1fr}#mxc5 [data-layout=phone] .dc-home .dc-metric:first-child{grid-column:1/-1;background:var(--dc-soft);padding:14px;border-radius:8px}#mxc5 [data-layout=phone] .dc-home .dc-metric:first-child strong{font-size:36px}
@media(max-width:750px){#mxc5 .dc{padding:12px}#mxc5 .dc-grid{grid-template-columns:1fr 1fr}#mxc5 [data-layout=side] .dc-shell{grid-template-columns:1fr}#mxc5 [data-layout=side] nav{flex-direction:row}#mxc5 [data-layout=eight] .dc-home{grid-template-columns:1fr}#mxc5 [data-layout=eight] .dc-home .dc-grid{grid-template-columns:1fr 1fr}#mxc5 [data-layout=eight] .dc-home .dc-period{border-left:0;border-top:1px solid var(--dc-line);padding:12px 0 0;flex-direction:row}#mxc5 [data-layout=nine] nav{grid-template-columns:repeat(3,minmax(0,1fr))}#mxc5 [data-layout=nine] .dc-home .dc-grid{grid-template-columns:1fr 1fr}}
@media(max-width:460px){#mxc5 .dc{padding:10px}#mxc5 .dc header{padding-right:0}#mxc5 .dc h2{font-size:19px}#mxc5 .dc-box{padding:12px}#mxc5 .dc-metric strong{font-size:23px}#mxc5 .dc nav,#mxc5 [data-layout=eight] nav,#mxc5 [data-layout=nine] nav,#mxc5 [data-layout=phone] nav{display:grid;grid-template-columns:1fr 1fr}#mxc5 .dc button,#mxc5 .dc select{min-height:44px;font-size:16px}#mxc5 .dc-pair,#mxc5 .dc-ops{grid-template-columns:1fr}#mxc5 .dc-select{align-items:stretch}#mxc5 .dc-select select{width:100%}#mxc5 .dc-grid{gap:16px 10px}}
#mxc5 .dc-empty.dc-behind{background:var(--dc-alert);color:var(--dc-alert-text)}
#mxc5 .dc{--dc-blue-line:#b8d6ed;--dc-good:#216849;--dc-good-fill:#ccebd8;--dc-good-line:#a7cbb5;--dc-alert:#fcf0df;--dc-alert-text:#80501d;--dc-alert-line:#d8b88d;--dc-extra:#8060ad}
#mxc5 .dc-cell{min-width:0}#mxc5 .dc-metric{padding:10px;border:1px solid var(--dc-blue-line);border-radius:7px}#mxc5 .dc-metric strong,#mxc5 .dc-num{white-space:nowrap;overflow-wrap:normal;word-break:normal}#mxc5 .dc-good{background:var(--dc-good-fill);border-color:transparent;color:var(--dc-good)}#mxc5 .dc-good label,#mxc5 .dc-good small{color:var(--dc-good)}#mxc5 .dc-behind.dc-metric{border-color:transparent;color:var(--dc-alert-text)}#mxc5 .dc-behind label,#mxc5 .dc-behind small{color:var(--dc-alert-text)}#mxc5 .dc-outline-good{border-color:var(--dc-good-line);color:var(--dc-good)}#mxc5 .dc-outline-bad{border-color:var(--dc-alert-line);color:var(--dc-alert-text)}
#mxc5 .dc-track{display:flex;height:12px;margin-top:12px;border-radius:4px}#mxc5 .dc-track span{flex-shrink:0}#mxc5 .dc-track .dc-achieved{background:var(--dc-good)}#mxc5 .dc-track .dc-late{background:var(--dc-alert-text)}#mxc5 .dc-track .dc-excess{background:var(--dc-extra)}#mxc5 .dc-meter{margin-top:12px}#mxc5 .dc-meter .dc-track{margin-top:0}#mxc5 .dc-scale{position:relative;height:18px;margin-bottom:3px;font-size:12px;color:var(--dc-sub)}#mxc5 .dc-scale span{position:absolute;transform:translateX(-100%);white-space:nowrap}#mxc5 .dc-scale span:after{content:'';display:block;width:1px;height:4px;background:var(--dc-sub);margin-left:auto}#mxc5 .dc-meter-labels{display:flex;justify-content:space-between;gap:5px;flex-wrap:wrap;font-size:12px;color:var(--dc-sub);margin-top:4px}#mxc5 .dc-extra-label{color:var(--dc-extra)}
#mxc5 .dc-day{grid-template-columns:1.3fr 1fr}#mxc5 .dc-small-count strong{font-size:20px}#mxc5 .dc-fleet .dc-box{border-color:var(--dc-blue-line)}#mxc5 .dc-fleet .dc-row{border:1px solid var(--dc-blue-line);border-radius:7px;padding:9px 10px;margin-bottom:8px;align-items:baseline}#mxc5 .dc-fleet .dc-row span:last-child{white-space:nowrap;overflow-wrap:normal}#mxc5 .dc-productivity{grid-template-columns:1fr 1fr;margin-top:14px}#mxc5 .dc-period b{white-space:nowrap}#mxc5 .dc details summary{min-height:30px}#mxc5 .dc-ops .dc-box{border-color:var(--dc-blue-line)}
@media(min-width:751px) and (max-width:1000px){#mxc5 .dc-day .dc-grid{grid-template-columns:1fr 1fr}}
@media(max-width:750px){#mxc5 .dc-day{grid-template-columns:1fr}#mxc5 .dc-day .dc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){#mxc5 .dc-grid,#mxc5 .dc-day .dc-grid{grid-template-columns:1fr 1fr}#mxc5 .dc-fleet .dc-row{flex-wrap:wrap;gap:5px 12px}}
@media(max-width:400px){#mxc5 .dc-grid,#mxc5 .dc-day .dc-grid{grid-template-columns:1fr}}
@media(pointer:coarse){#mxc5 .dc button,#mxc5 .dc select,#mxc5 .dc summary{min-height:44px}}
#mxc5 .dc-rate-pair{display:flex;justify-content:space-between;gap:12px}#mxc5 .dc-rate-pair>div{min-width:0}#mxc5 .dc-rate-pair>div:last-child{text-align:right}#mxc5 .dc-rate-pair small{white-space:nowrap}
@media(max-width:800px){#mxc5 .dc-grid.dc-productivity{grid-template-columns:1fr}}

:root{color-scheme:light;--viewport-height:100dvh;--system-top:0px;--system-bottom:0px;--system-left:0px;--system-right:0px;--telegram-top:0px;--telegram-bottom:0px;--telegram-left:0px;--telegram-right:0px}
:root[data-theme]{color-scheme:light}
html,body{margin:0;height:100%;background:#f2f5f7}
body{height:var(--viewport-height);box-sizing:border-box;padding:calc(max(env(safe-area-inset-top,0px),var(--system-top)) + var(--telegram-top)) calc(max(env(safe-area-inset-right,0px),var(--system-right)) + var(--telegram-right)) calc(max(env(safe-area-inset-bottom,0px),var(--system-bottom)) + var(--telegram-bottom)) calc(max(env(safe-area-inset-left,0px),var(--system-left)) + var(--telegram-left))}
#mxc5{height:100%;min-height:0}#mxc5 .dc{padding:8px;height:100%;border-radius:0;display:flex;flex-direction:column;font-size:12px;line-height:1.3;overflow-wrap:normal}
#mxc5 .dc header{margin-bottom:8px;padding:0;flex-shrink:0}#mxc5 .dc h2{font-size:19px;line-height:1.2}#mxc5 .dc h3{font-size:14px}#mxc5 .dc small{font-size:11px;line-height:1.25}
#mxc5 .dc-shell{display:flex;flex-direction:column;min-height:0;flex:1;gap:0}#mxc5 .dc nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-bottom:8px;flex-shrink:0}
#mxc5 .dc button{min-height:38px;padding:5px 2px;font-size:13px;white-space:nowrap}#mxc5 .dc select{min-height:36px;font-size:14px;padding:5px 8px;min-width:0;flex:1;width:auto}#mxc5 .dc button:focus-visible,#mxc5 .dc select:focus-visible{outline:2px solid var(--dc-blue);outline-offset:1px}
#mxc5 .dc main{gap:7px;min-height:0;align-content:start}#mxc5 .dc-box{padding:10px;border-radius:9px}#mxc5 .dc-topline{margin-bottom:8px;gap:5px}#mxc5 .dc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
#mxc5 .dc-metric{padding:7px}#mxc5 .dc-metric label{font-size:11px;line-height:1.2;min-height:1.2em}#mxc5 .dc-metric strong{font-size:22px;line-height:1.25}#mxc5 .dc-metric small{margin-top:2px;font-size:10px}
#mxc5 .dc-meter{margin-top:7px}#mxc5 .dc-track{height:12px;position:relative}#mxc5 .dc-track .goal{position:absolute;top:0;bottom:0;width:2px;background:var(--dc-paper);transform:translateX(-1px)}#mxc5 .dc-meter-labels{font-size:10px;white-space:nowrap;flex-wrap:nowrap;margin-top:3px}
#mxc5 .dc-period{margin-top:9px;padding-top:8px;gap:4px 12px;font-size:11px;display:grid;grid-template-columns:1fr 1fr}#mxc5 .dc-empty{font-size:11px;padding:8px 10px}#mxc5 .dc footer{margin-top:auto;padding-top:7px;font-size:10px;line-height:1.25;flex-shrink:0}
#mxc5 .dc-day{grid-template-columns:1fr;gap:9px}#mxc5 .dc-day .dc-grid{grid-template-columns:1fr 1fr}#mxc5 .dc-small-count strong{font-size:18px}#mxc5 .dc-select{display:flex;flex-wrap:nowrap;gap:7px;align-items:center;font-size:12px}
#mxc5 .object-groups{display:grid;gap:6px}#mxc5 .dc-objects .dc-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}#mxc5 .dc-objects .dc-box{padding:6px}#mxc5 .dc-objects .dc-topline{margin-bottom:5px}#mxc5 .dc-objects .dc-topline h3{font-size:12px}#mxc5 .dc-objects .dc-metric{padding:5px}#mxc5 .dc-objects .dc-metric label{font-size:10px;min-height:24px}#mxc5 .dc-objects .dc-metric strong{font-size:16px}#mxc5 .dc-objects .dc-metric small{font-size:9px;line-height:1.2}#mxc5 .dc-objects .dc-meter{margin-top:4px}#mxc5 .dc-objects .dc-track{height:9px}#mxc5 .dc-objects .dc-meter-labels{font-size:9px}#mxc5 .dc-objects .dc-period{margin-top:0;padding-top:4px;font-size:10px}
#mxc5 .fleet-groups{display:grid;gap:7px}#mxc5 .dc-fleet .dc-grid{gap:6px}#mxc5 .dc-fleet .dc-metric strong{font-size:19px}#mxc5 .dc-fleet .dc-metric label{font-size:10px}#mxc5 .dc-fleet .dc-row{padding:5px 7px;margin-bottom:4px;gap:8px;flex-wrap:nowrap;font-size:11px;align-items:center}#mxc5 .dc-fleet .dc-row span:last-child{flex-shrink:0;font-size:12px}#mxc5 .dc-grid.dc-productivity{grid-template-columns:1fr;gap:5px;margin-top:6px}#mxc5 .dc-rate-pair{gap:6px}#mxc5 .dc-productivity label{min-height:0;margin-bottom:2px}#mxc5 .rate-note{display:block;margin-top:5px}
#mxc5 .dc-ops{grid-template-columns:1fr 1fr;gap:8px}#mxc5 .dc-ops .dc-box{padding:9px}#mxc5 .dc-ops h3{margin:0}#mxc5 .dc-ops p{font-size:11px;line-height:1.4;margin:6px 0}#mxc5 .dc-ops p b{white-space:nowrap}
#mxc5 .dc[data-density=compact] .dc-box,#mxc5 .dc[data-density=tight] .dc-box{padding:7px}#mxc5 .dc[data-density=compact] .dc-grid,#mxc5 .dc[data-density=tight] .dc-grid{gap:5px}#mxc5 .dc[data-density=compact] .dc-metric,#mxc5 .dc[data-density=tight] .dc-metric{padding:5px}#mxc5 .dc[data-density=compact] .dc-topline,#mxc5 .dc[data-density=tight] .dc-topline{margin-bottom:5px}#mxc5 .dc[data-density=compact] .dc-period,#mxc5 .dc[data-density=tight] .dc-period{margin-top:5px;padding-top:5px}
#mxc5 .dc[data-density=tight] .dc-metric strong{font-size:18px}#mxc5 .dc[data-density=tight] .dc-metric small{font-size:9px}#mxc5 .dc-objects[data-density=tight] .dc-metric strong{font-size:15px}#mxc5 .dc-objects[data-density=tight] .dc-metric label{min-height:22px}#mxc5 .dc-objects[data-density=tight] .dc-metric{padding:4px}#mxc5 .dc-objects[data-density=tight] .dc-topline{margin-bottom:3px}#mxc5 .dc-objects[data-density=tight] .dc-meter-labels{font-size:9px}
.telegram-chrome{display:none;position:fixed;inset:0 0 auto;height:calc(var(--system-top) + var(--telegram-top));box-sizing:border-box;background:#e9eef2;font:14px 'Segoe UI',sans-serif;color:#182b3e;padding:10px 16px;z-index:5}.telegram-chrome .status{display:flex;justify-content:space-between;font-size:12px}.telegram-chrome .controls{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.telegram-chrome .controls span{background:#dce5ec;padding:5px 10px;border-radius:18px}.simulated .telegram-chrome{display:block}.home-indicator{display:none;position:fixed;bottom:8px;left:calc(50% - 55px);width:110px;height:4px;border-radius:3px;background:#182b3e}.simulated .home-indicator{display:block}
@media(min-width:650px){#mxc5 .dc nav{grid-template-columns:repeat(6,minmax(0,1fr))}#mxc5 .dc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#mxc5 .dc-day{grid-template-columns:1.3fr 1fr}#mxc5 .dc-ops{grid-template-columns:repeat(4,minmax(0,1fr))}#mxc5 .fleet-groups{grid-template-columns:1fr 1.25fr}#mxc5 .object-groups{grid-template-columns:1fr 1fr 1fr}#mxc5 .dc-objects .dc-grid{grid-template-columns:1fr 1fr}#mxc5 .dc-objects .dc-metric label{min-height:22px}#mxc5 .dc-objects .dc-period{grid-template-columns:repeat(4,1fr)}}
@media(orientation:landscape) and (max-height:500px){#mxc5 .dc{padding:5px}#mxc5 .dc header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}#mxc5 .dc h2{font-size:15px}#mxc5 .dc nav{margin-bottom:4px;gap:4px}#mxc5 .dc button{min-height:30px;font-size:12px}#mxc5 .dc select{min-height:28px;font-size:12px}#mxc5 .dc-box{padding:5px}#mxc5 .dc h3{font-size:12px}#mxc5 .dc-topline{margin-bottom:4px}#mxc5 .dc-metric{padding:4px}#mxc5 .dc-metric strong{font-size:18px}#mxc5 .dc-metric label{font-size:10px}#mxc5 .dc-metric small{font-size:9px}#mxc5 .dc-grid{gap:5px;grid-template-columns:repeat(4,minmax(0,1fr))}#mxc5 .dc-period{grid-template-columns:repeat(4,minmax(0,1fr));font-size:10px;margin-top:5px;padding-top:4px}#mxc5 .dc main{gap:4px}#mxc5 .dc-meter{margin-top:4px}#mxc5 .dc-track{height:9px}#mxc5 .dc-empty{font-size:10px;padding:5px 7px}#mxc5 .dc footer{padding-top:3px;font-size:9px}#mxc5 .dc-fleet .dc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#mxc5 .dc-fleet .dc-row{font-size:10px;padding:3px 5px;margin-bottom:3px}#mxc5 .dc-fleet .dc-row span:last-child{font-size:11px}#mxc5 .dc-fleet .dc-productivity{grid-template-columns:1fr 1fr;margin-top:3px}#mxc5 .dc-fleet .dc-productivity strong{font-size:16px}#mxc5 .dc-fleet .dc-productivity label{font-size:9px}#mxc5 .rate-note{font-size:9px;margin-top:3px}#mxc5 .dc-objects .dc-metric label{min-height:20px;font-size:9px}#mxc5 .dc-objects .dc-metric strong{font-size:15px}#mxc5 .dc-objects .dc-metric small{font-size:8px}#mxc5 .dc-objects .dc-meter-labels{font-size:8px}#mxc5 .dc-objects .object-groups{gap:4px}#mxc5 .dc-objects .dc-grid{gap:3px}#mxc5 .dc-objects .dc-box{padding:4px}#mxc5 .dc-objects .dc-topline h3{font-size:10px}}

/* Preserve the reference card order; reflow only at phone and short landscape sizes. */
#mxc5 .dc-shell{flex:0 0 auto}#mxc5 .dc main{flex-shrink:0}
#mxc5 .dc-fleet .fleet-groups>.dc-box:first-child .dc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
#mxc5 .dc-fleet .fleet-groups>.dc-box:first-child .dc-metric strong{font-size:18px}
#mxc5 .dc-fleet .fleet-groups>.dc-box:first-child .dc-metric{padding:5px}
#mxc5 .dc-objects .dc-grid{grid-template-columns:1fr 1fr;gap:8px}
#mxc5 .dc-objects .dc-metric{padding:7px}#mxc5 .dc-objects .dc-metric strong{font-size:21px}#mxc5 .dc-objects .dc-metric label{font-size:11px;min-height:0}#mxc5 .dc-objects .dc-metric small{font-size:10px}
#mxc5 .dc-objects .dc-topline h3{font-size:14px}#mxc5 .dc-objects .dc-box{padding:9px}#mxc5 .dc-objects .dc-meter{margin-top:7px}#mxc5 .dc-objects .dc-track{height:12px}#mxc5 .dc-objects .dc-meter-labels{font-size:10px}
#mxc5 .dc-objects .object-groups{grid-template-columns:1fr;gap:6px}#mxc5 .dc-objects .dc-period{margin-top:8px;padding-top:7px;font-size:11px}#mxc5 .dc details summary{cursor:pointer;min-height:28px;font-size:13px;align-content:center}#mxc5 .dc details[open] summary{margin-bottom:7px}#mxc5 .dc details:not([open])>.dc-grid,#mxc5 .dc details:not([open])>.dc-period{display:none}
#mxc5 .dc-objects[data-density=tight] .dc-metric strong{font-size:19px}#mxc5 .dc-objects[data-density=tight] .dc-metric label{min-height:0}
@media(min-width:650px){#mxc5 .dc-objects .dc-grid{grid-template-columns:repeat(4,minmax(0,1fr))}#mxc5 .dc-objects .dc-period{grid-template-columns:repeat(4,1fr)}#mxc5 .dc-objects .object-groups{grid-template-columns:1fr 1fr}#mxc5 .dc-objects .object-gross,#mxc5 .dc-objects details[open]{grid-column:1/-1}}
@media(orientation:landscape) and (max-height:500px){#mxc5 .dc-objects .dc-metric{padding:4px}#mxc5 .dc-objects .dc-metric strong{font-size:17px}#mxc5 .dc-objects .dc-metric label{font-size:10px}#mxc5 .dc-objects .dc-metric small{font-size:9px}#mxc5 .dc-objects .dc-box{padding:4px}#mxc5 .dc-objects .dc-grid{gap:4px}#mxc5 .dc-objects .dc-topline h3{font-size:12px}#mxc5 .dc-objects .dc-period{margin-top:4px;padding-top:4px;font-size:10px}#mxc5 .dc-objects .dc-track{height:9px}#mxc5 .dc-objects .dc-meter{margin-top:4px}#mxc5 .dc-objects details summary{min-height:21px;font-size:11px}#mxc5 .dc-objects .object-groups{gap:4px}}
@media(max-width:649px) and (max-height:700px){#mxc5 .dc{padding:5px}#mxc5 .dc header{margin-bottom:4px}#mxc5 .dc h2{font-size:16px}#mxc5 .dc header small{font-size:10px}#mxc5 .dc nav{gap:3px;margin-bottom:5px}#mxc5 .dc button{min-height:30px;font-size:11px}#mxc5 .dc h3{font-size:12px}#mxc5 .dc-box{padding:5px}#mxc5 .dc-grid,#mxc5 .dc-day .dc-grid,#mxc5 .dc-objects .dc-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}#mxc5 .dc-metric{padding:4px}#mxc5 .dc-metric label{font-size:9px}#mxc5 .dc-metric strong,#mxc5 .dc-objects .dc-metric strong{font-size:16px}#mxc5 .dc-metric small,#mxc5 .dc-objects .dc-metric small{font-size:9px}#mxc5 .dc-meter{margin-top:4px}#mxc5 .dc-track{height:8px}#mxc5 .dc-meter-labels{font-size:9px}#mxc5 .dc-period{font-size:10px;margin-top:5px;padding-top:4px;gap:3px}#mxc5 .dc-empty{font-size:10px;padding:5px 7px}#mxc5 .dc footer{font-size:9px;padding-top:3px}#mxc5 .dc select{min-height:28px;font-size:12px}#mxc5 .dc main{gap:4px}#mxc5 .dc-topline{margin-bottom:4px}#mxc5 .dc-objects .dc-metric label{min-height:0;font-size:9px}#mxc5 .dc-objects .dc-box{padding:4px}#mxc5 .dc-objects .dc-topline h3{font-size:11px}#mxc5 .dc-objects .dc-period{font-size:9px;margin-top:4px;padding-top:3px}#mxc5 .dc details summary{font-size:11px;min-height:23px}#mxc5 .dc-objects .dc-track{height:8px}#mxc5 .dc-objects .dc-meter{margin-top:4px}#mxc5 .dc-objects .dc-meter-labels{font-size:8px}#mxc5 .dc-ops p{font-size:10px;line-height:1.3;margin:4px 0}#mxc5 .dc-ops .dc-box{padding:5px}#mxc5 .dc-ops small{font-size:9px}#mxc5 .dc-fleet .dc-row{font-size:9px;padding:3px 4px;margin-bottom:2px}#mxc5 .dc-fleet .dc-row span:last-child{font-size:10px}#mxc5 .dc-fleet .dc-grid.dc-productivity{grid-template-columns:1fr 1fr;gap:3px;margin-top:4px}#mxc5 .dc-fleet .dc-productivity label{font-size:9px}#mxc5 .dc-fleet .dc-productivity strong{font-size:13px}#mxc5 .dc-fleet .dc-productivity small{font-size:8px}#mxc5 .dc-fleet .dc-productivity .dc-rate-pair{gap:3px}#mxc5 .dc-fleet .rate-note{font-size:9px}#mxc5 .dc-fleet .fleet-groups>.dc-box:first-child .dc-metric strong{font-size:16px}#mxc5 .dc-fleet .dc-metric label{font-size:9px}#mxc5 .dc-fleet .dc-metric small{font-size:8px}}

@media(orientation:landscape) and (max-height:500px){#mxc5 .dc footer{padding-top:0;font-size:8px}#mxc5 .dc-objects .object-groups{gap:2px}#mxc5 .dc-objects details summary{min-height:18px}#mxc5 .dc-objects .dc-box{padding:3px}.telegram-chrome .status{display:none}.telegram-chrome .controls{margin-top:0}.telegram-chrome{padding:10px 44px}}
@media(max-width:649px) and (max-height:700px){#mxc5 .dc footer{display:none}#mxc5 .dc-fleet .dc-row{padding:2px 4px;margin-bottom:1px}#mxc5 .dc-fleet .rate-note{line-height:1.1;margin-top:3px}#mxc5 .dc-fleet .dc-grid.dc-productivity{margin-top:2px}#mxc5 .dc-fleet .dc-productivity label{line-height:1.1}#mxc5 .dc-objects .dc-topline{margin-bottom:2px}#mxc5 .dc-objects .dc-metric{padding:3px}#mxc5 .dc-objects .dc-metric strong{font-size:16px}#mxc5 .dc-objects[data-density=tight] .dc-metric strong{font-size:16px}#mxc5 .dc-objects .dc-meter-labels{font-size:8px;line-height:1.1}#mxc5 .dc-objects .dc-period{gap:1px;padding-top:2px;margin-top:2px}#mxc5 .dc-objects .object-groups{gap:3px}}

/* Working shell: accepted styles, no mock data or simulated Telegram controls. */
[hidden]{display:none!important}body{font-family:system-ui,sans-serif}#app{height:100%;min-height:0;display:flex;flex-direction:column}#panel{min-height:0;flex:1;display:flex;flex-direction:column}#mxc5{flex:1;min-height:0}#connection{font-size:12px;line-height:1.2;margin:2px 8px;flex:none}#connection[data-state=stale]{color:#794915}.project-line{display:flex;align-items:center;gap:6px;margin:2px 8px;font-size:12px}.project-line:has(select[hidden]){display:none}.project-line select{flex:1;min-width:0}#access-status{margin:auto;max-width:520px;padding:18px;color:#182b3e}#access-status h1{font-size:21px}#identity-status{white-space:pre-line;font-weight:650}#access-status input{box-sizing:border-box;width:100%;min-height:44px;font:inherit}#access-status button{min-height:44px;font:inherit;margin:6px 4px 0 0}#access-status label{display:block}#access-request{white-space:pre-wrap}#mxc5 .dc-num{white-space:nowrap;font-variant-numeric:tabular-nums}#mxc5 .dc strong{white-space:nowrap}#mxc5 .dc-period span{min-width:0}#mxc5 .dc-period b{white-space:nowrap}#mxc5 .dc .dc-detail[open]~.dc-detail:not([open]){display:none}#mxc5 .dc-detail[open]{grid-column:1/-1}#mxc5 .dc nav{position:relative}#mxc5 .dc .dc-field-note{display:block}#mxc5 .dc .dc-basis-note{font-size:12px;margin-top:4px;line-height:1.2}#mxc5 .dc .dc-meter{margin-top:12px}#mxc5 .dc .dc-track{margin-top:0;height:12px}#mxc5 .dc .dc-row-value{display:flex;gap:3px;white-space:nowrap}#mxc5 .dc .dc-row-value strong{font-size:inherit}#mxc5 .dc .dc-ops .dc-row{font-size:12px;padding:3px 0}#mxc5 .dc .dc-ops{grid-template-columns:repeat(2,minmax(0,1fr))}

/* Functional text has a 12 px floor. Dense layouts reflow before digits shrink. */
#mxc5 .dc label,#mxc5 .dc small,#mxc5 .dc .dc-period,#mxc5 .dc .dc-row,#mxc5 .dc .dc-meter-labels,#mxc5 .dc .rate-note{font-size:12px;line-height:1.15}
#mxc5 .dc button,#mxc5 .dc select,#mxc5 .dc details summary{min-height:44px;font-size:12px}
#mxc5 .dc header h2{font-size:16px}#mxc5 .dc header{margin-bottom:4px}
#mxc5 .dc header small{font-size:12px}#mxc5 .dc .dc-select label{display:none}
#mxc5 .dc .dc-period strong{display:inline;font-size:12px}
#mxc5 .dc .dc-metric label{min-height:0}#mxc5 .dc .dc-metric small{margin-top:1px}
#mxc5 .dc .dc-rows strong{font-size:12px;display:inline}
#mxc5 .dc .dc-detail:not([open])>:not(summary){display:none}
@media(max-width:649px) and (max-height:700px){
 #mxc5 .dc .dc-grid.dc-productivity{grid-template-columns:1fr 1fr}#mxc5 .dc .dc-productivity label{font-size:12px}#mxc5 .dc .dc-productivity strong{font-size:12px}#mxc5 .dc .dc-rate-pair{gap:2px}
 #mxc5 .dc .dc-row{padding:2px 3px;line-height:1.1}#mxc5 .dc .dc-row span:first-child{max-width:60%}
 #mxc5 .dc .dc-metric{padding:3px}#mxc5 .dc .dc-topline{margin-bottom:3px}#mxc5 .dc .dc-period{margin-top:3px;padding-top:3px;gap:2px}
}
@media(orientation:landscape) and (max-height:500px){
 #mxc5 .dc nav{grid-template-columns:repeat(6,minmax(0,1fr))}#mxc5 .dc .dc-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 #mxc5 .dc .fleet-groups{grid-template-columns:1fr 1.2fr}#mxc5 .dc .dc-day{grid-template-columns:1fr 1fr}
 #mxc5 .dc .dc-period{grid-template-columns:repeat(4,minmax(0,1fr));font-size:12px}
 #mxc5 .dc .object-groups{grid-template-columns:1fr 1fr}#mxc5 .dc .object-gross,#mxc5 .dc details[open]{grid-column:1/-1}
 #mxc5 .dc .dc-operation .dc-rows{grid-template-columns:1fr 1fr;gap:0 10px}
 #mxc5 .dc .dc-detail[open] .dc-rows{grid-template-columns:1fr 1fr;gap:0 10px}
 #mxc5 .dc header{display:none}#mxc5 .dc .dc-metric strong{font-size:16px}#mxc5 .dc .dc-metric{padding:2px}
 #mxc5 .dc .dc-select select{min-height:32px}#mxc5 .dc button{min-height:36px}#mxc5 .dc details summary{min-height:32px}
 #mxc5 .dc .dc-detail{padding:2px}#mxc5 .dc .dc-box{padding:3px}
 #mxc5 .dc .dc-period{gap:2px}#mxc5 .dc .dc-productivity{grid-template-columns:1fr 1fr}
}

@media(max-width:649px) and (max-height:700px){
 #mxc5 .dc header{display:none}#mxc5 .dc .dc-row span:first-child{max-width:none}
 #mxc5 .dc .dc-fleet .dc-grid{gap:2px}#mxc5 .dc .dc-metric label{font-size:11px;line-height:1.1}#mxc5 .dc .dc-metric small{font-size:11px;line-height:1.1}
 #mxc5 .dc .dc-grid.dc-productivity{grid-template-columns:1fr}#mxc5 .dc .dc-productivity .dc-metric{display:grid;grid-template-columns:1fr 1.3fr;align-items:center;gap:3px}
 #mxc5 .dc .dc-productivity label{font-size:11px}#mxc5 .dc .dc-productivity strong{font-size:12px}
 #mxc5 .dc .dc-row{font-size:11px}#mxc5 .dc .dc-row-value strong{font-size:11px}
 #mxc5 .dc .rate-note{font-size:11px}#mxc5 .dc .dc-period{font-size:11px}
 #mxc5 .dc .dc-period strong{font-size:11px}#mxc5 .dc .dc-topline h3{font-size:12px}
}
@media(orientation:landscape) and (max-height:500px){
 #mxc5 .dc .dc-metric label{font-size:11px;line-height:1.05}#mxc5 .dc .dc-metric small{font-size:11px}
 #mxc5 .dc .dc-select{position:absolute;left:5px;top:calc(var(--system-top) + var(--telegram-top) + 20px);width:110px}
 #mxc5 .dc nav{padding-left:114px;grid-template-columns:repeat(6,minmax(0,1fr))}
 #mxc5 .dc .dc-select select{height:36px;font-size:12px;padding:2px}
 #mxc5 .dc .dc-grid{gap:3px}#mxc5 .dc .dc-period{display:flex;justify-content:space-between;flex-wrap:nowrap;font-size:11px}
 #mxc5 .dc .dc-period span{display:flex;flex-direction:column;gap:0}#mxc5 .dc .dc-period strong{font-size:11px}
 #mxc5 .dc .dc-fleet .dc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 #mxc5 .dc .dc-fleet .dc-productivity{grid-template-columns:1fr}
 #mxc5 .dc .dc-productivity .dc-metric{display:grid;grid-template-columns:1fr 1.25fr;gap:4px;align-items:center}
 #mxc5 .dc .dc-productivity strong{font-size:12px}#mxc5 .dc .dc-productivity label{font-size:11px}
 #mxc5 .dc .dc-row{font-size:11px;padding:1px 2px;margin-bottom:1px}#mxc5 .dc .dc-row-value strong{font-size:11px}
 #mxc5 .dc .rate-note{font-size:11px}#mxc5 .dc footer{display:none}
}

@media(max-width:649px) and (max-height:700px){
 #mxc5 .dc .object-groups{grid-template-columns:1fr 1fr}#mxc5 .dc .object-gross,#mxc5 .dc .dc-detail[open]{grid-column:1/-1}
 #mxc5 .dc .dc-detail{padding:0 5px}#mxc5 .dc .dc-detail summary{margin:0;min-height:44px}
 #mxc5 .dc .fleet-groups>.dc-box .dc-grid{gap:3px}#mxc5 .dc .dc-productivity .dc-metric{padding:2px 4px}
 #mxc5 .dc .dc-fleet .dc-topline{margin-bottom:2px}
}
@media(orientation:landscape) and (max-height:500px){
 #mxc5 .dc .dc-objects .dc-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 #mxc5 .dc-objects .dc-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 #mxc5 .dc-objects .dc-topline h3{font-size:11px}#mxc5 .dc-objects .dc-box{padding:2px}
 #mxc5 .dc .dc-detail{padding:0 3px}#mxc5 .dc .dc-detail summary{margin:0;min-height:30px}
 #mxc5 .dc nav button{white-space:normal;line-height:1.1;padding:2px}
 #mxc5 .dc-fleet .fleet-groups>.dc-box:first-child .dc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #mxc5 .dc-fleet .fleet-groups>.dc-box:first-child .dc-grid .dc-metric{display:grid;grid-template-columns:1fr;gap:0}
 #mxc5 .dc-fleet .fleet-groups>.dc-box:first-child .dc-grid .dc-metric strong{font-size:14px}
 #mxc5 .dc-fleet .dc-topline h3{font-size:11px}
 #mxc5 .dc-fleet .dc-grid.dc-productivity{grid-template-columns:1fr;gap:2px;margin-top:2px}
 #mxc5 .dc-fleet .dc-productivity .dc-metric{padding:1px 3px}
}

@media(max-width:649px) and (max-height:700px){
 #mxc5 .dc.dc-fleet .fleet-groups>.dc-box:first-child .dc-topline{display:none}
 #mxc5 .dc.dc-fleet .fleet-groups{gap:3px}
}
@media(orientation:landscape) and (max-height:500px){
 #mxc5 .dc.dc-objects .object-gross>.dc-topline{display:none}
 #mxc5 .dc.dc-fleet .dc-topline{display:none}
 #mxc5 .dc.dc-fleet .fleet-groups>.dc-box:first-child .dc-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}
 #mxc5 .dc.dc-fleet .fleet-groups>.dc-box:first-child .dc-metric{padding:2px}
 #mxc5 .dc.dc-objects .dc-detail{padding:0 3px}#mxc5 .dc.dc-objects .dc-detail summary{min-height:30px}
 #mxc5 .dc.dc-objects .dc-metric{padding:2px}#mxc5 .dc.dc-objects .dc-metric strong{font-size:15px}
}

@media(orientation:landscape) and (max-height:500px){#mxc5 .dc.dc-objects .object-gross{padding:2px}#mxc5 .dc.dc-objects .dc-period{margin-top:2px;padding-top:2px}#mxc5 .dc.dc-objects main{gap:2px}}

@media(orientation:portrait) and (max-width:649px) and (max-height:700px){#mxc5 .dc .dc-grid:has(>.dc-cell:nth-child(7))>.dc-cell:first-child{grid-column:span 2}}

@media(orientation:landscape) and (max-height:360px){
 #mxc5 .dc-home>.dc-topline{display:none}
 #mxc5 .dc-home .dc-metric{padding:2px}
 #mxc5 .dc-home .dc-metric small{line-height:1}
 #mxc5 .dc-home .dc-meter{margin-top:4px}
 #mxc5 .dc-home .dc-track{height:9px}
 #mxc5 .dc-home .dc-period{margin-top:2px;padding-top:2px}
}

/* Four live self-propelled vessels, as in the accepted Operations tab. */
#mxc5 .dc .dc-ops{display:grid;grid-template-columns:1fr 1fr;gap:5px}
#mxc5 .dc .dc-ops .dc-row{display:flex;gap:3px;line-height:1.1;padding:2px 0;border:0;font-size:11px}
#mxc5 .dc .dc-ops .dc-rows{display:grid;grid-template-columns:1fr}
#mxc5 .dc .dc-ops .dc-row strong{font-size:12px}
@media(orientation:landscape) and (max-height:500px){#mxc5 .dc .dc-ops{grid-template-columns:repeat(4,minmax(0,1fr))}#mxc5 .dc .dc-ops .dc-box{padding:4px}#mxc5 .dc .dc-ops .dc-row{flex-wrap:wrap}#mxc5 .dc .dc-ops .dc-row span{font-size:11px}#mxc5 .dc .dc-ops .dc-topline{margin-bottom:2px}}

/* Access UI is separate from the accepted six-tab information panel. */
#admin-screen{position:fixed;inset:0;z-index:1000;background:var(--bg,#f3f6f9);color:var(--text,#132b3c);overflow:auto;padding:calc(18px + var(--system-top,0px) + var(--telegram-top,0px)) calc(16px + var(--system-right,0px)) calc(20px + var(--system-bottom,0px));font:15px system-ui;}
#admin-screen[hidden]{display:none!important}#admin-screen header{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
#admin-screen button{min-height:44px;margin:4px;padding:8px 12px;white-space:normal}#admin-screen input,#admin-screen select{min-height:44px;padding:8px;max-width:100%;margin:4px}
#admin-screen label{display:block}#admin-projects label{display:flex;align-items:center;gap:8px}#admin-users{display:grid;gap:4px;margin:12px 0}#admin-users button{text-align:left}
#admin-stats p,#export-key{white-space:pre-wrap;overflow-wrap:anywhere}#pc-pairing{margin:12px 0}#pc-pairing input{min-height:44px;font:20px monospace;max-width:100%}#pc-pairing button{min-height:44px}
#admin-toggle{flex:none;font-size:12px;padding:3px 8px;min-height:28px}#admin-toggle[hidden]{display:none!important}

.project-line:has(select[hidden])>label{display:none}#project-title{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Multiple projects use the existing connection line; six tabs stay intact. */
.telegram-mini .project-line{display:none!important}
.connection-line{display:flex;align-items:center;gap:4px;flex:none;min-width:0}
.connection-line:has(#project-inline) #connection{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:0}
#project-inline{font:12px system-ui;min-width:0;width:34%;height:22px;margin:0 0 0 8px;padding:0 2px;box-sizing:border-box;background:#fff;color:#182b3e;border:1px solid #dce5ec;border-radius:3px}

#pc-screen{position:fixed;inset:0;z-index:1000;overflow:auto;padding:calc(20px + var(--system-top,0px) + var(--telegram-top,0px)) 18px;background:#f3f6f9;color:#132b3c}#pc-screen button{min-height:44px;padding:8px}

/* Explicit action buttons on iOS, Android and desktop; no plain-text triggers. */
:root{--action-bg:#eaf3fc;--action-fg:#124e78;--action-border:#3777a8;--action-solid:#155c87;--action-solid-text:#fff}
#access-status button,#admin-screen button,#pc-screen button,#connection-actions button,#admin-screen summary{
 appearance:none;-webkit-appearance:none;border:1px solid var(--action-border);border-radius:9px;background:var(--action-bg);color:var(--action-fg);font:600 15px/1.25 system-ui;min-height:44px;padding:10px 14px;cursor:pointer;box-shadow:0 2px 0 #c6d7e5;box-sizing:border-box;max-width:100%;text-align:center}
#access-status button:disabled,#admin-screen button:disabled,#pc-screen button:disabled{opacity:.5;cursor:default;box-shadow:none}
#access-status button:not(:disabled):active,#admin-screen button:not(:disabled):active,#pc-screen button:not(:disabled):active,#connection-actions button:active{box-shadow:none;filter:brightness(.94)}
#access-status button:focus-visible,#admin-screen button:focus-visible,#pc-screen button:focus-visible,#connection-actions button:focus-visible,#admin-screen summary:focus-visible,#mxc5 summary:focus-visible{outline:3px solid var(--action-border);outline-offset:2px}
#pc-screen #approve-pc,#access-status #retry-access,#access-status #copy-access:not(:disabled){background:var(--action-solid);color:var(--action-solid-text)}
#admin-screen [data-access-action=remove],#admin-screen [data-access-action=global_remove],#admin-screen [data-access-action=global_block]{border-color:#a63838;color:#8a2323}
#pc-entry button,#admin-pc-entry button{width:100%;margin:8px 0}
#pc-screen h1,#pc-screen>button,#pc-pairing{max-width:540px}
#pc-pairing label{display:block;font-weight:600;margin:18px 0 6px}#pc-pairing input{box-sizing:border-box;width:100%;border:2px solid var(--action-border);border-radius:8px;padding:10px;background:#fff;color:#182b3e;letter-spacing:2px}#pc-pairing #approve-pc{display:block;width:100%;margin:12px 0}#pc-proof{white-space:pre-wrap}
#admin-screen{background:#f3f6f9;color:#132b3c}
#connection-actions{display:flex;align-items:center;gap:4px;flex:none;margin-right:6px}
#connection-actions button{min-height:28px;padding:4px 8px;font-size:12px;white-space:nowrap;border-radius:6px;box-shadow:none}
.connection-line:has(#connection-actions button:not([hidden])) #connection{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#mxc5 .dc button,#mxc5 .dc select{-webkit-appearance:auto;border-color:var(--action-border)}
#mxc5 .dc .dc-detail>summary,#admin-screen summary{list-style:none;border:1px solid var(--action-border);background:var(--action-bg);color:var(--action-fg);border-radius:6px;cursor:pointer;font-weight:600;padding-left:7px;padding-right:7px;display:flex;align-items:center;justify-content:space-between;gap:6px}
#mxc5 .dc .dc-detail>summary::-webkit-details-marker,#admin-screen summary::-webkit-details-marker{display:none}
#mxc5 .dc .dc-detail>summary::after,#admin-screen summary::after{content:'Открыть ▾';font-size:10px;white-space:nowrap;font-weight:600}
#mxc5 .dc .dc-detail[open]>summary::after,#admin-screen details[open]>summary::after{content:'Свернуть ▴'}

/* Keep explicit controls within the smallest supported viewports. */
@media(max-width:649px) and (max-height:700px){
 #mxc5 .dc.dc-objects .dc-detail:not([open]){padding:0 3px}
}
@media(orientation:landscape) and (max-height:500px){
 #mxc5 .dc{position:relative}
 #mxc5 .dc .dc-select{top:5px;left:5px}
 #mxc5 .dc.dc-objects .dc-meter{margin-top:4px}
}

/* First visible frame is already sized; no login/panel flash while opening. */
#startup{position:fixed;inset:0;display:grid;place-items:center;background:#f2f5f7;color:#182b3e;font:16px system-ui;z-index:2000}
html:not([data-boot=loading]) #startup{display:none}
html[data-boot=loading] #app{visibility:hidden}
#mxc5 .dc .metric-reason{font-size:10px;line-height:1.15;color:#506477}

/* Arbitrary-period calculator; no resizing of the existing six sections. */
#mxc5 .dc[data-calculations=true] nav{grid-template-columns:repeat(4,minmax(0,1fr))}
#mxc5 .calc-panel{display:flex;flex-direction:column;gap:7px;min-width:0;background:#fff;border:1px solid #b8d6ed;border-radius:9px;padding:10px}
#mxc5 .calc-panel label{display:flex;flex-direction:column;gap:2px;font-size:12px;min-width:0}
#mxc5 .calc-panel input,#mxc5 .calc-panel select{box-sizing:border-box;min-width:0;width:100%;border:1px solid #789dbb;border-radius:6px;background:#fff;color:#183b56;min-height:32px;font:14px system-ui;padding:4px}
#mxc5 .calc-dates{display:grid;grid-template-columns:minmax(0,1fr) 65px;gap:5px 8px}
#mxc5 .calc-actions{display:flex;gap:5px}#mxc5 .calc-actions button{flex:1;min-width:0}
#mxc5 .calc-panel .calc-run{background:#245b85;color:#fff;border:1px solid #245b85;font-weight:700}
#mxc5 .calc-output{border-top:1px solid #b8d6ed;padding-top:8px;min-width:0}
#mxc5 .calc-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#mxc5 .calc-values:has(>div:only-child){grid-template-columns:1fr}
#mxc5 .calc-metric{padding:8px;background:#e7f2f9;border:1px solid #b8d6ed;border-radius:7px;min-width:0}
#mxc5 .calc-metric strong{display:block;font-size:28px;line-height:1.2;white-space:nowrap}
#mxc5 .calc-panel p{margin:3px 0}#mxc5 .calc-note{font-size:11px;line-height:1.25;color:#435a6c}
#mxc5 .calc-summary{font-size:12px}#mxc5 .calc-status{font-weight:700;color:#245b85}
#mxc5 .calc-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
#mxc5 .calc-options label{flex-direction:row;align-items:center;min-height:30px;background:#f1f6f9;border-radius:5px;padding:3px;font-size:12px}
#mxc5 .calc-options input{width:18px;min-height:18px;flex:none;accent-color:#245b85}
#mxc5 .calc-explanation{gap:8px}#mxc5 .calc-breakdown{font-size:12px;border-bottom:1px solid #d7e3ec;padding-bottom:5px}
@media(min-width:750px){#mxc5 .calc-panel{max-width:900px;width:100%;box-sizing:border-box;margin:auto;padding:16px}#mxc5 .calc-dates{grid-template-columns:1fr 90px 1fr 90px}#mxc5 .calc-metric strong{font-size:36px}#mxc5 .calc-note{font-size:13px}}
@media(max-height:700px){#mxc5 .dc-calculations .calc-panel{gap:4px;padding:6px}#mxc5 .dc-calculations header{margin-bottom:4px}#mxc5 .dc-calculations nav{margin-bottom:4px}#mxc5 .calc-panel input,#mxc5 .calc-panel select{min-height:28px}#mxc5 .calc-panel button{min-height:30px}#mxc5 .calc-metric{padding:5px}#mxc5 .calc-metric strong{font-size:25px}}

#mxc5 .calc-excluded .calc-metric{background:#fff5df;border-color:#ddc692}
#mxc5 .calc-output>.calc-values+ .calc-summary{margin-bottom:7px}

/* Coverage uses the existing single visible zone and phone fitting. */
#mxc5 .calc-reference{overflow-wrap:anywhere;white-space:normal}
#mxc5 .calc-coverage-detail h3{margin:3px 0;font-size:15px}
#mxc5 .calc-coverage-detail .calc-note{line-height:1.2}

#mxc5 .calc-stale{min-height:26px;color:#8a5208}

/* Source-specific calculation controls and bounded vessel calendar. */
#mxc5 .calc-tabs{display:grid;grid-template-columns:1.4fr 1fr 1.35fr;gap:3px}
#mxc5 .calc-tabs button{font-size:11px;line-height:1.15;padding:5px 2px;min-width:0;border:1px solid #8cabc2;border-radius:6px;min-height:34px}
#mxc5 .calc-tabs button[aria-selected=true]{background:#245b85;color:white;border-color:#245b85}
#mxc5 .calc-date-control{display:flex;gap:3px;min-width:0}#mxc5 .calc-date-control input{flex:1;min-width:0}#mxc5 .calc-date-control button{flex:none;min-width:30px;padding:3px}
#mxc5 .calc-date-control input::-webkit-calendar-picker-indicator{display:none}
#mxc5 .calc-calendar h3{font-size:15px;margin:3px 0}
#mxc5 .calc-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;text-align:center}
#mxc5 .calc-calendar-grid button{position:relative;min-height:34px;padding:5px;border:1px solid #b7d0e1;border-radius:5px;background:white;color:#173e59}
#mxc5 .calc-calendar-grid button.in-range{background:#e0eff9}
#mxc5 .calc-calendar-grid button.selected{background:#245b85;color:white;box-shadow:inset 0 0 0 1px #245b85}
#mxc5 .calc-calendar-grid button:disabled{background:#edf0f2;color:#a1aab1;border-color:#e1e6ea;opacity:1}
#mxc5 .calc-calendar-grid button.work-start:before,#mxc5 .calc-calendar-grid button.work-end:after{content:'';position:absolute;bottom:2px;width:7px;height:4px;border-radius:3px}
#mxc5 .calc-calendar-grid button.work-start:before{left:25%;background:#12834d}
#mxc5 .calc-calendar-grid button.work-end:after{right:25%;background:#d77800}
#mxc5 .calc-calendar .calc-actions input{flex:3;min-width:0}#mxc5 .calc-calendar .calc-actions button{flex:1}

@media(max-height:610px){
 #mxc5 .dc-calculations .calc-panel{gap:2px;padding:4px}
 #mxc5 .calc-panel .calc-tabs button{min-height:29px}
 #mxc5 .calc-panel p{margin:2px 0}
 #mxc5 .calc-panel .calc-note{font-size:10px;line-height:1.1}
 #mxc5 .calc-panel .calc-status,#mxc5 .calc-panel .calc-summary{font-size:11px}
 #mxc5 .calc-panel .calc-stale{min-height:14px}
 #mxc5 .calc-panel .calc-metric{padding:4px}
 #mxc5 .calc-panel .calc-output{padding-top:4px}
}

/* A11: reflow the unchanged cards before scaling a short viewport. */
#mxc5 .dc .dc-track .dc-neutral{background:#61798c}
@media (min-width:650px) and (max-height:600px){
 #mxc5 .dc:not(.dc-calculations) header{display:none}
 #mxc5 .dc-home .dc-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 #mxc5 .dc:not(.dc-calculations) .dc-period{grid-template-columns:repeat(4,minmax(0,1fr))}
 #mxc5 .dc:not(.dc-calculations) footer{display:none}
}
@media (orientation:landscape) and (max-height:400px){
 #mxc5 .dc:not(.dc-calculations) nav{grid-template-columns:repeat(7,minmax(0,1fr));padding-left:0}
 #mxc5 .dc:not(.dc-calculations) .dc-select{position:static;width:auto;display:block}
 #mxc5 .dc:not(.dc-calculations) .dc-select select{width:100%;height:30px;min-height:30px}
 #mxc5 .dc.dc-fleet .fleet-groups{grid-template-columns:1fr 1.7fr}
 #mxc5 .dc.dc-fleet .fleet-groups>.dc-box:first-child .dc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #mxc5 .dc.dc-fleet .rate-note{margin-top:1px;line-height:1.05}
 #mxc5 .dc.dc-fleet .dc-row{line-height:1.05}
 #mxc5 .dc.dc-objects .dc-period{margin-top:0;padding-top:0}
 #mxc5 .dc.dc-objects .object-groups{gap:1px}
}

/* A11 readability: one shared Work / downtime heading, readable row labels. */
#mxc5 .dc:not(.dc-calculations) label,#mxc5 .dc:not(.dc-calculations) small,
#mxc5 .dc:not(.dc-calculations) .dc-metric label,#mxc5 .dc:not(.dc-calculations) .dc-metric small,
#mxc5 .dc:not(.dc-calculations) .dc-period,#mxc5 .dc:not(.dc-calculations) .dc-period strong,
#mxc5 .dc:not(.dc-calculations) .dc-row,#mxc5 .dc:not(.dc-calculations) .dc-row-value strong,
#mxc5 .dc:not(.dc-calculations) .dc-ops .dc-row span{font-size:12px;line-height:1.1}
#mxc5 .dc.dc-fleet .dc-topline{display:flex}
#mxc5 .dc.dc-fleet .fleet-groups>.dc-box:first-child .dc-topline{display:none}
#mxc5 .dc.dc-fleet .dc-topline h3{font-size:12px}

#mxc5 .dc .dc-ops .dc-row{min-width:0;flex-wrap:wrap}
#mxc5 .dc .dc-ops .dc-row strong{max-width:100%;margin-left:auto}
@media(orientation:landscape) and (max-height:340px){
 #mxc5 .dc:not(.dc-calculations) label,#mxc5 .dc:not(.dc-calculations) small,
 #mxc5 .dc:not(.dc-calculations) .dc-metric label,#mxc5 .dc:not(.dc-calculations) .dc-metric small,
 #mxc5 .dc:not(.dc-calculations) .dc-period,#mxc5 .dc:not(.dc-calculations) .dc-period strong,
 #mxc5 .dc:not(.dc-calculations) .dc-row,#mxc5 .dc:not(.dc-calculations) .dc-row-value strong{font-size:11px;line-height:1.05}
 #mxc5 .dc.dc-fleet .dc-topline{display:none}
}

/* Keep the update timestamp inside the phone; no hidden horizontal strip. */
.connection-line #connection{flex:1;min-width:0;white-space:normal;overflow-wrap:normal}
.connection-line #connection-actions:not(:has(button:not([hidden]))){display:none}
@media(max-width:340px), (orientation:landscape) and (max-height:340px){
 #mxc5 .dc[data-density=tight] .dc-box{padding:2px}
 #mxc5 .dc[data-density=tight] .dc-metric{padding:2px}
 #mxc5 .dc[data-density=tight] .dc-metric strong{line-height:1.1}
 #mxc5 .dc[data-density=tight] .dc-topline{margin-bottom:2px}
 #mxc5 .dc[data-density=tight] .dc-period{padding-top:2px;margin-top:2px}
}

@media(orientation:landscape) and (max-height:340px){#mxc5 .dc.dc-objects .dc-detail[open]>summary{margin-bottom:2px}}

/* The timestamp remains readable when administrator/project controls are present. */
.connection-line #connection{white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
@media(max-width:340px), (orientation:landscape) and (max-height:400px){
 #mxc5 .dc:not(.dc-calculations){padding:2px}
 #mxc5 .dc[data-density=tight] .dc-box{padding:2px}
 #mxc5 .dc[data-density=tight] .dc-metric{padding:2px}
 #mxc5 .dc.dc-objects .dc-detail[open]{padding:0}
 #mxc5 .dc.dc-objects .dc-period{margin-top:0;padding-top:0}
}

@media(orientation:landscape) and (max-height:400px){
 #mxc5 .dc:not(.dc-calculations):has(main>.dc-select) nav{padding-left:114px}
 #mxc5 .dc:not(.dc-calculations) .dc-select{position:absolute;top:2px;left:2px;width:110px}
 #mxc5 .dc:not(.dc-calculations) nav button{min-height:44px}
 #mxc5 .dc:not(.dc-calculations) .dc-select select{height:44px;min-height:44px}
}

@media(max-width:340px){#mxc5 .dc.dc-fleet[data-density=tight] .fleet-groups .dc-metric{padding:1px 2px}}

/* A11/T11: readable layout, never whole-panel downscaling. */
#mxc5 .dc[data-readable]{--read-label:max(12px,.75rem);font-size:var(--read-label)!important;line-height:1.1;gap:0;padding:4px!important}
#mxc5 .dc[data-readable] label,#mxc5 .dc[data-readable] small,#mxc5 .dc[data-readable] .dc-period,
#mxc5 .dc[data-readable] .dc-row,#mxc5 .dc[data-readable] .dc-row span,#mxc5 .dc[data-readable] .dc-row-value strong,
#mxc5 .dc[data-readable] .dc-period strong,#mxc5 .dc[data-readable] footer{font-size:var(--read-label)!important;line-height:1.1!important}
#mxc5 .dc[data-readable] h3{font-size:var(--read-label)!important;line-height:1.1!important}
#mxc5 .dc[data-readable] button,#mxc5 .dc[data-readable] select,#mxc5 .dc[data-readable] summary{min-height:44px!important;height:auto;font-size:var(--read-label)!important;line-height:1.1;padding:3px!important}
#mxc5 .dc[data-readable] nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px!important;margin-bottom:4px!important}
#mxc5 .dc[data-readable] main,#mxc5 .dc[data-readable] .object-groups,#mxc5 .dc[data-readable] .fleet-groups{gap:4px!important}
#mxc5 .dc[data-readable] .dc-box{padding:4px!important}
#mxc5 .dc[data-readable] .dc-grid{gap:4px!important;grid-template-columns:repeat(3,minmax(0,1fr))}
#mxc5 .dc[data-readable] .dc-metric{padding:2px!important}
#mxc5 .dc[data-readable] .dc-metric label{min-height:0!important}
#mxc5 .dc[data-readable] .dc-metric strong{font-size:20px;line-height:1.1!important}
#mxc5 .dc[data-readable] .dc-topline{margin-bottom:3px!important}
#mxc5 .dc[data-readable] .dc-metric small{margin-top:1px!important}
#mxc5 .dc[data-readable] .dc-meter{margin-top:12px!important}
#mxc5 .dc[data-readable] .dc-track{height:12px!important;margin-top:0!important}
#mxc5 .dc[data-readable] .dc-period{display:grid!important;grid-template-columns:1fr 1fr;gap:2px!important;padding-top:2px!important;margin-top:3px!important}
#mxc5 .dc[data-readable] .dc-period strong{display:inline!important}
#mxc5 .dc[data-readable] .dc-row{padding:2px!important;margin-bottom:1px!important;gap:3px!important}
#mxc5 .dc[data-readable] .dc-productivity{grid-template-columns:1fr!important;margin-top:3px!important}
#mxc5 .dc[data-readable] .dc-productivity .dc-metric{display:grid;grid-template-columns:1fr 1.5fr;align-items:center;gap:3px!important}
#mxc5 .dc[data-readable] .dc-productivity .dc-rate-pair{gap:4px!important}
#mxc5 .dc[data-readable] .dc-productivity strong{font-size:18px}
#mxc5 .dc[data-readable] .rate-note{margin-top:2px!important}
#mxc5 .dc[data-readable] .dc-detail>summary::after{font-size:var(--read-label)!important}
#mxc5 .dc[data-readable] .dc-detail[open]>summary{margin-bottom:3px!important}
#mxc5 .dc[data-readable] .dc-ops .dc-rows{gap:0!important}
#mxc5 .dc[data-readable][data-density=tight] header,#mxc5 .dc[data-readable][data-density=compact] header{display:none!important}
#mxc5 .dc[data-readable][data-density=tight] .dc-box{padding:2px!important}
#mxc5 .dc[data-readable][data-density=tight] .dc-grid{gap:2px!important}
#mxc5 .dc[data-readable][data-density=tight] .dc-metric{padding:1px 2px!important}
#mxc5 .dc[data-readable][data-density=tight] .dc-metric strong{font-size:18px}
#mxc5 .dc[data-readable][data-density=tight] footer{display:none!important}
#connection-actions button,#project-inline{min-height:44px!important;font-size:max(12px,.75rem)!important}
@media(min-width:650px){
 #mxc5 .dc[data-readable] nav{grid-template-columns:repeat(7,minmax(0,1fr))!important}
 #mxc5 .dc[data-readable] .dc-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 #mxc5 .dc[data-readable] .dc-period{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(orientation:landscape) and (max-height:600px){
 #mxc5 .dc[data-readable] nav{grid-template-columns:repeat(7,minmax(0,1fr))!important}
 #mxc5 .dc[data-readable]:has(main>.dc-select) nav{padding-left:114px!important}
 #mxc5 .dc[data-readable] .dc-select{position:absolute!important;top:4px!important;left:4px!important;width:110px!important}
 #mxc5 .dc[data-readable] .dc-select select{height:44px!important}
 #mxc5 .dc[data-readable] .dc-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
 #mxc5 .dc[data-readable] .dc-period{grid-template-columns:repeat(4,minmax(0,1fr))}
 #mxc5 .dc[data-readable] .fleet-groups{grid-template-columns:1fr 1.7fr!important}
 #mxc5 .dc[data-readable] .fleet-groups>.dc-box:first-child .dc-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 #mxc5 .dc[data-readable] .dc-grid.dc-productivity{grid-template-columns:1fr!important}
 #mxc5 .dc[data-readable] .dc-fleet .dc-topline{display:none}
 #mxc5 .dc[data-readable] header,#mxc5 .dc[data-readable] footer{display:none!important}
 #mxc5 .dc[data-readable] .dc-period span{display:block!important}
}

/* Reuse unused grid cells for the existing object controls; no new pages. */
#mxc5 .dc[data-readable] .dc-object-actions{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;gap:3px;align-self:start;min-width:0}
#mxc5 .dc[data-readable] .dc-object-actions .dc-detail{padding:0!important;border:0!important;background:transparent}
#mxc5 .dc[data-readable] .dc-object-actions summary{width:100%;height:100%;margin:0!important;justify-content:center}
#mxc5 .dc[data-readable] .dc-object-actions summary::after{content:'▾';font-size:12px!important}
#mxc5 .dc[data-readable] .dc-day-notes{margin-top:3px;display:grid;gap:2px}
#mxc5 .dc[data-readable] .dc-day-notes small{display:block}
#mxc5 .dc[data-readable] .dc-fleet .dc-row,#mxc5 .dc[data-readable].dc-fleet .dc-row,
#mxc5 .dc[data-readable] .dc-ops .dc-row{padding:0 2px!important}
#mxc5 .dc[data-readable] .dc-productivity .dc-metric{grid-template-columns:70px minmax(0,1fr)!important}
#mxc5 .dc[data-readable] .dc-rate-pair>div{display:flex;align-items:baseline;gap:2px;width:50%;min-width:0}
#mxc5 .dc[data-readable] .dc-rate-pair strong{min-width:0;flex:1;display:block}
#mxc5 .dc[data-readable] .dc-rate-pair small{flex:none;display:block;margin:0!important}
@media(max-width:340px), (orientation:landscape) and (max-height:340px){
 #mxc5 .dc[data-readable][data-density=tight] .dc-metric{padding:0 2px!important}
 #mxc5 .dc[data-readable][data-density=tight] .dc-metric strong{font-size:16px}
}
@media(min-width:650px), (orientation:landscape){
 #mxc5 .dc[data-readable] .dc-object-actions{grid-column:span 1}
}

#mxc5 .dc[data-readable].dc-objects .dc-grid>.dc-cell:first-child{grid-column:auto!important}
@media(orientation:landscape) and (max-height:600px){
 #mxc5 .dc[data-readable] .dc-object-actions summary{display:flex!important;flex-direction:column;gap:0!important}
 #mxc5 .dc[data-readable] .dc-day .dc-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(orientation:landscape) and (max-height:340px){
 #mxc5 .dc[data-readable]{padding:2px!important}
 #mxc5 .dc[data-readable] nav{margin-bottom:2px!important}
 #mxc5 .dc[data-readable] .dc-box{padding:1px!important}
}

@media(max-width:340px){
 #mxc5 .dc[data-readable][data-density=tight]{padding:2px!important}
 #mxc5 .dc[data-readable][data-density=tight] nav{margin-bottom:2px!important}
 #mxc5 .dc[data-readable][data-density=tight] .dc-box{padding:1px!important}
 #mxc5 .dc[data-readable][data-density=tight] .dc-period{margin-top:1px!important;padding-top:0!important}
}
@media(orientation:landscape) and (max-height:600px){
 #mxc5 .dc[data-readable] .dc-detail[open]{position:relative}
 #mxc5 .dc[data-readable] .dc-detail[open]>summary{position:absolute;right:3px;top:var(--detail-control-top,0px);width:calc(50% - 6px);margin:0!important}
 #mxc5 .dc[data-readable] .dc-detail[open] .dc-grid{min-height:96px}
 #mxc5 .dc[data-readable] .dc-detail[open] .dc-grid>.dc-cell:nth-child(5){min-height:44px}
}

#mxc5 .dc[data-readable] nav button{white-space:normal!important;overflow-wrap:normal;word-break:normal}

@media(max-width:340px){
 #mxc5 .dc[data-readable].dc-fleet .fleet-groups>.dc-box:first-child .dc-metric{padding-left:0!important;padding-right:0!important}
}

@media(orientation:landscape) and (max-height:340px){
 #mxc5 .dc[data-readable].dc-home .dc-home>.dc-grid,
 #mxc5 .dc[data-readable].dc-objects .object-gross>.dc-grid{grid-template-columns:.8fr 1.2fr .8fr 1.2fr!important}
}

/* User-approved exception: scroll vertically only with enlarged root text.
   Default layouts and ordinary high-DPI displays retain their single screen. */
#mxc5[data-large-text]{overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;overscroll-behavior-y:contain}
#mxc5 .dc[data-large-text]{--read-label:max(12px,.75rem);font-size:var(--read-label)!important;height:auto!important;min-height:100%;display:block!important;padding:8px!important}
#mxc5 .dc[data-large-text] .dc-shell{display:block;min-height:0}
#mxc5 .dc[data-large-text] header{display:block!important;margin-bottom:8px!important}
#mxc5 .dc[data-large-text] nav{grid-template-columns:repeat(auto-fit,minmax(min(100%,6rem),1fr))!important;padding:0!important;gap:5px!important}
#mxc5 .dc[data-large-text] button,#mxc5 .dc[data-large-text] select,#mxc5 .dc[data-large-text] summary{font-size:var(--read-label)!important;min-height:44px!important;white-space:normal!important;overflow-wrap:normal;padding:5px!important;line-height:1.2!important}
#mxc5 .dc[data-large-text] .dc-select{position:static!important;width:auto!important}
#mxc5 .dc[data-large-text] .dc-select select{width:100%;height:auto!important}
#mxc5 .dc[data-large-text] main,#mxc5 .dc[data-large-text] .dc-grid,#mxc5 .dc[data-large-text] .object-groups,#mxc5 .dc[data-large-text] .fleet-groups{gap:8px!important}
#mxc5 .dc[data-large-text] .dc-box{padding:8px!important}
#mxc5 .dc[data-large-text] .dc-metric{padding:6px!important}
#mxc5 .dc[data-large-text] .dc-metric strong{font-size:max(20px,1.25rem)}
#mxc5 .dc[data-large-text] .dc-grid,#mxc5 .dc[data-large-text] .dc-day .dc-grid,
#mxc5 .dc[data-large-text] .fleet-groups>.dc-box:first-child .dc-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr))!important}
#mxc5 .dc[data-large-text] .dc-grid>.dc-cell:first-child{grid-column:auto!important}
#mxc5 .dc[data-large-text] .fleet-groups,#mxc5 .dc[data-large-text] .dc-day,#mxc5 .dc[data-large-text] .dc-ops{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr))!important;gap:8px!important}
#mxc5 .dc[data-large-text] .dc-period{grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr))!important;gap:6px!important}
#mxc5 .dc[data-large-text] .dc-row{display:grid;grid-template-columns:minmax(0,1fr);padding:4px!important;gap:3px!important}
#mxc5 .dc[data-large-text] .dc-row>span{max-width:none!important;text-align:left!important}
#mxc5 .dc[data-large-text] .dc-row-value{justify-content:flex-start}
#mxc5 .dc[data-large-text] .dc-object-actions{grid-column:1/-1!important;grid-template-columns:1fr 1fr!important}
#mxc5 .dc[data-large-text] .dc-detail[open]>summary{position:static!important;width:auto!important;margin-bottom:8px!important;flex-wrap:wrap}
#mxc5 .dc[data-large-text] .dc-productivity .dc-metric{grid-template-columns:minmax(0,1fr)!important;gap:5px!important}
#mxc5 .dc[data-large-text] .dc-rate-pair{display:grid!important;width:100%;grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));gap:8px!important}
#mxc5 .dc[data-large-text] .dc-rate-pair>div{display:block!important;width:auto!important;text-align:left!important}
#mxc5 .dc[data-large-text] footer{display:block!important;margin-top:10px!important}
:root:has(#mxc5[data-large-text]) #connection{font-size:max(12px,.75rem)}
#mxc5 .dc[data-large-text] .calc-panel{font-size:var(--read-label);gap:8px!important}
#mxc5 .dc[data-large-text] .calc-panel label,#mxc5 .dc[data-large-text] .calc-panel p,#mxc5 .dc[data-large-text] .calc-panel small{font-size:inherit!important;line-height:1.25!important}
#mxc5 .dc[data-large-text] .calc-panel input:not([type=checkbox]){min-height:44px!important;font-size:inherit!important}
#mxc5 .dc[data-large-text] .calc-dates{grid-template-columns:minmax(0,1fr)!important}
#mxc5 .dc[data-large-text] .calc-tabs{grid-template-columns:repeat(auto-fit,minmax(min(100%,7rem),1fr))}
#mxc5 .dc[data-large-text] .calc-values{grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr))}
#mxc5 .dc[data-large-text] .calc-metric strong{font-size:max(28px,1.5rem)}

:root:has(#mxc5[data-large-text]) .connection-line{flex-wrap:wrap}
:root:has(#mxc5[data-large-text]) .connection-line #connection{order:2;flex-basis:100%}
:root:has(#mxc5[data-large-text]) #project-inline{flex:1;min-width:0}
#mxc5 .dc[data-large-text] .calc-date-control button{min-width:44px}
#mxc5 .dc[data-large-text] .calc-options{grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr))}

:root:has(#mxc5[data-large-text]) .connection-line #connection{flex:1 1 100%!important}
#mxc5 .dc[data-large-text].dc-home .dc-home>.dc-grid,
#mxc5 .dc[data-large-text].dc-objects .object-gross>.dc-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr))!important}
#mxc5 .dc[data-large-text] .dc-row strong{font-size:var(--read-label)!important}

/* A11: readable calculator controls. Large-text scroll rules stay in force. */
#mxc5 .dc-calculations{--read-label:max(12px,.75rem)}
#mxc5 .dc-calculations .calc-panel{width:100%;max-width:none;margin:0;padding:2px;gap:3px;box-sizing:border-box;line-height:1.15}
#mxc5 .dc-calculations .calc-panel label,#mxc5 .dc-calculations .calc-panel p,#mxc5 .dc-calculations .calc-panel small{font-size:var(--read-label)!important;line-height:1.15!important}
#mxc5 .dc-calculations .calc-panel button,#mxc5 .dc-calculations .calc-panel select,#mxc5 .dc-calculations .calc-panel input:not([type=checkbox]){min-height:44px!important;font-size:var(--read-label)!important;line-height:1.15!important}
#mxc5 .dc-calculations .calc-panel p{margin:0}
#mxc5 .dc-calculations .calc-panel button{white-space:normal!important}
#mxc5 .dc-calculations .calc-date-control button{min-width:44px;padding:0!important}
#mxc5 .dc-calculations .calc-conditions{display:grid;grid-template-columns:1fr 1fr;gap:3px}
#mxc5 .dc-calculations .calc-conditions>.calc-actions{display:contents}
#mxc5 .dc-calculations .calc-dates{grid-column:1/-1;grid-template-columns:minmax(0,1fr) 74px;gap:3px}
#mxc5 .dc-calculations .calc-input{position:relative;gap:0!important}
#mxc5 .dc-calculations .calc-label{position:absolute;top:1px;left:5px;z-index:1;pointer-events:none;line-height:13px}
#mxc5 .dc-calculations .calc-input input,#mxc5 .dc-calculations .calc-input select{padding:14px 4px 1px!important}
#mxc5 .dc-calculations .calc-input .calc-date-control input{width:100%;font-size:max(14px,var(--read-label))!important}
#mxc5 .dc-calculations .calc-options{gap:2px}
#mxc5 .dc-calculations .calc-options label{min-height:44px!important;padding:0 2px}
#mxc5 .dc-calculations .calc-options input{width:18px;min-height:18px}
#mxc5 .dc-calculations .calc-output{padding-top:2px}
#mxc5 .dc-calculations .calc-metric{padding:2px!important}
#mxc5 .dc-calculations .calc-metric strong{font-size:24px;line-height:1.1}
#mxc5 .dc-calculations .calc-values{gap:3px}
#mxc5 .dc-calculations .calc-tabs button{min-width:44px}
#mxc5 .dc-calculations:has(.calc-panel[data-focus])>header,#mxc5 .dc-calculations:has(.calc-panel[data-focus]) .compact-nav,#mxc5 .dc-calculations:has(.calc-panel[data-focus])>footer{display:none!important}
#mxc5 .dc-calculations .calc-calendar-grid{gap:0}
#mxc5 .dc-calculations .calc-calendar-grid button{min-height:44px!important;padding:0!important}
#mxc5 .dc-calculations .calc-stale:empty{display:none}
@media(orientation:landscape) and (max-height:600px){
 #mxc5 .dc-calculations:not([data-large-text]) .calc-conditions{grid-template-columns:repeat(4,minmax(0,1fr))}
 #mxc5 .dc-calculations:not([data-large-text]) .calc-dates{grid-template-columns:minmax(0,1fr) 66px minmax(0,1fr) 66px}
 #mxc5 .dc-calculations:not([data-large-text]) .calc-run{grid-column:span 2}
}
#mxc5 .dc-calculations[data-large-text] .calc-conditions{grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr))}
#mxc5 .dc-calculations[data-large-text] .calc-input{padding-top:1rem}
#mxc5 .dc-calculations[data-large-text] .calc-input input,#mxc5 .dc-calculations[data-large-text] .calc-input select{padding:4px!important}

#mxc5 .dc-calculations .calc-tabs button{overflow-wrap:anywhere!important}
#mxc5 .dc-calculations .calc-panel.calc-calendar{padding:0;border:0;display:grid;grid-template-columns:1fr 1fr}
#mxc5 .dc-calculations .calc-calendar>.calc-actions,#mxc5 .dc-calculations .calc-calendar>.calc-calendar-grid,#mxc5 .dc-calculations .calc-calendar>p{grid-column:1/-1}
#mxc5 .dc-calculations .calc-calendar>h3{align-self:center}
#mxc5 .dc-calculations .calc-panel[data-result]>.calc-output>.calc-note{display:none}
#mxc5 .dc-calculations .calc-context{display:grid;gap:2px;align-content:start;min-width:0}
#mxc5 .dc-calculations:has(.calc-panel[data-result])>header,#mxc5 .dc-calculations:has(.calc-panel[data-result]) .compact-nav,#mxc5 .dc-calculations:has(.calc-panel[data-result])>footer{display:none!important}
#mxc5 .dc-calculations .calc-context>.calc-note{overflow-wrap:normal}
#mxc5 .dc-calculations .calc-output>.calc-values+.calc-summary{margin-bottom:2px}
#mxc5 .dc-calculations:not([data-large-text]) .calc-metric strong{font-size:22px}
@media(orientation:landscape) and (max-height:600px){
 #mxc5 .dc-calculations:not([data-large-text]) .calc-conditions{grid-template-columns:repeat(5,minmax(0,1fr))}
 #mxc5 .dc-calculations:not([data-large-text]) .calc-conditions>[data-key=basis]{order:1}
 #mxc5 .dc-calculations:not([data-large-text]) .calc-conditions>.calc-actions>button{order:2}
 #mxc5 .dc-calculations:not([data-large-text]) .calc-conditions>[data-key=window]{order:3}
 #mxc5 .dc-calculations:not([data-large-text]) .calc-conditions>[data-key=mode]{order:4}
 #mxc5 .dc-calculations:not([data-large-text]) .calc-run{order:5;grid-column:auto}
 #mxc5 .dc-calculations:not([data-large-text]) .calc-dates{order:6;grid-column:1/-1}
 #mxc5 .dc-calculations:not([data-large-text]) .calc-panel[data-result]{display:grid;grid-template-columns:minmax(160px,.85fr) minmax(0,1.65fr)}
 #mxc5 .dc-calculations:not([data-large-text]) .calc-panel[data-result]>.calc-tabs{grid-column:1/-1}
 #mxc5 .dc-calculations:not([data-large-text]) .calc-calendar{grid-template-columns:110px minmax(0,1fr)}
 #mxc5 .dc-calculations:not([data-large-text]) .calc-calendar>h3{display:none}
 #mxc5 .dc-calculations:not([data-large-text]) .calc-calendar>.calc-actions:first-of-type{grid-column:2;grid-row:1}
}

#mxc5 .dc-calculations:not([data-large-text]) .calc-output>.calc-values .calc-metric{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:1px}
#mxc5 .dc-calculations:not([data-large-text]) .calc-output>.calc-values .calc-metric label{grid-column:1/-1}
#mxc5 .dc-calculations .calc-detail-head,#mxc5 .dc-calculations .calc-detail-body,#mxc5 .dc-calculations .calc-detail-context,#mxc5 .dc-calculations .calc-detail-measure{display:grid;gap:3px;min-width:0;align-content:start}
@media(orientation:landscape) and (max-height:600px){
 #mxc5 .dc-calculations:not([data-large-text]) .calc-detail-head{grid-template-columns:repeat(3,minmax(0,1fr))}
 #mxc5 .dc-calculations:not([data-large-text]) .calc-detail-body{grid-template-columns:1fr 1fr}
}

#mxc5 .dc-calculations .calc-hint{display:none}
#mxc5 .dc-calculations .calc-conditions>.calc-actions>[data-pick=operations]{order:10}
#mxc5 .dc-calculations nav{padding-left:0!important}
#mxc5 .dc-calculations:not([data-large-text]) .calc-coverage-output>.calc-values .calc-metric{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:1px}
#mxc5 .dc-calculations:not([data-large-text]) .calc-coverage-output>.calc-values .calc-metric label{grid-column:1/-1}
@media(orientation:landscape) and (max-height:600px){
 #mxc5 .dc-calculations:not([data-large-text]) .calc-conditions:has([data-pick=operations]) .calc-dates{grid-column:span 4}
 #mxc5 .dc-calculations:not([data-large-text]) .calc-panel[data-result]{grid-template-columns:minmax(0,1fr) minmax(0,1.65fr);gap:1px;padding:1px}
 #mxc5 .dc-calculations:not([data-large-text]) .calc-output{padding-top:0;border:0}
 #mxc5 .dc-calculations:not([data-large-text]) .calc-detail-body{grid-template-columns:1.3fr 1fr}
}

#mxc5 .dc-calculations .calc-output:empty{display:none}
#mxc5 .dc-calculations .calc-error{order:11;color:#794915;align-self:center}
@media(orientation:landscape) and (max-height:600px){
 #mxc5 .dc-calculations:not([data-large-text]) .calc-context,#mxc5 .dc-calculations:not([data-large-text]) .calc-detail-context{gap:0}
 #mxc5 .dc-calculations:not([data-large-text]) .calc-output .calc-metric label,#mxc5 .dc-calculations:not([data-large-text]) .calc-output .calc-metric small,#mxc5 .dc-calculations:not([data-large-text]) .calc-output .calc-summary{line-height:1!important}
 #mxc5 .dc-calculations:not([data-large-text]) .calc-conditions:has(.calc-error) .calc-dates{grid-column:span 4}
}

@media(orientation:landscape) and (max-height:340px){#mxc5 .dc-calculations[data-readable]:not([data-large-text]){padding:1px!important}}

/* Native iOS text scale: 100% preserves the browser default and desktop panel. */
:root{font-size:var(--native-text-size,100%)}

#browser-login{display:grid;gap:10px;width:min(340px,85vw);margin-top:18px}#browser-login[hidden]{display:none}#browser-login label{font-weight:600}#browser-login input{box-sizing:border-box;width:100%;min-height:44px;font:inherit;padding:10px;border:1px solid #8a9daa;border-radius:6px;background:white;color:#16324b}#browser-login p{font-size:14px;margin:4px 0}#browser-logout{min-height:44px}