/* MY STATION HUB — COMMAND LIGHT
   A genuine cross-device UI system, not a color override on the graphite
   theme. Existing APIs, navigation URLs, account controls and native forms
   remain functional. Station photography is decorative, not customer data.
*/
html[data-msh-theme="command"]{
  --blue:#6540e8;--ink:#111d3a;--muted:#64738b;--line:#dde5f1;
  --bg:#f4f6fc;--soft:#f4f1ff;--white:#fff;--light:#f2f5fc;
  --msh-side-border:#e2e8f3;
  --msh-next-violet:#683fe7;--msh-next-navy:#122448;
  --msh-next-text:#182545;--msh-next-secondary:#5b6c85;
  --msh-next-border:#e1e8f2;--msh-next-shadow:0 10px 30px rgba(25,46,95,.055);
  color-scheme:light;background:#f4f6fc;
}
html[data-msh-theme="command"] body{
  background:#f4f6fc!important;color:#182545!important;
  font:16px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI Variable","Segoe UI",Inter,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;letter-spacing:0;
}
html[data-msh-theme="command"] *{box-sizing:border-box}
html[data-msh-theme="command"] :is(button,input,select,textarea){font:inherit}
html[data-msh-theme="command"] :is(h1,h2,h3,h4,h5,legend){
  color:#142143;letter-spacing:-.035em;line-height:1.18;
}
html[data-msh-theme="command"] :is(p,.lead,.sub,.muted,.small,.little,.hint,.kpi-label){
  color:#607089;
}
html[data-msh-theme="command"] a{color:#5631dc;text-decoration:none}
html[data-msh-theme="command"] :is(button,a,summary,input,select,textarea):focus-visible{
  outline:3px solid #a58cff!important;outline-offset:2px;
}
html[data-msh-theme="command"] [hidden]{display:none!important}
html[data-msh-theme="command"] :is(.card,.panel,.security-panel,.msh-support-card,
  .msh-billing-customer,.bill-box,.bill-account,.msh-tank-card,
  .msh-admin-monitor-card,.msh-unified-overview,.msh-cmd-card,.msh-workspace-page){
  background:#fff!important;color:#182545!important;
  border:1px solid #e1e8f2!important;border-radius:20px!important;
  box-shadow:0 10px 30px rgba(25,46,95,.055)!important;
}
html[data-msh-theme="command"] :is(.card,.panel,.msh-cmd-card,.msh-support-card,
  .msh-billing-customer,.security-panel) :is(h2,h3,h4,strong){
  color:#17264a;
}
html[data-msh-theme="command"] :is(.card,.panel,.msh-cmd-card,.msh-support-card,
  .msh-billing-customer,.security-panel) :is(p,small,.sub,.small,.hint){
  color:#607089;
}
html[data-msh-theme="command"] :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea){
  background:#fff!important;color:#1a2b4d!important;border:1px solid #cdd8e9!important;
  border-radius:12px;min-height:46px;box-shadow:none!important;
}
html[data-msh-theme="command"] :is(input,textarea)::placeholder{color:#8392ab;opacity:1}
html[data-msh-theme="command"] :is(.button,.btn,.msh-cmd-btn,.security-primary,
  .msh-admin-billing-page button:not(.bill-revoke)){
  border-radius:12px;min-height:44px;
}
html[data-msh-theme="command"] :is(.btn:not(.outline):not(.danger),.button:not(.outline):not(.danger),
  .msh-cmd-btn:not(.light),.security-primary,.msh-admin-billing-page button:not(.bill-revoke)){
  background:#6340e7!important;color:#fff!important;border-color:#6340e7!important;
  box-shadow:0 7px 17px #673dea21;
}
html[data-msh-theme="command"] :is(.btn.outline,.button.outline,.msh-cmd-btn.light,
  .security-outline,.msh-billing-quiet-link){
  background:#f5f3ff!important;color:#5634ca!important;border:1px solid #dbd4ff!important;
  box-shadow:none!important;
}
html[data-msh-theme="command"] :is(.btn.danger,.msh-action-danger,.msh-removal-five-button){
  background:#bc3549!important;color:#fff!important;border-color:#bc3549!important;
}
html[data-msh-theme="command"] :is(.pill.green,.notice.good,.cardnote.good,.msh-cmd-tag.good,
  .msh-billing-status.valid,.result.success){
  color:#10794e!important;background:#e0f7eb!important;border-color:#bee9d2!important;
}
html[data-msh-theme="command"] :is(.pill.gold,.notice.warn,.cardnote.warn,.msh-cmd-tag.warm){
  color:#855218!important;background:#fff1d4!important;border-color:#f6dda3!important;
}
html[data-msh-theme="command"] :is(.pill.red,.msh-cmd-tag.danger,.result.error){
  color:#ac2848!important;background:#ffe8ee!important;border-color:#f2c7d0!important;
}
html[data-msh-theme="command"] :is(.footer,.site-footer){background:transparent;color:#6d7c92;border-color:#e0e7f3}
/* A new white product header, not the old black two-tier graphite bar. */
html[data-msh-theme="command"] header.msh-unified-header{
  background:#fffffff5!important;border-bottom:1px solid #e2e8f3!important;
  box-shadow:0 4px 22px #162b5210!important;
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
}
html[data-msh-theme="command"] .msh-unified-brand{
  color:#131d3e!important;font-weight:850!important;letter-spacing:-.065em!important;
}
html[data-msh-theme="command"] .msh-unified-brand span{color:#7146f5!important}
html[data-msh-theme="command"] .msh-unified-account>summary{
  background:#f6f3ff!important;color:#39268f!important;
  border:1px solid #e1d9ff!important;border-radius:14px!important;
}
html[data-msh-theme="command"] :is(.msh-unified-account-panel,.msh-unified-mobile-drawer,.account-nav-panel){
  background:#fff!important;color:#233657!important;border:1px solid #e0e6f2!important;
  border-radius:17px!important;box-shadow:0 24px 60px #1b315f29!important;
}
html[data-msh-theme="command"] :is(.msh-unified-account-panel,.msh-unified-mobile-drawer,.account-nav-panel) a{
  color:#263d61!important;border-radius:10px;
}
html[data-msh-theme="command"] :is(.msh-unified-account-panel,.msh-unified-mobile-drawer,.account-nav-panel) a:hover{
  color:#5232d6!important;background:#f2efff!important;
}
html[data-msh-theme="command"] .msh-unified-header-plan{
  color:#13774c!important;background:#e9f9f0!important;border:1px solid #c9ead8!important;
}
html[data-msh-theme="command"] .msh-unified-header-plan[data-plan-tone="approved"]{
  background:#e4f8ef!important;color:#136d47!important;border-color:#bee6d1!important;
}
html[data-msh-theme="command"] .msh-unified-mobile-toggle{
  background:#f5f2ff!important;color:#5c37df!important;border:1px solid #e0d9fa!important;
  border-radius:13px!important;
}
/* The new actual side navigation on both portals. */
html[data-msh-theme="command"] :is(.msh-dashboard-page .msh-customer-side,.app>.side){
  background:#fff!important;color:#223253!important;border:1px solid #e4eaf4!important;
  border-radius:20px!important;box-shadow:0 7px 24px #1b355611!important;
  overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#c7cbe2 transparent;
}
html[data-msh-theme="command"] .msh-next-sidebar{padding:16px 11px!important}
html[data-msh-theme="command"] .msh-next-side-heading{
  display:grid;gap:2px;padding:14px 13px 12px;
}
html[data-msh-theme="command"] .msh-next-side-eyebrow{
  color:#7d70ab;font-size:10px;letter-spacing:.15em;font-weight:850;
}
html[data-msh-theme="command"] .msh-next-side-title{
  color:#17234b;font-weight:800;letter-spacing:-.03em;font-size:20px;
}
html[data-msh-theme="command"] .msh-next-menu-search{
  display:block;margin:0 8px 18px;
}
html[data-msh-theme="command"] .msh-next-menu-search input{
  min-height:43px!important;width:100%;padding:10px 12px 10px 36px!important;
  background:#f5f7fb!important;border-color:#e4eaf3!important;
  color:#243553!important;font-size:13px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237687a4' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m16 16 5 5'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;background-position:11px center!important;background-size:17px!important;
}
html[data-msh-theme="command"] .msh-next-visually-hidden{
  position:absolute;clip:rect(0,0,0,0);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;
}
html[data-msh-theme="command"] .msh-next-side-footer{
  display:grid;gap:7px;margin:24px 8px 8px;padding:19px;
  background:linear-gradient(125deg,#f0eaff,#dfe8ff);
  border-radius:17px;border:1px solid #ded6ff;
}
html[data-msh-theme="command"] .msh-next-side-footer strong{
  color:#30206e;font-size:18px;line-height:1.2;letter-spacing:-.03em;
}
html[data-msh-theme="command"] .msh-next-side-footer small{color:#69628d;font-size:12px}
html[data-msh-theme="command"] #mshCustomerSidebar :is(.msh-workspace-group,.side-label){
  color:#8290a5!important;letter-spacing:.12em;font-size:10px;font-weight:850;
}
html[data-msh-theme="command"] :is(#mshCustomerSidebar #customerNav>a,
  #mshCustomerSidebar .msh-workspace-menu>summary,.app>.side a:not(.brand)){
  color:#40536f!important;background:transparent!important;
  border-radius:12px!important;font-size:13px!important;font-weight:650!important;
  transition:background .19s ease,color .19s ease,transform .22s ease;
  min-height:45px!important;
}
html[data-msh-theme="command"] :is(#mshCustomerSidebar #customerNav>a[aria-current="page"],
 #mshCustomerSidebar .msh-workspace-submenu a[aria-current="page"],.app>.side a.active:not(.brand)){
  color:#5e34da!important;background:#f0ebff!important;
  box-shadow:inset 3px 0 #7650ec!important;
}
html[data-msh-theme="command"] :is(#mshCustomerSidebar #customerNav>a:hover,
 #mshCustomerSidebar .msh-workspace-menu>summary:hover,.app>.side a:not(.brand):hover){
  color:#613ddb!important;background:#f6f3ff!important;
}
html[data-msh-theme="command"] #mshCustomerSidebar .msh-workspace-menu[open]>summary{
  background:#f2edff!important;color:#603ad9!important;
}
html[data-msh-theme="command"] #mshCustomerSidebar .msh-workspace-submenu{
  border-left:2px solid #e6e0fc!important;margin-left:20px;
}
html[data-msh-theme="command"] #mshCustomerSidebar .msh-workspace-submenu a{
  color:#596a82!important;font-size:13px!important;line-height:1.4;
  min-height:43px;border-radius:9px;
}
html[data-msh-theme="command"] #mshCustomerSidebar .msh-workspace-chevron{
  transition:transform .24s cubic-bezier(.2,.75,.2,1);
}
html[data-msh-theme="command"] #mshCustomerSidebar .msh-workspace-menu[open]>.msh-workspace-submenu{
  animation:msh-next-reveal .25s ease both;
}
/* Hidden on Windows; the same real routes become a native-like iPhone dock. */
html[data-msh-theme="command"] .msh-next-dock{display:none}
html[data-msh-theme="command"] #msh-command.msh-next-home-active>.msh-cmd-hero,
html[data-msh-theme="command"] #msh-command.msh-next-home-active>#msh-cmd-stations,
html[data-msh-theme="command"] #msh-command.msh-next-home-active>#msh-cmd-stats{display:none!important}
/* Authenticated customer workspace, rebuilt real home plus compact tools. */
html[data-msh-theme="command"] .msh-dashboard-page .msh-customer-workspace{
  max-width:1850px;gap:16px;padding:18px;
}
html[data-msh-theme="command"] .msh-dashboard-page .msh-customer-workspace .dashboard-main{
  background:transparent!important;border:0!important;box-shadow:none!important;
  padding:0 0 65px!important;max-width:none;
}
html[data-msh-theme="command"] #msh-command{color:#203353!important;max-width:none;margin:0;font-family:inherit}
html[data-msh-theme="command"] #msh-command:has(.msh-next-dashboard)>.msh-cmd-hero,
html[data-msh-theme="command"] #msh-command:has(.msh-next-dashboard)>#msh-cmd-stations,
html[data-msh-theme="command"] #msh-command:has(.msh-next-dashboard)>#msh-cmd-stats{display:none!important}
html[data-msh-theme="command"] #msh-command>.msh-cmd-hero{
  background:linear-gradient(110deg,#fff 10%,#f4f1ff)!important;
  border:1px solid #e2dcfa!important;border-radius:22px!important;
  box-shadow:var(--msh-next-shadow);padding:25px;gap:22px;
}
html[data-msh-theme="command"] #msh-command .msh-cmd-hero h2{
  color:#142143!important;font-size:clamp(25px,3vw,39px);font-weight:800;
}
html[data-msh-theme="command"] #msh-command .msh-cmd-hero p{color:#5b6e87!important;font-size:14px}
html[data-msh-theme="command"] #msh-command .msh-cmd-eyebrow{
  color:#673de4!important;letter-spacing:.15em;font-weight:850;
}
html[data-msh-theme="command"] #msh-command .msh-cmd-pick{
  background:#fff!important;border:1px solid #e2e8f3!important;border-radius:16px;
  box-shadow:none!important;
}
html[data-msh-theme="command"] #msh-command #msh-cmd-refresh{
  background:#f1edff!important;color:#5f39db!important;border:1px solid #dcd5ff!important;
}
html[data-msh-theme="command"] #msh-command .msh-cmd-switch select{
  background:#fff!important;color:#203457!important;border-color:#d5dfed!important;
}
html[data-msh-theme="command"] #msh-command .msh-cmd-cardhead h3,
html[data-msh-theme="command"] #msh-command .msh-cmd-conn>div>b,
html[data-msh-theme="command"] #msh-command :is(.msh-cmd-empty>strong,.msh-cmd-status-bar b,
  .msh-cmd-location>strong,.msh-unified-monitor-head h2,.msh-unified-monitor-head h3){
  color:#1b2a4e!important;
}
html[data-msh-theme="command"] #msh-command :is(.msh-cmd-card,.msh-cmd-empty,.msh-cmd-chart,
  .msh-cmd-conn,.msh-cmd-tank,.msh-cmd-location,.msh-cmd-pick,.msh-cmd-status-bar,
  .msh-unified-overview,.msh-unified-accordion,.msh-cmd-stat){
  background:#fff!important;color:#23385b!important;border-color:#dfe7f1!important;
  box-shadow:var(--msh-next-shadow);border-radius:17px;
}
html[data-msh-theme="command"] #msh-command :is(.msh-cmd-card,.msh-cmd-location,.msh-cmd-conn,
  .msh-cmd-tank,.msh-cmd-empty) :is(p,small,.msh-cmd-muted,.msh-cmd-intro){color:#60718c!important}
html[data-msh-theme="command"] #msh-command .msh-workspace-page>.msh-cmd-card{
  border:1px solid #e1e8f2!important;background:#fff!important;
  padding:22px!important;box-shadow:var(--msh-next-shadow)!important;
}
html[data-msh-theme="command"] #msh-command .msh-cmd-empty>span{
  background:#efeaff!important;color:#7148ed!important;
}
html[data-msh-theme="command"] .msh-cmd-tag:not(.good):not(.warm):not(.danger){
  color:#697b94!important;background:#f1f4f8!important;border:1px solid #e0e6ef!important;
}
html[data-msh-theme="command"] .msh-unified-gauge{background:#f9fbff!important;border-color:#e3eafa!important}
html[data-msh-theme="command"] .msh-unified-station{background:#fff!important;color:#23385b!important;border-color:#dfe5f1!important}
html[data-msh-theme="command"] .msh-unified-station[aria-pressed="true"]{background:#f3eeff!important;border-color:#9779f0!important}
html[data-msh-theme="command"] #msh-command .msh-cmd-mini{
  color:#5d3bd5!important;background:#f3eeff!important;border:1px solid #e0d8ff!important;
  border-radius:10px;min-height:38px;padding:7px 11px;
}
html[data-msh-theme="command"] #msh-command .msh-cmd-status-bar small{color:#687b94!important}
html[data-msh-theme="command"] #msh-command .msh-cmd-cardhead span:not(.msh-cmd-tag){color:#7250df!important}
html[data-msh-theme="command"] #msh-command :is(.msh-cmd-notice.good,.msh-cmd-tag.good){color:#177951!important;background:#e5f8ef!important}
html[data-msh-theme="command"] #msh-command :is(.msh-cmd-notice.warm,.msh-cmd-tag.warm){color:#89601e!important;background:#fff0d7!important}
html[data-msh-theme="command"] #msh-command :is(.msh-cmd-notice.danger,.msh-cmd-tag.danger){color:#aa2643!important;background:#ffe7ed!important}
html[data-msh-theme="command"] #msh-command .msh-cmd-empty strong{font-size:15px;font-weight:760;color:#253c64!important}
/* New real-data dashboard from commandHome(); close match to approved visuals. */
html[data-msh-theme="command"] .msh-next-dashboard{display:grid;gap:19px}
html[data-msh-theme="command"] .msh-next-welcome{
  position:relative;min-height:244px;overflow:hidden;border-radius:25px;
  background:linear-gradient(90deg,#f1eeff 0%,#f9faff 57%,#eef4ff 100%);
  border:1px solid #e7e2fa;box-shadow:var(--msh-next-shadow);
}
html[data-msh-theme="command"] .msh-next-welcome-content{
  position:relative;z-index:2;padding:35px 40px;max-width:70%;
}
html[data-msh-theme="command"] .msh-next-overline{
  display:block;font-weight:800;font-size:11px;color:#7454d7;
  letter-spacing:.16em;margin-bottom:10px;
}
html[data-msh-theme="command"] .msh-next-welcome h2{
  color:#142041;font-size:clamp(30px,3.8vw,54px);line-height:1.07;font-weight:850;
  margin:0 0 13px;letter-spacing:-.055em;
}
html[data-msh-theme="command"] .msh-next-welcome h2 span{
  background:linear-gradient(105deg,#2f3fa3,#8c41e5);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
html[data-msh-theme="command"] .msh-next-welcome p{font-size:15px;color:#536783;line-height:1.52;margin:0 0 15px}
html[data-msh-theme="command"] .msh-next-welcome-note{
  display:inline-flex;font-size:11px;color:#687894;background:#ffffffdd;
  border:1px solid #e5e7f4;border-radius:999px;padding:6px 11px;
}
html[data-msh-theme="command"] .msh-next-hero-art{
  position:absolute;right:0;top:0;bottom:0;width:48%;
  background-image:linear-gradient(90deg,#f9faff 0%,#f9faff33 25%,transparent 55%),url('/assets/station-hero.webp');
  background-size:cover;background-position:center;
  mask-image:linear-gradient(90deg,transparent,#000 35%);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 35%);
}
html[data-msh-theme="command"] .msh-next-metrics{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;
}
html[data-msh-theme="command"] .msh-next-metric{
  display:flex;align-items:flex-start;gap:12px;padding:21px;
  background:#fff;border:1px solid #e4eaf3;border-radius:19px;min-width:0;
  box-shadow:var(--msh-next-shadow);
}
html[data-msh-theme="command"] .msh-next-metric-icon{
  display:grid;place-items:center;flex:0 0 47px;width:47px;height:47px;
  border-radius:15px;background:#eee8ff;color:#6540e7;
}
html[data-msh-theme="command"] .msh-next-metric-icon::before{
  content:"◈";font-size:23px;line-height:1;
}
html[data-msh-theme="command"] .msh-next-metric:nth-child(2) .msh-next-metric-icon{background:#e5efff;color:#1768e8}
html[data-msh-theme="command"] .msh-next-metric:nth-child(3) .msh-next-metric-icon{background:#e1f8ed;color:#079d66}
html[data-msh-theme="command"] .msh-next-metric:nth-child(4) .msh-next-metric-icon{background:#fff0ea;color:#ed5a50}
html[data-msh-theme="command"] .msh-next-metric>div{display:grid;gap:0;min-width:0}
html[data-msh-theme="command"] .msh-next-metric-count{
  font-size:31px;line-height:1;font-weight:830;color:#17244b;letter-spacing:-.045em;
  font-variant-numeric:tabular-nums;
}
html[data-msh-theme="command"] .msh-next-metric strong{font-size:14px;color:#253557;font-weight:750;margin-top:5px}
html[data-msh-theme="command"] .msh-next-metric small{font-size:11px;color:#77849a;line-height:1.4;margin-top:2px}
html[data-msh-theme="command"] .msh-next-content-grid{
  display:grid;grid-template-columns:minmax(0,1.75fr) minmax(285px,.8fr);gap:15px;align-items:start;
}
html[data-msh-theme="command"] .msh-next-panel{
  min-width:0;background:#fff;border:1px solid #e2e8f2;
  border-radius:20px;padding:23px;box-shadow:var(--msh-next-shadow);
}
html[data-msh-theme="command"] .msh-next-panel-heading{
  display:flex;justify-content:space-between;align-items:center;gap:14px;
  margin-bottom:17px;
}
html[data-msh-theme="command"] .msh-next-panel-heading h3{
  color:#1b284b;margin:0;font-size:23px;font-weight:800;
}
html[data-msh-theme="command"] .msh-next-panel-heading .msh-next-overline{font-size:10px;margin-bottom:3px}
html[data-msh-theme="command"] .msh-next-text-action{
  border:1px solid #ded5ff;background:#f5f1ff;border-radius:10px;
  color:#5835c9;font-size:12px;font-weight:750;padding:10px 12px;white-space:nowrap;
}
html[data-msh-theme="command"] .msh-next-station-list{display:grid;gap:12px}
html[data-msh-theme="command"] .msh-next-station{
  background:linear-gradient(160deg,#fff,#fafdff);
  border:1px solid #e0e8f3;border-radius:17px;padding:17px;min-width:0;
}
html[data-msh-theme="command"] .msh-next-station.is-selected{
  background:linear-gradient(130deg,#fff,#f9f7ff);border-color:#d5c9ff;
}
html[data-msh-theme="command"] .msh-next-station-top{display:flex;align-items:center;gap:11px;flex-wrap:wrap}
html[data-msh-theme="command"] .msh-next-station-symbol{
  display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;
  background:#efeaff;border-radius:13px;color:#693cec;font-size:24px;
}
html[data-msh-theme="command"] .msh-next-station-title{flex:1 1 125px;min-width:0}
html[data-msh-theme="command"] .msh-next-station-title h4{
  font-size:17px;font-weight:800;color:#182747;margin:0 0 2px;overflow-wrap:anywhere;
}
html[data-msh-theme="command"] .msh-next-station-title p{font-size:12px;color:#74849b;margin:0}
html[data-msh-theme="command"] .msh-next-station-facts{font-size:12px;margin:12px 0;color:#637690}
html[data-msh-theme="command"] .msh-next-station-gauges{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:10px;margin:12px 0;
}
html[data-msh-theme="command"] .msh-next-station-gauges .msh-unified-gauge{
  padding:14px 12px;background:#fff!important;box-shadow:none!important;border-radius:12px;
}
html[data-msh-theme="command"] .msh-next-station-gauges .msh-unified-gauge-arc svg{width:95px;max-width:95px}
html[data-msh-theme="command"] .msh-next-no-reading{
  font-size:12px;color:#75849a!important;background:#f4f6fb;padding:14px;border-radius:11px;
}
html[data-msh-theme="command"] .msh-next-station-bottom{
  display:flex;justify-content:space-between;align-items:center;gap:8px;
  margin-top:11px;border-top:1px solid #e9edf5;padding-top:12px;
}
html[data-msh-theme="command"] .msh-next-station-bottom>span{font-size:11px;color:#718299}
html[data-msh-theme="command"] .msh-next-station-link{
  background:transparent;border:0;color:#5f38dd;font-size:12px;font-weight:760;
  padding:8px;cursor:pointer;white-space:nowrap;
}
html[data-msh-theme="command"] .msh-next-aside{display:grid;gap:15px;min-width:0}
html[data-msh-theme="command"] .msh-next-monitor-badge{margin:2px 0 10px}
html[data-msh-theme="command"] .msh-next-fact{
  display:flex;justify-content:space-between;align-items:flex-start;gap:15px;
  padding:13px 0;border-bottom:1px solid #ebeff6;font-size:12px;
}
html[data-msh-theme="command"] .msh-next-fact span{color:#718099}
html[data-msh-theme="command"] .msh-next-fact strong{
  text-align:right;color:#263a59;font-weight:750;overflow-wrap:anywhere;
}
html[data-msh-theme="command"] .msh-next-panel-link{
  display:flex;justify-content:space-between;align-items:center;margin-top:15px;
  color:#5c35da;font-size:13px;font-weight:780;
}
html[data-msh-theme="command"] .msh-next-activity{display:grid;gap:0}
html[data-msh-theme="command"] .msh-next-activity-item{
  padding:12px 0;border-bottom:1px solid #edf1f6;
}
html[data-msh-theme="command"] .msh-next-activity-item strong{display:block;font-size:13px;color:#263658}
html[data-msh-theme="command"] .msh-next-activity-item small{display:block;color:#8390a4;font-size:11px}
html[data-msh-theme="command"] .msh-next-activity-item p{font-size:12px;color:#64738a;margin:4px 0 0}
html[data-msh-theme="command"] .msh-next-quick{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;
}
html[data-msh-theme="command"] .msh-next-quick a{
  display:grid;gap:3px;padding:18px;background:linear-gradient(155deg,#fff,#f7f6ff);
  border:1px solid #e4e5f1;border-radius:16px;min-width:0;color:#243655;
  transition:transform .2s ease,box-shadow .2s ease;
}
html[data-msh-theme="command"] .msh-next-quick a:hover{transform:translateY(-2px);box-shadow:0 14px 25px #5233be13}
html[data-msh-theme="command"] .msh-next-quick a>span{
  display:grid;place-items:center;width:36px;height:36px;
  background:#eee9ff;color:#6240e7;border-radius:11px;font-size:20px;
}
html[data-msh-theme="command"] .msh-next-quick strong{font-size:13px;color:#263451}
html[data-msh-theme="command"] .msh-next-quick small{font-size:11px;color:#7a899f}
/* Master Admin command hub from actual existing KPI IDs and real notification lists. */
html[data-msh-theme="command"] .app{gap:16px;padding:16px;background:#f4f6fc}
html[data-msh-theme="command"] .app>.side{
  position:sticky;top:16px;height:calc(100dvh - 32px);max-height:calc(100dvh - 32px);
}
html[data-msh-theme="command"] .app>.side .brand{
  color:#142043;font-size:22px;font-weight:850;margin:7px 10px 10px;
}
html[data-msh-theme="command"] .app>.side .brand span{color:#6c3de7}
html[data-msh-theme="command"] .app>.main{
  min-width:0;background:transparent!important;border:0!important;box-shadow:none;
  border-radius:0!important;overflow:visible!important;
}
html[data-msh-theme="command"] .app>.main>.top{
  position:sticky;top:0;z-index:35;border:1px solid #e2e8f2!important;
  background:#fffffff2!important;border-radius:17px!important;
  box-shadow:0 8px 30px #1e39670f!important;
}
html[data-msh-theme="command"] .app .top-title{font-size:16px;color:#192849;font-weight:850}
html[data-msh-theme="command"] .app .wrap{max-width:1650px;padding:25px 12px 70px}
html[data-msh-theme="command"] #overview .msh-next-admin-hero{
  position:relative;overflow:hidden;display:flex;min-height:215px;
  background:linear-gradient(100deg,#f2eeff,#fcfdff 63%,#eef3ff);
  border:1px solid #e4dffc;border-radius:23px;margin-bottom:18px;
}
html[data-msh-theme="command"] #overview .msh-next-admin-hero-copy{
  padding:27px 32px;position:relative;z-index:2;max-width:70%;
}
html[data-msh-theme="command"] #overview .msh-next-admin-hero h1{
  font-size:clamp(30px,3vw,45px);line-height:1.1;letter-spacing:-.055em;
  margin:4px 0 12px;font-weight:850;
}
html[data-msh-theme="command"] #overview .msh-next-admin-hero .eyebrow{color:#6c40de;font-size:10px}
html[data-msh-theme="command"] #overview .msh-next-admin-hero .sub{
  color:#596b85;font-size:14px;max-width:610px;margin:0;
}
html[data-msh-theme="command"] #overview .msh-next-admin-hero-art{
  position:absolute;right:0;inset-block:0;width:42%;
  background-image:linear-gradient(90deg,#fcfdff 0%,transparent 42%),url('/assets/station-hero.webp');
  background-size:cover;background-position:center;
  mask-image:linear-gradient(90deg,transparent,#000 35%);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 35%);
}
html[data-msh-theme="command"] #overview .grid.four{gap:12px}
html[data-msh-theme="command"] #overview .grid.four .card{
  min-height:148px;padding:23px;background:#fff!important;
}
html[data-msh-theme="command"] #overview .grid.four .card::before{
  content:"◈";display:grid;place-items:center;float:right;
  width:40px;height:40px;border-radius:12px;
  background:#efe9ff;color:#643de5;font-size:23px;
}
html[data-msh-theme="command"] #overview .grid.four .card:nth-child(2)::before{background:#e5f1ff;color:#1d68dd}
html[data-msh-theme="command"] #overview .grid.four .card:nth-child(3)::before{background:#e5f8ee;color:#149660}
html[data-msh-theme="command"] #overview .grid.four .card:nth-child(4)::before{background:#fff0e9;color:#c64c43}
html[data-msh-theme="command"] #overview .grid.four .card .metric{
  font-size:37px;color:#182647;letter-spacing:-.045em;font-weight:850;
}
html[data-msh-theme="command"] #overview .grid.four .card .kpi-label{font-size:13px;color:#64758e}
html[data-msh-theme="command"] #overview .grid.two .card{padding:23px}
html[data-msh-theme="command"] .app .side-label{color:#8290a8;font-size:10px}
html[data-msh-theme="command"] .app .table-wrap{background:#fff;border-color:#e4eaf3}
html[data-msh-theme="command"] .app .table th{
  background:#f5f7fc;color:#506483;border-color:#e9edf5;
}
html[data-msh-theme="command"] .app .table td{color:#263654;border-color:#e9edf5}
/* Account, billing, password and support use the same light surfaces. */
html[data-msh-theme="command"] .main>.top-row .heading,
html[data-msh-theme="command"] .security-main h1,
html[data-msh-theme="command"] .msh-support-main h1{
  color:#172349;font-size:clamp(29px,4vw,45px);font-weight:820;
}
html[data-msh-theme="command"] :is(.account-accordion-header,.msh-minimal-summary,.msh-unified-accordion>summary){
  color:#253553!important;background:#fff!important;border-radius:13px;
}
html[data-msh-theme="command"] .msh-minimal-accordion .account-accordion-title,
html[data-msh-theme="command"] .msh-minimal-title{color:#203354!important;font-weight:750}
html[data-msh-theme="command"] .msh-minimal-accordion .account-accordion-meta{
  color:#5639c7!important;background:#f0eaff!important;border-radius:999px;
}
html[data-msh-theme="command"] :is(.msh-support-card,.msh-admin-billing-page .bill-box,
  .msh-billing-page #customerBillingCenter,.account-change-form,.msh-billing-renewal-card){
  background:#fff!important;border-color:#e1e8f2!important;color:#213455!important;
}
html[data-msh-theme="command"] :is(.msh-support-card,.msh-billing-customer,.msh-billing-page #customerBillingCenter) :is(h2,h3,strong){
  color:#213556!important;
}
html[data-msh-theme="command"] :is(.msh-billing-data strong,.msh-billing-head h2){color:#1e3151!important}
html[data-msh-theme="command"] .msh-support-main .station-item{background:#f9fbff;color:#233551;border-color:#e1e8f2}
html[data-msh-theme="command"] .msh-support-main .station-item strong{color:#213557}
html[data-msh-theme="command"] :is(.msh-support-card .formfield label,.formfield label,.field label){color:#445a78!important}
html[data-msh-theme="command"] .msh-billing-page .msh-billing-status.valid{
  background:#e7f8ef!important;color:#10774d!important;
}
html[data-msh-theme="command"] .msh-billing-page .msh-billing-data strong{color:#17294e!important}
html[data-msh-theme="command"] .msh-billing-page .msh-billing-identity{color:#64748b!important}
html[data-msh-theme="command"] .msh-billing-page .msh-billing-history>summary{color:#203658!important}
/* Mobile: genuinely white iPhone UI with a distinctive five-item bar. */
@media(max-width:860px){
 html[data-msh-theme="command"] body{background:#f5f7fc!important}
 html[data-msh-theme="command"] .msh-dashboard-page .msh-customer-workspace{
  padding:0!important;display:block!important;
 }
 html[data-msh-theme="command"] .msh-dashboard-page .msh-customer-workspace .dashboard-main{
  padding:17px 13px calc(105px + env(safe-area-inset-bottom))!important;
 }
 html[data-msh-theme="command"] #mshCustomerSidebar,
 html[data-msh-theme="command"] .app>#mshAdminSidebar.side{
  background:#fff!important;border:0!important;border-radius:0 22px 22px 0!important;
  box-shadow:20px 0 70px #1d2f5b2b!important;
  transition:transform .32s cubic-bezier(.18,.8,.2,1),visibility .32s!important;
 }
 html[data-msh-theme="command"] .msh-dashboard-page .msh-customer-nav-backdrop:not([hidden]),
 html[data-msh-theme="command"] .app>.msh-admin-nav-backdrop:not([hidden]){
  background:#17234470!important;backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
 }
 html[data-msh-theme="command"] :is(.msh-dashboard-page .msh-customer-side .msh-side-close,
 .app>.side .msh-side-close){
  color:#5633ce!important;background:#f2edff!important;border-color:#e2dbfa!important;
 }
 html[data-msh-theme="command"] .msh-dashboard-page.msh-sidebar-equipped .msh-next-dock{
  display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));
  position:fixed;bottom:0;left:0;right:0;z-index:90;
  background:#fffffff5;border-top:1px solid #e0e7f1;
  box-shadow:0 -9px 27px #1c306014;
  gap:0;padding:8px 8px max(9px,env(safe-area-inset-bottom));
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
 }
 html[data-msh-theme="command"] .msh-next-dock :is(a,button){
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:4px;min-height:53px;padding:8px 2px;border:0;border-radius:13px;
  color:#8592ad;background:transparent;text-decoration:none;font-size:11px;font-weight:720;
 }
 html[data-msh-theme="command"] .msh-next-dock :is(a,button) svg{
  width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;
  stroke-linecap:round;stroke-linejoin:round;
 }
 html[data-msh-theme="command"] .msh-next-dock a[aria-current="page"]{
  background:#eee9ff!important;color:#643eec!important;
 }
 html[data-msh-theme="command"] .msh-dashboard-page.msh-customer-nav-open .msh-next-dock{
  display:none!important;
 }
 html[data-msh-theme="command"] .msh-next-welcome{min-height:228px}
 html[data-msh-theme="command"] .msh-next-welcome-content{padding:26px 23px;max-width:85%}
 html[data-msh-theme="command"] .msh-next-welcome h2{font-size:clamp(29px,7.4vw,39px)}
 html[data-msh-theme="command"] .msh-next-welcome p{font-size:13px;max-width:280px}
 html[data-msh-theme="command"] .msh-next-hero-art{width:65%;opacity:.36}
 html[data-msh-theme="command"] .msh-next-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 html[data-msh-theme="command"] .msh-next-metric{padding:15px 11px;gap:9px;min-height:112px}
 html[data-msh-theme="command"] .msh-next-metric-icon{width:36px;height:36px;flex-basis:36px;border-radius:11px}
 html[data-msh-theme="command"] .msh-next-metric-count{font-size:27px}
 html[data-msh-theme="command"] .msh-next-metric strong{font-size:12px}
 html[data-msh-theme="command"] .msh-next-metric small{font-size:10px}
 html[data-msh-theme="command"] .msh-next-content-grid{grid-template-columns:minmax(0,1fr)}
 html[data-msh-theme="command"] .msh-next-panel{padding:18px;border-radius:18px}
 html[data-msh-theme="command"] .msh-next-panel-heading h3{font-size:21px}
 html[data-msh-theme="command"] .msh-next-quick{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 html[data-msh-theme="command"] .msh-next-quick a{padding:14px}
 html[data-msh-theme="command"] .msh-next-station-top{gap:8px}
 html[data-msh-theme="command"] .msh-next-station-title h4{font-size:16px}
 html[data-msh-theme="command"] .msh-next-station .msh-cmd-tag{font-size:10px}
 html[data-msh-theme="command"] .msh-next-station-gauges{grid-template-columns:repeat(2,minmax(0,1fr))}
 html[data-msh-theme="command"] #msh-command>.msh-cmd-hero{padding:18px!important}
 html[data-msh-theme="command"] #msh-command .msh-cmd-hero h2{font-size:29px}
 html[data-msh-theme="command"] .app{padding:0!important}
 html[data-msh-theme="command"] .app>.main>.top{border-radius:0!important;border-left:0!important;border-right:0!important}
 html[data-msh-theme="command"] .app .wrap{padding:20px 13px 64px}
 html[data-msh-theme="command"] #overview .grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}
 html[data-msh-theme="command"] #overview .grid.four .card{min-height:125px;padding:16px}
 html[data-msh-theme="command"] #overview .grid.four .card .metric{font-size:30px}
 html[data-msh-theme="command"] #overview .msh-next-admin-hero-copy{padding:22px;max-width:89%}
 html[data-msh-theme="command"] #overview .msh-next-admin-hero-art{width:70%;opacity:.22}
 html[data-msh-theme="command"] #overview .msh-next-admin-hero h1{font-size:30px}
}
/* Unified one-row iPhone customer header: wordmark + menu + account avatar.
   Subscription state remains available within account/billing, not a second row. */
@media(max-width:700px){
 html[data-msh-theme="command"] header.customer-header.msh-unified-header{
  height:72px!important;min-height:72px!important;max-height:72px!important;
 }
 html[data-msh-theme="command"] header.msh-unified-header .msh-unified-header-row{
  display:grid!important;grid-template-columns:44px minmax(0,1fr) 45px!important;
  grid-template-rows:54px!important;gap:9px!important;
  padding:9px 14px!important;align-items:center!important;align-content:center!important;
 }
 html[data-msh-theme="command"] header.msh-unified-header .msh-unified-mobile-toggle{
  display:flex!important;grid-row:1!important;grid-column:1!important;
  width:44px;height:44px;font-size:23px!important;
 }
 html[data-msh-theme="command"] header.msh-unified-header .msh-unified-brand{
  grid-row:1!important;grid-column:2!important;justify-self:center;
  font-size:clamp(21px,6vw,27px)!important;white-space:nowrap;
 }
 html[data-msh-theme="command"] header.msh-unified-header .msh-unified-header-actions{
  grid-row:1!important;grid-column:3!important;display:flex!important;
  width:45px!important;min-width:45px!important;gap:0!important;
  align-items:center!important;justify-content:center!important;margin:0!important;
 }
 html[data-msh-theme="command"] header.msh-unified-header .msh-unified-account{
  width:44px!important;min-width:44px!important;max-width:44px!important;
 }
 html[data-msh-theme="command"] header.msh-unified-header .msh-unified-account>summary{
  display:grid!important;place-items:center;width:44px!important;height:44px!important;
  padding:0!important;border-radius:50%!important;
  background:#eee8ff!important;border:1px solid #dbd2fe!important;
 }
 html[data-msh-theme="command"] header.msh-unified-header .msh-unified-account-icon{
  color:#623cdb!important;width:20px;height:20px;
 }
 html[data-msh-theme="command"] header.msh-unified-header .msh-unified-account-icon svg{
  width:20px;height:20px;
 }
 html[data-msh-theme="command"] header.msh-unified-header :is(.msh-unified-business-name,.msh-unified-account-chevron,.msh-unified-header-plan){
  display:none!important;
 }
 html[data-msh-theme="command"] header.msh-unified-header .msh-unified-account-panel{
  right:0;left:auto;width:min(300px,calc(100vw - 24px));z-index:150;
 }
}
@media(min-width:861px){
 html[data-msh-theme="command"] .msh-dashboard-page .msh-customer-side{top:94px}
}
@media (prefers-reduced-motion:reduce){
 html[data-msh-theme="command"] *,html[data-msh-theme="command"] *::before,
 html[data-msh-theme="command"] *::after{
  animation:none!important;transition:none!important;scroll-behavior:auto!important;
 }
}
@keyframes msh-next-reveal{from{opacity:.3;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}