/* Business layout adapters. No API/field/navigation semantics are changed. */

/* Page composition follows the approved demo: a quiet page surface, a clear
   title/action row, then bordered result surfaces. Existing business-specific
   cards remain intact inside each page. */
.content-section[data-page-pattern] {
  display: none;
}
.content-section[data-page-pattern].active {
  display: grid;
  gap: 24px;
  align-content: start;
  min-width: 0;
}
.content-section[data-page-pattern].active > * { min-width: 0; max-width: 100%; }
.content-section[data-page-pattern] > .panel:not(.current-account-action-bar),
.content-section[data-page-pattern] > .account-management-list-panel > .panel,
.content-section[data-page-pattern] > .panel.platform-list-panel {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}
.content-section[data-page-pattern] > .panel:not(.current-account-action-bar) > .panel-head,
.content-section[data-page-pattern] > .panel > .ai-schemes-toolbar,
.content-section[data-page-pattern] > .account-management-list-panel > .panel > .panel-head,
.content-section[data-page-pattern] > .panel.platform-list-panel > .panel-head {
  padding-bottom: 16px;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--line);
}
.content-section[data-page-pattern] > .panel:not(.current-account-action-bar) > .panel-head h2,
.content-section[data-page-pattern] > .account-management-list-panel > .panel > .panel-head h2,
.content-section[data-page-pattern] > .panel.platform-list-panel > .panel-head h2 {
  letter-spacing: -.015em;
}
.content-section[data-page-pattern] .page-context-copy {
  max-width: 640px;
  margin-top: 5px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
}
.content-section[data-page-pattern] .page-title-copy { min-width: 0; display: grid; gap: 0; }
.content-section[data-page-pattern] .page-context-copy-standalone { margin: 0 0 20px; }
.content-section[data-page-pattern="dashboard"] { gap: 24px; }
.overview-mobile-page-heading { display: grid; gap: 4px; }
.overview-mobile-page-heading h1 { font-size: 20px; line-height: 28px; font-weight: 650; }
.overview-mobile-page-heading p { color: var(--muted); font-size: 13px; line-height: 20px; }
.overview-dashboard-body { display: grid; gap: 24px; min-width: 0; }
.overview-dashboard-body > * { min-width: 0; max-width: 100%; margin: 0; }
.overview-dashboard-body > .panel + .panel { margin-top: 0; }
/* Initial HTML is pending too: never paint placeholder metrics before scripts load. */
.overview-dashboard-body[data-overview-state="loading"] { min-height: min(420px, 60vh); }
/* Include the host ID so ID-styled panels (such as #opsViewBody) cannot
   retain their empty layout underneath the initial loading mask. */
#overviewDashboardBody:is([data-overview-state="loading"], [data-overview-state="error"]) > :not(.page-list-loading):not(.overview-state-notice):not([data-loading-error]) { display: none; }
/* Reserve the shared loader's shell before the async list script starts. */
#aiSchemeList { min-height:120px; }
.content-section[data-page-pattern="monitoring"] > .panel,
.content-section[data-page-pattern="configuration-split"] > .panel,
.content-section[data-page-pattern="task-list"] > .panel,
.content-section[data-page-pattern="automation-task"] > .panel,
.content-section[data-page-pattern="automation-rules"] > .panel,
.content-section[data-page-pattern="record-explorer"] > .panel,
.content-section[data-page-pattern="library"] > .panel,
.content-section[data-page-pattern="content-editor"] > .panel,
.content-section[data-page-pattern="settings-form"] > .panel,
.content-section[data-page-pattern="model-center"] > .panel,
.content-section[data-page-pattern="entitlement"] > .panel,
.content-section[data-page-pattern="admin-overview"] > .panel {
  min-width: 0;
}
.content-section[data-page-pattern="monitoring"] .dialog-filter-panel,
.content-section[data-page-pattern="record-explorer"] .runtime-filter-toolbar,
.content-section[data-page-pattern="record-explorer"] .role-console-toolbar,
.content-section[data-page-pattern="library"] .speech-library-workspace-panel,
.content-section[data-page-pattern="model-center"] .model-config-list,
.content-section[data-page-pattern="content-editor"] .ai-persona-list,
.content-section[data-page-pattern="content-editor"] .reply-profile-list {
  background: var(--surface);
}
@media(max-width:768px) {
  .content-section[data-page-pattern] { gap: 16px; }
  .content-section[data-page-pattern] > .panel:not(.current-account-action-bar) > .panel-head,
  .content-section[data-page-pattern] > .panel > .ai-schemes-toolbar,
  .content-section[data-page-pattern] > .account-management-list-panel > .panel > .panel-head,
  .content-section[data-page-pattern] > .panel.platform-list-panel > .panel-head { margin-bottom: 16px; }
}

/* Overview */
.overview-toolbar,.overview-operation-bar,.overview-quick-zone { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 0; }
.overview-scope-field { width: 210px; }
.overview-updated-at,.overview-panel-head span { font-size: 12px; color: var(--muted); }
.overview-operation-bar { border: 1px solid var(--line); border-radius: var(--panel-radius); background: var(--surface); padding: 18px 20px; }
.overview-runtime-copy { display: grid; gap: 4px; }
.overview-health-state { display: flex; align-items: center; gap: 8px; }
.overview-panel-head > div:first-child { min-width: 0; display: grid; gap: 4px; }
.overview-runtime-copy > span,.overview-runtime-summary,.overview-quick-summary { color: var(--muted); font-size: 12px; }
.overview-quick-zone { flex-direction: column; align-items: flex-end; padding: 0; margin: 0; gap: 10px; }
.overview-quick-icon { display: inline-flex; }
.overview-quick-copy { white-space: nowrap; }
.overview-quick-action { min-height: 36px; }
.overview-quick-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.overview-insight-grid { display: grid; grid-template-columns: minmax(240px,1fr) minmax(0,2fr); gap: 24px; margin: 0; }
.overview-insight-grid > .panel { margin: 0; }
.overview-speech-activity-panel { margin: 0; }
.overview-speech-activity-head { align-items: flex-start; }
.overview-speech-activity-range { color: var(--muted); font-size: 12px; }
.overview-speech-activity { display: grid; gap: 16px; min-width: 0; }
.overview-speech-activity-summary { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; }
.overview-speech-activity-summary > div { display: grid; gap: 4px; min-width: 0; }
.overview-speech-activity-summary span,.overview-speech-activity-summary small { color: var(--muted); font-size: 12px; }
.overview-speech-activity-summary strong { font-size: 24px; line-height: 1.3; letter-spacing: -.03em; }
.overview-speech-hour-legend { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; color: var(--muted); font-size: 12px; }
.overview-speech-hour-legend > span { display: flex; align-items: center; gap: 6px; }
.overview-speech-hour-legend i { width: 8px; height: 8px; border-radius: 2px; }
.overview-speech-hour-legend .sent,.overview-speech-hour .sent { background: var(--brand); }
.overview-speech-hour-legend .failed,.overview-speech-hour .failed { background: var(--danger); }
.overview-speech-hour-legend .unknown,.overview-speech-hour .unknown { background: var(--warning); }
.overview-speech-unit { margin-left: auto; }
.overview-speech-hour-chart { display: grid; grid-template-columns: max-content minmax(0,1fr); gap: 8px; }
.overview-speech-hour-y { height: 180px; display: flex; flex-direction: column; justify-content: space-between; color: var(--muted); font-size: 11px; text-align: right; }
.overview-speech-hour-y span { line-height: 0; }
.overview-speech-hour-scroll { min-width: 0; overflow-x: auto; padding-block: 3px; }
.overview-speech-hour-bars { display: grid; grid-template-columns: repeat(24,minmax(0,1fr)); gap: 4px; height: 180px; min-width: 576px; border-bottom: 1px solid var(--line); background: repeating-linear-gradient(to top,transparent 0,transparent calc(25% - 1px),var(--line) calc(25% - 1px),var(--line) 25%); }
.overview-speech-hour-bars .overview-speech-hour { display: flex; flex-direction: column-reverse; justify-content: flex-start; align-items: stretch; gap: 0; min-width: 0; min-height: 0; height: 180px; padding: 0 3px; border: 0; border-radius: 2px; background: transparent; box-shadow: none; }
.overview-speech-hour > span { display: block; flex-shrink: 0; pointer-events: none; }
.overview-speech-hour-bars .overview-speech-hour:hover,.overview-speech-hour-bars .overview-speech-hour[aria-pressed="true"] { background: var(--hover); }
.overview-speech-hour-bars .overview-speech-hour:focus-visible { outline: 2px solid var(--focus-border); outline-offset: -2px; }
.overview-speech-hour-x { min-width: 576px; display: grid; grid-template-columns: repeat(24,minmax(0,1fr)); gap: 4px; margin-top: 8px; color: var(--muted); font-size: 11px; }
.overview-speech-hour-x span { white-space: nowrap; }
.overview-speech-hour-detail { min-height: 42px; padding: 10px 12px; border-radius: var(--radius); background: var(--surface-subtle); font-size: 12px; overflow-wrap: anywhere; }
.overview-speech-hour-caption { margin: 0; color: var(--muted); font-size: 12px; }
.overview-speech-scroll-hint { display: none; color: var(--muted); font-size: 12px; }
.overview-speech-activity-empty { padding: 32px 16px; color: var(--muted); text-align: center; }
.overview-state-notice { display: flex; align-items: flex-start; gap: 12px; padding: 12px 14px; border: 1px solid var(--line); border-radius: var(--panel-radius); background: var(--surface-subtle); color: var(--muted); margin-bottom: 16px; }
.overview-state-notice > div { min-width: 0; flex: 1; display: grid; gap: 2px; }
.overview-state-notice strong { color: var(--ink); font-size: 13px; }
.overview-state-notice small { overflow-wrap: anywhere; }
.overview-state-icon { flex: 0 0 18px; width: 18px; height: 18px; margin-top: 2px; background: currentColor; mask: url("icons/info.svg") center / contain no-repeat; }
.overview-state-notice[data-state="error"],.overview-dashboard-body[data-overview-state="error"] .overview-state-notice { color: var(--danger); background: var(--danger-tint); }
.overview-dashboard-body[data-overview-state="stale"] .overview-state-notice { color: var(--warning); background: var(--warning-tint); }
.overview-dashboard-body[data-overview-state="loading"] .overview-state-icon { mask-image: url("icons/loader-circle.svg"); animation: ui-spin 1s linear infinite; }
.overview-primary-alert,.telegram-health-alert { display: flex; align-items: flex-start; gap: 12px; padding: 16px; border: 1px solid var(--line); border-radius: var(--panel-radius); background: var(--warning-tint); color: var(--warning); margin-bottom: 20px; }
.overview-primary-alert > div { min-width: 0; flex: 1; display: grid; gap: 2px; }
.overview-primary-alert small { overflow-wrap: anywhere; }
.overview-line-chart { position: relative; min-height: 160px; width: 100%; }
.overview-line-chart svg { width: 100%; height: auto; overflow: visible; }
.overview-line-chart text { fill: var(--muted); font-size: 11px; }
.overview-chart-hover-zones rect { fill: transparent; cursor: crosshair; }
.overview-chart-hover-zones rect:focus-visible { outline: 2px solid var(--brand); outline-offset: 2px; }
.overview-chart-hover-guide { stroke: var(--line-strong); stroke-dasharray: 3 3; opacity: 0; pointer-events: none; }
.overview-chart-hover-guide.visible { opacity: 1; }
.overview-trend-line { fill: none; stroke-width: 2; }
.overview-trend-line.reply { stroke: var(--brand); }
.overview-trend-line.scheduled { stroke: var(--success); }
.overview-trend-points circle { fill: var(--surface); stroke: var(--brand); stroke-width: 2; }
.overview-trend-points circle.scheduled { stroke: var(--success); }
.overview-trend-points circle.active { r: 5px; stroke-width: 2.5; }
.overview-trend-grid line { stroke: var(--line); }
.overview-chart-grid-lines line { stroke: var(--line); stroke-dasharray: 2 4; }
.overview-chart-legend { display: flex; gap: 16px; color: var(--muted); font-size: 12px; }
.overview-chart-tooltip { position: absolute; pointer-events: none; padding: 10px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); font-size: 12px; }
.overview-issue-list { display: grid; gap: 10px; }
.overview-issue-row { padding: 12px 0; border-bottom: 1px solid var(--line); display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: start; gap: 10px; }
.overview-issue-row > div,.overview-attention-entry > div { min-width: 0; }
.overview-issue-row strong,.overview-attention-entry strong { overflow-wrap: anywhere; }
.overview-issue-row small,.overview-attention-entry small { display: block; overflow-wrap: anywhere; }
.overview-issue-row .row-action-button,.overview-attention-entry .row-action-button { flex-shrink: 0; white-space: nowrap; }
/* Detail records stack independently of the three-column overview summary. */
.overview-attention-toolbar { flex: 0 0 auto; min-width: 0; padding: 16px 24px 0; }
.overview-attention-scope { margin: 0 0 8px; color: var(--muted); font-size: 12px; overflow-wrap: anywhere; }
.overview-attention-tabs { margin: 0; }
.overview-attention-modal .modal-body { padding-top: 0; padding-bottom: 0; }
.overview-attention-list { min-width: 0; }
.overview-attention-entry { display: grid; grid-template-columns: minmax(0,1fr); gap: 12px; min-width: 0; padding: 20px 0; border-bottom: 1px solid var(--line); overflow-wrap: anywhere; }
.overview-attention-entry:last-child { border-bottom: 0; }
.overview-attention-entry-head { display: flex; align-items: baseline; flex-wrap: wrap; gap: 8px; }
.overview-attention-entry-head > span { color: var(--muted); font-size: 12px; }
.overview-attention-entry p,.overview-attention-meta { margin: 0; }
.overview-attention-meta { display: grid; gap: 4px; font-size: 12px; line-height: 20px; }
.overview-attention-meta > div { display: grid; grid-template-columns: 3em minmax(0,1fr); gap: 8px; }
.overview-attention-meta dt { color: var(--muted); }
.overview-attention-meta dd { margin: 0; min-width: 0; overflow-wrap: anywhere; }
.overview-attention-reason,.overview-attention-message pre { max-width: 100%; min-width: 0; margin: 0; padding: 12px; border-radius: var(--radius); background: var(--surface-subtle); white-space: pre-wrap; overflow-wrap: anywhere; font-family: inherit; font-size: 13px; line-height: 1.65; }
.overview-attention-reason { border-left: 2px solid var(--danger); }
.overview-attention-message { min-width: 0; font-size: 13px; }
.overview-attention-message summary { width: fit-content; max-width: 100%; padding: 6px 0; cursor: pointer; color: var(--muted); }
.overview-attention-message summary:hover { color: var(--ink); }
.overview-attention-message summary:focus-visible { outline: 2px solid var(--focus-border); outline-offset: 2px; border-radius: 2px; }
.overview-attention-message > span { display: block; margin: 12px 0 6px; color: var(--muted); font-size: 12px; }
.overview-attention-code,.overview-attention-suggestion { color: var(--muted); font-size: 13px; }
.overview-attention-entry > .row-action-button { justify-self: start; }
.overview-attention-pagination { flex-wrap: nowrap; justify-content: space-between; gap: 8px; }
.overview-attention-pagination > span { min-width: 0; color: var(--muted); font-size: 12px; overflow-wrap: anywhere; }
.overview-attention-pagination > .button-group { flex: 0 0 auto; flex-wrap: nowrap; gap: 4px; }
.overview-attention-pagination button { padding: 0; width: 32px; height: 32px; min-height: 32px; border: 1px solid var(--line); background: var(--surface); color: var(--muted); }
.overview-attention-pagination button:hover:not(:disabled) { background: var(--hover); color: var(--ink); }
.overview-attention-pagination svg { width: 16px; height: 16px; }
@media(max-width:768px) {
  .overview-attention-modal .modal-head { padding-inline: 16px; }
  .overview-attention-toolbar,.overview-attention-modal .modal-body,.overview-attention-pagination { padding-inline: 16px; }
  .overview-attention-pagination { padding-block: 8px max(8px,env(safe-area-inset-bottom)); }
  .overview-attention-pagination button { width: 44px; height: 44px; min-height: 44px; }
  .overview-attention-message summary { min-height: 44px; padding-block: 11px; }
}
.overview-issue-dot,.overview-status-dot { display: block; width: 8px; height: 8px; margin-top: 7px; border-radius: 999px; background: var(--warning); }
.overview-issue-row.tone-danger .overview-issue-dot { background: var(--danger); }
.overview-account-list,.overview-group-table,.reply-group-overview { overflow-x: auto; }
.overview-account-row { display: grid; grid-template-columns: minmax(160px,2fr) repeat(4,minmax(80px,1fr)) minmax(90px,1fr); align-items: center; gap: 16px; padding: 14px 0; border-bottom: 1px solid var(--line); min-width: 650px; }
.overview-group-row { display: grid; grid-template-columns: minmax(180px,2fr) repeat(3,minmax(100px,1fr)) minmax(90px,.8fr); gap: 16px; align-items: center; padding: 14px 0; border-bottom: 1px solid var(--line); min-width: 650px; }
.overview-group-row.with-account { grid-template-columns: minmax(120px,1.2fr) minmax(160px,1.5fr) minmax(90px,1fr) minmax(90px,1fr) minmax(130px,1.2fr) minmax(90px,.8fr); min-width: 820px; }
.overview-account-row > [role="cell"],.overview-group-row > [role="cell"] { min-width: 0; overflow-wrap: anywhere; }
.overview-table-head { color: var(--muted); font-size: 12px; }
.overview-account-row small,.overview-group-row small { display: block; }
.overview-group-usage > span,.reply-group-progress { display: block; height: 4px; background: var(--line); border-radius: 2px; margin-top: 6px; overflow: hidden; }
.overview-group-usage i,.reply-group-progress i { display: block; height: 100%; background: var(--brand); }
.overview-empty-row { padding: 28px 16px; text-align: center; color: var(--muted); }
.overview-quick-actions button { background: var(--surface); color: var(--ink); border-color: var(--line); }
.overview-quick-actions button:hover:not(:disabled) { background: var(--hover); }
/* Accounts */
.account-summary-list { display: grid; gap: 12px; }
.account-summary-row { display: grid; grid-template-columns: minmax(145px,1.5fr) repeat(3,minmax(82px,1fr)) minmax(105px,1fr) minmax(110px,1fr) auto; gap: 16px; align-items: center; padding: 18px; border: 1px solid var(--line); border-radius: var(--panel-radius); }
.account-summary-row.selected { border-color: color-mix(in srgb,var(--brand) 30%,var(--line)); background: var(--brand-tint); }
.account-summary-cell { min-width: 0; display: flex; align-items: flex-start; flex-direction: column; gap: 5px; overflow-wrap: anywhere; }
.account-summary-cell > span:not(.status-chip) { color: var(--muted); font-size: 11px; }
.account-summary-cell strong { font-size: 13px; }
.account-summary-actions { gap: 8px; }
.account-business-switches label { width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.account-business-switches label span { font-size: 11px; }
.account-row-select-control { font-size: 11px; padding: 2px 8px; min-height: 26px; }
.account-activity-cell strong { font-size: 11px; font-weight: 450; }
.current-account-action-bar { display: flex; justify-content: space-between; align-items: center; gap: 16px; border: 1px solid var(--line); border-radius: var(--panel-radius); background: var(--surface); padding: 16px 20px; margin-top: 16px; }
.current-account-action-main { display: flex; align-items: center; gap: 12px; }
.current-account-action-copy { display: grid; gap: 4px; }
.current-account-action-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.account-switch-list { display: grid; gap: 8px; margin-top: 16px; }
.account-switch-row { display: flex; justify-content: space-between; align-items: center; width: 100%; text-align: left; padding: 12px; background: var(--surface); border: 1px solid var(--line); color: var(--ink); }
.account-switch-row.current { color: var(--brand); background: var(--brand-tint); }
.account-switch-row:hover:not(:disabled) { background: var(--hover); }
.account-onboarding-steps { display: flex; justify-content: space-between; gap: 16px; padding: 16px 24px; font-size: 12px; color: var(--muted); margin-bottom: 0; border-bottom: 1px solid var(--line); }
.account-onboarding-step-indicator { flex: 1; display: flex; gap: 8px; align-items: center; color: var(--muted); font-size: 12px; }
.account-onboarding-step-indicator.active { color: var(--brand); }
.account-onboarding-step { display: grid; gap: 16px; }
.onboarding-verification-panel,.onboarding-field,.account-onboarding-completed { display: grid; gap: 16px; }
.account-onboarding-completed { text-align: center; padding: 32px 16px; }
.onboarding-step-confirmed { display: flex; gap: 12px; padding: 12px; background: var(--success-tint); color: var(--success); border-radius: var(--radius); }
.onboarding-step-confirmed span { display: block; }
/* Dialogs / policies */
.dialog-panel-actions,.dialog-monitor-actions,.dialog-selection-bar,.dialog-quick-filters,.telegram-join-toolbar { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.dialog-filter-panel { padding: 16px; border: 1px solid var(--line); border-radius: var(--radius); margin-bottom: 16px; }
.dialog-filter-primary { display: flex; align-items: end; gap: 12px; }
.dialog-filter-search { flex: 1; }
.dialog-filter-advanced { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin-top: 16px; }
.dialog-quick-filters { margin-top: 12px; }
.dialog-quick-filters .active,.dialog-quick-filters .active:hover:not(:disabled) { color: var(--brand); background: var(--brand-tint); border-color: var(--brand); }
.dialog-selection-bar { margin-bottom: 12px; }
.dialog-run-summary,.status-box,.runtime-status-strip { padding: 12px 14px; background: var(--surface-subtle); border: 1px solid var(--line); border-radius: var(--radius); font-size: 12px; color: var(--muted); margin-bottom: 16px; }
.dialog-status-stack,.dialog-identity,.dialog-name-cell { display: grid; gap: 5px; }
.dialog-name-cell { min-width: 180px; }
.dialog-select-cell { width: 36px; }
.policy-workbench { display: grid; grid-template-columns: 240px minmax(0,1fr); gap: 24px; }
.policy-dialog-row { padding: 12px; margin-bottom: 6px; border-radius: var(--radius); border: 1px solid var(--line); cursor: pointer; }
.policy-dialog-row.selected { color: var(--brand); background: var(--brand-tint); }
.policy-status-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin-bottom: 20px; }
.policy-status-card { padding: 12px; background: var(--surface-subtle); border-radius: var(--radius); }
.policy-modal-form,.policy-form-body,.policy-prompt-stack,.conversation-advanced-body { display: grid; gap: 16px; }
.modal-panel .automation-editor-switch { display: flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 0 16px; border-bottom: 1px solid var(--line); }
.modal-panel .automation-editor-switch label { display: block; color: var(--ink); font-size: 14px; font-weight: 500; }
.modal-panel .automation-editor-switch .toggle-switch-input { margin-left: auto; }
.policy-modal-card,.policy-config-card,.conversation-policy-card { border: 0; padding: 0; border-radius: 0; background: transparent; min-width: 0; }
.policy-modal-form > .policy-modal-card + .policy-modal-card { padding-top: 8px; }
.policy-modal-card > .policy-card-head,.policy-modal-card > .modal-section-head { margin-bottom: 12px; }
.policy-modal-card .form-grid { gap: 16px; }
.policy-modal-card .field-helper-text,.policy-modal-card small { margin-top: 2px; }
.policy-card-head,.policy-workbench-header,.policy-top-switch { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.policy-top-switch { margin-bottom: 0; }
.policy-mode-segmented,.policy-trigger-segmented,.conversation-participation-segmented { display: flex; flex-wrap: nowrap; gap: 4px; padding: 4px; background: var(--surface-subtle); border: 1px solid var(--line-subtle); border-radius: var(--radius); }
.policy-mode-segmented > button,.policy-trigger-segment,.conversation-participation-segmented > button { flex: 1 1 0; min-width: 0; min-height: 40px; background: transparent; color: var(--muted); border: 1px solid transparent; border-radius: 4px; padding: 8px 10px; line-height: 20px; text-align: center; }
.policy-mode-segmented > .active,.policy-trigger-segment.active,.conversation-participation-segmented > .active,.policy-mode-segmented > [aria-pressed="true"],.policy-trigger-segment[aria-pressed="true"] { color: var(--brand); background: var(--surface); border-color: var(--line); box-shadow: var(--shadow); }
/* Segmented selection remains a raised surface while the pointer stays on it. */
:is(.policy-mode-segmented > button,.policy-trigger-segment,.conversation-participation-segmented > button):hover:not(:disabled) { color: var(--ink); background: var(--hover); }
:is(.policy-mode-segmented > button,.policy-trigger-segment,.conversation-participation-segmented > button):is(.active,[aria-pressed="true"]):hover:not(:disabled) { color: var(--brand); background: var(--surface); }
.account-switch-row-main,.account-switch-row-status { display: grid; gap: 4px; }
.account-switch-name-line { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.account-switch-row-main > span:last-child,.account-switch-row-counts { font-size: 11px; color: var(--muted); }
.account-switch-current { color: var(--brand); font-size: 11px; }
.account-switch-row-status { justify-items: end; flex-shrink: 0; }
.policy-switch-control { position: relative; display: inline-flex; flex: 0 0 36px; width: 36px; height: 44px; min-height: 44px; padding: 0; border: 0; background: transparent; }
.policy-switch-control:hover:not(:disabled) { background: transparent; }
.policy-switch-control::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: var(--switch-width); height: var(--switch-height); border: 2px solid transparent; border-radius: 999px; background: var(--switch-off); transition: background 250ms cubic-bezier(.77,0,.175,1); }
.policy-switch-knob { position: absolute; top: 50%; left: 2px; transform: translateY(-50%); display: block; width: var(--switch-thumb); height: var(--switch-thumb); border-radius: 50%; background: var(--on-brand); box-shadow: 0 2px 6px rgba(0,0,0,.18); transition: transform 250ms cubic-bezier(.77,0,.175,1),width 250ms cubic-bezier(.77,0,.175,1); }
.policy-switch-hidden { display: none; }
.policy-switch-control[aria-checked="true"]::before { background: var(--brand); }
.policy-switch-control[aria-checked="true"] .policy-switch-knob { transform: translate(20px,-50%); }
.policy-switch-control:active .policy-switch-knob { width: 24px; }
.policy-switch-control[aria-checked="true"]:active .policy-switch-knob { transform: translate(16px,-50%); }
.time-range-toolbar,.time-range-actions,.time-range-row,.policy-scheme-actions,.conversation-material-actions { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.time-range-rows { display: grid; gap: 8px; margin-block: 12px; }
.time-range-row .custom-time-picker,.time-range-row > input { flex: 1; min-width: 90px; }
.time-range-row .custom-time-picker input { width: 100%; }
.time-range-row { display: grid; grid-template-columns: 16px minmax(0,1fr) auto minmax(0,1fr) 32px; align-items: end; }
.time-range-row .time-range-index,.time-range-row .time-range-separator { line-height: 40px; color: var(--muted); font-size: 12px; }
.time-range-row .custom-time-picker { min-width: 0; }
.time-range-row .time-range-remove { width: 32px; height: 40px; min-height: 40px; padding: 0; border: 0; background: transparent; color: var(--muted); }
.time-range-remove::before { content: ''; display: block; width: 16px; height: 16px; background: currentColor; mask: url('icons/trash-2.svg') center / contain no-repeat; }
.time-range-row .time-range-remove:hover:not(:disabled) { color: var(--danger-text); background: var(--danger-tint); }
.time-range-actions .time-range-add,.time-range-toolbar .text-action,.policy-scheme-actions .text-action { border: 0; background: transparent; color: var(--muted); padding: 6px 8px; font-weight: 400; }
.time-range-actions .time-range-add { display: inline-flex; align-items: center; gap: 6px; color: var(--ink); }
.time-range-add::before { content: ''; width: 14px; height: 14px; background: currentColor; mask: url('icons/plus.svg') center / contain no-repeat; }
:is(.time-range-actions .time-range-add,.time-range-toolbar .text-action,.policy-scheme-actions .text-action):hover:not(:disabled) { background: var(--hover); color: var(--ink); }
@media(max-width:768px) {
  .time-range-row { grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) 40px; gap: 6px; }
  .time-range-row .time-range-index { display: none; }
  .time-range-row .time-range-remove { width: 40px; height: 44px; min-height: 44px; }
  .time-range-row .time-range-separator { line-height: 44px; }
}
@media(max-width:480px) {
  #policyEditModal .modal-actions { display: grid; grid-template-columns: minmax(0,1fr) auto auto; }
  #policyEditModal .policy-modal-effectiveness-dock { grid-column: 1 / -1; grid-row: 1; }
  #cancelPolicyEdit { grid-column: 2; grid-row: 2; }
  #savePolicyModal { grid-column: 3; grid-row: 2; }
}
.time-range-summary,.policy-modal-effectiveness,.policy-modal-blockers,.automation-parent-hint { color: var(--muted); font-size: 12px; line-height: 1.6; }
.policy-modal-effectiveness { display: none; }
.policy-modal-effectiveness-dock { display: inline-flex; align-items: center; gap: 6px; min-width: 0; margin-right: auto; color: var(--muted); font-size: 12px; }
.policy-modal-effectiveness-dock strong { color: var(--ink); font-weight: 500; }
.policy-effectiveness-dot { width: 7px; height: 7px; flex: 0 0 7px; border-radius: 50%; background: var(--muted); }
.policy-effectiveness-dot[data-tone="ready"] { background: var(--success); }
.policy-effectiveness-dot[data-tone="blocked"] { background: var(--warning); }
.policy-modal-effectiveness-dock .title-help-button { width: 20px; height: 20px; min-height: 20px; }
.policy-save-dock { position: sticky; bottom: 0; background: var(--surface); padding: 16px; border-top: 1px solid var(--line); display: flex; align-items: center; justify-content: flex-end; gap: 12px; }
/* Task lists and editors */
.scheduled-main-stack,.redemption-main-stack,.channel-alert-main-stack,.scheduled-task-list,.redemption-task-list,.redemption-run-list,.auction-event-list { display: grid; gap: 16px; }
.scheduled-task-card,.scheduled-task-row,.redemption-task-row,.redemption-run-row,.channel-alert-rule-row { padding: 18px; border: 1px solid var(--line); border-radius: var(--panel-radius); background: var(--surface); }
.scheduled-task-head,.redemption-task-head,.redemption-run-head,.scheduled-task-main,.redemption-task-main { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.scheduled-task-title,.redemption-task-title,.redemption-task-path { min-width: 0; overflow-wrap: anywhere; }
.redemption-task-meta,.scheduled-task-meta,.redemption-task-result,.redemption-run-meta { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; color: var(--muted); font-size: 12px; margin-top: 8px; }
.scheduled-actions,.redemption-task-actions,.redemption-result-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 14px; }
.scheduled-message-preview,.redemption-run-message,.record-detail { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 13px; color: var(--muted); margin-top: 12px; }
.redemption-core-grid,.redemption-three-column-grid,.auction-bid-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.redemption-method-layout,.redemption-capability-list,.redemption-nested-capability-list,.redemption-advanced-body,.redemption-advanced-group { display: grid; gap: 12px; }
.redemption-capability-card,.redemption-action-card,.redemption-nested-capability,.redemption-method-group { border: 1px solid var(--line); border-radius: var(--panel-radius); padding: 14px; min-width: 0; }
.redemption-capability-toggle,.redemption-nested-capability-toggle,.redemption-method-group-head,.redemption-capability-title,.feishu-field-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.redemption-capability-title { justify-content: flex-start; }
.redemption-capability-config,.redemption-nested-capability-config { margin-top: 16px; }
.redemption-toggle-control { flex: 0 0 auto; }
.redemption-command-control,.auction-command-control,.redemption-webhook-test-row { display: flex; align-items: flex-end; gap: 8px; }
.redemption-command-control input,.auction-command-control input { flex: 1; }
.weekday-toolbar,.redemption-weekdays,.channel-alert-rate-options { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.weekday-toolbar label,.redemption-weekdays label,.channel-alert-rate-options label { display: flex; align-items: center; gap: 6px; min-height: 36px; }
.redemption-draft-summary { border: 1px solid var(--line); border-radius: var(--radius); padding: 12px; margin-bottom: 16px; background: var(--surface-subtle); }
.redemption-draft-summary-chips { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 8px; }
.auction-product-options,.redemption-product-candidates,.channel-alert-dialog-options,.telegram-join-target-list,.telegram-join-candidate-list { display: grid; gap: 8px; margin-top: 12px; }
.modal-body .auction-product-section { margin-top: 24px; }
.modal-body .auction-product-options.list-empty { min-height: 80px; padding: 16px; }
.auction-product-option,.auction-product-card,.redemption-product-candidate,.telegram-join-target-row,.telegram-join-candidate { display: flex; align-items: flex-start; gap: 12px; width: 100%; padding: 12px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); color: var(--ink); text-align: left; }
/* Auction forms scroll vertically; native datetime controls must shrink on iOS. */
.auction-task-modal .modal-body { overflow-x: hidden; }
.auction-task-modal .modal-form-section,.auction-task-modal .auction-product-section,.auction-task-modal .auction-enable-copy { min-width: 0; overflow-wrap: anywhere; }
.auction-task-modal input:not([type="checkbox"]),.auction-task-modal .auction-product-options { min-width: 0; max-width: 100%; }
.auction-datetime-input { width: 100%; min-inline-size: 0; }
.auction-datetime-input::-webkit-date-and-time-value { min-width: 0; text-align: left; }
.auction-product-card { justify-content: flex-start; cursor: pointer; }
/* Product choices are not primary actions: override the global button hover. */
.auction-product-card:hover:not(:disabled) { border-color: var(--line-strong); background: var(--hover); color: var(--ink); }
.auction-product-card:active:not(:disabled) { filter: none; }
.auction-product-option.selected,.auction-product-card.selected,.redemption-product-candidate.selected { border-color: var(--brand); background: var(--brand-tint); }
.auction-product-card.selected:hover:not(:disabled) { border-color: var(--brand); background: var(--brand-tint); }
.auction-product-select { width: 18px; height: 18px; flex: 0 0 18px; margin-top: 2px; border: 1px solid var(--line); border-radius: 50%; background: var(--surface); }
.auction-product-card.selected .auction-product-select { border-color: var(--brand); box-shadow: inset 0 0 0 4px var(--surface), 0 0 0 1px var(--brand); background: var(--brand); }
.auction-product-copy { display: grid; gap: 4px; min-width: 0; }
.auction-product-copy strong { font-weight: 500; overflow-wrap: anywhere; }
.auction-product-copy small { color: var(--muted); line-height: 1.45; overflow-wrap: anywhere; }
.auction-product-warning { color: var(--warning-text, var(--warning)) !important; }
.channel-alert-enable-row,.auction-enable-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.modal-body .auction-enable-row + .form-grid { margin-top: 16px; }
.channel-alert-enable-copy,.auction-enable-copy { display: grid; gap: 4px; }
.channel-signup-images { display: grid; grid-template-columns: repeat(auto-fill,minmax(100px,1fr)); gap: 12px; }
.channel-signup-images img { max-height: 120px; object-fit: contain; }
.channel-alert-signup-preview { white-space: pre-wrap; overflow-wrap: anywhere; border: 1px solid var(--line); padding: 16px; border-radius: var(--radius); }
/* Reminder targets use the shared searchable entity input without a card shell. */
.channel-alert-dialog-field { min-width: 0; }
.channel-alert-dialog-selected { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.channel-alert-selected-chip { display: inline-flex; align-items: center; gap: 6px; max-width: 100%; padding: 3px 4px 3px 8px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface-subtle); font-size: 12px; }
.channel-alert-selected-chip > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.channel-alert-selected-chip button { flex: 0 0 28px; min-height: 28px; width: 28px; padding: 0; color: var(--muted); background: transparent; border: 0; }
.channel-alert-selected-chip button:hover:not(:disabled) { color: var(--ink); background: var(--hover); }
.channel-alert-target-menu { display: flex; flex-direction: column; gap: 4px; min-width: 0; overflow: hidden; color: var(--ink); }
.channel-alert-target-types { flex-shrink: 0; }
.channel-alert-target-types { display: flex; gap: 4px; max-width: 100%; overflow-x: auto; border-bottom: 1px solid var(--line); scrollbar-width: none; }
.channel-alert-target-types::-webkit-scrollbar { display: none; }
.channel-alert-target-type { position: relative; display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; gap: 6px; min-height: 40px; padding: 8px 10px; border: 0; border-radius: 0; background: transparent; box-shadow: none; color: var(--muted); white-space: nowrap; text-decoration: none; font-size: 12px; font-weight: 500; line-height: 18px; }
.channel-alert-target-type strong { color: var(--muted); font-size: 11px; font-weight: 400; font-variant-numeric: tabular-nums; }
.channel-alert-target-type:hover:not(:disabled) { background: transparent; color: var(--ink); box-shadow: none; text-decoration: none; }
.channel-alert-target-type[aria-selected="true"],.channel-alert-target-type[aria-selected="true"]:hover:not(:disabled) { background: transparent; color: var(--brand); }
.channel-alert-target-type[aria-selected="true"]::after { position: absolute; inset-inline: 6px; bottom: 0; height: 2px; border-radius: 2px; background: var(--brand); content: ""; }
.channel-alert-target-type:focus-visible { outline: 2px solid var(--focus-border); outline-offset: -3px; }
.channel-alert-target-type:active:not(:disabled) { filter: none; transform: none; }
.channel-alert-target-panel { display: flex; flex-direction: column; min-height: 0; flex: 1 1 auto; }
.channel-alert-target-tools { display: grid; grid-template-columns: minmax(0,1fr) auto auto; align-items: center; gap: 4px 8px; padding-bottom: 6px; color: var(--muted); font-size: 12px; }
.channel-alert-target-tools .text-action { padding-inline: 2px; font-size: 12px; white-space: nowrap; }
.channel-alert-target-menu .channel-alert-dialog-options { grid-auto-rows: max-content; align-content: start; margin: 0; gap: 2px; padding: 0; min-height: 0; max-height: 240px; overflow-y: auto; overscroll-behavior: contain; }
.channel-alert-target-menu .list-empty { padding: 20px 10px; color: var(--muted); font-size: 13px; text-align: center; }
.channel-alert-rule-modal .channel-alert-enable-copy small { color: var(--muted); font-weight: 400; }
.channel-alert-rule-modal .channel-alert-rate-options { gap: 8px 16px; margin-bottom: 8px; }
.channel-alert-rule-modal .channel-alert-signup-section { border-top: 1px solid var(--line); padding-top: 20px; }
@media (min-width:769px) {
  .channel-alert-rule-modal .form-grid:not(.one-column) { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width:768px) {
  .channel-alert-target-type { min-height: 44px; gap: 4px; padding: 8px 6px; }
}
/* Runtime, reply logs and reply lab */
.runtime-empty-state { padding: 36px 20px; border: 1px solid var(--line); border-radius: var(--panel-radius); text-align: center; }
.runtime-empty-card { display: grid; gap: 12px; justify-items: center; color: var(--muted); font-size: 13px; }
.runtime-empty-card h3 { color: var(--ink); font-size: 16px; }
.runtime-empty-mark { display: block; width: 32px; height: 32px; font-size: 0; background: var(--brand); mask: url("icons/inbox.svg") center / contain no-repeat; }
.runtime-empty-actions { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; }
.model-center-default-card { display: grid; gap: 8px; border: 1px solid var(--line); border-radius: var(--radius); padding: 16px; }
.model-center-default-card p { color: var(--muted); font-size: 12px; }
.model-center-toolbar { display: flex; gap: 8px; margin-block: 16px; }
.list-panel-title-text { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 4px; }
.list-panel-heading { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }

.runtime-filter-card { border: 1px solid var(--line); border-radius: var(--radius); padding: 16px; margin-bottom: 20px; }
.runtime-filter-toolbar { margin-bottom: 0; }
.runtime-filter-control { width: 200px; }
.runtime-status-strip { display: grid; gap: 4px; }
.events-list,.records-list,.conversation-session-list { display: grid; gap: 12px; }
.event-row,.reply-record,.record-row,.conversation-session-card,.conversation-session-row { border: 1px solid var(--line); border-radius: var(--panel-radius); padding: 16px; min-width: 0; }
.event-meta,.record-meta,.conversation-session-head,.reply-lab-result-head { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; color: var(--muted); font-size: 12px; margin-bottom: 10px; }
.event-message,.record-block { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 13px; }
.record-block + .record-block { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--line); }
.reply-group-overview-row { display: grid; grid-template-columns: minmax(180px,2fr) repeat(3,minmax(100px,1fr)) minmax(120px,1fr); gap: 16px; align-items: center; min-width: 650px; padding: 14px; border-bottom: 1px solid var(--line); }
.reply-group-overview-cell { display: grid; gap: 4px; }
.reply-group-overview-section { margin-bottom: 24px; }
.reply-lab-v2,.reply-lab-layout,.reply-test-prompt-grid,.ai-scheme-diff { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
.reply-lab-context,.reply-lab-candidate,.reply-lab-results,.reply-lab-config { min-width: 0; padding: 16px; border: 1px solid var(--line); border-radius: var(--panel-radius); }
.reply-lab-config { display: grid; align-content: start; gap: 16px; }
.reply-lab-quick-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.reply-lab-source,.reply-lab-persona-summary { font-size: 12px; color: var(--muted); overflow-wrap: anywhere; }
.reply-lab-results { display: grid; align-content: start; gap: 16px; }
.reply-lab-v2 > .reply-lab-results { margin-top: 0; }
.message-event-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; border: 1px solid var(--line); border-radius: var(--panel-radius); padding: 16px; margin-bottom: 12px; }
.message-event-main { min-width: 0; }
.message-event-row > button { flex-shrink: 0; }
.reply-lab-field-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.reply-lab-results { margin-top: 20px; }
.reply-lab-result-actions,.reply-lab-save-options,.reply-lab-persona-actions { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 12px; }
.reply-test-timeline { display: grid; gap: 12px; }
.reply-test-draft-text,.reply-test-prompt,.reply-preview-prompt { white-space: pre-wrap; overflow-wrap: anywhere; padding: 12px; border-radius: var(--radius); background: var(--surface-subtle); font-size: 13px; }
.conversation-session-detail-section { padding-top: 20px; }
.conversation-session-detail-section h3 { margin-bottom: 12px; }
/* Expression library and AI */
.expression-learning-panel > .expression-learning-content > .settings-block { padding: 0; border: 0; }
.speech-library-item-toolbar { display: grid; grid-template-columns: minmax(160px,1.3fr) minmax(190px,1.5fr) minmax(100px,.8fr) 104px; gap: 12px; align-items: end; margin-bottom: 20px; }
.speech-library-toolbar-actions { display: flex; justify-content: flex-end; gap: 8px; grid-column: 1 / -1; }
.speech-library-item,.speech-library-item-card,.learning-candidate-row,.learning-candidate-card { border: 1px solid var(--line); border-radius: var(--panel-radius); padding: 14px; margin-bottom: 10px; }
.speech-library-item-head,.speech-library-item-meta,.learning-candidate-head { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin-bottom: 10px; font-size: 12px; color: var(--muted); }
.speech-library-item-content { white-space: pre-wrap; overflow-wrap: anywhere; }
.speech-library-item-actions,.speech-library-candidate-tags { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 12px; }
.speech-library-candidate-tag { display: inline-flex; align-items: center; gap: 4px; padding: 4px 8px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface-subtle); }
.speech-library-candidate-tag button { min-height: 24px; padding: 0 4px; background: transparent; color: var(--muted); }
.modal-inline-action { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-top: 20px; }
.modal-inline-action strong,.modal-inline-action small { display: block; }
.ai-schemes-name { display: flex; align-items: center; gap: 8px; min-width: 0; }
.ai-schemes-badge { display: inline-flex; font-size: 11px; padding: 1px 6px; border-radius: 4px; color: var(--brand); background: var(--brand-tint); }
.ai-schemes-actions { flex-wrap: nowrap; }
.ai-schemes-search { width: min(280px,100%); }
.ai-schemes-filters { justify-content: space-between; align-items: center; }
.ai-schemes-kinds { margin: 0; }
.ai-schemes-ellipsis { max-width: 280px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ai-scheme-fields,.ai-persona-editor-content { display: grid; gap: 20px; }
.ai-scheme-label,.ai-scheme-default-line,.ai-scheme-check { display: flex; align-items: center; gap: 8px; }
.ai-scheme-label { justify-content: flex-start; }
.ai-scheme-label label { flex: 0 1 auto; }
.ai-scheme-panel #aiSchemePrompt { height: clamp(168px, 30vh, 240px); min-height: 168px; max-height: 300px; overflow: auto; line-height: 1.6; }
.ai-scheme-details { margin-top: 0; }
.ai-scheme-detail-body { display: grid; gap: 16px; padding-top: 6px; }
.ai-scheme-legacy-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.ai-scheme-diff > section { padding: 16px; border: 1px solid var(--line); border-radius: var(--radius); overflow-wrap: anywhere; min-width: 0; }
.ai-scheme-diff h3 { margin-bottom: 12px; }
.ai-persona-toolbar,.reply-profile-toolbar { display: flex; gap: 12px; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.ai-persona-search-field { width: 280px; max-width: 100%; }
.model-center-defaults,.ai-persona-basic-grid,.ai-persona-source-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; margin-bottom: 20px; }
.model-center-defaults > label { padding: 14px; border: 1px solid var(--line); border-radius: var(--radius); }
.model-config-list,.ai-persona-list,.reply-profile-list { overflow-x: auto; border: 1px solid var(--line); border-radius: var(--radius); }
.model-config-row { display: grid; grid-template-columns: minmax(200px,2fr) repeat(3,minmax(100px,1fr)) minmax(150px,1fr) minmax(130px,1fr); gap: 16px; min-width: 860px; padding: 14px; border-bottom: 1px solid var(--line); align-items: center; }
.reply-profile-row { display: grid; grid-template-columns: minmax(180px,2fr) repeat(4,minmax(100px,1fr)) minmax(130px,1fr); gap: 16px; min-width: 800px; padding: 14px; border-bottom: 1px solid var(--line); align-items: center; }
.ai-persona-row { display: grid; grid-template-columns: minmax(180px,2fr) repeat(6,minmax(90px,1fr)) 150px; gap: 16px; min-width: 980px; padding: 14px; border-bottom: 1px solid var(--line); align-items: center; }
.model-config-head,.reply-profile-head,.ai-persona-head { font-size: 14px; color: var(--muted); background: var(--surface); }
.model-config-cell,.reply-profile-cell,.ai-persona-cell { min-width: 0; overflow-wrap: anywhere; }
.model-config-cell small,.reply-profile-cell small,.ai-persona-cell small { display: block; }
.model-config-cell.list-row-actions,.ai-persona-cell.list-row-actions,.reply-profile-cell.list-row-actions { display: flex; }
.ai-persona-source-card { padding: 16px; border: 1px solid var(--line); border-radius: var(--panel-radius); }
.ai-persona-source-card-head,.ai-persona-field-label-row { display: flex; justify-content: space-between; gap: 8px; margin-bottom: 10px; }
.ai-persona-field-label,.ai-persona-default-row { display: flex; align-items: center; gap: 8px; }
.ai-persona-version-row,.ai-persona-version-detail { padding: 16px; border: 1px solid var(--line); border-radius: var(--radius); margin-bottom: 12px; }
.ai-persona-version-diff { white-space: pre-wrap; overflow-wrap: anywhere; }
/* Risk / license / platform */
.block-title { margin-bottom: 16px; }
.global-switch-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.platform-settings-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; align-items: start; }
.platform-settings-grid > .panel { margin: 0; }
.platform-runtime-config-panel { grid-column: 1 / -1; }
.platform-settings-actions { display: flex; justify-content: flex-end; margin-top: 20px; }
.platform-setting-switch { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.platform-setting-switch strong,.platform-setting-switch small { display: block; }
.platform-automation-control { display: flex; align-items: center; gap: 8px; }
.platform-runtime-config-grid,.platform-user-summary-grid,.platform-user-metadata { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.platform-runtime-config-item,.platform-user-summary-card { border: 1px solid var(--line); padding: 14px; border-radius: var(--radius); }
.platform-runtime-config-head,.platform-user-detail-section-head,.platform-user-heading { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-bottom: 8px; }
.platform-user-toolbar label.search-field { flex: 2 1 220px; }
.platform-user-batch-bar { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-bottom: 16px; padding: 12px; background: var(--brand-tint); border-radius: var(--radius); }
.platform-user-batch-bar label { min-width: 160px; }
.platform-user-detail-section { margin-top: 24px; }
.platform-user-detail-section h3 { margin-bottom: 12px; }
.platform-user-security-item,.platform-user-audit-item,.platform-user-account-item { padding: 12px; border: 1px solid var(--line); border-radius: var(--radius); margin-bottom: 8px; }
.platform-user-password-result { padding: 12px; background: var(--surface-subtle); border-radius: var(--radius); }
.platform-user-password-copy-row { display: flex; gap: 8px; margin-top: 12px; }
.platform-user-password-copy-row input { flex: 1; }
.platform-list-panel .role-console-table table { min-width: 850px; }
.license-redeem-form,.license-redeem-row { display: flex; gap: 12px; align-items: end; flex-wrap: wrap; }
.license-redeem-form label { flex: 1; }
.license-package-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.license-package-card { border: 1px solid var(--line); border-radius: var(--panel-radius); padding: 20px; }
.feishu-manager-body { display: grid; gap: 12px; }
.feishu-webhook-row { padding: 12px; border: 1px solid var(--line); border-radius: var(--radius); }
.feishu-webhook-actions { display: flex; gap: 8px; margin-top: 12px; }
@media(max-width:1250px) { .account-summary-row { grid-template-columns: repeat(3,minmax(0,1fr)); } .account-summary-identity { grid-column: span 2; } .account-summary-actions { grid-column: 1 / -1; flex-direction: row; justify-content: flex-end; } }
@media(max-width:1100px) {
  .overview-speech-activity { grid-template-columns: minmax(0,1fr); }
}
@media(max-width:1000px) {
  .overview-insight-grid { grid-template-columns: minmax(0,1fr); }
  .overview-operation-bar { flex-wrap: wrap; }
  .overview-runtime-copy,.overview-quick-zone { min-width: 0; flex: 1 1 220px; }
  .overview-quick-summary { white-space: normal; }
  .overview-quick-actions { min-width: 0; justify-content: flex-end; }
  .speech-library-item-toolbar { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .platform-settings-grid { gap: 16px; }
}
@media(max-width:768px) {
  .overview-toolbar { align-items: flex-start; gap: 12px; } .overview-updated-at { text-align: right; font-size: 11px; }
  .overview-mobile-page-heading { display: grid; gap: 2px; padding: 2px 0 0; }
  .overview-mobile-page-heading h1 { font-size: 20px; line-height: 28px; }
  .overview-mobile-page-heading p { color: var(--muted); font-size: 13px; line-height: 20px; }
  .overview-operation-bar,.overview-quick-zone,.current-account-action-bar { align-items: flex-start; flex-direction: column; padding: 16px; }
  .overview-operation-bar { justify-content: flex-start; }
  .overview-runtime-copy,.overview-quick-zone { width: 100%; flex: none; }
  .overview-dashboard-body { gap: 16px; }
  .content-section[data-page-pattern].active { gap: 20px; }
  .overview-quick-zone { padding: 0; }
  .overview-quick-actions,.current-account-action-actions { width: 100%; }
  .overview-insight-grid { gap: 16px; }
  .overview-speech-activity-summary { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .overview-speech-activity-summary > div { padding: 12px 8px; }
  .overview-speech-activity-summary strong { font-size: 20px; }
  .overview-speech-activity-range { font-size: 11px; }
  .overview-speech-activity-head { flex-direction: column; gap: 8px; }
  .overview-speech-scroll-hint { display: block; }
  .overview-state-notice { align-items: flex-start; }
  .overview-state-notice .small-button { min-height: 36px; }
  .account-summary-row { grid-template-columns: repeat(2,minmax(0,1fr)); padding: 14px; gap: 18px 16px; }
  .account-summary-identity { grid-column: 1 / -1; position: relative; padding-right: 60px; }
  .account-row-select-control { position: absolute; top: 0; right: 0; min-height: 36px; }
  .account-summary-cell > span:not(.status-chip),.account-business-switches label span { font-size: 12px; }
  .account-activity-cell { grid-column: 1 / -1; }
  .account-summary-actions { border-top: 1px solid var(--line); padding-top: 12px; justify-content: flex-start; }
  .account-onboarding-steps { gap: 8px; }
  .account-onboarding-step-indicator { flex-direction: column; align-items: flex-start; font-size: 11px; }
  .dialog-filter-primary { flex-wrap: wrap; }
  .dialog-filter-search { flex-basis: 100%; }
  .dialog-filter-advanced { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .dialog-panel-actions { width: 100%; }
  .policy-workbench,.policy-status-grid { grid-template-columns: minmax(0,1fr); }
  .policy-mode-segmented,.policy-trigger-segmented,.conversation-participation-segmented { overflow-x: auto; scrollbar-width: none; }
  .policy-mode-segmented > button,.policy-trigger-segment { flex-basis: 0; min-width: 0; min-height: 44px; padding-inline: 8px; }
  .policy-card-head { flex-wrap: wrap; }
  .policy-save-dock { position: static; flex-wrap: wrap; padding-inline: 0; }
  .scheduled-task-head,.redemption-task-head,.scheduled-task-main,.redemption-task-main { align-items: flex-start; flex-wrap: wrap; }
  .redemption-core-grid,.redemption-three-column-grid,.auction-bid-grid { grid-template-columns: minmax(0,1fr); }
  .redemption-webhook-test-row { flex-wrap: wrap; }
  .redemption-command-control,.auction-command-control { align-items: stretch; }
  .redemption-command-control button,.auction-command-control button { flex: 0 0 auto; }
  .runtime-filter-control { width: 100%; }
  .message-event-row { flex-wrap: wrap; }
  .reply-lab-quick-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .reply-lab-v2,.reply-lab-layout,.reply-test-prompt-grid,.reply-lab-field-grid,.ai-scheme-diff { grid-template-columns: minmax(0,1fr); }
  .speech-library-item-toolbar { gap: 12px; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .speech-library-search-field { grid-column: 1 / -1; order: -1; }
  .speech-library-toolbar-actions { flex-wrap: wrap; }
  .speech-library-item-toolbar > .compact-field { max-width: none; }
  .ai-schemes-search { width: 100%; }
  .ai-schemes-filters { gap: 16px; }
  .ai-scheme-label { align-items: flex-start; flex-wrap: wrap; }
  .ai-persona-toolbar,.reply-profile-toolbar { align-items: flex-start; flex-wrap: wrap; }
  .ai-persona-search-field { width: 100%; }
  .model-center-defaults,.ai-persona-basic-grid,.ai-persona-source-grid { grid-template-columns: minmax(0,1fr); }
  .modal-inline-action { flex-direction: column; align-items: flex-start; }
  .platform-settings-grid,.platform-runtime-config-grid,.platform-user-summary-grid,.platform-user-metadata,.global-switch-grid,.license-package-grid { grid-template-columns: minmax(0,1fr); }
  .platform-runtime-config-panel { grid-column: auto; }
  .platform-settings-form-grid { grid-template-columns: minmax(0,1fr); }
}

/* Final mobile composition pass. Rows that are dense desktop tables become
   labelled cards; the source roles and data-label attributes remain intact. */
@media(max-width:768px) {
  .content-section[data-page-pattern] { width: 100%; overflow: clip; }
  .content-section[data-page-pattern] > .panel,
  .content-section[data-page-pattern] > .account-management-list-panel,
  .content-section[data-page-pattern] > .account-management-list-panel > .panel { min-width: 0; }
  .panel-head > .button-group,.list-panel-actions,.account-management-head-actions,.platform-settings-actions { width: 100%; }
  .panel-head > .button-group > button,.list-panel-actions > button,.account-management-head-actions .button-group > button,.platform-settings-actions > button { flex: 1 1 auto; }
  .overview-operation-bar { gap: 14px; }
  .overview-account-list,.overview-group-table { display: grid; gap: 12px; overflow: visible; }
  .overview-account-row,.overview-group-row,.overview-group-row.with-account {
    min-width: 0; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px;
    padding: 16px; border: 1px solid var(--line); border-radius: var(--panel-radius);
  }
  .overview-account-row.overview-table-head,.overview-group-row.overview-table-head { display: none; }
  .overview-account-row > [data-label]::before,.overview-group-row > [data-label]::before {
    content: attr(data-label); display: block; margin-bottom: 4px; font-size: 12px; color: var(--muted);
  }
  .overview-account-identity,.overview-account-switches,.overview-account-actions,
  .overview-group-name,.overview-group-latest,.overview-group-row > :last-child { grid-column: 1 / -1; }
  .overview-account-actions::before { flex-basis: 100%; }
  .overview-account-actions > button { flex: 1 1 auto; }

  .overview-quick-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .overview-quick-actions > button { width: 100%; min-width: 0; }
  .dialog-filter-advanced { grid-template-columns: minmax(0,1fr); }
  .dialog-filter-primary > * { min-width: 0; width: 100%; }
  .dialog-filter-primary > .dialog-panel-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .dialog-filter-primary > .dialog-panel-actions > button { width: 100%; }
  .policy-card-head,.policy-workbench-header,.platform-runtime-config-head,.platform-user-detail-section-head { align-items: flex-start; }
  .policy-card-head > .button-group,.policy-workbench-header > .button-group { width: 100%; }
  .policy-card-head > .button-group > button,.policy-workbench-header > .button-group > button { flex: 1 1 auto; }
  .scheduled-actions,.redemption-task-actions,.redemption-result-actions,.feishu-webhook-actions { width: 100%; }
  .scheduled-actions > button,.redemption-task-actions > button,.redemption-result-actions > button,.feishu-webhook-actions > button { flex: 1 1 auto; }
  .license-redeem-form,.license-redeem-row { display: grid; grid-template-columns: minmax(0,1fr); align-items: stretch; }
  .license-redeem-form button,.license-redeem-row button { width: 100%; }
  .model-config-list,.ai-persona-list,.reply-profile-list { overflow: visible; border: 0; display: grid; gap: 12px; }
  .model-config-head,.ai-persona-head,.reply-profile-head { display: none; }
  .model-config-row,.ai-persona-row,.reply-profile-row {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 12px;
    min-width: 0;
    padding: 14px;
    border: 1px solid var(--line);
    border-radius: var(--panel-radius);
    background: var(--surface);
  }
  .model-config-row > :first-child,.ai-persona-row > :first-child,.reply-profile-row > :first-child,
  .model-config-row > .list-row-actions,.ai-persona-row > .list-row-actions,.reply-profile-row > .list-row-actions { grid-column: 1 / -1; }
  .model-config-cell::before,.ai-persona-cell::before,.reply-profile-cell::before { content: attr(data-label); display: block; margin-bottom: 3px; color: var(--muted); font-size: 11px; line-height: 18px; }
  .model-config-row > :first-child::before,.ai-persona-row > :first-child::before,.reply-profile-row > :first-child::before { display: none; }
  .model-config-row .list-row-actions,.ai-persona-row .list-row-actions,.reply-profile-row .list-row-actions { justify-content: flex-start; border-top: 1px solid var(--line); padding-top: 10px; }
  .model-config-row .list-row-actions > button,.ai-persona-row .list-row-actions > button,.reply-profile-row .list-row-actions > button { flex: 1 1 auto; }
  .platform-list-panel .role-console-table,.platform-list-panel .table-wrap { border: 0; overflow-x: auto; }
  .platform-user-toolbar,.role-console-toolbar,.runtime-filter-toolbar { display: grid; grid-template-columns: minmax(0,1fr); align-items: stretch; }
  .platform-user-toolbar > *, .role-console-toolbar > *, .runtime-filter-toolbar > * { width: 100%; min-width: 0; }
  .platform-user-batch-bar { align-items: stretch; }
  .platform-user-batch-bar > * { width: 100%; }
  .message-event-row > button { width: 100%; }
  .reply-lab-quick-grid { grid-template-columns: minmax(0,1fr); }
  .speech-library-toolbar-actions { width: 100%; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .speech-library-toolbar-actions > button { width: 100%; }
  .ai-schemes-filters { display: grid; grid-template-columns: minmax(0,1fr); }
  .ai-schemes-kinds { overflow-x: auto; width: 100%; }
  .ai-schemes-actions { width: 100%; }
  .ai-schemes-actions > button { flex: 1 1 auto; }
}
@media(max-width:360px) {
  .panel,.settings-block { padding: 12px; }
  .overview-mobile-page-heading h1 { font-size: 18px; }
  .speech-library-toolbar-actions { grid-template-columns: minmax(0,1fr); }
  .model-config-row,.ai-persona-row,.reply-profile-row { grid-template-columns: minmax(0,1fr); }
  .model-config-row > :first-child,.ai-persona-row > :first-child,.reply-profile-row > :first-child,
  .model-config-row > .list-row-actions,.ai-persona-row > .list-row-actions,.reply-profile-row > .list-row-actions { grid-column: auto; }
}

/* Every route has an explicit title/actions surface above its business content. */
.content-page-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; width: 100%; }
.content-page-title { min-width: 0; display: grid; gap: 4px; }
.content-page-title h1,.overview-mobile-page-heading .content-page-title h1 { font-size: 22px; font-weight: 650; line-height: 30px; letter-spacing: -.02em; }
.content-page-title p,.overview-mobile-page-heading .content-page-title p { color: var(--muted); font-size: 14px; line-height: 23px; }
.content-page-actions { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
.page-refresh-host { display: flex; align-items: center; gap: 8px; }
.page-refresh-host .header-refresh-button { width: 32px; height: 32px; min-height: 32px; border: 1px solid var(--line); color: var(--muted); background: var(--surface); }
.page-refresh-host .header-refresh-button:hover { background: var(--hover); }
.page-refresh-host .refresh-state-chip { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.content-section .panel-head:has(h2[hidden]):not(:has(button)):not(:has(.status-chip)),.ai-schemes-toolbar:not(:has(button)):has(h2[hidden]) { display: none; }
.content-section .panel-head:has(h2[hidden]) { border: 0; padding-bottom: 0; }
@media(max-width:768px) {
  .content-page-header { align-items: flex-start; flex-wrap: wrap; gap: 12px; }
  .content-page-title { flex: 1 1 200px; }
  .content-page-title h1,.overview-mobile-page-heading .content-page-title h1 { font-size: 20px; line-height: 28px; }
  .content-page-actions { margin-left: auto; flex-wrap: wrap; }
  .content-page-header.overview-mobile-page-heading { display: flex; }
}

/* Account summaries share one table surface instead of repeated card frames. */
.account-summary-list:not(.list-empty) { display: block; border: 1px solid var(--line); border-radius: var(--panel-radius); overflow: hidden; background: var(--surface); }
.account-summary-head,.account-summary-row { grid-template-columns: minmax(145px,1.5fr) repeat(3,minmax(82px,1fr)) minmax(105px,1fr) minmax(110px,1fr) 88px; gap: 16px; }
.account-summary-head { display: grid; padding: 10px 16px; color: var(--muted); border-bottom: 1px solid var(--line); font-size: 14px; }
.account-summary-row { padding: 16px; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; }
.account-summary-row:last-child { border-bottom: 0; }
.account-summary-row.selected { background: color-mix(in srgb,var(--brand) 3%,var(--surface)); }
.account-summary-row:hover { background: var(--hover); }
.account-summary-row .account-summary-cell > span:not(.status-chip) { display: none; }
.account-summary-row .account-row-select-control { min-height: 24px; padding: 0 6px; font-size: 12px; }
.account-summary-cell strong { font-size: 14px; font-weight: 500; }
@media(max-width:1250px) {
  .account-summary-head { display: none; }
  .account-summary-row { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .account-summary-row .account-summary-cell > span:not(.status-chip) { display: block; }
}
@media(max-width:767px) {
  .account-summary-row { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
.modal-section-heading { margin-bottom: 16px; font-size: 14px; font-weight: 600; }
.modal-form-section > .form-grid > .wide-label { grid-column: 1 / -1; }
.modal-form-section > #testModelConfig { margin-top: 12px; min-height: 32px; padding-block: 0; }
.modal-form-section > .inline-status { margin-top: 8px; }
.content-page-title h1 .title-help-button { margin-left: 8px; }

/* Settings use full-width grouped rows, as in the reference workspace settings. */
.platform-settings-grid { grid-template-columns: minmax(0,1fr); }
.platform-settings-panel .form-grid { grid-template-columns: minmax(0,1fr); gap: 20px; }
.block-title { margin-bottom: 16px; font-size: 16px; }
@media(min-width:768px) {
  .platform-settings-panel .form-grid > label { display: grid; grid-template-columns: minmax(200px,2fr) minmax(240px,3fr); align-items: center; gap: 24px; }
  [data-section-panel="risk"] .settings-block .form-grid { grid-template-columns: minmax(0,1fr); }
  [data-section-panel="risk"] .settings-block .form-grid > label { grid-template-columns: minmax(200px,2fr) minmax(240px,3fr); align-items: center; gap: 24px; }
}
/* A list already has its own border; do not frame an empty surface twice. */
.scheduled-panel > .list-empty,.redemption-panel > .list-empty,.auction-panel > .list-empty { border: 0; }

.scheduled-main-stack > .panel,.redemption-main-stack > .panel,.channel-alert-main-stack > .panel { border: 0; padding: 0; background: transparent; }

/* Scheduled history is a read-only ledger, with inline evidence rather than another modal. */
.scheduled-history { min-width:0; }
.scheduled-history-caption { margin:4px 0 0; color:var(--muted); font-size:12px; overflow-wrap:anywhere; }
.scheduled-history-filters { display:grid; grid-template-columns:minmax(180px,1.5fr) minmax(140px,.8fr) minmax(160px,1fr) auto auto; align-items:end; gap:12px; margin:20px 0; }
.scheduled-history-filters label { min-width:0; margin:0; font-size:12px; color:var(--muted); }
.scheduled-history-filters :is(input,select,.enhanced-select) { width:100%; min-width:0; }
.scheduled-history-filters > button { height:40px; }
.scheduled-history #scheduledRunReset { background:transparent; border-color:transparent; color:var(--muted); }
.scheduled-history-summary { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; margin-bottom:20px; }
.scheduled-history-summary:empty { display:none; }
.scheduled-history .scheduled-history-stat { display:flex; flex-direction:column; align-items:flex-start; gap:6px; min-width:0; padding:12px 16px; border:1px solid var(--line); border-radius:var(--radius); background:var(--surface); color:var(--muted); text-align:left; font-size:12px; }
.scheduled-history .scheduled-history-stat strong { font-size:22px; line-height:1.2; color:var(--ink); font-variant-numeric:tabular-nums; }
.scheduled-history .scheduled-history-stat[aria-pressed=true] { border-color:var(--brand); background:var(--brand-tint); color:var(--brand); }
.scheduled-history .scheduled-history-stat:hover:not(:disabled) { background:var(--hover); }
.scheduled-history-columns,.scheduled-run > summary { display:grid; grid-template-columns:160px minmax(0,1fr) minmax(0,1.2fr) 48px; gap:16px; align-items:center; padding:12px 16px; }
.scheduled-history-columns { font-size:12px; color:var(--muted); background:var(--surface-subtle); border-radius:var(--radius) var(--radius) 0 0; }
.scheduled-history-list { min-height:180px; min-width:0; }
.scheduled-run { border-bottom:1px solid var(--line); background:var(--surface); }
.scheduled-run > summary { cursor:pointer; list-style:none; min-height:88px; scroll-margin-top:72px; }
.scheduled-run > summary::-webkit-details-marker { display:none; }
.scheduled-run > summary:hover { background:var(--hover); }
.scheduled-run > summary:focus-visible { outline:2px solid var(--brand); outline-offset:-2px; border-radius:var(--radius); }
.scheduled-run > summary > span { min-width:0; }
.scheduled-run small { display:block; margin-top:5px; color:var(--muted); font-size:12px; }
.scheduled-run-context strong,.scheduled-run-context small,.scheduled-run-result small { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; overflow-wrap:anywhere; }
.scheduled-run-time { font-size:12px; font-variant-numeric:tabular-nums; }
.scheduled-run-disclosure { display:flex; gap:2px; align-items:center; color:var(--muted); font-size:12px; white-space:nowrap; }
.scheduled-run-disclosure svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.5; }
.scheduled-run .run-hide,.scheduled-run[open] .run-show { display:none; }
.scheduled-run[open] .run-hide { display:inline; }
.scheduled-run[open] .scheduled-run-disclosure svg { transform:rotate(90deg); }
.scheduled-run-detail { padding:0 16px 20px; display:grid; gap:16px; overflow-wrap:anywhere; }
.scheduled-run-guidance { margin:0; padding:12px; background:var(--surface-subtle); border-left:3px solid var(--line-strong); border-radius:var(--radius); font-size:13px; }
.scheduled-run-facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:0; font-size:12px; }
.scheduled-run-facts dt { color:var(--muted); margin-bottom:4px; }
.scheduled-run-facts dd { margin:0; font-variant-numeric:tabular-nums; }
.scheduled-run-body h3 { margin:0 0 6px; font-size:12px; color:var(--muted); font-weight:500; }
.scheduled-run-body p { margin:0; white-space:pre-wrap; font-size:13px; line-height:1.7; max-height:320px; overflow:auto; }
.scheduled-run-error { padding:12px; background:var(--warning-tint); border-radius:var(--radius); }
.scheduled-run-reference { display:flex; justify-content:space-between; align-items:center; gap:16px; padding-top:12px; border-top:1px solid var(--line); font-size:12px; color:var(--muted); }
.scheduled-run-reference > button { flex-shrink:0; }
.scheduled-history-empty { text-align:center; padding:40px 16px; color:var(--muted); }
.scheduled-history-empty strong { color:var(--ink); }
.scheduled-history-footnote { padding-top:12px; border-top:1px solid var(--line); }
@media(max-width:1100px) {
  .scheduled-history-filters { grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto auto; }
  .scheduled-history-search { grid-column:1/-1; }
}
@media(max-width:600px) {
  .scheduled-history-filters { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 8px; }
  .scheduled-history-summary { grid-template-columns:repeat(5,minmax(0,1fr)); gap:4px; }
  .scheduled-history .scheduled-history-stat { padding:10px 4px; font-size:11px; align-items:center; }
  .scheduled-history .scheduled-history-stat > span { white-space:nowrap; }
  .scheduled-history .scheduled-history-stat strong { font-size:18px; }
  .scheduled-history-columns { display:none; }
  .scheduled-run { border:1px solid var(--line); border-radius:var(--panel-radius); margin-bottom:8px; }
  .scheduled-run > summary { grid-template-columns:minmax(0,1fr) 48px; gap:12px; padding:16px 12px; }
  .scheduled-run-time { grid-column:1; grid-row:1; display:flex; flex-wrap:wrap; gap:4px 8px; color:var(--muted); }
  .scheduled-run-time small { margin:0; }
  .scheduled-run-context { grid-column:1/-1; grid-row:2; }
  .scheduled-run-result { grid-column:1/-1; grid-row:3; }
  .scheduled-run-disclosure { grid-column:2; grid-row:1; }
  .scheduled-run-detail { padding:0 12px 16px; }
  .scheduled-run-facts { grid-template-columns:1fr; gap:10px; }
  .scheduled-run-reference { flex-direction:column; align-items:flex-start; }
}
.redemption-task-list:not(.list-empty) { gap: 0; border: 1px solid var(--line); border-radius: var(--panel-radius); overflow: hidden; background: var(--surface); }
.redemption-task-list > .redemption-task-row { border: 0; border-radius: 0; border-bottom: 1px solid var(--line); padding: 16px; }
.redemption-task-list > .redemption-task-row:last-child { border-bottom: 0; }
.redemption-task-main { display: grid; grid-template-columns: minmax(150px,1.2fr) minmax(140px,1fr) minmax(160px,1.2fr) minmax(120px,1fr); gap: 24px; align-items: start; }
.redemption-task-title { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; }
.redemption-task-title > strong { width: 100%; font-size: 14px; font-weight: 500; margin-bottom: 4px; }
.redemption-task-meta,.redemption-task-result { display: grid; gap: 4px; margin: 0; overflow-wrap: anywhere; }
.redemption-task-path { font-size: 13px; line-height: 22px; }
.redemption-task-actions { justify-content: flex-end; margin-top: 12px; }
@media(max-width:1023px) {
  .redemption-task-main { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
}
@media(max-width:600px) {
  .redemption-task-main { grid-template-columns: minmax(0,1fr); gap: 12px; }
  .redemption-task-actions { justify-content: flex-start; padding-top: 12px; border-top: 1px solid var(--line); }
}

.model-center-defaults { grid-template-columns: minmax(0,1fr); gap: 0; border: 1px solid var(--line); border-radius: var(--panel-radius); background: var(--surface); overflow: hidden; }
.model-default-card { display: grid; grid-template-columns: minmax(200px,2fr) minmax(240px,3fr); column-gap: 24px; row-gap: 6px; padding: 20px 24px; border-bottom: 1px solid var(--line); }
.model-default-card:last-child { border-bottom: 0; }
.model-default-card-head { grid-row: span 2; display: grid; align-content: start; gap: 6px; justify-items: start; }
.model-default-card-head > div { display: grid; gap: 4px; }
.model-default-card-head > div > span { color: var(--muted); font-size: 13px; }
.model-config-search-field { width: 320px; max-width: 100%; }
#licenseMetricGrid { grid-template-columns: repeat(3,minmax(0,1fr)); }
@media(max-width:767px) {
  .model-default-card { display: flex; flex-direction: column; gap: 8px; padding: 16px; }
  .model-default-card label { width: 100%; }
  #licenseMetricGrid { grid-template-columns: minmax(0,1fr); }
}

.content-page-count { justify-self: start; padding: 0; border: 0; background: transparent; color: var(--muted); font-size: 12px; line-height: 20px; }
#platformOverviewMetrics { grid-template-columns: repeat(3,minmax(0,1fr)); }
.platform-overview-alert { display: flex; align-items: flex-start; gap: 10px; padding: 12px 0; }
.platform-overview-alert > div { display: grid; gap: 4px; }
.platform-overview-alert strong { font-size: 14px; font-weight: 500; }
.platform-overview-alert > div > span { color: var(--muted); font-size: 13px; line-height: 22px; }
.platform-overview-alert-dot { margin-top: 7px; width: 6px; height: 6px; border-radius: 50%; background: var(--muted); flex-shrink: 0; }
.platform-overview-alert.warning .platform-overview-alert-dot { background: var(--warning); }
@media(max-width:767px) { #platformOverviewMetrics { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width:360px) { #platformOverviewMetrics { grid-template-columns: minmax(0,1fr); } }

.inline-test-action { margin-top: 12px; min-height: 32px; padding: 0 12px; }
.user-detail-actions > .form-grid { display: flex; flex-wrap: wrap; gap: 8px; }
.user-detail-actions button { min-height: 32px; padding: 0 12px; }
@media(max-width:768px) {
  .content-page-header,.content-page-header.overview-mobile-page-heading { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 4px 12px; align-items: start; }
  .content-page-title { display: contents; }
  .content-page-title h1 { grid-column: 1; grid-row: 1; min-height:32px; }
  .content-page-title p { grid-column: 1 / -1; grid-row: 2; }
  .content-page-title .content-page-count { grid-column: 1 / -1; grid-row: 3; }
  .content-page-actions { grid-column: 2; grid-row: 1; align-self: start; }
  /* Multiple page actions get their own row instead of squeezing a Chinese title. */
  .content-page-header:has(.content-page-actions > :nth-child(2)) { grid-template-columns: minmax(0,1fr); }
  .content-page-header:has(.content-page-actions > :nth-child(2)) > .content-page-actions { grid-column: 1; grid-row: 3; justify-self: start; margin-left: 0; margin-top: 8px; max-width: 100%; }
}

/* Reference Logs uses a 32px ghost refresh action, including on narrow screens. */
.content-page-actions .page-refresh-button,.page-refresh-host .header-refresh-button {
  display: inline-flex; flex: 0 0 32px; width: 32px; min-width: 32px; height: 32px; min-height: 32px;
  padding: 0; border: 0; background: transparent; color: var(--muted);
}
.content-page-actions .page-refresh-button:hover:not(:disabled),.page-refresh-host .header-refresh-button:hover:not(:disabled) { background: var(--hover); color: var(--ink); }
.page-refresh-button .button-loading-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }

.content-page-actions .content-tool-button { width: 32px; min-width: 32px; min-height: 32px; height: 32px; flex: 0 0 32px; padding: 0; border: 0; background: transparent; color: var(--muted); }
.content-tool-button > span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.content-page-actions .content-tool-button:hover { background: var(--hover); color: var(--ink); }

/* Row actions keep their intrinsic size on mobile; the overflow control is an icon. */
.list-row-actions > button,.ai-schemes-actions > button { flex: 0 0 auto; min-height: 32px; height: 32px; padding: 0 12px; }
.list-row-actions > .row-overflow-trigger,.ai-schemes-actions > .row-overflow-trigger { flex: 0 0 32px; min-width: 32px; width: 32px; max-width: 32px; padding: 0; }
@media(max-width:768px) {
  .list-row-actions > .row-overflow-trigger,.ai-schemes-actions > .row-overflow-trigger { flex: 0 0 44px; min-width: 44px; width: 44px; max-width: 44px; height: 44px; min-height: 44px; padding: 0; touch-action: manipulation; }
}
.redemption-task-result > .status-chip { justify-self: start; }

/* Workspace-dialog rhythm: one column for ordinary forms; wider tools retain their data layout. */
.modal-size-sm .form-grid,.modal-size-md .form-grid { grid-template-columns: minmax(0,1fr); }
.model-config-modal-body > .modal-form-section { padding: 0; }
.model-config-modal-body > .modal-form-section + .modal-form-section { margin-top: 16px; }
.model-config-modal-body > .modal-form-section > .modal-section-heading { display: none; }
.modal-switch-row > span { min-width: 0; }
.modal-switch-row > span > small { display: block; }
.modal-switch-row > input { margin-left: auto; }
.modal-body .redemption-method-group { border: 0; padding: 0; }
.modal-body .redemption-action-card { border: 0; padding: 8px 0 0; }
.modal-body .redemption-capability-card:not(.redemption-action-card) { border: 0; border-radius: 0; padding: 12px 0; background: transparent; }
.modal-body .redemption-capability-card + .redemption-capability-card { border-top: 1px solid var(--line); }
.modal-body .redemption-capability-toggle { min-height: 32px; }
.modal-body .redemption-capability-title { min-width: 0; }
.modal-body .redemption-capability-title strong { font-size: 14px; font-weight: 500; overflow-wrap: anywhere; }
.modal-body .redemption-capability-title .title-help-button { flex-shrink: 0; }
.modal-body .redemption-nested-capability { border: 0; border-left: 1px solid var(--line); border-radius: 0; }
.ai-scheme-panel:not(:has(.ai-scheme-diff)) { width: min(512px,100%); }
.modal-panel .field-label-with-help { gap: 6px; }
@media(max-width:360px) {
  .modal-head { padding-inline: 16px; }
  .modal-body { padding-inline: 16px; }
  .modal-actions { padding-inline: 16px; }
}

.modal-body :is(.feishu-field-head,.ai-persona-source-head) .text-action {min-height:24px;padding:0 4px;line-height:20px;}
.feishu-destination-field {display:grid;gap:6px;}
/* Resource detection is a field action, with feedback directly below it. */
.platform-join-detect-control {display:flex;align-items:center;gap:8px;min-width:0;}
.platform-join-detect-control>input {flex:1;min-width:0;}
.platform-join-detect-control>button.text-button {flex:0 0 auto;min-height:40px;padding:8px;white-space:nowrap;}
.platform-join-detection {font-size:13px;line-height:20px;color:var(--muted);}
.platform-join-detection strong {color:var(--ink);font-weight:500;}
/* Monitoring: compact tools and independent status columns, following Logs. */
[data-section-panel="dialogs"] .content-page-header { margin-bottom: 8px; }
[data-section-panel="dialogs"] .content-page-title > p { display: none; }
[data-section-panel="dialogs"] .content-page-count { display: inline-flex; margin:0; color:var(--muted); font-size:14px; line-height:23px; }
[data-section-panel="dialogs"] .dialog-panel-actions button { min-height: 32px; height: 32px; padding: 0 12px; font-size: 14px; }
#dialogRunSummary { display: flex; flex-wrap: wrap; gap: 8px; padding: 0; border: 0; background: transparent; margin: 0 0 16px; }
#dialogRunSummary strong { font-weight: 500; color: var(--ink); }
#dialogRunSummary strong::before { content: ''; display: inline-block; width: 6px; height: 6px; margin-right: 6px; border-radius: 50%; background: var(--muted); vertical-align: middle; }
#dialogRunSummary.running strong::before { background: var(--success); }
[data-section-panel="dialogs"] .tabs { margin-bottom: 12px; }
.content-section[data-section-panel="dialogs"] .dialog-filter-panel { position: relative; padding: 0; border: 0; border-radius: 0; background: transparent; margin-bottom: 12px; }
.dialog-filter-primary { align-items: center; justify-content: space-between; gap: 12px; }
.dialog-filter-search { flex: 0 1 320px; }
.dialog-filter-primary input { min-height: 32px; height: 32px; padding-block: 4px; }
.dialog-filter-primary { --filter-control-height: var(--compact-height); }
.dialog-filter-primary > .dialog-more-filters { min-height: var(--filter-control-height); height: var(--filter-control-height); padding: 0 12px; width: auto; }
.dialog-filter-advanced { position: fixed; top: 40px; right: auto; z-index: 70; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); width: min(440px,100%); max-height: min(520px,65dvh); overflow: auto; margin: 0; padding: 16px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--panel-radius); box-shadow: var(--shadow); }
.dialog-filter-advanced { overscroll-behavior: contain; }
.dialog-filter-advanced .dialog-quick-filters { grid-column: 1 / -1; border-top: 1px solid var(--line); padding-top: 12px; margin-top: 0; }
.dialog-filter-advanced .dialog-quick-filters button { min-height: 28px; padding: 2px 8px; font-size: 12px; }
#dialogsList table { min-width: 1080px; }
#dialogsList .dialog-name-cell { display: table-cell; min-width: 200px; max-width: 300px; }
.dialog-name-cell > small { display: block; max-width: 280px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--muted); font-size: 12px; }
.dialog-name-cell > strong { display: block; max-width: 280px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 500; }
.table-name-link { display: block; max-width: 280px; padding: 0; min-height: 22px; border: 0; background: transparent; color: var(--ink); border-radius: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 500; text-align: left; }
.table-name-link:hover:not(:disabled) { color: var(--brand); background: transparent; text-decoration: underline; text-underline-offset: 3px; }
.table-count-link { padding: 0; min-height: 28px; min-width: 24px; border: 0; background: transparent; color: var(--muted); text-decoration: underline; text-underline-offset: 3px; font-weight: 400; }
.table-count-link:hover:not(:disabled) { color: var(--brand); background: var(--hover); }
.table-status-dot { display: inline-flex; align-items: center; gap: 6px; color: var(--muted); white-space: nowrap; }
.table-status-dot::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--line-strong); }
.table-status-dot.is-on::before { background: var(--success); }
.dialog-ai-cell .automation-list-switch > span { display: none; }
.dialog-ai-cell .automation-list-switch:has(input[aria-busy="true"]) > span { display: inline; font-size: 12px; }
.dialog-send-cell .status-chip { white-space: normal; max-width: 160px; }
.dialog-type-cell,.dialog-last-message-cell { color: var(--muted); white-space: nowrap; }
.dialog-data-table .dialog-select-cell { padding-inline: 16px 4px; width: 36px; }
.dialog-selection-bar { padding: 10px 12px; border: 1px solid var(--line); background: var(--surface); border-radius: var(--radius); }
.dialog-selection-bar > span { display: none; }
@media(max-width:768px) {
  [data-section-panel="dialogs"] .content-page-actions { width:100%; justify-content:flex-start; align-items:flex-start; }
  [data-section-panel="dialogs"] .dialog-panel-actions { gap: 6px; flex: 1; }
  [data-section-panel="dialogs"] .dialog-panel-actions button { padding-inline: 10px; }
  .dialog-filter-primary { flex-wrap: nowrap; }
  .dialog-filter-primary > .dialog-filter-search { width: auto; min-width: 0; flex: 1; }
  .dialog-filter-primary > .dialog-more-filters { flex-shrink: 0; }
  #dialogsList .dialog-actions-cell,#dialogsList th:last-child { position: static; box-shadow: none; }
  #dialogsList .dialog-name-cell { min-width: 180px; max-width: 240px; }
  .table-name-link,.dialog-name-cell > strong,.dialog-name-cell > small { max-width: 220px; }
}

#dialogsList th:last-child,#dialogsList td.dialog-actions-cell { width: 52px; min-width: 52px; max-width: 52px; padding-inline: 8px; text-align: center; }
#dialogsList .dialog-row-actions { width: 100%; justify-content: center; flex-wrap: nowrap; }
#dialogsList th:last-child { padding-block: 6px; font-size: 0; }
#dialogsList th:last-child .table-settings-trigger { margin-left: 0; }
.dialog-send-cell .table-send-state { display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; }
#dialogsList th:last-child,#dialogsList td.dialog-actions-cell { position: sticky; right: 0; z-index: 2; background: var(--surface); box-shadow: none; }
#dialogsList tbody tr.selected-table-row > td { background: var(--brand-tint); }
#dialogsList tbody tr.selected-table-row:hover > td { background: var(--brand-tint); }
@media(max-width:768px) {
  #dialogsList th:last-child,#dialogsList td.dialog-actions-cell { width: 52px; min-width: 52px; max-width: 52px; padding-inline: 4px; }
}

@media(max-width:768px) {
  [data-section-panel="dialogs"] .content-page-title .content-page-count { grid-row: 2; }
}

.dialog-filter-primary #dialogSearchFilter { min-height: var(--filter-control-height); height: var(--filter-control-height); }
@media(max-width:768px) { .dialog-filter-primary { --filter-control-height: var(--control-height); } }

.platform-about-body { display: grid; gap: 24px; }
.platform-about-brand { display: flex; align-items: center; gap: 12px; }
.platform-about-brand strong { font-size: 16px; }
.platform-about-body dl { margin: 0; }
.platform-about-body dl > div { display: grid; grid-template-columns: 88px minmax(0,1fr); gap: 16px; padding: 12px 0; border-top: 1px solid var(--line); }
.platform-about-body dt { color: var(--muted); }
.platform-about-body dd { margin: 0; text-align: right; overflow-wrap: anywhere; }

/* Activity overview: range metrics, account comparison and usage drilldowns. */
[data-section-panel="overview"] .overview-metrics-grid { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }
[data-section-panel="overview"] .overview-metric-card { min-height: 108px; padding: 16px; }
.overview-metric-card > span { display: flex; align-items: center; gap: 4px; }
.overview-metric-card > strong { font-variant-numeric: tabular-nums; font-size: 26px; }
.overview-metric-card > small { min-height: 18px; }
.overview-period-field { flex: 0 0 140px; }
.overview-range-caption { color: var(--muted); font-size: 12px; }
.overview-time-meta { flex: 1 0 100%; display: flex; align-items: center; flex-wrap: wrap; gap: 4px 12px; min-width: 0; color: var(--muted); font-size: 12px; line-height: 20px; font-variant-numeric: tabular-nums; }
.overview-time-meta > * { white-space: nowrap; }
.overview-time-meta .overview-updated-at { font-size: inherit; text-align: left; }
.overview-comparison-tools { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.overview-comparison-tools > label:first-child { min-width: 154px; }
.overview-attention-filter { display: flex; align-items: center; gap: 6px; font-size: 12px; color: var(--muted); }
#overviewAccountList { display: block; overflow-x: auto; }
.overview-comparison-table { min-width: 1000px; }
.overview-comparison-table th,.overview-comparison-table td { padding: 12px; }
.overview-comparison-table small,.overview-replies-table small { display: block; color: var(--muted); margin-top: 3px; font-size: 12px; }
.overview-comparison-table th:last-child,.overview-comparison-table td:last-child,.overview-replies-table th:last-child,.overview-replies-table td:last-child { width: 48px; min-width: 48px; padding-inline: 8px; }
.overview-numeric { font-variant-numeric: tabular-nums; white-space: nowrap; }
.overview-muted { color: var(--muted); font-size: 12px; }
.overview-target { min-width: 130px; font-variant-numeric: tabular-nums; }
.overview-target > span { display: flex; align-items: baseline; gap: 8px; }
.overview-target progress,.overview-model-row progress { display: block; width: 100%; height: 4px; border: 0; border-radius: 3px; overflow: hidden; background: var(--line); accent-color: var(--brand); margin-top: 6px; }
.overview-target progress::-webkit-progress-bar,.overview-model-row progress::-webkit-progress-bar { background: var(--line); }
.overview-target progress::-webkit-progress-value,.overview-model-row progress::-webkit-progress-value { background: var(--brand); }
.overview-target progress::-moz-progress-bar,.overview-model-row progress::-moz-progress-bar { background: var(--brand); }
.overview-usage-tabs { width: auto; min-width: 220px; }
.overview-usage-tabs button { flex: 1; }
.overview-usage-grid { display: grid; grid-template-columns: minmax(0,2fr) minmax(220px,1fr); gap: 24px; }
.overview-usage-grid > * { min-width: 0; }
#overviewUsageLegend { justify-content: flex-start; margin-bottom: 12px; }
.overview-model-breakdown h3 { margin: 0 0 16px; font-size: 14px; font-weight: 500; }
.overview-model-row { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 2px 12px; margin-bottom: 16px; font-size: 13px; }
.overview-model-row strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 500; }
.overview-model-row progress { grid-column: 1 / -1; }
.overview-data-note { color: var(--muted); font-size: 12px; line-height: 1.6; margin-top: 16px; }
[data-section-panel="overview"] .overview-insight-grid { grid-template-columns: minmax(0,1fr); }
.overview-replies-table { min-width: 760px; }
.overview-replies-table td { vertical-align: top; }
.overview-log-excerpt { min-width: 160px; max-width: 380px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; }
.overview-log-error { color: var(--danger-text); font-size: 12px; margin-top: 6px; }
.overview-log-error p { max-width: 380px; overflow-wrap: anywhere; }

/* Chart-first overview reuses the shared palette and existing data contracts. */
#overviewUsagePlot {--overview-second-series:var(--success);}
#overviewUsagePlot:is([data-metric="calls"],[data-metric="replies"]) {--overview-second-series:var(--danger);}
#overviewUsagePlot .overview-trend-line.scheduled,#overviewUsagePlot .overview-trend-points circle.scheduled {stroke:var(--overview-second-series);}
#overviewUsagePlot .overview-chart-legend > span {display:inline-flex;align-items:center;gap:6px;}
#overviewUsagePlot :is(.overview-chart-legend,.overview-chart-tooltip) i {display:inline-block;width:8px;height:8px;border-radius:2px;background:var(--brand);}
#overviewUsagePlot :is(.overview-chart-legend,.overview-chart-tooltip) i.scheduled,#overviewUsagePlot .secondary-series {background:var(--overview-second-series);}

.overview-speech-activity-panel .overview-speech-activity-summary > div {display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;}
.overview-speech-activity-panel .overview-speech-activity-summary strong {font-size:18px;font-weight:500;}
.overview-speech-activity-panel .overview-speech-activity-summary small {display:none;}
@media(min-width:769px) {
  .overview-toolbar > label > span {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
  .overview-toolbar .overview-time-meta {flex:1;gap:2px 10px;}
  .overview-toolbar .overview-updated-at {flex-basis:100%;margin-left:0;text-align:right;}
  .overview-toolbar .overview-range-caption {margin-left:auto;}
  .overview-dashboard-body > .overview-operation-bar {border:0;background:transparent;padding:0 2px;}
}

.overview-analysis-grid {display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:24px;align-items:start;}
.overview-analysis-grid > .panel {margin:0;}
.overview-analysis-grid .overview-panel-head {align-items:flex-start;flex-wrap:wrap;}
.overview-analysis-grid .overview-comparison-tools {width:100%;}
.overview-analysis-grid .overview-comparison-tools > label:first-child {flex:1;}
.overview-chart-context {display:flex;justify-content:space-between;align-items:baseline;gap:12px;color:var(--muted);font-size:12px;margin-bottom:20px;}
.overview-chart-context small {text-align:right;font-size:12px;}
.overview-account-bars {display:grid;gap:22px;max-height:430px;overflow-y:auto;padding:2px;}
.overview-account-bar-label {display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:8px;}
.overview-account-bar-label .table-name-link {min-width:0;text-align:left;overflow-wrap:anywhere;}
.overview-account-bar-label > span {font-size:13px;flex-shrink:0;font-variant-numeric:tabular-nums;}
.overview-account-bar-track {height:8px;overflow:hidden;border-radius:3px;background:var(--line);}
.overview-account-bar-track > span {display:block;height:100%;background:var(--brand);border-radius:inherit;}
.overview-account-bar-meta {display:flex;flex-wrap:wrap;gap:4px 12px;color:var(--muted);font-size:12px;margin-top:6px;}
.overview-goal-visual {position:relative;width:180px;height:180px;margin:8px auto 16px;}
.overview-goal-ring svg {display:block;width:100%;height:100%;}
.overview-ring-track,.overview-ring-segment {fill:none;stroke-width:10;}
.overview-ring-track {stroke:var(--line);}.overview-ring-segment {stroke:var(--chart-tone);}
.overview-chart-tone-0 {--chart-tone:var(--brand);}.overview-chart-tone-1 {--chart-tone:var(--success);}.overview-chart-tone-2 {--chart-tone:var(--warning);}.overview-chart-tone-3 {--chart-tone:var(--muted);}.overview-chart-tone-4 {--chart-tone:var(--line-strong);}
.overview-goal-center {position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none;}
.overview-goal-center strong {font-size:30px;font-weight:600;letter-spacing:-.04em;font-variant-numeric:tabular-nums;}
.overview-goal-center span,.overview-goal-caption {color:var(--muted);font-size:12px;}
.overview-goal-caption {text-align:center;margin:0 0 20px;}
.overview-goal-breakdown {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;text-align:center;}
.overview-goal-breakdown > div {display:grid;gap:4px;}
.overview-goal-breakdown span,.overview-goal-breakdown small {color:var(--muted);font-size:12px;font-weight:400;}
.overview-goal-breakdown strong {font-size:18px;font-weight:500;}
.overview-goal-breakdown > p {grid-column:1/-1;color:var(--muted);font-size:12px;margin:0;}
.overview-goal-panel .overview-attention-card {display:flex;align-items:center;gap:12px;width:100%;border:0;border-top:1px solid var(--line);border-radius:0;padding:20px 0 0;margin-top:20px;background:transparent;color:var(--ink);text-align:left;}
.overview-goal-panel .overview-attention-card:hover:not(:disabled) {background:transparent;color:var(--brand);}
.overview-attention-card > span {flex:1;display:grid;gap:3px;}.overview-attention-card span strong {font-size:13px;font-weight:500;}
.overview-attention-card small {font-size:12px;color:var(--muted);font-weight:400;}.overview-attention-card > strong {font-size:24px;font-variant-numeric:tabular-nums;}.overview-attention-card.has-attention > strong {color:var(--warning);}.overview-attention-card svg {width:16px;height:16px;}
.overview-model-chart {position:relative;width:144px;height:144px;margin:0 auto 20px;}.overview-model-chart:empty {display:none;}
.overview-model-chart > div {position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none;}
.overview-model-chart strong {font-size:18px;font-weight:600;font-variant-numeric:tabular-nums;}.overview-model-chart span {font-size:11px;color:var(--muted);}
.overview-model-share {display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:2px 8px;align-items:center;margin-top:12px;}
.overview-model-share > i {width:8px;height:8px;border-radius:2px;background:var(--chart-tone);}.overview-model-share > span {font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.overview-model-share > strong {font-size:12px;font-weight:500;font-variant-numeric:tabular-nums;}.overview-model-share > small {grid-column:2/-1;color:var(--muted);font-size:11px;}
.overview-day-summary {display:grid;align-content:center;gap:28px;min-height:280px;padding:24px 8px;}
.overview-day-summary > div {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:8px 16px;}.overview-day-summary > div > span {font-size:13px;color:var(--muted);}.overview-day-summary strong {font-size:22px;font-weight:500;font-variant-numeric:tabular-nums;}.overview-day-summary strong small {font-size:12px;color:var(--muted);}.overview-day-summary .overview-account-bar-track {grid-column:1/-1;}.overview-day-summary .secondary-series {background:var(--success);}.overview-day-summary p {font-size:12px;color:var(--muted);margin:0;}
.overview-detail-disclosure {border-top:1px solid var(--line);margin-top:24px;padding-top:16px;}
.overview-detail-disclosure > summary,.overview-detail-panel > summary,.overview-shortcuts > summary {display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none;color:var(--ink);}
.overview-detail-disclosure > summary::-webkit-details-marker,.overview-detail-panel > summary::-webkit-details-marker,.overview-shortcuts > summary::-webkit-details-marker {display:none;}
.overview-detail-disclosure > summary::after,.overview-detail-panel > summary::after,.overview-shortcuts > summary::after {content:'';width:16px;height:16px;flex:0 0 16px;margin-left:auto;background:var(--muted);mask:url('icons/chevron-down.svg') center/contain no-repeat;}
.overview-detail-disclosure[open] > summary::after,.overview-detail-panel[open] > summary::after,.overview-shortcuts[open] > summary::after {transform:rotate(180deg);}
.overview-detail-disclosure > summary {font-size:13px;}.overview-detail-panel > summary {flex-wrap:wrap;gap:4px 16px;}.overview-detail-panel > summary > span {font-size:15px;font-weight:500;}.overview-detail-panel > summary > small {font-size:12px;color:var(--muted);}
.overview-detail-disclosure > summary:hover,.overview-detail-panel > summary:hover,.overview-shortcuts > summary:hover {color:var(--brand);}.overview-detail-disclosure[open] > summary {margin-bottom:16px;}
.overview-detail-content {border-top:1px solid var(--line);padding-top:20px;margin-top:20px;min-width:0;}
.overview-shortcuts {flex-shrink:0;}.overview-shortcuts > summary {font-size:13px;min-height:32px;}.overview-shortcuts[open] .overview-quick-zone {padding-top:12px;}
@media(max-width:1100px) {.overview-analysis-grid {grid-template-columns:minmax(0,1fr);}.overview-goal-panel {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 24px;}.overview-goal-panel .overview-panel-head,.overview-goal-panel .overview-attention-card {grid-column:1/-1;}.overview-goal-visual {grid-row:2/4;}.overview-goal-caption {align-self:end;}.overview-goal-breakdown {align-self:start;}}
@media(max-width:600px) {.overview-dashboard-body > .overview-operation-bar {display:grid;grid-template-columns:minmax(0,1fr) auto;border:0;background:transparent;padding:0;gap:12px;}.overview-dashboard-body .overview-shortcuts {width:auto;}.overview-shortcuts[open] {grid-column:1/-1;} .overview-analysis-grid {gap:16px;}.overview-goal-panel {display:block;}.overview-goal-visual {width:160px;height:160px;}.overview-detail-panel > summary > small {flex-basis:100%;order:1;}.overview-chart-context {flex-wrap:wrap;gap:4px;}.overview-shortcuts {width:100%;}}

@media(max-width:768px) {
  [data-section-panel="overview"] .overview-metrics-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .overview-toolbar { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
  .overview-toolbar > label { width: auto; min-width: 0; }
  .overview-time-meta { grid-column: 1 / -1; }
  .overview-usage-grid { grid-template-columns: minmax(0,1fr); gap: 16px; }
  .overview-usage-panel .overview-panel-head,.overview-account-panel .overview-panel-head { flex-wrap: wrap; }
  .overview-usage-tabs,.overview-comparison-tools { width: 100%; }
  .overview-comparison-tools > label:first-child { flex: 1; }
  .overview-metric-card > strong { font-size: 23px; }
}

/* Overview detail tables share the same sticky action column as the other lists. */
#overviewGroupTable { display: block; min-width: 0; overflow-x: auto; }
.overview-group-details-table { min-width: 850px; width: 100%; }
.overview-group-details-table td { vertical-align: middle; }
.overview-group-details-table td small { display: block; color: var(--muted); margin-top: 4px; }
.overview-group-details-table td .overview-log-excerpt { max-width: 260px; }
.overview-toolbar { justify-content: flex-start; flex-wrap: wrap; }
.overview-time-meta .overview-updated-at { margin-left: auto; }
.overview-operation-bar { padding: 12px 16px; }
.overview-quick-zone { gap: 6px; }
@media (max-width: 768px) { .overview-time-meta .overview-updated-at { margin-left: 0; } }
/* Profile-style segmented usage selector: selected inset surface, no tab underline. */
.overview-usage-panel .overview-usage-tabs { display: flex; padding: 3px; gap: 2px; border: 1px solid var(--line); border-radius: 6px; background: var(--hover); margin: 0; overflow: visible; }
.overview-usage-panel .overview-usage-tabs > button { min-height: 30px; padding: 5px 10px; border: 0; border-radius: 4px; box-shadow: none; font-size: 13px; }
.overview-usage-panel .overview-usage-tabs > button[aria-selected="true"] { background: var(--surface); color: var(--brand); box-shadow: 0 1px 3px rgb(0 0 0 / .12); }
.overview-usage-panel .overview-usage-tabs > .tab-selection-indicator { display: none; }
@media (max-width: 768px) { .overview-usage-panel .overview-usage-tabs > button { min-height: 38px; } }

#overviewAccountList table { min-width: 1000px; }
#overviewAccountList td:first-child { min-width: 130px; }
#overviewGroupTable table { min-width: 1100px; }
#overviewRecentReplies table { min-width: 760px; }
:is(#overviewAccountList,#overviewGroupTable,#overviewRecentReplies) :is(th,td):last-child { position: sticky; right: 0; z-index: 2; background: var(--surface); border-left: 0; box-shadow: none; }
:is(#overviewAccountList,#overviewGroupTable,#overviewRecentReplies) tr.selected-table-row > td:last-child { background: var(--brand-tint); }
@media (hover: hover) { :is(#overviewAccountList,#overviewGroupTable,#overviewRecentReplies) tr:hover > td:last-child { background: var(--hover); } :is(#overviewAccountList,#overviewGroupTable,#overviewRecentReplies) tr.selected-table-row:hover > td:last-child { background: var(--brand-tint); } }

/* Platform lists use the same list anatomy and pinned command column. */
:is(#platformUserList,#platformJoinTargetList,#platformCdkeyBatchList,#platformAuditList) { min-width:0; overflow-x:auto; }
:is(#platformUserList,#platformJoinTargetList,#platformCdkeyBatchList,#platformAuditList) table { width:100%; }
#platformUserList table { min-width:1080px; }
#platformJoinTargetList table { min-width:880px; }
#platformCdkeyBatchList table { min-width:800px; }
#platformAuditList table { min-width:820px; }
:is(#platformUserList,#platformJoinTargetList,#platformCdkeyBatchList,#platformAuditList) th { font-size:13px; font-weight:500; }
:is(#platformUserList,#platformJoinTargetList,#platformCdkeyBatchList,#platformAuditList) td { padding:12px; vertical-align:middle; }
:is(#platformUserList,#platformJoinTargetList,#platformCdkeyBatchList,#platformAuditList) td strong { font-size:13px; font-weight:500; }
:is(#platformUserList,#platformJoinTargetList,#platformCdkeyBatchList,#platformAuditList) td small { max-width:300px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#platformJoinTargetList .platform-join-mobile-meta { display:none; }
.audit-record-fields { margin:0; display:grid; gap:16px; }
.audit-record-fields > div { display:grid; gap:4px; }
.audit-record-fields dt { color:var(--muted); font-size:12px; }
.audit-record-fields dd { margin:0; overflow-wrap:anywhere; }
.list-result-count { color:var(--muted); font-size:12px; }

/* Speaking modes: local product layout using the production component tokens. */
.sm-actions,.sm-avatar-editor,.sm-selected,.sm-range,.sm-hour,.sm-group-identity { display:flex; align-items:center; gap:12px; }
.sm-actions { flex-wrap:wrap; }
.sm-muted { color:var(--muted); font-size:13px; line-height:1.6; }.sm-grid { display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px; }
.sm-card { border:1px solid var(--line);border-radius:var(--radius-card,8px);padding:20px;display:flex;flex-direction:column;gap:14px;min-width:0;background:var(--surface); }
.sm-card h3 {font-size:16px;margin:0 0 4px;}.sm-card p {margin:0;}.sm-card .sm-card-actions {margin-top:auto;display:flex;flex-wrap:wrap;gap:8px;}
.sm-avatar {width:48px;height:48px;object-fit:cover;border-radius:12px;flex-shrink:0;}.sm-avatar.large {width:72px;height:72px;border-radius:16px;}
.sm-badges {display:flex;flex-wrap:wrap;gap:6px;}.sm-badge {font-size:12px;color:var(--muted);background:var(--hover);border:1px solid var(--line);border-radius:20px;padding:2px 8px;}
.sm-loading {display:flex;align-items:center;justify-content:center;gap:10px;min-height:120px;color:var(--muted);grid-column:1/-1;}
.sm-modal {width:min(760px,calc(100vw - 32px));}.sm-fields {display:flex;flex-direction:column;gap:16px;min-width:0;}
fieldset.sm-fields {border:0;padding:0;margin:0;}.sm-field {display:flex;flex-direction:column;gap:7px;min-width:0;}.sm-field>span {font-weight:550;}.sm-field input,.sm-field textarea,.sm-field select {width:100%;min-width:0;}
.sm-two,.sm-three {display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));}.sm-three {grid-template-columns:repeat(3,minmax(0,1fr));}
.sm-range {align-items:flex-start;}.sm-range>span {line-height:40px;}.sm-range>label {flex:1;min-width:0;}.sm-range input {width:100%;}.sm-hour input {min-width:0;flex:1;}
.sm-check {display:flex;align-items:center;gap:8px;}.sm-check input {width:auto;}.sm-notice {border:1px solid var(--line);border-radius:var(--radius);background:var(--hover);padding:12px;font-size:13px;line-height:1.65;overflow-wrap:anywhere;}
.sm-selected {padding:12px;border:1px solid var(--line);border-radius:var(--radius);}.sm-selected:empty {display:none;}.sm-selected p {margin:2px 0;}
.sm-modal details>summary {cursor:pointer;font-weight:550;}.sm-modal details[open]>summary {margin-bottom:12px;}.sm-modal pre {white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;margin:0;}
.sm-rule-row {border:1px solid var(--line);padding:12px;border-radius:var(--radius);display:grid;grid-template-columns:1fr 1fr auto;gap:8px;}.sm-rule-row input {grid-column:1/-1;min-width:0;}
.sm-modal .modal-actions {gap:12px;}.sm-modal .modal-actions>:is(.inline-status,[role="status"]) {margin-right:auto;}.sm-modal .modal-actions>:is(.inline-status,[role="status"]):empty {display:none;}.sm-modal .modal-actions>.sm-actions {margin-left:auto;}.sm-error {color:var(--danger);}.sm-fields[hidden],.sm-loading[hidden] {display:none;}
@media(max-width:600px) {.sm-three {grid-template-columns:1fr;}.sm-grid {grid-template-columns:1fr;}.sm-modal {width:calc(100vw - 16px);}.sm-card {padding:16px;}.sm-modal .modal-actions {flex-wrap:wrap;}.sm-avatar-editor {align-items:flex-start;}.sm-avatar-editor input {max-width:100%;}.sm-avatar-editor>div {min-width:0;}.sm-hour {gap:6px;}.sm-rule-row {grid-template-columns:1fr auto;}.sm-rule-row select {grid-column:1;}.sm-rule-row button {grid-column:2;grid-row:1/3;}.sm-actions button {min-height:40px;}}

.sm-remove {width:36px;min-width:36px;min-height:36px;padding:4px;flex:0 0 36px;}
.sm-field input[type="number"] {padding-inline:8px;}
.sm-modal .text-button {align-self:flex-start;}
@media(max-width:420px){.sm-two {grid-template-columns:1fr;}.sm-remove {width:40px;min-height:44px;flex-basis:40px;}}

.sm-card {overflow-wrap:anywhere;}
@media(max-width:420px){.sm-hour input {padding:8px;}}
.sm-group-identity {flex-wrap:wrap;}.sm-group-identity .sm-badge {white-space:nowrap;}.sm-modal .modal-close-button {color:var(--muted);}
@media(max-width:420px){.sm-hour {display:grid;grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr);}.sm-hour input {width:100%;}.sm-hour .sm-remove {grid-column:3;justify-self:end;}}

/* Reserve the title indicator slot so loading never moves the subtitle or list. */
.page-title-loading {display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-inline-start:6px;vertical-align:middle;}
.content-page-title .page-title-loading[hidden] {display:inline-flex !important;visibility:hidden;}
.sm-grid:empty {min-height:240px;}
.sm-grid > .ui-state {grid-column:1/-1;}


/* Management compares tiled cards; tenant identity-card geometry stays independent. */
#smList {grid-template-columns:minmax(0,1fr);gap:0;}
#smAdminList {grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:16px;align-items:stretch;}
#smAdminList>.sm-plan {padding:20px;gap:16px;border:1px solid var(--line);border-radius:var(--panel-radius);}
#smAdminList>.sm-plan:is(:hover,:focus-within) {border-color:var(--line-strong);}
.sm-plan-main {display:grid;grid-template-columns:minmax(0,1fr);gap:8px;min-width:0;}
.sm-plan-heading {display:flex;align-items:center;gap:12px;min-width:0;}
.sm-plan-heading .sm-avatar {width:48px;height:48px;border-radius:var(--panel-radius);}
.sm-plan-identity {flex:1;min-width:0;}
.sm-plan-meta {display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:12px;line-height:20px;}
.sm-plan h3 {font-size:16px;font-weight:500;line-height:24px;margin:0;overflow-wrap:anywhere;}
.sm-plan-description {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--muted);font-size:13px;line-height:22px;}
.sm-plan .sm-badges {gap:6px;}
.sm-plan .sm-badge,#smDetailsBody .sm-badge {border:0;border-radius:var(--radius);padding:2px 8px;}
.sm-plan .sm-badge {max-width:min(160px,100%);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#smDetailsBody .sm-badge {max-width:100%;overflow-wrap:anywhere;}
.sm-plan-features {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;margin:0;padding:0;}
#smAdminList .sm-plan-features {gap:12px 16px;padding-top:16px;border-top:1px solid var(--line);}
.sm-plan-features>div {display:grid;gap:4px;min-width:0;}
.sm-plan-features dt {color:var(--muted);font-size:12px;line-height:20px;}
.sm-plan-features dd {margin:0;font-size:13px;line-height:20px;font-weight:500;}
.sm-plan-footer {display:grid;gap:12px;min-width:0;margin-top:auto;padding-top:12px;border-top:1px solid var(--line);}
.sm-plan-usage {display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;}
.sm-plan-usage>.sm-muted {font-size:12px;}
.sm-card .sm-plan-footer .sm-card-actions {margin-top:0;gap:8px;}
.sm-plan-footer .sm-card-actions>.text-button {margin-right:auto;padding-inline:0;}
.sm-plan-footer .text-button {color:var(--muted);font-size:13px;}
.sm-plan-footer .btn-secondary {white-space:nowrap;}
.sm-card .sm-card-actions {flex-wrap:nowrap;align-items:center;}
.sm-card-actions>.list-row-actions {flex:0 0 auto;}
.sm-plan-footer .sm-usage-link {align-self:center;padding:0;border:0;background:transparent;color:var(--muted);font-size:12px;line-height:20px;font-weight:400;white-space:nowrap;}
.sm-plan-footer .sm-usage-link:hover:not(:disabled) {color:var(--ink);background:transparent;text-decoration:underline;text-underline-offset:3px;}
.sm-avatar-fallback {display:inline-grid;place-items:center;background:var(--hover);color:var(--muted);border:1px solid var(--line);font-size:16px;font-weight:500;}
.sm-detail-identity {display:flex;align-items:flex-start;gap:16px;overflow-wrap:anywhere;}
.sm-detail-identity>div {min-width:0;display:grid;gap:4px;}
.sm-detail-identity h3 {font-size:16px;font-weight:500;}
.sm-detail-identity p {color:var(--muted);}
.sm-detail-section {display:grid;gap:8px;border-top:1px solid var(--line);padding-top:16px;overflow-wrap:anywhere;}
.sm-detail-section pre {font:inherit;line-height:1.65;}
.sm-detail-section ul {margin:0;padding-left:20px;}
.sm-detail-section li+li {margin-top:4px;}
.speaking-modes button>svg,.sm-add-hour>svg,.sm-picker svg {width:16px;height:16px;flex-shrink:0;}
.sm-tone-chatty {--sm-identity-cover:var(--mode-cover-chatty);}.sm-tone-sunny {--sm-identity-cover:var(--mode-cover-sunny);}.sm-tone-quiet {--sm-identity-cover:var(--mode-cover-quiet);}.sm-tone-called {--sm-identity-cover:var(--mode-cover-called);}.sm-tone-neutral {--sm-identity-cover:var(--surface-subtle);}
.sm-identity-stage {--sm-card-offset:206px;position:relative;isolation:isolate;width:100%;max-width:604px;margin:0 auto;padding:20px 0;overflow:clip;transition:height 560ms cubic-bezier(.22,1,.36,1);}
.sm-card.sm-identity-card {position:relative;z-index:1;width:min(364px,calc(100% - 180px));margin:0 auto;padding:0;gap:0;border:0;border-radius:var(--panel-radius);background:transparent;}
.sm-identity-front {border:1px solid var(--line);border-radius:var(--panel-radius);background:var(--surface);box-shadow:var(--shadow);}
.sm-identity-stage>.sm-identity-card {position:absolute;top:20px;left:50%;margin:0;opacity:0;pointer-events:none;transform-origin:center top;transform:translateX(-50%) scale(.9);transition:transform 560ms cubic-bezier(.22,1,.36,1),opacity 280ms ease;}
.sm-identity-stage>[data-sm-slot="current"] {z-index:3;opacity:1;pointer-events:auto;transform:translateX(-50%);}
.sm-identity-stage>[data-sm-slot="left"] {z-index:2;opacity:1;transform:translateX(-50%) translate3d(calc(-1 * var(--sm-card-offset)),0,0) rotate(-3deg);}
.sm-identity-stage>[data-sm-slot="right"] {z-index:2;opacity:1;transform:translateX(-50%) translate3d(var(--sm-card-offset),0,0) rotate(3deg);}
.sm-identity-stage>[data-sm-slot="parked-left"] {transform:translateX(-50%) translate3d(calc(-1.5 * var(--sm-card-offset)),24px,0) scale(.84) rotate(-6deg);}
.sm-identity-stage>[data-sm-slot="parked-right"] {transform:translateX(-50%) translate3d(calc(1.5 * var(--sm-card-offset)),24px,0) scale(.84) rotate(6deg);}
.sm-identity-stage>.sm-identity-card :is(.sm-identity-front,.sm-identity-peek) {transition:opacity 220ms ease;}
.sm-identity-stage>.sm-identity-card:not([data-sm-slot="current"]) .sm-identity-front {opacity:0;}
.sm-identity-peek {position:absolute;top:44px;left:50%;width:170px;height:266px;transform:translateX(-50%);border:1px solid var(--line);border-radius:var(--panel-radius);background:var(--sm-identity-cover);opacity:0;pointer-events:none;display:flex;align-items:center;}
.sm-identity-peek>div {display:grid;justify-items:center;gap:12px;width:100px;min-width:0;padding:0 6px 30px;}
.sm-identity-peek .sm-avatar {width:56px;height:56px;border-radius:var(--panel-radius);}
.sm-identity-peek strong {max-width:100%;font-size:13px;font-weight:550;line-height:1.5;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.sm-identity-stage>[data-sm-slot="left"] .sm-identity-peek {opacity:1;justify-content:flex-start;}
.sm-identity-stage>[data-sm-slot="right"] .sm-identity-peek {opacity:1;justify-content:flex-end;}
.sm-identity-hero {padding:20px 24px;min-height:240px;border-radius:var(--panel-radius) var(--panel-radius) 0 0;background:var(--sm-identity-cover);}
.sm-identity-meta {display:flex;justify-content:space-between;align-items:center;gap:8px;color:var(--muted);font-size:12px;}
.sm-identity-heading {display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;}
.sm-identity-heading>div {flex:0 0 90px;min-width:0;height:164px;display:flex;flex-direction:column;justify-content:center;}
.sm-identity-heading h3 {font:500 38px/1.16 "Songti SC","STSong","SimSun",serif;letter-spacing:2px;width:2.2em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;overflow-wrap:anywhere;margin:0;}
.sm-identity-heading .sm-identity-level {color:var(--muted);font-size:12px;margin-top:18px;}
.sm-avatar.sm-identity-avatar {flex:0 1 164px;width:164px;max-width:calc(100% - 106px);min-width:0;height:auto;aspect-ratio:1;object-fit:cover;object-position:center;border:3px solid var(--surface);border-radius:var(--panel-radius);box-shadow:var(--shadow);}
.sm-identity-body {padding:16px 24px 0;}
.sm-identity-hint-heading {display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px;}
.sm-identity-body .sm-identity-hint-label {display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);white-space:nowrap;}
.sm-identity-hint-heading .sm-identity-details {flex-shrink:0;padding-inline:0;font-size:12px;color:var(--muted);white-space:nowrap;}
.sm-identity-hint-label svg,.sm-identity-trigger svg {width:14px;height:14px;flex-shrink:0;}
.sm-identity-hint {font-size:13px;line-height:1.65;}
.sm-identity-rules {display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:16px;padding-top:12px;border-top:1px solid var(--line);}
.sm-identity-body .sm-identity-trigger {display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;}
.sm-identity-body .sm-identity-capacity {flex-shrink:0;color:var(--muted);font-size:12px;white-space:nowrap;}
.sm-identity-footer {display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 24px 16px;}
.sm-identity-footer .sm-identity-usage {flex:0 0 auto;padding-inline:0;font-size:12px;color:var(--muted);white-space:nowrap;}
.sm-identity-footer .sm-card-actions {flex:0 0 auto;gap:4px;}
.sm-identity-footer .sm-card-actions>button {white-space:nowrap;}
.sm-identity-side {position:absolute;z-index:4;top:64px;width:100px;height:266px;padding:0 0 36px;border:0;border-radius:var(--panel-radius);background:transparent;color:var(--muted);display:flex;align-items:flex-end;justify-content:center;}
.sm-identity-side:is(:hover,:active,:focus-visible):not(:disabled) {background:transparent;color:var(--ink);filter:none;}
.speaking-modes .sm-identity-side>svg {flex:0 0 32px;width:32px;height:32px;padding:8px;border-radius:50%;transition:background-color var(--motion),box-shadow var(--motion);}
.sm-identity-side:hover>svg {background:var(--surface);box-shadow:var(--shadow);}
.sm-identity-side:focus-visible {outline:none;}
.sm-identity-side:focus-visible>svg {outline:2px solid var(--brand);outline-offset:3px;}
.sm-identity-left {left:13px;}.sm-identity-right {right:13px;}
.sm-identity-navigation {width:min(364px,calc(100% - 180px));margin:0 auto 12px;display:flex;justify-content:space-between;align-items:center;gap:8px;}
.sm-identity-navigation button {white-space:nowrap;}
.sm-identity-navigation svg {width:16px;height:16px;}
.sm-identity-picks {display:flex;justify-content:center;flex-wrap:wrap;max-width:604px;margin:0 auto 8px;}
.sm-identity-picks .tab-button {max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:center;}
.sm-identity-select {display:block;max-width:364px;margin:0 auto 8px;}
.sm-identity-select .enhanced-select-button {height:auto;min-height:40px;}
.sm-identity-select .enhanced-select-value {white-space:normal;overflow:visible;overflow-wrap:anywhere;text-overflow:clip;text-align:start;}
#smIdentityPreview .sm-identity-card {width:min(364px,100%);}
.sm-card-preview>p {margin-top:12px;}
@media(max-width:600px){.sm-identity-stage {--sm-card-offset:20px;padding:16px 0;}.sm-card.sm-identity-card {width:calc(100% - 28px);}.sm-identity-stage>.sm-identity-card {top:16px;}.sm-identity-hero {min-height:216px;padding:16px;}.sm-identity-heading {gap:12px;margin-top:14px;}.sm-identity-heading>div {flex-basis:70px;height:142px;}.sm-identity-heading h3 {font-size:30px;letter-spacing:1px;}.sm-avatar.sm-identity-avatar {flex-basis:144px;width:144px;max-width:calc(100% - 82px);}.sm-identity-body {padding:12px 16px 0;}.sm-identity-footer {padding:12px 16px 16px;}.sm-identity-side {display:none;}.sm-identity-peek {top:12px;width:100%;height:200px;}.sm-identity-peek>div {display:none;}.sm-identity-navigation {width:calc(100% - 28px);}.sm-identity-picks .tab-button {padding-inline:8px;font-size:12px;}}
@media(prefers-reduced-motion:reduce){.sm-identity-stage,.sm-identity-stage>.sm-identity-card,.sm-identity-stage>.sm-identity-card :is(.sm-identity-front,.sm-identity-peek) {transition:none;}}
/* OpenRouter-inspired settings rows, adapted to group-specific controls. */
#smGroupFields {gap:0;}
.sm-group-identity {justify-content:space-between;gap:12px;padding-bottom:20px;}
.sm-group-identity>div {min-width:0;overflow-wrap:anywhere;}
.sm-group-identity small {display:block;margin-top:3px;}
.sm-setting-row {display:grid;grid-template-columns:140px minmax(0,1fr);gap:24px;padding:20px 0;border-top:1px solid var(--line);}
.sm-setting-label h3 {font-size:14px;font-weight:550;margin:0;line-height:24px;}
.sm-setting-label p {font-size:12px;line-height:1.6;color:var(--muted);margin:4px 0 0;}
.sm-setting-controls {gap:10px;}
.sm-setting-controls .sm-fields {gap:8px;}
.sm-setting-controls .sm-selected {border:0;padding:4px 0;background:transparent;gap:10px;}
.sm-setting-controls .sm-avatar {width:36px;height:36px;border-radius:8px;}
.sm-selected>div {min-width:0;overflow-wrap:anywhere;}
.sm-setting-controls summary {font-size:12px;color:var(--muted);}
.sm-add-hour {align-self:flex-start;min-height:32px;padding:4px 10px;font-size:12px;}
.sm-setting-extra {border-top:1px solid var(--line);padding:16px 0;}
.sm-setting-extra p {margin:0 0 12px;}
.sm-setting-extra button {margin-top:12px;}
#smGroup .sm-hour {display:grid;grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr) 32px;gap:8px;}
#smGroup .sm-hour .sm-remove {grid-column:auto;width:32px;min-width:32px;min-height:32px;}
#smGroup .sm-hour input {width:100%;}
/* Search and pagination remain visible while the group list scrolls. */
.sm-picker.modal-panel {width:min(640px,100%);}
.sm-picker-search {flex-shrink:0;padding:20px 24px 12px;}
.sm-picker-search input {width:100%;}
.sm-picker .modal-body {padding:0 24px 12px;}
.sm-picker .modal-body:has(> .sm-group-list > .sm-loading) {display:flex;flex-direction:column;}
.sm-picker .sm-group-list:has(> .sm-loading) {flex:1;}
.sm-picker .sm-group-list > .sm-loading {flex:1;min-height:80px;}
.sm-group-list {display:flex;flex-direction:column;gap:0;}
.sm-picker .sm-group-item {display:flex;align-items:center;background:var(--surface);color:var(--ink);width:100%;justify-content:flex-start;text-align:left;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:12px 8px;min-height:64px;gap:12px;font-weight:400;cursor:pointer;}
.sm-picker .sm-group-item:is(:hover,:active,:focus-visible),.sm-picker .sm-group-item:has(input:checked) {background:var(--hover);color:var(--ink);filter:none;}
.sm-group-copy {flex:1;min-width:0;overflow-wrap:anywhere;}
.sm-group-copy strong {display:block;font-weight:500;font-size:14px;line-height:1.5;}
.sm-group-copy small {display:block;color:var(--muted);font-size:12px;margin-top:3px;line-height:1.4;}
.sm-group-symbol {display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;background:var(--hover);border-radius:var(--radius);color:var(--muted);}
.sm-group-chevron {color:var(--muted);}
.sm-picker-pagination {display:flex;align-items:center;gap:12px;min-width:0;margin-right:auto;}.sm-picker-pagination>span {font-size:12px;}.sm-picker-footer #smPickerStatus:not(:empty) {flex-basis:100%;margin:0;}
.sm-picker-pagination .sm-actions {gap:6px;}
.sm-picker-pagination button {width:32px;min-height:32px;padding:0;}
.sm-picker #smBatchDiff {margin-top:12px;}
@media(max-width:600px) {
  .sm-setting-row {grid-template-columns:minmax(0,1fr);gap:12px;padding:16px 0;}
  .sm-setting-label p {margin-top:2px;}
  .sm-setting-controls .sm-two {grid-template-columns:minmax(0,1fr);gap:16px;}
  .sm-picker-search {padding:16px 16px 8px;}
  .sm-picker .modal-body {padding-inline:16px;}
  .sm-picker-footer .sm-picker-pagination {flex:1 1 100%;justify-content:space-between;}
  .sm-picker .sm-group-item {gap:8px;padding-inline:0;}
  .sm-picker .sm-group-item>.sm-badge {font-size:11px;white-space:nowrap;}
  .sm-card-actions>button {padding-inline:12px;}
  .sm-picker-pagination button {width:40px;min-height:40px;}
}
@media(max-width:768px){.sm-plan-footer .sm-card-actions>button {min-height:var(--touch-height);}.sm-plan-footer .sm-usage-link {min-height:var(--touch-height);}}
@media(max-width:600px){#smAdminList {grid-template-columns:minmax(0,1fr);}#smAdminList>.sm-plan {padding:16px;}#smDetailsBody .sm-plan-features>div {display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;}.sm-plan-footer .sm-card-actions {gap:4px;}.sm-plan-footer .sm-card-actions>button {padding-inline:8px;}.sm-detail-identity {gap:12px;}.sm-detail-identity .sm-avatar.large {width:48px;height:48px;border-radius:var(--panel-radius);}}

/* Group settings keep start/end as complete editable times. */
.sm-group-heading {display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:20px;}
.sm-group-heading .sm-group-identity {padding-bottom:0;}
.sm-group-heading .sm-enable-control {display:flex;align-items:center;gap:10px;flex-shrink:0;font-size:13px;}
.sm-time {min-width:0;}
.sm-hour-preset {display:block;min-width:0;}
#smHourPresetHelp {font-size:12px;line-height:1.6;}
@media(max-width:600px) {
  #smGroup .sm-hour {grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr) 40px;gap:6px;}
  #smGroup .sm-hour .sm-remove {width:40px;min-height:40px;}
  .sm-group-heading {align-items:flex-start;}
}

/* Workspaces → Create workspace: observed 512px shell, 24px padding,
   16px field spacing and 8px corners. Sections adapt our longer mode form. */
#smEditor .sm-mode-editor {width:min(512px,100%);border-radius:var(--panel-radius,8px);}
#smEditorFields {gap:24px;}
#smEditor .sm-editor-section {margin:0;padding:0;}
#smEditor .sm-editor-section+.sm-editor-section {border-top:1px solid var(--line);padding-top:24px;}
#smEditor .sm-editor-section>h3 {margin:0;font-size:14px;line-height:24px;font-weight:600;}
#smEditor .sm-field {gap:6px;}
#smEditor .sm-field>span,#smEditor .sm-editor-disclosure>summary {font-weight:400;}
#smEditor .sm-editor-disclosure>summary {font-size:14px;color:var(--muted);}
#smEditor .sm-editor-disclosure[open]>summary {margin-bottom:16px;}
#smEditor .sm-check {justify-content:space-between;}
#smEditor .sm-check>input {order:2;flex-shrink:0;}
#smEditor .sm-check>span {color:var(--muted);font-weight:400;}
#smEditor .sm-actions {flex-wrap:wrap;gap:8px;}
#smEditor .sm-avatar-editor {align-items:center;gap:12px;}
#smEditor .sm-avatar-copy {display:grid;gap:4px;min-width:0;}
#smEditor .sm-avatar-copy .text-button {justify-self:start;padding:0;min-height:24px;}
#smEditor .sm-avatar-editor .sm-avatar {width:48px;height:48px;border-radius:var(--radius-card,8px);}
#smEditor .sm-avatar-field>.field-error {display:block;margin-top:6px;}
#smEditor #smAiResult {margin:0;font-size:12px;color:var(--muted);}

.control-rules-summary {font-size:14px;line-height:1.65;overflow-wrap:anywhere;}
.control-rules-summary ul {margin:8px 0 0;padding-left:20px;}
.control-rules-summary p {margin:8px 0 0;}
.control-rules-summary strong {font-weight:500;}
.control-message-filters {margin-top:16px;}
.control-message-filters>summary {cursor:pointer;color:var(--muted);font-size:14px;}
.control-message-filters>p {color:var(--muted);font-size:13px;margin:12px 0;}
.global-control-panel>#globalControlsOverview+section {border-top:1px solid var(--line);padding-top:28px;}
#globalControlsOverview {gap:0;}
#globalControlsOverview .settings-save-row:has(#platformAutomationState) {justify-content:space-between;flex-wrap:wrap;}

/* Operations overview: the shared shell/tokens remain the only production theme. */
.ops-tabs {display:flex;gap:8px;border-bottom:1px solid var(--line);overflow-x:auto;scroll-margin-top:80px;}
#overviewDashboardBody .ops-tabs button.btn-segment {display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:0;min-height:40px;white-space:nowrap;padding:8px 12px;background:transparent;color:var(--muted);box-shadow:none;text-decoration:none;}
#overviewDashboardBody .ops-tabs button.btn-segment[aria-selected=true] {color:var(--brand);box-shadow:inset 0 -2px var(--brand);}
#overviewDashboardBody .ops-tabs button.btn-segment:hover {background:transparent;color:var(--ink);text-decoration:none;}
#overviewDashboardBody .ops-metric {display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:8px;text-align:left;color:var(--ink);border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:18px 20px;min-height:126px;}
#overviewDashboardBody .ops-metric:hover {border-color:var(--line-strong);background:var(--surface);}
#overviewDashboardBody .ops-metric>span,#overviewDashboardBody .ops-metric>small {color:var(--muted);font-size:12px;line-height:1.6;}
#overviewDashboardBody .ops-metric>strong {font-size:28px;line-height:1.25;font-weight:500;}
#overviewDashboardBody .ops-metric.has-attention>strong {color:var(--danger);}
#opsViewBody {display:grid;gap:24px;min-width:0;}
#opsViewBody>.panel,#opsViewBody .ops-bottom-grid>.panel {margin:0;min-width:0;}
#opsViewBody .overview-panel-head {gap:16px;align-items:flex-start;}
#opsViewBody .overview-panel-head>.text-action {flex-shrink:0;white-space:nowrap;}
.ops-account-head,.ops-account-row {display:grid;grid-template-columns:minmax(120px,1fr) minmax(130px,1fr) minmax(220px,2.2fr) minmax(135px,1fr);gap:20px;align-items:center;}
.ops-account-head {font-size:11px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:12px;}
.ops-account-row {padding:20px 0;border-bottom:1px solid var(--line);}
.ops-account-row:last-child {border-bottom:0;}
.ops-account-row small {display:block;color:var(--muted);font-size:11px;margin-top:4px;}
.ops-account-state {text-align:right;}
.ops-goal {min-width:100px;max-width:240px;font-variant-numeric:tabular-nums;}
.ops-goal>div {display:flex;align-items:baseline;justify-content:space-between;gap:6px;font-size:12px;}
.ops-goal strong {font-weight:500;white-space:nowrap;flex-shrink:0;}
.ops-goal small {display:inline;color:var(--muted);font-weight:400;font-size:11px;}
.ops-goal>div>span {font-size:11px;color:var(--muted);white-space:nowrap;flex-shrink:0;}
.ops-goal progress {display:block;width:100%;height:4px;appearance:none;border:0;background:var(--line);border-radius:2px;overflow:hidden;margin-top:8px;}
.ops-goal progress::-webkit-progress-bar {background:var(--line);}
.ops-goal progress::-webkit-progress-value {background:var(--brand);}
.ops-goal progress::-moz-progress-bar {background:var(--brand);}
.ops-timeline-scroll {min-width:0;overflow-x:auto;padding:3px;}
.ops-timeline {display:grid;grid-template-columns:repeat(var(--ticks),minmax(0,1fr));gap:3px;height:32px;min-width:220px;}
#overviewDashboardBody button.ops-hour {min-width:0;width:auto;min-height:32px;height:32px;padding:0;border:0;border-radius:3px;background:color-mix(in srgb,var(--brand) var(--volume),var(--line-subtle));position:relative;box-shadow:none;}
#overviewDashboardBody button.ops-hour:hover,#overviewDashboardBody button.ops-hour:focus-visible {outline:1px solid var(--ink);outline-offset:1px;}
#overviewDashboardBody button.ops-hour.failure::after {content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--danger);border-radius:0 0 2px 2px;}
#overviewDashboardBody button.ops-hour.future {background:repeating-linear-gradient(135deg,var(--line-subtle),var(--line-subtle) 3px,var(--surface) 3px,var(--surface) 6px);}
.ops-axis {display:flex;justify-content:space-between;margin-top:5px;color:var(--muted);font-size:10px;min-width:220px;}
.ops-legend {display:flex;flex-wrap:wrap;gap:12px;color:var(--muted);font-size:11px;border-top:1px solid var(--line);padding-top:16px;margin-top:4px;}
.ops-legend span {display:inline-flex;align-items:center;gap:6px;}
.ops-legend i {width:8px;height:8px;background:var(--brand);border-radius:2px;}.ops-legend i.failure {background:var(--danger);}
.ops-status {display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);white-space:nowrap;}
.ops-status::before {content:'';width:5px;height:5px;border-radius:50%;background:currentColor;}
.ops-status.active {color:var(--ink);}.ops-status.sent,.ops-status.done {color:var(--success);}.ops-status.blocked,.ops-status.failed {color:var(--danger);}.ops-status.unknown {color:var(--warning);}
.ops-group-filters,.ops-record-filters {display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap;}
.ops-group-filters .search-field {flex:1;min-width:160px;max-width:360px;}
.ops-group-filters .enhanced-select,.ops-record-filters .enhanced-select {width:180px;flex:0 0 180px;}
.ops-group-table {min-width:860px;}.ops-group-table td {vertical-align:middle;}.ops-group-table td>small {display:block;color:var(--muted);font-size:11px;margin-top:4px;}.ops-group-table td:last-child {width:54px;}.ops-group-table .ops-goal {min-width:140px;}.ops-reason {max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.model-active-grid {grid-template-columns:repeat(3,minmax(0,1fr));margin:0;}
.model-active-card-head {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;min-width:0;font-size:13px;}
.model-active-card.metric-card>strong {font-size:16px;line-height:24px;letter-spacing:normal;overflow-wrap:anywhere;}
.model-active-card .text-button {margin:0;padding-inline:0;min-height:32px;font-size:13px;}
.model-active-panel {margin-bottom:24px;}
.model-default-setting {display:grid;grid-template-columns:140px minmax(0,1fr);gap:24px;padding:20px 0;border-bottom:1px solid var(--line);}
.model-default-setting:first-child {padding-top:0;}
.model-default-setting:last-child {margin-bottom:16px;}
.model-default-setting h3 {font-size:14px;font-weight:550;margin:0;}
.model-default-setting p,.model-default-setting small {font-size:12px;color:var(--muted);margin-top:4px;overflow-wrap:anywhere;}
.model-default-setting label {display:grid;gap:8px;min-width:0;}
.model-service-limit-form,.model-service-routes {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:end;margin-block:16px 24px;}
.model-service-limit-form label,.model-service-routes label {display:grid;gap:8px;min-width:0;}
.model-service-routes small {color:var(--muted);overflow-wrap:anywhere;}
.model-usage-options {display:flex;flex-wrap:wrap;gap:16px;border:1px solid var(--line);border-radius:var(--radius);padding:12px;}
.model-usage-options label {display:flex;align-items:center;gap:8px;}
.model-usage-options input {width:16px;min-height:16px;}
#modelTenantAssignments h2:not(:first-child) {margin-top:24px;}
#modelRouteImpact {overflow-wrap:anywhere;}
@media(max-width:700px){.model-service-limit-form,.model-service-routes{grid-template-columns:minmax(0,1fr);}}
@media(max-width:767px){.model-active-grid {grid-template-columns:minmax(0,1fr);}.model-active-card {padding:16px;}.model-default-setting {grid-template-columns:minmax(0,1fr);gap:12px;padding:16px 0;}}
.ops-group-timeline {min-width:320px;}
.ops-group-timeline .ops-timeline,.ops-group-timeline .ops-axis {min-width:0;}
.ops-group-timeline-heading small {display:block;margin-top:4px;color:var(--muted);font-size:11px;font-weight:400;}
.ops-group-timeline-summary {display:flex;align-items:baseline;gap:12px;margin-bottom:6px;white-space:nowrap;}
.ops-group-timeline-summary strong {font-size:12px;font-weight:500;}
.ops-group-timeline-summary span {color:var(--muted);font-size:11px;}
.ops-bottom-grid {display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px;}.ops-bottom-grid.ops-single {grid-template-columns:minmax(0,1fr);}
.ops-record {display:grid;grid-template-columns:86px minmax(0,1fr) auto;gap:12px;padding:16px 0;border-bottom:1px solid var(--line);align-items:start;}
.ops-record:last-child {border-bottom:0;}.ops-record time {font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;}.ops-record-head {display:flex;gap:4px 8px;flex-wrap:wrap;align-items:center;}.ops-record-head small {font-size:11px;color:var(--muted);}.ops-record p {font-size:12px;color:var(--muted);margin:6px 0 0;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.ops-record p.ops-error {color:var(--danger);}
.ops-issue {display:flex;justify-content:space-between;align-items:flex-start;gap:12px;border-bottom:1px solid var(--line);padding:16px 0;}.ops-issue>div {min-width:0;}.ops-issue strong {font-size:13px;font-weight:500;}.ops-issue small,.ops-issue p {font-size:12px;color:var(--muted);display:block;margin:6px 0 0;overflow-wrap:anywhere;}.ops-issue .text-action {flex-shrink:0;}.ops-issue-links {display:flex;flex-wrap:wrap;gap:12px;margin-top:16px;}
.ops-calls>summary {display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;}.ops-calls summary strong {font-size:14px;font-weight:500;}.ops-calls summary span {font-size:12px;color:var(--muted);}.ops-calls[open]>.overview-panel-head {margin-top:24px;}
#overviewOperationsModal .ops-detail-panel {width:min(600px,100%);}
#overviewOperationsModal .modal-actions {justify-content:flex-end;}
#opsDetailBack {margin-right:auto;}
#opsDetailBody h3 {font-size:14px;font-weight:500;margin:24px 0 12px;}
#opsDetailBody p {font-size:13px;overflow-wrap:anywhere;}
#opsDetailBody>.text-action {margin-top:20px;}
.ops-detail-stats {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;border-bottom:1px solid var(--line);padding-bottom:20px;}
.ops-participation-metrics {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:16px;}
.ops-participation-metrics span {display:block;color:var(--muted);font-size:12px;}
.ops-participation-metrics strong {display:block;font-size:24px;font-weight:500;margin-top:4px;}
.ops-participation-record {padding:12px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere;}
.ops-participation-record p {margin:4px 0;color:var(--muted);font-size:12px;}
@media(max-width:768px){.ops-participation-metrics{grid-template-columns:repeat(3,minmax(0,1fr));}}
.ops-detail-stats span {display:block;font-size:12px;color:var(--muted);}.ops-detail-stats strong {font-size:22px;font-weight:500;}
.ops-detail-group {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;border-bottom:1px solid var(--line);padding:16px 0;}.ops-detail-group .ops-goal {grid-column:1/-1;max-width:none;}
.ops-message {white-space:pre-wrap;overflow-wrap:anywhere;background:var(--hover);border:1px solid var(--line);padding:16px;border-radius:6px;font:13px/1.7 var(--font);}
@media(max-width:1200px){.ops-account-head,.ops-account-row{gap:12px;grid-template-columns:minmax(100px,1fr) minmax(110px,1fr) minmax(220px,2fr) minmax(115px,1fr);}.ops-bottom-grid{grid-template-columns:minmax(0,1fr);}}
@media(max-width:1000px){.ops-account-head{display:none;}.ops-account-row{grid-template-columns:minmax(0,1fr) minmax(130px,1fr);gap:12px;}.ops-account-state{grid-column:1/-1;grid-row:2;display:flex;justify-content:space-between;gap:12px;}.ops-account-state small{margin:0;}.ops-timeline-scroll{grid-column:1/-1;grid-row:3;}.ops-timeline,.ops-axis{min-width:420px;}.ops-goal{max-width:none;}}
@media(max-width:600px){#opsViewBody{gap:16px;}.ops-bottom-grid{gap:16px;}.ops-tabs{gap:0;}.ops-tabs .btn-segment{padding:8px;font-size:12px;}.ops-metrics{grid-template-columns:repeat(2,minmax(0,1fr));}#overviewDashboardBody .ops-metric{padding:14px;min-height:112px;}#overviewDashboardBody .ops-metric>strong{font-size:24px;}#overviewDashboardBody .ops-metric>small{font-size:11px;}.ops-record{grid-template-columns:minmax(0,1fr) auto;gap:6px;}.ops-record>time{grid-column:1/-1;}.ops-record .btn-icon{grid-column:2;grid-row:2;}.ops-detail-stats{gap:8px;}.ops-detail-stats strong{font-size:18px;}.ops-group-filters .search-field{max-width:none;} .ops-group-table td:last-child{position:sticky;right:0;background:var(--surface);}}