/* v11.64: blue is the platform accent. Green is semantic, except lawyer home AI. */
:root,body,.account-shell[data-account-role] {
  --dj-role-accent:#164fb0;--dj-role-soft:#eef4ff;--dj-role-border:#bfd2ef;
  --dj-soft:#f6f8fc;--theme-background:#f6f8fc;--theme-accent:#164fb0;--theme-on-accent:#fff;--accent:#164fb0;
  --dj-green:#164fb0;--dj-blue:#164fb0;--dj-green-soft:#eef4ff;--dj-blue-soft:#eef4ff;
}
#dj-home[data-role="client"] {--dj-role-accent:#164fb0;--dj-role-soft:#eef4ff;--dj-role-border:#bfd2ef}
#dj-home[data-role="lawyer"] {--dj-role-accent:#087952;--dj-role-soft:#eaf7f0;--dj-role-border:#b4dac5}
#dj-home[data-role] {
  --dj-green:var(--dj-role-accent);--dj-blue:var(--dj-role-accent);
  --dj-green-soft:var(--dj-role-soft);--dj-blue-soft:var(--dj-role-soft);
  --dj-button:var(--dj-role-accent);--theme-accent:var(--dj-role-accent);--accent:var(--dj-role-accent);
}
#dj-home[data-role] .dj-submit {background:var(--dj-role-accent)}
#dj-home[data-role] .dj-ai-thinking {color:var(--dj-role-accent)}
#dj-home[data-role] .dj-live-voice {background:var(--dj-role-soft);color:var(--dj-role-accent)}
#dj-home[data-role] textarea:focus {outline-color:var(--dj-role-border)}
#dj-home[data-role] .dj-areas button:hover {border-color:var(--dj-role-accent)}
body :is(input,textarea,select):focus {border-color:var(--dj-role-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--dj-role-accent) 8%,transparent)}
.gold-btn:hover:not(:disabled) {box-shadow:0 5px 16px #164fb01a}
.info-hero {background:radial-gradient(ellipse at 20% 25%,#eef4ff80,transparent 66%)}
.auth-page {background:radial-gradient(ellipse at 15% 10%,#eef4ff,transparent 60%),var(--dj-soft)}
.admin-login {background:radial-gradient(ellipse at top,#eef4ff,transparent 65%),var(--dj-soft)}
.boundary-card.positive {background:linear-gradient(135deg,#fff,#f0f5ff)}
.auth-form .legal-accept-row:hover,.auth-form .legal-accept-row:has(input:checked) {border-color:#bfd2ef;background:#eef4ff}
.auth-form .legal-accept-row button:hover {color:#164fb0!important}
.area-card svg,.role-grid span,.upload-box svg,.empty-state svg,.coming>svg,
.lawyer-card-head>div>span,.case-admin-head>div>span,.lawyer-profile-kicker,
.lawyer-kpi-grid span,.work-panel-head span,.client-detail-head>span,.detail-section>span,
.client-detail-grid article>span,.appointment-card span,.area-check-grid svg,
.dispatch-offer-title span,.assigned-cases-title span {color:#164fb0}
.ai-detail,.ai-client-summary,.dispatch-offer-section,.google-auth-btn.lawyer,
.lawyer-summary-card.active {background:#eef4ff;border-color:#bfd2ef}
.ai-dossier-banner {background:#eef4ff;border-color:#bfd2ef;color:#164fb0}
.ai-dossier-banner small {color:#617084}
.dj-tool-tabs button.active,.dj-mobile-work-nav button.active,.lawyer-work-tabs button.active,
.weekday-picker button.selected,.area-check-grid button.selected,.slot-grid button.selected,
.schedule-date-list button.selected,.simple-slot-picker .slot-grid button.selected,
.dj-tools .dj-feature-banner,.dj-tools .dj-research-detail,.ai-review-card,.ai-secure-chip {border-color:#bfd2ef}
.slot-grid button:hover {border-color:#164fb0}
.ai-thinking-dots i {background:#164fb0}
/* Availability and successful actions retain their green meaning. */
.lawyer-live-availability.is-available {background:#eef9f2;border-color:#32845d}
.lawyer-live-availability.is-available .live-status-label {color:#246b48}
.auth-success,.dj-flow-success,.dj-document-saved {color:#246b48}

.account-heading>span {color:#164fb0}

/* v11.64.1: consent is a green confirmation surface. */
.legal-accept-box {
  border-color:#b4dac5;
  background:linear-gradient(180deg,#eaf7f0 0%,#f7fcf9 100%);
}
.legal-accept-head-icon {
  color:#087952;
  background:#dff2e7;
  border-color:#b4dac5;
}
.legal-accept-box>b,.legal-accept-head b {color:#086342}
.legal-accept-head small {color:#416b57}
.auth-form .legal-accept-box .legal-accept-row {border-color:#d6e9de}
.auth-form .legal-accept-box .legal-accept-row:hover,
.auth-form .legal-accept-box .legal-accept-row:has(input:checked) {
  border-color:#9bcbae;
  background:#eaf7f0;
  box-shadow:none;
}
.auth-form .legal-accept-box .legal-accept-row input[type=checkbox] {accent-color:#087952}
.auth-form .legal-accept-box .legal-accept-row button {color:#087952!important}
.auth-form .legal-accept-box .legal-accept-row button:hover {color:#065e3f!important}

/* Authentication field icons use the platform blue. */
.auth-form .input-with-icon>svg {color:#164fb0}