/* MyStationHub Ver013 Station Command Center.
   Modern SaaS-style console distinct from the Wooten Oil company portal. */
#msh-command{--mc-blue:#135df4;--mc-deep:#0e2345;--mc-ink:#21324e;--mc-muted:#6a7d98;--mc-border:#dfE7f3;--mc-soft:#f4f8ff;max-width:100%;min-width:0;margin:0 0 38px;font-family:Inter,'Segoe UI',Arial,sans-serif;color:var(--mc-ink);box-sizing:border-box}
#msh-command *,#msh-command *:before,#msh-command *:after{box-sizing:border-box}
#msh-command button,#msh-command input,#msh-command select{font:inherit}
#msh-command button{cursor:pointer}
#msh-command button:disabled{cursor:not-allowed;opacity:.5}
#msh-command button:focus-visible,#msh-command select:focus-visible,#msh-command input:focus-visible{outline:3px solid #a6c4ff;outline-offset:2px}
#msh-command .msh-cmd-hero{position:relative;overflow:hidden;border:1px solid #dbe7fa;background:radial-gradient(ellipse at 90% 10%,#e3ecff 0%,transparent 48%),linear-gradient(110deg,#f9fbff 0%,#f1f6ff 100%);border-radius:22px;padding:30px 32px;display:grid;grid-template-columns:minmax(0,1fr) minmax(265px,365px);gap:22px;align-items:center}
#msh-command .msh-cmd-eyebrow{font-size:10px;font-weight:870;letter-spacing:.18em;color:#125aec;display:flex;align-items:center;gap:8px}
#msh-command .msh-cmd-spark{width:7px;height:7px;background:#1b8def;border-radius:50%;box-shadow:0 0 0 4px #cde5ff}
#msh-command .msh-cmd-hero h2{font-size:clamp(26px,3.2vw,42px);line-height:1.08;letter-spacing:-.045em;font-weight:850;color:#102347;margin:14px 0 13px}
#msh-command .msh-cmd-hero h2 em{font-style:normal;color:#185af0}
#msh-command .msh-cmd-hero p{margin:0;color:#657896;font-size:13px;line-height:1.7;max-width:600px}
#msh-command .msh-cmd-pick{padding:17px;border:1px solid #d9e6fa;border-radius:16px;background:#ffffffde;box-shadow:0 14px 30px #2447850c;min-width:0}
#msh-command .msh-cmd-pick label{display:block;margin-bottom:9px;font-size:10px;font-weight:870;letter-spacing:.13em;color:#7890ad}
#msh-command .msh-cmd-switch{display:flex;align-items:center;gap:8px}
#msh-command .msh-cmd-switch select{width:100%;min-width:0;border:1px solid #dce6f5;border-radius:9px;background:white;font-size:14px;font-weight:760;min-height:43px;padding:10px 8px;color:#243e61}
#msh-command #msh-cmd-refresh{width:44px;height:43px;flex:0 0 44px;border-radius:9px;background:#eef5ff;color:#1565e8;border:1px solid #dce8fa;font-weight:850;font-size:23px}
#msh-command #msh-cmd-selected-sub{display:block;margin-top:8px;color:#7790a9;font-size:11px;line-height:1.45}
#msh-command .msh-cmd-notice{padding:13px 16px;border:1px solid #d4e1f4;border-radius:11px;margin:13px 0;background:#eef5ff;color:#3a5b85;font-size:12px}
#msh-command .msh-cmd-notice.good{background:#eaf8f1;color:#16704c;border-color:#bfe5d1}
#msh-command .msh-cmd-notice.warm{background:#fff8e9;color:#856021;border-color:#eed8a9}
#msh-command .msh-cmd-notice.danger{background:#fff2f2;color:#9b4050;border-color:#f2d0d5}
#msh-command .msh-cmd-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0 24px}
#msh-command .msh-cmd-stat{border:1px solid var(--mc-border);border-radius:16px;background:white;padding:18px 19px;min-height:132px;box-shadow:0 7px 20px #16385b06}
#msh-command .msh-cmd-stat-top{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:12px;color:#6b7b95;font-weight:770}
#msh-command .msh-cmd-stat-top b{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#eff5ff;color:#135ef1;font-size:19px}
#msh-command .msh-cmd-stat>strong{font-weight:850;font-size:29px;letter-spacing:-.035em;line-height:1.2;display:block;margin:7px 0 2px;color:#163256}
#msh-command .msh-cmd-stat>small{font-size:11px;color:#8390a1}
#msh-command .msh-cmd-tabstrip{display:flex;gap:7px;overflow-x:auto;overscroll-behavior-x:contain;white-space:nowrap;padding:3px 0 12px;scrollbar-width:thin}
#msh-command .msh-cmd-tabstrip button{flex:0 0 auto;border:1px solid transparent;background:transparent;color:#657b95;border-radius:9px;font-size:12px;font-weight:760;min-height:39px;padding:9px 14px}
#msh-command .msh-cmd-tabstrip button:hover{color:#135ef1;background:#eff5ff}
#msh-command .msh-cmd-tabstrip button.active{background:#125ef3;color:white;box-shadow:0 5px 12px #125ef31d}
#msh-command .msh-cmd-body{min-height:225px;min-width:0}
#msh-command .msh-cmd-card{border:1px solid var(--mc-border);border-radius:17px;background:white;padding:22px 23px;box-shadow:0 9px 24px #1e41600a;min-width:0}
#msh-command .msh-cmd-overview-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(295px,.92fr);gap:17px}
#msh-command .msh-cmd-cardhead{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px;min-width:0}
#msh-command .msh-cmd-cardhead>div{min-width:0}
#msh-command .msh-cmd-cardhead span:not(.msh-cmd-tag){display:block;font-size:10px;font-weight:850;letter-spacing:.12em;color:#3772db;margin-bottom:5px}
#msh-command .msh-cmd-cardhead h3{font-size:19px;font-weight:820;letter-spacing:-.034em;color:#193559;line-height:1.2;margin:0;overflow-wrap:anywhere}
#msh-command .msh-cmd-muted,#msh-command .msh-cmd-intro{font-size:12px;color:#77889c;line-height:1.65;margin:0 0 16px}
#msh-command .msh-cmd-tag{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:5px 9px;border-radius:40px;background:#f1f4f8;color:#687e94;font-size:10px;font-weight:790;letter-spacing:.01em}
#msh-command .msh-cmd-tag.good{background:#e8f8f0;color:#157a54}
#msh-command .msh-cmd-tag.warm{background:#fff6e5;color:#9a671a}
#msh-command .msh-cmd-tag.danger{background:#feeeef;color:#b74153}
#msh-command .msh-cmd-status-bar{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap;margin-bottom:20px;background:#f7faff;padding:12px;border-radius:12px}
#msh-command .msh-cmd-status-bar>div{min-width:150px;flex:1}
#msh-command .msh-cmd-status-bar small{display:block;font-size:10px;color:#8494a7;margin-bottom:3px}
#msh-command .msh-cmd-status-bar b{font-size:12px;color:#314763;font-weight:750;overflow-wrap:anywhere}
#msh-command .msh-cmd-tanks-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#msh-command .msh-cmd-tank{border:1px solid #e5eaf4;border-radius:13px;padding:15px;min-width:0;background:#fcfdff}
#msh-command .msh-cmd-tank-head{display:flex;gap:10px;align-items:center}
#msh-command .msh-cmd-tank-head>div{min-width:0}
#msh-command .msh-cmd-tank-head strong{display:block;color:#2a3c59;font-size:13px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#msh-command .msh-cmd-tank-head small{font-size:10px;color:#8797a7}
#msh-command .msh-cmd-tank-no{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#eaf2ff;color:#145feb;font-size:12px;font-weight:850;flex:0 0 35px}
#msh-command .msh-cmd-gauge{position:relative;background:#e6ebf4;height:9px;border-radius:20px;margin:15px 0 9px;overflow:hidden}
#msh-command .msh-cmd-gauge i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#24b98e,#1f9ec1);border-radius:20px}
#msh-command .msh-cmd-gauge.low i{background:linear-gradient(90deg,#f4bb54,#e89b32)}
#msh-command .msh-cmd-gauge.critical i{background:linear-gradient(90deg,#f27576,#cc4859)}
#msh-command .msh-cmd-tank-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}
#msh-command .msh-cmd-tank-bottom strong{font-size:14px;color:#1d375e}
#msh-command .msh-cmd-tank-bottom span{font-size:11px;color:#677994;font-weight:700}
#msh-command .msh-cmd-tank .msh-cmd-muted{margin:0;font-size:10px;display:block}
#msh-command .msh-cmd-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin-top:18px}
#msh-command .msh-cmd-btn{border:1px solid #125df0;border-radius:10px;padding:10px 15px;background:#125df0;color:white;min-height:41px;font-size:12px;font-weight:780}
#msh-command .msh-cmd-btn:hover{background:#074cdc}
#msh-command .msh-cmd-btn.small{padding:8px 12px;min-height:36px}
#msh-command .msh-cmd-btn.light{background:#fff;color:#195ce1;border-color:#d1e0fa}
#msh-command .msh-cmd-mini{border:0;background:transparent;color:#1261e9;padding:5px 3px;min-height:30px;font-size:11px;font-weight:770;white-space:normal;text-align:left}
#msh-command .msh-cmd-mini:hover{text-decoration:underline}
#msh-command .msh-cmd-locations-wrap{margin-top:17px}
#msh-command .msh-cmd-locations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#msh-command .msh-cmd-location{border:1px solid #e2eaf5;border-radius:14px;background:#fff;padding:16px;min-width:0;text-align:left;display:flex;flex-direction:column;gap:6px;min-height:155px}
#msh-command .msh-cmd-location.selected{border-color:#7babfe;background:#f8fbff;box-shadow:0 0 0 2px #e5efff inset}
#msh-command .msh-cmd-location:hover{background:#f4f8ff;border-color:#a9c8ff}
#msh-command .msh-cmd-location-top{display:flex;justify-content:space-between;align-items:center;gap:6px}
#msh-command .msh-cmd-location-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#edf4ff;color:#1265eb;font-size:17px}
#msh-command .msh-cmd-location>strong{font-size:13px;line-height:1.3;color:#223c60;overflow-wrap:anywhere}
#msh-command .msh-cmd-location>small{font-size:11px;color:#8b9aac}
#msh-command .msh-cmd-location-foot{display:flex;align-items:center;gap:6px;border-top:1px solid #ebeff5;margin-top:auto;padding-top:10px;font-size:11px;color:#70819b}
#msh-command .msh-cmd-location-foot b{color:#b2bfcd}
#msh-command .msh-cmd-location-foot i{margin-left:auto;color:#1264ed;font-style:normal}
#msh-command .msh-cmd-timeline{display:grid;gap:13px}
#msh-command .msh-cmd-timeline>div{padding:0 0 13px 23px;border-left:1px solid #dbe6f4;position:relative}
#msh-command .msh-cmd-timeline i{position:absolute;top:5px;left:-5px;width:9px;height:9px;background:#2c7bf2;border:2px solid white;border-radius:50%;box-shadow:0 0 0 1px #aec9ef}
#msh-command .msh-cmd-timeline i.critical,#msh-command .msh-cmd-timeline i.warning{background:#df7d5b}
#msh-command .msh-cmd-timeline strong{display:block;font-size:12px;color:#29425f}
#msh-command .msh-cmd-timeline small{font-size:10px;color:#98a4b3}
#msh-command .msh-cmd-timeline p{font-size:11px;margin:5px 0 0;color:#7890a5;overflow-wrap:anywhere}
#msh-command .msh-cmd-empty{text-align:center;padding:34px 14px;border:1px dashed #dce5f1;border-radius:12px;background:#fcfdff;margin:14px 0;color:#72849a}
#msh-command .msh-cmd-empty>span{display:grid;place-items:center;margin:0 auto 12px;width:41px;height:41px;background:#edf4ff;color:#1e65e0;border-radius:12px;font-size:27px}
#msh-command .msh-cmd-empty strong{display:block;font-size:13px;color:#526c8c}
#msh-command .msh-cmd-empty p{font-size:11px;color:#8696aa;margin:6px auto;max-width:350px;line-height:1.6}
#msh-command .msh-cmd-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#msh-command .msh-cmd-alarm{display:flex;gap:11px;border-bottom:1px solid #eaf0f7;padding:13px 0}
#msh-command .msh-cmd-alarm:last-child{border-bottom:0}
#msh-command .msh-cmd-alarm>div:nth-child(2){flex:1;min-width:0}
#msh-command .msh-cmd-alarm-dot{width:10px;height:10px;border-radius:50%;background:#3679ef;flex:0 0 10px;margin-top:5px}
#msh-command .msh-cmd-alarm-dot.critical{background:#d54c57}
#msh-command .msh-cmd-alarm-dot.warning{background:#e3aa4c}
#msh-command .msh-cmd-alarm strong{font-size:12px;color:#273d5d;display:block}
#msh-command .msh-cmd-alarm small{font-size:10px;color:#8698ac}
#msh-command .msh-cmd-alarm p{margin:4px 0;color:#718199;font-size:11px;overflow-wrap:anywhere}
#msh-command .msh-cmd-alarm-side{display:grid;gap:6px;justify-items:end}
#msh-command .msh-cmd-connections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
#msh-command .msh-cmd-conn{border:1px solid #e4eaf4;background:#fbfdff;border-radius:14px;padding:17px;display:flex;flex-direction:column;min-width:0;gap:10px}
#msh-command .msh-cmd-conn>div{display:flex;align-items:center;gap:10px}
#msh-command .msh-cmd-conn b{font-size:13px;color:#304564}
#msh-command .msh-cmd-conn i{display:grid;place-items:center;background:#eaf2ff;border-radius:9px;color:#1261eb;width:34px;height:34px;font-style:normal;font-size:23px;flex:0 0 34px}
#msh-command .msh-cmd-conn .msh-cmd-tag{align-self:start}
#msh-command .msh-cmd-conn p{font-size:11px;color:#72839a;margin:0;line-height:1.6}
#msh-command .msh-cmd-conn>small{font-size:10px;color:#8998aa}
#msh-command .msh-cmd-conn .msh-cmd-mini{margin-top:auto}
#msh-command .msh-cmd-form{display:grid;gap:13px}
#msh-command .msh-cmd-form label{font-size:11px;font-weight:750;color:#536780;display:grid;gap:6px;min-width:0}
#msh-command .msh-cmd-form input:not([type="checkbox"]),#msh-command .msh-cmd-form select,#msh-command #msh-cmd-range{width:100%;min-width:0;max-width:100%;height:42px;border:1px solid #d5e2f1;border-radius:9px;padding:9px 11px;background:#fff;color:#344b67;font-size:14px}
#msh-command .msh-cmd-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
#msh-command .msh-cmd-form .msh-cmd-btn{justify-self:start}
#msh-command .msh-cmd-form small{font-size:10px;color:#8696aa;line-height:1.6}
#msh-command .msh-cmd-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
#msh-command .msh-cmd-checks label{display:flex;align-items:center;gap:7px;font-size:11px}
#msh-command .msh-cmd-checks input{accent-color:#125efa}
#msh-command .msh-cmd-editor{background:#f8fbff;border:1px solid #dfeafa;border-radius:14px;padding:19px;margin-top:22px}
#msh-command .msh-cmd-editor h4{font-size:15px;color:#213f68;margin:0 0 5px}
#msh-command .msh-cmd-chart{width:100%;height:265px;background:#f8fbff;border:1px solid #e5eafa;border-radius:14px;padding:14px;margin:10px 0 16px;overflow:hidden}
#msh-command .msh-cmd-chart svg{display:block;width:100%;height:100%;overflow:visible}
#msh-command #msh-cmd-range{width:auto;min-width:130px;font-size:11px}
#msh-command .msh-cmd-data-row{padding:10px 0;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #edf1f8;font-size:12px;color:#677c93}
#msh-command .msh-cmd-data-row strong{color:#344e72}
#msh-command .msh-cmd-footer{font-size:10px;color:#91a0b2;display:flex;align-items:center;gap:9px;margin:15px 0 0}
#msh-command .msh-cmd-footer span{font-size:17px;color:#6693d9}
#msh-command .msh-cmd-loading{position:relative;overflow:hidden;background:#eef3fa}
#msh-command .msh-cmd-loading:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent,#fff9,transparent);transform:translateX(-100%);animation:mshcmdshimmer 1.6s linear infinite}
@keyframes mshcmdshimmer{to{transform:translateX(100%)}}
@media(max-width:1120px){#msh-command .msh-cmd-overview-grid{grid-template-columns:minmax(0,1fr)}#msh-command .msh-cmd-locations{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){#msh-command .msh-cmd-hero{grid-template-columns:minmax(0,1fr);padding:24px}#msh-command .msh-cmd-stats{grid-template-columns:repeat(2,minmax(0,1fr))}#msh-command .msh-cmd-columns{grid-template-columns:minmax(0,1fr)}#msh-command .msh-cmd-card{padding:19px}#msh-command .msh-cmd-connections{grid-template-columns:minmax(0,1fr)}}
@media(max-width:550px){
 #msh-command{width:100%;margin-top:16px}
 #msh-command .msh-cmd-hero{padding:19px 16px;border-radius:17px}
 #msh-command .msh-cmd-hero h2{font-size:28px}
 #msh-command .msh-cmd-hero p{font-size:12px}
 #msh-command .msh-cmd-hero .msh-cmd-pick{padding:12px}
 #msh-command .msh-cmd-stat{min-height:112px;padding:13px}
 #msh-command .msh-cmd-stat>strong{font-size:23px}
 #msh-command .msh-cmd-tabstrip{margin-right:0}
 #msh-command .msh-cmd-cardhead{gap:8px;flex-wrap:wrap}
 #msh-command .msh-cmd-card{padding:16px}
 #msh-command .msh-cmd-tanks-grid,#msh-command .msh-cmd-locations,#msh-command .msh-cmd-form-grid{grid-template-columns:minmax(0,1fr)}
 #msh-command .msh-cmd-stat-top{font-size:10px}
 #msh-command .msh-cmd-status-bar>div{min-width:0;flex:1 1 100%}
 #msh-command .msh-cmd-form input:not([type="checkbox"]),#msh-command .msh-cmd-form select,#msh-command #msh-cmd-range{font-size:16px}
 #msh-command .msh-cmd-switch select{font-size:16px}
}
@media(prefers-reduced-motion:reduce){#msh-command .msh-cmd-loading:after{animation:none}}

/* Ver014 independent dashboard layout and new-station editor */
#msh-command .msh-cmd-global-editor{margin:0 0 18px;scroll-margin-top:110px}
#msh-command .msh-cmd-global-editor[hidden]{display:none!important}
#msh-command .msh-cmd-new-agree{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.5;color:#425772}
#msh-command .msh-cmd-new-agree input{width:18px;height:18px;flex:0 0 18px;accent-color:#135df4}
@media(max-width:550px){#msh-command .msh-cmd-global-editor .msh-cmd-form-grid{grid-template-columns:minmax(0,1fr)}}