/* SPOTTER v0.8.7 — visual system based on the supplied dashboard reference. */
:root,
[data-theme="default"],
[data-theme="warm"],
[data-theme="midnight"]{
  --ink:#1d2936;
  --muted:#718090;
  --line:#e4e9ef;
  --paper:#f6f8fb;
  --green:#708dab;
  --lime:#e9f1f8;
  --radius:14px;
  --ui-bg:#f6f8fb;
  --ui-surface:#ffffff;
  --ui-soft:#f8fafc;
  --ui-line:#e4e9ef;
  --ui-ink:#1d2936;
  --ui-muted:#718090;
  --ui-accent:#708dab;
  --ui-mint:#e9f1f8;
  --ui-shadow:0 10px 28px rgba(31,48,67,.055);
  color-scheme:light;
}

html{background:#f6f8fb;overflow-x:hidden}
body{background:#f6f8fb;color:#1d2936;font-family:Inter,"DM Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.55;overflow-x:hidden}
h1,h2,h3{font-family:Inter,"DM Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#192635}
h1{font-size:30px;font-weight:720;letter-spacing:-.9px}
h2{font-size:17px;font-weight:680;letter-spacing:-.25px}
h3{font-size:14px;font-weight:650}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(112,141,171,.34);outline-offset:2px}
.spotter-icon{display:inline-block;width:20px;height:20px;object-fit:contain;flex:0 0 20px;opacity:.77}

/* App shell and supplied SPOTTER logo */
.app{background:#f6f8fb}
.sidebar{width:252px;padding:24px 18px 18px;background:#fff!important;color:#526171!important;border-right:1px solid #e7ebf0!important;color-scheme:light!important;transition:width .22s ease,padding .22s ease}
.sidebar-brand-row{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:23px}
.sidebar .brand{min-width:0;min-height:32px;padding:0 7px;color:#111!important;overflow:hidden}
.wordmark{display:block;width:148px;height:34px;aspect-ratio:auto;background:url('spotter-wordmark.png') left center/contain no-repeat!important;filter:none!important;mix-blend-mode:multiply!important;opacity:1!important;flex-shrink:0}
.sidebar-collapse{width:32px;height:32px;display:grid;place-items:center;flex:0 0 32px;padding:0;border:1px solid #e2e7ed;border-radius:9px;background:#fff;color:#607183;cursor:pointer;transition:background .18s ease,transform .22s ease}
.sidebar-collapse:hover{background:#f0f4f8;color:#40566d}
.sidebar-collapse svg{width:17px;height:17px}
.sidebar .workspace-select{width:100%;margin:0 0 24px;padding:11px 34px 11px 12px;border:1px solid #e2e7ed;border-radius:9px;background:#fff;color:#3e4c5b;font-size:13px;box-shadow:none}
.sidebar .nav-label{margin:0 0 8px;padding:0 12px;color:#9aa5b1;font-size:10px;font-weight:700;letter-spacing:1.45px}
.sidebar nav{gap:4px;overflow-x:hidden;scrollbar-color:#dce2e8 transparent}
.sidebar .nav-link,.sidebar .nav-group-title{min-height:42px;padding:10px 12px;border-radius:9px;color:#536272;font-size:14px;font-weight:540;line-height:1.35;gap:12px;transition:background .16s ease,color .16s ease}
.sidebar .nav-link svg,.sidebar .nav-group-title svg,.sidebar .nav-link .spotter-icon,.sidebar .nav-group-title .spotter-icon{width:19px;height:19px;stroke-width:2;flex:0 0 19px}
.sidebar .nav-link:hover{background:#f2f5f8;color:#26394c}
.sidebar .nav-link.active{background:#e8f0f7;color:#577798;font-weight:680;box-shadow:none}
.sidebar .nav-link.active .spotter-icon,.sidebar .group-active>.nav-group-title .spotter-icon{filter:invert(47%) sepia(16%) saturate(1100%) hue-rotate(169deg) brightness(91%);opacity:1}
.sidebar .nav-group.group-active>.nav-link:not(.active){background:#f2f6f9;color:#5d7894}
.sidebar .group-active>.nav-group-title{color:#5d7894}
.sidebar .nav-children{margin:4px 0 7px 21px;padding-left:13px;border-left:1px solid #e2e7ec}
.sidebar .nav-link.nav-child{min-height:34px;padding:7px 9px;border-radius:7px;font-size:12px;color:#718090}
.sidebar .nav-link.nav-child.active{background:#eef4f8;color:#567594;font-weight:650}
.sidebar-bottom{padding-top:20px}
.sidebar .plan-box{padding:15px;border:1px solid #e4e9ef;border-radius:12px;background:#f7f9fb;box-shadow:none}
.sidebar .mini-tag{color:#708dab;font-size:10px;font-weight:750;letter-spacing:1.25px}
.sidebar .plan-box p{margin:8px 0 4px;color:#253547;font:650 14px/1.45 Inter,"DM Sans",sans-serif}
.sidebar .plan-box small{color:#7b8998;font-size:11px}
.sidebar .profile{min-height:54px;padding:14px 5px 2px;color:#334456!important;font-size:13px}
.sidebar .profile>span:last-child{margin-left:0;min-width:0;overflow:hidden}
.sidebar .profile small{color:#8794a0;font-size:11px}
.avatar,.avatar.lime,.avatar.peach,.avatar.lavender,.avatar.blue{background:#dfe9f2;color:#52718f}

.main-shell{margin-left:252px;width:calc(100% - 252px);transition:margin-left .22s ease,width .22s ease}
.main-shell>header{height:76px;padding:0 34px;background:#fff;border-bottom:1px solid #e7ebf0}
.breadcrumb{color:#9aa5b1;font-size:12px}
.breadcrumb span{margin:0 9px;color:#c2c9d0}
.breadcrumb b{color:#3f5367;font-weight:630}
.header-right{gap:9px}
.header-right .button{min-height:38px;padding:8px 12px;border-color:#e1e6ec;background:#fff;color:#536272}
.header-right .button:hover{background:#f4f7f9}
.header-right>.avatar{margin-left:5px}
.main-shell>main{max-width:1680px;padding:34px 38px 46px;background:#f6f8fb}
.main-shell>footer{padding:18px 38px 28px;color:#9aa5b1;font-size:10px;letter-spacing:.55px}

/* Persisted compact sidebar */
.app.sidebar-collapsed .sidebar{width:84px;padding-inline:14px}
.app.sidebar-collapsed .main-shell{margin-left:84px;width:calc(100% - 84px)}
.app.sidebar-collapsed .sidebar-brand-row{flex-direction:column;gap:9px;margin-bottom:17px}
.app.sidebar-collapsed .sidebar .brand{width:56px;padding:0;justify-content:center}
.app.sidebar-collapsed .sidebar .wordmark{width:56px;height:20px;background-position:center}
.app.sidebar-collapsed .sidebar-collapse{transform:rotate(180deg)}
.app.sidebar-collapsed .workspace-select,.app.sidebar-collapsed .nav-label,.app.sidebar-collapsed .nav-text,.app.sidebar-collapsed .nav-group-title span,.app.sidebar-collapsed .nav-children,.app.sidebar-collapsed .plan-box,.app.sidebar-collapsed .profile>span:last-child{display:none}
.app.sidebar-collapsed .sidebar .nav-link,.app.sidebar-collapsed .sidebar .nav-group-title{justify-content:center;padding:10px;width:48px;margin-inline:auto}
.app.sidebar-collapsed .sidebar-bottom{display:flex;justify-content:center}
.app.sidebar-collapsed .profile{width:auto;padding:8px 0}

/* Page hierarchy and dashboard layout */
.page-top{align-items:flex-end;gap:24px;margin-bottom:30px}
.page-top .eyebrow{margin-bottom:8px;color:#8794a1;font-size:10px;font-weight:700;letter-spacing:1.45px}
.page-top .subtitle{margin-top:7px;color:#738190;font-size:14px}
.page-top>.actions{align-self:center;flex-wrap:wrap}
.stats{gap:18px;margin-bottom:26px}
.stat{min-height:132px;padding:20px 21px;border:1px solid #e4e9ef;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(31,48,67,.035);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.stat-link:hover{border-color:#cfd9e4;box-shadow:0 12px 30px rgba(31,48,67,.075);transform:translateY(-1px)}
.stat-top{color:#6f7e8d;font-size:12px;font-weight:550}
.stat-top svg,.stat-top .spotter-icon{width:18px;height:18px;color:#8298ae;stroke-width:2}
.stat-value{margin:14px 0 7px;color:#1c2937;font-size:31px;font-weight:660;letter-spacing:-1px}
.stat-bottom{color:#96a1ac;font-size:11px}
.dashboard-grid{grid-template-columns:minmax(0,1.72fr) minmax(300px,.78fr);gap:20px}
.stack{gap:20px}
.card{border:1px solid #e4e9ef;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(31,48,67,.035)}
.card-head{min-height:64px;padding:18px 21px;border-bottom:1px solid #edf0f4}
.card-head h2{font-size:15px;font-weight:680}
.session-row{min-height:76px;padding:17px 21px;gap:15px;border-bottom:1px solid #edf0f4}
.session-row .time{min-width:54px;color:#26384a;font-size:13px;font-weight:650}
.session-row .time small{color:#9aa4ae;font-size:10px;font-weight:500}
.session-line{width:3px;background:#8ba2b8}
.session-info strong{color:#26384a;font-size:13px}
.session-info p{margin-top:5px;color:#7c8995;font-size:11px}
.badge{padding:5px 8px;border-radius:6px;background:#edf4f8;color:#5c7b98;font-size:10px;font-weight:650;text-transform:capitalize}
.badge.orange{background:#f8f1e6;color:#a27e49}.badge.gray{background:#f0f2f4;color:#7b858e}.badge.purple{background:#f1edf6;color:#806f96}
.line-item{padding:16px 20px;border-color:#edf0f4}
.line-item h3{color:#26384a;font-size:13px}.line-item p{color:#87939e;font-size:11px;line-height:1.55}
.counter{border-radius:6px;background:#eff3f6;color:#718090}
.insight{padding:22px;border-color:#dfe7ee;background:#eaf1f7}
.insight .eyebrow{color:#7089a2}.insight h2{margin:12px 0 8px;color:#30475d;font-size:20px;line-height:1.4}.insight p{color:#6e8295;font-size:12px}

/* Buttons and controls: restrained steel-blue like the supplied design. */
.button{min-height:40px;padding:9px 14px;border:1px solid #dde4ea;border-radius:8px;background:#fff;color:#3f5061;font-size:13px;font-weight:620;box-shadow:none}
.button:hover{border-color:#cfd9e2;background:#f4f7fa;color:#2c4054}
.button.primary{border-color:#708dab;background:#708dab;color:#fff;box-shadow:0 6px 14px rgba(84,112,142,.16)}
.button.primary:hover{border-color:#617f9f;background:#617f9f}
.button.small{min-height:34px;padding:7px 10px;font-size:11px}
.button svg,.pictogram-button svg,.button .spotter-icon,.pictogram-button .spotter-icon{width:17px;height:17px;stroke-width:2;flex:0 0 17px}
.button .spotter-icon,.pictogram-button .spotter-icon{opacity:.78}.button.primary .spotter-icon{filter:invert(1);opacity:1}
.icon-btn{color:#617284}
input,select,textarea{padding:11px 12px;border:1px solid #dfe5eb;border-radius:8px;background:#fff;color:#2d4053;font-size:13px;box-shadow:none}
input:hover,select:hover,textarea:hover{border-color:#ccd7e1}
input:focus,select:focus,textarea:focus{border-color:#91a8be;box-shadow:0 0 0 3px rgba(112,141,171,.11);outline:0}
input::placeholder,textarea::placeholder{color:#a2acb5}
.field{gap:7px;color:#526171;font-size:12px;font-weight:570}
.toolbar{gap:12px;margin-bottom:20px;padding:12px;border:1px solid #e5e9ee;border-radius:12px;background:#fff;box-shadow:0 6px 18px rgba(31,48,67,.025)}
.segmented{background:#edf2f6}.segmented button{color:#6f7e8d}.segmented button.selected{color:#45637f}

/* Lists, tables, dialogs and secondary pages use the same design language. */
.management-list,.responsive-table,.workout-settings-card,.profile-hero,.ui-form-section,.builder-section,.calendar-day{border-color:#e4e9ef!important;background:#fff!important;box-shadow:0 8px 24px rgba(31,48,67,.03)!important}
.management-list-item{min-height:78px;padding:16px 19px;border-color:#edf0f4}
.management-list-item:hover{background:#fafbfd}
.list-item-icon,.ui-section-icon,.progress-metric-icon,.progress-history-icon{border-radius:9px;background:#edf3f8;color:#6885a3}
.list-item-icon,.ui-section-icon,.session-workout-title-icon,.client-next-icon{display:grid!important;place-items:center!important;padding:0!important;line-height:0}
.list-item-icon .spotter-icon,.ui-section-icon .spotter-icon,.session-workout-title-icon .spotter-icon,.client-next-icon .spotter-icon{display:block;margin:auto;object-position:center}
.client-next-icon{width:34px;height:34px;border-radius:9px;background:#edf3f8;flex:0 0 34px}
.client-next-icon .spotter-icon{width:18px;height:18px}
.builder-direct-wrap{margin-bottom:16px;border:1px solid #e3e8ee;border-radius:12px;background:#fff;overflow:hidden}
.builder-direct-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;background:#f8fafc;border-bottom:1px solid #e8edf1}
.builder-direct-heading>div{display:flex;align-items:center;gap:11px;min-width:0}.builder-direct-heading h3{margin:0}.builder-direct-heading p{margin:3px 0 0;color:#7c8995;font-size:11px}
.builder-direct-exercises{padding:0 16px}.builder-direct-exercises .builder-exercise:last-child{border-bottom:0}
.list-item-main h2{font-size:14px}.list-item-main p{color:#7c8995;font-size:11px}
.item-name-link,.client-name-link,.profile-session-link{color:#263b50;text-decoration:none}
.item-name-link:hover,.client-name-link:hover,.profile-session-link:hover{color:#5d7d9e;text-decoration:underline;text-underline-offset:3px}
.table-wrap{border:1px solid #e4e9ef;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(31,48,67,.03)}
table{background:#fff}th{padding:13px 18px;border-color:#e7ebef;background:#f8fafc;color:#8794a0;font-size:10px;font-weight:700;letter-spacing:.35px;text-transform:uppercase}td{padding:17px 18px;border-color:#edf0f4;color:#334658;font-size:13px}
tbody tr:hover{background:#fafcfd}
.profile-hero{padding:24px;border-radius:14px}.profile-tabs{padding:5px;border:1px solid #e4e9ef;border-radius:10px;background:#fff}.profile-tab{border-radius:7px;color:#6e7e8e}.profile-tab.active{background:#e8f0f7;color:#557695}
.session-pill{border-color:#dfe6ec;background:#f5f8fa;color:#5b7084}.session-pill.pill-type{border-color:#dbe6ef;background:#eaf2f8;color:#527697}.session-pill.pill-status{border-color:#dce9e1;background:#edf6f0;color:#557b63}
.calendar-event.session-calendar-card{border-radius:9px!important;background:#edf4f8!important;border-left:3px solid #7692ad!important}.calendar-event .calendar-session-time,.calendar-session-title,.calendar-event .calendar-session-client{color:#3d5871}
dialog,dialog.wide-dialog{padding:0;border:1px solid #e2e7ec;border-radius:16px;background:#fff;color:#1d2936;box-shadow:0 28px 90px rgba(31,48,67,.22)}
dialog::backdrop{background:rgba(29,41,54,.34);backdrop-filter:blur(3px)}
.modal-heading{margin:0;padding:20px 22px;border-bottom:1px solid #e9edf1}.modal-heading h2{font-size:18px}.modal-heading .icon-btn{width:34px;height:34px;border:0;border-radius:9px;background:#f3f6f8}
#modal-body{padding:22px}
.ui-form-section{border-radius:12px}.ui-form-section-head{background:#fbfcfd}.ui-form-section-body{background:#fff}
.notice,.error-box{border-radius:10px}

/* Login uses the supplied logo and the same quiet blue surface. */
.auth-page{background:#fff}.auth-brand{background:#eef3f7;border-color:#e1e7ed;color:#30495f}.auth-brand .wordmark{width:260px;height:60px}.auth-brand h1{color:#263d52}.auth-brand p{color:#6d8193}.auth-card{border-radius:16px}

@media(max-width:1180px) and (min-width:701px){
  .sidebar{width:224px;padding-inline:14px}.main-shell{margin-left:224px;width:calc(100% - 224px)}
  .sidebar .wordmark{width:130px}.main-shell>main{padding-inline:26px}.main-shell>header{padding-inline:26px}
  .app.sidebar-collapsed .sidebar{width:80px}.app.sidebar-collapsed .main-shell{margin-left:80px;width:calc(100% - 80px)}
  .dashboard-grid{grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr)}
}

@media(max-width:900px){
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.stack{display:grid;grid-template-columns:1fr 1fr}.main-shell>main{padding:28px 22px 42px}
}

@media(max-width:700px){
  body{font-size:15px}
  .sidebar,.app.sidebar-collapsed .sidebar{width:268px;padding:22px 16px 18px}
  .app.sidebar-collapsed .main-shell,.main-shell{margin-left:0;width:100%}
  .app.sidebar-collapsed .sidebar-brand-row,.sidebar-brand-row{flex-direction:row;margin-bottom:20px}
  .app.sidebar-collapsed .sidebar .brand{width:auto;padding:0 7px}.app.sidebar-collapsed .sidebar .wordmark,.sidebar .wordmark{width:144px;height:32px}
  .sidebar-collapse{display:none}
  .app.sidebar-collapsed .workspace-select{display:block}.app.sidebar-collapsed .nav-label,.app.sidebar-collapsed .nav-text,.app.sidebar-collapsed .nav-group-title span,.app.sidebar-collapsed .nav-children,.app.sidebar-collapsed .plan-box,.app.sidebar-collapsed .profile>span:last-child{display:initial}
  .app.sidebar-collapsed .nav-children{display:block}.app.sidebar-collapsed .plan-box{display:block}.app.sidebar-collapsed .profile>span:last-child{display:block}
  .app.sidebar-collapsed .sidebar .nav-link,.app.sidebar-collapsed .sidebar .nav-group-title{justify-content:flex-start;width:auto;margin-inline:0;padding:10px 12px}
  .app.sidebar-collapsed .sidebar-bottom{display:block}.app.sidebar-collapsed .profile{width:100%;padding:14px 5px 2px}
  .main-shell>header{height:64px;padding:0 16px}.breadcrumb{display:none}.header-right{margin-left:auto}.header-right .button{min-height:36px;padding:7px 9px}.header-right .action-icon-label{display:none}
  .main-shell>main{padding:24px 16px 112px}.main-shell>footer{padding:16px 16px 100px}
  .page-top{align-items:stretch;margin-bottom:22px}.page-top>.actions{align-self:stretch}.page-top>.actions .button{flex:1 1 auto}
  .stats{gap:10px}.stat{min-height:112px;padding:15px}.stat-value{font-size:26px;margin:11px 0 5px}
  .dashboard-grid{gap:14px}.stack{display:flex;gap:14px}.card{border-radius:13px}.card-head{min-height:58px;padding:16px}.session-row{padding:15px 16px}
  .toolbar{padding:10px;border-radius:11px}.management-list-item{padding:15px}.list-item-actions{flex-wrap:wrap}
  .clients-overview-table.responsive-table tbody tr{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(132px,.9fr)!important;align-items:center!important;gap:10px!important;padding:14px!important}
  .clients-overview-table.responsive-table tbody td:first-child,.clients-overview-table.responsive-table tbody td:nth-child(4){display:block!important;width:auto!important;min-width:0!important;padding:0!important}
  .clients-overview-table .client-name{min-width:0;gap:9px}.clients-overview-table .client-name>span{min-width:0}.clients-overview-table .client-name-link{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .clients-overview-table .client-next-session{width:100%;min-width:0;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;padding:0;text-align:left}
  .clients-overview-table .client-next-session>span:last-child{min-width:0}.clients-overview-table .client-next-session b,.clients-overview-table .client-next-session>span:last-child>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .clients-overview-table .client-no-session{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:7px;min-width:0;font-size:12px}.clients-overview-table .client-no-session .spotter-icon{width:18px;height:18px;margin:auto}
  .builder-direct-heading{padding:12px}.builder-direct-heading>.button .action-icon-label{display:none}.builder-direct-exercises{padding:0 12px}
  dialog,dialog.wide-dialog{width:calc(100vw - 18px);max-height:calc(100dvh - 18px);border-radius:15px}.modal-heading{padding:17px 18px}#modal-body{padding:18px}
  .mobile-dock{min-height:80px;border-color:#243240;background:rgba(25,37,49,.96);box-shadow:0 -8px 26px rgba(20,31,42,.18)}
  .mobile-dock-link{color:#aebbc7}.mobile-dock-link.active{background:#31495f;color:#eef5fb}.mobile-dock-link svg{stroke-width:2}.mobile-dock-link .spotter-icon{filter:invert(1);opacity:.72}.mobile-dock-link.active .spotter-icon{opacity:1}
}

@media(max-width:480px){
  h1{font-size:27px}.stats{grid-template-columns:1fr 1fr}.stat-top{font-size:11px}.stat-bottom{font-size:10px}
  .header-right .button{width:38px;padding:0}.header-right .button svg{margin:0}
  .main-shell>main{padding-inline:13px}.page-top>.actions{width:100%}
  .clients-overview-table.responsive-table tbody tr{grid-template-columns:minmax(0,1fr) minmax(122px,.88fr)!important}
  .clients-overview-table.responsive-table tbody td:nth-child(4){padding:0!important}
}

@media(prefers-reduced-motion:reduce){.sidebar,.main-shell,.sidebar-collapse,.stat{transition:none!important}}

/* v0.8.9: exercise library, results and progress refinements. */
.exercise-controls{display:flex;align-items:center;gap:12px;margin-bottom:14px}.exercise-search{flex:1;max-width:540px}.exercise-search input{width:100%;min-height:44px;padding-left:16px}.exercise-filter-panel{margin-bottom:18px;padding:18px;border:1px solid #e3e9ee;border-radius:14px;background:#fff}.exercise-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.exercise-list{overflow:hidden;border:1px solid #e3e9ee;border-radius:14px;background:#fff}.exercise-list-row{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:88px;padding:14px 18px;border-bottom:1px solid #edf1f4}.exercise-list-row:last-child{border-bottom:0}.exercise-list-row:hover{background:#fafcfd}.exercise-main{display:flex;align-items:center;gap:14px;min-width:0;flex:1;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.exercise-main-copy{display:block;min-width:0}.exercise-main-copy strong,.exercise-main-copy small{display:block}.exercise-main-copy strong{margin:4px 0;font-size:15px;color:#263b50}.exercise-main-copy small{color:#778795}.exercise-row-actions{display:flex;align-items:center;gap:8px}.exercise-star{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid #dfe6ec;border-radius:9px;background:#fff;color:#8796a4;font-size:23px;line-height:1;cursor:pointer}.exercise-star:hover,.exercise-star.is-favorite{border-color:#aebfce;background:#edf3f8;color:#607f9d}.exercise-detail-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.exercise-detail-meta span{padding:6px 10px;border:1px solid #dfe6ec;border-radius:999px;background:#f6f9fb;color:#607285;font-size:11px}.exercise-detail-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,.7fr);gap:28px}.exercise-detail-copy{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid #e7ebef;border-radius:12px;overflow:hidden}.exercise-detail-copy section{min-height:132px;padding:20px;border-right:1px solid #edf0f3;border-bottom:1px solid #edf0f3}.exercise-detail-copy section:nth-child(2n){border-right:0}.exercise-detail-copy section:nth-last-child(-n+2){border-bottom:0}.exercise-detail-copy h3{margin:0 0 10px;font-size:13px}.exercise-detail-copy p{margin:0;color:#506173;line-height:1.65}.exercise-detail-side{display:flex;flex-direction:column;gap:14px}.exercise-detail-side>.button{width:100%}.exercise-media-empty{display:grid;place-items:center;min-height:190px;border:1px dashed #d8e0e7;border-radius:12px;background:#f8fafb;color:#8996a2}.exercise-relations{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.exercise-relations>section{padding:16px;border:1px solid #e7ebef;border-radius:11px}.exercise-relations>section>span{display:block;margin-bottom:11px;color:#80909e;font-size:10px;font-weight:700;letter-spacing:.7px;text-transform:uppercase}
.workout-result-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:22px}.workout-result-summary>div{padding:15px;border:1px solid #e5eaf0;border-radius:11px;background:#f8fafc}.workout-result-summary span,.workout-result-summary strong{display:block}.workout-result-summary span{margin-bottom:7px;color:#83919e;font-size:10px;font-weight:700;text-transform:uppercase}.workout-result-summary strong{font-size:14px;color:#2d4255}.workout-result-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.workout-result-group{overflow:hidden;border:1px solid #e3e8ed;border-radius:12px}.workout-result-group-head{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:14px 16px;background:#f7f9fb}.workout-result-group-head>span{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#e8f0f7;color:#607e9c;font-size:11px;font-weight:700}.workout-result-group-head h3{margin:0;font-size:14px}.workout-result-group-head small{color:#83909c}.workout-result-set-head,.workout-result-set{display:grid;grid-template-columns:70px 1fr 1fr;gap:12px;padding:9px 16px}.workout-result-set-head{color:#929eaa;font-size:10px;font-weight:700;text-transform:uppercase}.workout-result-set{border-top:1px solid #edf0f3;font-size:13px}.workout-result-set strong{text-align:right}.workout-result-feedback{margin-top:18px;padding:18px;border-radius:12px;background:#f5f8fa}.workout-result-feedback>span{color:#84929e;font-size:10px;font-weight:700;text-transform:uppercase}.workout-result-feedback p{margin:8px 0 0;line-height:1.6}
.progress-client-toolbar{display:flex!important;align-items:center;gap:10px;max-width:420px;margin:0 0 18px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.progress-client-toolbar .field{display:contents}.progress-client-toolbar .field>span,.progress-client-toolbar label{color:#526171;font-size:12px;font-weight:650}.progress-client-toolbar select{min-width:230px}.progress-metric-sidebar{max-height:430px}.progress-metric-list{max-height:352px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.history-chart .chart-grid path{stroke:#e8edf2;stroke-width:1}.history-chart .chart-line{stroke:#7298bd;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round}.history-chart .chart-point-halo{fill:#fff;stroke:#7298bd;stroke-width:1.5}.history-chart .chart-point{fill:#7298bd}
@media(max-width:900px){.exercise-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workout-result-groups{grid-template-columns:1fr}.exercise-detail-grid{grid-template-columns:1fr}}
@media(max-width:600px){.exercise-controls{align-items:stretch}.exercise-controls .button{flex:0 0 auto}.exercise-filter-grid{grid-template-columns:1fr}.exercise-list-row{align-items:flex-start;padding:14px}.exercise-row-actions .button{display:none}.exercise-main{align-items:flex-start}.exercise-detail-copy{grid-template-columns:1fr}.exercise-detail-copy section,.exercise-detail-copy section:nth-child(2n),.exercise-detail-copy section:nth-last-child(-n+2){border-right:0;border-bottom:1px solid #edf0f3}.exercise-detail-copy section:last-child{border-bottom:0}.exercise-relations{grid-template-columns:1fr}.workout-result-summary{grid-template-columns:1fr 1fr}.progress-client-toolbar{max-width:none}.progress-client-toolbar select{min-width:0;flex:1}}

/* v0.10.0: exercise editor, nutrition and actionable notifications. */
.nav-text{display:flex;align-items:center;gap:8px;min-width:0}.notification-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#d94b4b;box-shadow:0 0 0 3px rgba(217,75,75,.13);flex:0 0 8px}.mobile-dock-link>span{display:flex;align-items:center;gap:5px}.mobile-dock-link .notification-dot{width:7px;height:7px;flex-basis:7px;box-shadow:none}.notification-row.is-unread{background:#fbfdff;border-left:3px solid #7692ad}.button.alert{border-color:#dc6a6a;background:#c94b4b;color:#fff;box-shadow:0 6px 14px rgba(185,55,55,.18)}.button.alert:hover{border-color:#b83e3e;background:#b83e3e;color:#fff}
.settings-general{margin-bottom:24px}.settings-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:20px}.settings-action{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:13px;padding:16px;border:1px solid #e3e8ed;border-radius:12px;background:#fff;color:#33495d;text-align:left;cursor:pointer}.settings-action:hover{border-color:#bac9d6;background:#f7fafc}.settings-action-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;background:#eaf1f7;color:#62809d}.settings-action b,.settings-action small{display:block}.settings-action small{margin-top:4px;color:#7d8b98;font-size:11px;line-height:1.45}
.modal-lead{margin:0 0 18px;color:#6f7e8d;line-height:1.6}.exercise-classification{grid-template-columns:repeat(2,minmax(0,1fr))}.exercise-relationship-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.exercise-relationship-grid select{min-height:132px}.exercise-relationship-grid small{color:#8a96a1;font-weight:400}.exercise-media-upload-callout{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:15px;padding:15px;border:1px dashed #cfdbe5;border-radius:11px;background:#f7fafc}.exercise-media-upload-callout p,.exercise-media-hint{margin:5px 0 0;color:#748493;font-size:12px}.exercise-media-hint{padding:13px;border-radius:9px;background:#f6f8fa}.exercise-danger-zone{display:flex;justify-content:flex-end;margin-top:15px;padding-top:15px;border-top:1px solid #eceff2}.exercise-danger-zone .button{border-color:#efcccc;color:#a74646}
.nutrition-client-picker{display:flex;align-items:end;max-width:420px;margin-bottom:20px}.nutrition-client-picker .field{width:100%}.nutrition-approved{overflow:hidden;margin-bottom:20px}.nutrition-approved-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px;background:linear-gradient(135deg,#f6fafc,#eaf2f7)}.nutrition-approved-head h2{margin:5px 0 6px;font-size:22px}.nutrition-approved-head p{margin:0;color:#6d7f8f}.nutrition-calorie{text-align:right}.nutrition-calorie strong,.nutrition-calorie span{display:block}.nutrition-calorie strong{color:#385774;font-size:38px;line-height:1}.nutrition-calorie span{margin-top:7px;color:#758697;font-size:11px;text-transform:uppercase}.nutrition-macros{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:20px}.nutrition-macros .macro{padding:16px;border:1px solid #e4e9ee;border-radius:11px;background:#fff}.nutrition-macros span,.nutrition-macros strong{display:block}.nutrition-macros span{margin-bottom:8px;color:#7c8995;font-size:11px}.nutrition-macros strong{font-size:20px;color:#2e4357}.nutrition-macros .protein{border-top:3px solid #6f91b1}.nutrition-macros .carbs{border-top:3px solid #8bad8b}.nutrition-macros .fat{border-top:3px solid #c6a76c}.nutrition-basis{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border-top:1px solid #edf0f3;background:#edf0f3}.nutrition-basis>span{padding:14px 20px;background:#fafbfd}.nutrition-basis small,.nutrition-basis b{display:block}.nutrition-basis small{margin-bottom:5px;color:#8b97a2}.nutrition-notes{padding:18px 20px;border-top:1px solid #edf0f3}.nutrition-notes p{margin:7px 0 0;color:#536576;line-height:1.6}.nutrition-disclaimer{margin:0;padding:0 20px 18px;color:#8a96a0;font-size:11px}.nutrition-editor{margin-top:20px}.nutrition-editor>.form-stack{gap:16px}.nutrition-sources{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.nutrition-source{padding:13px;border:1px solid #e3e8ed;border-radius:10px;background:#fff}.nutrition-source span,.nutrition-source strong,.nutrition-source small{display:block}.nutrition-source span{color:#82909c;font-size:10px;font-weight:700;text-transform:uppercase}.nutrition-source strong{margin:7px 0 4px;color:#31475b;font-size:15px;text-transform:capitalize}.nutrition-source small{color:#909ba5;font-size:10px}.nutrition-source.is-missing{border-color:#e8caca;background:#fff8f8}.nutrition-source-card{margin-top:20px}.nutrition-source-card .nutrition-sources{padding:20px}
@media(max-width:900px){.settings-action-grid{grid-template-columns:1fr}.exercise-relationship-grid{grid-template-columns:1fr}.nutrition-sources{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.exercise-classification{grid-template-columns:1fr}.exercise-media-upload-callout{align-items:stretch;flex-direction:column}.nutrition-approved-head{align-items:flex-start;flex-direction:column}.nutrition-calorie{text-align:left}.nutrition-macros,.nutrition-basis{grid-template-columns:1fr}.nutrition-sources{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-action-grid{padding:14px}}

/* v0.9.0 account, privacy and editor refinements. */
.stat-top>span{display:flex;align-items:center;gap:7px}.stat-reveal{display:inline-grid;place-items:center;width:22px;height:22px;border:1px solid #d9e2e9;border-radius:7px;background:#fff;color:#6f8497;font-size:14px;line-height:1;cursor:pointer}.stat-reveal:hover{border-color:#aebfce;background:#edf3f8}.stat-value.is-hidden-value{letter-spacing:3px;color:#8b98a4}.account-secondary-actions{display:flex;flex-wrap:wrap;gap:8px;padding:0 23px 23px}.client-readonly-field>span{display:block;margin-bottom:6px;color:#526171;font-size:12px;font-weight:570}.client-readonly-field p{margin:0;padding:11px 12px;border:1px solid #e5e9ed;border-radius:8px;background:#f7f9fb;color:#617181}.builder-exercise-actions .button:disabled{opacity:.35;cursor:not-allowed}.metric-icon-choice{display:flex;align-items:center;gap:8px}