:root {
  --canvas: #f6f8fc;
  --surface: #ffffff;
  --surface-muted: #f7f9fc;
  --border: #c4cfdd;
  --border-strong: #72849b;
  --text: #0d223b;
  --muted: #293d55;
  --text-muted: var(--muted);
  --muted-strong: #20334c;
  --primary: #0969da;
  --primary-hover: #075bbf;
  --primary-strong: var(--primary-hover);
  --primary-soft: #deebff;
  --accent: #5b4cc4;
  --accent-soft: #f0edff;
  --success: #17603a;
  --success-text: var(--success);
  --success-surface: #e8f7ee;
  --warning: #704f0d;
  --warning-text: var(--warning);
  --warning-border: #d2a33a;
  --warning-soft: #fff7df;
  --warning-surface: #fff3d8;
  --danger: #922c3b;
  --danger-text: var(--danger);
  --danger-border: #d39aa3;
  --danger-surface: #fff0f1;
  --surface-soft: var(--surface-muted);
  --focus: #2479c9;
  --font-secondary: 0.9375rem;
  --font-meta: 0.9rem;
  --font-micro: 0.875rem;
  --line-secondary: 1.5;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --radius-sm: 0.5rem;
  --radius-md: 0.75rem;
  --radius-lg: 1rem;
  --radius-xl: 1.25rem;
  --shadow-card: 0 2px 6px rgb(16 44 74 / 3%);
  --shadow-sm: var(--shadow-card);
  --dialog-space: clamp(0.75rem, 2vw, 1.25rem);
  --icon-size: 1.2rem;
  --icon-stroke: 1.5px;
  color: var(--text);
  background: var(--canvas);
  font-family: "Segoe UI", "Segoe UI Variable Text", Roboto, Arial, sans-serif;
  font-size: clamp(16px, calc(14px + 0.15vw), 18px);
  font-weight: 400;
  line-height: 1.5;
  font-synthesis: weight style;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}


/* Working-hours editor */
.working-hours-section { display: grid; gap: 1.5rem; }
.working-hours-mode { padding: 1.1rem 1.2rem; border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--surface-muted); }
.working-hours-mode p { margin: 0.55rem 0 0; color: var(--muted); line-height: 1.55; }
.working-hours-toggle, .working-day-toggle { display: flex; align-items: center; gap: 0.65rem; font-weight: 500; }
.working-hours-timezone { max-width: 30rem; }
.working-hours-grid { display: grid; gap: 0.75rem; }
.working-day { display: grid; grid-template-columns: minmax(10rem, 1fr) auto; gap: 1rem; align-items: center; padding: 0.9rem 1rem; border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--surface); }
.working-day:not(.enabled) { background: var(--surface-muted); }
.working-day-times { display: flex; align-items: end; gap: 0.55rem; }
.working-time-field { display: grid; gap: 0.3rem; color: var(--muted); font-size: var(--font-secondary); font-weight: 600; }
.working-time-field input { width: 8.25rem; }
.time-separator { padding-bottom: 0.65rem; color: var(--muted); }

@media (max-width: 600px) {
  .working-day { grid-template-columns: 1fr; }
  .working-day-times { align-items: end; }
  .working-time-field { flex: 1; }
  .working-time-field input { width: 100%; }
}

* { box-sizing: border-box; }
html { background: var(--canvas); }
body { margin: 0; min-width: 0; background: var(--canvas); }
button, input, textarea, select { max-width: 100%; font: inherit; line-height: 1.4; }
button, input, textarea, select { border-radius: var(--radius-sm); border: 1px solid var(--border-strong); }
button { min-height: 2.25rem; cursor: pointer; padding: 0.5rem 0.8rem; background: var(--surface); color: var(--text); font-weight: 500; }
button:hover { border-color: var(--primary); }
button:disabled { cursor: not-allowed; opacity: 0.55; }
:focus-visible { outline: 3px solid var(--focus); outline-offset: 2px; }

.login-shell { min-height: 100vh; display: grid; place-items: center; padding: var(--space-5); }
.login-card, .panel, dialog { background: var(--surface); border: 1px solid var(--border); box-shadow: 0 8px 24px rgb(31 52 78 / 8%); }
.login-card { width: min(100%, 28rem); padding: var(--space-6); border-radius: var(--radius-lg); }
.session-gate-card { text-align: center; }
.session-gate-card .primary { margin-top: var(--space-3); }
.brand { color: var(--primary); font-weight: 600; letter-spacing: 0.015em; overflow-wrap: anywhere; }
h1, h2, h3 { margin-top: 0; font-weight: 600; line-height: 1.25; letter-spacing: -0.012em; overflow-wrap: anywhere; }
/* Explicit emphasis prevents nested strong text from becoming extra-bold. */
strong, b { font-weight: 600; }
p, small, span, strong { overflow-wrap: anywhere; }
small { font-size: 0.875rem; line-height: 1.45; }
.muted { color: var(--muted); }
.field { min-width: 0; display: grid; gap: 0.45rem; margin: 1.05rem 0; font-weight: 500; }
.field input, .field textarea, .field select { width: 100%; min-width: 0; padding: 0.58rem 0.68rem; background: var(--surface); color: var(--text); font-weight: 400; }
.field textarea { min-height: 7rem; resize: vertical; }
.field small { color: var(--muted); }
.managed-field { align-content: start; }
.field-label { min-width: 0; font-weight: 500; overflow-wrap: anywhere; }
.field-label-row { position: relative; min-width: 0; display: flex; align-items: center; gap: var(--space-2); }
.field-label-row > .field-label { flex: 0 1 auto; }
.field-help { position: relative; flex: 0 0 auto; }
.field-help > summary { list-style: none; }
.field-help > summary::-webkit-details-marker { display: none; }
.field-help-trigger { width: 1.45rem; height: 1.45rem; display: grid; place-items: center; border: 1px solid #9db8d6; border-radius: 50%; background: var(--primary-soft); color: var(--primary); cursor: help; font-size: var(--font-micro); font-weight: 800; }
.field-help-card { position: absolute; z-index: 20; top: calc(100% + 0.45rem); left: -0.35rem; width: min(22rem, calc(100vw - 2rem)); padding: var(--space-3); border: 1px solid #adc4de; border-radius: var(--radius-md); background: var(--surface); box-shadow: 0 12px 30px rgb(31 52 78 / 18%); color: var(--text); font-size: 0.875rem; font-weight: 400; line-height: 1.5; }
.field-help:not([open]) > .field-help-card { display: none; }
.field-help:not([open]):hover > .field-help-card,
.field-help:not([open]):focus-within > .field-help-card { display: block; }
.field-help-card p { margin: 0; }
.field-help-card p + p { margin-top: var(--space-2); }
.prompt-fields > .managed-field:nth-child(even) .field-help-card,
.overview-fields > .managed-field:nth-child(even) .field-help-card,
.settings-grid > .managed-field:nth-child(even) .field-help-card { right: -0.35rem; left: auto; }
.field-hint, .field-counter, .field-error { display: block; font-size: var(--font-meta); font-weight: 400; line-height: var(--line-secondary); }
.field-counter { justify-self: end; color: var(--muted); font-weight: 500; font-variant-numeric: tabular-nums; }
.field-counter.warning { color: var(--warning); font-weight: 700; }
.field-counter.limit-exceeded, .field-error { color: var(--danger); font-weight: 700; }
.field-error[hidden] { display: none; }
.managed-field:has([aria-invalid="true"]) .field-label { color: var(--danger); }
.managed-field [aria-invalid="true"] { border-color: var(--danger); box-shadow: 0 0 0 1px var(--danger); }
.textarea-short { min-height: 6.5rem !important; }
.textarea-medium { min-height: 10rem !important; }
.textarea-long { min-height: 15rem !important; }
.required::after { content: " *"; color: var(--danger); }
.primary { font-weight: 600; background: var(--primary); border-color: var(--primary); color: #fff; }
.primary:hover { background: var(--primary-hover); border-color: var(--primary-hover); }
.danger { background: #fff7f7; color: var(--danger); border-color: #d9a4ab; }
.actions { min-width: 0; display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; }
.actions.end { justify-content: flex-end; }
.full { width: 100%; }

.admin-shell { min-width: 0; }
.app-header { min-height: 3.5rem; display: flex; justify-content: space-between; align-items: center; gap: var(--space-4); padding: 0.65rem var(--space-4); background: #132d4b; color: #fff; }
.app-header > div { min-width: 0; display: flex; align-items: center; gap: var(--space-3); }
.app-header .brand { color: #b9daf8; }
.app-header button { min-height: 2rem; padding: 0.35rem 0.65rem; background: transparent; color: #fff; border-color: #7990a8; }
.app-home-button { min-width: 0; display: flex; align-items: center; gap: var(--space-3); padding: 0.3rem 0.4rem !important; border-color: transparent !important; text-align: left; }
.app-home-button:hover { border-color: #7990a8 !important; background: rgb(255 255 255 / 8%); }
.app-home-button[aria-current="page"] { background: rgb(255 255 255 / 6%); }
.workspace { width: 100%; max-width: 100rem; min-width: 0; display: grid; grid-template-columns: 19rem minmax(0, 1fr); gap: var(--space-5); margin: 0 auto; padding: var(--space-5); }
.profile-content { min-width: 0; display: flex; flex-direction: column; gap: var(--space-4); padding-bottom: var(--space-6); }
.mobile-profile-selector { display: none; }
.panel { min-width: 0; border-radius: var(--radius-lg); padding: var(--space-5); }
.profile-rail { position: sticky; top: var(--space-4); align-self: start; max-height: calc(100vh - 2rem); overflow-y: auto; padding: 0; }
.profile-panels, .detail-panel { width: 100%; min-width: 0; }
.profile-context { min-width: 0; padding: var(--space-5); border: 1px solid var(--border); border-radius: var(--radius-lg); background: linear-gradient(135deg, #fff 0%, #f6f9fd 100%); box-shadow: 0 10px 28px rgb(31 52 78 / 7%); }
.profile-context-heading { min-width: 0; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: var(--space-3); }
.profile-context-heading > * { min-width: 0; }
.profile-test-chat-button { flex: 0 0 auto; min-height: 2.65rem; padding-inline: 1rem; font-weight: 600; box-shadow: 0 5px 14px rgb(23 110 183 / 22%); }
.profile-context h1 { max-width: 100%; margin-bottom: var(--space-1); font-size: min(2rem, 4vw); line-height: 1.12; overflow-wrap: anywhere; }
.profile-context-code { margin: 0; color: var(--muted); }
.profile-context-code code { color: var(--text); overflow-wrap: anywhere; }
.lifecycle-states { min-width: 0; display: flex; flex-wrap: wrap; gap: var(--space-2); margin-top: var(--space-3); }

.test-chat-drawer { width: min(88rem, calc(100vw - 2rem)); max-width: calc(100vw - 2rem); height: min(56rem, calc(100dvh - 2rem)); max-height: calc(100dvh - 2rem); margin: auto; padding: 0; overflow: hidden; border: 1px solid #c4d2e1; border-radius: 1.1rem; background: var(--surface); box-shadow: 0 28px 90px rgb(15 36 64 / 28%); }
.test-chat-drawer::backdrop { background: rgb(15 36 64 / 48%); backdrop-filter: blur(2px); }
.test-chat-shell { height: 100%; min-height: 0; display: grid; grid-template-rows: auto auto minmax(8rem, 1fr) auto auto; }
.test-chat-header { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); padding: 1.1rem 1.25rem; border-bottom: 1px solid var(--border); background: linear-gradient(135deg, #fff 0%, #f5f9fd 100%); }
.test-chat-header h2 { margin: 0 0 var(--space-1); }
.test-chat-header p { margin: 0; }
.test-chat-profile { color: var(--muted); font-size: 0.9rem; }
.test-chat-notice { margin: var(--space-4) var(--space-4) 0; padding: 0.85rem 1rem; border: 1px solid #b8d5f3; border-radius: var(--radius-md); background: #f1f8ff; }
.test-chat-notice-heading { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.test-chat-badge { display: inline-flex; align-items: center; min-height: 1.55rem; padding: 0.15rem 0.55rem; border-radius: 99rem; background: #d9ecff; color: #244f78; font-size: var(--font-micro); font-weight: 650; }
.test-chat-badge.model { background: #ebe8ff; color: #4e438e; }
.test-chat-notice p { margin: var(--space-2) 0 0; color: #405872; font-size: 0.88rem; line-height: 1.45; }
.test-chat-transcript { min-height: 0; overflow-y: auto; display: flex; flex-direction: column; gap: var(--space-3); padding: var(--space-4); background: linear-gradient(180deg, #fbfdff 0%, #f5f8fc 100%); scrollbar-gutter: stable; }
.test-chat-message { max-width: 78%; padding: 0.75rem 0.9rem; border: 1px solid var(--border); border-radius: 1rem; background: var(--surface); box-shadow: 0 3px 10px rgb(31 52 78 / 6%); }
.test-chat-message.user { align-self: flex-end; border-bottom-right-radius: 0.3rem; background: #e5f2ff; border-color: #aacbea; }
.test-chat-message.assistant { align-self: flex-start; border-bottom-left-radius: 0.3rem; }
.test-chat-message-author { color: #334a64; font-size: var(--font-meta); font-weight: 650; }
.test-chat-message p { margin: 0.3rem 0 0; white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.5; }
.test-chat-empty { align-self: center; margin: auto; padding: var(--space-5); text-align: center; }
.test-chat-empty p { max-width: 27rem; margin: var(--space-1) 0 0; }
.test-chat-status { min-height: 1.75rem; margin: 0; padding: 0.35rem var(--space-4); border-top: 1px solid #e8edf3; background: #fafcfe; font-size: var(--font-meta); }
.test-chat-status.error { color: var(--danger); }
.test-chat-form { display: grid; gap: var(--space-2); padding: 0.9rem var(--space-4) var(--space-4); border-top: 1px solid var(--border); background: var(--surface); }
.test-chat-compose-heading { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: var(--space-2); }
.test-chat-compose-heading label { font-weight: 650; }
.test-chat-input { min-height: 5rem; resize: vertical; padding: 0.7rem 0.8rem; background: #fbfdff; }
.test-chat-actions { justify-content: space-between; }
.lifecycle-state { max-width: 100%; display: inline-flex; align-items: baseline; gap: 0.35rem; padding: 0.28rem 0.58rem; border: 1px solid var(--border); border-radius: 99rem; background: var(--surface-muted); color: var(--muted); font-size: var(--font-meta); font-weight: 600; }
.lifecycle-state.dirty { color: var(--warning); background: var(--warning-surface); border-color: #e4c56f; }
.lifecycle-state.saved, .lifecycle-state.active { color: var(--success); background: var(--success-surface); border-color: #9ccdb1; }
.lifecycle-state.published { color: #315f8d; background: var(--primary-soft); border-color: #a9c8e7; }
.lifecycle-state.archived, .lifecycle-state.readonly { color: var(--danger); background: var(--danger-surface); border-color: #d9a4ab; }
.lifecycle-marker, .action-state-marker { flex: 0 0 auto; }
.tabs-wrap { min-width: 0; border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--surface); }
.profile-tabs { min-width: 0; display: flex; padding: 0 var(--space-2); overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: thin; }
.profile-tab { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 0.45rem; min-height: 2.8rem; border: 0; border-bottom: 3px solid transparent; border-radius: 0; background: transparent; color: var(--muted); white-space: nowrap; }
.profile-tab:hover { border-bottom-color: #9bbfe4; }
.profile-tab.active { color: var(--primary); border-bottom-color: var(--primary); }
.tab-dirty-marker { color: var(--warning); font-size: var(--font-micro); font-weight: 700; }
.tab-panel { min-width: 0; scroll-margin-bottom: 6rem; }
.tab-panel input, .tab-panel textarea, .tab-panel select, .tab-panel button, .validation { scroll-margin-bottom: 6rem; }
.tab-section { margin-top: 0; padding-top: 0; border-top: 0; }
.section-heading { min-width: 0; margin-bottom: var(--space-5); }
.section-heading h2 { margin-bottom: var(--space-1); }
.section-heading p { margin: 0; }
.revision-note { display: block; margin-top: var(--space-4); }
.overview-fields { min-width: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 var(--space-4); }
.overview-fields > :nth-child(3) { grid-column: 1 / -1; }
.danger-zone { min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); margin-top: var(--space-6); padding: var(--space-4); border: 1px solid #efb6bd; border-radius: var(--radius-md); background: var(--danger-surface); }
.danger-zone > * { min-width: 0; }
.danger-zone h3 { margin-bottom: var(--space-1); }
.danger-zone p { margin: 0; color: #6d3440; }
.profile-clone-zone { min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); margin-top: var(--space-6); padding: var(--space-4); border: 1px solid #b9d6ef; border-radius: var(--radius-md); background: #f4f9fd; }
.profile-clone-zone > * { min-width: 0; }
.profile-clone-zone h3 { margin-bottom: var(--space-1); }
.profile-clone-zone p { margin: 0; color: var(--text-muted); }
.danger-action { flex: 0 0 auto; }
.accordion-stack { min-width: 0; display: grid; gap: var(--space-4); }
.editor-group { min-width: 0; border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--surface); }
.editor-group > summary { min-width: 0; display: flex; align-items: center; gap: var(--space-3); padding: 1rem 1.1rem; cursor: pointer; }
.editor-group > summary > span:first-child { min-width: 0; display: grid; flex: 1; gap: 0.1rem; }
.editor-group > summary small { color: var(--muted); font-weight: 500; }
.summary-meta { flex: 0 1 auto; max-width: 45%; color: var(--muted); font-size: var(--font-meta); line-height: var(--line-secondary); text-align: right; overflow-wrap: anywhere; }
.summary-meta.has-error { color: var(--danger); font-weight: 700; }
.editor-body { min-width: 0; padding: var(--space-2) var(--space-5) var(--space-5); border-top: 1px solid var(--border); }
.editor-group:not([open]) > .editor-body { display: none; }
.prompt-fields { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0 var(--space-4); }
.prompt-fields > .managed-field:only-child,
.prompt-fields > .managed-field:nth-child(3) { grid-column: 1 / -1; }
.prompt-content-guide { min-width: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-3); margin-bottom: var(--space-4); padding: var(--space-4); border: 1px solid #b9d4ee; border-radius: var(--radius-md); background: var(--primary-soft); }
.prompt-content-guide > h3 { grid-column: 1 / -1; margin: 0; font-size: 1rem; }
.prompt-content-guide-item { min-width: 0; display: grid; align-content: start; gap: var(--space-1); padding: var(--space-3); border: 1px solid #c9dceb; border-radius: var(--radius-sm); background: var(--surface); }
.prompt-content-guide-item p { margin: 0; }
.prompt-content-guide-route { display: flex; flex-wrap: wrap; align-items: center; gap: 0.4rem; color: var(--text); line-height: 1.4; }
.prompt-content-guide-arrow { color: var(--primary); font-size: 1.1rem; font-weight: 800; }
.legacy-fields-group { border-color: #e2bc6a; background: #fffaf0; }
.legacy-fields-warning { grid-column: 1 / -1; margin-bottom: var(--space-3); padding: var(--space-3); border: 1px solid #e2bc6a; border-radius: var(--radius-sm); background: #fff3d6; color: #684814; line-height: var(--line-body); }
.validation-summary { scroll-margin-top: var(--space-4); }
.validation-link { min-height: 0; padding: 0; border: 0; background: transparent; color: inherit; text-align: left; text-decoration: underline; font-weight: 600; }
.validation-link:hover { border: 0; color: #6d1f2b; }
.context-action-bar { position: sticky; bottom: 0; z-index: 5; min-width: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-3); padding: 0.7rem var(--space-3); border: 1px solid var(--border-strong); border-radius: var(--radius-md); background: rgb(255 255 255 / 96%); box-shadow: 0 -6px 20px rgb(31 52 78 / 10%); backdrop-filter: blur(8px); }
.action-state { min-width: 0; display: inline-flex; align-items: baseline; gap: 0.42rem; color: var(--muted); font-weight: 600; }
.action-state.dirty { color: var(--warning); }
.action-state.saved { color: var(--success); }
.action-state.readonly { color: var(--danger); }
.action-save { flex: 0 0 auto; }
.label-compact { display: none; }
.compact-field { min-width: 0; display: grid; gap: 0.3rem; font-weight: 600; }
.compact-field select { width: 100%; min-width: 0; padding: 0.5rem 0.65rem; background: var(--surface); }
.mobile-selector-actions { min-width: 0; display: flex; flex-wrap: wrap; gap: var(--space-2); }
.toolbar { min-width: 0; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 0.65rem; margin-bottom: var(--space-4); }
.toolbar > * { min-width: 0; }
.filter { display: flex; flex-wrap: wrap; gap: 0.35rem; }
.filter button[aria-pressed="true"] { background: var(--primary-soft); border-color: #5990ce; }
.profile-rail-heading { padding: var(--space-5); border-bottom: 1px solid var(--border); background: linear-gradient(145deg, #fff 0%, #f5f9fe 100%); }
.profile-rail-eyebrow { display: block; margin-bottom: var(--space-1); color: var(--primary); font-size: var(--font-micro); font-weight: 500; letter-spacing: 0.05em; text-transform: uppercase; }
.profile-rail-heading h2 { margin: 0 0 var(--space-2); font-size: 1.55rem; }
.profile-rail-heading p { margin: 0; color: var(--muted); font-size: 0.92rem; line-height: 1.5; }
.profile-create-area { display: grid; gap: var(--space-3); margin: var(--space-4); padding: var(--space-4); border: 1px solid #b9d4ee; border-radius: var(--radius-md); background: var(--primary-soft); }
.profile-create-area p { margin: 0; color: #385878; font-size: 0.9rem; line-height: 1.5; }
.profile-create-button { min-height: 2.65rem; }
.workspace-navigation { display: grid; gap: var(--space-3); margin: var(--space-4); padding: var(--space-4); border: 1px solid #c9d5e3; border-radius: var(--radius-md); background: linear-gradient(145deg, #f8fbff 0%, #eef5fc 100%); }
.workspace-navigation .profile-rail-section-heading { margin: 0; }
.workspace-navigation-actions { display: grid; gap: var(--space-2); }
.workspace-navigation-button { min-height: 2.55rem; text-align: left; }
.workspace-navigation-button[aria-current="page"] { border-color: var(--primary); background: var(--primary); color: #fff; box-shadow: 0 5px 14px rgb(23 104 179 / 18%); }
.workspace-profile-shortcuts { display: grid; gap: var(--space-2); padding-top: var(--space-3); border-top: 1px solid #c9d5e3; }
.workspace-navigation-subheading { margin: 0; color: var(--muted-strong); font-size: var(--font-meta); font-weight: 600; }
.profile-shortcut-actions { gap: 0.35rem; }
.profile-shortcut-button { min-height: 2.15rem; padding-block: 0.42rem; font-size: var(--font-secondary); }
.profile-filter-section, .profile-list-section { min-width: 0; padding: var(--space-4); border-top: 1px solid var(--border); }
.profile-list-section { padding-bottom: var(--space-5); }
.profile-rail-section-heading { min-width: 0; display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: var(--space-1) var(--space-2); margin-bottom: var(--space-3); }
.profile-rail-section-heading h3 { margin: 0; font-size: 0.96rem; }
.profile-rail-section-heading small { color: var(--muted); font-size: var(--font-meta); }
.profile-count { min-width: 1.6rem; padding: 0.12rem 0.45rem; border-radius: 99rem; background: var(--surface-muted); color: var(--muted); font-size: var(--font-micro); font-weight: 700; text-align: center; }
.profile-filter-buttons { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-2); }
.profile-filter-buttons button { min-width: 0; padding-inline: 0.45rem; }
.profile-list { min-width: 0; display: grid; gap: var(--space-3); list-style: none; padding: 0; margin: 0; }
.profile-list > li { min-width: 0; }
.profile-item { width: 100%; min-width: 0; text-align: left; padding: var(--space-4); border-color: var(--border); background: var(--surface); box-shadow: 0 4px 14px rgb(31 52 78 / 5%); }
.profile-item:hover { border-color: #8fb7df; background: #fbfdff; box-shadow: 0 7px 18px rgb(31 52 78 / 9%); }
.profile-item.selected { border-color: var(--primary); background: #f7fbff; box-shadow: 0 0 0 2px #cfe2f8, 0 8px 20px rgb(31 52 78 / 9%); }
.profile-card-content { min-width: 0; display: grid; gap: var(--space-2); }
.profile-title { min-width: 0; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0.35rem 0.5rem; font-weight: 600; }
.profile-title > * { min-width: 0; }
.profile-code { min-width: 0; display: flex; flex-wrap: wrap; gap: 0.3rem; margin: 0; color: var(--muted); font-size: var(--font-meta); line-height: var(--line-secondary); }
.profile-code code { color: #40536b; overflow-wrap: anywhere; }
.profile-status-explanation { margin: 0; color: var(--muted); font-size: var(--font-secondary); line-height: var(--line-secondary); }
.badges { min-width: 0; display: flex; flex-wrap: wrap; gap: 0.35rem; margin-top: var(--space-1); padding-top: var(--space-2); border-top: 1px solid var(--border); }
.badge { max-width: 100%; border-radius: 99rem; padding: 0.15rem 0.5rem; font-size: var(--font-micro); line-height: 1.4; background: #eaf0f6; color: var(--muted); overflow-wrap: anywhere; }
.badge.active { background: #dff4e8; color: var(--success); }
.badge.archived { background: #f4e5e7; color: #8a2632; }
.badge.draft { background: #fff1cf; color: #765510; }
.profile-list-empty { margin: 0; padding: var(--space-4); border: 1px dashed var(--border-strong); border-radius: var(--radius-sm); background: var(--surface-muted); }
.profile-load-more { margin-top: var(--space-3); }

.status-region { min-width: 0; margin: 0; }
.status-region[hidden] { display: none; }
.status-region button { margin-left: var(--space-2); }
.banner { max-width: 100%; padding: 0.7rem 0.85rem; border-radius: var(--radius-sm); margin: 0 0 var(--space-4); background: #eef4fb; overflow-wrap: anywhere; }
.status-region.banner { margin: 0; }
.banner.error, .banner.unavailable, .validation { background: var(--danger-surface); color: var(--danger); }
.banner.success { background: var(--success-surface); color: var(--success); }
.banner.conflict { background: var(--warning-surface); color: var(--warning); }
.system-status-section { min-width: 0; display: grid; gap: var(--space-6); }
.system-heading { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: var(--space-4); margin-bottom: 0; }
.system-heading > div { min-width: 0; flex: 1 1 28rem; }
.system-heading h1 { margin-bottom: var(--space-1); }
.system-heading p { margin: 0; line-height: 1.5; }
.system-refresh { flex: 0 0 auto; }
.system-health { min-width: 0; display: flex; align-items: flex-start; gap: var(--space-4); padding: var(--space-5); border: 1px solid; border-radius: var(--radius-lg); }
.system-health.ok { border-color: #9ccdb1; background: linear-gradient(145deg, #f3fbf6, var(--success-surface)); color: var(--success); }
.system-health.attention { border-color: #e4c56f; background: linear-gradient(145deg, #fffaf0, var(--warning-surface)); color: var(--warning); }
.system-health-marker { flex: 0 0 auto; width: 2.4rem; height: 2.4rem; display: grid; place-items: center; border: 2px solid currentColor; border-radius: 50%; font-size: 1.2rem; font-weight: 800; }
.system-health-copy { min-width: 0; }
.system-health h2 { margin-bottom: var(--space-1); }
.system-health p { margin: 0; color: var(--text); line-height: 1.5; }
.system-health small { display: block; margin-top: var(--space-2); color: var(--muted); }
.system-group { min-width: 0; display: grid; gap: var(--space-4); padding-top: var(--space-5); border-top: 1px solid var(--border); }
.system-group > h2 { margin: 0 0 calc(-1 * var(--space-3)); }
.system-group > p { margin: 0; line-height: 1.5; }
.system-card-grid { min-width: 0; display: grid; gap: var(--space-4); }
.system-card-grid.two-columns { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.system-card { min-width: 0; padding: var(--space-5); border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--surface-muted); }
.system-card h3 { margin-bottom: var(--space-4); }
.system-card-note, .system-empty { margin: var(--space-4) 0 0; padding: var(--space-3); border-radius: var(--radius-sm); background: var(--primary-soft); color: #385878; font-size: 0.9rem; line-height: 1.5; }
.system-empty { background: var(--warning-surface); color: var(--warning); }
.system-definitions { min-width: 0; display: grid; grid-template-columns: minmax(9rem, 1fr) minmax(0, 1.2fr); gap: 0; margin: 0; }
.system-definitions dt, .system-definitions dd { min-width: 0; margin: 0; padding: 0.55rem 0; border-bottom: 1px solid var(--border); overflow-wrap: anywhere; }
.system-definitions dt { padding-right: var(--space-3); color: var(--muted); }
.system-definitions dd { font-weight: 600; text-align: right; }
.system-definitions dt:last-of-type, .system-definitions dd:last-of-type { border-bottom: 0; }
.system-metric-grid { min-width: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-3); }
.system-metric { min-width: 0; display: grid; align-content: start; gap: var(--space-1); padding: var(--space-4); border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--surface-muted); }
.system-metric.attention { border-color: #e4c56f; background: var(--warning-surface); }
.system-metric-link { color: inherit; text-decoration: none; cursor: pointer; }
.system-metric-link:hover, .system-metric-link:focus-visible { border-color: var(--primary); box-shadow: 0 0 0 2px var(--primary-soft); }
.system-metric-label { color: var(--muted); font-size: var(--font-secondary); font-weight: 600; }
.system-metric strong { font-size: 1.65rem; font-variant-numeric: tabular-nums; }
.system-metric small { color: var(--muted); }
.system-first-contact-history { display: grid; gap: var(--space-2); padding: var(--space-4); border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--surface-muted); }
.system-first-contact-history h3, .system-first-contact-history p { margin: 0; }
.system-first-contact-history p { color: var(--muted); line-height: 1.5; }
.system-first-contact-history ul { display: grid; gap: var(--space-2); margin: 0; padding-left: 1.3rem; line-height: 1.5; }
.system-first-contact-handled { margin-left: var(--space-2); padding: 0.25rem 0.7rem; font-size: 0.85rem; }
.system-notice { margin: 0; padding: var(--space-4); border-radius: var(--radius-md); background: var(--primary-soft); color: #385878; }
.system-notice.error { background: var(--danger-surface); color: var(--danger); }
.analytics-section { min-width: 0; display: grid; gap: var(--space-6); }
.analytics-heading { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: var(--space-4); margin-bottom: 0; }
.analytics-heading > div { min-width: 0; flex: 1 1 30rem; }
.analytics-heading h1 { margin-bottom: var(--space-1); }
.analytics-heading p { margin: 0; line-height: 1.5; }
.analytics-refresh { flex: 0 0 auto; }
.analytics-subnav { position: sticky; top: var(--space-2); z-index: 4; min-width: 0; display: flex; align-items: center; gap: var(--space-3); padding: var(--space-2); border: 1px solid var(--border-strong); border-radius: var(--radius-md); background: rgb(255 255 255 / 96%); box-shadow: 0 8px 22px rgb(31 52 78 / 10%); backdrop-filter: blur(8px); }
.analytics-subnav-links { min-width: 0; display: flex; gap: var(--space-1); overflow-x: auto; padding: 0.15rem; scrollbar-width: thin; }
.analytics-subnav a { flex: 0 0 auto; min-height: 2.35rem; display: inline-flex; align-items: center; padding: 0.45rem 0.7rem; border: 1px solid transparent; border-radius: var(--radius-sm); color: var(--muted-strong); font-size: var(--font-meta); font-weight: 600; text-decoration: none; white-space: nowrap; }
.analytics-subnav a:hover { border-color: var(--border); background: var(--surface-muted); color: var(--text); }
.analytics-subnav a:focus-visible { outline: 3px solid var(--focus); outline-offset: 1px; }
.analytics-subnav a[aria-current="location"] { border-color: var(--primary); background: var(--primary); color: #fff; }
.analytics-filters { min-width: 0; display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--space-4); }
.analytics-filter-group { min-width: 0; display: grid; gap: var(--space-2); }
.analytics-filter-group > span { color: var(--muted); font-size: var(--font-secondary); font-weight: 600; }
.analytics-period-selector { width: fit-content; max-width: 100%; display: flex; flex-wrap: wrap; gap: var(--space-2); padding: var(--space-2); border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--surface-muted); }
.analytics-period-selector button[aria-pressed="true"] { border-color: var(--primary); background: var(--primary); color: #fff; }
.analytics-group { min-width: 0; display: grid; gap: var(--space-4); padding-top: var(--space-5); border-top: 1px solid var(--border); }
.analytics-group[id] { scroll-margin-top: 5.5rem; }
.analytics-group > h2 { margin: 0 0 calc(-1 * var(--space-3)); }
.analytics-group > p { margin: 0; line-height: 1.5; }
.analytics-summary-grid { min-width: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-3); }
.analytics-summary-card { min-width: 0; min-height: 0; display: grid; align-content: start; gap: var(--space-2); padding: var(--space-4); border: 1px solid var(--border); border-radius: var(--radius-md); background: linear-gradient(145deg, #fff, var(--surface-muted)); }
.analytics-summary-card span, .analytics-summary-card small { color: var(--muted); }
.analytics-summary-card strong { font-size: clamp(1.45rem, 3vw, 2rem); line-height: 1.15; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.analytics-source-total { font-weight: 700; font-variant-numeric: tabular-nums; }
.analytics-performance-grid, .analytics-queue-grid { min-width: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-3); }
.analytics-performance-card { min-width: 0; padding: var(--space-4); border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--surface-muted); }
.analytics-performance-card.attention, .analytics-queue-card.attention { border-color: #e4c56f; background: var(--warning-surface); }
.analytics-performance-card-heading { min-width: 0; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: var(--space-2); margin-bottom: var(--space-3); }
.analytics-performance-card-heading h3 { margin: 0; }
.analytics-sla-badge { display: inline-flex; padding: 0.2rem 0.55rem; border-radius: 999px; background: var(--success-surface); color: var(--success); font-size: var(--font-micro); font-weight: 600; }
.analytics-sla-badge.attention { background: #fff3cd; color: var(--warning); }
.analytics-queue-grid + * { margin-top: 0; }
.analytics-queue-card { min-width: 0; display: grid; gap: var(--space-1); padding: var(--space-4); border: 1px solid var(--border); border-radius: var(--radius-md); background: linear-gradient(145deg, #fff, var(--surface-muted)); }
.analytics-queue-card span, .analytics-queue-card small { color: var(--muted); }
.analytics-queue-card strong { font-size: 1.35rem; font-variant-numeric: tabular-nums; }
.analytics-token-grid { min-width: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 1px solid var(--border); border-radius: var(--radius-md); overflow: hidden; }
.analytics-token-metric { min-width: 0; display: grid; gap: var(--space-1); padding: var(--space-4); border-right: 1px solid var(--border); border-bottom: 1px solid var(--border); background: var(--surface-muted); }
.analytics-token-metric:nth-child(3n) { border-right: 0; }
.analytics-token-metric:nth-last-child(-n + 3) { border-bottom: 0; }
.analytics-token-metric span { color: var(--muted); font-size: 0.9rem; }
.analytics-token-metric strong { font-size: 1.25rem; font-variant-numeric: tabular-nums; }
.analytics-pricing-note { padding: var(--space-3) var(--space-4); border-radius: var(--radius-sm); background: var(--primary-soft); color: #385878; font-size: 0.9rem; }
.analytics-warning { padding: var(--space-3) var(--space-4); border-radius: var(--radius-sm); background: var(--warning-surface); color: var(--warning); }
.analytics-model-grid { min-width: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-3); }
.analytics-model-card, .analytics-latest-card { min-width: 0; padding: var(--space-4); border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--surface-muted); }
.analytics-model-card h3 { margin-bottom: var(--space-3); }
.analytics-empty { padding: var(--space-4); border: 1px dashed var(--border-strong); border-radius: var(--radius-md); background: var(--surface-muted); color: var(--muted); }
.change-log-disclosure { min-width: 0; overflow: hidden; border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--surface-muted); }
.change-log-disclosure > summary { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); padding: var(--space-4); cursor: pointer; font-weight: 650; list-style: none; }
.change-log-count { display: inline-flex; min-width: 1.75rem; min-height: 1.75rem; align-items: center; justify-content: center; padding: 0 var(--space-2); border-radius: 999px; background: var(--primary-soft); color: var(--primary-strong); font-size: var(--font-micro); font-variant-numeric: tabular-nums; }
.change-log-list { max-height: 34rem; overflow-y: auto; margin: 0; padding: 0; border-top: 1px solid var(--border); list-style: none; }
.change-log-item { display: grid; gap: var(--space-2); padding: var(--space-4); background: var(--surface); }
.change-log-item + .change-log-item { border-top: 1px solid var(--border); }
.change-log-item-header { min-width: 0; display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-4); }
.change-log-item-header strong { font-weight: 600; line-height: 1.45; overflow-wrap: anywhere; }
.change-log-item-header time { flex: 0 0 auto; color: var(--muted); font-size: var(--font-meta); font-variant-numeric: tabular-nums; white-space: nowrap; }
.change-log-actor, .change-log-note { margin: 0; line-height: 1.45; }
.change-log-actor { color: var(--muted); font-size: 0.9rem; }
.change-log-note { padding: var(--space-3); border-radius: var(--radius-sm); background: var(--primary-soft); color: var(--text); }
.activity-alert-settings { margin-top: var(--space-2); }
.activity-alert-form { display: grid; gap: var(--space-4); padding: var(--space-4); border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--surface-muted); }
.activity-alert-toggle { display: flex; align-items: flex-start; gap: var(--space-3); font-weight: 600; line-height: 1.45; cursor: pointer; }
.activity-alert-toggle input { margin-top: 0.2rem; }
.activity-alert-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); }
.activity-alert-field { min-width: 0; display: grid; align-content: start; gap: var(--space-2); }
.activity-alert-field label { font-weight: 600; }
.activity-alert-field input { width: 100%; }
.activity-alert-field small { line-height: 1.4; }
.activity-alert-balance { display: grid; gap: var(--space-3); padding: var(--space-4); border: 1px solid var(--border-strong); border-radius: var(--radius-md); background: var(--surface); }
.activity-alert-balance-heading { display: grid; gap: var(--space-1); }
.activity-alert-balance-heading h3, .activity-alert-balance-heading p { margin: 0; }
.activity-alert-tracking-date { margin: 0; line-height: 1.45; }
.activity-alert-restart { font-weight: 500; }
.activity-alert-actions { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); padding-top: var(--space-3); border-top: 1px solid var(--border); }
.openline-settings { gap: var(--space-5); }
.lead-first-contact-settings { gap: var(--space-5); }
.lead-automation-panel { min-width: 0; }
.lead-automation-master { min-width: 0; display: grid; gap: var(--space-4); padding: var(--space-5); border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--surface-muted); }
.lead-automation-master.enabled { border-color: #9ccdb1; background: linear-gradient(145deg, #fff, var(--success-surface)); }
.lead-automation-master-heading { min-width: 0; }
.lead-automation-master-heading > div { display: grid; justify-items: start; gap: var(--space-2); }
.lead-automation-master-heading h2, .lead-automation-master-heading p { margin: 0; }
.lead-automation-toggle { align-items: flex-start; padding: var(--space-4); border: 1px solid var(--border-strong); border-radius: var(--radius-md); background: var(--surface); font-weight: 650; }
.lead-automation-toggle input { margin-top: .2rem; }
.lead-automation-toggle:has(input:disabled) { cursor: not-allowed; opacity: .68; }
.lead-automation-blocker { margin: calc(var(--space-2) * -1) 0 0; padding: var(--space-3) var(--space-4); border-radius: var(--radius-sm); background: var(--warning-surface); color: var(--warning); }
.lead-automation-timeout { max-width: 34rem; }
.lead-automation-timeout small, .lead-automation-essential .field small { line-height: 1.45; }
.lead-automation-section-heading { display: grid; gap: var(--space-1); padding-top: var(--space-2); }
.lead-automation-section-heading h2, .lead-automation-section-heading p { margin: 0; }
.lead-automation-route { min-width: 0; display: grid; gap: var(--space-4); padding: var(--space-5); border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--surface); }
.lead-automation-route.ready { border-color: #9ccdb1; box-shadow: inset 4px 0 0 var(--success); }
.lead-automation-route.attention { border-color: #e3c266; box-shadow: inset 4px 0 0 #d59b0b; }
.lead-automation-route-heading { min-width: 0; display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-4); }
.lead-automation-route-heading > div { min-width: 0; }
.lead-automation-route-heading h3, .lead-automation-route-heading p { margin: 0; }
.lead-automation-route-heading p { margin-top: var(--space-1); overflow-wrap: anywhere; }
.lead-automation-route-heading > .badge { flex: 0 0 auto; }
.lead-automation-checklist { min-width: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-2); margin: 0; padding: 0; list-style: none; }
.lead-automation-checklist li { min-width: 0; display: flex; align-items: flex-start; gap: var(--space-3); padding: var(--space-3); border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--surface-muted); }
.lead-automation-checklist li.ready { border-color: #b8dbc7; background: var(--success-surface); }
.lead-automation-checklist li.attention { border-color: #ead18b; background: var(--warning-surface); }
.lead-automation-checklist li > div { min-width: 0; display: grid; gap: var(--space-1); }
.lead-automation-checklist small { color: var(--muted); line-height: 1.4; }
.lead-automation-check-mark { flex: 0 0 auto; display: grid; place-items: center; width: 1.5rem; height: 1.5rem; border-radius: 50%; background: var(--success); color: #fff; font-weight: 700; }
.lead-automation-checklist .attention .lead-automation-check-mark { background: #d59b0b; }
.lead-automation-essential { min-width: 0; display: grid; grid-template-columns: minmax(16rem, .8fr) minmax(20rem, 1.2fr); gap: var(--space-4); padding-top: var(--space-2); }
.lead-automation-essential textarea { min-height: 7rem; }
.lead-automation-advanced { min-width: 0; overflow: hidden; border-top: 1px solid var(--border); }
.lead-automation-advanced > summary { padding: var(--space-4) 0 0; cursor: pointer; color: var(--primary); font-weight: 600; }
.lead-automation-advanced > p { margin-bottom: var(--space-4); }
.lead-automation-advanced .field:has(textarea) { grid-column: 1 / -1; }
.lead-automation-actions { position: sticky; z-index: 3; bottom: 0; justify-content: flex-end; padding: var(--space-4); border: 1px solid var(--border); border-radius: var(--radius-md); background: rgb(255 255 255 / 94%); box-shadow: 0 -5px 18px rgb(35 62 90 / 8%); backdrop-filter: blur(8px); }
.openline-heading { min-width: 0; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: var(--space-4); }
.openline-heading > div { min-width: 0; flex: 1 1 30rem; }
.openline-heading h1 { margin: 0 0 var(--space-1); }
.openline-heading p { margin: 0; line-height: 1.5; }
.openline-refresh { flex: 0 0 auto; }
.openline-summary { min-width: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-3); }
.openline-summary-card { min-width: 0; display: grid; gap: var(--space-1); padding: var(--space-4); border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--surface-muted); }
.openline-summary-card strong { font-size: 1.55rem; font-variant-numeric: tabular-nums; }
.openline-summary-card span { color: var(--muted); font-size: 0.9rem; }
.openline-disclosure { min-width: 0; overflow: clip; border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--surface); }
.openline-disclosure-summary { min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); padding: var(--space-4); cursor: pointer; list-style: none; }
.openline-disclosure-summary:hover { background: var(--surface-muted); }
.openline-disclosure-summary:focus-visible { outline: 3px solid var(--focus); outline-offset: -3px; }
.openline-disclosure-copy { min-width: 0; display: grid; gap: var(--space-1); }
.openline-disclosure-title { color: var(--text); font-size: 1.15rem; line-height: 1.3; }
.openline-disclosure-copy small { line-height: 1.45; }
.openline-disclosure-meta { flex: 0 0 auto; margin-left: auto; color: var(--muted); font-size: var(--font-meta); white-space: nowrap; }
.openline-disclosure-body { min-width: 0; display: grid; gap: var(--space-3); padding: var(--space-4); border-top: 1px solid var(--border); }
.openline-title-line { position: relative; display: flex; align-items: center; gap: var(--space-2); }
.openline-title-line h1 { margin: 0; }
.openline-help { position: relative; flex: 0 0 auto; }
.openline-help-trigger { box-sizing: border-box; min-width: 1.75rem; width: 1.75rem; max-width: 1.75rem; min-height: 1.75rem; height: 1.75rem; display: inline-grid; place-items: center; padding: 0; border: 1px solid var(--primary); border-radius: 50%; background: var(--surface); color: var(--primary); cursor: pointer; font-size: 0.95rem; font-weight: 750; line-height: 1; }
.openline-help-trigger:hover, .openline-help-trigger:focus-visible { background: var(--primary-soft); }
.openline-help-trigger:focus-visible { outline: 3px solid var(--focus); outline-offset: 2px; }
.openline-help-popover { position: absolute; z-index: 20; top: calc(100% + var(--space-2)); left: 0; width: min(34rem, calc(100vw - 3rem)); display: grid; gap: var(--space-3); padding: var(--space-4); border: 1px solid #bfd7ee; border-radius: var(--radius-md); background: var(--surface); box-shadow: 0 14px 35px rgb(35 62 90 / 18%); }
.openline-help-popover[hidden] { display: none; }
.openline-help-popover h2, .openline-help-popover p { margin: 0; }
.openline-help-popover h2 { font-size: 1rem; }
.openline-help-popover p { line-height: 1.5; }
.openline-profile-overview { min-width: 0; }
.openline-line-configuration { min-width: 0; display: grid; gap: var(--space-4); }
.openline-filters { min-width: 0; }
.openline-filter-controls { min-width: 0; display: flex; gap: var(--space-2); }
.openline-filter { min-height: 2.65rem; padding: .6rem .9rem; border-color: var(--border-strong); background: var(--surface); color: var(--text); font-weight: 600; }
.openline-filter:hover { border-color: var(--primary); background: var(--primary-soft); }
.openline-filter.active { border-color: var(--primary); background: var(--primary); color: #fff; box-shadow: 0 5px 14px rgb(23 104 179 / 18%); }
.openline-filter.attention:not(.active) { border-color: #e3c266; background: var(--warning-surface); color: var(--warning); }
.badge.attention { background: var(--warning-surface); color: var(--warning); }
.openline-list { min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-2); }
.openline-card { min-width: 0; display: grid; align-content: start; gap: var(--space-3); padding: var(--space-4); border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--surface); }
.openline-card.selected { border-color: #7fb3df; background: #f6fbff; box-shadow: inset 4px 0 0 var(--primary); }
.openline-card.inactive { opacity: 0.72; background: var(--surface-muted); }
.openline-card.attention { border-color: #d9a11c; box-shadow: inset 4px 0 0 #d59b0b; }
.openline-card.attention:focus { outline: 3px solid rgba(213, 155, 11, 0.28); outline-offset: 3px; }
.openline-card-heading { min-width: 0; display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-3); }

.system-attention-actions { display: grid; gap: var(--space-3); }
.system-attention-action { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); padding: var(--space-4); border: 1px solid #e7bd61; border-radius: var(--radius-md); background: #fff9e9; }
.system-attention-action.server { border-color: #e6a0a0; background: #fff3f3; }
.system-attention-action-copy { min-width: 0; }
.system-attention-action p { margin: var(--space-1) 0 0; color: var(--text-muted); }
.system-attention-link { flex: 0 0 auto; }
.openline-profile-routing { min-width: 0; display: grid; gap: var(--space-2); padding-top: var(--space-3); border-top: 1px solid var(--border); }
.openline-profile-routing label { font-weight: 600; }
.openline-profile-routing select { min-width: 0; width: 100%; }
.openline-choice { min-width: 0; display: flex; align-items: flex-start; gap: var(--space-3); cursor: pointer; }
.openline-choice input { flex: 0 0 auto; margin-top: 0.2rem; }
.openline-choice input:disabled { cursor: not-allowed; }
.openline-handoff-setting { min-width: 0; padding: var(--space-3); border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--surface-muted); }
.openline-handoff-setting.enabled { border-color: #9bc9ad; background: #effaf3; }
.openline-handoff-choice { min-width: 0; display: flex; align-items: flex-start; gap: var(--space-3); cursor: pointer; }
.openline-handoff-choice input { flex: 0 0 auto; margin-top: 0.2rem; }
.openline-handoff-choice input:disabled { cursor: not-allowed; }
.openline-handoff-copy { min-width: 0; display: grid; gap: var(--space-1); }
.openline-handoff-copy strong { font-weight: 650; }
.openline-handoff-copy small { color: var(--text-muted); line-height: 1.45; }
.openline-setup-steps { margin: var(--space-3) 0 0; padding-left: 1.4rem; }
.openline-setup-steps li + li { margin-top: var(--space-2); }
.openline-timer-note { margin-top: var(--space-3); padding: var(--space-3); border-left: 3px solid var(--primary); background: var(--surface-muted); }
.openline-identity { min-width: 0; display: grid; gap: var(--space-1); }
.openline-identity strong, .openline-identity small { overflow-wrap: anywhere; }
.openline-identity small, .openline-timeout { color: var(--muted); }
.openline-badges { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.openline-warning { margin: 0; padding: var(--space-3); border-radius: var(--radius-sm); background: var(--warning-surface); color: var(--warning); font-size: 0.9rem; line-height: 1.5; }
.openline-actions { position: sticky; bottom: var(--space-3); z-index: 2; min-width: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-4); padding: var(--space-4); border: 1px solid var(--border-strong); border-radius: var(--radius-md); background: rgb(255 255 255 / 96%); box-shadow: 0 10px 28px rgb(31 52 78 / 12%); backdrop-filter: blur(8px); }
.openline-save-state { min-width: 0; flex: 1 1 22rem; display: grid; gap: var(--space-1); }
.openline-save-state small { color: var(--muted); line-height: 1.4; }
.openline-save { flex: 0 0 auto; }
.section { min-width: 0; border-top: 1px solid #e1e7ef; padding-top: 1.1rem; margin-top: 1.1rem; }
.settings-group { min-width: 0; margin: 0 0 var(--space-5); padding: var(--space-5); border: 1px solid var(--border); border-radius: var(--radius-lg); }
.settings-group legend { max-width: 100%; padding: 0 var(--space-2); font-weight: 600; overflow-wrap: anywhere; }
.settings-grid { min-width: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 var(--space-4); }
.model-provider-grid { gap: var(--space-4); }
.model-provider-grid .field { margin-bottom: 0; }
.model-selection-summary { display: grid; gap: var(--space-2); margin-top: var(--space-4); padding: var(--space-4); border: 1px solid #bfd7ee; border-radius: var(--radius-md); background: var(--primary-soft); line-height: 1.45; }
.model-selection-summary.cost-warning { border-color: #e5c26d; background: var(--warning-surface); }
.model-selection-lifecycle { color: var(--muted); font-size: 0.9rem; font-weight: 600; }
.model-limit-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.readonly-value { min-width: 0; display: grid; gap: var(--space-1); padding: var(--space-3); border-radius: var(--radius-sm); background: var(--surface-muted); }
.readonly-value code { overflow-wrap: anywhere; }
.ordered-policy-list { min-width: 0; display: grid; gap: var(--space-3); margin: var(--space-3) 0; padding: 0; list-style: none; counter-reset: policy-item; }
.policy-card { min-width: 0; display: grid; gap: var(--space-2); padding: var(--space-3); border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--surface-muted); }
.phrase-card { grid-template-columns: minmax(0, 1fr) auto; align-items: end; }
.rule-card { grid-template-columns: minmax(8rem, .7fr) minmax(13rem, 1.5fr) minmax(12rem, 1fr) auto; align-items: end; }
.rule-card .handoff-rule-message { grid-column: 1 / -1; }
.policy-card > * { min-width: 0; }
.policy-card .field { margin: 0; }
.policy-card-number { grid-column: 1 / -1; color: var(--muted); }
.compact-danger { align-self: end; margin-bottom: 0; }
.handoff-policy { min-width: 0; grid-column: 1 / -1; margin: 1.25rem 0; padding: var(--space-4); border: 1px solid #cbd7e5; border-radius: var(--radius-md); }
.handoff-policy legend { max-width: 100%; padding: 0 0.4rem; font-weight: 600; overflow-wrap: anywhere; }
.checkbox-field { min-width: 0; display: flex; gap: 0.6rem; align-items: flex-start; margin: 0.8rem 0; }
.checkbox-field input { flex: 0 0 auto; margin-top: 0.2rem; }
.checkbox-setting { min-width: 0; margin: var(--space-2) 0; }
.checkbox-setting .checkbox-field { margin-bottom: var(--space-1); }
.checkbox-hint { margin-left: 1.7rem; }
.policy-list { min-width: 0; display: grid; gap: 0.65rem; margin-top: 1.2rem; }
.policy-list h3 { margin-bottom: 0; }
.handoff-phrases-group { margin-top: 1.2rem; }
.handoff-phrases-body { display: grid; gap: 0.65rem; }
.policy-row, .policy-rule { min-width: 0; padding: 0.75rem; border-radius: 0.6rem; background: var(--surface-muted); }
.policy-rule { display: grid; grid-template-columns: minmax(8rem, 0.7fr) minmax(12rem, 1.5fr) minmax(12rem, 1fr); gap: 0.65rem; align-items: end; }
.policy-rule .field:has([name="handoffRuleMessage"]) { grid-column: 1 / -1; }
.policy-rule > * { min-width: 0; }
.policy-rule > button { align-self: end; margin-bottom: 0.85rem; }
.grid-2 { min-width: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 var(--space-4); }
.validation { max-width: 100%; margin: 0.75rem 0; padding: 0.75rem 1rem; border-radius: var(--radius-sm); overflow-wrap: anywhere; }
.validation ul { margin: 0.35rem 0 0; padding-left: 1.25rem; }
.versions-section { display: grid; gap: var(--space-4); }
.version-preview-banner { min-width: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-3); margin-bottom: var(--space-4); padding: var(--space-4); border: 1px solid #80abd5; border-radius: var(--radius-md); background: #edf6ff; box-shadow: inset 4px 0 0 #2775b9; }
.version-preview-banner > * { min-width: 0; }
.version-preview-banner p { margin: var(--space-1) 0 0; color: var(--muted); }
.version-preview-actions { flex: 0 1 auto; justify-content: flex-end; }
.version-lifecycle-summary, .version-change-note-panel, .version-publish-panel, .version-history { min-width: 0; padding: var(--space-4); border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--surface); }
.version-lifecycle-summary h3, .version-change-note-panel h3, .version-publish-panel h3, .version-history h3 { margin-bottom: var(--space-2); }
.version-change-note-panel { display: grid; grid-template-columns: minmax(12rem, 0.7fr) minmax(18rem, 1.3fr); gap: var(--space-4); align-items: start; }
.version-change-note-panel p { margin: 0; }
.version-lifecycle-grid { min-width: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-2); }
.version-lifecycle-card { min-width: 0; display: grid; align-content: start; gap: var(--space-1); padding: var(--space-3); border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--surface-muted); }
.version-lifecycle-card.dirty, .version-lifecycle-card.blocked { background: var(--warning-surface); border-color: #e4c56f; }
.version-lifecycle-card.saved, .version-lifecycle-card.active { background: var(--success-surface); border-color: #9ccdb1; }
.version-lifecycle-label { color: var(--muted); font-size: var(--font-meta); font-weight: 600; }
.version-sequence { margin: var(--space-3) 0 0; color: var(--muted); }
.version-publish-panel { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); }
.version-publish-panel > * { min-width: 0; }
.version-publish-panel p { margin: 0; }
.version-list { min-width: 0; max-height: min(38rem, 60vh); display: grid; gap: var(--space-2); margin: 0 0 var(--space-3); padding: 0; overflow-y: auto; list-style: none; }
.version-card { min-width: 0; display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--space-3); align-items: center; padding: var(--space-3); border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--surface-muted); }
.version-card.active { border-color: #72b590; background: var(--success-surface); box-shadow: inset 4px 0 0 var(--success); }
.version-card.comparison-selected { border-color: var(--primary); box-shadow: inset 4px 0 0 var(--primary); }
.version-card > * { min-width: 0; max-width: 100%; }
.version-card-details { flex: 1 1 18rem; }
.version-compare-choice { width: fit-content; display: flex; align-items: center; gap: var(--space-2); margin-bottom: var(--space-2); font-weight: 650; cursor: pointer; }
.version-compare-choice input { margin: 0; }
.version-card-title { min-width: 0; display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); }
.version-card-meta { margin: var(--space-1) 0 0; }
.version-card-note { margin: var(--space-2) 0 0; color: var(--text); white-space: pre-wrap; overflow-wrap: anywhere; }
.version-card-actions { flex: 0 1 28rem; justify-content: flex-end; }
.version-comparison-toolbar { min-width: 0; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: var(--space-3); margin-bottom: var(--space-3); padding: var(--space-3); border: 1px solid #8dbce7; border-radius: var(--radius-sm); background: #eef7ff; }
.version-comparison-toolbar p { margin: var(--space-1) 0 0; }
.version-action-explanation { flex: 1 1 100%; color: var(--muted); text-align: right; }
.version-state { margin: 0; padding: var(--space-5); border-radius: var(--radius-sm); background: var(--surface-muted); color: var(--muted); text-align: center; }
.version-state.error { background: var(--danger-surface); color: var(--danger); }
.version-drawer { width: min(40rem, 46vw); height: 100dvh; max-width: min(40rem, 46vw); max-height: 100dvh; margin: 0 0 0 auto; padding: 0; overflow: hidden; border-radius: var(--radius-lg) 0 0 var(--radius-lg); }
.version-drawer-shell { height: 100%; min-width: 0; display: grid; grid-template-rows: auto minmax(0, 1fr); }
.version-drawer-header { position: sticky; top: 0; z-index: 1; min-width: 0; display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-3); padding: var(--space-4); border-bottom: 1px solid var(--border); background: var(--surface); }
.version-drawer-header > * { min-width: 0; }
.version-drawer-header h2, .version-drawer-header p { margin-bottom: var(--space-1); }
.version-drawer-body { min-width: 0; overflow-y: auto; overscroll-behavior: contain; padding: var(--space-4); }
.version-comparison-dialog { width: min(calc(100vw - 3rem), 76rem); max-width: min(calc(100vw - 3rem), 76rem); height: min(calc(100dvh - 3rem), 54rem); max-height: min(calc(100dvh - 3rem), 54rem); padding: 0; overflow: hidden; }
.version-comparison-shell { height: 100%; min-width: 0; display: grid; grid-template-rows: auto minmax(0, 1fr); }
.version-comparison-header { min-width: 0; display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-3); padding: var(--space-4); border-bottom: 1px solid var(--border); background: var(--surface); }
.version-comparison-header > * { min-width: 0; }
.version-comparison-header h2, .version-comparison-header p { margin-bottom: var(--space-1); }
.version-comparison-body { min-width: 0; overflow: auto; overscroll-behavior: contain; padding: var(--space-4); }
.version-comparison-content { min-width: 0; display: grid; gap: var(--space-4); }
.version-comparison-headers, .version-comparison-values { min-width: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); }
.version-comparison-version { min-width: 0; display: grid; gap: var(--space-1); padding: var(--space-3); border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--surface-muted); overflow-wrap: anywhere; }
.version-comparison-summary { margin: 0; padding: var(--space-3); border-radius: var(--radius-sm); background: #eef7ff; }
.version-comparison-legend { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-top: calc(var(--space-3) * -1); font-size: .875rem; }
.version-comparison-legend > span { padding: .2rem .45rem; border-radius: .35rem; }
.version-comparison-empty { padding: var(--space-4); border: 1px solid var(--success); border-radius: var(--radius-sm); background: var(--success-surface); }
.version-comparison-sections { min-width: 0; display: grid; gap: var(--space-3); }
.version-comparison-section { min-width: 0; border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--surface); overflow: hidden; }
.version-comparison-section > summary { padding: var(--space-3); background: var(--surface-muted); font-weight: 700; cursor: pointer; }
.version-comparison-change-list { min-width: 0; display: grid; gap: var(--space-3); padding: var(--space-3); }
.version-comparison-change { min-width: 0; padding: var(--space-3); border: 1px solid var(--border); border-left: 4px solid #8ba4bd; border-radius: var(--radius-sm); }
.version-comparison-change.added { border-left-color: var(--success); }
.version-comparison-change.removed { border-left-color: var(--danger); }
.version-comparison-change-header { min-width: 0; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: var(--space-2); margin-bottom: var(--space-3); }
.version-comparison-change-header h3 { margin: 0; overflow-wrap: anywhere; }
.version-comparison-change .badge.added { color: #14633a; background: var(--success-surface); }
.version-comparison-change .badge.removed { color: var(--danger); background: var(--danger-surface); }
.version-comparison-value { min-width: 0; display: grid; align-content: start; gap: var(--space-2); }
.version-comparison-value pre { min-width: 0; max-height: 20rem; margin: 0; padding: var(--space-3); overflow: auto; border-radius: var(--radius-sm); background: var(--surface-muted); color: var(--text); font: inherit; white-space: pre-wrap; overflow-wrap: anywhere; }
.version-comparison-text > span { white-space: pre-wrap; }
.version-diff-removed { color: #8b1e2d; background: #ffe1e5; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.version-diff-added { color: #125f38; background: #dff5e8; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.version-comparison-full-text { min-width: 0; border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--surface); }
.version-comparison-full-text > summary { padding: var(--space-2) var(--space-3); color: var(--primary); font-weight: 650; cursor: pointer; }
.version-comparison-full-text > pre { max-height: 30rem; border-top: 1px solid var(--border); border-radius: 0 0 var(--radius-sm) var(--radius-sm); }
.version-drawer-metadata { min-width: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-2); margin-bottom: var(--space-4); }
.version-metadata-item { min-width: 0; display: grid; gap: var(--space-1); padding: var(--space-3); border-radius: var(--radius-sm); background: var(--surface-muted); }
.version-disclosure-stack { min-width: 0; display: grid; gap: var(--space-3); }
.version-disclosure { min-width: 0; border: 1px solid var(--border); border-radius: var(--radius-sm); }
.version-disclosure > summary { min-width: 0; padding: var(--space-3); cursor: pointer; font-weight: 700; overflow-wrap: anywhere; }
.version-disclosure-body { min-width: 0; display: grid; gap: var(--space-3); padding: var(--space-3); border-top: 1px solid var(--border); }
.immutable-field { min-width: 0; }
.immutable-field h3 { margin: 0 0 var(--space-1); font-size: var(--font-meta); color: var(--muted); }
.immutable-value { min-width: 0; margin: 0; padding: var(--space-3); border-radius: var(--radius-sm); background: var(--surface-muted); overflow-wrap: anywhere; }
pre.immutable-value { max-width: 100%; white-space: pre-wrap; word-break: break-word; font: inherit; }
.immutable-policy, .immutable-list-group { min-width: 0; display: grid; gap: var(--space-3); }
.immutable-list, .immutable-rule-list { min-width: 0; display: grid; gap: var(--space-2); margin: 0; padding-left: 1.5rem; }
.immutable-rule { min-width: 0; padding: var(--space-3); border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--surface-muted); }
.immutable-rule .immutable-value { background: var(--surface); }
.empty { max-width: 100%; padding: 2rem 1rem; text-align: center; color: var(--muted); overflow-wrap: anywhere; }
.readonly { background: #f8fafc !important; }
pre.readonly { max-width: 100%; white-space: pre-wrap; overflow-wrap: anywhere; padding: 0.8rem; border-radius: var(--radius-sm); }
dialog { width: min(calc(100vw - 2rem), 48rem); max-width: calc(100vw - 2rem); max-height: 90vh; overflow: auto; border-radius: var(--radius-lg); padding: 1.25rem; color: var(--text); }
dialog::backdrop { background: rgb(12 25 43 / 55%); }
.dialog-fallback { position: fixed; inset: 5vh 1rem auto; z-index: 10; display: block; }
.admin-modal { width: min(calc(100vw - 2rem), 38rem); padding: 0; overflow: hidden; }
.admin-modal-form { min-width: 0; max-height: 90vh; display: grid; grid-template-rows: auto minmax(0, 1fr) auto auto; overflow: hidden; }
.admin-modal-header { min-width: 0; padding: var(--space-4) var(--space-4) 0; }
.admin-modal-header h2 { margin: 0; overflow-wrap: anywhere; }
.admin-modal-description { min-width: 0; margin: 0; overflow-wrap: anywhere; }
.admin-modal-body { min-width: 0; overflow: auto; overscroll-behavior: contain; padding: var(--space-4); }
.admin-modal-error { margin: 0 var(--space-4) var(--space-3); }
.admin-modal-actions { min-width: 0; padding: var(--space-3) var(--space-4) var(--space-4); border-top: 1px solid var(--border); background: var(--surface); }
.admin-modal-actions button { min-width: 7.5rem; }
.create-profile-fields { min-width: 0; }
.create-profile-fields > .field, .create-profile-fields > div { min-width: 0; }
.admin-modal[aria-busy="true"] .admin-modal-body { opacity: 0.78; }
.openline-version-picker { min-width: 0; display: grid; gap: var(--space-3); }
.openline-version-picker .field { margin: 0; }
.openline-version-picker-status { min-height: 1.4em; margin: 0; }
.openline-version-picker-status.error-text { color: var(--danger); }
.openline-version-picker-list { min-width: 0; display: grid; gap: var(--space-2); }
.openline-version-picker-item { min-width: 0; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: start; gap: var(--space-3); padding: var(--space-3); border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--surface); cursor: pointer; }
.openline-version-picker-item:hover { border-color: var(--primary); background: var(--primary-soft); }
.openline-version-picker-item.selected { border-color: var(--primary); box-shadow: 0 0 0 1px var(--primary); background: var(--primary-soft); }
.openline-version-picker-item input { margin-top: 0.25rem; }
.openline-version-picker-copy { min-width: 0; display: grid; gap: var(--space-1); }
.openline-version-picker-title { min-width: 0; display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); }
.openline-version-picker-copy small, .openline-version-picker-note { overflow-wrap: anywhere; }
.openline-version-picker-note { line-height: var(--line-secondary); }
.openline-version-picker-more { justify-self: start; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.eyebrow { display: inline-block; color: var(--primary); font-size: var(--font-micro); font-weight: 500; letter-spacing: 0.07em; }
.home-panel { padding: clamp(1rem, 3vw, 2rem); background: linear-gradient(145deg, #fff 0%, #f8fbff 100%); }
.control-dashboard { min-width: 0; display: grid; gap: var(--space-6); }
.control-dashboard-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: var(--space-4); }
.control-dashboard-heading > div { min-width: 0; max-width: 52rem; }
.control-dashboard-heading h1 { margin: var(--space-2) 0 var(--space-2); font-size: clamp(2rem, 4vw, 2.8rem); letter-spacing: -0.03em; }
.control-dashboard-heading p { margin: 0; color: var(--muted); font-size: 1.02rem; line-height: 1.55; }
.dashboard-attention-toggle { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; gap: var(--space-2); min-height: 2.75rem; }
.dashboard-attention-toggle[aria-pressed="true"] { border-color: var(--warning-border); background: var(--warning-surface); color: var(--warning-text); }
.dashboard-attention-count { display: inline-grid; place-items: center; min-width: 1.65rem; min-height: 1.65rem; padding: 0 0.4rem; border-radius: 999px; background: var(--surface-muted); color: var(--muted-strong); font-size: var(--font-micro); font-weight: 500; }
.dashboard-attention-toggle[aria-pressed="true"] .dashboard-attention-count { background: #fff; color: var(--warning-text); }
.control-dashboard-grid { min-width: 0; display: grid; align-items: start; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); }
.control-dashboard-tile { min-width: 0; min-height: 0; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); padding: clamp(1.15rem, 2.5vw, 1.75rem); border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--surface); box-shadow: 0 10px 26px rgb(31 52 78 / 7%); }
.dashboard-default-warning { width: 100%; display: grid; gap: var(--space-2); padding: var(--space-3); border-radius: var(--radius-sm); background: var(--warning-surface); }
.dashboard-default-warning button { justify-self: start; }
.badge.openline-unsaved { background: var(--accent-soft); color: #46369b; border: 1px solid #c4b8ed; border-radius: var(--radius-sm); }
.control-dashboard-tile.openlines { border-color: #8db9e2; background: linear-gradient(145deg, #f8fcff 0%, var(--primary-soft) 100%); box-shadow: 0 12px 28px rgb(23 104 179 / 12%); }
.control-dashboard-tile.analytics { border-color: #b8a6e8; background: linear-gradient(145deg, #fff 0%, #f3f0ff 100%); }
.control-dashboard-tile.conversations { border-color: #85c9bc; background: linear-gradient(145deg, #fff 0%, #eefaf7 100%); }
.control-dashboard-tile.attention { border-color: #e4c56f; background: linear-gradient(145deg, #fffdf7 0%, var(--warning-surface) 100%); }
.control-dashboard-tile.create { background: linear-gradient(145deg, #fff 0%, #f3f0ff 100%); }
.control-dashboard-tile.profiles { grid-column: 1 / -1; min-height: 0; background: linear-gradient(145deg, #fff 0%, #f7faff 100%); }
.control-dashboard-tile.profiles.attention { background: linear-gradient(145deg, #fffdf7 0%, var(--warning-surface) 100%); }
.dashboard-attention-empty { grid-column: 1 / -1; display: grid; justify-items: center; gap: var(--space-3); padding: clamp(2rem, 7vw, 4.5rem); border: 1px dashed #99c9ad; border-radius: var(--radius-lg); background: var(--success-surface); text-align: center; }
.dashboard-attention-empty h2, .dashboard-attention-empty p { margin: 0; }
.dashboard-attention-empty p { max-width: 44rem; color: var(--muted-strong); }
.dashboard-attention-empty-mark { display: grid; place-items: center; width: 3rem; height: 3rem; border-radius: 50%; background: #fff; color: var(--success); font-size: 1.5rem; font-weight: 700; }

.conversation-panel { padding: clamp(18px, 2.5vw, 34px); }
.conversation-journal { display: grid; gap: 24px; min-width: 0; font-weight: 400; }
.workspace-section-heading { display: grid; gap: 8px; }
.workspace-section-heading h1 { margin: 0; font-size: clamp(1.65rem, 3vw, 2.25rem); }
.workspace-section-heading p { max-width: 78ch; margin: 0; color: var(--muted); line-height: 1.55; }
.conversation-journal-heading { grid-template-columns: minmax(0, 1fr) auto; }
.conversation-journal-heading > :not(button) { grid-column: 1; }
.conversation-journal-heading > button { grid-column: 2; grid-row: 1 / span 3; align-self: start; }
.conversation-filters {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: end;
  gap: 14px;
  padding: 18px;
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface-soft);
}
.conversation-filter-field { display: grid; gap: 7px; min-width: 0; font-weight: 600; }
.conversation-filter-field small { color: var(--muted); font-weight: 400; line-height: 1.4; }
.conversation-filter-field select,
.conversation-filter-field textarea { width: 100%; font-weight: 400; }
.conversation-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.conversation-metric {
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 16px;
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  background: #fff;
}
.conversation-metric span { color: var(--muted); font-size: var(--font-meta); line-height: var(--line-secondary); }
.conversation-metric strong { overflow-wrap: anywhere; font-size: 1.12rem; font-weight: 600; }
.conversation-list { display: grid; gap: 14px; }
.conversation-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px 22px;
  padding: 20px;
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  background: #fff;
  box-shadow: var(--shadow-sm);
}
.conversation-card-header { grid-column: 1 / -1; display: flex; justify-content: space-between; gap: 16px; }
.conversation-card-header h2 { margin: 0 0 4px; font-size: 1.08rem; font-weight: 600; }
.conversation-card-header p { margin: 0; }
.conversation-badges { display: flex; flex-wrap: wrap; justify-content: flex-end; align-content: start; gap: 7px; }
.conversation-badge { padding: 5px 9px; border-radius: 999px; background: var(--surface-soft); color: var(--muted-strong); font-size: var(--font-micro); font-weight: 600; }
.conversation-badge.active { background: var(--success-surface); color: var(--success-text); }
.conversation-badge.handoff { background: var(--primary-soft); color: var(--primary-strong); }
.conversation-badge.manager { background: #f1efff; color: #57449d; }
.conversation-badge.danger { background: var(--danger-surface); color: var(--danger-text); }
.conversation-badge.warning { background: var(--warning-surface); color: var(--warning-text); }
.conversation-badge.success { background: var(--success-surface); color: var(--success-text); }
.conversation-facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 0; }
.conversation-facts div { display: grid; gap: 4px; min-width: 0; }
.conversation-facts dt { color: var(--muted); font-size: var(--font-meta); line-height: var(--line-secondary); }
.conversation-facts dd { margin: 0; overflow-wrap: anywhere; font-weight: 500; }
.conversation-card > button { align-self: end; }
.conversation-state { margin: 0; padding: 28px; border: 1px dashed var(--border); border-radius: var(--radius-lg); text-align: center; color: var(--muted); }
.conversation-state.error { border-color: var(--danger-border); background: var(--danger-surface); color: var(--danger-text); }
.conversation-load-more { justify-self: center; min-width: 180px; }
.conversation-drawer {
  width: min(88rem, calc(100vw - 2rem));
  max-width: calc(100vw - 2rem);
  height: min(56rem, calc(100dvh - 2rem));
  max-height: calc(100dvh - 2rem);
  margin: auto;
  padding: 0;
  border: 0;
  border-radius: var(--radius-xl);
  background: #fff;
  box-shadow: 0 28px 80px rgb(14 42 74 / 32%);
}
.conversation-drawer::backdrop { background: rgb(9 24 44 / 58%); }
.conversation-drawer-header {
  position: sticky;
  z-index: 2;
  top: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  padding: 18px 22px;
  border-bottom: 1px solid var(--border);
  background: #fff;
}
.conversation-drawer-header h1 { margin: 0; font-size: 1.35rem; font-weight: 600; }
.conversation-drawer-body { display: grid; gap: 24px; padding: 22px; }
.conversation-detail-overview { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.conversation-transcript { display: grid; gap: 12px; }
.conversation-transcript h2 { margin: 0; }
.conversation-message { display: grid; gap: 7px; max-width: 82%; padding: 13px 15px; border-radius: 14px; }
.conversation-message.inbound { justify-self: start; background: var(--primary-soft); border-bottom-left-radius: 4px; }
.conversation-message.outbound { justify-self: end; background: var(--surface-soft); border-bottom-right-radius: 4px; }
.conversation-message-meta { color: var(--muted); font-size: var(--font-meta); line-height: var(--line-secondary); }
.conversation-message pre { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; font: inherit; line-height: 1.5; }
.conversation-notice { padding: 10px 12px; border-radius: var(--radius-md); background: var(--warning-surface); color: var(--warning-text); }
.conversation-diagnostics { margin: 16px 0; padding: 16px; border: 1px solid var(--border); border-radius: var(--radius-md); }
.conversation-diagnostics > input { max-width: 100%; margin: 0 8px 8px 0; }
.conversation-diagnostics .conversation-operation-card { margin-top: 12px; overflow-wrap: anywhere; }
.conversation-technical { border: 1px solid var(--border); border-radius: var(--radius-lg); }
.conversation-technical > summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  padding: 15px 17px;
  font-weight: 600;
}
.conversation-technical > summary small { color: var(--muted-strong); font-size: var(--font-meta); font-weight: 500; }
.conversation-technical-content { display: grid; gap: 18px; padding: 0 17px 17px; }
.conversation-technical-overview {
  display: grid;
  gap: 8px;
  padding: 14px 16px;
  border-radius: var(--radius-md);
  background: var(--primary-soft);
}
.conversation-technical-overview.error {
  border-left: 3px solid var(--danger);
  background: var(--danger-surface);
}
.conversation-technical-overview h3,
.conversation-technical-overview p,
.conversation-technical-timeline h3,
.conversation-technical-group h3 { margin: 0; }
.conversation-technical-overview p { color: var(--muted-strong); line-height: 1.55; }
.conversation-technical-session { color: var(--text) !important; font-weight: 600; }
.conversation-technical-timeline { display: grid; gap: 10px; }
.conversation-timeline {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  background: var(--surface);
  list-style: none;
  overflow: hidden;
}
.conversation-timeline > li {
  display: grid;
  grid-template-columns: minmax(8rem, .7fr) minmax(10rem, 1fr) minmax(14rem, 2fr);
  gap: 12px;
  align-items: center;
  padding: 11px 13px;
  border-bottom: 1px solid var(--border);
}
.conversation-timeline > li:last-child { border-bottom: 0; }
.conversation-timeline time { color: var(--muted-strong); font-size: var(--font-meta); }
.conversation-timeline-result { color: var(--muted-strong); line-height: 1.45; }
.conversation-timeline-result.success { color: var(--success-text); }
.conversation-timeline-result.warning { color: var(--warning-text); }
.conversation-timeline-result.danger { color: var(--danger); font-weight: 600; }
.conversation-technical-advanced {
  border-top: 1px solid var(--border);
  padding-top: 4px;
}
.conversation-technical-advanced > summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  min-height: 44px;
  cursor: pointer;
  font-weight: 600;
}
.conversation-technical-advanced > summary small {
  color: var(--muted-strong);
  font-size: var(--font-meta);
  font-weight: 400;
}
.conversation-technical-advanced-content { display: grid; gap: 18px; padding-top: 12px; }
.conversation-technical-group { display: grid; gap: 10px; }
.conversation-operation-card {
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  background: var(--surface-soft);
}
.conversation-operation-card > header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}
.conversation-technical-facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 16px;
  margin: 0;
}
.conversation-technical-facts > div { min-width: 0; }
.conversation-technical-facts dt { color: var(--muted-strong); font-size: var(--font-meta); }
.conversation-technical-facts dd { margin: 3px 0 0; overflow-wrap: anywhere; }
.conversation-technical-facts code {
  display: block;
  width: fit-content;
  max-width: 100%;
  margin-top: 4px;
  padding: 2px 5px;
  overflow-wrap: anywhere;
  border-radius: 5px;
  background: #e9eef5;
  color: var(--muted-strong);
  font-size: var(--font-meta);
}
.conversation-operation-list { display: grid; gap: 8px; margin: 0; padding-left: 22px; color: var(--muted-strong); }
.conversation-operation-list > li { display: grid; gap: 8px; }
.conversation-requeue { display: grid; gap: 8px; margin-top: 10px; }
.conversation-requeue-start { justify-self: start; }
.conversation-requeue-confirm {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--warning-border, #e2b755);
  border-radius: var(--radius-md);
  background: var(--warning-soft, #fff7df);
  color: var(--text);
}
.conversation-requeue-confirm p,
.conversation-requeue-unavailable { margin: 0; }
.conversation-requeue-unavailable { color: var(--muted-strong); font-size: .9rem; }
.conversation-requeue-actions { display: flex; flex-wrap: wrap; gap: 8px; }
@media (max-width: 600px) {
  .conversation-technical > summary,
  .conversation-technical-advanced > summary { align-items: flex-start; flex-direction: column; }
  .conversation-timeline > li { grid-template-columns: minmax(0, 1fr); gap: 4px; }
  .conversation-technical-facts { grid-template-columns: 1fr; }
  .conversation-operation-card > header { align-items: flex-start; flex-direction: column; }
}
.conversation-resolution { display: grid; gap: 8px; }
.conversation-resolution-start { justify-self: start; color: var(--danger); border-color: var(--danger-border); background: var(--danger-surface); }
.conversation-resolution-confirm {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--danger-border);
  border-radius: var(--radius-md);
  background: var(--danger-surface);
  color: var(--text);
}
.conversation-resolution-confirm > p { margin: 0; }
.conversation-resolution-confirm label { display: grid; gap: 6px; }
.conversation-action-error { min-height: 1.2em; margin: 0; color: var(--danger-text); }

@media (max-width: 960px) {
  .conversation-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .conversation-summary-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .conversation-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .conversation-detail-overview { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 600px) {
  .conversation-panel { padding: 14px; }
  .conversation-journal-heading { grid-template-columns: minmax(0, 1fr); }
  .conversation-journal-heading > button { grid-column: 1; grid-row: auto; justify-self: start; }
  .conversation-filters,
  .conversation-summary-grid,
  .conversation-card { grid-template-columns: minmax(0, 1fr); }
  .conversation-card > button { grid-column: 1; width: 100%; }
  .conversation-card-header { display: grid; }
  .conversation-badges { justify-content: flex-start; }
  .conversation-facts,
  .conversation-detail-overview { grid-template-columns: minmax(0, 1fr); }
  .conversation-drawer { width: 100vw; max-width: none; height: 100dvh; max-height: none; border-radius: 0; }
  .conversation-message { max-width: 94%; }
}
.dashboard-tile-eyebrow { color: var(--muted); font-size: var(--font-micro); font-weight: 500; letter-spacing: 0.05em; text-transform: uppercase; }
.control-dashboard-tile h2 { margin: 0; font-size: 1.25rem; }
.dashboard-tile-value { font-size: clamp(1.25rem, 2.4vw, 1.65rem); line-height: 1.2; }
.control-dashboard-tile p { margin: 0; color: #425873; line-height: 1.5; }
.dashboard-tile-action { width: 100%; margin-top: auto; }
.dashboard-profile-header { width: 100%; min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); }
.dashboard-profile-header p { flex: 1 1 auto; }
.dashboard-profile-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: var(--space-3); }
.dashboard-profile-create { white-space: nowrap; }
.dashboard-profile-filters { flex: 0 0 auto; display: flex; flex-wrap: wrap; gap: var(--space-2); }
.dashboard-profile-filters button[aria-pressed="true"] { border-color: var(--primary); background: var(--primary-soft); color: var(--primary); }
.dashboard-profile-list { width: 100%; min-width: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); margin: 0; padding: 0; list-style: none; }
.dashboard-profile-item { width: 100%; min-width: 0; min-height: 0; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: var(--space-2); padding: var(--space-3); text-align: left; background: var(--surface); }
.dashboard-profile-item > strong { min-width: 0; overflow-wrap: anywhere; }
.dashboard-profile-code { grid-column: 1 / -1; color: var(--muted); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: var(--font-meta); line-height: var(--line-secondary); }
.dashboard-profile-state { align-self: start; padding: 0.25rem 0.5rem; border-radius: 999px; background: var(--surface-muted); color: var(--muted); font-size: var(--font-micro); line-height: 1.4; white-space: nowrap; }
.dashboard-profile-state.active { background: var(--success-surface); color: var(--success); }
.dashboard-profile-state.archived { background: var(--danger-surface); color: var(--danger); }
.dashboard-profile-empty { width: 100%; padding: var(--space-4); border: 1px dashed var(--border); border-radius: var(--radius-md); background: var(--surface); text-align: center; }
.dashboard-profile-more { width: 100%; }
.profile-lines-link { margin-top: var(--space-2); color: var(--primary); text-align: left; }
.openline-search-controls { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr)); align-items: end; gap: var(--space-3); }
.openline-search-controls input, .openline-search-controls select { width: 100%; min-width: 0; padding: 0.5rem; }
.openline-routing-summary { min-width: 0; display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1.2fr); gap: var(--space-4); align-items: start; }

.openline-profile-link { min-height: 0; padding: 0; border: 0; background: transparent; color: var(--primary); text-decoration: underline; text-align: left; }
.create-step-number { display: inline-grid; place-items: center; width: 1.65rem; height: 1.65rem; border-radius: 50%; background: var(--accent-soft); color: var(--accent); font-size: var(--font-micro); font-weight: 800; }
.create-workspace { min-width: 0; display: flex; flex-direction: column; gap: var(--space-4); padding-bottom: var(--space-6); }
.create-workspace-header { padding: var(--space-5); border: 1px solid var(--border); border-radius: var(--radius-lg); background: linear-gradient(135deg, #fff 0%, #f5f2ff 100%); box-shadow: 0 10px 28px rgb(31 52 78 / 7%); }
.create-workspace-header h1 { margin: var(--space-2) 0; font-size: clamp(1.7rem, 4vw, 2.5rem); letter-spacing: -0.025em; }
.create-workspace-header p { max-width: 52rem; margin: 0; line-height: 1.55; }
.create-tabs .profile-tab { gap: var(--space-2); }
.create-workspace-panel { min-height: 25rem; }
.create-basics { border: 0; margin: 0; padding: 0; }
.setup-guide { margin-top: var(--space-5); padding: var(--space-4); border: 1px solid #b9d7f2; border-radius: var(--radius-md); background: var(--primary-soft); }
.setup-guide p { margin: var(--space-1) 0 0; color: #31506f; line-height: 1.5; }
.create-action-bar .actions { margin-left: auto; }
.knowledge-base-section { display: grid; gap: var(--space-5); }
.knowledge-base-section .section-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-4); }
.section-heading-copy { min-width: 0; }
.section-heading-copy h2 { margin-bottom: var(--space-1); }
.section-heading-copy p { margin: 0; max-width: 48rem; line-height: 1.5; }
.knowledge-count { flex: 0 0 auto; padding: 0.35rem 0.65rem; border-radius: 999px; background: var(--primary-soft); color: #31506f; font-size: var(--font-micro); font-weight: 700; }
.knowledge-empty { display: grid; gap: var(--space-2); padding: clamp(1.5rem, 5vw, 3rem); border: 1px dashed var(--border); border-radius: var(--radius-lg); background: var(--surface-muted); text-align: center; }
.knowledge-empty p { margin: 0; }
.knowledge-tools { display: grid; grid-template-columns: minmax(8rem, 12rem) minmax(0, 1fr); align-items: center; gap: var(--space-3); padding: var(--space-3); border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--surface-muted); }
.knowledge-tools label { font-weight: 700; }
.knowledge-bulk { display: grid; gap: var(--space-3); padding: var(--space-4); border: 1px solid #b9d7f2; border-radius: var(--radius-lg); background: var(--primary-soft); }
.knowledge-bulk-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-4); }
.knowledge-bulk-heading h3 { margin: 0 0 var(--space-1); }
.knowledge-bulk-heading p, .knowledge-bulk-status { margin: 0; }
.knowledge-bulk-count { flex: 0 0 auto; padding: 0.3rem 0.65rem; border-radius: 999px; background: var(--surface); color: #31506f; font-size: var(--font-meta); }
.knowledge-bulk-selection, .knowledge-bulk-state-actions { justify-content: flex-start; }
.knowledge-bulk-category { display: grid; grid-template-columns: minmax(12rem, 1fr) minmax(0, 2fr); align-items: end; gap: var(--space-2) var(--space-3); }
.knowledge-bulk-category label { grid-column: 1 / -1; font-weight: 700; }
.knowledge-bulk-category .actions { justify-content: flex-start; }
.knowledge-bulk-status { min-height: 1.4em; color: #31506f; }
.knowledge-list { min-width: 0; display: grid; gap: var(--space-4); margin: 0; padding: 0; list-style: none; }
.knowledge-card { min-width: 0; border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--surface); box-shadow: 0 8px 24px rgb(31 52 78 / 5%); overflow: clip; }
.knowledge-entry-disclosure { min-width: 0; }
.knowledge-entry-summary { min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); padding: var(--space-4); cursor: pointer; }
.knowledge-entry-summary:hover { background: var(--surface-muted); }
.knowledge-entry-summary:focus-visible { outline: 3px solid var(--focus); outline-offset: -3px; }
.knowledge-entry-summary-copy { min-width: 0; display: grid; gap: var(--space-1); }
.knowledge-entry-summary-copy strong, .knowledge-entry-summary-copy small { overflow-wrap: anywhere; }
.knowledge-entry-summary-copy small { color: var(--muted); line-height: 1.4; }
.knowledge-entry-disclosure[open] > .knowledge-entry-summary { border-bottom: 1px solid var(--border); background: var(--surface-muted); }
.knowledge-entry-body { min-width: 0; display: grid; grid-template-columns: minmax(10rem, 0.35fr) minmax(0, 0.65fr); gap: var(--space-4); padding: var(--space-4); }
.knowledge-card-header { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); padding-bottom: var(--space-3); border-bottom: 1px solid var(--border); }
.knowledge-card-toggles { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2) var(--space-4); }
.knowledge-select-field { padding: 0.35rem 0.6rem; border: 1px solid #b9d7f2; border-radius: var(--radius-sm); background: var(--primary-soft); }
.knowledge-card-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--space-2); }
.knowledge-entry-body > .managed-field:last-child { grid-column: 1 / -1; }

/* Единый заметный индикатор для всех раскрывающихся разделов. Справочные
   подсказки полей используют собственную иконку и намеренно исключены. */
details:not(.field-help) > summary {
  position: relative;
  padding-right: 3.5rem;
  list-style: none;
}
details:not(.field-help) > summary::-webkit-details-marker { display: none; }
details:not(.field-help) > summary::after {
  position: absolute;
  top: 50%;
  right: 1rem;
  width: 1.8rem;
  height: 1.8rem;
  display: grid;
  place-items: center;
  box-sizing: border-box;
  border: 2px solid #4c9de0;
  border-radius: 999px;
  background: #e8f4ff;
  color: #075fae;
  content: ">";
  font-size: 1.25rem;
  font-weight: 900;
  line-height: 1;
  transform: translateY(-50%);
  transform-origin: center;
  transition: transform 160ms ease, background-color 160ms ease, border-color 160ms ease;
}
details:not(.field-help)[open] > summary::after {
  border-color: var(--primary);
  background: #d9edff;
  transform: translateY(-50%) rotate(90deg);
}
details:not(.field-help) > summary:hover::after {
  border-color: var(--primary-strong);
  background: #cfe8ff;
}
.knowledge-card[hidden] { display: none; }

@media (max-width: 1120px) {
  .workspace { grid-template-columns: 15.5rem minmax(0, 1fr); }
  .policy-rule { grid-template-columns: 1fr; }
  .policy-rule > button { justify-self: start; margin-bottom: 0; }
  .model-limit-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rule-card { grid-template-columns: 1fr 1fr; }
  .version-lifecycle-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .system-metric-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 840px) {
  .workspace { grid-template-columns: minmax(0, 1fr); padding: var(--space-3); }
  .profile-rail { display: none; }
  .control-dashboard-heading { align-items: stretch; flex-direction: column; }
  .dashboard-attention-toggle { width: 100%; }
  .control-dashboard-grid { grid-template-columns: 1fr; }
  .dashboard-profile-list { grid-template-columns: 1fr; }
  .mobile-profile-selector { min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-2); padding: var(--space-3); border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--surface); }
  .grid-2 { grid-template-columns: 1fr; }
  .prompt-fields { grid-template-columns: 1fr; }
  .prompt-content-guide { grid-template-columns: 1fr; }
  .prompt-fields > .managed-field:nth-child(3) { grid-column: auto; }
  .profile-context { padding: var(--space-3); }
  .model-limit-grid, .rule-card { grid-template-columns: 1fr; }
  .version-drawer { width: 100vw; max-width: 100vw; border-radius: 0; }
  .version-comparison-dialog { width: 100vw; max-width: 100vw; height: 100dvh; max-height: 100dvh; border-radius: 0; }
  .test-chat-drawer { width: 100vw; max-width: 100vw; height: 100vh; max-height: 100vh; border-radius: 0; }
  .knowledge-entry-body { grid-template-columns: 1fr; }
  .knowledge-entry-body > .managed-field:last-child { grid-column: auto; }
  .system-metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 600px) {
  .login-shell { padding: var(--space-3); }
  .login-card { padding: var(--space-5); }
  .app-header { align-items: flex-start; flex-wrap: wrap; gap: var(--space-2); padding: 0.6rem var(--space-3); }
  .app-header > div:first-child { flex: 1 1 12rem; flex-wrap: wrap; }
  .app-home-button { flex-wrap: wrap; gap: var(--space-2); }
  .app-header .actions { flex: 1 1 100%; justify-content: flex-start; }
  .workspace { gap: var(--space-3); padding: var(--space-2); }
  .panel { padding: var(--space-3); }
  .home-panel { padding: var(--space-4); }
  .control-dashboard { gap: var(--space-5); }
  .control-dashboard-heading h1 { font-size: 2rem; }
  .control-dashboard-tile { min-height: 0; }
  .control-dashboard-tile.profiles { min-height: 0; }
  .dashboard-profile-header { align-items: stretch; flex-direction: column; }
  .dashboard-profile-actions { align-items: stretch; flex-direction: column; }
  .dashboard-profile-filters { display: grid; grid-template-columns: repeat(auto-fit, minmax(5rem, 1fr)); }
  .dashboard-profile-state { white-space: normal; overflow-wrap: anywhere; }
  .create-workspace-header { padding: var(--space-4); }
  .field-help-card,
  .prompt-fields > .managed-field:nth-child(even) .field-help-card,
  .overview-fields > .managed-field:nth-child(even) .field-help-card,
  .settings-grid > .managed-field:nth-child(even) .field-help-card { position: fixed; inset: auto 0.75rem 0.75rem; width: auto; max-height: 45vh; overflow: auto; }
  .overview-fields { grid-template-columns: 1fr; }
  .overview-fields > :nth-child(3) { grid-column: auto; }
  .danger-zone, .profile-clone-zone { align-items: stretch; flex-direction: column; padding: var(--space-3); }
  .danger-zone .danger-action { width: 100%; }
  .profile-clone-zone .clone-action { width: 100%; }
  .editor-group > summary { align-items: flex-start; padding: var(--space-3); }
  .summary-meta { max-width: 42%; }
  .editor-body { padding: 0.1rem var(--space-3) var(--space-3); }
  .textarea-short { min-height: 6rem !important; }
  .textarea-medium { min-height: 9rem !important; }
  .textarea-long { min-height: 13.75rem !important; }
  .profile-context { padding: 0.6rem; }
  .settings-group { padding: var(--space-3); }
  .model-provider-grid { grid-template-columns: 1fr; }
  .phrase-card { grid-template-columns: 1fr; }
  .phrase-card .compact-danger, .rule-card .compact-danger { width: 100%; }
  .change-log-item-header { flex-direction: column; gap: var(--space-1); }
  .change-log-item-header time { white-space: normal; }
  .profile-context-heading { gap: var(--space-2); }
  .profile-context h1 { margin-bottom: 0; font-size: 1.45rem; line-height: 1.05; letter-spacing: -0.015em; }
  .profile-context-code { line-height: 1.2; }
  .lifecycle-states { gap: var(--space-1); margin-top: var(--space-2); }
  .lifecycle-state { padding: 0.15rem 0.45rem; line-height: 1.2; }
  .mobile-profile-selector { grid-template-columns: minmax(0, 1fr); }
  .mobile-selector-actions button { flex: 1 1 9rem; }
  .toolbar { align-items: flex-start; }
  .toolbar .actions { width: 100%; }
  .version-card-actions { width: 100%; justify-content: stretch; }
  .version-card-actions button { flex: 1 1 10rem; }
  .version-preview-banner { align-items: stretch; padding: var(--space-3); }
  .version-preview-actions { width: 100%; justify-content: stretch; }
  .version-preview-actions button { flex: 1 1 10rem; }
  .version-action-explanation { text-align: left; }
  .version-lifecycle-summary, .version-change-note-panel, .version-publish-panel, .version-history { padding: var(--space-3); }
  .version-lifecycle-grid, .version-drawer-metadata { grid-template-columns: 1fr; }
  .version-publish-panel { align-items: stretch; flex-direction: column; }
  .version-change-note-panel { grid-template-columns: 1fr; }
  .version-publish-panel button { width: 100%; }
  .version-drawer-header, .version-drawer-body { padding: var(--space-3); }
  .version-comparison-header, .version-comparison-body { padding: var(--space-3); }
  .version-comparison-headers, .version-comparison-values { grid-template-columns: 1fr; }
  .version-comparison-toolbar { align-items: stretch; }
  .version-comparison-toolbar .actions, .version-comparison-toolbar button { width: 100%; }
  .status-region { display: grid; gap: var(--space-2); }
  .status-region button { width: 100%; margin-left: 0; }
  .actions.end button { flex: 1 1 9rem; }
  .context-action-bar { display: grid; grid-template-columns: minmax(0, 1fr) minmax(7rem, auto); padding: 0.6rem var(--space-2); }
  .create-action-bar { display: flex; flex-direction: column; align-items: stretch; }
  .create-action-bar .action-state { display: none; }
  .create-action-bar .actions { width: 100%; display: grid; grid-template-columns: 1fr; margin-left: 0; }
  .create-action-bar .actions button { width: 100%; }
  .context-action-bar .action-save { width: 100%; padding-inline: var(--space-2); }
  .context-action-bar .label-full { display: none; }
  .context-action-bar .label-compact { display: inline; }
  .action-state { font-size: 0.88rem; }
  .lifecycle-state { border-radius: var(--radius-sm); }
  dialog { width: calc(100vw - 1rem); max-width: calc(100vw - 1rem); padding: var(--space-4); }
  .admin-modal { width: calc(100vw - 1rem); max-width: calc(100vw - 1rem); max-height: calc(100dvh - 1rem); padding: 0; }
  .admin-modal-form { max-height: calc(100dvh - 1rem); }
  .admin-modal-header { padding: var(--space-3) var(--space-3) 0; }
  .admin-modal-body { padding: var(--space-3); }
  .admin-modal-error { margin-inline: var(--space-3); }
  .admin-modal-actions { display: grid; grid-template-columns: 1fr; padding: var(--space-3); }
  .admin-modal-actions button { width: 100%; }
  .knowledge-base-section .section-heading, .knowledge-card-header { align-items: stretch; flex-direction: column; }
  .knowledge-bulk-heading { align-items: stretch; flex-direction: column; }
  .knowledge-bulk-count { align-self: flex-start; }
  .knowledge-bulk-category { grid-template-columns: 1fr; }
  .knowledge-bulk-category label { grid-column: auto; }
  .knowledge-bulk-category .actions { display: grid; grid-template-columns: 1fr; }
  .knowledge-bulk-category .actions button { width: 100%; }
  .knowledge-bulk-selection, .knowledge-bulk-state-actions { display: grid; grid-template-columns: 1fr; }
  .knowledge-bulk-selection button, .knowledge-bulk-state-actions button { width: 100%; }
  .knowledge-count { align-self: flex-start; }
  .knowledge-tools { grid-template-columns: 1fr; }
  .knowledge-entry-summary, .knowledge-entry-body { padding: var(--space-3); }
  .knowledge-entry-summary { align-items: flex-start; }
  .knowledge-entry-summary .summary-meta { max-width: 45%; }
  .knowledge-card-actions { display: grid; grid-template-columns: 1fr 1fr; }
  .knowledge-card-actions .knowledge-duplicate-action { grid-column: 1 / -1; }
  .knowledge-card-actions .danger { grid-column: 1 / -1; }
  .system-card-grid.two-columns, .system-metric-grid, .analytics-summary-grid, .analytics-model-grid, .analytics-performance-grid, .analytics-queue-grid { grid-template-columns: 1fr; }
  .activity-alert-grid { grid-template-columns: 1fr; }
  .activity-alert-actions { align-items: stretch; flex-direction: column; }
  .analytics-token-grid { grid-template-columns: 1fr; }
  .analytics-token-metric, .analytics-token-metric:nth-child(3n), .analytics-token-metric:nth-last-child(-n + 3) { border-right: 0; border-bottom: 1px solid var(--border); }
  .analytics-token-metric:last-child { border-bottom: 0; }
  .openline-summary, .openline-list { grid-template-columns: 1fr; }
  .openline-disclosure-summary { align-items: flex-start; gap: var(--space-2); }
  .openline-disclosure-meta { white-space: normal; }
  .openline-heading { align-items: stretch; }
  .openline-refresh { width: 100%; }
  .openline-help-popover { position: fixed; inset: 4.75rem 1rem auto; width: auto; max-height: calc(100dvh - 6rem); overflow: auto; }
  .openline-actions { position: static; align-items: stretch; flex-direction: column; }
  .openline-save-state { flex: 0 0 auto; align-content: start; }
  .openline-save { width: 100%; }
  .lead-automation-master, .lead-automation-route { padding: var(--space-4); }
  .lead-automation-route-heading { align-items: stretch; flex-direction: column; }
  .lead-automation-route-heading > .badge { align-self: flex-start; }
  .lead-automation-checklist, .lead-automation-essential { grid-template-columns: minmax(0, 1fr); }
  .lead-automation-actions { position: static; padding: 0; border: 0; box-shadow: none; backdrop-filter: none; }
  .lead-automation-actions button { width: 100%; }
  .system-heading { align-items: stretch; }
  .system-refresh { width: 100%; }
  .system-attention-action { align-items: stretch; flex-direction: column; }
  .system-attention-link { width: 100%; }
  .analytics-heading { align-items: stretch; }
  .analytics-refresh { width: 100%; }
  .analytics-subnav { align-items: stretch; flex-direction: column; gap: var(--space-1); }
  .analytics-subnav-links { width: 100%; }
  .analytics-period-selector { width: 100%; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .system-health { padding: var(--space-4); }
  .system-definitions { grid-template-columns: minmax(0, 1fr); }
  .system-definitions dt { padding-bottom: 0.1rem; border-bottom: 0; }
  .system-definitions dd { padding-top: 0.1rem; text-align: left; }
}

@media (max-width: 360px) {
  .app-header > div:first-child { flex-basis: 10rem; }
  .app-header .actions button { padding-inline: 0.5rem; }
  .context-action-bar { grid-template-columns: minmax(0, 1fr) minmax(6.5rem, auto); padding-block: 0.35rem; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* Open lines: saved routing stays visible, editing is disclosed per line. */
.openline-columns { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 2fr) minmax(0, 1.2fr) minmax(0, 1.5fr); gap: var(--space-4); padding: 0 var(--space-4); color: var(--muted); font-size: var(--font-meta); }
.openline-row { min-width: 0; display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3.2fr) minmax(0, 1.5fr); align-items: start; gap: var(--space-4); }
.openline-expand { color: var(--primary); }
.openline-profile-cell, .openline-version-cell { min-width: 0; display: grid; gap: var(--space-1); }
.openline-profile-cell small { color: var(--muted); }
.openline-mobile-label { display: none; }
.openline-settings-body { display: grid; gap: var(--space-3); padding-top: var(--space-4); border-top: 1px solid var(--border); }
.openline-settings-body[hidden] { display: none; }
.form-guide { margin-block: var(--space-3); padding: var(--space-3); border: 1px solid var(--border); border-radius: var(--radius-sm); }
.form-guide > summary { cursor: pointer; color: var(--muted); }
.form-guide p { margin-bottom: 0; }
@media (max-width: 1100px) {
  .openline-columns { display: none; }
  .openline-row { grid-template-columns: minmax(0, 1fr); }
  .openline-mobile-label { display: block; color: var(--muted); }
}

@media (max-width: 480px) {
  .openline-routing-summary { grid-template-columns: minmax(0, 1fr); }
}
/* Balance is independent of the analytics period and usage-source filters. */
.balance-summary { margin: 1rem 0; }
.balance-summary > a { display: inline-block; margin: .75rem; }
.balance-values { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.balance-values > div { padding: 1rem; background: #f5f9ff; border: 1px solid #dce6f2; border-radius: .75rem; }
.balance-values dt { color: #466080; font-size: .9rem; }
.balance-values dd { margin: .5rem 0 0; font-size: 1.65rem; font-weight: 600; }
.balance-delivery { margin: 1rem 0; padding: 1rem; border-left: 3px solid #216aba; background: #f5f9ff; }
@media (max-width: 700px) { .balance-values { grid-template-columns: 1fr; gap: .5rem; } }

/* Shared visual finish; existing workspaces and responsive layouts stay intact. */
button {
  transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}
button:hover:not(:disabled) { background-color: var(--surface-muted); }
button.primary { box-shadow: 0 3px 8px rgb(9 105 218 / 12%); }
button.primary:hover:not(:disabled) { background-color: var(--primary-hover); }
button.danger:hover:not(:disabled) { background-color: var(--danger-surface); }
input, textarea, select { accent-color: var(--primary); }
input:not([type="checkbox"]):not([type="radio"]), textarea, select {
  transition: border-color 160ms ease, box-shadow 160ms ease;
}
input:not([type="checkbox"]):not([type="radio"]):focus,
textarea:focus, select:focus { box-shadow: 0 0 0 3px rgb(9 105 218 / 10%); }
input[aria-invalid="true"]:focus, textarea[aria-invalid="true"]:focus {
  box-shadow: 0 0 0 3px rgb(146 44 59 / 12%);
}
h1, h2, h3 { letter-spacing: -0.025em; }
h1 { font-weight: 700; }

.app-header {
  min-height: 4.5rem;
  padding-block: 0.9rem;
  background: var(--surface);
  color: var(--text);
  border-bottom: 1px solid var(--border);
}
.app-header .brand { color: var(--text); letter-spacing: 0.035em; }
.app-header button { color: var(--muted); border-color: var(--border); }
.app-header .actions button { padding: 0.5rem 0.8rem; font-size: var(--font-meta); }
.app-home-button strong { padding-left: var(--space-3); border-left: 1px solid var(--border); font-weight: 400; }
.app-home-button:hover,
.app-home-button[aria-current="page"] { background: var(--surface-muted); }
.app-home-button:hover { border-color: var(--border) !important; }
.app-home-button::before {
  content: "";
  flex: 0 0 auto;
  width: 2rem;
  height: 2rem;
  border-radius: 0.6rem;
  background: linear-gradient(135deg, #62bcff 0% 32%, var(--primary) 32% 66%, #075bbf 66%);
}
.panel, .profile-context, .control-dashboard-tile { box-shadow: var(--shadow-card); }
.profile-context { background: var(--surface); }
.home-panel { border-color: transparent; background: transparent; box-shadow: none; }
.control-dashboard-heading h1 { font-size: clamp(2rem, 3vw, 2.5rem); }
.control-dashboard-heading .brand { font-size: var(--font-micro); letter-spacing: 0.12em; }
.control-dashboard-heading p { font-size: var(--font-secondary); }
.dashboard-attention-toggle { font-size: var(--font-meta); }

.workspace-navigation {
  margin: 0;
  padding: var(--space-5) var(--space-4);
  border: 0;
  border-radius: inherit;
  background: var(--surface);
  gap: var(--space-5);
}
.workspace-navigation .profile-rail-section-heading { gap: var(--space-2); padding-inline: var(--space-2); }
.workspace-navigation .profile-rail-section-heading h3 { font-size: var(--font-micro); letter-spacing: 0.04em; }
.workspace-navigation-actions { gap: var(--space-2); }
.workspace-navigation-button {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  min-height: 3rem;
  padding: 0.7rem 0.85rem;
  border-color: transparent;
  color: var(--muted);
  font-size: var(--font-secondary);
}
.workspace-navigation-button:hover:not(:disabled) { border-color: transparent; background: var(--surface-muted); color: var(--primary); }
.workspace-navigation-button[aria-current="page"] {
  border-color: transparent;
  background: var(--primary-soft);
  color: var(--primary);
  box-shadow: none;
}
.workspace-navigation-icon { flex: 0 0 auto; width: 1.3rem; height: 1.3rem; overflow: visible; }
.mobile-navigation-button { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-2); }

.control-dashboard-tile.openlines,
.control-dashboard-tile.analytics,
.control-dashboard-tile.conversations,
.control-dashboard-tile.create,
.control-dashboard-tile.profiles {
  border-color: var(--border);
  background: var(--surface);
  box-shadow: var(--shadow-card);
}
.control-dashboard-tile.openlines { background: var(--primary-soft); }
.control-dashboard-tile.attention,
.control-dashboard-tile.profiles.attention { border-color: #e9d5a3; background: #fffcf5; }
.dashboard-tile-eyebrow { letter-spacing: 0.07em; }
.dashboard-tile-value { font-weight: 700; letter-spacing: -0.025em; }
.control-dashboard-tile p { color: var(--muted); font-size: var(--font-secondary); }
.dashboard-profile-item { border-radius: var(--radius-md); background: var(--surface-muted); }
.dashboard-profile-item:hover:not(:disabled) { background: var(--primary-soft); }
.dashboard-profile-item > strong { font-weight: 600; }
.dashboard-profile-filters { gap: var(--space-1); padding: var(--space-1); border-radius: var(--radius-md); background: var(--surface-muted); }
.dashboard-profile-filters button { border-color: transparent; background: transparent; }
.dashboard-profile-filters button[aria-pressed="true"] { border-color: var(--border); background: var(--surface); box-shadow: var(--shadow-card); }

.analytics-summary-card, .analytics-queue-card,
.system-card, .system-metric, .openline-summary-card {
  background: var(--surface);
  box-shadow: var(--shadow-card);
}
.analytics-performance-card.attention, .analytics-queue-card.attention,
.system-metric.attention { background: var(--warning-surface); }
.analytics-subnav, .context-action-bar { box-shadow: 0 3px 12px rgb(16 44 74 / 5%); }
.tabs-wrap { box-shadow: var(--shadow-card); }
.profile-tab { min-height: 3.1rem; padding-inline: 1rem; }
.profile-tab:hover:not(:disabled) { background: var(--surface-muted); }
.profile-tab.active { background: var(--primary-soft); }
details:not(.field-help) > summary::after { border-color: #b5c8df; background: var(--surface-muted); color: var(--primary); }
details:not(.field-help)[open] > summary::after { border-color: #91b8ec; background: var(--primary-soft); }
.test-chat-header, .create-workspace-header { background: var(--surface); }
.test-chat-transcript { background: var(--surface-muted); }
.test-chat-message { box-shadow: var(--shadow-card); }
.test-chat-message.user { background: var(--primary-soft); border-color: #c5dafa; }
.balance-values > div { background: var(--surface-muted); border-color: var(--border); border-radius: var(--radius-md); }
.balance-values dd { color: var(--text); font-weight: 700; font-variant-numeric: tabular-nums; letter-spacing: -0.025em; }
.login-card { box-shadow: 0 16px 48px rgb(16 44 74 / 7%); }
.login-shell { background: radial-gradient(ellipse at 50% 0%, #e8f1ff, transparent 65%); }
dialog::backdrop, .test-chat-drawer::backdrop, .conversation-drawer::backdrop { background: rgb(16 35 58 / 35%); backdrop-filter: blur(4px); }

/* Readability and hierarchy across the existing screens. */
button { border-color: var(--border); padding: 0.6rem 0.9rem; }
button:disabled { opacity: 0.7; }
button:active:not(:disabled) { box-shadow: inset 0 1px 3px rgb(16 44 74 / 12%); }
button.primary { min-height: 2.6rem; }
:focus-visible { outline-width: 2px; outline-offset: 3px; }
.app-header .actions button { background: var(--surface-muted); }
.section-heading h2, .system-group > h2, .analytics-group > h2 { font-size: 1.3rem; }
.section-heading p, .revision-note { line-height: 1.65; }
.profile-context-code, .profile-code, .dashboard-profile-code,
.version-card-meta { color: var(--muted); }
.dashboard-tile-value, .system-metric strong, .conversation-metric strong {
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.025em;
}
.dashboard-profile-item { border-color: var(--border); box-shadow: none; padding: var(--space-4); }
.dashboard-profile-item:hover:not(:disabled) { border-color: #91b8ec; }
.dashboard-tile-action:not(.primary) { background: var(--surface-muted); color: var(--primary-strong); }

.field { gap: 0.55rem; }
.field-label { line-height: 1.5; }
.field input, .field select, .compact-field select,
.conversation-filter-field input, .conversation-filter-field select {
  padding: 0.7rem 0.8rem;
  min-height: 2.7rem;
}
.field textarea { padding: 0.85rem 0.9rem; line-height: 1.7; }
.field-hint, .field-error, .checkbox-hint { line-height: 1.6; }
.field-counter { font-variant-numeric: tabular-nums; }
.settings-group { border: 0; background: var(--surface-muted); }
.settings-group legend { padding: 0; margin-bottom: var(--space-2); font-size: 1.05rem; }
.handoff-policy { border-color: transparent; background: var(--surface-muted); }
.policy-card { border-color: transparent; background: var(--surface); }
.prompt-content-guide { border-color: transparent; background: var(--surface-muted); }
.prompt-content-guide-item { border-color: transparent; }
.editor-body { border-top-color: var(--border); }
.editor-group[open] > summary { background: var(--surface-muted); border-radius: var(--radius-md) var(--radius-md) 0 0; }
.knowledge-card { box-shadow: none; }
.model-selection-summary { border-color: transparent; }
.model-selection-summary.cost-warning { border-color: var(--warning-border); }
.readonly-value, .immutable-value { line-height: 1.7; }

.badge, .conversation-badge, .dashboard-profile-state,
.test-chat-badge, .analytics-sla-badge {
  border-radius: 999px;
  padding: 0.25rem 0.65rem;
  font-size: var(--font-micro);
  font-weight: 500;
  line-height: 1.45;
}
.badge.active { background: var(--success-surface); color: var(--success); }
.badge.archived { background: var(--surface-muted); color: var(--muted); }
.openline-badges .badge.archived { background: var(--danger-surface); color: var(--danger); }
.badge.draft { background: var(--warning-surface); color: var(--warning); }
.badges { border-top: 0; }
.version-card { border-radius: var(--radius-md); padding: var(--space-4); }
.version-lifecycle-summary, .version-change-note-panel, .version-publish-panel {
  border-color: transparent;
  background: var(--surface-muted);
}
.conversation-message pre { line-height: 1.7; }
.context-action-bar, .openline-actions, .analytics-subnav {
  border-color: var(--border);
  box-shadow: 0 4px 16px rgb(16 44 74 / 6%);
}
.openline-filter { border-color: var(--border); }
.workspace-navigation-button[aria-current="page"] { font-weight: 600; }
.mobile-selector-actions button {
  min-height: 2.65rem;
  border-color: transparent;
  background: var(--surface-muted);
  color: var(--muted);
  font-weight: 500;
}
.mobile-selector-actions button[aria-current="page"] {
  background: var(--primary-soft);
  color: var(--primary);
  font-weight: 600;
  box-shadow: inset 3px 0 0 var(--primary);
}
.mobile-selector-actions button:hover:not(:disabled) { border-color: #91b8ec; }
button[aria-busy="true"] { cursor: progress; }

/* Focused editors, transcripts, metrics, tabs and dialog surfaces. */
.prompt-fields > .managed-field:has(textarea) { max-inline-size: none; width: 100%; }
.prompt-fields textarea, .knowledge-entry-body textarea {
  padding: 1rem;
  line-height: 1.75;
  border-radius: var(--radius-md);
  background: #fcfdff;
  caret-color: var(--primary);
  tab-size: 2;
}
.prompt-fields textarea:focus:not([aria-invalid="true"]),
.knowledge-entry-body textarea:focus:not([aria-invalid="true"]) {
  border-color: var(--primary);
  background: var(--surface);
  box-shadow: 0 0 0 3px rgb(9 105 218 / 10%);
}
.prompt-fields .field-label { font-weight: 600; }
.editor-group > summary { padding-block: 1.15rem; }
.editor-group > summary > span:first-child { gap: 0.35rem; }
.editor-group > summary small { font-weight: 400; line-height: 1.6; }
.editor-body { padding-top: var(--space-4); }
.version-comparison-value pre, pre.immutable-value { line-height: 1.75; }

.conversation-transcript { gap: var(--space-4); }
.conversation-message, .test-chat-message {
  gap: 0.55rem;
  padding: 1rem 1.1rem;
  border: 1px solid var(--border);
  box-shadow: var(--shadow-card);
}
.conversation-message.inbound, .test-chat-message.user {
  border-color: #c5dafa;
  background: var(--primary-soft);
}
.conversation-message.outbound, .test-chat-message.assistant { background: var(--surface); }
.conversation-message.manager {
  justify-self: end;
  border-color: #d8c7f0;
  background: #f7f1ff;
  border-bottom-right-radius: 4px;
}
.conversation-message pre { max-inline-size: 68ch; line-height: 1.75; }
.test-chat-message p { max-inline-size: 68ch; line-height: 1.75; }
.conversation-message-meta, .test-chat-message-author { font-size: var(--font-micro); line-height: 1.5; font-weight: 500; }
.conversation-detail-overview, .conversation-facts { font-variant-numeric: tabular-nums; }
.conversation-transcript > h2 { margin-bottom: var(--space-2); }
.conversation-technical { background: var(--surface-muted); }
.test-chat-input { padding: 0.85rem 1rem; line-height: 1.7; border-radius: var(--radius-md); }

.analytics-summary-card, .analytics-queue-card { gap: 0.65rem; padding: 1.25rem; }
.analytics-summary-card strong { font-size: clamp(1.6rem, 2.8vw, 2rem); font-weight: 700; }
.analytics-queue-card strong { font-size: 1.5rem; font-weight: 600; }
.analytics-token-metric strong { font-size: 1.35rem; font-weight: 600; }
.analytics-summary-card strong, .analytics-queue-card strong,
.analytics-token-metric strong, .analytics-section .system-definitions dd {
  font-variant-numeric: tabular-nums lining-nums;
  letter-spacing: -0.025em;
  line-height: 1.3;
}
.analytics-summary-card > span, .analytics-queue-card > span { font-size: var(--font-meta); line-height: 1.5; }
.analytics-summary-card small, .analytics-queue-card small { line-height: 1.6; }
.analytics-performance-card, .analytics-model-card, .analytics-latest-card { padding: 1.25rem; }
.analytics-subnav a[aria-current="location"] { background: var(--primary-soft); color: var(--primary); border-color: transparent; }
.analytics-section .system-definitions dd { text-align: right; }

.profile-tabs { gap: var(--space-1); padding: var(--space-2); }
.profile-tab { border-radius: var(--radius-sm); border-bottom-width: 2px; }
.profile-tab.active { font-weight: 600; box-shadow: inset 0 -1px 0 var(--primary); }
.tab-dirty-marker {
  display: inline-flex;
  align-items: center;
  padding: 0.15rem 0.45rem;
  border-radius: 999px;
  background: var(--warning-surface);
  color: var(--warning);
  font-weight: 500;
  line-height: 1.4;
}

dialog { box-shadow: 0 24px 72px rgb(16 35 58 / 20%); }
.admin-modal-header, .version-drawer-header, .version-comparison-header,
.conversation-drawer-header, .test-chat-header {
  padding: var(--dialog-space);
  gap: var(--space-4);
  background: var(--surface);
  border-bottom: 1px solid var(--border);
}
.admin-modal-header h2, .version-drawer-header h2,
.version-comparison-header h2, .test-chat-header h2,
.conversation-drawer-header h1 {
  margin: 0;
  font-size: clamp(1.2rem, 2vw, 1.4rem);
  font-weight: 600;
  line-height: 1.35;
}
.version-drawer-header p, .version-comparison-header p,
.test-chat-header p { margin: 0.4rem 0 0; font-size: var(--font-meta); line-height: 1.6; }
.version-drawer-header > button, .version-comparison-header > button,
.conversation-drawer-header > button, .test-chat-header > button {
  flex-shrink: 0;
  min-height: 2.5rem;
  padding: 0.55rem 0.85rem;
  background: var(--surface-muted);
  font-size: var(--font-meta);
}
.admin-modal-body, .version-drawer-body, .version-comparison-body,
.conversation-drawer-body { padding: var(--dialog-space); }
.admin-modal-description { line-height: 1.7; }
.admin-modal-actions { gap: var(--space-3); padding: var(--dialog-space); background: var(--surface-muted); }
.admin-modal-actions button { min-height: 2.6rem; }
.test-chat-form { padding: var(--dialog-space); background: var(--surface-muted); }
.test-chat-actions { gap: var(--space-3); }
.version-drawer-body, .version-comparison-body, .admin-modal-body { scrollbar-width: thin; }

/* Clear list rows, distinct feedback and comfortable intermediate widths. */
.conversation-list, .version-list, .openline-list { gap: var(--space-3); }
.conversation-journal { grid-template-columns: minmax(0, 1fr); }
.conversation-card, .openline-card { padding: clamp(1rem, 2vw, 1.25rem); }
.conversation-card-header { align-items: flex-start; flex-wrap: wrap; gap: var(--space-3); }
.conversation-card-header > div:first-child { min-width: 0; flex: 1 1 15rem; }
.conversation-badges { flex: 0 1 auto; gap: 0.5rem; }
.conversation-card-header p { color: var(--muted); font-size: var(--font-meta); line-height: 1.6; }
.conversation-facts { gap: var(--space-3); padding-block: var(--space-3); border-top: 1px solid var(--border); }
.conversation-facts dd { line-height: 1.6; font-variant-numeric: tabular-nums; }
.conversation-card > button { min-height: 2.6rem; }
.version-card-details { display: grid; gap: var(--space-1); }
.version-card-meta { line-height: 1.6; }
.version-card-actions { gap: var(--space-2); }
.change-log-list { scrollbar-width: thin; }
.change-log-item { gap: 0.65rem; padding: 1.25rem; }
.change-log-item-header { flex-wrap: wrap; gap: var(--space-2) var(--space-4); }
.change-log-item-header strong { flex: 1 1 18rem; }
.change-log-item-header time { line-height: 1.5; }
.change-log-note { line-height: 1.7; }
.openline-identity strong { line-height: 1.5; }
.openline-identity small { line-height: 1.6; }
.openline-badges { align-items: flex-start; gap: var(--space-2); }
.openline-card.inactive { opacity: 1; }

.empty, .profile-list-empty, .dashboard-profile-empty, .knowledge-empty,
.analytics-empty, .conversation-state, .version-state, .test-chat-empty {
  padding: clamp(1.25rem, 3vw, 2rem);
  border: 1px dashed var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface-muted);
  color: var(--muted);
  text-align: center;
  line-height: 1.7;
}
.test-chat-empty { max-width: 100%; }
.knowledge-empty p, .test-chat-empty p { line-height: 1.7; }
.system-notice.loading { padding: var(--space-5); border: 1px solid var(--border); background: var(--surface-muted); color: var(--muted); line-height: 1.7; }
.is-loading { border-style: solid; }
.is-loading::before, .system-notice.loading::before,
.session-gate-card[aria-busy="true"]::before {
  content: "";
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  margin: 0 auto 0.8rem;
  border: 2px solid #c5dafa;
  border-top-color: var(--primary);
  border-radius: 50%;
  animation: interface-loading-spin 900ms linear infinite;
}
.system-notice.loading::before { margin-left: 0; }
@keyframes interface-loading-spin { to { transform: rotate(360deg); } }

.banner.error, .banner.unavailable, .validation,
.system-notice.error, .conversation-state.error, .version-state.error {
  border: 1px solid var(--danger-border);
  border-left: 3px solid var(--danger);
  background: var(--danger-surface);
  color: var(--danger);
  line-height: 1.65;
}
.banner.conflict, .openline-warning, .analytics-warning,
.conversation-notice, .dashboard-default-warning, .legacy-fields-warning {
  border: 1px solid #e9d5a3;
  border-left: 3px solid var(--warning-border);
  background: var(--warning-surface);
  color: var(--warning);
  line-height: 1.65;
}
.system-attention-action { gap: var(--space-4); border-left: 3px solid var(--warning-border); }
.system-attention-action.server { border-left-color: var(--danger); }
.status-region button, .dashboard-default-warning button { min-height: 2.6rem; }
.field-error { padding-left: 0.6rem; border-left: 2px solid var(--danger); }
.field-error[hidden] { display: none; }

.field-help-trigger { width: 1.6rem; height: 1.6rem; border-width: var(--icon-stroke); font-weight: 600; }
.lifecycle-marker, .action-state-marker { width: 1rem; text-align: center; line-height: 1.4; }
.system-health-marker { border-width: 2px; font-size: 1.1rem; font-weight: 600; }

@media (min-width: 601px) and (max-width: 1120px) {
  .control-dashboard-heading { align-items: flex-start; flex-direction: column; }
  .dashboard-profile-header { align-items: flex-start; flex-wrap: wrap; }
  .dashboard-profile-header p { flex-basis: 100%; }
  .dashboard-profile-actions { justify-content: flex-start; }
  .dashboard-profile-list { grid-template-columns: minmax(0, 1fr); }
  .conversation-summary-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .conversation-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .conversation-facts, .conversation-detail-overview { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .analytics-summary-grid, .analytics-model-grid, .analytics-performance-grid,
  .analytics-queue-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .conversation-card { grid-template-columns: minmax(0, 1fr); }
  .conversation-card > button { justify-self: start; }
  .system-attention-action { flex-wrap: wrap; }
  .system-attention-action-copy { flex: 1 1 18rem; }
  .version-card-actions { flex-basis: 100%; justify-content: flex-start; }
  .analytics-period-selector { flex-wrap: wrap; }
}

@media (max-width: 600px) {
  .app-header { min-height: 0; padding: 0.65rem var(--space-3); }
  .app-home-button { gap: var(--space-2); }
  .app-home-button strong { font-size: var(--font-meta); }
  .control-dashboard-heading h1 { font-size: 2rem; }
  .home-panel { padding: var(--space-3); }
  .profile-tab { min-height: 2.8rem; padding-inline: 0.75rem; }
  .prompt-fields textarea, .knowledge-entry-body textarea { padding: 0.8rem; }
  .conversation-message, .test-chat-message { max-width: 92%; padding: 0.8rem 0.9rem; }
  .analytics-summary-card, .analytics-queue-card,
  .analytics-performance-card, .analytics-model-card, .analytics-latest-card { padding: var(--space-4); }
  .change-log-item { padding: var(--space-4); }
  .change-log-item-header strong { flex-basis: auto; }
  .conversation-badges { justify-content: flex-start; }
  .analytics-section .system-definitions dd { text-align: left; }
}
@media (prefers-reduced-motion: reduce) {
  button, input, textarea, select,
  details:not(.field-help) > summary::after { transition: none; }
  .is-loading::before, .system-notice.loading::before,
  .session-gate-card[aria-busy="true"]::before { animation: none; }
}
:root .home-overview { gap: 1.5rem; }
.home-heading-actions { display: flex; flex-direction: column; align-items: flex-end; gap: .75rem; }
.home-freshness { display: flex; flex-wrap: wrap; align-items: center; gap: .65rem 1rem; margin-top: 1rem; color: var(--muted); font-size: .8rem; }
.home-status { display: inline-flex; align-items: center; gap: .5rem; padding: .35rem .65rem; border-radius: 999px; background: #edf2f8; color: #334a63; }
.home-status::before { content: ""; width: .4rem; height: .4rem; border-radius: 50%; background: currentColor; }
.home-status.ok { background: #eaf6ef; color: #256344; }
.home-status.attention, .home-status.warning { background: #fff3dd; color: #805314; }
.home-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
.home-overview .home-metric { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; gap: .65rem; padding: 1.3rem; }
.home-overview .home-metric h2 { font-size: .85rem; font-weight: 600; color: var(--muted); }
.home-metric-value { font-size: clamp(1.5rem, 1.7vw, 2rem); line-height: 1.35; letter-spacing: -.035em; overflow-wrap: anywhere; }
.home-overview .home-metric p { font-size: .75rem; margin: 0; }
.home-metric-rubles { color: #385878; font-size: 1.05rem; font-weight: 600; line-height: 1.2; font-variant-numeric: tabular-nums; }
.home-overview .home-metric.balance { background: #eaf3ff; border-color: #cbdff8; }
.home-overview .home-text-action { background: transparent; border: 0; box-shadow: none; color: #0757ba; padding: .45rem 0; min-height: 2.75rem; text-align: left; font-size: .8rem; }
.home-overview .home-text-action:hover { color: #043f88; text-decoration: underline; }
.home-metric .home-text-action { margin-top: auto; }
.home-overview-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.home-overview-grid > * { min-width: 0; }
.home-attention-list, .home-conversation-list { width: 100%; list-style: none; padding: 0; margin: .5rem 0 0; }
.home-profiles .dashboard-profile-filters { flex: none; }
.home-attention-list li { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .9rem 0; border-top: 1px solid #e7edf5; }
.home-attention-list li:first-child { border-top: 0; }
.home-attention-list strong { font-size: .9rem; }
.home-overview .home-attention-list p { font-size: .8rem; margin: .35rem 0 0; }
.home-attention-list .home-text-action { flex-shrink: 0; }
.home-calm-state { padding: 1.5rem 0; color: #334a63; }
.home-calm-state.verified { color: #256344; }
.home-overview-grid .system { background: #f9fbfe; }
.home-recent { grid-column: 1 / -1; position: relative; }
.home-section-link { position: absolute; right: 1.5rem; top: 1.35rem; }
.home-conversation-list li + li { border-top: 1px solid #e7edf5; }
.home-overview .home-conversation-link { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(8rem, .3fr) auto; align-items: center; gap: 1.25rem; width: 100%; padding: 1rem .25rem; background: transparent; border: 0; border-radius: .5rem; box-shadow: none; text-align: left; }
.home-overview .home-conversation-link:hover { background: #f2f7ff; }
.home-conversation-identity { display: grid; gap: .35rem; min-width: 0; }
.home-conversation-identity strong { color: #142b46; overflow-wrap: anywhere; }
.home-conversation-identity > span, .home-conversation-link time { color: #334a63; font-size: .8rem; }
.home-conversation-state { padding: .35rem .6rem; background: #edf2f8; color: #334a63; border-radius: .4rem; font-size: .75rem; width: fit-content; }
.home-conversation-state.warning { background: #fff3dd; color: #805314; }
.home-row-arrow { color: #0757ba; }
@media (max-width: 1200px) { .home-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 800px) {
  .home-overview-grid { grid-template-columns: minmax(0, 1fr); }
  .home-heading-actions { align-items: stretch; }
  .home-attention-list li { flex-direction: column; align-items: flex-start; gap: .25rem; }
  .home-overview .home-conversation-link { grid-template-columns: minmax(0, 1fr) auto; gap: .6rem; }
  .home-conversation-link time { text-align: right; }
  .home-row-arrow { text-align: right; }
}
@media (max-width: 480px) {
  .home-section-link { position: static; }
  .home-profiles .dashboard-profile-actions { width: 100%; }
  .home-profiles .dashboard-profile-filters { width: 100%; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .home-profiles .dashboard-profile-filters button { padding-inline: .4rem; }
}
@media (max-width: 380px) {
  .home-metrics { grid-template-columns: minmax(0, 1fr); }
}

/* Stronger hierarchy and contrast across the workspace. */
h1, h2, h3 { font-weight: 700; }
button, .field-label, .compact-field, .profile-tab,
.workspace-navigation-button, .editor-group > summary strong,
.conversation-facts dt { font-weight: 600; }
small, .badge, .lifecycle-state, .revision-note,
.home-freshness, .home-conversation-state,
.home-conversation-identity > span, .home-conversation-link time,
.home-overview .home-metric p, .home-overview .home-attention-list p,
.home-overview .home-text-action { font-size: max(14px, .875rem); }
.field-hint, .field-error, .checkbox-hint, .field-counter,
.conversation-card-header p, .conversation-message-meta { font-size: max(14px, var(--font-micro)); }
.home-metric-value, .dashboard-tile-value,
.conversation-summary-grid strong, .conversation-card-header strong,
.analytics-queue-card strong, .analytics-token-metric strong,
.home-conversation-identity strong { font-weight: 700; }
.home-conversation-identity strong { color: var(--text); }
.home-conversation-identity > span, .home-conversation-link time,
.home-status, .home-conversation-state { color: var(--muted); }
.home-status.ok { color: var(--success); }
.home-status.attention, .home-status.warning,
.home-conversation-state.warning { color: var(--warning); }
.home-attention-list li, .home-conversation-list li + li,
.conversation-facts, .conversation-card-header { border-color: var(--border); }
.profile-tab.active { color: #064caa; background: var(--primary-soft); box-shadow: inset 0 -3px 0 var(--primary); }
.workspace-navigation-button[aria-current="page"] { color: #064caa; background: var(--primary-soft); box-shadow: inset 3px 0 0 var(--primary); }
.dashboard-profile-filters button[aria-pressed="true"] { color: #064caa; background: var(--primary-soft); border-color: #91b3df; font-weight: 600; }
.home-overview .home-text-action { font-weight: 600; }
/* Refined navigation, compact dashboard cards and clearer interactive rows. */
.home-overview-grid .control-dashboard-tile { gap: .75rem; padding: 1.25rem; }
.home-attention-list li { padding-block: .65rem; }
.home-overview .home-conversation-link { padding-block: .75rem; transition: background-color .16s ease, box-shadow .16s ease; }
.home-overview .home-conversation-link:hover,
.home-overview .home-conversation-link:focus-visible {
  background: #edf4ff;
  box-shadow: inset 3px 0 0 var(--primary);
}
.conversation-card { transition: border-color .16s ease, background-color .16s ease, box-shadow .16s ease; }
.conversation-card:hover, .conversation-card:focus-within {
  border-color: #91b3df;
  background: #f8fbff;
  box-shadow: 0 8px 20px rgb(16 44 74 / 9%);
}
.dashboard-profile-list > li {
  padding: .2rem;
  border: 1px solid transparent;
  border-radius: var(--radius-md);
  transition: border-color .16s ease, background-color .16s ease, box-shadow .16s ease;
}
.dashboard-profile-list > li:hover, .dashboard-profile-list > li:focus-within {
  border-color: #91b3df;
  background: #f3f7fd;
  box-shadow: 0 6px 16px rgb(16 44 74 / 8%);
}
.profiles-directory-page { display: grid; gap: 1.25rem; }
.profiles-directory-heading { padding: .25rem .25rem 0; }
.profiles-directory-card { width: 100%; min-height: 0; }
.profiles-directory-card .dashboard-profile-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 840px) {
  .profiles-directory-card .dashboard-profile-list { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 480px) {
  .profiles-directory-card .dashboard-profile-actions { width: 100%; }
  .profiles-directory-card .dashboard-profile-filters {
    width: 100%;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .profiles-directory-card .dashboard-profile-filters button { padding-inline: .35rem; }
}

/* Task-oriented navigation and a compact analytics overview. */
.app-current-section {
  padding-left: var(--space-3);
  border-left: 1px solid var(--border);
  color: var(--text);
  font-size: var(--font-meta);
  font-weight: 650;
  white-space: nowrap;
}
.workspace-navigation { gap: var(--space-3); }
.workspace-navigation-group { display: grid; gap: var(--space-2); padding-top: var(--space-3); border-top: 1px solid var(--border); }
.workspace-navigation-group-label { padding-inline: 0.65rem; color: var(--muted-strong); font-size: var(--font-micro); font-weight: 700; letter-spacing: 0.045em; }
.workspace-navigation-actions { gap: 0.2rem; }
.workspace-navigation-button { min-height: 2.75rem; font-weight: 550; }
.workspace-navigation-button[data-icon="conversations"] .workspace-navigation-icon,
.mobile-navigation-button[data-icon="conversations"] .workspace-navigation-icon { color: #087985; }
.workspace-navigation-button[data-icon="automation"] .workspace-navigation-icon,
.mobile-navigation-button[data-icon="automation"] .workspace-navigation-icon { color: #6754a6; }
.workspace-navigation-button[data-icon="analytics"] .workspace-navigation-icon,
.mobile-navigation-button[data-icon="analytics"] .workspace-navigation-icon { color: #2367ad; }
.workspace-navigation-button[aria-current="page"] .workspace-navigation-icon,
.mobile-navigation-button[aria-current="page"] .workspace-navigation-icon { color: currentColor; }
.mobile-selector-actions { display: grid; gap: var(--space-3); }
.mobile-navigation-group { min-width: 0; display: grid; gap: var(--space-2); }
.mobile-navigation-group-actions { min-width: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(8rem, 100%), 1fr)); gap: var(--space-2); }
.mobile-navigation-group-label { color: var(--muted-strong); font-size: var(--font-micro); font-weight: 700; }
.mobile-navigation-button { min-width: 0; text-align: left; }

.analytics-section { gap: var(--space-5); }
.analytics-subnav { position: static; width: fit-content; max-width: 100%; padding: 0; border: 0; background: transparent; box-shadow: none !important; backdrop-filter: none; }
.analytics-subnav-links { flex-wrap: wrap; overflow: visible; }
.analytics-subnav a { font-weight: 650; }
.analytics-filters { padding-bottom: var(--space-3); border-bottom: 1px solid var(--border); }
.analytics-group { gap: var(--space-3); padding-top: 0; border-top: 0; }
.analytics-group > h2 { margin-bottom: 0; }
.analytics-overview-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.analytics-overview-grid .analytics-summary-card { padding: var(--space-4); }
.analytics-overview-grid .analytics-summary-card:last-child { border-color: #c5dafa; background: var(--primary-soft); }
.analytics-source-bars { display: grid; gap: var(--space-2); }
.analytics-source-row { min-width: 0; display: grid; grid-template-columns: minmax(9rem, 1.2fr) minmax(5rem, 2fr) minmax(7rem, 1fr); align-items: center; gap: var(--space-2) var(--space-4); padding: var(--space-3) var(--space-4); border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--surface); }
.analytics-source-row.selected { border-color: #a9cbf8; background: #f6faff; }
.analytics-source-row > span:first-child { font-weight: 650; }
.analytics-source-row strong { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.analytics-source-row small { grid-column: 1 / -1; color: var(--muted); }
.analytics-source-track { height: 0.6rem; overflow: hidden; border-radius: 999px; background: #eaf0f7; }
.analytics-source-fill { display: block; height: 100%; border-radius: inherit; background: var(--primary); }
.analytics-source-fill.operator_assistant { background: #6855b4; }
.analytics-source-fill.test_chat { background: #07838d; }
.analytics-balance-strip { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3) var(--space-5); padding: var(--space-4); border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--surface-muted); }
.analytics-section > .analytics-balance-strip { border-color: #adc9eb; background: #edf5ff; }
.analytics-balance-copy { display: grid; gap: 0.2rem; }
.analytics-balance-copy span { font-weight: 650; }
.analytics-balance-copy small { color: var(--muted); }
.analytics-balance-strip > strong { margin-right: auto; font-size: 1.35rem; font-variant-numeric: tabular-nums; }
.analytics-section > .analytics-balance-strip > strong { color: #06468f; font-size: 1.55rem; }
.analytics-automation-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.analytics-balance-links { display: flex; flex-wrap: wrap; gap: var(--space-4); }
.analytics-balance-links a { color: var(--primary); font-size: var(--font-meta); font-weight: 650; }
.analytics-disclosure, .system-technical-details { min-width: 0; border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--surface); }
.analytics-disclosure > summary, .system-technical-details > summary { padding: var(--space-4); color: var(--primary-strong); font-weight: 650; cursor: pointer; }
.analytics-disclosure[open] > summary, .system-technical-details[open] > summary { border-bottom: 1px solid var(--border); background: var(--surface-muted); }
.analytics-disclosure-body, .system-technical-body { min-width: 0; display: grid; gap: var(--space-5); padding: var(--space-4); }
.analytics-disclosure-body .analytics-group, .system-technical-body .analytics-group { padding-top: var(--space-4); border-top: 1px solid var(--border); }
.analytics-disclosure-body .analytics-group:first-child, .system-technical-body .analytics-group:first-child { padding-top: 0; border-top: 0; }
.system-technical-details { scroll-margin-top: var(--space-4); }

@media (max-width: 1000px) {
  .analytics-overview-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .analytics-automation-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .app-current-section { white-space: normal; }
  .analytics-overview-grid { grid-template-columns: minmax(0, 1fr); }
  .analytics-automation-grid { grid-template-columns: minmax(0, 1fr); }
  .analytics-source-row { grid-template-columns: minmax(0, 1fr) auto; gap: var(--space-2); }
  .analytics-source-track { grid-column: 1 / -1; grid-row: 2; }
  .analytics-source-row small { grid-row: 3; }
  .analytics-balance-strip > strong { margin-right: 0; }
  .analytics-balance-links { flex: 1 1 100%; }
}

/* Visual refinement: calmer type, clear controls and semantic surfaces. */
:root {
  --border: #d5deea;
  --border-strong: #a9b9cc;
  --surface-muted: #f7f9fc;
  --muted: #42566f;
  --primary-soft: #eaf2ff;
  font-family: "Segoe UI Variable Text", "Segoe UI", system-ui, Arial, sans-serif;
  font-synthesis: none;
}

h1 { font-weight: 650; }
h2, h3 { font-weight: 600; }
strong, b, .home-metric-value, .dashboard-tile-value,
.conversation-summary-grid strong, .conversation-card-header strong,
.analytics-queue-card strong, .analytics-token-metric strong,
.home-conversation-identity strong { font-weight: 600; }
button, .field-label, .compact-field, .profile-tab,
.workspace-navigation-button, .editor-group > summary strong,
.conversation-facts dt, .analytics-subnav a,
.workspace-navigation-group-label, .mobile-navigation-group-label {
  font-weight: 500;
}
.field-label, .conversation-filter-field, .settings-group legend,
.handoff-policy legend { font-weight: 600; }
.workspace-navigation-button[aria-current="page"],
.profile-tab.active, .analytics-subnav a[aria-current="location"] { font-weight: 600; }

/* A small chevron replaces the old circled arrow on every disclosure. */
details:not(.field-help) > summary { padding-right: 3.25rem; }
details:not(.field-help) > summary::after,
details:not(.field-help)[open] > summary::after,
details:not(.field-help) > summary:hover::after {
  right: 1.3rem;
  width: 0.58rem;
  height: 0.58rem;
  display: block;
  border: 0;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  border-radius: 0;
  background: none;
  color: #526985;
  content: "";
  transform: translateY(-65%) rotate(45deg);
  transition: transform 160ms ease, color 160ms ease;
}
details:not(.field-help)[open] > summary::after {
  color: var(--primary);
  transform: translateY(-25%) rotate(225deg);
}
details:not(.field-help) > summary:hover::after { color: var(--primary); }

.editor-group, .analytics-disclosure, .system-technical-details,
.change-log-disclosure, .conversation-technical, .form-guide {
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface);
  box-shadow: 0 1px 3px rgb(16 44 74 / 4%);
}
.editor-group > summary, .analytics-disclosure > summary,
.system-technical-details > summary, .change-log-disclosure > summary,
.conversation-technical > summary, .form-guide > summary {
  color: var(--text);
  font-weight: 600;
  transition: background-color 160ms ease, color 160ms ease;
}
.editor-group > summary:hover, .analytics-disclosure > summary:hover,
.system-technical-details > summary:hover, .change-log-disclosure > summary:hover,
.conversation-technical > summary:hover, .form-guide > summary:hover {
  background: #f5f8fc;
  color: #0753ad;
}
.editor-group[open] > summary, .analytics-disclosure[open] > summary,
.system-technical-details[open] > summary, .change-log-disclosure[open] > summary,
.knowledge-entry-disclosure[open] > .knowledge-entry-summary {
  border-bottom: 1px solid var(--border);
  background: #f8fbff;
}
.editor-group > summary small { color: var(--muted); }
.summary-meta { font-weight: 400; }

/* Status communicates through an accent, outline and label, not a large wash. */
.system-health {
  gap: 0.9rem;
  padding: 1.15rem 1.25rem;
  border: 1px solid var(--border);
  border-left: 4px solid;
  border-radius: var(--radius-lg);
  box-shadow: 0 1px 3px rgb(16 44 74 / 4%);
}
.system-health.ok { border-color: #bddcc9; border-left-color: #168052; background: #fbfefc; color: #12613c; }
.system-health.attention { border-color: #ead5a3; border-left-color: #b6740d; background: #fffdf8; color: #855414; }
.system-health-marker {
  width: 2rem;
  height: 2rem;
  border: 0;
  background: #e1f2e8;
  font-size: 1rem;
  font-weight: 600;
}
.system-health.attention .system-health-marker { background: #fff0ca; }
.system-health h2 { margin: 0 0 0.15rem; color: var(--text); font-size: 1.15rem; font-weight: 600; }
.system-health p { color: #344961; }
.system-health small { margin-top: 0.4rem; color: var(--muted); }

.badge, .conversation-badge, .dashboard-profile-state,
.lifecycle-state, .analytics-sla-badge, .home-status {
  border: 1px solid #d8e2ec;
  background: #f3f6fa;
  color: #344b65;
  font-weight: 500;
}
.badge, .conversation-badge, .dashboard-profile-state,
.lifecycle-state, .analytics-sla-badge { border-radius: 0.5rem; }
.badge.active, .conversation-badge.active, .conversation-badge.success,
.dashboard-profile-state.active, .lifecycle-state.saved,
.lifecycle-state.active, .analytics-sla-badge, .home-status.ok {
  border-color: #b5d9c5;
  background: #eaf7ef;
  color: #12613c;
}
.badge.draft, .badge.attention, .conversation-badge.warning,
.lifecycle-state.dirty, .analytics-sla-badge.attention,
.home-status.attention, .home-status.warning {
  border-color: #e5cd94;
  background: #fff5dc;
  color: #75470a;
}
.badge.archived, .conversation-badge.danger,
.dashboard-profile-state.archived, .lifecycle-state.archived,
.lifecycle-state.readonly {
  border-color: #e3b8bd;
  background: #fff0f1;
  color: #8b2438;
}
.conversation-badge.handoff, .lifecycle-state.published {
  border-color: #adc9eb;
  background: #eaf2ff;
  color: #0753ad;
}
.conversation-badge.manager {
  border-color: #d1c4ee;
  background: #f3efff;
  color: #564096;
}
.banner, .system-notice { border: 1px solid #c6d9f0; background: #f2f7ff; color: #24476d; }
.banner.success { border-color: #b5d9c5; background: #f0faf4; color: #12613c; }
.banner.conflict { border-color: #e5cd94; background: #fff9e9; color: #75470a; }
.banner.error, .banner.unavailable, .system-notice.error {
  border-color: #e3b8bd; background: #fff3f4; color: #8b2438;
}

/* Filters use a light container and distinct, white form controls. */
.analytics-filters, .conversation-filters {
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  background: #fbfcfe;
}
.analytics-filters { width: fit-content; max-width: 100%; padding: 0; border: 0; background: transparent; }
.conversation-filters { padding: 1rem; }
.conversation-filter-field { font-weight: 500; }
input:not([type="checkbox"]):not([type="radio"]), textarea, select {
  border-color: var(--border-strong);
  background-color: #fff;
  color: var(--text);
}
input::placeholder, textarea::placeholder { color: #61738b; opacity: 1; }
select:not([multiple]) {
  appearance: auto;
  background-image: none;
}
select:not([multiple]):disabled { background-color: #eef2f6; }
.conversation-filter-field:has(> select),
.openline-search-controls .compact-field:has(> select) { position: relative; }
.conversation-filter-field:has(> select)::after,
.openline-search-controls .compact-field:has(> select)::after {
  position: absolute;
  right: 1rem;
  bottom: 1.17rem;
  width: 0.55rem;
  height: 0.55rem;
  border-right: 2px solid #526985;
  border-bottom: 2px solid #526985;
  content: "";
  pointer-events: none;
  transform: rotate(45deg);
}
.conversation-filter-field:has(> select:disabled)::after,
.openline-search-controls .compact-field:has(> select:disabled)::after { opacity: 0.5; }
@supports selector(:has(*)) {
  .conversation-filter-field select,
  .openline-search-controls .compact-field select {
    appearance: none;
    padding-right: 2.7rem;
  }
}
.field input:focus, .field textarea:focus, .field select:focus,
.conversation-filters input:focus, .conversation-filters select:focus {
  border-color: var(--primary);
  box-shadow: 0 0 0 3px rgb(9 105 218 / 13%);
}
.analytics-subnav {
  width: fit-content;
  padding: 0.25rem;
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  background: #f2f5f9;
}
.analytics-subnav-links { gap: 0.2rem; padding: 0; }
.analytics-subnav a { color: #435a76; }
.analytics-subnav a[aria-current="location"] {
  border-color: #b8d2f2;
  background: #fff;
  color: #0753ad;
  box-shadow: 0 1px 4px rgb(16 44 74 / 10%), inset 0 -2px 0 var(--primary);
}
.analytics-period-selector, .dashboard-profile-filters {
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  background: #f2f5f9;
}
.analytics-period-selector button, .dashboard-profile-filters button,
.openline-filter { font-weight: 500; }
.analytics-period-selector button[aria-pressed="true"],
.dashboard-profile-filters button[aria-pressed="true"] {
  border-color: #b8d2f2;
  background: #fff;
  color: #0753ad;
  box-shadow: 0 1px 4px rgb(16 44 74 / 10%), inset 0 -2px 0 var(--primary);
  font-weight: 600;
}
.openline-filter { border-color: #c8d5e3; box-shadow: none; }
.openline-filter.active { border-color: var(--primary); background: #075bbf; color: #fff; box-shadow: none; }
.openline-filter.attention:not(.active) { border-color: #e5cd94; background: #fff9e9; color: #75470a; }
.openline-search-controls {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr));
}
.openline-search-controls .compact-field.is-filtered > span { color: #0753ad; }
.openline-search-controls .compact-field.is-filtered > input,
.openline-search-controls .compact-field.is-filtered > select {
  border-color: #79a9dd;
  background-color: #eef5ff;
  color: #123c6d;
}
.openline-search-controls .compact-field.is-filtered > input:focus-visible,
.openline-search-controls .compact-field.is-filtered > select:focus-visible {
  border-color: var(--primary);
  box-shadow: 0 0 0 3px rgb(9 105 218 / 18%);
}
.openline-secondary-statuses { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); }
.openline-revision { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-2); }
.openline-defaults { box-sizing: border-box; min-width: 0; width: 100%; display: grid; gap: var(--space-3); padding: var(--space-4); border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--surface); }
.openline-defaults-header { display: grid; gap: var(--space-1); }
.openline-defaults h2 { margin: 0; font-size: 1.1rem; }
.openline-defaults-header p { margin: 0; line-height: 1.45; }
.openline-default-cards { display: grid; gap: 0; border-top: 1px solid var(--border); }
.openline-default-card { box-sizing: border-box; min-width: 0; display: grid; grid-template-columns: minmax(12rem, .8fr) minmax(0, 1.2fr); align-items: center; gap: var(--space-3); padding: var(--space-3) 0; border-bottom: 1px solid var(--border); }
.openline-default-card-header { min-width: 0; display: grid; align-content: center; gap: var(--space-1); }
.openline-default-card h3 { margin: 0; font-size: 1rem; }
.openline-default-version { color: var(--muted); font-size: var(--font-meta); }
.openline-default-card > select { box-sizing: border-box; min-width: 0; width: 100%; max-width: 100%; }
.openline-default-inheritance { grid-column: 1 / -1; display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-2); }
.openline-default-inheritance button { max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
.openline-default-inheritance small { line-height: 1.45; }
.openline-save-confirmation {
  padding: 0.2rem 0.55rem;
  border: 1px solid #b5d9c5;
  border-radius: 0.5rem;
  background: #eaf7ef;
  color: #12613c;
  font-size: var(--font-meta);
  font-weight: 600;
}
.openline-filters { padding: 0; border: 0; background: transparent; }
.openline-filter-controls {
  flex-wrap: nowrap;
  overflow-x: auto;
  padding: 0.25rem 0.2rem 0.5rem;
  scrollbar-width: thin;
}
.openline-filter { flex: 0 0 auto; white-space: nowrap; }
.openline-identity {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  justify-items: start;
  column-gap: var(--space-2);
}
.openline-identity strong { grid-column: 1 / -1; }
.openline-identity small { grid-column: 1; }
.openline-expand {
  grid-column: 2;
  grid-row: 2;
  min-height: 2.65rem;
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
  padding: 0.45rem 0.75rem;
  border: 1px solid #b9d0eb;
  border-radius: 0.55rem;
  background: #f4f8ff;
  color: #0753ad;
  font-weight: 600;
}
.openline-expand:hover { border-color: #82afe5; background: #e7f1ff; }
.openline-expand:focus-visible { outline: 3px solid var(--focus); outline-offset: 2px; }
.openline-expand-chevron {
  width: 0.5rem;
  height: 0.5rem;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: translateY(-0.15rem) rotate(45deg);
}
.openline-expand[aria-expanded="true"] .openline-expand-chevron { transform: translateY(0.15rem) rotate(225deg); }
.openline-empty {
  display: grid;
  justify-items: start;
  gap: var(--space-2);
  padding: var(--space-5);
  border: 1px dashed var(--border-strong);
  border-radius: var(--radius-md);
  background: #fbfcfe;
}
.openline-empty > strong { font-size: 1rem; }
.openline-empty > p { margin: 0; color: var(--muted-strong); }
.openline-empty-conditions { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-block: var(--space-1); }
.openline-empty-conditions > span {
  max-width: 100%;
  padding: 0.3rem 0.55rem;
  border: 1px solid #b8d2f2;
  border-radius: 0.5rem;
  background: #eef5ff;
  color: #123c6d;
  font-size: var(--font-meta);
  overflow-wrap: anywhere;
}
.openline-empty-reset { min-height: 2.6rem; border-color: #b8d2f2; background: #fff; color: #0753ad; }
.openline-empty-reset:hover { background: #eaf3ff; }
#openline-search-reset {
  grid-column: -2 / -1;
  justify-self: end;
  min-height: 2rem;
  padding: 0.2rem 0.15rem;
  border: 0;
  background: transparent;
  color: #0753ad;
  font-weight: 500;
}
#openline-search-reset:hover {
  background: transparent;
  color: #06468f;
  text-decoration: underline;
}
.analytics-source-row > span:first-child { font-weight: 600; }

/* Separate nested editor groups from their surrounding panel. */
.settings-group { border: 1px solid var(--border); background: #fbfcfe; }
.handoff-policy { border-color: var(--border); background: #fff; }
.policy-card { border-color: var(--border); background: #fff; }
.settings-group legend { padding-inline: 0.4rem; }

/* Keep controls, loaded results and optional diagnostics visually distinct. */
.openline-line-configuration { gap: 1.25rem; }
.openline-filters { padding-bottom: .75rem; border-bottom: 1px solid #e0e8f1; }
.openline-filter-controls { padding-bottom: .2rem; }
.openline-search-controls {
  padding: 1rem;
  border: 1px solid #e0e8f1;
  border-radius: var(--radius-md);
  background: #f7f9fc;
}
.openline-search-count { margin: 0; color: #415a75; font-size: var(--font-meta); }
.openline-list { padding-top: 1rem; border-top: 1px solid #e0e8f1; }
.openline-card.selected { background: #fbfdff; }

.conversation-results-overview { display: grid; gap: .75rem; padding-top: .5rem; }
.conversation-results-caption {
  margin: 0;
  color: #415a75;
  font-size: var(--font-meta);
  font-weight: 600;
}
.conversation-summary-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.conversation-detail-overview { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.conversation-list-region { padding-top: 1.25rem; border-top: 1px solid #e0e8f1; }
.conversation-diagnostics-disclosure {
  border: 1px solid #d6e1ed;
  border-radius: var(--radius-md);
  background: #f8fafc;
}
.conversation-diagnostics-disclosure > summary {
  cursor: pointer;
  padding: 1rem 1.15rem;
  color: #24476d;
  font-weight: 600;
}
.conversation-diagnostics-disclosure > summary:hover { color: #0753ad; }
.conversation-diagnostics-disclosure > summary:focus-visible { outline: 3px solid var(--focus); outline-offset: 2px; }
.conversation-diagnostics-disclosure[open] > summary { border-bottom: 1px solid #d6e1ed; }
.conversation-diagnostics-disclosure > p { margin: 1rem 1.15rem 0; }
.conversation-diagnostics-disclosure .conversation-diagnostics { margin: 1rem 1.15rem; background: #fff; }

.home-conversation-state { border: 1px solid #d8e2ec; font-weight: 500; }
.home-conversation-state.active { border-color: #b5d9c5; background: #eaf7ef; color: #12613c; }
.home-conversation-state.handoff { border-color: #adc9eb; background: #eaf2ff; color: #0753ad; }
.home-conversation-state.manager { border-color: #d1c4ee; background: #f3efff; color: #564096; }
.home-conversation-state.danger { border-color: #e3b8bd; background: #fff0f1; color: #8b2438; }
.home-conversation-state.closed { border-color: #d8e2ec; background: #f3f6fa; color: #344b65; }

@media (max-width: 1050px) {
  .conversation-detail-overview { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  .conversation-summary-grid { grid-template-columns: minmax(0, 1fr); }
  .conversation-detail-overview { grid-template-columns: minmax(0, 1fr); }
  .openline-search-controls { padding: .8rem; }
}

/* Lead routes use the same compact overview-and-disclosure pattern as open lines. */
.lead-first-contact-settings { gap: 1.5rem; }
.lead-automation-master {
  display: block;
  overflow: hidden;
  padding: 0;
  background: #fff;
}
.lead-automation-master.enabled { border-color: #b5d9c5; background: #fff; }
.lead-automation-master-heading { display: flex; min-height: 4.5rem; align-items: center; padding: 1rem 3.25rem 1rem 1.2rem; cursor: pointer; }
.lead-automation-master-heading:hover { background: #f7faff; }
.lead-automation-master-heading:focus-visible { outline: 3px solid var(--focus); outline-offset: -3px; }
.lead-automation-master[open] > .lead-automation-master-heading { border-bottom: 1px solid #e0e8f1; background: #f8fbff; }
.lead-automation-master-heading > div { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1rem; }
.lead-automation-master-heading h2 { font-size: 1.1rem; }
.lead-automation-master-heading small { flex-basis: 100%; color: var(--muted); }
.lead-automation-master-body { display: grid; grid-template-columns: minmax(0, 1fr) minmax(16rem, .55fr); align-items: start; gap: 1rem 1.25rem; padding: 1.15rem 1.2rem; background: #f7f9fc; }
.lead-automation-master.enabled .lead-automation-master-body { background: #f7fbf9; }
.lead-automation-toggle { grid-column: 1; min-height: 4.1rem; margin: 0; font-weight: 500; }
.lead-automation-duplicate-setting { grid-column: 1 / -1; display: grid; gap: .2rem; }
.lead-automation-duplicate-setting .lead-automation-toggle { min-height: 0; }
.lead-automation-duplicate-setting > p { max-width: 85ch; margin: 0; color: var(--muted); font-size: var(--font-meta); line-height: 1.45; }
.lead-automation-timeout { grid-column: 2; grid-row: 1; max-width: none; margin: 0; }
.lead-automation-blocker { grid-column: 1 / -1; margin: 0; }
.lead-automation-master-help { grid-column: 1 / -1; border-top: 1px solid #dce5ef; }
.lead-automation-master-help > summary { padding: .65rem 3rem .2rem 0; cursor: pointer; color: #24476d; font-size: var(--font-meta); font-weight: 600; }
.lead-automation-master-help > p { max-width: 80ch; margin: .65rem 0 0; color: var(--muted); font-size: var(--font-meta); line-height: 1.5; }
.lead-automation-routes { min-width: 0; display: grid; gap: 1rem; }
.lead-automation-section-heading { padding-top: .25rem; }
.lead-first-contact-outcomes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; }
.lead-automation-summary-card {
  display: grid;
  gap: .3rem;
  min-width: 0;
  padding: .9rem 1rem;
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  background: #fff;
}
.lead-automation-summary-card strong { font-size: 1.35rem; font-weight: 600; font-variant-numeric: tabular-nums; }
.lead-automation-summary-card span { color: var(--muted); font-size: var(--font-meta); }
.lead-automation-route-results { display: grid; gap: .7rem; padding-top: .25rem; }
.lead-automation-route-results > h3, .lead-automation-route-results > p { margin: 0; }
.lead-automation-route-results > h3 { font-size: 1.05rem; }
.lead-automation-route-results > p { color: #415a75; font-size: var(--font-meta); line-height: 1.45; }
.lead-route-channel-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 19rem), 1fr)); gap: .5rem; }
.lead-route-channel { display: flex; align-items: center; flex-wrap: wrap; gap: .3rem .8rem; min-width: 0; padding: .65rem .85rem; border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--surface-muted); font-size: var(--font-meta); }
.lead-route-channel strong { font-size: .95rem; }
.lead-route-channel span { color: #415a75; font-variant-numeric: tabular-nums; }
.lead-route-result-list { display: grid; gap: .45rem; min-width: 0; }
.lead-route-result {
  display: grid;
  grid-template-columns: minmax(12rem, 2.3fr) repeat(5, minmax(4.5rem, .7fr));
  align-items: center;
  gap: .6rem;
  min-width: 0;
  padding: .7rem .85rem;
  border: 1px solid #dbe5f0;
  border-radius: var(--radius-md);
  background: #f9fbfe;
}
.lead-route-result-name { display: grid; gap: .1rem; min-width: 0; }
.lead-route-result-name strong { font-size: 1rem; font-weight: 600; overflow-wrap: anywhere; }
.lead-route-result-name small { color: #546982; }
.lead-route-result-metric { display: grid; gap: .15rem; min-width: 0; }
.lead-route-result-metric span { color: #546982; font-size: var(--font-meta); }
.lead-route-result-metric strong { font-size: 1.05rem; font-weight: 650; font-variant-numeric: tabular-nums; }
.lead-automation-route-quota { color: #176343; font-size: var(--font-meta); font-weight: 600; line-height: 1.4; }
.lead-automation-route-quota.near-limit { color: #9b5700; }
.lead-automation-quota-help { margin: 0; font-size: var(--font-meta); line-height: 1.5; }
.lead-automation-filter-bar {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(14rem, 17rem);
  align-items: center;
  gap: .75rem;
  padding: .7rem .85rem;
  border: 1px solid #e0e8f1;
  border-radius: var(--radius-md);
  background: #f7f9fc;
}
.lead-automation-filter-bar > .openline-filters { min-width: 0; padding: 0; border: 0; }
.lead-automation-filter-choices { display: flex; gap: .5rem; min-width: 0; overflow-x: auto; padding: .1rem 0 .25rem; scrollbar-width: thin; }
.lead-automation-filter { flex: 0 0 auto; white-space: nowrap; }
.lead-automation-filter[aria-pressed="true"] { border-color: #075bbf; background: #075bbf; color: #fff; }
.lead-automation-search-controls { display: block; min-width: 0; padding: 0; border: 0; background: transparent; }
.lead-automation-search { display: grid; gap: .35rem; min-width: 0; }
.lead-automation-search input { width: 100%; min-width: 0; }
.lead-automation-count { margin: 0; color: #415a75; font-size: var(--font-meta); }
.lead-automation-route-list { display: grid; gap: .65rem; min-width: 0; padding-top: 1rem; border-top: 1px solid #e0e8f1; }
.lead-automation-route-columns,
.lead-automation-route-heading { grid-template-columns: minmax(0, 1.75fr) minmax(0, .65fr) minmax(0, 1.65fr) minmax(0, 1.65fr) minmax(0, 1.05fr); gap: var(--space-4); }
.lead-automation-route-columns { display: grid; padding: 0 1.15rem; color: var(--muted); font-size: var(--font-meta); }
.lead-automation-route { display: block; overflow: hidden; padding: 0; border-color: #7fb3df; background: #fbfdff; box-shadow: inset 4px 0 0 var(--primary); }
.lead-automation-route.ready { border-color: #7fb3df; box-shadow: inset 4px 0 0 var(--primary); }
.lead-automation-route.attention, .lead-automation-route.disabled { border-color: #d9a11c; background: #fffaf0; box-shadow: inset 4px 0 0 #d59b0b; }
.lead-automation-route-heading {
  display: grid;
  align-items: center;
  min-height: 6rem;
  padding: 1rem 1.15rem;
  cursor: pointer;
}
.lead-automation-route-heading:hover { background: #eff7ff; }
.lead-automation-route.attention > .lead-automation-route-heading:hover,
.lead-automation-route.disabled > .lead-automation-route-heading:hover { background: #fff3d9; }
.lead-automation-route-heading:focus-visible { outline: 3px solid var(--focus); outline-offset: -3px; }
.lead-automation-route[open] > .lead-automation-route-heading { border-bottom: 1px solid #e0e8f1; background: #f8fbff; }
.lead-automation-route.attention[open] > .lead-automation-route-heading,
.lead-automation-route.disabled[open] > .lead-automation-route-heading { border-bottom-color: #eedcad; background: #fff7e6; }
.lead-automation-route-heading::-webkit-details-marker,
details:not(.field-help) > .lead-automation-route-heading::after { display: none; }
.lead-automation-route-identity { min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; justify-items: start; gap: .4rem .6rem; }
.lead-automation-route-heading h3 { grid-column: 1 / -1; margin: 0; font-size: 1rem; line-height: 1.4; overflow-wrap: anywhere; }
.lead-automation-route-open {
  grid-column: 2;
  display: inline-flex;
  align-items: center;
  gap: .65rem;
  min-height: 2.65rem;
  padding: .45rem .75rem;
  border: 1px solid #b9d0eb;
  border-radius: .55rem;
  background: #f4f8ff;
  color: #0753ad;
  font-weight: 600;
}
.lead-automation-route-heading:hover .lead-automation-route-open { border-color: #82afe5; background: #e7f1ff; }
.lead-automation-route[open] .lead-automation-route-open .openline-expand-chevron { transform: translateY(.15rem) rotate(225deg); }
.lead-automation-route-cell { min-width: 0; display: grid; gap: .15rem; overflow-wrap: anywhere; }
.lead-automation-route-profile > span { color: #183653; font-weight: 600; }
.lead-automation-schedule-indicator, .openline-schedule-indicator { font-weight: 600; }
.lead-automation-schedule-indicator.match, .openline-schedule-indicator.match { color: #176343; }
.lead-automation-schedule-indicator.mismatch, .openline-schedule-indicator.mismatch { color: #9b5700; }
.lead-automation-schedule-indicator.unknown, .openline-schedule-indicator.unknown { color: #526982; }
.lead-automation-schedule { display: grid; gap: .4rem; min-width: 0; margin-top: .85rem; padding: .85rem 0; border-top: 1px solid var(--border); }
.lead-automation-schedule h4, .lead-automation-schedule p { margin: 0; }
.lead-automation-schedule h4 { color: #163b63; font-size: 1rem; }
.lead-automation-schedule-status { color: #415a75; line-height: 1.45; }
.lead-automation-schedule.mismatch .lead-automation-schedule-status { color: #865400; }
.lead-automation-schedule-grid { display: grid; gap: 0; }
.lead-automation-schedule-item { display: grid; grid-template-columns: minmax(8rem, .3fr) minmax(0, 1fr); gap: .75rem; min-width: 0; padding: .55rem 0; border-bottom: 1px solid var(--border); overflow-wrap: anywhere; }
.lead-automation-schedule-item strong { color: #183653; }
.lead-automation-schedule-item span { color: #415a75; line-height: 1.45; }
.lead-automation-profile-link { justify-self: start; color: #0753ad; font-weight: 600; text-decoration: underline; text-underline-offset: .15em; }
.lead-automation-profile-link:hover { color: #064b9d; }
.lead-automation-profile-link:focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; border-radius: .15rem; }
.lead-automation-mobile-label { display: none; }
.lead-automation-route-heading > .badge { justify-self: start; white-space: normal; }
.lead-automation-route-body { display: grid; gap: 1rem; min-width: 0; padding: 1.2rem; }
.lead-automation-route-body > .checkbox-field { margin: 0; }
.lead-automation-returning { display: grid; grid-template-columns: 1.15rem minmax(0, 1fr); gap: .35rem .6rem; }
.lead-automation-returning > input { grid-column: 1; grid-row: 1; }
.lead-automation-returning > span { grid-column: 2; grid-row: 1; }
.lead-automation-returning > small { grid-column: 2; grid-row: 2; color: var(--muted); }
.lead-automation-readiness { min-width: 0; border: 1px solid var(--border); border-radius: var(--radius-md); background: #f8fafc; }
.lead-automation-readiness > summary { cursor: pointer; padding: .85rem 1rem; color: #24476d; font-weight: 600; }
.lead-automation-readiness > summary:focus-visible { outline: 3px solid var(--focus); outline-offset: -3px; }
.lead-automation-readiness > .lead-automation-checklist { padding: .75rem; border-top: 1px solid var(--border); }
.lead-automation-essential { padding-top: .9rem; border-top: 1px solid #e0e8f1; }
.lead-automation-advanced > summary { padding-top: .85rem; }
.lead-automation-empty { display: grid; justify-items: start; gap: .5rem; padding: 1.25rem; border: 1px dashed var(--border-strong); border-radius: var(--radius-md); background: #fbfcfe; }
.lead-automation-empty p { margin: 0; color: var(--muted); }

@media (max-width: 1000px) {
  .lead-automation-master-body { grid-template-columns: minmax(0, 1fr); }
  .lead-automation-toggle, .lead-automation-timeout, .lead-automation-blocker { grid-column: 1; grid-row: auto; }
  .lead-route-result { grid-template-columns: minmax(0, 1fr) repeat(5, minmax(3.8rem, .55fr)); }
}
@media (max-width: 700px) {
  .openline-default-card { grid-template-columns: minmax(0, 1fr); gap: var(--space-2); }
  .lead-automation-master-heading { padding: .9rem 3rem .9rem 1rem; }
  .lead-automation-master-body { padding: 1rem; }
  .lead-first-contact-outcomes { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .4rem; }
  .lead-automation-summary-card { padding: .65rem; }
  .lead-automation-summary-card strong { font-size: 1.1rem; }
  .lead-route-result { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .65rem; }
  .lead-route-result-name { grid-column: 1 / -1; padding-bottom: .4rem; border-bottom: 1px solid #dbe5f0; }
  .lead-automation-route-heading { padding: 1rem; }
  .lead-automation-route-body { padding: 1rem; }
  .lead-automation-schedule-item { grid-template-columns: minmax(0, 1fr); gap: .15rem; }
}

@media (max-width: 1100px) {
  .lead-automation-route-columns { display: none; }
  .lead-automation-route-heading { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .6rem 1rem; }
  .lead-automation-route-identity, .lead-automation-route-heading > .badge { grid-column: 1 / -1; }
  .lead-automation-mobile-label { display: block; margin-bottom: .2rem; color: var(--muted); }
}
@media (max-width: 480px) {
  .lead-route-result { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lead-automation-route-heading { grid-template-columns: minmax(0, 1fr); }
  .lead-automation-route-identity, .lead-automation-route-heading > .badge { grid-column: 1; }
}

/* Compact route controls and consistent emphasis for selected filters. */
.openline-filter.active:hover:not(:disabled),
.openline-filter.active:focus-visible,
.lead-automation-filter[aria-pressed="true"]:hover:not(:disabled),
.lead-automation-filter[aria-pressed="true"]:focus-visible {
  border-color: #064b9d;
  background-color: #064b9d;
  color: #fff;
}

/* Align the global automation status, title and handoff note. */
.lead-automation-master-heading > .lead-automation-master-copy {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  align-items: center;
  gap: .25rem .85rem;
  width: 100%;
}
.lead-automation-master-copy > .badge { grid-column: 1; grid-row: 1; }
.lead-automation-master-copy > h2 { grid-column: 2; grid-row: 1; }
.lead-automation-master-copy > small { grid-column: 2; grid-row: 2; }
.lead-automation-master-body { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: stretch; }
.lead-automation-toggle { align-items: center; }
.lead-automation-timeout {
  align-content: center;
  padding: .65rem 1rem;
  border: 1px solid var(--border-strong);
  border-radius: var(--radius-md);
  background: #fff;
}

/* Give each analytics subsection a visible boundary and a stable heading. */
.analytics-subnav { width: 100%; padding: .4rem; border-color: #cbdbea; background: #f3f7fc; }
.analytics-subnav-links { gap: .35rem; }
.analytics-subnav a { color: #24476d; }
.analytics-section > .analytics-group {
  --analytics-accent: #1768b3;
  gap: 1rem;
  padding: 1.25rem;
  border: 1px solid #d7e2ef;
  border-radius: var(--radius-md);
  background: #fff;
  box-shadow: 0 1px 3px rgb(16 44 74 / 4%);
}
#analytics-sources { --analytics-accent: #07838d; }
#analytics-openlines { --analytics-accent: #07838d; }
#analytics-automation { --analytics-accent: #6753a9; }
#analytics-assistant { --analytics-accent: #b6740d; }
.analytics-section > .analytics-group > h2 {
  margin: 0;
  padding-left: .75rem;
  border-left: 3px solid var(--analytics-accent);
}
.analytics-section > .analytics-group > p { color: #415a75; }
.analytics-overview-costs, .analytics-cost-details { gap: .8rem; padding-top: 1.25rem; border-top: 1px solid #d7e2ef; }
.analytics-overview-costs > h2, .analytics-cost-details > h2, .analytics-usage-models > h3 { margin: 0; font-size: 1.1rem; }
.analytics-overview-costs > h2, .analytics-cost-details > h2 { padding-left: .75rem; border-left: 3px solid #07838d; }
.analytics-cost-details > .analytics-group { padding-top: 1.25rem; border-top: 1px solid #d7e2ef; }
.analytics-usage-models { display: grid; gap: .85rem; padding-top: 1.2rem; border-top: 1px solid #d7e2ef; }
.analytics-usage-grid .analytics-summary-card strong { overflow-wrap: anywhere; }

@media (max-width: 1000px) {
  .lead-automation-master-body { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 700px) {
  .lead-automation-filter-bar { grid-template-columns: minmax(0, 1fr); }
  .lead-automation-filter-choices { padding-bottom: .35rem; }
  .lead-automation-master-heading > .lead-automation-master-copy { grid-template-columns: minmax(0, 1fr); }
  .lead-automation-master-copy > .badge,
  .lead-automation-master-copy > h2,
  .lead-automation-master-copy > small { grid-column: 1; grid-row: auto; }
  .analytics-section > .analytics-group { padding: 1rem; }
}

/* Compact navigation and single-panel analytics. */
.mobile-selector-actions[hidden], .analytics-section > .analytics-group[hidden] { display: none !important; }
.mobile-sections-toggle { display: none; }
.analytics-subnav-links { flex-wrap: nowrap; overflow-x: auto; }
.analytics-subnav [role="tab"] {
  flex: 0 0 auto;
  min-height: 2.4rem;
  padding: .45rem .8rem;
  border: 1px solid transparent;
  border-radius: var(--radius-sm);
  background: transparent;
  color: #24476d;
  font-size: var(--font-meta);
  font-weight: 600;
  white-space: nowrap;
}
.analytics-subnav [role="tab"]:hover { background: #e7eff9; color: #064caa; }
.analytics-subnav [role="tab"][aria-selected="true"],
.analytics-subnav [role="tab"][aria-selected="true"]:hover { background: #fff; border-color: #a9c8eb; color: #064caa; box-shadow: 0 1px 3px rgb(16 44 74 / 8%); }
.analytics-subnav [role="tab"]:focus-visible { outline: 3px solid var(--focus); outline-offset: 2px; }
.analytics-group > .analytics-disclosure { margin-top: .5rem; }

/* Directory rows show the profile and its current state without nested cards. */
.profiles-directory-card { display: grid; gap: .85rem; min-height: 0; padding: 0; border: 0; background: transparent; box-shadow: none; }
.profiles-directory-card .dashboard-profile-header { width: 100%; }
.profiles-directory-card .dashboard-profile-actions { width: 100%; justify-content: space-between; }
.profiles-directory-card .dashboard-profile-list { grid-template-columns: minmax(0, 1fr); gap: 0; }
.profiles-directory-card .dashboard-profile-list > li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: .25rem .75rem;
  padding: .2rem 0;
  border: 0;
  border-bottom: 1px solid #dbe5f0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.profiles-directory-card .dashboard-profile-list > li:first-child { border-top: 1px solid #dbe5f0; }
.profiles-directory-card .dashboard-profile-list > li:hover,
.profiles-directory-card .dashboard-profile-list > li:focus-within { background: #f7faff; border-color: #dbe5f0; box-shadow: none; }
.profiles-directory-card .dashboard-profile-item { padding: .65rem .75rem; border: 0; background: transparent; box-shadow: none; }
.profiles-directory-card .dashboard-profile-item > strong { grid-column: 1; grid-row: 1; }
.profiles-directory-card .dashboard-profile-code { grid-column: 1; grid-row: 2; }
.profiles-directory-card .dashboard-profile-state { grid-column: 2; grid-row: 1 / span 2; align-self: center; justify-self: end; max-width: 16rem; white-space: normal; }
.profiles-directory-card .dashboard-profile-item:hover:not(:disabled) { border: 0; background: transparent; }
.profiles-directory-card .profile-lines-link { margin: 0; border: 0; background: transparent; white-space: nowrap; }

/* The loaded-dialog totals are supporting text above the results. */
.conversation-results-overview { gap: 0; padding: 0; }
.conversation-summary-line { display: flex; flex-wrap: wrap; gap: .25rem .9rem; color: #415a75; font-size: var(--font-meta); }
.conversation-summary-fact { white-space: nowrap; }
.conversation-summary-fact strong { color: var(--text); font-variant-numeric: tabular-nums; }

@media (max-width: 840px) {
  .mobile-profile-selector { padding: 0; border: 0; background: transparent; }
  .mobile-sections-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 2.5rem;
    padding: .55rem .8rem;
    border: 1px solid #cbdbea;
    border-radius: var(--radius-sm);
    background: #fff;
    color: #064caa;
    font-weight: 600;
    text-align: left;
  }
  .mobile-sections-toggle::after { content: "⌄"; font-size: 1.3rem; line-height: .7; }
  .mobile-sections-toggle[aria-expanded="true"]::after { transform: rotate(180deg); }
  .mobile-sections-toggle:focus-visible { outline: 3px solid var(--focus); outline-offset: 2px; }
  .mobile-selector-actions:not([hidden]) { padding: .75rem; border: 1px solid #cbdbea; border-radius: var(--radius-md); background: #fff; }
}
@media (max-width: 700px) {
  .profiles-directory-card .dashboard-profile-list > li { grid-template-columns: minmax(0, 1fr); }
  .profiles-directory-card .profile-lines-link { justify-self: start; padding: .1rem .75rem .65rem; white-space: normal; }
  .analytics-source-row { grid-template-columns: minmax(0, 1fr); }
  .analytics-source-row > span:first-child { grid-column: 1; grid-row: 1; }
  .analytics-source-row strong { grid-column: 1; grid-row: 2; text-align: left; white-space: normal; overflow-wrap: normal; }
  .analytics-source-track { grid-column: 1; grid-row: 3; }
  .analytics-source-row small { grid-column: 1; grid-row: 4; }
  .workspace-section-heading > p, .openline-heading p, .analytics-heading p, .control-dashboard-heading p {
    margin-top: .15rem;
    color: #546982;
    font-size: var(--font-meta);
    line-height: 1.4;
  }
}
@media (max-width: 600px) {
  .analytics-subnav-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; overflow: visible; }
  .analytics-subnav [role="tab"] { width: 100%; min-height: 2.7rem; padding: .4rem; white-space: normal; text-align: center; }
}

/* Visual hierarchy shared by dashboard, diagnostics and compact catalog rows. */
h1[tabindex="-1"]:focus,
h2[tabindex="-1"]:focus { outline: none; }

.home-freshness .home-history-note { color: #667990; }
.home-overview .control-dashboard-heading .eyebrow { display: none; }
.home-overview .control-dashboard-heading h1 { margin-top: 0; }
.home-metrics .home-metric { gap: .45rem; padding: 1rem; }
.home-metrics .home-metric .home-text-action { min-height: 2rem; padding-block: .15rem; }
.home-overview-grid { align-items: stretch; }
.home-overview-grid .home-attention { border-left: 3px solid #d99c2e; }
.home-overview-grid .home-attention .home-attention-list { margin-top: 0; }
.home-overview-grid .system { border-left: 3px solid #36a174; }
.home-overview-grid .system.attention { border-left-color: #d99c2e; }
.home-system-recent-failure { padding-top: .6rem; border-top: 1px solid var(--border); font-size: var(--font-meta); }

.openline-filter-controls { flex-wrap: wrap; overflow: visible; gap: .4rem; padding: 0; }

.system-metric-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr)); }
.system-zero-details { border: 1px solid var(--border); border-radius: var(--radius-md); background: #f8fbfe; }
.system-zero-details > summary { padding: .9rem 1rem; color: #385878; font-weight: 600; cursor: pointer; }
.system-zero-details > summary:hover { background: #eef5fc; }
.system-zero-grid { padding: 0 1rem 1rem; }
.system-zero-grid .system-metric { background: #fff; }
.system-first-contact-history { border-left: 3px solid #7daade; background: #f8fbff; }
.system-first-contact-history#first-contact-current { border-left-color: #d99c2e; background: #fffdf8; }
.system-first-contact-history ul { padding-left: 0; list-style: none; }
.system-first-contact-history li { padding: .5rem 0; border-top: 1px solid #e9e0cf; overflow-wrap: anywhere; }

.operator-assistant-settings-section { display: grid; align-content: start; gap: .9rem; }
.operator-assistant-settings-section .section-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.operator-assistant-settings-section .section-header h1 { margin: 0; }
.operator-assistant-settings-section .operator-assistant-intro { margin: 0; }
.operator-assistant-model, .operator-assistant-profile { max-width: 42rem; margin: .3rem 0 0; padding: 1rem; background: #f8fbfe; }
.operator-assistant-model .field { max-width: 24rem; }
.operator-assistant-profile .field { max-width: 38rem; }
.operator-assistant-model p, .operator-assistant-profile p { margin-bottom: 0; }
.operator-assistant-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1rem; }
.operator-assistant-actions p { margin: 0; }
.operator-assistant-scope { max-width: 42rem; padding-top: .75rem; border-top: 1px solid var(--border); font-size: var(--font-meta); }

@media (max-width: 700px) {
  .profile-tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .25rem; padding: .4rem; overflow: visible; }
  .profile-tab { min-width: 0; min-height: 2.5rem; justify-content: center; padding: .4rem .3rem; white-space: normal; text-align: center; line-height: 1.25; }
  .openline-filter-controls { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .openline-filter { min-width: 0; height: 100%; padding: .5rem .65rem; white-space: normal; text-align: left; }
  .profiles-directory-card .dashboard-profile-item { grid-template-columns: minmax(0, 1fr); gap: .4rem; }
  .profiles-directory-card .dashboard-profile-item > strong,
  .profiles-directory-card .dashboard-profile-code,
  .profiles-directory-card .dashboard-profile-state { grid-column: 1; grid-row: auto; justify-self: start; max-width: 100%; }
  .profiles-directory-card .dashboard-profile-item > strong { overflow-wrap: break-word; }
  .profiles-directory-card .dashboard-profile-code { overflow-wrap: anywhere; }
  .analytics-automation-grid, .analytics-overview-grid, .analytics-usage-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .analytics-usage-grid .analytics-summary-card:first-child { grid-column: 1 / -1; }
  .analytics-automation-grid .analytics-summary-card,
  .analytics-overview-grid .analytics-summary-card,
  .analytics-usage-grid .analytics-summary-card { padding: .8rem; gap: .4rem; }
  .analytics-automation-grid .analytics-summary-card strong,
  .analytics-overview-grid .analytics-summary-card strong,
  .analytics-usage-grid .analytics-summary-card strong { font-size: clamp(1.3rem, 6vw, 1.65rem); }
  .analytics-token-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .analytics-token-metric,
  .analytics-token-metric:nth-child(3n),
  .analytics-token-metric:nth-last-child(-n + 3) { min-width: 0; padding: .8rem; border-right: 1px solid var(--border); border-bottom: 1px solid var(--border); }
  .analytics-token-metric:nth-child(2n) { border-right: 0; }
  .analytics-token-metric:nth-last-child(-n + 2) { border-bottom: 0; }
  .analytics-token-metric strong { overflow-wrap: anywhere; font-size: 1.1rem; }
  .operator-assistant-settings-section .section-header { flex-wrap: wrap; }
  .operator-assistant-settings-section .section-header button { width: 100%; }
  .operator-assistant-actions { align-items: stretch; flex-direction: column; }
}

/* Dashboard cards stay neutral; route color distinguishes working states. */
.home-overview .home-metric.openlines,
.home-overview .home-metric.balance {
  border-color: var(--border);
  background: var(--surface);
  box-shadow: var(--shadow-sm);
}
.home-overview .home-status.ok {
  border-color: #d8e2ec;
  background: #f3f6fa;
  color: #344b65;
}
.home-overview-grid .system:not(.attention) { border-left: 1px solid var(--border); background: var(--surface); }
.lead-automation-route {
  border-color: var(--border);
  background: var(--surface);
  box-shadow: none;
}
.lead-automation-route.ready {
  border-color: #9fcfb3;
  background: #f4fbf7;
  box-shadow: inset 4px 0 0 #2d9565;
}
.lead-automation-route.disabled {
  border-color: #e5cd94;
  background: #fffaf0;
  box-shadow: inset 4px 0 0 #d59b0b;
}
.lead-automation-route.ready .badge.active { border-color: #b5d9c5; background: #eaf7ef; color: #12613c; }
.lead-automation-route.disabled .badge.draft { border-color: #e5cd94; background: #fff5dc; color: #75470a; }
.lead-automation-route.ready > .lead-automation-route-heading:hover { background: #eaf7ef; }
.lead-automation-route.disabled > .lead-automation-route-heading:hover { background: #fff3d9; }
.lead-automation-route.ready[open] > .lead-automation-route-heading {
  border-bottom-color: #c8e2d2;
  background: #f0f9f3;
}
.lead-automation-route.disabled[open] > .lead-automation-route-heading {
  border-bottom-color: #eedcad;
  background: #fff7e6;
}
.lead-automation-period-note { margin: -.3rem 0 1rem; color: #4d6077; font-size: var(--font-meta); }
.openline-mobile-filter-list { display: none; }

@media (max-width: 700px) {
  .openline-filters > .openline-filter-controls { display: none; }
  .openline-mobile-filter-list {
    display: block;
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    background: var(--surface);
  }
  .openline-mobile-filter-list > summary {
    padding: .7rem .85rem;
    color: var(--text);
    cursor: pointer;
    font-weight: 600;
  }
  .openline-mobile-filter-list > summary:focus-visible { outline: 3px solid var(--focus); outline-offset: 2px; }
  .openline-mobile-filter-list > .openline-filter-controls {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: .35rem;
    padding: .35rem .5rem .5rem;
    border-top: 1px solid var(--border);
    overflow: visible;
  }
  .openline-mobile-filter-list .openline-filter { width: 100%; min-height: 2.6rem; }
}