/* ═══════════════════════════════════════════════════════════════════════════
 * agentix.finance Design System v3
 * Premium compliance operations interface
 * ═══════════════════════════════════════════════════════════════════════════ */

 :root {
  /* agentix.finance public-home design system mirrored into logged-in app */
  --n-accent:       #0A0A0A;
  --n-accent-dark:  #222222;
  --n-accent-light: #F0F0F0;
  --n-accent-glow:  rgba(10, 10, 10, 0.08);

  --n-ink:          #0A0A0A;
  --n-text:         #3A3A3A;
  --n-secondary:    #6B6B6B;
  --n-muted:        #999999;
  --n-border:       #E5E5E5;
  --n-border-light: #F0F0F0;
  --n-bg:           #FAFAFA;
  --n-surface:      #FFFFFF;
  --n-sidebar-bg:   #0A0A0A;
  --n-sidebar-text: rgba(255,255,255,0.54);
  --n-sidebar-active: rgba(255,255,255,0.08);

  --n-success:      #22C55E;
  --n-success-bg:   #052E16;
  --n-success-text: #22C55E;
  --n-warning:      #F59E0B;
  --n-warning-bg:   #422006;
  --n-warning-text: #F59E0B;
  --n-danger:       #EF4444;
  --n-danger-bg:    #450A0A;
  --n-danger-text:  #EF4444;
  --n-info:         #3B82F6;
  --n-info-bg:      #172554;
  --n-info-text:    #3B82F6;

  --n-font:      Aptos, 'Aptos Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --n-mono:      'JetBrains Mono', ui-monospace, SFMono-Regular, monospace;
  --n-text-2xs:  11px;
  --n-text-xs:   12px;
  --n-text-sm:   13px;
  --n-text-base: 14px;
  --n-text-md:   15px;
  --n-text-lg:   16px;
  --n-text-xl:   18px;
  --n-text-2xl:  22px;
  --n-text-3xl:  28px;

  --n-1: 4px; --n-2: 8px; --n-3: 12px; --n-4: 16px; --n-5: 20px;
  --n-6: 24px; --n-8: 32px; --n-10: 40px; --n-12: 48px; --n-16: 64px;

  --n-r-xs: 4px; --n-r-sm: 6px; --n-r-md: 8px; --n-r-lg: 10px; --n-r-xl: 12px; --n-r-pill: 9999px;

  --n-shadow-xs: 0 1px 2px rgba(0,0,0,0.04);
  --n-shadow-sm: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
  --n-shadow-md: 0 4px 6px rgba(0,0,0,0.04), 0 2px 4px rgba(0,0,0,0.03);
  --n-shadow-lg: 0 10px 15px rgba(0,0,0,0.06), 0 4px 6px rgba(0,0,0,0.03);

  --n-t-fast: 100ms ease; --n-t-base: 150ms ease; --n-t-slow: 250ms ease-out;
  --n-sidebar-w: 220px;
  --n-topbar-h: 52px;
  --n-max-w: 1200px;

  --qk-teal: var(--n-accent); --qk-teal-dark: var(--n-accent-dark); --qk-teal-light: var(--n-accent-light);
  --qk-teal-glow: var(--n-accent-glow); --qk-cream: #E8E8E0;
  --qk-ink: var(--n-ink); --qk-slate: var(--n-secondary); --qk-mute: var(--n-muted);
  --qk-line: var(--n-border); --qk-line-soft: var(--n-border-light); --qk-bg: var(--n-bg); --qk-surface: var(--n-surface);
  --qk-success: var(--n-success); --qk-success-bg: var(--n-success-bg);
  --qk-warning: var(--n-warning); --qk-warning-bg: var(--n-warning-bg);
  --qk-danger: var(--n-danger); --qk-danger-bg: var(--n-danger-bg);
  --qk-info: var(--n-info); --qk-info-bg: var(--n-info-bg);
  --qk-font: var(--n-font);
  --qk-text-xs: var(--n-text-xs); --qk-text-sm: var(--n-text-sm); --qk-text-base: var(--n-text-base);
  --qk-text-lg: var(--n-text-lg); --qk-text-xl: var(--n-text-xl); --qk-text-2xl: var(--n-text-2xl); --qk-text-3xl: var(--n-text-3xl);
  --qk-s-1: var(--n-1); --qk-s-2: var(--n-2); --qk-s-3: var(--n-3); --qk-s-4: var(--n-4); --qk-s-5: var(--n-5);
  --qk-s-6: var(--n-6); --qk-s-8: var(--n-8); --qk-s-10: var(--n-10); --qk-s-12: var(--n-12); --qk-s-16: var(--n-16);
  --qk-r-sm: var(--n-r-sm); --qk-r-md: var(--n-r-md); --qk-r-lg: var(--n-r-lg); --qk-r-xl: var(--n-r-xl); --qk-r-pill: var(--n-r-pill);
  --qk-shadow-sm: var(--n-shadow-xs); --qk-shadow: var(--n-shadow-sm); --qk-shadow-md: var(--n-shadow-md); --qk-shadow-lg: var(--n-shadow-lg);
  --qk-t-fast: var(--n-t-fast); --qk-t-base: var(--n-t-base); --qk-t-slow: var(--n-t-slow);
  --qk-sidebar-w: var(--n-sidebar-w); --qk-topbar-h: var(--n-topbar-h); --qk-max-w: var(--n-max-w);
}
/* ═══════════════ Reset ═══════════════ */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { -webkit-text-size-adjust: 100%; }
body {
  font-family: var(--n-font);
  font-size: var(--n-text-base);
  color: var(--n-text);
  background: var(--n-bg);
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: -0.006em;
}
button { font: inherit; cursor: pointer; border: none; background: none; color: inherit; }
input, textarea, select { font: inherit; }
a { color: var(--n-accent); text-decoration: none; }
a:hover { text-decoration: underline; }

/* ═══════════════ Typography ═══════════════ */
.qk-label { font-size: var(--n-text-2xs); font-weight: 600; text-transform: uppercase; letter-spacing: 0.06em; color: var(--n-muted); }
.qk-muted { color: var(--n-secondary); font-size: var(--n-text-sm); }
.qk-help { color: var(--n-muted); font-size: var(--n-text-xs); }
.qk-tiny { color: var(--n-muted); font-size: var(--n-text-2xs); }

/* ═══════════════ Buttons ═══════════════ */
.qk-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  padding: 7px 14px; font-size: var(--n-text-sm); font-weight: 500;
  border-radius: var(--n-r-sm); border: 1px solid transparent;
  transition: all var(--n-t-fast); white-space: nowrap; user-select: none;
  letter-spacing: -0.01em;
}
.qk-btn:disabled { opacity: 0.45; cursor: not-allowed; }
.qk-btn-primary { background: var(--n-ink); color: #fff; }
.qk-btn-primary:hover:not(:disabled) { background: #222; }
.qk-btn-secondary { background: var(--n-surface); color: var(--n-text); border-color: var(--n-border); }
.qk-btn-secondary:hover:not(:disabled) { background: var(--n-bg); border-color: var(--n-muted); }
.qk-btn-ghost { color: var(--n-secondary); }
.qk-btn-ghost:hover:not(:disabled) { background: var(--n-bg); color: var(--n-text); }
.qk-btn-danger { background: var(--n-danger); color: #fff; }
.qk-btn-danger:hover:not(:disabled) { background: #B91C1C; }
.qk-btn-sm { padding: 4px 10px; font-size: var(--n-text-xs); }
.qk-btn-lg { padding: 10px 18px; font-size: var(--n-text-md); }

/* ═══════════════ Cards ═══════════════ */
.qk-card { background: var(--n-surface); border: 1px solid var(--n-border); border-radius: var(--n-r-md); }
.qk-card-body { padding: var(--n-5); }
.qk-card-header {
  padding: var(--n-3) var(--n-5); border-bottom: 1px solid var(--n-border);
  display: flex; align-items: center; justify-content: space-between; gap: var(--n-4); flex-wrap: wrap;
  font-size: var(--n-text-sm);
}
.qk-section { margin-top: var(--n-4); }

/* ═══════════════ Inputs ═══════════════ */
.qk-input, .qk-select, .qk-textarea {
  width: 100%; padding: 8px 12px; font-size: var(--n-text-sm); color: var(--n-text);
  background: var(--n-surface); border: 1px solid var(--n-border); border-radius: var(--n-r-sm);
  outline: none; transition: border-color var(--n-t-fast), box-shadow var(--n-t-fast);
}
.qk-input:focus, .qk-select:focus, .qk-textarea:focus {
  border-color: var(--n-accent); box-shadow: 0 0 0 3px var(--n-accent-glow);
}
.qk-input::placeholder { color: var(--n-muted); }
.qk-field { display: flex; flex-direction: column; gap: 4px; margin-bottom: var(--n-3); }
.qk-field label { font-size: var(--n-text-xs); font-weight: 500; color: var(--n-secondary); }

/* ═══════════════ Badges ═══════════════ */
.qk-badge {
  display: inline-flex; align-items: center; gap: 5px;
  padding: 2px 8px; font-size: var(--n-text-2xs); font-weight: 600;
  border-radius: var(--n-r-sm); white-space: nowrap; letter-spacing: 0.01em;
}
.qk-badge-neutral { background: var(--n-border-light); color: var(--n-secondary); }
.qk-badge-success { background: var(--n-success-bg); color: var(--n-success-text); }
.qk-badge-warning { background: var(--n-warning-bg); color: var(--n-warning-text); }
.qk-badge-danger { background: var(--n-danger-bg); color: var(--n-danger-text); }
.qk-badge-info { background: var(--n-info-bg); color: var(--n-info-text); }
.qk-badge-teal { background: var(--n-accent-light); color: var(--n-accent-dark); }

/* ═══════════════ Tables ═══════════════ */
.qk-table-wrap { overflow-x: auto; }
.qk-table { width: 100%; border-collapse: collapse; }
.qk-table th {
  text-align: left; padding: 8px 16px; font-size: var(--n-text-2xs); font-weight: 600;
  color: var(--n-muted); text-transform: uppercase; letter-spacing: 0.05em;
  background: var(--n-bg); border-bottom: 1px solid var(--n-border); position: sticky; top: 0; z-index: 1;
}
.qk-table td {
  padding: 10px 16px; border-bottom: 1px solid var(--n-border-light);
  font-size: var(--n-text-sm); vertical-align: top;
}
.qk-table tr:last-child td { border-bottom: none; }
.qk-table tbody tr:hover td { background: rgba(248,250,252,0.7); }
.qk-table input[type="checkbox"] { width: 15px; height: 15px; accent-color: var(--n-accent); cursor: pointer; }

.qk-cell-title { font-weight: 500; color: var(--n-ink); }

/* ═══════════════ Toast ═══════════════ */
.qk-toast {
  position: fixed; bottom: var(--n-6); right: var(--n-6); padding: 10px 18px;
  background: var(--n-ink); color: #fff; border-radius: var(--n-r-md);
  font-size: var(--n-text-sm); box-shadow: var(--n-shadow-lg);
  opacity: 0; transform: translateY(6px); transition: all var(--n-t-slow);
  pointer-events: none; z-index: 100; max-width: 380px; font-weight: 500;
}
.qk-toast.show { opacity: 1; transform: translateY(0); }
.qk-toast.qk-toast-error { background: var(--n-danger); }
.qk-toast.qk-toast-success { background: var(--n-accent-dark); }

/* ═══════════════ Tooltips ═══════════════ */
.n-tip {
  position: relative; cursor: help;
  display: inline-flex; align-items: center; justify-content: center;
  width: 15px; height: 15px; border-radius: 50%;
  background: var(--n-border-light); color: var(--n-muted);
  font-size: 10px; font-weight: 700; flex-shrink: 0;
  vertical-align: middle; margin-left: 4px;
}
.n-tip::after {
  content: attr(data-tip);
  position: absolute; bottom: calc(100% + 6px); left: 50%; transform: translateX(-50%);
  background: var(--n-ink); color: #fff; padding: 6px 10px; border-radius: var(--n-r-sm);
  font-size: var(--n-text-2xs); font-weight: 400; white-space: normal; width: max-content; max-width: 240px;
  line-height: 1.4; letter-spacing: 0; pointer-events: none;
  opacity: 0; transition: opacity 0.15s; z-index: 50;
}
.n-tip:hover::after { opacity: 1; }

/* ═══════════════ App Shell ═══════════════ */
.qk-app {
  display: grid;
  grid-template-columns: var(--n-sidebar-w) 1fr;
  grid-template-rows: var(--n-topbar-h) 1fr;
  grid-template-areas: "sidebar topbar" "sidebar main";
  min-height: 100vh;
}

/* Sidebar */
.qk-sidebar {
  grid-area: sidebar; background: var(--n-sidebar-bg);
  padding: var(--n-4) var(--n-3); display: flex; flex-direction: column; gap: 2px;
  position: sticky; top: 0; height: 100vh; overflow-y: auto;
}
.qk-sidebar-brand {
  display: flex; align-items: center; gap: 10px;
  padding: var(--n-2) var(--n-2) var(--n-5);
}
.qk-sidebar-logo {
  width: 28px; height: 28px; background: var(--n-accent); color: #fff;
  border-radius: var(--n-r-sm); display: flex; align-items: center; justify-content: center;
  font-weight: 700; font-size: 11px; letter-spacing: -0.03em;
}
.qk-sidebar-name { font-weight: 700; color: #fff; font-size: var(--n-text-md); letter-spacing: -0.02em; }
.qk-sidebar-tag { font-size: var(--n-text-2xs); color: var(--n-sidebar-text); letter-spacing: 0.02em; }

.qk-nav-section-label {
  padding: var(--n-4) var(--n-3) var(--n-1);
  font-size: 10px; font-weight: 600; color: rgba(255,255,255,0.3);
  text-transform: uppercase; letter-spacing: 0.1em;
}
.qk-nav-item {
  display: flex; align-items: center; gap: 10px;
  padding: 7px 10px; border-radius: var(--n-r-sm);
  font-size: var(--n-text-sm); font-weight: 400; color: var(--n-sidebar-text);
  transition: all var(--n-t-fast);
}
.qk-nav-item:hover { background: var(--n-sidebar-active); color: #fff; text-decoration: none; }
.qk-nav-item.active { background: var(--n-sidebar-active); color: #fff; font-weight: 500; }
.qk-nav-item-count {
  margin-left: auto; background: rgba(255,255,255,0.1); color: rgba(255,255,255,0.6);
  font-size: 10px; font-weight: 600; padding: 1px 6px; border-radius: var(--n-r-pill);
}
.qk-nav-item.active .qk-nav-item-count { background: var(--n-accent); color: #fff; }

/* Topbar */
.qk-topbar {
  grid-area: topbar; background: var(--n-surface); border-bottom: 1px solid var(--n-border);
  padding: 0 var(--n-5); display: flex; align-items: center; justify-content: space-between; gap: var(--n-3);
  position: sticky; top: 0; z-index: 20;
}
.n-topbar-left { display: flex; align-items: center; gap: var(--n-3); min-width: 0; }
.n-topbar-right { display: flex; align-items: center; gap: var(--n-2); flex-shrink: 0; }

/* Company chip */
.qk-company-chip {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 4px 12px 4px 8px;
  background: var(--n-accent-light); border: 1px solid rgba(13,148,136,0.15);
  color: var(--n-accent-dark); border-radius: var(--n-r-sm);
  font-size: var(--n-text-xs); font-weight: 600;
}
.qk-company-chip-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--n-accent); }
.qk-company-chip[data-scope="all"] {
  background: var(--n-border-light); border-color: var(--n-border); color: var(--n-secondary);
}
.qk-company-chip[data-scope="all"] .qk-company-chip-dot { background: var(--n-muted); }

/* Main */
.qk-main {
  grid-area: main; padding: var(--n-6) var(--n-6);
  max-width: var(--n-max-w); width: 100%; margin: 0 auto;
}
.qk-page-header {
  display: flex; align-items: flex-start; justify-content: space-between;
  gap: var(--n-3); margin-bottom: var(--n-5); flex-wrap: wrap;
}
.qk-page-title { font-size: var(--n-text-xl); font-weight: 700; letter-spacing: -0.02em; color: var(--n-ink); }
.qk-page-subtitle { color: var(--n-muted); font-size: var(--n-text-sm); margin-top: 2px; }

/* ═══════════════ Summary / Stat Cards ═══════════════ */
.qk-stats, .qk-queue-summary, .qk-summary-grid-6 {
  display: grid; gap: var(--n-3);
}
.qk-summary-grid-6 { grid-template-columns: repeat(6, minmax(0,1fr)); }

.qk-summary-card, .qk-stat-card {
  background: var(--n-surface); border: 1px solid var(--n-border); border-radius: var(--n-r-md);
  padding: 14px 16px; display: flex; flex-direction: column; gap: 4px;
  text-align: left; transition: border-color var(--n-t-fast);
}
.qk-summary-card { cursor: pointer; min-height: 90px; justify-content: space-between; }
.qk-summary-card:hover { border-color: var(--n-muted); }
.qk-summary-card.is-active { border-color: var(--n-accent); box-shadow: 0 0 0 2px var(--n-accent-glow); }
.qk-summary-card-strong { min-height: 90px; }
.qk-summary-card strong { font-size: var(--n-text-2xl); font-weight: 700; color: var(--n-ink); letter-spacing: -0.02em; line-height: 1; }
.qk-card-link { text-decoration: none; color: inherit; }

.qk-stat-card strong { font-size: var(--n-text-xl); font-weight: 700; color: var(--n-ink); letter-spacing: -0.02em; display: block; }
.qk-stat-card span { color: var(--n-secondary); font-size: var(--n-text-xs); }
.qk-stat-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: var(--n-3); }

/* ═══════════════ Tabs ═══════════════ */
.qk-tabs { display: flex; gap: 1px; flex-wrap: wrap; background: var(--n-border-light); border-radius: var(--n-r-sm); padding: 2px; }
.qk-tab {
  padding: 5px 12px; border-radius: var(--n-r-xs); font-size: var(--n-text-xs); font-weight: 500;
  color: var(--n-secondary); transition: all var(--n-t-fast); background: transparent;
}
.qk-tab:hover { color: var(--n-text); background: var(--n-surface); }
.qk-tab.active { background: var(--n-surface); color: var(--n-ink); font-weight: 600; box-shadow: var(--n-shadow-xs); }

/* ═══════════════ Filter bar / toolbar ═══════════════ */
.qk-toolbar { display: flex; gap: var(--n-3); align-items: flex-end; flex-wrap: wrap; margin-bottom: var(--n-4); }
.qk-filter-bar { margin-bottom: var(--n-4); }
.qk-filter-summary { display: flex; gap: var(--n-2); flex-wrap: wrap; }
.qk-filter-token {
  font-size: var(--n-text-2xs); padding: 2px 8px;
  background: var(--n-border-light); color: var(--n-secondary);
  border-radius: var(--n-r-xs);
}
.qk-chip-row { display: flex; gap: 4px; flex-wrap: wrap; }
.qk-next-action { font-size: var(--n-text-xs); font-weight: 500; color: var(--n-accent-dark); }

/* ═══════════════ KV pairs ═══════════════ */
.qk-kv { display: flex; justify-content: space-between; gap: 12px; padding: 8px 0; border-bottom: 1px solid var(--n-border-light); font-size: var(--n-text-sm); }
.qk-kv:last-child { border-bottom: none; }
.qk-kv span { color: var(--n-secondary); }

/* ═══════════════ Inline actions ═══════════════ */
.qk-inline-actions { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; }

/* ═══════════════ Empty states ═══════════════ */
.qk-empty { padding: var(--n-16) var(--n-6); text-align: center; }
.qk-empty-title { font-size: var(--n-text-lg); font-weight: 600; color: var(--n-ink); margin-bottom: var(--n-2); }
.qk-empty-text { font-size: var(--n-text-sm); color: var(--n-secondary); line-height: 1.6; max-width: 400px; margin: 0 auto; }

/* ═══════════════ Utility / compat ═══════════════ */
.qk-code { font-family: var(--n-mono); background: var(--n-border-light); padding: 2px 6px; border-radius: var(--n-r-xs); font-size: var(--n-text-xs); }
.qk-grid { display: grid; gap: var(--n-4); }
.qk-grid-2 { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: var(--n-4); }
.qk-grid-3 { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: var(--n-4); }
.qk-stack { display: flex; flex-direction: column; gap: var(--n-4); }
.qk-code-block { white-space: pre-wrap; word-break: break-word; font-family: var(--n-mono); font-size: 11px; line-height: 1.5; background: var(--n-border-light); padding: 12px; border-radius: var(--n-r-md); margin-top: 8px; }

/* Pagination */
.qk-pagination { display: flex; align-items: center; gap: var(--n-3); justify-content: center; padding: var(--n-4) 0; }

/* Toggle */
.qk-toggle { position: relative; width: 36px; height: 20px; display: inline-block; cursor: pointer; }
.qk-toggle input { opacity: 0; width: 0; height: 0; }
.qk-toggle-slider { position: absolute; inset: 0; background: var(--n-border); border-radius: var(--n-r-pill); transition: background var(--n-t-base); }
.qk-toggle-slider::before { content:''; position:absolute; width:14px; height:14px; left:3px; top:3px; background:#fff; border-radius:50%; transition:transform var(--n-t-base); box-shadow: var(--n-shadow-xs); }
.qk-toggle input:checked + .qk-toggle-slider { background: var(--n-accent); }
.qk-toggle input:checked + .qk-toggle-slider::before { transform: translateX(16px); }

/* Modal */
.qk-modal-backdrop { position:fixed; inset:0; background:rgba(15,23,42,.4); display:none; align-items:center; justify-content:center; padding:var(--n-4); z-index:50; }
.qk-modal { width:min(680px,100%); background:var(--n-surface); border-radius:var(--n-r-lg); border:1px solid var(--n-border); box-shadow:var(--n-shadow-lg); }
.qk-modal-header { padding:var(--n-3) var(--n-5); border-bottom:1px solid var(--n-border); display:flex; justify-content:space-between; align-items:center; }
.qk-modal-body { padding:var(--n-5); }
.qk-modal-backdrop.open { display:flex; }

/* Skeleton */
.qk-skeleton { background: linear-gradient(90deg, var(--n-border-light) 0%, var(--n-border) 50%, var(--n-border-light) 100%); background-size: 200% 100%; animation: n-shimmer 1.4s infinite; border-radius: var(--n-r-sm); }
@keyframes n-shimmer { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }

/* ═══════════════ Mobile ═══════════════ */
.qk-menu-toggle { display: none; }

@media (max-width: 900px) {
  .qk-app { grid-template-columns: 1fr; grid-template-areas: "topbar" "main"; }
  .qk-sidebar {
    position: fixed; left: 0; top: 0; bottom: 0; width: 260px; z-index: 30;
    transform: translateX(-100%); transition: transform var(--n-t-slow); box-shadow: var(--n-shadow-lg);
  }
  .qk-sidebar.open { transform: translateX(0); }
  .qk-main { padding: var(--n-4); }
  .qk-topbar { padding: 0 var(--n-3); }
  .qk-menu-toggle { display: inline-flex !important; }
}
@media (max-width: 1200px) { .qk-summary-grid-6 { grid-template-columns: repeat(3, minmax(0,1fr)); } }
@media (max-width: 900px) { .qk-grid-2, .qk-stat-grid, .qk-summary-grid-6 { grid-template-columns: 1fr; } }
@media (max-width: 640px) { .qk-stat-grid, .qk-grid-3 { grid-template-columns: 1fr; } }
@media (max-width: 500px) { .qk-page-title { font-size: var(--n-text-lg); } }

/* ═══════════════ Request W-9s CTA (sidebar) ═══════════════ */
.n-request-cta {
  display: flex; align-items: center; gap: 8px;
  padding: 10px 12px; margin: 0 0 8px;
  background: var(--n-accent, #0D9488); color: #fff;
  border-radius: var(--n-r-sm, 6px); font-size: 13px; font-weight: 600;
  text-decoration: none; transition: background 0.15s;
  letter-spacing: -0.01em;
}
.n-request-cta:hover { background: var(--n-accent-dark, #0F766E); text-decoration: none; }

/* Topbar layout helpers */
.n-topbar-left { display: flex; align-items: center; gap: 12px; min-width: 0; }
.n-topbar-right { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }

/* ═══════════════ Slide-over Panel ═══════════════ */
.n-slideover-backdrop { position:fixed; inset:0; background:rgba(15,23,42,0.3); z-index:40; opacity:0; pointer-events:none; transition:opacity 0.2s; }
.n-slideover-backdrop.open { opacity:1; pointer-events:auto; }
.n-slideover { position:fixed; top:0; right:0; bottom:0; width:min(520px,90vw); background:var(--n-surface); border-left:1px solid var(--n-border); box-shadow:var(--n-shadow-lg); z-index:41; transform:translateX(100%); transition:transform 0.25s ease-out; display:flex; flex-direction:column; }
.n-slideover-backdrop.open .n-slideover { transform:translateX(0); }
.n-slideover-header { display:flex; align-items:center; justify-content:space-between; padding:14px 20px; border-bottom:1px solid var(--n-border); flex-shrink:0; }
.n-slideover-header h2 { font-size:var(--n-text-lg); font-weight:700; color:var(--n-ink); letter-spacing:-0.02em; margin:0; }
.n-slideover-close { width:28px; height:28px; display:flex; align-items:center; justify-content:center; border-radius:var(--n-r-sm); font-size:18px; color:var(--n-muted); cursor:pointer; }
.n-slideover-close:hover { background:var(--n-bg); color:var(--n-text); }
.n-slideover-body { flex:1; overflow-y:auto; padding:20px; }
.n-slideover-section { margin-bottom:20px; }
.n-slideover-section-title { font-size:var(--n-text-2xs); font-weight:600; text-transform:uppercase; letter-spacing:0.06em; color:var(--n-muted); margin-bottom:8px; }

/* ═══════════════ Notification Bell ═══════════════ */
.n-notif-btn { position:relative; width:32px; height:32px; display:flex; align-items:center; justify-content:center; border-radius:var(--n-r-sm); color:var(--n-secondary); cursor:pointer; }
.n-notif-btn:hover { background:var(--n-bg); color:var(--n-ink); }
.n-notif-dot { position:absolute; top:4px; right:4px; width:8px; height:8px; background:var(--n-danger); border-radius:50%; border:2px solid var(--n-surface); }
.n-notif-dropdown { position:absolute; top:calc(100% + 4px); right:0; width:320px; background:var(--n-surface); border:1px solid var(--n-border); border-radius:var(--n-r-md); box-shadow:var(--n-shadow-lg); z-index:30; display:none; }
.n-notif-dropdown.open { display:block; }
.n-notif-item { padding:10px 14px; border-bottom:1px solid var(--n-border-light); font-size:var(--n-text-xs); color:var(--n-secondary); line-height:1.5; cursor:pointer; }
.n-notif-item:hover { background:var(--n-bg); }
.n-notif-item:last-child { border-bottom:none; }
.n-notif-item strong { color:var(--n-ink); }
.n-notif-empty { padding:20px 14px; text-align:center; font-size:var(--n-text-xs); color:var(--n-muted); }

/* ═══════════════ Agentix unified UI + mobile hardening ═══════════════ */
:root {
  --n-accent: #0F766E;
  --n-accent-dark: #0B5E58;
  --n-accent-light: #ECFDF8;
  --n-accent-glow: rgba(15,118,110,.12);
  --n-ink: #111214;
  --n-text: #25272A;
  --n-secondary: #555A62;
  --n-muted: #7A7F87;
  --n-border: #DEDFD7;
  --n-border-light: #EFEFEA;
  --n-bg: #F7F7F2;
  --n-surface: #FFFFFF;
  --n-sidebar-bg: #101214;
  --n-sidebar-text: rgba(255,255,255,.62);
  --n-sidebar-active: rgba(255,255,255,.08);
  --n-font: Aptos,'Aptos Display',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;
  --n-r-sm: 10px;
  --n-r-md: 14px;
  --n-r-lg: 18px;
  --n-r-xl: 22px;
  --n-sidebar-w: 236px;
}
body { background: var(--n-bg); color: var(--n-text); }
.qk-sidebar-name { letter-spacing: -.04em; }
.qk-sidebar-logo { background: #fff; color: var(--n-ink); }
.qk-nav-item { min-height: 38px; }
.qk-topbar { backdrop-filter: blur(18px); background: rgba(255,255,255,.92); }
.qk-card,.qk-summary-card,.qk-stat-card { border-radius: var(--n-r-md); }
.qk-btn { min-height: 34px; border-radius: 11px; }
.qk-btn-primary { background: var(--n-ink); color: #fff; }
.qk-btn-primary:hover:not(:disabled) { background: #2A2C30; }
.qk-btn-secondary { background: var(--n-surface); border-color: var(--n-border); }
.qk-page-title { letter-spacing: -.045em; }
.qk-table-wrap { border-radius: var(--n-r-md); border: 1px solid var(--n-border); background: var(--n-surface); }
.qk-table th { top: 0; }

/* Intuit / QuickBooks connection button rules: exact label, green preferred, no logo inside. Replace with official provided SVG/PNG asset where available. */
.intuit-c2qb-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 16px;
  border-radius: 4px;
  border: 1px solid #108000;
  background: #2CA01C;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}
.intuit-c2qb-button:hover { background: #108000; }
.intuit-c2qb-button:focus-visible { outline: 3px solid rgba(44,160,28,.25); outline-offset: 2px; }

@media (max-width: 900px) {
  .qk-app { grid-template-columns: 1fr; grid-template-rows: var(--n-topbar-h) 1fr; }
  .qk-sidebar { width: min(290px, 86vw); z-index: 100; }
  .qk-topbar { min-height: 56px; height: auto; align-items: stretch; padding: 8px 12px; flex-wrap: wrap; }
  .n-topbar-left,.n-topbar-right { width: 100%; justify-content: space-between; gap: 8px; }
  .n-topbar-right { overflow-x: auto; padding-bottom: 2px; justify-content: flex-start; }
  .qk-company-chip { max-width: 42vw; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  #qk-company-switcher { max-width: 44vw; }
  .qk-main { padding: 16px 14px 88px; }
  .qk-page-header { margin-bottom: 16px; }
  .qk-page-title { font-size: 22px; }
  .qk-card-body { padding: 16px; }
  .qk-card-header { padding: 12px 16px; }
  .qk-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .qk-table { min-width: 720px; }
  .qk-modal { width: min(100%, 94vw); max-height: 86vh; overflow: auto; }
  .n-slideover { width: min(100vw, 560px); }
  .n-notif-dropdown { right: -72px; width: min(320px, 92vw); }
}
@media (max-width: 640px) {
  .qk-stats,.qk-grid,.qk-grid-2,.qk-grid-3,.qk-stat-grid,.qk-summary-grid-6 { grid-template-columns: 1fr !important; }
  .qk-toolbar { display: grid; grid-template-columns: 1fr; align-items: stretch; }
  .qk-inline-actions { display: grid; grid-template-columns: 1fr; width: 100%; }
  .qk-inline-actions .qk-btn,.qk-toolbar .qk-btn,.qk-toolbar .qk-input,.qk-toolbar .qk-select { width: 100%; }
  .qk-btn { min-height: 40px; }
  .qk-btn-sm { min-height: 34px; }
  .n-topbar-right .qk-btn,.n-topbar-right .intuit-c2qb-button { flex: 0 0 auto; }
  .qk-toast { left: 14px; right: 14px; bottom: 14px; max-width: none; }
}

/* QuickBooks connection controls: app-store-safe text treatment.
   Visible text must remain exactly "Connect to QuickBooks" where used. */
.qk-btn-quickbooks,
button[data-provider="quickbooks"],
button[data-qbo-connect],
a[data-qbo-connect] {
  background: #2CA01C !important;
  color: #fff !important;
  border-color: #2CA01C !important;
  font-weight: 600;
}
.qk-btn-quickbooks:hover,
button[data-provider="quickbooks"]:hover,
button[data-qbo-connect]:hover,
a[data-qbo-connect]:hover {
  background: #238416 !important;
  border-color: #238416 !important;
}


/* ═══════════════ Phase 4/5 demo dashboard system ═══════════════ */
.qk-sync-chip {
  display:inline-flex; align-items:center; gap:8px;
  min-height:34px; padding:0 12px;
  border:1px solid var(--n-border); border-radius:999px;
  background:var(--n-surface); color:var(--n-secondary);
  font-size:12px; font-weight:600; white-space:nowrap;
}
.qk-sync-chip .sync-live-dot,
.sync-live-dot { width:8px; height:8px; border-radius:50%; background:#2F8F5B; box-shadow:0 0 0 4px rgba(47,143,91,.10); display:inline-block; }
.qk-btn-sync-now { background:var(--n-surface); border-color:var(--n-border); color:var(--n-ink); }
.qk-btn-sync-now:hover:not(:disabled) { background:#F4F2EC; border-color:#CFCBC0; }

.agentix-dashboard { display:grid; gap:18px; }
.agentix-hero-card { display:grid; grid-template-columns:1.08fr .92fr; gap:1px; overflow:hidden; border:1px solid var(--n-border); border-radius:24px; background:var(--n-border); box-shadow:0 18px 50px rgba(17,18,20,.06); }
.agentix-hero-main,.agentix-hero-side { background:linear-gradient(180deg,#fff,#fbfaf6); padding:24px; }
.agentix-hero-main { display:grid; gap:20px; }
.agentix-overline { font-size:11px; text-transform:uppercase; letter-spacing:.08em; font-weight:700; color:var(--n-muted); }
.agentix-dashboard h2 { margin:0; color:var(--n-ink); font-size:clamp(28px,3vw,42px); line-height:.98; letter-spacing:-.055em; }
.agentix-lede { margin:8px 0 0; color:var(--n-secondary); max-width:610px; font-size:14px; line-height:1.55; }
.agentix-hero-actions { display:flex; gap:10px; flex-wrap:wrap; align-items:center; }
.agentix-status-row { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.agentix-mini-stat { padding:14px; border:1px solid var(--n-border-light); border-radius:16px; background:rgba(255,255,255,.76); }
.agentix-mini-stat span { display:block; font-size:10px; text-transform:uppercase; letter-spacing:.07em; color:var(--n-muted); font-weight:700; }
.agentix-mini-stat strong { display:block; margin-top:5px; color:var(--n-ink); font-size:22px; letter-spacing:-.045em; font-variant-numeric:tabular-nums; }
.agentix-mini-stat em { display:block; margin-top:3px; color:var(--n-muted); font-size:12px; font-style:normal; }
.agentix-sync-panel { border:1px solid var(--n-border-light); border-radius:18px; padding:18px; background:#101214; color:#fff; min-height:100%; display:flex; flex-direction:column; justify-content:space-between; gap:18px; }
.agentix-sync-panel .agentix-overline { color:rgba(255,255,255,.44); }
.agentix-sync-panel h3 { margin:4px 0 0; color:#fff; font-size:22px; letter-spacing:-.045em; line-height:1.05; }
.agentix-sync-panel p { margin:8px 0 0; color:rgba(255,255,255,.58); font-size:13px; line-height:1.45; }
.sync-countdown { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.sync-countdown div { padding:12px; border-radius:14px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.08); }
.sync-countdown span { display:block; color:rgba(255,255,255,.42); font-size:10px; text-transform:uppercase; letter-spacing:.07em; font-weight:700; }
.sync-countdown strong { display:block; margin-top:5px; font-size:18px; color:#fff; letter-spacing:-.035em; font-variant-numeric:tabular-nums; }
.agentix-dash-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:18px; }
.agentix-panel { border:1px solid var(--n-border); border-radius:22px; background:var(--n-surface); padding:20px; box-shadow:0 10px 30px rgba(17,18,20,.035); }
.agentix-panel-head { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; margin-bottom:16px; }
.agentix-panel h3 { margin:0; color:var(--n-ink); font-size:18px; letter-spacing:-.035em; }
.agentix-panel p { margin:4px 0 0; color:var(--n-muted); font-size:12px; }
.agentix-pill { display:inline-flex; align-items:center; min-height:26px; padding:0 10px; border-radius:999px; border:1px solid var(--n-border-light); background:#F7F6F2; color:var(--n-secondary); font-size:11px; font-weight:700; white-space:nowrap; }
.readiness-chart-app { width:100%; height:auto; display:block; }
.chart-axis-app text { fill:#898C93; font-size:10px; font-weight:700; }
.chart-line-ready { stroke:#2F8F5B; stroke-width:4; fill:none; stroke-linecap:round; stroke-linejoin:round; }
.chart-line-muted { stroke:#DEDFD7; stroke-width:2; fill:none; stroke-dasharray:4 5; }
.chart-fill-ready { fill:url(#agentixReadyFill); }
.workflow-stack { display:grid; gap:11px; }
.workflow-line { display:grid; grid-template-columns:108px 1fr 42px; gap:12px; align-items:center; }
.workflow-line span { color:var(--n-secondary); font-size:12px; font-weight:600; }
.workflow-line .bar { height:13px; background:#F1F0EA; border-radius:999px; overflow:hidden; }
.workflow-line i { display:block; height:100%; border-radius:999px; background:linear-gradient(90deg,#6EA8FE,#2F8F5B); }
.workflow-line b { color:var(--n-ink); font-size:12px; text-align:right; font-variant-numeric:tabular-nums; }
.exception-grid { display:grid; gap:10px; }
.exception-card { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:13px 14px; border:1px solid var(--n-border-light); border-radius:15px; background:#FBFAF6; }
.exception-card strong { color:var(--n-ink); font-size:13px; }
.exception-card span { color:var(--n-muted); font-size:12px; }
.exception-card b { color:var(--n-ink); font-size:18px; letter-spacing:-.04em; }
.timeline-list { display:grid; gap:10px; }
.timeline-item { display:grid; grid-template-columns:32px 1fr; gap:12px; align-items:start; }
.timeline-dot { width:32px; height:32px; border-radius:999px; display:grid; place-items:center; background:#F0EEE7; color:var(--n-ink); font-size:12px; font-weight:800; }
.timeline-item strong { display:block; color:var(--n-ink); font-size:13px; }
.timeline-item span { display:block; color:var(--n-muted); font-size:12px; margin-top:2px; }
.human-queue { display:grid; gap:10px; }
.human-action { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:14px; border-radius:16px; border:1px solid var(--n-border-light); background:#fff; text-decoration:none; }
.human-action:hover { text-decoration:none; background:#FBFAF6; }
.human-action strong { color:var(--n-ink); font-size:13px; }
.human-action span { display:block; color:var(--n-muted); font-size:12px; margin-top:2px; }
.human-action b { color:var(--n-ink); font-size:18px; }
.empty-state-soft { border:1px dashed var(--n-border); border-radius:18px; padding:22px; text-align:center; background:#FBFAF6; }
.empty-state-soft strong { display:block; color:var(--n-ink); font-size:16px; letter-spacing:-.02em; }
.empty-state-soft p { margin:6px auto 0; max-width:460px; color:var(--n-muted); font-size:13px; }

@media (max-width: 1080px) { .agentix-hero-card,.agentix-dash-grid { grid-template-columns:1fr; } }
@media (max-width: 760px) {
  .agentix-hero-main,.agentix-hero-side,.agentix-panel { padding:16px; }
  .agentix-status-row { grid-template-columns:1fr; }
  .workflow-line { grid-template-columns:90px 1fr 36px; gap:8px; }
  .agentix-panel-head { display:grid; }
  .sync-countdown { grid-template-columns:1fr; }
}

/* ═══════════════ Phase 6 QuickBooks connection management ═══════════════ */
.qk-quickbooks-card { grid-column: 1 / -1; }
.qb-connection-summary { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; padding:18px; border:1px solid var(--n-border-light); border-radius:20px; background:linear-gradient(180deg,#fff,#fbfaf6); }
.qb-connection-summary h3 { margin:4px 0 0; font-size:24px; line-height:1.05; letter-spacing:-.045em; color:var(--n-ink); }
.qb-connection-summary p { margin:8px 0 0; color:var(--n-secondary); font-size:13px; line-height:1.45; max-width:680px; }
.qb-connection-badge { flex:0 0 auto; border-radius:999px; padding:7px 11px; font-size:11px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; border:1px solid var(--n-border); background:#fff; color:var(--n-secondary); }
.qb-connection-badge.is-connected { border-color:rgba(47,143,91,.22); background:rgba(47,143,91,.10); color:#2F8F5B; }
.qb-connection-badge.is-needed { border-color:rgba(201,139,44,.28); background:rgba(201,139,44,.10); color:#9A6A1D; }
.qb-sync-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:14px; }
.qb-sync-grid div { padding:14px; border:1px solid var(--n-border-light); border-radius:16px; background:var(--n-surface); }
.qb-sync-grid span { display:block; font-size:10px; text-transform:uppercase; letter-spacing:.08em; color:var(--n-muted); font-weight:800; }
.qb-sync-grid strong { display:block; margin-top:6px; font-size:18px; letter-spacing:-.035em; color:var(--n-ink); }
.qb-onboarding-flow { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; margin-top:14px; }
.qb-onboarding-flow div { position:relative; min-height:78px; border:1px solid var(--n-border-light); border-radius:16px; padding:12px; background:#fff; color:var(--n-secondary); }
.qb-onboarding-flow b { display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#F0EEE7; color:var(--n-secondary); font-size:11px; margin-bottom:9px; }
.qb-onboarding-flow span { display:block; font-size:12px; font-weight:700; line-height:1.25; color:inherit; }
.qb-onboarding-flow .is-done { border-color:rgba(47,143,91,.20); background:rgba(47,143,91,.06); color:#2F8F5B; }
.qb-onboarding-flow .is-done b { background:#2F8F5B; color:#fff; }
.qb-onboarding-flow .is-current { border-color:rgba(79,127,217,.25); background:rgba(79,127,217,.06); color:#345FA8; }
.qb-onboarding-flow .is-current b { background:#4F7FD9; color:#fff; }
.qb-company-list { display:grid; gap:8px; margin-top:14px; }
.qb-company-row { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:12px 14px; border:1px solid var(--n-border-light); border-radius:14px; background:#fff; }
.qb-company-row strong { display:block; color:var(--n-ink); font-size:14px; }
.qb-company-row span:not(.qk-badge) { display:block; margin-top:3px; color:var(--n-muted); font-size:12px; }
.qb-actions { margin-top:14px; align-items:center; }
.qb-actions form { margin:0; display:inline-flex; }
.qb-compliance-note { margin-top:14px; padding:12px 14px; border-radius:14px; background:#F7F6F2; border:1px solid var(--n-border-light); color:var(--n-secondary); font-size:12px; line-height:1.45; }
.qb-compliance-note strong { color:var(--n-ink); }
@media (max-width: 900px) { .qb-onboarding-flow { grid-template-columns:repeat(2,minmax(0,1fr)); } .qb-sync-grid { grid-template-columns:1fr; } .qb-connection-summary { display:grid; } }
@media (max-width: 640px) { .qb-onboarding-flow { grid-template-columns:1fr; } .qb-company-row { align-items:flex-start; flex-direction:column; } .qb-actions form, .qb-actions .qk-btn { width:100%; } .qb-actions form button { width:100%; } }


/* ═══════════════ Agentix missed 1099 candidate review center ═══════════════ */
.agentix-review-hero{display:grid;grid-template-columns:1fr 220px;gap:18px;align-items:stretch;margin-bottom:18px;padding:24px;border:1px solid var(--n-border);border-radius:24px;background:linear-gradient(180deg,#fff,#fbfaf6);box-shadow:0 10px 30px rgba(17,18,20,.035)}
.agentix-review-hero h2{margin:4px 0 0;font-size:34px;line-height:.98;letter-spacing:-.055em;color:var(--n-ink)}
.agentix-review-hero p{margin:10px 0 0;color:var(--n-secondary);max-width:720px;font-size:14px;line-height:1.5}.agentix-review-stat{display:flex;flex-direction:column;justify-content:center;border:1px solid var(--n-border-light);border-radius:20px;background:#fff;padding:18px}.agentix-review-stat span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--n-muted);font-weight:800}.agentix-review-stat strong{display:block;margin-top:6px;font-size:44px;line-height:1;letter-spacing:-.06em;color:var(--n-ink)}.agentix-review-stat em{display:block;margin-top:6px;font-size:12px;color:var(--n-muted);font-style:normal}.agentix-review-layout{display:grid;gap:14px}.agentix-candidate-card{border:1px solid var(--n-border);border-radius:22px;background:var(--n-surface);padding:20px;box-shadow:0 10px 30px rgba(17,18,20,.035);margin-bottom:14px}.candidate-card-top{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.candidate-card-top h2{margin:4px 0 0;color:var(--n-ink);font-size:24px;letter-spacing:-.045em;line-height:1.05}.candidate-card-top p{margin:6px 0 0;color:var(--n-muted);font-size:12px}.candidate-confidence{border:1px solid var(--n-border-light);border-radius:999px;padding:7px 10px;background:#f7f6f2;color:var(--n-secondary);font-size:11px;text-transform:uppercase;letter-spacing:.05em;font-weight:800;white-space:nowrap}.candidate-confidence.high{background:rgba(47,143,91,.10);color:#2f8f5b;border-color:rgba(47,143,91,.20)}.candidate-confidence.low{background:rgba(201,139,44,.10);color:#9a6a1d;border-color:rgba(201,139,44,.22)}.candidate-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}.candidate-metrics div{padding:14px;border:1px solid var(--n-border-light);border-radius:16px;background:#fbfaf6}.candidate-metrics span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--n-muted);font-weight:800}.candidate-metrics strong{display:block;margin-top:6px;color:var(--n-ink);font-size:18px;letter-spacing:-.035em}.candidate-reasons{border:1px solid var(--n-border-light);border-radius:18px;background:#fff;padding:16px}.candidate-reasons h3{margin:0 0 10px;color:var(--n-ink);font-size:14px;letter-spacing:-.02em}.candidate-reasons ol{margin:0;padding-left:20px;color:var(--n-secondary);font-size:13px;line-height:1.55}.candidate-reasons li{margin:6px 0}.candidate-action-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.candidate-reject-panel{margin-top:16px;border:1px solid var(--n-border-light);border-radius:18px;background:#fbfaf6;padding:16px}.candidate-reject-panel .qk-input{margin-top:8px;margin-bottom:10px}.agentix-empty-review{border:1px dashed var(--n-border);border-radius:22px;background:#fbfaf6;padding:34px;text-align:center}.agentix-empty-icon{width:42px;height:42px;border-radius:999px;display:grid;place-items:center;margin:0 auto 12px;background:#101214;color:#fff;font-weight:800}.agentix-empty-review h2{margin:0;color:var(--n-ink);font-size:24px;letter-spacing:-.04em}.agentix-empty-review p{margin:8px auto 18px;max-width:560px;color:var(--n-muted);font-size:14px;line-height:1.5}.qk-loading{padding:24px;border:1px solid var(--n-border-light);border-radius:18px;background:#fff;color:var(--n-muted)}
@media(max-width:780px){.agentix-review-hero{grid-template-columns:1fr;padding:18px}.agentix-review-hero h2{font-size:28px}.candidate-card-top{display:grid}.candidate-metrics{grid-template-columns:1fr}.candidate-action-row .qk-btn{width:100%}}

.agentix-writeback-section {
  margin-top: 24px;
}

.agentix-writeback-task {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 18px;
  margin-bottom: 12px;
  border: 1px solid var(--qk-line, #dedbd2);
  border-radius: 18px;
  background: var(--qk-surface, #fff);
}

.agentix-writeback-task h3 {
  margin: 4px 0 4px;
}

.agentix-writeback-task p {
  margin: 0;
  color: var(--qk-muted, #6f6f68);
}

.agentix-writeback-task.succeeded {
  border-color: rgba(47, 143, 91, 0.28);
}

.agentix-writeback-task.failed {
  border-color: rgba(199, 92, 84, 0.36);
}

.agentix-writeback-task.running,
.agentix-writeback-task.pending {
  border-color: rgba(79, 127, 217, 0.28);
}


/* ═══════════════ Agentix post-login day/night mode ═══════════════
   Night mode intentionally mirrors the homepage dashboard preview:
   black canvas, low-contrast dividers, white type, and restrained signal colours.
*/
:root[data-agentix-theme="night"] {
  --n-accent: #7dd3a8;
  --n-accent-dark: #48a673;
  --n-accent-light: rgba(125,211,168,.12);
  --n-accent-glow: rgba(125,211,168,.18);
  --n-ink: #f7f7f4;
  --n-text: rgba(255,255,255,.78);
  --n-secondary: rgba(255,255,255,.54);
  --n-muted: rgba(255,255,255,.34);
  --n-border: #1f1f1f;
  --n-border-light: #151515;
  --n-bg: #080808;
  --n-surface: #0d0d0d;
  --n-sidebar-bg: #050505;
  --n-sidebar-text: rgba(255,255,255,.48);
  --n-sidebar-active: rgba(125,211,168,.10);
  --n-success: #7dd3a8;
  --n-success-bg: rgba(125,211,168,.10);
  --n-success-text: #7dd3a8;
  --n-warning: #f0c36a;
  --n-warning-bg: rgba(240,195,106,.10);
  --n-warning-text: #f0c36a;
  --n-danger: #ef8a7a;
  --n-danger-bg: rgba(239,138,122,.10);
  --n-danger-text: #ef8a7a;
  --n-info: #6ea8fe;
  --n-info-bg: rgba(110,168,254,.10);
  --n-info-text: #6ea8fe;
  --qk-teal: var(--n-accent);
  --qk-teal-dark: var(--n-accent-dark);
  --qk-teal-light: var(--n-accent-light);
  --qk-teal-glow: var(--n-accent-glow);
  --qk-ink: var(--n-ink);
  --qk-slate: var(--n-secondary);
  --qk-mute: var(--n-muted);
  --qk-line: var(--n-border);
  --qk-line-soft: var(--n-border-light);
  --qk-bg: var(--n-bg);
  --qk-surface: var(--n-surface);
}
:root[data-agentix-theme="day"] {
  color-scheme: light;
}
:root[data-agentix-theme="night"] {
  color-scheme: dark;
}
html[data-agentix-theme="night"] body,
body[data-agentix-theme="night"] {
  background: radial-gradient(circle at 30% 0%, rgba(125,211,168,.055), transparent 30%), #080808;
  color: var(--n-text);
}
html[data-agentix-theme="night"] .qk-app { background: #080808; }
html[data-agentix-theme="night"] .qk-main { background: radial-gradient(circle at 50% 0%, rgba(110,168,254,.045), transparent 34%), #080808; }
html[data-agentix-theme="night"] .qk-sidebar {
  background: linear-gradient(180deg,#050505,#090909);
  border-right: 1px solid #1a1a1a;
  box-shadow: inset -1px 0 0 rgba(255,255,255,.02);
}
html[data-agentix-theme="night"] .qk-sidebar-logo {
  background: linear-gradient(135deg,#7dd3a8,#6ea8fe);
  color: #06100b;
  box-shadow: 0 0 22px rgba(125,211,168,.20);
}
html[data-agentix-theme="night"] .qk-sidebar-name { color: rgba(255,255,255,.88); }
html[data-agentix-theme="night"] .qk-sidebar-tag,
html[data-agentix-theme="night"] .qk-nav-section-label { color: rgba(255,255,255,.28); }
html[data-agentix-theme="night"] .qk-nav-item { color: rgba(255,255,255,.48); }
html[data-agentix-theme="night"] .qk-nav-item:hover { background: rgba(255,255,255,.045); color: rgba(255,255,255,.78); text-decoration:none; }
html[data-agentix-theme="night"] .qk-nav-item.active {
  background: rgba(125,211,168,.10);
  color: #7dd3a8;
  box-shadow: inset 0 0 0 1px rgba(125,211,168,.12);
}
html[data-agentix-theme="night"] .n-request-cta {
  background: rgba(255,255,255,.04);
  color: rgba(255,255,255,.76);
  border: 1px solid rgba(255,255,255,.08);
}
html[data-agentix-theme="night"] .n-request-cta:hover { background: rgba(125,211,168,.10); color: #7dd3a8; text-decoration:none; }
html[data-agentix-theme="night"] .qk-topbar {
  background: rgba(8,8,8,.86);
  border-bottom: 1px solid #1a1a1a;
  backdrop-filter: blur(18px);
}
html[data-agentix-theme="night"] .qk-page-title { color: rgba(255,255,255,.92); }
html[data-agentix-theme="night"] .qk-page-subtitle { color: rgba(255,255,255,.42); }
html[data-agentix-theme="night"] .qk-card,
html[data-agentix-theme="night"] .qk-panel,
html[data-agentix-theme="night"] .qk-stat,
html[data-agentix-theme="night"] .detail-panel,
html[data-agentix-theme="night"] .data-table,
html[data-agentix-theme="night"] .review-card,
html[data-agentix-theme="night"] .candidate-card {
  background: #0d0d0d !important;
  border-color: #1f1f1f !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.025);
}
html[data-agentix-theme="night"] .qk-card-header,
html[data-agentix-theme="night"] .qk-table th,
html[data-agentix-theme="night"] .data-table th {
  background: #101010 !important;
  border-color: #1f1f1f !important;
  color: rgba(255,255,255,.34) !important;
}
html[data-agentix-theme="night"] .qk-table td,
html[data-agentix-theme="night"] .data-table td { border-color: #161616 !important; color: rgba(255,255,255,.66); }
html[data-agentix-theme="night"] .qk-table tr:hover td,
html[data-agentix-theme="night"] .data-table tr:hover td { background: rgba(255,255,255,.025) !important; }
html[data-agentix-theme="night"] .qk-input,
html[data-agentix-theme="night"] .qk-select,
html[data-agentix-theme="night"] .qk-textarea,
html[data-agentix-theme="night"] input,
html[data-agentix-theme="night"] textarea,
html[data-agentix-theme="night"] select {
  background: #090909 !important;
  border-color: #242424 !important;
  color: rgba(255,255,255,.78) !important;
}
html[data-agentix-theme="night"] .qk-input:focus,
html[data-agentix-theme="night"] .qk-select:focus,
html[data-agentix-theme="night"] .qk-textarea:focus,
html[data-agentix-theme="night"] input:focus,
html[data-agentix-theme="night"] textarea:focus,
html[data-agentix-theme="night"] select:focus {
  border-color: rgba(125,211,168,.72) !important;
  box-shadow: 0 0 0 3px rgba(125,211,168,.14) !important;
}
html[data-agentix-theme="night"] .qk-btn-primary { background: #f7f7f4; color: #050505; }
html[data-agentix-theme="night"] .qk-btn-primary:hover:not(:disabled) { background: #d9f7e6; }
html[data-agentix-theme="night"] .qk-btn-secondary,
html[data-agentix-theme="night"] .qk-btn-ghost {
  background: rgba(255,255,255,.035);
  color: rgba(255,255,255,.66);
  border-color: rgba(255,255,255,.08);
}
html[data-agentix-theme="night"] .qk-btn-secondary:hover:not(:disabled),
html[data-agentix-theme="night"] .qk-btn-ghost:hover:not(:disabled) {
  background: rgba(255,255,255,.07);
  color: rgba(255,255,255,.90);
  text-decoration:none;
}
html[data-agentix-theme="night"] .qk-sync-chip,
html[data-agentix-theme="night"] .qk-company-chip {
  background: rgba(255,255,255,.035);
  border: 1px solid rgba(255,255,255,.08);
  color: rgba(255,255,255,.56);
}
.qk-theme-toggle {
  height: 30px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border-radius: 999px;
  border: 1px solid var(--n-border);
  background: var(--n-surface);
  color: var(--n-secondary);
  padding: 0 10px;
  font-size: 12px;
  font-weight: 600;
}
.qk-theme-toggle:hover { color: var(--n-text); text-decoration:none; }
.qk-theme-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--n-accent);
  box-shadow: 0 0 9px var(--n-accent-glow);
}
html[data-agentix-theme="night"] .qk-theme-toggle {
  background: rgba(255,255,255,.035);
  border-color: rgba(255,255,255,.08);
  color: rgba(255,255,255,.62);
}
html[data-agentix-theme="night"] .sync-live-dot,
html[data-agentix-theme="night"] .qk-company-chip-dot { background: #7dd3a8; box-shadow: 0 0 10px rgba(125,211,168,.38); }
html[data-agentix-theme="night"] .qk-badge-neutral { background: rgba(255,255,255,.06); color: rgba(255,255,255,.50); }
html[data-agentix-theme="night"] .qk-muted,
html[data-agentix-theme="night"] .qk-help,
html[data-agentix-theme="night"] .qk-tiny { color: rgba(255,255,255,.38); }
html[data-agentix-theme="night"] a { color: #7dd3a8; }
html[data-agentix-theme="night"] .stat-value,
html[data-agentix-theme="night"] .audit-action,
html[data-agentix-theme="night"] .page-title { color: rgba(255,255,255,.88) !important; }
html[data-agentix-theme="night"] .admin-bar { background: #050505 !important; border-bottom: 1px solid #1a1a1a; color: rgba(255,255,255,.86); }
html[data-agentix-theme="night"] .login-box { background: #0d0d0d !important; border-color: #1f1f1f !important; color: rgba(255,255,255,.78); }
html[data-agentix-theme="night"] .tabs { border-color: #1f1f1f !important; }
html[data-agentix-theme="night"] .tab { color: rgba(255,255,255,.42) !important; }
html[data-agentix-theme="night"] .tab:hover { color: rgba(255,255,255,.76) !important; }
html[data-agentix-theme="night"] .tab.active { color: #7dd3a8 !important; border-bottom-color: #7dd3a8 !important; }
html[data-agentix-theme="night"] .badge-starter,
html[data-agentix-theme="night"] .badge-pro,
html[data-agentix-theme="night"] .badge-firm { background: rgba(110,168,254,.10) !important; color: #6ea8fe !important; }

/* ═══════════════ Post-login theme system repair ═══════════════ */
html[data-agentix-theme="day"] {
  --n-accent: #0F766E;
  --n-accent-dark: #0B5E58;
  --n-accent-light: #ECFDF8;
  --n-accent-glow: rgba(15,118,110,.12);
  --n-ink: #111214;
  --n-text: #25272A;
  --n-secondary: #555A62;
  --n-muted: #7A7F87;
  --n-border: #DEDFD7;
  --n-border-light: #EFEFEA;
  --n-bg: #F7F7F2;
  --n-surface: #FFFFFF;
  --n-sidebar-bg: #101214;
  --n-sidebar-text: rgba(255,255,255,.62);
  --n-sidebar-active: rgba(255,255,255,.08);
}
html[data-agentix-theme="night"] {
  --n-accent: #7DD3A8;
  --n-accent-dark: #5DBD90;
  --n-accent-light: rgba(125,211,168,.12);
  --n-accent-glow: rgba(125,211,168,.14);
  --n-ink: #FFFFFF;
  --n-text: rgba(255,255,255,.82);
  --n-secondary: rgba(255,255,255,.58);
  --n-muted: rgba(255,255,255,.38);
  --n-border: #1A1A1A;
  --n-border-light: #202020;
  --n-bg: #080808;
  --n-surface: #0F0F0F;
  --n-sidebar-bg: #050505;
  --n-sidebar-text: rgba(255,255,255,.58);
  --n-sidebar-active: rgba(255,255,255,.08);
  --n-success: #7DD3A8;
  --n-success-bg: rgba(125,211,168,.12);
  --n-success-text: #7DD3A8;
  --n-warning: #F0C36A;
  --n-warning-bg: rgba(240,195,106,.12);
  --n-warning-text: #F0C36A;
  --n-danger: #EF8A7A;
  --n-danger-bg: rgba(239,138,122,.12);
  --n-danger-text: #EF8A7A;
  --n-info: #6EA8FE;
  --n-info-bg: rgba(110,168,254,.12);
  --n-info-text: #6EA8FE;
}
html[data-agentix-theme="night"],
html[data-agentix-theme="night"] body {
  background: var(--n-bg);
  color: var(--n-text);
}
html[data-agentix-theme="night"] .qk-topbar {
  background: rgba(11,11,11,.92);
  border-bottom-color: var(--n-border);
  box-shadow: inset 0 -1px 0 rgba(255,255,255,.03);
}
html[data-agentix-theme="night"] .qk-main,
html[data-agentix-theme="night"] .qk-app {
  background: var(--n-bg);
}
html[data-agentix-theme="night"] .qk-sidebar-logo {
  background: linear-gradient(135deg,#8fdcff,#7dd3a8);
  color: #081014;
}
html[data-agentix-theme="night"] .qk-page-title,
html[data-agentix-theme="night"] .qk-page-subtitle,
html[data-agentix-theme="night"] .qk-label,
html[data-agentix-theme="night"] .qk-muted,
html[data-agentix-theme="night"] .qk-help,
html[data-agentix-theme="night"] .qk-cell-title,
html[data-agentix-theme="night"] .qk-empty-title,
html[data-agentix-theme="night"] .qk-empty-text,
html[data-agentix-theme="night"] .qk-field label,
html[data-agentix-theme="night"] .qk-kv span,
html[data-agentix-theme="night"] .qk-next-action,
html[data-agentix-theme="night"] .n-slideover-header h2,
html[data-agentix-theme="night"] .n-notif-item strong,
html[data-agentix-theme="night"] .n-notif-empty {
  color: inherit;
}
html[data-agentix-theme="night"] .qk-card,
html[data-agentix-theme="night"] .qk-summary-card,
html[data-agentix-theme="night"] .qk-stat-card,
html[data-agentix-theme="night"] .qk-table-wrap,
html[data-agentix-theme="night"] .qk-modal,
html[data-agentix-theme="night"] .n-slideover,
html[data-agentix-theme="night"] .n-notif-dropdown,
html[data-agentix-theme="night"] .qk-queue-summary,
html[data-agentix-theme="night"] .qk-loading,
html[data-agentix-theme="night"] .qk-empty,
html[data-agentix-theme="night"] .qk-summary-card.is-active {
  background: var(--n-surface);
  border-color: var(--n-border);
  color: var(--n-text);
  box-shadow: none;
}
html[data-agentix-theme="night"] .qk-card-header,
html[data-agentix-theme="night"] .qk-modal-header,
html[data-agentix-theme="night"] .n-slideover-header,
html[data-agentix-theme="night"] .qk-table th,
html[data-agentix-theme="night"] .qk-kv,
html[data-agentix-theme="night"] .n-notif-item,
html[data-agentix-theme="night"] .qk-table td,
html[data-agentix-theme="night"] .qk-table th {
  border-color: var(--n-border);
}
html[data-agentix-theme="night"] .qk-table th {
  background: #0B0B0B;
  color: rgba(255,255,255,.32);
}
html[data-agentix-theme="night"] .qk-table td {
  color: var(--n-secondary);
}
html[data-agentix-theme="night"] .qk-table tbody tr:hover td,
html[data-agentix-theme="night"] .n-notif-item:hover,
html[data-agentix-theme="night"] .n-notif-btn:hover,
html[data-agentix-theme="night"] .qk-btn-ghost:hover:not(:disabled) {
  background: rgba(255,255,255,.04);
}
html[data-agentix-theme="night"] .qk-input,
html[data-agentix-theme="night"] .qk-select,
html[data-agentix-theme="night"] .qk-textarea,
html[data-agentix-theme="night"] .qk-btn-secondary,
html[data-agentix-theme="night"] .qk-btn-sync-now,
html[data-agentix-theme="night"] .qk-sync-chip,
html[data-agentix-theme="night"] .qk-company-chip,
html[data-agentix-theme="night"] .qk-company-chip[data-scope="all"],
html[data-agentix-theme="night"] .qk-tab,
html[data-agentix-theme="night"] .qk-filter-token,
html[data-agentix-theme="night"] .qk-code,
html[data-agentix-theme="night"] .qk-code-block,
html[data-agentix-theme="night"] .agentix-pill,
html[data-agentix-theme="night"] .candidate-confidence,
html[data-agentix-theme="night"] .qb-connection-badge,
html[data-agentix-theme="night"] .qk-badge-neutral {
  background: #111111;
  border-color: var(--n-border);
  color: var(--n-secondary);
}
html[data-agentix-theme="night"] .qk-tab.active {
  background: #181818;
  color: #fff;
}
html[data-agentix-theme="night"] .qk-btn-primary {
  background: #fff;
  color: #0b0b0b;
}
html[data-agentix-theme="night"] .qk-btn-primary:hover:not(:disabled) {
  background: #e9e9e9;
}
html[data-agentix-theme="night"] .qk-btn-ghost,
html[data-agentix-theme="night"] .n-notif-btn,
html[data-agentix-theme="night"] .qk-page-subtitle,
html[data-agentix-theme="night"] .qk-muted,
html[data-agentix-theme="night"] .qk-help,
html[data-agentix-theme="night"] .qk-field label,
html[data-agentix-theme="night"] .qk-card-header,
html[data-agentix-theme="night"] .qk-card-header * {
  color: var(--n-secondary);
}
html[data-agentix-theme="night"] .qk-summary-card strong,
html[data-agentix-theme="night"] .qk-stat-card strong,
html[data-agentix-theme="night"] .qk-page-title,
html[data-agentix-theme="night"] .qk-empty-title,
html[data-agentix-theme="night"] .qk-cell-title,
html[data-agentix-theme="night"] .qk-kv strong,
html[data-agentix-theme="night"] .qk-card h1,
html[data-agentix-theme="night"] .qk-card h2,
html[data-agentix-theme="night"] .qk-card h3,
html[data-agentix-theme="night"] .qk-card h4 {
  color: #fff;
}
html[data-agentix-theme="night"] .qk-input::placeholder { color: rgba(255,255,255,.24); }
html[data-agentix-theme="night"] .qk-company-chip-dot { background: var(--n-accent); }
html[data-agentix-theme="night"] .qk-sync-chip .sync-live-dot,
html[data-agentix-theme="night"] .sync-live-dot { background: #7DD3A8; box-shadow: 0 0 8px rgba(125,211,168,.28); }
html[data-agentix-theme="night"] .qk-toast { background: #fff; color: #0b0b0b; }
html[data-agentix-theme="night"] .qk-toast.qk-toast-error { background: #EF8A7A; color: #120706; }
html[data-agentix-theme="night"] .qk-toast.qk-toast-success { background: #7DD3A8; color: #081014; }

/* Hard overrides for custom logged-in panels so night mode stays legible everywhere */
html[data-agentix-theme="night"] .agentix-review-hero,
html[data-agentix-theme="night"] .agentix-candidate-card,
html[data-agentix-theme="night"] .agentix-panel,
html[data-agentix-theme="night"] .qb-connection-summary,
html[data-agentix-theme="night"] .agentix-writeback-task,
html[data-agentix-theme="night"] .agentix-writeback-task.running,
html[data-agentix-theme="night"] .agentix-writeback-task.pending,
html[data-agentix-theme="night"] .agentix-review-stat,
html[data-agentix-theme="night"] .candidate-metrics div,
html[data-agentix-theme="night"] .candidate-reasons,
html[data-agentix-theme="night"] .candidate-reject-panel,
html[data-agentix-theme="night"] .agentix-empty-review,
html[data-agentix-theme="night"] .qb-sync-grid div,
html[data-agentix-theme="night"] .qb-company-row,
html[data-agentix-theme="night"] .qb-onboarding-flow div,
html[data-agentix-theme="night"] .qb-compliance-note,
html[data-agentix-theme="night"] .human-action,
html[data-agentix-theme="night"] .exception-card,
html[data-agentix-theme="night"] .empty-state-soft,
html[data-agentix-theme="night"] .agentix-mini-stat {
  background: #0F0F0F !important;
  border-color: #1A1A1A !important;
  color: var(--n-text) !important;
  box-shadow: none !important;
}
html[data-agentix-theme="night"] .agentix-sync-panel {
  background: #0B0B0B !important;
  border-color: #1A1A1A !important;
}
html[data-agentix-theme="night"] .timeline-dot,
html[data-agentix-theme="night"] .qb-onboarding-flow b,
html[data-agentix-theme="night"] .agentix-empty-icon { background: #181818; color: #fff; }
html[data-agentix-theme="night"] .agentix-review-hero h2,
html[data-agentix-theme="night"] .agentix-review-stat strong,
html[data-agentix-theme="night"] .candidate-card-top h2,
html[data-agentix-theme="night"] .candidate-metrics strong,
html[data-agentix-theme="night"] .candidate-reasons h3,
html[data-agentix-theme="night"] .qb-connection-summary h3,
html[data-agentix-theme="night"] .qb-sync-grid strong,
html[data-agentix-theme="night"] .qb-company-row strong,
html[data-agentix-theme="night"] .agentix-writeback-task h3,
html[data-agentix-theme="night"] .timeline-item strong,
html[data-agentix-theme="night"] .human-action strong,
html[data-agentix-theme="night"] .exception-card strong,
html[data-agentix-theme="night"] .exception-card b,
html[data-agentix-theme="night"] .agentix-mini-stat strong,
html[data-agentix-theme="night"] .empty-state-soft strong,
html[data-agentix-theme="night"] .agentix-panel h3,
html[data-agentix-theme="night"] .human-action b,
html[data-agentix-theme="night"] .agentix-dashboard h2 { color: #fff !important; }
html[data-agentix-theme="night"] .agentix-review-hero p,
html[data-agentix-theme="night"] .agentix-review-stat em,
html[data-agentix-theme="night"] .candidate-card-top p,
html[data-agentix-theme="night"] .candidate-reasons ol,
html[data-agentix-theme="night"] .qb-connection-summary p,
html[data-agentix-theme="night"] .qb-company-row span:not(.qk-badge),
html[data-agentix-theme="night"] .qb-compliance-note,
html[data-agentix-theme="night"] .agentix-writeback-task p,
html[data-agentix-theme="night"] .timeline-item span,
html[data-agentix-theme="night"] .human-action span,
html[data-agentix-theme="night"] .exception-card span,
html[data-agentix-theme="night"] .agentix-mini-stat span,
html[data-agentix-theme="night"] .agentix-mini-stat em,
html[data-agentix-theme="night"] .empty-state-soft p,
html[data-agentix-theme="night"] .agentix-panel p,
html[data-agentix-theme="night"] .workflow-line span,
html[data-agentix-theme="night"] .workflow-line b,
html[data-agentix-theme="night"] .sync-countdown span,
html[data-agentix-theme="night"] .sync-countdown strong { color: var(--n-secondary) !important; }
html[data-agentix-theme="night"] .workflow-line .bar { background: rgba(255,255,255,.06); }
html[data-agentix-theme="night"] .exception-card,
html[data-agentix-theme="night"] .human-action:hover { background: #121212 !important; }

/* ═══════════════ Homepage dashboard replicated for the logged-in overview ═══════════════ */
.agentix-homeboard.hero-dash {
  background: #0B0B0B;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 32px 80px rgba(0,0,0,.25), 0 0 0 1px rgba(255,255,255,.05) inset;
  border: 1px solid #222;
}
.agentix-homeboard .dash-topbar {
  padding: 12px 20px;
  border-bottom: 1px solid #222;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.agentix-homeboard .dash-brand-row {
  display: flex;
  align-items: center;
  gap: 12px;
}
.agentix-homeboard .dash-logo {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: -.04em;
}
.agentix-homeboard .dash-logo span span {
  color: rgba(255,255,255,.4);
  font-weight: 400;
}
.agentix-homeboard .dash-firm {
  font-size: 12px;
  color: rgba(255,255,255,.3);
  padding: 2px 8px;
  background: #1A1A1A;
  border-radius: 4px;
}
.agentix-homeboard .dash-sync,
.agentix-homeboard .dash-footer span:last-child {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  color: rgba(255,255,255,.4);
}
.agentix-homeboard .pulse-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #22C55E;
  display: inline-block;
  box-shadow: 0 0 8px rgba(34,197,94,.38);
  animation: pulse 2s ease infinite;
}
.agentix-homeboard .dash-graph-grid {
  display: grid;
  grid-template-columns: 1.15fr .95fr .9fr;
  gap: 1px;
  background: #1A1A1A;
  border-top: 1px solid #1A1A1A;
}
.agentix-homeboard .dash-graph-card {
  background: #0F0F0F;
  padding: 20px;
  min-height: 230px;
}
.agentix-homeboard .graph-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}
.agentix-homeboard .graph-label,
.agentix-dark-panel .graph-label {
  display: block;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: rgba(255,255,255,.28);
  margin-bottom: 3px;
}
.agentix-homeboard .graph-card-head strong,
.agentix-dark-head strong {
  display: block;
  font-size: 26px;
  font-weight: 800;
  letter-spacing: -.045em;
  color: rgba(255,255,255,.92);
  line-height: 1.04;
}
.agentix-homeboard .graph-delta,
.agentix-dark-panel .graph-delta {
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 999px;
  padding: 4px 8px;
  color: rgba(255,255,255,.5);
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
  text-decoration: none;
}
.agentix-homeboard .graph-delta.positive,
.agentix-dark-panel .graph-delta.positive {
  color: #7DD3A8;
  background: rgba(125,211,168,.09);
  border-color: rgba(125,211,168,.18);
}
.agentix-homeboard .graph-delta.warning,
.agentix-dark-panel .graph-delta.warning {
  color: #F0C36A;
  background: rgba(240,195,106,.09);
  border-color: rgba(240,195,106,.18);
}
.agentix-homeboard .dash-graph-card p,
.agentix-dark-note {
  font-size: 12px;
  color: rgba(255,255,255,.42);
  line-height: 1.45;
  margin-top: 12px;
}
.agentix-homeboard .workflow-funnel,
.agentix-homeboard .exception-bars {
  display: grid;
  gap: 11px;
}
.agentix-homeboard .funnel-row,
.agentix-homeboard .exception-row {
  display: grid;
  grid-template-columns: 92px 1fr 34px;
  align-items: center;
  gap: 10px;
}
.agentix-homeboard .funnel-row span,
.agentix-homeboard .exception-row span {
  font-size: 11px;
  color: rgba(255,255,255,.42);
  white-space: nowrap;
}
.agentix-homeboard .funnel-row div,
.agentix-homeboard .exception-row div {
  height: 10px;
  background: rgba(255,255,255,.06);
  border-radius: 999px;
  overflow: hidden;
}
.agentix-homeboard .funnel-row i,
.agentix-homeboard .exception-row i {
  display: block;
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg,#7DD3A8,#6EA8FE);
}
.agentix-homeboard .exception-row i.blue { background: #6EA8FE; }
.agentix-homeboard .exception-row i.amber { background: #F0C36A; }
.agentix-homeboard .exception-row i.red { background: #EF8A7A; }
.agentix-homeboard .funnel-row b,
.agentix-homeboard .exception-row b {
  font-size: 12px;
  color: rgba(255,255,255,.68);
  text-align: right;
  font-variant-numeric: tabular-nums;
}
.agentix-homeboard .automation-strip {
  display: grid;
  grid-template-columns: 1.2fr repeat(3,1fr);
  gap: 1px;
  background: #1A1A1A;
  border-top: 1px solid #1A1A1A;
}
.agentix-homeboard .automation-strip div {
  background: #0D0D0D;
  padding: 14px 18px;
  font-size: 12px;
  color: rgba(255,255,255,.42);
  display: flex;
  align-items: center;
  gap: 8px;
}
.agentix-homeboard .automation-strip strong {
  color: rgba(255,255,255,.78);
  font-size: 12px;
}
.agentix-homeboard .automation-strip span:not(.pulse-dot) {
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -.04em;
  color: #fff;
  font-variant-numeric: tabular-nums;
}
.agentix-homeboard .completion-wheel-wrap {
  display: grid;
  grid-template-columns: 170px 1fr;
  gap: 20px;
  align-items: center;
  margin-top: 6px;
}
.agentix-homeboard .completion-wheel {
  position: relative;
  width: 160px;
  height: 160px;
  margin: 0 auto;
}
.agentix-homeboard .completion-wheel svg {
  width: 160px;
  height: 160px;
  display: block;
  transform: rotate(-90deg);
}
.agentix-homeboard .wheel-track {
  fill: none;
  stroke: rgba(255,255,255,.08);
  stroke-width: 16;
}
.agentix-homeboard .wheel-progress {
  fill: none;
  stroke: url(#completionStroke);
  stroke-width: 16;
  stroke-linecap: round;
  stroke-dasharray: 364.42;
  filter: drop-shadow(0 0 10px rgba(125,211,168,.18));
}
.agentix-homeboard .wheel-center {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
.agentix-homeboard .wheel-center strong {
  font-size: 34px;
  font-weight: 800;
  letter-spacing: -.05em;
  line-height: 1;
  color: #fff;
}
.agentix-homeboard .wheel-center span {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: rgba(255,255,255,.36);
  margin-top: 4px;
}
.agentix-homeboard .completion-legend {
  display: grid;
  gap: 12px;
}
.agentix-homeboard .completion-legend div {
  display: grid;
  grid-template-columns: 12px 1fr auto;
  gap: 10px;
  align-items: center;
  padding: 10px 12px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 12px;
  background: rgba(255,255,255,.02);
}
.agentix-homeboard .completion-legend i {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: block;
}
.agentix-homeboard .completion-legend .legend-ready { background: #7DD3A8; box-shadow: 0 0 8px rgba(125,211,168,.3); }
.agentix-homeboard .completion-legend .legend-pending { background: #F0C36A; box-shadow: 0 0 8px rgba(240,195,106,.24); }
.agentix-homeboard .completion-legend .legend-review { background: #6EA8FE; box-shadow: 0 0 8px rgba(110,168,254,.22); }
.agentix-homeboard .completion-legend span {
  font-size: 12px;
  color: rgba(255,255,255,.48);
}
.agentix-homeboard .completion-legend b {
  font-size: 13px;
  color: rgba(255,255,255,.82);
  font-variant-numeric: tabular-nums;
}
.agentix-board-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  margin-top: 18px;
}
.agentix-dark-panel {
  background: #0F0F0F;
  border: 1px solid #1A1A1A;
  border-radius: 18px;
  padding: 20px;
}
.agentix-dark-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}
.agentix-dark-list {
  display: grid;
  gap: 10px;
}
.agentix-dark-action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;
  background: rgba(255,255,255,.02);
  text-decoration: none;
}
.agentix-dark-action:hover { text-decoration: none; background: rgba(255,255,255,.04); }
.agentix-dark-action strong,
.agentix-dark-activity strong {
  display: block;
  color: rgba(255,255,255,.92);
  font-size: 14px;
  letter-spacing: -.02em;
}
.agentix-dark-action span,
.agentix-dark-activity span {
  display: block;
  margin-top: 4px;
  color: rgba(255,255,255,.42);
  font-size: 12px;
  line-height: 1.45;
}
.agentix-dark-action b {
  color: rgba(255,255,255,.82);
  font-size: 20px;
  letter-spacing: -.05em;
  font-variant-numeric: tabular-nums;
}
.agentix-dark-activity {
  display: grid;
  grid-template-columns: 34px 1fr;
  gap: 12px;
  align-items: flex-start;
  padding: 12px 0;
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.agentix-dark-activity:last-child { border-bottom: 0; }
.agentix-dark-step {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #181818;
  display: grid;
  place-items: center;
  color: rgba(255,255,255,.82);
  font-size: 12px;
  font-weight: 700;
}
.agentix-dark-empty {
  background: #0F0F0F;
  border: 1px dashed #252525;
  border-radius: 18px;
  padding: 28px;
  text-align: center;
  color: rgba(255,255,255,.82);
}
.agentix-dark-empty.compact {
  padding: 18px;
  background: rgba(255,255,255,.02);
  border-style: solid;
}
.agentix-dark-empty strong {
  display: block;
  color: #fff;
  font-size: 18px;
  letter-spacing: -.03em;
}
.agentix-dark-empty p {
  margin-top: 8px;
  color: rgba(255,255,255,.42);
  font-size: 13px;
  line-height: 1.5;
}
@media (max-width: 960px) {
  .agentix-homeboard .dash-graph-grid { grid-template-columns: 1fr 1fr; }
  .agentix-homeboard .readiness-card { grid-column: 1 / -1; }
  .agentix-homeboard .automation-strip { grid-template-columns: 1fr 1fr; }
  .agentix-board-grid { grid-template-columns: 1fr; }
}
@media (max-width: 860px) {
  .agentix-homeboard .dash-topbar { flex-direction: column; align-items: flex-start; }
  .agentix-homeboard .dash-graph-grid { grid-template-columns: 1fr; }
  .agentix-homeboard .dash-graph-card { min-height: auto; }
  .agentix-homeboard .automation-strip { grid-template-columns: 1fr; }
  .agentix-homeboard { border-radius: 14px; }
}
@media (max-width: 600px) {
  .agentix-homeboard .completion-wheel-wrap { grid-template-columns: 1fr; gap: 16px; }
  .agentix-homeboard .completion-wheel,
  .agentix-homeboard .completion-wheel svg { width: 144px; height: 144px; }
  .agentix-homeboard .wheel-center strong { font-size: 30px; }
  .agentix-homeboard .graph-card-head strong,
  .agentix-dark-head strong { font-size: 22px; }
  .agentix-homeboard .dash-graph-card,
  .agentix-dark-panel { padding: 17px; }
  .agentix-homeboard .funnel-row,
  .agentix-homeboard .exception-row { grid-template-columns: 88px 1fr 28px; }
  .agentix-homeboard .funnel-row span,
  .agentix-homeboard .exception-row span { font-size: 10px; }
  .agentix-homeboard .automation-strip div { padding: 12px 16px; justify-content: space-between; }
}

@keyframes pulse {
  0%,100% { opacity: 1; }
  50% { opacity: .45; }
}

/* Sprint 19E duplicate review */
.duplicate-card{border:1px solid var(--n-border);border-radius:22px;background:var(--n-surface);padding:20px;margin-bottom:14px;box-shadow:0 10px 30px rgba(17,18,20,.035)}
.duplicate-card.strong{border-color:rgba(125,211,168,.28)}
.duplicate-card.medium{border-color:rgba(110,168,254,.24)}
.duplicate-top{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:16px}.duplicate-top h2{margin:4px 0 0;color:var(--n-ink);font-size:24px;letter-spacing:-.045em;line-height:1.05}.duplicate-top p{margin:8px 0 0;color:var(--n-muted);font-size:13px;max-width:720px}.duplicate-reasons{border:1px solid var(--n-border-light);border-radius:16px;padding:14px;background:#fbfaf6;margin-bottom:14px}.duplicate-reasons strong{display:block;color:var(--n-ink);font-size:13px;margin-bottom:8px}.duplicate-reasons ul{margin:0;padding-left:18px;color:var(--n-secondary);font-size:13px}.duplicate-members{display:grid;gap:10px}.duplicate-member{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid var(--n-border-light);border-radius:14px;padding:12px 14px;background:#fff}.duplicate-member strong{display:block;color:var(--n-ink);font-size:14px}.duplicate-member span{display:block;margin-top:3px;color:var(--n-muted);font-size:12px}.duplicate-member b{color:var(--n-ink);font-size:18px;letter-spacing:-.04em}html[data-agentix-theme="night"] .duplicate-card,html[data-agentix-theme="night"] .duplicate-reasons,html[data-agentix-theme="night"] .duplicate-member{background:#0f0f0f!important;border-color:#1a1a1a!important;color:var(--n-text)!important}html[data-agentix-theme="night"] .duplicate-top h2,html[data-agentix-theme="night"] .duplicate-reasons strong,html[data-agentix-theme="night"] .duplicate-member strong,html[data-agentix-theme="night"] .duplicate-member b{color:#fff!important}html[data-agentix-theme="night"] .duplicate-top p,html[data-agentix-theme="night"] .duplicate-reasons ul,html[data-agentix-theme="night"] .duplicate-member span{color:rgba(255,255,255,.48)!important}