/* Segmenter Cyber Violet: shared tokens and presentation, after legacy layout. */
:root {
  color-scheme: light;
  --ink: #0B0D10;
  --violet: #8B5CF6;
  --lavender: #C4B5FD;
  --paper: #F7F6FA;
  --white: #FFFFFF;
  --metal: #8A8F98;
  --line: #E5E2EB;
  --success: #147A52;
  --danger: #B83232;
  --warning: #B86D13;
  --info: #4F7BC8;
  --violet-hover: #7545E8;
  --violet-soft: #F0EAFF;
  --violet-border: #DDD1FF;
  --violet-action: #6D35D8;
  --violet-text: #6530C5;
  --ink-muted: #475467;
  --surface-hover: #F9F7FF;
  --success-soft: #E6F4ED;
  --danger-soft: #FCEBEB;
  --warning-soft: #FFF3E0;
  --warning-text: #87500D;
  --info-soft: #EAF0FA;
  --info-text: #335F9D;
  --neutral-soft: #F0EEF4;
  --neutral: #A6ADB2;
  --chart-error: #D87068;
  --on-dark-muted: #B8BDC8;
  --dark-line: #30303D;
  --nav-active: #1C172D;
  --control-line: #8A8396;
  --shadow-card: 0 4px 22px rgb(19 15 35 / 5%);
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  /* Compatibility for existing layout rules; no lime branding remains. */
  --lime: var(--violet);
  --green: var(--success);
  --red: var(--danger);
}

body { font-family: "DM Sans", system-ui, sans-serif; line-height: 1.5; }
h1, h2, h3, h4, .brand { font-family: Manrope, system-ui, sans-serif; }
button, input, select, textarea { font-family: inherit; }
input, select, textarea { accent-color: var(--violet-action); }
::selection { background: var(--lavender); color: var(--ink); }
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
  outline: 3px solid var(--violet-action);
  outline-offset: 3px;
}
:where(input, select, textarea):focus {
  border-color: var(--violet) !important;
  box-shadow: 0 0 0 3px var(--violet-soft) !important;
}
input:disabled, select:disabled, textarea:disabled { background: var(--neutral-soft); cursor: not-allowed; }
button:disabled, .primary-button:disabled, .secondary-button:disabled {
  opacity: .55; cursor: not-allowed; box-shadow: none;
}
input::placeholder, textarea::placeholder { color: var(--ink-muted); opacity: .85; }
.topbar { border-color: var(--dark-line); gap: 12px; }
.brand { letter-spacing: -1px; flex-shrink: 0; }
.brand-mark { background: var(--violet); color: var(--ink); border-radius: var(--radius-md); }
.brand-accent { color: var(--lavender); }
.main-nav { margin-left: 20px; gap: 0; }
.nav-link { padding-inline: 11px; color: var(--on-dark-muted); }
.nav-link:hover, .nav-link.active { background: var(--nav-active); color: var(--white); }
.nav-link.active::after { background: var(--violet); }
.user-copy small, .icon-button { color: var(--on-dark-muted); }
.user-avatar { background: var(--violet-soft); color: var(--violet-text); }
.page-shell { min-width: 0; }
.page-heading h1 { font-weight: 800; }
.page-heading p, .panel-heading p, .eyebrow, .subtle { color: var(--ink-muted); }
.eyebrow.light { color: var(--lavender); }
.primary-button, .test-send-button, .token-action-btn.primary {
  background: var(--violet-action); color: var(--white); border: 1px solid transparent;
  border-radius: var(--radius-sm); box-shadow: none; min-height: 42px;
}
.primary-button:hover:not(:disabled), .test-send-button:hover:not(:disabled), .token-action-btn.primary:hover {
  background: var(--violet-hover); color: var(--white); box-shadow: none;
}
.secondary-button, .filter-button, .token-action-btn, .page-nav-btn, .row-action, .row-action-link {
  background: var(--white); color: var(--ink); border: 1px solid var(--line); border-radius: var(--radius-sm);
}
.secondary-button:hover, .filter-button:hover, .token-action-btn:hover,
.page-nav-btn:hover:not(.disabled), .row-action:hover, .row-action-link:hover {
  background: var(--surface-hover); border-color: var(--violet-border);
}
.text-button, .add-subject, .panel-heading > a, .back-link, .contact-clear-filters,
.search-source-url, .dashboard-empty a { color: var(--violet-text); }
.danger-button, .row-action.danger, .row-action-link.danger, .text-button.danger {
  color: var(--danger); background: var(--white); border-color: var(--danger);
}
.danger-button:hover, .row-action.danger:hover, .row-action-link.danger:hover, .text-button.danger:hover {
  color: var(--danger); background: var(--danger-soft); border-color: var(--danger);
}
.panel, .metric-card, .newsletter-card, .campaign-card, .agent-card, .compose-setup,
.compose-workspace, .campaign-kpis article, .search-history-bar, .queue-metrics > div {
  border-color: var(--line); border-radius: var(--radius-lg); box-shadow: var(--shadow-card);
}
.panel-heading, th, td, .account-row, .modal-heading, .modal-actions,
.workspace-heading, .campaign-card-stats, .crawler-row { border-color: var(--line); }
th { background: var(--paper); color: var(--ink-muted); padding-block: 16px; }
tbody tr:hover { background: var(--surface-hover); }
.table-wrap { max-width: 100%; }
.metric-card.featured { background: var(--ink); border-color: var(--ink); }
.metric-icon, .account-avatar { background: var(--neutral-soft); color: var(--ink-muted); }
.featured .metric-icon { background: var(--violet); color: var(--ink); }
.metric-card > span, .metric-card > small { color: var(--ink-muted); }
.featured > span, .featured > small { color: var(--on-dark-muted); }
.empty-state > span, .campaign-symbol { background: var(--violet-soft); color: var(--violet-text); }
.next-steps li.current > span { background: var(--violet-soft); border-color: var(--violet); color: var(--violet-text); }
.modal { background: var(--white); color: var(--ink); border: 1px solid var(--line); border-radius: var(--radius-xl); max-height: calc(100dvh - 32px); overflow: auto; }
.close-button { color: var(--ink-muted); border-color: var(--line); }
.close-button:hover { background: var(--violet-soft); }
.form-grid input, .form-grid select, .form-stack input, .filters-bar select, .search-field,
.compose-name input, .subject-row input, .builder-fields input, .builder-fields select,
.sender-option-group input, .sender-option-group select, .attachment-option input[type=file],
.test-send-fields input, .test-send-fields select, .blacklist-form input, .blacklist-form select,
.blacklist-form textarea, .search-config-form input:not([type=checkbox]), .search-config-form select,
.search-config-form textarea, .search-main-input input, .search-main-input textarea,
.smtp-config-form input, .smtp-test-form input, .smtp-test-form select, .queue-filters select,
.search-history-bar select, .export-status-filter select {
  border-color: var(--control-line); border-radius: var(--radius-md); background: var(--white); color: var(--ink);
}
.search-field:focus-within { border-color: var(--violet); box-shadow: 0 0 0 3px var(--violet-soft); }
.search-field input:focus { box-shadow: none !important; }
.target-option:has(input:checked), .account-selection label:has(input:checked),
.export-field-grid label:has(input:checked) {
  border-color: var(--violet); background: var(--violet-soft); box-shadow: inset 0 0 0 1px var(--violet);
}
.target-option:has(input:focus-visible), .search-engine-chip:has(input:focus-visible) {
  outline: 3px solid var(--violet-action); outline-offset: 3px;
}
.target-option input:checked + .target-radio { border-color: var(--violet-action); }
.account-selection label > input, .export-field-grid input { accent-color: var(--violet-action); }
.search-engine-chip input:checked + span { color: var(--violet-text); background: var(--violet-soft); border-color: var(--violet); }
.search-engine-chip input:focus-visible + span, .search-file-button:focus-within { outline-color: var(--violet-action); }
.variable-strip, .builder-step-title, .advanced-details, .contact-site-metadata,
.contact-details-grid, .token-meta-grid, .pagination-footer, .search-simple-metrics,
.blacklist-help, .performance-summary, .mail-preview-subject, .render-pane, .newsletter-preview {
  background: var(--paper); border-color: var(--line);
}
.variable-chips button:hover { border-color: var(--violet); background: var(--violet-soft); }
.variable-chips code, .token-field-group code { color: var(--violet-text); background: var(--violet-soft); }
.compose-code, .code-tab-content code, .ssh-log-terminal pre,
.spf-code-wrap code, .token-input-wrap input, .endpoint-method-url code { color: var(--lavender); }
.compose-code { background: var(--ink); }
.setup-index > span { background: var(--violet); color: var(--ink); }
.mail-avatar, .builder-step-title > span { color: var(--lavender); }
.current-attachment, .search-file-info, .agent-note { background: var(--violet-soft); border-color: var(--violet-border); }
.current-attachment > span, .search-default-summary span, .provider-pill.corp,
.provider-pill.crawler, .blacklist-type.type-tld {
  color: var(--violet-text); background: var(--violet-soft);
}
.current-attachment > span { border-radius: var(--radius-sm); }
.search-file-info button, .search-input-tools, .search-file-button,
.search-advanced-options > summary, .search-engine-chip span { color: var(--ink-muted); }
.search-more-menu a:hover, .search-more-menu button:hover { background: var(--surface-hover); }
.agent-note > span { background: var(--violet); box-shadow: 0 0 0 4px var(--violet-border); }
.settings-sidebar { background: var(--ink); border-color: var(--dark-line); }
.settings-sidebar > span, .settings-sidebar small, .settings-sidebar a.active small { color: var(--on-dark-muted); }
.settings-sidebar a { color: var(--on-dark-muted); }
.settings-sidebar a:hover { background: rgb(139 92 246 / 12%); color: var(--white); }
.settings-sidebar a.active { background: var(--violet-soft); color: var(--violet-text); }
.settings-sidebar a.active small { color: var(--violet-text); }
.settings-metrics, .crawler-metrics, .agent-metrics { background: var(--ink); }
.settings-metrics span, .crawler-metrics span, .crawler-metrics strong small,
.agent-metrics small, .agent-metrics strong span { color: var(--on-dark-muted); }
.settings-metrics > div, .crawler-metrics > div, .agent-metrics article { border-color: var(--dark-line); }
.status-pending, .status-draft, .status-cancelled, .agent-state.offline {
  background: var(--neutral-soft); color: var(--ink-muted);
}
.status-processing, .status-validating, .status-preparing, .status-scheduled, .auto-badge {
  background: var(--info-soft); color: var(--info-text);
}
.status-active, .status-sent, .status-completed, .agent-state.online,
.flash-success, .test-task-result.sent { background: var(--success-soft); color: var(--success); }
.status-error, .status-bounce, .status-blocked, .status-failed, .form-error, .flash-error,
.test-task-result.error { background: var(--danger-soft); color: var(--danger); }
.row-action-link.warning, .install-badge.installing, .campaign-metric-warning {
  background: var(--warning-soft); color: var(--warning-text);
}
.status-text-active, .campaign-card-stats .is-sent strong { color: var(--success); }
.live-badge, .operations-live { color: var(--success); background: var(--success-soft); border-color: var(--success); }
.live-badge i, .operations-live i, .server-icon i, .agent-pulse.online i {
  background: var(--success); box-shadow: 0 0 0 4px var(--success-soft);
}
.agent-card { border-color: var(--line); box-shadow: inset 0 3px var(--success), var(--shadow-card); }
.agent-card.offline { box-shadow: inset 0 3px var(--neutral), var(--shadow-card); }
.server-icon { background: var(--neutral-soft); color: var(--ink-muted); }
.contact-whatsapp { color: var(--violet-text) !important; }
.table-account .sync-time { color: var(--ink-muted); }
.campaign-kpis .campaign-kpi-sent { background: var(--ink); border-color: var(--ink); }
.campaign-kpis .campaign-kpi-sent > strong { color: var(--lavender); }
.campaign-kpis .campaign-kpi-sent > span, .campaign-kpis .campaign-kpi-sent > small { color: var(--on-dark-muted); }
.campaign-chart-key i, .queue-dot.accounts, .crawler-progress i { background: var(--violet); }
.campaign-chart-legend .sent, .campaign-progress-track .sent, .bar-success, .legend-success { background: var(--success); }
.campaign-chart-legend .errors, .campaign-progress-track .errors, .bar-error, .legend-error { background: var(--chart-error); }
.campaign-chart-legend .processing, .queue-dot.sending, .queue-dot.working { background: var(--info); }
.campaign-chart-legend .pending, .campaign-chart-legend .cancelled, .campaign-progress-track .cancelled { background: var(--neutral); }
.campaign-donut, .campaign-progress-track, .crawler-progress > div { background: var(--neutral-soft); }
.campaign-monitor-symbol { color: var(--violet-text); background: var(--violet-soft); border-color: var(--violet-border); }
.campaign-monitor-empty > span { color: var(--violet-text); }
.campaign-live-line i, .campaign-speed-dot { background: var(--info); }
.is-preparing .campaign-progress-track::after {
  background-image: repeating-linear-gradient(110deg, var(--info-soft) 0, var(--info-soft) 10px, var(--lavender) 10px, var(--lavender) 20px);
}
.provider-health-score i { background: var(--success); }
.queue-radar-ring { border-color: var(--violet-border); }
.queue-radar-core { box-shadow: 0 0 0 8px var(--violet-soft); }
.cache-loading-spinner { border-color: var(--violet-soft); border-top-color: var(--violet); }
.search-completion progress { accent-color: var(--info); background: var(--neutral-soft); }
.search-completion progress::-webkit-progress-bar { background: var(--neutral-soft); }
.search-completion progress::-webkit-progress-value { background: var(--info); }
.search-completion progress::-moz-progress-bar { background: var(--info); }
.campaign-trend-panel svg text { stroke: none; }
.campaign-trend-panel svg rect { stroke: none; }
.login-panel { background: var(--paper); }
.login-story { background: var(--ink); }
.login-story > .brand { position: relative; z-index: 2; }
.login-story::after { pointer-events: none; border-color: var(--dark-line); box-shadow: 0 0 0 70px rgb(139 92 246 / 5%), 0 0 0 71px var(--dark-line), 0 0 0 140px rgb(139 92 246 / 3%); }
.login-story p, .signal-card small { color: var(--on-dark-muted); }
.signal-dot { background: var(--violet); box-shadow: 0 0 0 5px rgb(139 92 246 / 15%); }
.signal-card { border-color: var(--dark-line); }
.login-footnote { color: var(--ink-muted); }

/* Small operational labels must remain readable, including stale/loading states. */
.panel-kicker, .chart-legend, .chart-day > small, .campaign-chart-key,
.campaign-chart-legend li, .campaign-donut small, .campaign-trend-panel > p,
.campaign-kpis article > span, .campaign-kpis article > small, .campaign-card-stats span,
.campaign-monitor-identity p, .campaign-monitor-footer, .campaign-monitor-footer small,
.campaign-progress-heading, .campaign-result-count, .campaign-dashboard-help,
.page-cache-note, .cache-loading-panel p, .cache-loading-panel small,
.search-config-form small, .search-run-heading p, .search-run-detail-grid,
.search-completion > div, .search-optional, .search-advanced-options > summary small,
.search-main-input small, .search-create-footer > small, .search-welcome > p,
.search-welcome > div, .search-simple-metrics small, .export-selection-toolbar,
.export-modal-help, .source-domain, .crawler-file small, .crawler-progress small,
.detail-item small, .dns-none, .form-grid label > small, .compose-name > small,
.setup-index small, .builder-fields small, .target-option small,
.sender-option-group small, .attachment-option small { color: var(--ink-muted); }
.compose-setup > .setup-index small { color: var(--on-dark-muted); }
.code-editor { color: var(--lavender); }
.code-heading, .agent-task, .error-details-meta, .test-history > div { background: var(--paper); }
.variable-list button:hover { background: var(--surface-hover); }
.variable-list code { color: var(--violet-text); background: var(--violet-soft); }
.host-pill, .badge-opt, .agent-pulse, .provider-health-score > div { background: var(--neutral-soft); }
.provider-pill.corp { border-color: var(--violet-border); }
.http-badge.post { background: var(--violet-action); }
.blacklist-help code { background: var(--neutral-soft); }
.queue-metric-icon.pending { background: var(--neutral); box-shadow: 0 0 0 6px var(--neutral-soft); }
.queue-metric-icon.processing { background: var(--info); box-shadow: 0 0 0 6px var(--info-soft); }
.queue-metric-icon.sent, .event-dot.event-email_sent, .event-dot.event-account_completed {
  background: var(--success); box-shadow: 0 0 0 6px var(--success-soft);
}
.queue-metric-icon.error { background: var(--danger); box-shadow: 0 0 0 6px var(--danger-soft); }
.event-marker.event-account_completed, .event-marker.event-email_sent { background: var(--success); }
.search-main-input textarea:focus, .blacklist-form textarea:focus { outline-color: var(--violet-action); }
.performance-summary span, .queue-breakdown span, .dashboard-empty, .mini-metrics span,
.empty-state p, .draft-indicator, .subjects-fieldset legend span, .subject-number,
.builder-step-title p, .workspace-heading .setup-index small, .preview-device,
.variable-strip > strong, .render-pane .pane-title small, .mail-preview-meta small,
.mail-preview-meta > span:last-child, .mail-preview-subject small, .campaign-live-line,
.campaign-monitor-empty p, .launch-summary li span, .agent-note p, .agent-empty p,
.token-field-group small, .token-meta-grid small, .badge-opt, .blacklist-help span,
.blacklist-rule-value small, .blacklist-rule-hits small, .smtp-connection-info,
.search-results-empty, .search-results-empty p { color: var(--ink-muted); }
.remove-subject:not(:disabled) { color: var(--ink-muted); }
.install-command > span, .source-pane .pane-title small { color: var(--on-dark-muted); }
.settings-sidebar strong { font-size: 12px; }
.settings-sidebar small, .blacklist-help span, .blacklist-rule-value small,
.blacklist-rule-hits small, .builder-step-title p, .setup-index small,
.sender-option-group small, .attachment-option small, .compose-name > small,
.search-config-form small, .search-default-summary span, .export-modal-help,
.dashboard-empty, .performance-summary span, .queue-breakdown span,
.campaign-monitor-footer, .campaign-monitor-footer small, .campaign-dashboard-help,
.page-cache-note, .cache-loading-panel small { font-size: 11px; }
.target-radio { border-color: var(--control-line); }
.dashboard-list { display:flex; flex-direction:column; }
.dashboard-data-row { min-height:62px; display:flex; align-items:center; gap:16px; padding:13px 20px; border-top:1px solid var(--line); color:var(--ink); text-decoration:none; }
.dashboard-data-row:hover { background:var(--surface-hover); }
.dashboard-data-row > div { display:flex; flex:1; min-width:0; flex-direction:column; }
.dashboard-data-row strong { font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.dashboard-data-row small { color:var(--ink-muted); font-size:10px; }
.dashboard-data-row b { margin-left:auto; font:700 14px Manrope; }
.crawler-upload{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px 20px;border-top:1px solid var(--line)}
.dropzone.compact{min-height:92px;align-items:flex-start;padding:18px 22px;text-align:left}
@media(max-width:650px){.crawler-upload{grid-template-columns:1fr}.crawler-upload .primary-button{width:100%}}
.user-admin-grid,.segment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.user-admin-card{overflow:hidden}.user-usage{padding:18px 22px;display:flex;align-items:baseline;gap:8px}.user-usage strong{font:800 28px Manrope}.user-usage span{color:var(--ink-muted);font-size:11px}.user-config-form{padding:20px;border-top:1px solid var(--line);display:grid;gap:12px}.user-config-form>label,.mapping-form>label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:700}.user-config-form input,.mapping-form select{min-height:42px;padding:0 11px;border:1px solid var(--control-line);border-radius:var(--radius-md);background:var(--white)}.user-config-form fieldset,.module-options{display:flex;flex-wrap:wrap;gap:12px;border:1px solid var(--line);border-radius:var(--radius-md);padding:12px}.upload-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px;margin-bottom:16px}.upload-drop-panel{padding:22px}.dropzone{min-height:230px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;border:2px dashed var(--violet-border);border-radius:var(--radius-lg);background:var(--violet-soft);cursor:pointer;text-align:center}.dropzone:hover,.dropzone.is-dragging{border-color:var(--violet);background:var(--surface-hover)}.dropzone input{position:absolute;opacity:0;pointer-events:none}.dropzone-icon{font-size:34px;color:var(--violet-text)}.dropzone small{color:var(--ink-muted)}.upload-file-list{display:grid;gap:6px;margin:12px 0}.upload-file-list>div{padding:9px;border-radius:var(--radius-sm);background:var(--paper);font-size:11px}.upload-quota{padding:24px}.upload-quota>strong{display:block;font:800 38px Manrope}.upload-quota progress{width:100%;accent-color:var(--violet);margin:14px 0}.upload-quota small{color:var(--ink-muted)}.upload-row{display:grid;grid-template-columns:minmax(180px,1fr) auto minmax(220px,.8fr) auto;align-items:center;gap:14px;padding:14px 20px;border-top:1px solid var(--line)}.upload-row>div:first-child{display:flex;flex-direction:column}.upload-row small,.upload-counts{color:var(--ink-muted);font-size:10px}.mapping-form{padding:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mapping-check{grid-column:1/-1!important;flex-direction:row!important}.mapping-form .modal-actions{grid-column:1/-1}.segment-card{padding:22px}.segment-card h2{margin:16px 0 4px}.segment-card p{color:var(--ink-muted);font-size:12px}.segment-card>strong{display:block;margin-top:20px;font:800 30px Manrope}.segment-card>small{color:var(--ink-muted)}.segment-tags{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0}.segment-tags span{padding:5px 8px;border-radius:20px;background:var(--violet-soft);color:var(--violet-text);font-size:9px}.segment-actions{display:flex;gap:8px}.segment-actions form{margin-left:auto}@media(max-width:850px){.user-admin-grid,.segment-grid,.upload-layout{grid-template-columns:1fr}.upload-row{grid-template-columns:1fr auto}.upload-counts{grid-column:1/-1}.mapping-form{grid-template-columns:1fr}}@media(max-width:520px){.segment-actions{flex-direction:column}.segment-actions form{margin:0}.segment-actions button,.segment-actions a{width:100%}}
.table-account small, .account-identity small, .dns-summary small,
.provider-pill.unk, .page-nav-btn.disabled, .campaign-monitor-identity p span { color: var(--ink-muted); }
.error-category-badge.auth_failed, .error-category-badge.connection_error,
.install-badge.failed { background: var(--danger-soft); color: var(--danger); border-color: var(--danger); }
.error-category-badge.ssl_error { background: var(--warning-soft); color: var(--warning-text); border-color: var(--warning); }
.error-category-badge.host_unreachable { background: var(--info-soft); color: var(--info-text); border-color: var(--info); }
.test-unavailable { color: var(--danger); font-size: 11px; }
.error-details-meta small, .test-history small { color: var(--ink-muted); }
.event-dot { background: var(--info); box-shadow: 0 0 0 4px var(--info-soft); }
.event-dot.event-email_sent, .event-dot.event-account_completed { background: var(--success); box-shadow: 0 0 0 4px var(--success-soft); }
.event-dot.event-email_error, .event-dot.event-account_error { background: var(--danger); box-shadow: 0 0 0 4px var(--danger-soft); }
.code-examples-box, .resp-card, .ssh-log-terminal, .install-command, .source-pane { background: var(--ink); }
.code-tabs, .resp-header, .install-command > span { border-color: var(--dark-line); }

@media (min-width: 901px) and (max-width: 1200px) {
  .topbar { padding-inline: 20px; gap: 8px; }
  .main-nav { margin-left: 0; }
  .nav-link { padding-inline: 8px; font-size: 12px; }
  .user-copy { display: none; }
}
@media (max-width: 900px) {
  .main-nav { margin-left: 0; }
  .nav-link { min-height: 44px; }
}
@media (max-width: 620px) {
  .brand { font-size: 21px; }
  .topbar { gap: 8px; padding-inline: 14px; }
  .page-shell { padding-inline: 16px; }
  .page-heading, .panel-heading { flex-wrap: wrap; gap: 14px; }
  .heading-actions, .compose-header-actions { flex-wrap: wrap; }
  .settings-sidebar a { min-height: 48px; }
  .token-input-wrap { flex-wrap: wrap; }
  .token-input-wrap input { min-width: 0; flex-basis: 100%; }
  .endpoint-method-url { flex-wrap: wrap; min-width: 0; }
  .endpoint-method-url code { font-size: 12px; overflow-wrap: anywhere; }
  .endpoint-body { padding: 20px 16px; }
  .code-tab-content { overflow-x: auto; }
  .pagination-nav { flex-wrap: wrap; }
  .form-grid, .setup-fields, .builder-fields.two-cols { min-width: 0; }
  .form-grid input, .form-grid select, .setup-fields input { min-width: 0; }
  .modal-actions { flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}