/* ===== Workout visual dashboard layer ===== */
:root{
  color-scheme:light;
  --bg:#f3f6fb;
  --surface:#ffffff;
  --surface2:#f7f9fc;
  --surface3:#edf2f8;
  --line:#dde5ef;
  --line2:#cbd7e6;
  --tx:#172033;
  --soft:#526179;
  --dim:#7c889a;
  --ac:#3267f0;
  --ac2:#1f4fd8;
  --acSoft:rgba(50,103,240,.09);
  --lime:#24a66a;
  --ok:#19865d;
  --warn:#c47a17;
  --bad:#d95362;
  --violet:#7a58e8;
  --cyan:#1d9bc4;
  --green:#2e9a68;
  --shadow:0 20px 60px rgba(31,50,81,.10);
  --shadow-sm:0 8px 24px rgba(31,50,81,.08);
}
html,body{background:var(--bg)!important;color:var(--tx)}
body{background:
  radial-gradient(circle at 5% 0%,rgba(50,103,240,.11),transparent 28rem),
  radial-gradient(circle at 100% 12%,rgba(29,155,196,.08),transparent 24rem),
  linear-gradient(180deg,#f8fbff 0,#f3f6fb 38rem,#f3f6fb 100%)!important}
header.app-header{background:rgba(248,251,255,.88)!important;border-bottom:1px solid rgba(203,215,230,.8)!important;box-shadow:0 8px 30px rgba(39,57,86,.05)}
.brand-mark{background:linear-gradient(145deg,#4878f5,#2452d8)!important;box-shadow:0 12px 26px rgba(50,103,240,.25)!important}
#areaBar,#tabBar{background:rgba(255,255,255,.92)!important;box-shadow:0 14px 40px rgba(31,50,81,.10)!important}
#areaBar button.on,#tabBar button.on{background:#eef3ff!important;color:#2758d7!important}
main{width:min(1240px,100%)!important;padding-top:28px!important}
.page-heading{margin-bottom:18px!important}
.page-heading h1{font-size:31px!important}
.page-heading p{font-size:14px!important}
.eyebrow{color:#5473c8!important;letter-spacing:.12em!important}
.status-chip{background:#fff!important;border-color:#dbe4ef!important;color:#536177!important;box-shadow:var(--shadow-sm)}
.card,.dash-panel,.dash-section{box-shadow:var(--shadow-sm)}
.card{background:#fff!important;border-color:#dfe7f1!important}