/* v10.502: one Action Dock design for desktop, tablet, and phone.
   Sprite positions center the measured visible artwork in a 72px source window. */
html body[data-page="dashboard"] .command-action-panel {
  --dock-icon-size:52px;
  --dock-label-size:clamp(11px,3.6vw,14px);
  position:relative!important; width:100%!important; height:auto!important; min-height:0!important;
  aspect-ratio:auto!important; margin:0!important; padding:12px!important; overflow:hidden!important;
  border:1px solid rgba(255,102,183,.22)!important; border-radius:11px!important;
  background:linear-gradient(180deg,#0b0b1b,#060915)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025)!important;
}
html body[data-page="dashboard"] .command-action-panel .command-panel-heading {
  position:static!important; inset:auto!important; display:flex!important; align-items:center!important;
  justify-content:space-between!important; width:auto!important; height:auto!important;
  min-height:20px!important; margin:0 0 10px!important; opacity:1!important; pointer-events:auto!important;
}
html body[data-page="dashboard"] .command-action-panel .command-action-grid {
  position:static!important; inset:auto!important; display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px!important; width:100%!important;
}
html body[data-page="dashboard"] .command-action-panel .command-action-grid > button {
  position:relative!important; display:flex!important; flex-direction:column!important;
  align-items:center!important; justify-content:center!important; gap:10px!important;
  width:100%!important; height:120px!important; min-width:0!important; min-height:0!important;
  margin:0!important; padding:12px 6px!important; box-sizing:border-box!important;
  opacity:1!important; border:1px solid currentColor!important; border-radius:10px!important;
  text-align:center!important; background:radial-gradient(ellipse at 50% 0,rgba(255,255,255,.025),transparent 75%),#080b17!important;
  box-shadow:inset 0 0 22px rgba(0,0,0,.18)!important;
}
html body[data-page="dashboard"] .command-action-panel .command-action-card.pink { color:#ff64b7!important; --dock-x:6.753247%; --dock-y:45.512821%; }
html body[data-page="dashboard"] .command-action-panel .command-action-card.cyan { color:#53e1ec!important; }
html body[data-page="dashboard"] .command-action-panel .command-action-card.purple { color:#b67aff!important; --dock-x:46.688312%; --dock-y:47.435897%; }
html body[data-page="dashboard"] .command-action-panel .command-action-card.violet { color:#db89ff!important; --dock-x:66.038961%; --dock-y:46.794872%; }
html body[data-page="dashboard"] .command-action-panel .command-action-card.gold { color:#f5bd5c!important; --dock-x:84.025974%; --dock-y:48.076923%; }
html body[data-page="dashboard"] .command-action-panel .command-more-card { color:#d89cff!important; }
html body[data-page="dashboard"] .command-action-panel .command-action-icon,
html body[data-page="dashboard"] .command-action-panel .command-more-card > span {
  display:grid!important; place-items:center!important; flex:0 0 var(--dock-icon-size)!important;
  width:var(--dock-icon-size)!important; height:var(--dock-icon-size)!important;
  margin:0!important; padding:0!important; line-height:1!important; font-size:0!important;
  text-shadow:none!important; filter:none!important;
}
html body[data-page="dashboard"] .command-action-panel .command-action-icon {
  background-image:url("../images/branding/mockup-v854/command-center-actions-v854.png")!important;
  background-repeat:no-repeat!important; background-size:1169.444444% 208.333333%!important;
  background-position:var(--dock-x) var(--dock-y)!important;
}
html body[data-page="dashboard"] .command-action-panel .command-action-icon svg { display:none!important; }
html body[data-page="dashboard"] .command-action-panel .command-action-card.cyan .command-action-icon { background:none!important; }
html body[data-page="dashboard"] .command-action-panel .command-action-card.cyan svg,
html body[data-page="dashboard"] .command-action-panel .command-more-card svg {
  display:block!important; width:100%!important; height:100%!important;
  color:inherit!important; opacity:1!important; filter:drop-shadow(0 0 2px currentColor)!important;
}
html body[data-page="dashboard"] .command-action-panel .command-action-card.cyan svg { width:88.46%!important; height:88.46%!important; }
html body[data-page="dashboard"] .command-action-panel .command-action-card > strong,
html body[data-page="dashboard"] .command-action-panel .command-more-card > small {
  display:block!important; flex:0 0 auto!important; width:100%!important; height:auto!important;
  margin:0!important; padding:0!important; font-size:var(--dock-label-size)!important;
  font-weight:700!important; line-height:1.2!important; text-align:center!important;
  color:inherit!important; white-space:nowrap!important;
}
html body[data-page="dashboard"] .command-action-panel .command-action-card > small { display:none!important; }
@media(min-width:601px) and (max-width:1180px) {
  html body[data-page="dashboard"] .command-action-panel .command-action-grid { grid-template-columns:repeat(3,minmax(0,1fr))!important; }
}
@media(min-width:1181px) {
  html body[data-page="dashboard"] .command-action-panel {
    --dock-icon-size:clamp(32px,2.8vw,48px);
    --dock-label-size:clamp(9px,.83vw,14px);
    padding:clamp(8px,.8vw,14px)!important;
  }
  html body[data-page="dashboard"] .command-action-panel .command-action-grid { grid-template-columns:repeat(6,minmax(0,1fr))!important; gap:clamp(6px,.65vw,11px)!important; }
  html body[data-page="dashboard"] .command-action-panel .command-action-grid > button { height:clamp(82px,6.65vw,112px)!important; gap:8px!important; padding:8px 4px!important; }
}