/* Agent Factory SaaS visual foundation — presentation only. */
:root {
  --af-bg: #061017;
  --af-bg-deep: #03080d;
  --af-surface: #0b1821;
  --af-surface-raised: #10232d;
  --af-surface-soft: rgba(13, 29, 38, .78);
  --af-line: rgba(150, 191, 199, .16);
  --af-line-strong: rgba(88, 219, 168, .36);
  --af-green: #cfff00;
  --af-green-bright: #e0ff66;
  --af-green-soft: rgba(88, 219, 168, .12);
  --af-navy: #080a08;
  --af-blue: #75d8ee;
  --af-text: #edf8f5;
  --af-text-soft: #c0d0d3;
  --af-muted: #83969d;
  --af-muted-2: #5b7079;
  --af-danger: #ff8f9a;
  --af-warning: #f0b86b;
  --af-radius-sm: 8px;
  --af-radius-md: 12px;
  --af-radius-lg: 18px;
  --af-shadow-sm: 0 8px 24px rgba(0,0,0,.18);
  --af-shadow-lg: 0 24px 70px rgba(0,0,0,.34);
  --af-focus: 0 0 0 3px rgba(207,255,0,.18);
  --af-speed: 180ms;
}

/* Canvas and shell */
body.agent-factory-v2:not(.login-page) {
  background: var(--af-bg) !important;
  color: var(--af-text) !important;
  font-family: Geist, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}
body.agent-factory-v2:not(.login-page)::before { display: none !important; }
body.agent-factory-v2:not(.login-page) > #app-sidebar {
  background: linear-gradient(180deg, #08151d 0%, #061017 100%) !important;
  border-right: 1px solid var(--af-line) !important;
  box-shadow: 14px 0 42px rgba(0,0,0,.2) !important;
}
body.agent-factory-v2 #app-sidebar > div:first-child {
  min-height: 124px !important;
  padding: 22px 20px !important;
  background: rgba(3,8,13,.82) !important;
  border-bottom: 1px solid var(--af-line) !important;
}
body.agent-factory-v2 #app-sidebar > div:first-child::after {
  content: 'OPERATION CENTER' !important;
  margin-top: 18px !important;
  color: var(--af-green) !important;
  font-size: 8px !important;
  letter-spacing: .22em !important;
}
body.agent-factory-v2 #app-sidebar > div:first-child .elite-brand-mark {
  background: var(--af-green-soft) !important;
  border-color: var(--af-line-strong) !important;
  box-shadow: 0 0 28px rgba(207,255,0,.1) !important;
}
body.agent-factory-v2 #app-sidebar > div:first-child h1,
body.agent-factory-v2 #session-name { color: var(--af-text) !important; }
body.agent-factory-v2 #app-sidebar > div:first-child p,
body.agent-factory-v2 #session-user p:first-child { color: var(--af-muted-2) !important; }
body.agent-factory-v2 #sidebar-nav { padding: 16px 12px !important; }
body.agent-factory-v2 #sidebar-nav > p { color: var(--af-muted-2) !important; }
body.agent-factory-v2 #sidebar-nav > .border-t { border-color: var(--af-line) !important; }
body.agent-factory-v2 #sidebar-nav button.tab-btn {
  min-height: 42px !important;
  margin: 3px 0 !important;
  padding: 10px 12px !important;
  border: 1px solid transparent !important;
  border-radius: var(--af-radius-sm) !important;
  color: var(--af-muted) !important;
  font-size: 12px !important;
}
body.agent-factory-v2 #sidebar-nav button.tab-btn i { color: #78939d !important; }
body.agent-factory-v2 #sidebar-nav button.tab-btn:hover {
  color: var(--af-text) !important;
  background: rgba(207,255,0,.07) !important;
  border-color: rgba(207,255,0,.14) !important;
}
body.agent-factory-v2 #sidebar-nav button.tab-btn.active {
  color: var(--af-text) !important;
  background: linear-gradient(90deg, rgba(207,255,0,.15), rgba(207,255,0,.035)) !important;
  border-color: rgba(207,255,0,.22) !important;
  box-shadow: inset 3px 0 var(--af-green), var(--af-shadow-sm) !important;
}
body.agent-factory-v2 #sidebar-nav button.tab-btn.active i,
body.agent-factory-v2 #session-role { color: var(--af-green) !important; }
body.agent-factory-v2 #app-sidebar > div:last-child { background: #08151e !important; border-color: var(--af-line) !important; }
body.agent-factory-v2 #app-sidebar button[onclick="logoutSession()"] { color: var(--af-danger) !important; }
body.agent-factory-v2 .app-header {
  height: 72px !important;
  padding: 0 32px !important;
  background: rgba(3,8,13,.86) !important;
  border-bottom: 1px solid var(--af-line) !important;
  box-shadow: 0 12px 34px rgba(0,0,0,.18) !important;
  backdrop-filter: blur(18px) saturate(130%) !important;
}
body.agent-factory-v2 #tab-title { color: var(--af-text) !important; font-size: 18px !important; letter-spacing: -.02em !important; }
body.agent-factory-v2 #tab-title i { color: var(--af-green) !important; }
body.agent-factory-v2 #bridge-model {
  color: var(--af-green) !important;
  background: var(--af-green-soft) !important;
  border: 1px solid rgba(207,255,0,.24) !important;
  border-radius: 999px !important;
}
body.agent-factory-v2 main { padding: 30px clamp(18px, 3.2vw, 52px) 68px !important; background: var(--af-bg) !important; }

/* Page hierarchy and agent library */
body.agent-factory-v2 .agents-library-page { max-width: 1440px !important; padding: 16px 0 60px !important; }
body.agent-factory-v2 .agents-library-kicker { color: var(--af-green) !important; letter-spacing: .2em !important; }
body.agent-factory-v2 .agents-library-head h1 { color: var(--af-text) !important; font-size: clamp(2.2rem, 4vw, 3.8rem) !important; letter-spacing: -.055em !important; }
body.agent-factory-v2 .agents-library-intro { color: var(--af-muted) !important; }
body.agent-factory-v2 .agents-library-rule { background: linear-gradient(90deg, var(--af-line-strong), var(--af-line), transparent) !important; }
body.agent-factory-v2 .agents-library-toolbar { color: var(--af-muted) !important; }
body.agent-factory-v2 #agents-library-count { color: var(--af-text) !important; }
body.agent-factory-v2 .agents-library-note i { color: var(--af-green) !important; }
body.agent-factory-v2 .agents-library-create,
body.agent-factory-v2 .agents-library-empty button {
  color: var(--af-navy) !important;
  background: var(--af-green) !important;
  border: 1px solid var(--af-green) !important;
  box-shadow: 0 10px 26px rgba(207,255,0,.14) !important;
}
body.agent-factory-v2 .agents-library-create:hover,
body.agent-factory-v2 .agents-library-empty button:hover { background: var(--af-green-bright) !important; border-color: var(--af-green-bright) !important; }
body.agent-factory-v2 .agents-library-refresh { color: var(--af-green) !important; border-color: var(--af-line-strong) !important; background: var(--af-green-soft) !important; }
body.agent-factory-v2 .agents-library-grid { gap: 14px !important; }
body.agent-factory-v2 .agent-library-item,
body.agent-factory-v2 #agents-grid > *,
body.agent-factory-v2 .enterprise-agent-card {
  border: 1px solid var(--af-line) !important;
  border-top: 2px solid var(--af-green) !important;
  border-radius: var(--af-radius-md) !important;
  background: linear-gradient(145deg, rgba(16,35,45,.94), rgba(7,16,23,.9)) !important;
  box-shadow: var(--af-shadow-sm) !important;
}
body.agent-factory-v2 .agent-library-item:nth-child(3n+2),
body.agent-factory-v2 #agents-grid > *:nth-child(3n+2) { border-top-color: var(--af-blue) !important; }
body.agent-factory-v2 .agent-library-item:nth-child(3n+3),
body.agent-factory-v2 #agents-grid > *:nth-child(3n+3) { border-top-color: var(--af-green-bright) !important; }
body.agent-factory-v2 .agent-library-item:hover,
body.agent-factory-v2 #agents-grid > *:hover,
body.agent-factory-v2 .enterprise-agent-card:hover { border-color: var(--af-line-strong) !important; box-shadow: var(--af-shadow-lg) !important; }
body.agent-factory-v2 .agent-library-item__mark,
body.agent-factory-v2 .enterprise-agent-card__icon { color: var(--af-green) !important; border-color: var(--af-line-strong) !important; background: var(--af-green-soft) !important; }
body.agent-factory-v2 .agent-library-item__type,
body.agent-factory-v2 .agent-library-item__open { color: var(--af-blue) !important; }
body.agent-factory-v2 .agent-library-item__facts b { color: var(--af-green) !important; }
body.agent-factory-v2 .agent-library-item h2,
body.agent-factory-v2 #agents-grid > * h4,
body.agent-factory-v2 .enterprise-agent-card h4 { color: var(--af-text) !important; }

/* Real data dashboard surfaces */
body.agent-factory-v2 .enterprise-kpi-card,
body.agent-factory-v2 .enterprise-panel,
body.agent-factory-v2 .enterprise-overview-grid > div,
body.agent-factory-v2 .enterprise-health-card,
body.agent-factory-v2 .enterprise-top-agent,
body.agent-factory-v2 .ops-kpi {
  background: linear-gradient(160deg, rgba(14,32,42,.94), rgba(7,16,23,.86)) !important;
  border-color: var(--af-line) !important;
  border-radius: var(--af-radius-md) !important;
  box-shadow: none !important;
}
body.agent-factory-v2 .enterprise-kpi-card:hover,
body.agent-factory-v2 .enterprise-top-agent:hover { border-color: var(--af-line-strong) !important; }
body.agent-factory-v2 .enterprise-kpi-card__value,
body.agent-factory-v2 .enterprise-stat-grid strong { color: var(--af-text) !important; }
body.agent-factory-v2 .enterprise-kpi-card__icon,
body.agent-factory-v2 .enterprise-label { color: var(--af-green) !important; }
body.agent-factory-v2 .enterprise-section-heading { border-color: var(--af-line-strong) !important; }
body.agent-factory-v2 .enterprise-section-heading h3,
body.agent-factory-v2 .enterprise-panel h4,
body.agent-factory-v2 .enterprise-overview-grid h4 { color: var(--af-text) !important; }

/* Common component primitives: controls, buttons, badges, tables and dialogs. */
body.agent-factory-v2:not(.login-page) input,
body.agent-factory-v2:not(.login-page) select,
body.agent-factory-v2:not(.login-page) textarea,
body.agent-factory-v2:not(.login-page) .form-input,
body.agent-factory-v2:not(.login-page) .form-select {
  min-height: 42px !important;
  color: var(--af-text) !important;
  background: #08151d !important;
  border: 1px solid var(--af-line) !important;
  border-radius: var(--af-radius-sm) !important;
}
body.agent-factory-v2:not(.login-page) input::placeholder,
body.agent-factory-v2:not(.login-page) textarea::placeholder { color: var(--af-muted-2) !important; }
body.agent-factory-v2:not(.login-page) input:focus,
body.agent-factory-v2:not(.login-page) select:focus,
body.agent-factory-v2:not(.login-page) textarea:focus { border-color: var(--af-green) !important; box-shadow: var(--af-focus) !important; outline: none !important; }
body.agent-factory-v2:not(.login-page) button:not(.tab-btn):not(.hamburger-btn):not(.agents-library-refresh) {
  border-radius: var(--af-radius-sm) !important;
  transition: transform var(--af-speed) ease, background var(--af-speed) ease, border-color var(--af-speed) ease, box-shadow var(--af-speed) ease !important;
}
body.agent-factory-v2:not(.login-page) button:focus-visible { outline: none !important; box-shadow: var(--af-focus) !important; }
body.agent-factory-v2:not(.login-page) .bg-indigo-600,
body.agent-factory-v2:not(.login-page) .bg-indigo-500 { background: var(--af-green) !important; color: var(--af-navy) !important; }
body.agent-factory-v2:not(.login-page) .bg-indigo-600:hover,
body.agent-factory-v2:not(.login-page) .bg-indigo-500:hover { background: var(--af-green-bright) !important; color: var(--af-navy) !important; }
body.agent-factory-v2:not(.login-page) .bg-emerald-600,
body.agent-factory-v2:not(.login-page) .bg-emerald-500 { background: var(--af-green) !important; color: var(--af-navy) !important; }
body.agent-factory-v2:not(.login-page) .text-amber-300,
body.agent-factory-v2:not(.login-page) .text-amber-400,
body.agent-factory-v2:not(.login-page) .text-yellow-300,
body.agent-factory-v2:not(.login-page) .text-yellow-400 { color: var(--af-green) !important; }
body.agent-factory-v2:not(.login-page) [class*="border-amber"],
body.agent-factory-v2:not(.login-page) [class*="border-yellow"] { border-color: var(--af-line-strong) !important; }
body.agent-factory-v2:not(.login-page) [class*="bg-amber"],
body.agent-factory-v2:not(.login-page) [class*="bg-yellow"] { background: var(--af-green-soft) !important; }
body.agent-factory-v2:not(.login-page) .text-indigo-300,
body.agent-factory-v2:not(.login-page) .text-indigo-400 { color: var(--af-blue) !important; }
body.agent-factory-v2:not(.login-page) .badge,
body.agent-factory-v2:not(.login-page) [class*="status-pill"] { border-radius: 999px !important; }
body.agent-factory-v2:not(.login-page) .modal-content,
body.agent-factory-v2:not(.login-page) [role="dialog"] > div,
body.agent-factory-v2:not(.login-page) .modal-content > div { background: var(--af-surface) !important; border-color: var(--af-line-strong) !important; border-radius: var(--af-radius-lg) !important; box-shadow: var(--af-shadow-lg) !important; }
body.agent-factory-v2:not(.login-page) .modal-section-title { color: var(--af-green) !important; }
body.agent-factory-v2:not(.login-page) table { border-collapse: separate; border-spacing: 0; overflow: hidden; border: 1px solid var(--af-line); border-radius: var(--af-radius-md); }
body.agent-factory-v2:not(.login-page) th { color: var(--af-muted) !important; background: rgba(207,255,0,.045) !important; font-size: 10px !important; letter-spacing: .08em; text-transform: uppercase; }
body.agent-factory-v2:not(.login-page) td { border-color: var(--af-line) !important; color: var(--af-text-soft); }
body.agent-factory-v2:not(.login-page) .toast { filter: drop-shadow(0 14px 28px rgba(0,0,0,.35)); }
body.agent-factory-v2:not(.login-page) .skeleton,
body.agent-factory-v2:not(.login-page) [aria-busy="true"] { background: linear-gradient(90deg, #0a1820 25%, #112b34 50%, #0a1820 75%) !important; background-size: 200% 100%; animation: af-skeleton 1.5s ease-in-out infinite; }
@keyframes af-skeleton { from { background-position: 200% 0; } to { background-position: -200% 0; } }

/* Login uses the same product language. */
body.login-page { background: var(--af-bg-deep) !important; color: var(--af-text) !important; }
body.login-page .login-page-bg::before { background: radial-gradient(ellipse at 20% 50%, rgba(207,255,0,.12), transparent 50%), radial-gradient(ellipse at 80% 50%, rgba(207,255,0,.07), transparent 50%) !important; }
body.login-page .login-card { background: rgba(11,24,33,.88) !important; border-color: var(--af-line) !important; border-radius: var(--af-radius-lg) !important; box-shadow: var(--af-shadow-lg) !important; }
body.login-page .login-icon { background: var(--af-green-soft) !important; border-color: var(--af-line-strong) !important; color: var(--af-green) !important; }
body.login-page .login-icon img,
body.login-page .login-card > .login-icon img,
body.agent-factory-v2 #app-sidebar .elite-brand-mark img { filter: hue-rotate(112deg) saturate(1.18) brightness(1.06) !important; }
body.login-page .login-input { background: #08151d !important; border-color: var(--af-line) !important; color: var(--af-text) !important; }
body.login-page .login-input:focus { border-color: var(--af-green) !important; box-shadow: var(--af-focus) !important; }
body.login-page .login-btn { color: var(--af-navy) !important; background: var(--af-green) !important; box-shadow: 0 10px 30px rgba(207,255,0,.16) !important; }
body.login-page .login-btn:hover { background: var(--af-green-bright) !important; filter: none !important; }

/* Responsive shell: drawer, stacked workspaces and readable controls. */
@media (max-width: 1023px) {
  body.agent-factory-v2:not(.login-page) { display: block !important; }
  body.agent-factory-v2:not(.login-page) > #app-sidebar { width: 264px !important; transform: translateX(-105%); transition: transform .24s ease; }
  body.agent-factory-v2:not(.login-page) > #app-sidebar.open { transform: translateX(0); }
  body.agent-factory-v2 .app-header { padding: 0 20px !important; }
  body.agent-factory-v2 main { padding: 24px 20px 52px !important; }
  body.agent-factory-v2 .sidebar-overlay.open { display: block !important; position: fixed; inset: 0; z-index: 19; background: rgba(2,8,12,.7); backdrop-filter: blur(4px); }
  body.agent-factory-v2 .agents-library-head { align-items: flex-start !important; flex-direction: column; }
  body.agent-factory-v2 .agents-library-actions { width: 100%; justify-content: flex-end; }
  body.agent-factory-v2 .agents-library-grid,
  body.agent-factory-v2 #agents-grid,
  body.agent-factory-v2 .enterprise-agent-grid { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
  body.agent-factory-v2 .enterprise-kpi-grid { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
  body.agent-factory-v2 .enterprise-overview-grid { grid-template-columns: 1fr !important; }
  body.agent-factory-v2 #tab-chat > div { height: auto !important; min-height: 620px; }
}
@media (max-width: 639px) {
  body.agent-factory-v2 .app-header { height: 64px !important; padding: 0 14px !important; }
  body.agent-factory-v2 #tab-title { font-size: 15px !important; }
  body.agent-factory-v2 main { padding: 18px 14px 42px !important; }
  body.agent-factory-v2 .agents-library-page { padding-top: 8px !important; }
  body.agent-factory-v2 .agents-library-head h1 { font-size: 2.7rem !important; }
  body.agent-factory-v2 .agents-library-grid,
  body.agent-factory-v2 #agents-grid,
  body.agent-factory-v2 .enterprise-agent-grid,
  body.agent-factory-v2 .enterprise-kpi-grid { grid-template-columns: 1fr !important; }
  body.agent-factory-v2 .agent-library-item { grid-template-columns: 44px minmax(0,1fr) 30px !important; gap: 10px !important; padding: 14px !important; }
  body.agent-factory-v2 .agent-library-item__facts { grid-column: 2 / -1 !important; grid-row: 2 !important; }
  body.agent-factory-v2 .enterprise-top-agent { grid-template-columns: 1fr !important; }
  body.agent-factory-v2 .enterprise-stat-grid { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
  body.agent-factory-v2 .wa-page__grid,
  body.agent-factory-v2 .appointments-toolbar,
  body.agent-factory-v2 .appointments-page-head { display: block !important; }
  body.agent-factory-v2 .wa-page__grid > *,
  body.agent-factory-v2 .appointments-toolbar > * { width: 100% !important; margin-bottom: 12px; }
  body.agent-factory-v2:not(.login-page) input,
  body.agent-factory-v2:not(.login-page) select,
  body.agent-factory-v2:not(.login-page) textarea { font-size: 16px !important; }
  body.agent-factory-v2:not(.login-page) .modal-content,
  body.agent-factory-v2:not(.login-page) [role="dialog"] > div { width: calc(100vw - 20px) !important; max-height: calc(100dvh - 20px) !important; overflow-y: auto !important; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

/* Refinement 2: data-dense loading, inbox and status primitives. */
body.agent-factory-v2:not(.login-page) .af-skeleton-grid,
body.agent-factory-v2:not(.login-page) .af-overview-skeleton { display:grid; gap:14px; }
body.agent-factory-v2:not(.login-page) .af-skeleton-grid { grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); width:100%; }
body.agent-factory-v2:not(.login-page) .af-skeleton-grid span { min-height:156px; border:1px solid var(--af-line); border-radius:var(--af-radius-md); }
body.agent-factory-v2:not(.login-page) .af-overview-skeleton { grid-template-columns:repeat(4,minmax(0,1fr)); }
body.agent-factory-v2:not(.login-page) .af-overview-skeleton span { min-height:94px; border:1px solid var(--af-line); border-radius:var(--af-radius-md); }
body.agent-factory-v2:not(.login-page) .af-inbox-skeleton { display:grid; gap:8px; padding:8px; }
body.agent-factory-v2:not(.login-page) .af-inbox-skeleton span { display:block; height:76px; border:1px solid var(--af-line); border-radius:var(--af-radius-sm); }
body.agent-factory-v2:not(.login-page) .af-skeleton-grid span,
body.agent-factory-v2:not(.login-page) .af-overview-skeleton span,
body.agent-factory-v2:not(.login-page) .af-inbox-skeleton span { background:linear-gradient(90deg,#0a1820 25%,#14313a 50%,#0a1820 75%) !important; background-size:200% 100%; animation:af-skeleton 1.5s ease-in-out infinite; }
body.agent-factory-v2:not(.login-page) [aria-busy="true"] { min-height:120px; }
body.agent-factory-v2:not(.login-page) .af-ui-state { display:grid; place-items:center; min-height:180px; padding:28px; text-align:center; border:1px dashed var(--af-line); border-radius:var(--af-radius-md); background:rgba(7,16,23,.45); }
body.agent-factory-v2:not(.login-page) .af-ui-state__icon { display:grid; place-items:center; width:42px; height:42px; margin-bottom:12px; color:var(--af-green); border:1px solid var(--af-line-strong); border-radius:12px; background:var(--af-green-soft); }
body.agent-factory-v2:not(.login-page) .af-ui-state h4 { margin:0; color:var(--af-text); font-size:13px; }
body.agent-factory-v2:not(.login-page) .af-ui-state p { max-width:46ch; margin:7px 0 0; color:var(--af-muted); font-size:11px; line-height:1.55; }
body.agent-factory-v2:not(.login-page) .af-ui-state--error .af-ui-state__icon { color:var(--af-danger); border-color:rgba(255,143,154,.3); background:rgba(255,143,154,.08); }
body.agent-factory-v2:not(.login-page) .agent-library-item { min-width:0; padding:14px !important; }
body.agent-factory-v2:not(.login-page) .agent-library-item__content h2,
body.agent-factory-v2:not(.login-page) .agent-library-item__content h4 { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
body.agent-factory-v2:not(.login-page) .ops-inbox__list-pane { min-width:0; }
body.agent-factory-v2:not(.login-page) .ops-conv-card { min-width:0; }
body.agent-factory-v2:not(.login-page) .ops-conv-card__title,
body.agent-factory-v2:not(.login-page) .ops-conv-card__preview { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
body.agent-factory-v2:not(.login-page) .prospecting-library-item .agent-library-item__status { color:var(--af-green) !important; border:1px solid var(--af-line-strong); background:var(--af-green-soft); border-radius:999px; padding:3px 8px; font-size:10px; }
body.agent-factory-v2:not(.login-page) .prospecting-stage-rail { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin:0 0 16px; }
body.agent-factory-v2:not(.login-page) .prospecting-stage { display:flex; align-items:center; gap:7px; min-width:0; padding:9px 10px; border:1px solid var(--af-line); border-radius:var(--af-radius-sm); background:rgba(7,16,23,.5); color:var(--af-muted); font-size:10px; }
body.agent-factory-v2:not(.login-page) .prospecting-stage.is-active { color:var(--af-text); border-color:var(--af-line-strong); background:var(--af-green-soft); }
body.agent-factory-v2:not(.login-page) .prospecting-stage i { color:var(--af-green); }
body.agent-factory-v2:not(.login-page) .ops-panel__actions { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
@media (max-width: 760px) {
  body.agent-factory-v2:not(.login-page) .af-overview-skeleton { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.agent-factory-v2:not(.login-page) .prospecting-stage-rail { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 480px) {
  body.agent-factory-v2:not(.login-page) .af-overview-skeleton { grid-template-columns:1fr; }
  body.agent-factory-v2:not(.login-page) .prospecting-stage-rail { grid-template-columns:1fr; }
}