/* Local design experiment: roomier type and distinct slate surfaces.
   Kept separate for comparison and owner approval before any release. */
:root {
  --tl-workspace: #191d2b;
  --tl-shell: #202435;
  --tl-shell-deep: #202435;
  --tl-shell-raised: #30364a;
  --tl-shell-border: #42495f;
  --tl-surface: #282d40;
  --tl-surface-subtle: #32394e;
  --tl-surface-muted: #3b435b;
  --tl-popover: #30364b;
  --tl-border: #444d66;
  --tl-border-strong: #747f9b;
  --tl-input: #7885a4;
  --tl-text: #f5f6fb;
  --tl-text-secondary: #dce1ee;
  --tl-text-muted: #bec7db;
  --tl-purple-soft: #393052;
  --tl-focus: rgb(184 159 255 / 28%);
  --tl-content-width: 1440px;
  --tl-page-gutter: 32px;
  --tl-topbar: 72px;
}
html body { color: var(--tl-text); font-size: 16px !important; }
html body::before { opacity: .22; }
html body .ambient-blob-left { opacity: .12 !important; }
html body .topbar { background: rgb(32 36 53 / 96%) !important; }
html body .hub-scan { opacity: .25; }
/* Dashboard accents: a little warmth and color without changing its geometry. */
html body #insightsCard .insights-eyebrow { color: #c5aff5 !important; }
html body #insightsCard .hub-stat {
  --metric-accent: #c5aff5;
  --metric-wash: rgb(171 135 231 / 12%);
  background: linear-gradient(125deg,var(--metric-wash),transparent 80%),var(--tl-surface) !important;
  box-shadow: inset 0 2px 0 var(--metric-accent);
}
html body #insightsCard .hub-stat:nth-child(2) {
  --metric-accent: #8cdbce;
  --metric-wash: rgb(97 193 175 / 10%);
}
html body #insightsCard .hub-stat:nth-child(3) {
  --metric-accent: #e5b0d7;
  --metric-wash: rgb(211 139 191 / 10%);
}
html body #insightsCard .hub-stat:nth-child(4) {
  --metric-accent: #efce96;
  --metric-wash: rgb(222 177 102 / 10%);
}
html body #insightsCard .hub-stat-value { color: var(--metric-accent) !important; }
html body #insightsCard .insights-company-head {
  background: linear-gradient(115deg,rgb(167 117 210 / 11%),rgb(167 117 210 / 2%)) !important;
}
html body #insightsCard .insights-company-head .pill {
  color: #a8e3d7 !important;
  background: #2c4548 !important;
  border-color: #496e6c !important;
}
html body #insightsCard .insights-signal-tag { color: #d2baf5 !important; }
html body #insightsCard .insights-signal-source { color: #f0acd9 !important; }
html body #insightsCard .insights-signal-item:hover {
  background: #3c3e56 !important;
  border-color: #a28bbb !important;
}
html body #pageDashboardGrid #recentSearches .recent-search-row strong { color: #e4d7fa; }
html body #app {
  padding: calc(var(--tl-topbar) + 36px) var(--tl-page-gutter) 56px !important;
}
html body #app > .page { max-width: var(--tl-content-width) !important; }
html body:not(.auth-shell-only) .container > .page {
  padding: calc(var(--tl-topbar) + 36px) max(var(--tl-page-gutter),calc((100vw - var(--tl-sidebar) - var(--tl-content-width))/2)) 56px !important;
}
html body #page-vendor { max-width: var(--tl-content-width) !important; }
html body .page :is(.hub-page-header h1,.insights-hero-headline,.messaging-page-heading h2,.connection-heading h2,.guide-hero h2,.team-hero h1) {
  font-size: 36px !important; line-height: 1.18 !important; letter-spacing: -.025em !important;
}
html body .page h2 { font-size: 22px !important; line-height: 1.35 !important; }
html body .page h3 { font-size: 18px !important; line-height: 1.4 !important; }
html body :is(.hub-page-header p,.insights-hero-subheadline,.messaging-page-heading p,.connection-heading p,.guide-hero p,.team-hero p) {
  font-size: 16px !important; line-height: 1.6 !important;
}
html body :is(#app,.page,#authCard,#profileModal,.team-dialog) :is(input:not([type=checkbox]):not([type=radio]),select,textarea) {
  background: #202638 !important; border: 1px solid var(--tl-input) !important;
  color: var(--tl-text) !important; font-size: 16px !important; line-height: 1.5 !important;
}
html body :is(#app,.page,#authCard,#profileModal,.team-dialog) :is(input:not([type=checkbox]):not([type=radio]),select) { min-height: 48px; }
html body :is(input,textarea)::placeholder { color: #b4bfd4 !important; opacity: 1; }
html body :is(#app,.page,#authCard,#profileModal,.team-dialog) label { font-size: 15px !important; line-height: 1.5; }
html body :is(#app,.page,#authCard,#profileModal,.team-dialog) :is(button,.hub-accent,.team-btn,.brief-workspace-btn,.brief-dashboard-btn,a.btn) {
  font-size: 15px !important; min-height: 44px; height: auto; line-height: 1.4;
}
html body #app .hub-accent { height: auto; min-height: 44px; padding-block: 10px !important; }
html body .sidebar #tabs a.route { font-size: 15px !important; min-height: 52px; }
html body .sidebar .hub-search { font-size: 13px !important; height: 42px !important; }
html body .sidebar .hub-nav-icon { width: 32px; height: 32px; background: #2d344a; }
html body .sidebar .hub-nav-icon svg { width: 17px; height: 17px; }
html body .sidebar #tabs a.route.active { background: #3b3555 !important; }
html body .sidebar #tabs a.route.active .hub-nav-icon { background: var(--tl-gradient); }
html body .topbar-vendor { font-size: 16px !important; }
html body .topbar-greeting { font-size: 13px !important; }
html body :is(.header-download-extension,.topbar-credits) { font-size: 13px; min-height: 38px; }
html body :is(.hub-stat,.insights-company-card,.team-card,.team-hero,.messaging-preferences-card,.messaging-advanced-panel,.card) {
  border-color: var(--tl-border) !important;
}
html body #app :is(.hub-stat,.team-card,.team-hero,.messaging-preferences-card,.messaging-advanced-panel) { padding: 26px !important; }
html body #app .card { padding: 28px !important; }
html body #app #insightsCard { padding: 0 !important; }
html body #app #prospectsSection { padding: 0 !important; }
html body #app #emailsSection { padding: 0 !important; }
html body .hub-stats { gap: 18px; margin-bottom: 32px; }
html body .hub-stat-value { font-size: 32px !important; line-height: 1.3; }
html body .hub-stat-hint { font-size: 14px; line-height: 1.5; margin-top: 7px; }
html body :is(.hub-eyebrow,.insights-eyebrow,.messaging-eyebrow,.team-eyebrow,.connection-eyebrow,.guide-eyebrow) { font-size: 12px !important; }
html body .insights-company-grid { gap: 20px !important; }
html body .insights-company-head { padding: 20px !important; }
html body .insights-company-name { font-size: 20px !important; line-height: 1.4 !important; }
html body .insights-company-meta { font-size: 14px !important; line-height: 1.5; }
html body .insights-signal-list { padding: 14px !important; gap: 14px !important; }
html body .insights-signal-item { padding: 18px !important; border-radius: 10px !important; }
html body .insights-signal-title { font-size: 18px !important; line-height: 1.4 !important; }
html body .insights-signal-why { font-size: 15px !important; line-height: 1.6 !important; -webkit-line-clamp: 4; }
html body :is(.insights-signal-meta,.insights-signal-tag) { font-size: 11px !important; }
html body .insights-signal-source { font-size: 12px !important; line-height: 1.5 !important; }
html body :is(.hub-feed-status,#insightsMeta,.pill,.team-chip,.brief-workspace-pill) { font-size: 13px; }
html body #recentSearches > .card { background: var(--tl-surface-subtle) !important; padding: 22px !important; }
html body .recent-search-row > div:first-child { display: grid; gap: 5px; }
html body .recent-search-row strong { font-size: 18px; }
html body #app :is(.muted,.help,.helper,.form-hint,.field-hint) { color: var(--tl-text-muted) !important; }
html body #page-vendor :is(small,.muted),
html body .messaging-tone-option small,
html body .messaging-tone-summary-copy > :is(strong,span),
html body .messaging-character-meter,
html body .messaging-character-meter small { font-size: 14px !important; line-height: 1.55 !important; }
html body #page-vendor label { margin-top: 16px; margin-bottom: 7px; }
html body #page-vendor .sales-focus-fields { background: #37314e !important; border-color: #716187 !important; }
html body #page-vendor .vendor-enriched-fields { background: var(--tl-surface-subtle) !important; border-color: #716187 !important; }
html body .messaging-tone-option { padding: 20px !important; background: #31384c !important; }
html body .messaging-tone-option:has(input:checked) { background: #44395f !important; border-color: #ba9bed !important; }
html body .messaging-tone-option strong { color: var(--tl-text); font-size: 16px; }
html body .messaging-tone-option input { width: 19px; height: 19px; }
html body .messaging-preferences-card > p,
html body .messaging-advanced-summary p { font-size: 16px !important; line-height: 1.6 !important; }
html body .messaging-advanced-summary > strong,
html body #accountMonitoringControls > summary { font-family: 'Inter Tight',Inter,sans-serif; font-size: 22px; font-weight: 700; }
html body .messaging-prompt-card { background: var(--tl-surface-subtle) !important; border-color: var(--tl-border-strong) !important; }
html body .messaging-save-bar,
html body .team-dialog-header { background: #282d40 !important; }
html body #teamWorkspaceRoot { font-size: 16px; line-height: 1.55; }
html body #app .team-tab { font-size: 15px !important; min-height: 44px !important; height: auto !important; }
html body #app .team-hero-stat strong { font-size: 14px !important; }
html body #app .team-hero-stat span { font-size: 14px; }
html body #app .team-metric-card > strong { font: 700 32px/1.3 'Inter Tight',Inter,sans-serif !important; }
html body .team-table-head,html body th { background: var(--tl-surface-subtle) !important; font-size: 12px !important; }
html body table { font-size: 16px; }
html body :is(.hub-profile-menu,.hub-activity-popover) { top: calc(var(--tl-topbar) - 8px); }
@media (min-width:1600px) {
  :root { --tl-sidebar: 280px; --tl-content-width: 1660px; --tl-page-gutter: 48px; --tl-topbar: 76px; }
  html body .sidebar #tabs a.route { font-size: 16px !important; min-height: 56px; }
  html body .page :is(.hub-page-header h1,.insights-hero-headline,.messaging-page-heading h2,.connection-heading h2,.guide-hero h2,.team-hero h1) { font-size: 40px !important; }
  html body #app { font-size: 17px; }
}
@media (min-width:2200px) {
  :root { --tl-content-width: 1820px; --tl-sidebar: 292px; }
}
@media (max-width:1599px) and (min-width:1280px) {
  html body .insights-company-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
}
@media (max-width:1023px) {
  :root { --tl-page-gutter: 24px; }
}
@media (max-width:767px) {
  :root { --tl-page-gutter: 20px; --tl-topbar: 64px; }
  html body .page :is(.hub-page-header h1,.insights-hero-headline,.messaging-page-heading h2,.connection-heading h2,.guide-hero h2,.team-hero h1) { font-size: 28px !important; }
  html body #app :is(.card,.team-card,.team-hero,.messaging-preferences-card,.messaging-advanced-panel) { padding: 20px !important; }
  html body #app #insightsCard,html body #app #prospectsSection,html body #app #emailsSection { padding: 0 !important; }
  html body .header-download-extension { min-height: 36px; }
  html body .messaging-tone-menu { grid-template-columns: 1fr !important; }
  html body .hub-stat-value { font-size: 28px !important; }
}

/* Component spacing: preserve the enlarged type without inheriting generic
   input/button geometry inside compound controls, tables and drawers. */
html body #app .hub-prospect-search {
  min-height: 52px; gap: 12px; padding: 0 16px; margin: 20px;
  background: #202638; border-color: var(--tl-input);
}
html body #app .hub-prospect-search #q,
html body .hub-command .hub-command-search input {
  flex: 1 1 0; width: 100%; min-width: 0; min-height: 48px !important;
  height: 48px !important; margin: 0 !important; padding: 0 !important;
  background: transparent !important; border: 0 !important;
  border-radius: 0 !important; box-shadow: none !important;
}
html body .hub-command { width: min(600px,calc(100vw - 32px)); max-width: 600px; }
html body .hub-command-search { gap: 14px; padding: 12px 18px; background: var(--tl-surface); }
html body :is(.hub-command-search,.hub-prospect-search) > :is(svg,kbd) { flex: 0 0 auto; }
html body .hub-command-search:focus-within { box-shadow: inset 0 -2px 0 #b99de9; }
html body .hub-command-results { padding: 10px; max-height: min(480px,60dvh); }
html body .hub-command-results button {
  justify-content: flex-start !important; min-height: 46px; height: auto;
  padding: 12px 14px; gap: 12px; text-align: left; font-size: 15px;
}
html body .hub-command-results button > svg { width: 20px; height: 20px; flex: 0 0 20px; }
html body .hub-profile-menu > :is(a,button) { justify-content: flex-start; gap: 10px; min-height: 42px; }

html body #app .team-attention-card:not(.team-attention-card-compact) {
  display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between;
  gap: 16px; min-height: 132px; padding: 20px; text-align: left;
}
html body #app .team-attention-card > span { font-size: 14px; line-height: 1.5; text-align: left; }
html body #app .team-attention-card > strong { margin: 0; font: 700 32px/1.15 'Inter Tight',Inter,sans-serif; }
html body #app .team-attention-card-compact { justify-content: space-between; gap: 16px; }
html body #app :is(.team-compact-row,.team-prospect-row) { font-weight: 400 !important; }
html body :is(#teamWorkspaceRoot,.team-dialog) .team-label { min-width: 0; gap: 8px; margin: 0; }
html body :is(#teamWorkspaceRoot,.team-dialog) .team-field {
  width: 100%; min-width: 0; max-width: 100%; margin: 0; box-sizing: border-box;
}
html body :is(#teamWorkspaceRoot,.team-dialog) :is(.team-actions,.team-card-head,.team-section-head) { gap: 12px; }
html body :is(#teamWorkspaceRoot,.team-dialog) .team-cell { gap: 8px; }
html body :is(#teamWorkspaceRoot,.team-dialog) .team-chip { min-height: 26px; line-height: 1.35; padding: 4px 9px; }
html body .team-approval-title { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
html body .team-approval-title > :is(strong,.team-feedback) { flex-basis: 100%; }
html body .team-approval-title > strong { white-space: normal; overflow-wrap: anywhere; }
html body .team-member-row:has(> .team-cell) {
  grid-template-columns: minmax(180px,1.4fr) repeat(3,minmax(115px,.7fr)) 176px;
  gap: 20px; padding: 18px 0;
}
html body .team-member-actions { justify-self: end; }
html body .team-join-compact .team-member-row { grid-template-columns: minmax(0,1fr) auto; }

html body .team-dialog-panel { container-type: inline-size; }
html body .team-dialog :is(h2,h3,h4) { font-family: 'Inter Tight',Inter,sans-serif; font-weight: 700; }
html body .team-dialog h3 { font-size: 20px; line-height: 1.35; }
html body .team-dialog h4 { font-size: 15px; line-height: 1.45; }
html body .team-detail-controls { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; padding: 20px; }
html body .team-next-action-form {
  grid-column: 1 / -1; min-width: 0;
  grid-template-columns: minmax(0,1fr) minmax(180px,.55fr) auto; gap: 14px;
}
html body .team-next-action-form > button,
html body #teamWorkspaceRoot .team-form-row > button { min-height: 48px !important; padding: 10px 16px; }
html body .team-detail-grid,html body .team-material-content { align-items: stretch; gap: 16px; }
html body .team-detail-section { align-self: stretch; padding: 16px; }
html body .team-detail-grid > .team-detail-section:last-child:nth-child(odd) { grid-column: 1 / -1; }
html body .team-detail-card { padding: 22px; margin-top: 22px; }
html body .team-material-card { padding: 20px 0; }
html body .team-material-card > .team-chip { margin-bottom: 8px; }
html body .team-review-form { grid-template-columns: minmax(0,1fr) minmax(280px,.7fr); gap: 20px; padding-top: 22px; margin-top: 22px; }
html body .team-review-actions { gap: 16px; }
html body .team-review-assign { min-width: 0; max-width: none; margin: 0; gap: 10px; line-height: 1.5; cursor: pointer; }
html body .team-dialog :is(.team-review-assign,.team-mention-list label) input[type=checkbox] {
  flex: 0 0 18px; width: 18px !important; height: 18px !important; min-height: 18px !important;
  margin: 3px 0 0 !important; padding: 0 !important; box-shadow: none !important;
  background: transparent !important; border-radius: 3px;
}
html body .team-review-actions .team-actions { gap: 10px; }
html body .team-comment-author > div { display: grid; gap: 4px; min-width: 0; }
html body .team-mention-list { gap: 10px; margin: 0; min-width: 0; }
html body .team-mention-list legend { margin-bottom: 8px; }
html body .team-mention-list label { margin: 0; gap: 8px; padding: 10px 12px; }
html body .team-form > button { justify-self: start; }

html body .billing-plan-table-wrap { padding: 0; }
html body .billing-plan-table-wrap table { margin: 0 !important; border: 0 !important; border-radius: 0 !important; }
html body .billing-plan-table-wrap tbody tr:last-child td { border-bottom: 0; }
html body #page-settings > .card::before,
html body #page-messaging > .card::before,
html body #page-guide > .guide-hero::before,
html body #page-guide > .guide-hero::after { content: none !important; }
html body .connection-workflow { gap: 20px; }
html body .connection-step { padding: 0; background: transparent !important; align-items: center; }
html body .connection-step strong { font-size: 16px; line-height: 1.5; }
html body .connection-step div > span { font-size: 14px; line-height: 1.5; margin-top: 4px; }
html body .connect-code-row {
  grid-template-columns: auto minmax(0,1fr) auto; gap: 14px;
  align-items: center; padding: 0; background: transparent !important;
}
html body .connect-code-stack { min-width: 0; min-height: 72px; padding: 12px 16px; gap: 4px; }
html body .connect-code-row :is(#btnGenPair,#btnCopy) { min-height: 48px; height: auto; padding: 12px 18px; margin: 0; }
html body :is(.connect-actions,.guide-actions) { gap: 12px; align-items: center; }
html body :is(.connect-action,.guide-link) { min-height: 44px; padding: 10px 16px; font-size: 15px; line-height: 1.4; }
html body .guide-step-head { margin-bottom: 16px; align-items: center; }
html body .guide-step-head h3 { margin: 0; }
html body .guide-step :is(p,li) { font-size: 15px; line-height: 1.65; }
html body .guide-step .pill { margin-bottom: 8px; }
html body .messaging-save-bar { margin-top: 24px !important; padding: 16px 20px; gap: 16px; }
html body .messaging-placeholder-details { margin-top: 18px; }
html body .messaging-placeholder-details > summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 44px; }
html body .team-notification-panel { overflow: hidden; }
html body .team-notification-item {
  height: auto !important; min-height: 88px; padding: 16px 34px 16px 18px;
  align-items: start; justify-content: stretch; gap: 8px; line-height: 1.5; text-align: left;
}
html body .team-notification-item strong { font-weight: 700; overflow-wrap: anywhere; }
html body .team-notification-header-actions { gap: 8px; }
html body .team-notification-header-actions button { height: auto; min-height: 44px; }
html body #profileModal header button { min-height: 44px; }
html body .profile-privacy-panel > p:last-child { margin-top: 14px; }

@container (max-width:720px) {
  html body .team-review-form { grid-template-columns: minmax(0,1fr); }
  html body .team-review-actions { justify-items: start; }
  html body .team-next-action-form { grid-template-columns: minmax(0,1fr) minmax(180px,.7fr); }
  html body .team-next-action-form > button { grid-column: 1 / -1; justify-self: end; }
  html body .team-detail-columns { grid-template-columns: minmax(0,1fr); }
}
@container (max-width:480px) {
  html body .team-detail-controls,
  html body .team-next-action-form,
  html body .team-detail-grid,
  html body .team-material-content { grid-template-columns: minmax(0,1fr); }
  html body .team-next-action-form > button { justify-self: stretch; }
  html body .team-detail-card,html body .team-detail-controls { padding: 16px; }
  html body .team-review-actions .team-actions { align-items: stretch; width: 100%; }
  html body .team-review-actions .team-actions > button { flex: 1 1 130px; }
}
@media (max-width:1100px) {
  html body .team-member-row:has(> .team-cell) { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
  html body .team-member-row:has(> .team-cell) .team-member-identity { grid-column: 1 / -1; }
  html body .team-member-actions { grid-column: 1 / -1; justify-self: start; }
  html body .team-join-compact .team-member-row { grid-template-columns: minmax(0,1fr); }
  html body .team-filterbar { grid-template-columns: repeat(2,minmax(0,1fr)); }
  html body .team-filterbar .team-search { grid-column: 1 / -1; }
}
@media (max-width:767px) {
  html body #app .hub-prospect-search { margin: 16px; }
  html body .connect-code-row { grid-template-columns: minmax(0,1fr) auto; }
  html body .connect-code-row #btnGenPair { grid-column: 1 / -1; }
  html body .connect-code-row #btnCopy { width: auto; }
  html body .connection-workflow { padding: 20px !important; }
  html body .team-dialog-header { gap: 14px; }
}
@media (max-width:520px) {
  html body .team-filterbar { grid-template-columns: minmax(0,1fr); }
  html body .team-member-row:has(> .team-cell) { grid-template-columns: minmax(0,1fr); }
  html body .team-member-row > * { grid-column: 1; }
}