/* SLPT R25R35 - Design Concept 1 production polish. */
/* SLPT-R25R35-CONCEPT1-DEPTH-COLLAPSIBLE-SETTINGS-20260819 */
/* SLPT-R25R35Q-ORIGINAL-QUICK-ACCESS-GEOMETRY-20260819 */

/* Exact approved motivation treatment: 20% smaller than its inherited line size. */
#content .r20-client-dashboard .page-head p.r35-motivation{
  font-size:80%!important;
  font-style:italic!important;
  line-height:1.45;
  letter-spacing:.01em;
}

/* Concept 1: move the existing V192 Quick Access section only; preserve its original cards exactly. */
#content .v192-dashboard .r35-quick-top{margin:18px 0 20px}
#content .v192-dashboard .r35-quick-head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}

/* Page-wide Clients context selector - All Clients or one authorised client. */
#content .r35-client-scope{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin:0 0 18px;
  padding:14px 16px;
  border-radius:18px;
}
#content .r35-client-scope-copy{display:flex;align-items:center;gap:14px;min-width:0}
#content .r35-client-scope-copy>.eyebrow{margin:0;white-space:nowrap}
#content .r35-client-scope-copy>div{display:grid;gap:2px;min-width:0}
#content .r35-client-scope-copy b{font-size:15px}
#content .r35-client-scope-copy small{color:var(--muted,#748094)}
#content .r35-client-scope label{display:flex;align-items:center;gap:9px;margin:0;font-weight:700;white-space:nowrap}
#content .r35-client-scope select{min-width:210px;margin:0}

/* App-only account information now lives in Settings. */
#content .r35-account-settings{margin-bottom:16px}
#content .r35-account-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:8px 0 12px}
#content .r35-account-grid>div{display:grid;gap:4px;padding:13px;border:1px solid rgba(113,126,151,.13);border-radius:14px;background:rgba(126,141,166,.055)}
#content .r35-account-grid span{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted,#748094)}
#content .r35-account-grid b{font-size:15px}
#content .r35-account-loading{padding:12px 0;color:var(--muted,#748094)}

/* Safe collapsibles: existing Settings nodes stay in place; only their direct content is hidden. */
#content .r35-settings-collapsible>.panel-head{gap:12px}
#content .r35-settings-collapsible>.panel-head .r35-collapse-toggle{margin-left:auto}
#content .r35-inline-collapse-head{display:flex;justify-content:flex-end;margin-top:8px;margin-bottom:12px;pointer-events:none}
#content .r35-inline-collapse-head .r35-collapse-toggle{pointer-events:auto}
#content .r35-collapse-toggle{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:34px;
  padding:7px 10px;
  border:1px solid rgba(113,126,151,.16);
  border-radius:999px;
  background:rgba(126,141,166,.07);
  color:inherit;
  font:inherit;
  font-size:12px;
  font-weight:750;
  cursor:pointer;
}
#content .r35-collapse-toggle b{font-size:14px;transition:transform .18s ease}
#content .r35-settings-collapsible:not(.r35-collapsed) .r35-collapse-toggle b{transform:rotate(180deg)}
#content .r35-settings-collapsible.r35-collapsed>:not(.panel-head):not(h2):not(h3):not(.r35-inline-collapse-head){display:none!important}

/* Design Concept 1 depth - later, restrained elevation rather than a heavy redesign. */
#content .panel,
#content .tool-card,
#content .stat-card,
#content .r20-stat-card,
#content .r20-quick-item,
#content .r24-client-card,
#content .r25c-card,
#content .r25-meal-card,
#content .list-row{
  box-shadow:0 12px 28px rgba(27,38,58,.075),0 2px 6px rgba(27,38,58,.035);
}
#content .panel:hover,
#content .tool-card:hover{
  box-shadow:0 16px 36px rgba(27,38,58,.095),0 3px 8px rgba(27,38,58,.045);
}

/* App-only dashboard reflows cleanly after Your Account leaves the page. */
#content .r20-app-dashboard .r20-dashboard-main{grid-template-columns:repeat(2,minmax(0,1fr))}
#content .r20-app-dashboard .r20-popular-panel{grid-column:1/-1}

html[data-theme="mist-graphite"] #content .panel,
html[data-theme="mist-graphite"] #content .tool-card,
html[data-theme="mist-graphite"] #content .stat-card,
html[data-theme="mist-graphite"] #content .r20-stat-card,
html[data-theme="mist-graphite"] #content .r24-client-card,
html[data-theme="mist-graphite"] #content .r25c-card{
  box-shadow:0 15px 34px rgba(0,0,0,.22),0 3px 8px rgba(0,0,0,.12);
}
html[data-theme="mist-graphite"] #content .r35-account-grid>div,
html[data-theme="mist-graphite"] #content .r35-collapse-toggle{border-color:rgba(151,168,199,.16);background:rgba(151,168,199,.075)}

@media(max-width:920px){
  #content .r35-client-scope{align-items:stretch;flex-direction:column;gap:11px}
  #content .r35-client-scope label{justify-content:space-between}
  #content .r35-client-scope select{min-width:0;width:min(100%,360px)}
  #content .r35-account-grid{grid-template-columns:1fr}
  #content .r20-app-dashboard .r20-dashboard-main{grid-template-columns:1fr}
  #content .r20-app-dashboard .r20-popular-panel{grid-column:auto}
}
@media(max-width:560px){
  #content .r35-client-scope-copy{align-items:flex-start;flex-direction:column;gap:5px}
  #content .r35-client-scope label{align-items:stretch;flex-direction:column}
  #content .r35-client-scope select{width:100%}
  #content .r35-collapse-toggle span{display:none}
}