/* Approved Emerald / Inter identity for the application and its access flows.
   Shared tokens apply before either layout mounts; customer-defined tag colors
   and provider logos retain their semantic contracts. */
@font-face {
  font-family: AiudaInter;
  src: url('../brand/emerald/InterVariable.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
html:root {
  --aiuda-font-family-body: AiudaInter, Arial, sans-serif;
  --aiuda-font-family-heading: AiudaInter, Arial, sans-serif;
  --aiuda-nav-weight: 510;
  --aiuda-nav-active-weight: 650;
  --aiuda-nav-label-weight: 590;
  --aiuda-nav-label-tracking: .02em;
  /* The typography experiment writes Phoenix families inline at bootstrap. */
  --phoenix-body-font-family: var(--aiuda-font-family-body) !important;
  --phoenix-heading-font-family: var(--aiuda-font-family-heading) !important;
  --phoenix-font-sans-serif: var(--aiuda-font-family-body) !important;
  --aiuda-crm-body-font-family: var(--aiuda-font-family-body) !important;
  --aiuda-crm-heading-font-family: var(--aiuda-font-family-heading) !important;
  --aiuda-logo-dot: #00dc82;
  --aiuda-brand-violet: var(--aiuda-link);
  --aiuda-brand-ink: #171717;
  --aiuda-calendar-icon: var(--aiuda-link);
  --aiuda-radius-control: 6px;
  --aiuda-radius-panel: 10px;
  --aiuda-radius-popover: 10px;
  --aiuda-canvas: #f4f4f5;
  --aiuda-canvas-rgb: 244, 244, 245;
  --aiuda-calendar-grid: #f4f4f5;
  --aiuda-surface: #ffffff;
  --aiuda-surface-rgb: 255, 255, 255;
  --aiuda-sidebar: #fafafa;
  --aiuda-workspace: #f7f7f8;
  --aiuda-raised: #eeeeef;
  --aiuda-raised-rgb: 238, 238, 239;
  --aiuda-text: #171717;
  --aiuda-text-rgb: 23, 23, 23;
  --aiuda-muted: #52525b;
  --aiuda-muted-rgb: 82, 82, 91;
  --aiuda-border: #d5d5d8;
  --aiuda-border-rgb: 213, 213, 216;
  --aiuda-control-border: #77777f;
  --aiuda-control-border-rgb: 119, 119, 127;
  --aiuda-action: #00dc82;
  --aiuda-action-rgb: 0, 220, 130;
  --aiuda-on-action: #0a0a0a;
  --aiuda-on-action-rgb: 10, 10, 10;
  --aiuda-action-hover: #32e59b;
  --aiuda-action-hover-rgb: 50, 229, 155;
  --aiuda-action-active: #00c976;
  --aiuda-action-active-rgb: 0, 201, 118;
  --aiuda-link: #087a50;
  --aiuda-link-rgb: 8, 122, 80;
  --aiuda-link-hover: #065d3d;
  --aiuda-link-hover-rgb: 6, 93, 61;
  --aiuda-focus: #087a50;
  --aiuda-focus-rgb: 8, 122, 80;
  --aiuda-soft: #d6f5e6;
  --aiuda-soft-rgb: 214, 245, 230;
  --aiuda-tag-bg: var(--aiuda-raised);
  --aiuda-tag-border: var(--aiuda-border);
  --aiuda-incoming: #ffffff;
  --aiuda-outgoing: #d6f5e6;
  --aiuda-on-message: #171717;
  --aiuda-note: #eeeeef;
  --aiuda-on-note: #171717;
  --aiuda-overlay: #0a0a0a55;
  --aiuda-shadow: 0 14px 44px #17171724;
}
html:root:is(.dark,[data-bs-theme="dark"]) {
  --aiuda-canvas: #0a0a0a;
  --aiuda-canvas-rgb: 10, 10, 10;
  --aiuda-calendar-grid: #0a0a0a;
  --aiuda-surface: #171717;
  --aiuda-surface-rgb: 23, 23, 23;
  --aiuda-sidebar: #171717;
  --aiuda-workspace: #0a0a0a;
  --aiuda-raised: #262626;
  --aiuda-raised-rgb: 38, 38, 38;
  --aiuda-text: #f4f4f5;
  --aiuda-text-rgb: 244, 244, 245;
  --aiuda-muted: #a1a1aa;
  --aiuda-muted-rgb: 161, 161, 170;
  --aiuda-border: #363636;
  --aiuda-border-rgb: 54, 54, 54;
  --aiuda-control-border: #686868;
  --aiuda-control-border-rgb: 104, 104, 104;
  --aiuda-link: #66e9b2;
  --aiuda-link-rgb: 102, 233, 178;
  --aiuda-link-hover: #a6f5cf;
  --aiuda-link-hover-rgb: 166, 245, 207;
  --aiuda-focus: #66e9b2;
  --aiuda-focus-rgb: 102, 233, 178;
  --aiuda-soft: #123127;
  --aiuda-soft-rgb: 18, 49, 39;
  --aiuda-incoming: #1c1c1c;
  --aiuda-outgoing: #123127;
  --aiuda-on-message: #f4f4f5;
  --aiuda-note: #262626;
  --aiuda-on-note: #f4f4f5;
  --aiuda-overlay: #0000008c;
  --aiuda-shadow: 0 14px 44px #00000040;
}
html:root body {
  font-optical-sizing: auto;
  font-feature-settings: 'cv01', 'ss03', 'calt';
  font-synthesis: none;
}
html:root ::selection {
  background: var(--aiuda-action);
  color: var(--aiuda-on-action);
}
html:root :is(input,textarea,[contenteditable="true"]) {
  caret-color: var(--aiuda-link);
}
html:root :is(h1,h2,h3,h4,h5,h6,.aiuda-page-title) {
  font-weight: 590;
  letter-spacing: -.025em;
}
html:root :is(.btn,.form-label,.dropdown-item) {
  --phoenix-btn-font-weight: 590;
  font-weight: 590;
}
html:root .form-label { font-size: 14px; }
html:root[data-aiuda-layout="app"] .chat-list-toolbar-actions .btn { color: var(--aiuda-muted); }
html:root[data-aiuda-layout="app"] .chat-list-toolbar-actions .btn:hover { color: var(--aiuda-link); }
html:root[data-aiuda-layout="app"] .chat-content-card { background: var(--aiuda-canvas); }

/* Light is an operating surface in its own right. Keep brand actions vivid,
   utility controls neutral, and semantic/user-defined colors untouched. */
html:root:not(.dark):not([data-bs-theme="dark"]) {
  --aiuda-soft: #e5f5ec;
  --aiuda-soft-rgb: 229, 245, 236;
  --aiuda-shadow: 0 12px 32px #17171718;
}
html:root:not(.dark):not([data-bs-theme="dark"]) .crm-shell > .navbar-vertical,
html:root:not(.dark):not([data-bs-theme="dark"]) .crm-shell .navbar-collapse {
  background: var(--aiuda-sidebar);
}
html:root:not(.dark):not([data-bs-theme="dark"]) .chat-content-card,
html:root:not(.dark):not([data-bs-theme="dark"]) .intelligence-shell {
  background: var(--aiuda-workspace);
}
html:root:not(.dark):not([data-bs-theme="dark"]) .chat-messages-stage {
  background: var(--aiuda-workspace) !important;
}
html:root:not(.dark):not([data-bs-theme="dark"]) .chat-list-item .avatar-name {
  color: var(--aiuda-muted); background: var(--aiuda-raised);
}
html:root:not(.dark):not([data-bs-theme="dark"]) .chat-list-item.active .avatar-name {
  color: var(--aiuda-link); background: var(--aiuda-surface);
}
html:root:not(.dark):not([data-bs-theme="dark"]) :is(.chat-assign-button,.chat-refresh-button,.chat-stage-header-button,.chat-context-stage) {
  color: var(--aiuda-muted) !important; background: var(--aiuda-surface) !important;
}
html:root:not(.dark):not([data-bs-theme="dark"]) :is(.chat-composer-icon-button,.chat-composer-intelligence-action i) {
  color: var(--aiuda-muted) !important;
}
html:root:not(.dark):not([data-bs-theme="dark"]) :is(.chat-quiet-button,.chat-context-stage,.chat-composer-icon-button):hover:not(:disabled) {
  color: var(--aiuda-link) !important; background: var(--aiuda-soft) !important;
}
html:root:not(.dark):not([data-bs-theme="dark"]) .intelligence-card {
  background: var(--aiuda-surface);
}
html:root:not(.dark):not([data-bs-theme="dark"]) .assistant-ops-messages {
  background: var(--aiuda-workspace);
}
html:root:not(.dark):not([data-bs-theme="dark"]) :is(.assistant-ops-empty,.assistant-ops-loading) {
  background: transparent; border: 0; box-shadow: none;
}
html:root:not(.dark):not([data-bs-theme="dark"]) .assistant-ops-icon-button:not(.active):not([aria-pressed="true"]) {
  color: var(--aiuda-muted);
}
html:root[data-aiuda-layout="app"]:not(.dark):not([data-bs-theme="dark"]) .table {
  --phoenix-table-border-color: var(--aiuda-border);
  --phoenix-table-hover-bg: var(--aiuda-workspace);
}
html:root[data-aiuda-layout="app"]:not(.dark):not([data-bs-theme="dark"]) .table thead {
  --phoenix-table-bg: var(--aiuda-workspace);
}