/* Scoped visual details for the remaining client and admin sections.
   Uses the muted --cp-* palette supplied by the main proposal.
   Section color identifies a workspace or registry; it never establishes success.
   Native states, badges, message roles, warnings and disabled controls stay intact. */

/* Text accents remain readable on the existing raised surfaces in both themes. */
body.precision.studio:not(.auth-required) .button.soft,
body.precision.studio:not(.auth-required) progress {
  color:var(--cp-purple);
}
body.admin-workbench:not([data-overview-theme=dark]) {
  --muted:#596176;
}
body.precision.studio[data-page=crm]:not(.auth-required) .crm-kpis [data-lead-freshness] {
  grid-column:1/-1;margin:0;font-size:12px;line-height:1.6;
}
/* Resource meters work with the existing style-src 'self' policy. */
body.admin-workbench:is([data-admin-page=client],[data-admin-page=clients]) .client-usage-progress {
  display:block;width:100%;height:4px;margin-top:10px;border:0;border-radius:10px;
  appearance:none;overflow:hidden;background:var(--sc-line);color:var(--sc-accent);
}
body.admin-workbench:is([data-admin-page=client],[data-admin-page=clients]) .client-usage-progress::-webkit-progress-bar {
  background:var(--sc-line);
}
body.admin-workbench:is([data-admin-page=client],[data-admin-page=clients]) .client-usage-progress::-webkit-progress-value {
  background:var(--sc-accent);border-radius:10px;
}
body.admin-workbench:is([data-admin-page=client],[data-admin-page=clients]) .client-usage-progress::-moz-progress-bar {
  background:var(--sc-accent);border-radius:10px;
}

/* CLIENT 1/9 — Chats: blue selection marker, preserve message and delivery states. */
body.precision.studio[data-page=chats]:not(.auth-required) .chat-list-head {
  border-block-end:2px solid var(--cp-page);
}
body.precision.studio[data-page=chats]:not(.auth-required) .person.selected .person-main {
  box-shadow:inset 3px 0 var(--cp-page);
  background:var(--cp-page-bg);
}
body.precision.studio[data-page=chats]:not(.auth-required) .chat-head .identity {
  border-inline-start:3px solid var(--cp-page);
  padding-inline-start:12px;
  color:var(--ink);
}

/* Preserve review-label contrast on the dark selected conversation. */
body.precision.studio.dark[data-page=chats]:not(.auth-required) .person.selected .person-status.review {
  color:var(--cp-amber);
}
body.precision.studio[data-page=chats]:not(.auth-required) .person-unanswered {
  background:var(--cp-purple);color:var(--card);
}

/* CLIENT 2/9 — Broadcasts: communication blue, campaign state remains native. */
body.precision.studio[data-page=broadcasts]:not(.auth-required) .broadcast-view-filters .active {
  border-color:var(--cp-page);
  background:var(--cp-page-bg);
  color:var(--ink);
}
body.precision.studio[data-page=broadcasts]:not(.auth-required) .broadcast-filter-count {
  font-size:1.1rem;
  font-variant-numeric:tabular-nums;
}
body.precision.studio[data-page=broadcasts]:not(.auth-required) .broadcast-campaign-card {
  border-inline-start-width:3px;
  border-inline-start-color:var(--cp-page);
}

/* CLIENT 3/9 — Calendar: teal marks today, not a confirmed/completed visit. */
body.precision.studio[data-page=calendar]:not(.auth-required) .cal-day.is-today > header {
  background:var(--cp-page-bg);
  border-block-end:2px solid var(--cp-page);
  color:var(--ink);
}
body.precision.studio[data-page=calendar]:not(.auth-required) .cal-summary > span:nth-child(2) > b,
body.precision.studio[data-page=calendar]:not(.auth-required) .cal-day > header > span {
  font-size:1.25rem;
  font-variant-numeric:tabular-nums;
  line-height:1.25;
}
body.precision.studio[data-page=calendar]:not(.auth-required) .cal-view button[aria-pressed=true] {
  border-color:var(--cp-page);
  background:var(--cp-page-bg);
  color:var(--ink);
}

/* CLIENT 4/9 — Assistants: purple AI identity, no changes to working/warn badges. */
body.precision.studio[data-page=assistants]:not(.auth-required) .assistant-summary b {
  font-size:clamp(1.65rem,2.4vw,2.2rem);
  font-variant-numeric:tabular-nums;
  line-height:1.15;
  color:var(--cp-page);
}
body.precision.studio[data-page=assistants]:not(.auth-required) .assistant-symbol {
  color:var(--cp-page);
  background:var(--cp-page-bg);
}
body.precision.studio[data-page=assistants]:not(.auth-required) .assistant-filters .active {
  border-color:var(--cp-page);
  background:var(--cp-page-bg);
  color:var(--ink);
}

/* CLIENT 5/9 — Connections: blue communication counts, evidence badges untouched. */
body.precision.studio[data-page=connections]:not(.auth-required) .connection-summary b {
  font-size:clamp(1.65rem,2.4vw,2.2rem);
  font-variant-numeric:tabular-nums;
  line-height:1.15;
  color:var(--cp-page);
}
body.precision.studio[data-page=connections]:not(.auth-required) .channel-icon {
  color:var(--cp-page);
  background:var(--cp-page-bg);
}
body.precision.studio[data-page=connections]:not(.auth-required) .connection-filters .active {
  border-color:var(--cp-page);
  background:var(--cp-page-bg);
  color:var(--ink);
}

/* CLIENT 6/9 — Settings: quiet gray forms; warning/security meanings are unchanged. */
body.precision.studio[data-page=settings]:not(.auth-required) .settings-nav button.active {
  border-color:var(--cp-page);
  background:var(--cp-page-bg);
  color:var(--ink);
}
body.precision.studio[data-page=settings]:not(.auth-required) .settings-card > h2 {
  color:var(--ink);
}
body.precision.studio[data-page=settings]:not(.auth-required) .settings-card :is(input,select,textarea):not(:disabled):focus-visible {
  border-color:var(--cp-page);
}

/* CLIENT 7/9 — Billing: green finance identity applied only to usage/count slots.
   Plan names, payment outcomes, price words and entitlement labels are untouched. */
body.precision.studio[data-page=billing]:not(.auth-required) .billing-usage-card > strong {
  font-size:clamp(1.85rem,2.8vw,2.5rem);
  font-variant-numeric:tabular-nums;
  line-height:1.15;
  color:var(--cp-page);
}
body.precision.studio[data-page=billing]:not(.auth-required) .billing-usage-card > h3 {
  border-inline-start:3px solid var(--cp-page);
  padding-inline-start:10px;
  color:var(--ink);
}
body.precision.studio[data-page=billing]:not(.auth-required) .billing-plan.current {
  border-color:var(--cp-page);
}
body.precision.studio[data-page=billing]:not(.auth-required) .billing-payment > div:nth-child(2) > b {
  font-variant-numeric:tabular-nums;
}

/* CLIENT 8/9 — Help: quiet knowledge cards, no artificial completion state. */
body.precision.studio[data-page=help]:not(.auth-required) .help-card .assistant-symbol {
  color:var(--cp-page);
  background:var(--cp-page-bg);
}
body.precision.studio[data-page=help]:not(.auth-required) .help-group-head h2 {
  border-inline-start:3px solid var(--cp-page);
  padding-inline-start:10px;
  color:var(--ink);
}
body.precision.studio[data-page=help]:not(.auth-required) .studio-help-faq summary {
  color:var(--ink);
}

/* CLIENT 9/9 — Editor: purple working area; draft/published/preview status untouched. */
body.precision.studio[data-page=editor]:not(.auth-required) .editor-main {
  border-block-start:3px solid var(--cp-page);
}
body.precision.studio[data-page=editor]:not(.auth-required) .editor-nav button[aria-current=page] {
  border-color:var(--cp-page);
  background:var(--cp-page-bg);
  color:var(--ink);
}
body.precision.studio[data-page=editor]:not(.auth-required) .editor-main :is(input,select,textarea):not(:disabled):focus-visible {
  border-color:var(--cp-page);
}

/* ADMIN 1/10 — Assistants: purple AI counts and a distinct directory header. */
body.admin-workbench[data-admin-page=assistants] .as-kpis strong {
  font-size:clamp(1.85rem,2.8vw,2.5rem);
  font-variant-numeric:tabular-nums;
  line-height:1.15;
  color:var(--cp-page);
}
body.admin-workbench[data-admin-page=assistants] .assistants-table th {
  background:var(--cp-page-bg);
  border-block-end-color:var(--cp-page);
  color:var(--sc-ink);
}
body.admin-workbench[data-admin-page=assistants] .as-avatar {
  background:var(--cp-page-bg);
  color:var(--cp-page);
}

/* ADMIN 2/10 — Templates: purple versioned library; integrity/draft badges untouched. */
body.admin-workbench[data-admin-page=templates] .tp-summary strong {
  font-size:clamp(1.65rem,2.4vw,2.2rem);
  font-variant-numeric:tabular-nums;
  line-height:1.15;
  color:var(--cp-page);
}
body.admin-workbench[data-admin-page=templates] .tp-item.is-active {
  border-color:var(--cp-page);
  background:var(--cp-page-bg);
  color:var(--sc-ink);
}
body.admin-workbench[data-admin-page=templates] .tp-editor-heading {
  border-block-end:2px solid var(--cp-page);
}

/* ADMIN 3/10 — Telemetry: purple model metrics, separate from delivery evidence. */
body.admin-workbench[data-admin-page=telemetry] #wb-telemetry-content .wb-metric-grid strong {
  font-size:clamp(1.85rem,2.8vw,2.5rem);
  font-variant-numeric:tabular-nums;
  line-height:1.15;
  color:var(--cp-page);
}
body.admin-workbench[data-admin-page=telemetry] #wb-telemetry-content .ops-table-wrap th {
  background:var(--cp-page-bg);
  border-block-end-color:var(--cp-page);
  color:var(--sc-ink);
}
body.admin-workbench[data-admin-page=telemetry] .wb-large {
  font-variant-numeric:tabular-nums;
}

/* ADMIN 4/10 — Service: quiet registry evidence. Do not change component states.
   The fourth queue slot is a date/text, so only the first three counts grow. */
body.admin-workbench[data-admin-page=service] #wb-service-content .wb-metric-grid > p:nth-child(-n+3) > strong {
  font-size:clamp(1.65rem,2.4vw,2.2rem);
  font-variant-numeric:tabular-nums;
  line-height:1.15;
  color:var(--sc-ink);
}
body.admin-workbench[data-admin-page=service] .wb-release-evidence {
  border-inline-start:3px solid var(--cp-page);
}
body.admin-workbench[data-admin-page=service] .wb-release-evidence h2 {
  color:var(--sc-ink);
}

/* ADMIN 5/10 — Team: blue access registry; no role or access-status recoloring. */
body.admin-workbench[data-admin-page=team] #team-content .wb-team-row {
  border-inline-start:3px solid var(--cp-page);
  padding-inline-start:12px;
}
body.admin-workbench[data-admin-page=team] #team-editor > header {
  border-block-end:2px solid var(--cp-page);
  color:var(--sc-ink);
}
body.admin-workbench[data-admin-page=team] :is(#team-editor,#team-invite) :is(input,select):not(:disabled):focus-visible {
  border-color:var(--cp-page);
}

/* ADMIN 6/10 — Cases: existing operational family; priority/SLA colors untouched. */
body.admin-workbench[data-admin-page=cases] {
  --cp-page:var(--cp-teal);
  --cp-page-bg:var(--cp-teal-bg);
}
body.admin-workbench[data-admin-page=cases] .wb-case-table th {
  background:var(--cp-page-bg);
  border-block-end-color:var(--cp-page);
  color:var(--sc-ink);
}
body.admin-workbench[data-admin-page=cases] #cases-detail > header {
  border-inline-start:3px solid var(--cp-page);
  padding-inline-start:12px;
  color:var(--sc-ink);
}

/* ADMIN 7/10 — Audit: blue read-only registry. Summary slots include status text,
   dates and period labels, so no generic .au-summary strong enlargement. */
body.admin-workbench[data-admin-page=audit] {
  --cp-page:var(--cp-blue);
  --cp-page-bg:var(--cp-blue-bg);
}
body.admin-workbench[data-admin-page=audit] .au-table th {
  background:var(--cp-page-bg);
  border-block-end-color:var(--cp-page);
  color:var(--sc-ink);
}
body.admin-workbench[data-admin-page=audit] .au-detail-button:focus-visible {
  border-color:var(--cp-page);
}

/* ADMIN 8/10 — Settings: gray forms. Security/backups/SMTP badges remain native. */
body.admin-workbench[data-admin-page=settings] .st-tabs [aria-pressed=true] {
  border-color:var(--cp-page);
  background:var(--cp-page-bg);
  color:var(--sc-ink);
}
body.admin-workbench[data-admin-page=settings] .st-table th {
  background:var(--cp-page-bg);
  border-block-end-color:var(--cp-page);
  color:var(--sc-ink);
}
body.admin-workbench[data-admin-page=settings] .st-panel :is(input,select,textarea):not(:disabled):focus-visible {
  border-color:var(--cp-page);
}

/* ADMIN 9/10 — Beta: blue application registry. Pending/approved/rejected/revoked
   keep native semantic treatments; a registration is not an approved access. */
body.admin-workbench[data-admin-page=beta] {
  --cp-page:var(--cp-blue);
  --cp-page-bg:var(--cp-blue-bg);
}
body.admin-workbench[data-admin-page=beta] .beta-toolbar h2 {
  border-inline-start:3px solid var(--cp-page);
  padding-inline-start:10px;
  color:var(--sc-ink);
}
body.admin-workbench[data-admin-page=beta] .beta-create > summary {
  color:var(--sc-ink);
}
body.admin-workbench[data-admin-page=beta] .beta-form :is(input,select):not(:disabled):focus-visible {
  border-color:var(--cp-page);
}

/* ADMIN 10/10 — Client: blue workspace detail. Only the third summary is a count;
   status, plan name and period date must not be enlarged as numeric metrics. */
body.admin-workbench[data-admin-page=client] #client-summary > article:nth-child(3) > strong {
  font-size:clamp(1.85rem,2.8vw,2.5rem);
  font-variant-numeric:tabular-nums;
  line-height:1.15;
  color:var(--cp-page);
}
body.admin-workbench[data-admin-page=client] .client-section > header {
  border-block-end:1px solid var(--cp-page);
  color:var(--sc-ink);
}
body.admin-workbench[data-admin-page=client] .client-section .ops-table-wrap th {
  background:var(--cp-page-bg);
  border-block-end-color:var(--cp-page);
  color:var(--sc-ink);
}