/* Threadline Hub — local port of Lovable 79680bbb4c02d55fd68978de5eb007e6705c1cac.
   Presentation only. Existing Threadline account, plan and workflow code remains authoritative. */
:root {
  color-scheme: dark;
  --tl-workspace: oklch(.245 .008 280);
  --tl-shell: oklch(.15 .008 280);
  --tl-shell-deep: oklch(.15 .008 280);
  --tl-shell-raised: oklch(.205 .008 280);
  --tl-shell-border: oklch(1 0 0 / 8%);
  --tl-surface: oklch(.18 .008 280);
  --tl-surface-subtle: oklch(.168 .008 280);
  --tl-surface-muted: oklch(.205 .008 280);
  --tl-popover: oklch(.185 .005 285.8);
  --tl-border: oklch(1 0 0 / 8%);
  --tl-border-strong: oklch(1 0 0 / 18%);
  --tl-input: oklch(1 0 0 / 14%);
  --tl-text: oklch(.975 .002 285);
  --tl-text-secondary: oklch(.82 .006 285.8);
  --tl-text-muted: oklch(.68 .008 285.8);
  --tl-purple: oklch(.62 .22 285);
  --tl-purple-hover: oklch(.72 .19 350);
  --tl-purple-soft: oklch(.62 .22 285 / 10%);
  --tl-pink: oklch(.72 .19 350);
  --tl-teal: oklch(.72 .15 155);
  --tl-teal-soft: oklch(.72 .15 155 / 10%);
  --tl-success: oklch(.72 .15 155);
  --tl-success-soft: oklch(.72 .15 155 / 10%);
  --tl-warning: oklch(.78 .14 80);
  --tl-warning-soft: oklch(.78 .14 80 / 10%);
  --tl-danger: oklch(.62 .2 25);
  --tl-danger-soft: oklch(.62 .2 25 / 10%);
  --tl-focus: oklch(.7 .2 340 / 35%);
  --tl-gradient: linear-gradient(100deg, var(--tl-pink), var(--tl-purple));
  --tl-shadow-1: none;
  --tl-shadow-2: 0 18px 42px -28px rgb(0 0 0 / 90%), 0 0 0 1px oklch(.62 .22 285 / 13%);
  --tl-motion-fast: 200ms;
  --tl-motion-ui: 260ms;
  --tl-motion-content: 500ms;
  --tl-motion-page: 620ms;
  --tl-ease-enter: cubic-bezier(.22,1,.36,1);
  --tl-radius-sm: 6px;
  --tl-radius-md: 8px;
  --tl-radius-lg: 12px;
  --tl-sidebar: 256px;
  --tl-topbar: 63px;
  --text-purple: var(--tl-text);
}
body, button, input, select, textarea { font-family: "DM Sans", sans-serif !important; }
body { font-size: 16px !important; line-height: 1.5 !important; font-weight: 400; }
.sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0); white-space: nowrap; border: 0 !important; }
h1,h2,h3,h4,h5,h6,.insights-company-name,.hub-stat-value,.billing-balance-value,.team-metric-value {
  font-family: "Space Grotesk", "DM Sans", sans-serif !important;
  font-weight: 600 !important; letter-spacing: 0 !important;
}
h2 { font-size: 18px !important; line-height: 28px; }
h3 { font-size: 16px; }
p { color: var(--tl-text-muted); }
button { font-size: 14px; font-weight: 500 !important; line-height: 1.5; }
a { color: var(--tl-pink); }
a:hover { color: var(--tl-text); }
::selection { color: var(--tl-text); background: oklch(.62 .22 285 / 35%); }
:focus-visible { outline: 2px solid var(--tl-pink) !important; outline-offset: 3px; }
input:focus,select:focus,textarea:focus { outline: none !important; box-shadow: 0 0 0 3px var(--tl-focus) !important; }
input:not([type=checkbox]):not([type=radio]),select,textarea { background: var(--tl-surface-subtle) !important; border-color: var(--tl-input) !important; color: var(--tl-text) !important; font-size: 14px; }
input::placeholder,textarea::placeholder { color: var(--tl-text-muted); opacity: .7; }
input[type=checkbox],input[type=radio] { accent-color: var(--tl-pink); }
label { color: var(--tl-text-secondary) !important; font-size: 14px; font-weight: 500; }
button:disabled,[aria-disabled=true] { cursor: not-allowed; }
.primary,#btnLogin,#btnCreateAccount,#btnCompleteRecovery,#btnSaveVendor,#btnSaveMessagingPrompts,#btnSaveOutputLanguage,
#btnSaveStatuses,#btnJoinTeam,#btnSaveTerritory,#btnSendFeatureRequest,#btnSaveProfile,#btnFreeContinue,#btnPaidContinue,#btnObSaveVendor,#btnObSaveTerritory,#btnGoToDashboard,
.team-btn-primary,.brief-workspace-btn--primary,.brief-dashboard-btn--primary,.hub-accent,
html body #prospectsWorkspaceSection .brief-workspace-btn--primary {
  background: var(--tl-gradient) !important; color: white !important; border-color: transparent !important; font-weight: 500 !important;
}
.primary:hover:not(:disabled),.hub-accent:hover:not(:disabled),.team-btn-primary:hover:not(:disabled),.brief-workspace-btn--primary:hover:not(:disabled) { opacity: .9; background: var(--tl-gradient) !important; }
:is(#btnLogin,#btnCreateAccount,#btnCompleteRecovery,#btnUpgradePro,#btnSaveVendor,#btnSaveMessagingPrompts,#btnSaveOutputLanguage,#btnSaveStatuses,#btnJoinTeam,#btnSaveTerritory,#btnSendFeatureRequest,#btnSaveProfile,#btnFreeContinue,#btnPaidContinue,#btnObSaveVendor,#btnObSaveTerritory,#btnGoToDashboard,#btnGenPair):hover:not(:disabled) { background: var(--tl-gradient) !important; opacity: .9; border-color: transparent !important; }
button:not(:disabled):hover { border-color: var(--tl-border-strong) !important; }
.pill,.brief-dashboard-pill,.brief-workspace-pill,.team-chip { min-height: 22px; padding: 2px 8px; background: var(--tl-surface-muted) !important; border-color: var(--tl-border) !important; color: var(--tl-text-muted) !important; font-size: 11px; font-weight: 400; }
.hub-icon { display: inline-block; flex-shrink: 0; width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; vertical-align: middle; }
.hub-eyebrow,.insights-eyebrow,.messaging-eyebrow,.team-eyebrow,.brief-workspace-eyebrow,.connection-eyebrow,.guide-eyebrow {
  margin: 0; color: var(--tl-text-muted) !important; font-size: 11px !important; line-height: 16.5px; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: .14em !important;
}
.hub-mono,kbd,.insights-signal-source,.messaging-prompt-card textarea,.team-code,code { font-family: "JetBrains Mono", monospace !important; }
kbd { padding: 2px 4px; border: 1px solid var(--tl-border); border-radius: 4px; font-size: 10px; font-weight: 400; line-height: 14px; }
/* The grid and slowly moving glow are the original Hub shell artwork. */
body::before {
  content: ""; display: block !important; position: fixed; inset: 0; z-index: 0; pointer-events: none;
  width: auto !important; height: auto !important; border-radius: 0 !important; filter: none !important; transform: none !important; animation: none !important;
  background-color: transparent !important;
  background-image: linear-gradient(rgb(255 255 255 / 3.5%) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / 3.5%) 1px,transparent 1px);
  background-size: 44px 44px; opacity: .6; mask-image: linear-gradient(to bottom,black 0%,black 65%,transparent 100%);
}
.ambient-blob-left { display: block !important; position: fixed !important; top: -160px !important; left: 33.333% !important; width: 672px !important; height: 384px !important; background: var(--tl-gradient) !important; opacity: .25 !important; filter: blur(64px) !important; border-radius: 50%; pointer-events: none; z-index: 0 !important; animation: hub-drift 14s ease-in-out infinite !important; }
.hub-scan { position: fixed; inset: 0 0 auto var(--tl-sidebar); height: 1px; z-index: 10; pointer-events: none; background: linear-gradient(90deg,transparent,var(--tl-pink),var(--tl-purple),transparent); animation: hub-scan 11s linear infinite; }
.container { position: relative; }
.sidebar { padding: 0 !important; flex-direction: column; overflow: hidden; }
.sidebar::before { content: ""; position: absolute; inset: 0 0 auto; height: 224px; pointer-events: none; background: radial-gradient(ellipse at 20% 0,oklch(.62 .22 285 / 12%),transparent 70%); animation: hub-drift 14s ease-in-out infinite; }
.sidebar > .logo { position: relative; flex: 0 0 68px; justify-content: space-between; align-items: center; height: 68px !important; margin: 0 !important; padding: 20px !important; overflow: visible !important; }
body:not(.auth-shell-only) aside.sidebar > .logo > img.logo,.sidebar > .logo > img.logo { width: auto !important; max-width: 170px !important; height: 28px !important; object-fit: contain !important; }
.hub-version { flex-shrink: 0; padding: 2px 8px; border: 1px solid var(--tl-border); border-radius: 999px; background: var(--tl-surface-subtle); font: 10px/15px "JetBrains Mono",monospace; color: var(--tl-text-muted); }
.hub-sidebar-search { margin: 0 12px 12px; position: relative; }
.hub-search { display: flex; align-items: center; gap: 8px; width: 100%; height: 38px !important; padding: 8px 12px !important; min-height: 36px; line-height: 16px; background: var(--tl-surface-subtle) !important; border: 1px solid var(--tl-border) !important; font-size: 12px !important; font-weight: 400; color: var(--tl-text-muted) !important; }
.hub-search > span { flex: 1; text-align: left; }
#tabs { position: relative; padding: 0 12px 16px !important; gap: 4px !important; scrollbar-color: var(--tl-border-strong) transparent; }
#tabs a.route { line-height: 20px; }
#tabs a.route { position: relative; flex: 0 0 auto; min-height: 48px; padding: 10px 12px !important; border: 0 !important; gap: 12px; font-size: 14px !important; font-weight: 400 !important; color: var(--tl-text-muted) !important; animation: hub-rise .5s var(--tl-ease-enter) both; }
#tabs a.route > span:not(.hub-nav-icon):not(.team-nav-badge) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#tabs a.route:hover { transform: translateX(2px); background: var(--tl-surface-subtle) !important; color: var(--tl-text) !important; }
.hub-nav-icon { width: 28px; height: 28px; display: grid; place-items: center; flex-shrink: 0; border: 1px solid var(--tl-border); border-radius: 6px; background: var(--tl-surface-subtle); transition: border-color .2s,color .2s; }
.hub-nav-icon svg { width: 14px; height: 14px; }
#tabs a.route.active,#tabs a.route[aria-current=page] { background: var(--tl-surface-muted) !important; box-shadow: inset 0 0 0 1px var(--tl-border) !important; color: var(--tl-text) !important; font-weight: 500 !important; }
#tabs a.route.active::before { content: ""; position: absolute; left: 0; top: 50%; width: 2px; height: 24px; transform: translateY(-50%); background: var(--tl-gradient); border-radius: 4px; }
#tabs a.route.active .hub-nav-icon { background: var(--tl-gradient); border-color: transparent; color: white; }
#tabs #btnFeatureRequestOpen { min-height: 84px; margin-top: auto !important; padding: 12px !important; gap: 8px; border-color: var(--tl-border) !important; background: var(--tl-surface-subtle) !important; border-radius: 6px !important; }
.route-feature-title { color: var(--tl-text); font-size: 12px; font-weight: 500; }
.hub-feature-title { display: flex; gap: 8px; align-items: center; }
.hub-feature-title .hub-icon { width: 14px; height: 14px; color: var(--tl-pink); }
.route-feature-note { display: block !important; color: var(--tl-text-muted); font-size: 12px; line-height: 19.5px; margin-top: 4px; }
#tabs .route-feature > .hub-icon { color: var(--tl-pink); margin-top: 2px; width: 14px; height: 14px; }
#tabs #nav-logout { margin-top: 8px !important; min-height: 36px; padding: 8px !important; color: var(--tl-text-muted) !important; font-size: 14px !important; font-weight: 400 !important; }
#tabs #nav-logout { justify-content: flex-start; }
#connBadge { border: 0 !important; background: transparent !important; font-size: 12px; padding: 0; color: var(--tl-text-muted) !important; }
#connBadge:not([hidden])::before { content: ""; width: 6px; height: 6px; margin-right: 8px; border-radius: 50%; background: var(--tl-success); animation: hub-ping 1.8s infinite; }
#connBadge:not(.ok)::before { background: var(--tl-warning); animation: none; box-shadow: none; }
.topbar { gap: 16px; align-items: center !important; padding: 0 32px !important; background: oklch(.245 .008 280 / 80%) !important; backdrop-filter: blur(24px); }
.topbar-brand-block { flex: 0 1 auto; max-width: 220px; }
.hub-mobile-wordmark { display: none; }
.topbar-vendor { font-size: 14px !important; font-weight: 500 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.topbar-greeting { flex: 1; justify-content: flex-start; overflow: hidden; font-size: 12px !important; font-weight: 400; gap: 8px; }
.topbar-greeting .status-number { font-weight: 400; }
.topbar-greeting .status-sep { display: none; }
.topbar-greeting .status-date { padding-left: 16px; border-left: 1px solid var(--tl-border); }
.topbar-actions { flex: 0 0 auto; width: auto !important; }
.topbar-actions .pill { margin-left: 0; }
.header-download-extension { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; gap: 7px; min-height: 34px; padding: 6px 12px; border: 1px solid transparent; border-radius: 6px; background: var(--tl-gradient); color: #fff; text-decoration: none; font-size: 12px; font-weight: 600; white-space: nowrap; }
.header-download-extension:hover { filter: brightness(1.1); color: #fff; }
.header-download-extension:focus-visible { outline: 2px solid var(--tl-text); outline-offset: 3px; }
.header-download-extension > i { font-size: 16px; }
.topbar-actions .hub-search { width: auto; height: 32px !important; min-height: 32px; border-radius: 999px !important; padding: 6px 12px !important; }
.topbar-credits { min-height: 32px; padding: 6px 12px; font-size: 12px; font-weight: 500; background: var(--tl-surface-subtle) !important; color: var(--tl-text) !important; }
.topbar .ghost,.topbar .team-notification-button { background: var(--tl-surface-subtle) !important; border-color: var(--tl-border) !important; }
.topbar .team-notification-button { width: 36px; height: 36px; border-radius: 50% !important; }
.reveal-reset-trigger > span,.reveal-reset-trigger > .reveal-reset-chevron { display: none; }
.reveal-reset-trigger { width: 36px; border-radius: 999px !important; }
.hub-profile { position: relative; display: flex; align-items: center; }
.topbar-actions #btnProfileOpen { border-radius: 999px 0 0 999px !important; height: 36px !important; min-height: 36px; padding: 0 9px 0 12px !important; border-right: 0 !important; font-size: 12px !important; font-weight: 500; }
#btnProfileOpen > i { display: none; }
.topbar-actions #btnProfileAvatar { width: 36px !important; height: 36px !important; padding: 3px !important; min-height: 36px; border-left: 0 !important; border-radius: 0 999px 999px 0 !important; margin-left: -8px; }
.topbar .avatar { width: 28px !important; height: 28px !important; border: 0 !important; background: var(--tl-gradient) !important; }
.reveal-reset-menu,#teamNotificationPanel,.hub-profile-menu { background: var(--tl-popover) !important; border: 1px solid var(--tl-border) !important; box-shadow: 0 10px 35px rgb(0 0 0 / 35%) !important; border-radius: 6px !important; animation: hub-popover .2s ease-out; }
/* Identical content width and origin for the nine routes, including legacy siblings. */
#app { padding: calc(var(--tl-topbar) + 36px) 40px 48px !important; background: transparent !important; }
#app > .page { width: 100%; max-width: 1200px; margin: 0 auto; }
body:not(.auth-shell-only) .container > .page { max-width: none !important; padding: calc(var(--tl-topbar) + 36px) max(40px,calc((100vw - var(--tl-sidebar) - 1200px)/2)) 48px !important; background: transparent !important; }
#pageDashboardGrid > div:first-child { gap: 24px; }
body[data-route=prospects] #pageDashboardGrid { display: none !important; }
.card { padding: 24px !important; }
.hub-page-header,.insights-hero-top,.messaging-page-heading,.connection-heading,.guide-hero > .section-title {
  display: flex; justify-content: space-between; align-items: flex-end; gap: 20px; padding: 0 0 24px !important; margin: 0 0 24px !important; border: 0 !important; border-bottom: 1px solid var(--tl-border) !important; background: transparent !important;
}
.hub-page-header h1,.insights-hero-headline,.messaging-page-heading h2,.connection-heading h2,.guide-hero h2 { margin: 8px 0 0 !important; font-size: 30px !important; line-height: 36px !important; font-weight: 600 !important; }
.hub-page-header p,.insights-hero-subheadline,.messaging-page-heading p,.connection-heading p,.guide-hero p { margin: 8px 0 0 !important; font-size: 14px !important; line-height: 21px !important; color: var(--tl-text-muted) !important; max-width: 760px; }
.hub-header-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.hub-accent { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 36px; min-height: 36px; padding: 0 16px !important; border-radius: 8px !important; font-size: 14px; text-decoration: none; }
.hub-header-actions .hub-accent { white-space: nowrap; }
.hub-route-heading { display: none; }
body[data-route=prospects] .hub-route-heading[data-for=prospects],body[data-route=emails] .hub-route-heading[data-for=emails] { display: flex; }
/* Dashboard */
#insightsCard { padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; overflow: visible; }
#insightsCard::before,.insights-eyebrow::before,.insights-hero-copy::before { display: none !important; }
.insights-hero-top { margin-bottom: 24px !important; align-items: flex-end !important; }
.insights-eyebrow { display: block; margin: 0 !important; line-height: 16.5px !important; }
.insights-hero-copy { max-width: none !important; }
.insights-hero-meta { display: flex; align-items: center; flex-direction: row; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.insights-hero-subheadline { display: inline; }
.insights-hero-headline { margin-bottom: 8px !important; }
.insights-stamp { display: inline; margin: 0; font-size: 14px !important; line-height: 21px; font-weight: 400; text-transform: none !important; letter-spacing: 0 !important; color: var(--tl-text-muted); }
.insights-stamp:not(:empty)::before { content: " · "; }
.insights-empty-state { background: var(--tl-surface); border: 1px solid var(--tl-border); border-radius: var(--tl-radius-lg); }
.insights-hero-meta { min-width: 0; align-self: flex-end; }
.insights-hero-meta .hub-accent { min-height: 36px; padding: 0 16px !important; line-height: 20px; }
#insightsMeta { border-radius: 6px !important; padding: 6px 12px; min-height: 30px; background: var(--tl-surface-subtle) !important; font-size: 12px; }
.hub-stats { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin-bottom: 36px; }
.hub-prospect-stats { display: none; }
body[data-route=prospects] .hub-prospect-stats { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); margin-bottom: 24px; }
.hub-stat { min-width: 0; padding: 20px; border-radius: 12px; border: 1px solid var(--tl-border); background: var(--tl-surface); }
.hub-stat-value { font-size: 24px; line-height: 32px; color: var(--tl-text); margin: 8px 0 0; }
.hub-stat-hint { margin: 4px 0 0; color: var(--tl-text-muted); font-size: 12px; line-height: 18px; }
.hub-feed-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
.hub-feed-heading h2 { font-size: 18px !important; }
.hub-feed-status { display: flex; align-items: center; gap: 8px; font-size: 12px; color: var(--tl-text-muted); }
.hub-orbit { position: relative; width: 16px; height: 16px; display: grid; place-items: center; }
.hub-orbit::before,.hub-orbit::after { content: ""; position: absolute; width: 6px; height: 6px; border-radius: 50%; background: var(--tl-pink); animation: hub-breathe 2.4s ease-in-out infinite; }
.hub-orbit::after { width: 4px; height: 4px; background: var(--tl-purple); animation: hub-orbit 3.8s linear infinite; }
.insights-body { padding: 0 !important; margin: 0 !important; }
.insights-company-grid { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 16px !important; margin: 0 !important; }
.insights-company-card { display: flex; flex-direction: column; min-width: 0; border: 1px solid var(--tl-border) !important; border-radius: 12px !important; background: var(--tl-surface) !important; padding: 0 !important; overflow: hidden; }
.insights-company-head { display: grid !important; grid-template-columns: minmax(0,1fr) auto; align-items: start; gap: 8px; margin: 0 !important; padding: 16px !important; border-bottom: 1px solid var(--tl-border) !important; background: transparent !important; }
.insights-company-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px !important; line-height: 24px; color: var(--tl-text) !important; }
.insights-company-name { margin-bottom: 0 !important; line-height: 24px !important; }
.insights-company-meta { margin-top: 2px; color: var(--tl-text-muted) !important; font-size: 12px !important; font-weight: 400 !important; line-height: 18px; }
.insights-signal-list { display: flex !important; flex-direction: column !important; gap: 12px !important; padding: 12px !important; margin: 0 !important; height: auto !important; flex: 1; }
.insights-signal-item { display: block; position: relative; margin: 0 !important; padding: 12px !important; border: 1px solid var(--tl-border) !important; border-radius: 6px !important; background: var(--tl-surface-subtle) !important; text-decoration: none !important; transition: transform .3s,border-color .3s,background .3s,box-shadow .3s !important; }
.insights-signal-item:hover { transform: translateY(-2px) !important; border-color: var(--tl-border-strong) !important; background: var(--tl-surface-muted) !important; box-shadow: 0 10px 15px -3px rgb(0 0 0 / 20%) !important; }
.insights-signal-item::after { content: "↗"; position: absolute; right: 10px; top: 36px; color: var(--tl-text-muted); opacity: 0; transition: .3s; }
.insights-signal-item:hover::after { opacity: 1; transform: translateY(-2px); }
.insights-signal-meta { display: flex; flex-wrap: wrap; gap: 6px; font-size: 10px !important; text-transform: uppercase; letter-spacing: .14em; color: var(--tl-text-muted) !important; }
.insights-signal-tag { padding: 0 !important; border: 0 !important; background: transparent !important; color: inherit !important; font-size: 10px !important; }
.insights-signal-title { margin: 6px 0 0 !important; padding-right: 7px; color: var(--tl-text) !important; font: 600 14px/19.25px "Space Grotesk",sans-serif !important; }
.insights-signal-why { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin: 8px 0 0 !important; color: var(--tl-text-muted) !important; font-size: 12px !important; line-height: 19.5px !important; }
.insights-signal-source { margin: 12px 0 0 !important; font-size: 11px !important; font-weight: 400 !important; line-height: 16.5px !important; color: var(--tl-pink) !important; overflow-wrap: anywhere; }
#accountMonitoringControls { margin: 36px 0 0 !important; padding: 20px !important; border: 1px solid var(--tl-border) !important; border-radius: 12px !important; color: var(--tl-text) !important; background: var(--tl-surface) !important; }
#accountMonitoringControls > summary { font: 600 18px/28px "Space Grotesk",sans-serif; color: var(--tl-text); }
#accountMonitoringControls > p { max-width: 780px; font-size: 14px; line-height: 22px; margin: 8px 0; color: var(--tl-text-muted); }
#accountMonitoringControls > p:empty { display: none; }
#accountMonitoringControls .hub-monitoring-row { margin: 12px 0 0; padding: 12px 16px !important; border: 1px solid var(--tl-border) !important; border-radius: 6px; background: var(--tl-surface-subtle); }
.hub-monitoring-row strong { font-weight: 500; }
.hub-monitoring-row > div { color: var(--tl-text-muted); }
.hub-monitoring-row[data-status=checked] > div > :first-child,.hub-monitoring-row[data-status=active] > div > :first-child { color: var(--tl-success); }
.hub-monitoring-row[data-status=paused] > div > :first-child { color: var(--tl-warning); }
.hub-monitoring-row button { min-height: 30px; padding: 6px 12px; font-size: 12px; }
.hub-monitoring-toolbar { justify-content: flex-end; }
.hub-monitoring-toolbar button { background: var(--tl-gradient) !important; color: white !important; border-color: transparent !important; }
.hub-monitoring-row button:last-child { color: var(--tl-text-muted) !important; }
.hub-monitoring-row button:last-child:hover { color: var(--tl-danger) !important; }
/* Keep repeated cards and actions aligned independently of names and translations. */
#recentSearches { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,220px),1fr)); align-items: stretch; gap: 12px !important; }
#recentSearches > .card { min-width: 0 !important; margin: 0 !important; padding: 18px !important; display: flex; }
.recent-search-row { display: grid; grid-template-rows: 1fr auto; align-items: start !important; gap: 12px; width: 100%; min-height: 110px; }
.recent-search-row > div:first-child { min-width: 0; overflow-wrap: anywhere; }
.recent-search-row > .spacer { display: none; }
.recent-search-row > a { justify-self: start; display: inline-flex; align-items: center; justify-content: center; min-height: 36px; padding: 6px 12px; border: 1px solid oklch(.72 .15 285 / 55%); border-radius: 8px; background: oklch(.62 .22 285 / 20%); color: var(--tl-text); text-decoration: none; }
.recent-search-row > a:hover { background: oklch(.62 .22 285 / 35%); }
.monitoring-check-summary { display: grid; gap: 5px; padding: 16px 18px; margin-bottom: 18px; border: 1px solid oklch(.72 .15 155 / 30%); border-radius: 10px; background: oklch(.72 .15 155 / 7%); font-size: 13px; color: var(--tl-text-secondary); }
.monitoring-check-summary strong { color: var(--tl-text); font-size: 15px; }
.monitoring-check-summary p { margin: 0; color: inherit; }
.monitoring-check-summary[data-tone=warning] { background: var(--tl-warning-soft); border-color: oklch(.78 .14 80 / 35%); }
/* Matching surfaces for all production-only workspaces and states. */
table { font-size: 14px; background: var(--tl-surface) !important; box-shadow: none !important; border-radius: 8px !important; }
#prospectsSection { margin-top: 24px; }
.hub-prospect-identity { display: flex; align-items: center; gap: 12px; min-width: 170px; }
.hub-prospect-avatar { display: grid; place-items: center; flex: 0 0 32px; height: 32px; border-radius: 50%; background: var(--tl-surface-muted); color: var(--tl-text); font-size: 12px; font-weight: 500; }
.hub-prospect-identity .name-prospect { color: var(--tl-text) !important; text-decoration: none; font-weight: 500; }
.hub-prospect-identity .name-prospect:hover { color: var(--tl-pink) !important; }
#prospectsBody td:nth-child(2),#prospectsBody td:nth-child(4) { color: var(--tl-text-muted); }
#prospectsBody td { vertical-align: middle; }
#prospectsBody td.prospect-actions { display: table-cell; }
#prospectsBody td:last-child a { display: inline-flex; white-space: nowrap; padding: 6px 12px; border: 1px solid var(--tl-border); border-radius: 6px; color: var(--tl-text); background: var(--tl-surface-subtle); font-size: 12px; text-decoration: none; }
#prospectsSection { padding: 0 !important; overflow: hidden; }
.hub-prospect-search { display: flex; align-items: center; gap: 8px; margin: 16px; padding: 0 12px; border: 1px solid var(--tl-border); border-radius: 8px; background: var(--tl-surface-subtle); color: var(--tl-text-muted); }
.hub-prospect-search #q { min-height: 40px !important; height: 40px !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; }
.hub-prospect-search:focus-within { box-shadow: 0 0 0 3px var(--tl-focus); }
.hub-table-scroll { overflow: auto; max-width: 100%; }
.hub-table-scroll table { min-width: 736px !important; margin-top: 0; border: 0; border-radius: 0 !important; }
th { padding: 12px 16px !important; font-size: 11px !important; letter-spacing: .14em !important; font-weight: 500 !important; border-color: var(--tl-border) !important; }
td { padding: 14px 16px !important; background: transparent !important; border-color: var(--tl-border) !important; }
tbody tr:hover td { background: var(--tl-surface-muted) !important; }
.card table { border: 1px solid var(--tl-border); border-radius: 8px; overflow: hidden; }
.brief-workspace-shell,.brief-dashboard-shell { --bw-text: var(--tl-text); --bw-muted: var(--tl-text-muted); --bw-surface: var(--tl-surface); --bw-border: var(--tl-border); --bw-accent: var(--tl-pink); --bw-bg: var(--tl-surface-subtle); background: transparent !important; border: 0 !important; }
.brief-workspace-frame,.brief-dashboard-frame { padding: 0 !important; }
.brief-workspace-head { padding: 20px 24px !important; background: var(--tl-surface) !important; border: 1px solid var(--tl-border) !important; border-radius: 12px; margin-bottom: 24px; }
.brief-workspace-head h2 { font-size: 20px !important; }
.brief-workspace-main { gap: 24px !important; }
.brief-workspace-frame.brief-queue-group { padding: 20px !important; border: 1px solid oklch(.72 .15 285 / 35%); border-radius: 12px; background: oklch(.62 .22 285 / 6%); }
.brief-queue-group .brief-workspace-head { padding: 0 0 16px !important; margin: 0 !important; background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--tl-border-strong) !important; border-radius: 0; }
.brief-queue-group .brief-workspace-main { margin-top: 16px; gap: 12px !important; }
.brief-queue-group .brief-queue-card { border-color: var(--tl-border-strong) !important; }
.brief-shared-label { color: var(--tl-pink); font-size: 11px; font-weight: 600; margin-bottom: 4px; }
.brief-queue-open { display: inline-flex; align-items: center; justify-content: center; padding: 6px 12px; border: 1px solid oklch(.72 .15 285 / 55%); border-radius: 8px; background: oklch(.62 .22 285 / 20%); color: var(--tl-text); font-size: 12px; white-space: nowrap; }
#prospectsBody .brief-linked-row { box-shadow: none !important; }
#prospectsBody .brief-linked-row .name-prospect { display: flex; flex-direction: column; align-items: flex-start; gap: 5px; }
#prospectsBody .brief-linked-badge { color: oklch(.84 .10 300); white-space: nowrap; font-weight: 500; }
html body :is(#briefDashboardMount,#prospectsWorkspaceSection) :is(a,button):is(.brief-dashboard-btn--secondary,.brief-workspace-btn--secondary):not(:disabled),
#page-vendor button.ghost,#page-billing #btnManageBilling,#page-messaging .messaging-editor-footer button {
  background: oklch(.62 .22 285 / 20%) !important; color: var(--tl-text) !important; border: 1px solid oklch(.72 .15 285 / 55%) !important; box-shadow: 0 1px 2px rgb(0 0 0 / 20%);
}
html body :is(#briefDashboardMount,#prospectsWorkspaceSection) :is(.brief-dashboard-btn--secondary,.brief-workspace-btn--secondary):hover:not(:disabled),
#page-vendor button.ghost:hover:not(:disabled),#page-billing #btnManageBilling:hover:not(:disabled),#page-messaging .messaging-editor-footer button:hover:not(:disabled) {
  background: oklch(.62 .22 285 / 35%) !important; border-color: oklch(.78 .12 300 / 80%) !important;
}
.brief-rail,.brief-panel,.brief-queue-card,.brief-panel-card,.brief-summary-card,.brief-card { background: var(--tl-surface) !important; border-color: var(--tl-border) !important; }
.brief-prospect-row,.brief-rail-item,.brief-section,.brief-material-card { background: var(--tl-surface-subtle) !important; border-color: var(--tl-border) !important; }
.brief-workspace-eyebrow::before { display: none; }
#emailsSection > .section-title,#prospectsSection > .section-title { display: none; }
#emailsSection { border: 0 !important; padding: 0 !important; background: transparent !important; }
#emailsSection > table { display: block; margin-top: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; }
#emailsSection > table { min-width: 0 !important; width: 100%; }
#emailsSection > table > thead { display: none; }
#emailsBody { display: grid; gap: 12px; }
#emailsBody .hub-email-card { display: grid; grid-template-columns: minmax(0,1fr) auto; grid-template-areas: "name tone" "title title" "preview preview" "date actions"; column-gap: 16px; padding: 20px; border: 1px solid var(--tl-border); border-radius: 12px; background: var(--tl-surface); }
#emailsBody .hub-email-card td { display: block; padding: 0 !important; border: 0 !important; background: transparent !important; }
#emailsBody .hub-email-card td.hub-email-identity { display: contents; }
.hub-email-identity > .hub-eyebrow { grid-area: name; }
.hub-email-identity > h3 { grid-area: title; min-width: 0; }
.hub-email-identity > p { grid-area: preview; }
.hub-email-identity h3 { margin: 6px 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; line-height: 24px; }
.hub-email-preview { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; white-space: pre-wrap; margin: 8px 0 0; color: var(--tl-text-muted); font-size: 14px; line-height: 22.75px; }
.hub-email-tone { grid-area: tone; }
.hub-email-tone .pill { margin: 0; border-color: var(--tl-border-strong) !important; }
#emailsBody .hub-email-date,#emailsBody .hub-email-actions { margin-top: 16px; padding-top: 16px !important; border-top: 1px solid var(--tl-border) !important; }
#emailsBody .hub-email-card td.hub-email-date,#emailsBody .hub-email-card td.hub-email-actions { border-top: 1px solid var(--tl-border) !important; }
.hub-email-date { grid-area: date; align-content: center; font-size: 12px; }
#emailsBody .hub-email-actions { grid-area: actions; display: flex; gap: 8px; justify-content: flex-end; }
#emailsBody .hub-email-card td.hub-email-actions { display: flex; gap: 8px; }
.hub-email-actions button { height: 32px !important; min-height: 32px !important; padding: 6px 12px; font-size: 12px; font-weight: 400; background: var(--tl-surface-subtle) !important; }
#emailsBody .email-details-row { display: block; }
#emailsBody .email-details-row > td { display: block; padding: 0 !important; border: 0 !important; }
.team-metric-card { background: var(--tl-surface) !important; border: 1px solid var(--tl-border) !important; padding: 20px !important; border-radius: 12px !important; }
.team-metric-card > span { font-size: 11px !important; text-transform: uppercase; letter-spacing: .14em; color: var(--tl-text-muted) !important; }
.team-metric-card > strong { font: 600 24px/32px "Space Grotesk",sans-serif !important; color: var(--tl-text) !important; }
.profile-modal > .card,.delete-modal > .modal-box,.onboard-inner { background: var(--tl-workspace) !important; }
.profile-modal.show > .card,.delete-modal.show > .modal-box { animation: hub-dialog .2s ease-out !important; }
#profileModal select { background: var(--tl-surface-subtle) !important; color: var(--tl-text) !important; }
#profileModal .profile-avatar-copy p { color: var(--tl-text-muted) !important; }
#profileModal .profile-avatar-preview { background: var(--tl-surface-muted); }
.feature-request-copy { color: var(--tl-text-muted) !important; font-size: 14px !important; line-height: 1.625; }
.feature-request-modal label { font-size: 14px !important; font-weight: 500 !important; }
.feature-request-meta { font-size: 12px; font-weight: 400; background: var(--tl-surface-subtle); border: 1px solid var(--tl-border); color: var(--tl-text-muted); }
#vendorGuidedReviewBox { background: var(--tl-warning-soft) !important; color: var(--tl-warning) !important; border-color: oklch(.78 .14 80 / 25%) !important; }
#page-vendor > .card,#page-billing > .card { margin-bottom: 24px !important; }
#page-vendor { max-width: 1200px !important; }
#page-vendor > .card { padding: 24px !important; }
#page-vendor .card .card { margin-top: 24px !important; background: var(--tl-surface-subtle) !important; }
#page-vendor .sales-focus-fields { margin-top: 24px !important; padding: 20px !important; border: 1px solid oklch(.72 .15 285 / 35%) !important; border-radius: 12px; background: oklch(.62 .22 285 / 9%); }
#page-vendor .vendor-enriched-fields { border: 1px solid oklch(.72 .15 285 / 50%) !important; border-top: 3px solid oklch(.72 .15 285 / 70%) !important; background: oklch(.24 .018 285) !important; }
.vendor-profile-actions { gap: 12px; }
.vendor-profile-actions #vendorEnrichmentStatus { flex-basis: 100%; margin-left: 0 !important; }
#vendorTopMsg:empty { display: none; }
#vendorTopMsg { margin-top: 10px; }
.billing-plan-table-wrap { border-color: var(--tl-border-strong); }
.billing-plan-table-wrap thead th { background: oklch(.30 .055 285) !important; color: var(--tl-text) !important; padding: 16px !important; }
.billing-plan-table-wrap tbody tr:nth-child(odd) td { background: oklch(.26 .014 285) !important; }
.billing-plan-table-wrap tbody tr:nth-child(even) td { background: oklch(.22 .012 285) !important; }
.billing-plan-table-wrap tbody td:not(:first-child) { text-align: center; }
.billing-plan-table-wrap thead th:not(:first-child) { text-align: center; }
#billingPlanOptions { grid-template-columns: repeat(auto-fit,minmax(min(100%,180px),1fr)) !important; gap: 12px !important; }
.teams-contact-button { display: flex; align-items: center; justify-content: center; gap: 4px; min-height: 44px; padding: 10px 14px; border: 1px solid var(--tl-purple); border-radius: 10px; background: var(--tl-purple-soft); color: var(--tl-text) !important; font-size: 13px; font-weight: 650; line-height: 1.5; text-align: center; text-decoration: none !important; box-sizing: border-box; }
.teams-contact-button:hover { border-color: var(--tl-pink); background: oklch(.62 .22 285 / 35%); }
.teams-contact-button:focus-visible { outline: 2px solid var(--tl-pink); outline-offset: 3px; }
#billingTeamsContact { flex-direction: column; min-height: 78px; }
#billingTeamsContact span { color: var(--tl-pink); }
#billingPlanOptions button { min-height: 78px; padding: 14px; border-radius: 10px; line-height: 1.6; }
#billingPlanOptions button[data-billing-state=available] { background: oklch(.62 .22 285 / 20%) !important; border-color: oklch(.72 .15 285 / 65%) !important; color: var(--tl-text) !important; }
#billingPlanOptions button[data-billing-state=available]:hover { background: oklch(.62 .22 285 / 35%) !important; border-color: var(--tl-pink) !important; color: var(--tl-text) !important; }
#billingPlanOptions button.is-current:disabled { opacity: 1 !important; background: oklch(.62 .22 285 / 30%) !important; border: 2px solid oklch(.75 .16 285) !important; color: var(--tl-text) !important; cursor: default; }
#billingPlanOptions button[data-billing-state=unavailable] { opacity: 1; background: var(--tl-surface-muted) !important; color: var(--tl-text-muted) !important; border-color: var(--tl-border) !important; }
.billing-balance-block,.billing-refill-pack { background: var(--tl-surface-subtle) !important; border: 1px solid var(--tl-border) !important; border-radius: 12px !important; }
.billing-balance-label { font-size: 11px; letter-spacing: .14em; font-weight: 600; }
.billing-balance-value { margin-top: 8px; font-size: 30px !important; line-height: 36px; }
.billing-balance-note { font-size: 12px !important; line-height: 18px; }
#page-billing > .card > p.billing-balance-note { font-size: 14px !important; line-height: 22.75px; margin-top: 20px; }
#billingPlan { font-family: "Space Grotesk",sans-serif; font-weight: 600 !important; }
#billingCredits { background: var(--tl-gradient); background-clip: text; -webkit-background-clip: text; color: transparent !important; }
#btnUpgradePro { background: var(--tl-gradient) !important; color: white !important; border-color: transparent !important; }
#btnUpgradePro,#btnManageBilling { height: 40px !important; min-height: 40px; padding: 0 20px !important; font-size: 14px !important; font-weight: 500; }
.billing-balance-value,.billing-refill-count { color: var(--tl-text) !important; font-weight: 600 !important; }
.billing-refill-action,.billing-refill-badge { color: var(--tl-pink) !important; }
.billing-refill-badge { background: var(--tl-purple-soft); }
.billing-zero-banner { background: var(--tl-danger-soft) !important; border-color: oklch(.62 .2 25 / 25%) !important; color: var(--tl-danger) !important; }
#page-messaging > .card,#page-settings > .card,#page-guide > .guide-hero { background: transparent !important; padding: 0 !important; border: 0 !important; box-shadow: none !important; }
#connectCard,.messaging-page-shell { width: 100% !important; max-width: none !important; }
#connectCard { overflow: visible; }
#btnGenPair { display: inline-flex; align-items: center; justify-content: center; gap: 8px; background: var(--tl-gradient) !important; border-color: transparent !important; color: white !important; font-weight: 500; }
.connection-step { background: transparent !important; border: 0 !important; }
.connection-step-number { border-radius: 50% !important; color: var(--tl-text-muted) !important; background: var(--tl-surface-subtle) !important; }
.connection-workflow > .connect-actions { padding-top: 24px; border-top: 1px solid var(--tl-border); }
.connection-heading .connect-card-copy { max-width: 760px; margin-top: 8px !important; font-size: 14px !important; line-height: 21px !important; }
.guide-hero > .section-title { align-items: flex-end !important; }
.guide-hero > .section-title > .pill { margin-left: 0; flex-shrink: 0; }
.guide-hero .guide-actions { margin-top: 0; }
.guide-step-number { border-radius: 50% !important; width: 28px !important; height: 28px !important; font: 400 12px "DM Sans",sans-serif; color: var(--tl-text-muted) !important; background: var(--tl-surface-subtle) !important; }
.messaging-page-heading { align-items: flex-end !important; }
.messaging-model-pill { background: var(--tl-surface-subtle) !important; border-color: var(--tl-border) !important; color: var(--tl-text-muted) !important; font-size: 12px; }
.messaging-preferences-card,.messaging-advanced-panel { margin-top: 24px !important; padding: 24px !important; border: 1px solid var(--tl-border) !important; border-radius: 12px !important; background: var(--tl-surface) !important; }
.messaging-safety-note,.team-vendor-profile-notice { border: 1px solid var(--tl-border) !important; background: var(--tl-surface-subtle) !important; color: var(--tl-text-secondary) !important; border-radius: 8px; }
.messaging-safety-note strong { color: var(--tl-text) !important; }
.messaging-tone-picker { margin-top: 16px; background: transparent !important; border: 0 !important; }
.messaging-tone-picker > summary { padding: 8px 0 !important; background: transparent !important; }
.messaging-tone-picker[open] > summary { border-color: transparent !important; box-shadow: none !important; }
.messaging-tone-summary-copy { display: flex !important; align-items: center; gap: 10px; }
.messaging-tone-summary-copy > strong,.messaging-tone-summary-copy > span { font-size: 12px !important; line-height: 18px; font-weight: 400 !important; }
.messaging-tone-summary-copy > strong { color: var(--tl-text-muted); }
.messaging-preferences-card > p,.messaging-advanced-summary p { font-size: 14px !important; line-height: 21px !important; }
.messaging-tone-menu { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 12px !important; padding: 12px 0 !important; max-height: none !important; overflow: visible !important; }
.messaging-tone-option { display: flex !important; align-items: flex-start !important; gap: 12px !important; padding: 16px !important; min-height: 72px; background: var(--tl-surface-subtle) !important; border: 1px solid var(--tl-border) !important; border-radius: 12px !important; font-size: 14px !important; font-weight: 500 !important; }
.messaging-tone-option:has(input:checked) { border-color: oklch(.62 .22 285 / 60%) !important; background: var(--tl-surface-muted) !important; box-shadow: none !important; }
.messaging-tone-option small { display: block; margin-top: 3px; font-size: 12px; font-weight: 400; }
.messaging-tone-option input { width: 16px; height: 16px; margin: 2px 0 0; flex-shrink: 0; }
.messaging-advanced-panel > summary { padding: 0 !important; }
.messaging-advanced-summary > strong { font: 600 18px/28px "Space Grotesk",sans-serif; color: var(--tl-text); }
.messaging-prompt-card { padding: 20px !important; background: oklch(.26 .02 285) !important; border-color: oklch(.72 .15 285 / 35%) !important; border-radius: 12px !important; }
.messaging-prompt-head h3 { font-size: 14px !important; line-height: 21px; }
.messaging-prompt-head { align-items: flex-start; flex-wrap: wrap; }
.messaging-prompt-head > div { flex: 1 1 320px; min-width: 0; }
.messaging-prompt-status { flex: 0 0 auto; align-self: flex-start; display: inline-flex; align-items: center; height: auto; white-space: nowrap; border: 1px solid var(--tl-border-strong); background: oklch(.62 .22 285 / 16%); color: var(--tl-text-secondary); border-radius: 6px; padding: 4px 10px; font-size: 11px; line-height: 18px; }
.messaging-character-meter,.messaging-character-meter small { font-size: 12px !important; font-weight: 400 !important; }
.messaging-editor-footer button { height: 32px !important; min-height: 32px; padding: 6px 12px !important; font-size: 12px !important; font-weight: 400 !important; }
.messaging-prompt-card textarea { background: oklch(.19 .012 285) !important; border-color: var(--tl-border-strong) !important; font-size: 12px !important; line-height: 19.5px; min-height: 220px; }
.messaging-save-bar { background: oklch(.18 .008 280 / 96%) !important; border-color: var(--tl-border) !important; backdrop-filter: blur(16px); }
.connection-workflow { margin-top: 24px; background: var(--tl-surface) !important; border: 1px solid var(--tl-border) !important; border-radius: 12px; padding: 24px !important; }
.connection-step,.connect-code-row { background: var(--tl-surface-subtle) !important; border-color: var(--tl-border) !important; border-radius: 8px !important; }
.connection-step-number,.guide-step-number { color: var(--tl-pink) !important; background: var(--tl-purple-soft) !important; border: 1px solid var(--tl-border) !important; }
.connect-actions,.connection-disconnect-row { margin-top: 24px !important; }
.guide-grid { gap: 16px !important; margin-top: 24px !important; }
.guide-step { padding: 24px !important; }
.guide-step h3 { font-size: 16px !important; line-height: 24px; }
.guide-step .guide-step-number { color: white !important; background: var(--tl-gradient) !important; border: 0 !important; }
.guide-step::before { display: none !important; }
.guide-step p,.guide-step li { color: var(--tl-text-muted) !important; font-size: 14px; line-height: 1.6; }
#teamWorkspaceRoot,#teamNotificationPanel,.team-dialog {
  --tw-text: var(--tl-text); --tw-text-secondary: var(--tl-text-secondary); --tw-text-muted: var(--tl-text-muted); --tw-text-on-dark: var(--tl-text);
  --tw-surface: var(--tl-surface-subtle); --tw-surface-raised: var(--tl-surface); --tw-surface-soft: var(--tl-surface-muted);
  --tw-border: var(--tl-border); --tw-border-strong: var(--tl-border-strong); --tw-primary: var(--tl-purple); --tw-primary-hover: var(--tl-pink);
  --tw-success: var(--tl-success); --tw-success-bg: var(--tl-success-soft); --tw-warning: var(--tl-warning); --tw-warning-bg: var(--tl-warning-soft); --tw-danger: var(--tl-danger); --tw-danger-bg: var(--tl-danger-soft); --tw-focus: var(--tl-focus);
  --tw-radius-card: 12px; --tw-radius-control: 6px; --tw-elevation-low: none;
}
#teamWorkspaceRoot { width: 100% !important; max-width: none !important; padding: 0 0 40px !important; margin: 0 !important; font-size: 14px; line-height: 21px; }
.team-caught-up { color: var(--tl-success) !important; }
.team-caught-up p { color: var(--tl-text-muted) !important; }
.team-hero-stat strong { font-size: 12px !important; font-weight: 500; }
.team-hero-stat span { color: var(--tl-text-muted) !important; }
.team-insights-toolbar { display: flex; flex-direction: row !important; flex-wrap: wrap; gap: 16px; background: transparent !important; border: 0 !important; padding: 0 !important; }
.team-insights-toolbar > div:first-child { flex: 1 1 260px; }
.team-range-controls { flex: 0 1 auto; min-width: 0; max-width: 100%; }
.team-preset-group { flex-wrap: wrap; }
.team-view,.team-view > .team-section,.team-metric-section { min-width: 0; max-width: 100%; }
.team-card:has(> .team-workload) { min-width: 0; overflow-x: auto; }
.team-preset { white-space: nowrap; font-size: 12px !important; font-weight: 400; }
.team-preset[aria-pressed=true] { color: var(--tl-text) !important; background: var(--tl-surface-muted) !important; }
.team-tab { font-size: 14px !important; font-weight: 400 !important; min-height: 36px !important; }
.team-tab { height: 36px !important; padding: 8px 14px !important; }
.team-section:has(> .team-insights-toolbar) { padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; gap: 24px; }
.team-workload tbody th { text-transform: none !important; letter-spacing: 0 !important; font-size: 14px !important; color: var(--tl-text) !important; }
.team-view { animation: hub-rise .5s var(--tl-ease-enter) both; }
.team-notification-item:hover { background: var(--tl-surface-muted) !important; }
.team-notification-text-action { color: var(--tl-pink) !important; }
.team-dialog-header { background: oklch(.18 .008 280 / 97%) !important; border-color: var(--tl-border) !important; }
.team-dialog-panel { background: var(--tl-surface) !important; border-radius: 12px 0 0 12px !important; }
.team-hero { padding: 24px !important; border: 1px solid var(--tl-border) !important; border-radius: 12px !important; background: var(--tl-surface) !important; box-shadow: none !important; }
.team-hero h1 { font-size: 30px !important; line-height: 36px !important; margin-top: 8px !important; }
.team-hero::before,.team-hero::after { display: none !important; }
.team-tab-list,.team-tabs,.team-workspace-tabs,.team-nav { background: var(--tl-surface) !important; border: 1px solid var(--tl-border) !important; border-radius: 12px !important; padding: 6px !important; gap: 4px !important; }
[data-team-tab] { border: 0 !important; background: transparent !important; color: var(--tl-text-muted) !important; font-weight: 400; font-size: 14px; }
[data-team-tab][aria-selected=true],[data-team-tab].active { background: var(--tl-surface-muted) !important; color: var(--tl-text) !important; box-shadow: inset 0 0 0 1px var(--tl-border) !important; }
.team-metric,.team-stat,.team-kpi { background: var(--tl-surface) !important; border: 1px solid var(--tl-border) !important; padding: 20px !important; border-radius: 12px !important; }
.team-row,.team-table-row,.team-material-card,.team-detail-card,.team-comment,.team-member-card,.team-audit-row,.team-detail-controls { border-color: var(--tl-border) !important; background: var(--tl-surface-subtle) !important; }
.team-table-head,.team-table-header { background: var(--tl-surface-subtle) !important; color: var(--tl-text-muted) !important; }
.team-heading-on-light,.team-on-light { color: var(--tl-text) !important; }
.team-chip-approved,.team-chip-done { color: var(--tl-success) !important; background: var(--tl-success-soft) !important; }
.team-chip-changes_requested,.team-chip-pending { color: var(--tl-warning) !important; background: var(--tl-warning-soft) !important; }
.team-detail-section,.team-mention-list label { background: var(--tl-surface-muted) !important; border-color: var(--tl-border) !important; }
.team-detail-copy,.team-detail-list,.team-comment-body { color: var(--tl-text-secondary) !important; }
.team-material-card[data-target=true],.team-comment[data-target=true] { background: var(--tl-purple-soft) !important; box-shadow: 0 0 0 2px var(--tl-focus); }
.team-compact-row:hover,.team-prospect-row:hover,.team-prospect-row[aria-current=true] { background: var(--tl-surface-muted) !important; }
.team-segment { background: var(--tl-surface-subtle) !important; color: var(--tl-text-muted); }
.team-segment[aria-selected=true] { background: var(--tl-surface-muted) !important; color: var(--tl-text) !important; }
.team-feedback { color: var(--tl-warning) !important; border-color: var(--tl-warning-soft); }
.team-join-compact summary,.team-row-chevron { color: var(--tl-pink); }
.team-code,.team-callout { background: var(--tl-purple-soft) !important; color: var(--tl-text-secondary) !important; border-color: var(--tl-border-strong) !important; }
.team-status-message[data-tone=error] { color: var(--tl-danger) !important; }
.team-status-message[data-tone=success],.team-vendor-sync-success { color: var(--tl-success) !important; background: var(--tl-success-soft) !important; border-color: var(--tl-border); }
.team-vendor-profile-notice strong,.team-vendor-profile-notice p,.team-vendor-field-lock { color: var(--tl-text-secondary) !important; }
.team-vendor-profile-notice-icon { color: var(--tl-success); background: var(--tl-success-soft); }
.team-vendor-managed-field { background: var(--tl-surface-muted) !important; color: var(--tl-text-muted) !important; border-color: var(--tl-border) !important; }
.team-loading-line,.team-loading-grid span { background: var(--tl-surface-muted); }
#teamWorkspaceRoot select,.team-dialog select { font-weight: 400; }
/* Native workflows share the reference modal, popover and feedback treatment. */
.profile-modal,.team-dialog-backdrop,.brief-modal-backdrop,.modal-backdrop { background: rgb(0 0 0 / 80%) !important; backdrop-filter: none !important; }
.profile-modal-card,.profile-modal-content,.profile-dialog,.team-dialog,.modal-content,.brief-modal { border-color: var(--tl-border) !important; background: var(--tl-workspace) !important; color: var(--tl-text); border-radius: 12px !important; box-shadow: 0 24px 80px rgb(0 0 0 / 40%) !important; }
.team-dialog { background: rgb(0 0 0 / 80%) !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
.hub-dialog { position: fixed; inset: 0; margin: auto; width: min(576px,calc(100vw - 32px)); max-height: min(85vh,800px); padding: 24px; border: 1px solid var(--tl-border); border-radius: 12px; background: var(--tl-workspace); color: var(--tl-text); box-shadow: 0 24px 80px rgb(0 0 0 / 40%); overflow: auto; }
.hub-dialog[open] { animation: hub-dialog .2s ease-out; }
.hub-dialog::backdrop { background: rgb(0 0 0 / 80%); animation: hub-fade .2s ease-out; }
.hub-dialog h2 { margin: 8px 28px 8px 0; font-size: 22px !important; line-height: 28px; }
.hub-dialog .hub-dialog-close { position: absolute; top: 12px; right: 12px; display: grid; place-items: center; min-height: 28px; width: 28px; padding: 0; border: 0 !important; background: transparent !important; color: var(--tl-text-muted) !important; }
.hub-dialog-copy { font-size: 14px; line-height: 1.625; color: var(--tl-text-muted); white-space: pre-wrap; overflow-wrap: anywhere; }
.hub-dialog-footer { margin-top: 24px; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px; }
.hub-source { display: flex; align-items: center; gap: 8px; font: 11px/18px "JetBrains Mono",monospace; color: var(--tl-pink); overflow-wrap: anywhere; }
.hub-command { padding: 0; max-width: 512px; }
.hub-command-search { display: flex; align-items: center; gap: 8px; padding: 12px 16px; border-bottom: 1px solid var(--tl-border); }
.hub-command-search input { border: 0 !important; background: transparent !important; padding: 0 !important; min-height: 28px !important; box-shadow: none !important; }
.hub-command-results { padding: 8px; max-height: 360px; overflow-y: auto; }
.hub-command-group { padding: 6px 8px; color: var(--tl-text-muted); font-size: 12px; }
.hub-command-results button { display: flex; gap: 10px; align-items: center; width: 100%; padding: 10px 8px; background: transparent !important; border: 0 !important; font-size: 14px; font-weight: 400; color: var(--tl-text) !important; text-align: left; }
.hub-command-results button:hover,.hub-command-results button:focus-visible { background: var(--tl-surface-muted) !important; }
.hub-command-results [hidden] { display: none !important; }
.hub-profile-menu { position: fixed; top: 55px; right: 32px; z-index: 1100; width: 224px; padding: 6px; }
.topbar-actions .hub-activity-button { display: grid; place-items: center; width: 36px; padding: 0 !important; border-radius: 999px !important; border-color: var(--tl-border) !important; background: var(--tl-surface-subtle) !important; }
body:has(#teamNotificationButton) .hub-activity-button { display: none; }
.hub-activity-popover { inset: 55px 32px auto auto; margin: 0; width: min(320px,calc(100vw - 32px)); padding: 0; border: 1px solid var(--tl-border); border-radius: 6px; background: var(--tl-popover); color: var(--tl-text); box-shadow: 0 10px 35px rgb(0 0 0 / 35%); }
.hub-activity-popover:popover-open { animation: hub-popover .2s ease-out; }
.hub-activity-popover > .hub-eyebrow,.hub-activity-popover > p { padding: 12px 16px; }
.hub-activity-popover > button { display: block; padding: 12px 16px; width: 100%; border: 0 !important; border-top: 1px solid var(--tl-border) !important; background: transparent !important; color: var(--tl-text) !important; font-size: 14px; font-weight: 400; line-height: 20px; text-align: left; }
.hub-activity-popover > button > small { display: block; margin-top: 4px; font: 11px/16px "JetBrains Mono",monospace; }
.hub-profile-menu > a,.hub-profile-menu > button { display: flex; align-items: center; gap: 8px; width: 100%; padding: 8px; border: 0 !important; min-height: 34px; border-radius: 4px !important; background: transparent !important; color: var(--tl-text) !important; font-size: 14px; text-align: left; text-decoration: none; }
.hub-profile-menu > a:hover,.hub-profile-menu > button:hover { background: var(--tl-surface-muted) !important; }
.hub-profile-menu > hr { border: 0; border-top: 1px solid var(--tl-border); margin: 4px 0; }
.hub-profile-identity { padding: 6px 8px 10px; overflow-wrap: anywhere; }
.hub-profile-identity small { display: block; font: 11px/18px "JetBrains Mono",monospace; }
#authCard { background: var(--tl-surface) !important; border-color: var(--tl-border) !important; box-shadow: 0 25px 80px rgb(0 0 0 / 25%) !important; }
.auth-branding { background: var(--tl-surface-subtle) !important; border-color: var(--tl-border) !important; }
.auth-wordmark { color: var(--tl-text) !important; font-family: "Space Grotesk",sans-serif !important; }
.auth-blurb { color: var(--tl-text-muted) !important; }
.auth-language-row,.auth-heading,.auth-action-row { border-color: var(--tl-border) !important; }
body.auth-shell-only .hub-scan,body.auth-shell-only .hub-profile-menu { display: none; }
/* Source motion: content rise, stagger, ambient drift, orbit, shimmer, hover sheen. */
@keyframes hub-rise { from { opacity: 0; transform: translateY(12px) scale(.995); } to { opacity: 1; transform: none; } }
@keyframes tl-route-enter { from { opacity: 0; transform: translateY(12px) scale(.995); } to { opacity: 1; transform: none; } }
@keyframes tl-data-ready { from { opacity: 0; transform: translateY(12px) scale(.995); } to { opacity: 1; transform: none; } }
@keyframes hub-shimmer { from { background-position: -160% 0; } to { background-position: 260% 0; } }
@keyframes hub-ping { 0% { box-shadow: 0 0 0 0 oklch(.72 .15 155 / 55%); } 75%,100% { box-shadow: 0 0 0 7px oklch(.72 .15 155 / 0%); } }
@keyframes hub-drift { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-14px); } }
@keyframes hub-scan { 0% { transform: translateY(-18vh); opacity: 0; } 12% { opacity: .48; } 82% { opacity: .2; } 100% { transform: translateY(118vh); opacity: 0; } }
@keyframes hub-orbit { from { transform: rotate(0deg) translateX(7px) rotate(0deg); } to { transform: rotate(360deg) translateX(7px) rotate(-360deg); } }
@keyframes hub-breathe { 0%,100% { opacity: .55; transform: scale(.94); } 50% { opacity: 1; transform: scale(1.08); } }
@keyframes hub-border-flow { to { background-position: 200% 50%; } }
@keyframes hub-popover { from { opacity: 0; transform: translateY(-8px) scale(.95); } to { opacity: 1; transform: none; } }
@keyframes hub-dialog { from { opacity: 0; transform: scale(.95); } to { opacity: 1; transform: scale(1); } }
@keyframes hub-fade { from { opacity: 0; } to { opacity: 1; } }
.is-route-entering { animation: tl-route-enter .62s var(--tl-ease-enter) both !important; }
.hub-stat,.insights-company-card,.hub-page-header { animation: hub-rise .5s var(--tl-ease-enter) both; }
.hub-stat:nth-child(2),.insights-company-card:nth-child(2) { animation-delay: 60ms; }
.hub-stat:nth-child(3),.insights-company-card:nth-child(3) { animation-delay: 120ms; }
.hub-stat:nth-child(4),.insights-company-card:nth-child(4) { animation-delay: 180ms; }
.hub-stat,.insights-company-card,.billing-refill-pack,.guide-step { position: relative; isolation: isolate; transition: transform .26s var(--tl-ease-enter),border-color .26s,box-shadow .26s,background .26s; }
.hub-stat::before,.insights-company-card::before { content: ""; position: absolute; inset: 0; border-radius: inherit; z-index: -1; pointer-events: none; opacity: 0; background: linear-gradient(115deg,transparent 30%,oklch(.62 .22 285 / 7%),transparent 70%); transition: opacity .28s; }
.hub-stat:hover,.insights-company-card:hover,.guide-step:hover { transform: translateY(-2px) !important; border-color: var(--tl-border-strong) !important; box-shadow: var(--tl-shadow-2) !important; }
.hub-stat:hover::before,.insights-company-card:hover::before { opacity: 1; }
.vendor-name-loading,.app-hydration-line,.team-loading-line { background: linear-gradient(90deg,var(--tl-surface-muted) 20%,var(--tl-border) 46%,var(--tl-surface-muted) 72%) !important; background-size: 220% 100% !important; animation: hub-shimmer 5s linear infinite !important; }
/* Responsive shell keeps the existing accessible mobile navigation. */
@media (min-width:1024px) {
  :root { --tl-sidebar: 256px; }
  body:not(.auth-shell-only) .sidebar { display: flex !important; transform: none !important; }
  #btnMobileNav,#mobileNavBackdrop { display: none !important; }
  .team-metric-grid { grid-template-columns: repeat(4,minmax(0,1fr)) !important; }
  body:not(.auth-shell-only) .topbar { inset: 0 0 auto var(--tl-sidebar) !important; padding: 0 32px !important; }
  body:not(.auth-shell-only) #app,
  body:not(.auth-shell-only) .container > .page { margin-left: var(--tl-sidebar) !important; width: calc(100% - var(--tl-sidebar)) !important; }
}
@media (max-width:1399px) {
  .topbar-greeting .status-metric { display: none; }
}
@media (max-width:1279px) {
  .insights-company-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .topbar-greeting { display: none !important; }
  .topbar-brand-block { flex: 1; }
}
@media (max-width:1023px) {
  .hub-stats { grid-template-columns: repeat(2,minmax(0,1fr)); }
  :root { --tl-sidebar: 0px; }
  .sidebar { width: 256px !important; min-width: 256px !important; transform: translateX(-100%) !important; transition: transform .26s var(--tl-ease-enter); }
  .sidebar.mobile-open { transform: translateX(0) !important; }
  #btnMobileNav { display: inline-flex !important; }
  .topbar { inset-inline-start: 0; padding: 0 20px !important; }
  .topbar-actions .hub-search { display: none; }
  #app { margin-left: 0 !important; padding: calc(var(--tl-topbar) + 32px) 20px 40px !important; }
  body:not(.auth-shell-only) .container > .page { width: 100% !important; margin-left: 0 !important; padding: calc(var(--tl-topbar) + 32px) 20px 40px !important; }
  .hub-scan { display: none; }
  .hub-profile-menu { right: 20px; }
}
@media (max-width:767px) {
  .header-download-extension { width: 36px; min-height: 36px; padding: 6px; }
  .header-download-extension > span { display: none; }
  .hub-page-header,.insights-hero-top,.messaging-page-heading,.connection-heading { align-items: flex-start !important; flex-direction: column; gap: 16px; }
  .hub-page-header h1,.insights-hero-headline,.messaging-page-heading h2,.connection-heading h2,.guide-hero h2 { font-size: 24px !important; line-height: 32px !important; }
  .insights-hero-meta { justify-content: flex-start; }
  .hub-stat { padding: 16px; }
  .insights-company-grid { grid-template-columns: 1fr !important; }
  .topbar-brand-block { display: flex !important; max-width: 120px; }
  .topbar-vendor { font-size: 12px !important; }
  .topbar-actions { gap: 6px !important; }
  .topbar-actions #btnProfileOpen { display: flex !important; }
  .topbar-actions #btnProfileAvatar { margin-left: -6px; }
  .topbar-credits { display: none !important; }
  .reveal-reset-control { display: block !important; }
  .card,.messaging-preferences-card,.messaging-advanced-panel,.team-hero { padding: 20px !important; }
  .messaging-tone-menu { grid-template-columns: 1fr !important; }
  .hub-monitoring-row > strong,.hub-monitoring-row > div { flex-basis: 100% !important; }
  .hub-monitoring-row > button { flex: 1; }
  .hub-feed-status { font-size: 11px; }
  .guide-grid { grid-template-columns: 1fr !important; }
  .team-hero h1 { font-size: 24px !important; line-height: 32px !important; }
  .team-hero-context { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
  .team-hero-stat { min-width: 0; padding: 12px !important; }
}
@media (max-width:640px) {
  .hub-stats { grid-template-columns: 1fr; }
  body[data-route=prospects] .hub-prospect-stats { grid-template-columns: 1fr; }
  body:not(.auth-shell-only) .topbar { padding: 0 12px !important; gap: 12px; }
  .hub-mobile-wordmark { display: block; height: 22px; width: auto; max-width: 112px; }
  .topbar .topbar-brand-pill { display: none !important; }
  .topbar-actions #btnProfileOpen { display: none !important; }
  .topbar-actions #btnProfileAvatar { display: inline-flex !important; border: 1px solid var(--tl-border) !important; border-radius: 999px !important; margin-left: 0; }
  #btnMobileNav { width: 36px; padding: 0 !important; justify-content: center; }
  #btnMobileNav > span { display: none; }
  .hub-header-actions .hub-accent { white-space: normal; }
  .hub-page-header,.guide-hero > .section-title { flex-wrap: wrap; }
  #emailsBody .hub-email-card { padding: 16px; column-gap: 10px; }
  .hub-email-actions button { padding: 6px 9px; }
}
@media (max-width:399px) { .topbar-brand-block { max-width: 90px; } .hub-mobile-wordmark { max-width: 100%; height: auto; } .hub-stats { grid-template-columns: 1fr; } #btnMobileNav > span { display: none; } }
@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
  .hub-scan,.ambient-blob-left { animation: none !important; }
}