/* Generated by ui/build-tka-ui.mjs. Edit ui/*.css, never this bundle directly. */

/* tokens.css */
/* TKA UI 2.0: canonical tokens. Dark is the default. */
:root,
html[data-theme="dark"],
body[data-theme="dark"] {
  color-scheme: dark;
  --tka-bg: #07080b;
  --tka-bg-elevated: #0d1117;
  --tka-surface: #11161d;
  --tka-surface-strong: #171e27;
  --tka-text: #f7f8fb;
  --tka-muted: #a7b0ba;
  --tka-muted-strong: #c2c8cf;
  --tka-subtle: #7f8a96;
  --tka-red: #d71920;
  --tka-red-strong: #a80f16;
  --tka-gold: #d4a84f;
  --tka-success: #35b979;
  --tka-warning: #e1ae4f;
  --tka-danger: #ef4e45;
  --tka-border: rgba(255, 255, 255, 0.12);
  --tka-border-strong: rgba(255, 255, 255, 0.22);
  --tka-focus: rgba(212, 168, 79, 0.72);
  --tka-on-primary: #ffffff;
  --tka-on-accent: var(--tka-on-primary);
  --tka-on-danger: #ffffff;
  --tka-on-warning: #171109;
  --tka-on-success: #07170f;
  --tka-on-surface: var(--tka-text);
  --tka-accent-border: color-mix(in srgb, var(--tka-red) 48%, transparent);
  --tka-accent-border-soft: color-mix(in srgb, var(--tka-red) 28%, transparent);
  --tka-accent-bg: color-mix(in srgb, var(--tka-red) 11%, transparent);
  --tka-accent-wash: color-mix(in srgb, var(--tka-red) 8%, transparent);
  --tka-gray-wash: color-mix(in srgb, var(--tka-text) 6%, transparent);
  --tka-danger-border: color-mix(in srgb, var(--tka-danger) 58%, transparent);
  --tka-success-border: color-mix(in srgb, var(--tka-success) 52%, transparent);
  --tka-warning-border: color-mix(in srgb, var(--tka-warning) 56%, transparent);
  --tka-info-border: color-mix(in srgb, var(--tka-muted) 48%, transparent);
  --tka-success-wash: color-mix(in srgb, var(--tka-success) 14%, var(--tka-surface));
  --tka-warning-wash: color-mix(in srgb, var(--tka-warning) 15%, var(--tka-surface));
  --tka-danger-wash: color-mix(in srgb, var(--tka-danger) 14%, var(--tka-surface));
  --tka-info-wash: color-mix(in srgb, var(--tka-muted) 13%, var(--tka-surface));
  --tka-row-bg: color-mix(in srgb, var(--tka-text) 5%, transparent);
  --tka-shadow-1: 0 10px 24px rgba(0, 0, 0, 0.28);
  --tka-shadow-2: 0 22px 54px rgba(0, 0, 0, 0.4);
  --tka-radius-control: 8px;
  --tka-radius-card: 12px;
  --tka-radius-panel: 16px;
  --tka-control-size: 44px;
  --tka-space-1: 4px;
  --tka-space-2: 8px;
  --tka-space-3: 12px;
  --tka-space-4: 16px;
  --tka-space-5: 24px;
  --tka-space-6: 32px;
  --tka-page-max: 1440px;

  /* Compatibility aliases. Modules may consume, but not redefine, these names. */
  --bg: var(--tka-bg);
  --bg-2: var(--tka-surface-strong);
  --shell: var(--tka-bg-elevated);
  --panel: var(--tka-surface);
  --panel-strong: var(--tka-surface-strong);
  --surface: var(--tka-surface);
  --surface-strong: var(--tka-surface-strong);
  --field: var(--tka-bg-elevated);
  --field-bg: var(--tka-bg-elevated);
  --control-bg: var(--tka-bg-elevated);
  --line: var(--tka-border);
  --line-strong: var(--tka-border-strong);
  --ink: var(--tka-text);
  --text: var(--tka-text);
  --muted: var(--tka-muted);
  --muted-strong: var(--tka-muted-strong);
  --subtle: var(--tka-subtle);
  --accent: var(--tka-red);
  --accent-2: var(--tka-red-strong);
  --accent-dark: var(--tka-red-strong);
  --accent-strong: var(--tka-red-strong);
  --teal: var(--tka-gold);
  --blue: var(--tka-muted);
  --red: var(--tka-danger);
  --ok: var(--tka-success);
  --warn: var(--tka-warning);
  --bad: var(--tka-danger);
  --danger: var(--tka-danger);
  --green: var(--tka-success);
  --amber: var(--tka-warning);
  --soft: var(--tka-surface-strong);
  --tile-bg: var(--tka-surface);
  --row-bg: var(--tka-row-bg);
  --accent-contrast: var(--tka-on-accent);
  --accent-border: var(--tka-accent-border);
  --accent-border-soft: var(--tka-accent-border-soft);
  --accent-bg: var(--tka-accent-bg);
  --accent-wash: var(--tka-accent-wash);
  --gray-wash: var(--tka-gray-wash);
  --danger-border: var(--tka-danger-border);
  --success-border: var(--tka-success-border);
  --warning-border: var(--tka-warning-border);
  --info-border: var(--tka-info-border);
  --success-wash: var(--tka-success-wash);
  --warning-wash: var(--tka-warning-wash);
  --danger-wash: var(--tka-danger-wash);
  --info-wash: var(--tka-info-wash);
  --on-primary: var(--tka-on-primary);
  --on-danger: var(--tka-on-danger);
  --on-warning: var(--tka-on-warning);
  --on-success: var(--tka-on-success);
  --on-surface: var(--tka-on-surface);
  --focus: var(--tka-focus);
  --shadow: var(--tka-shadow-2);
}

html[data-theme="light"],
body[data-theme="light"] {
  color-scheme: light;
  --tka-bg: #f5f6f8;
  --tka-bg-elevated: #ffffff;
  --tka-surface: #ffffff;
  --tka-surface-strong: #eef1f4;
  --tka-text: #15171c;
  --tka-muted: #5e6672;
  --tka-muted-strong: #4b535e;
  --tka-subtle: #747d88;
  --tka-red: #b22116;
  --tka-red-strong: #7a0a00;
  --tka-gold: #76531a;
  --tka-success: #137347;
  --tka-warning: #855300;
  --tka-danger: #b42318;
  --tka-border: rgba(17, 24, 39, 0.14);
  --tka-border-strong: rgba(17, 24, 39, 0.24);
  --tka-focus: rgba(184, 135, 45, 0.68);
  --tka-on-primary: #ffffff;
  --tka-on-danger: #ffffff;
  --tka-on-warning: #ffffff;
  --tka-on-success: #ffffff;
  --tka-shadow-1: 0 8px 20px rgba(15, 23, 42, 0.08);
  --tka-shadow-2: 0 18px 44px rgba(15, 23, 42, 0.12);
}

/* reset.css */
*,
*::before,
*::after { box-sizing: border-box; }

html { min-width: 320px; min-height: 100%; }
body { min-width: 0; min-height: 100vh; margin: 0; }
img, svg, video, canvas { max-width: 100%; }
button, input, select, textarea { font: inherit; }
button, [role="button"] { touch-action: manipulation; }
[hidden], .hidden { display: none !important; }

/* base.css */
@media screen {
  html,
  body {
    background-color: var(--tka-bg) !important;
    color: var(--tka-text) !important;
    font-family: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif !important;
  }

  body {
    overflow-x: clip;
    background-image: linear-gradient(180deg, color-mix(in srgb, var(--tka-red) 4%, var(--tka-bg)), var(--tka-bg) 280px) !important;
    line-height: 1.5;
  }

  :where(body[data-theme]) :where(main, div, section, article, aside, nav, header, footer, details, summary, ul, li) {
    background-color: transparent !important;
    background-image: none !important;
  }

  html.tka-theme-booting *,
  html.tka-theme-booting *::before,
  html.tka-theme-booting *::after { transition: none !important; animation-duration: 0s !important; }

  h1, h2, h3, h4, p { overflow-wrap: anywhere; color: var(--tka-text) !important; }
  a { color: inherit !important; text-underline-offset: 3px; }
  strong { color: inherit !important; }
  small { color: var(--tka-muted) !important; }
  .muted, .subcopy, .lede, .save, .save-status, .status-meta { color: var(--tka-muted) !important; }
  .eyebrow {
    margin-block: 0 var(--tka-space-2);
    color: var(--tka-gold) !important;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  :focus-visible { outline: 3px solid var(--tka-focus); outline-offset: 2px; }
  ::selection { background: color-mix(in srgb, var(--tka-red) 35%, transparent); color: var(--tka-text); }
}

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

/* layout.css */
@media screen {
  body[data-tka-layout] { min-width: 0; }

  :where(.shell, .app-shell, .workspace, main[data-tka-shell], .tka-shell) {
    width: min(100%, var(--tka-page-max));
    min-width: 0;
    margin-inline: auto;
  }

  body[data-tka-layout="hub"] :where(.shell, .app-shell, .tka-shell),
  body[data-tka-layout="list"] :where(.shell, .app-shell, .tka-shell),
  body[data-tka-layout="operations"] :where(.shell, .app-shell, .tka-shell) { padding: var(--tka-space-4); }

  :where(.tka-topbar, .topbar, .app-header, .titlebar, .editor-topbar, .contract-topbar) {
    position: sticky;
    inset-block-start: 0;
    z-index: 30;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--tka-space-4);
    min-width: 0;
    padding: var(--tka-space-4) var(--tka-space-5);
    border: 0 !important;
    border-bottom: 1px solid var(--tka-border) !important;
    background: color-mix(in srgb, var(--tka-bg-elevated) 94%, transparent) !important;
    color: var(--tka-text) !important;
    box-shadow: var(--tka-shadow-1) !important;
    backdrop-filter: blur(14px);
  }

  .chat-phone-header {
    background: var(--tka-red-strong) !important;
    color: var(--tka-on-primary) !important;
  }
  .chat-phone-header span { color: color-mix(in srgb, var(--tka-on-primary) 82%, transparent) !important; }
  body.mobile-mode .topbar.mobile-topbar {
    background: var(--tka-bg-elevated) !important;
    color: var(--tka-text) !important;
  }
  body.mobile-mode .topbar.mobile-topbar h1 { color: var(--tka-text) !important; }
  body.mobile-mode .topbar.mobile-topbar .eyebrow { color: var(--tka-gold) !important; }
  body.mobile-mode .topbar.mobile-topbar .muted { color: var(--tka-muted) !important; }

  :where(.tka-topbar__identity, .brand-lockup, .topbar > div:first-child) { min-width: 0; }
  :where(.tka-brand-lockup, .brand.tka-brand-lockup, .brand-lockup.tka-brand-lockup, .topbar-brand.tka-brand-lockup, .report-brand.tka-brand-lockup) {
    display: flex;
    align-items: center;
    gap: var(--tka-space-3);
    min-width: 0;
  }
  :where(img.tka-official-logo, img.tka-brand-logo) {
    display: block;
    flex: 0 0 auto;
    width: 42px;
    height: 42px;
    max-width: 42px;
    max-height: 42px;
    object-fit: contain;
    border: 1px solid var(--tka-border-strong);
    border-radius: 10px;
    background: #050505;
  }
  :where(.tka-login-logo) {
    display: block;
    width: 88px !important;
    height: 80px !important;
    max-width: 100%;
    margin: 0 auto var(--tka-space-4);
    object-fit: contain;
    border: 1px solid var(--tka-border-strong);
    border-radius: var(--tka-radius-card);
    background: #050505;
  }
  :where(.tka-topbar__title, .topbar h1, .app-header h1, .titlebar h1) { margin: 0; color: var(--tka-text); line-height: 1.15; }
  :where(.tka-topbar__status, .topbar-status) { color: var(--tka-muted); }
  :where(.tka-topbar__actions, .topbar-side, .top-actions, .header-actions, .app-header-actions, .window-actions) {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--tka-space-2);
    flex-wrap: wrap;
    min-width: 0 !important;
    max-width: 100%;
  }

  :where(.tka-panel, .panel, .login-card, .login-shell, .access-shell, .access-card, .auth-card, .sidebar, .empty-state, .error-state, .summary-panel, .queue-panel, .logs-panel, .identity-card) {
    min-width: 0;
    border: 1px solid var(--tka-border) !important;
    border-radius: var(--tka-radius-panel) !important;
    background: var(--tka-surface) !important;
    color: var(--tka-text) !important;
    box-shadow: var(--tka-shadow-1) !important;
  }

  :where(.tka-card, .card, .system-card, .record-card, .contract-card, .client-card, .summary-card, .metric, .status-card, .operator-link-card, .report-card, .row-card, .meta-item, .toggle-card, .popup-card) {
    min-width: 0;
    border: 1px solid var(--tka-border) !important;
    border-radius: var(--tka-radius-card) !important;
    background: var(--tka-surface) !important;
    color: var(--tka-text) !important;
    box-shadow: var(--tka-shadow-1) !important;
  }

  :where([class$="-card"], [class*="-card "], [class$="-panel"], [class*="-panel "], .research-row, .integration-choice, .setup-step, .needs-intro, .need-details, .shift-history-disclosure) {
    border-color: var(--tka-border) !important;
    background: var(--tka-surface) !important;
    color: var(--tka-text) !important;
  }

  :where(.tka-card--dense, .row, .record-row, .commercial-row) { border-radius: var(--tka-radius-control); }
  :where(.panel, .tka-panel, .card, .tka-card, .record-card, .contract-card, .client-card) { padding: var(--tka-space-4); }
  :where(.panel-head, .section-title, .record-card-head, .contract-head, .client-head, .report-head, .section-line) {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--tka-space-3);
  }

  :where(.actions, .contract-actions, .client-actions, .record-actions, .report-actions, .manual-link-group, .link-result-actions, .doc-actions, .footer, .logs-actions) {
    display: flex;
    align-items: center;
    gap: var(--tka-space-2);
    flex-wrap: wrap;
  }

  :where(.summary-strip, .meta-grid, .status-grid, .summary-grid) {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 160px), 1fr));
    gap: var(--tka-space-3);
  }

  :where(.paper, .paper-shell, .document-canvas, [data-tka-document-canvas], .rule-mode-tab.rule-action-card) {
    color-scheme: light;
    --tka-bg: #f5f6f8;
    --tka-bg-elevated: #ffffff;
    --tka-surface: #ffffff;
    --tka-surface-strong: #eef1f4;
    --tka-text: #15171c;
    --tka-muted: #5e6672;
    --tka-subtle: #747d88;
    --tka-red: #b22116;
    --tka-red-strong: #7a0a00;
    --tka-gold: #76531a;
    --tka-success: #137347;
    --tka-warning: #7a4d00;
    --tka-danger: #9f1d14;
    --tka-border: rgba(17, 24, 39, 0.14);
    --tka-border-strong: rgba(17, 24, 39, 0.24);
    --bg: var(--tka-bg);
    --panel: var(--tka-surface);
    --panel-strong: var(--tka-surface-strong);
    --field: var(--tka-bg-elevated);
    --field-bg: var(--tka-bg-elevated);
    --ink: var(--tka-text);
    --text: var(--tka-text);
    --muted: var(--tka-muted);
    --accent: var(--tka-red);
    --accent-dark: var(--tka-red-strong);
    --line: var(--tka-border);
    --line-strong: var(--tka-border-strong);
    background: #fff !important;
    color: #15171c !important;
  }
  :where(.paper, .paper-shell, .document-canvas, [data-tka-document-canvas], .rule-mode-tab.rule-action-card) :where(.panel-section, .section-heading, .repeat-card, .signature-shell, .signature-card) {
    border-color: var(--tka-border) !important;
    background: var(--tka-surface) !important;
    color: var(--tka-text) !important;
  }
  :where(.paper, .paper-shell, .document-canvas, [data-tka-document-canvas], .rule-mode-tab.rule-action-card) :where(.field > span, .section-heading p, .paper-meta span) { color: var(--tka-text) !important; }
  :where(.paper, .paper-shell, .document-canvas, [data-tka-document-canvas], .rule-mode-tab.rule-action-card) :where(.section-heading > span, .field-help, small, .muted) { color: var(--tka-muted) !important; }

  @media (max-width: 900px) {
    :where(.tka-topbar, .topbar, .app-header, .titlebar, .editor-topbar, .contract-topbar) { position: relative; flex-direction: column; align-items: stretch; padding: var(--tka-space-4); }
    :where(.tka-topbar__actions, .topbar-side, .top-actions, .header-actions, .app-header-actions) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; }
    :where(.tka-topbar__actions > *, .topbar-side > *, .top-actions > *, .header-actions > *, .app-header-actions > *) { width: 100%; }
    :where(.panel-head, .section-title, .record-card-head, .contract-head, .client-head, .report-head) { flex-direction: column; align-items: stretch; }
  }

  @media (max-width: 480px) {
    body[data-tka-layout="hub"] :where(.shell, .app-shell, .tka-shell),
    body[data-tka-layout="list"] :where(.shell, .app-shell, .tka-shell),
    body[data-tka-layout="operations"] :where(.shell, .app-shell, .tka-shell) { padding: var(--tka-space-3); }
    :where(.tka-topbar__actions, .topbar-side, .top-actions, .header-actions, .app-header-actions) { grid-template-columns: 1fr; }
  }
}

/* controls.css */
@media screen {
  :where(button, a.button, .button, .primary-btn, .secondary-btn, .ghost-btn, .danger-btn, .primary-button, .secondary-button, .ghost-button, .nav-link, .nav-link-button, .top-actions a, .action, .response-button, .mobile-action, .queue-tab, .tka-button) {
    min-width: var(--tka-control-size) !important;
    min-height: var(--tka-control-size) !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--tka-space-2);
    padding: 10px 14px;
    border: 1px solid var(--tka-border) !important;
    border-radius: var(--tka-radius-control) !important;
    background: var(--tka-bg-elevated) !important;
    color: var(--tka-text) !important;
    font-weight: 750;
    line-height: 1.15;
    text-align: center;
    text-decoration: none;
    box-shadow: none;
    cursor: pointer;
    transition: background 150ms ease, border-color 150ms ease, color 150ms ease, transform 150ms ease;
  }

  :where(.tka-button--primary, .primary-btn, .primary-button, .button.primary, button.primary) {
    border-color: var(--tka-red) !important;
    background-color: var(--tka-red-strong) !important;
    background-image: linear-gradient(135deg, var(--tka-red), var(--tka-red-strong)) !important;
    color: var(--tka-on-primary) !important;
  }

  :where(.tka-button--secondary, .secondary-btn, .secondary-button, .button.secondary),
  :where(.tka-button--ghost, .ghost, .ghost-btn, .ghost-button, .nav-link, .nav-link-button) { background: var(--tka-bg-elevated) !important; color: var(--tka-text) !important; }
  :where(.tka-button--danger, .danger, .danger-btn, .button.danger, button.bad, [data-action="delete"], [data-delete], [data-del]) { border-color: var(--tka-danger) !important; background: var(--tka-red-strong) !important; color: var(--tka-on-danger) !important; }
  :where(.tka-button--warning, .warning, .button.warning, button.warn) { border-color: var(--tka-warning) !important; background: color-mix(in srgb, var(--tka-warning) 18%, var(--tka-bg-elevated)) !important; color: var(--tka-text) !important; }
  :where(.tka-button--icon, .icon-btn, .icon-window) { width: var(--tka-control-size); padding: 0; }
  :where(.icon-window.danger, a.icon-window.danger, span.icon-window.danger) { border-color: var(--tka-danger) !important; background: var(--tka-red-strong) !important; color: var(--tka-on-danger) !important; }
  body.launcher-mobile-mode .icon-window.danger { border-color: var(--tka-danger) !important; background: var(--tka-red-strong) !important; color: var(--tka-on-danger) !important; }
  :where(button, .button, .tka-button):not(:disabled):hover { border-color: var(--tka-border-strong); transform: translateY(-1px); }
  :where(button, .button, .tka-button):disabled, [aria-disabled="true"] { cursor: not-allowed; opacity: 0.55; transform: none; }

  :where(.tabs, .tabs-bar, .sidebar-tabs, .queue-tabs) { display: flex; gap: var(--tka-space-2); flex-wrap: wrap; }
  :where(.tab-btn, .sidebar-tab, .tab-button, .queue-tab) { min-height: var(--tka-control-size); border-radius: var(--tka-radius-control); background: var(--tka-bg-elevated); color: var(--tka-muted); }
  :where(.tab-btn.active, .sidebar-tab.active, .tab-button.active, .queue-tab.active, [role="tab"][aria-selected="true"]) { border-color: var(--tka-red); background: color-mix(in srgb, var(--tka-red) 12%, var(--tka-bg-elevated)); color: var(--tka-text); }
  html[data-theme] .contract-tab.is-active { border-color: var(--tka-red-strong) !important; background: var(--tka-red-strong) !important; color: var(--tka-on-primary) !important; }

  :where(.tka-status, .chip, .pill, .badge, .operator-chip, .tag) {
    min-height: 30px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 10px;
    border: 1px solid var(--tka-border) !important;
    border-radius: 999px;
    background: var(--tka-bg-elevated) !important;
    color: var(--tka-text) !important;
    font-size: 0.85rem;
    font-weight: 800;
  }
  :where(button, a.button, .button, .tag, .pill, .badge, .chip) > span { color: inherit !important; }
  :where(.node-icon) { border-color: var(--tka-border) !important; background: var(--tka-surface-strong) !important; color: var(--tka-text) !important; }
  :where(.setup-step > span, .rank-number, .next-action > span) { background: var(--tka-red-strong) !important; color: var(--tka-on-primary) !important; }
  :where(.n8n-node-glyph) { border-color: var(--tka-gold) !important; background: var(--tka-bg-elevated) !important; color: var(--tka-gold) !important; }
}

/* forms.css */
@media screen {
  :where(input, select, textarea) {
    width: 100%;
    min-width: 0;
    min-height: var(--tka-control-size) !important;
    padding: 10px 12px;
    border: 1px solid var(--tka-border) !important;
    border-radius: var(--tka-radius-control) !important;
    background: var(--tka-bg-elevated) !important;
    color: var(--tka-text) !important;
    box-shadow: none;
  }
  textarea { resize: vertical; }
  :where(input, select, textarea):disabled { opacity: 0.62; cursor: not-allowed; }
  :where(input::placeholder, textarea::placeholder) { color: color-mix(in srgb, var(--tka-muted) 78%, transparent); }
  :where(.field, .form-field, .tka-field) { display: grid; gap: 6px; min-width: 0; }
  :where(.field > span:first-child, .form-field > label, .tka-field__label) { color: var(--tka-text); font-weight: 750; }
  :where(label, legend, .field-label) { color: var(--tka-text) !important; }
  :where(.required-mark) { color: var(--tka-danger) !important; }
  :where(.field-help, .tka-field__help) { color: var(--tka-muted); font-size: 0.85rem; }
  :where(.field-error, .tka-field__error) { color: var(--tka-danger); font-size: 0.85rem; }

  :where(.tka-choice, label.checkbox, label.radio, label.switch, .check-line, .toggle-row) {
    min-height: var(--tka-control-size);
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    border-radius: var(--tka-radius-control);
    cursor: pointer;
  }
  :where(input[type="checkbox"], input[type="radio"], .tka-checkbox, .tka-radio) { width: 20px; min-width: 20px; height: 20px; min-height: 20px !important; margin: 0; accent-color: var(--tka-red); }
}

/* data.css */
@media screen {
  :where(.table-wrap, .table-wrapper, .tka-table-wrap) { width: 100%; max-width: 100%; overflow-x: auto; border-radius: var(--tka-radius-card); }
  table { width: 100%; border-collapse: collapse; color: var(--tka-text); }
  th, td { padding: 12px; border-bottom: 1px solid var(--tka-border); text-align: start; vertical-align: top; }
  th { position: sticky; inset-block-start: 0; z-index: 1; background: var(--tka-surface-strong); font-size: 0.78rem; letter-spacing: 0.04em; text-transform: uppercase; }
  tbody tr:hover { background: color-mix(in srgb, var(--tka-surface-strong) 74%, transparent); }
  :where(.record-list, .contract-list, .client-list, .report-list, .queue-list, .admin-list) > * { content-visibility: auto; contain-intrinsic-size: 1px 120px; }

  @media (max-width: 640px) {
    table[data-tka-mobile="cards"] thead { display: none; }
    table[data-tka-mobile="cards"], table[data-tka-mobile="cards"] tbody, table[data-tka-mobile="cards"] tr, table[data-tka-mobile="cards"] td { display: block; width: 100%; }
    table[data-tka-mobile="cards"] tr { margin-bottom: var(--tka-space-3); padding: var(--tka-space-3); border: 1px solid var(--tka-border); border-radius: var(--tka-radius-card); background: var(--tka-surface); }
    table[data-tka-mobile="cards"] td { display: grid; grid-template-columns: minmax(90px, 0.45fr) 1fr; gap: var(--tka-space-2); padding: 7px 0; border: 0; }
    table[data-tka-mobile="cards"] td::before { content: attr(data-label); color: var(--tka-muted); font-weight: 750; }
  }
}

/* feedback.css */
@media screen {
  :where(.tka-status--success, .chip.success, .badge.success, .pill.success, .tag.success, .tag.ok, .ok:not(button):not(a)) { border-color: color-mix(in srgb, var(--tka-success) 42%, var(--tka-border)) !important; background: color-mix(in srgb, var(--tka-success) 12%, var(--tka-bg-elevated)) !important; color: var(--tka-success) !important; }
  :where(.tka-status--warning, .chip.warning, .badge.warning, .pill.warning, .tag.warning, .tag.warn, .warn:not(button):not(a)) { border-color: color-mix(in srgb, var(--tka-warning) 44%, var(--tka-border)) !important; background: color-mix(in srgb, var(--tka-warning) 12%, var(--tka-bg-elevated)) !important; color: var(--tka-warning) !important; }
  :where(.tka-status--danger, .chip.danger, .badge.danger, .pill.danger, .tag.danger, .tag.bad, .error:not(button):not(a), .bad:not(button):not(a)) { border-color: color-mix(in srgb, var(--tka-danger) 44%, var(--tka-border)) !important; background: color-mix(in srgb, var(--tka-danger) 12%, var(--tka-bg-elevated)) !important; color: var(--tka-danger) !important; }
  :where(.empty-state, .tka-empty) { padding: var(--tka-space-5); border-style: dashed; color: var(--tka-muted); text-align: center; }
  :where(dialog, .modal, .logs-modal, .identity-modal) { color: var(--tka-text); }
  dialog { max-width: min(680px, calc(100vw - 24px)); border: 1px solid var(--tka-border); border-radius: var(--tka-radius-panel); background: var(--tka-surface); box-shadow: var(--tka-shadow-2); }
  dialog::backdrop { background: rgba(0, 0, 0, 0.72); backdrop-filter: blur(3px); }
  [aria-busy="true"] { cursor: progress; }
}

/* utilities.css */
@media screen {
  .tka-scroll-x { max-width: 100%; overflow-x: auto; }
  .tka-stack { display: grid; gap: var(--tka-space-4); }
  .tka-cluster { display: flex; align-items: center; gap: var(--tka-space-2); flex-wrap: wrap; }
  .tka-sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
}

@media print {
  .tka-theme-auto-toggle, #themeToggleBtn, #themeSelect, [data-tka-screen-only] { display: none !important; }
}