.calculator-lead-search { position: relative; z-index: 4; display: grid; gap: 5px; margin: 0 0 8px; color: var(--muted); font-size: 10px; }
.calculator-lead-search > label { display: block; margin: 0; color: var(--muted); font-size: 10px; }
.calculator-lead-search .dark-input { width: 100%; height: 38px; }
.calculator-lead-results { display: grid; max-height: min(245px, 42vh); overflow: hidden; border: 1px solid var(--line); border-radius: 3px; background: var(--surface); box-shadow: 0 5px 16px rgb(0 0 0 / 14%); }
.calculator-lead-results[hidden] { display: none; }
.calculator-lead-results-status { margin: 0; padding: 7px 9px; border-bottom: 1px solid var(--line); color: var(--muted); font-size: 9px; }
[data-calculator-lead-options] { display: grid; max-height: 205px; overflow-y: auto; }
.calculator-lead-option { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 8px; width: 100%; min-height: 44px; padding: 7px 9px; border: 0; border-bottom: 1px solid var(--line); background: var(--surface); color: var(--text); text-align: right; cursor: pointer; }
.calculator-lead-option:hover, .calculator-lead-option:focus-visible { outline: none; background: var(--surface-2); }
.calculator-lead-option > span:first-child { display: flex; flex-wrap: wrap; align-items: baseline; gap: 5px; min-width: 0; }
.calculator-lead-option strong { overflow-wrap: anywhere; font-size: 10px; }
.calculator-lead-option small, .calculator-lead-option-phone { color: var(--muted); font: 9px var(--latin); }
.calculator-lead-no-results { margin: 0; padding: 12px 9px; color: var(--muted); font-size: 10px; }
@media (max-width: 520px) {
  .calculator-lead-search { margin-bottom: 10px; font-size: 11px; }
  .calculator-lead-search > label { font-size: 11px; }
  .calculator-lead-search .dark-input { height: 42px; font-size: 12px; }
  .calculator-lead-option { min-height: 50px; padding: 8px 10px; }
  [data-calculator-lead-options] { max-height: min(230px, 40vh); }
}
:root {
  color-scheme: dark;
  --bg: #171715;
  --surface: #201f1b;
  --surface-2: #26241f;
  --line: #3a362b;
  --gold: #d6b45f;
  --gold-bright: #f0d27e;
  --text: #ffffff;
  --muted: #c6c0b3;
  --green: #afc75a;
  --blue: #74a9cb;
  --red: #d77867;
  --font: 'IBM Plex Sans Arabic', 'Segoe UI', sans-serif;
  --latin: 'DM Sans', 'Segoe UI', sans-serif;
  font-family: var(--font);
  color: var(--text);
  background: var(--bg);
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
html[data-theme='light'] {
  color-scheme: light;
  --bg: #f3f7fc;
  --surface: #ffffff;
  --surface-2: #edf4fb;
  --line: #d7e2ef;
  --gold: #3d73ad;
  --gold-bright: #245c9c;
  --text: #202d3d;
  --muted: #6b7a8b;
  --green: #4b7b50;
  --blue: #397bb8;
  --red: #b25448;
}
html[data-theme='light'], html[data-theme='light'] body { background: var(--bg); color: var(--text); }
html[data-theme='light'] .sidebar { border-color: var(--line); background: #fff; }
html[data-theme='light'] .topbar { border-color: var(--line); }
html[data-theme='light'] .brand-symbol, html[data-theme='light'] .metric-icon { border-color: #d2e0f0; background-color: #edf4fc; color: var(--gold-bright); }
html[data-theme='light'] .breadcrumbs strong, html[data-theme='light'] .user-meta strong, html[data-theme='light'] .page-heading h1,
html[data-theme='light'] .panel-heading h2, html[data-theme='light'] .modal h2, html[data-theme='light'] .login-form h2,
html[data-theme='light'] .lead-name, html[data-theme='light'] .pipeline-stage strong { color: #23364c; }
html[data-theme='light'] .leads-table .lead-name,
html[data-theme='light'] .leads-table .lead-name,
html[data-theme='light'] .lead-details-modal #lead-details-title { color: #132b45; font-weight: 700; }
html[data-theme='light'] .lead-details-modal > .modal-header { border-bottom-color: #d7e2ef; background: #edf4fb; }
html[data-theme='light'] .lead-details-modal > .modal-header .gold-eyebrow { color: #3973ad; }
html[data-theme='light'] .lead-details-modal > .modal-header .icon-only { color: #315f91; }
html[data-theme='light'] .sidebar-label, html[data-theme='light'] .sidebar-status, html[data-theme='light'] .breadcrumbs,
html[data-theme='light'] .today-label, html[data-theme='light'] .user-meta small, html[data-theme='light'] .page-heading p,
html[data-theme='light'] .metric-top, html[data-theme='light'] .metric-sub, html[data-theme='light'] .pipeline-stage span,
html[data-theme='light'] th, html[data-theme='light'] .lead-secondary, html[data-theme='light'] .helper-text,
html[data-theme='light'] .main-footer, html[data-theme='light'] .form-step { color: #6b7a8b; }
html[data-theme='light'] .sidebar .nav-link { color: #53677e; }
html[data-theme='light'] .sidebar .nav-link:hover, html[data-theme='light'] .sidebar .nav-link.active { border-color: #cbdcf0; background: #edf4fc; color: #245c9c; }
html[data-theme='light'] .sidebar .brand { align-items: center; flex-direction: column; gap: 2px; min-height: 0; padding: 0 0 17px; border-bottom: 1px solid var(--line); }
html[data-theme='light'] .sidebar .brand-symbol { display: block; width: 142px; height: 142px; flex: 0 0 auto; border: 0; border-radius: 0; background: transparent url('/brand-logo-light.png') center / contain no-repeat; color: transparent; font-size: 0; }
html[data-theme='light'] .sidebar .brand-copy { text-align: center; }
html[data-theme='light'] .sidebar .brand-copy strong { color: #263b53; font-size: 12px; }
html[data-theme='light'] .sidebar .brand-copy small { color: #71839a; }
html[data-theme='light'] .metric-card, html[data-theme='light'] .pipeline-panel, html[data-theme='light'] .team-performance,
html[data-theme='light'] .pipeline-stage, html[data-theme='light'] .data-panel, html[data-theme='light'] .calculator-form,
html[data-theme='light'] .calculation-summary, html[data-theme='light'] .modal, html[data-theme='light'] .login-form {
  border-color: var(--line);
  background: var(--surface);
  color: var(--text);
  box-shadow: 0 8px 24px rgb(36 78 126 / 7%);
}
html[data-theme='light'] .pipeline-stage { background: var(--surface-2); }
html[data-theme='light'] .leads-table th { background: #eaf2fb; }
html[data-theme='light'] th, html[data-theme='light'] td { border-color: var(--line); color: #39463d; }
html[data-theme='light'] tbody tr:hover { background: #f0f6fc; }
html[data-theme='light'] .metric-value, html[data-theme='light'] .summary-price { color: #245c9c; }
html[data-theme='light'] .metric-value { text-shadow: none; }
html[data-theme='light'] .metric-top, html[data-theme='light'] .metric-sub, html[data-theme='light'] .summary-label,
html[data-theme='light'] .summary-caption, html[data-theme='light'] .summary-row { color: #63778e; }
html[data-theme='light'] .lead-detail-field, html[data-theme='light'] .lead-detail-control,
html[data-theme='light'] .lead-calculations-panel { border-color: var(--line); }
html[data-theme='light'] .lead-detail-field > span, html[data-theme='light'] .lead-detail-control > label,
html[data-theme='light'] .lead-detail-notes > label, html[data-theme='light'] .note-history-entry > div,
html[data-theme='light'] .saved-calculation > header span, html[data-theme='light'] .saved-calculation-grid span,
html[data-theme='light'] .note-history-empty { color: #63778e; }
html[data-theme='light'] .lead-detail-field > strong, html[data-theme='light'] .note-history-entry p,
html[data-theme='light'] .saved-calculation > header strong, html[data-theme='light'] .saved-calculation-grid strong { color: #263b53; }
html[data-theme='light'] .lead-notes-panel { border-color: var(--line); }
html[data-theme='light'] .lead-notes-panel > h3 { color: #315f91; }
html[data-theme='light'] .lead-notes-history h4 { color: #63778e; }
html[data-theme='light'] .note-history-entry, html[data-theme='light'] .saved-calculation,
html[data-theme='light'] .private-control { border-color: #d3e0ef; background: #f5f9fe; color: #263b53; }
html[data-theme='light'] .note-history-entry time { color: #3973ad; }
html[data-theme='light'] .private-control strong, html[data-theme='light'] .private-control span { color: #315f91; }
html[data-theme='light'] .status-chip, html[data-theme='light'] .search-field, html[data-theme='light'] .dark-select,
html[data-theme='light'] .dark-input, html[data-theme='light'] .notes-edit {
  border-color: #d5dcd5;
  background: #fff;
  color: #26342b;
}
html[data-theme='light'] .dark-select option, html[data-theme='light'] .dark-input option { background: #fff; color: #263b53; }
html[data-theme='light'] .dark-select option:checked, html[data-theme='light'] .dark-input option:checked { background: #dceafb; color: #1e4f86; }
html[data-theme='light'] .status-chip.active { border-color: #9dbada; background: #e9f2fc; color: #245c9c; }
html[data-theme='light'] .quiet-button { border-color: #c7d7e9; color: #315f91; }
html[data-theme='light'] .modal-backdrop { background: rgb(30 48 70 / 38%); }
html[data-theme='light'] .modal label, html[data-theme='light'] .calculator-form label, html[data-theme='light'] .login-form label { color: #56655a; }
html[data-theme='light'] .login-form input { border-color: #d5dfe9; background: #fff; color: #263b53; }
html[data-theme='light'] .login-screen::before { background: linear-gradient(115deg, transparent 62%, rgb(57 123 184 / 5%) 62.1%, transparent 62.3%), radial-gradient(ellipse at 15% 82%, rgb(57 123 184 / 8%), transparent 42%); }
html[data-theme='light'] .image-import { border-color: #cbdcf0; background: #f3f8fe; }
html[data-theme='light'] .image-import > p { color: #64768c; }
html[data-theme='light'] .image-import-status { color: #315f91; }
html[data-theme='light'] .image-import .image-import-dropzone { border-color: #9fb9d5; background: #fff; color: #263b53; }
html[data-theme='light'] .image-import-dropzone-prompt { color: #245c9c; }
html[data-theme='light'] .image-import-dropzone small { color: #465a70; }
html[data-theme='light'] .image-import .image-import-dropzone:hover,
html[data-theme='light'] .image-import .image-import-dropzone:focus-within,
html[data-theme='light'] .image-import .image-import-dropzone.is-dragging { border-color: #3973ad; background: #eaf2fb; box-shadow: inset 0 0 0 1px rgb(57 115 173 / 14%); }
body.is-english, body.is-english button, body.is-english input, body.is-english select, body.is-english textarea {
  font-family: var(--latin), 'IBM Plex Sans Arabic', 'Segoe UI', sans-serif;
}
* { box-sizing: border-box; }
html { min-width: 360px; min-height: 100%; background: var(--bg); }
body { min-width: 360px; min-height: 100vh; margin: 0; background: var(--bg); }
button, input, select, textarea { font: inherit; }
button { color: inherit; }
[hidden] { display: none !important; }
button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 2px solid var(--gold-bright); outline-offset: 2px; }
svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.login-screen { position: relative; display: grid; grid-template-columns: minmax(280px, 1fr) 420px; align-items: center; gap: clamp(50px, 12vw, 180px); width: min(100% - 56px, 1000px); min-height: 100vh; margin-inline: auto; padding: 100px 0 80px; }
.login-screen::before { position: fixed; z-index: 0; inset: 0; background: linear-gradient(115deg, transparent 62%, rgb(214 180 95 / 5%) 62.1%, transparent 62.3%), radial-gradient(ellipse at 15% 82%, rgb(214 180 95 / 9%), transparent 42%); content: ''; pointer-events: none; }
.login-brand, .login-copy, .login-form, .login-foot { position: relative; z-index: 1; }
.login-brand { position: absolute; top: 44px; right: 0; display: flex; align-items: center; gap: 11px; }
.brand-symbol { display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid #806c3e; border-radius: 4px 4px 4px 1px; background: #282419; color: var(--gold-bright); font-size: 19px; font-weight: 600; }
.login-brand strong, .login-brand small, .brand-copy strong, .brand-copy small { display: block; }.login-brand strong { font-size: 14px; font-weight: 600; }.login-brand small, .brand-copy small { margin-top: 3px; color: var(--muted); font-size: 9px; }
.login-copy { align-self: center; padding-bottom: 14px; }.gold-eyebrow { color: var(--gold); font-size: 10px; font-weight: 600; }.login-copy h1 { margin: 14px 0 12px; font-size: 44px; font-weight: 500; line-height: 1.45; }.login-copy h1 span { color: var(--gold-bright); }.login-copy p, .login-form > p { color: var(--muted); font-size: 11px; }.login-form { width: 100%; padding: 30px; border: 1px solid var(--line); border-top: 2px solid var(--gold); border-radius: 4px; background: linear-gradient(150deg, #22211d, #1b1a17); box-shadow: 0 24px 80px rgb(0 0 0 / 18%); }.form-kicker { color: var(--gold); font-size: 9px; }.login-form h2 { margin: 8px 0 5px; font-size: 20px; font-weight: 600; }.login-form > p { margin-bottom: 23px; }.login-form label, .modal label, .calculator-form label { display: block; margin: 13px 0 6px; color: #c7c0ae; font-size: 10px; }.login-form input { width: 100%; height: 43px; padding: 0 11px; border: 1px solid #454034; border-radius: 3px; background: #131311; color: var(--text); font: 11px var(--latin); }.login-form input::placeholder { color: #716d63; }.gold-button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 37px; padding: 0 15px; border: 1px solid var(--gold); border-radius: 3px; background: var(--gold); color: #211d13; font-size: 10px; font-weight: 700; cursor: pointer; transition: background .15s ease, border-color .15s ease, transform .15s ease; }.gold-button:hover { border-color: var(--gold-bright); background: var(--gold-bright); transform: translateY(-1px); }.gold-button:disabled { opacity: .55; cursor: wait; transform: none; }.login-button { width: 100%; min-height: 43px; margin-top: 19px; }.login-button span:last-child { margin-right: auto; font-size: 15px; }.login-foot { position: absolute; right: 0; bottom: 28px; left: 0; display: flex; justify-content: space-between; color: #777265; font-size: 8px; }.login-foot span:first-child { font: 600 9px var(--latin); letter-spacing: 1px; }
.inline-error { margin-top: 12px; padding: 9px 10px; border: 1px solid rgb(215 120 103 / 28%); border-radius: 3px; background: rgb(215 120 103 / 9%); color: #efaa99; font-size: 9px; line-height: 1.7; }
.app-shell { min-height: 100vh; }.sidebar { position: fixed; z-index: 5; inset: 0 0 0 auto; display: flex; flex-direction: column; width: 236px; padding: 23px 14px 16px; border-left: 1px solid var(--line); background: #1c1b18; }.brand { display: flex; align-items: center; gap: 10px; min-height: 46px; padding: 0 8px 20px; color: inherit; text-decoration: none; }.brand-copy strong { font-size: 13px; font-weight: 600; }.sidebar-label { margin: 22px 11px 9px; color: #777365; font-size: 9px; }.main-nav { display: grid; gap: 4px; }.nav-link { display: flex; align-items: center; gap: 10px; min-height: 41px; padding: 0 11px; border: 1px solid transparent; border-radius: 3px; background: transparent; color: #a9a497; text-align: right; font-size: 10px; cursor: pointer; transition: .16s; }.nav-link:hover { background: #25231d; color: var(--text); }.nav-link.active { border-color: #4a4029; background: #2c281e; color: var(--gold-bright); }.nav-link i { display: grid; place-items: center; min-width: 19px; height: 18px; margin-right: auto; border-radius: 2px; background: #343025; color: #c9bd9b; font: 9px var(--latin); font-style: normal; }.sidebar-bottom { margin-top: auto; }.sidebar-status { display: flex; align-items: center; gap: 7px; padding: 12px 10px; color: #969181; font-size: 9px; }.sidebar-status i { width: 6px; height: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 9px rgb(175 199 90 / 35%); }.sidebar-version { padding: 11px 10px 0; border-top: 1px solid var(--line); color: #736e60; font: 8px var(--latin); letter-spacing: .5px; }.sidebar-version span { float: left; color: #928b78; }
.main-content { min-height: 100vh; margin-right: 236px; padding: 0 clamp(20px, 3vw, 44px) 20px; }.topbar { display: flex; align-items: center; justify-content: space-between; min-height: 61px; border-bottom: 1px solid #302e27; }.breadcrumbs { display: flex; align-items: center; gap: 10px; color: #938e80; font-size: 9px; }.breadcrumbs i { color: #5f5a4f; font-style: normal; }.breadcrumbs strong { color: #d4cdbb; font-weight: 500; }.topbar-user { display: flex; align-items: center; gap: 9px; }.today-label { margin-left: 10px; color: #8a8577; font-size: 9px; }.user-avatar { display: grid; place-items: center; width: 29px; height: 29px; border: 1px solid #75623b; border-radius: 50%; background: #302a1e; color: var(--gold-bright); font-size: 10px; }.user-meta strong, .user-meta small { display: block; }.user-meta strong { color: #e0dacb; font-size: 9px; font-weight: 500; }.user-meta small { margin-top: 3px; color: #948d7b; font-size: 8px; }.icon-only { display: grid; place-items: center; width: 31px; height: 31px; border: 1px solid transparent; border-radius: 3px; background: transparent; color: #a79f8c; cursor: pointer; }.icon-only:hover { border-color: #484131; background: #25231d; color: var(--gold-bright); }.icon-only svg { width: 15px; height: 15px; }.logout-button { margin-right: 4px; border-right-color: var(--line); border-radius: 0; }
.topbar-refresh { flex: 0 0 31px; }
.view { width: 100%; max-width: 1500px; margin: 0 auto; animation: rise-in .22s ease both; }.page-heading { display: flex; align-items: end; justify-content: space-between; gap: 18px; padding: 26px 0 20px; }.page-heading h1 { margin: 5px 0 4px; color: #f0ece2; font-size: 23px; font-weight: 600; }.page-heading p { color: #958f80; font-size: 10px; }.compact-heading { padding-top: 23px; padding-bottom: 17px; }.page-heading .gold-button { min-width: 112px; }.metrics-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px; }.metric-card { min-height: 98px; padding: 13px 14px 10px; border: 1px solid #39362c; border-radius: 3px; background: linear-gradient(120deg, #22211d, #1c1b18); }.metric-top { display: flex; align-items: center; justify-content: space-between; color: #a9a392; font-size: 9px; }.metric-icon { display: grid; place-items: center; width: 26px; height: 26px; border: 1px solid #51462d; border-radius: 3px; background: #2e291e; color: var(--gold); }.metric-icon svg { width: 14px; height: 14px; }.metric-value { margin-top: 9px; color: #f1e5c0; font: 600 23px/1 var(--latin); }.metric-sub { margin-top: 6px; color: #777365; font-size: 8px; }.metric-card.agent-card { border-top-color: #6b5930; }
.lead-page-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
@media (max-width: 520px) { .lead-page-actions { width: 100%; }.lead-page-actions > button { flex: 1 1 auto; }.page-heading .lead-page-actions .gold-button { width: auto; } }
.settings-section { margin: 12px 0; padding: 17px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.settings-section-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.settings-section-heading h2 { margin: 4px 0 0; color: var(--text); font-size: 15px; }
.settings-rows { display: grid; max-width: 880px; }
.settings-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 18px; padding: 13px 0; border-top: 1px solid var(--line); }
.settings-row strong { color: var(--text); font-size: 11px; }
.settings-row p { margin: 4px 0 0; color: var(--muted); font-size: 9px; }
.settings-segmented { display: inline-flex; gap: 3px; padding: 3px; border: 1px solid var(--line); border-radius: 3px; background: var(--surface-2); }
.settings-segmented button { min-height: 30px; padding: 0 12px; border: 0; border-radius: 2px; background: transparent; color: var(--muted); font-size: 9px; cursor: pointer; }
.settings-segmented button.active { background: var(--surface); color: var(--text); box-shadow: 0 1px 3px rgb(0 0 0 / 15%); }
.owner-settings-badge { padding: 4px 8px; border: 1px solid var(--line); border-radius: 3px; color: var(--muted); font: 9px var(--latin); }
.owner-settings-groups { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.owner-settings-group { min-width: 0; padding: 14px; border: 1px solid var(--line); border-radius: 3px; background: var(--surface); }
.owner-settings-group-heading { display: flex; align-items: flex-start; gap: 10px; min-height: 50px; }
.owner-settings-index { color: var(--gold); font: 600 10px var(--latin); }
.owner-settings-group h3 { margin: 0; color: var(--text); font-size: 11px; }
.owner-settings-group p { margin: 5px 0 12px; color: var(--muted); font-size: 9px; line-height: 1.6; }
.owner-setting-action { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 36px; padding: 0 10px; border: 1px solid var(--line); border-radius: 3px; background: var(--surface-2); color: var(--text); font-size: 9px; text-align: right; cursor: pointer; }
.owner-control-link { text-decoration: none; }
.owner-control-link-status { margin: 9px 0 0; color: var(--muted); font-size: 9px; line-height: 1.6; }
.owner-setting-action:hover { border-color: var(--gold); color: var(--gold-bright); }
.owner-settings-actions { display: grid; gap: 7px; }
.company-logo-control { display: grid; grid-template-columns: 64px minmax(0, 1fr); align-items: center; gap: 10px; }
.company-logo-preview { width: 64px; height: 50px; object-fit: contain; border: 1px solid var(--line); border-radius: 2px; background: #fff; }
.owner-settings-import { margin: 12px 0 0; }
html[data-theme='light'] .settings-section-heading h2, html[data-theme='light'] .settings-row strong,
html[data-theme='light'] .owner-settings-group h3, html[data-theme='light'] .owner-setting-action { color: #1b3551; }
html[data-theme='light'] .settings-row p, html[data-theme='light'] .owner-settings-group p { color: #60748a; }
html[data-theme='light'] .settings-segmented { border-color: var(--line); background: #e9f1fa; }
html[data-theme='light'] .settings-segmented button { color: #536b83; }
html[data-theme='light'] .settings-segmented button.active { background: #fff; color: #173b61; }
html[data-theme='light'] .owner-setting-action { border-color: #d4e0ee; background: #f5f9fe; }
@media (max-width: 640px) {
  .settings-row { grid-template-columns: 1fr; gap: 9px; }
  .settings-segmented { justify-self: start; }
  .owner-settings-groups { grid-template-columns: 1fr; }
}
.pipeline-panel, .team-performance { margin-top: 11px; padding: 15px 16px; border: 1px solid #39362c; border-radius: 3px; background: #1f1e1a; }.panel-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }.panel-heading h2 { margin: 3px 0 0; color: #e6e0d2; font-size: 13px; font-weight: 600; }.panel-note { color: #ada183; font-size: 9px; }.pipeline-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(152px, 190px); align-items: stretch; gap: 8px; margin-top: 14px; }.pipeline-grid { display: grid; grid-template-columns: repeat(7, minmax(72px, 1fr)); gap: 6px; min-width: 0; }.pipeline-stage { min-width: 0; padding: 9px 10px; border: 1px solid #37342c; border-radius: 2px; background: #24221d; }.pipeline-stage::before { display: block; width: 19px; height: 2px; margin-bottom: 9px; background: var(--stage-color, var(--gold)); content: ''; }.pipeline-stage span, .pipeline-stage strong { display: block; }.pipeline-stage span { overflow: hidden; color: #9d9787; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }.pipeline-stage strong { margin-top: 6px; color: #e6ddc4; font: 600 17px var(--latin); }.pipeline-won-stage { position: relative; display: grid; align-content: center; min-width: 0; min-height: 100%; gap: 6px; padding: 13px; overflow: hidden; border-color: #607f68; border-radius: 3px; background: linear-gradient(145deg, #26372b, #1d2a21); color: #d8eddb; text-align: right; cursor: pointer; box-shadow: 0 4px 16px rgb(61 120 75 / 12%); transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; animation: won-stage-glow 3s ease-in-out infinite; }.pipeline-won-stage::before { width: auto; height: auto; margin: 0 0 2px; background: none; color: #a8d2ae; font-size: 18px; line-height: 1; content: '✦'; }.pipeline-won-stage::after { position: absolute; top: -40%; bottom: -40%; left: -60%; width: 42%; background: linear-gradient(90deg, transparent, rgb(220 255 225 / 15%), transparent); content: ''; transform: skewX(-18deg); animation: won-stage-shimmer 3.8s ease-in-out infinite; pointer-events: none; }.pipeline-won-stage > * { position: relative; z-index: 1; }.pipeline-won-stage span { color: #c0dec4; font-size: 10px; font-weight: 600; }.pipeline-won-stage strong { margin: 0; color: #effff0; font: 700 27px/1.1 var(--latin); }.pipeline-won-stage small { color: #a9c9ae; font-size: 9px; }.pipeline-won-stage:hover, .pipeline-won-stage:focus-visible { transform: translateY(-2px); border-color: #a4d5aa; outline: none; box-shadow: 0 7px 22px rgb(61 120 75 / 22%); }.team-performance { margin-top: 11px; }.quiet-button { min-height: 30px; padding: 0 9px; border: 1px solid #454031; border-radius: 3px; background: transparent; color: #c2b68f; font-size: 9px; cursor: pointer; }.quiet-button:hover { border-color: var(--gold); color: var(--gold-bright); }.quiet-button span { margin-right: 5px; }
.team-table-wrap { margin-top: 12px; overflow: auto; }table { width: 100%; border-collapse: collapse; text-align: right; white-space: nowrap; }th { height: 34px; padding: 0 10px; border-bottom: 1px solid #3b382f; color: #8d8778; font-size: 8px; font-weight: 500; }td { height: 43px; padding: 0 10px; border-bottom: 1px solid #302e27; color: #c4beaf; font-size: 9px; }tbody tr:last-child td { border-bottom: 0; }.team-table td { height: 40px; }.agent-identity { display: flex; align-items: center; gap: 8px; }.mini-avatar { display: grid; place-items: center; width: 25px; height: 25px; border: 1px solid #53472e; border-radius: 50%; background: #2d281d; color: var(--gold-bright); font-size: 8px; }.team-state { color: var(--green); font-size: 8px; }.team-state.inactive { color: #d77867; }
.dashboard-team-cards { margin-top: 12px; }
.dashboard-team-member-card { background: var(--surface); }
html[data-theme='light'] .dashboard-team-member-card { background: #fff; }
.team-low-performance { margin: 13px 0; padding: 13px; border: 1px solid var(--line); border-radius: 5px; background: var(--surface); }
.team-report-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 11px; }
.team-report-heading h3 { margin: 4px 0 0; color: var(--text); font-size: 13px; font-weight: 600; }
.team-report-heading p { margin: 4px 0 0; color: var(--muted); font-size: 9px; }
.team-report-heading .quiet-button { flex: 0 0 auto; }
.team-performance-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.team-performance-member-card .team-member-rank-badge { display: grid; flex: 0 0 28px; width: 28px; height: 28px; place-items: center; border: 1px solid var(--line); border-radius: 50%; background: var(--surface); color: var(--gold-bright); font: 600 10px var(--latin); }
.team-performance-member-card .team-member-metrics { margin-top: 11px; }
.team-performance-history-modal { width: min(100%, 900px); }
.team-report-recurrence { margin: 12px 0 18px; padding: 12px; border: 1px solid var(--line); border-radius: 4px; background: var(--surface-2); }
.team-report-recurrence h3, .team-performance-history-day > h3 { margin: 0 0 9px; color: var(--text); font-size: 11px; }
.team-report-recurrence ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; margin: 0; padding: 0; list-style: none; }
.team-report-recurrence li { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 8px; border: 1px solid var(--line); border-radius: 3px; color: var(--text); font-size: 9px; }
.team-report-recurrence li span { color: var(--muted); }
.team-performance-history-list { display: grid; gap: 14px; }
.team-performance-history-day { padding-top: 12px; border-top: 1px solid var(--line); }
.team-report-empty { grid-column: 1 / -1; margin: 0; padding: 15px; color: var(--muted); font-size: 10px; text-align: center; }
html[data-theme='light'] .team-low-performance { border-color: #d7e2ef; background: #fff; }
html[data-theme='light'] .team-report-heading h3, html[data-theme='light'] .team-report-recurrence h3,
html[data-theme='light'] .team-performance-history-day > h3 { color: #263b53; }
html[data-theme='light'] .team-report-recurrence { border-color: #d7e2ef; background: #f5f9fe; }
html[data-theme='light'] .team-report-recurrence li { border-color: #d7e2ef; color: #263b53; }
@media (max-width: 640px) {
  .team-low-performance { padding: 9px; }
  .team-report-heading { align-items: flex-start; }
  .team-report-heading .quiet-button { padding-inline: 7px; white-space: nowrap; }
  .team-performance-cards, .team-report-recurrence ul { grid-template-columns: 1fr; }
}
.owner-team-identity { display: grid; grid-template-columns: 25px minmax(85px, 1fr) minmax(150px, 190px); align-items: center; gap: 8px; }
.owner-team-name { display: grid; gap: 3px; }
.owner-team-name > strong { color: var(--text); font-size: 9px; font-weight: 600; }
.owner-team-name > small { color: var(--muted); font-size: 8px; }
.owner-team-contact { color: var(--muted); font-size: 8px; text-align: left; }
.team-identity-copy { display: grid; gap: 3px; min-width: 0; }
.team-identity-copy strong { color: var(--text); font-size: 9px; font-weight: 600; }
.team-identity-copy small { color: var(--muted); font-size: 8px; }
.owner-team-phone .icon-only { flex: 0 0 27px; width: 27px; height: 27px; }
html[data-theme='light'] .owner-team-name > strong { color: #1b3551; }
html[data-theme='light'] .owner-team-name > small { color: #60748a; }
html[data-theme='light'] .team-state.inactive { color: #a34f47; }
.status-chips { display: flex; gap: 6px; padding: 2px 0 13px; overflow-x: auto; scrollbar-width: thin; scrollbar-color: #514932 transparent; }.status-chip { display: inline-flex; align-items: center; gap: 7px; min-height: 27px; padding: 0 9px; border: 1px solid #37342d; border-radius: 2px; background: #211f1b; color: #b1aa99; font-size: 8px; white-space: nowrap; cursor: pointer; }.status-chip:hover { border-color: #665936; color: #e1d5b2; }.status-chip.active { border-color: #8e7540; background: #342e20; color: var(--gold-bright); }.status-chip b { color: inherit; font: 9px var(--latin); }.table-toolbar { display: flex; align-items: center; gap: 7px; min-height: 47px; }.search-field { display: flex; align-items: center; gap: 8px; width: min(330px, 100%); height: 31px; padding: 0 9px; border: 1px solid #39362c; border-radius: 2px; background: #1d1c19; color: #8c8677; }.search-field svg { flex: 0 0 auto; width: 14px; height: 14px; }.search-field input { width: 100%; min-width: 0; border: 0; outline: 0; background: transparent; color: var(--text); font-size: 9px; }.search-field input::placeholder { color: #787365; }.dark-select, .dark-input { min-width: 0; height: 32px; padding: 0 9px; border: 1px solid #403b30; border-radius: 2px; background: #171715; color: #ded7c4; font-size: 9px; }.dark-select { width: 170px; }.dark-select option, .dark-input option { background: #201f1b; color: var(--text); }.data-panel { border: 1px solid #39362c; border-radius: 3px; background: #1d1c19; }.table-scroll { max-height: calc(100vh - 330px); min-height: 210px; overflow: auto; scrollbar-color: #514932 #201f1b; scrollbar-width: thin; }.leads-table { min-width: 1100px; }.leads-table th { position: sticky; z-index: 1; top: 0; height: 34px; background: #25231e; }.leads-table td { height: 43px; }.leads-table tbody tr:hover, .team-table tbody tr:hover { background: #27251f; }.lead-name { color: #eee8da; font-size: 9px; font-weight: 500; }.lead-secondary { margin-top: 3px; color: #827d70; font: 8px var(--latin); direction: ltr; text-align: right; }.lead-value { color: #ddc77f; font: 500 9px var(--latin); }.lead-tags { display: flex; gap: 3px; max-width: 155px; overflow: hidden; }.lead-tag { padding: 3px 5px; border: 1px solid #39362c; border-radius: 2px; background: #29271f; color: #b8ad8b; font-size: 7px; }.status-select { max-width: 120px; height: 24px; padding: 0 5px; border: 1px solid transparent; border-radius: 2px; background: #343126; color: #e1d6b4; font-size: 8px; }.status-select[data-status="New"] { background: #3c3824; color: #e4cc6d; }.status-select[data-status="Contacted"] { background: #25323b; color: #91b6ce; }.status-select[data-status="Qualified"] { background: #303624; color: #bdcf78; }.status-select[data-status="Won"], .status-select[data-status="Closed Won"] { background: #26342b; color: #9ec49d; }.status-select[data-status="Lost"], .status-select[data-status="Closed Lost"], .status-select[data-status="Unqualified"] { background: #392824; color: #dc9985; }.source-label { color: #afa58a; font-size: 8px; }.muted-cell { color: #827d70; font-size: 8px; }.assignment-select { max-width: 135px; height: 26px; padding: 0 5px; border: 1px solid #403b30; border-radius: 2px; background: #171715; color: #d4cdbb; font-size: 8px; }.lead-actions { display: flex; align-items: center; gap: 4px; }.row-action { display: grid; place-items: center; width: 25px; height: 25px; border: 1px solid #403b30; border-radius: 2px; background: #22211d; color: #c9b578; text-decoration: none; cursor: pointer; }.row-action:hover { border-color: var(--gold); color: var(--gold-bright); }.row-action svg { width: 12px; height: 12px; }.table-empty { height: 120px; color: #8f897b; text-align: center; }.table-foot { display: flex; justify-content: space-between; gap: 8px; padding: 9px 11px; border-top: 1px solid #37342d; color: #807b6e; font-size: 8px; }
.team-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-bottom: 12px; }.team-summary .metric-card { min-height: 76px; }.team-management-panel .table-scroll { max-height: calc(100vh - 300px); }.account-toggle { padding: 5px 8px; border: 1px solid #494230; border-radius: 2px; background: transparent; color: #d3c79f; font-size: 8px; cursor: pointer; }.account-toggle:hover { border-color: var(--gold); }.account-toggle.active { border-color: #705147; color: #df9d89; }
.calculator-layout { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(300px, .9fr); align-items: start; gap: 13px; }.calculator-form { padding: 20px; border: 1px solid #4b412b; border-top: 2px solid #a88b4a; border-radius: 3px; background: linear-gradient(145deg, #24221d, #1c1b18); }.calculator-form .panel-heading { margin-bottom: 15px; }.calculator-form h2 { margin-top: 4px; font-size: 16px; }.form-step { color: #8e8775; font: 9px var(--latin); }.form-step i { padding: 0 4px; color: #574d37; font-style: normal; }.calculator-form label em, .modal label em { color: var(--gold); font-style: normal; }.dark-input { display: block; width: 100%; height: 39px; font-size: 10px; }.dark-input::placeholder { color: #6f6a5e; }.dark-input:focus { border-color: #9d8246; outline: 2px solid rgb(214 180 95 / 10%); }.calculator-form textarea { height: auto; min-height: 68px; resize: vertical; padding-top: 8px; }.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 11px; }.save-calculation { width: 100%; margin-top: 18px; }.save-calculation span { margin-right: auto; font-size: 14px; }.calculation-summary { position: relative; overflow: hidden; min-height: 380px; padding: 22px; border: 1px solid #55472a; border-radius: 3px; background: radial-gradient(ellipse at 10% 100%, rgb(174 137 58 / 16%), transparent 54%), linear-gradient(135deg, #302b20, #1d1c19 58%); }.calculation-summary::after { position: absolute; top: 76px; left: -95px; width: 205px; height: 205px; border: 1px solid rgb(224 190 106 / 10%); border-radius: 50%; content: ''; box-shadow: 0 0 0 18px rgb(224 190 106 / 2%), 0 0 0 39px rgb(224 190 106 / 2%); pointer-events: none; }.summary-head { position: relative; display: flex; align-items: center; gap: 9px; }.summary-head .brand-symbol { width: 30px; height: 30px; }.summary-label { position: relative; margin-top: 36px; color: #c6b995; font-size: 10px; }.summary-price { position: relative; display: block; margin-top: 6px; color: var(--gold-bright); font: 600 clamp(26px, 3vw, 36px)/1.3 var(--latin); }.summary-rule { height: 1px; margin: 22px 0 11px; background: #51462e; }.summary-result { position: relative; display: flex; justify-content: space-between; gap: 10px; padding: 11px 0; color: #b7b09f; font-size: 10px; }.summary-result strong { color: #f0e5c6; font: 600 14px var(--latin); }.summary-installments { position: relative; display: flex; justify-content: space-between; align-items: center; margin-top: 14px; padding-top: 16px; border-top: 1px solid #51462e; }.summary-installments strong { color: #f0ece1; font-size: 17px; }.summary-installments span { color: #b7b09f; font-size: 10px; }.summary-disclaimer { position: relative; margin-top: 20px; color: #938a74; font-size: 8px; line-height: 1.8; }
.team-management-panel { margin-top: 12px; }.modal-backdrop { position: fixed; z-index: 20; inset: 0; display: grid; place-items: center; padding: 16px; background: rgb(0 0 0 / 68%); }.modal-backdrop[hidden] { display: none !important; }.modal { width: min(100%, 490px); max-height: min(90vh, 790px); padding: 22px; overflow-y: auto; border: 1px solid #51452d; border-top: 2px solid var(--gold); border-radius: 4px; background: #201f1b; box-shadow: 0 24px 85px rgb(0 0 0 / 44%); }.small-modal { width: min(100%, 390px); }.modal-header { display: flex; align-items: start; justify-content: space-between; margin-bottom: 12px; }.modal h2 { margin-top: 4px; font-size: 18px; }.modal-close { color: #aaa18c; font-size: 18px; }.modal label { margin-top: 10px; }.modal label small { margin-right: 5px; color: #777164; font-size: 8px; }.modal-actions { display: flex; justify-content: end; gap: 8px; margin-top: 18px; }.helper-text { margin-top: 6px; color: #898271; font-size: 8px; }.toast { position: fixed; z-index: 30; bottom: 20px; left: 20px; max-width: min(360px, calc(100vw - 40px)); padding: 10px 14px; border: 1px solid #5b4c2e; border-radius: 3px; background: #29261f; color: #ece2c5; box-shadow: 0 10px 35px rgb(0 0 0 / 32%); font-size: 9px; opacity: 0; pointer-events: none; transform: translateY(8px); transition: .18s ease; }.toast.visible { opacity: 1; transform: translateY(0); }.toast.error { border-color: #70493f; color: #ecad9a; }.main-footer { display: flex; justify-content: space-between; margin-top: 18px; padding-top: 11px; border-top: 1px solid #302e27; color: #716c60; font-size: 8px; }.main-footer span:first-child { font: 8px var(--latin); letter-spacing: .6px; }
.phone-edit { display: flex; align-items: center; gap: 3px; }
.lead-pagination { display: flex; align-items: center; justify-content: center; gap: 4px; }
.unassigned-distribution-modal { width: min(100%, 560px); max-height: min(90vh, 760px); padding: 20px; }
.unassigned-distribution-modal > .modal-header { align-items: center; padding-bottom: 11px; border-bottom: 1px solid var(--line); }
.unassigned-distribution-modal > .modal-header .gold-eyebrow { color: var(--gold-bright); }
.unassigned-distribution-modal > .modal-header h2 { margin-bottom: 0; }
.distribution-availability { margin: 0 0 13px; padding: 9px 11px; border: 1px solid var(--line); border-radius: 4px; background: var(--surface-2); color: var(--text); }
.distribution-source-filter { width: 100%; height: 37px; margin: 6px 0 10px; }
.distribution-count-field { display: grid; grid-template-columns: minmax(0, 1fr) minmax(115px, 170px); align-items: center; gap: 10px; }
.distribution-count-field > label, .distribution-search-label { display: block; margin: 0 !important; color: var(--text); font-size: 10px; font-weight: 600; }
.distribution-count-field .dark-input { height: 38px; }
.distribution-guidance { margin: 8px 0 14px; line-height: 1.7; }
.distribution-search { height: 37px; margin-top: 6px; }
.distribution-list-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 13px 0 7px; color: var(--text); font-size: 10px; }
.distribution-list-heading span { color: var(--muted); font-size: 9px; }
.unassigned-distribution-employees { display: grid; gap: 5px; max-height: min(34vh, 280px); margin-top: 0; padding: 2px; overflow-y: auto; scrollbar-color: var(--gold) var(--surface-2); }
.unassigned-distribution-option { display: flex; align-items: center; gap: 9px; min-height: 40px; margin: 0 !important; padding: 7px 10px; border: 1px solid var(--line); border-radius: 4px; background: var(--surface-2); color: var(--text); cursor: pointer; transition: border-color .15s ease, background-color .15s ease; }
.unassigned-distribution-option:hover { border-color: var(--gold); }
.unassigned-distribution-option:has(input:checked) { border-color: var(--gold); background: color-mix(in srgb, var(--gold) 12%, var(--surface)); }
.unassigned-distribution-option[hidden] { display: none !important; }
.unassigned-distribution-option input { flex: 0 0 auto; width: 16px; height: 16px; accent-color: var(--gold); }
.unassigned-distribution-option span { flex: 1; min-width: 0; overflow-wrap: anywhere; color: var(--text); font-size: 10px; }
.unassigned-distribution-option small { color: var(--muted) !important; font-size: 9px; white-space: nowrap; }
.distribution-no-results, .distribution-preview { margin: 9px 0 0; padding: 8px 10px; border-radius: 4px; background: var(--surface-2); line-height: 1.7; }
.distribution-preview { color: var(--text); }
.unassigned-distribution-modal .modal-actions { justify-content: flex-start; margin-top: 13px; padding-top: 11px; border-top: 1px solid var(--line); }
html[data-theme='light'] .unassigned-distribution-modal > .modal-header .gold-eyebrow { color: #3973ad; }
html[data-theme='light'] .distribution-availability { border-color: #d3e0ef; background: #edf4fb; color: #263b53; }
html[data-theme='light'] .distribution-count-field > label, html[data-theme='light'] .distribution-search-label,
html[data-theme='light'] .distribution-list-heading { color: #263b53; }
html[data-theme='light'] .distribution-search { border-color: #cbd9e8; background: #fff; color: #263b53; }
html[data-theme='light'] .distribution-search::placeholder { color: #78899d; }
html[data-theme='light'] .unassigned-distribution-option { border-color: #d7e2ef; background: #f5f9fe; color: #263b53; }
html[data-theme='light'] .unassigned-distribution-option:hover,
html[data-theme='light'] .unassigned-distribution-option:has(input:checked) { border-color: #8eafd2; background: #e9f2fc; }
html[data-theme='light'] .unassigned-distribution-option span { color: #263b53; }
html[data-theme='light'] .unassigned-distribution-option small,
html[data-theme='light'] .distribution-list-heading span { color: #6b7a8b !important; }
html[data-theme='light'] .distribution-no-results, html[data-theme='light'] .distribution-preview { background: #f2f6fb; color: #53677e; }
@media (max-width: 520px) {
  .unassigned-distribution-modal { padding: 16px; }
  .distribution-count-field { grid-template-columns: minmax(0, 1fr) 125px; gap: 7px; }
  .unassigned-distribution-employees { max-height: 32vh; }
}
.lead-page-size { display: flex; align-items: center; gap: 4px; color: var(--muted); font-size: 8px; white-space: nowrap; }
.lead-page-size .dark-select { width: 54px; height: 27px; padding-inline: 5px; }
.lead-pagination .icon-only { flex: 0 0 26px; width: 26px; height: 26px; font-size: 12px; }
.lead-pagination .icon-only:disabled { opacity: .4; cursor: default; }
.lead-page-status { min-width: 54px; color: var(--muted); font: 9px var(--latin); text-align: center; }
.login-recovery-link { display: block; margin: 12px auto 0; padding: 4px 8px; border: 0; background: transparent; color: #baa86f; font-size: 9px; cursor: pointer; }
.login-recovery-link:hover { color: var(--gold-bright); text-decoration: underline; }
.recovery-notice { margin: 10px 0 0; color: #a5c99e; font-size: 9px; line-height: 1.6; }
.recovery-notice.is-error { color: #e9a497; }
.phone-edit .dark-input { width: 124px; height: 29px; padding: 0 6px; }
.phone-edit .icon-only { flex: 0 0 25px; width: 25px; height: 27px; }
@media (max-width: 520px) {
  #leads-view .table-foot { flex-wrap: wrap; }
  #leads-view #table-count { order: 0; }
  #leads-view #connection-label { order: 1; white-space: nowrap; }
  #leads-view .lead-pagination { order: 2; flex: 1 1 100%; }
}
:root { --text: #ffffff; --muted: #c6c0b3; }
.sidebar-label, .sidebar-status, .breadcrumbs, .today-label, .user-meta small, .page-heading p, .metric-top, .metric-sub, .pipeline-stage span, th, .status-chip:not(.active), .search-field, .lead-secondary, .muted-cell, .helper-text, .main-footer, .form-step { color: #d0cbbf; }
.nav-link { color: #e6e3dc; }
.icon-only { color: #e2ded5; }
.user-meta strong, .page-heading h1, .panel-heading h2, .lead-name, td { color: #ffffff; }
.dark-select, .dark-input, .search-field input { color: var(--text); }
.search-field input::placeholder, .dark-input::placeholder { color: #b8b2a6; }
#leads-view .table-scroll { max-height: max(220px, calc(100vh - 280px)); min-height: min(300px, calc(100vh - 360px)); }
#leads-view .leads-table th { height: 32px; padding-inline: 8px; }
#leads-view .leads-table td { height: 36px; padding: 3px 7px; }
#leads-view .leads-table td .dark-input { height: 27px; }
@media (max-width: 780px) {
  #leads-view .table-scroll { max-height: max(220px, calc(100vh - 280px)); min-height: min(260px, calc(100vh - 350px)); }
}
@media (max-height: 600px) {
  #leads-view .table-scroll { max-height: max(180px, calc(100vh - 270px)); min-height: 180px; }
}
@keyframes rise-in { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 1120px) { .sidebar { width: 205px; }.main-content { margin-right: 205px; padding-right: 22px; padding-left: 22px; }.pipeline-grid { grid-template-columns: repeat(4, minmax(72px, 1fr)); }.leads-table { min-width: 1080px; }.calculator-layout { grid-template-columns: minmax(0, 1fr) minmax(260px, .85fr); } }
@media (max-width: 780px) { .sidebar { width: 62px; align-items: center; padding-right: 6px; padding-left: 6px; }.brand { padding: 0 0 15px; }.brand-copy, .sidebar-label, .nav-link span, .sidebar-bottom { display: none; }.main-nav { width: 100%; }.nav-link { justify-content: center; width: 46px; height: 43px; padding: 0; margin: 0 auto; }.nav-link i { position: absolute; transform: translate(12px, -13px); min-width: 15px; height: 14px; font-size: 7px; }.main-content { margin-right: 62px; padding-right: 18px; padding-left: 18px; }.metrics-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.pipeline-grid { grid-template-columns: repeat(4, minmax(60px, 1fr)); }.table-toolbar { flex-wrap: wrap; padding: 8px 0; }.search-field { flex: 1 1 100%; width: 100%; }.dark-select { flex: 1; }.calculator-layout { grid-template-columns: 1fr; }.calculation-summary { min-height: 330px; }.login-screen { grid-template-columns: minmax(0, 1fr) minmax(280px, .9fr); gap: 30px; } }
@media (max-width: 520px) { .login-screen { display: flex; flex-direction: column; align-items: stretch; justify-content: center; gap: 26px; width: calc(100% - 36px); padding: 90px 0 70px; }.login-brand { top: 24px; }.login-copy { padding: 0; }.login-copy h1 { margin: 8px 0; font-size: 29px; }.login-copy p { max-width: 300px; font-size: 9px; }.login-form { padding: 20px 17px; }.login-foot { bottom: 16px; }.main-content { padding-right: 12px; padding-left: 12px; }.topbar { min-height: 53px; }.breadcrumbs { gap: 6px; font-size: 8px; }.today-label { display: none; }.topbar-user { gap: 6px; }.user-meta strong { max-width: 94px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.page-heading { align-items: start; flex-direction: column; gap: 12px; padding: 18px 0 14px; }.page-heading .gold-button { width: 100%; }.page-heading h1 { font-size: 19px; }.page-heading p { font-size: 9px; line-height: 1.7; }.metrics-grid { gap: 6px; }.metric-card { min-height: 83px; padding: 10px; }.metric-top { font-size: 8px; }.metric-value { font-size: 20px; }.metric-icon { width: 23px; height: 23px; }.pipeline-panel, .team-performance { padding: 12px 10px; }.pipeline-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px; }.pipeline-stage { padding: 8px; }.team-summary { gap: 5px; }.team-summary .metric-card { min-height: 70px; padding: 8px; }.status-chips { margin-left: -12px; margin-right: -12px; padding: 3px 12px 10px; }.table-scroll { max-height: calc(100vh - 310px); min-height: 240px; }.calculator-form { padding: 15px 12px; }.form-grid { gap: 0 8px; }.dark-input { padding: 0 7px; font-size: 9px; }.calculation-summary { min-height: 320px; padding: 17px; }.summary-price { font-size: 27px; }.modal { padding: 17px; }.form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.main-footer { margin-top: 12px; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; } }
.login-screen { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0; width: min(calc(100% - 40px), 560px); min-height: 100vh; padding: 40px 0 68px; }
.login-brand { position: relative; top: auto; right: auto; display: flex; flex-direction: column; align-items: center; gap: 10px; margin-bottom: 22px; text-align: center; }
.brand-logo { display: block; width: min(190px, 56vw); height: auto; border-radius: 3px; }
.login-brand strong { color: #f1e6c4; font-size: 24px; font-weight: 700; }
.login-brand small { margin-top: 4px; color: #b4a77f; font-size: 10px; }
.login-copy { display: none; }
.login-form { width: 100%; max-width: 520px; }
@media (max-width: 520px) { .login-screen { align-items: center; gap: 0; width: calc(100% - 34px); padding: 30px 0 62px; }.login-brand { top: auto; margin-bottom: 17px; }.brand-logo { width: min(164px, 48vw); }.login-brand strong { font-size: 22px; }.login-form { padding: 21px 18px; } }
.leads-table { width: 100%; min-width: 0; table-layout: fixed; }
.leads-table th:nth-child(1) { width: 26%; }
.leads-table th:nth-child(2) { width: 14%; }
.leads-table th:nth-child(3) { width: 15%; }
.leads-table th:nth-child(4) { width: 30%; }
.image-import { margin: 0 0 17px; padding: 12px; border: 1px solid rgb(198 166 100 / 25%); border-radius: 3px; background: rgb(198 166 100 / 5%); }
.image-import > strong { color: var(--gold); font-size: 11px; }
.image-import > p { margin: 5px 0 8px; color: #aaa394; font-size: 9px; line-height: 1.7; }
.image-import label { display: block; margin: 9px 0 4px; color: #c7c0ae; font-size: 9px; }
.image-import .dark-input { height: auto; min-height: 39px; padding: 8px; }
.image-import input[type='file'] { width: 100%; direction: ltr; }
.image-import .image-import-dropzone { position: relative; display: grid; justify-items: center; gap: 5px; min-height: 82px; margin: 9px 0 4px; padding: 17px 12px; border: 1px dashed #806c3e; border-radius: 3px; background: rgb(23 22 18 / 55%); color: #d0c4a9; text-align: center; cursor: pointer; transition: border-color .15s ease, background .15s ease, box-shadow .15s ease; }
.image-import-dropzone input[type='file'] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.image-import-dropzone-prompt { color: var(--gold-bright); font-size: 11px; font-weight: 600; }
.image-import-dropzone small { color: var(--muted); font-size: 9px; }
.image-import .image-import-dropzone:hover, .image-import .image-import-dropzone:focus-within, .image-import .image-import-dropzone.is-dragging { border-color: var(--gold-bright); background: rgb(214 180 95 / 9%); box-shadow: inset 0 0 0 1px rgb(214 180 95 / 15%); }
.image-import .image-import-dropzone.is-dragging { border-style: solid; }
.image-import-status { margin-top: 8px; color: #b8cfb0; font-size: 10px; line-height: 1.7; }
.image-import-status.error { color: #efaa99; }
.owner-phone-integrity { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--line); }
.phone-integrity-title { display: flex; align-items: center; gap: 7px; }
.phone-integrity-title strong { color: var(--text); font-size: 11px; }
.phone-integrity-radar { width: 20px; height: 20px; flex: 0 0 20px; overflow: visible; fill: none; stroke: var(--gold); stroke-width: 1.4; stroke-linecap: round; }
.phone-integrity-radar > circle:first-child { fill: var(--surface-2); }
.phone-integrity-radar > circle:last-of-type { fill: var(--gold); }
.phone-integrity-radar-sweep { transform-box: view-box; transform-origin: 12px 12px; animation: phone-integrity-radar-scan 3s linear infinite; }
.phone-integrity-radar-sweep circle { fill: var(--gold-bright); }
@keyframes phone-integrity-radar-scan { to { transform: rotate(360deg); } }
.owner-phone-integrity > p { margin: 5px 0 9px; color: var(--muted); font-size: 9px; line-height: 1.7; }
.owner-phone-integrity [data-phone-integrity-scan] { margin-bottom: 4px; }
.phone-integrity-results { display: grid; gap: 8px; margin-top: 8px; }
.phone-integrity-results h4 { margin: 8px 0 0; color: var(--text); font-size: 10px; }
.phone-integrity-counts { display: flex; flex-wrap: wrap; gap: 6px; }
.phone-integrity-counts span { padding: 5px 7px; border: 1px solid var(--line); border-radius: 3px; color: var(--muted); font-size: 9px; }
.phone-integrity-card { display: grid; gap: 8px; padding: 9px; border: 1px solid var(--line); border-radius: 3px; background: var(--surface-2); }
.phone-integrity-card-heading { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.phone-integrity-card-heading strong { color: var(--text); font-size: 10px; }
.phone-integrity-card-heading span, .phone-integrity-card p, .phone-integrity-lead small { color: var(--muted); font-size: 9px; line-height: 1.6; }
.phone-integrity-card p { margin: 0; overflow-wrap: anywhere; }
.phone-integrity-leads { display: grid; gap: 5px; }
.phone-integrity-lead { display: flex; align-items: flex-start; gap: 7px; padding: 7px; border: 1px solid var(--line); border-radius: 3px; cursor: pointer; }
.phone-integrity-lead input { margin: 2px 0 0; accent-color: var(--gold); }
.phone-integrity-lead span, .phone-integrity-lead strong, .phone-integrity-lead small { display: block; }
.phone-integrity-lead strong { color: var(--text); font-size: 9px; }
.phone-integrity-invalid > label { display: grid; gap: 4px; color: var(--muted); font-size: 9px; }
.phone-integrity-actions { display: flex; flex-wrap: wrap; gap: 6px; }
html[data-theme='light'] .phone-integrity-title strong, html[data-theme='light'] .phone-integrity-results h4,
html[data-theme='light'] .phone-integrity-card-heading strong, html[data-theme='light'] .phone-integrity-lead strong { color: #1b3551; }
html[data-theme='light'] .phone-integrity-card, html[data-theme='light'] .phone-integrity-lead { border-color: #d4e0ee; background: #f5f9fe; }
.team-row-actions { width: 100px; white-space: nowrap; }
.team-row-actions .account-details-button { display: inline-grid; vertical-align: middle; }
.team-row-actions .icon-only + .icon-only { margin-inline-start: 4px; }
#team-view .team-table { min-width: 860px; }
.team-active-duration { display: block; color: var(--text); font: 600 11px var(--latin); }
.team-activity-state { display: inline-flex; align-items: center; gap: 5px; color: var(--muted); font-size: 8px; }
.team-activity-state i { width: 6px; height: 6px; flex: 0 0 6px; border-radius: 50%; background: #9b9588; }
.team-activity-state.recent { color: var(--green); }
.team-activity-state.recent i { background: var(--green); box-shadow: 0 0 7px rgb(175 199 90 / 42%); }
.team-activity-state.suspended { color: var(--red); }
.team-activity-state.suspended i { background: var(--red); }
.team-last-activity { display: block; margin-top: 4px; color: var(--muted); font-size: 8px; }
.team-activity-note { margin: 0 0 12px; color: var(--muted); font-size: 9px; line-height: 1.7; }
.team-cards-panel { padding: 14px; border: 1px solid var(--line); border-radius: 5px; background: var(--surface); }
.team-search-field { width: min(100%, 380px); margin: 0 0 10px; background: var(--surface); }
.team-cards-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.team-member-card { min-width: 0; padding: 15px; border: 1px solid var(--line); border-radius: 5px; background: var(--surface-2); box-shadow: 0 4px 14px rgb(19 43 69 / 5%); }
.team-member-head { display: flex; align-items: center; gap: 14px; min-width: 0; }
.team-member-avatar { flex: 0 0 76px; }
.team-member-avatar .mini-avatar { width: 76px; height: 76px; overflow: hidden; border: 2px solid var(--gold); border-radius: 50%; background: var(--surface); color: var(--gold-bright); font-size: 24px; font-weight: 700; }
.team-member-avatar .mini-avatar img { width: 100%; height: 100%; object-fit: cover; }
.team-member-identity { flex: 1; min-width: 0; }
.team-member-name-row { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.team-member-name-row h3 { min-width: 0; margin: 0; overflow-wrap: anywhere; color: var(--text); font-size: 15px; font-weight: 700; }
.team-member-actions { display: flex; flex: 0 0 auto; gap: 5px; }
.account-delete-button { display: inline-flex; align-items: center; justify-content: center; gap: 4px; min-height: 31px; padding: 0 7px; border: 1px solid rgb(215 120 103 / 40%); border-radius: 4px; background: rgb(215 120 103 / 8%); color: #d77867; font-size: 8px; cursor: pointer; }
.account-delete-button:hover { border-color: #d77867; background: rgb(215 120 103 / 16%); }
.account-delete-button:disabled { opacity: .55; cursor: wait; }
.account-delete-button svg { width: 14px; height: 14px; }
.team-member-actions .icon-only { width: 31px; height: 31px; border-color: var(--line); border-radius: 4px; background: var(--surface); }
.team-member-actions .icon-only:hover { border-color: var(--gold); color: var(--gold-bright); }
.team-member-actions svg { width: 16px; height: 16px; }
.team-member-meta { display: flex; align-items: center; gap: 7px; margin-top: 5px; }
.team-member-role { color: var(--muted); font-size: 9px; }
.team-member-meta .team-state { padding: 2px 7px; border: 1px solid var(--line); border-radius: 10px; }
.team-member-account-meta { display: block; margin-top: 5px; overflow: hidden; color: var(--muted); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.team-member-metrics { display: grid; gap: 0; margin: 14px 0 0; padding: 0; border-top: 1px solid var(--line); }
.team-member-metrics > div { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 36px; border-bottom: 1px solid var(--line); }
.team-member-metrics dt { color: var(--muted); font-size: 10px; }
.team-member-metrics dd { margin: 0; color: var(--text); font: 600 13px var(--latin); }
.team-member-last-activity { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 10px 0 0; color: var(--muted); font-size: 9px; }
.team-member-last-activity > span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.team-cards-empty { grid-column: 1 / -1; margin: 0; padding: 38px 12px; color: var(--muted); text-align: center; }
html[data-theme='light'] .team-member-card { border-color: #d7e2ef; background: #fff; box-shadow: 0 5px 18px rgb(36 78 126 / 7%); }
html[data-theme='light'] .team-member-name-row h3, html[data-theme='light'] .team-member-metrics dd { color: #263b53; }
html[data-theme='light'] .team-member-avatar .mini-avatar { border-color: #9dbada; background: #edf4fb; color: #245c9c; }
html[data-theme='light'] .team-member-actions .icon-only { border-color: #d7e2ef; background: #f5f9fe; color: #315f91; }
@media (max-width: 640px) {
  .team-cards-grid { grid-template-columns: 1fr; gap: 9px; }
  .team-cards-panel { padding: 9px; }
  .team-member-card { padding: 12px; }
  .team-member-avatar, .team-member-avatar .mini-avatar { width: 64px; height: 64px; }
  .team-member-avatar { flex-basis: 64px; }
  .team-member-head { gap: 10px; }
  .team-member-name-row h3 { font-size: 13px; }
}
.activity-disclosure { width: 100%; margin: 10px auto 0; color: var(--muted); font-size: 8px; line-height: 1.7; text-align: center; }
.main-footer { flex-wrap: wrap; gap: 6px 12px; }
.main-footer .activity-disclosure { flex-basis: 100%; margin: 0; text-align: right; }
.login-screen > .activity-disclosure { position: relative; z-index: 1; max-width: 520px; }
.account-details-button { border-color: #494230; color: var(--gold-bright); }
.account-details-button svg { width: 17px; height: 17px; }
.account-details-modal { width: min(100%, 850px); }
.account-identity-grid { display: grid; grid-template-columns: auto repeat(3, minmax(0, 1fr)); align-items: end; gap: 10px; }
.account-identity-grid > label { display: grid; gap: 5px; min-width: 0; margin: 0; color: var(--muted); font-size: 9px; }
.account-identity-grid .dark-input { width: 100%; min-width: 0; height: 34px; padding-inline: 8px; font-size: 10px; }
.account-identity-avatar { display: grid; justify-items: center; gap: 6px; color: var(--muted); font-size: 9px; }
.account-identity-avatar .mini-avatar { position: relative; width: 40px; height: 40px; overflow: hidden; cursor: pointer; }
.account-identity-avatar .mini-avatar img { width: 100%; height: 100%; object-fit: cover; }
.account-activity-modal { max-height: min(88vh, 820px); }
.account-activity-content { max-height: 65vh; overflow-y: auto; }
.account-activity-list { display: grid; gap: 8px; }
.account-activity-event { min-width: 0; padding: 10px 12px; border: 1px solid var(--line); border-radius: 4px; background: var(--surface-2); }
.account-activity-event-heading { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 12px; margin-bottom: 5px; color: var(--blue); font-size: 10px; }
.account-activity-event-heading time { color: var(--muted); font-size: 9px; }
.account-activity-event > strong { display: block; color: var(--text); font-size: 11px; }
.account-activity-event > p { margin: 6px 0 0; overflow-wrap: anywhere; color: var(--muted); font-size: 10px; line-height: 1.7; white-space: pre-wrap; }
.account-activity-empty, .account-activity-loading { margin: 0; padding: 18px 4px; color: var(--muted); text-align: center; }
.account-activity-more { display: block; margin: 12px auto 0; }
.account-details-email { margin: 5px 0 0; color: var(--muted); font: 10px var(--latin); direction: ltr; text-align: right; }
.account-details-status { display: flex; align-items: center; gap: 12px; padding: 0 0 8px; color: var(--muted); font-size: 9px; }
.account-detail-section { margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--line); }
.account-detail-section h3 { margin: 0 0 10px; color: var(--gold-bright); font-size: 11px; font-weight: 600; }
.price-list-launcher { display: flex; align-items: center; gap: 11px; margin: 0 0 13px; }
.price-list-launcher .gold-button { min-height: 40px; }
.price-list-launcher svg { width: 16px; height: 16px; }
.price-list-launcher > span { color: var(--muted); font-size: 9px; }
.price-list-picker { width: 100%; margin: 0 0 16px; padding: 18px; border: 1px solid var(--line); border-top: 2px solid var(--gold); border-radius: 3px; background: var(--surface); color: var(--text); box-shadow: 0 8px 24px rgb(36 78 126 / 7%); }
.price-list-picker { width: min(620px, calc(100% - 28px)); max-height: min(88svh, 790px); overflow-y: auto; margin: auto; padding: 20px; border: 1px solid var(--line); border-top: 2px solid var(--gold); border-radius: 4px; background: var(--surface); color: var(--text); box-shadow: 0 22px 80px rgb(0 0 0 / 48%); }
.price-list-picker::backdrop { background: rgb(7 8 7 / 70%); backdrop-filter: blur(3px); }
.price-list-picker-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 13px; border-bottom: 1px solid var(--line); }
.price-list-picker-heading h2 { margin: 3px 0 0; color: var(--text); font-size: 17px; }
.price-list-picker-fields { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 13px; }
.price-list-picker label { display: block; min-width: 0; color: var(--muted); font-size: 10px; }
.price-list-picker label .dark-input { margin-top: 5px; }
.price-picker-error { margin: 10px 0 0; color: var(--red); font-size: 10px; }
.price-picker-empty { margin: 10px 0 0; color: var(--muted); font-size: 11px; }
.price-picker-preview { margin-top: 14px; padding-top: 13px; border-top: 1px solid var(--line); }
.price-picker-unit-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.price-picker-unit-heading > div { display: grid; gap: 2px; }
.price-picker-unit-heading > div > span, .price-picker-specs > div > span, .price-picker-results > div > span { color: var(--muted); font-size: 9px; }
.price-picker-unit-heading strong { color: var(--text); font-size: 15px; }
.price-picker-specs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 12px; padding: 10px 0; border-block: 1px solid var(--line); }
.price-picker-specs > div { display: grid; gap: 3px; min-width: 0; }
.price-picker-specs strong { color: var(--gold-bright); font-size: 10px; overflow-wrap: anywhere; }
.price-picker-modes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 3px; margin-top: 11px; padding: 3px; border: 1px solid var(--line); background: #171612; }
.price-picker-modes button { min-height: 33px; border: 0; background: transparent; color: var(--muted); font-size: 9px; cursor: pointer; }
.price-picker-modes button.active { background: #342d1f; color: var(--gold-bright); }
.price-picker-plan { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; margin-top: 11px; }
.price-picker-plan .dark-input { height: 36px; padding: 0 8px; font-size: 10px; }
.price-picker-flexible-down { margin-top: 9px; }
.price-picker-flexible-down .dark-input { height: 36px; padding: 0 8px; font-size: 10px; }
.price-picker-results { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 14px; margin-top: 10px; }
.price-picker-results > div { display: flex; align-items: center; justify-content: space-between; gap: 7px; min-width: 0; padding: 8px 0; border-bottom: 1px solid rgb(214 180 95 / 10%); }
.price-picker-results > div strong { color: var(--text); font-size: 10px; text-align: left; }
.price-picker-results > p { grid-column: 1 / -1; margin: 7px 0 0; color: var(--gold-bright); font-size: 9px; }
.price-picker-apply { width: 100%; margin-top: 14px; }
@media (max-width: 520px) {
  .price-list-launcher { align-items: flex-start; flex-direction: column; gap: 7px; }
  .price-list-picker { padding: 16px; }
  .price-list-picker-fields { grid-template-columns: 1fr; }
  .price-picker-plan { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .price-picker-plan { gap: 6px; }
  .price-picker-plan .dark-input { font-size: 9px; }
  .price-picker-flexible-down .dark-input { font-size: 10px; }
}
#login-screen.login-screen { isolation: isolate; width: min(calc(100% - 64px), 720px); min-height: 100svh; padding: 36px 0 64px; }
#login-screen::before { z-index: -2; background: radial-gradient(ellipse at 50% 16%, rgb(196 155 77 / 17%), transparent 35%), radial-gradient(ellipse at 8% 78%, rgb(158 119 52 / 11%), transparent 32%), radial-gradient(ellipse at 92% 78%, rgb(158 119 52 / 9%), transparent 32%), repeating-linear-gradient(135deg, transparent 0 90px, rgb(214 180 95 / 2.5%) 91px 92px, transparent 93px 180px), linear-gradient(145deg, #1c1b18, #0d0e0d 58%, #171510); }
#login-screen::after { position: fixed; z-index: -1; inset: 20px; border: 1px solid rgb(201 169 100 / 68%); outline: 1px solid rgb(201 169 100 / 24%); outline-offset: 5px; background: linear-gradient(90deg, #c9a964, #c9a964) left top / 86px 2px no-repeat, linear-gradient(180deg, #c9a964, #c9a964) left top / 2px 52px no-repeat, linear-gradient(270deg, #c9a964, #c9a964) right top / 86px 2px no-repeat, linear-gradient(180deg, #c9a964, #c9a964) right top / 2px 52px no-repeat, linear-gradient(90deg, #c9a964, #c9a964) left bottom / 86px 2px no-repeat, linear-gradient(0deg, #c9a964, #c9a964) left bottom / 2px 52px no-repeat, linear-gradient(270deg, #c9a964, #c9a964) right bottom / 86px 2px no-repeat, linear-gradient(0deg, #c9a964, #c9a964) right bottom / 2px 52px no-repeat; content: ''; pointer-events: none; }
#login-screen .login-brand { z-index: 1; gap: 8px; margin-bottom: 20px; }
#login-screen .brand-logo { width: min(150px, 42vw); border: 1px solid rgb(201 169 100 / 60%); box-shadow: 0 10px 36px rgb(0 0 0 / 34%); }
#login-screen .login-brand strong { color: #f1dfb1; font-size: 25px; }
#login-screen .login-brand small { color: #c5b17e; font-size: 10px; }
#login-screen .login-form { max-width: 460px; padding: 28px 30px 30px; border: 1px solid #75613a; border-top: 2px solid #e0bd6d; border-radius: 2px; background: linear-gradient(145deg, rgb(36 33 27 / 98%), rgb(20 20 18 / 98%)); box-shadow: 0 18px 60px rgb(0 0 0 / 42%), inset 0 0 0 4px rgb(214 180 95 / 5%); animation: rise-in .45s ease both; }
#login-screen .form-kicker { color: #d6b45f; font-size: 10px; }
#login-screen .login-form h2 { color: #f1e6cf; font-size: 22px; }
#login-screen .login-form > p { color: #b5ad9c; font-size: 11px; }
#login-screen .login-form label { color: #d0c4a9; font-size: 10px; }
#login-screen .login-form input { border-color: #514833; background: #121210; color: #f1ede4; }
#login-screen .login-form input:focus { border-color: #d6b45f; box-shadow: 0 0 0 3px rgb(214 180 95 / 12%); outline: 0; }
#login-screen .login-form input::placeholder { color: #777267; }
#login-screen .gold-button { border-color: #d2ad5d; background: linear-gradient(100deg, #b68d42, #e0c276 52%, #b68d42); color: #201a0e; }
#login-screen .gold-button:hover { border-color: #f1d78e; background: #e6cb83; }
#login-screen .login-foot { right: 5%; bottom: 25px; left: 5%; color: #a79a79; }
#login-screen .activity-disclosure { color: #a79a79; }
@media (max-width: 520px) {
  #login-screen.login-screen { width: calc(100% - 36px); padding: 28px 0 62px; }
  #login-screen::after { inset: 12px; outline-offset: 3px; }
  #login-screen .brand-logo { width: min(142px, 44vw); }
  #login-screen .login-brand { margin-bottom: 17px; }
  #login-screen .login-brand strong { font-size: 22px; }
  #login-screen .login-form { padding: 22px 19px 24px; }
  #login-screen .login-foot { right: 3%; bottom: 20px; left: 3%; font-size: 7px; }
}
@media (max-height: 680px) and (min-width: 521px) {
  #login-screen.login-screen { padding-top: 20px; padding-bottom: 52px; }
  #login-screen .brand-logo { width: 112px; }
  #login-screen .login-brand { margin-bottom: 12px; }
  #login-screen .login-brand strong { font-size: 20px; }
  #login-screen .login-form { padding: 19px 25px 21px; }
  #login-screen .login-form > p { margin-bottom: 15px; }
}
.account-detail-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; }
.account-detail-metrics article { display: grid; gap: 8px; min-width: 0; min-height: 67px; padding: 10px; border: 1px solid var(--line); border-radius: 3px; background: var(--surface-2); }
.account-detail-metrics span, .account-status-item span { color: var(--muted); font-size: 9px; }
.account-detail-metrics strong { overflow-wrap: anywhere; color: var(--text); font: 600 16px var(--latin); }
.account-info-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px 16px; }
.account-info-field { display: grid; align-content: start; gap: 5px; min-width: 0; padding: 5px 0; }
.account-info-field span { color: var(--muted); font-size: 9px; }
.account-info-field strong { overflow-wrap: anywhere; color: var(--text); font-size: 10px; font-weight: 500; }
.account-status-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
.account-status-item { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-width: 0; padding: 8px; border: 1px solid var(--line); border-radius: 2px; }
.account-status-item strong { color: var(--text); font: 600 12px var(--latin); }
.account-details-note { margin: 11px 0 0; color: var(--muted); font-size: 9px; line-height: 1.7; }
.account-password-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.account-password-grid label { display: block; margin: 0 0 6px; color: var(--muted); font-size: 9px; }
.account-management-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 12px; }
.account-management-actions .gold-button, .account-management-actions .account-toggle { min-height: 34px; }
.account-management-actions .account-toggle { padding-inline: 12px; }
.account-details-loading { color: var(--muted); font-size: 10px; }
html[data-theme='light'] .account-detail-metrics article, html[data-theme='light'] .account-status-item { border-color: var(--line); background: var(--surface-2); }
html[data-theme='light'] .account-detail-section h3 { color: #315f91; }
html[data-theme='light'] .account-detail-metrics strong, html[data-theme='light'] .account-info-field strong,
html[data-theme='light'] .account-status-item strong { color: #263b53; }
html[data-theme='light'] .account-details-email, html[data-theme='light'] .account-details-status,
html[data-theme='light'] .account-detail-metrics span, html[data-theme='light'] .account-info-field span,
html[data-theme='light'] .account-status-item span, html[data-theme='light'] .account-details-note,
html[data-theme='light'] .account-password-grid label { color: #63778e; }
html[data-theme='light'] .team-active-duration { color: #263b53; }
html[data-theme='light'] .team-activity-state { color: #63778e; }
html[data-theme='light'] .team-activity-state.recent { color: #39734f; }
html[data-theme='light'] .team-activity-state.suspended { color: #a34f47; }
html[data-theme='light'] .team-last-activity, html[data-theme='light'] .team-activity-note { color: #63778e; }
@media (max-width: 600px) {
  .account-detail-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .account-info-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .account-status-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .account-password-grid { grid-template-columns: 1fr; gap: 2px; }
  .account-identity-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .account-identity-avatar { grid-row: span 2; align-self: center; }
  .account-details-modal { padding: 16px 13px; }
  .account-details-modal .modal-header { gap: 10px; }
}
.leads-table th:nth-child(5) { width: 15%; }
.leads-table-admin th:nth-child(1) { width: 22%; }
.leads-table-admin th:nth-child(2) { width: 15%; }
.leads-table-admin th:nth-child(3) { width: 12%; }
.leads-table-admin th:nth-child(4) { width: 14%; }
.leads-table-admin th:nth-child(5) { width: 17%; }
.leads-table-admin th:nth-child(6) { width: 20%; }
.leads-table-admin th:first-child,
.leads-table-admin th:nth-child(2) { position: sticky; top: 0; z-index: 4; background: #25231e; }
.leads-table-admin th:first-child, .leads-table-admin td:first-child { inset-inline-start: 0; }
.leads-table-admin th:nth-child(2), .leads-table-admin td:nth-child(2) {
  inset-inline-start: 22%;
  border-inline-start: 1px solid var(--line);
}
.leads-table-private-owner th:nth-child(2), .leads-table-private-owner td:nth-child(2) { inset-inline-start: 28%; }
.leads-table-admin td:first-child, .leads-table-admin td:nth-child(2) {
  position: sticky;
  z-index: 2;
  background: var(--surface);
}
.leads-table-admin tbody tr:hover > td:first-child,
.leads-table-admin tbody tr:hover > td:nth-child(2) { background: #27251f; }
html[data-theme='light'] .leads-table-admin tbody tr:hover > td:first-child,
html[data-theme='light'] .leads-table-admin tbody tr:hover > td:nth-child(2) { background: #f0f6fc; }
.leads-table-private-owner { min-width: 1420px; }
.leads-table-private-owner th:nth-child(1) { width: 28%; }
.leads-table-private-owner th:nth-child(2) { width: 13%; }
.leads-table-private-owner th:nth-child(3) { width: 12%; }
.leads-table-private-owner th:nth-child(4) { width: 12%; }
.leads-table-private-owner th:nth-child(5) { width: 15%; }
.leads-table-private-owner th:nth-child(6) { width: 20%; }
.private-lead-identity { display: grid; gap: 5px; min-width: 260px; white-space: normal; }
.private-lead-identity .lead-name-display { width: 100%; }
.private-lead-meta { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 12px; color: var(--muted); font-size: 8px; line-height: 1.5; overflow-wrap: anywhere; }
.private-lead-phone { font: 12px var(--latin); }
.private-lead-phone a { color: var(--blue); text-decoration: none; }
.private-lead-phone a:hover { text-decoration: underline; }
.private-lead-notes { display: block; min-width: 190px; max-width: 320px; color: var(--text); font-size: 9px; line-height: 1.6; white-space: pre-wrap; overflow-wrap: anywhere; }
.lead-note-preview.is-empty, .private-lead-notes.is-empty { color: var(--muted); font-size: 10px; font-weight: 600; }
.leads-table td { height: auto; min-height: 48px; vertical-align: middle; }
.leads-table th:last-child, .leads-table td:last-child { text-align: center; }
.lead-phone-heading { display: block; width: 100%; transform: translateX(20px); }
.lead-reference-code { color: var(--blue); font-weight: 600; }
.lead-name-display { display: grid; gap: 3px; min-width: 0; max-width: 100%; text-align: right; cursor: pointer; user-select: text; }
.lead-phone-number { display: block; width: 100%; overflow: hidden; color: var(--blue); font: 600 13px var(--latin); letter-spacing: .2px; text-align: center; text-overflow: ellipsis; white-space: nowrap; user-select: text; transform: translateX(20px); }
.lead-note-preview { display: block; overflow: hidden; color: #d0cbbf; text-overflow: ellipsis; white-space: nowrap; }
html[data-theme='light'] .lead-note-preview,
html[data-theme='light'] .lead-contact-summary .muted-cell,
html[data-theme='light'] .lead-contact-summary > small { color: #17212e; font-weight: 600; }
.status-select, .assignment-select { width: 100%; max-width: 150px; height: 29px; }
html[data-theme='light'] .assignment-select { border: 1px solid #d4e0ee; border-radius: 3px; background: #fff; color: #263b53; }
html[data-theme='light'] .status-select[data-status] { border: 1px solid #cbdcf0; background: #edf4fc; color: #245c9c; }
html[data-theme='light'] .status-select[data-status='Contacted'] { background: #eaf4fa; color: #2d6c92; }
html[data-theme='light'] .status-select[data-status='Qualified'] { background: #edf6eb; color: #3c7044; }
html[data-theme='light'] .status-select[data-status='Unqualified'] { background: #fff5e9; color: #936d2c; }
html[data-theme='light'] .status-select[data-status='Closed Won'] { background: #e9f5ee; color: #32704d; }
html[data-theme='light'] .status-select[data-status='Closed Lost'] { background: #fdf0ed; color: #a34f47; }
html[data-theme='light'] .status-select[data-status='Call Again'] { background: #fff5e8; color: #956a25; }
html[data-theme='light'] .status-select[data-status='WhatsApp'] { background: #e9f7f0; color: #16835a; }
html[data-theme='light'] .sidebar .nav-link i { border: 1px solid #d5e2ef; background: #edf4fc; color: #315f91; }
html[data-theme='light'] .status-chip.private-filter { border-color: #d4e0ee; background: #f1f6fc; color: #456b96; }
html[data-theme='light'] .status-chip.private-filter.active { border-color: #a9c3e0; background: #e5effa; box-shadow: inset 0 -2px #4a7dbc; color: #245c9c; }
.lead-details-modal { display: flex; flex-direction: column; width: min(100%, 780px); max-height: min(86vh, 720px); overflow: hidden; }
.lead-details-modal.compact-lead-file { width: min(100%, 560px); }
.lead-details-modal .lead-detail-actions { position: sticky; bottom: 0; z-index: 2; padding: 10px 0; border-top: 1px solid var(--line); background: var(--surface); }
.lead-details-modal > .modal-header { flex: 0 0 auto; margin: -22px -22px 12px; padding: 17px 22px 11px; border-bottom: 1px solid #3a362b; background: #201f1b; }
.lead-details-title-row { display: flex; align-items: center; gap: 7px; }
.lead-details-title-row h2 { min-width: 0; margin: 4px 0 0; overflow-wrap: anywhere; }
.lead-name-edit-button { display: inline-grid; flex: 0 0 30px; width: 30px; height: 30px; place-items: center; padding: 5px; border: 1px solid var(--line); border-radius: 3px; background: var(--surface); color: var(--blue); font-size: 17px; cursor: pointer; }
.lead-name-edit-button:hover { border-color: var(--blue); color: var(--gold); }
.lead-name-edit-button svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
.lead-name-edit-button:disabled { opacity: .6; cursor: wait; }
.lead-name-edit-input { width: min(280px, 65vw); height: 34px; font-size: 16px; font-weight: 700; }
.lead-name-edit-actions { display: inline-flex; gap: 4px; }
#lead-details-content { min-height: 0; flex: 1 1 auto; overflow-y: auto; overscroll-behavior: contain; scrollbar-color: #514932 #201f1b; scrollbar-width: thin; }
.lead-activity-actions { display: grid; flex: 0 0 auto; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; padding-top: 10px; border-top: 1px solid var(--line); background: var(--surface); }
.lead-activity-button { display: flex; align-items: center; justify-content: center; gap: 7px; min-width: 0; min-height: 40px; padding: 6px 8px; border: 1px solid transparent; border-radius: 3px; color: #fff; font: 500 10px var(--font); cursor: pointer; }
.lead-activity-button svg { width: 16px; height: 16px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
.call-activity-button { background: #315f91; }
.whatsapp-activity-button { background: #276443; }
.lead-activity-button:hover { filter: brightness(1.12); }
.lead-activity-button:disabled { opacity: .6; cursor: wait; }
.lead-details-save-button { grid-column: 1 / -1; background: #315f91; font-weight: 700; }
html[data-theme='light'] .lead-activity-actions { border-color: #d7e2ef; background: #fff; }
html[data-theme='light'] .call-activity-button { border-color: #c7d9ec; background: #edf4fc; color: #245c9c; }
html[data-theme='light'] .whatsapp-activity-button { border-color: #c8e2d1; background: #eaf6ef; color: #28704a; }
html[data-theme='light'] .lead-details-save-button { border-color: #c7d9ec; background: #edf4fc; color: #245c9c; }
.lead-details-tabs { position: sticky; top: 0; z-index: 3; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px; margin-bottom: 14px; padding: 4px; border: 1px solid var(--line); border-radius: 3px; background: var(--surface); }
.lead-details-tabs.has-owner-audit-tab { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.lead-details-tab { min-width: 0; min-height: 35px; padding: 0 8px; border: 1px solid transparent; border-radius: 2px; background: transparent; color: var(--muted); font-size: 10px; cursor: pointer; transition: background .15s ease, color .15s ease, border-color .15s ease; }
.lead-details-tab:hover { border-color: var(--line); color: var(--text); }
.lead-details-tab.is-active { border-color: #75623b; background: #302a1e; color: var(--gold-bright); }
.lead-details-tab-panel { min-width: 0; }
.lead-audit-history { display: grid; gap: 10px; }
.lead-audit-history > header { padding: 11px 12px; border: 1px solid var(--line); border-radius: 3px; background: var(--surface-2); }
.lead-audit-history > header h3 { margin: 0; color: var(--text); font-size: 12px; }
.lead-audit-history > header p { margin: 5px 0 0; color: var(--muted); font-size: 9px; line-height: 1.6; }
.lead-audit-events { display: grid; gap: 7px; }
.lead-audit-event { display: grid; gap: 7px; padding: 10px 12px; border: 1px solid var(--line); border-inline-start: 3px solid #a48b54; border-radius: 3px; background: var(--surface-2); }
.lead-audit-event > header { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 5px 12px; }
.lead-audit-event > header strong { color: var(--text); font-size: 10px; }
.lead-audit-event time { color: var(--muted); font-size: 8px; }
.lead-audit-event-details { display: grid; gap: 4px; color: var(--muted); font-size: 9px; line-height: 1.6; overflow-wrap: anywhere; }
.lead-audit-event-details strong { color: var(--text); font-weight: 600; }
.lead-audit-event > p { margin: 0; color: var(--muted); font-size: 8px; }
.lead-audit-event > p b { color: var(--text); font-weight: 600; }
.lead-audit-load-more { justify-self: center; min-height: 32px; padding: 0 14px; }
html[data-theme='light'] .lead-details-tabs { border-color: #d4e0ee; background: #edf4fb; }
html[data-theme='light'] .lead-details-tab:hover { border-color: #c4d5e7; color: #1b3551; }
html[data-theme='light'] .lead-details-tab.is-active { border-color: #9cb9d6; background: #fff; color: #245c9c; }
.lead-details-section + .lead-details-section { margin-top: 15px; }
.lead-details-section-heading { display: flex; align-items: center; gap: 9px; margin-bottom: 9px; padding-bottom: 8px; border-bottom: 1px solid var(--line); }
.lead-details-section-heading h3 { margin: 0; color: var(--text); font-size: 13px; font-weight: 600; }
.lead-details-section-heading .gold-eyebrow { min-width: 18px; font-size: 8px; }
.lead-detail-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.lead-customer-data-form { margin-top: 10px; }
.lead-customer-save-actions { grid-column: 1 / -1; display: flex; justify-content: flex-start; }
.nav-link .team-alert-badge { position: static; display: grid; flex: 0 0 19px; width: 19px; min-width: 19px; height: 19px; place-items: center; margin: 0; transform: none; border: 1px solid #a48b54; border-radius: 50%; background: #51462d; color: #f0dca2; font: 700 12px var(--latin); }
.nav-link .team-alert-badge.has-alerts { border-color: #b94e43; background: #a93e36; color: #fff; }
.nav-link[data-view='team'] { position: relative; }
.team-attention-alert { margin: 0 0 12px; padding: 11px 13px; border: 1px solid rgb(199 88 75 / 45%); border-inline-start: 3px solid #c7584b; background: rgb(199 88 75 / 8%); color: var(--text); }
.team-attention-alert h3 { margin: 0 0 7px; color: #e08b7e; font-size: 12px; }
.team-attention-alert p { margin: 0; font-size: 10px; line-height: 1.7; }
.team-attention-details-button { margin-top: 8px; }
.team-attention-alert ul { display: grid; gap: 5px; margin: 0; padding-inline-start: 18px; font-size: 10px; line-height: 1.6; }
.team-attention-modal { width: min(100%, 760px); }
.team-alert-section + .team-alert-section { margin-top: 16px; padding-top: 12px; border-top: 1px solid var(--line); }
.team-alert-section > h3 { margin: 0 0 8px; color: var(--text); font-size: 11px; }
.team-attention-summary-list { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.team-attention-summary-list { max-height: min(58vh, 480px); overflow-y: auto; }
.team-attention-summary-list li { display: grid; grid-template-columns: minmax(180px, .85fr) minmax(0, 1.15fr); align-items: center; gap: 14px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 3px; background: var(--surface-2); }
.team-attention-summary-list li.needs-attention { border-inline-start: 3px solid #c7584b; }
.team-attention-employee { display: flex; align-items: center; gap: 8px; min-width: 0; }
.team-attention-employee > strong { overflow: hidden; color: var(--text); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.team-attention-employee > span:last-child { margin-inline-start: auto; color: var(--muted); font-size: 8px; white-space: nowrap; }
.team-attention-times { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; min-width: 0; }
.team-attention-times > div { display: grid; gap: 3px; min-width: 0; }
.team-attention-times span { color: var(--muted); font-size: 8px; }
.team-attention-times strong { overflow: hidden; color: var(--text); font-size: 9px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 560px) {
  .team-attention-summary-list li { grid-template-columns: 1fr; gap: 8px; }
  .team-attention-times { gap: 6px; }
}
.lead-follow-up-summary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 14px; padding: 0 10px; border: 1px solid var(--line); border-radius: 3px; background: var(--surface-2); }
.lead-follow-up-summary .lead-detail-field { padding: 9px 0; }
.lead-follow-up-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: start; gap: 16px; direction: rtl; }
.lead-follow-up-form { display: grid; gap: 7px; min-width: 0; padding: 13px; border: 1px solid var(--line); border-radius: 3px; background: var(--surface); }
.lead-follow-up-form-heading, .lead-follow-up-history-heading { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.lead-follow-up-form-heading h3, .lead-follow-up-history-heading h3 { margin: 0; color: var(--text); font-size: 12px; font-weight: 600; }
.lead-follow-up-form label, .follow-up-seriousness-label { margin-top: 4px; color: var(--muted); font-size: 9px; }
.lead-follow-up-form .dark-input { width: 100%; min-width: 0; }
.lead-follow-up-form textarea { min-height: 86px; padding: 9px; resize: vertical; line-height: 1.7; }
.follow-up-hint { margin: -3px 0 1px; color: var(--muted); font-size: 8px; }
.follow-up-date-presets { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 5px; }
.follow-up-date-presets button { min-width: 0; min-height: 29px; padding: 0 5px; border: 1px solid var(--line); border-radius: 3px; background: var(--surface-2); color: var(--muted); font-size: 8px; cursor: pointer; }
.follow-up-date-presets button:hover { border-color: var(--gold); color: var(--text); }
.follow-up-date-presets button.is-selected { border-color: #8c7137; background: rgb(214 180 95 / 12%); color: var(--gold-bright); }
.follow-up-schedule-fields { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; }
.follow-up-schedule-fields label { display: grid; gap: 5px; min-width: 0; color: var(--muted); font-size: 9px; }
.follow-up-schedule-fields .dark-input { min-width: 0; min-height: 37px; padding: 0 7px; direction: ltr; text-align: left; }
.follow-up-schedule-fields input[type='date'] { color-scheme: dark; }
.follow-up-time-picker { display: grid; align-content: start; gap: 5px; min-width: 0; }
.follow-up-time-picker > span { color: var(--muted); font-size: 9px; }
.follow-up-clock-picker { position: relative; min-width: 0; }
.follow-up-time-button { display: flex; align-items: center; justify-content: space-between; gap: 6px; width: 100%; min-width: 0; min-height: 37px; padding: 0 8px; border: 1px solid var(--line); border-radius: 3px; background: var(--surface-2); color: var(--text); font-size: 9px; cursor: pointer; }
.follow-up-time-button:hover, .follow-up-time-button[aria-expanded='true'] { border-color: var(--gold); }
.follow-up-time-button svg { width: 15px; height: 15px; flex: 0 0 auto; fill: none; stroke: var(--gold); stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
.follow-up-clock-panel { position: static; display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: end; gap: 8px; width: min(280px, 100%); box-sizing: border-box; margin-top: 6px; padding: 11px; border: 1px solid var(--line); border-radius: 4px; background: var(--surface); box-shadow: 0 5px 16px rgb(0 0 0 / 12%); }
.follow-up-clock-panel[hidden] { display: none; }
.follow-up-clock-panel > header { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; padding-bottom: 7px; border-bottom: 1px solid var(--line); color: var(--text); font-size: 10px; font-weight: 600; }
.follow-up-clock-panel > header svg { width: 16px; height: 16px; fill: none; stroke: var(--gold); stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
.follow-up-clock-period { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 3px; padding: 3px; border: 1px solid var(--line); border-radius: 4px; background: var(--surface-2); }
.follow-up-clock-period button { min-height: 32px; border: 1px solid transparent; border-radius: 3px; background: transparent; color: var(--muted); font: 600 12px var(--font); cursor: pointer; }
.follow-up-clock-period button:hover { color: var(--text); }
.follow-up-clock-period button.is-selected { border-color: var(--line); background: var(--surface); color: var(--gold-bright); box-shadow: 0 1px 3px rgb(0 0 0 / 12%); }
.follow-up-clock-field { display: grid; gap: 5px; min-width: 0; }
.follow-up-clock-field > label { color: var(--muted); font-size: 8px; text-align: center; }
.follow-up-clock-stepper { display: grid; grid-template-columns: 25px minmax(44px, 1fr) 25px; align-items: center; gap: 3px; direction: ltr; }
.follow-up-clock-stepper button { width: 25px; height: 31px; border: 1px solid var(--line); border-radius: 3px; background: var(--surface-2); color: var(--gold); font-size: 13px; cursor: pointer; }
.follow-up-clock-stepper button:hover { border-color: var(--gold); }
.follow-up-clock-stepper input { width: 100%; min-width: 0; height: 35px; padding: 0 2px; text-align: center; font: 600 16px var(--latin); }
.follow-up-clock-separator { align-self: end; padding-bottom: 7px; color: var(--gold); font: 700 17px var(--latin); }
.follow-up-clock-panel [data-apply-follow-up-clock] { grid-column: 1 / -1; min-height: 30px; }
.follow-up-seriousness { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 5px; }
.follow-up-seriousness button { display: grid; place-items: center; min-width: 0; min-height: 36px; padding: 0 4px; border: 1px solid var(--line); border-radius: 3px; background: var(--surface-2); color: var(--muted); font-size: 18px; line-height: 1; cursor: pointer; }
.follow-up-seriousness button:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; }
.follow-up-seriousness button.hot.is-selected { border-color: #d77867; background: rgb(215 120 103 / 13%); color: #e99483; }
.follow-up-seriousness button.warm.is-selected { border-color: #d6b45f; background: rgb(214 180 95 / 12%); color: #f0d27e; }
.follow-up-seriousness button.cold.is-selected { border-color: #74a9cb; background: rgb(116 169 203 / 13%); color: #91c2e1; }
.follow-up-save { display: flex; width: 100%; margin-top: 4px; }
.follow-up-save svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
.lead-follow-up-history { min-width: 0; }
.lead-follow-up-history-heading { margin-bottom: 10px; padding-bottom: 9px; border-bottom: 1px solid var(--line); }
.follow-up-history-count { display: grid; place-items: center; min-width: 23px; height: 23px; border: 1px solid var(--line); border-radius: 50%; color: var(--gold); font-size: 8px; }
.lead-follow-up-timeline { position: relative; display: grid; gap: 9px; max-height: 480px; padding-inline-start: 24px; overflow: auto; }
.lead-follow-up-timeline::before { position: absolute; top: 8px; bottom: 8px; inset-inline-start: 9px; width: 1px; background: var(--line); content: ''; }
.follow-up-timeline-entry { position: relative; min-width: 0; }
.follow-up-timeline-icon { position: absolute; top: 9px; inset-inline-start: -24px; z-index: 1; display: grid; place-items: center; width: 19px; height: 19px; border: 1px solid var(--line); border-radius: 50%; background: var(--bg); color: var(--gold); }
.follow-up-timeline-icon svg { width: 11px; height: 11px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.6; }
.follow-up-timeline-entry.seriousness-hot .follow-up-timeline-icon { color: #d77867; }
.follow-up-timeline-entry.seriousness-cold .follow-up-timeline-icon { color: #74a9cb; }
.follow-up-timeline-card { min-width: 0; padding: 9px 10px; border: 1px solid var(--line); border-radius: 3px; background: var(--surface); }
.follow-up-timeline-card > header { display: flex; align-items: center; justify-content: space-between; gap: 7px; }
.follow-up-method { color: var(--text); font-size: 9px; font-weight: 600; }
.follow-up-seriousness-badge { padding: 2px 6px; border: 1px solid var(--line); border-radius: 10px; color: var(--muted); font-size: 8px; }
.seriousness-hot .follow-up-seriousness-badge { border-color: rgb(215 120 103 / 40%); color: #d77867; }
.seriousness-warm .follow-up-seriousness-badge { border-color: rgb(214 180 95 / 40%); color: var(--gold); }
.seriousness-cold .follow-up-seriousness-badge { border-color: rgb(116 169 203 / 40%); color: #74a9cb; }
.follow-up-timeline-card time, .follow-up-author, .follow-up-next-action { display: block; margin-top: 5px; color: var(--muted); font-size: 8px; }
.follow-up-author { color: var(--gold); }
.follow-up-timeline-card p { margin: 8px 0 0; color: var(--text); font-size: 9px; line-height: 1.7; overflow-wrap: anywhere; white-space: pre-wrap; }
.follow-up-next-action { padding-top: 6px; border-top: 1px solid var(--line); }
html[data-theme='light'] .lead-follow-up-form, html[data-theme='light'] .follow-up-timeline-card { border-color: #d4e0ee; background: #fff; }
html[data-theme='light'] .lead-follow-up-form-heading h3, html[data-theme='light'] .lead-follow-up-history-heading h3,
html[data-theme='light'] .follow-up-method, html[data-theme='light'] .follow-up-timeline-card p { color: #1b3551; }
html[data-theme='light'] .follow-up-seriousness button { border-color: #d4e0ee; background: #f5f9fe; color: #536b83; }
html[data-theme='light'] .follow-up-timeline-icon { border-color: #d4e0ee; background: #fff; }
html[data-theme='light'] .follow-up-date-presets button { border-color: #d4e0ee; background: #f5f9fe; color: #536b83; }
html[data-theme='light'] .follow-up-date-presets button.is-selected { border-color: #9cb9d6; background: #e5effa; color: #245c9c; }
html[data-theme='light'] .follow-up-schedule-fields input[type='date'] { color-scheme: light; }
html[data-theme='light'] .follow-up-time-picker > span, html[data-theme='light'] .follow-up-clock-panel label { color: #536b83; }
html[data-theme='light'] .follow-up-time-button { border-color: #d4e0ee; background: #f5f9fe; color: #244b71; }
html[data-theme='light'] .follow-up-clock-panel { border-color: #d4e0ee; background: #fff; box-shadow: 0 8px 24px rgb(27 53 81 / 12%); }
html[data-theme='light'] .follow-up-clock-panel > header { border-color: #d4e0ee; color: #1b3551; }
html[data-theme='light'] .follow-up-clock-stepper button { border-color: #d4e0ee; background: #f5f9fe; color: #245c9c; }
html[data-theme='light'] .follow-up-clock-period { border-color: #d4e0ee; background: #f5f9fe; }
html[data-theme='light'] .follow-up-clock-period button.is-selected { border-color: #d4e0ee; background: #fff; color: #245c9c; }
@media (max-width: 640px) {
  .lead-follow-up-layout { grid-template-columns: 1fr; }
  .lead-follow-up-timeline { max-height: 360px; }
}
.lead-details-modal .lead-notes-panel { margin-top: 13px; }
.lead-details-modal .lead-calculations-panel { margin-top: 15px; padding-top: 0; border-top: 0; }
.lead-calculations-heading { justify-content: space-between; flex-wrap: wrap; gap: 8px; }
.lead-details-modal .lead-new-calculation { min-height: 32px; padding: 0 10px; font-size: 9px; }
.lead-new-calculation svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
.compact-lead-file .lead-detail-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.lead-detail-status .dark-input { width: min(100%, 280px); }
.metric-card.won-card { border-color: #435846; border-top: 2px solid #83b18a; background: linear-gradient(120deg, #242b24, #1c1b18); }
.won-card .metric-icon { border-color: #435846; background: #26342b; color: #9ec49d; }
.won-card .metric-value { color: #c9e3ca; }
html[data-theme='light'] .metric-card.won-card { border-color: #b8d9c4; border-top-color: #4b9a69; background: #eff8f1; }
html[data-theme='light'] .won-card .metric-icon { border-color: #b8d9c4; background: #e0f0e5; color: #32704d; }
html[data-theme='light'] .won-card .metric-value { color: #32704d; }
.metric-card-action { width: 100%; color: inherit; font: inherit; text-align: start; cursor: pointer; }
.metric-card-action:hover, .metric-card-action:focus-visible { border-color: #83b18a; outline: none; transform: translateY(-1px); }
html[data-theme='light'] .metric-card-action:hover, html[data-theme='light'] .metric-card-action:focus-visible { border-color: #4b9a69; }
.call-activity-modal { width: min(100%, 700px); }
.call-activity-table-wrap { max-height: min(55vh, 440px); }
.call-activity-table { min-width: 440px; }
.call-activity-account { display: grid; gap: 3px; }
.call-activity-account small { color: var(--muted); font-size: 10px; }
.lead-detail-field { display: grid; align-content: start; gap: 6px; min-width: 0; padding: 11px 12px; border: 1px solid var(--line); border-radius: 4px; background: var(--surface-2); }
.lead-detail-field > span, .lead-detail-control > label, .lead-detail-notes > label { color: #c6c0b3; font-size: 10px; }
.lead-detail-field > strong { overflow-wrap: anywhere; color: #fff; font-size: 11px; font-weight: 500; white-space: normal; }
.lead-detail-field .privacy-toggle { justify-self: start; min-width: 88px; }
.lead-detail-control { display: grid; align-content: start; gap: 6px; min-width: 0; padding: 11px 12px; border: 1px solid var(--line); border-radius: 4px; background: var(--surface-2); }
.lead-detail-control .dark-input { width: 100%; }
.compact-lead-file .lead-detail-field, .compact-lead-file .lead-detail-control { padding: 11px 12px; border: 1px solid var(--line); border-radius: 4px; background: var(--surface-2); }
.compact-lead-file .lead-detail-field > span, .compact-lead-file .lead-detail-control > label { font-size: 11px; }
.compact-lead-file .lead-detail-field > strong { font-size: 12px; }
.lead-notes-panel { margin-top: 14px; padding-top: 12px; border-top: 1px solid #3a362b; }
.lead-notes-panel > header > h3 { margin: 0 0 8px; color: #f0d27e; font-size: 12px; }
.lead-note-form { display: grid; justify-items: start; gap: 8px; }
.lead-note-form label { color: var(--muted); font-size: 10px; }
.lead-note-form textarea { width: 100%; min-height: 82px; padding: 9px; line-height: 1.7; resize: vertical; }
.lead-note-form .gold-button { min-height: 33px; }
.lead-note-form .inline-error { margin: 0; }
.lead-quick-notes { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; width: 100%; padding: 2px 0 4px; }
.lead-quick-notes-label { flex: 0 0 100%; color: var(--muted); font-size: 10px; font-weight: 600; }
.lead-quick-notes button { min-height: 30px; padding: 0 9px; border: 1px solid var(--line); border-radius: 3px; background: var(--surface-2); color: var(--muted); font: 500 10px var(--font); cursor: pointer; transition: border-color .15s ease, background-color .15s ease, color .15s ease; }
.lead-quick-notes button:hover, .lead-quick-notes button:focus-visible { border-color: var(--blue); background: color-mix(in srgb, var(--surface-2) 82%, var(--blue) 18%); color: var(--text); outline: none; }
.lead-quick-notes button:disabled { opacity: .55; cursor: wait; }

html[data-theme='light'] {
  --muted: #4b5e73;
  -webkit-font-smoothing: auto;
}
html[data-theme='light'] .sidebar-label, html[data-theme='light'] .sidebar-status,
html[data-theme='light'] .breadcrumbs, html[data-theme='light'] .today-label,
html[data-theme='light'] .user-meta small, html[data-theme='light'] .page-heading p,
html[data-theme='light'] .metric-top, html[data-theme='light'] .metric-sub,
html[data-theme='light'] .pipeline-stage span, html[data-theme='light'] th,
html[data-theme='light'] .lead-secondary, html[data-theme='light'] .helper-text,
html[data-theme='light'] .main-footer, html[data-theme='light'] .form-step,
html[data-theme='light'] .summary-label, html[data-theme='light'] .summary-caption,
html[data-theme='light'] .summary-row, html[data-theme='light'] .lead-detail-field > span,
html[data-theme='light'] .lead-detail-control > label, html[data-theme='light'] .lead-detail-notes > label,
html[data-theme='light'] .lead-detail-notes .note-history-empty,
html[data-theme='light'] .private-lead-meta, html[data-theme='light'] .team-activity-note,
html[data-theme='light'] .team-last-activity {
  color: #465a70;
  font-size: 11px;
  font-weight: 500;
}
html[data-theme='light'] .sidebar .nav-link { color: #40566f; font-size: 12px; font-weight: 500; }
html[data-theme='light'] .sidebar .brand-copy small,
html[data-theme='light'] .summary-note, html[data-theme='light'] .private-lead-notes,
html[data-theme='light'] .lead-note-preview { color: #344a62; }
html[data-theme='light'] td, html[data-theme='light'] .lead-detail-field > strong,
html[data-theme='light'] .lead-name, html[data-theme='light'] .lead-name-display,
html[data-theme='light'] .lead-contact-summary .muted-cell,
html[data-theme='light'] .lead-contact-summary > small { font-size: 12px; }
html[data-theme='light'] input, html[data-theme='light'] select, html[data-theme='light'] textarea {
  font-size: 12px;
}
html[data-theme='light'] input::placeholder, html[data-theme='light'] textarea::placeholder {
  color: #596d82;
  opacity: 1;
}
html[data-theme='light'] body { font-weight: 500; }
html[data-theme='light'] .sidebar-label, html[data-theme='light'] .sidebar-status,
html[data-theme='light'] .breadcrumbs, html[data-theme='light'] .today-label,
html[data-theme='light'] .user-meta small, html[data-theme='light'] .page-heading p,
html[data-theme='light'] .metric-top, html[data-theme='light'] .metric-sub,
html[data-theme='light'] .pipeline-stage span, html[data-theme='light'] th,
html[data-theme='light'] .lead-secondary, html[data-theme='light'] .helper-text,
html[data-theme='light'] .main-footer, html[data-theme='light'] .form-step,
html[data-theme='light'] .lead-detail-field > span,
html[data-theme='light'] .lead-detail-control > label,
html[data-theme='light'] .lead-detail-notes > label {
  color: #17212e;
  font-weight: 600;
}
html[data-theme='light'] .sidebar .nav-link,
html[data-theme='light'] td, html[data-theme='light'] .private-lead-meta,
html[data-theme='light'] .private-lead-notes { font-weight: 600; }
html[data-theme='light'] .calculation-summary .summary-label,
html[data-theme='light'] .calculation-summary .summary-caption,
html[data-theme='light'] .calculation-summary .summary-row,
html[data-theme='light'] .calculation-summary .summary-note,
html[data-theme='light'] .calculation-summary .summary-years { color: #f3f7fc; }
html[data-theme='light'] .calculation-summary .summary-row strong,
html[data-theme='light'] .calculation-summary .summary-years span:first-child { color: #fff; }
html[data-theme='light'] .price-list-picker {
  --text: #17212e;
  --muted: #465a70;
  --gold: #315f91;
  --gold-bright: #245c9c;
  --line: #d7e2ef;
  border-color: var(--line);
  border-top-color: #3973ad;
  background: #fff;
  color: var(--text);
}
html[data-theme='light'] .price-list-picker label { color: #263b53; }
html[data-theme='light'] .price-list-picker .price-picker-modes { border-color: #d7e2ef; background: #edf4fc; }
html[data-theme='light'] .price-list-picker .price-picker-modes button { color: #40566f; }
html[data-theme='light'] .price-list-picker .price-picker-modes button.active { background: #dceafb; color: #1e4f86; }
html[data-theme='light'] .price-list-picker .price-picker-results > div { border-bottom-color: #d7e2ef; }
html[data-theme='light'] .price-list-picker .price-picker-results > p { color: #245c9c; }
html[data-theme='light'] .price-list-picker .price-picker-error { color: #a34f47; }
.lead-detail-notes { margin-top: 10px; }
.lead-detail-notes .dark-input { display: block; width: 100%; min-height: 120px; margin-top: 7px; padding: 9px; line-height: 1.7; resize: vertical; }
.lead-notes-history { margin-top: 18px; }
.lead-notes-history h4 { margin: 0 0 8px; color: var(--muted); font-size: 10px; font-weight: 600; }
.lead-notes-history-list { display: grid; gap: 8px; }
.note-history-entry { display: grid; grid-template-columns: minmax(0, 1fr) minmax(120px, auto); align-items: center; gap: 12px; padding: 10px 12px; border: 1px solid #3a362b; border-radius: 3px; background: #191916; }
.note-history-content { min-width: 0; }
.deleted-note-summary { display: flex; align-items: center; gap: 6px; color: #e6c575; font-size: 10px; font-weight: 600; }
.deleted-note-reveal { flex: 0 0 24px; width: 24px; height: 24px; border-color: #625431; color: #f0d27e; }
.deleted-note-reveal svg { width: 14px; height: 14px; }
.deleted-note-content { margin-top: 7px !important; padding: 7px 9px; border-right: 2px solid var(--gold); border-radius: 2px; background: rgb(214 180 95 / 8%); }
.note-history-entry > div { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 5px 14px; color: #d0cbbf; font-size: 9px; }
html[data-theme='light'] .deleted-note-summary { color: #8b5f18; }
html[data-theme='light'] .deleted-note-reveal { border-color: #d9bd7c; background: #fff8e7; color: #805915; }
html[data-theme='light'] .deleted-note-content { background: #fff8e7; color: #263b53; }
.note-history-entry .note-history-meta { display: grid; justify-items: end; gap: 3px; color: #cbd5df; font-size: 10px; font-weight: 500; text-align: right; }
.note-history-entry .note-history-meta strong { color: #f0d27e; font-size: 10px; font-weight: 600; }
.note-history-entry time { color: #f0d27e; font-size: 10px; font-weight: 500; }
.note-history-entry p { min-width: 0; margin: 0; color: #fff; font-size: 10px; line-height: 1.7; overflow-wrap: anywhere; white-space: pre-wrap; }
.note-history-empty { color: #c6c0b3; font-size: 10px; }
.lead-detail-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; margin-top: 14px; }
.lead-log-actions { display: inline-flex; align-items: center; gap: 8px; }
.lead-contact-cell { display: grid; grid-template-columns: minmax(0, 1fr) 52px; align-items: center; gap: 4px 8px; }
.lead-contact-summary { display: grid; gap: 2px; min-width: 0; }
.lead-contact-summary > small { color: var(--muted); white-space: nowrap; }
.lead-contact-summary .muted-cell { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lead-contact-summary .contact-not-recorded { color: var(--muted); font-size: 10px; font-weight: 700; }
.lead-contact-times { display: grid; flex: 1 1 100%; gap: 3px; }
.lead-contact-time { display: flex; align-items: center; gap: 5px; }
.lead-contact-time > small { color: var(--muted); white-space: nowrap; }
.lead-contact-actions, .modal-header-actions { display: inline-flex; align-items: center; gap: 4px; }
.lead-contact-cell .lead-contact-actions { display: flex; grid-column: 2; grid-row: 1; flex-wrap: nowrap; width: 52px; justify-content: flex-start; }
.lead-contact-icon { display: grid; place-items: center; width: 24px; height: 24px; border: 1px solid #494230; border-radius: 3px; color: #f0d27e; text-decoration: none; }
.lead-contact-icon svg { width: 15px; height: 15px; fill: currentColor; stroke: none; }
.lead-contact-icon:hover { border-color: var(--gold); background: #302a1e; color: #fff; }
.lead-contact-icon.whatsapp-contact { border-color: #25d366; background: #25d366; color: #fff; }
.lead-contact-icon.whatsapp-contact:hover { border-color: #1fb95a; background: #1fb95a; }
.whatsapp-contact .whatsapp-bubble { fill: currentColor; }
.whatsapp-contact .whatsapp-phone { fill: #25d366; }
.lead-detail-contact-button { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid #494230; border-radius: 3px; background: #29261f; color: #f0d27e; cursor: pointer; }
.lead-detail-contact-button:hover { border-color: var(--gold); background: #302a1e; color: #fff; }
.lead-detail-contact-button svg { width: 18px; height: 18px; fill: currentColor; stroke: none; }
.lead-detail-contact-button .activity-log-badge { fill: var(--green); stroke: #29261f; stroke-width: 1.2; }
.lead-detail-contact-button .activity-log-check { fill: none; stroke: #263313; stroke-width: 1.3; stroke-linecap: round; stroke-linejoin: round; }
.lead-detail-contact-button.whatsapp-contact { border-color: #25d366; background: #25d366; color: #fff; }
.lead-detail-contact-button.whatsapp-contact .whatsapp-phone { fill: #25d366; }
.lead-detail-contact-button.whatsapp-contact .activity-log-badge { fill: #fff; stroke: #25d366; }
.lead-detail-contact-button.whatsapp-contact .activity-log-check { stroke: #168e48; }
html[data-theme='light'] .lead-contact-icon:not(.whatsapp-contact) { border-color: #bfd2e7; background: #edf4fc; color: #245c9c; }
html[data-theme='light'] .lead-detail-contact-button:not(.whatsapp-contact) { border-color: #bfd2e7; background: #edf4fc; color: #245c9c; }
html[data-theme='light'] .lead-detail-contact-button:not(.whatsapp-contact):hover { border-color: #8daed2; background: #e1edf9; color: #173f6b; }
html[data-theme='light'] .lead-detail-contact-button:not(.whatsapp-contact) .activity-log-badge { fill: #397bb8; stroke: #edf4fc; }
html[data-theme='light'] .lead-detail-contact-button:not(.whatsapp-contact) .activity-log-check { stroke: #fff; }
.lead-calculations-panel { margin-top: 14px; padding-top: 12px; border-top: 1px solid #3a362b; }
.lead-calculations-panel h3 { margin: 0 0 9px; color: #f0d27e; font-size: 12px; }
.saved-calculations-list { display: grid; gap: 8px; }
.saved-calculation { padding: 11px 12px; border: 1px solid #3a362b; border-radius: 3px; background: #191916; }
.saved-calculation > header { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 5px 12px; padding-bottom: 8px; border-bottom: 1px solid #353126; }
.saved-calculation > header strong { color: #fff; font-size: 11px; }
.saved-calculation > header span { color: #d0cbbf; font-size: 9px; }
.saved-calculation-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px 14px; padding-top: 9px; }
.saved-calculation-grid > div { display: grid; gap: 4px; min-width: 0; }
.saved-calculation-grid span { color: #c6c0b3; font-size: 9px; }
.saved-calculation-grid strong { overflow-wrap: anywhere; color: #fff; font-size: 10px; font-weight: 500; }
.lead-row-actions, .trash-row-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; }
.trash-page-actions { display: flex; align-items: center; gap: 8px; }
.trash-page-actions [data-empty-trash] { min-height: 32px; padding: 0 10px; }
.trash-table { min-width: 760px; }
.permanent-delete-button { border-color: #70493f; color: #ef9a86; }
.permanent-delete-button:hover { border-color: #d77867; background: rgb(215 120 103 / 12%); color: #ffc0b1; }
.trash-row-actions .quiet-button { min-height: 28px; }
.lead-name-selection, .lead-header-select { display: flex; align-items: center; gap: 8px; min-width: 0; }
.lead-sort-button { display: inline-flex; align-items: center; gap: 4px; max-width: 100%; padding: 0; border: 0; background: transparent; color: inherit; font: inherit; text-align: right; white-space: nowrap; cursor: pointer; }
.lead-sort-button:hover, .lead-sort-button:focus-visible { color: var(--gold-bright); }
.lead-sort-button:focus-visible { outline: 2px solid var(--gold); outline-offset: 2px; }
.lead-sort-button.active .lead-sort-indicator { color: var(--gold-bright); }
.lead-sort-indicator { font-size: 12px; font-weight: 700; line-height: 1; }
.lead-select-checkbox { width: 16px; height: 16px; flex: 0 0 16px; margin: 0; accent-color: var(--gold); cursor: pointer; }
.lead-name-selection { width: 100%; }
.lead-name-selection .lead-name-display { flex: 1; min-width: 0; width: 100%; }
.lead-trash-selection-controls { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; margin-inline-start: auto; }
.lead-trash-selection-controls > span { color: #efc977; font-size: 10px; white-space: nowrap; }
.lead-trash-selection-controls .gold-button, .lead-trash-selection-controls .quiet-button { min-height: 31px; }
.lead-trash-selection-controls .gold-button:disabled { opacity: .45; cursor: not-allowed; transform: none; }
.bulk-assign-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; }
.bulk-assign-tools .dark-select { width: 145px; height: 31px; }
.bulk-assign-tools [data-select-count] { min-width: 34px; padding-inline: 6px; text-align: center; }
.mini-avatar img { display: block; width: 100%; height: 100%; border-radius: inherit; object-fit: cover; }
.account-avatar-upload { position: relative; padding: 0; cursor: pointer; }
.account-avatar-upload:not(.has-image) { width: 32px; height: 32px; border: 1px dashed var(--gold); background: var(--surface-2); color: var(--gold-bright); font-size: 18px; }
.account-avatar-upload.has-image { overflow: hidden; border-color: var(--gold); }
.account-avatar-upload > span { position: absolute; right: -1px; bottom: -1px; display: grid; place-items: center; width: 15px; height: 15px; border: 1px solid var(--surface); border-radius: 50%; background: var(--gold); color: #211d13; font: 600 11px/1 var(--latin); }
.agent-avatar-picker { display: flex; align-items: center; gap: 12px; margin: 0 0 12px; padding-bottom: 12px; border-bottom: 1px solid var(--line); }
.agent-avatar-picker-button { display: grid; place-items: center; width: 52px; height: 52px; flex: 0 0 52px; overflow: hidden; padding: 0; border: 1px dashed var(--gold); border-radius: 50%; background: var(--surface-2); color: var(--gold-bright); font: 400 25px/1 var(--latin); cursor: pointer; }
.agent-avatar-picker-button img { display: block; width: 100%; height: 100%; object-fit: cover; }
.agent-avatar-picker-copy strong, .agent-avatar-picker-copy small { display: block; }
.agent-avatar-picker-copy strong { color: var(--text); font-size: 10px; }
.agent-avatar-picker-copy small { margin-top: 4px; color: var(--muted); font-size: 8px; }
html[data-theme='light'] .account-avatar-upload:not(.has-image), html[data-theme='light'] .agent-avatar-picker-button { border-color: #82a8d0; background: #f1f6fc; color: #315f91; }
html[data-theme='light'] .agent-avatar-picker { border-color: var(--line); }
html[data-theme='light'] .agent-avatar-picker-copy strong { color: #263b53; }
html[data-theme='light'] .agent-avatar-picker-copy small { color: #63778e; }
.status-chips { display: grid; gap: 6px; overflow: visible; }
.lead-status-filters { display: flex; align-items: end; gap: 9px; padding: 3px 0 12px; border-bottom: 1px solid var(--line); }
.lead-status-select { display: grid; gap: 5px; width: min(290px, 100%); }
.lead-status-select > span { color: var(--muted); font-size: 10px; }
.lead-status-select .dark-select { width: 100%; height: 36px; font-size: 10px; }
.lead-status-filters .status-chip { min-height: 36px; padding-inline: 12px; font-size: 10px; }
@media (max-width: 520px) {
  .status-chips { margin-left: -12px; margin-right: -12px; padding: 3px 12px 10px; }
  .lead-status-filters { align-items: stretch; flex-direction: column; gap: 8px; }
  .lead-status-select { width: 100%; }
  .lead-status-filters .private-filter { justify-content: space-between; width: 100%; }
}
@media (max-width: 780px) {
  .sidebar-bottom { display: none; }
}
@media (max-width: 520px) {
  .lead-trash-selection-controls { flex: 1 1 100%; margin-inline-start: 0; }
  .lead-trash-selection-controls .gold-button { flex: 1; }
  .bulk-assign-tools { flex: 1 1 100%; }
  .bulk-assign-tools .dark-select { flex: 1 1 100%; width: 100%; }
}
@media (max-width: 780px) {
  .lead-detail-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .leads-table { min-width: 0; }
  .leads-table th, .leads-table td { padding-inline: 5px; }
  .leads-table th:nth-child(1) { width: 28%; }
  .leads-table th:nth-child(2) { width: 18%; }
  .leads-table th:nth-child(3) { width: 17%; }
  .leads-table th:nth-child(4) { width: 25%; }
  .leads-table th:nth-child(5) { width: 12%; }
  .leads-table-admin th:nth-child(1) { width: 24%; }
  .leads-table-admin th:nth-child(2) { width: 18%; }
  .leads-table-admin th:nth-child(3) { width: 16%; }
  .leads-table-admin th:nth-child(4) { width: 14%; }
  .leads-table-admin th:nth-child(5) { width: 18%; }
  .leads-table-admin th:nth-child(6) { width: 18%; }
  .leads-table-admin th:nth-child(2), .leads-table-admin td:nth-child(2) { display: none; }
  .leads-table-private-owner th:nth-child(2), .leads-table-private-owner td:nth-child(2) { display: table-cell; }
  .leads-table-private-owner .private-lead-meta { grid-template-columns: 1fr; }
  .leads-table-admin:not(.leads-table-private-owner) th:nth-child(1) { width: 40%; }
  .leads-table-admin:not(.leads-table-private-owner) th:nth-child(2),
  .leads-table-admin:not(.leads-table-private-owner) td:nth-child(2) { inset-inline-start: 40%; }
  .leads-table-admin:not(.leads-table-private-owner) th:nth-child(3) { width: 20%; }
  .leads-table-admin:not(.leads-table-private-owner) th:nth-child(4) { width: 22%; }
  .leads-table-admin:not(.leads-table-private-owner) th:nth-child(6) { width: 18%; }
  .leads-table-admin:not(.leads-table-private-owner) th:nth-child(1) { width: 44%; }
  .leads-table-admin:not(.leads-table-private-owner) th:nth-child(2),
  .leads-table-admin:not(.leads-table-private-owner) td:nth-child(2) { inset-inline-start: 44%; }
  .leads-table:not(.leads-table-admin) th:nth-child(1) { width: 35%; }
  .leads-table:not(.leads-table-admin) th:nth-child(2) { width: 19%; }
  .leads-table:not(.leads-table-admin) th:nth-child(3) { width: 24%; }
  .leads-table:not(.leads-table-admin) th:nth-child(5) { width: 22%; }
  .lead-contact-cell { justify-content: flex-start; }
}
@media (max-width: 520px) {
  .lead-details-modal { padding: 15px; }
  .lead-details-modal > .modal-header { margin: -15px -15px 12px; padding: 13px 15px 10px; }
  .lead-detail-grid { grid-template-columns: 1fr; }
  .compact-lead-file .lead-detail-grid { grid-template-columns: 1fr; }
  .lead-detail-field, .lead-detail-control { padding: 9px 10px; }
  .note-history-entry { grid-template-columns: 1fr; gap: 6px; }
  .note-history-entry .note-history-meta { justify-items: start; }
  .saved-calculation-grid { gap: 8px; }
}
@media (max-width: 520px) {
  .leads-table:not(.leads-table-admin) th:nth-child(4),
  .leads-table:not(.leads-table-admin) td:nth-child(4) { display: none; }
  .leads-table-admin:not(.leads-table-private-owner) th:nth-child(5),
  .leads-table-admin:not(.leads-table-private-owner) td:nth-child(5) { display: none; }
  .leads-table-admin:not(.leads-table-private-owner) th:nth-child(1) { width: 44%; }
  .leads-table-admin:not(.leads-table-private-owner) th:nth-child(3) { width: 22%; }
  .leads-table-admin:not(.leads-table-private-owner) th:nth-child(4) { width: 22%; }
  .leads-table-admin:not(.leads-table-private-owner) th:nth-child(6) { width: 12%; }
  .leads-table-private-owner { min-width: 0; }
  .leads-table-private-owner th:nth-child(2), .leads-table-private-owner td:nth-child(2),
  .leads-table-private-owner th:nth-child(5), .leads-table-private-owner td:nth-child(5) { display: none; }
  .leads-table-private-owner th:nth-child(1) { width: 38%; }
  .leads-table-private-owner th:nth-child(3) { width: 20%; }
  .leads-table-private-owner th:nth-child(4) { width: 22%; }
  .leads-table-private-owner th:nth-child(6) { width: 20%; }
  .lead-phone-heading, .lead-phone-number { transform: translateX(10px); }
}
@media (max-width: 780px) {
  .sidebar .brand { justify-content: center; min-height: 46px; padding: 0 0 15px; }
  html[data-theme='light'] .sidebar .brand-symbol,
  html.has-company-logo .sidebar .brand-symbol { width: 38px; height: 38px; flex: 0 0 38px; }
}
@media (max-width: 520px) {
  .lead-contact-cell { grid-template-columns: minmax(0, 1fr); align-items: start; gap: 5px; }
  .lead-contact-cell .lead-contact-actions { grid-column: 1; grid-row: 2; width: auto; gap: 6px; }
  .lead-contact-icon { width: 30px; height: 30px; }
}

.daily-goals { margin: 12px 0 16px; padding: 13px 0 11px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.daily-goals-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.daily-goals-heading h2 { margin: 3px 0 0; color: var(--text); font-size: 14px; font-weight: 600; }
.daily-goals-complete { padding: 5px 9px; border: 1px solid rgb(175 199 90 / 40%); border-radius: 3px; background: rgb(175 199 90 / 9%); color: var(--green); font-size: 9px; }
.daily-goals-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 12px; }
.daily-goal-item { display: flex; align-items: center; gap: 14px; min-width: 0; padding: 8px 4px; }
.daily-goal-ring { --goal-angle: 0deg; --goal-color: #74a9cb; display: grid; place-items: center; width: 126px; height: 126px; flex: 0 0 126px; padding: 6px; border-radius: 50%; background: conic-gradient(from -90deg, var(--goal-color) var(--goal-angle), var(--line) var(--goal-angle)); transition: filter .25s ease; }
.daily-goal-ring.work-goal { --goal-color: #afc75a; }
.daily-goal-ring > div { display: grid; align-content: center; justify-items: center; gap: 4px; width: 100%; height: 100%; border-radius: 50%; background: var(--bg); }
.daily-goal-ring strong { max-width: 100%; overflow-wrap: anywhere; color: var(--text); font: 600 19px/1.1 var(--latin); text-align: center; }
.daily-goal-ring span { color: var(--muted); font-size: 9px; }
.daily-whatsapp-counter { box-sizing: border-box; display: grid; align-content: center; justify-items: center; gap: 5px; width: 126px; height: 126px; flex: 0 0 126px; border: 3px solid #25d366; border-radius: 50%; background: color-mix(in srgb, #25d366 10%, var(--surface)); }
.daily-whatsapp-counter svg { width: 36px; height: 36px; }
.daily-whatsapp-counter .whatsapp-bubble { fill: #25d366; }
.daily-whatsapp-counter .whatsapp-phone { fill: #fff; }
.daily-whatsapp-counter strong { max-width: 100%; overflow-wrap: anywhere; color: var(--text); font: 600 19px/1.1 var(--latin); text-align: center; }
.daily-goal-ring.is-near { filter: drop-shadow(0 0 8px color-mix(in srgb, var(--goal-color) 42%, transparent)); animation: goal-near-pulse 1.8s ease-in-out infinite; }
.daily-goal-ring.is-complete { filter: drop-shadow(0 0 12px color-mix(in srgb, var(--goal-color) 60%, transparent)); }
.daily-goal-copy h3 { margin: 0; color: var(--text); font-size: 12px; font-weight: 600; }
.daily-goal-copy p { margin: 5px 0 0; color: var(--muted); font-size: 9px; }
.daily-goals-note { margin: 7px 0 0; color: var(--muted); font-size: 8px; }
.today-follow-ups { margin: 10px 0 17px; padding: 12px 0 4px; border-bottom: 1px solid var(--line); }
.today-follow-ups-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 8px; }
.today-follow-ups-heading h2 { margin: 3px 0 0; color: var(--text); font-size: 14px; font-weight: 600; }
.today-follow-ups-count { display: grid; place-items: center; min-width: 25px; height: 25px; padding: 0 6px; border: 1px solid var(--line); border-radius: 50%; color: var(--gold); font-size: 9px; }
.today-follow-ups-tools { display: grid; justify-items: center; gap: 3px; }
.today-follow-ups-toggle { display: grid; place-items: center; width: 25px; height: 22px; padding: 0; border: 1px solid var(--line); border-radius: 3px; background: var(--surface-2); color: var(--blue); font-size: 15px; line-height: 1; cursor: pointer; transition: transform .16s ease, border-color .16s ease; }
.today-follow-ups-toggle:hover { border-color: var(--blue); }
.upcoming-follow-ups-modal { display: flex; flex-direction: column; width: min(100%, 920px); max-height: 88vh; overflow: hidden; animation: upcoming-modal-appear .36s ease-out both; }
.upcoming-follow-ups-modal .modal-header { flex: 0 0 auto; align-items: center; margin-bottom: 14px; }
.upcoming-follow-ups-modal .modal-header > div { min-width: 0; }
.upcoming-follow-ups-modal h2 { margin: 4px 0 0; font-size: 17px; }
.upcoming-follow-ups-count { display: grid; place-items: center; min-width: 29px; height: 29px; margin-inline-start: auto; padding: 0 7px; border: 1px solid var(--line); border-radius: 50%; color: var(--gold); font-size: 10px; }
.today-follow-ups-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr)); align-items: stretch; gap: 10px; }
.today-upcoming-follow-ups-list { flex: 1 1 auto; max-height: min(62vh, 580px); min-height: 0; padding: 1px; overflow: auto; align-content: start; }
.today-upcoming-follow-ups-list .today-follow-up-item { grid-template-columns: minmax(108px, auto) minmax(0, 1fr) 32px; }
.upcoming-follow-up-item { animation: upcoming-follow-up-appear .65s cubic-bezier(.18,.72,.28,1) both; animation-delay: var(--upcoming-follow-up-delay, 0ms); }
@keyframes upcoming-modal-appear { from { opacity: 0; translate: 0 -14px; } to { opacity: 1; translate: 0 0; } }
@keyframes upcoming-follow-up-appear { from { opacity: 0; translate: 0 -34px; } to { opacity: 1; translate: 0 0; } }
.today-follow-up-item { display: grid; grid-template-columns: 58px minmax(0, 1fr) 32px; grid-template-rows: auto 1fr; align-items: start; gap: 10px; min-width: 0; min-height: 94px; padding: 11px; border: 1px solid var(--line); border-radius: 4px; background: var(--surface); color: var(--text); text-align: right; cursor: pointer; transition: border-color .16s ease, background-color .16s ease, transform .16s ease; }
.today-follow-up-item:hover { transform: translateY(-1px); border-color: var(--gold); background: color-mix(in srgb, var(--surface) 82%, var(--gold) 18%); }
.today-follow-up-time { grid-column: 1; grid-row: 1; display: grid; place-items: center; min-height: 32px; padding: 0 4px; border: 1px solid var(--line); border-radius: 3px; background: var(--surface-2); color: var(--gold); font: 600 12px var(--latin); direction: ltr; text-align: center; white-space: nowrap; }
.today-follow-up-seriousness { grid-column: 3; grid-row: 1; display: grid; place-items: center; width: 32px; height: 32px; border: 1px solid var(--line); border-radius: 3px; background: var(--surface-2); font-size: 17px; line-height: 1; }
.today-follow-up-seriousness.hot { border-color: rgb(215 120 103 / 40%); background: rgb(215 120 103 / 10%); }
.today-follow-up-seriousness.warm { border-color: rgb(214 180 95 / 40%); background: rgb(214 180 95 / 10%); }
.today-follow-up-seriousness.cold { border-color: rgb(116 169 203 / 40%); background: rgb(116 169 203 / 10%); }
.today-follow-up-main { grid-column: 1 / -1; grid-row: 2; display: grid; gap: 4px; min-width: 0; }
.today-follow-up-main strong { display: -webkit-box; overflow: hidden; color: var(--text); font-size: 12px; line-clamp: 2; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow-wrap: anywhere; }
.today-follow-up-main > span { overflow: hidden; color: var(--muted); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.today-follow-up-main small { display: -webkit-box; overflow: hidden; color: var(--muted); font-size: 10px; line-clamp: 2; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow-wrap: anywhere; }
.today-follow-ups-empty { grid-column: 1 / -1; margin: 0; padding: 12px; border: 1px dashed var(--line); border-radius: 4px; color: var(--muted); font-size: 9px; }
html[data-theme='light'] .today-follow-up-item { border-color: var(--line); }
html[data-theme='light'] .today-follow-up-item:hover { background: #edf4fb; }
html[data-theme='light'] .today-follow-ups-toggle { border-color: #d4e0ee; background: #f5f9fe; color: #245c9c; }
html[data-theme='light'] .upcoming-follow-ups-modal { border-color: #d4e0ee; background: #fff; }
html[data-theme='light'] .upcoming-follow-ups-count { border-color: #d4e0ee; color: #245c9c; }
html[data-theme='light'] .today-follow-up-time { border-color: #d4e0ee; background: #f5f9fe; color: #245c9c; }
html[data-theme='light'] .today-follow-up-seriousness { border-color: #d4e0ee; background: #f5f9fe; }
html[data-theme='light'] .today-follow-up-main strong { color: #1b3551; }
html[data-theme='light'] .lead-quick-notes button { border-color: #d4e0ee; background: #f5f9fe; color: #536b83; }
html[data-theme='light'] .lead-quick-notes button:hover, html[data-theme='light'] .lead-quick-notes button:focus-visible { border-color: #8bb9df; background: #e8f2fb; color: #1b3551; }
.goal-confetti { position: fixed; z-index: 50; inset: 0; overflow: hidden; pointer-events: none; }
.goal-confetti i { position: absolute; top: -14px; left: var(--x); width: 7px; height: 12px; border-radius: 1px; background: var(--piece-color); animation: goal-confetti-fall 2.8s cubic-bezier(.22,.65,.52,1) var(--delay) forwards; }
@keyframes goal-near-pulse { 50% { filter: drop-shadow(0 0 13px color-mix(in srgb, var(--goal-color) 65%, transparent)); } }
@keyframes goal-confetti-fall { to { transform: translate3d(24px, 110vh, 0) rotate(var(--spin)); opacity: .15; } }
.calculation-submit-row { display: flex; align-items: center; gap: 9px; width: 100%; margin-top: 18px; }
.calculation-submit-row .save-calculation { flex: 1 1 auto; min-width: 0; width: auto; margin-top: 0; }
.calculation-save-success { position: relative; isolation: isolate; display: flex; flex: 0 0 104px; align-items: center; justify-content: center; gap: 5px; min-height: 40px; padding: 0 7px; overflow: hidden; border: 1px solid rgb(131 177 138 / 42%); border-radius: 3px; background: rgb(131 177 138 / 9%); color: #a8d2ae; font-size: 10px; font-weight: 600; }
.calculation-save-success::before { position: absolute; z-index: 0; top: -50%; bottom: -50%; left: -60%; width: 38%; background: linear-gradient(90deg, transparent, rgb(255 255 255 / 48%), transparent); content: ''; opacity: 0; pointer-events: none; transform: skewX(-18deg); }
.calculation-save-success > * { position: relative; z-index: 1; }
.calculation-save-success[hidden] { display: none; }
.calculation-save-success.is-jackpot { flex-basis: 126px; border-color: rgb(214 180 95 / 68%); background: linear-gradient(120deg, rgb(214 180 95 / 20%), rgb(131 177 138 / 14%)); color: #f0d27e; box-shadow: 0 0 18px rgb(214 180 95 / 22%); }
.calculation-success-icon { display: grid; place-items: center; width: 20px; height: 20px; color: #a8d2ae; }
.calculation-success-icon svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.6; }
.calculation-success-digits { display: inline-flex; height: 1em; overflow: hidden; color: #e0f2df; font: 600 11px/1em var(--latin); }
.calculation-save-success.is-jackpot .calculation-success-digits { color: #fff1bd; text-shadow: 0 0 9px rgb(240 210 126 / 55%); }
.calculation-success-digit { display: block; width: .56em; height: 1em; overflow: hidden; text-align: center; }
.calculation-success-digit i { display: grid; grid-template-rows: repeat(10, 1em); font-style: normal; transform: translateY(0); }
.calculation-save-success.is-playing .calculation-success-icon { animation: calculation-icon-pop .42s cubic-bezier(.18,.8,.3,1.25) both; }
.calculation-save-success.is-playing .calculation-success-digit i { animation: calculation-number-roll .9s cubic-bezier(.12,.72,.25,1) var(--roll-delay) both; }
.calculation-success-label { position: relative; opacity: 0; transform: translateY(3px); }
.calculation-save-success.is-jackpot .calculation-success-label { color: #f0d27e; }
.calculation-success-label::after { display: inline-block; margin-inline-start: 3px; color: #d6b45f; content: '✦'; font-size: 9px; opacity: 0; transform: scale(.3) rotate(-20deg); }
.calculation-save-success.is-playing { animation: calculation-success-arrive .42s cubic-bezier(.18,.8,.3,1.15) both; box-shadow: 0 4px 15px rgb(90 143 99 / 16%); }
.calculation-save-success.is-playing::before { animation: calculation-success-shine 1.05s ease-out .08s both; }
.calculation-save-success.is-playing .calculation-success-label { animation: calculation-success-label .28s ease 900ms both; }
.calculation-save-success.is-playing .calculation-success-label::after { animation: calculation-success-sparkle .48s cubic-bezier(.18,.8,.3,1.25) 1s both; }
@keyframes calculation-success-arrive { 65% { transform: translateY(-2px) scale(1.035); } to { transform: translateY(0) scale(1); } }
@keyframes calculation-success-shine { 0% { left: -60%; opacity: 0; } 18% { opacity: .9; } 100% { left: 130%; opacity: 0; } }
@keyframes calculation-icon-pop { 50% { transform: scale(1.22) rotate(-8deg); } }
@keyframes calculation-number-roll { to { transform: translateY(calc(var(--digit) * -1em)); } }
@keyframes calculation-success-label { to { opacity: 1; transform: translateY(0); } }
@keyframes calculation-success-sparkle { 50% { opacity: 1; transform: scale(1.25) rotate(14deg); } to { opacity: 1; transform: scale(1) rotate(0); } }
.calculation-fireworks { position: fixed; z-index: 28; inset: 0; overflow: hidden; pointer-events: none; }
.calculation-fireworks i { position: absolute; top: var(--firework-y); left: var(--firework-x); width: var(--firework-size); height: var(--firework-size); border-radius: 50%; background: var(--firework-color); box-shadow: 0 0 9px var(--firework-color); animation: calculation-firework-burst 1.5s cubic-bezier(.12,.62,.25,1) var(--firework-delay) both; }
@keyframes calculation-firework-burst { 0% { opacity: 0; transform: translate(-50%, -50%) rotate(var(--firework-angle)) translateX(0) scale(.35); } 12% { opacity: 1; } 100% { opacity: 0; transform: translate(-50%, -50%) rotate(var(--firework-angle)) translateX(var(--firework-distance)) scale(.05); } }
html[data-theme='light'] .calculation-save-success { border-color: #b8d9c4; background: #eff8f1; color: #32704d; }
html[data-theme='light'] .calculation-success-icon { color: #32704d; }
html[data-theme='light'] .calculation-success-digits { color: #254d34; }
html[data-theme='light'] .calculation-save-success.is-jackpot { border-color: #d9bd7c; background: linear-gradient(120deg, #fff8e7, #eff8f1); color: #805915; }
html[data-theme='light'] .calculation-save-success.is-jackpot .calculation-success-digits,
html[data-theme='light'] .calculation-save-success.is-jackpot .calculation-success-label { color: #805915; }
@media (prefers-reduced-motion: reduce) { .calculation-save-success.is-playing { animation: none !important; }.calculation-save-success.is-playing *, .calculation-save-success.is-playing::before, .calculation-save-success.is-playing::after { animation-delay: 0ms !important; animation-duration: .01ms !important; } .calculation-success-label { opacity: 1; transform: none; } }
@keyframes won-stage-glow { 0%, 100% { box-shadow: 0 4px 16px rgb(61 120 75 / 12%); } 50% { box-shadow: 0 5px 21px rgb(103 171 114 / 26%); } }
@keyframes won-stage-shimmer { 0%, 62% { left: -60%; } 100% { left: 130%; } }
html[data-theme='light'] .pipeline-won-stage { border-color: #b8d9c4; background: linear-gradient(145deg, #eff8f1, #e0f0e5); color: #254d34; }
html[data-theme='light'] .pipeline-won-stage span, html[data-theme='light'] .pipeline-won-stage small { color: #39734f; }
html[data-theme='light'] .pipeline-won-stage strong { color: #27633f; }
html[data-theme='light'] .pipeline-won-stage::before { color: #32704d; }
.pipeline-stage-link {
  display: block;
  width: 100%;
  color: inherit;
  font-family: inherit;
  text-align: right;
  cursor: pointer;
  transition: transform .15s ease, border-color .15s ease, background-color .15s ease, box-shadow .15s ease;
}
.pipeline-stage-link:hover, .pipeline-stage-link:focus-visible {
  transform: translateY(-2px);
  border-color: var(--stage-color, var(--gold));
  outline: none;
  box-shadow: 0 5px 14px rgb(0 0 0 / 12%);
}
html[data-theme='light'] .pipeline-stage-link { background: #edf4fb; }
html[data-theme='light'] .pipeline-stage-link:hover,
html[data-theme='light'] .pipeline-stage-link:focus-visible { background: #e4effa; }
@media (max-width: 780px) { .pipeline-layout { grid-template-columns: minmax(0, 1fr) minmax(136px, 180px); } }
@media (max-width: 520px) { .pipeline-layout { grid-template-columns: 1fr; }.pipeline-won-stage { min-height: 76px; } }
@media (prefers-reduced-motion: reduce) { .pipeline-won-stage, .pipeline-won-stage::after { animation: none !important; transition: none !important; } }
html[data-theme='light'] .daily-goals { border-color: var(--line); }
html[data-theme='light'] .daily-goal-ring > div { background: var(--surface); }
html[data-theme='light'] .daily-goals-heading h2, html[data-theme='light'] .daily-goal-copy h3, html[data-theme='light'] .daily-goal-ring strong { color: #263b53; }
html[data-theme='light'] .daily-goals-complete { border-color: rgb(75 123 80 / 35%); background: rgb(75 123 80 / 8%); color: #39734f; }
@media (max-width: 680px) {
  .daily-goals-grid { grid-template-columns: 1fr; gap: 4px; }
  .daily-goal-item { gap: 11px; }
  .today-upcoming-follow-ups-list .today-follow-up-item { grid-template-columns: minmax(92px, auto) minmax(0, 1fr) 32px; gap: 8px; }
  .upcoming-follow-ups-modal { max-height: 90vh; padding: 16px; }
  .upcoming-follow-ups-modal .modal-header { margin-bottom: 11px; }
  .upcoming-follow-ups-modal h2 { font-size: 15px; }
  .today-upcoming-follow-ups-list { max-height: 66vh; }
  .daily-goal-ring { width: 108px; height: 108px; flex-basis: 108px; }
  .daily-whatsapp-counter { width: 108px; height: 108px; flex-basis: 108px; }
  .daily-goal-ring strong { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .daily-goal-ring.is-near { animation: none; }
  .goal-confetti i { display: none; animation: none; }
  .upcoming-follow-ups-modal, .upcoming-follow-up-item { animation-delay: 0ms; }
}
.topbar { position: sticky; top: 0; z-index: 4; background: var(--bg); }
.announcement-widget { position: absolute; top: 50%; left: calc(50% + var(--announcement-center-shift, 80px)); z-index: 6; display: flex; box-sizing: border-box; align-items: center; gap: 7px; width: min(460px, 40vw); min-width: 0; padding: 5px; border: 1px solid color-mix(in srgb, var(--line) 72%, var(--blue) 28%); border-radius: 5px; background: color-mix(in srgb, var(--surface) 90%, var(--blue) 10%); box-shadow: 0 5px 16px rgb(20 35 48 / 10%); cursor: pointer; pointer-events: auto; transform: translate(-50%, -50%); }
.announcement-summary { display: grid; flex: 1 1 auto; grid-template-columns: minmax(0, 1fr); gap: 2px; min-width: 0; min-height: 39px; padding: 5px 11px; overflow: hidden; border: 1px solid #8c7137; border-radius: 3px; background: #171715; box-shadow: inset 0 2px 0 #d6b45f, inset 0 -2px 0 rgb(214 180 95 / 65%); color: #f3eee1; text-align: right; cursor: pointer; }
.announcement-summary:hover { border-color: var(--gold); }
.announcement-summary-label { color: #d6b45f; font-size: 9px; font-weight: 600; }
.announcement-summary-viewport { display: block; min-width: 0; overflow: hidden; direction: ltr; text-align: left; }
.announcement-summary-text { display: block; width: max-content; min-width: 100%; color: #f3eee1; font-size: 11px; font-weight: 600; white-space: nowrap; }
.announcement-summary.is-moving .announcement-summary-text { animation: announcement-marquee 10s linear infinite; }
.announcement-widget .announcement-bell, .announcement-widget .announcement-compose { position: relative; flex: 0 0 31px; border-color: var(--line); color: var(--muted); }
.announcement-widget .announcement-bell svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
.announcement-widget .announcement-compose svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
.announcement-bell.is-ringing { border-color: #d6b45f; color: #d6b45f; }
.announcement-bell.is-ringing svg { transform-origin: 50% 10%; animation: announcement-ring .9s ease-in-out infinite; }
.announcement-bell i { position: absolute; top: -3px; inset-inline-end: -3px; display: none; place-items: center; width: 14px; height: 14px; border: 1px solid var(--bg); border-radius: 50%; background: #c84b3d; color: #fff; font-size: 9px; font-style: normal; font-weight: 700; line-height: 1; }
.announcement-bell.is-ringing i { display: grid; }
.announcement-modal { width: min(100%, 620px); }
.announcement-current { padding: 13px; border: 1px solid var(--line); border-radius: 3px; background: var(--surface-2); }
.announcement-full-message { margin: 0; color: var(--text); font-size: 12px; line-height: 1.9; overflow-wrap: anywhere; text-align: start; white-space: pre-wrap; }
.announcement-meta { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 5px 12px; margin-top: 12px; padding-top: 9px; border-top: 1px solid var(--line); color: var(--muted); font-size: 9px; }
.announcement-recipient { margin: 8px 0 0; padding: 7px 9px; border: 1px solid var(--line); border-radius: 3px; background: var(--surface); color: var(--muted); font-size: 9px; line-height: 1.5; }
.announcement-current-actions { display: flex; justify-content: flex-start; margin-top: 9px; padding-top: 8px; border-top: 1px solid var(--line); }
.announcement-empty { margin: 0; padding: 12px 0; color: var(--muted); font-size: 10px; }
#admin-announcement-form { margin-top: 14px; padding-top: 13px; border-top: 1px solid var(--line); }
#admin-announcement-form label { display: block; margin: 0 0 6px; color: var(--text); font-size: 10px; }
#admin-announcement-input { width: 100%; min-height: 110px; padding: 9px; resize: vertical; line-height: 1.7; }
.announcement-form-footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 8px; color: var(--muted); font-size: 9px; }
.announcement-form-footer { flex-wrap: wrap; }
.announcement-form-footer .gold-button { min-width: 100px; }
.announcement-form-footer + .inline-error { margin-top: 8px; }
.announcement-history-panel { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--line); }
.announcement-history-heading, .announcement-history-meta { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.announcement-history-meta { flex-wrap: wrap; }
.announcement-history-heading h3 { margin: 0; color: var(--text); font-size: 11px; }
.announcement-history-list { display: grid; gap: 7px; max-height: 280px; margin-top: 9px; overflow: auto; }
.announcement-history-entry { padding: 9px; border: 1px solid var(--line); border-radius: 2px; background: var(--surface-2); }
.announcement-history-meta { color: var(--muted); font-size: 8px; }
.announcement-history-meta strong { color: var(--gold); font-weight: 600; }
.announcement-history-entry p { margin: 7px 0 0; color: var(--text); font-size: 10px; line-height: 1.7; overflow-wrap: anywhere; white-space: pre-wrap; }
.announcement-history-actions { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 8px; padding-top: 7px; border-top: 1px solid var(--line); }
.announcement-history-actions .quiet-button { min-height: 29px; }
.announcement-history-withdrawn { color: var(--red); font-size: 9px; }
html[data-theme='light'] .announcement-history-entry { border-color: #d4e0ee; background: #f5f9fe; }
html[data-theme='light'] .announcement-history-entry p, html[data-theme='light'] .announcement-history-heading h3 { color: #1b3551; }
@keyframes announcement-ring { 0%, 100% { transform: rotate(0); } 15%, 45%, 75% { transform: rotate(15deg); } 30%, 60%, 90% { transform: rotate(-13deg); } }
@keyframes announcement-marquee { 0% { transform: translateX(var(--announcement-marquee-offset)); } 88%, 100% { transform: translateX(0); } }
.announcement-request-button { display: flex; flex: 0 0 46px; flex-direction: column; align-items: center; justify-content: center; gap: 2px; min-height: 39px; padding: 3px 2px; border: 1px solid var(--line); border-radius: 3px; background: var(--surface); color: var(--blue); font-size: 7px; white-space: nowrap; cursor: pointer; }
.announcement-request-button[hidden] { display: none !important; }
.announcement-request-button svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
.announcement-request-button:hover { border-color: var(--blue); background: var(--surface-2); }
.announcement-request-button:disabled { border-color: #8ebc9b; background: #edf7ef; color: #3d8052; cursor: default; }
html[data-theme='light'] .announcement-widget { border-color: #d4e1ed; background: #edf4fa; box-shadow: 0 5px 16px rgb(27 53 81 / 10%); }
html[data-theme='light'] .announcement-summary { border-color: rgb(83 145 194 / 48%); background: rgb(255 255 255 / 88%); box-shadow: inset 0 2px 0 rgb(83 157 218 / 78%), inset 0 -2px 0 rgb(83 157 218 / 32%); color: #203b52; }
html[data-theme='light'] .announcement-summary:hover { border-color: #5391c2; }
html[data-theme='light'] .announcement-summary-label { color: #3479ad; }
html[data-theme='light'] .announcement-request-button { border-color: #c7d7e9; background: #fff; color: #3479ad; }
html[data-theme='light'] .announcement-request-button:disabled { border-color: #c1ddc9; background: #edf7ef; color: #337447; }
.lead-number-requests-trigger { position: relative; flex: 0 0 31px; }
.lead-number-requests-trigger svg { fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
.lead-number-requests-trigger.has-pending-requests { color: #d55346; animation: lead-number-request-pulse 1.5s ease-in-out infinite; }
.lead-number-requests-count { position: absolute; top: -5px; right: -5px; display: grid; min-width: 16px; height: 16px; place-items: center; padding: 0 3px; border: 1px solid var(--surface); border-radius: 10px; background: #c7473d; color: #fff; font: 700 8px var(--latin); }
.lead-contact-cell { grid-template-columns: minmax(0, 1fr) auto; }
.lead-contact-cell .lead-contact-actions { width: auto; }
.lead-number-requests-modal { width: min(100%, 540px); }
.lead-number-requests-modal .modal-header { align-items: center; }
.lead-number-requests-list { display: grid; gap: 8px; max-height: min(62vh, 520px); overflow-y: auto; }
.lead-number-request-card { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 5px 12px; padding: 11px; border: 1px solid var(--line); border-radius: 3px; background: var(--surface-2); }
.lead-number-request-customer { display: flex; flex-wrap: wrap; align-items: baseline; gap: 7px; min-width: 0; }
.lead-number-request-customer strong { color: var(--text); font-size: 11px; }
.lead-number-request-customer span { color: var(--muted); font: 9px var(--latin); }
.lead-number-request-card p { grid-column: 1; margin: 0; color: var(--muted); font-size: 9px; }
.lead-number-request-card .quiet-button { grid-column: 2; grid-row: 1 / span 2; }
.lead-number-requests-empty { margin: 0; padding: 18px 8px; color: var(--muted); font-size: 10px; text-align: center; }
html[data-theme='light'] .lead-number-requests-trigger.has-pending-requests { color: #b43830; }
html[data-theme='light'] .lead-number-request-card { border-color: #d4e0ee; background: #f5f9fe; }
html[data-theme='light'] .lead-number-request-customer strong { color: #1b3551; }
@keyframes lead-number-request-pulse { 0%, 100% { filter: drop-shadow(0 0 0 rgb(199 71 61 / 0%)); } 50% { filter: drop-shadow(0 0 6px rgb(199 71 61 / 60%)); } }
html[data-theme='light'] .announcement-summary-text { color: #203b52; }
html[data-theme='light'] .announcement-full-message,
html[data-theme='light'] #admin-announcement-form label { color: #1b3551; }
html[data-theme='light'] .announcement-current { border-color: #d4e0ee; background: #f5f9fe; }
@media (max-width: 780px) {
  .announcement-widget { --announcement-center-shift: 0px; width: min(430px, 42vw); }
}
@media (min-width: 781px) and (max-width: 1120px) {
  .announcement-widget { --announcement-center-shift: 65px; }
}
@media (max-width: 520px) {
  .topbar { min-height: 108px; padding: 7px 0 47px; gap: 6px; }
  .topbar-user { gap: 4px; }
  .announcement-widget { top: auto; bottom: 6px; width: min(430px, calc(100vw - 100px)); gap: 4px; transform: translateX(-50%); }
  .announcement-summary { min-height: 33px; padding: 4px 7px; }
  .announcement-summary-label { display: none; }
  .announcement-widget .announcement-bell, .announcement-widget .announcement-compose { width: 27px; height: 27px; flex-basis: 27px; }
  .announcement-request-button { flex-basis: 42px; min-height: 33px; font-size: 6px; }
  .announcement-request-button svg { width: 15px; height: 15px; }
}
@media (max-width: 360px) {
  .announcement-summary { padding-right: 5px; padding-left: 5px; }
}
.today-label { display: grid; gap: 2px; margin-left: 10px; text-align: center; line-height: 1.2; }
.today-weekday { color: inherit; font-size: 9px; font-weight: 600; white-space: nowrap; }
.today-date { color: var(--muted); font-size: 8px; white-space: nowrap; }
html.has-company-logo .sidebar .brand-symbol { display: block; width: 142px; height: 142px; flex: 0 0 auto; border: 0; border-radius: 0; background: transparent var(--company-logo-url) center / contain no-repeat; color: transparent; font-size: 0; }
@media (max-width: 520px) {
  .today-label { display: grid; margin-left: 0; }
}
@media (max-width: 780px) {
  html[data-theme='light'] .sidebar .brand-symbol,
  html.has-company-logo .sidebar .brand-symbol { width: 38px; height: 38px; flex-basis: 38px; }
}
.lead-mobile-phone { display: none; }
.leads-table tbody tr[data-lead-row] { cursor: pointer; }
.status-edit-control { display: flex; align-items: center; gap: 4px; }
.status-edit-control .status-select { flex: 1 1 auto; }
.lead-detail-status .status-edit-control { width: min(100%, 360px); }
.lead-detail-status .status-edit-control .dark-input { flex: 1 1 auto; width: auto; }
.status-save-button { min-height: 26px; padding: 0 7px; font-size: 8px; white-space: nowrap; }
@media (max-width: 520px) {
  .search-field { height: 40px; }
  .status-select { max-width: none; height: 36px; }
  .lead-name-display { margin: -6px; padding: 6px; }
  .lead-mobile-phone { display: block; margin-top: 5px; color: var(--blue); font: 12px var(--latin); letter-spacing: .2px; overflow-wrap: anywhere; }
  .leads-table th:last-child, .leads-table td:last-child { display: none; }
  .leads-table:not(.leads-table-admin) th:nth-child(1) { width: 50%; }
  .leads-table:not(.leads-table-admin) th:nth-child(2) { width: 22%; }
  .leads-table:not(.leads-table-admin) th:nth-child(3) { width: 28%; }
  .leads-table-admin:not(.leads-table-private-owner) th:nth-child(1) { width: 50%; }
  .leads-table-admin:not(.leads-table-private-owner) th:nth-child(3) { width: 22%; }
  .leads-table-admin:not(.leads-table-private-owner) th:nth-child(4) { width: 28%; }
  .leads-table-private-owner th:nth-child(1) { width: 50%; }
  .leads-table-private-owner th:nth-child(3) { width: 22%; }
  .leads-table-private-owner th:nth-child(4) { width: 28%; }
  .lead-contact-icon { width: 34px; height: 34px; }
}