/* SLPT v1.8.2 - approved sidebar states + pastel glass dashboard stats */
.v181-desktop-sidebar-toggle{display:none!important}
.sidebar-collapse-v182{display:none;flex:0 0 34px;width:34px;height:34px;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:rgba(255,255,255,.075);color:#fff;font-size:24px;line-height:1;place-items:center;cursor:pointer;box-shadow:none;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.sidebar-collapse-v182:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.25)}

/* Approved desktop sidebar: expanded by default; compact icon rail when collapsed. */
@media(min-width:901px){
  .sidebar-collapse-v182{display:grid!important}
  .app-shell{grid-template-columns:230px minmax(0,1fr)!important;transition:grid-template-columns .2s ease}
  .sidebar{width:auto!important;min-width:0!important;padding:24px 16px!important;overflow-x:hidden!important;transition:padding .2s ease}
  .sidebar-brand-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;flex-wrap:nowrap!important}
  .sidebar .brand{min-width:0!important}
  html[data-sidebar-collapsed="true"] .app-shell{grid-template-columns:72px minmax(0,1fr)!important}
  html[data-sidebar-collapsed="true"] .sidebar{padding:18px 10px!important}
  html[data-sidebar-collapsed="true"] .sidebar-brand-row{display:grid!important;grid-template-columns:1fr!important;justify-items:center!important;gap:12px!important;min-height:auto!important}
  html[data-sidebar-collapsed="true"] .sidebar .brand{padding:5px 0 0!important;font-size:21px!important;justify-content:center!important;width:100%!important}
  html[data-sidebar-collapsed="true"] .sidebar .brand small,
  html[data-sidebar-collapsed="true"] .sidebar .coach-control,
  html[data-sidebar-collapsed="true"] .sidebar .brand-copy,
  html[data-sidebar-collapsed="true"] .sidebar .sidebar-user-copy,
  html[data-sidebar-collapsed="true"] .sidebar .nav button span{display:none!important}
  html[data-sidebar-collapsed="true"] .sidebar-collapse-v182{order:2;width:38px;height:34px;margin:0 auto!important}
  html[data-sidebar-collapsed="true"] .sidebar .nav{gap:6px!important;margin-top:6px!important}
  html[data-sidebar-collapsed="true"] .sidebar .nav button{width:48px!important;min-width:48px!important;height:46px!important;margin:0 auto!important;padding:0!important;justify-content:center!important;gap:0!important;font-size:18px!important;border-radius:12px!important}
  html[data-sidebar-collapsed="true"] .sidebar .nav button.active{box-shadow:0 7px 18px rgba(120,20,32,.28)!important}
}

/* Approved pastel / liquid-glass dashboard stat cards. */
.v16-stat{
  min-height:122px!important;
  padding:16px!important;
  border:1px solid color-mix(in srgb,var(--card-accent) 26%,var(--line))!important;
  border-top-width:1px!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--card-accent) 12%,var(--surface-strong)),color-mix(in srgb,var(--card-accent) 4%,var(--surface)))!important;
  box-shadow:0 12px 30px color-mix(in srgb,var(--card-accent) 9%,rgba(20,25,35,.09))!important;
  overflow:hidden!important;
}
.v16-stat::after{width:105px!important;height:105px!important;right:-36px!important;bottom:-50px!important;background:radial-gradient(circle,color-mix(in srgb,var(--card-accent) 18%,transparent),transparent 69%)!important;filter:none!important}
.v16-stat .stat-inline{display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;gap:12px!important;align-items:center!important}
.v16-stat .stat-icon{width:42px!important;height:42px!important;flex-basis:42px!important;border-radius:13px!important;color:color-mix(in srgb,var(--card-accent) 88%,#222)!important;background:color-mix(in srgb,var(--card-accent) 15%,rgba(255,255,255,.62))!important;border:1px solid color-mix(in srgb,var(--card-accent) 28%,transparent)!important;box-shadow:none!important;font-size:18px!important}
.v16-stat strong{font-size:26px!important;font-weight:850!important;letter-spacing:-.035em!important;color:var(--ink)!important}
.v16-stat .stat-inline span:not(.stat-icon){margin-top:4px!important;font-size:11px!important;line-height:1.2!important;font-weight:750!important;color:var(--muted)!important}
.v16-stat>small{margin:11px 0 0 56px!important;font-size:10px!important;color:var(--muted)!important}

/* Mobile dashboard: always two readable columns, including narrow iPhones. */
@media(max-width:900px){
  .v16-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
}
@media(max-width:560px){
  .v16-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .v16-stat{min-height:112px!important;padding:12px!important;border-radius:16px!important}
  .v16-stat .stat-inline{grid-template-columns:36px minmax(0,1fr)!important;gap:9px!important}
  .v16-stat .stat-icon{width:36px!important;height:36px!important;flex-basis:36px!important;border-radius:11px!important;font-size:16px!important}
  .v16-stat strong{font-size:22px!important}
  .v16-stat .stat-inline span:not(.stat-icon){font-size:10px!important;overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important}
  .v16-stat>small{margin:9px 0 0 45px!important;font-size:9px!important}
}
@media(max-width:360px){
  .v16-stat{padding:10px!important}
  .v16-stat .stat-inline{grid-template-columns:32px minmax(0,1fr)!important;gap:7px!important}
  .v16-stat .stat-icon{width:32px!important;height:32px!important;font-size:14px!important}
  .v16-stat strong{font-size:20px!important}
  .v16-stat>small{margin-left:39px!important}
}
