/* DGB OS UI refinement v0.3.0 — original styles informed by common, efficient sales-CRM patterns. */
:root {
  --ink: #1f2937;
  --ink-2: #344054;
  --muted: #667085;
  --muted-2: #98a2b3;
  --line: #e4e7ec;
  --line-strong: #d0d5dd;
  --bg: #f7f8fa;
  --surface: #ffffff;
  --blue: #2864e8;
  --blue-dark: #1f52c7;
  --blue-pale: #eff4ff;
  --green: #24845d;
  --green-pale: #eaf7f0;
  --orange: #a85b12;
  --orange-pale: #fff4e5;
  --red: #b42332;
  --red-pale: #fff0f1;
  --purple: #6941c6;
  --purple-pale: #f4f0ff;
  --shadow: none;
  --radius: 9px;
}

html { scroll-padding-top: 74px; }
body { background: var(--bg); color: var(--ink); font-size: 13px; }
button, input, select, textarea { font-family: inherit; }
a { text-underline-offset: 3px; }

/* Persistent application shell */
.sidebar {
  width: 224px;
  padding: 19px 12px 12px;
  background: #fff;
  border-right: 1px solid var(--line);
}
.brand { gap: 9px; margin: 0 8px 20px; }
.brand-mark {
  width: 35px; height: 35px; border-radius: 8px;
  background: #244fc8; box-shadow: none;
  font-size: 11px; letter-spacing: -.07em;
}
.brand strong { font-size: 14px; letter-spacing: -.035em; }
.brand small { margin-top: 3px; font-size: 8px; letter-spacing: .16em; }
.nav-section-label { padding: 0 10px 8px; font-size: 9px; letter-spacing: .1em; }
.nav-list { gap: 3px; }
.nav-item {
  min-height: 38px; height: 38px; border-radius: 7px; gap: 10px;
  padding: 0 10px; font-size: 12px; font-weight: 600;
  border: 1px solid transparent;
}
.nav-item:hover { background: #f8fafc; color: #1d2939; }
.nav-item.active {
  background: #eff4ff; color: #2456cf; font-weight: 700;
  border-color: #e4ecff; box-shadow: inset 2px 0 0 #2864e8;
}
.nav-icon { width: 18px; font-size: 16px; }
.nav-count { border-radius: 6px; background: #fff; border-color: #dce6ff; font-variant-numeric: tabular-nums; }
.sidebar-help { padding: 10px; margin-bottom: 12px; border-radius: 8px; background: #fafbfc; border-color: #eaecf0; }
.sidebar-help b { font-size: 10px; }
.sidebar-help small { font-size: 9px; }
.sidebar-user { padding: 12px 4px 0; gap: 8px; }
.user-avatar, .top-user-avatar { width: 30px; height: 30px; flex-basis: 30px; font-size: 11px; }
.user-meta b, .top-user b { font-size: 11px; }
.user-meta small, .top-user small { font-size: 9px; }

.main-area { margin-left: 224px; }
.topbar {
  height: 58px; padding: 0 28px; background: rgba(255,255,255,.97);
  border-bottom-color: #e4e7ec; backdrop-filter: blur(10px);
}
.breadcrumbs { gap: 9px; font-size: 11px; }
.breadcrumbs strong { color: #344054; }
.topbar-right { gap: 10px; }
.secure-label { font-size: 10px; color: #667085; }
.secure-dot, .owner-dot { background: #12b76a; }
.top-user-avatar { background: #e9efff; color: #2858cf; }
.content-wrap { max-width: 1660px; padding: 25px 28px 18px; }
.page-head { margin-bottom: 18px; }
.eyebrow { margin-bottom: 6px; font-size: 9px; letter-spacing: .12em; color: #667085; }
.page-head h1, .detail-title h1 { font-size: 25px; line-height: 1.2; letter-spacing: -.04em; color: #1d2939; }
.page-head p { margin-top: 6px; font-size: 12px; color: #667085; }

/* Buttons: consistent hit areas, clear primary action, restrained rounding */
.btn {
  min-height: 36px; border-radius: 7px; padding: 0 13px;
  gap: 7px; font-size: 12px; font-weight: 700; box-shadow: none;
}
.btn-primary { background: #2864e8; color: #fff; box-shadow: none; }
.btn-primary:hover { background: #1f52c7; }
.btn-secondary { border-color: #d0d5dd; color: #344054; background: #fff; }
.btn-secondary:hover { background: #f9fafb; border-color: #b8c1ce; }
.count-chip { border-radius: 5px; }
.icon-button { border-radius: 7px; }

/* Surfaces and page hierarchy */
.panel {
  border: 1px solid #e4e7ec; border-radius: 9px;
  background: #fff; box-shadow: 0 1px 2px rgba(16,24,40,.025);
}
.panel-head h2, .panel-heading-line h2, .table-toolbar h2, .section-heading h2 {
  color: #1d2939; font-size: 14px; letter-spacing: -.015em;
}
.panel-head p, .table-toolbar p, .section-heading p, .panel-heading-line p {
  color: #667085; font-size: 11px; line-height: 1.55;
}
.submit-panel { padding: 20px 22px 0; }
.step-pill { border-radius: 6px; background: #f9fafb; border-color: #eaecf0; font-size: 9px; }
.lead-form { margin-top: 19px; }
.form-grid { gap: 15px 18px; }
.field { gap: 6px; }
.field>span { color: #344054; font-size: 11px; }
.field input, .field select, .field textarea {
  min-height: 37px; border-radius: 7px; border-color: #d0d5dd;
  color: #1d2939; font-size: 12px; background-color: #fff;
}
.field textarea { min-height: 88px; padding: 10px 11px; }
.field input:focus, .field select:focus, .field textarea:focus {
  border-color: #7da2f8; box-shadow: 0 0 0 3px rgba(40,100,232,.10);
}
.field-hint { color: #667085; font-size: 10px; }
.form-footer { padding: 14px 0 16px; border-top: 1px solid #f0f1f3; margin-top: 18px; }
.required-note { font-size: 10px; color: #667085; }
.section-block { margin-top: 24px; }
.section-heading { margin-bottom: 12px; }
.result-count, .toolbar-count, .timeline-count { font-size: 10px; }

/* Keep the four owner metrics glanceable, not oversized dashboard cards */
.metric-grid { gap: 10px; margin-bottom: 17px; }
.metric-card {
  padding: 12px 14px 11px; border: 1px solid #e4e7ec;
  border-radius: 8px; box-shadow: none; background: #fff;
}
.metric-card[href]:hover { border-color: #c8d6fb; transform: translateY(-1px); }
.metric-active { border-color: #9bb8ff; background: #f8faff; }
.metric-label { font-size: 10px; color: #667085; font-weight: 700; }
.metric-icon { width: 24px; height: 24px; flex-basis: 24px; border-radius: 6px; }
.metric-card strong { margin-top: 8px; font-size: 25px; letter-spacing: -.04em; color: #1d2939; }
.metric-card small { margin-top: 3px; font-size: 10px; color: #667085; }

/* Pipedrive-inspired list usability: clear toolbar, compact rows, reliable inline assignment */
.table-panel { border-radius: 9px; overflow: hidden; }
.table-toolbar { padding: 16px 18px 13px; align-items: center; }
.table-toolbar h2 { font-size: 14px; }
.table-toolbar p { margin-top: 3px; }
.toolbar-count { color: #667085; background: #f9fafb; border: 1px solid #eaecf0; border-radius: 6px; padding: 5px 8px; }
.sort-select-label { display: flex; align-items: center; gap: 6px; color: #667085; font-size: 10px; white-space: nowrap; }
.sort-select-label select { min-height: 35px; border: 1px solid #d0d5dd; border-radius: 7px; background: #fff; color: #344054; font-size: 11px; padding: 0 8px; }
.sortable-heading { display: inline-flex; align-items: center; gap: 5px; color: inherit; text-decoration: none; white-space: nowrap; }
.sortable-heading span { color: #98a2b3; font-size: 11px; }
.sortable-heading:hover, [aria-sort="ascending"] .sortable-heading, [aria-sort="descending"] .sortable-heading { color: #2864e8; }
.sortable-heading:hover span, [aria-sort="ascending"] .sortable-heading span, [aria-sort="descending"] .sortable-heading span { color: #2864e8; }
.filter-bar {
  gap: 8px; padding: 0 18px 13px; border-bottom: 1px solid #eaecf0;
  align-items: center; flex-wrap: wrap;
}
.search-box {
  max-width: 320px; min-width: 230px; min-height: 35px;
  border: 1px solid #d0d5dd; border-radius: 7px; background: #fff;
}
.search-box:focus-within { border-color: #7da2f8; box-shadow: 0 0 0 3px rgba(40,100,232,.09); }
.search-icon { font-size: 16px; color: #667085; }
.search-box input { font-size: 12px; color: #1d2939; }
.search-box input::placeholder { color: #98a2b3; }
.filter-bar>select {
  min-height: 35px; border-radius: 7px; border-color: #d0d5dd;
  color: #344054; background-color: #fff; font-size: 11px;
}
.btn-filter { min-height: 35px; }
.clear-filters { font-size: 11px; font-weight: 600; color: #475467; }
.table-scroll { width: 100%; margin: 0; }
.data-table { width: 100%; min-width: 820px; border-collapse: separate; border-spacing: 0; }
/* DGB OS separate-field table layout: every lead attribute has its own labelled column. */
.data-table-distinct { min-width: 1780px; table-layout: auto; }
.data-table-distinct th, .data-table-distinct td { white-space: nowrap; }
.data-table-distinct th { padding-left: 12px; padding-right: 12px; }
.data-table-distinct td { padding-left: 12px; padding-right: 12px; }
.data-table-distinct th:nth-child(1), .data-table-distinct td:nth-child(1) { min-width: 150px; }
.data-table-distinct th:nth-child(2), .data-table-distinct td:nth-child(2) { min-width: 165px; }
.data-table-distinct th:nth-child(3), .data-table-distinct td:nth-child(3) { min-width: 205px; }
.data-table-distinct th:nth-child(4), .data-table-distinct td:nth-child(4) { min-width: 170px; }
.data-table-distinct th:nth-child(5), .data-table-distinct td:nth-child(5) { min-width: 135px; }
.data-table-distinct th:nth-child(6), .data-table-distinct td:nth-child(6) { min-width: 145px; }
.data-table-distinct th:nth-child(7), .data-table-distinct td:nth-child(7) { min-width: 135px; }
.data-table-distinct .field-ellipsis { display: inline-block; max-width: 220px; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; }
.data-table-distinct button.table-link { display: inline; padding: 0; margin: 0; border: 0; background: transparent; color: #2864e8; font: inherit; text-align: left; box-shadow: none; }
.data-table-distinct button.table-link:hover { text-decoration: underline; background: transparent; }
.data-table-distinct .assign-cell { min-width: 230px; }

.data-table thead { background: #f9fafb; }
.data-table th {
  background: #f9fafb; color: #667085; font-size: 9px; font-weight: 700;
  letter-spacing: .055em; padding: 11px 14px; border-bottom: 1px solid #e4e7ec;
  white-space: nowrap;
}
.data-table td {
  color: #344054; font-size: 11px; padding: 12px 14px;
  border-bottom: 1px solid #eef0f3; vertical-align: middle;
}
.data-table tbody tr:last-child td { border-bottom: 0; }
.data-table tbody tr { transition: background .12s ease; }
.data-table tbody tr:hover { background: #f8faff; }
.lead-row { cursor: pointer; }
.lead-row:focus-visible { outline: 2px solid #7da2f8; outline-offset: -2px; }
.lead-cell { gap: 10px; }
.lead-cell b { font-size: 12px; font-weight: 700; color: #1d2939; }
.lead-cell small { margin-top: 3px; color: #667085; font-size: 10px; line-height: 1.35; }
.company-monogram { width: 38px; height: 38px; flex: 0 0 38px; border-radius: 9px; background: #eef4ff; color: #2858cf; font-size: 13px; }
.small-mono { width: 31px; height: 31px; flex-basis: 31px; border-radius: 8px; font-size: 11px; }
.plain-person { color: #344054; font-size: 11px; font-weight: 600; }
.table-date { font-size: 11px; color: #344054; }
.table-subdate { margin-top: 3px; color: #98a2b3; font-size: 10px; }
.status-badge { border-radius: 5px; padding: 4px 7px; font-size: 10px; line-height: 1.2; font-weight: 700; white-space: nowrap; }
.status-new { background: #fff4e5; color: #93370d; }
.status-assigned, .status-fresh-lead { background: #eff4ff; color: #3538cd; }
.status-contacted { background: #f2f4f7; color: #344054; }
.status-follow-up { background: #fff4e5; color: #93370d; }
.status-meeting { background: #eaf7f0; color: #067647; }
.status-proposal { background: #f4f0ff; color: #5925dc; }
.status-negotiation { background: #fff4e5; color: #93370d; }
.status-won { background: #eaf7f0; color: #067647; }
.status-lost { background: #fff0f1; color: #b42332; }
.status-muted { background: #f2f4f7; color: #667085; }
.assign-cell { min-width: 220px; }
.assign-inline { gap: 6px; }
.assign-inline select { min-height: 33px; border: 1px solid #d0d5dd; border-radius: 6px; font-size: 11px; color: #344054; max-width: 155px; }
.assign-save { min-height: 32px; padding: 0 9px; border-radius: 6px; background: #2864e8; color: #fff; border: 1px solid #2864e8; font-size: 10px; font-weight: 700; }
.assign-save:hover { background: #1f52c7; }
.assign-save.is-pending { background: #175cd3; box-shadow: 0 0 0 3px rgba(40,100,232,.12); }
.table-bottom { border-top: 1px solid #eaecf0; padding: 10px 18px; background: #fff; color: #667085; font-size: 10px; }
.table-bottom b { color: #2864e8; }
.followup-date { font-size: 11px; }
.followup-overdue { color: #b42332; }
.no-followup { color: #98a2b3; font-size: 10px; }
.table-link { color: #2864e8; }
.table-link:hover { text-decoration: underline; }

/* Salesperson summary stays small and action-oriented */
.sales-summary { margin-bottom: 17px; border: 1px solid #e4e7ec; border-radius: 8px; background: #fff; padding: 14px 16px; }
.sales-summary>div { gap: 5px; }
.summary-label { font-size: 10px; color: #667085; }
.sales-summary strong { font-size: 22px; color: #1d2939; letter-spacing: -.035em; }
.sales-summary .summary-priority { color: #b54708; }
.summary-tip { gap: 9px; }
.summary-tip b { font-size: 10px; color: #344054; }
.summary-tip small { color: #667085; font-size: 10px; line-height: 1.45; }
.owner-chip { border: 1px solid #d0d5dd; background: #fff; border-radius: 7px; color: #475467; padding: 7px 10px; font-size: 10px; }

/* Lead detail should read like a workspace: activity in the main column, controls in a compact right rail */
.detail-back { margin-bottom: 16px; }
.detail-back a { color: #475467; font-size: 11px; }
.detail-back a:hover { color: #2864e8; }
.detail-id { color: #98a2b3; font-size: 9px; letter-spacing: .07em; }
.detail-header { margin-bottom: 17px; padding-bottom: 15px; border-bottom: 1px solid #e4e7ec; }
.detail-title { gap: 12px; }
.detail-title .company-monogram { width: 42px; height: 42px; flex-basis: 42px; border-radius: 10px; }
.detail-title h1 { font-size: 23px; }
.detail-title p { margin-top: 5px; color: #667085; font-size: 11px; }
.detail-title p a { color: #2864e8; }
.detail-layout { grid-template-columns: minmax(0,1fr) 265px; gap: 14px; }
.detail-main { gap: 14px; }
.details-panel, .add-activity-panel, .timeline-panel { padding: 18px; }
.panel-heading-line { margin-bottom: 15px; }
.created-date { font-size: 10px; color: #98a2b3; }
.lead-info-grid { gap: 16px 20px; }
.info-item span { font-size: 10px; color: #667085; }
.info-item strong { color: #1d2939; font-size: 11px; overflow-wrap: anywhere; }
.info-item a { color: #2864e8; }
.original-context { border: 1px solid #e4e7ec; border-left: 3px solid #2864e8; border-radius: 7px; background: #f9fafb; padding: 12px 14px; margin-top: 17px; }
.context-label { font-size: 9px; letter-spacing: .08em; color: #475467; }
.context-dot { background: #2864e8; }
.original-context p { color: #344054; font-size: 11px; line-height: 1.65; }
.original-context small { color: #667085; font-size: 10px; }
.add-activity-panel .panel-head { margin-bottom: 14px; }
.activity-type-row { gap: 6px; }
.activity-type-option span { border: 1px solid #d0d5dd; border-radius: 6px; padding: 7px 10px; color: #475467; background: #fff; }
.activity-type-option input:checked+span { background: #eff4ff; border-color: #b2ccff; color: #2456cf; }
.activity-form .field textarea { min-height: 83px; }
.activity-bottom { gap: 12px; }
.timeline-panel .panel-heading-line { margin-bottom: 16px; }
.timeline { gap: 0; }
.timeline-item { gap: 11px; padding-bottom: 18px; }
.timeline-rail { width: 28px; flex-basis: 28px; }
.timeline-marker { width: 27px; height: 27px; border-radius: 8px; border: 1px solid #e4e7ec; background: #fff; color: #475467; }
.timeline-content { padding: 0 0 1px; }
.timeline-top b { font-size: 11px; color: #1d2939; }
.timeline-top span { color: #98a2b3; font-size: 10px; }
.timeline-event-type { color: #475467; font-size: 10px; margin: 4px 0; }
.timeline-content p { color: #475467; font-size: 11px; line-height: 1.6; }
.timeline-followup { color: #175cd3; font-size: 10px; }
.side-panel { padding: 15px; border-radius: 8px; }
.side-panel-title { gap: 8px; margin-bottom: 13px; }
.side-panel-title h3 { color: #1d2939; font-size: 12px; }
.side-icon { width: 25px; height: 25px; border-radius: 7px; background: #f2f4f7; color: #475467; font-size: 12px; }
.compact-form { gap: 12px; }
.compact-form .field input, .compact-form .field select { min-height: 35px; }
.next-action-note { border: 1px solid #d1fadf; background: #ecfdf3; border-radius: 7px; padding: 9px; }
.next-action-note.is-overdue { border-color: #fecdca; background: #fff1f0; }
.next-action-note b { font-size: 10px; }
.next-action-note small { font-size: 10px; }
.assignment-meta, .side-info { border-top: 1px solid #eaecf0; padding-top: 10px; margin-top: 10px; }
.assignment-meta span, .side-info span { color: #667085; font-size: 10px; }
.assignment-meta b, .side-info b { font-size: 10px; color: #344054; }

/* Team, account, and empty states */
.team-list-panel, .create-user-panel, .account-profile, .account-password { border-radius: 9px; }
.team-list-panel .panel-head, .create-user-panel .panel-head { margin-bottom: 14px; }
.team-table th, .team-table td { padding: 12px 13px; }
.person-cell b { color: #1d2939; font-size: 11px; }
.person-cell>span:last-child>small { color: #667085; font-size: 10px; }
.role-pill, .active-pill { border-radius: 5px; font-size: 9px; }
.flash { border-radius: 7px; font-size: 11px; }
.empty-state { padding: 38px 18px; }
.empty-state h3 { color: #1d2939; font-size: 15px; }
.empty-state p { color: #667085; max-width: 430px; font-size: 11px; }
.app-footer { padding-top: 22px; font-size: 9px; color: #98a2b3; }

/* Focus treatment and motion respect */
:where(button, a, input, select, textarea, tr[tabindex]):focus-visible { outline: 3px solid rgba(40,100,232,.22); outline-offset: 2px; }
@media (max-width: 1200px) {
  .sidebar { width: 224px; }
  .main-area { margin-left: 224px; }
  .content-wrap { padding: 23px 22px 16px; }
  .topbar { padding: 0 22px; }
  .detail-layout { grid-template-columns: minmax(0,1fr) 250px; }
}
@media (max-width: 950px) {
  .sidebar { width: 224px; transform: translateX(-102%); transition: transform .22s; box-shadow: 12px 0 40px rgba(16,24,40,.12); }
  .sidebar.is-open { transform: translateX(0); }
  .main-area { margin-left: 0; }
  .mobile-menu { display: block; border: 1px solid #d0d5dd; background: #fff; color: #344054; width: 32px; height: 32px; border-radius: 7px; margin-right: 12px; }
  .topbar { justify-content: flex-start; }
  .topbar-right { margin-left: auto; }
  .breadcrumbs { flex: 1; }
  .metric-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .detail-layout { grid-template-columns: minmax(0,1fr) 235px; }
}
@media (max-width: 720px) {
  .content-wrap { padding: 18px 12px 12px; }
  .topbar { height: 56px; padding: 0 12px; }
  .top-user, .secure-label, .topbar-divider { display: none; }
  .topbar-right { gap: 5px; }
  .page-head { align-items: flex-start; flex-direction: column; gap: 12px; margin-bottom: 16px; }
  .page-head h1 { font-size: 23px; }
  .page-head .btn { align-self: stretch; }
  .metric-grid { gap: 8px; margin-bottom: 13px; }
  .metric-card { padding: 10px; }
  .metric-card strong { font-size: 23px; }
  .metric-label { font-size: 9px; }
  .metric-card small { font-size: 9px; }
  .submit-panel { padding: 16px 13px 0; }
  .panel-head { flex-direction: column; }
  .step-pill { align-self: flex-start; }
  .form-grid { grid-template-columns: 1fr; gap: 13px; }
  .field-span { grid-column: auto; }
  .form-footer { align-items: stretch; flex-direction: column; gap: 12px; }
  .form-footer .btn { width: 100%; }
  .filter-bar { padding: 0 12px 12px; gap: 7px; }
  .search-box { max-width: none; min-width: 100%; flex-basis: 100%; }
  .filter-bar>select { flex: 1; min-width: 0; max-width: none; }
  .table-toolbar { padding: 14px 12px 12px; }
  .table-toolbar .toolbar-count { display: none; }
  .table-scroll { padding-bottom: 1px; }
  .data-table { min-width: 760px; }
  .data-table th, .data-table td { padding: 11px 12px; }
  .table-bottom { padding: 10px 12px; }
  .table-bottom>span:last-child { display: none; }
  .sales-summary { grid-template-columns: 1fr 1fr; padding: 11px; gap: 12px; }
  .sales-summary>div:not(:last-child) { border-right: 0; }
  .sales-summary>div:nth-child(odd) { border-right: 1px solid #eaecf0; }
  .summary-tip { grid-column: 1/-1; border-top: 1px solid #eaecf0!important; padding-top: 11px!important; }
  .detail-header { align-items: flex-start; flex-direction: column; }
  .detail-title h1 { font-size: 21px; }
  .detail-layout { grid-template-columns: 1fr; }
  .detail-side { order: -1; display: grid; grid-template-columns: 1fr 1fr; align-items: start; }
  .detail-side .side-panel:last-child { grid-column: 1/-1; }
  .details-panel, .add-activity-panel, .timeline-panel { padding: 14px; }
  .lead-info-grid { gap: 13px 12px; }
  .activity-bottom { grid-template-columns: 1fr; }
  .activity-type-row { gap: 5px; }
  .activity-type-option span { padding: 7px 8px; }
  .created-date { display: none; }
  .timeline-top { align-items: flex-start; flex-direction: column; gap: 3px; }
  .timeline-top span { order: 2; }
  .detail-side .side-panel { padding: 12px; }
  .team-list-panel, .create-user-panel { padding: 13px; }
  .app-footer { flex-direction: column; gap: 4px; }
  .login-layout { display: block; }
  .login-aside { min-height: auto; padding: 22px; }
  .login-aside .brand { margin: 0; }
  .login-promise { padding: 34px 0 25px; margin: 0; }
  .login-promise h1 { font-size: 29px; }
  .login-promise>p { margin: 12px 0 18px; font-size: 11px; }
  .flow-preview { display: none; }
  .login-aside-foot { font-size: 8px; }
  .login-panel { padding: 42px 22px; min-height: 420px; }
  .login-footer { margin-top: 30px; }
}
@media (max-width: 420px) {
  .detail-side { grid-template-columns: 1fr; }
  .detail-side .side-panel:last-child { grid-column: auto; }
  .topbar .breadcrumbs { font-size: 10px; gap: 7px; }
  .metric-card { padding: 9px; }
  .metric-icon { width: 21px; height: 21px; flex-basis: 21px; }
  .detail-title .company-monogram { width: 39px; height: 39px; flex-basis: 39px; }
  .detail-title h1 { font-size: 20px; }
  .team-table { min-width: 600px; }
}

/* Guardrails for compact controls in wider flex toolbars. */
.breadcrumbs { white-space: nowrap; flex-shrink: 0; }
.topbar-right { flex-shrink: 0; }
.page-head > .btn { width: auto; flex: 0 0 auto; align-self: center; }
.filter-bar .search-box { flex: 1 1 280px; }
.filter-bar > select { width: auto; flex: 0 1 165px; }
.filter-bar .btn-filter { flex: 0 0 auto; width: auto; }
.assign-inline { display: flex; flex-wrap: nowrap; align-items: center; justify-content: flex-start; min-width: 0; }
.assign-inline select { flex: 0 1 145px; width: 145px; min-width: 108px; }
.assign-inline .assign-save { display: inline-flex; flex: 0 0 auto; width: auto; }
@media (max-width: 720px) {
  .breadcrumbs { white-space: nowrap; min-width: 0; }
  .filter-bar .search-box { flex: 1 1 100%; }
  .filter-bar > select { flex: 1 1 130px; width: auto; }
  .page-head > .btn { align-self: stretch; width: 100%; }
}

.preview-toast{position:fixed;right:22px;bottom:22px;z-index:100;background:#1d2939;color:#fff;border:1px solid #344054;border-radius:8px;padding:11px 14px;max-width:min(390px,calc(100vw - 28px));font-size:12px;font-weight:600;box-shadow:0 10px 28px rgba(16,24,40,.18)}
.drawer-stage-panel{padding:13px 15px;margin:0 0 13px;background:#fff}
.drawer-stage-row{display:flex;align-items:flex-end;gap:10px}
.drawer-stage-row .field{flex:1;min-width:0}
.drawer-stage-row .field select{height:35px;min-height:35px}
.drawer-stage-row .btn{min-height:35px}
@media(max-width:420px){.lead-info-grid{grid-template-columns:1fr}.drawer-stage-row{align-items:stretch;flex-direction:column}.drawer-stage-row .btn{width:100%}.preview-toast{left:12px;right:12px;bottom:12px;max-width:none}}


/* Email trail capture and review */
.email-trail-editor{margin-top:22px;padding:18px;border:1px solid #e1e7ef;border-radius:12px;background:#fbfcfe}
.email-trail-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}
.email-trail-editor-head .eyebrow{margin:0 0 5px;font-size:9px}
.email-trail-editor-head h3{font-size:16px;letter-spacing:-.02em;color:#1d2939;margin:0 0 5px}
.email-trail-editor-head p{font-size:11px;line-height:1.55;color:#667085;max-width:560px}
.required-tag{display:inline-flex;vertical-align:middle;margin-left:5px;background:#fff1f0;color:#b42318;border:1px solid #fecdca;border-radius:5px;padding:3px 6px;font-size:9px;letter-spacing:0;font-weight:700}
.btn-small{padding:8px 10px;white-space:nowrap;min-height:32px;font-size:10px}
.email-trail-guidance{display:flex;align-items:flex-start;gap:10px;padding:11px 12px;background:#eff4ff;border:1px solid #d6e4ff;border-radius:8px;margin:0 0 14px;color:#244caa}
.email-trail-guidance>span{font-size:17px;line-height:1.2}
.email-trail-guidance b{font-size:11px;display:block;margin-bottom:3px}
.email-trail-guidance small{font-size:10px;color:#526a9c;line-height:1.5;display:block}
.email-message-editor-list{display:grid;gap:12px}
.email-editor-card{border:1px solid #dfe5ee;background:#fff;border-radius:9px;padding:14px}
.email-editor-card-head{display:flex;align-items:center;gap:9px;margin-bottom:13px}
.email-editor-number{font-size:10px;font-weight:800;color:#344054;background:#f2f4f7;border:1px solid #eaecf0;border-radius:6px;padding:5px 7px}
.email-editor-type-label{font-size:10px;color:#667085;margin-right:auto}
.email-remove{border:0;background:transparent;color:#98a2b3;font-size:10px;padding:5px 6px;cursor:pointer}
.email-remove:hover{color:#b42318}.email-remove:disabled{opacity:.4;cursor:not-allowed}
.email-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}
.email-editor-grid .field-span{grid-column:1/-1}
.email-editor-grid textarea{min-height:105px;white-space:pre-wrap}
.qualifying-reply-option{display:flex;align-items:flex-start;gap:9px;margin-top:12px;padding:10px 11px;border:1px solid #c7d7fe;border-radius:8px;background:#f5f8ff;cursor:pointer}
.qualifying-reply-option[hidden]{display:none!important}
.qualifying-reply-option input{margin:2px 0 0;accent-color:#315ee8}
.qualifying-reply-option b{display:block;font-size:10px;color:#244caa}
.qualifying-reply-option small{display:block;font-size:9px;line-height:1.5;color:#667fae;margin-top:3px}
.email-trail-error{margin-top:12px;padding:10px 12px;color:#b42318;background:#fff1f0;border:1px solid #fecdca;border-radius:7px;font-size:11px}
.email-trail-error[hidden]{display:none!important}
.email-trail-footnote{font-size:9px;color:#7a8798;line-height:1.55;margin-top:12px}
.email-thread-panel{padding:18px}
.email-thread-count{font-size:10px;font-weight:700;color:#667085;background:#f2f4f7;border-radius:6px;padding:5px 8px;white-space:nowrap}
.email-thread-list{display:grid;gap:11px}
.email-thread-message{border:1px solid #e1e7ef;border-radius:9px;background:#fff;overflow:hidden}
.email-thread-message.email-inbound{border-left:3px solid #16a36a}
.email-thread-message.email-outbound{border-left:3px solid #8095b7}
.email-thread-message.email-qualifying{border-color:#a6c0ff;background:#fbfcff}
.email-thread-message-head{display:flex;align-items:flex-start;gap:10px;padding:12px 13px 0}
.email-direction-icon{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border:1px solid #e1e7ef;background:#f8fafc;border-radius:7px;color:#475467;font-size:14px}
.email-inbound .email-direction-icon{color:#067647;background:#ecfdf3;border-color:#abefc6}
.email-message-meta{display:flex;gap:8px;justify-content:space-between;align-items:flex-start;flex:1;min-width:0}
.email-message-meta>b,.email-message-meta span{font-size:10px;color:#667085;white-space:nowrap}
.email-message-title{display:flex;flex-wrap:wrap;align-items:center;gap:7px}
.email-message-title>b{font-size:11px;color:#1d2939}
.qualifying-pill{font-size:9px;color:#175cd3;background:#eff4ff;border:1px solid #d6e4ff;border-radius:5px;padding:3px 6px;font-weight:700}
.email-thread-subject{margin:10px 13px 7px;font-size:12px;line-height:1.45;color:#1d2939;overflow-wrap:anywhere}
.email-thread-addresses{display:flex;flex-wrap:wrap;gap:5px 14px;margin:0 13px 10px;color:#667085;font-size:9px;overflow-wrap:anywhere}
.email-thread-addresses b{color:#475467;font-weight:700;margin-right:3px}
.email-thread-body{border-top:1px solid #eaecf0;padding:12px 13px 14px;color:#344054;font-size:11px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;max-height:430px;overflow:auto}
.email-thread-empty{display:flex;gap:11px;align-items:center;border:1px dashed #d0d5dd;border-radius:8px;padding:14px;color:#667085}
.email-thread-empty>span{font-size:20px}.email-thread-empty b{display:block;font-size:11px;color:#344054}.email-thread-empty p{font-size:10px;margin-top:3px}
.email-count-hint{color:#315ee8!important;font-weight:700!important;font-size:9px!important;margin-top:4px!important}
@media(max-width:720px){.email-trail-editor{padding:13px}.email-trail-editor-head{flex-direction:column}.email-editor-grid{grid-template-columns:1fr}.email-editor-grid .field-span{grid-column:auto}.email-message-meta{flex-direction:column;gap:3px}.email-thread-panel{padding:14px}.email-thread-message-head{gap:8px}.email-thread-body{max-height:none}}

/* Keep distinct contact fields in their own columns on narrow screens; users can scroll the table horizontally. */
@media (max-width: 720px) { .data-table-distinct { min-width: 1780px; } .sort-select-label { flex: 1 1 180px; } }

/* v0.3.0 · reusable saved filters inspired by CRM saved views */
.saved-views-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:11px 20px;margin:0 0 10px;background:#fbfcff;border:1px solid #e4eaf3;border-radius:10px}
.saved-views-label{display:flex;align-items:center;gap:9px;min-width:130px;margin-right:3px}
.saved-view-icon{width:28px;height:28px;display:grid;place-items:center;border:1px solid #dfe6f2;background:#fff;border-radius:8px;color:#315de7;font-size:15px}
.saved-views-label>span:last-child{display:flex;flex-direction:column;gap:2px}
.saved-views-label b{font-size:11px;color:#273853}
.saved-views-label small{font-size:9px;color:#8995a8}
.saved-view-load-form,.saved-view-save-form{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:0}
.saved-view-load-form select{min-width:160px;max-width:230px;min-height:34px;border:1px solid #dce3ed;border-radius:8px;padding:7px 9px;background:#fff;color:#344563;font-size:11px}
.saved-view-save-form input[name="view_name"]{width:150px;min-height:34px;border:1px solid #dce3ed;border-radius:8px;padding:7px 9px;background:#fff;color:#344563;font-size:11px}
.btn-compact{min-height:34px!important;height:34px!important;padding:0 10px!important;font-size:10px!important;border-radius:8px!important}
.btn-quiet{background:transparent!important;border-color:transparent!important;color:#77859a!important}
.btn-quiet:hover{background:#fff!important;border-color:#e2e7ef!important;color:#b42318!important}
.saved-view-load-form button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:720px){.saved-views-bar{padding:11px;align-items:stretch}.saved-views-label{width:100%}.saved-view-load-form,.saved-view-save-form{width:100%}.saved-view-load-form select{flex:1;min-width:0;max-width:none}.saved-view-save-form input[name="view_name"]{flex:1;min-width:0;width:auto}}

/* v0.3.3 — task-first, role-aware navigation: the sidebar guides the next action instead of duplicating a generic module menu. */
.sidebar-brand-row{display:flex;align-items:center;gap:5px;margin:0 0 18px;min-width:0}
.sidebar-brand-row .brand{flex:1;min-width:0;margin:0 0 0 8px}
.sidebar-collapse-toggle{width:25px;height:28px;flex:0 0 25px;display:grid;place-items:center;border:1px solid transparent;border-radius:7px;background:transparent;color:#8996a8;font-size:19px;line-height:1}
.sidebar-collapse-toggle:hover{background:#f7f9fc;border-color:#e4e8ef;color:#344054}
.sidebar-section{margin:0 0 18px}
.sidebar-focus-section{padding:10px 7px 9px;margin-left:-7px;margin-right:-7px;border:1px solid #edf1f7;border-radius:10px;background:linear-gradient(135deg,#fbfcff 0%,#fff 75%)}
.sidebar-focus-section .nav-section-label{display:flex;justify-content:space-between;align-items:center;gap:5px;padding:0 7px 8px;color:#687891}
.sidebar-focus-section .nav-section-label small{font-size:7px;letter-spacing:.09em;color:#a0aabc;font-weight:800}
.sidebar-focus-section .nav-list{gap:3px}
.sidebar .nav-item{position:relative;min-width:0}
.sidebar .nav-item .nav-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar .focus-item{height:36px;min-height:36px;padding-left:9px;padding-right:7px;gap:8px;font-size:11px;border-radius:7px}
.sidebar .focus-item .nav-icon{font-size:15px;width:17px;flex:0 0 17px}
.sidebar .focus-item.focus-priority{color:#40516a}
.sidebar .focus-item.focus-priority:hover,.sidebar .focus-item.focus-current{background:#edf3ff;color:#2856cf}
.sidebar .focus-item.focus-current{box-shadow:inset 2px 0 0 #2864e8;font-weight:750}
.sidebar .focus-item .focus-icon-danger{color:#c05250}
.sidebar .focus-item .focus-count{margin-left:auto;min-width:18px;height:19px;display:inline-grid;place-items:center;border:1px solid #e0e7f3;background:#fff;color:#63738c;border-radius:6px;font-size:9px;font-weight:800;padding:0 5px}
.sidebar .focus-item .focus-count-danger{background:#fff3f1;border-color:#f7dfdc;color:#b54745}
.sidebar .focus-item.focus-primary-action{background:#2864e8;border-color:#2864e8;color:#fff;box-shadow:0 2px 5px rgba(40,100,232,.12);font-weight:750}
.sidebar .focus-item.focus-primary-action:hover{background:#1f52c7;color:#fff}
.sidebar .focus-primary-action .nav-icon{font-size:17px}
.sidebar .focus-arrow{margin-left:auto;font-size:13px;opacity:.85}
.sidebar #primaryNav{gap:3px}
.sidebar #primaryNav .nav-item{height:38px;min-height:38px}
.sidebar .nav-section-label{font-size:8px;letter-spacing:.12em}
.sidebar-bottom{display:flex;flex-direction:column;gap:7px}
.sidebar-focus-tip{display:flex;align-items:flex-start;gap:8px;padding:10px 9px;margin:0 0 4px;border-radius:8px;background:#f8fafc;border:1px solid #edf0f5;min-width:0}
.sidebar-tip-mark{width:23px;height:23px;flex:0 0 23px;border-radius:7px;display:grid;place-items:center;background:#eef3ff;color:#4165c8;font-size:12px}
.sidebar-focus-tip>div{min-width:0;display:flex;flex-direction:column;gap:3px}
.sidebar-focus-tip b{font-size:10px;color:#344054;line-height:1.3}
.sidebar-focus-tip small{font-size:9px;line-height:1.45;color:#8491a4}
.sidebar .sidebar-account-link{height:36px;min-height:36px}
.sidebar .sidebar-account-link.active{background:#f0f4ff;color:#2856cf}
.sidebar-user{margin-top:6px}
.app-shell.sidebar-collapsed .sidebar{width:76px;padding:16px 8px 10px}
.app-shell.sidebar-collapsed .main-area{margin-left:76px}
.app-shell.sidebar-collapsed .sidebar-brand-row{justify-content:center;gap:3px;margin-bottom:18px}
.app-shell.sidebar-collapsed .sidebar-brand-row .brand{flex:0 0 auto;margin:0}
.app-shell.sidebar-collapsed .sidebar-brand-row .brand-mark{height:31px;width:32px;border-radius:8px;font-size:10px}
.app-shell.sidebar-collapsed .sidebar-brand-row .brand>span:last-child{display:none}
.app-shell.sidebar-collapsed .sidebar-collapse-toggle{width:20px;height:25px;flex-basis:20px;font-size:17px}



.app-shell.sidebar-collapsed .sidebar-section{margin-bottom:12px}
.app-shell.sidebar-collapsed .sidebar-focus-section{padding:7px 4px;margin-left:-4px;margin-right:-4px}
.app-shell.sidebar-collapsed .nav-section-label{display:none}
.app-shell.sidebar-collapsed .sidebar .nav-item{width:100%;justify-content:center;padding:0;gap:0}
.app-shell.sidebar-collapsed .sidebar .nav-item .nav-text{display:none}
.app-shell.sidebar-collapsed .sidebar .nav-icon{width:auto;flex:0 0 auto;font-size:17px}
.app-shell.sidebar-collapsed .sidebar .nav-count,.app-shell.sidebar-collapsed .focus-arrow{display:none}
.app-shell.sidebar-collapsed .sidebar-focus-tip{justify-content:center;padding:7px 4px}
.app-shell.sidebar-collapsed .sidebar-focus-tip>div{display:none}
.app-shell.sidebar-collapsed .sidebar-user{justify-content:center;flex-wrap:wrap;gap:5px;padding-top:10px}
.app-shell.sidebar-collapsed .sidebar-user .user-meta{display:none}
.app-shell.sidebar-collapsed .sidebar-user .user-avatar{width:29px;height:29px;flex-basis:29px}
.app-shell.sidebar-collapsed .sidebar-user .logout-form{margin:0}
.app-shell.sidebar-collapsed .sidebar-user .icon-button{width:23px}
@media(max-width:950px){.sidebar-brand-row .sidebar-collapse-toggle{display:none}.app-shell.sidebar-collapsed .sidebar{width:224px;padding:19px 12px 12px}.app-shell.sidebar-collapsed .main-area{margin-left:0}.app-shell.sidebar-collapsed .sidebar-brand-row{justify-content:flex-start}.app-shell.sidebar-collapsed .sidebar-brand-row .brand>span:last-child,.app-shell.sidebar-collapsed .nav-section-label,.app-shell.sidebar-collapsed .sidebar .nav-item .nav-text,.app-shell.sidebar-collapsed .sidebar .nav-count,.app-shell.sidebar-collapsed .focus-arrow,.app-shell.sidebar-collapsed .sidebar-focus-tip>div,.app-shell.sidebar-collapsed .sidebar-user .user-meta{display:initial}.app-shell.sidebar-collapsed .sidebar .nav-item{justify-content:flex-start;padding:0 10px}.app-shell.sidebar-collapsed .sidebar .nav-count{display:inline-grid}.app-shell.sidebar-collapsed .sidebar-focus-tip{justify-content:flex-start}.app-shell.sidebar-collapsed .sidebar-user{justify-content:flex-start}.app-shell.sidebar-collapsed .sidebar-user .logout-form{margin-left:auto}}

/* v0.3.4 — horizontal, Pipedrive-inspired salesperson pipeline board */
.sales-pipeline-page-head p{max-width:760px}
.sales-pipeline-panel{overflow:hidden}
.sales-pipeline-toolbar{align-items:center}
.pipeline-view-switch{display:flex;align-items:center;gap:5px;padding:3px;border:1px solid #e1e7f0;background:#f7f9fc;border-radius:10px;flex:0 0 auto}
.pipeline-view-switch .btn{min-height:31px;padding:7px 12px;font-size:10px;box-shadow:none}
.sales-pipeline-summary{display:grid;grid-template-columns:repeat(3,minmax(105px,.65fr)) minmax(240px,1.7fr);gap:0;margin:3px 0 17px;border:1px solid #e1e7f0;border-radius:11px;background:#fff;overflow:hidden}
.sales-pipeline-summary>div{padding:14px 16px;border-right:1px solid #edf0f5;display:flex;flex-direction:column;gap:6px;justify-content:center;min-width:0}
.sales-pipeline-summary>div>span{font-size:10px;color:#7d8ba0}
.sales-pipeline-summary>div>strong{font-size:24px;line-height:1;color:#192943;letter-spacing:-.04em}
.sales-pipeline-summary .pipeline-summary-risk strong{color:#bc4c4d}
.sales-pipeline-summary .pipeline-summary-hint{display:flex;flex-direction:row;align-items:center;gap:10px;border-right:0;background:#fbfcff}
.pipeline-hint-icon{display:grid;place-items:center;width:31px;height:31px;flex:0 0 31px;background:#edf2ff;color:#315de7;border-radius:9px;font-size:17px}
.pipeline-summary-hint>span:last-child{display:flex;flex-direction:column;gap:3px}
.pipeline-summary-hint b{font-size:10px;color:#364761}
.pipeline-summary-hint small{font-size:9px;line-height:1.5;color:#8491a5}
.pipeline-board-wrap{position:relative;margin:0 0 2px;padding:0 1px}
.pipeline-board{display:flex;align-items:stretch;gap:11px;overflow-x:auto;overflow-y:hidden;padding:14px 3px 18px;scroll-snap-type:x proximity;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#c9d3e2 #f6f8fb;min-height:280px}
.pipeline-column{flex:0 0 276px;width:276px;max-width:276px;min-width:276px;display:flex;flex-direction:column;align-self:stretch;min-height:330px;background:#f5f7fb;border:1px solid #e2e8f1;border-radius:11px;scroll-snap-align:start;transition:border-color .15s,background .15s,box-shadow .15s}
.pipeline-column-head{padding:13px 12px 11px;border-bottom:1px solid #e6ebf3;display:flex;flex-direction:column;gap:7px;background:#fafbfd;border-radius:11px 11px 0 0}
.pipeline-stage-title{display:flex;align-items:center;gap:8px;min-width:0}
.pipeline-stage-title h3{font:750 11px 'Manrope',sans-serif;color:#354660;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}
.pipeline-stage-dot{height:8px;width:8px;border-radius:50%;background:#7991bb;flex:0 0 8px}
.pipeline-stage-count{height:22px;min-width:23px;padding:0 6px;display:grid;place-items:center;border:1px solid #e1e7f0;background:#fff;border-radius:7px;color:#60718b;font-size:10px;font-weight:800}
.pipeline-column-head>small{font-size:9px;line-height:1.4;color:#8a97a9;padding-left:16px}
.pipeline-tone-blue .pipeline-stage-dot{background:#4f78e6}.pipeline-tone-violet .pipeline-stage-dot{background:#8b72d4}.pipeline-tone-amber .pipeline-stage-dot{background:#d19a32}.pipeline-tone-indigo .pipeline-stage-dot{background:#687ed8}.pipeline-tone-teal .pipeline-stage-dot{background:#329d9b}.pipeline-tone-green .pipeline-stage-dot{background:#2e9c70}.pipeline-tone-slate .pipeline-stage-dot{background:#8d9aab}.pipeline-tone-amber .pipeline-stage-dot{background:#d19a32}
.pipeline-column-body{display:flex;flex:1;flex-direction:column;align-items:stretch;gap:9px;padding:9px;min-height:220px;transition:background .15s}
.pipeline-column.is-drag-target{border-color:#86a5ff;background:#edf3ff;box-shadow:0 0 0 2px #315de71c}
.pipeline-column.is-drag-target .pipeline-column-head{background:#f1f5ff;border-bottom-color:#dbe5ff}
.pipeline-card{position:relative;display:flex;flex-direction:column;gap:9px;padding:12px 11px 10px;background:#fff;border:1px solid #e0e6ef;border-radius:9px;box-shadow:0 2px 4px #17264108;min-width:0;cursor:grab;transition:box-shadow .15s,border-color .15s,transform .15s}
.pipeline-card:hover{border-color:#cbd7e8;box-shadow:0 5px 14px #17264110}
.pipeline-card:focus-within{outline:2px solid #315de744;outline-offset:1px}
.pipeline-card.is-dragging{opacity:.42;transform:rotate(1deg);box-shadow:none}
.pipeline-card-top{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0;padding-bottom:7px;border-bottom:1px solid #eef1f6}
.pipeline-card-contact{font:800 12px 'Manrope',sans-serif;line-height:1.4;color:#263b5d;text-decoration:none;overflow-wrap:anywhere}
.pipeline-card-contact:hover{color:#315de7;text-decoration:underline}
.pipeline-card-status{display:inline-flex;align-items:center;max-width:100%;padding:4px 7px;border-radius:5px;font-size:8px;line-height:1.2;font-weight:800;white-space:normal}
.pipeline-card-field{min-width:0;display:flex;flex-direction:column;gap:3px}
.pipeline-card-field>span{font-size:8px;letter-spacing:.08em;font-weight:800;color:#94a0b1}
.pipeline-card-field>strong,.pipeline-card-field>a{font-size:10px;line-height:1.4;font-weight:650;color:#41536d;overflow-wrap:anywhere;word-break:break-word;text-decoration:none;min-width:0}
.pipeline-card-field>a{color:#315de7}
.pipeline-card-field>a:hover{text-decoration:underline}
.pipeline-card-field .pipeline-missing{font-weight:500;color:#a1abba}
.pipeline-card-field .pipeline-wrap-value{overflow-wrap:anywhere;word-break:break-all}
.pipeline-card-two-fields{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:9px;min-width:0}
.pipeline-card-two-fields .pipeline-card-field:first-child{border-right:1px solid #edf0f5;padding-right:7px}
.pipeline-card-followup{display:flex;flex-direction:column;gap:4px;padding:8px 9px;background:#f5f8fc;border:1px solid #edf1f6;border-radius:7px;min-width:0}
.pipeline-card-followup>span{font-size:8px;letter-spacing:.06em;font-weight:800;color:#8290a4}
.pipeline-card-followup>strong{font-size:10px;line-height:1.35;color:#51627b;overflow-wrap:anywhere}
.pipeline-card-followup.is-overdue{background:#fff5f4;border-color:#f5dddd}
.pipeline-card-followup.is-overdue>span,.pipeline-card-followup.is-overdue>strong{color:#b54749}
.pipeline-card-footer{display:flex;align-items:center;justify-content:space-between;gap:7px;padding-top:3px}
.pipeline-card-footer a{font-size:9px;color:#4168c9;text-decoration:none;font-weight:750;white-space:nowrap}
.pipeline-card-footer a:hover{text-decoration:underline}
.pipeline-card-footer a:last-child{color:#7c8ba1;font-weight:650}
.pipeline-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:115px;padding:16px 8px;border:1px dashed #d7deea;border-radius:8px;text-align:center;color:#8190a5;font-size:10px;line-height:1.5}
.pipeline-empty span{font-size:9px;color:#a1abba}
.pipeline-board-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:7px 2px 3px;font-size:9px;color:#8a97a9}
.pipeline-board-foot span:last-child{display:flex;align-items:center;gap:6px}
.pipeline-board-foot span:last-child:before{content:'↔';font-size:13px;color:#667faa}
.pipeline-move-form[hidden]{display:none!important}
.pipeline-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:1000px){.sales-pipeline-summary{grid-template-columns:repeat(3,minmax(90px,1fr))}.sales-pipeline-summary .pipeline-summary-hint{grid-column:1/-1;border-top:1px solid #edf0f5}.pipeline-column{flex-basis:258px;width:258px;min-width:258px;max-width:258px}}
@media(max-width:620px){.sales-pipeline-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.sales-pipeline-summary>div{padding:11px 10px}.sales-pipeline-summary>div>strong{font-size:21px}.sales-pipeline-summary>div>span{font-size:9px}.sales-pipeline-summary .pipeline-summary-hint{grid-column:1/-1}.pipeline-view-switch{align-self:flex-start}.pipeline-column{flex-basis:250px;width:250px;min-width:250px;max-width:250px}.pipeline-board{margin-left:-3px;margin-right:-3px;padding-left:3px;padding-right:9px}.sales-pipeline-toolbar{align-items:flex-start;flex-direction:column}}


/* v0.3.6 — the sales pipeline gets the full main-area width while retaining the fixed left sidebar. */
.content-wrap.content-wrap-pipeline{max-width:none}


/* Admin assignment guidance: keep the handoff action discoverable. */
.assignment-guide{display:flex;align-items:flex-start;gap:12px;padding:13px 15px;margin:0 0 18px;border:1px solid #dce5fb;border-radius:11px;background:#f4f7ff;color:#263b66}.assignment-guide-icon{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:9px;background:#e2eaff;color:#315de7;font-weight:800;font-size:16px}.assignment-guide b{display:block;font-size:12px;color:#1c3157}.assignment-guide p{margin:3px 0 0;color:#627390;font-size:11px;line-height:1.55}.assignment-guide strong{color:#315de7}


/* v0.4.1 — keep salesperson priorities inside the single pipeline workspace. */
.pipeline-quick-filters{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0 0 14px;padding:10px 12px;background:#fff;border:1px solid #e5eaf1;border-radius:10px}
.pipeline-quick-filter-label{font-size:8px;letter-spacing:.12em;font-weight:800;color:#8a97a9;margin-right:3px}
.pipeline-quick-filter{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:6px 10px;border:1px solid #e3e8f0;border-radius:7px;background:#fbfcfe;color:#586982;font-size:10px;font-weight:700;white-space:nowrap;transition:background .15s,border-color .15s,color .15s}
.pipeline-quick-filter:hover{border-color:#cbd7fa;background:#f4f7ff;color:#315de7}
.pipeline-quick-filter.is-active{border-color:#cddaff;background:#edf2ff;color:#2c55d6;box-shadow:inset 0 0 0 1px #e1e8ff}
.pipeline-quick-filter span{font-size:12px;line-height:1}
@media(max-width:620px){.pipeline-quick-filters{gap:6px;padding:9px}.pipeline-quick-filter-label{width:100%;margin-bottom:1px}.pipeline-quick-filter{flex:0 0 auto}}

/* v0.4.3: discoverable salesperson task, reminder, and notification center */
.sales-notification-toplink{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #dce5f4;border-radius:9px;background:#fff;color:#3b5ed0;font-size:11px;font-weight:800;white-space:nowrap}.sales-notification-toplink>span{font-size:16px}.sales-notification-toplink b{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 4px;background:#d84343;color:#fff;border-radius:9px;font-size:10px}
.sales-productivity-panel{margin:2px 0 18px;padding:19px 20px 18px;scroll-margin-top:80px}.sales-productivity-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.sales-productivity-head h2{font:800 18px/1.2 'Manrope',sans-serif;letter-spacing:-.03em;margin:0;color:#1d2d48}.sales-productivity-head p{margin:6px 0 0;color:#7a879a;font-size:11px}.sales-productivity-badges{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}.sales-productivity-badges span{padding:7px 9px;border:1px solid #e5eaf2;border-radius:8px;background:#f8faff;font-size:10px;color:#687891;white-space:nowrap}.sales-productivity-badges b{font-size:12px;color:#243653}.sales-productivity-badges .risk b{color:#c33e4c}.sales-productivity-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:16px}.sales-tasks-column,.sales-notifications-column{min-width:0;border:1px solid #e5eaf2;border-radius:11px;padding:14px;background:#fff}.sales-subhead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.sales-subhead h3{margin:0;font:800 13px 'Manrope',sans-serif;color:#223451}.sales-subhead p{margin:4px 0 0;color:#8290a5;font-size:10px}.sales-mini-count,.sales-notification-count{font-size:10px;font-weight:800;color:#6b7b93;background:#f3f6fb;padding:6px 8px;border-radius:7px;white-space:nowrap}.sales-notification-count.has-unread{background:#fff0f1;color:#bb414d}.sales-task-form{padding:12px;border:1px solid #e8edf5;border-radius:9px;background:#fafbfe;display:flex;flex-direction:column;gap:10px}.sales-task-form .field{gap:5px}.sales-task-form .field>span{font-size:10px}.sales-task-form input,.sales-task-form select,.sales-task-form textarea{min-height:35px;font-size:11px}.sales-task-form textarea{min-height:52px}.sales-task-form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sales-task-form-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.sales-task-form-footer small{max-width:370px;font-size:9px;line-height:1.45;color:#8290a5}.sales-task-form-footer .btn{min-height:35px;font-size:10px}.sales-task-list{display:flex;flex-direction:column;margin-top:11px}.sales-task-row{display:flex;align-items:flex-start;gap:10px;padding:12px 2px;border-top:1px solid #edf0f5}.sales-task-row.is-overdue{background:linear-gradient(90deg,#fff5f5,transparent);padding-left:8px;padding-right:8px;border-radius:7px}.sales-task-check form{margin:1px 0 0}.sales-task-check button{width:21px;height:21px;border:1px solid #cbd6e6;border-radius:7px;background:#fff;color:#218361;font-weight:800;font-size:12px}.sales-task-check button:hover{background:#e9f8f1;border-color:#8ed5b6}.sales-task-main{min-width:0;flex:1}.sales-task-title-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.sales-task-title-row>b{font-size:11px;color:#263956;overflow-wrap:anywhere}.task-type-pill{padding:3px 6px;background:#eef2ff;color:#5266aa;border-radius:5px;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.sales-task-main>small{display:block;margin-top:4px;color:#76869d;font-size:9px}.sales-task-main>small a{color:#315de7;font-weight:800}.sales-task-main>p{font-size:10px;color:#75849a;margin:5px 0 0;white-space:pre-wrap}.sales-task-timing{display:flex;gap:9px;flex-wrap:wrap;margin-top:7px}.sales-task-timing span{font-size:9px;color:#6e7e94}.sales-task-timing .danger{color:#bf414d;font-weight:800}.sales-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:21px 12px;color:#7b8aa0}.sales-empty-state>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#e7f7ef;color:#17835c;font-size:16px;margin-bottom:7px}.sales-empty-state b{font-size:11px;color:#3b4d68}.sales-empty-state p{font-size:10px;margin:4px 0 0}.sales-empty-state.compact{padding:30px 10px}.sales-empty-state.compact>span{background:#eef2ff;color:#5269d3}.sales-mark-read-form{text-align:right;margin:-5px 0 8px}.sales-mark-read-form .text-button{font-size:10px}.sales-notification-list{display:flex;flex-direction:column}.sales-notification-row{display:flex;align-items:flex-start;gap:10px;padding:11px 5px;border-top:1px solid #edf0f5;position:relative}.sales-notification-row.is-unread{background:#f7f9ff}.sales-notification-icon{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:8px;background:#eef2ff;color:#4565d9;font-size:14px}.sales-notification-text{min-width:0;display:flex;flex-direction:column;gap:4px;flex:1}.sales-notification-text>b{font-size:10px;color:#293b57}.sales-notification-text>small{font-size:9px;line-height:1.45;color:#75849a}.sales-notification-text time{font-size:8px;color:#8b98ab}.sales-notification-row>i{width:6px;height:6px;background:#315de7;border-radius:50%;margin-top:7px;flex:0 0 6px}.sales-notification-footnote{font-size:9px;line-height:1.5;color:#8794a6;margin:12px 0 0}.pipeline-card-footer{flex-wrap:wrap;justify-content:flex-start}.pipeline-card-footer .pipeline-card-gmail{color:#315de7}.pipeline-card-footer a{font-size:9px}
@media(max-width:950px){.sales-productivity-grid{grid-template-columns:1fr}.sales-notifications-column{min-height:220px}}
@media(max-width:620px){.sales-productivity-panel{padding:13px}.sales-productivity-head{flex-direction:column}.sales-productivity-badges{justify-content:flex-start}.sales-task-form-row{grid-template-columns:1fr}.sales-task-form-footer{align-items:flex-start;flex-direction:column}.sales-task-form-footer .btn{width:100%}.sales-notification-toplink{padding:6px;font-size:10px}}

/* v0.4.3: every scheduled task can be transferred to Google Calendar with its due time prefilled. */
.sales-task-calendar-link{font-size:9px;font-weight:800;color:#315de7;text-decoration:none;white-space:nowrap}.sales-task-calendar-link:hover{text-decoration:underline}


/* Optional Google account integrations — v0.4.4 */
.google-connections-panel{margin-top:16px}.google-connections-intro{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.google-connections-intro p{max-width:720px}.google-connection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.google-connection-card{display:flex;align-items:flex-start;gap:12px;min-width:0;padding:14px;border:1px solid #e4eaf3;border-radius:10px;background:#fff}.google-connection-mark{flex:0 0 36px;width:36px;height:36px;display:grid;place-items:center;border:1px solid #e4eaf3;border-radius:10px;background:#f8faff;font-size:18px;font-weight:800;color:#365edb}.google-connection-copy{flex:1;min-width:0}.google-connection-top{display:flex;gap:8px;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}.google-connection-top b{font-size:12px;color:#263b5d}.google-connection-copy p{margin:5px 0 10px;font-size:10px;line-height:1.55;color:#687993}.google-connection-status{display:inline-flex;align-items:center;gap:5px;border-radius:20px;padding:4px 7px;font-size:9px;font-weight:750;color:#66758b;background:#f1f4f8;white-space:nowrap}.google-connection-status:before{content:'';display:block;width:5px;height:5px;border-radius:50%;background:#9aa6b6}.google-connection-action{font-size:10px;min-height:29px;padding:6px 10px}.google-connection-result{margin:9px 0 0;padding:9px 11px;border:1px solid #f1dfb1;border-radius:8px;background:#fff9ea;color:#775b20;font-size:10px;line-height:1.55}.google-connection-result[hidden]{display:none}.google-connection-footnote{margin:12px 0 0;padding:10px 12px;border-left:3px solid #d7e1f5;background:#f7f9fd;font-size:10px;line-height:1.6;color:#60708a}.google-connection-footnote b{color:#354867}.google-scope-label{font-size:9px;color:#8592a5;font-weight:700;letter-spacing:.04em;margin-top:5px}.google-connection-connect-wrap{display:flex;gap:8px;align-items:center;flex-wrap:wrap}@media(max-width:760px){.google-connection-grid{grid-template-columns:1fr}.google-connection-card{padding:12px}.google-connection-mark{flex-basis:32px;width:32px;height:32px}}

.google-connection-recommendation{display:inline-flex;align-items:center;border-radius:20px;padding:4px 7px;font-size:9px;font-weight:750;color:#3156ba;background:#eef3ff;white-space:nowrap}.google-connection-top{display:flex;gap:6px;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}


/* Google native-service quick links — v0.4.5 */
.google-tools-panel{margin-top:16px}.google-tools-intro{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.google-tools-intro p{max-width:720px}.google-tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.google-tool-card{display:flex;align-items:flex-start;gap:11px;min-width:0;padding:14px;border:1px solid #e4eaf3;border-radius:10px;background:#fff}.google-tool-mark{flex:0 0 36px;width:36px;height:36px;display:grid;place-items:center;border:1px solid #e4eaf3;border-radius:10px;background:#f8faff;font-size:18px;font-weight:800;color:#365edb}.google-tool-copy{flex:1;min-width:0}.google-tool-copy>b{font-size:12px;color:#263b5d}.google-tool-copy p{margin:5px 0 11px;font-size:10px;line-height:1.55;color:#687993;min-height:31px}.google-tool-action{font-size:10px;min-height:29px;padding:6px 10px;display:inline-flex;gap:5px;align-items:center;text-decoration:none}.google-tools-footnote{margin:12px 0 0;padding:10px 12px;border-left:3px solid #d7e1f5;background:#f7f9fd;font-size:10px;line-height:1.6;color:#60708a}.google-tools-footnote b{color:#354867}@media(max-width:950px){.google-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.google-tools-grid{grid-template-columns:1fr}.google-tool-card{padding:12px}.google-tool-mark{flex-basis:32px;width:32px}}

/* v0.4.7 — separate sales execution Dashboard from the lead pipeline */
.dashboard-unread-badge{margin-left:auto;min-width:18px;height:19px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;background:#eaf0ff;color:#2856cf;font-size:10px;font-weight:800;line-height:1}
.dashboard-unread-badge[hidden]{display:none!important}
.sales-dashboard{display:flex;flex-direction:column;gap:18px;max-width:1440px;margin:0 auto}
.sales-dashboard-head{align-items:center;margin-bottom:0}
.sales-dashboard-head h1{margin-bottom:5px}
.dashboard-metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.dashboard-metric{display:flex;flex-direction:column;gap:8px;min-width:0;text-decoration:none;background:#fff;border:1px solid #e8edf5;border-radius:13px;padding:17px 18px;box-shadow:0 2px 4px rgba(28,45,78,.025);transition:border-color .15s,transform .15s}
.dashboard-metric:hover{border-color:#c8d6ff;transform:translateY(-1px)}
.dashboard-metric>span{color:#6f7f96;font-size:12px;font-weight:650}
.dashboard-metric>strong{font-size:29px;line-height:1.08;letter-spacing:-.04em;color:#213452}
.dashboard-metric>small{font-size:10px;color:#8290a5}
.dashboard-metric-danger>strong{color:#c4524f}
.dashboard-metric-blue>strong{color:#285fe0}
.dashboard-browser-notifications{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;margin:0}
.dashboard-browser-notification-copy{display:flex;align-items:center;gap:12px;min-width:0}
.dashboard-push-icon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:11px;background:#eef3ff;color:#2d5bd1;font-size:20px}
.dashboard-browser-notification-copy>div{min-width:0}
.dashboard-browser-notification-copy b{display:block;color:#263a58;font-size:12px}
.dashboard-browser-notification-copy p{margin:4px 0 0;color:#78869a;font-size:10px;line-height:1.5}
#browserNotificationStatus[data-state="success"]{color:#16744f}
#browserNotificationStatus[data-state="warning"]{color:#9b5c13}
.dashboard-pipeline-snapshot{padding:18px;margin:0}
.dashboard-section-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px}
.dashboard-section-head h2{margin:0;color:#243653;font-size:15px}
.dashboard-section-head p{margin:5px 0 0;color:#7c8aa0;font-size:11px;line-height:1.5}
.dashboard-section-head>.btn{white-space:nowrap}
.dashboard-snapshot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.dashboard-snapshot-grid>a{display:flex;flex-direction:column;gap:9px;min-width:0;padding:13px;border:1px solid #edf1f6;border-radius:10px;text-decoration:none;background:#fbfcfe}
.dashboard-snapshot-grid>a:hover{border-color:#cbd8ff;background:#f8faff}
.dashboard-snapshot-grid span{font-size:10px;line-height:1.4;color:#718098}
.dashboard-snapshot-grid strong{font-size:23px;line-height:1;color:#243653}
.dashboard-pipeline-shortcuts{display:flex;gap:18px;flex-wrap:wrap;margin-top:14px;padding-top:13px;border-top:1px solid #edf1f6}
.dashboard-pipeline-shortcuts a{display:flex;align-items:center;gap:8px;color:#667791;font-size:10px;text-decoration:none}
.dashboard-pipeline-shortcuts a b{color:#2e5cda}
.sales-productivity-panel{margin:0}
.sales-task-subhead{align-items:center}
.sales-task-subhead-actions{display:flex;align-items:center;gap:9px;flex-shrink:0;min-width:0}
.btn-small{min-height:30px;padding:7px 10px;font-size:10px}
.dashboard-task-filters{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0 0 13px}
.dashboard-task-filters>a{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #e7ecf5;border-radius:8px;background:#fff;color:#63748d;text-decoration:none;font-size:10px;font-weight:650}
.dashboard-task-filters>a b{display:inline-grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border-radius:5px;background:#f0f3f8;color:#52627b;font-size:9px}
.dashboard-task-filters>a.is-active{background:#edf3ff;border-color:#cbd8ff;color:#2457d9}
.dashboard-task-filters>a.is-active b{background:#d9e5ff;color:#2457d9}
.sales-task-form[hidden]{display:none!important}
.sales-task-form{margin-top:2px}
.sales-task-form-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
.sales-notification-form{margin:0;padding:0;border:0;min-width:0}
.sales-notification-form .sales-notification-row{font:inherit;width:100%;border:0;border-top:1px solid #edf0f5;border-radius:0;text-align:left;background:transparent;cursor:pointer;color:inherit}
.sales-notification-form .sales-notification-row:hover{background:#f4f7ff}
.sales-notification-form .sales-notification-row.is-unread{background:#f7f9ff}
.notification-open-hint{display:inline-block;color:#315de7;font-size:9px;font-weight:750;margin-top:2px}
@media(max-width:1050px){.dashboard-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-snapshot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.sales-dashboard{gap:13px}.sales-dashboard-head{align-items:flex-start;flex-direction:column}.sales-dashboard-head>.btn{width:100%}.dashboard-browser-notifications{align-items:flex-start;flex-direction:column}.dashboard-browser-notifications>.btn{width:100%}.dashboard-metrics-grid{gap:8px}.dashboard-metric{padding:13px}.dashboard-metric>strong{font-size:25px}.dashboard-pipeline-snapshot{padding:13px}.dashboard-section-head{align-items:flex-start;flex-direction:column}.dashboard-section-head>.btn{width:100%}.dashboard-snapshot-grid{gap:7px}.dashboard-snapshot-grid>a{padding:10px}.dashboard-pipeline-shortcuts{flex-direction:column;gap:10px}.sales-task-subhead{align-items:flex-start;flex-direction:column}.sales-task-subhead>div:first-child{width:100%;min-width:0}.sales-task-subhead-actions{width:auto;max-width:100%;justify-content:flex-start}.sales-task-form-footer{align-items:flex-start;flex-direction:column}.sales-task-form-actions{width:100%}.sales-task-form-actions>.btn{flex:1}.dashboard-task-filters>a{flex:1;justify-content:center}}

/* v0.4.8 — marketer review queue and paste-to-parse email trail */
.review-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 18px}
.review-summary-card{display:flex;flex-direction:column;gap:7px;padding:15px 16px;background:#fff;border:1px solid #e3e9f2;border-radius:12px;box-shadow:0 5px 18px rgba(25,46,83,.025);transition:border-color .15s,transform .15s}
.review-summary-card:hover{border-color:#b9c8f7;transform:translateY(-1px)}
.review-summary-card span{font-size:10px;color:#72819a;font-weight:700}
.review-summary-card strong{font:800 25px/1.1 'Manrope',sans-serif;letter-spacing:-.04em;color:#263854}
.review-summary-approved strong{color:#17835c}.review-summary-changes strong{color:#a66516}.review-summary-rejected strong{color:#b6424c}.review-summary-pending strong{color:#315de7}
.review-notifications-panel{padding:18px 20px;margin:0 0 25px}
.review-notifications-panel .panel-head{align-items:center;margin-bottom:10px}
.review-unread-count{display:inline-flex;vertical-align:middle;margin-left:7px;padding:3px 7px;background:#edf2ff;color:#315de7;border-radius:6px;font:700 9px 'DM Sans',sans-serif;letter-spacing:0}
.review-notification-list{display:grid;gap:7px}
.review-notification-row{margin:0;border:1px solid #e7ecf4;border-radius:9px;overflow:hidden}
.review-notification-row button{display:flex;width:100%;align-items:flex-start;gap:10px;padding:12px;background:#fff;border:0;text-align:left;color:inherit}
.review-notification-row.is-unread button{background:#f8faff}
.review-notification-dot{width:7px;height:7px;border-radius:50%;background:#c8d0dc;flex:0 0 7px;margin-top:5px}
.review-notification-row.is-unread .review-notification-dot{background:#315de7;box-shadow:0 0 0 3px #e8eeff}
.review-notification-copy{flex:1;min-width:0;display:grid;gap:3px}
.review-notification-copy b{font-size:11px;color:#253751}.review-notification-copy small{font-size:10px;color:#718099;line-height:1.5;overflow-wrap:anywhere}.review-notification-copy time{font-size:9px;color:#97a2b2}
.review-empty{font-size:11px;color:#8794a7;padding:10px 0 3px;margin:0}
.status-badge.status-follow-up{background:#fff4df;color:#a66b15;border-color:#f7e6bf}
.review-note-cell{display:block;max-width:210px;color:#8b6a34;font-size:9px;line-height:1.45;margin-top:4px;white-space:normal}
.review-meta{font-size:10px;color:#8b98aa;margin:7px 0 12px}
.lead-review-status-panel{padding:17px 18px;margin-bottom:15px;scroll-margin-top:85px}
.lead-review-status-panel .panel-heading-line{align-items:center}
.lead-review-status-panel .muted{font-size:11px;line-height:1.6;margin:9px 0 0}
.review-feedback{border:1px solid #f4dfbd;background:#fffaf0;border-radius:9px;padding:11px 12px;margin-top:12px}
.review-feedback b{font-size:10px;color:#925f19}.review-feedback p{font-size:11px;color:#5c4c35;line-height:1.6;margin:5px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
.lead-review-actions{border-color:#cbd8ff;background:linear-gradient(180deg,#fbfcff 0%,#fff 100%)}
.lead-review-actions .review-decision-form{padding-bottom:14px;border-bottom:1px solid #e8edf5;margin-bottom:14px}
.lead-review-actions .review-decision-form:last-of-type{border-bottom:0}
.lead-review-actions .field textarea{min-height:60px}
.review-reject-details{border-top:1px solid #e8edf5;padding-top:12px}
.review-reject-details summary{font-size:10px;color:#b54750;font-weight:700;cursor:pointer;padding:4px 0}
.review-reject-details form{margin-top:10px}
.btn-danger{background:#b54750;color:#fff;border-color:#b54750}.btn-danger:hover{background:#9f3740}
.resubmit-lead-panel{padding:20px 22px;margin:0 0 18px}
.thread-paste-panel{padding:13px;border:1px dashed #cdd8eb;background:#fff;border-radius:9px;margin:14px 0}
.thread-paste-panel textarea{min-height:115px}
.thread-paste-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:9px}
.thread-paste-actions .field-hint{flex:1;min-width:180px}
.review-notification-row button:hover{background:#f7f9fe}
@media(max-width:900px){.review-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.review-summary-grid{gap:8px}.review-summary-card{padding:12px}.review-summary-card strong{font-size:22px}.review-notifications-panel{padding:14px}.review-notifications-panel .panel-head{align-items:flex-start}.thread-paste-actions{align-items:stretch;flex-direction:column}.thread-paste-actions .btn{width:100%}.resubmit-lead-panel{padding:14px}}
.email-revision-history{padding:14px 16px;margin:0 0 14px;border:1px solid #e4e9f2}
.email-revision-history>summary{font-size:11px;font-weight:750;color:#4c5d79;cursor:pointer;list-style:none}
.email-revision-history>summary::-webkit-details-marker{display:none}
.email-revision-group{border-top:1px solid #edf0f5;margin-top:12px;padding-top:12px}
.email-revision-group h3{display:flex;gap:8px;align-items:center;margin:0 0 8px;font-size:11px;color:#31415c}
.email-revision-group h3 span{font-size:9px;color:#8591a5;font-weight:500}
.email-revision-message{border:1px solid #edf0f5;border-radius:8px;padding:10px 12px;margin:7px 0;background:#fbfcfe}
.email-revision-message>div{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.email-revision-message b{font-size:10px;color:#475467}.email-revision-message time{font-size:9px;color:#98a2b3}
.email-revision-message strong{display:block;margin-top:6px;font-size:10px;color:#344054}
.email-revision-message p{margin:7px 0 0;font-size:10px;line-height:1.6;color:#526178;overflow-wrap:anywhere}


/* v0.4.9 marketer submission workflow: keep daily controls simple; preserve advanced options. */
.saved-views-collapsible{margin:0 0 12px;border:1px solid #e6ebf3;background:#fff;border-radius:10px;padding:0 13px}
.saved-views-collapsible>summary{cursor:pointer;list-style:none;padding:11px 2px;color:#61718a;font-size:10px;font-weight:750}
.saved-views-collapsible>summary::-webkit-details-marker{display:none}
.saved-views-collapsible>summary:after{content:'＋';float:right;color:#7e8da4}
.saved-views-collapsible[open]>summary:after{content:'−'}
.saved-views-collapsible .saved-views-bar{border:0;border-top:1px solid #edf0f5;border-radius:0;padding:12px 0;margin:0}
.marketer-submissions-filter-bar{display:grid;grid-template-columns:minmax(230px,1fr) minmax(165px,220px) auto;align-items:start;gap:9px;padding:0 0 14px}
.marketer-submissions-filter-bar .search-box{max-width:none;min-width:0;height:39px}
.marketer-submissions-filter-bar>select{max-width:none;width:100%;height:39px}
.filter-more{position:relative;min-width:150px}
.filter-more>summary{height:39px;display:flex;align-items:center;justify-content:center;gap:14px;padding:0 13px;border:1px solid #e0e6ef;border-radius:8px;background:#fff;color:#60718a;font-size:11px;font-weight:700;cursor:pointer;list-style:none;white-space:nowrap}
.filter-more>summary::-webkit-details-marker{display:none}
.filter-more[open]>summary{border-color:#b9c9fa;background:#f8faff;color:#315de7}
.filter-more-grid{display:grid;grid-template-columns:repeat(3,minmax(145px,1fr));gap:12px;padding:14px;margin-top:8px;border:1px solid #e5eaf2;border-radius:10px;background:#fff;box-shadow:0 8px 25px rgba(25,46,83,.045)}
.filter-more-grid .field{gap:5px}
.filter-more-grid .field>span{font-size:10px}
.filter-more-grid .field select{width:100%;min-width:0;min-height:38px;border:1px solid #e0e6ef;border-radius:8px;background:#fff;padding:0 9px;color:#52627b;font-size:11px}
.filter-actions{display:flex;align-items:center;gap:8px;justify-content:flex-start}
.additional-contact-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:19px 0 22px}
.additional-contact-group{min-width:0;border:1px solid #e6ebf3;border-radius:10px;padding:13px;background:#fcfdff}
.additional-contact-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:9px}
.additional-contact-heading h3{font:750 11px 'Manrope',sans-serif;color:#30415c;margin:0}
.additional-contact-heading h3 small{font:500 9px 'DM Sans',sans-serif;color:#8a97a9}
.additional-contact-heading p{font-size:10px;color:#8492a6;margin:4px 0 0;line-height:1.5}
.additional-contact-list{display:grid;gap:8px}
.additional-contact-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px 8px}
.additional-contact-row>span{grid-column:1/-1;font-size:10px!important}
.additional-contact-row>label{grid-column:1/-1;font-size:10px!important;color:#52627b;font-weight:650}
.additional-contact-row input{min-width:0}
.additional-contact-row .text-button{align-self:center}
@media(max-width:1000px){.filter-more-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}}
@media(max-width:720px){.marketer-submissions-filter-bar{grid-template-columns:1fr;gap:9px}.filter-more{min-width:0;width:100%}.filter-more>summary{justify-content:space-between}.filter-more-grid{grid-template-columns:1fr;padding:11px}.filter-actions{width:100%}.filter-actions .btn{flex:1}.additional-contact-sections{grid-template-columns:1fr}.additional-contact-heading{align-items:flex-start}}

/* v0.5.0 — keep alternate contacts aligned with primary qualification fields. */
.inline-contact-field{min-width:0}
.inline-contact-field>label{display:block;margin:0 0 7px;color:#42536e;font-size:11px;font-weight:700}
.inline-contact-field>label small{font-size:10px;color:#99a3b2;font-weight:500}
.inline-contact-field .additional-contact-list{display:grid;gap:8px}
.inline-contact-field .additional-contact-list>input{width:100%;min-width:0;border:1px solid #dce3ed;border-radius:8px;background:#fff;color:#263954;min-height:41px;padding:10px 11px;font-size:12px}
.inline-contact-field .additional-contact-list>input::placeholder{color:#a3adbc}
.inline-contact-field .additional-contact-list>input:focus{border-color:#90a9ff;box-shadow:0 0 0 3px #315de713;outline:none}
.additional-contact-add{align-self:flex-start;margin-top:3px;padding:2px 0;font-size:10px;text-align:left}
.email-message-review{margin-top:13px;border:1px solid #e1e7ef;border-radius:9px;background:#fff;overflow:hidden}
.email-message-review>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;padding:12px 14px;color:#344054;font-size:11px;font-weight:750}
.email-message-review>summary::-webkit-details-marker{display:none}
.email-message-review>summary:after{content:'＋';margin-left:auto;color:#667085;font-size:15px}
.email-message-review[open]>summary:after{content:'−'}
.email-message-review>summary small{font-size:10px;font-weight:500;color:#8794a8}
.email-message-review .email-message-editor-list{padding:0 12px 12px}
.email-message-review .email-message-editor-list[hidden]{display:none!important}
.thread-paste-actions{align-items:center}
.thread-paste-actions .btn{flex:0 0 auto}
@media(max-width:720px){.thread-paste-actions .btn{width:100%}.email-message-review>summary{align-items:flex-start;flex-wrap:wrap}.email-message-review>summary:after{margin-left:auto}.inline-contact-field .additional-contact-list{gap:7px}}


/* v0.5.2 — single-panel sign-in. Product messaging/feature rail stays out of the login screen. */
.login-body { background: #f6f8fb; }
.login-layout.login-layout-single {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 100vh;
  padding: 32px 24px;
  background: #f6f8fb;
}
.login-layout-single .login-aside { display: none !important; }
.login-layout-single .login-panel {
  width: 100%;
  max-width: 520px;
  min-height: 0;
  margin: 0;
  padding: 40px 44px;
  border: 1px solid #e6ebf3;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 18px 55px rgba(20, 37, 65, .08);
}
.login-layout-single .login-card { width: 100%; max-width: 390px; }
.login-layout-single .login-footer { margin-top: 30px; text-align: center; }
@media (max-width: 600px) {
  .login-layout.login-layout-single { padding: 18px 14px; }
  .login-layout-single .login-panel { padding: 30px 22px; border-radius: 14px; }
  .login-layout-single .login-card-mark { margin-bottom: 16px; }
  .login-layout-single .login-footer { margin-top: 24px; }
}