/* SLPT R27 Dashboard Option 3 + compact dashboard + restrained 3D surfaces. */
:root{
  --r252-line3d:rgba(148,163,184,.30);
  --r252-shadow3d:0 12px 26px rgba(15,23,42,.08),0 3px 7px rgba(15,23,42,.05),inset 0 1px rgba(255,255,255,.72);
  --r252-panel:#fff;
  --r252-panel2:#f7f9fc;
  --r252-text:#172033;
  --r252-muted:#728095;
}
html[data-theme="mist-graphite"]{
  --r252-line3d:#26364b;
  --r252-shadow3d:0 15px 30px rgba(0,0,0,.28),0 4px 10px rgba(0,0,0,.20),inset 0 1px rgba(255,255,255,.045);
  --r252-panel:#0d1928;
  --r252-panel2:#112033;
  --r252-text:#edf4ff;
  --r252-muted:#9caac0;
}

/* Quick Access: same folder design, approximately 15% shorter and 25% smaller icon. */
#content .v192-dashboard .v192-quick{
  min-height:121px!important;
  padding:16px 12px 12px!important;
}
#content .v192-dashboard .v192-quick-icon{
  width:29px!important;height:29px!important;border-radius:8px!important;
}
#content .v192-dashboard .v192-quick-icon svg{width:15px!important;height:15px!important}
#content .v192-dashboard .v192-quick b{margin-top:7px!important}
#content .v192-dashboard .v192-quick>i{width:23px!important;height:23px!important}

/* Stats: ~15% shorter, numbers ~20% smaller and ~10% less bold. */
.v192-dashboard .v192-metric{
  min-height:95px!important;
  padding:11px 10px 10px 19px!important;
}
.v192-dashboard .v192-metric:before{
  top:17px!important;bottom:17px!important;
  opacity:.94!important;
  filter:brightness(1.10) drop-shadow(0 0 3px var(--r27-stat-accent))!important;
}
.v192-dashboard .v192-metric-primary strong{
  font-size:clamp(17px,1.45vw,25px)!important;
  font-weight:810!important;
}
.v192-dashboard .v192-metric+.v192-metric{
  border-left-color:color-mix(in srgb,#ffffff 20%,transparent)!important;
}
html[data-theme="mist-graphite"] .v192-dashboard .v192-metric+.v192-metric{
  border-left-color:rgba(255,255,255,.16)!important;
}

/* Option 3 — replace Client Overview with real Business Focus. */
#content .v192-dashboard .r252-business-panel{min-width:0!important}
#content .v192-dashboard .r252-business-focus{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin-top:10px!important;
}
#content .v192-dashboard .r252-business-focus article{
  min-height:92px;padding:12px;border-radius:13px;border:1px solid var(--r252-line3d);
  background:linear-gradient(145deg,var(--r252-panel),var(--r252-panel2));box-shadow:0 8px 18px rgba(15,23,42,.06),inset 0 1px rgba(255,255,255,.55);
  display:flex;flex-direction:column;justify-content:center;gap:3px;
}
#content .v192-dashboard .r252-business-focus small{font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:var(--r252-muted)}
#content .v192-dashboard .r252-business-focus b{font-size:18px;color:var(--r252-text);letter-spacing:-.025em}
#content .v192-dashboard .r252-business-focus span{font-size:9.5px;color:var(--r252-muted);line-height:1.3}

/* Additional real-data operational cards from Option 3 direction. */
#content .v192-dashboard .r252-dashboard-ops{
  display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important;margin:14px 0!important;
}
#content .v192-dashboard .r252-op{
  min-height:104px;padding:14px;border:1px solid var(--r252-line3d);border-radius:15px;
  background:linear-gradient(145deg,var(--r252-panel),var(--r252-panel2));box-shadow:var(--r252-shadow3d);
  display:flex;flex-direction:column;justify-content:center;gap:4px;position:relative;overflow:hidden;
}
#content .v192-dashboard .r252-op:before{content:'';position:absolute;left:0;top:16px;bottom:16px;width:3px;border-radius:0 3px 3px 0;background:#4aa3ff}
#content .v192-dashboard .r252-op.tone-messages:before{background:#e85e7b}
#content .v192-dashboard .r252-op.tone-business:before{background:#8b63e8}
#content .v192-dashboard .r252-op.tone-clients:before{background:#57d17a}
#content .v192-dashboard .r252-op small{font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:var(--r252-muted)}
#content .v192-dashboard .r252-op b{font-size:20px;line-height:1.05;color:var(--r252-text);letter-spacing:-.03em}
#content .v192-dashboard .r252-op span{font-size:9.5px;color:var(--r252-muted)}

/* Restrained 3D material across card-like surfaces only; inputs and functional controls are untouched. */
#content .panel,
#content .tool-card,
#content .r25c-card,
#content .r26r11-business-kpi,
#content .r26r11-record-panel,
#content .r26r3-business-panel,
#content .r27i-panel,
#content .r27-profile-folder-shell,
#content .r27-clinician-profile-folder,
#content .r27-self-account-folder,
#content .r251-page-messages .message-sidebar,
#content .r251-page-messages .message-thread{
  border-color:var(--r252-line3d)!important;
  box-shadow:var(--r252-shadow3d)!important;
}
#content .r26r6-nutrition-tools button,
#content .r26r11-launch-grid button,
#content .r26r11-commercial-launch button{
  box-shadow:var(--r252-shadow3d)!important;
}
@media(hover:hover){
  #content .tool-card:hover,
  #content .r25c-card:hover,
  #content .r26r6-nutrition-tools button:hover,
  #content .r26r11-launch-grid button:hover,
  #content .r26r11-commercial-launch button:hover,
  #content .r252-op:hover{
    transform:translateY(-1px)!important;
    box-shadow:0 16px 30px rgba(15,23,42,.10),0 4px 9px rgba(15,23,42,.06),inset 0 1px rgba(255,255,255,.72)!important;
  }
  html[data-theme="mist-graphite"] #content .tool-card:hover,
  html[data-theme="mist-graphite"] #content .r25c-card:hover,
  html[data-theme="mist-graphite"] #content .r26r6-nutrition-tools button:hover,
  html[data-theme="mist-graphite"] #content .r26r11-launch-grid button:hover,
  html[data-theme="mist-graphite"] #content .r26r11-commercial-launch button:hover,
  html[data-theme="mist-graphite"] #content .r252-op:hover{
    box-shadow:0 18px 34px rgba(0,0,0,.32),0 5px 12px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.05)!important;
  }
}

@media(max-width:1180px){
  #content .v192-dashboard .r252-dashboard-ops{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:760px){
  #content .v192-dashboard .v192-quick{min-height:104px!important;padding:14px 10px 10px!important}
  .v192-dashboard .v192-metric{min-height:78px!important;padding:9px 7px 8px 15px!important}
  .v192-dashboard .v192-metric-primary strong{font-size:16px!important}
  #content .v192-dashboard .r252-business-focus{grid-template-columns:1fr!important}
  #content .v192-dashboard .r252-dashboard-ops{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:460px){#content .v192-dashboard .r252-dashboard-ops{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){
  #content .tool-card,#content .r25c-card,#content .r26r6-nutrition-tools button,#content .r26r11-launch-grid button,#content .r26r11-commercial-launch button,#content .r252-op{transition:none!important;transform:none!important}
}
