/*
============================================================
SVS ERP — F15.21.2
COMMAND CENTER PREMIUM UI
Scoped visual-only layer.
============================================================
*/

html body:not(.dark) #page-command-center{
  --cc-text:#17324a;
  --cc-muted:#71859a;
  --cc-border:#dfe8ee;
  --cc-border-strong:#cfdee6;
  --cc-surface:#ffffff;
  --cc-soft:#f7fafc;
  --cc-teal:#14b8a6;
  --cc-teal-dark:#0f766e;
  --cc-blue:#3b82f6;
  --cc-green:#16a36a;
  --cc-amber:#d9910b;
  --cc-red:#dc4c59;
  max-width:1600px;
  margin:0 auto;
  color:var(--cc-text)!important;
  background:transparent!important;
}

html body:not(.dark) #page-command-center .command-center-shell{
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--cc-text)!important;
  box-shadow:none!important;
}

html body:not(.dark) #page-command-center .command-center-header{
  position:relative;
  overflow:hidden;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  padding:20px 22px!important;
  border:1px solid var(--cc-border)!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 100% 0%,rgba(20,184,166,.10),transparent 34%),
    linear-gradient(135deg,#ffffff 0%,#f6fbfb 100%)!important;
  box-shadow:0 8px 26px rgba(15,34,53,.055)!important;
}

html body:not(.dark) #page-command-center .command-center-header::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:linear-gradient(180deg,#14b8a6,#38bdf8);
}

html body:not(.dark) #page-command-center .command-center-brand{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  min-width:0;
}

html body:not(.dark) #page-command-center .command-center-logo{
  width:50px!important;
  height:50px!important;
  flex:0 0 50px;
  display:grid!important;
  place-items:center!important;
  border:1px solid #cfece7!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#e8faf7,#eff8ff)!important;
  color:var(--cc-teal-dark)!important;
  box-shadow:0 6px 16px rgba(20,184,166,.10)!important;
  font-size:16px!important;
  font-weight:900!important;
}

html body:not(.dark) #page-command-center .command-center-brand span{
  color:#7890a4!important;
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:.11em!important;
  text-transform:uppercase;
}

html body:not(.dark) #page-command-center .command-center-brand h2{
  margin:4px 0 0!important;
  color:#123047!important;
  font-size:22px!important;
  line-height:1.15!important;
  font-weight:850!important;
  letter-spacing:-.02em!important;
}

html body:not(.dark) #page-command-center .command-center-header-actions{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:wrap;
  justify-content:flex-end;
}

html body:not(.dark) #page-command-center .command-center-header-actions .button{
  min-height:38px;
  padding:9px 13px!important;
  border-radius:10px!important;
}

html body:not(.dark) #page-command-center .command-clock-row{
  margin-top:12px!important;
  padding:12px 15px!important;
  border:1px solid var(--cc-border)!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:0 2px 10px rgba(15,34,53,.025)!important;
}

html body:not(.dark) #page-command-center .command-clock-row span{
  color:#7a8fa3!important;
  font-size:9px!important;
  font-weight:700!important;
}

html body:not(.dark) #page-command-center .command-clock-row strong{
  margin-top:2px!important;
  color:#17324a!important;
  font-size:21px!important;
  font-weight:800!important;
  letter-spacing:-.01em!important;
}

html body:not(.dark) #page-command-center .command-live-indicator{
  display:inline-flex!important;
  align-items:center!important;
  min-height:28px;
  padding:5px 10px!important;
  border:1px solid #cbeadf!important;
  border-radius:999px!important;
  background:#effbf7!important;
  color:#118261!important;
  font-size:8px!important;
  font-weight:850!important;
}

html body:not(.dark) #page-command-center .command-live-indicator i{
  width:7px!important;
  height:7px!important;
  margin-right:7px!important;
  background:#16a36a!important;
  box-shadow:0 0 0 4px rgba(22,163,106,.10)!important;
}

html body:not(.dark) #page-command-center .command-view-tabs{
  display:inline-flex!important;
  width:auto!important;
  margin:14px 0 0!important;
  padding:4px!important;
  gap:4px!important;
  border:1px solid var(--cc-border)!important;
  border-radius:12px!important;
  background:#f3f7f9!important;
  box-shadow:none!important;
}

html body:not(.dark) #page-command-center .command-view-tab{
  min-height:36px;
  padding:8px 15px!important;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
  color:#6b8094!important;
  box-shadow:none!important;
  font-size:9px!important;
  font-weight:800!important;
}

html body:not(.dark) #page-command-center .command-view-tab:hover{
  background:#fff!important;
  color:var(--cc-teal-dark)!important;
}

html body:not(.dark) #page-command-center .command-view-tab.active{
  background:#fff!important;
  color:var(--cc-teal-dark)!important;
  box-shadow:0 2px 8px rgba(15,34,53,.07)!important;
}

html body:not(.dark) #page-command-center .command-view-panel{
  margin-top:14px;
}

html body:not(.dark) #page-command-center .command-section-label{
  display:flex!important;
  align-items:end!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin:18px 1px 9px!important;
}

html body:not(.dark) #page-command-center .command-section-label strong{
  color:#1d394f!important;
  font-size:12px!important;
  font-weight:850!important;
}

html body:not(.dark) #page-command-center .command-section-label span{
  color:#7b8fa2!important;
  font-size:9px!important;
}

html body:not(.dark) #page-command-center .command-shift-board{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  margin-top:12px!important;
}

html body:not(.dark) #page-command-center .command-shift-lane{
  position:relative;
  overflow:hidden;
  padding:16px!important;
  border:1px solid var(--cc-border)!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 3px 14px rgba(15,34,53,.035)!important;
}

html body:not(.dark) #page-command-center .command-shift-lane::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:3px;
  background:linear-gradient(90deg,var(--cc-teal),#2dd4bf);
}

html body:not(.dark) #page-command-center .command-shift-lane.cfpb-lane::before{
  background:linear-gradient(90deg,#3b82f6,#38bdf8);
}

html body:not(.dark) #page-command-center .command-shift-lane>header{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:0 0 12px!important;
  border-bottom:1px solid #edf2f5!important;
}

html body:not(.dark) #page-command-center .command-shift-lane header>div>span{
  color:#6d8797!important;
  font-size:8px!important;
  font-weight:850!important;
  letter-spacing:.09em!important;
  text-transform:uppercase;
}

html body:not(.dark) #page-command-center .command-shift-lane h3{
  margin:4px 0 0!important;
  color:#17324a!important;
  font-size:16px!important;
  font-weight:850!important;
}

html body:not(.dark) #page-command-center .command-shift-lane header>small{
  color:#8394a6!important;
  font-size:9px!important;
}

html body:not(.dark) #page-command-center .command-shift-stats,
html body:not(.dark) #page-command-center .command-funnel-stats{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(118px,1fr))!important;
  gap:8px!important;
  margin-top:12px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

html body:not(.dark) #page-command-center .command-shift-stats>div,
html body:not(.dark) #page-command-center .command-funnel-stats>div{
  min-width:0;
  padding:11px 12px!important;
  border:1px solid #e2eaf0!important;
  border-radius:11px!important;
  background:#f8fafc!important;
  box-shadow:none!important;
}

html body:not(.dark) #page-command-center .command-shift-stats>div.done,
html body:not(.dark) #page-command-center .command-funnel-stats>div.done{
  background:#eefaf7!important;
  border-color:#cbe9de!important;
}

html body:not(.dark) #page-command-center .command-shift-stats>div.open,
html body:not(.dark) #page-command-center .command-funnel-stats>div.open,
html body:not(.dark) #page-command-center .command-shift-stats>div.warning{
  background:#fff9ed!important;
  border-color:#f0dfb7!important;
}

html body:not(.dark) #page-command-center .command-shift-stats>div.issue,
html body:not(.dark) #page-command-center .command-funnel-stats>div.issue{
  background:#fff2f3!important;
  border-color:#efcdd2!important;
}

html body:not(.dark) #page-command-center .command-funnel-stats>div.total{
  background:#eff6ff!important;
  border-color:#d7e5fb!important;
}

html body:not(.dark) #page-command-center .command-shift-stats span,
html body:not(.dark) #page-command-center .command-funnel-stats span{
  min-height:auto!important;
  color:#71869b!important;
  font-size:7px!important;
  font-weight:850!important;
  letter-spacing:.035em;
}

html body:not(.dark) #page-command-center .command-shift-stats strong,
html body:not(.dark) #page-command-center .command-funnel-stats strong{
  margin:4px 0 2px!important;
  color:#18364d!important;
  font-size:23px!important;
  line-height:1!important;
  font-weight:850!important;
}

html body:not(.dark) #page-command-center .command-shift-stats small,
html body:not(.dark) #page-command-center .command-funnel-stats small{
  color:#8798aa!important;
  font-size:8px!important;
  line-height:1.3!important;
}

html body:not(.dark) #page-command-center .command-pending-intro{
  display:flex!important;
  align-items:end!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin:3px 1px 12px!important;
  color:#72879a!important;
  font-size:10px!important;
}

html body:not(.dark) #page-command-center .command-pending-intro strong{
  color:#18364d!important;
  font-size:15px!important;
  font-weight:850!important;
}

html body:not(.dark) #page-command-center .command-pending-breakdown{
  margin-top:10px!important;
  padding:10px 11px!important;
  border:1px solid #e4ebf0!important;
  border-radius:10px!important;
  background:#f8fafc!important;
  color:#6e8396!important;
  box-shadow:none!important;
  font-size:9px!important;
  line-height:1.5!important;
}

html body:not(.dark) #page-command-center .command-pending-origin{
  margin-top:11px!important;
  padding-top:10px!important;
  border-top:1px solid #edf2f5!important;
}

html body:not(.dark) #page-command-center .command-pending-origin>span{
  color:#71869a!important;
  font-size:8px!important;
}

html body:not(.dark) #page-command-center .command-pending-chips{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px!important;
}

html body:not(.dark) #page-command-center .command-pending-chip{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  padding:6px 8px!important;
  border:1px solid #dde8ee!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#667f92!important;
  box-shadow:none!important;
  font-size:9px!important;
}

html body:not(.dark) #page-command-center .command-pending-chip b{
  color:#1b3a51!important;
}

html body:not(.dark) #page-command-center .command-pending-chip em{
  color:#0f8b7f!important;
}

html body:not(.dark) #page-command-center .command-cfpb-assignment-guide{
  margin-top:14px!important;
  padding:15px!important;
  border:1px solid var(--cc-border)!important;
  border-radius:16px!important;
  background:#fff!important;
  color:var(--cc-text)!important;
  box-shadow:0 3px 14px rgba(15,34,53,.035)!important;
}

html body:not(.dark) #page-command-center .command-cfpb-recommended{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  margin:8px 0 12px!important;
  padding:12px 14px!important;
  border:1px solid #bfe8df!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,#edfaf7,#f5fbff)!important;
  color:#17324a!important;
}

html body:not(.dark) #page-command-center .command-cfpb-recommended span{
  color:#0f8a7a!important;
  font-size:8px!important;
  font-weight:850!important;
  letter-spacing:.06em!important;
}

html body:not(.dark) #page-command-center .command-cfpb-recommended strong{
  color:#17324a!important;
  font-size:17px!important;
  font-weight:850!important;
}

html body:not(.dark) #page-command-center .command-cfpb-recommended small{
  color:#758b9d!important;
  font-size:9px!important;
}

html body:not(.dark) #page-command-center .command-cfpb-load-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;
  gap:9px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

html body:not(.dark) #page-command-center .command-cfpb-load-card{
  padding:12px!important;
  border:1px solid #dfe8ee!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#17324a!important;
  box-shadow:none!important;
  transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;
}

html body:not(.dark) #page-command-center .command-cfpb-load-card:hover{
  transform:translateY(-1px);
  border-color:#bddfd9!important;
  box-shadow:0 7px 18px rgba(15,34,53,.055)!important;
}

html body:not(.dark) #page-command-center .command-cfpb-load-card.recommended{
  border-color:#67cfc1!important;
  box-shadow:0 0 0 2px rgba(20,184,166,.08)!important;
}

html body:not(.dark) #page-command-center .command-cfpb-load-card.unavailable{
  opacity:.62!important;
  filter:saturate(.72)!important;
}

html body:not(.dark) #page-command-center .command-cfpb-load-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:8px!important;
}

html body:not(.dark) #page-command-center .command-cfpb-load-head strong{
  color:#1b3a51!important;
  font-size:11px!important;
  font-weight:800!important;
}

html body:not(.dark) #page-command-center .command-cfpb-open{
  display:block;
  margin:9px 0!important;
  color:#17324a!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  font-size:24px!important;
  font-weight:850!important;
}

html body:not(.dark) #page-command-center .command-cfpb-open small{
  color:#8296a8!important;
  font-size:8px!important;
}

html body:not(.dark) #page-command-center .command-cfpb-mini{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
  color:#71869a!important;
  font-size:8px!important;
}

html body:not(.dark) #page-command-center .command-cfpb-mini>*{
  min-width:0;
  padding:7px!important;
  border:1px solid #e7edf2!important;
  border-radius:8px!important;
  background:#f8fafc!important;
  color:#6e8497!important;
  text-align:left;
}

html body:not(.dark) #page-command-center .command-cfpb-mini b{
  color:#17324a!important;
  font-size:12px!important;
}

html body:not(.dark) #page-command-center .attendance-tag,
html body:not(.dark) #page-command-center .cfpb-card-tags>span{
  display:inline-flex!important;
  align-items:center!important;
  padding:4px 7px!important;
  border-radius:999px!important;
  font-size:7px!important;
  font-weight:850!important;
  line-height:1!important;
  letter-spacing:.025em!important;
}

html body:not(.dark) #page-command-center .attendance-tag.present{
  background:#ecfdf5!important;
  color:#0f8a63!important;
  border-color:#c9eadc!important;
}

html body:not(.dark) #page-command-center .attendance-tag.absent{
  background:#fff1f3!important;
  color:#c34350!important;
  border-color:#efccd1!important;
}

html body:not(.dark) #page-command-center .attendance-tag.on-leave{
  background:#fff8e7!important;
  color:#9a6509!important;
  border-color:#f0dfb7!important;
}

html body:not(.dark) #page-command-center .attendance-tag.not-clocked-in,
html body:not(.dark) #page-command-center .attendance-tag.clocked-out{
  background:#f1f5f9!important;
  color:#687b8e!important;
  border-color:#dce5ec!important;
}

html body:not(.dark) #page-command-center .command-content-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  margin-top:14px!important;
}

html body:not(.dark) #page-command-center .command-panel,
html body:not(.dark) #page-command-center .command-ranking,
html body:not(.dark) #page-command-center .command-online-panel,
html body:not(.dark) #page-command-center .command-feed-panel{
  padding:15px!important;
  border:1px solid var(--cc-border)!important;
  border-radius:15px!important;
  background:#fff!important;
  color:#17324a!important;
  box-shadow:0 3px 14px rgba(15,34,53,.03)!important;
}

html body:not(.dark) #page-command-center .command-panel header,
html body:not(.dark) #page-command-center .command-online-panel>header,
html body:not(.dark) #page-command-center .command-feed-panel>header{
  padding-bottom:10px!important;
  border-bottom:1px solid #edf2f5!important;
}

html body:not(.dark) #page-command-center .command-panel h3,
html body:not(.dark) #page-command-center .command-online-panel h3,
html body:not(.dark) #page-command-center .command-feed-panel h3{
  color:#1b394f!important;
  font-size:11px!important;
  font-weight:850!important;
}

html body:not(.dark) #page-command-center .command-online-list{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
}

html body:not(.dark) #page-command-center .command-online-person,
html body:not(.dark) #page-command-center .command-rank-item,
html body:not(.dark) #page-command-center .command-feed-item{
  border:1px solid #e5ecf1!important;
  border-radius:10px!important;
  background:#f9fbfc!important;
  color:#17324a!important;
}

html body:not(.dark) #page-command-center .command-online-person strong,
html body:not(.dark) #page-command-center .command-rank-item strong,
html body:not(.dark) #page-command-center .command-feed-item strong{
  color:#1d394f!important;
}

html body:not(.dark) #page-command-center .command-online-person span,
html body:not(.dark) #page-command-center .command-feed-item span,
html body:not(.dark) #page-command-center .command-feed-item time{
  color:#7a8ea1!important;
}

html body:not(.dark) #page-command-center .command-feed-item>i{
  background:#eafaf7!important;
  color:#0f8a7a!important;
}

html body:not(.dark) #page-command-center .command-rank-item b{
  color:#0f8a7a!important;
}

html body:not(.dark) #page-command-center .command-monthly-head{
  display:flex!important;
  align-items:end!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin:16px 0 12px!important;
  padding:15px 16px!important;
  border:1px solid var(--cc-border)!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 3px 14px rgba(15,34,53,.03)!important;
}

html body:not(.dark) #page-command-center .command-monthly-head h3{
  color:#1a384f!important;
  font-size:18px!important;
  font-weight:850!important;
}

html body:not(.dark) #page-command-center .command-monthly-head p,
html body:not(.dark) #page-command-center .command-monthly-head label{
  color:#768b9e!important;
}

html body:not(.dark) #page-command-center .command-monthly-head select{
  min-height:38px;
  border:1px solid var(--cc-border-strong)!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#17324a!important;
}

html body:not(.dark) #page-command-center .command-monthly-totals{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  margin-bottom:12px!important;
}

html body:not(.dark) #page-command-center .command-monthly-totals>article,
html body:not(.dark) #page-command-center .command-monthly-totals>div{
  padding:14px!important;
  border:1px solid #dfe8ee!important;
  border-top:3px solid var(--cc-teal)!important;
  border-radius:12px!important;
  background:#fff!important;
}

html body:not(.dark) #page-command-center .command-monthly-totals>*:nth-child(2){
  border-top-color:#4c8df6!important;
}

html body:not(.dark) #page-command-center .command-monthly-totals span{
  color:#778b9d!important;
}

html body:not(.dark) #page-command-center .command-monthly-totals strong,
html body:not(.dark) #page-command-center .command-monthly-totals b{
  color:#17324a!important;
}

html body:not(.dark) #page-command-center .command-monthly-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}

html body:not(.dark) #page-command-center .command-monthly-workers{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

html body:not(.dark) #page-command-center .command-monthly-worker{
  padding:10px!important;
  border:1px solid #e2eaf0!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#17324a!important;
}

html body:not(.dark) #page-command-center .command-monthly-worker .rank{
  color:#0f8a7a!important;
}

html body:not(.dark) #page-command-center .command-monthly-worker small{
  color:#7d90a2!important;
}

html body:not(.dark) #page-command-center .command-system-footer{
  margin-top:14px!important;
  padding:10px 13px!important;
  border:1px solid #e3eaf0!important;
  border-radius:10px!important;
  background:#f8fafc!important;
  box-shadow:none!important;
}

html body:not(.dark) #page-command-center .command-system-footer span{
  color:#7b8fa2!important;
}

html body:not(.dark) #page-command-center .command-system-footer b{
  color:#0f8a7a!important;
}

html body:not(.dark) #pendingDrillModal .pending-drill-backdrop{
  background:rgba(16,34,53,.38)!important;
  backdrop-filter:blur(4px);
}

html body:not(.dark) #pendingDrillModal .pending-drill-dialog{
  border:1px solid #dbe5ec!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 24px 70px rgba(15,34,53,.18)!important;
}

html body:not(.dark) #pendingDrillModal .pending-drill-head{
  border-bottom:1px solid #edf2f5!important;
  background:#fbfdfd!important;
}

html body:not(.dark) #pendingDrillModal .pending-drill-toolbar{
  border-bottom:1px solid #edf2f5!important;
  background:#fff!important;
}

html body:not(.dark) #pendingDrillModal .pending-drill-table-wrap{
  border-color:#e2eaf0!important;
}

html body:not(.dark) #pendingDrillModal .pending-drill-table thead th{
  background:#f7fafc!important;
}

html body:not(.dark) #page-command-center .command-center-shell:fullscreen{
  overflow:auto!important;
  min-height:100vh!important;
  padding:24px!important;
  background:#f5f8fb!important;
  color:#17324a!important;
}

@media(max-width:1200px){
  html body:not(.dark) #page-command-center .command-shift-board,
  html body:not(.dark) #page-command-center .command-content-grid{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:900px){
  html body:not(.dark) #page-command-center .command-center-header{
    align-items:flex-start!important;
    flex-direction:column!important;
  }

  html body:not(.dark) #page-command-center .command-center-header-actions{
    width:100%;
    justify-content:flex-start;
  }

  html body:not(.dark) #page-command-center .command-monthly-grid{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:700px){
  html body:not(.dark) #page-command-center .command-view-tabs{
    display:grid!important;
    grid-template-columns:repeat(3,1fr)!important;
    width:100%!important;
  }

  html body:not(.dark) #page-command-center .command-cfpb-mini,
  html body:not(.dark) #page-command-center .command-online-list,
  html body:not(.dark) #page-command-center .command-monthly-workers,
  html body:not(.dark) #page-command-center .command-monthly-totals{
    grid-template-columns:1fr!important;
  }

  html body:not(.dark) #page-command-center .command-clock-row,
  html body:not(.dark) #page-command-center .command-pending-intro,
  html body:not(.dark) #page-command-center .command-section-label{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
}

/*
============================================================
END F15.21.2
============================================================
*/