/* signin-css-source:6ba59cc6233ed4a738ad610a761d98df9141d0e1489f3ac47ab9728de1455361; content:531e6a26f2e5d0f9950ee751d2e7e75a9053d0c3b80995bfd644fb4626774604 */
* {
  box-sizing: border-box;
}

:root {
  --bg: #f6f8fc;
  --panel: #ffffff;
  --panel-soft: #f8fafc;
  --text: #0f172a;
  --muted: #64748b;
  --line: #e5e7eb;

  --dark: #081225;
  --dark-2: #0f172a;
  --dark-3: #1e293b;

  --purple: #6d35f5;
  --purple-2: #8b5cf6;
  --purple-3: #4f46e5;
  --purple-soft: #f4f0ff;

  --blue: #2563eb;
  --blue-soft: #eff6ff;

  --green: #16a34a;
  --green-soft: #f0fdf4;

  --orange: #f59e0b;
  --orange-soft: #fffbeb;

  --red: #dc2626;
  --red-soft: #fef2f2;

  --shadow: 0 18px 45px rgba(15, 23, 42, 0.07);
  --shadow-2: 0 10px 24px rgba(15, 23, 42, 0.06);
  --radius: 18px;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: Inter, Arial, Helvetica, sans-serif;
  background:
    radial-gradient(circle at top left, rgba(109, 53, 245, 0.06), transparent 32%),
    radial-gradient(circle at bottom right, rgba(37, 99, 235, 0.06), transparent 32%),
    var(--bg);
  color: var(--text);
}

.hidden {
  display: none !important;
}

button {
  border: 0;
  border-radius: 11px;
  padding: 10px 13px;
  cursor: pointer;
  background: var(--dark-2);
  color: white;
  font-weight: 850;
  transition: 0.15s ease;
}

button:hover {
  opacity: 0.95;
  transform: translateY(-1px);
}

input,
select,
textarea {
  outline: none;
  font-family: inherit;
}

input:focus,
select:focus,
textarea:focus {
  border-color: #8b5cf6 !important;
  box-shadow: 0 0 0 3px rgba(109, 53, 245, 0.12);
}

.primary-gradient-btn {
  background: linear-gradient(135deg, var(--purple), var(--purple-3));
  color: white;
  box-shadow: 0 10px 20px rgba(109, 53, 245, 0.22);
}

.dark-action-btn {
  background: var(--dark-2);
  color: white;
}

.light-action-btn {
  background: white;
  color: var(--dark);
  border: 1px solid var(--line);
}

/* LOGIN */

.login-screen {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background:
    radial-gradient(circle at top left, rgba(139, 92, 246, 0.18), transparent 34%),
    radial-gradient(circle at bottom right, rgba(37, 99, 235, 0.15), transparent 34%),
    linear-gradient(135deg, #f8fafc, #eef2ff);
  padding: 22px;
}

.login-card {
  width: 410px;
  padding: 32px;
  border-radius: 26px;
  background: rgba(255, 255, 255, 0.93);
  box-shadow: 0 30px 90px rgba(15, 23, 42, 0.16);
  border: 1px solid rgba(226, 232, 240, 0.95);
  backdrop-filter: blur(16px);
}

.login-logo {
  width: 58px;
  height: 58px;
  border-radius: 18px;
  background: linear-gradient(135deg, var(--purple), var(--purple-3));
  color: white;
  display: grid;
  place-items: center;
  font-weight: 950;
  margin-bottom: 18px;
  box-shadow: 0 16px 30px rgba(109, 53, 245, 0.26);
}

.login-card h1 {
  margin: 0 0 8px;
  font-size: 31px;
  letter-spacing: -0.04em;
}

.login-card p {
  margin-top: 0;
  color: var(--muted);
  line-height: 1.45;
}

.login-label {
  display: grid;
  gap: 7px;
  font-size: 13px;
  font-weight: 850;
  color: #334155;
  margin-top: 14px;
}

.login-card input {
  width: 100%;
  padding: 14px;
  border: 1px solid #d1d5db;
  border-radius: 14px;
  font-size: 15px;
  background: white;
}

.login-card button {
  width: 100%;
  margin-top: 17px;
  padding: 14px;
  background: linear-gradient(135deg, var(--dark), #312e81);
}

.error-text {
  color: var(--red);
  font-size: 14px;
  margin-top: 12px;
  margin-bottom: 0;
}

/* APP LAYOUT */

.app-shell {
  min-height: 100vh;
  display: grid;
  grid-template-columns: 230px 1fr;
}

.sidebar {
  height: 100vh;
  overflow-y: auto;
  background:
    radial-gradient(circle at top left, rgba(109, 53, 245, 0.22), transparent 34%),
    linear-gradient(180deg, #081225 0%, #0b1629 50%, #071122 100%);
  color: white;
  padding: 20px 14px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  border-right: 1px solid rgba(255, 255, 255, 0.08);
}

.brand-box {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 5px 18px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.09);
}

.brand-icon {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: transparent;
  box-shadow: none;
  color: #8b5cf6;
  display: grid;
  place-items: center;
  font-weight: 950;
}

.brand-icon [data-lucide] {
  width: 24px;
  height: 24px;
  stroke-width: 2.4;
}

.brand-box h2 {
  margin: 0;
  font-size: 17px;
  font-weight: 800;
  letter-spacing: -0.035em;
  line-height: 1.05;
}

.brand-box p {
  margin: 2px 0 0;
  color: #94a3b8;
  font-size: 11px;
  font-weight: 500;
}

.user-box {
  display: flex;
  align-items: center;
  gap: 11px;
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.10);
  padding: 12px;
  border-radius: 16px;
}

.user-avatar {
  width: 38px;
  height: 38px;
  border-radius: 13px;
  background: white;
  color: var(--dark);
  display: grid;
  place-items: center;
  font-weight: 950;
  font-size: 15px;
}

.user-box strong {
  display: block;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: -0.015em;
}

.user-box span {
  display: block;
  color: #94a3b8;
  font-size: 11px;
  font-weight: 500;
  margin-top: 2px;
  text-transform: capitalize;
}

.nav-menu {
  display: grid;
  gap: 5px;
}

.nav-btn {
  width: 100%;
  min-height: 42px;
  text-align: left;
  background: transparent;
  color: #cbd5e1;
  border-radius: 13px;
  padding: 10px 12px;
  display: flex;
  align-items: center;
  gap: 11px;
  position: relative;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: -0.015em;
}

.nav-btn > span:last-child {
  line-height: 1;
}

.nav-icon {
  width: 25px;
  height: 25px;
  min-width: 25px;
  border-radius: 9px;
  display: grid;
  place-items: center;
  color: #94a3b8;
  background: transparent;
}

.nav-icon [data-lucide] {
  width: 17px;
  height: 17px;
  stroke-width: 2.15;
}

.nav-btn:hover {
  background: rgba(255, 255, 255, 0.075);
  color: #ffffff;
  transform: none;
}

.nav-btn:hover .nav-icon {
  color: #c4b5fd;
}

.nav-btn.active-nav {
  background: linear-gradient(135deg, #6d35f5, #4f46e5);
  color: #ffffff;
  box-shadow: 0 10px 24px rgba(109, 53, 245, 0.28);
}

.nav-btn.active-nav .nav-icon {
  background: transparent;
  color: #ffffff;
}

.nav-btn.active-nav .nav-icon [data-lucide] {
  stroke-width: 2.3;
}

.nav-badge {
  margin-left: auto;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background: #ef4444;
  color: white;
  font-size: 10px;
  font-weight: 850;
  box-shadow: 0 5px 12px rgba(239, 68, 68, 0.28);
}

.nav-divider {
  height: 1px;
  margin: 10px 6px;
  background: rgba(255, 255, 255, 0.12);
}

.logout-btn {
  margin-top: auto;
  height: 40px;
  border-radius: 11px;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: -0.015em;
  background: rgba(255, 255, 255, 0.09);
  color: white;
}

/* GLOBAL INPUTS */

.search-input,
.note-section textarea,
.form-field input,
.form-field textarea,
.note-builder select,
.appointment-builder-fields input,
.settings-card input,
.settings-card select,
.today-log-textarea,
.intake-label input,
.intake-label select,
.add-lead-grid input,
.add-lead-grid select,
.quick-note-textarea,
.table-filter-row select {
  width: 100%;
  border: 1px solid #d8dee8;
  border-radius: 11px;
  padding: 9px 10px;
  font-size: 13px;
  background: white;
  font-weight: 400;
}

.search-input {
  margin-bottom: 12px;
}

/* MAIN */

.main-panel {
  height: 100vh;
  overflow-y: auto;
  padding: 24px;
}

.top-header {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: flex-start;
  margin-bottom: 16px;
}

.eyebrow {
  margin: 0 0 5px;
  color: #53657f;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-size: 11px;
  font-weight: 850;
}

.top-header h1 {
  margin: 0;
  font-size: 31px;
  font-weight: 850;
  letter-spacing: -0.06em;
}

.top-header p,
.card-header p {
  color: #52637a;
  margin: 5px 0 0;
  font-size: 14px;
}

.top-header-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.notification-pill {
  width: 43px;
  height: 43px;
  border-radius: 15px;
  padding: 0;
  display: grid;
  place-items: center;
  background: #ffffff;
  color: #7c3aed;
  border: 1px solid #e6eaf2;
  position: relative;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.075);
}

.notification-pill [data-lucide] {
  width: 17px;
  height: 17px;
  stroke-width: 2.15;
}

.notification-pill small {
  position: absolute;
  top: -6px;
  right: -6px;
  min-width: 19px;
  height: 19px;
  padding: 0 5px;
  border-radius: 999px;
  background: #6d35f5;
  color: white;
  border: 2px solid #ffffff;
  display: grid;
  place-items: center;
  font-size: 10px;
  font-weight: 900;
}

.top-pill,
.profile-pill {
  min-height: 43px;
  height: 43px;
  display: flex;
  align-items: center;
  gap: 9px;
  background: #ffffff;
  border: 1px solid #e6eaf2;
  border-radius: 15px;
  padding: 0 14px;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.075);
}

.top-pill span {
  width: 28px;
  height: 28px;
  border-radius: 11px;
  display: grid;
  place-items: center;
  color: #7c3aed;
  background: #f4f0ff;
}

.top-pill span [data-lucide] {
  width: 15px;
  height: 15px;
  stroke-width: 2.2;
}

.top-pill strong {
  font-size: 12px;
  font-weight: 750;
  color: #0f172a;
  letter-spacing: -0.015em;
}

.profile-pill {
  padding: 0 12px;
}

.top-profile-initial {
  width: 31px;
  height: 31px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  color: white;
  font-size: 13px;
  font-weight: 900;
  background: linear-gradient(135deg, #6d35f5, #4f46e5);
}

.profile-pill strong {
  font-size: 12px;
  font-weight: 800;
  color: #0f172a;
  letter-spacing: -0.015em;
  line-height: 1;
}

.profile-pill span {
  display: block;
  font-size: 10.5px;
  font-weight: 500;
  color: #64748b;
  line-height: 1;
  margin-top: 4px;
}

.header-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.page-section {
  animation: softFade 0.18s ease;
}

@keyframes softFade {
  from {
    opacity: 0;
    transform: translateY(5px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* STATS */

.today-dashboard {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 13px;
  margin-bottom: 16px;
}

.stat-card {
  background: white;
  border: 1px solid #e6eaf2;
  border-radius: 15px;
  padding: 14px 16px;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.055);
  display: flex;
  gap: 13px;
  align-items: flex-start;
  min-height: 92px;
}

.stat-icon {
  width: 35px;
  height: 35px;
  min-width: 35px;
  border-radius: 13px;
  display: grid;
  place-items: center;
}

.stat-icon [data-lucide] {
  width: 17px;
  height: 17px;
  stroke-width: 2.25;
}

.purple-stat {
  color: #7c3aed;
  background: #f3eefe;
}

.blue-stat {
  color: #2563eb;
  background: #eaf2ff;
}

.green-stat {
  color: #16a34a;
  background: #e8faef;
}

.red-stat {
  color: #dc2626;
  background: #feecec;
}

.orange-stat {
  color: #d97706;
  background: #fff3df;
}

.violet-stat {
  color: #7c3aed;
  background: #f2ecff;
}

.stat-card span {
  display: block;
  color: #52637a;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.01em;
  margin-bottom: 4px;
}

.stat-card strong {
  display: block;
  font-size: 25px;
  font-weight: 800;
  letter-spacing: -0.055em;
  color: #0f172a;
  line-height: 1;
}

.stat-card small {
  color: #7b8aa2;
  font-size: 11px;
  font-weight: 500;
  display: block;
  margin-top: 7px;
  line-height: 1.25;
}

/* CARDS */

.dashboard-card,
.content-card {
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid rgba(226, 232, 240, 0.95);
  border-radius: 20px;
  padding: 18px;
  box-shadow: var(--shadow);
}

.card-header {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
  align-items: flex-start;
}

.card-header h2 {
  margin: 0;
  letter-spacing: -0.04em;
  font-size: 23px;
}

.muted {
  color: var(--muted);
}

/* DASHBOARD PERFORMANCE UPDATE */


.dashboard-card-header {
  margin-bottom: 16px;
}

.dashboard-card-header h2 {

  font-weight: 850;
  letter-spacing: -0.045em;
}


.performance-card {
  overflow: hidden;
  position: relative;
}

.performance-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 4px;
  background: linear-gradient(90deg, #6d35f5, #4f46e5, #8b5cf6);
}

.performance-tabs {

  align-items: center;
  gap: 7px;


}

.performance-tab {
  height: 31px;


  font-size: 12px;

}

.performance-tab:hover {
  transform: none;
  background: #ffffff;
  color: #0f172a;
}


.money-card {
  position: relative;
  overflow: hidden;
}

.money-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 4px;
  background: linear-gradient(90deg, #16a34a, #22c55e);
}

.money-main {
  background:
    radial-gradient(circle at top right, rgba(22, 163, 74, 0.13), transparent 36%),
    #f0fdf4;
  border: 1px solid #bbf7d0;
  border-radius: 16px;
  padding: 16px;
  margin-bottom: 12px;
}

.money-main span {
  display: block;
  color: #166534;
  font-size: 12px;
  font-weight: 850;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.money-main strong {
  display: block;
  color: #0f172a;
  font-size: 34px;
  line-height: 1;
  letter-spacing: -0.065em;
  margin-top: 8px;
}

.money-main small {
  display: block;
  color: #64748b;
  font-size: 12px;
  margin-top: 8px;
  line-height: 1.35;
}

.money-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.money-grid div {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  padding: 12px;
}

.money-grid span {
  display: block;
  color: #64748b;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.07em;
}

.money-grid strong {
  display: block;
  color: #0f172a;
  font-size: 20px;
  font-weight: 850;
  letter-spacing: -0.05em;
  margin-top: 5px;
}


/* DASHBOARD WORKFLOW */


/* RECENT LEADS UPGRADE */


/* COACHING */


/* LEADS PAGE */

.lead-intake-card {
  margin-bottom: 16px;
  position: relative;
  overflow: visible;
  padding: 16px;
}

.lead-intake-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 4px;
  background: linear-gradient(90deg, var(--purple), var(--purple-3), var(--purple-2));
  border-radius: 20px 20px 0 0;
}

.intake-header {
  margin-bottom: 12px;
}

.intake-header h2 {
  font-size: 24px;
}

.intake-header p {
  font-size: 14px;
}


.intake-grid {
  display: grid;
  gap: 12px;
}


.intake-panel {
  background: #fbfdff;
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 12px;
  display: grid;
  gap: 10px;
  align-content: start;
  min-height: 230px;
  position: relative;
}

.panel-title-row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 1px;
}

.panel-title-row h3 {
  margin: 0;
  letter-spacing: -0.03em;
  font-size: 15px;
}

.panel-number {
  width: 25px;
  height: 25px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, var(--purple), var(--purple-3));
  color: white;
  font-size: 12px;
  font-weight: 950;
}

.intake-label {
  display: grid;
  gap: 6px;
  color: #334155;
  font-size: 12px;
  font-weight: 700;
}

.intake-label span {
  font-weight: 700;
}

.intake-label input,
.intake-label select {
  font-weight: 400;
}

.custom-state-wrap {
  position: relative;
}

.custom-state-wrap input,
#newLeadCallsMadeSelect,
#newLeadCallResultSelect,
#newLeadSourceSelect {
  padding-right: 40px;
}

#newLeadCallsMadeSelect,
#newLeadCallResultSelect,
#newLeadSourceSelect {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 8L10 12L14 8' stroke='%2364748B' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 13px center;
  background-size: 14px 14px;
}

.state-dropdown-button {
  position: absolute;
  right: 13px;
  top: 31px;
  width: 14px;
  height: 36px;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: transparent;
  font-size: 0;
  line-height: 1;
  z-index: 3;
  display: grid;
  place-items: center;
}

.state-dropdown-button::after {
  content: "";
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 8L10 12L14 8' stroke='%2364748B' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px 14px;
}

.state-dropdown-button:hover {
  background: transparent;
  border: none;
  transform: none;
  opacity: 1;
}

.state-dropdown-list {
  position: absolute;
  left: 0;
  right: 0;
  top: 70px;
  max-height: 265px;
  overflow-y: auto;
  background: white;
  border: 1px solid #d8dee8;
  border-radius: 14px;
  box-shadow: 0 18px 35px rgba(15, 23, 42, 0.16);
  z-index: 40;
  padding: 7px;
  font-weight: 400;
}

.state-option {
  width: 100%;
  border-radius: 10px;
  padding: 9px 10px;
  background: white;
  color: #0f172a;
  font-size: 13px;
  font-weight: 400;
  text-align: left;
  display: block;
}

.state-option:hover,
.state-option.active-state-option {
  background: #f4f0ff;
  color: #4f46e5;
  transform: none;
  font-weight: 400;
}

.state-option-empty {
  padding: 10px;
  font-size: 13px;
  color: var(--muted);
}

.action-choice-list {
  display: grid;
  gap: 7px;
}

.action-choice {
  display: flex;
  align-items: center;
  gap: 8px;
  background: white;
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 9px 10px;
  cursor: pointer;
  transition: 0.15s ease;
  font-size: 12px;
  font-weight: 600;
}

.action-choice span {
  font-weight: 600;
}

.action-choice:hover,
.action-choice.active-choice {
  border-color: #c4b5fd;
  background: #faf5ff;
  box-shadow: 0 8px 18px rgba(109, 53, 245, 0.08);
}

.action-choice input {
  accent-color: var(--purple);
  width: 13px;
  height: 13px;
}

.dynamic-action-section {
  display: grid;
  gap: 9px;
}


#soldDetails input,
#newLeadMonthlyPremiumInput,
#newLeadAnnualPremiumInput {
  font-weight: 400;
  color: #0f172a;
}

#soldDetails input::placeholder {
  font-weight: 400;
  color: #94a3b8;
}

.empty-action-box {
  min-height: 128px;
  display: grid;
  place-items: center;
  text-align: center;
  border: 1px dashed #cbd5e1;
  border-radius: 14px;
  background: white;
  color: var(--muted);
  padding: 14px;
}

.empty-action-box span {
  width: 32px;
  height: 32px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  color: var(--green);
  background: var(--green-soft);
  font-weight: 950;
  margin-bottom: 7px;
}

.empty-action-box p {
  margin: 0;
  line-height: 1.35;
  font-size: 12px;
}

.quick-note-textarea {
  min-height: 137px;
  resize: vertical;
  line-height: 1.45;
  font-weight: 400;
}

.quick-note-counter {
  display: flex;
  justify-content: flex-end;
  color: var(--muted);
  font-size: 11px;
}


.route-icon {
  width: 32px;
  height: 32px;
  border-radius: 13px;
  display: grid;
  place-items: center;
  background: var(--green-soft);
  color: var(--green);
  font-weight: 950;
  flex-shrink: 0;
}


/* ALL LEADS TABLE */

.leads-list-card {
  padding: 0;
  overflow: hidden;
}

.all-leads-table-shell {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 18px;
  overflow: hidden;
}

.all-leads-toolbar {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: flex-start;
  padding: 16px 16px 14px;
  border-bottom: 1px solid #e5e7eb;
  background: #ffffff;
}

.all-leads-left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  min-width: 0;
}

.all-leads-left h2 {
  margin: 0;
  font-size: 18px;
  letter-spacing: -0.03em;
  white-space: nowrap;
}

.all-leads-search-wrap {
  position: relative;
  width: 280px;
  max-width: 100%;
}

.all-leads-search-icon {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #94a3b8;
  font-size: 13px;
  pointer-events: none;
}

.all-leads-search-input {
  width: 100%;
  height: 36px;
  border: 1px solid #d8dee8;
  border-radius: 9px;
  background: #ffffff;
  padding: 8px 12px 8px 34px;
  font-size: 13px;
  font-weight: 400;
  color: #0f172a;
}

.all-leads-search-input::placeholder {
  color: #94a3b8;
}

.all-leads-filters {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-top: 0;
}

.all-leads-filters select {
  height: 36px;
  min-width: 155px;
  border: 1px solid #d8dee8;
  border-radius: 9px;
  background-color: #ffffff;
  padding: 8px 36px 8px 12px;
  font-size: 13px;
  font-weight: 400;
  color: #0f172a;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 8L10 12L14 8' stroke='%2364748B' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 14px 14px;
}


.all-leads-archived-filter {
  height: 36px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid #d8dee8;
  border-radius: 9px;
  padding: 8px 12px;
  color: #64748b;
  font-size: 13px;
  font-weight: 600;
  background: #ffffff;
}

.all-leads-table-area {
  padding: 0;
}

.all-leads-table-area .schedule-block {
  border: 0;
  border-radius: 0;
  background: #ffffff;
  padding: 0;
}

.all-leads-table-area .schedule-block h3 {
  display: none;
}

.all-leads-table-area .schedule-table-wrap {
  overflow-x: auto;
}

.all-leads-table-area .schedule-table {
  width: 100%;
  border-collapse: collapse;
  background: #ffffff;
  border-radius: 0;
}

.all-leads-table-area .schedule-table th {
  background: #f8fafc;
  color: #334155;
  font-size: 12px;
  font-weight: 800;
  padding: 11px 16px;
  border-bottom: 1px solid #e5e7eb;
}

.all-leads-table-area .schedule-table td {
  color: #334155;
  font-size: 12px;
  font-weight: 400;
  padding: 11px 16px;
  border-bottom: 1px solid #e5e7eb;
  vertical-align: middle;
}

.all-leads-table-area .schedule-table tbody tr:hover {
  background: #f8fafc;
}


.all-leads-table-area .result-pill,
.all-leads-table-area .age-pill {
  font-size: 11px;
  font-weight: 700;
  padding: 4px 9px;
}

.all-leads-table-area .mini-btn {
  height: 30px;
  padding: 6px 10px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 700;
  margin: 0 5px 0 0;
}

.all-leads-table-area .success-mini-btn {
  background: #ffffff;
  color: #0f172a;
  border: 1px solid #d8dee8;
}

.all-leads-table-area .warning-mini-btn {
  background: linear-gradient(135deg, #6d35f5, #4f46e5);
  color: #ffffff;
  border: 1px solid transparent;
}

.all-leads-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  padding: 12px 16px;
  background: #ffffff;
}

.all-leads-footer p {
  margin: 0;
  color: #64748b;
  font-size: 12px;
}

.all-leads-pagination {
  display: flex;
  align-items: center;
  gap: 8px;
}

.all-leads-pagination select {
  height: 34px;
  border: 1px solid #d8dee8;
  border-radius: 9px;
  background-color: #ffffff;
  padding: 7px 32px 7px 10px;
  font-size: 12px;
  font-weight: 400;
  color: #0f172a;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 8L10 12L14 8' stroke='%2364748B' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 14px 14px;
}

.pagination-arrow,
.leads-page-buttons button {
  width: 34px;
  height: 34px;
  border-radius: 9px;
  padding: 0;
  display: grid;
  place-items: center;
  background: #ffffff;
  color: #334155;
  border: 1px solid #d8dee8;
  font-size: 13px;
  font-weight: 700;
}

.pagination-arrow:hover,
.leads-page-buttons button:hover {
  transform: none;
  background: #f8fafc;
}

.leads-page-buttons {
  display: flex;
  align-items: center;
  gap: 6px;
}

.leads-page-buttons button.active-page {
  background: linear-gradient(135deg, #6d35f5, #4f46e5);
  color: #ffffff;
  border-color: transparent;
}

.leads-page-ellipsis {
  color: #64748b;
  font-size: 13px;
  padding: 0 4px;
}

/* LEAD PROFILE — consolidated at end of file */

/* MODALS */

.modal {
  position: fixed;
  inset: 0;
  background: rgba(15, 23, 42, 0.58);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 24px;
  z-index: 50;
}

.modal-content {
  width: min(1100px, 100%);
  max-height: 92vh;
  overflow-y: auto;
  background: white;
  border-radius: 24px;
  padding: 22px;
  box-shadow: 0 30px 70px rgba(15, 23, 42, 0.28);
}

.sticky-modal-header {
  position: sticky;
  top: -22px;
  background: white;
  z-index: 3;
  padding-top: 4px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--line);
}

.modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
}

.modal-header h2,
.modal-header h3 {
  margin: 0;
  letter-spacing: -0.03em;
}

.modal-header p {
  color: var(--muted);
  margin: 6px 0 0;
}

.modal-header-actions {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}

.small-btn {
  padding: 9px 11px;
  font-size: 13px;
  background: #334155;
}

.form-tabs,
.schedule-tabs,
.unanswered-filters {
  display: flex;
  gap: 10px;
  margin: 18px 0;
  flex-wrap: wrap;
}

.form-tabs button,
.schedule-tabs button,
.unanswered-filters button {
  background: #e5e7eb;
  color: var(--text);
}

.form-tabs .active-tab,
.schedule-tabs .active-tab,
.unanswered-filters .active-tab {
  background: linear-gradient(135deg, var(--purple), var(--purple-3));
  color: white;
}


/* TABLES / LISTS */

.schedule-list {
  display: grid;
  gap: 16px;
}

.schedule-block {
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 14px;
  background: var(--panel-soft);
}

.schedule-block h3 {
  margin: 0 0 12px;
}

.schedule-table-wrap {
  overflow-x: auto;
}

.schedule-table {
  width: 100%;
  border-collapse: collapse;
  background: white;
  border-radius: 14px;
  overflow: hidden;
}

.schedule-table th,
.schedule-table td {
  border-bottom: 1px solid var(--line);
  text-align: left;
  padding: 10px 11px;
  font-size: 12px;
  vertical-align: top;
}

.schedule-table th {
  background: #f3f4f6;
  color: #334155;
  font-size: 12px;
  font-weight: 900;
}

.schedule-table tbody tr:hover {
  background: #f8fafc;
}

.mini-btn {
  padding: 6px 8px;
  font-size: 11px;
  margin-right: 5px;
  margin-bottom: 5px;
  border-radius: 9px;
}

.danger-mini-btn {
  background: var(--red);
}

.warning-mini-btn {
  background: var(--orange);
}

.success-mini-btn {
  background: var(--green);
}


.slide-panel {
  margin-top: 22px;
  background: var(--panel-soft);
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 16px;
}

.age-pill {
  display: inline-block;
  background: #e5e7eb;
  color: var(--text);
  border-radius: 999px;
  padding: 4px 8px;
  font-size: 11px;
  font-weight: 850;
}

.result-pill {
  display: inline-block;
  background: #dcfce7;
  color: #166534;
  border-radius: 999px;
  padding: 5px 9px;
  font-size: 11px;
  font-weight: 950;
}

.result-pill.no-answer {
  background: var(--red-soft);
  color: #b91c1c;
}

.result-pill.answered {
  background: var(--green-soft);
  color: #166534;
}

.result-pill.appointment {
  background: var(--blue-soft);
  color: #1d4ed8;
}

.result-pill.not-interested {
  background: var(--red-soft);
  color: #991b1b;
}

.result-pill.sold {
  background: #dcfce7;
  color: #14532d;
}

.today-call-log-builder {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 16px;
}

.today-log-textarea {
  min-height: 120px;
  resize: vertical;
  margin-top: 12px;
}

.today-log-actions {
  margin-top: 12px;
  justify-content: flex-end;
}

#saveTodayCallLogButton {
  background: linear-gradient(135deg, var(--purple), var(--purple-3));
}

#todayCallLogPanel {
  border-color: #ddd6fe;
  background: #faf5ff;
}


.last-note-preview {
  max-width: 420px;
  white-space: pre-wrap;
  line-height: 1.45;
}

/* SETTINGS */

.settings-grid {
  display: grid;
  grid-template-columns: 360px 1fr;
  gap: 18px;
  margin-top: 20px;
}

.settings-card {
  background: var(--panel-soft);
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 18px;
  display: grid;
  gap: 13px;
  align-content: start;
}

.settings-card h3 {
  margin: 0 0 4px;
}

.settings-note {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
  margin: 0;
}

.users-list {
  display: grid;
  gap: 10px;
}

.user-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px;
  align-items: center;
  background: white;
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 13px;
}

.user-row strong {
  display: block;
}

.user-row span {
  display: block;
  color: var(--muted);
  font-size: 13px;
  margin-top: 3px;
}

.user-row-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

/* RESPONSIVE */

@media (max-width: 1550px) {


  .lead-summary-card {
    grid-template-columns: 1fr;
  }

  .lead-summary-divider {
    display: none;
  }

  .lead-summary-actions {
    flex-wrap: wrap;
  }
}

@media (max-width: 1500px) {


  .performance-card {
    grid-column: span 2;
  }

  .pipeline-card,
  .money-card {
    grid-column: span 1;
  }
}

@media (max-width: 1380px) {
  .today-dashboard {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lead-work-grid {
    grid-template-columns: 1fr;
  }

  .timeline-note-row {
    grid-template-columns: 120px 110px 70px 1fr;
  }

  .timeline-note-actions {
    grid-column: 1 / -1;
    justify-content: flex-start;
    padding-left: 24px;
  }
}

@media (max-width: 1280px) {

}

@media (max-width: 1200px) {


  .performance-card,
  .dashboard-bottom-grid .large-card,
  .pipeline-card,
  .money-card {
    grid-column: span 1;
  }


  .settings-grid {
    grid-template-columns: 1fr;
  }


}

@media (max-width: 1000px) {
  .app-shell {
    grid-template-columns: 1fr;
  }

  .sidebar {
    width: 100%;
    height: auto;
  }

  .main-panel {
    height: auto;
  }

  .note-builder,
  .today-call-log-builder {
    grid-template-columns: 1fr;
  }

  .appointment-builder-fields {
    grid-template-columns: 1fr;
  }

  .appointment-builder-fields p {
    grid-column: span 1;
  }


  .lead-log-fields,
  .lead-extra-fields {
    grid-template-columns: 1fr;
  }

  .timeline-note-row {
    grid-template-columns: 1fr;
    gap: 7px;
    padding-left: 42px;
  }

  .timeline-note-date {
    padding-left: 0;
  }

  .timeline-note-actions {
    padding-left: 0;
  }
}

@media (max-width: 980px) {
  .all-leads-toolbar {
    flex-direction: column;
    align-items: stretch;
  }

  .all-leads-left {
    flex-direction: column;
    align-items: stretch;
  }

  .all-leads-search-wrap {
    width: 100%;
  }

  .all-leads-filters {
    flex-direction: column;
    align-items: stretch;
  }

  .all-leads-filters select,
  .all-leads-filter-btn,
  .all-leads-archived-filter {
    width: 100%;
  }

  .all-leads-footer {
    flex-direction: column;
    align-items: stretch;
  }

  .all-leads-pagination {
    justify-content: center;
    flex-wrap: wrap;
  }
}

@media (max-width: 760px) {
  .main-panel {
    padding: 18px;
  }

  .top-header,
  .modal-header,
  .card-header {
    flex-direction: column;
    align-items: stretch;
  }

  .top-header-actions,
  .header-actions,
  .modal-header-actions {
    width: 100%;
    flex-direction: column;
  }

  .top-pill,
  .profile-pill,
  .notification-pill {
    width: 100%;
  }

  .today-dashboard {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }


  .modal {
    padding: 10px;
  }

  .modal-content {
    border-radius: 18px;
  }

  .user-row {
    grid-template-columns: 1fr;
  }


  .lead-summary-card {
    padding: 16px;
  }

  .lead-summary-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .lead-action-dark,
  .lead-action-gray,
  .lead-action-red {
    width: 100%;
  }
}

@media (max-width: 650px) {
  .performance-tabs {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }

  .performance-tab {
    width: 100%;
  }

  .rate-grid,
  .performance-mini-metrics,
  .money-grid {
    grid-template-columns: 1fr;
  }


}

@media (max-width: 520px) {
  .today-dashboard {
    grid-template-columns: 1fr;
  }

  .sidebar {
    padding: 16px;
  }

  .top-header h1 {
    font-size: 28px;
  }

  .stat-card {
    align-items: center;
  }

  .lead-summary-stats {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
}
/* FIX ACTIVITY TIMELINE LONG INITIAL NOTES */

.timeline-note-row {
  min-height: 66px;
  grid-template-columns: 120px 120px 90px minmax(0, 1fr) auto;
}

.timeline-note-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  line-height: 1.4;
  align-self: center;
}

.timeline-note-actions {
  white-space: nowrap;
}

.timeline-note-date,
.timeline-note-result,
.timeline-note-calls {
  align-self: center;
}
/* SHARED LEADS UPDATE */

.shared-folder-create-card {
  margin-bottom: 16px;
  position: relative;
  overflow: hidden;
}

.shared-folder-create-card::before,
.shared-source-header-card::before,
.shared-lead-entry-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 4px;
  background: linear-gradient(90deg, #6d35f5, #4f46e5, #8b5cf6);
}

.shared-source-create-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px;
  align-items: end;
}

.shared-source-create-row button {
  height: 39px;
  min-width: 150px;
}

.shared-source-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.shared-source-card {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 18px;
  padding: 16px;
  cursor: pointer;
  transition: 0.15s ease;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.045);
}

.shared-source-card:hover {
  transform: translateY(-2px);
  border-color: #c4b5fd;
  box-shadow: 0 18px 40px rgba(109, 53, 245, 0.09);
}

.shared-source-card-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.shared-source-icon {
  width: 40px;
  height: 40px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: #f4f0ff;
  color: #6d35f5;
  flex-shrink: 0;
}

.shared-source-icon [data-lucide] {
  width: 19px;
  height: 19px;
  stroke-width: 2.25;
}

.shared-source-card h3 {
  margin: 0;
  color: #0f172a;
  font-size: 18px;
  font-weight: 850;
  letter-spacing: -0.04em;
}

.shared-source-card p {
  margin: 4px 0 0;
  color: #64748b;
  font-size: 12px;
  line-height: 1.35;
}

.shared-source-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-top: 14px;
}

.shared-source-stats div {
  background: #f8fafc;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 9px;
}

.shared-source-stats span {
  display: block;
  color: #64748b;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.shared-source-stats strong {
  display: block;
  color: #0f172a;
  font-size: 18px;
  font-weight: 850;
  letter-spacing: -0.04em;
  margin-top: 4px;
}

/* SHARED SOURCE FOLDER PAGE */

.shared-source-header-card {
  position: relative;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 20px;
  padding: 18px;
  box-shadow: var(--shadow);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 16px;
}

.shared-source-header-card h2 {
  margin: 0;
  color: #0f172a;
  font-size: 28px;
  font-weight: 850;
  letter-spacing: -0.06em;
}

.shared-source-header-card p:not(.eyebrow) {
  margin: 5px 0 0;
  color: #64748b;
  font-size: 13px;
}

.shared-source-header-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
}

.shared-tabs-card {
  margin-bottom: 16px;
  padding: 12px;
}

.shared-tabs {
  display: flex;
  gap: 9px;
  flex-wrap: wrap;
}

.shared-tab {
  height: 36px;
  border-radius: 10px;
  padding: 0 13px;
  background: #f1f5f9;
  color: #334155;
  font-size: 12px;
  font-weight: 800;
}

.shared-tab:hover {
  transform: none;
  background: #ffffff;
  color: #0f172a;
}

.shared-tab.active-tab {
  background: linear-gradient(135deg, #6d35f5, #4f46e5);
  color: #ffffff;
  box-shadow: 0 8px 18px rgba(109, 53, 245, 0.18);
}

.shared-panel {
  display: grid;
  gap: 16px;
}

.shared-lead-entry-card {
  position: relative;
  overflow: hidden;
}

.shared-add-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  align-items: end;
}

.shared-add-grid button {
  height: 39px;
}

.shared-add-grid .intake-label input {
  height: 39px;
}

/* SHARED LEADS TABLE */

.shared-lead-name-cell strong {
  display: block;
  color: #0f172a;
  font-size: 13px;
  font-weight: 750;
  letter-spacing: -0.015em;
}

.shared-lead-name-cell span {
  display: block;
  color: #64748b;
  font-size: 11px;
  margin-top: 3px;
}

.shared-contact-small {
  display: grid;
  gap: 3px;
}

.shared-contact-small span {
  display: block;
  color: #334155;
  font-size: 12px;
  font-weight: 400;
}

.shared-reason-cell {
  max-width: 230px;
  color: #475569;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* SHARED DETAIL */

.shared-contact-card {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 18px;
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.055);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  overflow: hidden;
}

.shared-contact-item {
  padding: 14px 18px;
  border-right: 1px solid #e5e7eb;
}

.shared-contact-item:last-child {
  border-right: 0;
}

.shared-contact-item span {
  display: block;
  color: #64748b;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  margin-bottom: 5px;
}

.shared-contact-item strong {
  display: block;
  color: #0f172a;
  font-size: 14px;
  font-weight: 700;
  word-break: break-word;
}

/* SHARED TODAY CALLS */

#sharedTodayCallLogPanel {
  border-color: #ddd6fe;
  background: #faf5ff;
}

#sharedTodayCallLogTitle {
  color: #4c1d95;
}

#saveSharedTodayCallLogButton {
  background: linear-gradient(135deg, #6d35f5, #4f46e5);
}


/* RESPONSIVE SHARED LEADS */

@media (max-width: 1400px) {
  .shared-source-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .shared-add-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 1000px) {
  .shared-source-header-card {
    flex-direction: column;
    align-items: stretch;
  }

  .shared-source-header-actions {
    width: 100%;
  }

  .shared-source-header-actions button {
    flex: 1;
  }

  .shared-add-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .shared-contact-card {
    grid-template-columns: 1fr;
  }

  .shared-contact-item {
    border-right: 0;
    border-bottom: 1px solid #e5e7eb;
  }

  .shared-contact-item:last-child {
    border-bottom: 0;
  }
}

@media (max-width: 760px) {
  .shared-source-create-row {
    grid-template-columns: 1fr;
  }

  .shared-source-grid {
    grid-template-columns: 1fr;
  }

  .shared-source-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .shared-add-grid {
    grid-template-columns: 1fr;
  }

  .shared-tabs {
    display: grid;
    grid-template-columns: 1fr;
  }

  .shared-tab {
    width: 100%;
  }
}
/* AGENT TRACKER */

.tracker-hero-card,
.tracker-total-card,
.tracker-panel,
.tracker-agents-section {
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid #e6eaf2;
  border-radius: 24px;
  box-shadow: var(--shadow);
}

.tracker-hero-card {
  padding: 24px;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
  margin-bottom: 16px;
  background:
    radial-gradient(circle at top left, rgba(109, 53, 245, 0.13), transparent 32%),
    linear-gradient(135deg, #ffffff, #f8fafc);
}

.tracker-hero-card h2 {
  margin: 0;
  font-size: 28px;
  letter-spacing: -0.05em;
}

.tracker-hero-card p {
  margin: 6px 0 0;
  color: var(--muted);
}

.tracker-hero-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.tracker-range-btn {
  background: white;
  color: var(--dark);
  border: 1px solid #e6eaf2;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.06);
}

.tracker-range-btn.active-tab {
  background: linear-gradient(135deg, var(--purple), var(--purple-3));
  color: white;
  border-color: transparent;
}

.tracker-week-wrap {
  margin-bottom: 16px;
  display: flex;
  justify-content: flex-end;
}

.tracker-week-wrap label {
  display: grid;
  gap: 7px;
  font-size: 12px;
  font-weight: 850;
  color: #334155;
}

.tracker-week-wrap select {
  min-width: 240px;
  border: 1px solid #d8dee8;
  border-radius: 12px;
  padding: 10px 12px;
  background: white;
  font-weight: 750;
}

.tracker-total-card {
  padding: 22px;
  margin-bottom: 18px;
  color: white;
  background:
    radial-gradient(circle at top right, rgba(139, 92, 246, 0.42), transparent 32%),
    linear-gradient(135deg, #081225, #1e1b4b);
  border-color: rgba(255, 255, 255, 0.08);
}

.tracker-total-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 18px;
}

.tracker-total-header span {
  color: #c4b5fd;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}

.tracker-total-header h2 {
  margin: 5px 0 0;
  font-size: 27px;
  letter-spacing: -0.05em;
}

.tracker-total-header p {
  color: #cbd5e1;
  margin: 5px 0 0;
}

.tracker-total-badge {
  border-radius: 999px;
  padding: 8px 12px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.16);
  color: white;
  font-size: 12px;
  font-weight: 850;
}

.tracker-total-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(105px, 1fr));
  gap: 10px;
}

.tracker-total-grid div {
  background: rgba(255, 255, 255, 0.11);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 18px;
  padding: 14px;
}

.tracker-total-grid span {
  display: block;
  color: #cbd5e1;
  font-size: 12px;
  font-weight: 750;
}

.tracker-total-grid strong {
  display: block;
  margin-top: 7px;
  font-size: 27px;
  letter-spacing: -0.04em;
}

.tracker-panel,
.tracker-agents-section {
  padding: 20px;
}

.tracker-entry-grid label,
.tracker-notes-label {
  display: grid;
  gap: 7px;
  font-size: 12px;
  font-weight: 850;
  color: #334155;
}

.tracker-entry-grid input,
.tracker-entry-grid select,
.tracker-notes-label textarea {
  width: 100%;
  border: 1px solid #d8dee8;
  border-radius: 12px;
  padding: 10px 12px;
  font-size: 13px;
  background: white;
  font-weight: 650;
}


.tracker-agent-actions {


  justify-content: flex-end;
  margin-top: 14px;
}

.tracker-agent-actions button {
  padding: 8px 10px;
  font-size: 12px;
}


@media (max-width: 1180px) {
  .tracker-total-grid,
  .tracker-agent-metrics {
    grid-template-columns: repeat(2, 1fr);
  }

  .tracker-agents-grid {
    grid-template-columns: 1fr;
  }


}

@media (max-width: 720px) {
  .tracker-hero-card,
  .tracker-total-header {
    flex-direction: column;
    align-items: stretch;
  }

  .tracker-total-grid,
  .tracker-agent-metrics,
  .tracker-entry-grid {
    grid-template-columns: 1fr;
  }
}


/* TRACKER EDIT / DELETE CONTROLS */


/* Agent Tracker read-only connected cards */


/* BULK LEAD SELECTION */
.bulk-delete-btn {
  background: #dc2626;
  color: white;
  border: 1px solid #dc2626;
  font-weight: 850;
}

.bulk-delete-btn:hover {
  background: #b91c1c;
  border-color: #b91c1c;
}


body.tracker-user-mode .top-header,
body.tracker-user-mode #todayDashboard {
  display: none !important;
}

body.tracker-user-mode .main-panel {
  padding-top: 24px;
}


.tracker-agent-search-wrap {
  min-width: 260px;
  max-width: 360px;
  flex: 1;
}

.tracker-agent-search-wrap input {
  width: 100%;
  border: 1px solid #d8dee8;
  border-radius: 13px;
  padding: 12px 14px;
  background: white;
  font-weight: 750;
}


.tracker-agent-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}

.tracker-agent-actions button {
  min-height: 38px;
}

@media (max-width: 1500px) and (min-width: 901px) {
  .tracker-agent-table {
    min-width: 1320px;
  }

  .tracker-agent-table th,
  .tracker-agent-table td {
    padding-left: 9px;
    padding-right: 9px;
  }

  .tracker-agent-name-cell {
    min-width: 205px;
  }

  .tracker-agent-table th {
    font-size: 10px;
    letter-spacing: 0.04em;
  }
}

@media (max-width: 900px) {

}


/* TRACKER REPORT VIEW */
.tracker-view-tabs {
  display: flex;
  gap: 10px;
  margin: 14px 0 16px;
  flex-wrap: wrap;
}

.tracker-view-tab {
  background: #ffffff;
  color: #0f172a;
  border: 1px solid #e5e7eb;
  border-radius: 13px;
  padding: 11px 18px;
  font-weight: 900;
}

.tracker-view-tab.active-tab {
  background: linear-gradient(135deg, #6d35f5, #4f46e5);
  color: white;
  box-shadow: 0 10px 24px rgba(109, 53, 245, 0.24);
}

.tracker-report-card {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 22px;
  padding: 22px;
  box-shadow: var(--shadow-2);
}

.tracker-report-header {
  align-items: center;
}

.tracker-report-textarea {
  width: 100%;
  min-height: 310px;
  resize: vertical;
  border: 1px solid #d8dee8;
  border-radius: 18px;
  padding: 18px;
  font-size: 18px;
  line-height: 1.8;
  font-weight: 750;
  background: #111827;
  color: #ffffff;
  white-space: pre-wrap;
}


/* LEADS TAB COMPACT INTAKE UPDATE - only changes the add-lead process */
.compact-lead-intake-card {
  padding: 16px;
}

.compact-intake-header {
  margin-bottom: 14px;
}

.compact-intake-grid {
  display: grid;
  grid-template-columns: minmax(300px, 1fr) minmax(300px, 0.95fr) minmax(330px, 1fr);
  gap: 14px;
  align-items: stretch;
}

.compact-intake-panel {
  min-height: auto;
  padding: 16px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.035);
}

.compact-panel-title-row {
  margin-bottom: 10px;
}

.compact-panel-title-row h3 {
  font-size: 16px;
}

.compact-panel-icon {
  margin-left: auto;
  color: #64748b;
  display: grid;
  place-items: center;
}

.compact-panel-icon [data-lucide] {
  width: 17px;
  height: 17px;
  stroke-width: 2.1;
}

.compact-two-field-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.lead-origin-row {
  align-items: end;
}

.lead-field-label-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.lead-age-classification-badge {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.015em;
  white-space: nowrap;
}

.lead-age-classification-badge.new {
  color: #166534;
  border: 1px solid rgba(34, 197, 94, 0.24);
  background: rgba(34, 197, 94, 0.10);
}

.lead-age-classification-badge.old {
  color: #92400e;
  border: 1px solid rgba(217, 119, 6, 0.26);
  background: rgba(245, 158, 11, 0.12);
}

.custom-lead-source-wrap {
  margin-top: -2px;
}

.action-choice {
  position: relative;
}


.smart-route-summary-row strong {
  color: #0f172a;
}

.quick-note-compact-box {
  margin-top: 4px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: #ffffff;
  padding: 10px;
  display: grid;
  gap: 9px;
}

.quick-note-compact-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: #334155;
}

.quick-note-compact-header > [data-lucide] {
  width: 15px;
  height: 15px;
  color: #64748b;
}

.quick-note-compact-title {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
}

.quick-note-compact-title strong {
  font-size: 12px;
  font-weight: 850;
}

.quick-note-compact-title em {
  font-style: normal;
  color: #64748b;
  font-weight: 500;
}

.quick-note-small-icon {
  width: 18px;
  height: 18px;
  border-radius: 6px;
  display: grid;
  place-items: center;
  color: var(--purple);
  background: var(--purple-soft);
}

.quick-note-small-icon [data-lucide] {
  width: 13px;
  height: 13px;
}

.compact-quick-note-textarea {
  min-height: 66px;
  border-radius: 12px;
  resize: vertical;
}

.compact-action-choice-list {
  gap: 9px;
}

.compact-action-choice-list .action-choice {
  min-height: 50px;
  padding: 11px 13px;
  align-items: center;
  gap: 11px;
}

.action-choice-text {
  display: grid;
  gap: 2px;
  line-height: 1.2;
}

.action-choice-text strong {
  color: #0f172a;
  font-size: 13px;
  font-weight: 850;
}

.action-choice-text small {
  color: #64748b;
  font-size: 12px;
  font-weight: 500;
}

.smart-routing-panel {
  gap: 12px;
}

.smart-routing-subtitle {
  margin: -2px 0 0;
  color: #475569;
  font-size: 12px;
  font-weight: 700;
}

.smart-routing-details {
  display: grid;
  gap: 8px;
}

.smart-route-row {
  display: grid;
  grid-template-columns: 120px 1fr;
  align-items: center;
  gap: 10px;
  border: 1px solid var(--line);
  background: #ffffff;
  border-radius: 13px;
  padding: 10px 12px;
}

.smart-route-row span {
  color: #334155;
  font-size: 12px;
  font-weight: 850;
}

.smart-route-row strong {
  color: #4f46e5;
  font-size: 12px;
  font-weight: 900;
  text-align: right;
}

.smart-route-row-stack {
  grid-template-columns: 1fr auto;
  grid-template-areas:
    "label value"
    "small value";
}

.smart-route-row-stack span {
  grid-area: label;
}

.smart-route-row-stack strong {
  grid-area: value;
}

.smart-route-row-stack small {
  grid-area: small;
  color: #64748b;
  font-size: 11px;
  font-weight: 500;
}

.compact-schedule-fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.compact-schedule-fields .smart-route-row {
  grid-column: 1 / -1;
}

.compact-empty-action-box {
  min-height: 132px;
}

.smart-routing-note {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  color: #64748b;
  font-size: 12px;
  line-height: 1.4;
}

.smart-routing-note span {
  width: 17px;
  height: 17px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  color: white;
  background: #64748b;
  font-size: 11px;
  font-weight: 900;
  flex-shrink: 0;
  margin-top: 1px;
}

.smart-routing-note p {
  margin: 0;
}

.compact-save-lead-btn {
  width: 100%;
  margin-top: auto;
  padding: 13px 16px;
  border-radius: 12px;
  font-size: 14px;
}

.smart-routing-hidden-lines {
  display: none !important;
}

@media (max-width: 1350px) {
  .compact-intake-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .compact-two-field-row,
  .compact-schedule-fields {
    grid-template-columns: 1fr;
  }

  .smart-route-row {
    grid-template-columns: 1fr;
  }

  .smart-route-row strong {
    text-align: left;
  }
}


/* LEFT-REFERENCE LEADS TABLE — only affects the All Leads list */
.all-leads-table-area .leads-compact-table {
  min-width: 1180px;
  table-layout: auto;
}

.all-leads-table-area .leads-compact-table th,
.all-leads-table-area .leads-compact-table td {
  white-space: nowrap;
}

.all-leads-table-area .leads-compact-table th {
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 11px;
  color: #1f2937;
}

.all-leads-table-area .leads-compact-table td {
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 12px;
  color: #334155;
}

.all-leads-table-area .leads-table-name {
  appearance: none;
  border: 0;
  background: transparent;
  padding: 0;
  margin: 0;
  font: inherit;
  font-weight: 700;
  color: #5b3df5;
  cursor: pointer;
  text-align: left;
}

.all-leads-table-area .leads-table-name:hover {
  color: #4325d8;
  text-decoration: underline;
}

.lead-active-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 700;
}

.lead-active-status.active {
  color: #16a36a;
}

.lead-active-status.archived {
  color: #64748b;
}

.lead-status-dot {
  width: 5px;
  height: 5px;
  border-radius: 999px;
  background: currentColor;
  flex: 0 0 auto;
}

.lead-menu-heading,
.lead-menu-cell {
  width: 44px;
  min-width: 44px;
  text-align: right;
}

.lead-actions-menu {
  position: relative;
  display: inline-block;
}

.lead-actions-menu > summary {
  list-style: none;
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 7px;
  color: #64748b;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
  user-select: none;
}

.lead-actions-menu > summary::-webkit-details-marker {
  display: none;
}

.lead-actions-menu > summary:hover,
.lead-actions-menu[open] > summary {
  background: #f1f5f9;
  color: #0f172a;
}

.lead-actions-dropdown {
  position: absolute;
  right: 0;
  top: calc(100% + 6px);
  z-index: 40;
  min-width: 138px;
  padding: 6px;
  background: #ffffff;
  border: 1px solid #dbe2ea;
  border-radius: 10px;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.14);
}

.lead-actions-dropdown button {
  width: 100%;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: #1e293b;
  padding: 8px 10px;
  font-size: 12px;
  font-weight: 650;
  text-align: left;
  cursor: pointer;
}

.lead-actions-dropdown button:hover {
  background: #f3f0ff;
  color: #5b3df5;
}

/* TODAY'S CALLS — compact LeadFlow theme */

.today-calls-block {
  margin-top: 6px;
  padding: 16px;
  border: 1px solid #dce2ec;
  border-radius: 18px;
  background: #fff;
}

.today-calls-block h3 {
  margin: 0 0 12px;
  font-size: 20px;
  color: #0f172a;
}

.today-calls-table-wrap {
  overflow: visible;
  border: 1px solid #e2e7ef;
  border-radius: 14px;
}

.today-calls-table {
  table-layout: auto;
  border-radius: 14px;
  overflow: visible;
}

.today-calls-table th {
  padding: 13px 15px;
  background: #f7f8fb;
  color: #334155;
  font-size: 12px;
  white-space: nowrap;
}

.today-calls-table td {
  padding: 12px 15px;
  color: #1e293b;
  font-size: 12px;
  vertical-align: middle;
}

.today-calls-table tbody tr:hover {
  background: #fbfaff;
}

.today-time-cell {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 112px;
}

.today-time-icon {
  color: var(--purple);
  font-size: 19px;
  line-height: 1;
}

.today-time-cell strong,
.today-client-time strong {
  display: block;
  color: #1e293b;
  font-size: 12px;
  font-weight: 750;
  white-space: nowrap;
}

.today-time-cell small,
.today-client-time small {
  display: block;
  margin-top: 2px;
  color: #64748b;
  font-size: 11px;
  white-space: nowrap;
}

.today-lead-name {
  border: 0;
  padding: 0;
  background: transparent;
  color: var(--purple);
  font-size: 12px;
  font-weight: 750;
  text-align: left;
  cursor: pointer;
}

.today-lead-name:hover {
  text-decoration: underline;
}

.today-age-pill,
.today-result-pill {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 5px 10px;
  border-radius: 999px;
  background: #f1efff;
  color: #4f46e5;
  font-size: 11px;
  font-weight: 800;
  white-space: nowrap;
}

.today-result-pill.no-answer,
.today-result-pill.answered,
.today-result-pill.appointment,
.today-result-pill.not-interested,
.today-result-pill.sold {
  background: #f1efff;
  color: #4f46e5;
}

.today-actions-cell {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 178px;
  white-space: nowrap;
}

.today-log-call-btn {
  min-height: 34px;
  padding: 0 13px;
  border: 0;
  border-radius: 9px;
  background: linear-gradient(135deg, var(--purple), var(--purple-3));
  color: white;
  font-size: 11px;
  font-weight: 850;
  cursor: pointer;
  box-shadow: 0 4px 10px rgba(91, 61, 245, 0.16);
}

.today-log-call-btn:hover {
  filter: brightness(0.98);
}

.today-call-actions-menu {
  position: relative;
  display: inline-block;
}

.today-call-actions-menu > summary {
  list-style: none;
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  color: #64748b;
  font-size: 21px;
  line-height: 1;
  cursor: pointer;
  user-select: none;
}

.today-call-actions-menu > summary::-webkit-details-marker {
  display: none;
}

.today-call-actions-menu > summary:hover,
.today-call-actions-menu[open] > summary {
  background: #f1efff;
  color: var(--purple);
}

.today-call-actions-dropdown {
  position: absolute;
  right: 0;
  top: calc(100% + 7px);
  z-index: 120;
  min-width: 150px;
  padding: 6px;
  background: #fff;
  border: 1px solid #ddd6fe;
  border-radius: 11px;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.16);
}

.today-call-actions-dropdown button {
  width: 100%;
  border: 0;
  border-radius: 8px;
  padding: 9px 10px;
  background: transparent;
  color: #1e293b;
  font-size: 12px;
  font-weight: 700;
  text-align: left;
  cursor: pointer;
}

.today-call-actions-dropdown button:hover {
  background: #f3f0ff;
  color: var(--purple);
}

.today-calls-pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 4px 0;
}

.today-calls-pagination p {
  margin: 0;
  color: #64748b;
  font-size: 11px;
}

.today-pagination-controls {
  display: flex;
  align-items: center;
  gap: 7px;
}

.today-pagination-controls select {
  min-height: 34px;
  border: 1px solid #dce2ec;
  border-radius: 9px;
  padding: 0 28px 0 10px;
  background: white;
  color: #334155;
  font-size: 11px;
}

.today-pagination-btn {
  width: 34px;
  height: 34px;
  border: 1px solid #dce2ec;
  border-radius: 9px;
  background: white;
  color: #334155;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}

.today-pagination-btn:hover:not(:disabled) {
  border-color: #c4b5fd;
  color: var(--purple);
  background: #faf9ff;
}

.today-pagination-btn.active {
  border-color: transparent;
  background: linear-gradient(135deg, var(--purple), var(--purple-3));
  color: white;
}

.today-pagination-btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.today-calls-empty {
  padding: 28px;
  border: 1px dashed #d8deea;
  border-radius: 14px;
  text-align: center;
}

@media (max-width: 900px) {
  .today-calls-table-wrap {
    overflow-x: auto;
  }

  .today-calls-table {
    min-width: 1040px;
  }

  .today-calls-pagination {
    align-items: flex-start;
    flex-direction: column;
  }
}


/* THREE-DOT ACTION MENUS — professional shared styling (Leads + Today’s Calls) */
.lead-menu-cell,
.today-actions-cell {
  overflow: visible;
}

.lead-actions-menu,
.today-call-actions-menu {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}

.lead-actions-menu > summary,
.today-call-actions-menu > summary {
  box-sizing: border-box;
  list-style: none;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 9px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  color: #64748b;
  font-family: Arial, sans-serif;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 1px;
  cursor: pointer;
  user-select: none;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.lead-actions-menu > summary::-webkit-details-marker,
.today-call-actions-menu > summary::-webkit-details-marker {
  display: none;
}

.lead-actions-menu > summary::marker,
.today-call-actions-menu > summary::marker {
  content: "";
}

.lead-actions-menu > summary:hover,
.lead-actions-menu[open] > summary,
.today-call-actions-menu > summary:hover,
.today-call-actions-menu[open] > summary {
  background: #f3f0ff;
  border-color: #ddd6fe;
  color: var(--purple, #5b3df5);
}

.lead-actions-dropdown,
.today-call-actions-dropdown {
  box-sizing: border-box;
  position: absolute;
  right: 0;
  top: calc(100% + 7px);
  z-index: 500;
  width: 168px;
  min-width: 168px;
  padding: 6px;
  display: flex;
  flex-direction: column;
  gap: 3px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  box-shadow: 0 16px 38px rgba(15, 23, 42, 0.16), 0 3px 10px rgba(15, 23, 42, 0.06);
  overflow: hidden;
}

.lead-actions-dropdown .action-menu-item,
.today-call-actions-dropdown .action-menu-item {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 10px 11px;
  border: 0;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 9px;
  background: transparent;
  color: #1e293b;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  text-align: left;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
}

.lead-actions-dropdown .action-menu-item:hover,
.today-call-actions-dropdown .action-menu-item:hover {
  background: #f5f3ff;
  color: var(--purple, #5b3df5);
}

.lead-actions-dropdown .action-menu-item-danger,
.today-call-actions-dropdown .action-menu-item-danger {
  color: #475569;
}

.lead-actions-dropdown .action-menu-item-danger:hover,
.today-call-actions-dropdown .action-menu-item-danger:hover {
  background: #fff1f2;
  color: #be123c;
}

.action-menu-icon {
  width: 17px;
  min-width: 17px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: currentColor;
  font-size: 14px;
  line-height: 1;
}

/* Prevent table wrappers from clipping the dropdowns. */
.leads-table-wrap,
.today-calls-table-wrap,
.schedule-table-wrap {
  overflow: visible;
}


/* Today’s Calls: centered Log Call / Move modal only */
body.today-call-modal-open {
  overflow: hidden;
}

#todayCallLogPanel.today-call-modal-overlay {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: rgba(15, 23, 42, 0.58);
  backdrop-filter: blur(2px);
}

#todayCallLogPanel.today-call-modal-overlay.hidden {
  display: none;
}

.today-call-modal-card {
  width: min(900px, 100%);
  max-height: calc(100vh - 48px);
  overflow-y: auto;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 18px;
  box-shadow: 0 28px 80px rgba(15, 23, 42, 0.28);
  padding: 22px;
}

.today-call-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}

#todayCallLogTitle {
  margin: 0;
  color: #312e81;
  font-size: 20px;
  line-height: 1.3;
}

.today-call-modal-close {
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: #64748b;
  font-size: 26px;
  line-height: 1;
  cursor: pointer;
}

.today-call-modal-close:hover {
  background: #f1f5f9;
  color: #0f172a;
}

.today-call-modal-summary {
  display: grid;
  grid-template-columns: 1.15fr 1fr 1fr 1fr auto;
  border: 1px solid #dbe2ea;
  border-radius: 12px;
  padding: 14px 16px;
  margin-bottom: 18px;
}

.today-call-summary-item {
  min-width: 0;
  display: flex;
  align-items: flex-start;
  gap: 9px;
  padding: 0 14px;
  border-right: 1px solid #e2e8f0;
}

.today-call-summary-item:first-child { padding-left: 0; }
.today-call-summary-item:last-child { border-right: 0; padding-right: 0; }


.today-call-summary-item span:last-child {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.today-call-summary-item small {
  color: #64748b;
  font-size: 11px;
}

.today-call-summary-item strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #0f172a;
  font-size: 13px;
}

.today-call-summary-item em {
  color: #64748b;
  font-size: 11px;
  font-style: normal;
}

.today-call-modal-age-pill {
  display: inline-flex;
  width: max-content;
  padding: 4px 9px;
  border-radius: 999px;
  background: #f1edff;
  color: var(--purple) !important;
}

.today-call-modal-form {
  display: grid;
  gap: 14px;
}

.today-call-modal-field {
  display: grid;
  gap: 7px;
}

.today-call-modal-field > span {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #334155;
  font-size: 13px;
  font-weight: 750;
}

.today-call-modal-field b {
  color: #ef4444;
}

.today-call-modal-field select,
.today-call-modal-field textarea {
  width: 100%;
  border: 1px solid #d8e0eb;
  border-radius: 10px;
  background: #ffffff;
  color: #0f172a;
  padding: 11px 13px;
  outline: none;
}

.today-call-modal-field select:focus,
.today-call-modal-field textarea:focus {
  border-color: var(--purple);
  box-shadow: 0 0 0 3px rgba(99, 62, 235, 0.12);
}

#todayCallLogPanel .today-log-textarea {
  min-height: 112px;
  margin-top: 0;
}

#todayCallLogPanel .appointment-builder-fields {
  margin: 0;
}

.today-call-modal-footer {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid #e5e7eb;
}

.today-call-modal-cancel {
  background: #ffffff;
  color: #0f172a;
  border: 1px solid #d8e0eb;
}

#todayCallLogPanel #saveTodayCallLogButton {
  background: linear-gradient(135deg, var(--purple), var(--purple-3));
}

@media (max-width: 760px) {
  #todayCallLogPanel.today-call-modal-overlay {
    align-items: flex-end;
    padding: 10px;
  }

  .today-call-modal-card {
    max-height: calc(100vh - 20px);
    border-radius: 16px;
    padding: 17px;
  }

  .today-call-modal-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .today-call-summary-item,
  .today-call-summary-item:first-child,
  .today-call-summary-item:last-child {
    padding: 0;
    border-right: 0;
  }

  .today-call-summary-age {
    grid-column: 1 / -1;
  }
}


/* Today’s Calls modal icon readability update only */
.today-call-summary-icon,
.today-call-field-icon {
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  color: var(--purple);
}

.today-call-summary-icon {
  width: 26px;
  height: 26px;
  border-radius: 8px;
  background: #f3efff;
  margin-top: 1px;
}

.today-call-field-icon {
  width: 22px;
  height: 22px;
  border-radius: 7px;
  background: #f3efff;
}

.today-call-summary-icon svg,
.today-call-field-icon svg {
  width: 15px;
  height: 15px;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.today-call-modal-field > span {
  min-height: 24px;
}

.today-call-summary-item small {
  font-weight: 650;
  letter-spacing: 0.01em;
}


/* Answered Leads merged workspace */
.answered-workspace {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 430px;
  gap: 16px;
  align-items: start;
}

.answered-main-card,
.answered-preview-card {
  min-width: 0;
}

.answered-toolbar-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--border-color, #e3e8f2);
}

.answered-view-tabs {
  display: flex;
  align-items: center;
  gap: 8px;
}

.answered-view-tab {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  padding: 0 15px;
  border: 1px solid transparent;
  border-radius: 10px;
  background: transparent;
  color: #596579;
  font-weight: 700;
  cursor: pointer;
}

.answered-view-tab svg { width: 17px; height: 17px; }
.answered-view-tab:hover { background: #f6f3ff; color: #5b35f5; }
.answered-view-tab.active {
  color: #5b35f5;
  background: #f2edff;
  border-color: #d8ccff;
  box-shadow: inset 0 -2px 0 #6437f5;
}

.answered-toolbar-actions { display: flex; align-items: center; gap: 10px; }
.answered-date-control {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  padding: 0 10px;
  border: 1px solid #d9e0ec;
  border-radius: 10px;
  background: #fff;
  color: #4b5870;
  font-size: 13px;
  font-weight: 700;
}
.answered-date-control svg { width: 16px; height: 16px; color: #6a3df4; }
.answered-date-control input { border: 0; outline: 0; background: transparent; color: #17223b; font: inherit; }

.answered-search-row { padding: 14px 0 4px; }
.answered-search-wrap { position: relative; }
.answered-search-wrap > svg {
  position: absolute; left: 14px; top: 50%; transform: translateY(-50%);
  width: 17px; height: 17px; color: #7d889b; pointer-events: none;
}
.answered-search-wrap .search-input { padding-left: 42px; margin: 0; }

.answered-list-heading {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 12px 2px;
}
.answered-list-heading h3 { margin: 0; font-size: 18px; }
.answered-list-heading h3 span,
.answered-list-heading > span { color: #718096; font-size: 13px; font-weight: 700; }

.answered-table-block { margin-top: 8px; }
.answered-table { table-layout: fixed; }
.answered-table th:nth-child(1) { width: 105px; }
.answered-table th:nth-child(2) { width: 145px; }
.answered-table th:nth-child(3) { width: 100px; }
.answered-table th:nth-child(4) { width: 115px; }
.answered-table th:nth-child(5) { width: 80px; }
.answered-table th:nth-child(6) { width: 145px; }
.answered-table th:nth-child(8) { width: 125px; }
.answered-table td { vertical-align: middle; }
.answered-row { cursor: pointer; transition: background .15s ease, box-shadow .15s ease; }

.answered-row.selected { background: #f5f1ff; box-shadow: inset 3px 0 0 #6437f5; }
.answered-lead-name { border: 0; padding: 0; background: none; color: #5b35f5; font-weight: 700; cursor: pointer; text-align: left; }
.answered-next-action { font-weight: 600; color: #25324a; }
.answered-note-preview { max-width: 260px; color: #4f5d72; line-height: 1.4; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }


.answered-preview-card {
  position: sticky;
  top: 16px;
  padding: 16px;
  min-height: 0;
  max-height: calc(100vh - 150px);
  overflow: hidden;
}
.answered-preview-empty {
  min-height: 390px; display: flex; flex-direction: column; align-items: center; justify-content: center;
  text-align: center; padding: 28px; color: #6d788b;
}
.answered-preview-empty-icon {
  display: grid; place-items: center; width: 48px; height: 48px; border-radius: 14px;
  background: #f1ebff; color: #6437f5; margin-bottom: 14px;
}
.answered-preview-empty-icon svg { width: 22px; height: 22px; }
.answered-preview-empty h3 { margin: 0 0 6px; color: #17223b; }
.answered-preview-empty p { max-width: 260px; margin: 0; line-height: 1.5; }

.answered-preview-header { padding-bottom: 16px; border-bottom: 1px solid #e5e9f1; }
.answered-preview-identity { display: flex; gap: 12px; align-items: center; }
.answered-preview-avatar { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: linear-gradient(135deg,#7147f7,#5428e8); color: #fff; font-weight: 900; }
.answered-preview-name-row { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.answered-preview-name-row h3 { margin: 0; font-size: 18px; }
.answered-preview-identity p { display: flex; align-items: center; gap: 5px; margin: 5px 0 0; color: #6d788b; font-size: 13px; }
.answered-preview-identity p svg { width: 14px; height: 14px; }

.answered-preview-overview { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 12px 0; }
.answered-preview-stat { display: flex; gap: 9px; align-items: center; padding: 12px; border: 1px solid #e5e9f1; border-radius: 12px; background: #fbfcff; }
.answered-preview-stat-icon { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 10px; background: #f0ebff; color: #6437f5; flex: 0 0 auto; }
.answered-preview-stat-icon svg { width: 16px; height: 16px; }
.answered-preview-stat small { display: block; color: #748096; font-size: 11px; }
.answered-preview-stat strong { display: block; margin-top: 2px; color: #19243b; font-size: 13px; }

.answered-preview-section { margin-top: 2px; padding: 11px 0; border-top: 1px solid #e7ebf2; }
.answered-preview-section-title { display: flex; align-items: center; gap: 7px; margin-bottom: 10px; color: #27334a; font-weight: 800; }
.answered-preview-section-title svg { width: 16px; height: 16px; color: #6437f5; }
.answered-preview-note { padding: 12px; border: 1px solid #e3e7ef; border-radius: 11px; background: #fbfcff; }
.answered-preview-note strong { display: block; color: #202b42; }
.answered-preview-note p { margin: 7px 0; color: #4f5d72; line-height: 1.45; display: -webkit-box; line-clamp: 5; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; }
.answered-preview-note small { color: #7a8598; }
.answered-preview-details { display: grid;
 margin: 0; }
.answered-preview-details div { display: grid;
 gap: 10px; }
.answered-preview-details dt { color: #778296; }
.answered-preview-details dd { margin: 0; color: #253149; font-weight: 700; }
.answered-preview-open-btn { display: flex; align-items: center; justify-content: space-between; width: 100%;
 padding: 12px 13px; border: 1px solid #ded5ff; border-radius: 11px; background: #f8f5ff; color: #5b35f5; font-weight: 800; cursor: pointer; }
.answered-preview-open-btn:hover { background: #efe8ff; }
.answered-preview-open-btn svg { width: 17px; height: 17px; }
.answered-empty-state { display: grid; place-items: center; gap: 8px; min-height: 240px; color: #778296; text-align: center; }
.answered-empty-state svg { width: 28px; height: 28px; color: #8d72f6; }

@media (max-width: 1200px) {
  .answered-workspace { grid-template-columns: 1fr; }
  .answered-preview-card { position: static; min-height: 0; }
  .answered-preview-empty { min-height: 220px; }
}
@media (max-width: 760px) {
  .answered-toolbar-top { align-items: stretch; flex-direction: column; }
  .answered-toolbar-actions { flex-wrap: wrap; }
  .answered-view-tabs { width: 100%; }
  .answered-view-tab { flex: 1; justify-content: center; }
}


/* Answered Leads final readability refinements */
.answered-preview-card > #answeredLeadPreviewContent { max-height: 100%; overflow: hidden; }
.answered-preview-details { gap: 6px; }
.answered-preview-details div { grid-template-columns: 112px minmax(0,1fr); }
.answered-preview-details dd { overflow-wrap: anywhere; }
.answered-preview-note { min-height: 0; }
.answered-preview-open-btn { margin-top: 8px; }
@media (max-height: 820px) and (min-width: 1201px) {
  .answered-preview-card { top: 8px; max-height: calc(100vh - 80px); }
  .answered-preview-header { padding-bottom: 10px; }
  .answered-preview-overview { padding: 9px 0; }
  .answered-preview-stat { padding: 9px; }
  .answered-preview-section { padding: 8px 0; }
  .answered-preview-note { padding: 10px; }
}


/* Answered Leads: closable preview panel */
.answered-workspace.preview-closed { grid-template-columns: minmax(0, 1fr); }
.answered-preview-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.answered-preview-close {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #d8deea;
  border-radius: 12px;
  background: #f8f9fc;
  color: #4f5d73;
  cursor: pointer;

  transition: background .16s ease, border-color .16s ease, color .16s ease, transform .16s ease;
}
.answered-preview-close:hover {
  background: #f2efff;
  border-color: #bfb2ff;
  color: #5b35f5;
  transform: translateY(-1px);
}
.answered-preview-close:focus-visible {
  outline: 3px solid rgba(91, 53, 245, .18);
  outline-offset: 2px;
}
.answered-preview-close svg { width: 24px; height: 24px; stroke-width: 2.6; }
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}


/* Answered Leads table refinements */
.answered-workspace.preview-closed .answered-table th:nth-child(1) { width: 105px; }
.answered-workspace.preview-closed .answered-table th:nth-child(2) { width: 145px; }
.answered-workspace.preview-closed .answered-table th:nth-child(3) { width: 100px; }
.answered-workspace.preview-closed .answered-table th:nth-child(4) { width: 115px; }
.answered-workspace.preview-closed .answered-table th:nth-child(5) { width: 72px; }
.answered-workspace.preview-closed .answered-table th:nth-child(6) { width: 145px; }
.answered-workspace.preview-closed .answered-table th:nth-child(8) { width: 105px; }
.answered-workspace.preview-closed .answered-note-preview {
  max-width: none;
  white-space: normal;
  display: -webkit-box;
  line-clamp: 2;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.answered-row:hover { background: #f7f4ff; }
.answered-row:not(.selected):hover { box-shadow: inset 3px 0 0 rgba(100, 55, 245, .35); }
.answered-workspace.preview-closed .answered-row.selected {
  background: transparent;
  box-shadow: none;
}


/* Answered Leads: requested action-menu and close-button refinements only */
.answered-preview-header { padding-top: 4px; }
.answered-preview-close { margin-top: 1px; box-shadow: 0 0 0 1px rgba(91, 53, 245, .04), 0 2px 5px rgba(15, 23, 42, .07); }
.answered-preview-close:hover { box-shadow: 0 0 0 3px rgba(91, 53, 245, .10), 0 4px 10px rgba(91, 53, 245, .10); }

.answered-actions-cell { position: relative; overflow: visible; text-align: center; }
.answered-actions-menu { position: relative; display: inline-block; }
.answered-actions-menu > summary { list-style: none; }
.answered-actions-menu > summary::-webkit-details-marker { display: none; }
.answered-actions-menu .lead-actions-dropdown { right: 0; left: auto; }
.answered-table th:nth-child(8),
.answered-workspace.preview-closed .answered-table th:nth-child(8) { width: 64px; }
.answered-table .schedule-table-wrap,
.answered-table-block .schedule-table-wrap { overflow: visible; }

/* Answered Leads: keep the last-row action menu fully visible */
.answered-table tbody tr:last-child .answered-actions-dropdown {
  top: auto;
  bottom: calc(100% + 7px);
}

/* Answered Leads: keep action menus anchored consistently in both views */
.answered-actions-menu .answered-actions-dropdown,
.answered-table tbody tr:last-child .answered-actions-dropdown {
  top: calc(100% + 7px);
  right: 0;
  bottom: auto;
  left: auto;
}

/* Create space below a short Answered by Date table while its menu is open. */


/* Answered Leads action menu clipping fix
   The shared schedule table uses overflow:hidden, which clips menus in short date-result tables. */
.answered-table-block,
.answered-table-block .schedule-table-wrap,
.answered-table-block .answered-table,
.answered-table-block .answered-table tbody,
.answered-table-block .answered-table tr,
.answered-table-block .answered-actions-cell,
.answered-table-block .answered-actions-menu {
  overflow: visible;
}

.answered-table-block .answered-actions-menu[open] {
  z-index: 1200;
}

.answered-table-block .answered-actions-menu[open] .answered-actions-dropdown {
  display: flex;
  top: calc(100% + 7px);
  right: 0;
  bottom: auto;
  left: auto;
  z-index: 1300;
}

.answered-table-block .answered-row:has(.answered-actions-menu[open]) {
  position: relative;
  z-index: 1100;
}

/* No artificial blank space is needed once the dropdown is allowed to escape the table. */
.answered-table-block:has(.answered-actions-menu[open]),
.answered-list-card:has(.answered-actions-menu[open]) {
  padding-bottom: 14px;
}

/* Unanswered page — aligned with the current LeadFlow table theme */
#unansweredPage .content-card { overflow: visible; }
#unansweredPage .card-header { margin-bottom: 16px; }
#unansweredPage .search-input { margin-bottom: 16px; }
#unansweredPage .unanswered-filters { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 18px; }
#unansweredPage .unanswered-filters button {
  min-height: 38px;
  padding: 0 16px;
  border: 1px solid #dfe4ef;
  border-radius: 11px;
  background: #f3f5f8;
  color: #111827;
  font-weight: 700;
}
#unansweredPage .unanswered-filters button.active-tab {
  border-color: #633bff;
  background: linear-gradient(135deg, #7148ff, #5530ed);
  color: #fff;
  box-shadow: 0 6px 14px rgba(92, 53, 238, .18);
}
.unanswered-table-block {
  position: relative;
  overflow: visible;
  padding: 16px;
  border: 1px solid #dde3ee;
  border-radius: 18px;
  background: #fff;
}
.unanswered-table-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 0 4px 12px; }
.unanswered-table-heading h3 { margin: 0; font-size: 20px; }
.unanswered-table-heading h3 span,
.unanswered-table-heading > span { color: #667085; font-size: 14px; font-weight: 600; }
.unanswered-table-wrap { overflow: visible; border: 1px solid #e2e7ef; border-radius: 14px; }
.unanswered-table { overflow: visible; border-collapse: separate; border-spacing: 0; }
.unanswered-table thead th { height: 52px; background: #f7f8fb; color: #172033; font-weight: 700; }
.unanswered-table tbody td { height: 58px; vertical-align: middle; border-top: 1px solid #e5e9f0; }
.unanswered-table tbody tr { transition: background-color .16s ease; }
.unanswered-table tbody tr:hover { background: #faf8ff; }
.unanswered-check-cell { width: 46px; text-align: center; }
.unanswered-check-cell input { width: 17px; height: 17px; accent-color: #633bff; }
.unanswered-lead-link { padding: 0; border: 0; background: transparent; color: #5633f4; font: inherit; font-weight: 700; cursor: pointer; text-align: left; }
.unanswered-lead-link:hover { text-decoration: underline; }
.unanswered-actions-heading,
.unanswered-actions-cell { width: 84px; text-align: center; }
.unanswered-actions-cell { position: relative; overflow: visible; }
.unanswered-actions-menu { position: relative; display: inline-block; }
.unanswered-actions-menu > summary { list-style: none; }
.unanswered-actions-menu > summary::-webkit-details-marker { display: none; }
.unanswered-kebab-btn {
  display: inline-grid;
  place-items: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 10px;
  background: #f5f2ff;
  color: #633bff;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}
.unanswered-kebab-btn:hover,
.unanswered-actions-menu[open] .unanswered-kebab-btn { border-color: #cfc2ff; background: #eee9ff; }
.unanswered-actions-dropdown { right: 0; left: auto; top: calc(100% + 7px); z-index: 80; min-width: 170px; }
.unanswered-row:last-child .unanswered-actions-dropdown { top: auto; bottom: calc(100% + 7px); }
.unanswered-table-block:has(.unanswered-actions-menu[open]),
.unanswered-table-wrap:has(.unanswered-actions-menu[open]) { overflow: visible; z-index: 20; }
.unanswered-pagination { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 16px; padding: 14px 4px 0; color: #475467; font-size: 14px; }
.unanswered-pagination label { display: flex; align-items: center; gap: 9px; }
.unanswered-pagination select { min-width: 68px; height: 38px; border: 1px solid #dce2ec; border-radius: 10px; background: #fff; padding: 0 10px; }
.unanswered-page-buttons { justify-self: end; display: flex; gap: 7px; }
.unanswered-page-buttons button { min-width: 38px; height: 38px; border: 1px solid #dce2ec; border-radius: 10px; background: #fff; color: #172033; font-weight: 700; }
.unanswered-page-buttons button.active { border-color: #633bff; background: #633bff; color: #fff; }
.unanswered-page-buttons button:disabled { opacity: .45; cursor: not-allowed; }
.unanswered-empty-state { min-height: 220px; display: grid; place-content: center; justify-items: center; gap: 10px; color: #667085; }
.unanswered-empty-icon { color: #7c5cff; font-size: 34px; }
@media (max-width: 900px) {
  .unanswered-pagination { grid-template-columns: 1fr; }
  .unanswered-page-buttons { justify-self: start; }
}


/* Schedule page: LeadFlow theme update only */
.schedule-menu-icon { font-size: 0; }
.schedule-menu-icon svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
@media (max-width: 900px) {
}



/* One consistent arrow for the call count and result selectors. */
.intake-single-arrow-select {
  display: block;
  position: relative;
  min-width: 0;
}
.intake-single-arrow-select::after {
  content: "";
  position: absolute;
  top: calc(50% - 3px);
  right: 15px;
  width: 7px;
  height: 7px;
  border-right: 1.8px solid currentColor;
  border-bottom: 1.8px solid currentColor;
  transform: translateY(-50%) rotate(45deg);
  opacity: .7;
  pointer-events: none;
}
/* More specific than the later light/dark/gold icon backgrounds. */
.intake-calls-made-field { min-width: 0; }
.intake-calls-made-field > label { font-weight: 700; }
.intake-call-count-picker {
  position: relative;
  min-width: 0;
}
.intake-call-count-picker #newLeadCallsMadeToggle {
  width: 100%;
  height: 38px;
  cursor: pointer;
  padding-right: 36px;
  text-align: left;
  caret-color: transparent;
  font-weight: 400;
}
.intake-call-count-picker #newLeadCallsMadeToggle::placeholder {
  opacity: 1;
}
.intake-call-count-list {
  position: absolute;
  z-index: 100;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  height: auto;
  max-height: 204px; /* Exactly six 34px numeric options: 0 through 5. */
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 0;
  border: 1px solid #d8dee8;
  border-radius: 11px;
  background: #fff;
  box-shadow: 0 12px 26px rgba(15,23,42,.16);
  color: #0f172a;
}
.intake-call-count-option {
  display: flex;
  align-items: center;
  flex: none;
  height: 34px;
  box-sizing: border-box;
  padding: 0 12px;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.2;
  cursor: pointer;
  user-select: none;
}
.intake-call-count-option:hover,
.intake-call-count-option.is-active {
  background: #e8eef6;
}
.intake-call-count-option.is-selected {
  background: #dfeafb;
  color: #123f69;
  font-weight: 700;
}


/* New Lead Intake: identical click-only calendar/time controls in every browser.
 * The complete field opens the custom picker; native Safari/Chrome controls
 * are not used. All four values still live in their original hidden inputs. */
.compact-schedule-fields .intake-picker-trigger {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  min-width: 0;
  min-height: 44px;
  padding: 10px 12px;
  background: #fff;
  border: 1px solid #94a3b8;
  border-radius: 11px;
  font: inherit;
  font-size: 13px;
  font-weight: 650;
  color: #172b47;
  cursor: pointer;
  text-align: left;
}
.compact-schedule-fields .intake-picker-trigger:hover { border-color: #486e9e; background: #f8fbff; }
.compact-schedule-fields .intake-picker-trigger:focus-visible {
  outline: 2px solid #536fac;
  outline-offset: 2px;
}
.compact-schedule-fields .intake-picker-trigger.intake-picker-empty { color: #64748b; }
.intake-picker-value { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.intake-picker-icon {
  display: inline-block;
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px 18px;
}
.intake-picker-icon-date { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%231c4368' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M16 3v4M8 3v4M3 10h18'/%3E%3C/svg%3E"); }
.intake-picker-icon-time { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%231c4368' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l4 2'/%3E%3C/svg%3E"); }
.intake-datetime-popover {
  box-sizing: border-box;
  position: fixed;
  z-index: 15000;
  overflow: auto;
  padding: 10px;
  border: 1px solid #cfdae8;
  border-radius: 15px;
  background: #fff;
  color: #152943;
  box-shadow: 0 14px 36px rgba(8, 30, 54, .19);
  font-family: inherit;
  font-size: 13px;
}
.intake-calendar-head {
  display: grid;
  grid-template-columns: 32px minmax(0,1fr) 32px;
  align-items: center;
  gap: 8px;
  margin-bottom: 9px;
  font-weight: 800;
}
.intake-calendar-head strong {
  min-width: 0;
  text-align: center;
  font-size: 14px;
  font-weight: 850;
}
.intake-calendar-nav {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  padding: 0; /* Override global button padding, which squeezed the arrow down. */
  border: 1px solid #e0e7f0;
  border-radius: 9px;
  background: #f6f8fb;
  color: #1c4368;
  line-height: 1;
  cursor: pointer;
}
.intake-calendar-nav svg {
  display: block;
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  pointer-events: none;
}
.intake-calendar-nav:hover { transform: none; }
.intake-calendar-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 3px;
  text-align: center;
}
.intake-calendar-weekday {
  padding: 5px 0;
  font-size: 11px;
  color: #64748b;
  font-weight: 850;
}
.intake-calendar-day {
  display: grid;
  place-items: center;
  width: 100%;
  min-height: 34px;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: inherit;
  font-size: 12px;
  cursor: pointer;
}
.intake-calendar-day:hover,.intake-time-option:hover,.intake-calendar-nav:hover { background: #eaf0f8; }
.intake-calendar-day:disabled { opacity: .35; cursor: not-allowed; background: transparent; }
.intake-calendar-day.is-today { border-color: #c4ad7d; }
.intake-calendar-day.is-selected,.intake-time-option.is-selected,
.intake-calendar-day.is-selected:hover,.intake-time-option.is-selected:hover {
  background: #173b5c;
  color: white;
}
.intake-calendar-day:focus-visible,.intake-time-option:focus-visible,
.intake-calendar-nav:focus-visible { outline: 2px solid #6a70c8; outline-offset: -2px; }
.intake-time-heading {
  padding: 7px 9px 11px;
  border-bottom: 1px solid #e8edf4;
  font-weight: 850;
}
/* Three independent, click-only wheels: hour, minute, and AM/PM. */
.intake-time-columns {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 6px;
  padding-top: 7px;
}
.intake-time-column-wrap { min-width: 0; }
.intake-time-column-label {
  padding: 0 3px 6px;
  font-size: 10px;
  font-weight: 800;
  text-align: center;
  color: #657a96;
}
.intake-time-column {
  box-sizing: border-box;
  height: 203px;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #b5c5da transparent;
}
.intake-time-option {
  display: grid;
  place-items: center;
  box-sizing: border-box;
  width: 100%;
  min-height: 35px;
  margin-bottom: 3px;
  padding: 6px 2px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: inherit;
  font: inherit;
  font-weight: 700;
  text-align: center;
  cursor: pointer;
}
.intake-time-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: 8px;
  padding-top: 9px;
  border-top: 1px solid #e8edf4;
}
.intake-time-preview { font-weight: 800; color: #1c4368; }
.intake-time-done {
  min-height: 33px;
  padding: 7px 13px;
  border: 0;
  border-radius: 9px;
  background: #173b5c;
  color: white;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}
.intake-time-done:hover { background: #27577e; }
.intake-time-done:focus-visible { outline: 2px solid #6a70c8; outline-offset: 2px; }
@media (max-width: 520px) {
  .compact-schedule-fields .intake-picker-trigger { min-height: 46px; }
  .intake-datetime-popover { border-radius: 12px; }
}
/* Dashboard analytics redesign */
.dashboard-analytics-grid { display: grid;
 gap: 16px; align-items: stretch; }
.dashboard-card { background: #fff; border: 1px solid #e2e8f2; border-radius: 18px; box-shadow: 0 12px 30px rgba(31, 46, 80, .07); }
.dashboard-panel-accent-purple { border-top: 4px solid #6943f5; }
.dashboard-panel-accent-green { border-top: 4px solid #22b85a; }
.dashboard-card-header { padding: 18px 18px 10px; gap: 14px; }
.dashboard-card-header h2 { margin: 0 0 4px; font-size: 22px; color: #111b35; }
.dashboard-card-header p { margin: 0; color: #64718a; font-size: 13px; }
.dashboard-performance-header { align-items: flex-start; }
.dashboard-range-controls { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; }
.performance-tabs { display: inline-flex; padding: 4px; border: 1px solid #dde3ed; border-radius: 12px; background: #f8f9fc; }
.performance-tab { border: 0; background: transparent; color: #5a6478; min-height: 34px; padding: 0 15px; border-radius: 9px; font-weight: 700; cursor: pointer; }
.performance-tab.active-tab { color: #fff; background: linear-gradient(135deg, #7047f7, #5835eb); box-shadow: 0 5px 13px rgba(96, 59, 238, .28); }


.performance-stat-strip { display: grid; grid-template-columns: repeat(4, 1fr); margin: 0 18px; border: 1px solid #e1e6ef; border-radius: 13px; overflow: hidden; }
.performance-stat { padding: 14px 14px 12px; border-right: 1px solid #e6eaf1; min-width: 0; }
.performance-stat:last-child { border-right: 0; }
.performance-stat span { display: block; color: #64718a; font-size: 12px; }
.performance-stat strong { display: block; margin: 5px 0 3px; color: #5e3ef2; font-size: 23px; }
.performance-stat:nth-child(2) strong { color: #1974e8; }
.performance-stat:nth-child(3) strong { color: #13a653; }
.performance-stat:nth-child(4) strong { color: #f0821d; }
.performance-stat small { display: block; color: #1ba55a; font-size: 11px; line-height: 1.35; }
.performance-stat small.negative { color: #e23b3b; }
.performance-chart-wrap { margin: 14px 18px 12px; border: 1px solid #e2e7ef; border-radius: 14px; padding: 14px; }
.performance-chart-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 8px; }
.performance-chart-head strong { display: block; color: #1c2741; font-size: 14px; }
.performance-chart-head > div > span { color: #7b869b; font-size: 11px; }
.performance-chart-legend { display: flex; flex-wrap: wrap; gap: 12px; color: #637087; font-size: 11px; }
.performance-chart-legend span { display: inline-flex; align-items: center; gap: 5px; }
.legend-dot { width: 8px; height: 8px; border-radius: 50%; display: inline-block; }
.calls-dot { background: #6c43f5; }.answered-line-dot { background: #2077e9; }.sold-line-dot { background: #15a95a; }

.performance-trend-chart { min-height: 210px; }
.performance-trend-chart svg { display: block; width: 100%; height: 210px; overflow: visible; }
.trend-grid-line { stroke: #e7ebf2; stroke-width: 1; }.trend-axis-text { fill: #7b879a; font-size: 9px; }
.trend-line { fill: none; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.trend-calls { stroke: #6c43f5; }.trend-answered { stroke: #2077e9; }.trend-sold { stroke: #15a95a; }
.performance-count-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin: 0 18px 18px; }
.performance-count-row div { border: 1px solid #e2e7ef; border-radius: 12px; padding: 10px 12px; }
.performance-count-row span { display: block; color: #758096; font-size: 10px; text-transform: uppercase; letter-spacing: .08em; }
.performance-count-row strong { color: #14203a; font-size: 19px; }
.dashboard-title-icon { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; }
.dashboard-title-icon svg { width: 18px; height: 18px; stroke-width: 2; }
.dashboard-title-icon-green { color: #20aa56; background: #e8f8ee; }
.money-main-modern {
  margin: 0 16px 12px;
  min-height: 126px;
  border: 1px solid #bdebc9;
  border-radius: 16px;
  background: linear-gradient(135deg, #effcf3, #e8f9ee);
  padding: 22px;
}
.money-main-modern span {
  color: #168044;
  font-weight: 700;
}
.money-main-modern strong {
  display: block;
  margin: 8px 0 4px;
  color: #132039;
  font-size: 38px;
}
.money-main-modern small {
  color: #188b4a;
}
.money-grid-modern {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  padding: 0 16px 12px;
}
.money-grid-modern > div {
  border: 1px solid #e1e6ef;
  border-radius: 13px;
  padding: 14px;
}
.money-grid-modern span {
  display: block;
  color: #718099;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .06em;
}
.money-grid-modern strong {
  color: #14203a;
  font-size: 20px;
}
.money-ap-chart-card {
  margin: 0 16px 16px;
  border: 1px solid #dfe7e3;
  border-radius: 14px;
  background: linear-gradient(180deg, #ffffff, #fbfefc);
  padding: 12px;
}
.money-ap-chart-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 4px;
}
.money-ap-chart-head strong {
  display: block;
  color: #1c2741;
  font-size: 13px;
}
.money-ap-chart-head > div > span {
  color: #7b869b;
  font-size: 10px;
}
.money-ap-chart-total {
  flex: 0 0 auto;
  border-radius: 999px;
  background: #e8f8ee;
  color: #168044;
  padding: 5px 8px;
  font-size: 10px;
  font-weight: 800;
}
.money-ap-chart {
  min-height: 150px;
  overflow: hidden;
  cursor: grab;
  user-select: none;
  touch-action: none;
}
.money-ap-chart.is-dragging {
  cursor: grabbing;
}
.money-ap-zoom-hint {
  display: block;
  margin-top: 1px;
  color: #9aa3b4;
  font-size: 9px;
  font-weight: 600;
}
.money-ap-chart svg {
  display: block;
  width: 100%;
  height: 150px;
}
.money-ap-grid {
  stroke: #e7eee9;
  stroke-width: 1;
}
.money-ap-axis {
  fill: #7b879a;
  font-size: 8.5px;
}
.money-ap-area {
  fill: url(#moneyApAreaGradient);
}
.money-ap-line {
  fill: none;
  stroke: #21b75a;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}
.money-ap-point {
  fill: #21b75a;
  stroke: #ffffff;
  stroke-width: 1.5;
  vector-effect: non-scaling-stroke;
}
.money-ap-empty {
  fill: #8a96a8;
  font-size: 10px;
  font-weight: 700;
}


.dashboard-insights-card { margin-top: 16px; display: grid; grid-template-columns: auto 1fr auto; gap: 18px; align-items: center; border: 1px solid #d8cffa; border-radius: 18px; background: linear-gradient(90deg, #fff, #fbf9ff); padding: 18px 22px; overflow: hidden; }
.dashboard-insights-icon { width: 62px; height: 62px; border-radius: 50%; display: grid; place-items: center; color: #fff; background: linear-gradient(135deg, #8a5cff, #5734e9); }.dashboard-insights-icon svg { width: 30px; height: 30px; }
.dashboard-insights-copy h2 { margin: 0 0 5px; color: #16213a; }.dashboard-insights-text strong { display: block; color: #26314a; }.dashboard-insights-text p { margin: 3px 0 0; color: #6f7b91; }
.dashboard-insights-art { display: flex; align-items: flex-end; gap: 8px; color: #6a43f1; padding-right: 16px; }.dashboard-insights-art > svg { width: 68px; height: 68px; }.dashboard-insights-art span { width: 16px; border-radius: 4px 4px 0 0; background: #cbbcff; }.dashboard-insights-art span:nth-of-type(1){height:22px}.dashboard-insights-art span:nth-of-type(2){height:38px}.dashboard-insights-art span:nth-of-type(3){height:31px}.dashboard-insights-art span:nth-of-type(4){height:51px}.dashboard-insights-art span:nth-of-type(5){height:68px}
@media (max-width: 1380px) { .dashboard-analytics-grid { grid-template-columns: minmax(0, 1.45fr) minmax(280px, .9fr); }
 }
@media (max-width: 1050px) { .dashboard-analytics-grid { grid-template-columns: 1fr; }
.dashboard-performance-header { flex-direction: column; }.dashboard-range-controls { align-items: stretch; }
.performance-tabs { align-self: flex-start; } }
@media (max-width: 700px) { .performance-stat-strip,.performance-count-row { grid-template-columns: repeat(2, 1fr); }.performance-stat:nth-child(2) { border-right: 0; }.performance-stat:nth-child(-n+2) { border-bottom: 1px solid #e6eaf1; }
.dashboard-insights-art { display: none; }.dashboard-insights-card { grid-template-columns: auto 1fr; }.performance-chart-legend { display: none; } }

/* Dashboard interval and simplified layout */
.dashboard-analytics-grid { grid-template-columns: minmax(0, 1.65fr) minmax(320px, 0.85fr); }
.dashboard-analytics-grid .performance-card { min-width: 0; }
.dashboard-analytics-grid .money-card { min-width: 0; }
@media (max-width: 1100px) { .dashboard-analytics-grid { grid-template-columns: 1fr; } }


/* Dashboard reference-layout and interactive trend refinement */
@media (max-width: 1100px) {
}


/* Monthly AP goal */

body.monthly-goal-modal-open {
  overflow: hidden;
}

.monthly-goal-modal {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgba(2, 6, 23, 0.72);
  backdrop-filter: blur(8px);
}

.monthly-goal-dialog {
  position: relative;
  width: min(430px, 100%);
  padding: 28px;
  border: 1px solid #ddd6fe;
  border-radius: 22px;
  background:
    radial-gradient(circle at top right, rgba(109, 53, 245, 0.1), transparent 35%),
    #ffffff;
  box-shadow: 0 28px 90px rgba(15, 23, 42, 0.28);
}

.monthly-goal-modal-close {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 34px;
  height: 34px;
  padding: 0;
  display: grid;
  place-items: center;
  color: #64748b;
  background: #f1f5f9;
}

.monthly-goal-modal-close [data-lucide] {
  width: 17px;
  height: 17px;
}

.monthly-goal-dialog-icon {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  margin-bottom: 15px;
  border-radius: 15px;
  color: #ffffff;
  background: linear-gradient(135deg, #f43f5e, #e11d48);
  box-shadow: 0 12px 24px rgba(225, 29, 72, 0.24);
}

.monthly-goal-dialog-icon [data-lucide] {
  width: 23px;
  height: 23px;
}

.monthly-goal-dialog h2 {
  margin: 0 0 7px;
  color: #0f172a;
  font-size: 24px;
}

.monthly-goal-dialog > p {
  margin: 0 0 20px;
  color: #64748b;
  line-height: 1.45;
}

.monthly-goal-input-label {
  display: grid;
  gap: 7px;
  color: #334155;
  font-size: 12px;
  font-weight: 850;
}

.monthly-goal-input-wrap {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 8px;
  padding: 0 13px;
  border: 1px solid #d8dee8;
  border-radius: 12px;
  background: #ffffff;
}

.monthly-goal-input-wrap > span {
  color: #6d35f5;
  font-size: 20px;
  font-weight: 900;
}

.monthly-goal-input-wrap input {
  width: 100%;
  min-height: 48px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #0f172a;
  font-size: 22px;
  font-weight: 850;
}

.monthly-goal-error {
  min-height: 18px;
  margin: 8px 0 0;
  color: #dc2626;
  font-size: 12px;
  font-weight: 750;
}

.monthly-goal-modal-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 12px;
}

@media (max-width: 760px) {
}


/* Dashboard graph refinement: Calls, Answered, and Sold only */


/* Leaderboard */
body.leaderboard-page-active #todayDashboard { display:none; }


.leaderboard-page-header { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; margin-bottom:18px; }
.leaderboard-page-title { display:flex; align-items:flex-start; gap:14px; }
.leaderboard-page-icon { width:54px; height:54px; display:grid; place-items:center; border-radius:16px; color:#6d35f5; background:#f1ebff; box-shadow:inset 0 0 0 1px rgba(109,53,245,.08); }
.leaderboard-page-icon svg { width:28px; height:28px; stroke-width:2.1; }
.leaderboard-page-title h1 { margin:0; font-size:30px; line-height:1.1; color:#081225; }
.leaderboard-page-title p { margin:8px 0 0; color:#64748b; font-size:15px; }

.leaderboard-hero-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:16px; align-items:start; margin-bottom:16px; }
.leaderboard-summary-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:14px; min-width:0; }
.leaderboard-summary-card { position:relative; display:flex; align-items:center; gap:13px; min-height:108px; padding:17px 18px; background:#fff; border:1px solid #e2e7ef; border-radius:15px; box-shadow:0 7px 22px rgba(25,36,66,.045); overflow:hidden; }
.leaderboard-summary-copy { min-width:0; display:grid; gap:2px; }
.leaderboard-summary-copy small { color:#5f6c84; font-size:12px; }
.leaderboard-summary-copy strong { color:#0b1731; font-size:23px; line-height:1.1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.leaderboard-summary-delta { font-size:12px; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.leaderboard-summary-delta.positive { color:#16a34a; }
.leaderboard-summary-delta.negative { color:#dc2626; }
.leaderboard-summary-delta.neutral { color:#64748b; }
.leaderboard-summary-icon { width:42px; height:42px; flex:0 0 42px; display:grid; place-items:center; border-radius:14px; }
.leaderboard-summary-icon svg { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:2; }
.leaderboard-summary-icon.purple { color:#6738f5; background:#f0eaff; }
.leaderboard-summary-icon.blue { color:#1769e8; background:#e9f2ff; }
.leaderboard-summary-icon.green { color:#0da85b; background:#e6f8ed; }
.leaderboard-summary-icon.orange { color:#ef7b16; background:#fff0df; }
.leaderboard-mini-bars { position:absolute; right:14px; bottom:13px; width:15px; height:18px; opacity:.7; background:linear-gradient(to top,#6a42ef 0 100%) left bottom/3px 6px no-repeat,linear-gradient(to top,#6a42ef 0 100%) center bottom/3px 11px no-repeat,linear-gradient(to top,#6a42ef 0 100%) right bottom/3px 18px no-repeat; }

.leaderboard-period-control { display:flex; align-items:center; gap:8px; padding-top:4px; white-space:nowrap; }
.leaderboard-period-control > label { color:#56647c; font-size:12px; font-weight:700; }
.leaderboard-period-select-wrap { position:relative; min-width:126px; }
.leaderboard-period-select-wrap select { width:100%; height:42px; appearance:none; border:1px solid #a98cff; border-radius:12px; background:#fff; color:#4522b5; font-weight:800; padding:0 38px 0 14px; outline:none; cursor:pointer; box-shadow:0 2px 8px rgba(99,56,237,.08); }
.leaderboard-period-select-wrap svg { position:absolute; right:12px; top:50%; width:16px; height:16px; transform:translateY(-50%); pointer-events:none; color:#5e36df; }
.leaderboard-date-wrap { display:flex; align-items:center; gap:7px; height:42px; padding:0 11px; border:1px solid #d8dfeb; border-radius:12px; background:#fff; }
.leaderboard-date-wrap svg { width:16px; height:16px; color:#6738f5; }
.leaderboard-date-wrap input { border:0; background:transparent; color:#17233d; font-weight:700; outline:none; padding:0; }

.leaderboard-podium-stage { position:relative; margin-bottom:16px; padding:22px 26px 10px; background:#fff; border:1px solid #e2e7ef; border-radius:16px;
 box-shadow:0 8px 24px rgba(25,36,66,.045); }
.leaderboard-celebration { position:absolute; inset:0; pointer-events:none; overflow:hidden; }


.confetti { position:absolute; width:8px; height:8px; border-radius:2px; opacity:.55; }
.confetti-1 { left:22%; top:14%; background:#f6c05c; transform:rotate(45deg); }
.confetti-2 { left:31%; top:19%; width:7px; height:7px; background:#d7c6ff; border-radius:50%; }
.confetti-3 { right:25%; top:15%; background:#d7ebff; }
.confetti-4 { right:17%; top:20%; background:#ffd4cf; border-radius:50%; }
.confetti-5 { left:57%; top:11%; background:#efe1aa; transform:rotate(38deg); }
.confetti-6 { right:33%; top:13%; background:#d8f1de; transform:rotate(45deg); }
.leaderboard-podium { position:relative; z-index:1; display:grid; grid-template-columns:1fr 1.08fr 1fr;


 }
.leaderboard-podium-card {


 grid-template-columns:auto 1fr;


 }


.leaderboard-podium-card.empty { display:grid; place-items:center; color:#8692a8; }

.leaderboard-rank-medal { position:absolute; top:13px; left:13px; width:38px; height:38px;
 place-items:center; border-radius:50%; font-weight:900; color:#34415a; background:#dfe5ed; border:4px solid #f5f7fa; box-shadow:0 3px 8px rgba(20,30,50,.14); z-index:2; }
.rank-1 .leaderboard-rank-medal { color:#8b5900; background:#ffc933; border-color:#fff0a6; }
.rank-3 .leaderboard-rank-medal { color:#8a3e13; background:#e9a069; border-color:#ffe5d1; }
.leaderboard-crown { position:absolute; top:-32px; left:50%; transform:translateX(-50%); color:#f5b700; font-size:48px; filter:drop-shadow(0 4px 3px rgba(195,125,0,.18)); }


.leaderboard-panel { padding:0; background:#fff; border:1px solid #dde4ee; border-radius:16px; box-shadow:0 8px 24px rgba(25,36,66,.045); }
.leaderboard-table-panel { overflow:hidden; }
.leaderboard-table-wrap { overflow:hidden; }
.leaderboard-table { width:100%; border-collapse:collapse; table-layout:fixed; }
.leaderboard-table th { padding:13px 18px; text-align:left; background:#f6f8fb; color:#27334b; font-size:12px; }
.leaderboard-table th:first-child { width:88px; }
.leaderboard-table th:nth-child(3),.leaderboard-table th:nth-child(4) { width:245px; text-align:center; }
.leaderboard-table td { padding:12px 18px; border-top:1px solid #e5e9f0; color:#1a253d; }
.leaderboard-table td:nth-child(3),.leaderboard-table td:nth-child(4) { text-align:center; font-weight:800; }
.leaderboard-table-rank { width:30px; height:30px; display:grid; place-items:center; border-radius:50%; font-weight:900; color:#22304a; background:#eef2f7; }
.leaderboard-table-rank.rank-1 { background:#ffc933; color:#8b5900; }
.leaderboard-table-rank.rank-2 { background:#dfe4eb; }
.leaderboard-table-rank.rank-3 { background:#e9a069; color:#8a3e13; }
.leaderboard-table-agent { display:flex; align-items:center; gap:12px; min-width:0; }
.leaderboard-table-avatar { width:34px; height:34px; border-radius:50%; display:grid; place-items:center; background:linear-gradient(135deg,#7546f7,#4f2fd2); color:#fff; font-size:13px; font-weight:900; flex:0 0 34px; }
.leaderboard-table-agent strong { display:block; color:#101a32; font-size:15px; }
.leaderboard-table-agent small { color:#6f7d93; font-size:12px; text-transform:capitalize; }
.leaderboard-ap-cell { color:#6236ed; }
.leaderboard-empty { padding:22px; text-align:center; color:#74839a; }
.leaderboard-view-all { width:100%; display:flex; align-items:center; justify-content:center; gap:7px; background:transparent; color:#5d6a82; border-top:1px solid #e5e9f0; border-radius:0; padding:14px 18px; font-weight:800; }
.leaderboard-view-all svg { width:16px; height:16px; }

@media (max-width: 1400px) {
  .leaderboard-summary-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width: 1180px) {
  .leaderboard-hero-row { grid-template-columns:1fr; }
  .leaderboard-period-control { justify-content:flex-end; }
  .leaderboard-podium { gap:22px; padding:20px 20px 0; }
}
@media (max-width: 960px) {
  .leaderboard-summary-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .leaderboard-podium { grid-template-columns:1fr; max-width:560px; }
  .leaderboard-podium-card,
  .leaderboard-podium-card.rank-1 { min-height:unset; }

}
@media (max-width: 680px) {
  .leaderboard-page-title h1 { font-size:25px; }
  .leaderboard-summary-grid { grid-template-columns:1fr; }
  .leaderboard-table th:nth-child(3), .leaderboard-table td:nth-child(3), .leaderboard-table th:nth-child(4), .leaderboard-table td:nth-child(4) { width:auto; }
}


/* LEADERBOARD PODIUM ALIGNMENT + RIBBON BADGES */
.leaderboard-podium {
  gap: 34px;
  max-width: 1060px;
  margin: 0 auto;
  padding: 20px 56px 0;
  align-items: end;
}

.leaderboard-podium-card {
  position: relative;
  min-height: 196px;
  padding: 28px 24px 26px;
  border: 1px solid #cfd7e4;
  border-radius: 18px 18px 8px 8px;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  text-align: center;
  box-shadow: 0 8px 20px rgba(24, 34, 55, 0.055);
}

.leaderboard-podium-card.rank-1 {
  min-height: 230px;
  padding-top: 40px;
  border: 2px solid #f2a600;
  background: linear-gradient(180deg, #fffdf6 0%, #fff 100%);
  box-shadow: 0 12px 28px rgba(236, 164, 19, 0.12);
}

.leaderboard-podium-card.rank-2 {
  border-color: #aeb8c7;
}

.leaderboard-podium-card.rank-3 {
  border-color: #e5b07e;
  background: linear-gradient(180deg, #fffaf6 0%, #fff 100%);
}

.leaderboard-podium-card.empty {
  justify-content: center;
}

.leaderboard-rank-medal {
  display: none !important;
}


.leaderboard-crown {
  display: none !important;
}


.leaderboard-agent-avatar {
  width: 62px;
  height: 62px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  font-weight: 900;
  font-size: 22px;
  background: linear-gradient(135deg, #7546f7, #4f2fd2);
  margin-top: 8px;
}

.rank-1 .leaderboard-agent-avatar {
  width: 70px;
  height: 70px;
  font-size: 25px;
  margin-top: 2px;
}

.leaderboard-agent-heading {
  min-width: 0;
  width: 100%;
  display: grid;
  gap: 3px;
  justify-items: center;
  text-align: center;
}

.leaderboard-agent-heading strong {
  color: #101a32;
  font-size: 18px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.rank-1 .leaderboard-agent-heading strong {
  font-size: 22px;
}

.leaderboard-agent-heading span {
  color: #68748b;
  font-size: 12px;
  text-transform: capitalize;
}

.leaderboard-agent-metrics {
  width: 100%;
  grid-column: auto;
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  border-top: 1px solid #e3e7ee;
  padding-top: 15px;
  margin-top: 2px;
}

.leaderboard-agent-metrics > div {
  text-align: center;
  padding: 0 10px;
}
/* Team view retains the same existing podium; a third metric is visible
   only when displaying an aggregated leader/downline team. */
.leaderboard-agent-metrics.team-mode {
  grid-template-columns: 1.45fr 1fr .85fr;
}
.leaderboard-agent-metrics.team-mode > div {
  min-width: 0;
  padding: 0 6px;
}
.leaderboard-agent-metrics.team-mode strong {
  font-size: clamp(14px, 1.15vw, 20px);
}
.leaderboard-agent-metrics.team-mode span {
  line-height: 1.2;
}


.leaderboard-agent-metrics > div + div {
  border-left: 1px solid #dfe4ec;
}

.leaderboard-agent-metrics span {
  display: block;
  color: #68748b;
  font-size: 11px;
  margin-bottom: 5px;
}

.leaderboard-agent-metrics strong {
  color: #152039;
  font-size: 20px;
}

.leaderboard-agent-metrics > div:first-child strong {
  color: #6236ed;
}

.leaderboard-empty-agent {
  grid-column: auto;
  text-align: center;
  font-size: 18px;
  color: #8692a8;
  padding-top: 18px;
}


.leaderboard-rank-ribbon,
.leaderboard-rank-medal {
  display: none !important;
}

.leaderboard-rank-medal-svg {
  position: absolute;
  top: 10px;
  left: 13px;
  width: 48px;
  height: 54px;
  display: block;
  z-index: 5;
  pointer-events: none;
}

.leaderboard-rank-medal-svg svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.leaderboard-podium-stage {
  overflow: visible;
}

.leaderboard-podium-card.rank-1 {
  overflow: visible;
}

.leaderboard-crown-icon {
  position: absolute;

  left: 50%;
  transform: translateX(-50%);


  display: grid;
  place-items: center;
  color: #f5b700;
  z-index: 8;
  pointer-events: none;

}

.leaderboard-crown-icon::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 3px;
  width: 44px;
  height: 8px;
  transform: translateX(-50%);
  background: #fffdf6;
  border-radius: 999px;
  z-index: -1;
}


/* Remove the first-place card border from behind the crown */
.leaderboard-crown-icon::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 29px;
  width: 64px;
  height: 12px;
  transform: translateX(-50%);
  background: #fffdf6;
  border-radius: 999px;
  z-index: 0;
}

.leaderboard-crown-icon::after {
  display: none;
}


/* PROFESSIONAL FIRST-PLACE CROWN BORDER GAP */
.leaderboard-podium-card.rank-1 {
  border-top-color: transparent !important;
}

.leaderboard-podium-card.rank-1::before,
.leaderboard-podium-card.rank-1::after {
  content: "";
  position: absolute;
  top: -2px;
  height: 2px;
  background: #f2a600;
  z-index: 2;
}

.leaderboard-podium-card.rank-1::before {
  left: -2px;
  right: calc(50% + 34px);
  border-top-left-radius: 18px;
}

.leaderboard-podium-card.rank-1::after {
  left: calc(50% + 34px);
  right: -2px;
  border-top-right-radius: 18px;
}

.leaderboard-crown-icon {
  top: -31px !important;
  width: 58px !important;
  height: 58px !important;
  background: transparent !important;
  filter: drop-shadow(0 4px 4px rgba(195, 125, 0, 0.18));
}

.leaderboard-crown-icon::before,
.leaderboard-crown-icon::after {
  content: none !important;
  display: none !important;
}

.leaderboard-crown-icon svg {
  position: relative;
  z-index: 4;
  width: 44px !important;
  height: 44px !important;
  background: transparent !important;
  stroke-width: 1.9;
}


body.leaderboard-page-active {
  background:#07051c;
}

body.leaderboard-page-active .main-panel {
  background:
    radial-gradient(circle at 51% 35%, rgba(91,45,221,.18), transparent 30%),
    radial-gradient(circle at 90% 8%, rgba(94,35,196,.13), transparent 25%),
    linear-gradient(135deg,#090622 0%,#0d0927 48%,#08061d 100%);
  color:#fff;
}

body.leaderboard-page-active .top-header {
  margin-bottom:20px;
}
body.leaderboard-page-active .top-header .eyebrow {
  color:#9b6cff;
  font-size:13px;
  letter-spacing:.18em;
}
body.leaderboard-page-active .top-header h1 {
  color:#fff;
  font-size:48px;
  line-height:1;
  letter-spacing:-.055em;
  text-shadow:0 8px 28px rgba(0,0,0,.24);
}
body.leaderboard-page-active .top-header h1::after {
  content:"✦";
  display:inline-block;
  margin-left:10px;
  color:#ffcf3f;
  font-size:22px;
  vertical-align:top;
  transform:translateY(-4px);
  filter:drop-shadow(0 0 8px rgba(255,199,52,.7));
}
body.leaderboard-page-active .top-header p {
  color:#b7b2d0;
  font-size:15px;
}
body.leaderboard-page-active .notification-pill,
body.leaderboard-page-active .top-pill,
body.leaderboard-page-active .profile-pill {
  background:rgba(17,13,49,.78);
  color:#fff;
  border:1px solid rgba(150,116,255,.2);
  box-shadow:0 14px 34px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.035);
  backdrop-filter:blur(16px);
}
body.leaderboard-page-active .top-pill strong,
body.leaderboard-page-active .profile-pill strong { color:#fff; }
body.leaderboard-page-active .top-pill span,
body.leaderboard-page-active .profile-pill span { color:#aaa4c4; }
body.leaderboard-page-active .top-profile-initial {
  background:linear-gradient(135deg,#7547ff,#5128df);
  color:#fff;
  box-shadow:0 0 0 4px rgba(116,72,255,.12);
}

/* The global header already contains the page title, so remove the duplicate title card. */
body.leaderboard-page-active .leaderboard-page-header { display:none; }

body.leaderboard-page-active .leaderboard-hero-row {
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  margin-bottom:18px;
}
body.leaderboard-page-active .leaderboard-summary-grid { gap:14px; }
body.leaderboard-page-active .leaderboard-summary-card {
  min-height:118px;
  padding:18px 18px;
  border-radius:17px;
  color:#fff;
  background:
    linear-gradient(145deg,rgba(31,24,71,.94),rgba(15,13,43,.96));
  border:1px solid rgba(148,111,255,.24);
  box-shadow:0 16px 38px rgba(0,0,0,.23), inset 0 1px 0 rgba(255,255,255,.045);
}
body.leaderboard-page-active .leaderboard-summary-card::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(120deg,rgba(255,255,255,.045),transparent 30%,transparent 72%,rgba(126,76,255,.05));
}
body.leaderboard-page-active .leaderboard-summary-card:nth-child(2) { border-color:rgba(49,113,255,.34); }
body.leaderboard-page-active .leaderboard-summary-card:nth-child(3) { border-color:rgba(91,210,109,.3); }
body.leaderboard-page-active .leaderboard-summary-card:nth-child(4) {
  border-color:rgba(255,177,46,.38);
  background:linear-gradient(145deg,rgba(62,40,38,.93),rgba(20,16,42,.97));
}
body.leaderboard-page-active .leaderboard-summary-copy small { color:#d6d0e5; }
body.leaderboard-page-active .leaderboard-summary-copy strong { color:#fff; font-size:25px; }
body.leaderboard-page-active .leaderboard-summary-delta.positive { color:#50ed58; }
body.leaderboard-page-active .leaderboard-summary-delta.negative { color:#ff7585; }
body.leaderboard-page-active .leaderboard-summary-delta.neutral { color:#aaa4c0; }
body.leaderboard-page-active .leaderboard-summary-icon {
  width:54px;
  height:54px;
  flex-basis:54px;
  border-radius:50%;
  box-shadow:0 0 22px currentColor, inset 0 0 16px rgba(255,255,255,.08);
}
body.leaderboard-page-active .leaderboard-summary-icon svg { width:26px; height:26px; }
body.leaderboard-page-active .leaderboard-summary-icon.purple { color:#a769ff; background:rgba(115,55,236,.24); border:1px solid rgba(174,111,255,.45); }
body.leaderboard-page-active .leaderboard-summary-icon.blue { color:#3e8cff; background:rgba(28,91,232,.25); border:1px solid rgba(61,139,255,.5); }
body.leaderboard-page-active .leaderboard-summary-icon.green { color:#71ef62; background:rgba(48,181,65,.21); border:1px solid rgba(113,239,98,.42); }
body.leaderboard-page-active .leaderboard-summary-icon.orange { color:#ffbd3e; background:rgba(222,137,20,.2); border:1px solid rgba(255,189,62,.5); }
body.leaderboard-page-active .leaderboard-mini-bars { opacity:.95; filter:drop-shadow(0 0 5px #8f54ff); }
body.leaderboard-page-active .leaderboard-summary-card:nth-child(4) .leaderboard-mini-bars {
  background:linear-gradient(to top,#ffc340 0 100%) left bottom/3px 6px no-repeat,linear-gradient(to top,#ffc340 0 100%) center bottom/3px 11px no-repeat,linear-gradient(to top,#ffc340 0 100%) right bottom/3px 18px no-repeat;
  filter:drop-shadow(0 0 5px #ffb12e);
}

body.leaderboard-page-active .leaderboard-period-control > label { color:#c3bdd8; }
body.leaderboard-page-active .leaderboard-period-select-wrap select {
  height:46px;
  border-color:#7d45ff;

  background:linear-gradient(145deg,rgba(31,23,68,.97),rgba(13,10,39,.97));
  box-shadow:0 0 0 1px rgba(128,70,255,.08),0 10px 24px rgba(0,0,0,.22);
}
body.leaderboard-page-active .leaderboard-period-select-wrap svg { color:#a77dff; }
body.leaderboard-page-active .leaderboard-date-wrap {
  border-color:rgba(134,86,255,.42);
  background:#151035;
}
body.leaderboard-page-active .leaderboard-date-wrap input { color:#fff; color-scheme:dark; }

body.leaderboard-page-active .leaderboard-podium-stage {


  border-radius:20px;
  border:1px solid rgba(138,91,255,.28);


}


body.leaderboard-page-active .confetti {

 animation:leaderboardFloat 3.5s ease-in-out infinite alternate; }

body.leaderboard-page-active .confetti-2 {
 animation-delay:.3s; }
body.leaderboard-page-active .confetti-3 {
 animation-delay:.65s; }
body.leaderboard-page-active .confetti-4 {
 animation-delay:.9s; }
body.leaderboard-page-active .confetti-5 {
 animation-delay:1.15s; }
body.leaderboard-page-active .confetti-6 {
 animation-delay:1.4s; }
@keyframes leaderboardFloat { from { transform:translateY(-2px) rotate(12deg); } to { transform:translateY(9px) rotate(55deg); } }


body.leaderboard-page-active .leaderboard-podium-card {


  grid-template-columns:1fr;
  justify-items:center;
  text-align:center;

  color:#fff;
  border-radius:21px 21px 7px 7px;
  background:linear-gradient(160deg,rgba(35,29,73,.96),rgba(21,17,53,.97));
  border:2px solid #d8dced;
  box-shadow:0 20px 35px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.06);
}
body.leaderboard-page-active .leaderboard-podium-card.rank-1 {

  padding-top:48px;
  border:2px solid #ffc324;
  background:
    radial-gradient(circle at 50% 0%,rgba(255,192,39,.13),transparent 42%),
    linear-gradient(160deg,rgba(51,36,69,.98),rgba(24,17,49,.98));

}
body.leaderboard-page-active .leaderboard-podium-card.rank-2 { border-color:#dce4ff; }
body.leaderboard-page-active .leaderboard-podium-card.rank-3 {
  border-color:#d78c59;
  background:linear-gradient(160deg,rgba(57,34,61,.97),rgba(30,20,49,.98));
}
body.leaderboard-page-active .leaderboard-podium-card.empty { color:#9992b1; }


body.leaderboard-page-active .leaderboard-crown-icon {

  color:#ffc41c;
  filter:drop-shadow(0 0 8px rgba(255,188,0,.72));
}
body.leaderboard-page-active .leaderboard-crown-icon svg {

 stroke-width:2.2; }
body.leaderboard-page-active .leaderboard-agent-avatar {
  width:72px;
  height:72px;
  font-size:24px;
  background:linear-gradient(135deg,#8859ff,#4f24df);
  border:2px solid rgba(255,255,255,.86);
  box-shadow:0 0 26px rgba(117,65,255,.45);
}
body.leaderboard-page-active .rank-1 .leaderboard-agent-avatar { width:82px; height:82px; font-size:28px; }
body.leaderboard-page-active .leaderboard-agent-heading { justify-items:center; }
body.leaderboard-page-active .leaderboard-agent-heading strong { color:#fff; font-size:21px; }
body.leaderboard-page-active .rank-1 .leaderboard-agent-heading strong { font-size:25px; }
body.leaderboard-page-active .leaderboard-agent-heading span { color:#bbb5ce; }
body.leaderboard-page-active .leaderboard-agent-metrics {
  width:100%;
  grid-column:auto;
  border-top:1px solid rgba(224,216,247,.2);
  padding-top:17px;
  margin-top:3px;
}
body.leaderboard-page-active .leaderboard-agent-metrics > div + div { border-left-color:rgba(224,216,247,.18); }
body.leaderboard-page-active .leaderboard-agent-metrics span { color:#c6bfd9; }
body.leaderboard-page-active .leaderboard-agent-metrics strong { color:#fff; }
body.leaderboard-page-active .leaderboard-agent-metrics > div:first-child strong {
  color:#b177ff;
  text-shadow:0 0 15px rgba(159,91,255,.35);
}


body.leaderboard-page-active .leaderboard-panel {
  border-radius:18px;
  background:linear-gradient(145deg,rgba(24,18,58,.98),rgba(12,10,38,.98));
  border:1px solid rgba(137,94,255,.28);
  box-shadow:0 20px 42px rgba(0,0,0,.27),inset 0 1px 0 rgba(255,255,255,.035);
}
body.leaderboard-page-active .leaderboard-table th {
  background:rgba(39,28,80,.84);
  color:#f1edff;
  border-bottom:1px solid rgba(176,142,255,.16);
}
body.leaderboard-page-active .leaderboard-table td {
  color:#fff;
  border-top-color:rgba(176,142,255,.15);
  background:transparent;
}
body.leaderboard-page-active .leaderboard-table tr:hover td { background:rgba(117,69,229,.08); }
body.leaderboard-page-active .leaderboard-table-agent strong { color:#fff; }
body.leaderboard-page-active .leaderboard-table-agent small { color:#aaa4c0; }
body.leaderboard-page-active .leaderboard-table-avatar {
  background:linear-gradient(135deg,#8150ff,#5127dd);
  color:#fff;
  box-shadow:0 0 16px rgba(111,61,240,.25);
}
body.leaderboard-page-active .leaderboard-table-rank {
  color:#10101d;
  background:#dce3f0;
}
body.leaderboard-page-active .leaderboard-table-rank.rank-1 { background:linear-gradient(135deg,#ffd854,#f2a800); color:#5e3900; }
body.leaderboard-page-active .leaderboard-table-rank.rank-2 { background:linear-gradient(135deg,#f5f7fb,#adb9ca); color:#233047; }
body.leaderboard-page-active .leaderboard-table-rank.rank-3 { background:linear-gradient(135deg,#f2ba8d,#bd6d37); color:#613014; }

body.leaderboard-page-active .leaderboard-empty { color:#aaa4c0; }
body.leaderboard-page-active .leaderboard-view-all {
  color:#d6c9ff;
  background:rgba(111,65,225,.12);
  border-top-color:rgba(176,142,255,.15);
}

@media (max-width:1400px) {
  body.leaderboard-page-active .top-header h1 { font-size:42px; }
  body.leaderboard-page-active .leaderboard-summary-card { padding:16px 14px; }
  body.leaderboard-page-active .leaderboard-summary-icon { width:46px; height:46px; flex-basis:46px; }
  body.leaderboard-page-active .leaderboard-summary-copy strong { font-size:22px; }
  body.leaderboard-page-active .leaderboard-podium { padding-left:35px; padding-right:35px; }
}

@media (max-width:1150px) {
  body.leaderboard-page-active .leaderboard-hero-row { grid-template-columns:1fr; }
  body.leaderboard-page-active .leaderboard-period-control { justify-content:flex-end; }
  body.leaderboard-page-active .leaderboard-summary-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}

@media (max-width:820px) {
  body.leaderboard-page-active .top-header h1 { font-size:36px; }
  body.leaderboard-page-active .leaderboard-summary-grid { grid-template-columns:1fr; }
  body.leaderboard-page-active .leaderboard-podium {
    grid-template-columns:1fr;
    gap:38px;
    padding:40px 10px 10px;
  }
  body.leaderboard-page-active .leaderboard-podium-card.rank-1 { order:-1; }
  body.leaderboard-page-active .leaderboard-podium-card { min-height:230px; }
}


body.leaderboard-page-active .leaderboard-podium-card.rank-1 {
  position: relative;
  border-top-color: transparent !important;
}

body.leaderboard-page-active .leaderboard-podium-card.rank-1::before,
body.leaderboard-page-active .leaderboard-podium-card.rank-1::after {


  position: absolute;
  top: -2px;
  height: 2px;
  width: calc(50% - 36px);
  background: #ffc324;
  z-index: 3;
  pointer-events: none;
}

body.leaderboard-page-active .leaderboard-podium-card.rank-1::before {
  left: -2px;
  border-radius: 18px 0 0 0;
}

body.leaderboard-page-active .leaderboard-podium-card.rank-1::after {
  right: -2px;
  border-radius: 0 18px 0 0;
}

body.leaderboard-page-active .leaderboard-crown-icon {
  top: -40px !important;
  left: 50% !important;
  width: 72px !important;
  height: 62px !important;
  transform: translateX(-50%) !important;
  background: transparent !important;
  box-shadow: none !important;
  isolation: auto !important;
  z-index: 5 !important;
}

body.leaderboard-page-active .leaderboard-crown-icon::before,
body.leaderboard-page-active .leaderboard-crown-icon::after {
  content: none !important;
  display: none !important;
}

body.leaderboard-page-active .leaderboard-crown-icon svg {
  width: 58px !important;
  height: 58px !important;
  position: relative;
  z-index: 2;
}


body.leaderboard-page-active .leaderboard-podium-card.rank-1 {
  border-top: 2px solid #ffc324 !important;
}

body.leaderboard-page-active .leaderboard-podium-card.rank-1::before,
body.leaderboard-page-active .leaderboard-podium-card.rank-1::after {
  content: none !important;
  display: none !important;
}


/* =========================================================
   FIRST-PLACE CROWN — LEFT SIDE OF AVATAR / ATTACHED TO RING
   Places the crown like a tilted hat on the upper-left curve
   of the #1 avatar and overlaps the white avatar outline.
========================================================= */


body.leaderboard-page-active .leaderboard-period-select-wrap select {
  color: #ffffff !important;
  background-color: #171033 !important;
  font-weight: 800 !important;
  text-shadow: none !important;
}

body.leaderboard-page-active .leaderboard-period-select-wrap select option {
  color: #171033 !important;
  background: #ffffff !important;
  font-weight: 700 !important;
}

body.leaderboard-page-active .leaderboard-period-select-wrap select option:checked {
  color: #ffffff !important;
  background: #5b2ee8 !important;
}

/* =========================================================
   LEADERBOARD TABLE — AP VALUE COLOR MATCH
   Matches the purple Annual Premium values used on the podium.
========================================================= */
body.leaderboard-page-active .leaderboard-ap-cell {
  color: #b56cff !important;
  font-weight: 900 !important;
  text-shadow: 0 0 10px rgba(181, 108, 255, 0.22) !important;
}


body.leaderboard-page-active .leaderboard-podium-stage {


  border-color: rgba(132, 83, 255, 0.42) !important;

  box-shadow:
    0 24px 58px rgba(0, 0, 0, 0.38),
    inset 0 1px 0 rgba(255, 255, 255, 0.055),
    inset 0 0 70px rgba(91, 44, 221, 0.17) !important;
}

/* Bright crossing spotlights behind the podium cards */


/* Neon perspective floor and center glow */
body.leaderboard-page-active .leaderboard-podium-stage::after {
  content: "" !important;
  position: absolute !important;
  left: -4% !important;
  right: -4% !important;
  bottom: -20px !important;
  height: 175px !important;

  pointer-events: none !important;
  opacity: 0.9 !important;
  background:
    radial-gradient(ellipse at 50% 40%, rgba(103, 49, 255, 0.42), transparent 43%),
    repeating-linear-gradient(90deg, rgba(112, 67, 255, 0.22) 0 1px, transparent 1px 70px),
    repeating-linear-gradient(0deg, rgba(112, 67, 255, 0.19) 0 1px, transparent 1px 27px),
    linear-gradient(180deg, rgba(75, 31, 184, 0.02), rgba(54, 23, 143, 0.38)) !important;
  transform: perspective(520px) rotateX(59deg) !important;
  transform-origin: bottom !important;
  filter: drop-shadow(0 -8px 20px rgba(91, 45, 220, 0.20));
}


/* Brighter, more numerous-looking confetti using shadows as duplicates */
body.leaderboard-page-active .confetti {
  z-index: 2 !important;
  opacity: 1 !important;
  width: 9px !important;
  height: 12px !important;
  border-radius: 1px !important;
  box-shadow:
    130px 32px 0 currentColor,
    285px -8px 0 currentColor,
    475px 22px 0 currentColor,
    655px -2px 0 currentColor,
    820px 28px 0 currentColor !important;
  filter: drop-shadow(0 0 7px currentColor) !important;
}
body.leaderboard-page-active .confetti-1 {
  left: 12% !important;
  top: 11% !important;
  color: #ffc43d !important;
  background: currentColor !important;
  transform: rotate(32deg) !important;
}
body.leaderboard-page-active .confetti-2 {
  left: 19% !important;
  top: 21% !important;
  width: 8px !important;
  height: 8px !important;
  color: #9d5cff !important;
  background: currentColor !important;
  border-radius: 1px !important;
}
body.leaderboard-page-active .confetti-3 {
  left: 29% !important;
  top: 8% !important;
  color: #5e88ff !important;
  background: currentColor !important;
}
body.leaderboard-page-active .confetti-4 {
  right: 17% !important;
  top: 17% !important;
  width: 8px !important;
  height: 8px !important;
  color: #ff61af !important;
  background: currentColor !important;
  border-radius: 50% !important;
}
body.leaderboard-page-active .confetti-5 {
  left: 55% !important;
  top: 8% !important;
  color: #ffd347 !important;
  background: currentColor !important;
  transform: rotate(42deg) !important;
}
body.leaderboard-page-active .confetti-6 {
  right: 28% !important;
  top: 10% !important;
  color: #8f66ff !important;
  background: currentColor !important;
  transform: rotate(18deg) !important;
}

/* More luminous card edges while preserving the current card sizes/content */
body.leaderboard-page-active .leaderboard-podium-card.rank-2 {
  box-shadow:
    0 22px 38px rgba(0, 0, 0, 0.38),
    0 0 20px rgba(210, 218, 255, 0.11),
    inset 0 1px 0 rgba(255, 255, 255, 0.075) !important;
}
body.leaderboard-page-active .leaderboard-podium-card.rank-1 {
  box-shadow:
    0 0 0 1px rgba(255, 219, 85, 0.34),
    0 0 34px rgba(255, 181, 0, 0.28),
    0 28px 46px rgba(0, 0, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.10) !important;
}
body.leaderboard-page-active .leaderboard-podium-card.rank-3 {
  box-shadow:
    0 22px 38px rgba(0, 0, 0, 0.38),
    0 0 20px rgba(220, 126, 72, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}


/* =========================================================
   LEADERBOARD — CONTINUOUS FALLING CONFETTI + TRUE LAURELS
   Keeps the current layout/data untouched. Replaces the old
   static confetti look with falling particles and upgrades the
   side decorations to fuller pointed-leaf laurel branches.
========================================================= */
body.leaderboard-page-active .leaderboard-celebration > .confetti {
  display: none !important;
}


body.leaderboard-page-active .leaderboard-confetti-piece {
  --confetti-x: 50%;
  --confetti-drift: 0px;
  --confetti-rotation: 540deg;
  --confetti-duration: 7s;
  --confetti-delay: 0s;
  position: absolute;
  top: -28px;
  left: var(--confetti-x);
  width: 9px;
  height: 15px;
  border-radius: 2px;
  background: currentColor;
  opacity: 0;
  filter: drop-shadow(0 0 7px currentColor);
  transform-origin: center;
  animation: leaderboard-confetti-fall var(--confetti-duration) linear var(--confetti-delay) infinite;
  will-change: transform, opacity;
}

body.leaderboard-page-active .leaderboard-confetti-piece.is-round {
  width: 8px;
  height: 8px;
  border-radius: 999px;
}

body.leaderboard-page-active .leaderboard-confetti-piece.is-strip {
  width: 6px;
  height: 18px;
  border-radius: 1px;
}

@keyframes leaderboard-confetti-fall {
  0% {
    opacity: 0;
    transform: translate3d(0, -18px, 0) rotate(0deg) rotateY(0deg);
  }
  8% { opacity: 1; }
  50% {
    transform: translate3d(calc(var(--confetti-drift) * .55), 210px, 0)
      rotate(calc(var(--confetti-rotation) * .55)) rotateY(160deg);
  }
  92% { opacity: .95; }
  100% {
    opacity: 0;
    transform: translate3d(var(--confetti-drift), 470px, 0)
      rotate(var(--confetti-rotation)) rotateY(360deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  body.leaderboard-page-active .leaderboard-confetti-piece {
    animation-play-state: paused;
    opacity: .75;
    top: calc((var(--confetti-order, 1) * 21px) - 10px);
  }
}


/* Layer order: lighting behind, decorations above it, podium in front. */
body.leaderboard-page-active .leaderboard-podium-stage {


  background:
    radial-gradient(ellipse at 50% -7%, rgba(123, 69, 255, .78) 0%, rgba(92, 37, 224, .34) 25%, transparent 49%),
    radial-gradient(ellipse at 14% 34%, rgba(74, 50, 225, .36) 0%, transparent 34%),
    radial-gradient(ellipse at 86% 34%, rgba(74, 50, 225, .38) 0%, transparent 35%),
    linear-gradient(180deg, #1b0d50 0%, #12083c 54%, #0b0629 100%) !important;
}

/* Noticeable stage lights coming down from the top corners. */
body.leaderboard-page-active .leaderboard-podium-stage::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  opacity: 1 !important;
  background:
    radial-gradient(circle at 14% -1%, rgba(255,255,255,.95) 0 3px, rgba(166,151,255,.70) 4px 9px, transparent 22px),
    conic-gradient(from 151deg at 14% -8%, transparent 0deg 7deg, rgba(138,119,255,.08) 8deg 11deg, rgba(150,131,255,.44) 13deg, rgba(102,72,237,.22) 21deg, transparent 30deg 360deg),
    radial-gradient(circle at 86% -1%, rgba(255,255,255,.98) 0 3px, rgba(166,151,255,.72) 4px 9px, transparent 22px),
    conic-gradient(from 199deg at 86% -8%, transparent 0deg 7deg, rgba(138,119,255,.08) 8deg 11deg, rgba(150,131,255,.46) 13deg, rgba(102,72,237,.23) 21deg, transparent 30deg 360deg),
    radial-gradient(ellipse at 50% 45%, rgba(111,64,255,.20), transparent 56%) !important;
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, rgba(0,0,0,.96) 58%, transparent 100%) !important;
  mask-image: linear-gradient(to bottom, #000 0%, rgba(0,0,0,.96) 58%, transparent 100%) !important;
  filter: drop-shadow(0 0 18px rgba(132,112,255,.28)) !important;
}

/* Keep the neon floor behind every other stage element. */
body.leaderboard-page-active .leaderboard-podium-stage::after {
  z-index: 0 !important;
}


body.leaderboard-page-active .leaderboard-confetti-rain {
  position: absolute !important;
  inset: 0 !important;
  z-index: 4 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

body.leaderboard-page-active .leaderboard-confetti-piece {
  z-index: 4 !important;
}


/* Compact illuminated podium platforms matching the reference shape. */


/* A subtle second gold step only for first place, not a large pancake. */


/* Curved half-wreath laurels: slimmer, angled, and opened toward the podium. */


/* Podium front face: compact rectangular riser with a thin curved top lip. */


/* First place uses a wider two-step gold champion platform. */


/* Bronze keeps the same platform geometry with its own metallic finish. */


body.leaderboard-page-active .leaderboard-podium-stage {
  min-height: 392px !important;
  height: 392px !important;
  padding: 16px 32px 44px !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

body.leaderboard-page-active .leaderboard-celebration {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

body.leaderboard-page-active .leaderboard-podium {
  position: relative !important;
  z-index: 3 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.18fr) minmax(0, 1fr) !important;
  align-items: end !important;
  gap: 18px !important;
  width: 100% !important;
  max-width: 1080px !important;
  margin: 0 auto !important;
  padding: 24px 42px 0 !important;
  box-sizing: border-box !important;
}

body.leaderboard-page-active .leaderboard-podium-card {
  position: relative !important;
  box-sizing: border-box !important;
  min-height: 0 !important;
  height: 248px !important;
  padding: 28px 24px 20px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  overflow: visible !important;
  isolation: isolate !important;
}

body.leaderboard-page-active .leaderboard-podium-card.rank-1 {
  height: 298px !important;
  min-height: 0 !important;
  padding: 38px 26px 18px !important;
}

body.leaderboard-page-active .leaderboard-podium-card.rank-3 {
  height: 222px !important;
  min-height: 0 !important;
  padding: 45px 24px 18px !important;
}

body.leaderboard-page-active .leaderboard-podium-card > .leaderboard-agent-avatar,
body.leaderboard-page-active .leaderboard-podium-card > .leaderboard-agent-heading,
body.leaderboard-page-active .leaderboard-podium-card > .leaderboard-agent-metrics,
body.leaderboard-page-active .leaderboard-podium-card > .leaderboard-empty-avatar,
body.leaderboard-page-active .leaderboard-podium-card > .leaderboard-empty-agent {
  position: relative !important;
  z-index: 3 !important;
}

/* Medals and crown must stay out of document flow. */
body.leaderboard-page-active .leaderboard-rank-medal-svg {
  position: absolute !important;
  top: 10px !important;
  left: 13px !important;
  width: 48px !important;
  height: 54px !important;
  margin: 0 !important;
  z-index: 8 !important;
  pointer-events: none !important;
}

body.leaderboard-page-active .leaderboard-rank-medal-svg svg {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  overflow: visible !important;
}

body.leaderboard-page-active .leaderboard-podium-card.rank-1 .leaderboard-crown-icon {
  position: absolute !important;


  margin: 0 !important;
  display: grid !important;
  place-items: center !important;

  transform-origin: center !important;
  color: #ffc52b !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  filter:
    drop-shadow(0 4px 4px rgba(75, 39, 0, .72))
    drop-shadow(0 0 7px rgba(255, 194, 39, .92))
    drop-shadow(0 0 17px rgba(255, 169, 0, .55)) !important;
  z-index: 9 !important;
  pointer-events: none !important;
}

body.leaderboard-page-active .leaderboard-podium-card.rank-1 .leaderboard-crown-icon::before,
body.leaderboard-page-active .leaderboard-podium-card.rank-1 .leaderboard-crown-icon::after {
  content: none !important;
  display: none !important;
}

body.leaderboard-page-active .leaderboard-podium-card.rank-1 .leaderboard-crown-icon svg {


  stroke-width: 2.25 !important;
  overflow: visible !important;
}


body.leaderboard-page-active .leaderboard-empty-avatar {
  width: 64px !important;
  height: 64px !important;
  flex: 0 0 64px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 50% !important;
  color: #8d4d98 !important;
  border: 1px solid rgba(196, 99, 119, .42) !important;
  background: rgba(117, 56, 93, .16) !important;
  box-shadow:
    inset 0 0 20px rgba(126, 55, 103, .12),
    0 0 18px rgba(160, 75, 109, .08) !important;
}

body.leaderboard-page-active .leaderboard-empty-avatar svg {
  width: 31px !important;
  height: 31px !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  stroke-width: 1.35 !important;
}

body.leaderboard-page-active .leaderboard-empty-agent {
  padding: 0 !important;
  margin-top: 2px !important;
  color: #938da9 !important;
  font-size: 20px !important;
  font-weight: 750 !important;
  line-height: 1.2 !important;
}

/* Narrow single-branch laurels matching the reference silhouette. */


/* Dedicated platform SVGs: straight front faces with shallow curved top lips. */
body.leaderboard-page-active .leaderboard-reference-platform {
  position: absolute !important;
  pointer-events: none !important;
  z-index: 6 !important;
  overflow: visible !important;
}

body.leaderboard-page-active .leaderboard-reference-platform svg {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  overflow: visible !important;
}

body.leaderboard-page-active .leaderboard-reference-platform-rank-2,
body.leaderboard-page-active .leaderboard-reference-platform-rank-3 {
  left: -15px !important;
  right: -15px !important;
  bottom: -32px !important;
  height: 40px !important;
}

body.leaderboard-page-active .leaderboard-reference-platform-rank-1 {
  left: -43px !important;
  right: -43px !important;
  bottom: -41px !important;
  height: 52px !important;
}

body.leaderboard-page-active .leaderboard-reference-platform-shadow {
  fill: rgba(0, 0, 0, .50) !important;
  filter: blur(2.2px) !important;
}

body.leaderboard-page-active .leaderboard-reference-platform-face,
body.leaderboard-page-active .leaderboard-reference-platform-lower-face {
  stroke: rgba(255, 255, 255, .16) !important;
  stroke-width: 1 !important;
}

body.leaderboard-page-active .leaderboard-reference-platform-top,
body.leaderboard-page-active .leaderboard-reference-platform-lower-top {
  stroke: rgba(255, 255, 255, .54) !important;
  stroke-width: 1.05 !important;
}

body.leaderboard-page-active .leaderboard-reference-platform-highlight {
  fill: none !important;
  stroke: rgba(255, 255, 255, .82) !important;
  stroke-width: 1.2 !important;
  stroke-linecap: round !important;
}

body.leaderboard-page-active .leaderboard-reference-platform-front-line {
  fill: none !important;
  stroke: rgba(255, 255, 255, .18) !important;
  stroke-width: 1 !important;
  stroke-linecap: round !important;
}


@media (max-width: 1180px) {
  body.leaderboard-page-active .leaderboard-podium {
    padding-right: 22px !important;
    padding-left: 22px !important;
  }


  body.leaderboard-page-active .leaderboard-reference-platform-rank-1 {
    left: -32px !important;
    right: -32px !important;
  }
}

@media (max-width: 960px) {
  body.leaderboard-page-active .leaderboard-podium-stage {
    height: auto !important;
    min-height: 0 !important;
    padding: 28px 20px !important;
  }

  body.leaderboard-page-active .leaderboard-podium {
    grid-template-columns: 1fr !important;
    gap: 38px !important;
    max-width: 560px !important;
    padding: 30px 10px 10px !important;
  }

  body.leaderboard-page-active .leaderboard-podium-card,
  body.leaderboard-page-active .leaderboard-podium-card.rank-1,
  body.leaderboard-page-active .leaderboard-podium-card.rank-3 {
    height: auto !important;
    min-height: 238px !important;
  }

  body.leaderboard-page-active .leaderboard-reference-laurel,
  body.leaderboard-page-active .leaderboard-reference-platform {
    display: none !important;
  }
}


body.leaderboard-page-active .leaderboard-podium-card.rank-2 {
  z-index: 2 !important;
}

body.leaderboard-page-active .leaderboard-podium-card.rank-3 {
  z-index: 3 !important;
}

body.leaderboard-page-active .leaderboard-podium-card.rank-1 {
  z-index: 5 !important;
}


body.leaderboard-page-active
  .leaderboard-podium-card.rank-1
  .leaderboard-reference-platform {
  z-index: 9 !important;
}

body.leaderboard-page-active
  .leaderboard-podium-card.rank-3
  .leaderboard-reference-platform {
  z-index: 6 !important;
}

/* =========================================================
   LEADERBOARD — REMOVE LAURELS + CROWN POSITION ONLY
   No podium, card, spacing, sizing, or table styles changed.
========================================================= */


body.leaderboard-page-active
  .leaderboard-podium-card.rank-1
  .leaderboard-crown-icon {
  top: 13px !important;
  left: 50% !important;
  width: 50px !important;
  height: 50px !important;
  transform: translateX(-110%) rotate(-12deg) !important;
}

body.leaderboard-page-active
  .leaderboard-podium-card.rank-1
  .leaderboard-crown-icon svg {
  width: 48px !important;
  height: 48px !important;
}

/* =========================================================
   ACCOUNT APPEARANCE CONTROL
   ========================================================= */

.appearance-settings-card {
  margin-top: 18px;
  padding: 16px 18px;
  border: 1px solid #ddd6fe;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(109, 53, 245, 0.08), transparent 34%),
    #ffffff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.appearance-settings-copy {
  display: flex;
  align-items: center;
  gap: 13px;
  min-width: 0;
}

.appearance-settings-icon {
  width: 42px;
  height: 42px;
  min-width: 42px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  color: #6d35f5;
  background: #f1ebff;
  box-shadow: 0 8px 18px rgba(109, 53, 245, 0.12);
}

.appearance-settings-icon svg {
  width: 20px;
  height: 20px;
  stroke-width: 2.1;
}

.appearance-settings-copy h3 {
  margin: 0;
  font-size: 16px;
}

.appearance-settings-copy p {
  margin: 4px 0 0;
  color: #64748b;
  font-size: 13px;
}

.theme-toggle-control {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  user-select: none;
}

.theme-toggle-control input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.theme-toggle-track {
  position: relative;
  width: 50px;
  height: 28px;
  flex: 0 0 50px;
  border: 1px solid #cbd5e1;
  border-radius: 999px;
  background: #e2e8f0;
  transition: 0.18s ease;
}

.theme-toggle-thumb {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 3px 9px rgba(15, 23, 42, 0.24);
  transition: 0.18s ease;
}

.theme-toggle-control input:checked + .theme-toggle-track {
  border-color: #8b5cf6;
  background: linear-gradient(135deg, #7c3aed, #4f46e5);
  box-shadow: 0 0 0 3px rgba(109, 53, 245, 0.12);
}

.theme-toggle-control input:checked + .theme-toggle-track .theme-toggle-thumb {
  transform: translateX(22px);
}

.theme-toggle-control input:focus-visible + .theme-toggle-track {
  outline: 3px solid rgba(109, 53, 245, 0.22);
  outline-offset: 2px;
}

.theme-toggle-label {
  color: #172033;
  font-size: 13px;
  font-weight: 800;
  white-space: nowrap;
}

@media (max-width: 760px) {
  .appearance-settings-card {
    align-items: flex-start;
    flex-direction: column;
  }
}

/* =========================================================
   LEADFLOW DARK MODE
   Uses the approved Leaderboard palette everywhere except
   the sidebar and the Leaderboard page itself.
   ========================================================= */

/* Main surfaces */

/* Nested cards and panels */

/* Inputs */

/* Buttons, tabs, filters and menus */

/* Tables and list rows */

/* Links and semantic statuses */

/* Dashboard graphs */

/* Leads, activity and preview content */

/* Today Calls, Answered, Unanswered and Schedule */

/* Settings */

/* Tracker and shared-lead workspaces */

/* Modals and slide panels */

/* Complete remaining legacy light surfaces without changing layout. */


/* AGENT TRACKER TABLE */
.tracker-agent-table-section {
  overflow: visible;
}

.tracker-agent-table-header {
  align-items: center;
  margin-bottom: 16px;
}

.tracker-agent-table-header h2 {
  margin: 0;
  font-size: 24px;
  letter-spacing: -0.035em;
}

.tracker-agent-table-header p {
  margin: 4px 0 0;
}

.tracker-agent-table-root {
  width: 100%;
}

.tracker-agent-table-shell {
  overflow: visible;
  border: 1px solid #e3e8f1;
  border-radius: 18px;
  background: #ffffff;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
}

.tracker-agent-table-scroll {
  overflow-x: auto;
  border-radius: 18px 18px 0 0;
}

.tracker-agent-table {
  width: 100%;
  min-width: 1410px;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: auto;
}

.tracker-agent-table th,
.tracker-agent-table td {
  padding: 15px 11px;
  border-bottom: 1px solid #e9edf4;
  text-align: center;
  white-space: nowrap;
}

.tracker-agent-table th:first-child,
.tracker-agent-table td:first-child {
  text-align: left;
}

.tracker-agent-table th {
  color: #596579;
  background: #f7f8fc;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

.tracker-agent-table th:first-child {
  border-top-left-radius: 17px;
}

.tracker-agent-table th:last-child {
  border-top-right-radius: 17px;
}

.tracker-agent-table td {
  color: #172033;
  background: #ffffff;
  font-size: 13px;
  font-weight: 750;
  transition:
    background 0.16s ease,
    color 0.16s ease;
}

.tracker-agent-table-row:last-child td {
  border-bottom: 0;
}

.tracker-agent-table-row:hover td {
  background: #faf9ff;
}

.tracker-agent-name-cell {
  min-width: 250px;
  display: flex;
  align-items: center;
  gap: 11px;
}

.tracker-agent-table-avatar {
  width: 36px;
  height: 36px;
  min-width: 36px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  color: #ffffff;
  background: linear-gradient(135deg, #7547ff, #5128df);
  box-shadow: 0 8px 18px rgba(109, 53, 245, 0.24);
  font-size: 12px;
  font-weight: 950;
  letter-spacing: -0.02em;
}

.tracker-agent-table-identity {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.tracker-agent-table-identity strong {
  overflow: hidden;
  color: #111827;
  font-size: 14px;
  font-weight: 850;
  text-overflow: ellipsis;
}

.tracker-agent-table-identity small {
  color: #7a8699;
  font-size: 11px;
  font-weight: 650;
}

.tracker-agent-table-type {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 76px;
  padding: 6px 9px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 850;
}

.tracker-agent-table-type.manual {
  color: #6841e8;
  border: 1px solid #ddd3ff;
  background: #f4f0ff;
}

.tracker-agent-table-type.connected {
  color: #1768c5;
  border: 1px solid #cce2ff;
  background: #edf6ff;
}

.tracker-agent-no-answer {
  color: #dc263c !important;
  font-weight: 900 !important;
}

.tracker-agent-demonstrations {
  color: #7c3aed !important;
  font-weight: 900 !important;
}

.tracker-agent-ap-value {
  color: #17a651 !important;
  font-weight: 900 !important;
}

.tracker-agent-actions-cell {
  width: 76px;
}

.tracker-agent-actions-button {
  width: 36px;
  height: 36px;
  padding: 0;
  display: inline-grid;
  place-items: center;
  color: #4f46e5;
  border: 1px solid #e0dcf8;
  border-radius: 11px;
  background: #f7f5ff;
  box-shadow: none;
  font-size: 22px;
  font-weight: 900;
  line-height: 1;
}

.tracker-agent-actions-button:hover,
.tracker-agent-actions-button[aria-expanded="true"] {
  color: #ffffff;
  border-color: #6d35f5;
  background: linear-gradient(135deg, #7547ff, #5128df);
  transform: translateY(-1px);
}

.tracker-agent-table-footer {
  min-height: 68px;
  padding: 14px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  color: #6c7789;
  border-top: 1px solid #e8ecf3;
  font-size: 12px;
  font-weight: 700;
}

.tracker-agent-pagination {
  display: flex;
  align-items: center;
  gap: 6px;
}

.tracker-agent-page-button,
.tracker-agent-page-arrow {
  min-width: 34px;
  height: 34px;
  padding: 0 9px;
  display: grid;
  place-items: center;
  color: #4f5c70;
  border: 1px solid transparent;
  border-radius: 10px;
  background: transparent;
  box-shadow: none;
  font-size: 12px;
  font-weight: 850;
}

.tracker-agent-page-button:hover,
.tracker-agent-page-arrow:hover:not(:disabled) {
  color: #6841e8;
  border-color: #ddd4ff;
  background: #f4f0ff;
  transform: none;
}

.tracker-agent-page-button.active {
  color: #ffffff;
  border-color: #6d35f5;
  background: linear-gradient(135deg, #7547ff, #5128df);
  box-shadow: 0 8px 18px rgba(109, 53, 245, 0.24);
}

.tracker-agent-page-arrow:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}

.tracker-agent-page-ellipsis {
  min-width: 24px;
  color: #8b95a6;
  text-align: center;
  font-weight: 850;
}

.tracker-table-empty {
  padding: 30px;
  color: #6b7688;
  border: 1px dashed #ccd4e0;
  border-radius: 18px;
  background: #f8fafc;
  text-align: center;
  font-size: 13px;
  font-weight: 750;
}

.tracker-agent-action-menu {
  position: fixed;
  z-index: 1500;
  width: 172px;
  padding: 7px;
  display: grid;
  gap: 4px;
  border: 1px solid rgba(113, 83, 191, 0.34);
  border-radius: 13px;
  background: #17122f;
  box-shadow: 0 18px 42px rgba(8, 5, 28, 0.42);
}

.tracker-agent-action-menu button {
  width: 100%;
  padding: 10px 11px;
  display: flex;
  align-items: center;
  gap: 9px;
  color: #e9e5f7;
  border: 0;
  border-radius: 9px;
  background: transparent;
  box-shadow: none;
  text-align: left;
  font-size: 12px;
  font-weight: 800;
}

.tracker-agent-action-menu button [data-lucide] {
  width: 15px;
  height: 15px;
}

.tracker-agent-action-menu button:hover:not(:disabled) {
  transform: none;
}

.tracker-agent-menu-edit:hover:not(:disabled) {
  color: #ffffff;
  background: rgba(117, 71, 255, 0.24);
}

.tracker-agent-menu-delete {
  color: #ff7188 !important;
}

.tracker-agent-menu-delete:hover:not(:disabled) {
  color: #ffffff !important;
  background: rgba(225, 43, 73, 0.22);
}

.tracker-agent-action-menu button:disabled {
  opacity: 0.42;
  cursor: not-allowed;
}

.tracker-agent-edit-overlay {
  position: fixed;
  inset: 0;
  z-index: 1600;
  padding: 24px;
  display: grid;
  place-items: center;
  background: rgba(5, 3, 20, 0.76);
  backdrop-filter: blur(10px);
}

.tracker-agent-edit-modal {
  width: min(820px, 100%);
  max-height: min(90vh, 820px);
  overflow-y: auto;
  color: #182033;
  border: 1px solid #e3e7ef;
  border-radius: 22px;
  background: #ffffff;
  box-shadow: 0 30px 80px rgba(5, 8, 22, 0.34);
}

.tracker-agent-edit-header {
  padding: 22px 24px 18px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  border-bottom: 1px solid #e9edf3;
}

.tracker-agent-edit-header h2 {
  margin: 0;
  font-size: 24px;
  letter-spacing: -0.035em;
}

.tracker-agent-edit-header > div > p:last-child {
  margin: 5px 0 0;
  color: #6b7688;
  font-size: 13px;
}

.tracker-agent-edit-close {
  width: 38px;
  height: 38px;
  padding: 0;
  display: grid;
  place-items: center;
  color: #5d6879;
  border: 1px solid #e0e5ed;
  border-radius: 11px;
  background: #f8fafc;
  box-shadow: none;
}

.tracker-agent-edit-close [data-lucide] {
  width: 18px;
  height: 18px;
}

.tracker-agent-edit-main {
  padding: 22px 24px;
}

.tracker-agent-edit-primary,
.tracker-agent-edit-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.tracker-agent-edit-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.tracker-agent-edit-primary label,
.tracker-agent-edit-grid label {
  display: grid;
  gap: 7px;
}

.tracker-agent-edit-primary span,
.tracker-agent-edit-grid span {
  color: #5e6a7d;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

.tracker-agent-edit-primary input,
.tracker-agent-edit-grid input {
  width: 100%;
  min-height: 42px;
  padding: 9px 11px;
  color: #182033;
  border: 1px solid #dce2eb;
  border-radius: 11px;
  background: #ffffff;
  font-size: 13px;
  font-weight: 750;
}

.tracker-agent-edit-wide {
  grid-column: span 2;
}

.tracker-agent-edit-full {
  grid-column: 1 / -1;
}

.tracker-agent-edit-note {
  margin: 16px 0;
  padding: 10px 12px;
  color: #5f3fd4;
  border: 1px solid #ddd3ff;
  border-radius: 11px;
  background: #f6f3ff;
  font-size: 12px;
  font-weight: 800;
}

.tracker-agent-edit-footer {
  padding: 16px 24px 22px;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  border-top: 1px solid #e9edf3;
}

body.tracker-agent-modal-open {
  overflow: hidden;
}

@media (max-width: 900px) {
  .tracker-agent-table-header,
  .tracker-agent-table-footer {
    align-items: stretch;
    flex-direction: column;
  }

  .tracker-agent-search-wrap {
    width: 100%;
    max-width: none;
  }

  .tracker-agent-pagination {
    flex-wrap: wrap;
  }

  .tracker-agent-edit-primary,
  .tracker-agent-edit-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 620px) {
  .tracker-agent-edit-overlay {
    padding: 10px;
  }

  .tracker-agent-edit-header,
  .tracker-agent-edit-main,
  .tracker-agent-edit-footer {
    padding-left: 16px;
    padding-right: 16px;
  }

  .tracker-agent-edit-primary,
  .tracker-agent-edit-grid {
    grid-template-columns: 1fr;
  }

  .tracker-agent-edit-wide,
  .tracker-agent-edit-full {
    grid-column: auto;
  }

  .tracker-agent-edit-footer {
    flex-direction: column-reverse;
  }

  .tracker-agent-edit-footer button {
    width: 100%;
  }
}

/* =========================================================
   LEAD PROFILE — CONSOLIDATED
   One component shared by normal and shared Lead profiles.
========================================================= */

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-detail-redesign {
  display: grid;
  gap: 14px;
  padding-bottom: 18px;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-summary-card,
:is(#leadDetailPage, #sharedLeadDetailPage) .lead-log-card,
:is(#leadDetailPage, #sharedLeadDetailPage) .lead-current-place-card,
:is(#leadDetailPage, #sharedLeadDetailPage) .lead-timeline-card {
  color: #0f172a;
  border: 1px solid #dfe5ef;
  border-radius: 18px;
  background: #ffffff;
  box-shadow: 0 16px 38px rgba(15, 23, 42, 0.07);
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-summary-card {
  position: relative;
  padding: 17px 20px 20px;
  border-left: 4px solid #6d35f5;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-summary-topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 9px;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-card-label {
  margin: 0;
  color: #7447f7;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.085em;
  text-transform: uppercase;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-summary-layout {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr) 1px auto;
  align-items: center;
  gap: 20px;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-summary-avatar {
  width: 66px;
  height: 66px;
  display: grid;
  place-items: center;
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 50%;
  background: linear-gradient(145deg, #7547ff, #5128df);
  box-shadow: 0 12px 28px rgba(91, 61, 245, 0.28);
  font-size: 21px;
  font-weight: 950;
  letter-spacing: -0.04em;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-summary-main {
  min-width: 0;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-name-row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 13px;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-name-row h1 {
  margin: 0;
  overflow: hidden;
  color: #0f172a;
  font-size: 25px;
  font-weight: 900;
  letter-spacing: -0.045em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-summary-status {
  display: inline-flex;
  align-items: center;
  min-height: 25px;
  padding: 0 10px;
  color: #147a43;
  border: 1px solid #bcebd0;
  border-radius: 999px;
  background: #e8f9ef;
  font-size: 11px;
  font-weight: 850;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-summary-status.archived {
  color: #667085;
  border-color: #d8dee8;
  background: #eef1f5;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-summary-meta {
  display: grid;
  grid-template-columns: repeat(5, minmax(105px, max-content));
  align-items: center;
  gap: 16px;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-meta-item {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 9px;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-meta-icon {
  width: 34px;
  height: 34px;
  min-width: 34px;
  display: grid;
  place-items: center;
  color: #6641e8;
  border: 1px solid #e1dbfb;
  border-radius: 12px;
  background: #f5f2ff;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-meta-icon svg {
  width: 16px;
  height: 16px;
  stroke-width: 2.1;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-meta-item small,
:is(#leadDetailPage, #sharedLeadDetailPage) .lead-summary-stats small {
  display: block;
  margin-bottom: 3px;
  color: #778195;
  font-size: 9.5px;
  font-weight: 900;
  letter-spacing: 0.075em;
  text-transform: uppercase;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-meta-item strong {
  display: block;
  max-width: 170px;
  overflow: hidden;
  color: #263248;
  font-size: 11.5px;
  font-weight: 700;
  line-height: 1.35;
  text-overflow: ellipsis;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-summary-divider {
  width: 1px;
  height: 70px;
  background: #dfe5ef;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-summary-stats {
  min-width: 235px;
  display: grid;
  grid-template-columns: repeat(2, minmax(96px, 1fr));
  gap: 18px;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-summary-result-pill,
:is(#leadDetailPage, #sharedLeadDetailPage) .lead-summary-calls-pill {
  min-height: 37px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 86px;
  padding: 0 12px;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 850;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-summary-result-pill {
  color: #d73552;
  background: #ffedf1;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-summary-result-pill.answered,
:is(#leadDetailPage, #sharedLeadDetailPage) .lead-summary-result-pill.interested,
:is(#leadDetailPage, #sharedLeadDetailPage) .lead-summary-result-pill.sold {
  color: #148047;
  background: #e7f9ef;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-summary-result-pill.appointment {
  color: #6841e8;
  background: #efeaff;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-summary-result-pill.new {
  color: #5f6b7c;
  background: #edf1f6;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-summary-calls-pill {
  color: #245fc1;
  background: #e8f1ff;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-summary-menu {
  position: relative;
  z-index: 20;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-summary-menu > summary,
:is(#leadDetailPage, #sharedLeadDetailPage) .lead-row-actions-menu > summary {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  color: #6540e8;
  border: 1px solid #ddd7f5;
  border-radius: 11px;
  background: #f8f6ff;
  cursor: pointer;
  list-style: none;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-summary-menu > summary::-webkit-details-marker,
:is(#leadDetailPage, #sharedLeadDetailPage) .lead-row-actions-menu > summary::-webkit-details-marker {
  display: none;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-summary-menu > summary svg,
:is(#leadDetailPage, #sharedLeadDetailPage) .lead-row-actions-menu > summary svg {
  width: 18px;
  height: 18px;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-summary-menu[open] > summary,
:is(#leadDetailPage, #sharedLeadDetailPage) .lead-row-actions-menu[open] > summary {
  color: #ffffff;
  border-color: #6d35f5;
  background: linear-gradient(135deg, #7547ff, #5128df);
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-summary-menu-dropdown,
:is(#leadDetailPage, #sharedLeadDetailPage) .lead-row-actions-dropdown {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  min-width: 174px;
  overflow: hidden;
  padding: 7px;
  border: 1px solid #ddd7f5;
  border-radius: 13px;
  background: #ffffff;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.18);
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-summary-menu-dropdown button,
:is(#leadDetailPage, #sharedLeadDetailPage) .lead-row-actions-dropdown button {
  width: 100%;
  min-height: 38px;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 0 10px;
  color: #3d2b85;
  border-radius: 9px;
  background: transparent;
  box-shadow: none;
  font-size: 12px;
  font-weight: 800;
  text-align: left;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-summary-menu-dropdown button:hover,
:is(#leadDetailPage, #sharedLeadDetailPage) .lead-row-actions-dropdown button:hover {
  color: #5e35e5;
  background: #f3efff;
  transform: none;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-summary-menu-dropdown button.danger,
:is(#leadDetailPage, #sharedLeadDetailPage) .lead-row-actions-dropdown button.danger {
  color: #df334f;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-summary-menu-dropdown button.danger:hover,
:is(#leadDetailPage, #sharedLeadDetailPage) .lead-row-actions-dropdown button.danger:hover {
  background: #fff0f3;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-summary-menu-dropdown svg,
:is(#leadDetailPage, #sharedLeadDetailPage) .lead-row-actions-dropdown svg {
  width: 15px;
  height: 15px;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-work-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(420px, 1.05fr);
  gap: 14px;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-log-card,
:is(#leadDetailPage, #sharedLeadDetailPage) .lead-current-place-card {
  min-width: 0;
  padding: 18px 20px;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-section-title {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 15px;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-section-title > span {
  width: 30px;
  height: 30px;
  min-width: 30px;
  display: grid;
  place-items: center;
  color: #6e42ee;
  border-radius: 10px;
  background: #efeaff;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-section-title > span svg {
  width: 16px;
  height: 16px;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-section-title h2 {
  margin: 2px 0 0;
  color: #182238;
  font-size: 16px;
  font-weight: 900;
  letter-spacing: -0.025em;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-section-title p {
  margin: 3px 0 0;
  color: #7b8597;
  font-size: 11px;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-log-fields,
:is(#leadDetailPage, #sharedLeadDetailPage) .lead-extra-fields {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 12px;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-extra-fields {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-log-fields label,
:is(#leadDetailPage, #sharedLeadDetailPage) .lead-extra-fields label,
:is(#leadDetailPage, #sharedLeadDetailPage) .lead-note-label {
  display: grid;
  gap: 6px;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-log-fields label > span,
:is(#leadDetailPage, #sharedLeadDetailPage) .lead-extra-fields label > span,
:is(#leadDetailPage, #sharedLeadDetailPage) .lead-note-label > span {
  color: #5f6b7d;
  font-size: 11px;
  font-weight: 750;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-note-label small {
  color: #9098a8;
  font-size: inherit;
  font-weight: 600;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-log-fields select,
:is(#leadDetailPage, #sharedLeadDetailPage) .lead-extra-fields input,
:is(#leadDetailPage, #sharedLeadDetailPage) .lead-note-label textarea {
  width: 100%;
  color: #182238;
  border: 1px solid #d9e0eb;
  border-radius: 10px;
  background-color: #ffffff;
  font-size: 12px;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-log-fields select,
:is(#leadDetailPage, #sharedLeadDetailPage) .lead-extra-fields input {
  height: 39px;
  padding: 0 11px;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-note-label textarea {
  min-height: 88px;
  padding: 10px 11px;
  resize: vertical;
  line-height: 1.45;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-save-activity-btn {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-top: 10px;
  padding: 0 14px;
  color: #ffffff;
  border-radius: 9px;
  background: linear-gradient(135deg, #7547ff, #5128df);
  box-shadow: 0 10px 22px rgba(91, 61, 245, 0.25);
  font-size: 12px;
  font-weight: 850;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-save-activity-btn svg {
  width: 15px;
  height: 15px;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .current-lead-activity {
  min-height: 138px;
  overflow: hidden;
  border: 1px solid #dfe5ef;
  border-radius: 14px;
  background: #fbfcff;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .current-lead-empty {
  min-height: 138px;
  display: grid;
  place-items: center;
  padding: 20px;
  color: #7b8597;
  font-size: 12px;
  text-align: center;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .current-lead-result-head {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 14px 16px;
  border-bottom: 1px solid #e2e7f0;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .current-lead-result-icon {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  color: #df334f;
  border-radius: 13px;
  background: #ffedf1;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .current-lead-result-icon svg {
  width: 19px;
  height: 19px;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .current-lead-result-head strong {
  display: block;
  color: #172033;
  font-size: 14px;
  font-weight: 850;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .current-lead-result-head small {
  display: block;
  margin-top: 2px;
  color: #7a8496;
  font-size: 10.5px;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .current-lead-details {
  display: grid;
  grid-template-columns: 1.2fr 0.85fr 0.95fr 1.5fr;
  align-items: stretch;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .current-lead-detail {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 13px 15px;
  border-right: 1px solid #e4e8f0;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .current-lead-detail:last-child {
  border-right: 0;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .current-lead-detail svg {
  width: 16px;
  height: 16px;
  min-width: 16px;
  color: #6d35f5;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .current-lead-detail strong {
  display: block;
  overflow: hidden;
  color: #293449;
  font-size: 11.5px;
  font-weight: 750;
  line-height: 1.35;
  text-overflow: ellipsis;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .current-lead-detail small {
  display: block;
  margin-top: 2px;
  color: #8a93a4;
  font-size: 9.5px;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-timeline-card {
  overflow: visible;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .timeline-header {
  min-height: 55px;
  display: flex;
  align-items: center;
  padding: 0 20px;
  border-bottom: 1px solid #e1e6ef;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .timeline-header > div {
  display: flex;
  align-items: center;
  gap: 9px;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .timeline-header-icon {
  color: #6d35f5;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .timeline-header-icon svg {
  width: 18px;
  height: 18px;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .timeline-header h2 {
  margin: 0;
  color: #172033;
  font-size: 15px;
  font-weight: 900;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .timeline-header p {
  margin: 0 0 0 8px;
  color: #7e8798;
  font-size: 10.5px;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .timeline-column-headings,
:is(#leadDetailPage, #sharedLeadDetailPage) .timeline-note-row {
  display: grid;
  grid-template-columns: 145px 125px 145px minmax(190px, 1fr) minmax(200px, 1.2fr) 42px;
  gap: 14px;
  align-items: center;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .timeline-column-headings {
  min-height: 38px;
  padding: 0 18px;
  color: #758094;
  border-bottom: 1px solid #e4e8f0;
  background: #f8f9fc;
  font-size: 9.5px;
  font-weight: 900;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-timeline-list {
  display: grid;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .timeline-note-row {
  position: relative;
  min-height: 66px;
  padding: 10px 18px;
  border-bottom: 1px solid #e5e9f1;
  background: #ffffff;
  transition: background 0.16s ease, transform 0.16s ease;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .timeline-note-row:last-child {
  border-bottom: 0;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .timeline-note-row:hover {
  z-index: 5;
  background: #fbfaff;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .timeline-cell {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 9px;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .timeline-cell-icon {
  width: 30px;
  height: 30px;
  min-width: 30px;
  display: grid;
  place-items: center;
  color: #6d35f5;
  border-radius: 10px;
  background: #f0ebff;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .timeline-cell-icon svg {
  width: 15px;
  height: 15px;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .timeline-cell strong {
  display: block;
  overflow: hidden;
  color: #2a3448;
  font-size: 11.5px;
  font-weight: 750;
  line-height: 1.35;
  text-overflow: ellipsis;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .timeline-cell small {
  display: block;
  margin-top: 2px;
  color: #8790a1;
  font-size: 9.5px;
  line-height: 1.3;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .timeline-result-pill {
  display: inline-flex;
  align-items: center;
  min-height: 25px;
  padding: 0 10px;
  color: #d73552;
  border-radius: 999px;
  background: #ffedf1;
  font-size: 10.5px;
  font-weight: 850;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .timeline-result-pill.answered,
:is(#leadDetailPage, #sharedLeadDetailPage) .timeline-result-pill.interested,
:is(#leadDetailPage, #sharedLeadDetailPage) .timeline-result-pill.sold {
  color: #158147;
  background: #e7f9ef;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .timeline-result-pill.appointment {
  color: #6841e8;
  background: #efeaff;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .timeline-result-pill.empty {
  color: #7b8494;
  background: #eef1f5;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .timeline-note-manual strong {
  white-space: normal;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-row-actions-menu {
  position: relative;
  justify-self: end;
  z-index: 10;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-row-actions-menu > summary {
  width: 34px;
  height: 34px;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-row-actions-dropdown {
  top: auto;
  right: 0;
  bottom: calc(100% + 7px);
  min-width: 132px;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-timeline-empty {
  padding: 28px 20px;
  color: #7b8597;
  font-size: 12px;
  text-align: center;
}

@media (max-width: 1320px) {
  :is(#leadDetailPage, #sharedLeadDetailPage) .lead-summary-meta {
    grid-template-columns: repeat(3, minmax(120px, 1fr));
  }

  :is(#leadDetailPage, #sharedLeadDetailPage) .lead-summary-layout {
    grid-template-columns: 66px minmax(0, 1fr);
  }

  :is(#leadDetailPage, #sharedLeadDetailPage) .lead-summary-divider,
  :is(#leadDetailPage, #sharedLeadDetailPage) .lead-summary-stats {
    grid-column: 2;
  }

  :is(#leadDetailPage, #sharedLeadDetailPage) .lead-summary-divider {
    display: none;
  }

  :is(#leadDetailPage, #sharedLeadDetailPage) .lead-summary-stats {
    min-width: 0;
    grid-template-columns: repeat(2, 120px);
  }
}

@media (max-width: 1040px) {
  :is(#leadDetailPage, #sharedLeadDetailPage) .lead-work-grid {
    grid-template-columns: 1fr;
  }

  :is(#leadDetailPage, #sharedLeadDetailPage) .timeline-column-headings {
    display: none;
  }

  :is(#leadDetailPage, #sharedLeadDetailPage) .timeline-note-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) 40px;
    align-items: start;
  }

  :is(#leadDetailPage, #sharedLeadDetailPage) .timeline-note-manual {
    grid-column: 1 / 3;
  }

  :is(#leadDetailPage, #sharedLeadDetailPage) .lead-row-actions-menu {
    grid-column: 3;
    grid-row: 1;
  }
}

@media (max-width: 720px) {
  :is(#leadDetailPage, #sharedLeadDetailPage) .lead-summary-layout {
    grid-template-columns: 1fr;
  }

  :is(#leadDetailPage, #sharedLeadDetailPage) .lead-summary-avatar {
    width: 58px;
    height: 58px;
  }

  :is(#leadDetailPage, #sharedLeadDetailPage) .lead-summary-meta {
    grid-template-columns: 1fr;
  }

  :is(#leadDetailPage, #sharedLeadDetailPage) .lead-summary-stats {
    grid-column: 1;
  }

  :is(#leadDetailPage, #sharedLeadDetailPage) .lead-log-fields,
  :is(#leadDetailPage, #sharedLeadDetailPage) .lead-extra-fields {
    grid-template-columns: 1fr;
  }

  :is(#leadDetailPage, #sharedLeadDetailPage) .timeline-note-row {
    grid-template-columns: 1fr 38px;
  }

  :is(#leadDetailPage, #sharedLeadDetailPage) .timeline-cell,
  :is(#leadDetailPage, #sharedLeadDetailPage) .timeline-note-manual {
    grid-column: 1;
  }

  :is(#leadDetailPage, #sharedLeadDetailPage) .lead-row-actions-menu {
    grid-column: 2;
    grid-row: 1;
  }
}

/* ACCOUNT SELF-SERVICE SETTINGS */
.account-settings-card {
  display: grid;
  gap: 20px;
  margin: 0 0 18px;
  padding: 20px;
  border: 1px solid #e1e6ef;
  border-radius: 18px;
  background: #ffffff;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
}

.account-settings-heading {
  display: flex;
  align-items: center;
  gap: 12px;
}

.account-settings-heading h3,
.account-password-section h4 {
  margin: 0;
  color: #172033;
}

.account-settings-heading p,
.account-password-section p {
  margin: 4px 0 0;
  color: #718096;
  font-size: 12px;
}

.account-settings-icon {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  color: #6d35f5;
  border-radius: 13px;
  background: #f0ebff;
}

.account-settings-icon svg {
  width: 20px;
  height: 20px;
}

.account-settings-grid,
.account-password-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr)) auto;
  gap: 12px;
  align-items: end;
}

.account-settings-card label {
  min-width: 0;
  display: grid;
  gap: 6px;
}

.account-settings-card label > span {
  color: #536176;
  font-size: 11px;
  font-weight: 800;
}

.account-settings-card input,
.account-settings-card select {
  width: 100%;
  min-height: 40px;
  padding: 0 11px;
  color: #172033;
  border: 1px solid #dce2ec;
  border-radius: 10px;
  background: #ffffff;
}

.account-settings-card input[readonly] {
  color: #68758a;
  background: #f7f9fc;
}

.account-language-action,
.account-password-action {
  display: flex;
  align-items: end;
}

.account-language-action button,
.account-password-action button {
  min-height: 40px;
  white-space: nowrap;
}

.account-password-section {
  display: grid;
  gap: 12px;
  padding-top: 18px;
  border-top: 1px solid #e6eaf1;
}

body:not(.app-dark-mode) .admin-settings-only.hidden,
.admin-settings-only.hidden {
  display: none !important;
}

/* Long manual notes must wrap inside the Activity Timeline. */
:is(#leadDetailPage, #sharedLeadDetailPage) .timeline-note-manual,
:is(#leadDetailPage, #sharedLeadDetailPage) .timeline-note-manual > div {
  min-width: 0;
  max-width: 100%;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .timeline-note-manual strong {
  display: block;
  max-width: 100%;
  overflow: visible;
  overflow-wrap: anywhere;
  word-break: break-word;
  white-space: normal;
  text-overflow: clip;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .timeline-note-row,
:is(#leadDetailPage, #sharedLeadDetailPage) .timeline-column-headings {
  grid-template-columns:
    minmax(120px, 145px)
    minmax(100px, 125px)
    minmax(115px, 145px)
    minmax(160px, 1fr)
    minmax(180px, 1.35fr)
    42px;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-timeline-card,
:is(#leadDetailPage, #sharedLeadDetailPage) .lead-timeline-list {
  min-width: 0;
  max-width: 100%;
  overflow: visible;
}

@media (max-width: 1200px) {
  .account-settings-grid,
  .account-password-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .account-language-action,
  .account-password-action {
    align-items: stretch;
  }

  .account-language-action button,
  .account-password-action button {
    width: 100%;
  }
}

@media (max-width: 720px) {
  .account-settings-grid,
  .account-password-grid {
    grid-template-columns: 1fr;
  }
}

/* SETTINGS CENTER */

.settings-center {
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}

.settings-center-nav,
.settings-panel-card {
  border: 1px solid rgba(122, 92, 220, 0.24);
  border-radius: 18px;
  background: var(--panel);
  box-shadow: 0 16px 38px rgba(15, 23, 42, 0.08);
}

.settings-center-nav {
  position: sticky;
  top: 0;
  display: grid;
  gap: 6px;
  padding: 14px;
}

.settings-tab-button {
  width: 100%;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 12px;
  color: var(--text);
  text-align: left;
  border: 1px solid transparent;
  border-radius: 12px;
  background: transparent;
  box-shadow: none;
}

.settings-tab-button:hover {
  opacity: 1;
  transform: none;
  color: var(--text);
  border-color: rgba(109, 53, 245, 0.20);
  background: rgba(109, 53, 245, 0.06);
}

.settings-tab-button.active {
  color: #ffffff;
  border-color: rgba(139, 92, 246, 0.32);
  background: linear-gradient(135deg, #5f2eea, #4323ad);
  box-shadow: 0 10px 24px rgba(91, 45, 218, 0.25);
}

.settings-tab-button > span {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 11px;
  background: rgba(109, 53, 245, 0.10);
}

.settings-tab-button.active > span {
  background: rgba(255, 255, 255, 0.14);
}

.settings-tab-button svg {
  width: 19px;
  height: 19px;
}

.settings-tab-button strong,
.settings-tab-button small {
  display: block;
  min-width: 0;
}

.settings-tab-button strong {
  margin-bottom: 3px;
  font-size: 13px;
}

.settings-tab-button small {
  color: var(--muted);
  font-size: 10px;
  line-height: 1.25;
}

.settings-tab-button.active small {
  color: rgba(255, 255, 255, 0.72);
}

.settings-center-content,
.settings-panel {
  min-width: 0;
}

.settings-panel {
  display: none;
}

.settings-panel.active {
  display: block;
  animation: softFade 0.16s ease;
}

.settings-panel-card {
  min-height: 300px;
  padding: 20px;
}

.settings-panel-heading {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
  margin-bottom: 20px;
}

.settings-panel-heading h2,
.settings-panel-heading p {
  margin: 0;
}

.settings-panel-heading h2 {
  color: var(--text);
  font-size: 18px;
}

.settings-panel-heading p {
  margin-top: 5px;
  color: var(--muted);
  font-size: 12px;
}

.settings-profile-layout {
  display: grid;
  grid-template-columns: 165px minmax(0, 1fr);
  gap: 26px;
}

.settings-profile-avatar-wrap {
  display: grid;
  justify-items: center;
  align-content: start;
  gap: 9px;
  color: var(--muted);
  font-size: 11px;
  text-align: center;
}

.settings-profile-avatar-wrap > span {
  justify-self: start;
  color: var(--text);
  font-weight: 800;
}

.settings-profile-avatar {
  width: 72px;
  height: 72px;
  display: grid;
  place-items: center;
  color: #ffffff;
  font-size: 26px;
  font-weight: 900;
  border: 3px solid rgba(255, 255, 255, 0.18);
  border-radius: 50%;
  background: linear-gradient(135deg, #7c3aed, #4f46e5);
  box-shadow: 0 12px 28px rgba(79, 70, 229, 0.30);
}

.settings-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.settings-form-grid .full-width {
  grid-column: 1 / -1;
}

.settings-form-grid label,
.settings-preference-item {
  min-width: 0;
}

.settings-form-grid label {
  display: grid;
  gap: 7px;
}

.settings-form-grid label > span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}

.settings-form-grid input,
.settings-form-grid select,
.settings-preference-item select {
  width: 100%;
  min-height: 42px;
  padding: 0 12px;
  color: var(--text);
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--panel);
}

.settings-form-grid input[readonly] {
  color: var(--muted);
  background: var(--panel-soft);
}

.settings-preference-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.settings-preference-item {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) minmax(150px, 210px);
  gap: 12px;
  align-items: center;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--panel-soft);
}

.settings-preference-icon {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  color: #8b5cf6;
  border-radius: 13px;
  background: rgba(109, 53, 245, 0.12);
}

.settings-preference-icon svg {
  width: 20px;
  height: 20px;
}

.settings-preference-item strong,
.settings-preference-item small {
  display: block;
}

.settings-preference-item strong {
  color: var(--text);
  font-size: 13px;
}

.settings-preference-item small {
  margin-top: 3px;
  color: var(--muted);
  font-size: 10px;
}

.settings-toggle-row {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--panel-soft);
}

.settings-toggle-row strong,
.settings-toggle-row small {
  display: block;
}

.settings-toggle-row strong {
  color: var(--text);
}

.settings-toggle-row small {
  margin-top: 4px;
  color: var(--muted);
}

.settings-switch {
  position: relative;
  width: 50px;
  height: 28px;
}

.settings-switch input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.settings-switch i {
  position: absolute;
  inset: 0;
  border-radius: 999px;
  background: #6b7280;
  transition: 0.18s ease;
}

.settings-switch i::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #ffffff;
  transition: 0.18s ease;
}

.settings-switch input:checked + i {
  background: linear-gradient(135deg, #6d35f5, #4f46e5);
}

.settings-switch input:checked + i::after {
  transform: translateX(22px);
}

.settings-information-list {
  display: grid;
  gap: 12px;
}

.settings-information-list article,
.settings-device-row,
.settings-about-card {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--panel-soft);
}

.settings-information-list article > svg,
.settings-device-row > span,
.settings-about-card > span {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  color: #8b5cf6;
  border-radius: 12px;
  background: rgba(109, 53, 245, 0.12);
}

.settings-information-list article > svg {
  padding: 10px;
}

.settings-information-list strong,
.settings-information-list p,
.settings-device-row strong,
.settings-device-row small,
.settings-about-card strong,
.settings-about-card p,
.settings-about-card small {
  display: block;
  margin: 0;
}

.settings-information-list p,
.settings-device-row small,
.settings-about-card p,
.settings-about-card small {
  margin-top: 4px;
  color: var(--muted);
  font-size: 11px;
}

.settings-device-row em {
  color: #22c55e;
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
}

.settings-empty-state {
  min-height: 240px;
  display: grid;
  justify-items: center;
  align-content: center;
  gap: 10px;
  color: var(--muted);
  text-align: center;
}

.settings-empty-state > span {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  color: #8b5cf6;
  border-radius: 18px;
  background: rgba(109, 53, 245, 0.12);
}

.settings-empty-state strong {
  color: var(--text);
}

.settings-empty-state p {
  max-width: 420px;
  margin: 0;
  font-size: 12px;
}

.settings-about-card {
  grid-template-columns: 54px minmax(0, 1fr);
}

.settings-about-card > span {
  width: 54px;
  height: 54px;
}

body.app-density-compact .settings-panel-card {
  padding: 15px;
}

body.app-density-compact .settings-tab-button,
body.app-density-compact .settings-preference-item,
body.app-density-compact .settings-toggle-row {
  padding: 9px;
}

@media (max-width: 1100px) {
  .settings-center {
    grid-template-columns: 230px minmax(0, 1fr);
  }

  .settings-preference-grid {
    grid-template-columns: 1fr;
  }

  .settings-preference-item {
    grid-template-columns: 42px minmax(0, 1fr) minmax(135px, 180px);
  }
}

@media (max-width: 820px) {
  #loginScreen.lf-landing .lf-comms-grid { grid-template-columns: 1fr; }
  .settings-center {
    grid-template-columns: 1fr;
  }

  .settings-center-nav {
    position: static;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .settings-profile-layout,
  .settings-form-grid {
    grid-template-columns: 1fr;
  }

  .settings-profile-avatar-wrap {
    justify-items: start;
  }

  .settings-profile-avatar-wrap small {
    text-align: left;
  }
}

@media (max-width: 560px) {
  #loginScreen.lf-landing .lf-comms-shell { padding: 18px 14px; }
  #loginScreen.lf-landing .lf-comms-topbar { align-items: flex-start; }
  #loginScreen.lf-landing .lf-comms-topbar h3 { font-size: 21px; }
  #loginScreen.lf-landing .lf-dialer-actions { grid-template-columns: repeat(2,minmax(0,1fr)); }
  #loginScreen.lf-landing .lf-dialer-number { font-size: 24px; }
  .settings-center-nav {
    grid-template-columns: 1fr;
  }

  .settings-panel-heading {
    display: grid;
  }

  .settings-panel-heading button {
    width: 100%;
  }

  .settings-preference-item {
    grid-template-columns: 42px minmax(0, 1fr);
  }

  .settings-preference-item select {
    grid-column: 1 / -1;
  }
}

/* DASHBOARD COACH */

.dashboard-coach-header {
  min-height: 78px;
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: center;
  padding: 15px 18px 13px;
  border-bottom: 1px solid rgba(139, 92, 246, 0.26);
}

.dashboard-coach-title-wrap {
  min-width: 0;
  display: flex;
  gap: 12px;
  align-items: center;
}

.dashboard-coach-icon {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  display: grid;
  place-items: center;
  color: #ffffff;
  border-radius: 13px;
  background: linear-gradient(135deg, #8b5cf6, #5b35e8);
  box-shadow: 0 9px 22px rgba(109, 53, 245, 0.34);
}

.dashboard-coach-icon svg {
  width: 21px;
  height: 21px;
}

.dashboard-coach-title-line {
  display: flex;
  gap: 9px;
  align-items: center;
}

.dashboard-coach-title-line h2,
.dashboard-coach-title-wrap p {
  margin: 0;
}

.dashboard-coach-title-line h2 {
  color: #ffffff;
  font-size: 20px;
  line-height: 1.05;
}

.dashboard-coach-title-line > span {
  padding: 3px 7px;
  color: #ffffff;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.04em;
  border-radius: 5px;
  background: linear-gradient(135deg, #7c3aed, #5b35e8);
}

.dashboard-coach-title-wrap p {
  margin-top: 5px;
  color: #b9b0d3;
  font-size: 10px;
}

.dashboard-coach-trophy {
  width: 74px;
  height: 52px;
  flex: 0 0 74px;
  display: grid;
  place-items: center;
  color: #facc15;
}

.dashboard-coach-trophy svg {
  width: 48px;
  height: 48px;
  filter: drop-shadow(0 7px 14px rgba(250, 204, 21, 0.24));
}

.dashboard-coach-columns {
  display: grid;
  grid-template-columns: 1fr 1fr 0.95fr;
}

.dashboard-coach-column {
  min-width: 0;
  padding: 14px 16px 15px;
  border-right: 1px solid rgba(139, 92, 246, 0.22);
}

.dashboard-coach-column:last-child {
  border-right: 0;
}

.dashboard-coach-column h3 {
  display: flex;
  gap: 7px;
  align-items: center;
  margin: 0 0 11px;
  font-size: 11px;
  line-height: 1.2;
}

.dashboard-coach-column h3 svg {
  width: 14px;
  height: 14px;
}

.dashboard-coach-column.improved h3 {
  color: #32d66b;
}

.dashboard-coach-column.improvement h3 {
  color: #fbbf24;
}

.dashboard-coach-column.advice h3 {
  color: #60a5fa;
}

.dashboard-coach-list {
  display: grid;
  gap: 10px;
}

.dashboard-coach-item {
  display: grid;
  grid-template-columns: 17px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
}

.dashboard-coach-item > i {
  width: 17px;
  height: 17px;
  display: grid;
  place-items: center;
  margin-top: 1px;
  color: #ffffff;
  font-size: 9px;
  font-style: normal;
  font-weight: 900;
  border-radius: 50%;
}

.dashboard-coach-column.improved .dashboard-coach-item > i {
  background: #22c55e;
}

.dashboard-coach-column.improvement .dashboard-coach-item > i {
  color: #261a00;
  border-radius: 4px;
  background: #fbbf24;
}

.dashboard-coach-item strong,
.dashboard-coach-item small {
  display: block;
  overflow-wrap: anywhere;
}

.dashboard-coach-item strong {
  color: #f8f7ff;
  font-size: 10px;
  line-height: 1.3;
}

.dashboard-coach-item small {
  margin-top: 2px;
  color: #aaa4c1;
  font-size: 9px;
  line-height: 1.38;
}

.dashboard-coach-column blockquote {
  margin: 0;
  color: #e5e1f2;
  font-size: 10px;
  line-height: 1.6;
}

.dashboard-coach-column.advice > strong {
  display: block;
  margin-top: 13px;
  color: #a78bfa;
  font-size: 10px;
  line-height: 1.35;
  text-transform: uppercase;
}

@media (max-width: 900px) {
  .dashboard-coach-columns {
    grid-template-columns: 1fr;
  }

  .dashboard-coach-column {
    border-right: 0;
    border-bottom: 1px solid rgba(139, 92, 246, 0.22);
  }

  .dashboard-coach-column:last-child {
    border-bottom: 0;
  }
}

@media (max-width: 620px) {
  .dashboard-coach-trophy {
    display: none;
  }
}

/* MONTHLY GOAL COMPLETED STATE */
.monthly-goal-card.monthly-goal-completed {
  position: relative;
  overflow: hidden;
  border-color: rgba(250, 204, 21, 0.72);
  background:
    radial-gradient(circle at 88% 12%, rgba(250, 204, 21, 0.18), transparent 28%),
    radial-gradient(circle at 12% 100%, rgba(34, 197, 94, 0.13), transparent 34%),
    linear-gradient(145deg, #211742 0%, #17102f 48%, #100c26 100%);
  box-shadow:
    0 0 0 1px rgba(250, 204, 21, 0.12),
    0 18px 42px rgba(250, 204, 21, 0.12);
}

.monthly-goal-card.monthly-goal-completed::before {
  content: "";
  position: absolute;
  inset: -35%;
  pointer-events: none;
  background:
    conic-gradient(
      from 0deg,
      transparent 0deg,
      rgba(250, 204, 21, 0.08) 24deg,
      transparent 48deg,
      rgba(34, 197, 94, 0.07) 72deg,
      transparent 96deg
    );
  animation: monthlyGoalVictorySpin 16s linear infinite;
}

.monthly-goal-card.monthly-goal-completed > * {
  position: relative;
  z-index: 1;
}

.monthly-goal-card.monthly-goal-completed .monthly-goal-icon,
.monthly-goal-card.monthly-goal-completed .monthly-goal-progress-ring {
  animation: monthlyGoalVictoryPulse 2.2s ease-in-out infinite;
}

.monthly-goal-card.monthly-goal-completed .monthly-goal-progress-ring {
  background:
    radial-gradient(circle at center, #17102f 56%, transparent 58%),
    conic-gradient(#facc15 0deg, #22c55e 360deg);
  box-shadow:
    0 0 0 6px rgba(250, 204, 21, 0.08),
    0 0 24px rgba(250, 204, 21, 0.24);
}

.monthly-goal-completed-banner {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  margin: 0 18px 16px;
  padding: 12px 14px;
  color: #fffbea;
  border: 1px solid rgba(250, 204, 21, 0.38);
  border-radius: 14px;
  background:
    linear-gradient(135deg, rgba(126, 82, 8, 0.38), rgba(22, 101, 52, 0.24));
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.16);
}

.monthly-goal-completed-icon {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  color: #facc15;
  border-radius: 13px;
  background: rgba(250, 204, 21, 0.12);
}

.monthly-goal-completed-icon svg {
  width: 22px;
  height: 22px;
}

.monthly-goal-completed-banner strong,
.monthly-goal-completed-banner small {
  display: block;
}

.monthly-goal-completed-banner strong {
  color: #ffffff;
  font-size: 13px;
}

.monthly-goal-completed-banner small {
  margin-top: 3px;
  color: #ded8bd;
  font-size: 10px;
}

.monthly-goal-completed-stars {
  color: #facc15;
  font-size: 16px;
  letter-spacing: 0.12em;
  animation: monthlyGoalStarsGlow 1.8s ease-in-out infinite;
}

/* FULL-SCREEN FIREWORKS */
.monthly-goal-celebration-layer {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483647 !important;
  width: 100vw !important;
  height: 100vh !important;
  overflow: hidden !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at center, rgba(35, 20, 74, 0.28), rgba(2, 3, 18, 0.16) 46%, rgba(2, 3, 18, 0.50)) !important;
  isolation: isolate;
}

.monthly-goal-fireworks-canvas {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
}

.monthly-goal-live-message {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  width: min(760px, calc(100vw - 36px));
  padding: 30px 28px 32px;
  color: #ffffff;
  text-align: center;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(250, 204, 21, 0.62);
  border-radius: 30px;
  background:
    radial-gradient(circle at 50% 0%, rgba(250, 204, 21, 0.28), transparent 35%),
    linear-gradient(145deg, rgba(40, 22, 78, 0.95), rgba(13, 9, 35, 0.96));
  box-shadow:
    0 0 0 1px rgba(250, 204, 21, 0.15),
    0 35px 110px rgba(0, 0, 0, 0.72),
    0 0 90px rgba(124, 58, 237, 0.30);
  backdrop-filter: blur(12px);
  animation: monthlyGoalLiveEntrance 0.55s cubic-bezier(0.16, 1, 0.3, 1);
}

.monthly-goal-live-trophy {
  width: 112px;
  height: 112px;
  display: grid;
  place-items: center;
  margin: -78px auto 12px;
  color: #facc15;
  border: 2px solid rgba(250, 204, 21, 0.62);
  border-radius: 34px;
  background:
    radial-gradient(circle, rgba(250, 204, 21, 0.24), rgba(124, 58, 237, 0.20));
  box-shadow:
    0 0 46px rgba(250, 204, 21, 0.48),
    inset 0 0 30px rgba(250, 204, 21, 0.14);
  animation: monthlyGoalLiveTrophy 1.2s ease-in-out infinite;
}

.monthly-goal-live-trophy svg {
  width: 66px;
  height: 66px;
  stroke-width: 2.1;
}

.monthly-goal-live-eyebrow {
  margin: 10px 0 5px;
  color: #c4b5fd;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

.monthly-goal-live-message h2 {
  margin: 0;
  color: #ffffff;
  font-size: clamp(42px, 6vw, 78px);
  font-weight: 1000;
  line-height: 0.98;
  letter-spacing: -0.055em;
  text-shadow:
    0 5px 0 rgba(146, 64, 14, 0.55),
    0 10px 34px rgba(250, 204, 21, 0.46);
}

.monthly-goal-live-message > strong {
  display: block;
  width: fit-content;
  max-width: 100%;
  margin: 18px auto 0;
  padding: 10px 22px;
  color: #ffffff;
  font-size: clamp(15px, 2vw, 22px);
  border-radius: 999px;
  background: linear-gradient(135deg, #6d28d9, #4c1d95);
  box-shadow: 0 10px 32px rgba(91, 33, 182, 0.38);
}

.monthly-goal-live-message > p:not(.monthly-goal-live-eyebrow) {
  margin: 16px 0 0;
  color: #f7f3ff;
  font-size: clamp(16px, 2vw, 23px);
}

.monthly-goal-live-stars {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 18px;
  color: #facc15;
  font-size: 29px;
}

.monthly-goal-live-stars span {
  animation: monthlyGoalLiveStar 0.9s ease-in-out infinite alternate;
}

.monthly-goal-live-stars span:nth-child(2) {
  animation-delay: 0.12s;
}

.monthly-goal-live-stars span:nth-child(3) {
  animation-delay: 0.24s;
}

.monthly-goal-live-stars span:nth-child(4) {
  animation-delay: 0.36s;
}

.monthly-goal-live-stars span:nth-child(5) {
  animation-delay: 0.48s;
}

@keyframes monthlyGoalVictorySpin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes monthlyGoalVictoryPulse {
  0%,
  100% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.08);
  }
}

@keyframes monthlyGoalStarsGlow {
  0%,
  100% {
    opacity: 0.55;
    transform: translateY(0);
  }

  50% {
    opacity: 1;
    transform: translateY(-2px);
  }
}

@keyframes monthlyGoalLiveEntrance {
  from {
    opacity: 0;
    transform: translate(-50%, -44%) scale(0.68);
  }

  to {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}

@keyframes monthlyGoalLiveTrophy {
  0%,
  100% {
    transform: translateY(0) rotate(-2deg) scale(1);
  }

  50% {
    transform: translateY(-8px) rotate(2deg) scale(1.05);
  }
}

@keyframes monthlyGoalLiveStar {
  from {
    opacity: 0.45;
    transform: translateY(3px) scale(0.86);
  }

  to {
    opacity: 1;
    transform: translateY(-3px) scale(1.12);
  }
}

@media (max-width: 620px) {
  .monthly-goal-completed-banner {
    grid-template-columns: 38px minmax(0, 1fr);
  }

  .monthly-goal-completed-stars {
    display: none;
  }

  .monthly-goal-live-message {
    padding: 24px 16px 24px;
  }

  .monthly-goal-live-trophy {
    width: 88px;
    height: 88px;
    margin-top: -64px;
    border-radius: 27px;
  }

  .monthly-goal-live-trophy svg {
    width: 52px;
    height: 52px;
  }

  .monthly-goal-live-stars {
    gap: 6px;
    font-size: 22px;
  }
}



/* REMOVE COMPLETED-GOAL DIAGONAL SWEEP */
.monthly-goal-card.monthly-goal-completed::before {
  content: none !important;
  display: none !important;
  animation: none !important;
}

/* HIERARCHY AND LEADERBOARD SCOPE */
.leaderboard-scope-control {
  display: grid;
  gap: 6px;
  min-width: 150px;
}

.leaderboard-scope-control > label {
  color: var(--muted);
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.user-hierarchy-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 5px;
}

.user-hierarchy-chip {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 8px;
  color: var(--muted);
  font-size: 9px;
  font-weight: 800;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--panel-soft);
}

.user-hierarchy-chip.role {
  color: #8b5cf6;
  border-color: rgba(139, 92, 246, 0.24);
  background: rgba(139, 92, 246, 0.08);
}



/* LEADERBOARD FILTER ALIGNMENT */
body.leaderboard-page-active .leaderboard-hero-row {
  display: block;
}

body.leaderboard-page-active .leaderboard-summary-grid {
  width: 100%;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

body.leaderboard-page-active .leaderboard-filters-row {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 12px;
  width: 100%;
  margin-top: 16px;
}

body.leaderboard-page-active
  .leaderboard-filters-row
  .leaderboard-period-control,
body.leaderboard-page-active
  .leaderboard-filters-row
  .leaderboard-scope-control {
  min-width: 0;
}

body.leaderboard-page-active
  .leaderboard-filters-row
  .leaderboard-scope-control {
  width: 170px;
}

body.leaderboard-page-active .leaderboard-summary-copy {
  min-width: 0;
  overflow: visible;
}

body.leaderboard-page-active .leaderboard-summary-copy strong {
  overflow: visible;
  text-overflow: clip;
  white-space: nowrap;
  font-size: clamp(22px, 1.7vw, 29px);
  font-variant-numeric: tabular-nums;
}

@media (max-width: 1400px) {
  body.leaderboard-page-active .leaderboard-summary-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 980px) {
  body.leaderboard-page-active .leaderboard-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  body.leaderboard-page-active .leaderboard-summary-grid {
    grid-template-columns: 1fr;
  }

  body.leaderboard-page-active .leaderboard-filters-row {
    align-items: stretch;
    flex-direction: column;
  }

  body.leaderboard-page-active
    .leaderboard-filters-row
    .leaderboard-scope-control {
    width: 100%;
  }
}


/* INVITES, MANUAL AGENTS, AND LEADERBOARD AVATARS */
.invite-registration-card {
  width: min(520px, calc(100vw - 30px));
}

.invite-registration-name-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.secondary-login-button {
  margin-top: 8px;
  color: #6d35f5;
  border: 1px solid rgba(109, 53, 245, 0.25);
  background: transparent;
  box-shadow: none;
}

.invite-link-output-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
}

.invite-help-list {
  margin-top: 18px;
}

.manual-agent-management-card {
  margin-top: 18px;
}

.compact-heading {
  margin-bottom: 12px;
}

.manual-agent-row {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) minmax(170px, 0.8fr) auto;
  gap: 10px;
  align-items: center;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--panel-soft);
}

.manual-agent-row + .manual-agent-row {
  margin-top: 8px;
}

.manual-agent-row strong,
.manual-agent-row small {
  display: block;
}

.manual-agent-row small {
  margin-top: 3px;
  color: var(--muted);
}

.leaderboard-agent-avatar,
.leaderboard-table-avatar {
  flex: 0 0 auto !important;
  aspect-ratio: 1 / 1 !important;
  min-width: 0;
  line-height: 1;
}

.leaderboard-podium-card.rank-3 .leaderboard-agent-avatar {
  width: 62px !important;
  height: 62px !important;
  border-radius: 50% !important;
}

@media (max-width: 620px) {
  .invite-registration-name-grid,
  .manual-agent-row,
  .invite-link-output-row {
    grid-template-columns: 1fr;
  }
}


/* LEADERBOARD THIRD-PLACE METRICS FIX */
body.leaderboard-page-active .leaderboard-podium-card.rank-3 {
  height: 258px !important;
  min-height: 258px !important;
  padding: 34px 24px 20px !important;
}

body.leaderboard-page-active
  .leaderboard-podium-card.rank-3
  .leaderboard-agent-metrics {
  display: grid !important;
  visibility: visible !important;
  opacity: 1 !important;
  flex: 0 0 auto !important;
  margin-top: 4px !important;
  padding-top: 14px !important;
}

body.leaderboard-page-active
  .leaderboard-podium-card.rank-3
  .leaderboard-agent-metrics span,
body.leaderboard-page-active
  .leaderboard-podium-card.rank-3
  .leaderboard-agent-metrics strong {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* COMPLETE USER EDITOR */
.user-editor-modal {
  position: fixed;
  inset: 0;
  z-index: 12000;
  display: grid;
  place-items: center;
  padding: 22px;
}

.user-editor-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(2, 3, 18, 0.74);
  backdrop-filter: blur(7px);
}

.user-editor-dialog {
  position: relative;
  width: min(760px, 100%);
  max-height: calc(100vh - 44px);
  overflow-y: auto;
  color: var(--text);
  border: 1px solid var(--line);
  border-radius: 20px;
  background: var(--panel);
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.48);
}

.user-editor-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: 22px 24px 18px;
  border-bottom: 1px solid var(--line);
}

.user-editor-header p,
.user-editor-header h2,
.user-editor-header span {
  margin: 0;
}

.user-editor-header p {
  color: #7c3aed;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.14em;
}

.user-editor-header h2 {
  margin-top: 5px;
  font-size: 24px;
}

.user-editor-header span {
  display: block;
  margin-top: 5px;
  color: var(--muted);
  font-size: 11px;
}

.user-editor-close-button {
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  display: grid;
  place-items: center;
  padding: 0;
  color: var(--muted);
  border: 1px solid var(--line);
  background: var(--panel-soft);
  box-shadow: none;
}

.user-editor-form {
  padding: 22px 24px 24px;
}

.user-editor-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 15px;
}

.user-editor-grid label {
  display: grid;
  gap: 7px;
}

.user-editor-grid label > span {
  color: var(--muted);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.user-editor-grid input,
.user-editor-grid select {
  width: 100%;
}

.user-editor-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 22px;
}

@media (max-width: 680px) {
  .user-editor-grid {
    grid-template-columns: 1fr;
  }

  .user-editor-actions {
    flex-direction: column-reverse;
  }

  .user-editor-actions button {
    width: 100%;
  }
}


/* USER MANAGEMENT AND MANUAL AGENTS DARK-MODE FIX */


/* LEADERBOARD CUSTOM PERIOD PICKER */
.leaderboard-custom-period-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
}

.leaderboard-custom-type-wrap {
  min-width: 154px;
}

@media (max-width: 900px) {
  .leaderboard-custom-period-wrap {
    width: 100%;
    align-items: stretch;
    flex-direction: column;
  }

  .leaderboard-custom-type-wrap {
    width: 100%;
  }
}


/* LEAD INTAKE DARK-MODE READABILITY */

.next-attempt-delay-row {
  align-items: center;
}

.next-attempt-delay-heading {
  display: grid;
  gap: 3px;
}

.next-attempt-delay-heading > span {
  color: var(--muted);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.next-attempt-delay-heading > small {
  color: var(--muted);
  font-size: 9px;
}

.next-attempt-delay-control {
  position: relative;
  min-width: 138px;
}

.next-attempt-delay-control select {
  width: 100%;
  min-height: 36px;
  padding: 0 34px 0 11px;
  font-weight: 850;
  appearance: none;
}

.next-attempt-delay-control svg {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 14px;
  height: 14px;
  pointer-events: none;
  transform: translateY(-50%);
}

@media (max-width: 620px) {
  .next-attempt-delay-row {
    align-items: stretch;
    flex-direction: column;
  }

  .next-attempt-delay-control {
    width: 100%;
  }
}


/* LEAD INTAKE SELECT AND NEXT-ATTEMPT FIX */

.next-attempt-delay-row.smart-route-row-stack {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 150px;
  grid-template-areas: none;
  align-items: center;
  gap: 14px;
}

.next-attempt-delay-row.smart-route-row-stack
  .next-attempt-delay-heading {
  grid-area: auto;
  min-width: 0;
  align-content: center;
}

.next-attempt-delay-row.smart-route-row-stack
  .next-attempt-delay-heading > span,
.next-attempt-delay-row.smart-route-row-stack
  .next-attempt-delay-heading > small {
  grid-area: auto;
  display: block;
  position: static;
  margin: 0;
  transform: none;
  text-align: left;
}

.next-attempt-delay-row.smart-route-row-stack
  .next-attempt-delay-heading > span {
  color: #334155;
  font-size: 11px;
  font-weight: 850;
}

.next-attempt-delay-row.smart-route-row-stack
  .next-attempt-delay-heading > small {
  margin-top: 3px;
  color: #64748b;
  font-size: 10px;
  font-weight: 600;
}

.next-attempt-delay-row.smart-route-row-stack
  .next-attempt-delay-control {
  grid-area: auto;
  width: 150px;
  min-width: 150px;
}

@media (max-width: 620px) {
  .next-attempt-delay-row.smart-route-row-stack {
    grid-template-columns: 1fr;
  }

  .next-attempt-delay-row.smart-route-row-stack
    .next-attempt-delay-control {
    width: 100%;
    min-width: 0;
  }
}


/* LOGIN PAGE REDESIGN */
#loginScreen.login-screen {
  position: relative;
  min-height: 100vh;
  display: grid;
  grid-template-columns: minmax(420px, 1fr) minmax(430px, 560px);
  gap: clamp(56px, 8vw, 130px);
  align-items: center;
  padding: clamp(40px, 6vw, 90px) clamp(36px, 8vw, 130px);
  overflow: hidden;
  color: #f8f7ff;
  background:
    radial-gradient(circle at 82% 10%, rgba(91, 33, 182, 0.20), transparent 25%),
    radial-gradient(circle at 18% 72%, rgba(76, 29, 149, 0.18), transparent 32%),
    linear-gradient(135deg, #07091d 0%, #090923 42%, #08071e 100%);
}

#loginScreen.login-screen::before,
#loginScreen.login-screen::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

#loginScreen.login-screen::before {
  inset: 0;
  opacity: 0.55;
  background-image:
    radial-gradient(circle at 9% 14%, rgba(139, 92, 246, 0.92) 0 1px, transparent 2px),
    radial-gradient(circle at 78% 7%, rgba(124, 58, 237, 0.72) 0 1px, transparent 2px),
    radial-gradient(circle at 91% 24%, rgba(168, 85, 247, 0.75) 0 1px, transparent 2px),
    radial-gradient(circle at 16% 84%, rgba(99, 102, 241, 0.82) 0 1px, transparent 2px),
    radial-gradient(circle at 67% 69%, rgba(139, 92, 246, 0.78) 0 1px, transparent 2px);
}

#loginScreen.login-screen::after {
  width: 470px;
  height: 470px;
  right: -190px;
  top: -180px;
  border-radius: 50%;
  border: 1px solid rgba(124, 58, 237, 0.13);
  box-shadow:
    0 0 0 80px rgba(124, 58, 237, 0.025),
    0 0 0 160px rgba(124, 58, 237, 0.018);
}

.login-showcase,
.login-access-card {
  position: relative;
  z-index: 1;
}

.login-showcase {
  max-width: 560px;
  align-self: center;
}

.login-showcase-brand {
  max-width: 480px;
}

.login-showcase-logo {
  width: 84px;
  height: 84px;
  display: grid;
  place-items: center;
  margin-bottom: 20px;
  color: #ffffff;
  font-size: 28px;
  font-weight: 950;
  border-radius: 18px;
  background: linear-gradient(145deg, #7c3aed, #4f27d8);
  box-shadow:
    0 18px 42px rgba(91, 33, 182, 0.36),
    inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

.login-showcase h1 {
  margin: 0;
  color: #f8f7ff;
  font-size: clamp(46px, 4.5vw, 68px);
  line-height: 0.98;
  letter-spacing: -0.055em;
}

.login-showcase h1 strong {
  color: #7c4dff;
  font-weight: inherit;
}

.login-showcase-brand > p {
  max-width: 470px;
  margin: 22px 0 0;
  color: #b8b6ca;
  font-size: clamp(17px, 1.5vw, 22px);
  line-height: 1.55;
}

.login-feature-list {
  display: grid;
  gap: 22px;
  margin-top: 46px;
}

.login-feature-list article {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  gap: 18px;
  align-items: center;
}

.login-feature-list article > span {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  color: #9b6cff;
  border: 1px solid rgba(139, 92, 246, 0.22);
  border-radius: 13px;
  background:
    linear-gradient(145deg, rgba(124, 58, 237, 0.16), rgba(21, 17, 58, 0.76));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.login-feature-list article > span svg {
  width: 25px;
  height: 25px;
}

.login-feature-list strong,
.login-feature-list p {
  display: block;
  margin: 0;
}

.login-feature-list strong {
  color: #ffffff;
  font-size: 17px;
}

.login-feature-list p {
  margin-top: 5px;
  color: #9e9bb1;
  font-size: 14px;
}

.login-wave {
  position: absolute;
  left: -160px;
  bottom: -190px;
  width: 760px;
  height: 300px;
  opacity: 0.62;
  transform: rotate(-5deg);
  pointer-events: none;
}

.login-wave span {
  position: absolute;
  inset: 0;
  border-top: 2px solid rgba(124, 58, 237, 0.45);
  border-radius: 50%;
  transform: skewX(-28deg);
}

.login-wave span:nth-child(2) {
  top: 24px;
  opacity: 0.64;
}

.login-wave span:nth-child(3) {
  top: 48px;
  opacity: 0.38;
}

#loginScreen .login-access-card {
  width: 100%;
  max-width: 560px;
  margin: 0;
  padding: 48px 48px 42px;
  text-align: left;
  color: #f8f7ff;
  border: 1px solid rgba(139, 92, 246, 0.30);
  border-radius: 22px;
  background:
    radial-gradient(circle at 50% 0%, rgba(76, 29, 149, 0.13), transparent 34%),
    linear-gradient(145deg, rgba(11, 15, 46, 0.96), rgba(10, 12, 39, 0.94));
  box-shadow:
    0 30px 90px rgba(0, 0, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.035);
  backdrop-filter: blur(14px);
}

.login-access-logo {
  width: 88px;
  height: 88px;
  display: grid;
  place-items: center;
  margin: 0 auto 28px;
  color: #ffffff;
  font-size: 29px;
  font-weight: 950;
  border: 2px solid #6d35f5;
  border-radius: 50%;
  background:
    radial-gradient(circle at 35% 30%, rgba(124, 58, 237, 0.20), transparent 45%),
    #0b0e2a;
  box-shadow: 0 0 28px rgba(109, 53, 245, 0.14);
}

#loginScreen .login-access-card > h1 {
  margin: 0;
  color: #ffffff;
  text-align: center;
  font-size: 32px;
  letter-spacing: -0.035em;
}

#loginScreen .login-access-card > h1 + p {
  margin: 10px 0 34px;
  color: #aaa8bd;
  text-align: center;
  font-size: 15px;
}

.login-field {
  display: grid;
  gap: 9px;
  margin-top: 18px;
}

.login-field > span {
  color: #f8f7ff;
  font-size: 13px;
  font-weight: 800;
}

.login-input-wrap {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 58px;
  overflow: hidden;
  border: 1px solid rgba(139, 92, 246, 0.42);
  border-radius: 10px;
  background: rgba(10, 15, 48, 0.82);
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    background 0.2s ease;
}

.login-input-wrap:focus-within {
  border-color: #8b5cf6;
  background: rgba(17, 20, 59, 0.96);
  box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.13);
}

.login-input-wrap > svg {
  width: 19px;
  height: 19px;
  margin-left: 19px;
  color: #a7a3ba;
  flex: 0 0 19px;
}

#loginScreen .login-input-wrap input {
  width: 100%;
  min-width: 0;
  height: 56px;
  padding: 0 16px;
  color: #ffffff;
  border: 0;
  outline: 0;
  background: transparent;
  box-shadow: none;
}

#loginScreen .login-input-wrap input::placeholder {
  color: #8f8ca2;
  opacity: 1;
}

.login-password-toggle {
  width: 48px;
  height: 56px;
  flex: 0 0 48px;
  display: grid;
  place-items: center;
  padding: 0;
  color: #aaa7bd;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.login-password-toggle:hover {
  color: #ffffff;
  background: rgba(124, 58, 237, 0.10);
}

.login-password-toggle svg {
  width: 19px;
  height: 19px;
}

.login-options-row {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
  margin-top: 18px;
}

.login-remember-option {
  display: inline-flex;
  gap: 9px;
  align-items: center;
  color: #b5b2c8;
  font-size: 13px;
  cursor: pointer;
}

.login-remember-option input {
  width: 17px;
  height: 17px;
  accent-color: #7c3aed;
}

.forgot-password-button {
  padding: 0;
  color: #9b6cff;
  font-size: 13px;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.forgot-password-button:hover {
  color: #b794ff;
  text-decoration: underline;
}

#loginScreen .login-submit-button {
  width: 100%;
  min-height: 58px;
  display: flex;
  justify-content: center;
  gap: 10px;
  align-items: center;
  margin-top: 28px;
  color: #ffffff;
  border: 0;
  border-radius: 10px;
  background: linear-gradient(135deg, #7242ff, #6435ee);
  box-shadow: 0 16px 34px rgba(91, 33, 182, 0.30);
}

#loginScreen .login-submit-button:hover {
  transform: translateY(-1px);
  box-shadow: 0 20px 38px rgba(91, 33, 182, 0.38);
}

.login-submit-button svg {
  width: 19px;
  height: 19px;
}

.login-error-text {
  min-height: 20px;
  margin: 12px 0 0;
  text-align: center;
}

.login-admin-help {
  margin: 28px 0 0;
  color: #aaa8bd;
  text-align: center;
  font-size: 13px;
}

.login-admin-help span {
  color: #9b6cff;
}

#loginScreen .invite-registration-card {
  position: relative;
  z-index: 2;
  grid-column: 1 / -1;
  justify-self: center;
}

@media (max-width: 1080px) {
  #loginScreen.login-screen {
    grid-template-columns: 1fr;
    gap: 48px;
    padding: 54px 28px;
  }

  .login-showcase {
    max-width: 620px;
    justify-self: center;
    text-align: center;
  }

  .login-showcase-brand,
  .login-showcase-brand > p {
    margin-left: auto;
    margin-right: auto;
  }

  .login-showcase-logo {
    margin-left: auto;
    margin-right: auto;
  }

  .login-feature-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    text-align: left;
  }

  #loginScreen .login-access-card {
    justify-self: center;
  }

  .login-wave {
    display: none;
  }
}

@media (max-width: 680px) {
  #loginScreen.login-screen {
    padding: 34px 16px;
  }

  .login-showcase h1 {
    font-size: 45px;
  }

  .login-feature-list {
    grid-template-columns: 1fr;
    margin-top: 34px;
  }

  #loginScreen .login-access-card {
    padding: 34px 22px 30px;
  }

  .login-options-row {
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
  }
}


/* LOGIN PAGE PRECISION AND ICON FIX */
#loginScreen.login-screen {
  grid-template-columns: minmax(470px, 610px) minmax(500px, 575px);
  justify-content: center;
  column-gap: clamp(72px, 9vw, 150px);
  padding: 76px clamp(54px, 7vw, 118px);
}

#loginScreen .login-showcase {
  width: 100%;
  max-width: 590px;
  transform: translateY(-2px);
}

#loginScreen .login-showcase-brand {
  max-width: 500px;
}

#loginScreen .login-showcase-logo {
  width: 84px;
  height: 84px;
  margin-bottom: 22px;
  border-radius: 18px;
}

#loginScreen .login-showcase h1 {
  font-size: clamp(48px, 4vw, 64px);
  line-height: 1;
}

#loginScreen .login-showcase-brand > p {
  max-width: 485px;
  margin-top: 19px;
  font-size: 19px;
  line-height: 1.58;
}

#loginScreen .login-feature-list {
  gap: 23px;
  margin-top: 42px;
}

#loginScreen .login-feature-list article {
  grid-template-columns: 54px minmax(0, 1fr);
  gap: 17px;
}

#loginScreen .login-feature-list article > span {
  width: 54px;
  height: 54px;
  border-radius: 13px;
}

#loginScreen .login-feature-list article > span svg {
  display: block;
  width: 25px;
  height: 25px;
  stroke: currentColor;
}

#loginScreen .login-feature-list strong {
  font-size: 16px;
}

#loginScreen .login-feature-list p {
  margin-top: 5px;
  font-size: 13px;
  line-height: 1.45;
}

#loginScreen .login-access-card {
  width: 575px;
  max-width: 100%;
  min-height: 690px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 44px 48px 38px;
  border-radius: 21px;
}

#loginScreen .login-access-logo {
  width: 88px;
  height: 88px;
  margin-bottom: 27px;
}

#loginScreen .login-access-card > h1 {
  font-size: 31px;
  line-height: 1.08;
}

#loginScreen .login-access-card > h1 + p {
  margin: 10px 0 30px;
  font-size: 15px;
}

#loginScreen .login-field {
  gap: 9px;
  margin-top: 17px;
}

#loginScreen .login-field > span {
  font-size: 13px;
}

#loginScreen .login-input-wrap {
  min-height: 58px;
  border-radius: 10px;
}

#loginScreen .login-input-wrap > svg {
  display: block;
  width: 19px;
  height: 19px;
  margin-left: 18px;
  stroke: currentColor;
}

#loginScreen .login-password-toggle {
  width: 52px !important;
  min-width: 52px !important;
  max-width: 52px !important;
  height: 56px !important;
  min-height: 56px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 9px 9px 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#loginScreen .login-password-toggle svg {
  display: block;
  width: 19px;
  height: 19px;
  stroke: currentColor;
}

#loginScreen .login-options-row {
  min-height: 24px;
  margin-top: 18px;
}

#loginScreen .login-remember-option {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 9px;
  min-width: max-content;
  font-size: 13px;
  line-height: 1;
}

#loginScreen .login-remember-option input {
  flex: 0 0 17px;
  width: 17px;
  height: 17px;
  margin: 0;
}

#loginScreen .login-remember-option span {
  white-space: nowrap;
}

#loginScreen .forgot-password-button {
  width: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 2px 0 !important;
  color: #9b6cff !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 13px !important;
  line-height: 1.2;
}

#loginScreen .login-submit-button {
  min-height: 58px;
  margin-top: 27px;
}

#loginScreen .login-submit-button svg {
  display: block;
  width: 19px;
  height: 19px;
  stroke: currentColor;
}

#loginScreen .login-error-text {
  min-height: 18px;
  margin-top: 10px;
}

#loginScreen .login-admin-help {
  margin-top: 18px;
  font-size: 13px;
}

@media (max-width: 1180px) {
  #loginScreen.login-screen {
    grid-template-columns: minmax(390px, 520px) minmax(440px, 540px);
    column-gap: 54px;
    padding: 54px 36px;
  }

  #loginScreen .login-access-card {
    width: 100%;
  }
}

@media (max-width: 980px) {
  #loginScreen.login-screen {
    grid-template-columns: 1fr;
    row-gap: 44px;
  }

  #loginScreen .login-showcase {
    justify-self: center;
  }

  #loginScreen .login-access-card {
    justify-self: center;
    width: min(575px, 100%);
  }
}

@media (max-width: 620px) {
  #loginScreen.login-screen {
    padding: 28px 15px;
  }

  #loginScreen .login-access-card {
    min-height: 0;
    padding: 34px 22px 30px;
  }

  #loginScreen .login-options-row {
    flex-direction: row;
    align-items: center;
  }
}


/* =========================================================
   GLOBAL RESPONSIVE LAYOUT
   ========================================================= */

html,
body {
  min-width: 0;
  overflow-x: hidden;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

img,
svg,
canvas,
video {
  max-width: 100%;
}

input,
select,
textarea,
button {
  max-width: 100%;
}

#appScreen,
.app-shell,
.main-content,
.page,
.page-content,
.dashboard-page,
.leaderboard-page,
.agent-tracker-page,
.settings-page,
.leads-page,
.lead-detail-page {
  min-width: 0;
}

.main-content,
.page-content {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

@media (max-width: 1600px) {
  .main-content {
    padding-left: clamp(18px, 2vw, 28px);
    padding-right: clamp(18px, 2vw, 28px);
  }

  .dashboard-top-stats,
  .dashboard-stat-grid,
  .summary-grid,
  .leaderboard-summary-grid {
    gap: 12px;
  }

  .dashboard-layout,
  .dashboard-main-grid {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 0.42fr);
  }

  .monthly-goal-card,
  .monthly-business-tracker,
  .performance-overview-card,
  .coach-card {
    min-width: 0;
  }

  .settings-shell,
  .settings-layout {
    grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
  }
}

@media (max-width: 1366px) {
  .sidebar {
    width: 190px;
    min-width: 190px;
  }

  .main-content {
    margin-left: 190px;
  }

  .dashboard-top-stats,
  .dashboard-stat-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .dashboard-layout,
  .dashboard-main-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .monthly-business-tracker {
    grid-column: 1;
  }

  .leaderboard-summary-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .leaderboard-podium {
    padding-left: 18px;
    padding-right: 18px;
  }

  .tracker-table-wrap,
  .leaderboard-table-wrap,
  .users-table-wrap,
  .leads-table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .tracker-table,
  .leaderboard-table,
  .users-table,
  .leads-table {
    min-width: 1040px;
  }
}

@media (max-width: 767px) {
  .sidebar {
    position: fixed;
    z-index: 4000;
    width: 210px;
    min-width: 210px;
    transform: translateX(-100%);
    transition: transform 0.25s ease;
  }

  body.sidebar-open .sidebar {
    transform: translateX(0);
  }

  .main-content {
    width: 100%;
    margin-left: 0;
    padding: 18px;
  }

  .mobile-menu-button,
  .sidebar-toggle-button {
    display: inline-flex;
  }
}

@media (max-width: 1100px) {
  .top-header,
  .page-header,
  .dashboard-header,
  .leaderboard-header,
  .settings-header {
    gap: 14px;
  }

  .dashboard-top-stats,
  .dashboard-stat-grid,
  .leaderboard-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .coach-content-grid,
  .coach-columns {
    grid-template-columns: 1fr;
  }

  .coach-column + .coach-column {
    border-left: 0;
    border-top: 1px solid var(--line);
  }

  .monthly-goal-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .monthly-goal-progress-ring {
    grid-column: 1 / -1;
    justify-self: center;
  }

  .performance-metric-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .settings-shell,
  .settings-layout {
    grid-template-columns: 1fr;
  }

  .settings-navigation,
  .settings-sidebar {
    position: static;
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding-bottom: 6px;
    border-right: 0;
    -webkit-overflow-scrolling: touch;
  }

  .settings-tab-button {
    flex: 0 0 auto;
    min-width: 190px;
  }

  .lead-detail-top-stats,
  .lead-summary-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lead-detail-main-grid,
  .lead-profile-main-grid,
  .compact-lead-intake-grid,
  .lead-intake-grid {
    grid-template-columns: 1fr;
  }

  .leaderboard-podium {
    min-height: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: end;
    gap: 12px;
  }

  .leaderboard-podium-card {
    width: 100% !important;
    min-width: 0 !important;
  }

  .leaderboard-podium-card.rank-1,
  .leaderboard-podium-card.rank-2,
  .leaderboard-podium-card.rank-3 {
    transform: none !important;
  }

  #loginScreen.login-screen {
    grid-template-columns: 1fr;
    gap: 48px;
    padding: 44px 24px;
  }

  #loginScreen .login-showcase,
  #loginScreen .login-access-card {
    width: min(590px, 100%);
    justify-self: center;
  }

  #loginScreen .login-showcase {
    text-align: center;
  }

  #loginScreen .login-showcase-logo,
  #loginScreen .login-showcase-brand > p {
    margin-left: auto;
    margin-right: auto;
  }

  #loginScreen .login-feature-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    text-align: left;
  }
}

@media (max-width: 820px) {
  .main-content {
    padding: 14px;
  }

  .page-header,
  .dashboard-header,
  .leaderboard-header,
  .settings-header,
  .tracker-header,
  .leads-header {
    align-items: flex-start;
    flex-direction: column;
  }

  .header-actions,
  .top-header-actions,
  .leaderboard-filters-row,
  .tracker-period-controls {
    width: 100%;
    flex-wrap: wrap;
  }

  .dashboard-top-stats,
  .dashboard-stat-grid,
  .leaderboard-summary-grid,
  .performance-metric-grid,
  .lead-detail-top-stats,
  .lead-summary-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .monthly-goal-metrics {
    grid-template-columns: 1fr;
  }

  .monthly-goal-metric {
    border-right: 0;
    border-bottom: 1px solid var(--line);
    padding-bottom: 12px;
  }

  .monthly-goal-metric:last-of-type {
    border-bottom: 0;
  }

  .leaderboard-podium {
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .leaderboard-podium-card.rank-1 {
    order: 1;
  }

  .leaderboard-podium-card.rank-2 {
    order: 2;
  }

  .leaderboard-podium-card.rank-3 {
    order: 3;
  }

  .leaderboard-podium-card {
    min-height: 220px !important;
    height: auto !important;
  }

  .tracker-toolbar,
  .agents-toolbar,
  .leads-toolbar,
  .users-toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  .tracker-toolbar > *,
  .agents-toolbar > *,
  .leads-toolbar > *,
  .users-toolbar > * {
    width: 100%;
  }

  .settings-form-grid,
  .user-editor-grid,
  .invite-registration-name-grid,
  .manual-agent-row {
    grid-template-columns: 1fr;
  }

  .activity-timeline-table,
  .lead-activity-table {
    min-width: 880px;
  }

  .user-row {
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
  }

  .user-row-actions {
    width: 100%;
    flex-wrap: wrap;
  }

  .user-row-actions button {
    flex: 1 1 140px;
  }

  #loginScreen .login-feature-list {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 620px) {
  .main-content {
    padding: 10px;
  }

  .page-title,
  .dashboard-title,
  .leaderboard-title,
  .settings-title {
    font-size: clamp(28px, 9vw, 38px);
    line-height: 1;
  }

  .dashboard-top-stats,
  .dashboard-stat-grid,
  .leaderboard-summary-grid,
  .performance-metric-grid,
  .lead-detail-top-stats,
  .lead-summary-stats {
    grid-template-columns: 1fr !important;
  }

  .dashboard-card,
  .monthly-goal-card,
  .monthly-business-tracker,
  .performance-overview-card,
  .coach-card,
  .leaderboard-section,
  .tracker-section,
  .settings-panel-card,
  .lead-intake-card,
  .lead-detail-card {
    border-radius: 14px;
    padding: 14px;
  }

  .leaderboard-filters-row,
  .leaderboard-custom-period-wrap,
  .tracker-period-controls,
  .date-range-controls {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  .leaderboard-filters-row > *,
  .leaderboard-custom-period-wrap > *,
  .tracker-period-controls > *,
  .date-range-controls > * {
    width: 100% !important;
  }

  .leaderboard-period-select-wrap,
  .leaderboard-scope-control,
  .leaderboard-period-control {
    width: 100% !important;
  }

  .chart-container,
  .performance-chart,
  .annual-premium-chart {
    min-height: 280px;
    overflow-x: auto;
  }

  .chart-container canvas,
  .performance-chart canvas,
  .annual-premium-chart canvas {
    min-width: 560px;
  }

  .settings-tab-button {
    min-width: 170px;
  }

  .user-editor-modal {
    padding: 8px;
  }

  .user-editor-dialog {
    max-height: calc(100vh - 16px);
    border-radius: 14px;
  }

  .user-editor-header,
  .user-editor-form {
    padding-left: 16px;
    padding-right: 16px;
  }

  .user-editor-actions {
    flex-direction: column-reverse;
  }

  .user-editor-actions button {
    width: 100%;
  }

  .lead-intake-card input,
  .lead-intake-card select,
  .lead-intake-card textarea,
  .settings-panel input,
  .settings-panel select,
  .settings-panel textarea {
    font-size: 16px;
  }

  .smart-route-row,
  .next-attempt-delay-row.smart-route-row-stack {
    grid-template-columns: 1fr;
  }

  .next-attempt-delay-control {
    width: 100% !important;
    min-width: 0 !important;
  }

  .lead-summary-primary,
  .lead-summary-header {
    align-items: flex-start;
    flex-direction: column;
  }

  .lead-summary-meta,
  .lead-metadata-row {
    grid-template-columns: 1fr;
  }

  .login-showcase {
    display: none;
  }

  #loginScreen.login-screen {
    min-height: 100svh;
    display: grid;
    grid-template-columns: 1fr;
    padding: 16px;
  }

  #loginScreen .login-access-card {
    width: 100%;
    min-height: 0;
    padding: 30px 20px 26px;
  }

  #loginScreen .login-access-logo {
    width: 72px;
    height: 72px;
    margin-bottom: 20px;
  }

  #loginScreen .login-access-card > h1 {
    font-size: 27px;
  }

  #loginScreen .login-options-row {
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
  }

  #loginScreen .forgot-password-button {
    margin-left: auto !important;
  }
}

@media (max-width: 390px) {
  .main-content {
    padding: 8px;
  }

  .page-title,
  .dashboard-title,
  .leaderboard-title,
  .settings-title {
    font-size: 28px;
  }

  .dashboard-card,
  .monthly-goal-card,
  .monthly-business-tracker,
  .performance-overview-card,
  .coach-card,
  .settings-panel-card,
  .lead-intake-card,
  .lead-detail-card {
    padding: 12px;
  }

  .login-options-row {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  #loginScreen .forgot-password-button {
    margin-left: 0 !important;
  }
}

@media (max-height: 560px) and (orientation: landscape) {
  #loginScreen.login-screen {
    min-height: 100vh;
    align-items: start;
    padding-top: 18px;
    padding-bottom: 18px;
  }

  #loginScreen .login-access-card {
    min-height: 0;
    padding-top: 24px;
    padding-bottom: 24px;
  }

  #loginScreen .login-access-logo {
    width: 62px;
    height: 62px;
    margin-bottom: 14px;
  }

  #loginScreen .login-access-card > h1 + p {
    margin-bottom: 18px;
  }

  #loginScreen .login-field {
    margin-top: 12px;
  }

  #loginScreen .login-submit-button {
    margin-top: 18px;
  }
}


/* =========================================================
   PHONE READABILITY AND TOUCH LAYOUT
   ========================================================= */

@media (max-width: 620px) {
  html {
    font-size: 16px;
    text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
  }

  body {
    font-size: 16px;
    line-height: 1.45;
  }

  .main-content,
  .page-content {
    overflow-x: hidden;
  }

  .page,
  .dashboard-page,
  .leaderboard-page,
  .agent-tracker-page,
  .settings-page,
  .leads-page,
  .lead-detail-page {
    width: 100%;
    max-width: 100%;
  }

  .page-header,
  .dashboard-header,
  .leaderboard-header,
  .settings-header,
  .tracker-header,
  .leads-header {
    width: 100%;
    gap: 10px;
    margin-bottom: 14px;
  }

  .page-header p,
  .dashboard-header p,
  .leaderboard-header p,
  .settings-header p,
  .tracker-header p,
  .leads-header p {
    font-size: 14px;
    line-height: 1.5;
  }

  .top-header,
  .app-topbar {
    min-height: 58px;
    padding: 8px 10px;
  }

  .top-header-actions,
  .header-actions {
    width: 100%;
    gap: 8px;
    overflow-x: auto;
    padding-bottom: 2px;
    -webkit-overflow-scrolling: touch;
  }

  .top-header-actions > *,
  .header-actions > * {
    flex: 0 0 auto;
  }

  .dashboard-card,
  .monthly-goal-card,
  .monthly-business-tracker,
  .performance-overview-card,
  .coach-card,
  .leaderboard-section,
  .tracker-section,
  .settings-panel-card,
  .settings-card,
  .lead-intake-card,
  .lead-detail-card,
  .lead-summary-card,
  .user-row,
  .manual-agent-row {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
  }

  .dashboard-card h2,
  .monthly-goal-card h2,
  .monthly-business-tracker h2,
  .performance-overview-card h2,
  .coach-card h2,
  .tracker-section h2,
  .settings-panel-card h2,
  .lead-intake-card h2,
  .lead-detail-card h2 {
    font-size: 20px;
    line-height: 1.2;
  }

  .dashboard-card p,
  .monthly-goal-card p,
  .monthly-business-tracker p,
  .performance-overview-card p,
  .coach-card p,
  .tracker-section p,
  .settings-panel-card p,
  .lead-intake-card p,
  .lead-detail-card p {
    font-size: 13px;
    line-height: 1.5;
  }

  .dashboard-stat-card,
  .leaderboard-summary-card,
  .summary-card,
  .metric-card {
    min-height: 108px;
    padding: 14px;
  }

  .dashboard-stat-card strong,
  .leaderboard-summary-card strong,
  .summary-card strong,
  .metric-card strong {
    font-size: 26px !important;
    line-height: 1.05;
    white-space: normal !important;
    overflow-wrap: anywhere;
  }

  .monthly-goal-card {
    padding: 14px !important;
  }

  .monthly-goal-header,
  .monthly-business-header,
  .performance-overview-header,
  .coach-header {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
  }

  .monthly-goal-metrics,
  .monthly-business-metrics {
    display: grid;
    grid-template-columns: 1fr !important;
    gap: 0;
  }

  .monthly-goal-metric,
  .monthly-business-metric {
    width: 100%;
    padding: 12px 0;
  }

  .monthly-goal-metric strong,
  .monthly-business-metric strong {
    font-size: 28px;
    overflow-wrap: anywhere;
  }

  .monthly-goal-progress-ring {
    width: 92px;
    height: 92px;
    margin: 14px auto 0;
  }

  .coach-columns,
  .coach-content-grid {
    display: grid;
    grid-template-columns: 1fr !important;
  }

  .coach-column {
    padding: 14px 0;
  }

  .coach-column li,
  .coach-column p {
    font-size: 13px;
    line-height: 1.5;
  }

  .performance-tabs,
  .tracker-tabs,
  .settings-navigation,
  .settings-sidebar {
    display: flex;
    width: 100%;
    gap: 8px;
    overflow-x: auto;
    padding-bottom: 6px;
    -webkit-overflow-scrolling: touch;
  }

  .performance-tabs button,
  .tracker-tabs button,
  .settings-tab-button {
    min-width: max-content;
    min-height: 44px;
    padding: 10px 14px;
    white-space: nowrap;
  }

  .leaderboard-summary-grid {
    gap: 10px;
  }

  .leaderboard-podium {
    gap: 12px;
    padding: 12px;
  }

  .leaderboard-podium-card {
    min-height: 0 !important;
    padding: 20px 14px !important;
  }

  .leaderboard-agent-avatar {
    width: 64px !important;
    height: 64px !important;
  }

  .leaderboard-agent-name {
    font-size: 20px !important;
    line-height: 1.2;
    overflow-wrap: anywhere;
  }

  .leaderboard-agent-role {
    font-size: 12px;
  }

  .leaderboard-agent-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .leaderboard-agent-metrics strong {
    font-size: 20px;
    overflow-wrap: anywhere;
  }

  .leaderboard-table-wrap,
  .tracker-table-wrap,
  .leads-table-wrap,
  .users-table-wrap,
  .activity-timeline-wrap {
    width: 100%;
    overflow-x: auto;
    border-radius: 12px;
    -webkit-overflow-scrolling: touch;
  }

  .leaderboard-table,
  .tracker-table,
  .leads-table,
  .users-table,
  .activity-timeline-table {
    min-width: 820px;
    font-size: 13px;
  }

  .leaderboard-table th,
  .leaderboard-table td,
  .tracker-table th,
  .tracker-table td,
  .leads-table th,
  .leads-table td,
  .users-table th,
  .users-table td,
  .activity-timeline-table th,
  .activity-timeline-table td {
    padding: 12px 10px;
    white-space: nowrap;
  }

  .tracker-toolbar,
  .agents-toolbar,
  .leads-toolbar,
  .users-toolbar,
  .leaderboard-filters-row,
  .tracker-period-controls,
  .date-range-controls {
    gap: 10px;
  }

  .tracker-toolbar input,
  .agents-toolbar input,
  .leads-toolbar input,
  .users-toolbar input,
  .leaderboard-filters-row select,
  .tracker-period-controls select,
  .date-range-controls input,
  .date-range-controls select {
    width: 100%;
    min-height: 46px;
    font-size: 16px;
  }

  .settings-panel,
  .settings-panel-card,
  .settings-card {
    padding: 14px;
  }

  .settings-form-grid {
    gap: 14px;
  }

  .settings-form-grid label,
  .user-editor-grid label,
  .lead-intake-card label {
    gap: 7px;
  }

  .settings-form-grid label > span,
  .user-editor-grid label > span,
  .lead-intake-card label > span {
    font-size: 12px;
    line-height: 1.3;
  }

  .settings-form-grid input,
  .settings-form-grid select,
  .settings-form-grid textarea,
  .user-editor-grid input,
  .user-editor-grid select,
  .lead-intake-card input,
  .lead-intake-card select,
  .lead-intake-card textarea {
    width: 100%;
    min-height: 46px;
    padding: 11px 12px;
    font-size: 16px;
  }

  .lead-intake-card textarea {
    min-height: 110px;
  }

  .action-choice {
    min-height: 64px;
    padding: 12px;
  }

  .action-choice-title {
    font-size: 15px;
  }

  .action-choice-help {
    font-size: 12px;
    line-height: 1.4;
  }

  .smart-route-row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    align-items: stretch;
    padding: 12px;
  }

  .smart-route-row > span,
  .smart-route-row > strong,
  .smart-route-row > small {
    width: 100%;
    text-align: left;
  }

  .next-attempt-delay-row.smart-route-row-stack {
    display: grid;
    grid-template-columns: 1fr !important;
    gap: 10px;
  }

  .next-attempt-delay-control,
  .next-attempt-delay-control select {
    width: 100% !important;
  }

  .lead-summary-header,
  .lead-summary-primary,
  .lead-profile-header {
    gap: 12px;
  }

  .lead-summary-name,
  .lead-profile-name {
    font-size: 24px !important;
    line-height: 1.15;
    overflow-wrap: anywhere;
  }

  .lead-summary-meta,
  .lead-metadata-row {
    gap: 8px;
  }

  .lead-summary-meta-item,
  .lead-metadata-item {
    width: 100%;
    min-width: 0;
    padding: 10px;
  }

  .lead-summary-meta-item strong,
  .lead-metadata-item strong {
    overflow-wrap: anywhere;
  }

  .lead-detail-top-stats,
  .lead-summary-stats {
    gap: 10px;
  }

  .activity-timeline-card,
  .lead-activity-card {
    overflow: hidden;
  }

  .user-row {
    padding: 14px;
  }

  .user-row strong {
    font-size: 16px;
  }

  .user-row span,
  .user-row small {
    font-size: 12px;
    line-height: 1.4;
    overflow-wrap: anywhere;
  }

  .user-row-actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .user-row-actions button,
  .manual-agent-row button,
  .settings-panel button,
  .lead-intake-card button {
    min-height: 44px;
    font-size: 14px;
  }

  .manual-agent-row select {
    width: 100%;
    min-height: 46px;
    font-size: 16px;
  }

  .monthly-goal-live-message {
    top: 50%;
    width: calc(100vw - 16px);
    max-height: calc(100vh - 24px);
    overflow-y: auto;
    padding: 24px 14px 20px;
  }

  .monthly-goal-live-trophy {
    width: 76px;
    height: 76px;
    margin-top: -52px;
  }

  .monthly-goal-live-message h2 {
    font-size: 36px;
    line-height: 1;
  }

  .monthly-goal-live-message > strong {
    font-size: 15px;
    line-height: 1.35;
  }

  #loginScreen.login-screen {
    overflow-y: auto;
  }

  #loginScreen .login-access-card {
    align-self: center;
    justify-content: flex-start;
    padding-top: 28px;
  }

  #loginScreen .login-field {
    width: 100%;
  }

  #loginScreen .login-input-wrap {
    width: 100%;
    min-height: 54px;
  }

  #loginScreen .login-input-wrap input {
    min-width: 0;
    font-size: 16px;
  }

  #loginScreen .login-options-row {
    width: 100%;
    gap: 10px;
  }

  #loginScreen .login-submit-button {
    width: 100%;
    min-height: 52px;
  }
}

@media (max-width: 430px) {
  .page-title,
  .dashboard-title,
  .leaderboard-title,
  .settings-title {
    font-size: 28px !important;
  }

  .dashboard-stat-card strong,
  .leaderboard-summary-card strong,
  .summary-card strong,
  .metric-card strong {
    font-size: 24px !important;
  }

  .leaderboard-agent-name {
    font-size: 18px !important;
  }

  .leaderboard-agent-metrics {
    grid-template-columns: 1fr;
  }

  .monthly-goal-completed-banner {
    grid-template-columns: 38px minmax(0, 1fr);
    padding: 10px;
  }

  .monthly-goal-completed-stars {
    display: none;
  }

  #loginScreen .login-access-card {
    padding-left: 16px;
    padding-right: 16px;
  }
}



/* REQUESTED WORKFLOW AND READABILITY UPDATES */
.performance-stat-strip {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.dashboard-coach-title-line > span {
  display: none !important;
}

.dashboard-coach-column h3 {
  font-size: 13px !important;
  line-height: 1.35;
  letter-spacing: -0.01em;
}

.dashboard-coach-list {
  gap: 13px !important;
}

.dashboard-coach-list strong {
  font-size: 13px !important;
  line-height: 1.4 !important;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

.dashboard-coach-list p,
.dashboard-coach-column blockquote {
  font-size: 12px !important;
  line-height: 1.55 !important;
  opacity: 1 !important;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

.sold-builder-fields {
  margin-top: 12px;
}

.sold-builder-fields input,
#newLeadMonthlyPremiumInput,
#newLeadAnnualPremiumInput,
#scheduleActivityMonthlyPremiumInput,
#scheduleActivityAnnualPremiumInput {
  color: #0f172a !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  font-variant-numeric: tabular-nums;
  opacity: 1 !important;
  -webkit-text-fill-color: currentColor !important;
}

.filter-select-wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-width: 150px;
}

.filter-select-wrap select {
  width: 100%;
  padding-right: 34px !important;
  appearance: none;
}

.filter-select-wrap > svg {
  position: absolute;
  right: 11px;
  width: 15px;
  height: 15px;
  color: #7c3aed;
  pointer-events: none;
}

body.schedule-activity-modal-open {
  overflow: hidden;
}

.schedule-activity-modal {
  position: fixed;
  inset: 0;
  z-index: 12000;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgba(4, 6, 24, 0.72);
  backdrop-filter: blur(7px);
}

.schedule-activity-dialog {
  width: min(620px, 100%);
  max-height: calc(100vh - 40px);
  overflow-y: auto;
  padding: 22px;
  color: #f8f7ff;
  border: 1px solid rgba(139, 92, 246, 0.38);
  border-radius: 20px;
  background:
    radial-gradient(circle at top right, rgba(109, 53, 245, 0.16), transparent 34%),
    linear-gradient(145deg, #151033, #0d0b25);
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.48);
}

.schedule-activity-header {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
  margin-bottom: 18px;
}

.schedule-activity-header > div {
  display: flex;
  gap: 12px;
  align-items: center;
}

.schedule-activity-icon {
  width: 42px;
  height: 42px;
  display: grid;
  flex: 0 0 42px;
  place-items: center;
  color: #c4b5fd;
  border-radius: 13px;
  background: rgba(109, 53, 245, 0.24);
}

.schedule-activity-header h2 {
  margin: 0;
  color: #ffffff;
  font-size: 21px;
}

.schedule-activity-header p {
  margin: 5px 0 0;
  color: #aaa4c1;
  font-size: 13px;
  line-height: 1.45;
}

#scheduleActivityCloseButton {
  width: 38px;
  height: 38px;
  display: grid;
  flex: 0 0 38px;
  place-items: center;
  padding: 0;
  color: #c4bdd8;
  border: 1px solid rgba(139, 92, 246, 0.24);
  background: rgba(255, 255, 255, 0.04);
}

.schedule-activity-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 12px;
}

.schedule-activity-grid label,
.schedule-activity-note {
  display: grid;
  gap: 7px;
}

.schedule-activity-grid label > span,
.schedule-activity-note > span {
  color: #d9d4e8;
  font-size: 12px;
  font-weight: 800;
}

.schedule-activity-grid input,
.schedule-activity-grid select,
.schedule-activity-note textarea {
  width: 100%;
  min-height: 46px;
  padding: 11px 12px;
  color: #ffffff;
  border: 1px solid rgba(139, 92, 246, 0.34);
  border-radius: 11px;
  background: #17112f;
  color-scheme: dark;
}

.schedule-activity-note {
  margin-top: 13px;
}

.schedule-activity-note textarea {
  min-height: 110px;
  resize: vertical;
}

.schedule-activity-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 18px;
}

.schedule-activity-actions button {
  min-width: 132px;
  min-height: 44px;
}

@media (max-width: 720px) {
  .performance-stat-strip,
  .schedule-activity-grid {
    grid-template-columns: 1fr;
  }

  .filter-select-wrap {
    width: 100%;
  }

  .schedule-activity-modal {
    padding: 10px;
  }

  .schedule-activity-dialog {
    max-height: calc(100vh - 20px);
    padding: 17px;
  }

  .schedule-activity-actions {
    flex-direction: column-reverse;
  }

  .schedule-activity-actions button {
    width: 100%;
  }
}


/* MENU, SCHEDULE, CURRENCY, AND DARK-THEME FIXES */
.currency-input,
#newLeadMonthlyPremiumInput,
#newLeadAnnualPremiumInput,
#builderMonthlyPremiumInput,
#builderAnnualPremiumInput,
#scheduleActivityMonthlyPremiumInput,
#scheduleActivityAnnualPremiumInput {
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.01em;
}

.schedule-activity-modal:not(.hidden) {
  display: grid !important;
}

@media (max-width: 620px) {
  #newLeadMonthlyPremiumInput,
  #newLeadAnnualPremiumInput,
  #builderMonthlyPremiumInput,
  #builderAnnualPremiumInput,
  #scheduleActivityMonthlyPremiumInput,
  #scheduleActivityAnnualPremiumInput {
    min-height: 48px;
    font-size: 17px !important;
  }
}


/* MANUAL NOTE AND SHARED FOLDER THEME FIX */


/* RESULT, SHARED TAB, AND ANSWERED PREVIEW THEME FIX */

@media (max-width: 720px) {
  .shared-tabs {
    overflow-x: auto;
    flex-wrap: nowrap;
    padding-bottom: 4px;
    -webkit-overflow-scrolling: touch;
  }

  .shared-tab {
    flex: 0 0 auto;
  }

  .answered-preview-overview {
    grid-template-columns: 1fr;
  }
}


/* SHARED LEADS TABLE AND PROFILE REDESIGN */

.shared-lead-actions-cell {
  position: relative;
  width: 62px;
  text-align: center;
}

.shared-lead-row-actions-menu {
  position: relative;
  display: inline-block;
}

.shared-lead-row-actions-menu > summary {
  list-style: none;
}

.shared-lead-row-actions-menu > summary::-webkit-details-marker {
  display: none;
}

.shared-lead-row-actions-menu .lead-row-menu-trigger {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  padding: 0;
  color: #c4b5fd;
  border: 1px solid rgba(139, 92, 246, 0.34);
  border-radius: 10px;
  background: rgba(109, 53, 245, 0.16);
  cursor: pointer;
}

.shared-lead-row-actions-menu .lead-row-menu-trigger:hover {
  color: #ffffff;
  border-color: rgba(139, 92, 246, 0.62);
  background: rgba(109, 53, 245, 0.28);
}

.shared-lead-actions-dropdown {
  position: absolute;
  z-index: 7000;
  top: calc(100% + 7px);
  right: 0;
  width: 168px;
  display: grid;
  gap: 4px;
  padding: 8px;
  border: 1px solid rgba(139, 92, 246, 0.48);
  border-radius: 12px;
  background: linear-gradient(180deg, #21184a, #171131);
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.48);
}

.shared-lead-actions-dropdown button {
  width: 100%;
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 10px 11px;
  color: #f8f7ff;
  border-radius: 9px;
  background: transparent;
  text-align: left;
}

.shared-lead-actions-dropdown button:hover {
  background: rgba(124, 58, 237, 0.30);
}

.shared-lead-actions-dropdown button svg {
  width: 16px;
  height: 16px;
  color: #c4b5fd;
}

/* SHARED CALL BLOCKS: MATCH NORMAL LEADS */

.shared-call-log-button {
  min-height: 38px;
  display: inline-flex;
  gap: 8px;
  align-items: center;
  padding: 8px 12px;
  color: #ffffff;
  border: 1px solid rgba(139, 92, 246, 0.48);
  background: linear-gradient(135deg, #7242ff, #5730e8);
}

.shared-call-log-button svg {
  width: 16px;
  height: 16px;
}

@media (max-width: 720px) {
}

/* CONNECTED CRM LEAD SHARING */
.connected-sharing-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(330px, 0.55fr);
  gap: 16px;
  margin-bottom: 16px;
}

.connected-share-card,
.outgoing-shares-card,
.manual-shared-folder-card,
.shared-folders-card {
  position: relative;
  overflow: hidden;
  overflow: clip;
}

.connected-share-card::before,
.outgoing-shares-card::before,
.manual-shared-folder-card::before,
.shared-folders-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: linear-gradient(90deg, #6d35f5, #4f46e5, #8b5cf6);
}

.connected-share-header {
  align-items: flex-start;
}

.connected-share-lock {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 34px;
  padding: 0 11px;
  border: 1px solid #ddd6fe;
  border-radius: 999px;
  background: #f5f3ff;
  color: #5b21b6;
  font-size: 11px;
  font-weight: 850;
  white-space: nowrap;
}

.connected-share-lock svg {
  width: 15px;
  height: 15px;
}

.connected-share-controls {
  display: grid;
  grid-template-columns: minmax(220px, 0.45fr) minmax(280px, 1fr);
  gap: 12px;
  margin-top: 2px;
}

.connected-share-controls select,
.connected-share-controls input {
  width: 100%;
  min-height: 44px;
  border: 1px solid #d8dee8;
  border-radius: 12px;
  background: #ffffff;
  color: #0f172a;
  padding: 0 12px;
  font: inherit;
  font-size: 13px;
}

.connected-share-search-wrap {
  position: relative;
}

.connected-share-search-wrap svg {
  position: absolute;
  left: 12px;
  top: 50%;
  width: 16px;
  height: 16px;
  color: #7c3aed;
  transform: translateY(-50%);
  pointer-events: none;
}

.connected-share-search-wrap input {
  padding-left: 38px;
}

.connected-share-selection-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 16px 0 10px;
}

.connected-share-selection-toolbar > div {
  display: grid;
  gap: 2px;
}

.connected-share-selection-toolbar strong {
  color: #0f172a;
  font-size: 13px;
  font-weight: 850;
}

.connected-share-selection-toolbar span {
  color: #64748b;
  font-size: 11px;
}

.connected-share-selection-toolbar button {
  min-height: 34px;
  padding: 0 11px;
  font-size: 11px;
}

.connected-share-lead-list {
  display: grid;
  gap: 8px;
  max-height: 360px;
  overflow-y: auto;
  padding: 4px;
  border: 1px solid #e5e7eb;
  border-radius: 15px;
  background: #f8fafc;
}

.connected-share-lead-row {
  position: relative;
  display: grid;
  grid-template-columns: 22px 36px minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 10px;
  min-height: 62px;
  padding: 9px 10px;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  background: #ffffff;
  cursor: pointer;
  transition: 0.15s ease;
}

.connected-share-lead-row:hover {
  border-color: #c4b5fd;
  box-shadow: 0 8px 20px rgba(109, 53, 245, 0.07);
}

.connected-share-lead-row.selected {
  border-color: #8b5cf6;
  background: #faf8ff;
  box-shadow: 0 0 0 2px rgba(109, 53, 245, 0.08);
}

.connected-share-lead-row > input {
  position: absolute;
  left: 10px;
  top: 50%;
  z-index: 2;
  width: 21px;
  height: 21px;
  margin: 0;
  opacity: 0;
  cursor: pointer;
  transform: translateY(-50%);
}

.connected-share-checkbox {
  width: 21px;
  height: 21px;
  display: grid;
  place-items: center;
  border: 1px solid #cbd5e1;
  border-radius: 7px;
  background: #ffffff;
  color: transparent;
}

.connected-share-checkbox svg {
  width: 13px;
  height: 13px;
  stroke-width: 3;
}

/* Selection is driven by the actual checkbox state, not by a decorative SVG. */
.connected-share-lead-row > input:not(:checked) + .connected-share-checkbox svg { visibility: hidden !important; }
.connected-share-lead-row > input:checked + .connected-share-checkbox {
  border-color: #6d35f5;
  background: #6d35f5;
  color: #fff;
}
.connected-share-lead-row > input:checked + .connected-share-checkbox svg { visibility: visible; }


.connected-share-lead-row.selected .connected-share-checkbox {
  border-color: #6d35f5;
  background: #6d35f5;
  color: #ffffff;
}

.connected-share-lead-avatar,
.connected-shared-lead-avatar {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border-radius: 11px;
  background: linear-gradient(135deg, #6d35f5, #4f46e5);
  color: #ffffff;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: -0.03em;
}

.connected-share-lead-copy {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.connected-share-lead-copy strong {
  overflow: hidden;
  color: #0f172a;
  font-size: 13px;
  font-weight: 850;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.connected-share-lead-copy small {
  overflow: hidden;
  color: #64748b;
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.connected-share-lead-result {
  white-space: nowrap;
}

.connected-share-count-badge {
  min-width: 58px;
  padding: 5px 8px;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  background: #f8fafc;
  color: #64748b;
  font-size: 9px;
  font-weight: 850;
  text-align: center;
  white-space: nowrap;
}

.connected-share-submit-row {
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 12px;
}

.connected-share-submit-row button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 42px;
  min-width: 190px;
}

.connected-share-submit-row button svg {
  width: 16px;
  height: 16px;
}

.connected-share-submit-row button:disabled {
  cursor: wait;
  opacity: 0.65;
  transform: none;
}

.connected-share-status {
  margin: 0;
  color: #5b21b6;
  font-size: 12px;
  font-weight: 750;
}

.connected-share-empty {
  min-height: 150px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 6px;
  padding: 18px;
  color: #64748b;
  text-align: center;
}

.connected-share-empty.compact {
  min-height: 210px;
}

.connected-share-empty svg {
  width: 28px;
  height: 28px;
  color: #8b5cf6;
}

.connected-share-empty strong {
  color: #334155;
  font-size: 13px;
  font-weight: 850;
}

.connected-share-empty span {
  max-width: 360px;
  font-size: 11px;
  line-height: 1.45;
}

.shared-folder-empty,
.shared-leads-empty {
  grid-column: 1 / -1;
  border: 1px dashed #cbd5e1;
  border-radius: 14px;
  background: #f8fafc;
}

.outgoing-share-list {
  display: grid;
  gap: 9px;
  max-height: 520px;
  overflow-y: auto;
}

.outgoing-share-row {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 11px;
  border: 1px solid #e5e7eb;
  border-radius: 13px;
  background: #ffffff;
}

.outgoing-share-icon {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: #f4f0ff;
  color: #6d35f5;
}

.outgoing-share-icon svg {
  width: 17px;
  height: 17px;
}

.outgoing-share-copy {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.outgoing-share-copy strong,
.outgoing-share-copy span,
.outgoing-share-copy small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.outgoing-share-copy strong {
  color: #0f172a;
  font-size: 12px;
  font-weight: 850;
}

.outgoing-share-copy span {
  color: #475569;
  font-size: 11px;
  font-weight: 700;
}

.outgoing-share-copy small {
  color: #94a3b8;
  font-size: 9px;
}

.outgoing-share-remove {
  min-height: 32px;
  padding: 0 9px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid #fecdd3;
  background: #fff1f2;
  color: #be123c;
  font-size: 10px;
}

.outgoing-share-remove svg {
  width: 14px;
  height: 14px;
}

.shared-source-card-badge,
.shared-source-type-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  width: fit-content;
  border-radius: 999px;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.shared-source-card-badge {
  margin-bottom: 8px;
  padding: 5px 8px;
}

.shared-source-card-badge svg {
  width: 12px;
  height: 12px;
}

.shared-source-card-badge.connected,
.shared-source-type-badge.connected {
  border: 1px solid #bbf7d0;
  background: #f0fdf4;
  color: #15803d;
}

.shared-source-card-badge.manual,
.shared-source-type-badge.manual {
  border: 1px solid #ddd6fe;
  background: #f5f3ff;
  color: #6d28d9;
}

.shared-source-title-row {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.shared-source-type-badge {
  padding: 5px 8px;
}

.shared-source-icon.connected {
  border: 1px solid #bbf7d0;
  background: #f0fdf4;
  color: #16a34a;
}

.connected-source-card {
  border-color: #d8b4fe;
}

.connected-shared-lead-link {
  width: 100%;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  box-shadow: none;
}

.connected-shared-lead-link:hover {
  transform: none;
  opacity: 1;
}

.connected-shared-lead-link > span:last-child {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.connected-shared-lead-link strong,
.connected-shared-lead-link small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.connected-shared-lead-link strong {
  color: #6d35f5;
  font-size: 12px;
  font-weight: 850;
}

.connected-shared-lead-link small {
  color: #64748b;
  font-size: 9px;
}

.connected-total-calls {
  min-width: 40px;
  display: inline-grid;
  place-items: center;
  padding: 6px 9px;
  border: 1px solid #dbeafe;
  border-radius: 8px;
  background: #eff6ff;
  color: #1d4ed8;
  font-weight: 900;
}

.lead-summary-status.connected {
  border-color: #bbf7d0 !important;
  background: #f0fdf4 !important;
  color: #15803d !important;
}

/* CONNECTED LEAD FULL DATA MODAL */
.connected-lead-data-modal {
  position: fixed;
  inset: 0;
  z-index: 10050;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(2, 6, 23, 0.72);
  backdrop-filter: blur(8px);
}

.connected-lead-data-dialog {
  width: min(1080px, 100%);
  max-height: calc(100vh - 48px);
  overflow: hidden;
  display: grid;
  grid-template-rows: auto 1fr;
  border: 1px solid #ddd6fe;
  border-radius: 22px;
  background: #ffffff;
  box-shadow: 0 35px 120px rgba(15, 23, 42, 0.35);
}

.connected-lead-data-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: 20px 22px;
  border-bottom: 1px solid #e5e7eb;
  background: linear-gradient(135deg, #faf8ff, #f8fafc);
}

.connected-lead-data-header h2 {
  margin: 0;
  color: #0f172a;
  font-size: 24px;
  font-weight: 900;
  letter-spacing: -0.05em;
}

.connected-lead-data-header span {
  display: block;
  margin-top: 4px;
  color: #64748b;
  font-size: 12px;
}

.connected-lead-data-close {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  background: #ffffff;
  color: #475569;
}

.connected-lead-data-close svg {
  width: 18px;
  height: 18px;
}

.connected-lead-data-content {
  overflow-y: auto;
  display: grid;
  gap: 14px;
  padding: 18px;
  background: #f8fafc;
}

.connected-data-section {
  padding: 16px;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  background: #ffffff;
}

.connected-data-section-title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}

.connected-data-section-title > span {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border-radius: 11px;
  background: #f4f0ff;
  color: #6d35f5;
}

.connected-data-section-title svg {
  width: 17px;
  height: 17px;
}

.connected-data-section-title h3 {
  margin: 0;
  color: #0f172a;
  font-size: 14px;
  font-weight: 850;
}

.connected-data-section-title p {
  margin: 2px 0 0;
  color: #64748b;
  font-size: 10px;
}

.connected-data-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
}

.connected-data-field {
  min-width: 0;
  display: grid;
  gap: 4px;
  padding: 10px;
  border: 1px solid #e5e7eb;
  border-radius: 11px;
  background: #f8fafc;
}

.connected-data-field span {
  color: #64748b;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.connected-data-field strong {
  overflow-wrap: anywhere;
  color: #0f172a;
  font-size: 11px;
  font-weight: 750;
}

.connected-data-empty {
  margin: 0;
  padding: 14px;
  border: 1px dashed #cbd5e1;
  border-radius: 11px;
  color: #64748b;
  background: #f8fafc;
  font-size: 11px;
  text-align: center;
}

.connected-data-table-wrap {
  overflow-x: auto;
  border: 1px solid #e5e7eb;
  border-radius: 11px;
}

.connected-data-table {
  width: 100%;
  min-width: 720px;
  border-collapse: collapse;
}

.connected-data-table th,
.connected-data-table td {
  padding: 10px;
  border-bottom: 1px solid #e5e7eb;
  color: #334155;
  font-size: 10px;
  text-align: left;
  vertical-align: top;
}

.connected-data-table th {
  background: #f8fafc;
  color: #64748b;
  font-weight: 850;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.connected-data-table tr:last-child td {
  border-bottom: 0;
}

/* CONNECTED SHARING DARK MODE */

@media (max-width: 1180px) {
  .connected-sharing-layout {
    grid-template-columns: 1fr;
  }

  .outgoing-share-list {
    max-height: 360px;
  }
}

@media (max-width: 820px) {
  .connected-share-controls {
    grid-template-columns: 1fr;
  }

  .connected-share-lead-row {
    grid-template-columns: 22px 36px minmax(0, 1fr);
  }

  .connected-share-lead-result,
  .connected-share-count-badge {
    grid-column: 3;
    justify-self: start;
  }

  .connected-data-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .connected-share-header,
  .connected-share-selection-toolbar,
  .connected-share-submit-row,
  .connected-lead-data-header {
    align-items: stretch;
    flex-direction: column;
  }

  .connected-share-submit-row button {
    width: 100%;
  }

  .outgoing-share-row {
    grid-template-columns: 38px minmax(0, 1fr);
  }

  .outgoing-share-remove {
    grid-column: 1 / -1;
    justify-content: center;
  }

  .connected-data-grid {
    grid-template-columns: 1fr;
  }

  .connected-lead-data-modal {
    padding: 10px;
  }

  .connected-lead-data-dialog {
    max-height: calc(100vh - 20px);
    border-radius: 16px;
  }
}

/* SHARED LEAD THREE-DOT MENU VISIBILITY FIX
   The Shared Leads table shell used overflow:hidden for rounded corners.
   That clipped the action dropdown, especially when the selected Lead was
   the last visible row directly above pagination. */
#sharedAllPanel .leads-list-card,
#sharedAllPanel .all-leads-table-shell,
#sharedAllPanel .all-leads-table-area,
#sharedAllPanel .all-leads-table-area .schedule-block,
#sharedAllPanel .all-leads-table-area .schedule-table-wrap,
#sharedAllPanel .all-leads-table-area .connected-aware-shared-table,
#sharedAllPanel .all-leads-table-area .connected-aware-shared-table tbody,
#sharedAllPanel .all-leads-table-area .connected-aware-shared-table tr,
#sharedAllPanel .all-leads-table-area .connected-aware-shared-table td {
  overflow: visible !important;
}

#sharedAllPanel .all-leads-table-shell {
  position: relative;
}

/* Preserve the rounded card appearance after allowing the menu to escape. */
#sharedAllPanel .all-leads-toolbar {
  border-radius: 18px 18px 0 0;
}

#sharedAllPanel .all-leads-footer {
  position: relative;
  z-index: 1;
  border-radius: 0 0 18px 18px;
}

#sharedAllPanel .connected-aware-shared-table {
  position: relative;
  z-index: 2;
}

#sharedAllPanel .connected-aware-shared-table tr.shared-actions-row-open,
#sharedAllPanel .connected-aware-shared-table td.shared-actions-cell-open {
  position: relative;
  z-index: 9000;
}

#sharedAllPanel .shared-lead-row-actions-menu[open] {
  z-index: 9100;
}

#sharedAllPanel .shared-lead-actions-dropdown {
  z-index: 9200;
}


/* CONNECTED SHARED LEAD SALE SPLIT */
.shared-sale-split-block {
  grid-column: 1 / -1;
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid rgba(109, 53, 245, 0.22);
  border-radius: 12px;
  background: rgba(109, 53, 245, 0.055);
}

.shared-sale-split-block.hidden {
  display: none !important;
}

.shared-sale-split-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}

.shared-sale-split-heading strong {
  font-size: 12px;
  font-weight: 900;
}

.shared-sale-split-heading span {
  color: #748096;
  font-size: 10px;
  font-weight: 650;
  text-align: right;
}

.shared-sale-split-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.shared-sale-split-grid label {
  display: grid;
  gap: 6px;
}

.shared-sale-split-grid label > span {
  color: #5f6b7d;
  font-size: 11px;
  font-weight: 750;
}

.shared-percent-input {
  position: relative;
}

.shared-percent-input input {
  width: 100%;
  min-height: 39px;
  padding-right: 34px !important;
  font-variant-numeric: tabular-nums;
  font-weight: 850 !important;
}

.shared-percent-input small {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  color: #7c3aed;
  font-size: 12px;
  font-weight: 900;
  pointer-events: none;
}

@media (max-width: 720px) {
  .shared-sale-split-heading {
    align-items: flex-start;
    flex-direction: column;
    gap: 3px;
  }

  .shared-sale-split-heading span {
    text-align: left;
  }

  .shared-sale-split-grid {
    grid-template-columns: 1fr;
  }
}

/* WORKFLOW STANDARDIZATION: GLOBAL SAVE STATUS */
.global-save-status {
  position: fixed;
  z-index: 100000;
  top: 18px;
  right: 20px;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 42px;
  padding: 10px 15px;
  border: 1px solid rgba(148, 163, 184, 0.28);
  border-radius: 13px;
  background: rgba(15, 23, 42, 0.96);
  color: #ffffff;
  box-shadow: 0 18px 50px rgba(2, 6, 23, 0.28);
  backdrop-filter: blur(12px);
  transition: opacity 0.18s ease, transform 0.18s ease;
}

.global-save-status.hidden {
  display: none !important;
}

.global-save-status-icon {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #8b5cf6;
  box-shadow: 0 0 0 5px rgba(139, 92, 246, 0.14);
}

.global-save-status.saving .global-save-status-icon {
  width: 14px;
  height: 14px;
  border: 2px solid rgba(255, 255, 255, 0.35);
  border-top-color: #ffffff;
  background: transparent;
  box-shadow: none;
  animation: leadflow-save-spin 0.75s linear infinite;
}

.global-save-status.saved .global-save-status-icon {
  background: #22c55e;
  box-shadow: 0 0 0 5px rgba(34, 197, 94, 0.14);
}

.global-save-status.error .global-save-status-icon {
  background: #ef4444;
  box-shadow: 0 0 0 5px rgba(239, 68, 68, 0.14);
}

.global-save-status-text {
  font-size: 13px;
  font-weight: 850;
  letter-spacing: -0.01em;
}

button.is-saving {
  cursor: wait;
  opacity: 0.82;
}

@keyframes leadflow-save-spin {
  to { transform: rotate(360deg); }
}

/* SHARED LEADS: THREE CLEAR WORKSPACES */
.shared-root-tabs {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
  padding: 7px;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  background: #ffffff;
  box-shadow: var(--shadow-2);
}

.shared-root-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 42px;
  padding: 10px 15px;
  border: 1px solid transparent;
  border-radius: 12px;
  background: transparent;
  color: #64748b;
  box-shadow: none;
}

.shared-root-tab svg {
  width: 16px;
  height: 16px;
}

.shared-root-tab:hover {
  color: #4f46e5;
  background: #f5f3ff;
  transform: none;
}

.shared-root-tab.active-tab {
  color: #ffffff;
  background: linear-gradient(135deg, #6d35f5, #4f46e5);
  box-shadow: 0 10px 22px rgba(109, 53, 245, 0.23);
}

.shared-root-panel {
  display: grid;
  gap: 14px;
}

@media (max-width: 760px) {
  .global-save-status {
    top: 12px;
    right: 12px;
    left: 12px;
    justify-content: center;
  }

  .shared-root-tabs {
    display: grid;
    grid-template-columns: 1fr;
  }

  .shared-root-tab {
    width: 100%;
  }
}

/* STRUCTURED SALE DETAILS: ONLY ACTUAL SOLD ACTIVITIES */
.timeline-sale-details,
.timeline-sale-split {
  display: block;
  width: fit-content;
  max-width: 100%;
  margin-top: 5px;
  padding: 4px 8px;
  border: 1px solid rgba(109, 53, 245, 0.18);
  border-radius: 8px;
  background: #f5f3ff;
  color: #5b21b6;
  font-size: 11px;
  font-weight: 750;
  line-height: 1.35;
  overflow-wrap: anywhere;
}


/* ALL LEADS THREE-DOT MENU — keep the last rows visible above pagination */
#leadsTableList .lead-actions-row-open,
#leadsTableList .lead-actions-cell-open,
#leadsTableList .lead-actions-menu[open] {
  position: relative;
  z-index: 9000;
}

#leadsTableList .lead-actions-dropdown.all-leads-floating-action-menu {
  position: fixed !important;
  z-index: 20000 !important;
  margin: 0 !important;
}

/* SHARED BY ME — GROUP ACTIVE SHARES BY CONNECTED USER */
.outgoing-recipient-grid {
  display: grid;
  gap: 10px;
}

.outgoing-recipient-card {
  width: 100%;
  min-height: 82px;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto 18px;
  align-items: center;
  gap: 11px;
  padding: 12px;
  border: 1px solid #e5e7eb;
  border-radius: 15px;
  background: #ffffff;
  color: #0f172a;
  text-align: left;
  box-shadow: none;
}

.outgoing-recipient-card:hover {
  opacity: 1;
  transform: none;
  border-color: #c4b5fd;
  background: #faf8ff;
  box-shadow: 0 10px 24px rgba(109, 53, 245, 0.09);
}

.outgoing-recipient-avatar {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: linear-gradient(135deg, #6d35f5, #4f46e5);
  color: #ffffff;
  font-size: 13px;
  font-weight: 950;
  letter-spacing: -0.02em;
  box-shadow: 0 9px 18px rgba(109, 53, 245, 0.22);
}

.outgoing-recipient-avatar.large {
  width: 48px;
  height: 48px;
  border-radius: 15px;
  font-size: 14px;
}

.outgoing-recipient-main {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.outgoing-recipient-main strong {
  overflow: hidden;
  color: #0f172a;
  font-size: 13px;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.outgoing-recipient-main small {
  overflow: hidden;
  color: #64748b;
  font-size: 9px;
  font-weight: 750;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.outgoing-recipient-preview {
  overflow: hidden;
  color: #7c6f92;
  font-size: 9px;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.outgoing-recipient-count {
  min-width: 48px;
  min-height: 44px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 1px;
  padding: 5px 8px;
  border: 1px solid #ddd6fe;
  border-radius: 12px;
  background: #f5f3ff;
  color: #5b21b6;
}

.outgoing-recipient-count strong {
  font-size: 14px;
  font-weight: 950;
  line-height: 1;
}

.outgoing-recipient-count small {
  font-size: 8px;
  font-weight: 850;
  text-transform: uppercase;
}

.outgoing-recipient-chevron {
  width: 17px;
  height: 17px;
  color: #8b5cf6;
}

.outgoing-recipient-detail {
  display: grid;
  gap: 12px;
}

.outgoing-recipient-detail-header {
  display: grid;
  grid-template-columns: 36px 48px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  padding-bottom: 12px;
  border-bottom: 1px solid #e5e7eb;
}

.outgoing-recipient-detail-header h3,
.outgoing-recipient-detail-header p,
.outgoing-recipient-detail-header span {
  margin: 0;
}

.outgoing-recipient-detail-header h3 {
  overflow: hidden;
  color: #0f172a;
  font-size: 15px;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.outgoing-recipient-detail-header > div > span {
  display: block;
  overflow: hidden;
  margin-top: 3px;
  color: #64748b;
  font-size: 10px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.outgoing-recipient-back {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid #ddd6fe;
  border-radius: 11px;
  background: #f5f3ff;
  color: #6d35f5;
}

.outgoing-recipient-back:hover {
  opacity: 1;
  transform: none;
  background: #ede9fe;
}

.outgoing-recipient-back svg {
  width: 16px;
  height: 16px;
}

.outgoing-recipient-search {
  position: relative;
  display: block;
}

.outgoing-recipient-search svg {
  position: absolute;
  top: 50%;
  left: 12px;
  width: 15px;
  height: 15px;
  color: #8b5cf6;
  transform: translateY(-50%);
  pointer-events: none;
}

.outgoing-recipient-search input {
  width: 100%;
  min-height: 40px;
  padding: 9px 12px 9px 36px;
  border: 1px solid #d8dee8;
  border-radius: 12px;
  background: #ffffff;
  color: #0f172a;
  font: inherit;
  font-size: 11px;
}

.outgoing-recipient-leads {
  display: grid;
  gap: 8px;
}

.outgoing-recipient-lead-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 34px;
  align-items: center;
  gap: 7px;
  padding: 7px;
  border: 1px solid #e5e7eb;
  border-radius: 13px;
  background: #ffffff;
}

.outgoing-recipient-lead-open {
  min-width: 0;
  display: grid;
  grid-template-columns: 35px minmax(0, 1fr) 16px;
  align-items: center;
  gap: 9px;
  padding: 3px;
  border: 0;
  background: transparent;
  color: #0f172a;
  text-align: left;
  box-shadow: none;
}

.outgoing-recipient-lead-open:hover {
  opacity: 1;
  transform: none;
}

.outgoing-recipient-lead-open > svg {
  width: 15px;
  height: 15px;
  color: #8b5cf6;
}

.outgoing-recipient-lead-avatar {
  width: 35px;
  height: 35px;
  display: grid;
  place-items: center;
  border-radius: 11px;
  background: #f4f0ff;
  color: #6d35f5;
  font-size: 10px;
  font-weight: 950;
}

.outgoing-recipient-lead-copy {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.outgoing-recipient-lead-copy strong,
.outgoing-recipient-lead-copy small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.outgoing-recipient-lead-copy strong {
  color: #0f172a;
  font-size: 11px;
  font-weight: 850;
}

.outgoing-recipient-lead-copy small {
  color: #64748b;
  font-size: 8px;
  font-weight: 650;
}

.outgoing-recipient-lead-remove {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid #fecdd3;
  border-radius: 10px;
  background: #fff1f2;
  color: #be123c;
}

.outgoing-recipient-lead-remove:hover {
  opacity: 1;
  transform: none;
  background: #ffe4e6;
}

.outgoing-recipient-lead-remove svg {
  width: 14px;
  height: 14px;
}

.connected-share-empty.recipient-empty {
  min-height: 170px;
}

@media (max-width: 560px) {
  .outgoing-recipient-card {
    grid-template-columns: 40px minmax(0, 1fr) auto;
  }

  .outgoing-recipient-avatar {
    width: 40px;
    height: 40px;
  }

  .outgoing-recipient-chevron {
    display: none;
  }

  .outgoing-recipient-preview {
    display: none;
  }
}

/* =========================================================
   LEADFLOW IN-APP ALERT / CONFIRM / PROMPT DIALOGS
   ========================================================= */

body.leadflow-dialog-open {
  overflow: hidden;
}

.leadflow-dialog-overlay {
  position: fixed;
  inset: 0;
  z-index: 30000;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(3, 6, 23, 0.72);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  animation: leadflowDialogFade 0.16s ease both;
}

.leadflow-dialog-overlay.hidden {
  display: none !important;
}

.leadflow-dialog-card {
  width: min(520px, calc(100vw - 32px));
  max-height: calc(100vh - 48px);
  overflow-y: auto;
  border: 1px solid rgba(139, 92, 246, 0.44);
  border-radius: 22px;
  padding: 24px;
  color: #f8f7ff;
  background:
    radial-gradient(circle at top right, rgba(124, 58, 237, 0.22), transparent 40%),
    linear-gradient(180deg, #181132 0%, #100b25 100%);
  box-shadow: 0 34px 110px rgba(0, 0, 0, 0.58);
  animation: leadflowDialogRise 0.19s ease both;
}

.leadflow-dialog-icon {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  margin-bottom: 17px;
  border: 1px solid rgba(139, 92, 246, 0.40);
  border-radius: 15px;
  color: #c4b5fd;
  background: rgba(109, 53, 245, 0.17);
  box-shadow: 0 12px 28px rgba(79, 70, 229, 0.18);
}

.leadflow-dialog-icon svg {
  width: 23px;
  height: 23px;
  stroke-width: 2.2;
}

.leadflow-dialog-card.tone-danger .leadflow-dialog-icon {
  color: #fb7185;
  border-color: rgba(244, 63, 94, 0.40);
  background: rgba(159, 18, 57, 0.20);
}

.leadflow-dialog-card.tone-success .leadflow-dialog-icon {
  color: #4ade80;
  border-color: rgba(34, 197, 94, 0.36);
  background: rgba(21, 128, 61, 0.18);
}

.leadflow-dialog-card.tone-warning .leadflow-dialog-icon,
.leadflow-dialog-card.tone-prompt .leadflow-dialog-icon {
  color: #fbbf24;
  border-color: rgba(245, 158, 11, 0.34);
  background: rgba(146, 64, 14, 0.18);
}

.leadflow-dialog-eyebrow {
  margin: 0 0 7px;
  color: #a78bfa;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.16em;
}

.leadflow-dialog-card h2 {
  margin: 0;
  color: #ffffff;
  font-size: 24px;
  font-weight: 900;
  letter-spacing: -0.035em;
}

.leadflow-dialog-message {
  margin: 10px 0 0;
  color: #c5bfd5;
  font-size: 14px;
  line-height: 1.58;
  white-space: pre-line;
}

.leadflow-dialog-input-wrap {
  display: grid;
  gap: 8px;
  margin-top: 20px;
}

.leadflow-dialog-input-wrap.hidden,
.leadflow-dialog-input-wrap .hidden,
.leadflow-dialog-actions .hidden {
  display: none !important;
}

.leadflow-dialog-input-wrap > span {
  color: #ddd6fe;
  font-size: 12px;
  font-weight: 850;
}

.leadflow-dialog-input-wrap input,
.leadflow-dialog-input-wrap textarea {
  width: 100%;
  color: #ffffff;
  border: 1px solid rgba(139, 92, 246, 0.42);
  border-radius: 12px;
  padding: 12px 13px;
  background: #0d0920;
  font: inherit;
  resize: vertical;
}

.leadflow-dialog-input-wrap input:focus,
.leadflow-dialog-input-wrap textarea:focus {
  border-color: #8b5cf6;
  box-shadow: 0 0 0 3px rgba(109, 53, 245, 0.18);
}

.leadflow-dialog-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 24px;
}

.leadflow-dialog-actions button {
  min-width: 104px;
  min-height: 43px;
  border-radius: 12px;
  padding: 10px 16px;
  font-size: 13px;
  font-weight: 900;
}

.leadflow-dialog-cancel {
  color: #e9e5f5;
  border: 1px solid rgba(139, 92, 246, 0.30);
  background: rgba(255, 255, 255, 0.055);
}

.leadflow-dialog-confirm {
  color: #ffffff;
  background: linear-gradient(135deg, #7c3aed, #4f46e5);
  box-shadow: 0 12px 26px rgba(91, 33, 182, 0.30);
}

.leadflow-dialog-confirm.danger {
  background: linear-gradient(135deg, #e11d48, #be123c);
  box-shadow: 0 12px 26px rgba(190, 18, 60, 0.28);
}

body:not(.app-dark-mode) .leadflow-dialog-overlay {
  background: rgba(15, 23, 42, 0.46);
}

body:not(.app-dark-mode) .leadflow-dialog-card {
  color: #0f172a;
  border-color: rgba(109, 53, 245, 0.26);
  background:
    radial-gradient(circle at top right, rgba(124, 58, 237, 0.10), transparent 42%),
    #ffffff;
  box-shadow: 0 34px 100px rgba(15, 23, 42, 0.25);
}

body:not(.app-dark-mode) .leadflow-dialog-card h2 {
  color: #0f172a;
}

body:not(.app-dark-mode) .leadflow-dialog-message {
  color: #52637a;
}

body:not(.app-dark-mode) .leadflow-dialog-input-wrap > span {
  color: #334155;
}

body:not(.app-dark-mode) .leadflow-dialog-input-wrap input,
body:not(.app-dark-mode) .leadflow-dialog-input-wrap textarea {
  color: #0f172a;
  border-color: #d8dee8;
  background: #ffffff;
}

body:not(.app-dark-mode) .leadflow-dialog-cancel {
  color: #334155;
  border-color: #d8dee8;
  background: #f8fafc;
}

@keyframes leadflowDialogFade {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes leadflowDialogRise {
  from { opacity: 0; transform: translateY(12px) scale(0.975); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@media (max-width: 600px) {
  .leadflow-dialog-overlay {
    align-items: end;
    padding: 12px;
  }

  .leadflow-dialog-card {
    width: 100%;
    border-radius: 20px;
    padding: 21px;
  }

  .leadflow-dialog-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .leadflow-dialog-actions button {
    width: 100%;
  }
}


/* LEADS INNER TABS + OPTIONAL CONTACT FIELDS */
.leads-root-tabs {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  max-width: 100%;
  margin-bottom: 14px;
  padding: 6px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: var(--card);
}

.leads-root-tab {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 18px;
  color: var(--muted);
  border: 1px solid transparent;
  border-radius: 11px;
  background: transparent;
  font-weight: 850;
  cursor: pointer;
}

.leads-root-tab svg {
  width: 17px;
  height: 17px;
}

.leads-root-tab.active-tab {
  color: #ffffff;
  border-color: transparent;
  background: linear-gradient(135deg, #7042ff, #5b31ed);
  box-shadow: 0 10px 24px rgba(91, 49, 237, 0.28);
}

.leads-tab-panel {
  min-width: 0;
}

.lead-contact-fields {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 110px;
  gap: 10px 12px;
}

.lead-email-field {
  grid-column: 1 / -1;
}

.all-leads-refresh-btn {
  min-height: 36px;
  white-space: nowrap;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-summary-meta {
  grid-template-columns: repeat(auto-fit, minmax(125px, max-content));
  row-gap: 14px;
}

.newly-created-lead-row {
  animation: leadflow-new-lead-highlight 2.6s ease both;
}

@keyframes leadflow-new-lead-highlight {
  0%, 55% {
    background: rgba(111, 66, 255, 0.24);
    box-shadow: inset 4px 0 0 #7c4dff;
  }
  100% {
    background: transparent;
    box-shadow: inset 0 0 0 transparent;
  }
}

@media (max-width: 1320px) {
  :is(#leadDetailPage, #sharedLeadDetailPage) .lead-summary-meta {
    grid-template-columns: repeat(3, minmax(120px, 1fr));
  }
}

@media (max-width: 720px) {
  :is(#leadDetailPage, #sharedLeadDetailPage) .lead-summary-meta {
    grid-template-columns: 1fr;
  }

  .leads-root-tabs {
    width: 100%;
  }

  .leads-root-tab {
    flex: 1;
    padding-inline: 10px;
  }

  .lead-contact-fields {
    grid-template-columns: 1fr;
  }

  .lead-email-field {
    grid-column: auto;
  }
}

/* LEADFLOW UPLINE / DOWNLINE ORGANIZATION HIERARCHY */
.organization-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 0 0 18px;
}

.organization-stats article {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding: 14px 16px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: var(--panel-soft);
}

.organization-stats article > span,
.organization-agency-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  border-radius: 12px;
  color: #6d35f5;
  background: rgba(109, 53, 245, 0.1);
}

.organization-stats strong,
.organization-stats small {
  display: block;
}

.organization-stats strong {
  font-size: 21px;
  line-height: 1;
}

.organization-stats small {
  margin-top: 4px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.agency-create-card,
.organization-tree-card {
  margin-bottom: 18px;
}

.agency-create-card .primary-gradient-btn {
  margin-top: 14px;
}

.organization-tree {
  display: grid;
  gap: 14px;
}

.organization-empty-state {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 18px;
  border: 1px dashed rgba(109, 53, 245, 0.3);
  border-radius: 16px;
  background: rgba(109, 53, 245, 0.04);
}

.organization-empty-state > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  border-radius: 13px;
  color: #6d35f5;
  background: rgba(109, 53, 245, 0.12);
}

.organization-empty-state strong,
.organization-empty-state p {
  display: block;
  margin: 0;
}

.organization-empty-state p {
  margin-top: 4px;
  color: var(--muted);
}

.organization-agency-node {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: var(--panel);
}

.organization-agency-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 15px 16px;
  border-bottom: 1px solid var(--line);
  background: linear-gradient(135deg, rgba(109, 53, 245, 0.09), rgba(139, 92, 246, 0.025));
}

.organization-agency-header > div:first-child {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.organization-agency-header p,
.organization-agency-header h4,
.organization-agency-header small {
  margin: 0;
}

.organization-agency-header p {
  margin-bottom: 2px;
  color: #6d35f5;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.09em;
}

.organization-agency-header h4 {
  font-size: 15px;
}

.organization-agency-header small {
  display: block;
  margin-top: 3px;
  color: var(--muted);
}

.organization-agency-count {
  flex: 0 0 auto;
  padding: 6px 9px;
  color: #6d35f5;
  font-size: 10px;
  font-weight: 850;
  border: 1px solid rgba(109, 53, 245, 0.22);
  border-radius: 999px;
  background: rgba(109, 53, 245, 0.07);
}

.organization-agency-users {
  padding: 14px;
}

.organization-user-branch {
  position: relative;
}

.organization-user-branch + .organization-user-branch {
  margin-top: 9px;
}

.organization-user-node {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 11px 12px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--panel-soft);
}

.organization-user-node-main {
  display: flex;
  align-items: center;
  gap: 11px;
  min-width: 0;
}

.organization-user-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  color: #fff;
  font-size: 11px;
  font-weight: 900;
  border-radius: 50%;
  background: linear-gradient(135deg, #6d35f5, #9b5cf6);
  box-shadow: 0 6px 18px rgba(109, 53, 245, 0.16);
}

.organization-user-title-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
}

.organization-user-node p,
.organization-user-node small {
  display: block;
  margin: 0;
  color: var(--muted);
}

.organization-user-node p {
  margin-top: 3px;
  font-size: 11px;
}

.organization-user-node small {
  margin-top: 3px;
  font-size: 10px;
}

.organization-role-badge {
  display: inline-flex;
  align-items: center;
  min-height: 21px;
  padding: 0 7px;
  color: #6d35f5;
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border: 1px solid rgba(109, 53, 245, 0.22);
  border-radius: 999px;
  background: rgba(109, 53, 245, 0.08);
}

.organization-user-node.role-manager .organization-role-badge {
  color: #2563eb;
  border-color: rgba(37, 99, 235, 0.2);
  background: rgba(37, 99, 235, 0.07);
}

.organization-user-node.role-agent .organization-role-badge {
  color: var(--muted);
  border-color: var(--line);
  background: rgba(127, 127, 127, 0.06);
}

.organization-user-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
  flex: 0 0 auto;
}

.organization-agency-action {
  color: #6d35f5 !important;
}

.organization-user-children {
  position: relative;
  display: grid;
  gap: 8px;
  margin: 8px 0 0 26px;
  padding-left: 18px;
  border-left: 2px solid rgba(109, 53, 245, 0.15);
}

.organization-user-children > .organization-user-branch::before {
  content: "";
  position: absolute;
  top: 25px;
  left: -18px;
  width: 16px;
  border-top: 2px solid rgba(109, 53, 245, 0.15);
}

.organization-child-agencies {
  display: grid;
  gap: 12px;
  margin: 0 14px 14px 32px;
  padding-left: 16px;
  border-left: 2px solid rgba(109, 53, 245, 0.18);
}

.organization-child-agencies .organization-agency-node {
  box-shadow: none;
}

@media (max-width: 980px) {
  .organization-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .organization-user-node,
  .organization-agency-header {
    align-items: flex-start;
    flex-direction: column;
  }

  .organization-user-actions {
    width: 100%;
    justify-content: flex-start;
  }
}

@media (max-width: 620px) {
  .organization-stats {
    grid-template-columns: 1fr;
  }

  .organization-user-children,
  .organization-child-agencies {
    margin-left: 12px;
    padding-left: 10px;
  }
}


/* PERSONAL INVITE + INDEPENDENT AGENCY PRIVACY MODEL */
.invite-registration-routing {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 16px;
  border: 1px solid rgba(124, 78, 255, 0.28);
  border-radius: 14px;
  background: rgba(124, 78, 255, 0.08);
  margin: 4px 0 14px;
}

.invite-registration-routing > span,
.personal-invite-routing-grid article > span,
.agency-privacy-boundary-heading > span {
  width: 38px;
  height: 38px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  background: rgba(111, 66, 255, 0.14);
}

.invite-registration-routing svg,
.personal-invite-routing-grid svg,
.agency-privacy-boundary-heading svg {
  width: 18px;
  height: 18px;
}

.invite-registration-routing strong,
.invite-registration-routing p {
  display: block;
  margin: 0;
}

.invite-registration-routing p {
  margin-top: 4px;
  opacity: 0.72;
  line-height: 1.45;
}

.personal-invite-routing-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 18px;
}

.personal-invite-routing-grid article {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding: 15px;
  border: 1px solid var(--border-color, rgba(124, 78, 255, 0.22));
  border-radius: 16px;
  background: rgba(124, 78, 255, 0.045);
}

.personal-invite-routing-grid small,
.personal-invite-routing-grid strong {
  display: block;
}

.personal-invite-routing-grid small {
  opacity: 0.62;
  margin-bottom: 3px;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.personal-invite-routing-grid strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.personal-invite-link-field {
  display: block;
  margin-bottom: 18px;
}

.personal-invite-link-field > span {
  display: block;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 8px;
}

.aggregate-only-agency {
  border-style: solid;
  border-color: rgba(126, 86, 255, 0.34);
}

.agency-privacy-boundary {
  padding: 18px;
  border-top: 1px solid rgba(124, 78, 255, 0.16);
  background: rgba(40, 24, 88, 0.045);
}

.agency-privacy-boundary-heading {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 15px;
}

.agency-privacy-boundary-heading strong,
.agency-privacy-boundary-heading p {
  display: block;
  margin: 0;
}

.agency-privacy-boundary-heading p {
  margin-top: 4px;
  opacity: 0.68;
  line-height: 1.45;
  max-width: 900px;
}

.agency-rollup-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}

.agency-rollup-grid article {
  padding: 12px 13px;
  border: 1px solid rgba(124, 78, 255, 0.18);
  border-radius: 13px;
  background: rgba(124, 78, 255, 0.055);
  min-width: 0;
}

.agency-rollup-grid span,
.agency-rollup-grid strong {
  display: block;
}

.agency-rollup-grid span {
  font-size: 10px;
  opacity: 0.62;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.agency-rollup-grid strong {
  margin-top: 5px;
  font-size: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 1100px) {
  .agency-rollup-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .personal-invite-routing-grid,
  .agency-rollup-grid {
    grid-template-columns: 1fr;
  }
}

/* INVITE REGISTRATION REDESIGN + REQUIRED RECOVERY EMAIL */
#loginScreen.login-screen.invite-mode {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  place-items: center;
  padding: clamp(28px, 5vw, 72px);
}

#loginScreen.login-screen.invite-mode .login-showcase,
#loginScreen.login-screen.invite-mode .login-access-card:not(.invite-registration-card) {
  display: none !important;
}

#loginScreen .invite-registration-card {
  width: min(1080px, 100%);
  max-width: 1080px;
  min-height: 650px;
  display: grid;
  grid-template-columns: minmax(320px, 0.82fr) minmax(470px, 1.18fr);
  grid-column: 1;
  justify-self: center;
  margin: 0;
  padding: 0;
  overflow: hidden;
  text-align: left;
  color: #f8f7ff;
  border: 1px solid rgba(139, 92, 246, 0.30);
  border-radius: 28px;
  background: #0a0d29;
  box-shadow:
    0 42px 120px rgba(0, 0, 0, 0.52),
    0 0 0 1px rgba(255, 255, 255, 0.025) inset;
  backdrop-filter: blur(18px);
}

.invite-registration-welcome {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: clamp(34px, 4vw, 54px);
  overflow: hidden;
  background:
    radial-gradient(circle at 18% 10%, rgba(139, 92, 246, 0.30), transparent 32%),
    radial-gradient(circle at 94% 88%, rgba(79, 70, 229, 0.22), transparent 30%),
    linear-gradient(160deg, #11113b 0%, #0b0d2c 54%, #090b24 100%);
  border-right: 1px solid rgba(139, 92, 246, 0.18);
}

.invite-registration-welcome::after {
  content: "";
  position: absolute;
  width: 340px;
  height: 340px;
  right: -190px;
  bottom: -190px;
  border-radius: 50%;
  border: 1px solid rgba(139, 92, 246, 0.22);
  box-shadow:
    0 0 0 55px rgba(124, 58, 237, 0.035),
    0 0 0 110px rgba(124, 58, 237, 0.02);
  pointer-events: none;
}

.invite-registration-brand {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 54px;
}

.invite-registration-brand-mark {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  color: #ffffff;
  font-weight: 950;
  letter-spacing: -0.04em;
  border-radius: 14px;
  background: linear-gradient(145deg, #7c3aed, #5633e8);
  box-shadow: 0 14px 32px rgba(91, 33, 182, 0.34);
}

.invite-registration-brand strong,
.invite-registration-brand small {
  display: block;
}

.invite-registration-brand strong {
  color: #ffffff;
  font-size: 19px;
  line-height: 1.05;
}

.invite-registration-brand small {
  margin-top: 3px;
  color: #9e9ab5;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: 0.14em;
}

.invite-registration-kicker {
  position: relative;
  z-index: 1;
  width: fit-content;
  padding: 7px 10px;
  color: #bda7ff;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.16em;
  border: 1px solid rgba(139, 92, 246, 0.24);
  border-radius: 999px;
  background: rgba(124, 58, 237, 0.10);
}

#loginScreen .invite-registration-welcome h1 {
  position: relative;
  z-index: 1;
  margin: 22px 0 14px;
  color: #ffffff;
  font-size: clamp(36px, 3.4vw, 50px);
  line-height: 1.03;
  letter-spacing: -0.052em;
}

#loginScreen .invite-registration-welcome h1 strong {
  color: #8f69ff;
}

#loginScreen .invite-registration-welcome > p {
  position: relative;
  z-index: 1;
  max-width: 380px;
  margin: 0;
  color: #aaa8bd;
  font-size: 15px;
  line-height: 1.6;
}

#loginScreen .invite-registration-routing {
  position: relative;
  z-index: 1;
  margin: 34px 0 0;
  padding: 16px;
  color: #f8f7ff;
  border-color: rgba(139, 92, 246, 0.28);
  background: rgba(139, 92, 246, 0.08);
}

#loginScreen .invite-registration-routing > span {
  color: #a98cff;
  background: rgba(139, 92, 246, 0.14);
}

#loginScreen .invite-registration-routing strong {
  color: #ffffff;
  font-size: 13px;
}

#loginScreen .invite-registration-routing p {
  color: #aaa8bd;
  font-size: 12px;
}

.invite-registration-assurance {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-top: auto;
  padding-top: 30px;
  color: #9290a7;
  font-size: 12px;
  line-height: 1.5;
}

.invite-registration-assurance svg {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  color: #8f69ff;
}

.invite-registration-form-panel {
  padding: clamp(34px, 4vw, 54px);
  background:
    radial-gradient(circle at 100% 0%, rgba(109, 53, 245, 0.10), transparent 30%),
    linear-gradient(160deg, rgba(12, 16, 48, 0.98), rgba(9, 12, 38, 0.99));
}

.invite-registration-form-heading > span {
  display: block;
  color: #9c7cff;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.15em;
}

.invite-registration-form-heading h2 {
  margin: 8px 0 8px;
  color: #ffffff;
  font-size: 30px;
  letter-spacing: -0.035em;
}

#loginScreen .invite-registration-form-heading p {
  max-width: 560px;
  margin: 0 0 26px;
  color: #9794aa;
  font-size: 13px;
  line-height: 1.55;
}

.invite-registration-name-grid,
.invite-registration-password-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.invite-form-field {
  display: grid;
  gap: 8px;
  margin-top: 15px;
}

.invite-form-field > span {
  color: #eeecf8;
  font-size: 12px;
  font-weight: 850;
}

.invite-form-field > small {
  margin-top: -2px;
  color: #7f7c91;
  font-size: 10px;
  line-height: 1.4;
}

.invite-input-wrap {
  display: flex;
  align-items: center;
  min-height: 52px;
  overflow: hidden;
  border: 1px solid rgba(139, 92, 246, 0.26);
  border-radius: 12px;
  background: rgba(6, 10, 34, 0.72);
  transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

.invite-input-wrap:focus-within {
  border-color: #8b5cf6;
  background: rgba(12, 15, 46, 0.98);
  box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.12);
}

.invite-input-wrap > svg {
  width: 17px;
  height: 17px;
  margin-left: 16px;
  color: #858198;
  flex: 0 0 17px;
}

#loginScreen .invite-registration-card .invite-input-wrap input {
  width: 100%;
  min-width: 0;
  height: 50px;
  padding: 0 14px;
  color: #ffffff;
  font-size: 14px;
  border: 0 !important;
  border-radius: 0;
  outline: 0;
  background: transparent !important;
  box-shadow: none !important;
}

#loginScreen .invite-registration-card .invite-input-wrap input::placeholder {
  color: #6f6c80;
  opacity: 1;
}

.invite-registration-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  margin-top: 28px;
}

#loginScreen .invite-registration-card .invite-create-account-button,
#loginScreen .invite-registration-card .invite-back-login-button {
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  margin: 0;
  border-radius: 12px;
}

#loginScreen .invite-registration-card .invite-create-account-button {
  padding: 0 22px;
  color: #ffffff;
  border: 0;
  background: linear-gradient(135deg, #7443ff, #5f35e8);
  box-shadow: 0 14px 30px rgba(91, 33, 182, 0.28);
}

#loginScreen .invite-registration-card .invite-back-login-button {
  width: auto;
  padding: 0 18px;
  color: #b7b3c8;
  border: 1px solid rgba(139, 92, 246, 0.20);
  background: rgba(255, 255, 255, 0.025);
  box-shadow: none;
}

#loginScreen .invite-registration-card .invite-create-account-button svg,
#loginScreen .invite-registration-card .invite-back-login-button svg {
  width: 17px;
  height: 17px;
}

.invite-registration-error {
  min-height: 20px;
  margin: 12px 0 0;
  color: #ff8798;
  text-align: left;
}

@media (max-width: 900px) {
  #loginScreen .invite-registration-card {
    grid-template-columns: 1fr;
    max-width: 680px;
  }

  .invite-registration-welcome {
    padding: 34px;
    border-right: 0;
    border-bottom: 1px solid rgba(139, 92, 246, 0.18);
  }

  .invite-registration-brand {
    margin-bottom: 30px;
  }

  .invite-registration-assurance {
    margin-top: 24px;
  }
}

@media (max-width: 620px) {
  #loginScreen.login-screen.invite-mode {
    padding: 18px 12px;
  }

  #loginScreen .invite-registration-card {
    border-radius: 22px;
  }

  .invite-registration-welcome,
  .invite-registration-form-panel {
    padding: 28px 22px;
  }

  .invite-registration-name-grid,
  .invite-registration-password-grid,
  .invite-registration-actions {
    grid-template-columns: 1fr;
  }

  #loginScreen .invite-registration-card .invite-back-login-button {
    width: 100%;
  }
}

/* Agency Owner configurable invite routing */
.personal-invite-config-card label {
  display: block;
  min-width: 0;
  flex: 1;
}

.personal-invite-config-card select {
  width: 100%;
  min-width: 0;
  height: 36px;
  padding: 0 34px 0 10px;
  border: 1px solid rgba(124, 78, 255, 0.28);
  border-radius: 10px;
  background: rgba(12, 9, 38, 0.72);
  color: var(--text-color, #ffffff);
  font: inherit;
  font-size: 13px;
  font-weight: 700;
  outline: none;
}

.personal-invite-config-card select:focus {
  border-color: rgba(124, 78, 255, 0.72);
  box-shadow: 0 0 0 3px rgba(124, 78, 255, 0.12);
}

.personal-invite-config-card select:disabled {
  cursor: default;
  opacity: 0.78;
}

.personal-invite-routing-notice {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: -2px 0 18px;
  padding: 12px 14px;
  border: 1px solid rgba(124, 78, 255, 0.18);
  border-radius: 14px;
  background: rgba(124, 78, 255, 0.055);
}

.personal-invite-routing-notice svg {
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
  margin-top: 1px;
  color: #8b63ff;
}

.personal-invite-routing-notice p {
  margin: 0;
  line-height: 1.5;
  opacity: 0.78;
}

body:not(.app-dark-mode) .personal-invite-config-card select {
  background: #ffffff;
  color: #201840;
}

@media (max-width: 900px) {
  .personal-invite-config-card select {
    height: 40px;
  }
}

/* =========================================================
   USER MANAGEMENT — ORGANIZATION-FIRST REDESIGN
   ========================================================= */
.organization-management-card {
  position: relative;
  overflow: visible;
}

.organization-management-heading {
  align-items: center;
  gap: 18px;
}

.organization-management-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin: 18px 0 20px;
  flex-wrap: wrap;
}

.organization-search-box {
  min-width: min(100%, 380px);
  flex: 1 1 360px;
  height: 46px;
  border: 1px solid rgba(108, 92, 231, 0.24);
  border-radius: 14px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 14px;
  background: rgba(255, 255, 255, 0.78);
  box-shadow: 0 8px 24px rgba(26, 20, 70, 0.05);
}

.organization-search-box svg {
  width: 18px;
  height: 18px;
  color: #7165db;
  flex: 0 0 auto;
}

.organization-search-box input {
  width: 100%;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  color: inherit;
  font: inherit;
}

.organization-filter-row {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 5px;
  border: 1px solid rgba(108, 92, 231, 0.18);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.58);
  overflow-x: auto;
  max-width: 100%;
}

.organization-filter-btn {
  border: 0;
  border-radius: 10px;
  padding: 9px 12px;
  font-weight: 800;
  font-size: 12px;
  color: #6f6b82;
  background: transparent;
  cursor: pointer;
  white-space: nowrap;
  transition: 160ms ease;
}

.organization-filter-btn:hover {
  color: #493bd1;
  background: rgba(108, 92, 231, 0.08);
}

.organization-filter-btn.active {
  color: #fff;
  background: linear-gradient(135deg, #7153ee, #5a3ee7);
  box-shadow: 0 8px 18px rgba(98, 70, 229, 0.24);
}

.organization-user-node {
  cursor: pointer;
  transition: transform 150ms ease, border-color 150ms ease, background 150ms ease, box-shadow 150ms ease;
}

.organization-user-node:hover,
.organization-user-node:focus-visible {
  transform: translateY(-1px);
  border-color: rgba(112, 83, 239, 0.42);
  box-shadow: 0 12px 30px rgba(44, 31, 104, 0.09);
  outline: none;
}

.organization-user-node.context-only-user {
  opacity: 0.72;
}

.organization-user-node.inactive-user {
  opacity: 0.66;
  border-style: dashed;
}

.organization-user-node-main {
  min-width: 0;
  flex: 1;
}

.organization-user-copy {
  min-width: 0;
}

.organization-user-copy p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.organization-branch-toggle,
.organization-row-menu,
.organization-drawer-close {
  border: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.organization-branch-toggle {
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  border: 1px solid rgba(109, 53, 245, 0.42);
  border-radius: 11px;
  background: rgba(109, 53, 245, 0.15);
  color: #6538e9;
  margin-right: 6px;
  box-shadow: 0 4px 14px rgba(79, 46, 180, 0.10);
  transition: background 0.16s ease, border-color 0.16s ease, transform 0.16s ease, box-shadow 0.16s ease;
}

.organization-branch-toggle:hover {
  background: rgba(109, 53, 245, 0.24);
  border-color: rgba(109, 53, 245, 0.70);
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(79, 46, 180, 0.16);
}

.organization-branch-toggle:focus-visible {
  outline: 3px solid rgba(124, 92, 255, 0.26);
  outline-offset: 2px;
}

.organization-branch-toggle svg {
  width: 21px;
  height: 21px;
  stroke-width: 2.6;
}

.organization-row-menu svg,
.organization-drawer-close svg {
  width: 17px;
  height: 17px;
}

.organization-branch-toggle-spacer {
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  margin-right: 6px;
}

.organization-row-menu {
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  border-radius: 11px;
  background: rgba(112, 83, 239, 0.07);
  color: #6b55d9;
}

.organization-row-menu:hover {
  background: rgba(112, 83, 239, 0.15);
}

.organization-status-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  border-radius: 999px;
  padding: 4px 9px;
  font-size: 10px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.organization-status-pill.active {
  color: #157447;
  background: rgba(42, 184, 112, 0.12);
  border: 1px solid rgba(42, 184, 112, 0.2);
}

.organization-status-pill.inactive {
  color: #b34154;
  background: rgba(221, 69, 91, 0.10);
  border: 1px solid rgba(221, 69, 91, 0.18);
}

.organization-filter-empty {
  min-height: 86px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 1px dashed rgba(112, 83, 239, 0.24);
  border-radius: 14px;
  color: #777189;
  padding: 18px;
  text-align: center;
}

.organization-filter-empty svg {
  width: 20px;
  height: 20px;
  color: #7257e7;
}

.organization-filter-empty-large {
  min-height: 150px;
  flex-direction: column;
}

.organization-filter-empty-large svg {
  width: 28px;
  height: 28px;
}

.organization-user-drawer-backdrop {
  position: fixed;
  inset: 0;
  z-index: 2090;
  background: rgba(8, 6, 28, 0.42);
  backdrop-filter: blur(2px);
}

.organization-user-drawer {
  position: fixed;
  z-index: 2100;
  top: 0;
  right: 0;
  width: min(430px, 94vw);
  height: 100dvh;
  display: flex;
  flex-direction: column;
  background: #fbfaff;
  border-left: 1px solid rgba(111, 83, 232, 0.24);
  box-shadow: -22px 0 60px rgba(24, 14, 70, 0.22);
  animation: organizationDrawerIn 180ms ease-out;
}

@keyframes organizationDrawerIn {
  from { transform: translateX(24px); opacity: 0; }
  to { transform: translateX(0); opacity: 1; }
}

.organization-user-drawer-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  padding: 26px 24px 20px;
  border-bottom: 1px solid rgba(108, 92, 231, 0.14);
  background: linear-gradient(145deg, rgba(108, 92, 231, 0.09), rgba(255, 255, 255, 0.2));
}

.organization-user-drawer-header p,
.organization-user-drawer-header h3 {
  margin: 0;
}

.organization-user-drawer-header p {
  color: #765de8;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .15em;
}

.organization-user-drawer-header h3 {
  margin: 6px 0 9px;
  font-size: 25px;
  line-height: 1.1;
  color: #1f1837;
}

.organization-drawer-close {
  width: 38px;
  height: 38px;
  border-radius: 12px;
  color: #6e6683;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(108, 92, 231, 0.14);
}

.organization-drawer-close:hover {
  color: #4f38d4;
  background: #fff;
}

.organization-user-drawer-body {
  flex: 1 1 auto;
  overflow-y: auto;
  padding: 22px 24px;
}

.organization-drawer-profile {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 16px;
  border-radius: 16px;
  background: rgba(108, 92, 231, 0.07);
  border: 1px solid rgba(108, 92, 231, 0.13);
}

.organization-drawer-avatar {
  width: 46px;
  height: 46px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  color: #fff;
  font-weight: 900;
  background: linear-gradient(145deg, #7958ef, #5f42df);
  box-shadow: 0 10px 22px rgba(91, 62, 216, 0.24);
}

.organization-drawer-profile strong,
.organization-drawer-profile p {
  display: block;
  margin: 0;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.organization-drawer-profile strong {
  color: #241b3d;
  font-size: 15px;
}

.organization-drawer-profile p {
  margin-top: 3px;
  color: #817a91;
  font-size: 12px;
}

.organization-drawer-info-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 18px;
}

.organization-drawer-info-grid article {
  min-width: 0;
  border-radius: 14px;
  padding: 13px 14px;
  background: #fff;
  border: 1px solid rgba(88, 73, 142, 0.12);
  box-shadow: 0 6px 18px rgba(28, 19, 69, 0.04);
}

.organization-drawer-info-grid span,
.organization-drawer-info-grid strong {
  display: block;
  min-width: 0;
}

.organization-drawer-info-grid span {
  color: #8c8599;
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.organization-drawer-info-grid strong {
  margin-top: 6px;
  color: #27203c;
  font-size: 13px;
  overflow-wrap: anywhere;
}

.organization-drawer-note {
  display: flex;
  gap: 11px;
  margin-top: 16px;
  padding: 14px;
  border-radius: 14px;
  border: 1px solid rgba(181, 132, 27, 0.20);
  background: rgba(255, 192, 66, 0.08);
}

.organization-drawer-note > svg {
  width: 19px;
  height: 19px;
  color: #a46f08;
  flex: 0 0 auto;
  margin-top: 2px;
}

.organization-drawer-note strong,
.organization-drawer-note p {
  display: block;
  margin: 0;
}

.organization-drawer-note strong {
  color: #6f4d0e;
  font-size: 12px;
}

.organization-drawer-note p {
  margin-top: 4px;
  color: #8a744f;
  font-size: 11px;
  line-height: 1.45;
}

.organization-user-drawer-actions {
  flex: 0 0 auto;
  padding: 16px 24px 22px;
  display: grid;
  gap: 9px;
  border-top: 1px solid rgba(108, 92, 231, 0.14);
  background: rgba(250, 249, 255, 0.96);
}

.organization-drawer-action {
  width: 100%;
  min-height: 44px;
  border-radius: 12px;
  border: 1px solid rgba(108, 92, 231, 0.15);
  background: #fff;
  color: #342c4a;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 13px;
  font-weight: 850;
  font-size: 12px;
  cursor: pointer;
  text-align: left;
}

.organization-drawer-action svg {
  width: 17px;
  height: 17px;
  color: #7257e7;
}

.organization-drawer-action:hover {
  border-color: rgba(108, 92, 231, 0.34);
  background: rgba(108, 92, 231, 0.05);
}

.organization-drawer-action.primary {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, #7153ee, #5b3fe3);
}

.organization-drawer-action.primary svg,
.organization-drawer-action.owner svg {
  color: currentColor;
}

.organization-drawer-action.owner {
  color: #6d3dd4;
  border-color: rgba(119, 74, 221, 0.24);
  background: rgba(119, 74, 221, 0.07);
}

.organization-drawer-action.danger {
  color: #bd3d52;
  border-color: rgba(210, 64, 87, 0.22);
  background: rgba(210, 64, 87, 0.06);
}

.organization-drawer-action.danger svg {
  color: #bd3d52;
}

.organization-drawer-action.success {
  color: #13734a;
  border-color: rgba(35, 163, 102, 0.22);
  background: rgba(35, 163, 102, 0.07);
}

.organization-drawer-action.success svg {
  color: #13734a;
}

@media (max-width: 920px) {
  .organization-management-toolbar {
    align-items: stretch;
  }

  .organization-search-box,
  .organization-filter-row {
    flex-basis: 100%;
  }

  .organization-drawer-info-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .organization-management-heading {
    align-items: stretch;
  }

  .agency-owner-invite-shortcut {
    width: 100%;
    justify-content: center;
  }

  .organization-user-drawer {
    width: 100vw;
  }

  .organization-user-node {
    align-items: flex-start;
  }

  .organization-user-title-row {
    flex-wrap: wrap;
  }
}

/* =========================================================
   PASSWORD RECOVERY / RESET
   ========================================================= */
#loginScreen .password-recovery-card {
  min-height: 620px;
}

#loginScreen .password-recovery-card .login-access-logo {
  display: grid;
  place-items: center;
  color: #ffffff;
}

#loginScreen .password-recovery-card .login-access-logo svg {
  width: 34px;
  height: 34px;
  stroke: currentColor;
}

.password-recovery-kicker {
  display: block;
  margin: -6px 0 10px;
  color: #9b6cff;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 1.7px;
}

#loginScreen .password-recovery-card > h1 {
  margin-top: 0;
}

#loginScreen .password-recovery-card > h1 + p {
  margin: 10px 0 22px;
  color: #aaa7bd;
  font-size: 14px;
  line-height: 1.6;
}

.password-recovery-note {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 11px;
  align-items: start;
  margin-top: 18px;
  padding: 13px 14px;
  color: #b8b3ca;
  border: 1px solid rgba(124, 58, 237, 0.24);
  border-radius: 10px;
  background: rgba(124, 58, 237, 0.08);
  font-size: 12px;
  line-height: 1.5;
}

.password-recovery-note svg {
  width: 19px;
  height: 19px;
  margin-top: 1px;
  color: #9b6cff;
  stroke: currentColor;
}

.password-recovery-message {
  min-height: 40px;
  margin: 13px 0 0;
  color: #aaa7bd;
  text-align: center;
  font-size: 12px;
  line-height: 1.45;
}

.password-recovery-message.is-success,
#loginScreen .login-error-text.is-success {
  color: #6ee7a8;
}

.password-recovery-message.is-error {
  color: #ff7f9b;
}

#loginScreen .password-recovery-back {
  width: 100%;
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 2px;
  padding: 0 14px;
  color: #aaa7bd;
  border: 0;
  border-radius: 9px;
  background: transparent;
  box-shadow: none;
  font-size: 13px;
}

#loginScreen .password-recovery-back:hover {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.045);
}

#loginScreen .password-recovery-back svg {
  width: 17px;
  height: 17px;
}

#loginScreen .password-recovery-card .login-submit-button:disabled {
  cursor: wait;
  opacity: 0.58;
  transform: none;
  box-shadow: none;
}

@media (max-width: 620px) {
  #loginScreen .password-recovery-card {
    min-height: 0;
  }
}

/* =========================================================
   AGENCY ORGANIZATION V2 — SCALABLE HIERARCHY / PEOPLE / AGENCIES
   ========================================================= */

.organization-v2-stats {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.organization-v2-stats article {
  min-width: 0;
  align-items: center;
}

.organization-v2-stats article > div {
  min-width: 0;
}

.organization-v2-stats strong {
  display: block;
  line-height: 1;
}

.organization-v2-stats small {
  display: block;
  margin-top: 5px;
  font-weight: 850;
}

.organization-v2-stats em {
  display: block;
  margin-top: 4px;
  color: var(--muted);
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.organization-v2-card {
  padding: 0;
  overflow: hidden;
}

.organization-v2-heading {
  padding: 20px 22px 12px;
  margin: 0;
}

.organization-v2-primary-toolbar {
  display: grid;
  grid-template-columns: minmax(300px, 1fr) auto auto;
  gap: 12px;
  align-items: center;
  padding: 0 22px 12px;
}

.organization-v2-search {
  width: 100%;
  min-width: 0;
}

.organization-view-tabs {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--panel-soft);
}

.organization-view-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 36px;
  padding: 8px 14px;
  color: var(--muted);
  border-radius: 9px;
  background: transparent;
  box-shadow: none;
}

.organization-view-tab svg {
  width: 15px;
  height: 15px;
}

.organization-view-tab.active {
  color: #fff;
  background: linear-gradient(135deg, #7652ef, #5c3ce2);
  box-shadow: 0 8px 18px rgba(109, 53, 245, 0.2);
}

.organization-v2-invite {
  white-space: nowrap;
}

.organization-v2-filterbar {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  padding: 12px 22px;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: rgba(109, 53, 245, 0.055);
}

.organization-v2-filter-select {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 42px;
  padding: 0 10px 0 13px;
  border: 1px solid rgba(109, 53, 245, 0.22);
  border-radius: 11px;
  background: rgba(109, 53, 245, 0.075);
  color: var(--muted);
  font-size: 12px;
  font-weight: 850;
}

.organization-v2-filter-select select {
  min-width: 150px;
  max-width: 260px;
  border: 0;
  padding: 9px 32px 9px 4px;
  background: transparent;
  color: var(--text);
  font-weight: 900;
  box-shadow: none !important;
}

.organization-status-dot i {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #22c55e;
  box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.10);
}

.organization-v2-clear {
  padding: 8px 4px;
  color: var(--purple);
  background: transparent;
  box-shadow: none;
  font-size: 12px;
}

.organization-v2-tree {
  padding: 16px 18px 20px;
  background: transparent;
  border: 0;
  border-radius: 0;
}

.organization-v2-shell {
  display: grid;
  gap: 12px;
}

.organization-v2-context-strip {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 11px;
  color: var(--muted);
  background: var(--panel-soft);
  font-size: 12px;
}

.organization-v2-context-strip svg {
  width: 14px;
  height: 14px;
}

.organization-v2-context-strip strong {
  color: var(--text);
}

.organization-v2-agency-branch {
  position: relative;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--panel);
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.035);
}

.organization-v2-agency-branch.secondary {
  margin-top: 10px;
  box-shadow: none;
}

.organization-v2-agency-branch.secondary[data-agency-depth="1"] {
  margin-left: 30px;
}

.organization-v2-agency-branch.secondary[data-agency-depth="2"] {
  margin-left: 54px;
}

.organization-v2-agency-branch.secondary[data-agency-depth="3"] {
  margin-left: 78px;
}

.organization-v2-agency-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 68px;
  padding: 12px 14px;
  cursor: pointer;
  border-bottom: 1px solid transparent;
}

.organization-v2-agency-branch:not(.collapsed) > .organization-v2-agency-bar {
  border-bottom-color: var(--line);
}

.organization-v2-agency-branch.main > .organization-v2-agency-bar {
  background: linear-gradient(135deg, rgba(109, 53, 245, 0.07), rgba(79, 70, 229, 0.025));
}

.organization-v2-agency-main,
.organization-v2-user-main,
.organization-v2-person-cell {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.organization-v2-agency-icon {
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  color: var(--purple);
  background: rgba(109, 53, 245, 0.10);
  border: 1px solid rgba(109, 53, 245, 0.12);
}

.organization-v2-agency-icon svg {
  width: 18px;
  height: 18px;
}

.organization-v2-agency-copy,
.organization-v2-user-copy,
.organization-v2-person-cell > div {
  min-width: 0;
}

.organization-v2-agency-copy > div,
.organization-v2-user-copy > div {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.organization-v2-agency-copy strong,
.organization-v2-user-copy strong,
.organization-v2-person-cell strong {
  color: var(--text);
  font-size: 13px;
  font-weight: 900;
}

.organization-v2-agency-copy > div > span {
  display: inline-flex;
  padding: 3px 7px;
  border-radius: 999px;
  color: var(--purple);
  background: rgba(109, 53, 245, 0.09);
  font-size: 9px;
  font-weight: 950;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.organization-v2-agency-copy p,
.organization-v2-user-copy p,
.organization-v2-person-cell small {
  margin: 3px 0 0;
  color: var(--muted);
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.organization-v2-agency-metrics {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

.organization-v2-agency-metrics > span:not(.organization-v2-private-pill) {
  display: inline-flex;
  align-items: baseline;
  gap: 4px;
  padding: 6px 9px;
  border: 1px solid var(--line);
  border-radius: 9px;
  color: var(--muted);
  background: var(--panel-soft);
  font-size: 10px;
  font-weight: 800;
}

.organization-v2-agency-metrics strong {
  color: var(--text);
  font-size: 12px;
}

.organization-v2-private-pill {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 8px;
  border-radius: 999px;
  color: #7c3aed;
  background: rgba(124, 58, 237, 0.08);
  font-size: 10px;
  font-weight: 900;
}

.organization-v2-private-pill svg {
  width: 11px;
  height: 11px;
}

.organization-v2-agency-body {
  padding: 10px 12px 12px;
}

.organization-v2-user-tree {
  display: grid;
  gap: 4px;
}

.organization-v2-user-branch {
  position: relative;
}

.organization-v2-user-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 54px;
  padding: 7px 8px;
  border: 1px solid transparent;
  border-radius: 10px;
  cursor: pointer;
  transition: 0.14s ease;
}

.organization-v2-user-row:hover {
  border-color: rgba(109, 53, 245, 0.16);
  background: rgba(109, 53, 245, 0.045);
}

.organization-v2-user-meta {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 800;
}

.organization-status-dot {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--muted);
}

.organization-v2-user-children {
  position: relative;
  display: grid;
  gap: 3px;
  margin-left: 25px;
  padding-left: 18px;
}

.organization-v2-user-children::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 10px;
  left: 6px;
  width: 1px;
  background: rgba(109, 53, 245, 0.20);
}

.organization-v2-agency-children {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}

.organization-v2-more-row {
  display: flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  margin: 3px 0 4px 5px;
  padding: 7px 10px;
  color: var(--muted);
  background: transparent;
  border: 1px dashed var(--line);
  box-shadow: none;
  font-size: 11px;
}

.organization-v2-more-row svg {
  width: 13px;
  height: 13px;
}

.organization-v2-view-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: 4px 4px 14px;
}

.organization-v2-view-header > div span {
  display: block;
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.organization-v2-view-header > div strong {
  display: block;
  margin-top: 3px;
  color: var(--text);
  font-size: 16px;
}

.organization-v2-view-header p {
  display: flex;
  align-items: center;
  gap: 6px;
  max-width: 470px;
  margin: 0;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.45;
}

.organization-v2-view-header p svg {
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
}

.organization-v2-table {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--panel);
}

.organization-v2-table-head,
.organization-v2-table-row {
  display: grid;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
}


.organization-v2-agency-table .organization-v2-table-head,
.organization-v2-agency-table .organization-v2-table-row {
  grid-template-columns: minmax(260px, 1.55fr) minmax(180px, 1fr) 110px 100px 38px;
}

.organization-v2-table-head {
  color: var(--muted);
  background: var(--panel-soft);
  border-bottom: 1px solid var(--line);
  font-size: 9px;
  font-weight: 950;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.organization-v2-table-row {
  min-height: 58px;
  color: var(--muted);
  border-bottom: 1px solid var(--line);
  cursor: pointer;
  font-size: 11px;
  transition: 0.14s ease;
}

.organization-v2-table-row:last-child {
  border-bottom: 0;
}

.organization-v2-table-row:hover {
  background: rgba(109, 53, 245, 0.04);
}

.organization-v2-person-cell .organization-user-avatar {
  width: 31px;
  height: 31px;
  flex: 0 0 31px;
}

.organization-drawer-section {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

.organization-drawer-section-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 0 2px;
}

.organization-drawer-section-heading span {
  display: block;
  color: var(--muted);
  font-size: 9px;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.organization-drawer-section-heading strong {
  display: block;
  margin-top: 2px;
  color: var(--text);
  font-size: 12px;
}

.organization-drawer-section-heading svg {
  width: 15px;
  height: 15px;
  color: var(--purple);
}

.organization-drawer-agency-summary-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.organization-drawer-agency-summary-grid article {
  display: grid;
  gap: 4px;
  min-height: 66px;
  align-content: center;
  padding: 11px 12px;
  border: 1px solid var(--line);
  border-radius: 11px;
  background: var(--panel-soft);
}

.organization-drawer-agency-summary-grid span {
  color: var(--muted);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.organization-drawer-agency-summary-grid strong {
  color: var(--text);
  font-size: 16px;
}

.organization-drawer-agency-profile .organization-drawer-avatar svg {
  width: 20px;
  height: 20px;
}

.organization-drawer-info-grid-compact {
  grid-template-columns: 1fr;
}

.organization-drawer-note-privacy {
  border-color: rgba(109, 53, 245, 0.14);
}

@media (max-width: 1280px) {
  .organization-v2-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .organization-v2-primary-toolbar {
    grid-template-columns: 1fr auto;
  }

  .organization-view-tabs {
    grid-column: 1 / -1;
    grid-row: 2;
    width: 100%;
  }

  .organization-view-tab {
    flex: 1;
  }

  .organization-v2-table {
    overflow-x: auto;
  }

  .organization-v2-table-head,
  .organization-v2-table-row {
    min-width: 940px;
  }
}

@media (max-width: 760px) {
  .organization-v2-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .organization-v2-primary-toolbar {
    grid-template-columns: 1fr;
  }

  .organization-v2-invite,
  .organization-view-tabs {
    width: 100%;
  }

  .organization-v2-agency-bar,
  .organization-v2-user-row,
  .organization-v2-view-header {
    align-items: flex-start;
    flex-direction: column;
  }

  .organization-v2-agency-metrics,
  .organization-v2-user-meta {
    width: 100%;
    justify-content: flex-start;
  }

  .organization-v2-agency-branch.secondary[data-agency-depth] {
    margin-left: 14px;
  }
}


.organization-v2-filter-select.organization-v2-view-hidden {
  display: none;
}


/* AGENCY ORGANIZATION V4 — simplified stats + clearer hierarchy controls */
.organization-v2-heading h3 {
  font-size: 19px;
  letter-spacing: -0.01em;
}

.organization-v2-heading p {
  max-width: 760px;
  line-height: 1.5;
}

.organization-v2-agency-copy strong,
.organization-v2-user-copy strong {
  font-size: 13px;
}

.organization-v2-agency-copy p,
.organization-v2-user-copy p {
  margin-top: 3px;
  line-height: 1.35;
}

.organization-v2-filter-select:first-child select {
  min-width: 140px;
}

.organization-v2-filter-select:nth-child(2) select {
  min-width: 210px;
}

@media (max-width: 760px) {
  .organization-v2-filter-select,
  .organization-v2-filter-select select {
    width: 100%;
    max-width: none;
  }
}



/* System Admin hierarchy editor: in-card placement, not a floating/clipped
   dropdown. Respects Light, Gold/Black and Purple/White theme variables. */
.organization-hierarchy-placement {
  display: grid;
  gap: 12px;
  padding: 14px;
  border-top: 1px solid var(--line);
  background: var(--panel-soft);
}
.organization-hierarchy-placement-select {
  display: grid;
  gap: 6px;
  max-width: 550px;
}
.organization-hierarchy-placement-select label {
  color: var(--text);
  font-size: 12px;
  font-weight: 850;
}
.organization-hierarchy-placement-select select {
  min-height: 40px;
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 8px 11px;
  color: var(--text);
  background: var(--panel);
  font: inherit;
  font-size: 13px;
}
.organization-hierarchy-placement-select small {
  font-size: 11px;
  color: var(--muted);
  line-height: 1.5;
}
.organization-hierarchy-placement-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.organization-hierarchy-placement-actions button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 36px;
  padding: 8px 12px;
  border: 1px solid var(--line);
  border-radius: 9px;
  color: var(--text);
  background: var(--panel);
  font: inherit;
  font-size: 12px;
  font-weight: 780;
  cursor: pointer;
}
.organization-hierarchy-placement-actions button:hover,
.organization-hierarchy-placement-actions button:focus-visible,
.organization-hierarchy-placement-select select:focus-visible {
  border-color: var(--purple);
  outline-offset: 2px;
}
.organization-hierarchy-placement-actions svg {
  width: 15px;
  height: 15px;
}
@media (max-width: 600px) {
  .organization-hierarchy-placement-actions button { flex: 1 1 46%; }
}
/* =========================================================
   LEADFLOW VISUAL SYSTEM V5 — GLOBAL READABILITY + THEMES
   One typography system, one accent family, consistent light
   and dark surfaces, and stronger contrast across the CRM.
   ========================================================= */

:root {
  --lf-font: "Segoe UI Variable Text", "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif;
  --lf-radius-sm: 10px;
  --lf-radius-md: 14px;
  --lf-radius-lg: 18px;
  --lf-accent: #6842ed;
  --lf-accent-strong: #5731dc;
  --lf-accent-soft: #f0ecff;
  --lf-success: #168a52;
  --lf-warning: #b76a00;
  --lf-danger: #d13a54;
  --lf-info: #306ee8;
  --lf-shadow-light: 0 10px 28px rgba(15, 23, 42, 0.065);
  --lf-shadow-dark: 0 14px 34px rgba(0, 0, 0, 0.24);
}

html,
body,
button,
input,
select,
textarea {
  font-family: var(--lf-font) !important;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: -0.006em;
}

button,
input,
select,
textarea {
  font-size: 14px;
  line-height: 1.35;
}

button,
strong,
b,
label,
th {
  font-weight: 650;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700 !important;
  letter-spacing: -0.025em !important;
  text-wrap: balance;
}

p,
small,
span,
td,
th,
label,
button,
input,
select,
textarea {
  text-shadow: none !important;
}

.main-panel small,
.sidebar small,
.settings-center small,
.organization-v2-user-meta,
.organization-v2-view-header > div span,
.organization-v2-table-head,
.organization-summary-card span,
.organization-v2-agency-copy p,
.organization-v2-user-copy p {
  font-size: 12px !important;
  line-height: 1.4 !important;
  letter-spacing: -0.005em !important;
}

.eyebrow,
[class*="-eyebrow"] {
  font-size: 11.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
}

.main-panel table th,
.main-panel [class*="table-head"] {
  font-size: 11.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.035em !important;
}

.main-panel table td,
.main-panel [class*="table-row"] {
  font-size: 13px;
}

/* ---------- LIGHT THEME ---------- */
body:not(.app-dark-mode) {
  --lf-bg: #f5f7fb;
  --lf-surface: #ffffff;
  --lf-surface-raised: #ffffff;
  --lf-surface-soft: #f8fafc;
  --lf-surface-muted: #f1f4f9;
  --lf-border: #dfe5ee;
  --lf-border-strong: #cfd7e4;
  --lf-text: #101828;
  --lf-text-soft: #344054;
  --lf-muted: #667085;
  --lf-placeholder: #8a94a6;
  --bg: var(--lf-bg);
  --panel: var(--lf-surface);
  --panel-soft: var(--lf-surface-soft);
  --text: var(--lf-text);
  --muted: var(--lf-muted);
  --line: var(--lf-border);
  color: var(--lf-text);
  background: var(--lf-bg);
  color-scheme: light;
}

body:not(.app-dark-mode) .main-panel {
  color: var(--lf-text);
  background:
    radial-gradient(circle at 52% 0%, rgba(104, 66, 237, 0.045), transparent 29%),
    linear-gradient(180deg, #fbfcfe 0%, var(--lf-bg) 42%, #f3f6fb 100%) !important;
}

body:not(.app-dark-mode) .sidebar {
  color: var(--lf-text);
  background: #ffffff !important;
  border-right: 1px solid var(--lf-border) !important;
  box-shadow: 8px 0 30px rgba(15, 23, 42, 0.035);
}

body:not(.app-dark-mode) .brand-box {
  border-bottom-color: var(--lf-border) !important;
}

body:not(.app-dark-mode) .brand-box h2,
body:not(.app-dark-mode) .user-box strong {
  color: var(--lf-text) !important;
}

body:not(.app-dark-mode) .brand-box p,
body:not(.app-dark-mode) .user-box span {
  color: var(--lf-muted) !important;
}

body:not(.app-dark-mode) .user-box {
  background: #f8f9fc !important;
  border-color: var(--lf-border) !important;
  box-shadow: none !important;
}

body:not(.app-dark-mode) .user-avatar {
  color: var(--lf-accent-strong) !important;
  background: var(--lf-accent-soft) !important;
  border: 1px solid #dfd6ff;
}

body:not(.app-dark-mode) .nav-btn {
  color: #475467 !important;
}

body:not(.app-dark-mode) .nav-icon {
  color: #667085 !important;
}

body:not(.app-dark-mode) .nav-btn:hover {
  color: var(--lf-text) !important;
  background: #f4f1ff !important;
}

body:not(.app-dark-mode) .nav-btn.active-nav {
  color: #ffffff !important;
  background: linear-gradient(135deg, var(--lf-accent), var(--lf-accent-strong)) !important;
  box-shadow: 0 8px 20px rgba(104, 66, 237, 0.20) !important;
}

body:not(.app-dark-mode) .nav-btn.active-nav .nav-icon {
  color: #ffffff !important;
}

body:not(.app-dark-mode) .nav-divider {
  background: var(--lf-border) !important;
}

body:not(.app-dark-mode) .logout-btn {
  color: #344054 !important;
  background: #f2f4f7 !important;
  border: 1px solid var(--lf-border) !important;
}

body:not(.app-dark-mode) :is(
  .stat-card,.content-card,.dashboard-card,.dashboard-insights-card,.settings-card,.settings-center-nav,.settings-panel-card,
  .leads-list-card,.lead-summary-card,.lead-log-card,.lead-next-action-card,.lead-timeline-card,.answered-main-card,.answered-preview-card,
  .tracker-hero-card,.tracker-total-card,.tracker-panel,.tracker-report-card,.shared-contact-card,.shared-folder-create-card,.shared-lead-entry-card,
  .schedule-block,.organization-v2-shell,.organization-v2-agency-branch,.organization-v2-table,.organization-user-drawer,.leadflow-dialog-card,
  .monthly-goal-card,.leaderboard-summary-card,.leaderboard-podium-stage,.leaderboard-panel
) {
  color: var(--lf-text);
  background-color: var(--lf-surface) !important;
  border-color: var(--lf-border) !important;
  box-shadow: var(--lf-shadow-light) !important;
}

body:not(.app-dark-mode) :is(
  .table-filter-row,.organization-management-toolbar,.organization-v2-filter-bar,.organization-v2-agency-bar,.organization-v2-table-head,
  .settings-tab-button,.lead-row-actions-dropdown,.lead-actions-dropdown,.today-call-actions-dropdown,.shared-lead-actions-dropdown
) {
  border-color: var(--lf-border) !important;
}

body:not(.app-dark-mode) :is(input,select,textarea,.search-input,.organization-search-box,.organization-v2-filter-select) {
  color: var(--lf-text) !important;
  background: #ffffff !important;
  border-color: var(--lf-border-strong) !important;
  box-shadow: none !important;
}

body:not(.app-dark-mode) :is(input,textarea)::placeholder {
  color: var(--lf-placeholder) !important;
  opacity: 1;
}

body:not(.app-dark-mode) :is(.main-panel,.sidebar) :is(p,small,.muted,[class*="-meta"],[class*="-help"],[class*="-subtext"]) {
  color: var(--lf-muted);
}

body:not(.app-dark-mode) :is(.main-panel,.sidebar) :is(h1,h2,h3,h4,strong) {
  color: var(--lf-text);
}

/* ---------- DARK THEME ---------- */

/* ---------- SHARED CONTROLS ---------- */
:is(.primary-gradient-btn,.nav-btn.active-nav,.organization-v2-view-tab.active,.organization-drawer-action.primary,.agency-owner-invite-shortcut) {
  background: linear-gradient(135deg, var(--lf-accent), var(--lf-accent-strong)) !important;
  color: #ffffff !important;
}

:is(button,input,select,textarea,[tabindex]):focus-visible {
  outline: 2px solid #8a66f7 !important;
  outline-offset: 2px;
}

input:focus,
select:focus,
textarea:focus {
  border-color: #8a66f7 !important;
  box-shadow: 0 0 0 3px rgba(104, 66, 237, 0.14) !important;
}

button {
  font-weight: 650 !important;
  letter-spacing: -0.008em;
}

.nav-btn,
.logout-btn,
.settings-tab-button,
.organization-v2-view-tab,
.organization-filter-btn {
  font-size: 13.5px !important;
  font-weight: 650 !important;
}

.organization-branch-toggle {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  border-radius: 11px !important;
  border: 1px solid rgba(130, 91, 242, 0.50) !important;
  background: rgba(104, 66, 237, 0.14) !important;
  color: #8c65f8 !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.025) !important;
}

.organization-branch-toggle:hover {
  background: rgba(104, 66, 237, 0.24) !important;
  border-color: #8c65f8 !important;
}

.organization-branch-toggle svg {
  width: 19px !important;
  height: 19px !important;
  stroke-width: 2.6 !important;
}

.organization-v2-user-row,
.organization-v2-table-row {
  min-height: 58px;
}

.organization-v2-user-copy strong,
.organization-v2-agency-copy strong,
.organization-v2-table-row strong {
  font-size: 13.5px !important;
  font-weight: 680 !important;
}

.organization-summary-card strong {
  font-size: 20px !important;
  font-weight: 700 !important;
}

.organization-summary-card span,
.organization-summary-card small {
  font-size: 11.5px !important;
  font-weight: 650 !important;
}

/* Readable menus, dialogs, drawers and forms */
.lead-row-actions-dropdown,
.lead-actions-dropdown,
.today-call-actions-dropdown,
.shared-lead-actions-dropdown {
  font-size: 13px !important;
}

.leadflow-dialog-card,
.organization-user-drawer {
  font-size: 14px;
}

.leadflow-dialog-message,
.organization-user-drawer p,
.organization-drawer-info-grid span,
.organization-drawer-info-grid strong {
  font-size: 13px !important;
  line-height: 1.5 !important;
}

.organization-drawer-info-grid strong {
  font-weight: 650 !important;
}

/* Leaderboard follows the same theme instead of becoming a separate visual system. */

body:not(.app-dark-mode) .leaderboard-page-title h1,
body:not(.app-dark-mode) .leaderboard-summary-copy strong,
body:not(.app-dark-mode) .leaderboard-table-agent strong,
body:not(.app-dark-mode) .leaderboard-table td,
body:not(.app-dark-mode) .leaderboard-table th {
  color: var(--lf-text) !important;
}

/* Scrollbars match the active theme. */
* {
  scrollbar-width: thin;
  scrollbar-color: rgba(122, 91, 214, 0.55) transparent;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-thumb {
  border: 3px solid transparent;
  border-radius: 999px;
  background: rgba(122, 91, 214, 0.52);
  background-clip: padding-box;
}

::-webkit-scrollbar-track {
  background: transparent;
}

@media (max-width: 900px) {
  body { font-size: 13.5px; }
  .main-panel small,
  .sidebar small { font-size: 11.5px !important; }
}


/* =========================================================
   LEADFLOW VISUAL SYSTEM V6 — READABILITY + TRUE THEME PASS
   Fixes discovered during live browser review:
   - login inputs no longer inherit the authenticated light theme
   - leaderboard podium values stay above the decorative platforms
   - light mode clears legacy dark gradients instead of only changing
     background-color beneath them
   - light/dark controls, dialogs, dropdowns and tables use one surface
     family with stronger text contrast
   ========================================================= */

/* ---------- CRISPER, EASIER-TO-READ TYPE ---------- */
body {
  letter-spacing: 0 !important;
  font-kerning: normal;
  font-feature-settings: "kern" 1, "liga" 1;
}

/* ---------- LOGIN IS ITS OWN DARK EXPERIENCE ----------
   The login page intentionally does not use the signed-in user's theme.
   V5's light-theme input rule was leaking into it and making the fields
   white inside the dark sign-in card. */
#loginScreen .login-input-wrap {
  background: rgba(10, 15, 48, 0.82) !important;
  border-color: rgba(139, 92, 246, 0.42) !important;
}

#loginScreen .login-input-wrap:focus-within {
  background: rgba(17, 20, 59, 0.96) !important;
  border-color: #8b5cf6 !important;
}

#loginScreen .login-input-wrap input {
  color: #ffffff !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color-scheme: dark !important;
}

#loginScreen .login-input-wrap input::placeholder {
  color: #9a96ae !important;
  opacity: 1 !important;
}

#loginScreen .login-password-toggle {
  color: #b6b1c8 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#loginScreen .login-field > span,
#loginScreen .login-feature-list strong,
#loginScreen .login-access-card > h1 {
  color: #ffffff !important;
}

/* Invitation / reset controls shown inside the login surface follow the
   same deliberate dark-login palette, regardless of account theme. */
#loginScreen :is(.invite-input-wrap, .password-reset-input-wrap) {
  background: rgba(8, 12, 40, 0.86) !important;
  border-color: rgba(139, 92, 246, 0.34) !important;
}

#loginScreen :is(.invite-input-wrap input, .invite-input-wrap select,
  .password-reset-input-wrap input, .password-reset-input-wrap textarea) {
  color: #ffffff !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color-scheme: dark !important;
}

/* ---------- LEADERBOARD PODIUM CONTENT MUST NEVER BE COVERED ---------- */
body.leaderboard-page-active .leaderboard-agent-metrics {
  position: relative !important;
  z-index: 12 !important;
  margin-top: auto !important;
  padding-top: 13px !important;
  padding-bottom: 2px !important;
  min-height: 72px !important;
}

body.leaderboard-page-active .leaderboard-agent-metrics strong {
  position: relative !important;
  z-index: 13 !important;
  line-height: 1.15 !important;
}

/* Put the metallic platform immediately BELOW the card instead of over
   the metrics. This fixes #2 AP / Policies Sold being visually covered. */
body.leaderboard-page-active .leaderboard-reference-platform-rank-2,
body.leaderboard-page-active .leaderboard-reference-platform-rank-3 {
  bottom: -39px !important;
}

body.leaderboard-page-active .leaderboard-reference-platform-rank-1 {
  bottom: -51px !important;
}

/* ---------- TRUE LIGHT THEME ---------- */
body:not(.app-dark-mode) {
  --lf-bg: #f4f6fa;
  --lf-surface: #ffffff;
  --lf-surface-raised: #ffffff;
  --lf-surface-soft: #f8f9fc;
  --lf-surface-muted: #f1f3f8;
  --lf-border: #dce2eb;
  --lf-border-strong: #cbd4e1;
  --lf-text: #0f1728;
  --lf-text-soft: #344054;
  --lf-muted: #596579;
  --lf-placeholder: #778397;
}

/* Clear legacy dark gradients from actual content surfaces. Using the
   background shorthand is intentional: background-color alone leaves an
   older background-image visible. */

/* Special content cards can still have personality, but stay inside the
   same light system instead of switching to a dark surface. */

/* Common secondary controls / dropdowns / editing surfaces. */

/* ---------- LIGHT LEADERBOARD: NO DARK THEME LEAKAGE ---------- */
body:not(.app-dark-mode).leaderboard-page-active,
body:not(.app-dark-mode).leaderboard-page-active #appScreen,
body:not(.app-dark-mode).leaderboard-page-active .main-panel {
  color: var(--lf-text) !important;
  background: var(--lf-bg) !important;
}

body:not(.app-dark-mode).leaderboard-page-active .top-header .eyebrow {
  color: var(--lf-accent-strong) !important;
}

body:not(.app-dark-mode).leaderboard-page-active .top-header h1 {
  color: var(--lf-text) !important;
  text-shadow: none !important;
}

body:not(.app-dark-mode).leaderboard-page-active .top-header p {
  color: var(--lf-muted) !important;
}

body:not(.app-dark-mode).leaderboard-page-active :is(.notification-pill,.top-pill,.profile-pill) {
  color: var(--lf-text) !important;
  background: #ffffff !important;
  border-color: var(--lf-border) !important;
  box-shadow: var(--lf-shadow-light) !important;
  backdrop-filter: none !important;
}

body:not(.app-dark-mode).leaderboard-page-active :is(.top-pill strong,.profile-pill strong) {
  color: var(--lf-text) !important;
}

body:not(.app-dark-mode).leaderboard-page-active :is(.top-pill span,.profile-pill span) {
  color: var(--lf-muted) !important;
}

body:not(.app-dark-mode).leaderboard-page-active .leaderboard-summary-card {
  color: var(--lf-text) !important;
  background: #ffffff !important;
  border-color: var(--lf-border) !important;
  box-shadow: var(--lf-shadow-light) !important;
}

body:not(.app-dark-mode).leaderboard-page-active .leaderboard-summary-copy small,
body:not(.app-dark-mode).leaderboard-page-active .leaderboard-period-control > label {
  color: var(--lf-muted) !important;
}

body:not(.app-dark-mode).leaderboard-page-active .leaderboard-summary-copy strong {
  color: var(--lf-text) !important;
  text-shadow: none !important;
}

body:not(.app-dark-mode).leaderboard-page-active .leaderboard-period-select-wrap select,
body:not(.app-dark-mode).leaderboard-page-active .leaderboard-date-wrap {
  color: var(--lf-text) !important;
  background: #ffffff !important;
  border-color: var(--lf-border-strong) !important;
  box-shadow: none !important;
  color-scheme: light !important;
}

body:not(.app-dark-mode).leaderboard-page-active .leaderboard-date-wrap input {
  color: var(--lf-text) !important;
  color-scheme: light !important;
}

body:not(.app-dark-mode).leaderboard-page-active .leaderboard-podium-stage {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(104,66,237,.09), transparent 45%),
    linear-gradient(180deg, #ffffff, #faf9ff) !important;
  border-color: #ddd5f8 !important;
  box-shadow: var(--lf-shadow-light) !important;
}

body:not(.app-dark-mode).leaderboard-page-active .leaderboard-podium-stage::before {
  opacity: .12 !important;
  filter: none !important;
}

body:not(.app-dark-mode).leaderboard-page-active .leaderboard-podium-stage::after {
  opacity: .12 !important;
  filter: none !important;
}

body:not(.app-dark-mode).leaderboard-page-active .leaderboard-podium-card,
body:not(.app-dark-mode).leaderboard-page-active .leaderboard-podium-card.rank-1,
body:not(.app-dark-mode).leaderboard-page-active .leaderboard-podium-card.rank-3 {
  color: var(--lf-text) !important;
  background: #ffffff !important;
  box-shadow: 0 14px 30px rgba(15,23,42,.09) !important;
}

body:not(.app-dark-mode).leaderboard-page-active .leaderboard-podium-card.rank-1 {
  background: linear-gradient(180deg, #fffdf7, #ffffff) !important;
}

body:not(.app-dark-mode).leaderboard-page-active .leaderboard-podium-card.rank-3 {
  background: linear-gradient(180deg, #fffaf7, #ffffff) !important;
}

body:not(.app-dark-mode).leaderboard-page-active :is(
  .leaderboard-agent-heading strong,
  .leaderboard-agent-metrics strong,
  .leaderboard-table-agent strong,
  .leaderboard-table td,
  .leaderboard-table th
) {
  color: var(--lf-text) !important;
  text-shadow: none !important;
}

body:not(.app-dark-mode).leaderboard-page-active :is(
  .leaderboard-agent-heading span,
  .leaderboard-agent-metrics span,
  .leaderboard-table-agent small,
  .leaderboard-empty
) {
  color: var(--lf-muted) !important;
  text-shadow: none !important;
}

body:not(.app-dark-mode).leaderboard-page-active .leaderboard-agent-metrics,
body:not(.app-dark-mode).leaderboard-page-active .leaderboard-agent-metrics > div + div {
  border-color: var(--lf-border) !important;
}

body:not(.app-dark-mode).leaderboard-page-active .leaderboard-panel {
  background: #ffffff !important;
  border-color: var(--lf-border) !important;
  box-shadow: var(--lf-shadow-light) !important;
}

body:not(.app-dark-mode).leaderboard-page-active .leaderboard-table th {
  background: #f6f8fb !important;
}

body:not(.app-dark-mode).leaderboard-page-active .leaderboard-table td {
  background: #ffffff !important;
  border-color: var(--lf-border) !important;
}

body:not(.app-dark-mode).leaderboard-page-active .leaderboard-table tr:hover td {
  background: #f8f6ff !important;
}

body:not(.app-dark-mode).leaderboard-page-active .leaderboard-view-all {
  color: var(--lf-accent-strong) !important;
  background: #faf9ff !important;
  border-color: var(--lf-border) !important;
}

/* ---------- CONNECTED DARK THEME ---------- */

/* Keep semantic colors purposeful and consistent across both themes. */

@media (max-width: 900px) {
}

/* =========================================================
   LEADFLOW VISUAL SYSTEM V7 — LIGHT SELECTION + METRIC ALIGNMENT
   Live-browser fixes:
   - active/selected controls remain clearly readable in light mode
   - leaderboard metric values stay on one aligned baseline even when
     Spanish labels wrap to two lines
   - Agent Tracker total metrics get visible card outlines and readable
     labels in the white theme
   ========================================================= */

/* ---------- LIGHT THEME: OBVIOUS, READABLE SELECTED STATES ---------- */

/* Give non-selected settings choices a stronger white-card identity so
   the selected purple item reads as intentional instead of blending in. */

/* Native selects/filters: stronger edge, less washed-out text. */

/* ---------- LEADERBOARD: LANGUAGE-INDEPENDENT METRIC ALIGNMENT ----------
   Spanish "Pólizas Vendidas" uses two lines. Both metric labels reserve
   the same two-line label area, so AP and sold-policy numbers always sit
   on the same baseline and never get pushed down by translation length. */
body.leaderboard-page-active .leaderboard-agent-metrics {
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr) !important;
  align-items: stretch !important;
  min-height: 84px !important;
  padding-top: 12px !important;
  padding-bottom: 5px !important;
}

body.leaderboard-page-active .leaderboard-agent-metrics > div {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding: 0 9px !important;
}

body.leaderboard-page-active .leaderboard-agent-metrics span {
  width: 100% !important;
  min-height: 30px !important;
  margin: 0 0 4px !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  text-align: center !important;
  line-height: 1.25 !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

body.leaderboard-page-active .leaderboard-agent-metrics strong {
  margin-top: 0 !important;
  flex: 0 0 auto !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
}

/* ---------- AGENT TRACKER: VISIBLE LIGHT-THEME METRIC CARDS ---------- */

/* Tracker secondary tab selection gets the same clear selected language. */

/* =========================================================
   LEADFLOW VISUAL SYSTEM V8 — LEADERBOARD REFERENCE LOCK
   Live reference: restore the podium geometry that matched the
   approved dark-theme screenshot, and keep that exact geometry
   identical in English/Spanish and light/dark themes.

   Important:
   - Theme may change colors only; never podium dimensions/position.
   - Translation may change text only; never metric/card geometry.
   - Third place is intentionally a little smaller than second.
   ========================================================= */

/* Lock the desktop stage and grid back to the approved proportions. */
@media (min-width: 961px) {
  body.leaderboard-page-active .leaderboard-podium-stage {
    min-height: 392px !important;
    height: 392px !important;
    padding: 16px 32px 44px !important;
    overflow: hidden !important;
  }

  body.leaderboard-page-active .leaderboard-podium {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.18fr) minmax(0, 1fr) !important;
    align-items: end !important;
    gap: 18px !important;
    width: 100% !important;
    max-width: 1080px !important;
    margin: 0 auto !important;
    padding: 24px 42px 0 !important;
    box-sizing: border-box !important;
  }

  /* #2 — approved reference size. */
  body.leaderboard-page-active .leaderboard-podium-card.rank-2 {
    height: 248px !important;
    min-height: 248px !important;
    padding: 28px 24px 20px !important;
  }

  /* #1 — approved champion size. */
  body.leaderboard-page-active .leaderboard-podium-card.rank-1 {
    height: 298px !important;
    min-height: 298px !important;
    padding: 38px 26px 18px !important;
  }

  /* #3 — intentionally a little smaller than #2. */
  body.leaderboard-page-active .leaderboard-podium-card.rank-3 {
    height: 240px !important;
    min-height: 240px !important;
    padding: 30px 24px 18px !important;
  }

  /* Restore the approved platform relationship to the card border.
     V6/V7 pushed these farther down while compensating for taller metrics;
     that made the card outline appear to creep upward. */
  body.leaderboard-page-active .leaderboard-reference-platform-rank-2,
  body.leaderboard-page-active .leaderboard-reference-platform-rank-3 {
    bottom: -32px !important;
    height: 40px !important;
  }

  body.leaderboard-page-active .leaderboard-reference-platform-rank-1 {
    bottom: -41px !important;
    height: 52px !important;
  }
}

/* Restore the original compact metric block. No auto-push, no artificial
   minimum height, and no translation-dependent movement. */
body.leaderboard-page-active .leaderboard-agent-metrics {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: 1.5fr 1fr !important;
  align-items: start !important;
  border-top-width: 1px !important;
  margin-top: 3px !important;
  padding-top: 17px !important;
  padding-bottom: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  flex: 0 0 auto !important;
}

body.leaderboard-page-active .leaderboard-agent-metrics > div {
  min-width: 0 !important;
  display: block !important;
  padding: 0 10px !important;
  text-align: center !important;
}

body.leaderboard-page-active .leaderboard-agent-metrics span {
  display: block !important;
  width: auto !important;
  min-height: 0 !important;
  margin: 0 0 5px !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

/* Spanish is slightly longer, so reduce only the label font a fraction.
   The text remains one line and the values never move vertically. */
html[lang="es"] body.leaderboard-page-active .leaderboard-agent-metrics span {
  font-size: 10.4px !important;
  letter-spacing: -0.08px !important;
}

body.leaderboard-page-active .leaderboard-agent-metrics strong {
  display: block !important;
  margin-top: 0 !important;
  font-size: 20px !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
  position: relative !important;
  z-index: 13 !important;
}

/* The third-place metrics use the same compact metric geometry. */
body.leaderboard-page-active .leaderboard-podium-card.rank-3 .leaderboard-agent-metrics {
  margin-top: 3px !important;
  padding-top: 15px !important;
  min-height: 0 !important;
}

/* The light theme changes color only. Geometry above is shared verbatim. */
body:not(.app-dark-mode).leaderboard-page-active .leaderboard-podium-card.rank-2,
body:not(.app-dark-mode).leaderboard-page-active .leaderboard-podium-card.rank-1,
body:not(.app-dark-mode).leaderboard-page-active .leaderboard-podium-card.rank-3 {
  transform: none !important;
}

/* =========================================================
   LEADFLOW VISUAL SYSTEM V9 — SIDE PODIUM METRIC CLEARANCE
   Keep the approved V8 podium card/platform geometry untouched.
   Only tighten internal spacing for #2 and #3 so AP / Policies Sold
   sit safely above the metallic platform like the #1 card.
   ========================================================= */
@media (min-width: 961px) {
  body.leaderboard-page-active .leaderboard-podium-card.rank-2,
  body.leaderboard-page-active .leaderboard-podium-card.rank-3 {
    gap: 6px !important;
  }

  body.leaderboard-page-active .leaderboard-podium-card.rank-2 .leaderboard-agent-metrics,
  body.leaderboard-page-active .leaderboard-podium-card.rank-3 .leaderboard-agent-metrics {
    margin-top: 0 !important;
    transform: translateY(-4px) !important;
  }
}


/* =========================================================
   LEADFLOW VISUAL SYSTEM V10 — CLEAN LOGIN FOCUS
   Keep the login field as one single control. The input itself
   never draws a second outline/glow inside the wrapper, and the
   primary sign-in fields opt out of browser/password-manager
   suggestion styling as much as browsers allow.
   ========================================================= */

#loginScreen .login-input-wrap,
#loginScreen .login-input-wrap:focus,
#loginScreen .login-input-wrap:focus-within {
  outline: none !important;
}

#loginScreen .login-input-wrap:focus-within {
  border-color: rgba(139, 92, 246, 0.78) !important;
  box-shadow: none !important;
}

#loginScreen .login-input-wrap input,
#loginScreen .login-input-wrap input:focus,
#loginScreen .login-input-wrap input:focus-visible,
#loginScreen .login-input-wrap input:active {
  appearance: none !important;
  -webkit-appearance: none !important;
  outline: none !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

#loginScreen .login-input-wrap input:-webkit-autofill,
#loginScreen .login-input-wrap input:-webkit-autofill:hover,
#loginScreen .login-input-wrap input:-webkit-autofill:focus,
#loginScreen .login-input-wrap input:-webkit-autofill:active {
  -webkit-text-fill-color: #ffffff !important;
  caret-color: #ffffff !important;
  border: 0 !important;
  outline: none !important;
  box-shadow: 0 0 0 1000px rgba(10, 15, 48, 0.98) inset !important;
  -webkit-box-shadow: 0 0 0 1000px rgba(10, 15, 48, 0.98) inset !important;
}

#loginScreen input::-ms-reveal,
#loginScreen input::-ms-clear {
  display: none;
}


/* CSP-safe reusable spacing for empty/error messages */
.csp-padded-message {
  padding: 16px;
}

/* CSP-SAFE MONTHLY GOAL CELEBRATION
   Moved from a dynamically injected \3c style> element so strict style-src can remain enabled. */
#leadflowGoalCelebration {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483647 !important;
  width: 100vw !important;
  height: 100vh !important;
  overflow: hidden !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at center, rgba(45, 24, 90, 0.34), rgba(2, 3, 18, 0.18) 46%, rgba(2, 3, 18, 0.54)) !important;
}

#leadflowGoalCelebration[hidden] {
  display: none !important;
}

#leadflowGoalFireworksCanvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

#leadflowGoalCelebration .leadflow-goal-message {
  position: absolute;
  top: 50%;
  left: 50%;
  width: min(760px, calc(100vw - 36px));
  padding: 30px 28px 32px;
  color: #fff;
  text-align: center;
  transform: translate(-50%, -50%);
  border: 2px solid rgba(250, 204, 21, .72);
  border-radius: 30px;
  background:
    radial-gradient(circle at 50% 0%, rgba(250, 204, 21, .30), transparent 35%),
    linear-gradient(145deg, rgba(48, 24, 92, .96), rgba(13, 9, 35, .97));
  box-shadow:
    0 0 0 1px rgba(250, 204, 21, .16),
    0 35px 110px rgba(0, 0, 0, .74),
    0 0 100px rgba(124, 58, 237, .34);
  animation: leadflowGoalEnter .55s cubic-bezier(.16, 1, .3, 1);
}

#leadflowGoalCelebration .leadflow-goal-trophy {
  width: 116px;
  height: 116px;
  display: grid;
  place-items: center;
  margin: -82px auto 12px;
  font-size: 72px;
  border: 2px solid rgba(250, 204, 21, .66);
  border-radius: 36px;
  background: radial-gradient(circle, rgba(250, 204, 21, .26), rgba(124, 58, 237, .22));
  box-shadow: 0 0 52px rgba(250, 204, 21, .50);
  animation: leadflowGoalTrophy 1.2s ease-in-out infinite;
}

#leadflowGoalCelebration .leadflow-goal-eyebrow {
  margin: 10px 0 5px;
  color: #c4b5fd;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .22em;
}

#leadflowGoalCelebration h2 {
  margin: 0;
  color: #fff;
  font-size: clamp(42px, 6vw, 78px);
  font-weight: 1000;
  line-height: .98;
  letter-spacing: -.055em;
  text-shadow:
    0 5px 0 rgba(146, 64, 14, .55),
    0 10px 34px rgba(250, 204, 21, .48);
}

#leadflowGoalCelebration strong {
  display: block;
  width: fit-content;
  max-width: 100%;
  margin: 18px auto 0;
  padding: 10px 22px;
  color: #fff;
  font-size: clamp(15px, 2vw, 22px);
  border-radius: 999px;
  background: linear-gradient(135deg, #6d28d9, #4c1d95);
}

#leadflowGoalCelebration #leadflowGoalMessage {
  margin: 16px 0 0;
  color: #f7f3ff;
  font-size: clamp(16px, 2vw, 23px);
}

#leadflowGoalCelebration .leadflow-goal-stars {
  margin-top: 18px;
  color: #facc15;
  font-size: 30px;
  letter-spacing: .12em;
  animation: leadflowGoalStars .75s ease-in-out infinite alternate;
}

@keyframes leadflowGoalEnter {
  from {
    opacity: 0;
    transform: translate(-50%, -43%) scale(.65);
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}

@keyframes leadflowGoalTrophy {
  0%, 100% { transform: translateY(0) rotate(-2deg) scale(1); }
  50% { transform: translateY(-9px) rotate(2deg) scale(1.06); }
}

@keyframes leadflowGoalStars {
  from { opacity: .55; transform: scale(.94); }
  to { opacity: 1; transform: scale(1.08); }
}

/* AUTO-GENERATED COOL-TO-GOLD CASCADE FOR GOLD MODE */

@media (max-width: 760px) {
}

@media (max-width: 900px) {
}

/* =========================================================
   LEADFLOW VISUAL SYSTEM V10 — GOLD & BLACK THEME
   Style-only theme:
   - keeps every existing page, card, icon, label, and workflow
   - inherits the tested dark-theme geometry
   - replaces cool purple/blue UI accents with metallic gold
   - uses near-black surfaces modeled after the supplied reference
   ========================================================= */

/* Goal celebration also follows Gold & Black instead of falling back to purple. */

@keyframes leadflow-new-lead-highlight-gold {
  0%, 55% {
    background: rgba(216, 163, 68, 0.18);
    box-shadow: inset 4px 0 0 #d8a344;
  }
  100% {
    background: transparent;
    box-shadow: inset 0 0 0 transparent;
  }
}

/* ---------- AUTOMATIC GOLD DARK READABILITY AUDIT ----------
   Every pre-existing Gold rule whose text failed 4.5:1 against the
   Gold dark card surface gets a dark-Gold-specific readable value.
   Filled Gold controls are normalized again after this section. */

/* ---------- HARD-CODED DARK PURPLE/BLUE FALLBACK AUDIT ----------
   Gold inherits the mature dark layout, so any hard-coded dark-theme
   purple/blue fallback receives a later Gold-specific equivalent. */

/* =========================================================
   LEADFLOW VISUAL SYSTEM V11 — GOLD & BLACK READABILITY LOCK
   Screenshot audit:
   - near-black cards instead of muddy brown surfaces
   - readable primary/secondary text across every Gold page
   - no purple select arrows, date chips, rings, tabs, or dark-theme fallbacks
   - gold-only dashboard chart accents (semantic red/green status pills remain meaningful)
   - no layout, data, icon, navigation, or workflow changes
   ========================================================= */

/* Main Gold surfaces now read black first, gold second — closer to the reference. */

/* Global readable typography for Gold dark surfaces. */

/* Header pills were inheriting light-theme brown text. */

/* Dashboard summary cards: numbers and labels must always be readable. */

/* Monthly AP Goal — the prior Gold selectors accidentally targeted a nested
   .app-dark-mode element, so the purple date/ring rules were still winning. */

/* Performance + Monthly Business Tracker: Gold theme no longer falls back
   to purple or the unrelated green section styling. */

/* Gold chart palette. Semantic red/green result pills remain untouched. */

/* Leaderboard text was still using the light Gold palette. */

/* Agent Tracker: totals, table contents, date controls, and search all readable. */

/* Leads list and every other data table. */

/* New Lead Intake: all labels/actions readable and native arrows are Gold. */

/* Lead Profile: name/meta/activity/timeline content had the largest low-contrast leak. */

/* Shared Leads, Today Calls, Answered, Unanswered, Schedule, Settings and
   Organization all use the same Gold readability contract. */

/* Gold inputs/selects across screens. */

/* Secondary actions stay readable on dark surfaces. */

/* Filled Gold controls intentionally use near-black text for strong contrast. */

/* Rank medals/filled avatars are also Gold surfaces, so their glyph text stays dark. */

/* Keep semantic states purposeful. Gold replaces decorative color, not meaning. */

/* =========================================================
   LEADFLOW VISUAL SYSTEM V12 — GOLD & BLACK PREMIUM POLISH
   Style-only refinement. No layout, content, icon, route, or data changes.
   Goals:
   - more selective, premium gold usage
   - cleaner black/charcoal surface hierarchy
   - consistent borders and interactive states
   - stronger typography hierarchy
   - polished tables, forms, charts, dialogs, and scrollbars
   ========================================================= */

/* ---------- APP BACKDROP: DEEPER BLACK, LESS BROWN ---------- */

/* ---------- SURFACE HIERARCHY ---------- */

/* ---------- TYPOGRAPHY: GOLD IS AN ACCENT, NOT BODY TEXT ---------- */

/* ---------- SIDEBAR: QUIET BY DEFAULT, LUXURY ACTIVE STATE ---------- */

/* ---------- BUTTONS + INTERACTIVE MOTION ---------- */

/* ---------- CLICKABLE CARDS: SUBTLE RESPONSE, NO FLASHY MOTION ---------- */

/* ---------- FORMS: ONE CONSISTENT GOLD FOCUS LANGUAGE ---------- */

/* ---------- TABLES: QUIETER GRID, CLEARER ROW SCANNING ---------- */

/* ---------- TOP HEADER CONTROLS ---------- */

/* ---------- CHARTS: DIMMER GRID, STRONGER DATA ---------- */

/* ---------- LEADERBOARD: GLOW ONLY WHERE IT EARNS ATTENTION ---------- */

/* ---------- DROPDOWNS + MENUS ---------- */

/* ---------- DIALOGS / MODALS ---------- */

/* ---------- SCROLLBARS ---------- */

/* ---------- ACCESSIBILITY / REDUCED MOTION ---------- */
@media (prefers-reduced-motion: reduce) {
}


/* =========================================================
   LEADFLOW VISUAL SYSTEM V13 — THEME ISOLATION + LAYOUT STABILITY
   This final guard layer is intentionally small and mechanical:
   - Light/Dark/Gold are mutually exclusive at the DOM-state level.
   - Legacy Gold selectors are already scoped to Dark + Gold above.
   - Long headers and controls are allowed to shrink instead of pushing
     neighboring content into overlaps.
   - Today’s Calls gets the same horizontal safety window as the other
     data-heavy tables before the compact/mobile breakpoint.
   - Lucide/inline SVG icons inherit their intended foreground color.
   ========================================================= */

html[data-leadflow-theme="light"] {
  color-scheme: light;
}

html[data-leadflow-theme="dark"],
html[data-leadflow-theme="gold"],
html[data-leadflow-theme="login"] {
  color-scheme: dark;
}

body.app-login-mode {
  color-scheme: dark;
}

@media (max-width: 1100px) {
}

@media (max-width: 760px) {
}

@media (prefers-reduced-motion: reduce) {
}

/* =========================================================
   LEADFLOW VISUAL SYSTEM V14 — PROFESSIONAL THEME FINISH
   Final theme-only guard layer.

   Design contract:
   - Classic Purple keeps the approved visual system unchanged.
   - Light is a true high-contrast white workspace, not a washed-out
     copy of the dark theme.
   - Gold & Black is an obsidian + metallic-gold system. Gold is used
     as material/highlight, while body copy remains ivory/neutral.
   - Semantic green/red/orange states remain semantic.
   - Login remains its own independent dark experience.
   ========================================================= */

/* ---------- SHARED AUTHENTICATED THEME SAFETY ---------- */

/* =========================================================
   LIGHT — PROFESSIONAL WHITE WORKSPACE
   ========================================================= */
html[data-leadflow-theme="light"] body:not(.app-login-mode) {
  --pro-light-bg: #f5f7fb;
  --pro-light-panel: #ffffff;
  --pro-light-panel-soft: #f8fafc;
  --pro-light-panel-muted: #f1f4f8;
  --pro-light-line: #d8e0ea;
  --pro-light-line-strong: #c8d2df;
  --pro-light-text: #111827;
  --pro-light-text-soft: #334155;
  --pro-light-muted: #5b677a;
  --pro-light-faint: #758196;
  --pro-light-accent: #6d35f5;
  --pro-light-accent-strong: #5526d9;
  --pro-light-accent-soft: #f2edff;
  --pro-light-shadow: 0 10px 28px rgba(15, 23, 42, 0.055);
  --pro-light-shadow-raised: 0 16px 38px rgba(15, 23, 42, 0.075);

  --lf-bg: var(--pro-light-bg) !important;
  --lf-surface: var(--pro-light-panel) !important;
  --lf-surface-raised: var(--pro-light-panel) !important;
  --lf-surface-soft: var(--pro-light-panel-soft) !important;
  --lf-surface-muted: var(--pro-light-panel-muted) !important;
  --lf-border: var(--pro-light-line) !important;
  --lf-border-strong: var(--pro-light-line-strong) !important;
  --lf-text: var(--pro-light-text) !important;
  --lf-text-soft: var(--pro-light-text-soft) !important;
  --lf-muted: var(--pro-light-muted) !important;
  --lf-placeholder: var(--pro-light-faint) !important;
  color: var(--pro-light-text) !important;
  background: var(--pro-light-bg) !important;
}

/* Crisp text hierarchy. This is intentionally explicit because several
   older component rules were authored for dark surfaces. */

/* Sidebar stays neutral until selection. */

/* Top bar controls are real white controls with readable supporting copy. */

/* Dashboard stat labels and values. */

/* Coach card was the largest Light-theme contrast leak: base styles are
   intentionally dark, so every text tier gets its own light treatment. */

/* Dashboard feature cards retain personality without sacrificing readability. */

/* Forms, dropdowns, tables and secondary controls all use the same contrast. */

/* =========================================================
   GOLD & BLACK — OBSIDIAN + METALLIC GOLD
   ========================================================= */

/* Obsidian cards: black first, gold as reflected edge/highlight. */

/* Universal Gold readability guard. Earlier generated Gold rules contained
   dark brown text intended for pale surfaces; this final layer ensures text
   never disappears after those surfaces were modernized to obsidian. */

/* High-value text classes that were explicit dark-brown leaks in legacy Gold. */

/* Metallic accent language. Multi-stop gold sells the material; flat yellow does not. */

/* Top controls get a subtle polished-metal edge rather than a brown fill. */

/* Dashboard: stronger Gold identity while keeping semantic meaning. */

/* Forms and menus use charcoal fields with bright ivory text. */

/* Tables: distinct header, clean row scan, metallic hover rail. */

/* Filled Gold controls use a real metallic gradient and near-black text.
   This rule intentionally comes after the global readability guard. */

/* Keep semantic states purposeful instead of repainting everything Gold. */

/* Gold Leaderboard retains medal identity while joining the Obsidian system. */

/* Thin metallic scrollbar: visible, not decorative noise. */

/* ---------- MOTION / ACCESSIBILITY ---------- */
@media (prefers-reduced-motion: reduce) {
}

/* =========================================================
   LEADFLOW VISUAL SYSTEM V15 — SIDEBAR + LEAD INTAKE POLISH
   Interaction/UI-only pass:
   - desktop sidebar can collapse to an icon rail and remembers preference
   - logout receives a real icon and remains usable in compact mode
   - Lead Intake selects render exactly one chevron
   - State dropdown trigger stays visually transparent (no square field leak)
   - Gold Lead Intake top accent follows the card's rounded corners
   ========================================================= */

/* ---------- SIDEBAR COLLAPSE CONTROL ---------- */

@media (min-width: 768px) {
  /* Normalize older width-only responsive rules so the grid and sidebar
     always agree before/after collapse. */
}

@media (min-width: 768px) and (max-width: 1366px) {
}

/* The compact rail is a desktop feature. Existing small-screen/drawer
   behavior remains independent instead of inheriting desktop collapse. */
@media (max-width: 767px) {
}

/* ---------- SIDEBAR THEME FINISH ---------- */

/* ---------- LEAD INTAKE SELECT CHEVRONS ----------
   Older dark/gold background shorthands reset background-repeat to repeat,
   which produced the row of chevrons visible in the live screenshot. */
#newLeadCallsMadeSelect,
#newLeadCallResultSelect {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-repeat: no-repeat !important;
  background-position: right 13px center !important;
  background-size: 14px 14px !important;
  padding-right: 40px !important;
}

html[data-leadflow-theme="light"] body:not(.app-login-mode) #newLeadCallsMadeSelect,
html[data-leadflow-theme="light"] body:not(.app-login-mode) #newLeadCallResultSelect {
  appearance: auto !important;
  -webkit-appearance: menulist !important;
  -moz-appearance: auto !important;
  background-image: none !important;
  background-repeat: no-repeat !important;
  padding-right: 10px !important;
}

/* ---------- STATE CHEVRON: ICON ONLY, NEVER A SECOND FIELD ---------- */

/* ---------- GOLD LEAD INTAKE ACCENT: FOLLOW THE ROUNDED CARD ---------- */

/* Keep the same rounded-cap idea in Light without making the card flashy. */

@media (prefers-reduced-motion: reduce) {
}


/* =========================================================
   LEADFLOW VISUAL SYSTEM V16 — STATE CHEVRON / OVERLAY FIX
   Root cause:
   .state-dropdown-button is an invisible overlay trigger that sits on top of
   #leadStateInput. Older Gold/Light form-control :is(...) groups accidentally
   styled that trigger as if it were a real input, giving it its own charcoal
   background/border and creating the dark rectangular notch seen at the right
   edge of the State field.

   This guard keeps the trigger completely paint-free and moves focus feedback
   to the actual State input so the field remains one continuous rounded control.
   ========================================================= */

/* Focus belongs to the unified field, not to an invisible overlay button. */


/* =========================================================
   LEADFLOW V17 — SYSTEM ADMIN ORGANIZATION CONTROL
   Adds the platform-wide Agents view and agency offboarding UI without
   changing the established Light / Classic Purple / Gold theme contracts.
   ========================================================= */

.organization-v2-agents-table .organization-v2-table-head,
.organization-v2-agents-table .organization-v2-table-row {
  grid-template-columns:
    minmax(250px, 1.55fr)
    minmax(120px, .72fr)
    minmax(160px, .92fr)
    92px
    70px
    minmax(155px, .95fr)
    38px;
}

.organization-v2-agents-table .organization-v2-table-row > span:not(.organization-role-badge):not(.organization-status-pill) {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.organization-v2-agents-table .organization-role-badge,
.organization-v2-agents-table .organization-status-pill {
  width: fit-content;
  max-width: 100%;
  white-space: nowrap;
}

.organization-v2-agents-table .organization-status-pill.inactive {
  color: #b42318;
  background: rgba(239, 68, 68, .08);
  border: 1px solid rgba(239, 68, 68, .18);
}

/* System Admin destructive action stays visually separate from the metallic
   theme accent so Delete Agency is never mistaken for a normal primary action. */
.organization-drawer-action.danger[data-leadflow-action="org-delete-agency"] {
  border-color: rgba(239, 68, 68, .30) !important;
}

body:not(.app-dark-mode) .organization-drawer-action.danger[data-leadflow-action="org-delete-agency"] {
  color: #b42318 !important;
  background: #fff5f5 !important;
}

@media (max-width: 1180px) {
  .organization-v2-agents-table {
    overflow-x: auto;
  }

  .organization-v2-agents-table .organization-v2-table-head,
  .organization-v2-agents-table .organization-v2-table-row {
    min-width: 980px;
  }
}

@media (max-width: 760px) {
  .organization-view-tabs {
    width: 100%;
    overflow-x: auto;
    justify-content: flex-start;
  }

  .organization-view-tab {
    flex: 0 0 auto;
  }
}


/* =========================================================
   LEADFLOW V17.3 — MANUAL TRACKER CLEANUP
   System Admin can safely archive recovered/duplicate manual tracker rows
   without deleting tracker history.
   ========================================================= */
.manual-agent-row {
  grid-template-columns: minmax(220px, 1fr) minmax(180px, .78fr) auto auto;
}

.manual-agent-identity {
  min-width: 0;
}

.manual-agent-history {
  margin-top: 5px !important;
  font-size: 11px !important;
  opacity: .82;
}

.manual-agent-archive-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  white-space: nowrap;
}

.manual-agent-archive-button svg {
  width: 14px;
  height: 14px;
}

@media (max-width: 760px) {
  .manual-agent-row {
    grid-template-columns: 1fr;
  }

  .manual-agent-row .mini-btn {
    width: 100%;
    margin-right: 0;
  }
}

/* =========================================================
   LEADFLOW V17.4 — MANUAL TRACKER ACTION MENU
   Replace exposed Save/Archive buttons with one compact 3-dot menu.
   ========================================================= */
.manual-agent-row {
  grid-template-columns: minmax(220px, 1fr) minmax(220px, .8fr) auto !important;
  overflow: visible;
}

.manual-agent-actions-menu-wrap {
  position: relative;
  justify-self: end;
  z-index: 3;
}

.manual-agent-actions-trigger {
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  list-style: none;
  cursor: pointer;
  color: var(--text);
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--panel-soft);
  transition: transform .16s ease, border-color .16s ease, background .16s ease;
}

.manual-agent-actions-trigger::-webkit-details-marker {
  display: none;
}

.manual-agent-actions-trigger::marker {
  content: "";
}

.manual-agent-actions-trigger:hover,
.manual-agent-actions-menu-wrap[open] .manual-agent-actions-trigger {
  transform: translateY(-1px);
  border-color: rgba(109, 53, 245, .36);
  background: rgba(109, 53, 245, .08);
}

.manual-agent-actions-trigger svg {
  width: 18px;
  height: 18px;
  stroke-width: 2.2;
}

.manual-agent-actions-menu {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  width: 210px;
  padding: 7px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--panel);
  box-shadow: 0 18px 45px rgba(15, 23, 42, .18);
  z-index: 80;
}

.manual-agent-actions-menu button {
  width: 100%;
  min-height: 40px;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 9px 10px;
  color: var(--text);
  text-align: left;
  border: 0;
  border-radius: 9px;
  background: transparent;
  cursor: pointer;
}

.manual-agent-actions-menu button:hover {
  background: var(--panel-soft);
}

.manual-agent-actions-menu button svg {
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
}

.manual-agent-actions-menu button.danger {
  color: #d92d20;
}

.manual-agent-actions-menu button.danger:hover {
  background: rgba(217, 45, 32, .08);
}

@media (max-width: 760px) {
  .manual-agent-row {
    grid-template-columns: 1fr auto !important;
  }

  .manual-agent-identity,
  .manual-agent-manager-select {
    grid-column: 1 / -1;
  }

  .manual-agent-actions-menu-wrap {
    grid-column: 2;
    grid-row: 3;
  }
}


/* =========================================================
   LEADFLOW V17.5 — DATED LEAD INVESTMENT
   Specific-date lead spend entry + history modal.
   ========================================================= */

.money-investment-metric {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.money-investment-metric > div {
  min-width: 0;
}

.money-investment-edit {
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  display: inline-grid;
  place-items: center;
  padding: 0;
  border: 1px solid var(--lf-border-strong, #d0d5dd);
  border-radius: 10px;
  background: var(--lf-surface-soft, #f7f8fa);
  color: var(--lf-accent, #6842ed);
  cursor: pointer;
  transition: transform .16s ease, border-color .16s ease, background .16s ease;
}

.money-investment-edit:hover {
  transform: translateY(-1px);
  border-color: var(--lf-accent, #6842ed);
}

.money-investment-edit svg {
  width: 17px;
  height: 17px;
  stroke-width: 2.3;
}

body.lead-investment-modal-open {
  overflow: hidden;
}

.lead-investment-modal {
  position: fixed;
  inset: 0;
  z-index: 2400;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(3, 6, 16, .66);
  backdrop-filter: blur(8px);
}

.lead-investment-dialog {
  position: relative;
  width: min(620px, 100%);
  max-height: min(760px, calc(100vh - 48px));
  overflow: auto;
  padding: 26px;
  border: 1px solid var(--lf-border, #d8dee8);
  border-radius: 22px;
  background: var(--lf-surface, #fff);
  color: var(--lf-text, #101828);
  box-shadow: 0 28px 90px rgba(0,0,0,.34);
}

.lead-investment-modal-close {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid var(--lf-border, #d8dee8);
  border-radius: 11px;
  background: var(--lf-surface-soft, #f7f8fa);
  color: var(--lf-text-soft, #344054);
  cursor: pointer;
}

.lead-investment-modal-close svg {
  width: 18px;
  height: 18px;
}

.lead-investment-dialog-heading {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding-right: 42px;
  margin-bottom: 22px;
}

.lead-investment-dialog-icon {
  width: 46px;
  height: 46px;
  flex: 0 0 46px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: var(--lf-accent-soft, rgba(104,66,237,.12));
  color: var(--lf-accent, #6842ed);
}

.lead-investment-dialog-icon svg {
  width: 22px;
  height: 22px;
}

.lead-investment-dialog-heading .eyebrow {
  margin: 0 0 3px;
}

.lead-investment-dialog-heading h2 {
  margin: 0;
  font-size: 21px;
  line-height: 1.2;
}

.lead-investment-dialog-heading p:not(.eyebrow) {
  margin: 5px 0 0;
  color: var(--lf-muted, #667085);
  font-size: 13px;
}

.lead-investment-form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.lead-investment-form-grid label,
.lead-investment-note-field {
  display: grid;
  gap: 7px;
}

.lead-investment-form-grid label > span,
.lead-investment-note-field > span {
  color: var(--lf-text-soft, #344054);
  font-size: 12px;
  font-weight: 750;
}

.lead-investment-note-field {
  margin-top: 14px;
}

.lead-investment-note-field small {
  color: var(--lf-muted, #667085);
  font-weight: 600;
}

.lead-investment-form-grid input,
.lead-investment-note-field input {
  width: 100%;
  height: 44px;
  box-sizing: border-box;
  border: 1px solid var(--lf-border-strong, #cfd7e4);
  border-radius: 12px;
  background: var(--lf-surface-soft, #fff);
  color: var(--lf-text, #101828);
  padding: 0 13px;
}

.lead-investment-amount-wrap {
  position: relative;
}

.lead-investment-amount-wrap > span {
  position: absolute;
  left: 13px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--lf-muted, #667085);
  font-weight: 750;
  pointer-events: none;
}

.lead-investment-amount-wrap input {
  padding-left: 29px;
}

.lead-investment-error {
  min-height: 19px;
  margin: 8px 0 0;
  color: #e5484d;
  font-size: 12.5px;
  font-weight: 650;
}

.lead-investment-modal-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--lf-border, #e4e7ec);
}

.lead-investment-modal-actions button {
  min-height: 40px;
  border-radius: 11px;
}

.lead-investment-modal-actions .primary-gradient-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.lead-investment-history {
  margin-top: 20px;
}

.lead-investment-history-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

.lead-investment-history-heading strong {
  display: block;
  font-size: 14px;
}

.lead-investment-history-heading span {
  display: block;
  margin-top: 2px;
  color: var(--lf-muted, #667085);
  font-size: 11.5px;
}

.lead-investment-history-list {
  display: grid;
  gap: 8px;
}

.lead-investment-history-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto 34px;
  align-items: center;
  gap: 12px;
  min-height: 58px;
  padding: 9px 10px 9px 13px;
  border: 1px solid var(--lf-border, #e4e7ec);
  border-radius: 12px;
  background: var(--lf-surface-soft, #f8fafc);
}

.lead-investment-history-date {
  min-width: 0;
}

.lead-investment-history-date span {
  display: block;
  color: var(--lf-text, #101828);
  font-size: 12.5px;
  font-weight: 750;
}

.lead-investment-history-date small {
  display: block;
  margin-top: 2px;
  overflow: hidden;
  color: var(--lf-muted, #667085);
  font-size: 11.5px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.lead-investment-history-row > strong {
  color: var(--lf-text, #101828);
  font-size: 13.5px;
}

.lead-investment-delete {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 9px;
  background: transparent;
  color: #d92d20;
  cursor: pointer;
}

.lead-investment-delete:hover {
  border-color: rgba(217,45,32,.22);
  background: rgba(217,45,32,.08);
}

.lead-investment-delete svg {
  width: 16px;
  height: 16px;
}

.lead-investment-history-empty {
  min-height: 74px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border: 1px dashed var(--lf-border-strong, #cfd7e4);
  border-radius: 12px;
  color: var(--lf-muted, #667085);
  font-size: 12px;
}

.lead-investment-history-empty svg {
  width: 17px;
  height: 17px;
}

@media (max-width: 620px) {
  .lead-investment-modal {
    padding: 12px;
    align-items: end;
  }

  .lead-investment-dialog {
    width: 100%;
    max-height: 88vh;
    padding: 22px 16px 18px;
    border-radius: 20px 20px 0 0;
  }

  .lead-investment-form-grid {
    grid-template-columns: 1fr;
  }
}


/* =========================================================
   LEADFLOW V17.7 — REFERENCE LOGIN MATCH
   Full replacement for the V17.6 final override layer.
   Existing routes, permissions, data, theme state, investment logic,
   System Admin controls, sidebar behavior, and tracker logic remain intact.
   ========================================================= */

/* Sidebar product identity. */

/* Lead Investment metric: never inherit a light nested surface in dark themes. */

.lead-investment-note-field input::placeholder,
.lead-investment-form-grid input::placeholder {
  opacity: .56;
}

.lead-investment-note-field input::placeholder {
  font-style: normal;
}

.lead-investment-example-hint {
  display: block;
  margin-top: -1px;
  color: var(--lf-muted, #667085);
  font-size: 11px;
  font-style: italic;
  font-weight: 600;
  opacity: .82;
}

/* ---------- myLeadFlowCRM cinematic login ---------- */
#loginScreen.login-screen {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 100svh;
  grid-template-columns: minmax(620px, 820px) minmax(500px, 560px) !important;
  justify-content: center;
  align-items: center;
  column-gap: clamp(58px, 4.8vw, 86px) !important;
  padding: 72px clamp(54px, 5.2vw, 92px) 82px !important;
  color: #f8f7ff;
  background:
    radial-gradient(circle at 17% 12%, rgba(83, 68, 255, .25), transparent 27%),
    radial-gradient(circle at 52% -8%, rgba(118, 76, 255, .24), transparent 31%),
    radial-gradient(circle at 92% 10%, rgba(98, 52, 255, .21), transparent 23%),
    radial-gradient(circle at 92% 55%, rgba(76, 44, 233, .13), transparent 28%),
    linear-gradient(135deg, #040513 0%, #080724 42%, #09061f 72%, #07051a 100%) !important;
}

#loginScreen.login-screen::before {
  content: "";
  position: absolute;
  inset: 0 !important;
  z-index: 0;
  width: auto !important;
  height: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  pointer-events: none;
  opacity: .96 !important;
  background:
    radial-gradient(circle at 46% 18%, rgba(235, 221, 255, .96) 0 1.35px, transparent 2.6px),
    radial-gradient(circle at 7% 23%, rgba(126, 93, 255, .72) 0 1px, transparent 2.1px),
    radial-gradient(circle at 89% 13%, rgba(164, 105, 255, .76) 0 1px, transparent 2.1px),
    radial-gradient(circle at 72% 72%, rgba(104, 69, 255, .55) 0 1px, transparent 2px),
    linear-gradient(145deg, transparent 0 59%, rgba(101, 72, 255, .036) 60%, transparent 61%) !important;
  box-shadow: none !important;
}

#loginScreen.login-screen::after {
  content: "";
  position: absolute;
  z-index: 0;
  left: -8%;
  right: -8%;
  bottom: -24%;
  width: auto !important;
  height: 44% !important;
  border: 0 !important;
  border-radius: 0 !important;
  pointer-events: none;
  background:
    radial-gradient(ellipse at center, rgba(113, 66, 255, .16), transparent 62%),
    linear-gradient(to top, rgba(33, 17, 92, .20), transparent 74%) !important;
  filter: blur(24px);
  opacity: .92 !important;
  box-shadow: none !important;
}

#loginScreen .login-bg-scene {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  isolation: isolate;
}

#loginScreen .login-bg-scene::after {
  content: "";
  position: absolute;
  inset: 0;
  background: none;
  opacity: .95;
  mix-blend-mode: screen;
  pointer-events: none;
}

#loginScreen .login-orbit,
#loginScreen .login-glow,
#loginScreen .login-star {
  position: absolute;
  pointer-events: none;
}

#loginScreen .login-orbit {
  border-radius: 50%;
  border: 1px solid rgba(129, 89, 255, .30);
  box-shadow:
    0 0 0 1px rgba(138, 103, 255, .02),
    0 0 30px rgba(106, 58, 255, .07),
    inset 0 0 24px rgba(132, 94, 255, .035);
}

#loginScreen .orbit-1 {
  width: min(76vw, 1180px);
  height: min(76vw, 1180px);
  left: -20vw;
  top: -54vw;
  transform: rotate(10deg);
  opacity: .78;
}

#loginScreen .orbit-2 {
  width: min(55vw, 850px);
  height: min(55vw, 850px);
  left: 7vw;
  top: 1vw;
  border-color: rgba(170, 119, 255, .34);
  box-shadow:
    0 0 32px rgba(120, 72, 255, .11),
    inset 0 0 18px rgba(173, 120, 255, .04);
  opacity: .72;
}

#loginScreen .orbit-3 {
  width: min(72vw, 1100px);
  height: min(72vw, 1100px);
  right: -31vw;
  top: 17vh;
  border-color: rgba(111, 84, 255, .22);
  opacity: .62;
}

#loginScreen .login-glow {
  border-radius: 50%;
  filter: blur(44px);
  mix-blend-mode: screen;
}

#loginScreen .glow-1 {
  width: 270px;
  height: 270px;
  left: 19%;
  top: 9%;
  background: radial-gradient(circle, rgba(147, 82, 255, .27) 0%, rgba(147, 82, 255, .07) 46%, transparent 72%);
}

#loginScreen .glow-2 {
  width: 190px;
  height: 190px;
  right: 11%;
  top: 4%;
  background: radial-gradient(circle, rgba(97, 70, 255, .27) 0%, rgba(97, 70, 255, .06) 44%, transparent 72%);
}

#loginScreen .glow-3 {
  width: 360px;
  height: 170px;
  left: 13%;
  bottom: 5%;
  background: radial-gradient(circle, rgba(127, 72, 255, .20) 0%, rgba(127, 72, 255, .05) 52%, transparent 76%);
}

#loginScreen .login-star {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #dfcaff;
  box-shadow: 0 0 12px #c494ff, 0 0 28px rgba(187, 120, 255, .8);
}

#loginScreen .star-1 { left: 45%; top: 17%; }
#loginScreen .star-2 { left: 27%; top: 29%; width: 8px; height: 8px; }
#loginScreen .star-3 { right: 16%; top: 27%; width: 5px; height: 5px; }

#loginScreen .login-top-route {
  position: absolute;
  z-index: 4;
  top: 34px;
  right: clamp(46px, 6vw, 102px);
  display: inline-flex;
  align-items: center;
  gap: 22px;
  color: rgba(230, 228, 255, .78);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .25em;
  text-transform: uppercase;
  pointer-events: none;
}

#loginScreen .login-top-route svg {
  width: 13px;
  height: 13px;
  color: #9e79ff;
}

#loginScreen .login-showcase {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 820px !important;
  align-self: center;
  transform: none !important;
}

#loginScreen .login-showcase-brand {
  max-width: 790px !important;
}

#loginScreen .login-brand-visual {
  position: relative;
  width: min(100%, 790px);
  min-height: 220px;
  margin: 0 0 20px;
}

#loginScreen .login-brand-art {
  display: block;
  width: min(100%, 790px);
  max-height: 245px;
  object-fit: contain;
  object-position: left center;
  margin: 0 0 4px -16px;
  filter:
    drop-shadow(0 0 18px rgba(120, 84, 255, .22))
    drop-shadow(0 18px 42px rgba(58, 25, 188, .25));
  mix-blend-mode: screen;
  user-select: none;
  pointer-events: none;
}

#loginScreen .login-brand-fallback {
  display: none;
  min-height: 220px;
  align-items: center;
  gap: 22px;
  margin: 0 0 4px;
}

#loginScreen .login-brand-visual.image-failed .login-brand-art {
  display: none;
}

#loginScreen .login-brand-visual.image-failed .login-brand-fallback {
  display: flex;
}

#loginScreen .login-brand-fallback-mark {
  width: 138px;
  height: 138px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 30px;
  color: #fff;
  font-size: 58px;
  font-weight: 900;
  letter-spacing: -.06em;
  background: linear-gradient(145deg, rgba(135, 94, 255, .98), rgba(72, 54, 255, .88));
  box-shadow: 0 18px 42px rgba(66, 34, 190, .28), inset 0 1px 0 rgba(255,255,255,.22);
}

#loginScreen .login-brand-fallback-wordmark {
  color: #fff;
  font-size: clamp(42px, 4vw, 72px);
  line-height: 1;
  letter-spacing: -.055em;
  font-weight: 800;
}

#loginScreen .login-brand-fallback-wordmark strong {
  color: #9b55ff;
  font-weight: 900;
}

#loginScreen .login-showcase-logo,
#loginScreen #loginAccessCard .login-access-logo {
  display: none !important;
}

#loginScreen .login-hero-headline {
  max-width: 760px;
  margin: 0 !important;
  color: #f8f7ff !important;
  font-size: clamp(38px, 3.22vw, 58px) !important;
  line-height: 1.035 !important;
  letter-spacing: -.05em !important;
  text-wrap: balance;
}

#loginScreen .login-hero-headline strong {
  color: transparent !important;
  background: linear-gradient(100deg, #f4e8ff 0%, #dbaeff 38%, #9b55ff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 900;
}

#loginScreen .login-hero-tagline {
  max-width: 720px !important;
  margin: 22px 0 0 !important;
  color: rgba(219, 215, 245, .72) !important;
  font-size: 12px !important;
  font-weight: 650;
  line-height: 1.5 !important;
  letter-spacing: .22em;
  text-transform: uppercase;
}

#loginScreen .login-feature-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;
  margin-top: 40px !important;
}

#loginScreen .login-feature-grid article {
  grid-template-columns: 54px minmax(0, 1fr) !important;
  gap: 12px !important;
  min-width: 0;
  align-items: center;
}

#loginScreen .login-feature-grid article > span {
  width: 54px !important;
  height: 54px !important;
  border: 1px solid rgba(123, 83, 255, .45) !important;
  border-radius: 14px !important;
  color: #a76aff !important;
  background:
    radial-gradient(circle at 35% 22%, rgba(164, 101, 255, .18), transparent 54%),
    linear-gradient(145deg, rgba(40, 24, 103, .82), rgba(9, 11, 40, .92)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 12px 24px rgba(33,16,94,.18) !important;
}

#loginScreen .login-feature-grid article > span svg {
  width: 23px !important;
  height: 23px !important;
}

#loginScreen .login-feature-grid strong {
  color: #fff !important;
  font-size: 14px !important;
  line-height: 1.25;
}

#loginScreen .login-feature-grid p {
  margin-top: 3px !important;
  color: rgba(217,213,241,.74) !important;
  font-size: 11.5px !important;
  line-height: 1.4 !important;
}

/* Keep the existing terrain DOM available as an additional faint highlight;
   the production background is now supplied by assets/login-background.png. */
#loginScreen .login-digital-terrain {
  display: block !important;
  left: -8vw !important;
  right: auto !important;
  bottom: -232px !important;
  width: min(78vw, 1180px) !important;
  height: 360px !important;
  opacity: .34 !important;
  transform: rotate(-4deg) !important;
  filter: drop-shadow(0 -10px 32px rgba(85,43,255,.13));
}

#loginScreen .login-digital-terrain span {
  border-top: 1px solid rgba(128,88,255,.34) !important;
  box-shadow: 0 -1px 16px rgba(112,66,255,.10);
}

#loginScreen #loginAccessCard {
  position: relative;
  z-index: 4;
  width: min(100%, 550px) !important;
  min-height: min(660px, calc(100svh - 150px)) !important;
  justify-self: end;
  align-self: center;
  padding: 52px 46px 42px !important;
  border: 1px solid rgba(110, 71, 255, .58) !important;
  border-radius: 24px !important;
  background:
    linear-gradient(180deg, rgba(86, 54, 196, .12) 0%, transparent 16%),
    linear-gradient(145deg, rgba(14, 16, 58, .965), rgba(9, 11, 39, .955)) !important;
  box-shadow:
    0 34px 105px rgba(2,0,18,.56),
    inset 0 1px 0 rgba(255,255,255,.06),
    0 0 0 1px rgba(132,90,255,.08),
    0 0 42px rgba(102,55,255,.12) !important;
  backdrop-filter: blur(20px) saturate(115%);
}

#loginScreen #loginAccessCard::before {
  content: "";
  position: absolute;
  left: 18%;
  right: 18%;
  top: -1px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, rgba(172,122,255,.96), transparent);
  box-shadow: 0 0 18px rgba(154,99,255,.72);
}

#loginScreen #loginAccessCard > .login-signin-title {
  max-width: 430px;
  margin: 0 auto !important;
  color: #fff !important;
  font-size: clamp(28px, 2.05vw, 35px) !important;
  line-height: 1.12 !important;
  letter-spacing: -.04em !important;
  text-align: center;
  text-wrap: balance;
}

#loginScreen .login-inline-brand { white-space: nowrap; }
#loginScreen .login-inline-brand > span:first-child,
#loginScreen .login-inline-brand > span:last-child { color: #fff; font-weight: 800; }
#loginScreen .login-inline-brand strong { color: #9d59ff; font-weight: 900; }

#loginScreen #loginAccessCard > .login-signin-title + p {
  margin: 12px 0 36px !important;
  color: rgba(216,211,241,.72) !important;
  font-size: 14px !important;
  text-align: center;
}

#loginScreen #loginAccessCard .login-field {
  gap: 8px !important;
  margin-top: 19px !important;
}

#loginScreen #loginAccessCard .login-field > span {
  color: #fff !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
}

#loginScreen #loginAccessCard .login-input-wrap {
  min-height: 58px !important;
  border: 1px solid rgba(116,84,219,.48) !important;
  border-radius: 12px !important;
  background: rgba(20,22,70,.82) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
}

#loginScreen #loginAccessCard .login-input-wrap:focus-within {
  border-color: #9864ff !important;
  background: rgba(22,24,77,.94) !important;
  box-shadow: 0 0 0 3px rgba(132,82,255,.13), 0 0 26px rgba(93,48,255,.12) !important;
}

#loginScreen #loginAccessCard .login-options-row {
  margin-top: 20px !important;
}

#loginScreen #loginAccessCard .login-submit-button {
  min-height: 60px !important;
  margin-top: 28px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(150,98,255,.20);
  background: linear-gradient(100deg, #a455ff 0%, #7a44ff 48%, #573fff 100%) !important;
  box-shadow: 0 18px 42px rgba(89,46,245,.34), inset 0 1px 0 rgba(255,255,255,.14) !important;
}

#loginScreen #loginAccessCard .login-submit-button:hover {
  transform: translateY(-1px);
  box-shadow: 0 22px 46px rgba(89,46,245,.42), inset 0 1px 0 rgba(255,255,255,.16) !important;
}

#loginScreen #loginAccessCard .login-admin-help {
  margin-top: auto !important;
  padding-top: 22px;
  border-top: 1px solid rgba(131,103,214,.20);
  color: rgba(183,179,209,.84) !important;
  line-height: 1.55;
}

#loginScreen #loginAccessCard .login-admin-help span {
  display: block;
  color: #9f5aff !important;
}

#loginScreen .login-footer-motto {
  position: absolute;
  z-index: 3;
  bottom: 24px;
  color: rgba(215,212,236,.62);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: .28em;
  pointer-events: none;
}

#loginScreen .login-footer-motto::before {
  content: "";
  display: block;
  width: 56px;
  height: 1px;
  margin-bottom: 13px;
  background: linear-gradient(90deg, #a56cff, transparent);
}

#loginScreen .login-footer-motto-left { left: clamp(42px, 4vw, 74px); }
#loginScreen .login-footer-motto-right { right: clamp(42px, 4vw, 74px); text-align: right; }
#loginScreen .login-footer-motto-right::before { margin-left: auto; background: linear-gradient(90deg, transparent, #a56cff); }

#loginScreen.login-screen.invite-mode .login-top-route,
#loginScreen.login-screen.invite-mode .login-footer-motto,
#loginScreen.login-screen.invite-mode .login-bg-scene {
  display: none !important;
}

@media (max-width: 1400px) {
  #loginScreen.login-screen {
    grid-template-columns: minmax(510px, 760px) minmax(450px, 530px) !important;
    column-gap: 48px !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

  #loginScreen .login-brand-visual {
    min-height: 198px;
  }

  #loginScreen .login-brand-art {
    max-height: 218px;
  }

  #loginScreen .login-feature-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    max-width: 650px;
  }

  #loginScreen #loginAccessCard {
    min-height: min(630px, calc(100svh - 132px)) !important;
  }
}

@media (max-width: 980px) {
  #loginScreen.login-screen {
    grid-template-columns: 1fr !important;
    gap: 42px !important;
    padding: 72px 24px 76px !important;
  }

  #loginScreen .login-top-route,
  #loginScreen .login-footer-motto { display: none !important; }

  #loginScreen .login-showcase {
    justify-self: center;
    text-align: center;
  }

  #loginScreen .login-brand-visual {
    min-height: 0;
    margin-left: auto;
    margin-right: auto;
  }

  #loginScreen .login-brand-art {
    width: min(100%, 650px);
    max-height: 210px;
    margin-left: auto;
    margin-right: auto;
  }

  #loginScreen .login-brand-fallback { justify-content: center; }

  #loginScreen .login-hero-tagline {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  #loginScreen .login-feature-grid {
    max-width: 680px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
  }

  #loginScreen #loginAccessCard {
    justify-self: center;
    min-height: 0 !important;
  }

  #loginScreen .login-digital-terrain { display: none !important; }
}

@media (max-width: 620px) {
  #loginScreen.login-screen {
    padding: 38px 14px 48px !important;
  }

  #loginScreen .login-brand-art {
    max-height: 165px;
    margin-bottom: 10px;
  }

  #loginScreen .login-brand-fallback-mark {
    width: 88px;
    height: 88px;
    font-size: 38px;
  }

  #loginScreen .login-brand-fallback-wordmark { font-size: 30px; }
  #loginScreen .login-hero-headline { font-size: 34px !important; }

  #loginScreen .login-hero-tagline {
    font-size: 10px !important;
    letter-spacing: .14em;
  }

  #loginScreen .login-feature-grid {
    grid-template-columns: 1fr !important;
    margin-top: 30px !important;
  }

  #loginScreen #loginAccessCard {
    padding: 34px 20px 30px !important;
  }
}

/* ===============================
   V17.8 LOGIN FIDELITY MATCH
   Refines the login screen to more closely match the approved reference.
   =============================== */
#loginScreen.login-screen {
  grid-template-columns: minmax(740px, 920px) minmax(470px, 520px) !important;
  column-gap: clamp(72px, 5.4vw, 114px) !important;
  padding: 32px clamp(44px, 4.9vw, 86px) 52px !important;
  align-items: center;
  background:
    radial-gradient(circle at 70% -4%, rgba(98, 70, 255, 0.34), transparent 25%),
    radial-gradient(circle at 25% 18%, rgba(82, 60, 225, 0.16), transparent 28%),
    radial-gradient(circle at 94% 58%, rgba(100, 58, 255, 0.10), transparent 23%),
    linear-gradient(122deg, #030315 0%, #07032a 48%, #090329 100%) !important;
}

#loginScreen.login-screen::before {
  opacity: 1 !important;
  background:
    radial-gradient(circle at 46% 13.8%, rgba(255, 255, 255, 0.94) 0 1.6px, transparent 2.8px),
    radial-gradient(circle at 5.5% 26%, rgba(144, 112, 255, 0.65) 0 0.9px, transparent 2.1px),
    radial-gradient(circle at 90% 27%, rgba(149, 110, 255, 0.5) 0 0.9px, transparent 2.1px),
    linear-gradient(145deg, transparent 0 58%, rgba(101, 72, 255, 0.04) 59%, transparent 60%) !important;
}

#loginScreen.login-screen::after {
  left: -6%;
  right: -2%;
  bottom: -16%;
  height: 36% !important;
  background:
    radial-gradient(ellipse at 23% 44%, rgba(112, 66, 255, 0.14), transparent 42%),
    radial-gradient(ellipse at 72% 32%, rgba(76, 48, 218, 0.08), transparent 35%),
    linear-gradient(to top, rgba(35, 15, 98, 0.16), transparent 76%) !important;
  filter: blur(28px);
}

#loginScreen .login-bg-scene::after {
  opacity: 1;
  mix-blend-mode: screen;
}

#loginScreen .login-top-route {
  top: 36px;
  right: clamp(36px, 4vw, 76px);
  gap: 18px;
  color: rgba(234, 232, 249, 0.78);
  font-size: 10px;
  letter-spacing: 0.31em;
}

#loginScreen .login-top-route svg {
  width: 12px;
  height: 12px;
  color: rgba(198, 174, 255, 0.78);
}

#loginScreen .login-showcase {
  max-width: 920px !important;
  padding-top: 36px;
}

#loginScreen .login-showcase-brand {
  max-width: 900px !important;
}

#loginScreen .login-brand-visual {
  width: min(100%, 900px);
  min-height: 278px;
  margin: 0 0 10px;
}

#loginScreen .login-brand-art {
  width: min(100%, 900px);
  max-height: 315px;
  margin: 0 0 -4px -40px;
  object-position: left top;
  mix-blend-mode: screen;
  filter:
    drop-shadow(0 0 12px rgba(115, 76, 255, 0.12))
    drop-shadow(0 24px 50px rgba(54, 27, 174, 0.16));
}

#loginScreen .login-brand-fallback {
  min-height: 230px;
  gap: 26px;
}

#loginScreen .login-brand-fallback-mark {
  width: 122px;
  height: 122px;
  border-radius: 26px;
  font-size: 52px;
  background: linear-gradient(145deg, rgba(132, 90, 255, 1), rgba(83, 57, 255, 0.92));
  box-shadow: 0 16px 40px rgba(67, 34, 188, 0.28), inset 0 1px 0 rgba(255,255,255,0.18);
}

#loginScreen .login-brand-fallback-wordmark {
  font-size: clamp(52px, 4.7vw, 76px);
  letter-spacing: -0.06em;
}

#loginScreen .login-brand-fallback-wordmark strong {
  color: #8f4fff;
}

#loginScreen .login-hero-headline {
  max-width: 740px;
  margin: 0 !important;
  font-size: clamp(56px, 4.15vw, 78px) !important;
  line-height: 0.96 !important;
  letter-spacing: -0.064em !important;
}

#loginScreen .login-hero-headline strong {
  background: linear-gradient(90deg, #f4e8ff 0%, #d2acff 35%, #9953ff 82%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

#loginScreen .login-hero-tagline {
  max-width: 740px !important;
  margin: 24px 0 0 !important;
  color: rgba(226, 221, 247, 0.7) !important;
  font-size: 11px !important;
  font-weight: 700;
  letter-spacing: 0.27em;
}

#loginScreen .login-feature-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 22px !important;
  max-width: 770px;
  margin-top: 42px !important;
}

#loginScreen .login-feature-grid article {
  grid-template-columns: 44px minmax(0, 1fr) !important;
  gap: 12px !important;
  align-items: start;
}

#loginScreen .login-feature-grid article > span {
  width: 44px !important;
  height: 44px !important;
  border: 1px solid rgba(130, 89, 255, 0.42) !important;
  border-radius: 14px !important;
  color: #9c62ff !important;
  background:
    radial-gradient(circle at 32% 20%, rgba(167, 108, 255, 0.17), transparent 54%),
    linear-gradient(145deg, rgba(39, 20, 103, 0.70), rgba(8, 10, 36, 0.88)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 12px 24px rgba(32, 15, 97, 0.14) !important;
}

#loginScreen .login-feature-grid article > span svg {
  width: 19px !important;
  height: 19px !important;
}

#loginScreen .login-feature-grid strong {
  font-size: 16px !important;
  font-weight: 800;
}

#loginScreen .login-feature-grid p {
  margin-top: 4px !important;
  color: rgba(223, 219, 245, 0.78) !important;
  font-size: 11px !important;
  line-height: 1.38 !important;
}

#loginScreen .login-digital-terrain {
  left: -14vw !important;
  bottom: -246px !important;
  width: min(94vw, 1440px) !important;
  height: 400px !important;
  opacity: 0.12 !important;
  transform: rotate(-2.6deg) !important;
}

#loginScreen #loginAccessCard {
  width: min(100%, 520px) !important;
  min-height: 684px !important;
  justify-self: end;
  padding: 48px 42px 36px !important;
  border: 1px solid rgba(110, 71, 255, 0.64) !important;
  border-radius: 24px !important;
  background:
    linear-gradient(180deg, rgba(89, 58, 210, 0.09) 0%, rgba(48, 27, 126, 0.03) 10%, transparent 20%),
    linear-gradient(145deg, rgba(14, 16, 60, 0.96), rgba(8, 10, 40, 0.96)) !important;
  box-shadow:
    0 26px 90px rgba(1, 0, 20, 0.5),
    inset 0 1px 0 rgba(255,255,255,0.06),
    0 0 0 1px rgba(132, 90, 255, 0.06),
    0 0 34px rgba(107, 58, 255, 0.08) !important;
  backdrop-filter: blur(16px) saturate(110%);
}

#loginScreen #loginAccessCard::before {
  left: 22%;
  right: 22%;
  top: -1px;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(185, 148, 255, 0.92), transparent);
  box-shadow: 0 0 20px rgba(161, 104, 255, 0.88);
}

#loginScreen #loginAccessCard > .login-signin-title {
  max-width: 420px;
  font-size: clamp(32px, 2.2vw, 36px) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.052em !important;
}

#loginScreen #loginAccessCard > .login-signin-title + p {
  margin: 14px 0 42px !important;
  color: rgba(218, 214, 242, 0.74) !important;
  font-size: 13px !important;
}

#loginScreen #loginAccessCard .login-field {
  gap: 10px !important;
  margin-top: 18px !important;
}

#loginScreen #loginAccessCard .login-field > span {
  font-size: 11.5px !important;
  font-weight: 800 !important;
}

#loginScreen #loginAccessCard .login-input-wrap {
  min-height: 56px !important;
  border: 1px solid rgba(116,84,219,.5) !important;
  border-radius: 12px !important;
  background: rgba(18, 20, 69, 0.82) !important;
}

#loginScreen #loginAccessCard .login-input-wrap input {
  font-size: 15px !important;
}

#loginScreen #loginAccessCard .login-input-wrap input::placeholder {
  color: rgba(197, 191, 224, 0.62) !important;
}

#loginScreen #loginAccessCard .login-options-row {
  margin-top: 18px !important;
}

#loginScreen #loginAccessCard .login-remember-option {
  gap: 10px;
  color: rgba(237, 235, 249, 0.92);
}

#loginScreen #loginAccessCard .forgot-password-button {
  color: #9f65ff;
  font-size: 12px;
  font-weight: 700;
}

#loginScreen #loginAccessCard .login-submit-button {
  min-height: 60px !important;
  margin-top: 28px !important;
  border-radius: 14px !important;
  font-size: 16px !important;
  border: 1px solid rgba(160, 110, 255, 0.20);
  background: linear-gradient(90deg, #a856ff 0%, #7a44ff 52%, #593fff 100%) !important;
  box-shadow: 0 16px 42px rgba(90, 46, 245, 0.28), inset 0 1px 0 rgba(255,255,255,0.14) !important;
}

#loginScreen #loginAccessCard .login-submit-button svg {
  width: 20px;
  height: 20px;
}

#loginScreen #loginAccessCard .login-admin-help {
  margin-top: auto !important;
  padding-top: 26px;
  border-top: 1px solid rgba(131,103,214,0.20);
  color: rgba(179, 175, 208, 0.84) !important;
  font-size: 12px;
  text-align: center;
}

#loginScreen #loginAccessCard .login-admin-help span {
  display: block;
  margin-top: 2px;
  color: #9f5aff !important;
  font-size: 12px;
  font-weight: 700;
}

#loginScreen .login-footer-motto {
  bottom: 24px;
  color: rgba(223, 219, 244, 0.66);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.31em;
}

#loginScreen .login-footer-motto::before {
  width: 52px;
  margin-bottom: 12px;
  background: linear-gradient(90deg, rgba(185, 145, 255, 0.95), transparent);
}

#loginScreen .login-footer-motto-left {
  left: clamp(28px, 3vw, 66px);
}

#loginScreen .login-footer-motto-right {
  right: clamp(28px, 3vw, 66px);
}

#loginScreen .login-footer-motto-right::before {
  background: linear-gradient(90deg, transparent, rgba(185, 145, 255, 0.95));
}

@media (max-width: 1450px) {
  #loginScreen.login-screen {
    grid-template-columns: minmax(620px, 1fr) minmax(440px, 500px) !important;
    column-gap: 54px !important;
    padding-left: 32px !important;
    padding-right: 32px !important;
  }

  #loginScreen .login-brand-visual {
    min-height: 240px;
  }

  #loginScreen .login-brand-art {
    max-height: 270px;
    margin-left: -24px;
  }

  #loginScreen .login-hero-headline {
    font-size: clamp(48px, 4vw, 68px) !important;
  }

  #loginScreen .login-feature-grid {
    gap: 18px !important;
  }
}

@media (max-width: 1180px) {
  #loginScreen.login-screen {
    grid-template-columns: 1fr !important;
    gap: 44px !important;
    padding: 74px 22px 60px !important;
  }

  #loginScreen .login-showcase {
    justify-self: center;
    text-align: center;
    padding-top: 24px;
  }

  #loginScreen .login-brand-visual {
    margin-left: auto;
    margin-right: auto;
    min-height: 0;
  }

  #loginScreen .login-brand-art {
    margin-left: auto;
    margin-right: auto;
    width: min(100%, 780px);
    max-height: 260px;
  }

  #loginScreen .login-brand-fallback {
    justify-content: center;
  }

  #loginScreen .login-hero-tagline {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  #loginScreen .login-feature-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
  }

  #loginScreen #loginAccessCard {
    justify-self: center;
    min-height: 0 !important;
  }
}

@media (max-width: 720px) {
  #loginScreen .login-brand-art {
    max-height: 178px;
  }

  #loginScreen .login-hero-headline {
    font-size: 36px !important;
  }

  #loginScreen .login-feature-grid {
    grid-template-columns: 1fr !important;
  }
}

/* =========================================================
   LEADFLOW V17.9 — PRODUCTION LOGIN ARCHITECTURE
   Real HTML/CSS controls over dedicated production artwork.
   ========================================================= */
#loginScreen.login-screen {
  --login-ink: #f8f7ff;
  --login-muted: rgba(220, 216, 244, 0.72);
  --login-purple: #9b59ff;
  --login-purple-2: #6944ff;
  --login-border: rgba(125, 92, 237, 0.56);
  --login-field: rgba(20, 23, 73, 0.80);
  --login-card: rgba(11, 13, 48, 0.91);

  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0, 1.58fr) minmax(430px, 0.86fr) !important;
  align-items: center;
  justify-content: center;
  gap: clamp(52px, 4.8vw, 88px) !important;
  min-height: 100svh;
  padding: clamp(34px, 4.2vw, 64px) clamp(34px, 5.1vw, 86px) clamp(42px, 5.4vw, 76px) !important;
  overflow: hidden;
  color: var(--login-ink);
  background-color: #05051b !important;
  background-image: url("assets/login-background.png") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
}

/* The production PNG owns all cosmic artwork. */
#loginScreen .login-bg-scene,
#loginScreen .login-digital-terrain,
#loginScreen.login-screen::before,
#loginScreen.login-screen::after {
  display: none !important;
  content: none !important;
}

#loginScreen .login-top-route {
  position: absolute;
  top: clamp(26px, 3.8vw, 42px);
  right: clamp(34px, 5.1vw, 86px);
  z-index: 5;
  display: inline-flex;
  align-items: center;
  gap: 18px;
  color: rgba(236, 232, 251, 0.78);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.30em;
  text-transform: uppercase;
  pointer-events: none;
}

#loginScreen .login-top-route svg {
  width: 12px;
  height: 12px;
  color: rgba(188, 159, 255, 0.82);
}

#loginScreen .login-showcase {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 910px !important;
  min-width: 0;
  align-self: center;
  justify-self: start;
  padding-top: clamp(44px, 5vw, 76px);
  transform: none !important;
}

#loginScreen .login-showcase-brand {
  max-width: 820px !important;
}

#loginScreen .login-brand-visual {
  position: relative;
  width: min(100%, 820px);
  min-height: 0;
  margin: 0 0 clamp(22px, 2.4vw, 34px);
}

#loginScreen .login-brand-art {
  display: block;
  width: min(100%, 820px);
  height: auto;
  max-height: none;
  margin: 0 0 0 clamp(-26px, -1.6vw, -10px);
  object-fit: contain;
  object-position: left center;
  user-select: none;
  pointer-events: none;
  mix-blend-mode: normal !important;
  filter:
    drop-shadow(0 0 12px rgba(119, 79, 255, 0.16))
    drop-shadow(0 20px 38px rgba(45, 26, 150, 0.16));
}

#loginScreen .login-brand-fallback {
  display: none;
}

#loginScreen .login-brand-visual.image-failed .login-brand-art {
  display: none;
}

#loginScreen .login-brand-visual.image-failed .login-brand-fallback {
  display: flex;
  min-height: 170px;
  align-items: center;
  gap: 20px;
}

#loginScreen .login-brand-fallback-mark {
  width: 104px;
  height: 104px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border-radius: 24px;
  color: #fff;
  font-size: 42px;
  font-weight: 900;
  background: linear-gradient(145deg, #8b5dff, #553cff);
}

#loginScreen .login-brand-fallback-wordmark {
  color: #fff;
  font-size: clamp(42px, 4vw, 68px);
  line-height: 1;
  letter-spacing: -0.055em;
  font-weight: 800;
}

#loginScreen .login-brand-fallback-wordmark strong {
  color: var(--login-purple);
}

#loginScreen .login-showcase-logo,
#loginScreen #loginAccessCard .login-access-logo {
  display: none !important;
}

#loginScreen .login-hero-headline {
  max-width: 760px;
  margin: 0 !important;
  color: var(--login-ink) !important;
  font-size: clamp(40px, 3.15vw, 54px) !important;
  line-height: 1.02 !important;
  letter-spacing: -0.048em !important;
  font-weight: 850;
  text-wrap: balance;
}

#loginScreen .login-hero-headline strong {
  display: inline;
  color: transparent !important;
  background: linear-gradient(90deg, #f2e6ff 0%, #d6b1ff 42%, #9b57ff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 900;
}

#loginScreen .login-hero-tagline {
  max-width: 780px !important;
  margin: 24px 0 0 !important;
  color: rgba(224, 220, 245, 0.72) !important;
  font-size: 11px !important;
  font-weight: 700;
  line-height: 1.5 !important;
  letter-spacing: 0.255em;
  text-transform: uppercase;
}

#loginScreen .login-feature-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: clamp(16px, 1.7vw, 24px) !important;
  max-width: 790px;
  margin-top: clamp(34px, 3vw, 44px) !important;
}

#loginScreen .login-feature-grid article {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) !important;
  gap: 12px !important;
  min-width: 0;
  align-items: start;
}

#loginScreen .login-feature-grid article > span {
  width: 48px !important;
  height: 48px !important;
  display: grid;
  place-items: center;
  border: 1px solid rgba(130, 89, 255, 0.48) !important;
  border-radius: 14px !important;
  color: #a567ff !important;
  background:
    radial-gradient(circle at 32% 18%, rgba(172, 108, 255, 0.18), transparent 54%),
    linear-gradient(145deg, rgba(39, 20, 103, 0.72), rgba(8, 10, 36, 0.90)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.055),
    0 10px 24px rgba(30, 14, 94, 0.16) !important;
}

#loginScreen .login-feature-grid article > span svg {
  width: 21px !important;
  height: 21px !important;
}

#loginScreen .login-feature-grid strong {
  display: block;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 800;
  line-height: 1.25;
}

#loginScreen .login-feature-grid p {
  margin: 4px 0 0 !important;
  color: rgba(222, 218, 242, 0.76) !important;
  font-size: 11px !important;
  line-height: 1.38 !important;
}

#loginScreen #loginAccessCard {
  position: relative;
  z-index: 4;
  width: min(100%, 540px) !important;
  min-height: 0 !important;
  justify-self: end;
  align-self: center;
  padding: clamp(42px, 3.7vw, 54px) clamp(34px, 3.3vw, 46px) 38px !important;
  border: 1px solid rgba(111, 72, 255, 0.62) !important;
  border-radius: 24px !important;
  background:
    linear-gradient(180deg, rgba(93, 63, 214, 0.10) 0%, rgba(45, 28, 122, 0.025) 18%, transparent 30%),
    rgba(10, 12, 47, 0.92) !important;
  box-shadow:
    0 28px 90px rgba(1, 0, 18, 0.48),
    inset 0 1px 0 rgba(255,255,255,0.06),
    0 0 0 1px rgba(132, 90, 255, 0.05),
    0 0 34px rgba(106, 57, 255, 0.08) !important;
  backdrop-filter: blur(16px) saturate(112%);
}

#loginScreen #loginAccessCard::before {
  content: "";
  position: absolute;
  left: 18%;
  right: 18%;
  top: -1px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, rgba(190, 151, 255, 0.94), transparent);
  box-shadow: 0 0 20px rgba(161, 104, 255, 0.82);
  pointer-events: none;
}

#loginScreen #loginAccessCard > .login-signin-title {
  max-width: 430px;
  margin: 0 auto !important;
  color: #fff !important;
  font-size: clamp(30px, 2.15vw, 36px) !important;
  line-height: 1.1 !important;
  letter-spacing: -0.045em !important;
  font-weight: 850;
  text-align: center;
  text-wrap: balance;
}

#loginScreen .login-inline-brand {
  white-space: nowrap;
}

#loginScreen .login-inline-brand > span:first-child,
#loginScreen .login-inline-brand > span:last-child {
  color: #fff;
  font-weight: 800;
}

#loginScreen .login-inline-brand strong {
  color: var(--login-purple);
  font-weight: 900;
}

#loginScreen #loginAccessCard > .login-signin-title + p {
  margin: 13px 0 38px !important;
  color: var(--login-muted) !important;
  font-size: 13px !important;
  text-align: center;
}

#loginScreen #loginAccessCard .login-field {
  display: grid;
  gap: 9px !important;
  margin-top: 18px !important;
}

#loginScreen #loginAccessCard .login-field > span {
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

#loginScreen #loginAccessCard .login-input-wrap {
  min-height: 58px !important;
  border: 1px solid rgba(119, 89, 219, 0.52) !important;
  border-radius: 12px !important;
  background: var(--login-field) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
  transition: border-color 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

#loginScreen #loginAccessCard .login-input-wrap:focus-within {
  border-color: #9d69ff !important;
  background: rgba(22, 24, 78, 0.95) !important;
  box-shadow:
    0 0 0 3px rgba(139, 87, 255, 0.13),
    0 0 24px rgba(92, 48, 255, 0.10) !important;
}

#loginScreen #loginAccessCard .login-input-wrap input {
  min-width: 0;
  color: #fff !important;
  font-size: 15px !important;
  background: transparent !important;
}

#loginScreen #loginAccessCard .login-input-wrap input::placeholder {
  color: rgba(198, 192, 224, 0.64) !important;
}

#loginScreen #loginAccessCard .login-input-wrap > svg,
#loginScreen #loginAccessCard .login-password-toggle {
  color: rgba(209, 202, 235, 0.78) !important;
}

#loginScreen #loginAccessCard .login-options-row {
  margin-top: 18px !important;
  align-items: center;
}

#loginScreen #loginAccessCard .login-remember-option {
  gap: 9px;
  color: rgba(236, 233, 249, 0.91);
  font-size: 12px;
  font-weight: 700;
}

#loginScreen #loginAccessCard .login-remember-option input {
  accent-color: #8f55ff;
}

#loginScreen #loginAccessCard .forgot-password-button {
  color: #a16aff !important;
  font-size: 12px;
  font-weight: 750;
}

#loginScreen #loginAccessCard .login-submit-button {
  min-height: 60px !important;
  margin-top: 28px !important;
  border: 1px solid rgba(165, 111, 255, 0.22) !important;
  border-radius: 14px !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 800;
  background: linear-gradient(90deg, #a855ff 0%, #7a44ff 52%, #583fff 100%) !important;
  box-shadow:
    0 17px 42px rgba(89, 46, 245, 0.28),
    inset 0 1px 0 rgba(255,255,255,0.15) !important;
  transition: transform 160ms ease, box-shadow 160ms ease, filter 160ms ease;
}

@media (hover: hover) and (pointer: fine) {
  #loginScreen #loginAccessCard .login-submit-button:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
    box-shadow:
      0 21px 46px rgba(89, 46, 245, 0.34),
      inset 0 1px 0 rgba(255,255,255,0.16) !important;
  }
}

#loginScreen #loginAccessCard .login-admin-help {
  margin-top: 26px !important;
  padding-top: 22px;
  border-top: 1px solid rgba(132, 103, 214, 0.20);
  color: rgba(181, 177, 210, 0.84) !important;
  font-size: 12px;
  line-height: 1.55;
  text-align: center;
}

#loginScreen #loginAccessCard .login-admin-help span {
  display: block;
  margin-top: 2px;
  color: #a05eff !important;
  font-size: 12px;
  font-weight: 700;
}

#loginScreen .login-footer-motto {
  position: absolute;
  z-index: 3;
  bottom: 23px;
  color: rgba(226, 221, 245, 0.65);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.30em;
  pointer-events: none;
}

#loginScreen .login-footer-motto::before {
  content: "";
  display: block;
  width: 54px;
  height: 1px;
  margin-bottom: 12px;
  background: linear-gradient(90deg, rgba(187, 148, 255, 0.92), transparent);
}

#loginScreen .login-footer-motto-left {
  left: clamp(30px, 3.6vw, 62px);
}

#loginScreen .login-footer-motto-right {
  right: clamp(30px, 3.6vw, 62px);
  text-align: right;
}

#loginScreen .login-footer-motto-right::before {
  margin-left: auto;
  background: linear-gradient(90deg, transparent, rgba(187, 148, 255, 0.92));
}

/* Recovery/reset cards remain functional and use the same production environment. */
#loginScreen .password-recovery-card:not(.hidden) {
  z-index: 4;
  justify-self: end;
  align-self: center;
}

#loginScreen.login-screen.invite-mode {
  background-image: url("assets/login-background.png") !important;
}

#loginScreen.login-screen.invite-mode .login-showcase,
#loginScreen.login-screen.invite-mode .login-top-route,
#loginScreen.login-screen.invite-mode .login-footer-motto {
  display: none !important;
}

/* Tablet / compact desktop */
@media (max-width: 1260px) {
  #loginScreen.login-screen {
    grid-template-columns: minmax(0, 1fr) minmax(410px, 500px) !important;
    gap: 40px !important;
    padding-left: 28px !important;
    padding-right: 28px !important;
  }

  #loginScreen .login-showcase {
    max-width: 720px !important;
  }

  #loginScreen .login-brand-art {
    width: min(100%, 700px);
  }

  #loginScreen .login-hero-headline {
    font-size: clamp(38px, 3.8vw, 48px) !important;
  }

  #loginScreen .login-feature-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    max-width: 640px;
  }
}

/* Mobile / tablet reflow: real UI, not a shrunken screenshot. */
@media (max-width: 900px) {
  #loginScreen.login-screen {
    display: grid;
    grid-template-columns: 1fr !important;
    gap: 34px !important;
    min-height: 100svh;
    padding: 72px 20px 50px !important;
    background-position: 48% center !important;
  }

  #loginScreen .login-top-route,
  #loginScreen .login-footer-motto {
    display: none !important;
  }

  #loginScreen .login-showcase {
    justify-self: center;
    padding-top: 0;
    text-align: center;
  }

  #loginScreen .login-showcase-brand {
    margin-inline: auto;
  }

  #loginScreen .login-brand-art {
    width: min(100%, 650px);
    margin-inline: auto;
  }

  #loginScreen .login-brand-fallback {
    justify-content: center;
  }

  #loginScreen .login-hero-tagline {
    margin-inline: auto !important;
  }

  #loginScreen .login-feature-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    max-width: 650px;
    margin-inline: auto;
    text-align: left;
  }

  #loginScreen #loginAccessCard,
  #loginScreen .password-recovery-card:not(.hidden) {
    justify-self: center;
    width: min(100%, 540px) !important;
  }
}

@media (max-width: 560px) {
  #loginScreen.login-screen {
    padding: 34px 14px 38px !important;
    background-position: 45% center !important;
  }

  #loginScreen .login-brand-art {
    width: min(100%, 490px);
  }

  #loginScreen .login-hero-headline {
    font-size: 34px !important;
  }

  #loginScreen .login-hero-tagline {
    font-size: 9.5px !important;
    letter-spacing: 0.16em;
  }

  #loginScreen .login-feature-grid {
    grid-template-columns: 1fr !important;
  }

  #loginScreen #loginAccessCard,
  #loginScreen .password-recovery-card:not(.hidden) {
    padding: 30px 18px 26px !important;
    border-radius: 20px !important;
  }
}

/* =========================================================
   LEADFLOW V17.9.1 — PRODUCTION BACKGROUND IMAGE LAYER
   Dedicated decorative <img> behind the real login UI.
   This intentionally supersedes the V17.9 CSS background-image
   so artwork rendering is explicit, inspectable and predictable.
   ========================================================= */
#loginScreen.login-screen {
  position: relative;
  isolation: isolate;
  background-color: #05051b !important;
  background-image: none !important;
}

#loginScreen .login-background-art {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: cover;
  object-position: center center;
  opacity: 1;
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
}

/* Keep functional login content above the decorative artwork.
   IMPORTANT: top route and footer mottos intentionally keep their earlier
   absolute positioning. Making them `position: relative` turns them into
   grid items and pushes the actual login card onto a new row. */
#loginScreen .login-showcase,
#loginScreen #loginAccessCard,
#loginScreen .password-recovery-card,
#loginScreen .invite-registration-card {
  position: relative;
  z-index: 2;
}

#loginScreen .login-top-route {
  z-index: 5;
}

#loginScreen .login-footer-motto {
  z-index: 3;
}

#loginScreen #loginAccessCard,
#loginScreen .password-recovery-card,
#loginScreen .invite-registration-card {
  z-index: 4;
}

/* Old experimental artwork layers are retired. */
#loginScreen .login-bg-scene,
#loginScreen .login-digital-terrain,
#loginScreen.login-screen::before,
#loginScreen.login-screen::after {
  display: none !important;
  content: none !important;
}

/* Invitation/reset modes use the same explicit production artwork. */
#loginScreen.login-screen.invite-mode {
  background-image: none !important;
}

/* On narrower screens, keep the most useful center-left portion visible while
   the real HTML interface reflows independently above it. */
@media (max-width: 900px) {
  #loginScreen .login-background-art {
    object-position: 48% center;
  }
}

@media (max-width: 560px) {
  #loginScreen .login-background-art {
    object-position: 45% center;
  }
}

/* =========================================================
   V18.0 — LOGIN FINAL POLISH + LEGACY TRACKER MIGRATION UI
   ========================================================= */

/* --- Login fidelity polish: keep the production architecture, refine only layout. --- */
@media (min-width: 1261px) {
  #loginScreen .login-showcase {
    max-width: 960px !important;
    padding-top: clamp(14px, 2vw, 30px) !important;
    transform: translateY(-10px) !important;
  }

  #loginScreen .login-showcase-brand {
    max-width: 920px !important;
  }

  #loginScreen .login-brand-visual {
    width: min(100%, 850px) !important;
    margin-bottom: 18px !important;
  }

  #loginScreen .login-brand-art {
    width: min(100%, 850px) !important;
    margin-left: -22px !important;
    mix-blend-mode: screen !important;
    filter:
      drop-shadow(0 0 10px rgba(128, 83, 255, 0.20))
      drop-shadow(0 18px 34px rgba(45, 26, 150, 0.14)) !important;
  }

  #loginScreen .login-hero-headline {
    max-width: 900px !important;
    font-size: clamp(42px, 2.95vw, 52px) !important;
    line-height: 1.02 !important;
  }

  #loginScreen .login-hero-headline strong {
    white-space: nowrap;
  }

  #loginScreen .login-hero-tagline {
    margin-top: 20px !important;
  }

  #loginScreen .login-feature-grid {
    max-width: 850px !important;
    margin-top: 30px !important;
    gap: 20px !important;
    transform: translateY(-4px);
  }

  #loginScreen #loginAccessCard > .login-signin-title {
    display: grid;
    justify-items: center;
    gap: 2px;
    line-height: 1.03 !important;
  }

  #loginScreen .login-title-prefix {
    display: block;
  }

  #loginScreen .login-inline-brand {
    display: block;
  }
}

@media (max-width: 1260px) {
  #loginScreen .login-hero-headline strong {
    white-space: normal;
  }

  #loginScreen .login-signin-title .login-title-prefix,
  #loginScreen .login-signin-title .login-inline-brand {
    display: inline;
  }
}

/* --- Legacy manual tracker management --- */
.legacy-manual-agent-row {
  grid-template-columns: minmax(280px, 1fr) minmax(250px, 0.72fr) auto !important;
  align-items: center;
}

.manual-agent-name-line {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.legacy-history-badge {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 3px 8px;
  border: 1px solid rgba(125, 92, 237, 0.24);
  border-radius: 999px;
  background: rgba(125, 92, 237, 0.08);
  color: #6e4bd8;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.manual-agent-migration-hint {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  color: var(--text-muted, #667085);
  font-size: 12px;
  font-weight: 650;
}

.manual-agent-migration-hint svg {
  width: 16px;
  height: 16px;
}

.manual-agent-empty-state {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 22px;
  border: 1px dashed rgba(75, 85, 99, 0.24);
  border-radius: 16px;
}

.manual-agent-empty-state > svg {
  width: 22px;
  height: 22px;
}

.manual-agent-empty-state div {
  display: grid;
  gap: 3px;
}

.manual-agent-empty-state strong {
  font-size: 14px;
}

.manual-agent-empty-state span {
  color: var(--text-muted, #667085);
  font-size: 12px;
}

/* --- Tracker history transfer modal --- */
body.tracker-history-transfer-open {
  overflow: hidden;
}

.tracker-history-transfer-modal {
  position: fixed;
  inset: 0;
  z-index: 3000;
  display: grid;
  place-items: center;
  padding: 22px;
  background: rgba(12, 16, 28, 0.62);
  backdrop-filter: blur(8px);
}

.tracker-history-transfer-dialog {
  position: relative;
  width: min(760px, 100%);
  max-height: min(820px, calc(100vh - 44px));
  overflow: auto;
  padding: 30px;
  border: 1px solid rgba(81, 92, 116, 0.20);
  border-radius: 24px;
  background: #ffffff;
  color: #151a29;
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.28);
}

.tracker-history-transfer-close {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(81, 92, 116, 0.18);
  border-radius: 12px;
  background: rgba(248, 250, 252, 0.92);
  color: inherit;
  cursor: pointer;
}

.tracker-history-transfer-close svg {
  width: 18px;
  height: 18px;
}

.tracker-history-transfer-heading {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding-right: 54px;
}

.tracker-history-transfer-icon {
  width: 46px;
  height: 46px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: rgba(112, 73, 230, 0.10);
  color: #6f49df;
}

.tracker-history-transfer-icon svg {
  width: 21px;
  height: 21px;
}

.tracker-history-transfer-heading p {
  margin: 0 0 5px;
  color: #7b61d1;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: 0.12em;
}

.tracker-history-transfer-heading h2 {
  margin: 0;
  font-size: 24px;
  line-height: 1.16;
  letter-spacing: -0.025em;
}

.tracker-history-transfer-heading span {
  display: block;
  margin-top: 6px;
  color: #667085;
  font-size: 13px;
  line-height: 1.45;
}

.tracker-history-transfer-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
  gap: 14px;
  margin-top: 24px;
}

.tracker-history-transfer-source,
.tracker-history-transfer-field {
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(81, 92, 116, 0.17);
  border-radius: 16px;
  background: #f8fafc;
}

.tracker-history-transfer-source {
  display: grid;
  align-content: center;
  gap: 4px;
}

.tracker-history-transfer-source small,
.tracker-history-transfer-target-card small,
.tracker-history-transfer-metrics small {
  color: #7b8499;
  font-size: 9.5px;
  font-weight: 850;
  letter-spacing: 0.09em;
}

.tracker-history-transfer-source strong {
  font-size: 15px;
}

.tracker-history-transfer-source span {
  color: #667085;
  font-size: 12px;
}

.tracker-history-transfer-field {
  display: grid;
  gap: 8px;
}

.tracker-history-transfer-field > span {
  font-size: 12px;
  font-weight: 750;
}

.tracker-history-transfer-field select {
  width: 100%;
  min-height: 44px;
  padding: 0 38px 0 12px;
  border: 1px solid rgba(81, 92, 116, 0.22);
  border-radius: 11px;
  background: #ffffff;
  color: #151a29;
  font: inherit;
}

.tracker-history-transfer-preview {
  display: grid;
  gap: 14px;
  margin-top: 16px;
}

.tracker-history-transfer-empty {
  min-height: 92px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 18px;
  border: 1px dashed rgba(81, 92, 116, 0.24);
  border-radius: 16px;
  color: #667085;
  text-align: center;
  font-size: 12px;
}

.tracker-history-transfer-empty svg {
  width: 20px;
  height: 20px;
}

.tracker-history-transfer-empty.loading svg {
  animation: leadflow-spin 1s linear infinite;
}

@keyframes leadflow-spin {
  to { transform: rotate(360deg); }
}

.tracker-history-transfer-status {
  display: flex;
  gap: 12px;
  padding: 15px;
  border-radius: 16px;
}

.tracker-history-transfer-status > span {
  width: 34px;
  height: 34px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border-radius: 10px;
}

.tracker-history-transfer-status svg {
  width: 18px;
  height: 18px;
}

.tracker-history-transfer-status div {
  display: grid;
  gap: 3px;
}

.tracker-history-transfer-status strong {
  font-size: 13px;
}

.tracker-history-transfer-status p {
  margin: 0;
  font-size: 12px;
  line-height: 1.45;
}

.tracker-history-transfer-status.safe {
  border: 1px solid rgba(22, 163, 74, 0.20);
  background: rgba(22, 163, 74, 0.07);
  color: #166534;
}

.tracker-history-transfer-status.safe > span {
  background: rgba(22, 163, 74, 0.11);
}

.tracker-history-transfer-status.blocked {
  border: 1px solid rgba(220, 38, 38, 0.18);
  background: rgba(220, 38, 38, 0.06);
  color: #991b1b;
}

.tracker-history-transfer-status.blocked > span {
  background: rgba(220, 38, 38, 0.10);
}

.tracker-history-transfer-metrics {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.tracker-history-transfer-metrics > div {
  min-width: 0;
  display: grid;
  gap: 4px;
  padding: 12px;
  border: 1px solid rgba(81, 92, 116, 0.14);
  border-radius: 13px;
  background: #fafbfc;
}

.tracker-history-transfer-metrics strong {
  overflow-wrap: anywhere;
  font-size: 13px;
}

.tracker-history-transfer-range {
  grid-column: span 2;
}

.tracker-history-transfer-target-card {
  display: grid;
  gap: 3px;
  padding: 14px 16px;
  border: 1px solid rgba(112, 73, 230, 0.18);
  border-radius: 14px;
  background: rgba(112, 73, 230, 0.055);
}

.tracker-history-transfer-target-card strong {
  font-size: 14px;
}

.tracker-history-transfer-target-card span {
  color: #667085;
  font-size: 11px;
}

.tracker-history-transfer-blockers {
  padding: 14px 16px;
  border: 1px solid rgba(220, 38, 38, 0.16);
  border-radius: 14px;
  background: rgba(254, 242, 242, 0.82);
  color: #7f1d1d;
  font-size: 12px;
}

.tracker-history-transfer-blockers ul {
  margin: 8px 0 0 18px;
  padding: 0;
}

.tracker-history-transfer-blockers p {
  margin: 8px 0 0;
  color: #991b1b;
}

.tracker-history-transfer-note {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  margin-top: 16px;
  padding: 12px 14px;
  border-radius: 13px;
  background: #f8fafc;
  color: #667085;
  font-size: 11.5px;
  line-height: 1.45;
}

.tracker-history-transfer-note svg {
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
  color: #6f49df;
}

.tracker-history-transfer-actions {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
}

.tracker-history-transfer-actions button {
  min-height: 44px;
}

.tracker-history-transfer-actions .primary-gradient-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.tracker-history-transfer-actions .primary-gradient-btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
  filter: grayscale(0.25);
}

/* Dark / Classic Purple modal */

/* Gold & Black modal */

@media (max-width: 820px) {
  .legacy-manual-agent-row {
    grid-template-columns: 1fr auto !important;
  }

  .manual-agent-migration-hint {
    display: none;
  }

  .tracker-history-transfer-grid {
    grid-template-columns: 1fr;
  }

  .tracker-history-transfer-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tracker-history-transfer-range {
    grid-column: span 2;
  }
}

@media (max-width: 520px) {
  .tracker-history-transfer-modal {
    padding: 10px;
  }

  .tracker-history-transfer-dialog {
    padding: 24px 16px 18px;
    border-radius: 18px;
  }

  .tracker-history-transfer-heading h2 {
    font-size: 21px;
  }

  .tracker-history-transfer-metrics {
    grid-template-columns: 1fr;
  }

  .tracker-history-transfer-range {
    grid-column: auto;
  }

  .tracker-history-transfer-actions {
    display: grid;
    grid-template-columns: 1fr;
  }
}

/* =========================================================
   NEW LEAD — DEMONSTRATION YES / NO
   Compact segmented control below Calls made / Call Result.
   ========================================================= */

.new-lead-demonstration-row {
  min-height: 46px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 7px 8px 7px 12px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #ffffff;
}

.new-lead-demonstration-label {
  color: #334155;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.2;
}

.new-lead-demonstration-toggle {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3px;
  min-width: 132px;
  padding: 3px;
  border: 1px solid #d8dee8;
  border-radius: 10px;
  background: #f8fafc;
}

.new-lead-demonstration-option {
  position: relative;
  display: block;
  cursor: pointer;
}

.new-lead-demonstration-option input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.new-lead-demonstration-option span {
  min-width: 56px;
  min-height: 28px;
  display: grid;
  place-items: center;
  padding: 0 10px;
  border-radius: 7px;
  color: #64748b;
  font-size: 11px;
  font-weight: 850;
  line-height: 1;
  transition: 0.15s ease;
  user-select: none;
}

.new-lead-demonstration-option:hover span {
  color: var(--purple);
}

.new-lead-demonstration-option input:focus-visible + span {
  outline: 2px solid var(--purple-2);
  outline-offset: 2px;
}

.new-lead-demonstration-option input:checked + span {
  background: linear-gradient(135deg, var(--purple), var(--purple-3));
  color: #ffffff;
  box-shadow: 0 5px 12px rgba(109, 53, 245, 0.22);
}

@media (max-width: 520px) {
  .new-lead-demonstration-row {
    align-items: stretch;
    flex-direction: column;
    gap: 7px;
  }

  .new-lead-demonstration-toggle {
    width: 100%;
  }
}



/* New Lead intake polish: received-date classification and source */

/* Gold theme: keep the Smart Routing summary readable on the dark card. */


/* =========================================================
   LEAD PROFILE — PREMIUM POLISH V7
   Final profile-specific pass for normal + shared Lead details.
   Keeps the Gold/Black theme restrained, removes accidental
   metadata rectangles, separates sales from call results, and
   aligns activity controls with the New Lead intake experience.
   ========================================================= */

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-profile-demonstration-row {
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin: 0 0 12px;
  padding: 6px 7px 6px 11px;
  border: 1px solid #d9e0eb;
  border-radius: 11px;
  background: #fbfcfe;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-profile-demonstration-label {
  color: #5f6b7d;
  font-size: 11px;
  font-weight: 800;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-profile-demonstration-toggle {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3px;
  min-width: 126px;
  padding: 3px;
  border: 1px solid #d8dee8;
  border-radius: 9px;
  background: #f5f7fa;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-profile-demonstration-option {
  position: relative;
  display: block;
  cursor: pointer;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-profile-demonstration-option input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-profile-demonstration-option span {
  min-width: 52px;
  min-height: 27px;
  display: grid;
  place-items: center;
  padding: 0 9px;
  border-radius: 6px;
  color: #667085;
  font-size: 10.5px;
  font-weight: 850;
  transition: 0.15s ease;
  user-select: none;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-profile-demonstration-option input:checked + span {
  color: #ffffff;
  background: linear-gradient(135deg, #7547ff, #5128df);
  box-shadow: 0 4px 10px rgba(91, 61, 245, 0.20);
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-profile-demonstration-option input:focus-visible + span {
  outline: 2px solid #7547ff;
  outline-offset: 2px;
}

/* Dark themes should never paint full metadata items as blocks. */

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-summary-meta {
  column-gap: 20px;
  row-gap: 13px;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-current-place-card {
  align-self: start;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .current-lead-activity,
:is(#leadDetailPage, #sharedLeadDetailPage) .current-lead-empty {
  min-height: 116px;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .current-lead-result-head {
  padding: 12px 14px;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .current-lead-details {
  grid-template-columns: 1.15fr 0.75fr 0.95fr 1.25fr;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .current-lead-detail {
  padding: 11px 13px;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .current-lead-demo-badge,
:is(#leadDetailPage, #sharedLeadDetailPage) .timeline-demo-pill {
  width: fit-content;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-top: 5px;
  padding: 3px 7px;
  border: 1px solid rgba(109, 53, 245, 0.18);
  border-radius: 999px;
  color: #6841e8;
  background: #f2eeff;
  font-size: 9px;
  font-weight: 850;
  line-height: 1;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .current-lead-demo-badge svg,
:is(#leadDetailPage, #sharedLeadDetailPage) .timeline-demo-pill svg {
  width: 11px;
  height: 11px;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-save-activity-btn {
  min-height: 42px;
  margin-top: 12px;
  padding: 0 18px;
  border-radius: 10px;
  font-size: 12px;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .timeline-column-headings,
:is(#leadDetailPage, #sharedLeadDetailPage) .timeline-note-row {
  grid-template-columns:
    minmax(118px, 0.9fr)
    minmax(92px, 0.65fr)
    minmax(120px, 0.85fr)
    minmax(135px, 0.95fr)
    minmax(160px, 1.05fr)
    minmax(210px, 1.45fr)
    40px;
  gap: 12px;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .timeline-note-sale strong {
  white-space: normal;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .timeline-note-sale .timeline-sale-split {
  width: auto;
  max-width: 190px;
  margin-top: 4px;
  padding: 3px 6px;
  font-size: 9px;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .timeline-note-manual > div > small {
  color: #929aaa;
  font-size: 9px;
  font-weight: 550;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .timeline-result-pill + .timeline-demo-pill {
  margin-left: 5px;
  vertical-align: middle;
}

/* Subtle action menus until the agent actually interacts with them. */
:is(#leadDetailPage, #sharedLeadDetailPage) .lead-summary-menu > summary,
:is(#leadDetailPage, #sharedLeadDetailPage) .lead-row-actions-menu > summary {
  box-shadow: none;
  opacity: 0.84;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-summary-menu > summary:hover,
:is(#leadDetailPage, #sharedLeadDetailPage) .lead-row-actions-menu > summary:hover,
:is(#leadDetailPage, #sharedLeadDetailPage) .lead-summary-menu[open] > summary,
:is(#leadDetailPage, #sharedLeadDetailPage) .lead-row-actions-menu[open] > summary {
  opacity: 1;
}

/* Gold / Black: Obsidian surfaces, selective gold, semantic green only. */

@media (max-width: 1120px) {
  :is(#leadDetailPage, #sharedLeadDetailPage) .timeline-column-headings {
    display: none;
  }

  :is(#leadDetailPage, #sharedLeadDetailPage) .timeline-note-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) 40px;
    align-items: start;
  }

  :is(#leadDetailPage, #sharedLeadDetailPage) .timeline-note-manual {
    grid-column: 1 / 3;
  }

  :is(#leadDetailPage, #sharedLeadDetailPage) .lead-row-actions-menu {
    grid-column: 3;
    grid-row: 1;
  }
}

@media (max-width: 720px) {
  :is(#leadDetailPage, #sharedLeadDetailPage) .lead-profile-demonstration-row {
    align-items: stretch;
    flex-direction: column;
    gap: 7px;
  }

  :is(#leadDetailPage, #sharedLeadDetailPage) .lead-profile-demonstration-toggle {
    width: 100%;
  }

  :is(#leadDetailPage, #sharedLeadDetailPage) .timeline-note-row {
    grid-template-columns: 1fr 38px;
  }

  :is(#leadDetailPage, #sharedLeadDetailPage) .timeline-note-row > .timeline-cell {
    grid-column: 1;
  }

  :is(#leadDetailPage, #sharedLeadDetailPage) .lead-row-actions-menu {
    grid-column: 2;
    grid-row: 1;
  }
}

/* =========================================================
   LEADFLOW NOTIFICATION CENTER V8
   - Bell badge = unread notifications only
   - Stored notification dropdown
   - Appointment/follow-up reminders + shared Lead alerts
   ========================================================= */

.notification-center {
  position: relative;
  flex: 0 0 auto;
}

.notification-pill {
  cursor: pointer;
  transition:
    transform 150ms ease,
    border-color 150ms ease,
    box-shadow 150ms ease,
    background 150ms ease;
}

.notification-pill:hover {
  transform: translateY(-1px);
}

.notification-pill:active {
  transform: translateY(0);
}

.notification-pill small.hidden {
  display: none !important;
}

.notification-dropdown {
  position: absolute;
  z-index: 2200;
  top: calc(100% + 10px);
  right: 0;
  width: min(390px, calc(100vw - 28px));
  max-height: min(620px, calc(100vh - 92px));
  overflow: hidden;
  border: 1px solid #e1e6ef;
  border-radius: 18px;
  background: #ffffff;
  box-shadow: 0 24px 58px rgba(15, 23, 42, 0.18);
}

.notification-dropdown-header {
  min-height: 72px;
  padding: 15px 16px 13px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  border-bottom: 1px solid #edf0f5;
  background: linear-gradient(180deg, #ffffff 0%, #fbfcff 100%);
}

.notification-dropdown-header > div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.notification-dropdown-eyebrow {
  color: #8a94a6;
  font-size: 9px;
  line-height: 1.1;
  font-weight: 850;
  letter-spacing: 0.12em;
}

.notification-dropdown-header strong {
  color: #111827;
  font-size: 15px;
  line-height: 1.2;
  font-weight: 850;
}

.notification-mark-all {
  flex: 0 0 auto;
  min-height: 30px;
  padding: 6px 9px;
  border: 0;
  border-radius: 9px;
  color: #6d35f5;
  background: transparent;
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
  transition: background 140ms ease, opacity 140ms ease;
}

.notification-mark-all:hover:not(:disabled) {
  background: rgba(109, 53, 245, 0.08);
}

.notification-mark-all:disabled {
  opacity: 0.42;
  cursor: default;
}

.notification-list {
  max-height: min(500px, calc(100vh - 178px));
  overflow-y: auto;
  overscroll-behavior: contain;
}

.notification-item {
  width: 100%;
  min-height: 86px;
  padding: 13px 14px;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) 18px;
  align-items: center;
  gap: 11px;
  border: 0;
  border-bottom: 1px solid #eef1f6;
  text-align: left;
  color: #172033;
  background: #ffffff;
  cursor: pointer;
  transition: background 140ms ease;
}

.notification-item:last-child {
  border-bottom: 0;
}

.notification-item:hover {
  background: #f8f9fd;
}

.notification-item.unread {
  background:
    linear-gradient(90deg, rgba(109, 53, 245, 0.055), rgba(109, 53, 245, 0.018));
}

.notification-item.unread:hover {
  background:
    linear-gradient(90deg, rgba(109, 53, 245, 0.09), rgba(109, 53, 245, 0.035));
}

.notification-item-icon {
  width: 36px;
  height: 36px;
  border: 1px solid #e6e1ff;
  border-radius: 11px;
  display: grid;
  place-items: center;
  color: #6d35f5;
  background: #f5f1ff;
}

.notification-item-icon [data-lucide] {
  width: 16px;
  height: 16px;
  stroke-width: 2;
}

.notification-item-copy {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.notification-item-title-row {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 7px;
}

.notification-item-title-row strong {
  min-width: 0;
  color: #172033;
  font-size: 12px;
  line-height: 1.3;
  font-weight: 850;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.notification-unread-dot {
  flex: 0 0 auto;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #6d35f5;
  box-shadow: 0 0 0 3px rgba(109, 53, 245, 0.10);
}

.notification-item-message {
  color: #5e6b80;
  font-size: 11px;
  line-height: 1.35;
  overflow: hidden;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.notification-item-copy small {
  color: #9099aa;
  font-size: 10px;
  line-height: 1.2;
  font-weight: 650;
}

.notification-item-chevron {
  display: grid;
  place-items: center;
  color: #a8b0bd;
}

.notification-item-chevron [data-lucide] {
  width: 14px;
  height: 14px;
  stroke-width: 2;
}

.notification-empty-state {
  min-height: 210px;
  padding: 30px 22px;
  display: grid;
  justify-items: center;
  align-content: center;
  gap: 8px;
  text-align: center;
}

.notification-empty-icon {
  width: 42px;
  height: 42px;
  border: 1px solid #e6e1ff;
  border-radius: 13px;
  display: grid;
  place-items: center;
  color: #7650e8;
  background: #f5f1ff;
}

.notification-empty-icon [data-lucide] {
  width: 18px;
  height: 18px;
}

.notification-empty-state strong {
  color: #1f2937;
  font-size: 13px;
  font-weight: 850;
}

.notification-empty-state p {
  max-width: 255px;
  margin: 0;
  color: #778297;
  font-size: 11px;
  line-height: 1.45;
}

/* Schedule destination flash after opening a reminder. */
.schedule-modern-row.schedule-notification-highlight {
  position: relative;
  animation: leadflowNotificationHighlight 5s ease-out;
}

@keyframes leadflowNotificationHighlight {
  0%,
  22% {
    box-shadow:
      inset 0 0 0 2px rgba(109, 53, 245, 0.70),
      0 0 0 3px rgba(109, 53, 245, 0.10);
    background: rgba(109, 53, 245, 0.07);
  }

  100% {
    box-shadow: none;
    background: transparent;
  }
}

/* Standard dark theme. */

/* Gold & Black theme. */

@keyframes leadflowGoldNotificationHighlight {
  0%,
  22% {
    box-shadow:
      inset 0 0 0 2px rgba(226, 173, 66, 0.72),
      0 0 0 3px rgba(226, 173, 66, 0.08);
    background: rgba(226, 173, 66, 0.06);
  }

  100% {
    box-shadow: none;
    background: transparent;
  }
}

@media (max-width: 700px) {
  .notification-dropdown {
    position: fixed;
    top: 72px;
    right: 12px;
    left: 12px;
    width: auto;
    max-height: calc(100vh - 92px);
  }

  .notification-list {
    max-height: calc(100vh - 180px);
  }
}

/* =========================================================
   NOTIFICATION BADGE READABILITY FIX V9
   - Center unread number inside the badge
   - Improve contrast in Light and Gold/Black themes
   ========================================================= */

.notification-pill {
  overflow: visible;
}

.notification-pill [data-lucide] {
  position: relative;
  z-index: 1;
}

.notification-pill small {
  top: 3px !important;
  right: 3px !important;
  min-width: 20px !important;
  height: 20px !important;
  padding: 0 6px !important;
  border-radius: 999px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  z-index: 3 !important;
  box-sizing: border-box !important;
}

body:not(.app-dark-mode) .notification-pill small {
  background: #6d35f5 !important;
  color: #ffffff !important;
  border: 2px solid #ffffff !important;
  box-shadow: 0 6px 14px rgba(109, 53, 245, 0.28) !important;
}

/* =========================================================
   SCHEDULE WORKSPACE V13
   - Prioritized schedule groups: Due Soon / Later Today / Upcoming / Overdue
   - History is collapsed by default
   - Cleaner time-zone display, status hierarchy, and action menus
   ========================================================= */

.schedule-reschedule-dialog {
  max-width: 520px;
}

.schedule-reschedule-preview {
  margin-top: 14px;
  padding: 12px 14px;
  display: grid;
  gap: 6px;
  border: 1px solid #e2e7ef;
  border-radius: 12px;
  color: #475467;
  background: #f8fafc;
  font-size: 12px;
}

.schedule-reschedule-preview strong {
  color: #172033;
}

@media (max-width: 900px) {
}

/* =========================================================
   LEADFLOW SCHEDULE OUTCOME FLOW V14
   - Appointment Set expands inside the outcome modal
   - Rescheduled appointments keep a distinct history state
   ========================================================= */

.schedule-next-appointment {
  margin-top: 14px;
  padding: 14px;
  border: 1px solid #e2e7ef;
  border-radius: 14px;
  background: #f8fafc;
}

.schedule-next-appointment-heading {
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.schedule-next-appointment-icon {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  color: #6d35f5;
  background: #eee9ff;
  flex: 0 0 auto;
}

.schedule-next-appointment-icon svg {
  width: 17px;
  height: 17px;
}

.schedule-next-appointment-heading > div {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.schedule-next-appointment-heading strong {
  color: #172033;
  font-size: 13px;
}

.schedule-next-appointment-heading small {
  color: #667085;
  font-size: 11px;
  line-height: 1.35;
}

.schedule-next-appointment .schedule-reschedule-preview {
  margin-top: 12px;
}

.schedule-activity-note > span small {
  color: #8b95a5;
  font-size: 10px;
  font-weight: 600;
}

/* =========================================================
   TODAY'S CALLS WORKSPACE V15
   - Compact five-column call queue
   - Correct table/action alignment
   - Three-dot-only actions with Log inside menu
   - Queue priority / overdue readability
   ========================================================= */

/* A <td> must remain a table cell. The previous flex rule caused the
   Actions column to shift out of alignment with its header. */

@media (max-width: 1100px) {
}

@media (max-width: 720px) {
}

/* =========================================================
   LOG CALL MODAL VISUAL POLISH V16
   - Consistent layout across Light / Purple / Gold themes
   - Removes dark label bands from field wrappers
   - Restores readable labels and age badge contrast
   - Tightens spacing, summary hierarchy, and footer alignment
   ========================================================= */

#todayCallLogPanel.today-call-modal-overlay {
  padding: 22px !important;
  background: rgba(15, 23, 42, 0.54) !important;
  backdrop-filter: blur(5px) !important;
  -webkit-backdrop-filter: blur(5px) !important;
}

#todayCallLogPanel .today-call-modal-card {
  width: min(840px, calc(100vw - 44px)) !important;
  max-height: calc(100vh - 44px) !important;
  padding: 24px !important;
  border: 1px solid #d8e0eb !important;
  border-radius: 20px !important;
  background: #ffffff !important;
  color: #172033 !important;
  box-shadow: 0 30px 85px rgba(15, 23, 42, 0.30) !important;
  scrollbar-gutter: stable;
}

#todayCallLogPanel .today-call-modal-header {
  margin-bottom: 16px !important;
  padding: 0 !important;
}

#todayCallLogPanel #todayCallLogTitle {
  margin: 0 !important;
  color: #182033 !important;
  font-size: 20px !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.025em !important;
}

#todayCallLogPanel .today-call-modal-close {
  width: 36px !important;
  height: 36px !important;
  flex: 0 0 36px !important;
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: #667085 !important;
  font-size: 22px !important;
  font-weight: 500 !important;
}

#todayCallLogPanel .today-call-modal-close:hover {
  color: #182033 !important;
  background: #f1f5f9 !important;
  border-color: #e2e8f0 !important;
}

#todayCallLogPanel .today-call-modal-summary {
  grid-template-columns: 1.15fr 0.9fr 0.95fr 0.95fr 0.82fr !important;
  gap: 0 !important;
  margin-bottom: 18px !important;
  padding: 0 !important;
  overflow: hidden;
  border: 1px solid #dbe3ee !important;
  border-radius: 14px !important;
  background: #f8fafc !important;
}

#todayCallLogPanel .today-call-summary-item {
  min-height: 76px;
  gap: 10px !important;
  padding: 14px 13px !important;
  border-right: 1px solid #e2e8f0 !important;
  background: transparent !important;
}

#todayCallLogPanel .today-call-summary-item:first-child {
  padding-left: 14px !important;
}

#todayCallLogPanel .today-call-summary-item:last-child {
  padding-right: 14px !important;
  border-right: 0 !important;
}

#todayCallLogPanel .today-call-summary-icon {
  width: 28px !important;
  height: 28px !important;
  margin-top: 0 !important;
  border-radius: 9px !important;
  color: #6d35f5 !important;
  background: #eee9ff !important;
}

#todayCallLogPanel .today-call-summary-item small {
  color: #667085 !important;
  font-size: 11px !important;
  font-weight: 750 !important;
  line-height: 1.2 !important;
}

#todayCallLogPanel .today-call-summary-item strong {
  color: #172033 !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1.3 !important;
}

#todayCallLogPanel .today-call-summary-item em {
  color: #7b8799 !important;
  font-size: 10px !important;
  line-height: 1.25 !important;
}

#todayCallLogPanel .today-call-modal-age-pill {
  min-height: 27px;
  max-width: 100%;
  padding: 5px 10px !important;
  border: 1px solid #dfd6ff !important;
  border-radius: 999px !important;
  background: #eee9ff !important;
  color: #6035d8 !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#todayCallLogPanel .today-call-modal-form {
  gap: 13px !important;
}

/* A field wrapper should not become its own dark card.
   The prior global dark-theme rule caused the horizontal bands in the screenshot. */
#todayCallLogPanel .today-call-modal-field {
  display: grid !important;
  gap: 7px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#todayCallLogPanel .today-call-modal-field > span {
  min-height: 24px !important;
  gap: 8px !important;
  color: #344054 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}

#todayCallLogPanel .today-call-field-icon {
  width: 23px !important;
  height: 23px !important;
  border-radius: 7px !important;
  color: #6d35f5 !important;
  background: #f0ebff !important;
}

#todayCallLogPanel .today-call-modal-field b {
  color: #ef4444 !important;
}

#todayCallLogPanel .today-call-modal-field select,
#todayCallLogPanel .today-call-modal-field textarea {
  width: 100% !important;
  margin: 0 !important;
  border: 1px solid #cfd8e6 !important;
  border-radius: 11px !important;
  background: #ffffff !important;
  color: #172033 !important;
  outline: none !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 550 !important;
}

#todayCallLogPanel .today-call-modal-field select {
  min-height: 45px !important;
  padding: 0 13px !important;
}

#todayCallLogPanel .today-call-modal-field textarea {
  min-height: 108px !important;
  padding: 12px 13px !important;
  line-height: 1.45 !important;
  resize: vertical;
}

#todayCallLogPanel .today-call-modal-field select:focus,
#todayCallLogPanel .today-call-modal-field textarea:focus {
  border-color: #7447f7 !important;
  box-shadow: 0 0 0 3px rgba(116, 71, 247, 0.12) !important;
}

#todayCallLogPanel .appointment-builder-fields {
  margin: 1px 0 0 !important;
  padding: 14px !important;
  border: 1px solid #dbe3ee !important;
  border-radius: 12px !important;
  background: #f8fafc !important;
}

#todayCallLogPanel .appointment-builder-fields label > span {
  color: #475467 !important;
  font-size: 11px !important;
  font-weight: 750 !important;
}

#todayCallLogPanel .appointment-builder-fields input {
  min-height: 42px;
  color: #172033 !important;
  background: #ffffff !important;
  border-color: #cfd8e6 !important;
}

#todayCallLogPanel .appointment-builder-fields p {
  color: #667085 !important;
  font-size: 10px !important;
  line-height: 1.4 !important;
}

#todayCallLogPanel .today-call-modal-footer {
  gap: 10px !important;
  margin-top: 18px !important;
  padding-top: 16px !important;
  border-top: 1px solid #e2e8f0 !important;
}

#todayCallLogPanel .today-call-modal-footer button {
  min-height: 42px !important;
  padding: 0 16px !important;
  border-radius: 11px !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

#todayCallLogPanel .today-call-modal-cancel {
  color: #344054 !important;
  background: #ffffff !important;
  border: 1px solid #cfd8e6 !important;
}

#todayCallLogPanel .today-call-modal-cancel:hover {
  color: #172033 !important;
  background: #f8fafc !important;
}

#todayCallLogPanel #saveTodayCallLogButton {
  color: #ffffff !important;
  background: linear-gradient(135deg, #7145f6 0%, #5935e8 100%) !important;
  border: 1px solid transparent !important;
  box-shadow: 0 8px 18px rgba(100, 61, 235, 0.18) !important;
}

/* ---------- CLASSIC PURPLE ---------- */

/* ---------- GOLD / BLACK ---------- */

@media (max-width: 760px) {
  #todayCallLogPanel.today-call-modal-overlay {
    align-items: flex-end !important;
    padding: 10px !important;
  }

  #todayCallLogPanel .today-call-modal-card {
    width: 100% !important;
    max-height: calc(100vh - 20px) !important;
    padding: 18px !important;
    border-radius: 18px !important;
  }

  #todayCallLogPanel .today-call-modal-summary {
    grid-template-columns: 1fr 1fr !important;
  }

  #todayCallLogPanel .today-call-summary-item,
  #todayCallLogPanel .today-call-summary-item:first-child,
  #todayCallLogPanel .today-call-summary-item:last-child {
    min-height: 68px;
    padding: 12px !important;
    border-right: 1px solid #e2e8f0 !important;
    border-bottom: 1px solid #e2e8f0 !important;
  }

  #todayCallLogPanel .today-call-summary-item:nth-child(even) {
    border-right: 0 !important;
  }

  #todayCallLogPanel .today-call-summary-age {
    grid-column: 1 / -1 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
  }

  #todayCallLogPanel .today-call-modal-footer button {
    flex: 1 1 0;
  }
}

/* =========================================================
   LOG CALL MODAL MICRO-FIXES V17
   - Prevent Age badge clipping at every age length
   - Center the top-right close icon precisely
   ========================================================= */

#todayCallLogPanel .today-call-modal-summary {
  grid-template-columns:
    minmax(160px, 1.18fr)
    minmax(115px, 0.86fr)
    minmax(120px, 0.92fr)
    minmax(120px, 0.92fr)
    minmax(128px, 0.90fr) !important;
}

#todayCallLogPanel .today-call-summary-age {
  min-width: 128px !important;
  overflow: visible !important;
}

#todayCallLogPanel .today-call-modal-age-pill {
  width: max-content !important;
  max-width: none !important;
  min-width: 0 !important;
  flex: 0 0 auto !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

#todayCallLogPanel .today-call-modal-close {
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  line-height: 1 !important;
  text-align: center !important;
}

#todayCallLogPanel .today-call-modal-close > * {
  margin: 0 !important;
  transform: none !important;
}

@media (max-width: 900px) {
  #todayCallLogPanel .today-call-modal-summary {
    grid-template-columns: 1fr 1fr !important;
  }

  #todayCallLogPanel .today-call-summary-age {
    min-width: 0 !important;
  }
}

/* =========================================================
   UNIFIED PERIOD PICKER SYSTEM V23
   Scope: Agent Tracker + Leaderboard date/range controls only.

   One component now owns the visual surface for day, week, month,
   and year pickers. Native inputs/selects remain the interactive
   controls, but are transparent overlays. This prevents Chromium/
   Edge from painting an extra black date-edit surface in dark mode
   while preserving the browser's native picker behavior.
   ========================================================= */

/* ---------- shared component ---------- */

.lf-period-picker {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  width: max-content;
  min-width: 170px;
  max-width: min(440px, 100%);
  min-height: 44px;
  padding: 0 13px 0 15px;
  overflow: hidden;
  border: 1px solid #ccd5e2;
  border-radius: 12px;
  background: #ffffff;
  color: #172033;
  box-shadow: none;
  box-sizing: border-box;
  cursor: pointer;
  transition:
    border-color 140ms ease,
    box-shadow 140ms ease,
    background 140ms ease;
}

.lf-period-picker-display {
  position: relative;
  z-index: 1;
  display: block;
  min-width: 0;
  max-width: 390px;
  overflow: hidden;
  color: inherit !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
}

.lf-period-picker > [data-lucide="chevron-down"] {
  position: relative;
  z-index: 1;
  width: 15px;
  height: 15px;
  flex: 0 0 15px;
  margin-left: auto;
  color: currentColor;
  stroke-width: 2.35;
  pointer-events: none;
}

.lf-period-picker-native {
  position: absolute !important;
  inset: 0 !important;
  z-index: 3 !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: inherit !important;
  outline: 0 !important;
  opacity: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: transparent !important;
  cursor: pointer !important;
  appearance: auto !important;
  -webkit-appearance: auto !important;
}

.lf-period-picker:focus-within {
  border-color: #7447f7;
  box-shadow: 0 0 0 3px rgba(116, 71, 247, 0.12);
}

/* ---------- Agent Tracker toolbar ---------- */

/* Let content determine the width. Day stays compact; long month/week
   labels naturally grow to the amount of space they need. */

/* Agent editor uses the same visual and picker behavior. */

/* Existing tracker editor input rules should never paint the hidden native
   picker or change the visible LeadFlow shell. */

/* ---------- Leaderboard custom range ---------- */

/* ---------- Light ---------- */

body:not(.app-dark-mode) .lf-period-picker {
  color: #172033 !important;
  border-color: #ccd5e2 !important;
  background: #ffffff !important;
}

body:not(.app-dark-mode) .lf-period-picker:focus-within {
  border-color: #7447f7 !important;
  box-shadow: 0 0 0 3px rgba(116, 71, 247, 0.12) !important;
}

/* ---------- Classic Purple ---------- */

/* ---------- Gold / Black ---------- */

/* No native date/week/month/year surface is visible in either dark theme.
   These selectors deliberately neutralize older global input theme rules. */
body.app-dark-mode .lf-period-picker .lf-period-picker-native,
body.app-dark-mode.app-gold-mode .lf-period-picker .lf-period-picker-native,
body.leaderboard-page-active .lf-period-picker .lf-period-picker-native {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  opacity: 0 !important;
  color: transparent !important;
}

/* ---------- responsive ---------- */

@media (max-width: 900px) {
}

@media (max-width: 760px) {

  .lf-period-picker-display {
    max-width: calc(100vw - 110px);
  }
}


/* =========================================================
   SYSTEM ADMIN AGENCY EDITOR V24
   Reuses the existing User Editor visual system so agency management
   stays consistent across Light, Classic Purple, and Gold/Black.
   ========================================================= */
#agencyEditorModal .organization-drawer-note {
  margin-top: 18px;
}

#agencyEditorModal .organization-drawer-note.hidden {
  display: none !important;
}


/* =========================================================
   PERMANENT ACCOUNT DELETE V25
   Keep irreversible deletion visually separate from ordinary
   deactivate/reactivate account status controls.
   ========================================================= */
.organization-drawer-action.permanent-delete {
  margin-top: 7px;
  border-color: rgba(239, 68, 68, .34) !important;
}

body:not(.app-dark-mode) .organization-drawer-action.permanent-delete {
  color: #b42318 !important;
  background: #fff5f5 !important;
}

.organization-drawer-action.permanent-delete svg {
  color: currentColor !important;
}


/* =========================================================
   POLICY STATUS V26
   Neutral Sold-status dropdown. It inherits LeadFlow's form
   styling in Light, Classic Purple, and Gold/Black themes.
   ========================================================= */
.policy-status-field {
  grid-column: 1 / -1 !important;
  min-width: 0;
}

.policy-status-select {
  width: 100% !important;
  min-width: 0 !important;
}

#soldDetails .policy-status-field,
#todaySoldFields .policy-status-field,
#soldBuilderFields .policy-status-field,
#scheduleActivityPremiumFields .policy-status-field,
#sharedTodaySoldFields .policy-status-field,
#sharedSoldBuilderFields .policy-status-field {
  grid-column: 1 / -1 !important;
}


/* =========================================================
   AGENT TRACKER YEARLY V30
   Uses the same unified period-picker component as day/month/week.
   ========================================================= */

@media (max-width: 760px) {
}

/* =========================================================
   myLeadFlow — luxury theme refinement, October 2026
   Additive visual layer: keep existing geometry, role classes, native
   picker overlays, table behavior and login artwork intact.
   Existing theme names and saved preference values are unchanged.
   ========================================================= */

html[data-leadflow-theme="light"] body[data-leadflow-theme="light"]:not(.app-login-mode) {
  --crm-bg: #f3f4f2;
  --crm-surface: #ffffff;
  --crm-raised: #ffffff;
  --crm-soft: #f6f7f5;
  --crm-hover: #edf0f0;
  --crm-line: #dadfdc;
  --crm-strong: #85908f;
  --crm-text: #192936;
  --crm-secondary: #445560;
  --crm-muted: #5e6c75;
  --crm-accent: #274e76;
  --crm-primary: #274e76;
  --crm-primary-hover: #193b60;
  --crm-on-primary: #ffffff;
  --crm-accent-soft: #eaf0f4;
  --crm-accent-line: #a1b3c1;
  --crm-chart-secondary: #277a87;
  --crm-success: #146948;
  --crm-success-soft: #edf5ee;
  --crm-warning: #82550f;
  --crm-warning-soft: #faf1df;
  --crm-danger: #ab2940;
  --crm-danger-soft: #fbeef0;
  --crm-sidebar: #122331;
  --crm-sidebar-text: #f2f3ef;
  --crm-sidebar-muted: #b6c2c9;
  --crm-sidebar-active: #2c3c48;
  --crm-sidebar-accent: #edd9ae;
  --crm-sidebar-line: #40505a;
  --crm-shadow: 0 5px 18px rgba(22,39,49,.045), 0 1px 2px rgba(22,39,49,.025);
  --crm-scheme: light;
  --crm-trim: #7f6330;
  --crm-trim-line: #c7b58f;
  --crm-trim-soft: #f4efe4;
  --crm-heading: #192936;
  --crm-card-top: #ffffff;
  --crm-card-bottom: #fcfcfa;
  --crm-feature-top: #fbfaf5;
  --crm-sidebar-top: #203441;
  --crm-sidebar-bottom: #10202e;
  --crm-primary-start: #244869;
  --crm-primary-middle: #365b7c;
  --crm-primary-end: #213f60;
  --crm-primary-hover-start: #193b60;
  --crm-primary-hover-middle: #2a4c6b;
  --crm-primary-hover-end: #193753;
  --crm-selection-top: #f2f5f7;
  --crm-selection-bottom: #e4ecf1;
  --crm-sheen: rgba(255,255,255,.8);
  --crm-button-shadow: 0 3px 8px rgba(26,53,75,.13);
  --crm-feature-shadow: 0 10px 28px rgba(22,39,49,.06), inset 0 1px 0 #ffffff;
}

html[data-leadflow-theme="dark"] body[data-leadflow-theme="dark"]:not(.app-login-mode) {
  --crm-bg: #160f20;
  --crm-surface: #23182f;
  --crm-raised: #342340;
  --crm-soft: #2b1f39;
  --crm-hover: #382b47;
  --crm-line: #4a3957;
  --crm-strong: #917d9f;
  --crm-text: #f8f0ff;
  --crm-secondary: #dfd0e9;
  --crm-muted: #c1adce;
  --crm-accent: #d5b7ed;
  --crm-primary: #c6a2e0;
  --crm-primary-hover: #e0c7f0;
  --crm-on-primary: #291638;
  --crm-accent-soft: #3b254c;
  --crm-accent-line: #816194;
  --crm-chart-secondary: #a0bedb;
  --crm-success: #9adbbc;
  --crm-success-soft: #203a32;
  --crm-warning: #edc486;
  --crm-warning-soft: #413324;
  --crm-danger: #ffb3bb;
  --crm-danger-soft: #442737;
  --crm-sidebar: #1b1127;
  --crm-sidebar-text: #f5ecfb;
  --crm-sidebar-muted: #c3acce;
  --crm-sidebar-active: #392548;
  --crm-sidebar-accent: #efdaaf;
  --crm-sidebar-line: #503953;
  --crm-shadow: 0 6px 20px rgba(11,5,19,.2), 0 1px 3px rgba(11,5,19,.15);
  --crm-scheme: dark;
  --crm-trim: #e0c392;
  --crm-trim-line: #776044;
  --crm-trim-soft: #3c3040;
  --crm-heading: #f0debf;
  --crm-card-top: #30203c;
  --crm-card-bottom: #21172e;
  --crm-feature-top: #3a2448;
  --crm-sidebar-top: #2b173c;
  --crm-sidebar-bottom: #180f23;
  --crm-primary-start: #b993d2;
  --crm-primary-middle: #e5d0f2;
  --crm-primary-end: #c4a1dd;
  --crm-primary-hover-start: #d3b4e7;
  --crm-primary-hover-middle: #f0e1f8;
  --crm-primary-hover-end: #dbbfeb;
  --crm-selection-top: #49315b;
  --crm-selection-bottom: #352144;
  --crm-sheen: rgba(230,198,248,.13);
  --crm-button-shadow: 0 4px 12px rgba(12,5,23,.25);
  --crm-feature-shadow: 0 12px 32px rgba(9,4,16,.24), inset 0 1px 0 rgba(237,211,255,.1);
}

html[data-leadflow-theme="gold"] body[data-leadflow-theme="gold"]:not(.app-login-mode) {
  --crm-bg: #101215;
  --crm-surface: #181b1f;
  --crm-raised: #25282c;
  --crm-soft: #1e2227;
  --crm-hover: #2b2e31;
  --crm-line: #464237;
  --crm-strong: #91836b;
  --crm-text: #f7f1e4;
  --crm-secondary: #ded3bf;
  --crm-muted: #bfb299;
  --crm-accent: #e7ca86;
  --crm-primary: #d9b96b;
  --crm-primary-hover: #ead094;
  --crm-on-primary: #241c0d;
  --crm-accent-soft: #302a1e;
  --crm-accent-line: #967943;
  --crm-chart-secondary: #98bfcb;
  --crm-success: #94d8b5;
  --crm-success-soft: #1e382c;
  --crm-warning: #efbb7e;
  --crm-warning-soft: #3d2d1d;
  --crm-danger: #ffb1b6;
  --crm-danger-soft: #422a2d;
  --crm-sidebar: #121416;
  --crm-sidebar-text: #f4ecdb;
  --crm-sidebar-muted: #beb097;
  --crm-sidebar-active: #302a1e;
  --crm-sidebar-accent: #eed398;
  --crm-sidebar-line: #50452f;
  --crm-shadow: 0 6px 20px rgba(0,0,0,.22), 0 1px 3px rgba(0,0,0,.2);
  --crm-scheme: dark;
  --crm-trim: #e7ca86;
  --crm-trim-line: #947947;
  --crm-trim-soft: #302a1e;
  --crm-heading: #edd49b;
  --crm-card-top: #222427;
  --crm-card-bottom: #16191d;
  --crm-feature-top: #2d2b24;
  --crm-sidebar-top: #211f1a;
  --crm-sidebar-bottom: #0f1215;
  --crm-primary-start: #c3a05b;
  --crm-primary-middle: #f0dca4;
  --crm-primary-end: #d0ac63;
  --crm-primary-hover-start: #dfc181;
  --crm-primary-hover-middle: #f8e8bd;
  --crm-primary-hover-end: #e4c787;
  --crm-selection-top: #403722;
  --crm-selection-bottom: #2a251b;
  --crm-sheen: rgba(241,211,151,.14);
  --crm-button-shadow: 0 4px 12px rgba(0,0,0,.24);
  --crm-feature-shadow: 0 12px 32px rgba(0,0,0,.26), inset 0 1px 0 rgba(242,213,154,.12);
}

html[data-leadflow-theme] body[data-leadflow-theme]:not(.app-login-mode) {
  --bg: var(--crm-bg) !important;
  --panel: var(--crm-surface) !important;
  --panel-soft: var(--crm-soft) !important;
  --text: var(--crm-text) !important;
  --muted: var(--crm-muted) !important;
  --line: var(--crm-line) !important;
  --purple: var(--crm-primary) !important;
  --purple-2: var(--crm-accent) !important;
  --purple-3: var(--crm-primary-hover) !important;
  --purple-soft: var(--crm-accent-soft) !important;
  --blue: var(--crm-accent) !important;
  --blue-soft: var(--crm-accent-soft) !important;
  --green: var(--crm-success) !important;
  --green-soft: var(--crm-success-soft) !important;
  --orange: var(--crm-warning) !important;
  --orange-soft: var(--crm-warning-soft) !important;
  --red: var(--crm-danger) !important;
  --red-soft: var(--crm-danger-soft) !important;
  --lf-bg: var(--crm-bg) !important;
  --lf-surface: var(--crm-surface) !important;
  --lf-surface-raised: var(--crm-raised) !important;
  --lf-surface-soft: var(--crm-soft) !important;
  --lf-surface-muted: var(--crm-hover) !important;
  --lf-border: var(--crm-line) !important;
  --lf-border-strong: var(--crm-strong) !important;
  --lf-text: var(--crm-text) !important;
  --lf-text-soft: var(--crm-secondary) !important;
  --lf-muted: var(--crm-muted) !important;
  --lf-placeholder: var(--crm-muted) !important;
  --lf-accent: var(--crm-accent) !important;
  --lf-accent-strong: var(--crm-primary) !important;
  --lf-accent-soft: var(--crm-accent-soft) !important;
  --lf-success: var(--crm-success) !important;
  --lf-warning: var(--crm-warning) !important;
  --lf-danger: var(--crm-danger) !important;
  --lf-info: var(--crm-accent) !important;
  --dm-bg: var(--crm-bg) !important;
  --dm-bg-2: var(--crm-soft) !important;
  --dm-panel: var(--crm-surface) !important;
  --dm-panel-strong: var(--crm-raised) !important;
  --dm-panel-soft: var(--crm-soft) !important;
  --dm-panel-hover: var(--crm-hover) !important;
  --dm-border: var(--crm-line) !important;
  --dm-border-strong: var(--crm-strong) !important;
  --dm-text: var(--crm-text) !important;
  --dm-text-soft: var(--crm-secondary) !important;
  --dm-muted: var(--crm-muted) !important;
  --dm-purple: var(--crm-accent) !important;
  --dm-purple-strong: var(--crm-primary) !important;
  --dm-blue: var(--crm-accent) !important;
  --dm-green: var(--crm-success) !important;
  --dm-orange: var(--crm-warning) !important;
  --dm-red: var(--crm-danger) !important;
  --pro-light-bg: var(--crm-bg) !important;
  --pro-light-panel: var(--crm-surface) !important;
  --pro-light-panel-raised: var(--crm-raised) !important;
  --pro-light-panel-soft: var(--crm-soft) !important;
  --pro-light-panel-muted: var(--crm-soft) !important;
  --pro-light-panel-hover: var(--crm-hover) !important;
  --pro-light-card: var(--crm-surface) !important;
  --pro-light-card-raised: var(--crm-raised) !important;
  --pro-light-card-soft: var(--crm-soft) !important;
  --pro-light-text: var(--crm-text) !important;
  --pro-light-text-soft: var(--crm-secondary) !important;
  --pro-light-muted: var(--crm-muted) !important;
  --pro-light-muted-2: var(--crm-muted) !important;
  --pro-light-faint: var(--crm-muted) !important;
  --pro-light-line: var(--crm-line) !important;
  --pro-light-line-strong: var(--crm-strong) !important;
  --pro-light-border: var(--crm-line) !important;
  --pro-light-border-strong: var(--crm-strong) !important;
  --pro-light-accent: var(--crm-accent) !important;
  --pro-light-accent-strong: var(--crm-primary) !important;
  --pro-light-accent-soft: var(--crm-accent-soft) !important;
  --pro-light-accent-bright: var(--crm-accent) !important;
  --pro-light-accent-deep: var(--crm-primary) !important;
  --pro-light-shadow: var(--crm-shadow) !important;
  --pro-light-shadow-raised: var(--crm-shadow) !important;
  --pro-gold-bg: var(--crm-bg) !important;
  --pro-gold-panel: var(--crm-surface) !important;
  --pro-gold-panel-raised: var(--crm-raised) !important;
  --pro-gold-panel-soft: var(--crm-soft) !important;
  --pro-gold-panel-muted: var(--crm-soft) !important;
  --pro-gold-panel-hover: var(--crm-hover) !important;
  --pro-gold-card: var(--crm-surface) !important;
  --pro-gold-card-raised: var(--crm-raised) !important;
  --pro-gold-card-soft: var(--crm-soft) !important;
  --pro-gold-text: var(--crm-text) !important;
  --pro-gold-text-soft: var(--crm-secondary) !important;
  --pro-gold-muted: var(--crm-muted) !important;
  --pro-gold-muted-2: var(--crm-muted) !important;
  --pro-gold-faint: var(--crm-muted) !important;
  --pro-gold-line: var(--crm-line) !important;
  --pro-gold-line-strong: var(--crm-strong) !important;
  --pro-gold-border: var(--crm-line) !important;
  --pro-gold-border-strong: var(--crm-strong) !important;
  --pro-gold-accent: var(--crm-accent) !important;
  --pro-gold-accent-strong: var(--crm-primary) !important;
  --pro-gold-accent-soft: var(--crm-accent-soft) !important;
  --pro-gold-accent-bright: var(--crm-accent) !important;
  --pro-gold-accent-deep: var(--crm-primary) !important;
  --pro-gold-shadow: var(--crm-shadow) !important;
  --pro-gold-shadow-raised: var(--crm-shadow) !important;
  --gold-bg: var(--crm-bg) !important;
  --gold-panel: var(--crm-surface) !important;
  --gold-panel-raised: var(--crm-raised) !important;
  --gold-panel-soft: var(--crm-soft) !important;
  --gold-panel-muted: var(--crm-soft) !important;
  --gold-panel-hover: var(--crm-hover) !important;
  --gold-card: var(--crm-surface) !important;
  --gold-card-raised: var(--crm-raised) !important;
  --gold-card-soft: var(--crm-soft) !important;
  --gold-text: var(--crm-text) !important;
  --gold-text-soft: var(--crm-secondary) !important;
  --gold-muted: var(--crm-muted) !important;
  --gold-muted-2: var(--crm-muted) !important;
  --gold-faint: var(--crm-muted) !important;
  --gold-line: var(--crm-line) !important;
  --gold-line-strong: var(--crm-strong) !important;
  --gold-border: var(--crm-line) !important;
  --gold-border-strong: var(--crm-strong) !important;
  --gold-accent: var(--crm-accent) !important;
  --gold-accent-strong: var(--crm-primary) !important;
  --gold-accent-soft: var(--crm-accent-soft) !important;
  --gold-accent-bright: var(--crm-accent) !important;
  --gold-accent-deep: var(--crm-primary) !important;
  --gold-shadow: var(--crm-shadow) !important;
  --gold-shadow-raised: var(--crm-shadow) !important;
  --pro-gold: var(--crm-primary) !important;
  --pro-gold-bright: var(--crm-accent) !important;
  --pro-gold-deep: var(--crm-primary-hover) !important;
  --pro-gold-metal: var(--crm-primary) !important;
  --pro-gold-metal-soft: var(--crm-accent-soft) !important;
  --gold-premium: var(--crm-accent) !important;
  --gold-premium-soft: var(--crm-primary) !important;
  --gold-premium-muted: var(--crm-muted) !important;
  --gold-premium-faint: var(--crm-accent-soft) !important;
  --gold-premium-line: var(--crm-line) !important;
  --gold-premium-line-strong: var(--crm-strong) !important;
  color: var(--crm-text) !important;
  background: var(--crm-bg) !important;
}

html[data-leadflow-theme] body[data-leadflow-theme]:not(.app-login-mode) :is(
  .modal-content,
  .today-call-modal-card,
  .schedule-activity-dialog,
  .connected-lead-data-dialog,
  .user-editor-dialog,
  .leadflow-dialog-card,
  .monthly-goal-dialog,
  .lead-investment-dialog,
  .tracker-history-transfer-dialog,
  .tracker-agent-edit-card
) {
  background: var(--crm-surface) !important;
  color: var(--crm-text) !important;
  border-color: var(--crm-line) !important;
  box-shadow: 0 24px 80px rgba(5,15,30,.24) !important;
}

/* Sidebar: same navigation and collapse behavior, quieter surfaces. */

/* Controls: color-only rules deliberately exclude invisible native picker inputs. */

html[data-leadflow-theme] body[data-leadflow-theme]:not(.app-login-mode) :is(#appScreen, #formModal, #userEditorModal, #agencyEditorModal, #scheduleActivityModal, #scheduleRescheduleModal, #monthlyGoalModal, #leadInvestmentModal, #trackerHistoryTransferModal, .leadflow-dialog-card) :is(input:not([type="checkbox"]):not([type="radio"]):not(.lf-period-picker-native), select, textarea) {
  background-color: var(--crm-soft) !important;
  color: var(--crm-text) !important;
  -webkit-text-fill-color: var(--crm-text) !important;
  border-color: var(--crm-strong) !important;
  box-shadow: none !important;
  color-scheme: var(--crm-scheme) !important;
}

html[data-leadflow-theme] body[data-leadflow-theme]:not(.app-login-mode) :is(#appScreen, #formModal, #userEditorModal, #agencyEditorModal, #scheduleActivityModal, #scheduleRescheduleModal, #monthlyGoalModal, #leadInvestmentModal, #trackerHistoryTransferModal, .leadflow-dialog-card) :is(input, textarea)::placeholder {
  color: var(--crm-muted) !important;
  -webkit-text-fill-color: var(--crm-muted) !important;
  opacity: 1 !important;
}

html[data-leadflow-theme] body[data-leadflow-theme]:not(.app-login-mode) :is(#appScreen, #formModal, #userEditorModal, #agencyEditorModal, #scheduleActivityModal, #scheduleRescheduleModal, #monthlyGoalModal, #leadInvestmentModal, #trackerHistoryTransferModal, .leadflow-dialog-card) select option {
  background: var(--crm-surface) !important;
  color: var(--crm-text) !important;
}

html[data-leadflow-theme] body[data-leadflow-theme]:not(.app-login-mode) :is(#appScreen, #formModal, #userEditorModal, #agencyEditorModal, #scheduleActivityModal, #scheduleRescheduleModal, #monthlyGoalModal, #leadInvestmentModal, #trackerHistoryTransferModal, .leadflow-dialog-card) :is(button, input, select, textarea, summary, [role="button"]):focus-visible {
  outline: 2px solid var(--crm-accent) !important;
  outline-offset: 3px !important;
  box-shadow: none !important;
  border-color: var(--crm-accent) !important;
}

html[data-leadflow-theme] body[data-leadflow-theme]:not(.app-login-mode) :is(#appScreen, #formModal, #userEditorModal, #agencyEditorModal, #scheduleActivityModal, #scheduleRescheduleModal, #monthlyGoalModal, #leadInvestmentModal, #trackerHistoryTransferModal, .leadflow-dialog-card) :is(input[type="checkbox"], input[type="radio"]) {
  accent-color: var(--crm-primary) !important;
}

html[data-leadflow-theme] body[data-leadflow-theme]:not(.app-login-mode) :is(#appScreen, #formModal, #userEditorModal, #agencyEditorModal, #scheduleActivityModal, #scheduleRescheduleModal, #monthlyGoalModal, #leadInvestmentModal, #trackerHistoryTransferModal, .leadflow-dialog-card) :is(
  .primary-gradient-btn,
  .lead-save-activity-btn,
  .today-call-save-btn,
  .monthly-goal-edit-button,
  .organization-view-tab.active,
  .leads-root-tab.active-tab,
  .shared-root-tab.active-tab,
  .shared-tab.active-tab,
  .settings-tab-button.active,
  .tracker-view-tab.active-tab,
  .tracker-range-btn.active-tab,
  .performance-tab.active-tab,
  .organization-filter-btn.active,
  .organization-v2-view-tab.active,
  button.active-page,
  .tracker-agent-page-button.active,
  .active-tab
),
html[data-leadflow-theme] body[data-leadflow-theme]:not(.app-login-mode) #appScreen :is(#dashboardPage, #leaderboardPage, #leadsPage, #agentTrackerPage, #sharedLeadsPage, #sharedSourcePage, #sharedLeadDetailPage, #todayCallsPage, #answeredLeadsPage, #unansweredPage, #schedulePage, #settingsPage, #leadDetailPage) :is(
  .primary-gradient-btn,
  .lead-save-activity-btn,
  .today-call-save-btn,
  .monthly-goal-edit-button,
  .organization-view-tab.active,
  .leads-root-tab.active-tab,
  .shared-root-tab.active-tab,
  .shared-tab.active-tab,
  .settings-tab-button.active,
  .tracker-view-tab.active-tab,
  .tracker-range-btn.active-tab,
  .performance-tab.active-tab,
  .organization-filter-btn.active,
  .organization-v2-view-tab.active,
  button.active-page,
  .tracker-agent-page-button.active,
  .active-tab
) {
  background: var(--crm-primary) !important;
  color: var(--crm-on-primary) !important;
  -webkit-text-fill-color: var(--crm-on-primary) !important;
  border-color: var(--crm-primary) !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

html[data-leadflow-theme] body[data-leadflow-theme]:not(.app-login-mode) :is(#appScreen, #formModal, #userEditorModal, #agencyEditorModal, #scheduleActivityModal, #scheduleRescheduleModal, #monthlyGoalModal, #leadInvestmentModal, #trackerHistoryTransferModal, .leadflow-dialog-card) :is(
  .primary-gradient-btn,
  .lead-save-activity-btn,
  .today-call-save-btn,
  .monthly-goal-edit-button,
  .organization-view-tab.active,
  .leads-root-tab.active-tab,
  .shared-root-tab.active-tab,
  .shared-tab.active-tab,
  .settings-tab-button.active,
  .tracker-view-tab.active-tab,
  .tracker-range-btn.active-tab,
  .performance-tab.active-tab,
  .organization-filter-btn.active,
  .organization-v2-view-tab.active,
  button.active-page,
  .tracker-agent-page-button.active,
  .active-tab
) :is(span, strong, small, svg, i),
html[data-leadflow-theme] body[data-leadflow-theme]:not(.app-login-mode) #appScreen :is(#dashboardPage, #leaderboardPage, #leadsPage, #agentTrackerPage, #sharedLeadsPage, #sharedSourcePage, #sharedLeadDetailPage, #todayCallsPage, #answeredLeadsPage, #unansweredPage, #schedulePage, #settingsPage, #leadDetailPage) :is(
  .primary-gradient-btn,
  .lead-save-activity-btn,
  .today-call-save-btn,
  .monthly-goal-edit-button,
  .organization-view-tab.active,
  .leads-root-tab.active-tab,
  .shared-root-tab.active-tab,
  .shared-tab.active-tab,
  .settings-tab-button.active,
  .tracker-view-tab.active-tab,
  .tracker-range-btn.active-tab,
  .performance-tab.active-tab,
  .organization-filter-btn.active,
  .organization-v2-view-tab.active,
  button.active-page,
  .tracker-agent-page-button.active,
  .active-tab
) :is(span, strong, small, svg, i) {
  color: var(--crm-on-primary) !important;
  -webkit-text-fill-color: var(--crm-on-primary) !important;
}

html[data-leadflow-theme] body[data-leadflow-theme]:not(.app-login-mode) :is(#appScreen, #formModal, #userEditorModal, #agencyEditorModal, #scheduleActivityModal, #scheduleRescheduleModal, #monthlyGoalModal, #leadInvestmentModal, #trackerHistoryTransferModal, .leadflow-dialog-card) :is(
  .organization-view-tab.active,
  .leads-root-tab.active-tab,
  .shared-root-tab.active-tab,
  .shared-tab.active-tab,
  .settings-tab-button.active,
  .tracker-view-tab.active-tab,
  .tracker-range-btn.active-tab,
  .performance-tab.active-tab,
  .organization-filter-btn.active,
  .organization-v2-view-tab.active,
  button.active-page,
  .tracker-agent-page-button.active
),
html[data-leadflow-theme] body[data-leadflow-theme]:not(.app-login-mode) #appScreen :is(#dashboardPage, #leaderboardPage, #leadsPage, #agentTrackerPage, #sharedLeadsPage, #sharedSourcePage, #sharedLeadDetailPage, #todayCallsPage, #answeredLeadsPage, #unansweredPage, #schedulePage, #settingsPage, #leadDetailPage) :is(
  .organization-view-tab.active,
  .leads-root-tab.active-tab,
  .shared-root-tab.active-tab,
  .shared-tab.active-tab,
  .settings-tab-button.active,
  .tracker-view-tab.active-tab,
  .tracker-range-btn.active-tab,
  .performance-tab.active-tab,
  .organization-filter-btn.active,
  .organization-v2-view-tab.active,
  button.active-page,
  .tracker-agent-page-button.active
) {
  background: var(--crm-accent-soft) !important;
  color: var(--crm-accent) !important;
  -webkit-text-fill-color: var(--crm-accent) !important;
  border-color: var(--crm-accent-line) !important;
  box-shadow: none !important;
}

html[data-leadflow-theme] body[data-leadflow-theme]:not(.app-login-mode) :is(#appScreen, #formModal, #userEditorModal, #agencyEditorModal, #scheduleActivityModal, #scheduleRescheduleModal, #monthlyGoalModal, #leadInvestmentModal, #trackerHistoryTransferModal, .leadflow-dialog-card) :is(
  .organization-view-tab.active,
  .leads-root-tab.active-tab,
  .shared-root-tab.active-tab,
  .shared-tab.active-tab,
  .settings-tab-button.active,
  .tracker-view-tab.active-tab,
  .tracker-range-btn.active-tab,
  .performance-tab.active-tab,
  .organization-filter-btn.active,
  .organization-v2-view-tab.active,
  button.active-page,
  .tracker-agent-page-button.active
) :is(span, strong, small, svg, i),
html[data-leadflow-theme] body[data-leadflow-theme]:not(.app-login-mode) #appScreen :is(#dashboardPage, #leaderboardPage, #leadsPage, #agentTrackerPage, #sharedLeadsPage, #sharedSourcePage, #sharedLeadDetailPage, #todayCallsPage, #answeredLeadsPage, #unansweredPage, #schedulePage, #settingsPage, #leadDetailPage) :is(
  .organization-view-tab.active,
  .leads-root-tab.active-tab,
  .shared-root-tab.active-tab,
  .shared-tab.active-tab,
  .settings-tab-button.active,
  .tracker-view-tab.active-tab,
  .tracker-range-btn.active-tab,
  .performance-tab.active-tab,
  .organization-filter-btn.active,
  .organization-v2-view-tab.active,
  button.active-page,
  .tracker-agent-page-button.active
) :is(span, strong, small, svg, i) {
  color: var(--crm-accent) !important;
  -webkit-text-fill-color: var(--crm-accent) !important;
}

html[data-leadflow-theme] body[data-leadflow-theme]:not(.app-login-mode) :is(#appScreen, #formModal, #userEditorModal, #agencyEditorModal, #scheduleActivityModal, #scheduleRescheduleModal, #monthlyGoalModal, #leadInvestmentModal, #trackerHistoryTransferModal, .leadflow-dialog-card) .primary-gradient-btn:not(:disabled):hover {
  background: var(--crm-primary-hover) !important;
}

html[data-leadflow-theme] body[data-leadflow-theme]:not(.app-login-mode) :is(#appScreen, #formModal, #userEditorModal, #agencyEditorModal, #scheduleActivityModal, #scheduleRescheduleModal, #monthlyGoalModal, #leadInvestmentModal, #trackerHistoryTransferModal, .leadflow-dialog-card) :is(
  .light-action-btn,
  .small-btn,
  .tracker-view-tab:not(.active-tab),
  .tracker-range-btn:not(.active-tab),
  .performance-tab:not(.active-tab),
  .settings-tab-button:not(.active),
  .organization-filter-btn:not(.active),
  .organization-v2-view-tab:not(.active),
  .shared-tab:not(.active-tab),
  .leads-root-tab:not(.active-tab),
  .shared-root-tab:not(.active-tab),
  .today-call-modal-cancel,
  .schedule-activity-cancel,
  .leadflow-dialog-cancel
) {
  background: var(--crm-surface) !important;
  color: var(--crm-secondary) !important;
  border-color: var(--crm-strong) !important;
  box-shadow: none !important;
}

/* Semantics remain explicit: green success, amber caution, red danger. */

html[data-leadflow-theme] body[data-leadflow-theme]:not(.app-login-mode) :is(#appScreen, #formModal, #userEditorModal, #agencyEditorModal, #scheduleActivityModal, #scheduleRescheduleModal, #monthlyGoalModal, #leadInvestmentModal, #trackerHistoryTransferModal, .leadflow-dialog-card) :is(
  .danger,
  .danger-btn,
  .danger-action-btn,
  .delete-btn
) {
  background: var(--crm-danger-soft) !important;
  color: var(--crm-danger) !important;
  -webkit-text-fill-color: var(--crm-danger) !important;
  border-color: var(--crm-danger) !important;
}

html[data-leadflow-theme] body[data-leadflow-theme]:not(.app-login-mode) :is(#appScreen, #formModal, #userEditorModal, #agencyEditorModal, #scheduleActivityModal, #scheduleRescheduleModal, #monthlyGoalModal, #leadInvestmentModal, #trackerHistoryTransferModal, .leadflow-dialog-card) :is(
  .error-text,
  .negative,
  .delta-negative
) {
  color: var(--crm-danger) !important;
}

html[data-leadflow-theme] body[data-leadflow-theme]:not(.app-login-mode) :is(#appScreen, #formModal, #userEditorModal, #agencyEditorModal, #scheduleActivityModal, #scheduleRescheduleModal, #monthlyGoalModal, #leadInvestmentModal, #trackerHistoryTransferModal, .leadflow-dialog-card) :is(
  .positive,
  .delta-positive
) {
  color: var(--crm-success) !important;
}

/* Dialer is fully scoped; no grid/spacing overrides of existing pages. */

/* Theme finish: remaining legacy surfaces and interaction states.
   These declarations change color, shadow and focus treatment only. */

html[data-leadflow-theme] body[data-leadflow-theme]:not(.app-login-mode) {
  color-scheme: var(--crm-scheme) !important;
}

html[data-leadflow-theme] body[data-leadflow-theme]:not(.app-login-mode) :is(#appScreen, #formModal, #userEditorModal, #agencyEditorModal, #scheduleActivityModal, #scheduleRescheduleModal, #monthlyGoalModal, #leadInvestmentModal, #trackerHistoryTransferModal, .leadflow-dialog-card) :is(
  .light-action-btn,
  .small-btn,
  .tracker-view-tab:not(.active-tab),
  .tracker-range-btn:not(.active-tab),
  .performance-tab:not(.active-tab),
  .settings-tab-button:not(.active),
  .organization-filter-btn:not(.active),
  .organization-v2-view-tab:not(.active),
  .shared-tab:not(.active-tab),
  .leads-root-tab:not(.active-tab),
  .shared-root-tab:not(.active-tab),
  .today-call-modal-cancel,
  .schedule-activity-cancel,
  .leadflow-dialog-cancel
) {
  border-color: var(--crm-line) !important;
}

html[data-leadflow-theme] body[data-leadflow-theme]:not(.app-login-mode) :is(#appScreen, #formModal, #userEditorModal, #agencyEditorModal, #scheduleActivityModal, #scheduleRescheduleModal, #monthlyGoalModal, #leadInvestmentModal, #trackerHistoryTransferModal, .leadflow-dialog-card) :is(
  .light-action-btn,
  .small-btn,
  .tracker-view-tab:not(.active-tab),
  .tracker-range-btn:not(.active-tab),
  .performance-tab:not(.active-tab),
  .settings-tab-button:not(.active),
  .organization-filter-btn:not(.active),
  .organization-v2-view-tab:not(.active),
  .shared-tab:not(.active-tab),
  .leads-root-tab:not(.active-tab),
  .shared-root-tab:not(.active-tab),
  .today-call-modal-cancel,
  .schedule-activity-cancel,
  .leadflow-dialog-cancel,
  .dark-action-btn,
  .organization-row-menu,
  .tracker-agent-actions-button
):not(:disabled):hover {
  background: var(--crm-hover) !important;
  color: var(--crm-text) !important;
  -webkit-text-fill-color: var(--crm-text) !important;
  border-color: var(--crm-strong) !important;
  box-shadow: none !important;
}

html[data-leadflow-theme] body[data-leadflow-theme]:not(.app-login-mode) :is(.monthly-goal-dialog-icon, .lead-investment-dialog-icon) {
  background: var(--crm-accent-soft) !important;
  color: var(--crm-accent) !important;
  -webkit-text-fill-color: var(--crm-accent) !important;
  box-shadow: none !important;
}

html[data-leadflow-theme] body[data-leadflow-theme]:not(.app-login-mode) :is(.monthly-goal-modal-close, .lead-investment-modal-close, .user-editor-close, .schedule-activity-close) {
  background: var(--crm-soft) !important;
  color: var(--crm-secondary) !important;
  border-color: var(--crm-line) !important;
  box-shadow: none !important;
}

html[data-leadflow-theme] body[data-leadflow-theme]:not(.app-login-mode) :is(.monthly-goal-input-wrap, .lead-investment-input-wrap) {
  background: var(--crm-soft) !important;
  color: var(--crm-text) !important;
  border-color: var(--crm-strong) !important;
}

html[data-leadflow-theme] body[data-leadflow-theme]:not(.app-login-mode) :is(.monthly-goal-input-wrap, .lead-investment-input-wrap) > span {
  color: var(--crm-accent) !important;
  -webkit-text-fill-color: var(--crm-accent) !important;
}

html[data-leadflow-theme] body[data-leadflow-theme]:not(.app-login-mode) :is(.monthly-goal-dialog, .lead-investment-dialog, .user-editor-dialog, .schedule-activity-dialog) :is(.eyebrow, p, small) {
  color: var(--crm-muted) !important;
  -webkit-text-fill-color: var(--crm-muted) !important;
}

/* Luxury finish. Materials and typography only: no new wrappers,
   layout changes, external fonts, assets, requests, or theme preference values.
   Strong action colors are separate from decorative champagne trim.
   Financial figures, form labels and tables keep their existing UI typeface. */

html[data-leadflow-theme] body[data-leadflow-theme]:not(.app-login-mode) {
  --crm-card-finish: linear-gradient(145deg, var(--crm-card-top) 0%, var(--crm-surface) 46%, var(--crm-card-bottom) 100%) !important;
  --crm-feature-finish: linear-gradient(125deg, var(--crm-feature-top), var(--crm-surface) 68%) !important;
  --crm-primary-finish: linear-gradient(115deg, var(--crm-primary-start) 0%, var(--crm-primary-middle) 49%, var(--crm-primary-end) 100%) !important;
  --crm-primary-hover-finish: linear-gradient(115deg, var(--crm-primary-hover-start), var(--crm-primary-hover-middle) 49%, var(--crm-primary-hover-end)) !important;
  --crm-selection-finish: linear-gradient(115deg, var(--crm-selection-top), var(--crm-selection-bottom)) !important;
  --crm-display-font: Georgia, "Times New Roman", serif !important;
}

html[data-leadflow-theme] body[data-leadflow-theme]:not(.app-login-mode) :is(
  .modal-content,
  .today-call-modal-card,
  .schedule-activity-dialog,
  .connected-lead-data-dialog,
  .user-editor-dialog,
  .leadflow-dialog-card,
  .monthly-goal-dialog,
  .lead-investment-dialog,
  .tracker-history-transfer-dialog,
  .tracker-agent-edit-card
) {
  background-color: var(--crm-surface) !important;
  background-image: var(--crm-card-finish) !important;
  border-color: var(--crm-trim-line) !important;
  box-shadow: 0 24px 80px rgba(5,10,18,.38), inset 0 1px 0 var(--crm-sheen) !important;
}

html[data-leadflow-theme] body[data-leadflow-theme]:not(.app-login-mode) :is(#appScreen, #formModal, #userEditorModal, #agencyEditorModal, #scheduleActivityModal, #scheduleRescheduleModal, #monthlyGoalModal, #leadInvestmentModal, #trackerHistoryTransferModal, .leadflow-dialog-card) :is(
  button.primary-gradient-btn:not(.active-tab),
  button.lead-save-activity-btn:not(.active-tab),
  button.today-call-save-btn:not(.active-tab),
  button.monthly-goal-edit-button:not(.active-tab)
),
html[data-leadflow-theme] body[data-leadflow-theme]:not(.app-login-mode) #appScreen :is(#dashboardPage, #leaderboardPage, #leadsPage, #agentTrackerPage, #sharedLeadsPage, #sharedSourcePage, #sharedLeadDetailPage, #todayCallsPage, #answeredLeadsPage, #unansweredPage, #schedulePage, #settingsPage, #leadDetailPage) :is(
  button.primary-gradient-btn:not(.active-tab),
  button.lead-save-activity-btn:not(.active-tab),
  button.today-call-save-btn:not(.active-tab),
  button.monthly-goal-edit-button:not(.active-tab)
),
html[data-leadflow-theme] body[data-leadflow-theme]:not(.app-login-mode) #appScreen #dialerPage .dialer-primary {
  background-color: var(--crm-primary) !important;
  background-image: var(--crm-primary-finish) !important;
  color: var(--crm-on-primary) !important;
  -webkit-text-fill-color: var(--crm-on-primary) !important;
  border-color: var(--crm-primary-start) !important;
  box-shadow: var(--crm-button-shadow), inset 0 1px 0 var(--crm-sheen) !important;
  text-shadow: none !important;
}

html[data-leadflow-theme] body[data-leadflow-theme]:not(.app-login-mode) :is(#appScreen, #formModal, #userEditorModal, #agencyEditorModal, #scheduleActivityModal, #scheduleRescheduleModal, #monthlyGoalModal, #leadInvestmentModal, #trackerHistoryTransferModal, .leadflow-dialog-card) :is(
  button.primary-gradient-btn:not(.active-tab),
  button.lead-save-activity-btn:not(.active-tab),
  button.today-call-save-btn:not(.active-tab),
  button.monthly-goal-edit-button:not(.active-tab)
):not(:disabled):hover,
html[data-leadflow-theme] body[data-leadflow-theme]:not(.app-login-mode) #appScreen :is(#dashboardPage, #leaderboardPage, #leadsPage, #agentTrackerPage, #sharedLeadsPage, #sharedSourcePage, #sharedLeadDetailPage, #todayCallsPage, #answeredLeadsPage, #unansweredPage, #schedulePage, #settingsPage, #leadDetailPage) :is(
  button.primary-gradient-btn:not(.active-tab),
  button.lead-save-activity-btn:not(.active-tab),
  button.today-call-save-btn:not(.active-tab),
  button.monthly-goal-edit-button:not(.active-tab)
):not(:disabled):hover,
html[data-leadflow-theme] body[data-leadflow-theme]:not(.app-login-mode) #appScreen #dialerPage .dialer-primary:not(:disabled):hover {
  background-color: var(--crm-primary-hover) !important;
  background-image: var(--crm-primary-hover-finish) !important;
  border-color: var(--crm-primary-hover-start) !important;
  box-shadow: var(--crm-button-shadow), inset 0 1px 0 var(--crm-sheen) !important;
}

html[data-leadflow-theme] body[data-leadflow-theme]:not(.app-login-mode) :is(#appScreen, #formModal, #userEditorModal, #agencyEditorModal, #scheduleActivityModal, #scheduleRescheduleModal, #monthlyGoalModal, #leadInvestmentModal, #trackerHistoryTransferModal, .leadflow-dialog-card) :is(
  .organization-view-tab.active,
  .leads-root-tab.active-tab,
  .shared-root-tab.active-tab,
  .shared-tab.active-tab,
  .settings-tab-button.active,
  .tracker-view-tab.active-tab,
  .tracker-range-btn.active-tab,
  .performance-tab.active-tab,
  .organization-filter-btn.active,
  .organization-v2-view-tab.active,
  button.active-page,
  .tracker-agent-page-button.active
),
html[data-leadflow-theme] body[data-leadflow-theme]:not(.app-login-mode) #appScreen :is(#dashboardPage, #leaderboardPage, #leadsPage, #agentTrackerPage, #sharedLeadsPage, #sharedSourcePage, #sharedLeadDetailPage, #todayCallsPage, #answeredLeadsPage, #unansweredPage, #schedulePage, #settingsPage, #leadDetailPage) :is(
  .organization-view-tab.active,
  .leads-root-tab.active-tab,
  .shared-root-tab.active-tab,
  .shared-tab.active-tab,
  .settings-tab-button.active,
  .tracker-view-tab.active-tab,
  .tracker-range-btn.active-tab,
  .performance-tab.active-tab,
  .organization-filter-btn.active,
  .organization-v2-view-tab.active,
  button.active-page,
  .tracker-agent-page-button.active
) {
  background-color: var(--crm-accent-soft) !important;
  background-image: var(--crm-selection-finish) !important;
  border-color: var(--crm-accent-line) !important;
  box-shadow: inset 0 1px 0 var(--crm-sheen) !important;
}

html[data-leadflow-theme] body[data-leadflow-theme]:not(.app-login-mode) :is(#appScreen, #formModal, #userEditorModal, #agencyEditorModal, #scheduleActivityModal, #scheduleRescheduleModal, #monthlyGoalModal, #leadInvestmentModal, #trackerHistoryTransferModal, .leadflow-dialog-card) :is(input:not([type="checkbox"]):not([type="radio"]):not(.lf-period-picker-native), select, textarea) {
  box-shadow: inset 0 1px 2px rgba(0,0,0,.035) !important;
}

html[data-leadflow-theme] body[data-leadflow-theme]:not(.app-login-mode) :is(#appScreen, #formModal, #userEditorModal, #agencyEditorModal, #scheduleActivityModal, #scheduleRescheduleModal, #monthlyGoalModal, #leadInvestmentModal, #trackerHistoryTransferModal, .leadflow-dialog-card) :is(button, input, select, textarea, summary, [role="button"]):focus-visible {
  outline: 2px solid var(--crm-accent) !important;
  outline-offset: 3px !important;
  box-shadow: none !important;
  border-color: var(--crm-accent) !important;
}
/* The columns fit a 1280px desktop including the existing 230px sidebar.
   Smaller screens move insights below, then stack without hiding content. */
@media (max-width: 1279px) {
}
/* The phone drawer does not reserve a desktop sidebar track. */
@media (max-width: 767px) {
}
@media (max-width: 930px) {
}
@media (max-width: 520px) {
}


/* =========================================================
   LEAD PROFILE — POLICY + COMMISSION WORKFLOW (V32)
   Added only to normal Lead profiles; existing icons/styles remain intact.
========================================================= */
:is(#leadDetailPage, #sharedLeadDetailPage) .lead-policy-overview {
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) minmax(420px, 0.82fr);
  gap: 14px;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-policy-overview.hidden { display: none !important; }

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-policy-sale-card,
:is(#leadDetailPage, #sharedLeadDetailPage) .lead-policy-commission-card,
:is(#leadDetailPage, #sharedLeadDetailPage) .lead-policy-lifecycle-card {
  min-width: 0;
  overflow: hidden;
  padding: 18px 20px;
  color: #0f172a;
  border: 1px solid #dfe5ef;
  border-radius: 18px;
  background: #ffffff;
  box-shadow: 0 16px 38px rgba(15, 23, 42, 0.07);
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-policy-side-stack {
  min-width: 0;
  display: grid;
  gap: 14px;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-policy-card-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 15px;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-policy-card-heading.compact { margin-bottom: 12px; }
:is(#leadDetailPage, #sharedLeadDetailPage) .lead-policy-card-heading .lead-section-title { margin-bottom: 0; }

:is(#leadDetailPage, #sharedLeadDetailPage) .policy-attached-pill,
:is(#leadDetailPage, #sharedLeadDetailPage) .advance-rule-pill,
:is(#leadDetailPage, #sharedLeadDetailPage) .policy-status-badge {
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0 10px;
  border-radius: 999px;
  font-size: 10.5px;
  font-weight: 900;
  white-space: nowrap;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .policy-attached-pill {
  color: #147a43;
  border: 1px solid #bcebd0;
  background: #e8f9ef;
}
:is(#leadDetailPage, #sharedLeadDetailPage) .policy-attached-pill svg { width: 14px; height: 14px; }

:is(#leadDetailPage, #sharedLeadDetailPage) .advance-rule-pill {
  color: #6841e8;
  border: 1px solid #ded5ff;
  background: #f1edff;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .policy-sale-detail-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid #e4e9f1;
  border-radius: 14px;
}

:is(#leadDetailPage, #sharedLeadDetailPage) .policy-detail-cell {
  min-width: 0;
  min-height: 78px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 13px;
  border-right: 1px solid #e4e9f1;
  border-bottom: 1px solid #e4e9f1;
}
:is(#leadDetailPage, #sharedLeadDetailPage) .policy-detail-cell:nth-child(4n) { border-right: 0; }
:is(#leadDetailPage, #sharedLeadDetailPage) .policy-detail-cell:nth-last-child(-n+4) { border-bottom: 0; }

:is(#leadDetailPage, #sharedLeadDetailPage) .policy-detail-icon,
:is(#leadDetailPage, #sharedLeadDetailPage) .commission-tile-icon {
  width: 32px;
  height: 32px;
  min-width: 32px;
  display: grid;
  place-items: center;
  color: #6e42ee;
  border: 1px solid #e1dbfb;
  border-radius: 10px;
  background: #f5f2ff;
}
:is(#leadDetailPage, #sharedLeadDetailPage) .policy-detail-icon svg,
:is(#leadDetailPage, #sharedLeadDetailPage) .commission-tile-icon svg { width: 16px; height: 16px; }

:is(#leadDetailPage, #sharedLeadDetailPage) .policy-detail-cell div { min-width: 0; }
:is(#leadDetailPage, #sharedLeadDetailPage) .policy-detail-cell small,
:is(#leadDetailPage, #sharedLeadDetailPage) .commission-tile small {
  display: block;
  margin-bottom: 4px;
  color: #778195;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .055em;
  text-transform: uppercase;
}
:is(#leadDetailPage, #sharedLeadDetailPage) .policy-detail-cell strong {
  display: block;
  overflow: hidden;
  color: #263248;
  font-size: 12px;
  font-weight: 850;
  text-overflow: ellipsis;
  white-space: nowrap;
}
:is(#leadDetailPage, #sharedLeadDetailPage) .policy-detail-cell em {
  display: block;
  margin-top: 3px;
  color: #8b95a6;
  font-size: 9px;
  font-style: normal;
}
:is(#leadDetailPage, #sharedLeadDetailPage) .policy-detail-cell .policy-paid-value { color: #148047; }

:is(#leadDetailPage, #sharedLeadDetailPage) .commission-breakdown-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
:is(#leadDetailPage, #sharedLeadDetailPage) .commission-tile {
  min-width: 0;
  min-height: 124px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 14px;
  border: 1px solid #e2e7ef;
  border-radius: 14px;
  background: #fafbfc;
}
:is(#leadDetailPage, #sharedLeadDetailPage) .commission-tile strong {
  display: block;
  margin: 8px 0 4px;
  color: #172033;
  font-size: 22px;
  font-weight: 950;
  letter-spacing: -.035em;
}
:is(#leadDetailPage, #sharedLeadDetailPage) .commission-tile em {
  color: #7e899a;
  font-size: 9.5px;
  font-style: normal;
  line-height: 1.35;
}
:is(#leadDetailPage, #sharedLeadDetailPage) .commission-tile.advance {
  border-color: #bfe8cf;
  background: #f0fbf5;
}
:is(#leadDetailPage, #sharedLeadDetailPage) .commission-tile.advance .commission-tile-icon,
:is(#leadDetailPage, #sharedLeadDetailPage) .commission-tile.advance strong { color: #148047; }
:is(#leadDetailPage, #sharedLeadDetailPage) .commission-tile.remaining {
  border-color: #dfd4ff;
  background: #f7f3ff;
}
:is(#leadDetailPage, #sharedLeadDetailPage) .commission-tile.remaining .commission-tile-icon,
:is(#leadDetailPage, #sharedLeadDetailPage) .commission-tile.remaining strong { color: #7447f7; }

:is(#leadDetailPage, #sharedLeadDetailPage) .policy-status-badge.neutral { color: #5f6b7c; background: #edf1f6; }
:is(#leadDetailPage, #sharedLeadDetailPage) .policy-status-badge.good { color: #148047; background: #e7f9ef; }
:is(#leadDetailPage, #sharedLeadDetailPage) .policy-status-badge.pending { color: #a5650c; background: #fff2d9; }
:is(#leadDetailPage, #sharedLeadDetailPage) .policy-status-badge.danger { color: #d73552; background: #ffedf1; }

:is(#leadDetailPage, #sharedLeadDetailPage) .policy-lifecycle-steps {
  position: relative;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0;
  margin: 8px 4px 14px;
}
:is(#leadDetailPage, #sharedLeadDetailPage) .policy-lifecycle-steps::before {
  content: "";
  position: absolute;
  top: 15px;
  left: 7%;
  right: 7%;
  height: 2px;
  background: #dfe5ef;
}
:is(#leadDetailPage, #sharedLeadDetailPage) .policy-life-step {
  position: relative;
  z-index: 1;
  min-width: 0;
  display: grid;
  justify-items: center;
  gap: 5px;
  color: #8a95a6;
  text-align: center;
}
:is(#leadDetailPage, #sharedLeadDetailPage) .policy-life-dot {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  color: #8f99a8;
  border: 2px solid #d8dee8;
  border-radius: 50%;
  background: #ffffff;
}
:is(#leadDetailPage, #sharedLeadDetailPage) .policy-life-dot svg { width: 15px; height: 15px; }
:is(#leadDetailPage, #sharedLeadDetailPage) .policy-life-step strong { font-size: 9.5px; font-weight: 900; }
:is(#leadDetailPage, #sharedLeadDetailPage) .policy-life-step small { color: #909aaa; font-size: 8.5px; }
:is(#leadDetailPage, #sharedLeadDetailPage) .policy-life-step.complete .policy-life-dot,
:is(#leadDetailPage, #sharedLeadDetailPage) .policy-life-step.current .policy-life-dot {
  color: #ffffff;
  border-color: #6d35f5;
  background: #6d35f5;
}
:is(#leadDetailPage, #sharedLeadDetailPage) .policy-life-step.current strong { color: #6841e8; }

:is(#leadDetailPage, #sharedLeadDetailPage) .policy-status-update-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding-top: 12px;
  border-top: 1px solid #e6eaf1;
}
:is(#leadDetailPage, #sharedLeadDetailPage) .policy-status-message {
  min-height: 40px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 9px 11px;
  border-radius: 11px;
  color: #536176;
  background: #f4f6f9;
  font-size: 10.5px;
  line-height: 1.4;
}
:is(#leadDetailPage, #sharedLeadDetailPage) .policy-status-message svg { width: 16px; height: 16px; flex: 0 0 auto; }
:is(#leadDetailPage, #sharedLeadDetailPage) .policy-status-message.good { color: #147a43; background: #e8f9ef; }
:is(#leadDetailPage, #sharedLeadDetailPage) .policy-status-message.pending { color: #96600f; background: #fff5e2; }
:is(#leadDetailPage, #sharedLeadDetailPage) .policy-status-message.danger { color: #c8324c; background: #fff0f3; }

:is(#leadDetailPage, #sharedLeadDetailPage) .policy-status-editor {
  display: flex;
  align-items: center;
  gap: 8px;
}
:is(#leadDetailPage, #sharedLeadDetailPage) .policy-status-editor select,
:is(#leadDetailPage, #sharedLeadDetailPage) .policy-status-editor button {
  min-height: 40px;
  border-radius: 10px;
  font-size: 10.5px;
  font-weight: 850;
}
:is(#leadDetailPage, #sharedLeadDetailPage) .policy-status-editor select {
  min-width: 150px;
  padding: 0 32px 0 11px;
  color: #28344a;
  border: 1px solid #dce2ec;
  background: #ffffff;
}
:is(#leadDetailPage, #sharedLeadDetailPage) .policy-status-editor button {
  padding: 0 13px;
  color: #ffffff;
  border: 0;
  background: linear-gradient(135deg, #7547ff, #5128df);
  cursor: pointer;
}
:is(#leadDetailPage, #sharedLeadDetailPage) .policy-status-editor button:disabled { opacity: .65; cursor: wait; }

:is(#leadDetailPage, #sharedLeadDetailPage) .lead-summary-status.sold {
  color: #147a43;
  border-color: #bcebd0;
  background: #e8f9ef;
}

/* Stronger section dividers inside each Activity Timeline row, as approved. */
:is(#leadDetailPage, #sharedLeadDetailPage) .timeline-note-row > .timeline-cell {
  position: relative;
  min-height: 64px;
  padding-right: 14px;
  border-right: 1px solid #e4e9f1;
}
:is(#leadDetailPage, #sharedLeadDetailPage) .timeline-note-row > .timeline-cell:last-of-type { border-right: 0; }
:is(#leadDetailPage, #sharedLeadDetailPage) .timeline-sale-commission {
  margin-top: 2px;
  color: #5f6d82 !important;
  font-weight: 750;
}
:is(#leadDetailPage, #sharedLeadDetailPage) .policy-status-event-row { background: #fbfcfe; }

:is(#leadDetailPage, #sharedLeadDetailPage) #builderCommissionCustomField.hidden { display: none !important; }

/* Keep the new policy commission selectors visually identical to existing LeadFlow form controls. */
:is(#leadDetailPage, #sharedLeadDetailPage) .sold-builder-fields select {
  width: 100%;
  height: 39px;
  padding: 0 34px 0 11px;
  color: #182238;
  border: 1px solid #d9e0eb;
  border-radius: 10px;
  background-color: #ffffff;
  font-size: 12px;
  font-weight: 750;
}
#todayCallLogPanel .sold-builder-fields select {
  width: 100%;
  min-height: 42px;
  padding: 0 34px 0 11px;
  color: #172033;
  border: 1px solid #cfd8e6;
  border-radius: 10px;
  background: #ffffff;
}

/* Gold/black theme matches the current Lead Profile rather than creating a new visual language. */

@media (max-width: 1320px) {
  :is(#leadDetailPage, #sharedLeadDetailPage) .lead-policy-overview { grid-template-columns: 1fr; }
  :is(#leadDetailPage, #sharedLeadDetailPage) .policy-sale-detail-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  :is(#leadDetailPage, #sharedLeadDetailPage) .policy-detail-cell:nth-child(4n) { border-right: 1px solid #e4e9f1; }
  :is(#leadDetailPage, #sharedLeadDetailPage) .policy-detail-cell:nth-child(3n) { border-right: 0; }
  :is(#leadDetailPage, #sharedLeadDetailPage) .policy-detail-cell:nth-last-child(-n+4) { border-bottom: 1px solid #e4e9f1; }
  :is(#leadDetailPage, #sharedLeadDetailPage) .policy-detail-cell:nth-last-child(-n+3) { border-bottom: 0; }
}

@media (max-width: 820px) {
  :is(#leadDetailPage, #sharedLeadDetailPage) .policy-sale-detail-grid,
  :is(#leadDetailPage, #sharedLeadDetailPage) .commission-breakdown-grid { grid-template-columns: 1fr 1fr; }
  :is(#leadDetailPage, #sharedLeadDetailPage) .policy-detail-cell:nth-child(3n) { border-right: 1px solid #e4e9f1; }
  :is(#leadDetailPage, #sharedLeadDetailPage) .policy-detail-cell:nth-child(2n) { border-right: 0; }
  :is(#leadDetailPage, #sharedLeadDetailPage) .policy-lifecycle-steps { grid-template-columns: repeat(3, 1fr); row-gap: 12px; }
  :is(#leadDetailPage, #sharedLeadDetailPage) .policy-lifecycle-steps::before { display: none; }
  :is(#leadDetailPage, #sharedLeadDetailPage) .policy-status-update-row { grid-template-columns: 1fr; }
  :is(#leadDetailPage, #sharedLeadDetailPage) .policy-status-editor { width: 100%; }
  :is(#leadDetailPage, #sharedLeadDetailPage) .policy-status-editor select { flex: 1; }
}

/* Result Details: scheduled outcomes and sales share one timeline column. */
:is(#leadDetailPage, #sharedLeadDetailPage) .timeline-note-sale > div {
  min-width: 0;
  overflow-wrap: anywhere;
}
:is(#leadDetailPage, #sharedLeadDetailPage) .timeline-schedule-detail + .timeline-schedule-detail {
  margin-top: 7px;
}
:is(#leadDetailPage, #sharedLeadDetailPage) .timeline-schedule-detail strong {
  display: block;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  font-weight: 750;
  line-height: 1.4;
}
:is(#leadDetailPage, #sharedLeadDetailPage) .timeline-schedule-detail small {
  display: block;
  margin-top: 3px;
}
:is(#leadDetailPage, #sharedLeadDetailPage) .current-lead-schedule-summary {
  overflow-wrap: anywhere;
  line-height: 1.35;
}
/* =============================================================
   myLeadFlow — supplied reference themes, October 5, 2026
   Theme-only finish for the four October 5 source uploads.
   Existing pages, icons, panel arrangements, native controls,
   permissions, application code and data remain in their current places.
   Decorative ribbons are embedded SVG backgrounds, never UI elements.
   ============================================================= */

html[data-leadflow-theme="light"] body[data-leadflow-theme]:not(.app-login-mode) {
  --crm-bg: #f5f5f3 !important;
  --crm-surface: #ffffff !important;
  --crm-raised: #ffffff !important;
  --crm-soft: #f8f9fa !important;
  --crm-hover: #edf2f6 !important;
  --crm-line: #e0e4e9 !important;
  --crm-strong: #8593a5 !important;
  --crm-text: #0b203c !important;
  --crm-secondary: #425774 !important;
  --crm-muted: #536984 !important;
  --crm-accent: #173f6d !important;
  --crm-primary: #20476e !important;
  --crm-primary-hover: #123555 !important;
  --crm-on-primary: #ffffff !important;
  --crm-accent-soft: #eaf0f6 !important;
  --crm-accent-line: #a6bbce !important;
  --crm-chart-secondary: #2d78cd !important;
  --crm-success: #197447 !important;
  --crm-success-soft: #eaf5ee !important;
  --crm-warning: #8b590c !important;
  --crm-warning-soft: #fff3dc !important;
  --crm-danger: #b32843 !important;
  --crm-danger-soft: #fcecf0 !important;
  --crm-sidebar: #0c1e30 !important;
  --crm-sidebar-top: #152b40 !important;
  --crm-sidebar-bottom: #091b2d !important;
  --crm-sidebar-text: #f6f7fa !important;
  --crm-sidebar-muted: #c1cedb !important;
  --crm-sidebar-active: #203b56 !important;
  --crm-sidebar-accent: #f4d496 !important;
  --crm-sidebar-line: #30485c !important;
  --crm-trim: #8d5d0e !important;
  --crm-trim-line: #d6bd87 !important;
  --crm-trim-soft: #fbf2df !important;
  --crm-heading: #0b203c !important;
  --crm-card-top: #ffffff !important;
  --crm-card-bottom: #fcfbf8 !important;
  --crm-feature-top: #fffdf8 !important;
  --crm-card-line: #e1e3e5 !important;
  --crm-primary-start: #143250 !important;
  --crm-primary-middle: #355d81 !important;
  --crm-primary-end: #153553 !important;
  --crm-primary-hover-start: #102a44 !important;
  --crm-primary-hover-middle: #284b6d !important;
  --crm-primary-hover-end: #102c49 !important;
  --crm-selection-top: #ffffff !important;
  --crm-selection-bottom: #e8eef4 !important;
  --crm-sidebar-selected-top: #284762 !important;
  --crm-sidebar-selected-bottom: #112940 !important;
  --crm-sheen: rgba(255,255,255,.9) !important;
  --crm-scheme: light !important;
  --crm-shadow: 0 7px 22px rgba(53,43,24,.055), inset 0 1px 0 #fff !important;
  --crm-feature-shadow: 0 8px 24px rgba(57,44,20,.065), inset 0 1px 0 #fff !important;
  --crm-button-shadow: 0 3px 9px rgba(11,31,51,.14) !important;
  --crm-selected-shadow: inset 0 1px 0 #ffffff, 0 2px 6px rgba(15,35,57,.08) !important;
  --crm-icon-finish: linear-gradient(145deg, #fae9c7, #fffaf0) !important;
  --crm-icon-line: #f0e3c8 !important;
  --crm-icon-shadow: inset 0 1px 0 #fffaf0 !important;
  --crm-ui-font: Georgia, "Times New Roman", serif !important;
  --crm-hero-bg: #102b46 !important;
  --crm-hero-top: #2a4a69 !important;
  --crm-hero-text: #ffffff !important;
  --crm-hero-muted: #e7edf6 !important;
  --crm-wave: #b79050 !important;
  --crm-wave-bright: #ead4a6 !important;
  --crm-wave-dark: #c4af87 !important;
  --crm-wave-alpha: .32 !important;
  --crm-header-wave: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201600%20340%22%20fill%3D%22none%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22thread%22%20x1%3D%220%22%20y1%3D%221%22%20x2%3D%221%22%20y2%3D%220%22%3E%3Cstop%20stop-color%3D%22%23c4af87%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.30%22%20stop-color%3D%22%23b79050%22%20stop-opacity%3D%22.55%22%2F%3E%3Cstop%20offset%3D%22.56%22%20stop-color%3D%22%23ead4a6%22%2F%3E%3Cstop%20offset%3D%22.81%22%20stop-color%3D%22%23b79050%22%20stop-opacity%3D%22.58%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23c4af87%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22silk%22%3E%3Cstop%20stop-color%3D%22%23c4af87%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23b79050%22%20stop-opacity%3D%22.22%22%2F%3E%3Cstop%20offset%3D%22.75%22%20stop-color%3D%22%23ead4a6%22%20stop-opacity%3D%22.32%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23c4af87%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D%22haze%22%20x%3D%22-30%25%22%20y%3D%22-80%25%22%20width%3D%22160%25%22%20height%3D%22260%25%22%3E%3CfeGaussianBlur%20stdDeviation%3D%224%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20opacity%3D%22.32%22%3E%3Cpath%20d%3D%22M%200%20294%20C%20510%20330%201090%20270%201120%20-180%20L%201510%20-140%20C%201000%20314%20510%20330%200%20294%20Z%22%20fill%3D%22url%28%23silk%29%22%2F%3E%3Cpath%20d%3D%22M%200%20294.00%20C%20510%20330.00%201090.00%20270.00%201120.00%20-180.00%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.250%22%20stroke-width%3D%220.80%22%2F%3E%3Cpath%20d%3D%22M%200%20294.10%20C%20510%20329.89%201088.34%20270.81%201127.16%20-179.26%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.251%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20294.20%20C%20510%20329.78%201086.69%20271.62%201134.33%20-178.52%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.255%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20294.30%20C%20510%20329.68%201085.03%20272.43%201141.49%20-177.79%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.262%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20294.40%20C%20510%20329.57%201083.38%20273.24%201148.66%20-177.05%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.271%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20294.50%20C%20510%20329.46%201081.72%20274.05%201155.82%20-176.31%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.283%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20294.59%20C%20510%20329.35%201080.06%20274.86%201162.98%20-175.57%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.297%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20294.69%20C%20510%20329.24%201078.41%20275.67%201170.15%20-174.83%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.313%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20294.79%20C%20510%20329.14%201076.75%20276.48%201177.31%20-174.10%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.331%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20294.89%20C%20510%20329.03%201075.10%20277.29%201184.48%20-173.36%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.350%22%20stroke-width%3D%220.80%22%2F%3E%3Cpath%20d%3D%22M%200%20294.99%20C%20510%20328.92%201073.44%20278.10%201191.64%20-172.62%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.371%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20295.09%20C%20510%20328.81%201071.78%20278.91%201198.80%20-171.88%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.393%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20295.19%20C%20510%20328.70%201070.13%20279.72%201205.97%20-171.14%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.415%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20295.29%20C%20510%20328.60%201068.47%20280.53%201213.13%20-170.41%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.438%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20295.39%20C%20510%20328.49%201066.82%20281.34%201220.30%20-169.67%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.462%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20295.49%20C%20510%20328.38%201065.16%20282.15%201227.46%20-168.93%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.485%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20295.58%20C%20510%20328.27%201063.50%20282.96%201234.62%20-168.19%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.507%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20295.68%20C%20510%20328.16%201061.85%20283.77%201241.79%20-167.45%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.529%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20295.78%20C%20510%20328.06%201060.19%20284.58%201248.95%20-166.72%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.550%22%20stroke-width%3D%220.80%22%2F%3E%3Cpath%20d%3D%22M%200%20295.88%20C%20510%20327.95%201058.54%20285.39%201256.12%20-165.98%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.569%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20295.98%20C%20510%20327.84%201056.88%20286.20%201263.28%20-165.24%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.587%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20296.08%20C%20510%20327.73%201055.22%20287.01%201270.44%20-164.50%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.603%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20296.18%20C%20510%20327.62%201053.57%20287.82%201277.61%20-163.76%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.617%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20296.28%20C%20510%20327.52%201051.91%20288.63%201284.77%20-163.03%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.629%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20296.38%20C%20510%20327.41%201050.26%20289.44%201291.94%20-162.29%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.638%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20296.48%20C%20510%20327.30%201048.60%20290.25%201299.10%20-161.55%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.645%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20296.57%20C%20510%20327.19%201046.94%20291.06%201306.26%20-160.81%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.649%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20296.67%20C%20510%20327.08%201045.29%20291.87%201313.43%20-160.07%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.650%22%20stroke-width%3D%220.80%22%2F%3E%3Cpath%20d%3D%22M%200%20296.77%20C%20510%20326.98%201043.63%20292.68%201320.59%20-159.34%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.649%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20296.87%20C%20510%20326.87%201041.98%20293.49%201327.76%20-158.60%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.645%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20296.97%20C%20510%20326.76%201040.32%20294.30%201334.92%20-157.86%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.638%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20297.07%20C%20510%20326.65%201038.66%20295.11%201342.08%20-157.12%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.629%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20297.17%20C%20510%20326.54%201037.01%20295.92%201349.25%20-156.38%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.617%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20297.27%20C%20510%20326.44%201035.35%20296.73%201356.41%20-155.65%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.603%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20297.37%20C%20510%20326.33%201033.70%20297.54%201363.58%20-154.91%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.587%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20297.46%20C%20510%20326.22%201032.04%20298.35%201370.74%20-154.17%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.569%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20297.56%20C%20510%20326.11%201030.38%20299.16%201377.90%20-153.43%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.550%22%20stroke-width%3D%220.80%22%2F%3E%3Cpath%20d%3D%22M%200%20297.66%20C%20510%20326.00%201028.73%20299.97%201385.07%20-152.69%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.529%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20297.76%20C%20510%20325.90%201027.07%20300.78%201392.23%20-151.96%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.507%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20297.86%20C%20510%20325.79%201025.42%20301.59%201399.40%20-151.22%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.485%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20297.96%20C%20510%20325.68%201023.76%20302.40%201406.56%20-150.48%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.462%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20298.06%20C%20510%20325.57%201022.10%20303.21%201413.72%20-149.74%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.438%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20298.16%20C%20510%20325.46%201020.45%20304.02%201420.89%20-149.00%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.415%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20298.26%20C%20510%20325.36%201018.79%20304.83%201428.05%20-148.27%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.393%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20298.36%20C%20510%20325.25%201017.14%20305.64%201435.22%20-147.53%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.371%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20298.45%20C%20510%20325.14%201015.48%20306.45%201442.38%20-146.79%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.350%22%20stroke-width%3D%220.80%22%2F%3E%3Cpath%20d%3D%22M%200%20298.55%20C%20510%20325.03%201013.82%20307.26%201449.54%20-146.05%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.331%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20298.65%20C%20510%20324.92%201012.17%20308.07%201456.71%20-145.31%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.313%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20298.75%20C%20510%20324.82%201010.51%20308.88%201463.87%20-144.58%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.297%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20298.85%20C%20510%20324.71%201008.86%20309.69%201471.04%20-143.84%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.283%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20298.95%20C%20510%20324.60%201007.20%20310.50%201478.20%20-143.10%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.271%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20299.05%20C%20510%20324.49%201005.54%20311.31%201485.36%20-142.36%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.262%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20299.15%20C%20510%20324.38%201003.89%20312.12%201492.53%20-141.62%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.255%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20299.25%20C%20510%20324.28%201002.23%20312.93%201499.69%20-140.89%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.251%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20299.35%20C%20510%20324.17%201000.58%20313.74%201506.86%20-140.15%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.250%22%20stroke-width%3D%220.80%22%2F%3E%3Cpath%20d%3D%22M%200%20326.00%20C%20650%20343.00%201130%20152.00%201675%2045.00%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20326.40%20C%20650%20343.53%201130%20152.64%201675%2042.54%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20326.79%20C%20650%20344.06%201130%20153.28%201675%2040.07%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20327.19%20C%20650%20344.58%201130%20153.91%201675%2037.61%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20327.58%20C%20650%20345.11%201130%20154.55%201675%2035.14%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20327.98%20C%20650%20345.64%201130%20155.19%201675%2032.68%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20328.38%20C%20650%20346.17%201130%20155.83%201675%2030.22%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20328.77%20C%20650%20346.70%201130%20156.47%201675%2027.75%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20329.17%20C%20650%20347.22%201130%20157.10%201675%2025.29%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20329.56%20C%20650%20347.75%201130%20157.74%201675%2022.82%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20329.96%20C%20650%20348.28%201130%20158.38%201675%2020.36%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20330.36%20C%20650%20348.81%201130%20159.02%201675%2017.90%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20330.75%20C%20650%20349.34%201130%20159.66%201675%2015.43%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20331.15%20C%20650%20349.86%201130%20160.29%201675%2012.97%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20331.54%20C%20650%20350.39%201130%20160.93%201675%2010.50%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20331.94%20C%20650%20350.92%201130%20161.57%201675%208.04%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20332.34%20C%20650%20351.45%201130%20162.21%201675%205.58%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20332.73%20C%20650%20351.98%201130%20162.85%201675%203.11%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20333.13%20C%20650%20352.50%201130%20163.48%201675%200.65%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20333.52%20C%20650%20353.03%201130%20164.12%201675%20-1.82%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20333.92%20C%20650%20353.56%201130%20164.76%201675%20-4.28%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20334.32%20C%20650%20354.09%201130%20165.40%201675%20-6.74%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20334.71%20C%20650%20354.62%201130%20166.04%201675%20-9.21%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20335.11%20C%20650%20355.14%201130%20166.67%201675%20-11.67%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20335.50%20C%20650%20355.67%201130%20167.31%201675%20-14.14%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20335.90%20C%20650%20356.20%201130%20167.95%201675%20-16.60%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20296.58%20C%20510%20327.18%201046.76%20291.15%201307.06%20-160.73%22%20stroke%3D%22url%28%23thread%29%22%20stroke-width%3D%221.1%22%20stroke-opacity%3D%22.82%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") !important;
  --crm-sidebar-wave: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20300%20430%22%20fill%3D%22none%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22thread%22%20x1%3D%220%22%20y1%3D%221%22%20x2%3D%221%22%20y2%3D%220%22%3E%3Cstop%20stop-color%3D%22%23c4af87%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.30%22%20stop-color%3D%22%23b79050%22%20stop-opacity%3D%22.55%22%2F%3E%3Cstop%20offset%3D%22.56%22%20stop-color%3D%22%23ead4a6%22%2F%3E%3Cstop%20offset%3D%22.81%22%20stop-color%3D%22%23b79050%22%20stop-opacity%3D%22.58%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23c4af87%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22silk%22%3E%3Cstop%20stop-color%3D%22%23c4af87%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23b79050%22%20stop-opacity%3D%22.22%22%2F%3E%3Cstop%20offset%3D%22.75%22%20stop-color%3D%22%23ead4a6%22%20stop-opacity%3D%22.32%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23c4af87%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D%22haze%22%20x%3D%22-30%25%22%20y%3D%22-80%25%22%20width%3D%22160%25%22%20height%3D%22260%25%22%3E%3CfeGaussianBlur%20stdDeviation%3D%224%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20opacity%3D%22.32%22%3E%3Cpath%20d%3D%22M%20-45%2010%20C%2022%20215%2095%20185%20165%20260%20C%20220%20315%20255%20366%20350%20415%20L%20350%20430%20C%20255%20390%20192%20308%20171%20266%20C%20102%20213%2042%20184%20-62%2016%20Z%22%20fill%3D%22url%28%23silk%29%22%2F%3E%3Cpath%20d%3D%22M%20-45.00%2010.00%20C%2022.00%20215.00%2095.00%20185.00%20165.00%20260.00%20C%20220.00%20315.00%20255%20366.00%20350%20415.00%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.250%22%20stroke-width%3D%220.80%22%2F%3E%3Cpath%20d%3D%22M%20-45.31%2010.10%20C%2022.37%20214.43%2095.13%20185.50%20165.10%20260.10%20C%20219.48%20314.87%20255%20366.42%20350%20415.27%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.251%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-45.63%2010.21%20C%2022.73%20213.85%2095.25%20186.00%20165.21%20260.21%20C%20218.96%20314.75%20255%20366.84%20350%20415.54%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.255%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-45.94%2010.31%20C%2023.10%20213.28%2095.38%20186.50%20165.31%20260.31%20C%20218.43%20314.62%20255%20367.25%20350%20415.81%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.262%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-46.25%2010.42%20C%2023.46%20212.70%2095.50%20187.00%20165.42%20260.42%20C%20217.91%20314.50%20255%20367.67%20350%20416.09%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.271%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-46.57%2010.52%20C%2023.83%20212.13%2095.63%20187.51%20165.52%20260.52%20C%20217.39%20314.37%20255%20368.09%20350%20416.36%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.283%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-46.88%2010.63%20C%2024.19%20211.55%2095.75%20188.01%20165.63%20260.63%20C%20216.87%20314.25%20255%20368.51%20350%20416.63%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.297%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-47.19%2010.73%20C%2024.56%20210.98%2095.88%20188.51%20165.73%20260.73%20C%20216.35%20314.12%20255%20368.92%20350%20416.90%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.313%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-47.51%2010.84%20C%2024.92%20210.41%2096.00%20189.01%20165.84%20260.84%20C%20215.82%20314.00%20255%20369.34%20350%20417.17%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.331%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-47.82%2010.94%20C%2025.29%20209.83%2096.13%20189.51%20165.94%20260.94%20C%20215.30%20313.87%20255%20369.76%20350%20417.44%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.350%22%20stroke-width%3D%220.80%22%2F%3E%3Cpath%20d%3D%22M%20-48.13%2011.04%20C%2025.65%20209.26%2096.25%20190.01%20166.04%20261.04%20C%20214.78%20313.75%20255%20370.18%20350%20417.71%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.371%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-48.45%2011.15%20C%2026.02%20208.68%2096.38%20190.51%20166.15%20261.15%20C%20214.26%20313.62%20255%20370.59%20350%20417.99%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.393%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-48.76%2011.25%20C%2026.38%20208.11%2096.50%20191.01%20166.25%20261.25%20C%20213.74%20313.50%20255%20371.01%20350%20418.26%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.415%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-49.07%2011.36%20C%2026.75%20207.54%2096.63%20191.51%20166.36%20261.36%20C%20213.21%20313.37%20255%20371.43%20350%20418.53%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.438%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-49.38%2011.46%20C%2027.12%20206.96%2096.75%20192.02%20166.46%20261.46%20C%20212.69%20313.25%20255%20371.85%20350%20418.80%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.462%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-49.70%2011.57%20C%2027.48%20206.39%2096.88%20192.52%20166.57%20261.57%20C%20212.17%20313.12%20255%20372.26%20350%20419.07%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.485%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-50.01%2011.67%20C%2027.85%20205.81%2097.00%20193.02%20166.67%20261.67%20C%20211.65%20313.00%20255%20372.68%20350%20419.34%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.507%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-50.32%2011.77%20C%2028.21%20205.24%2097.13%20193.52%20166.77%20261.77%20C%20211.13%20312.87%20255%20373.10%20350%20419.61%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.529%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-50.64%2011.88%20C%2028.58%20204.66%2097.26%20194.02%20166.88%20261.88%20C%20210.60%20312.74%20255%20373.52%20350%20419.89%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.550%22%20stroke-width%3D%220.80%22%2F%3E%3Cpath%20d%3D%22M%20-50.95%2011.98%20C%2028.94%20204.09%2097.38%20194.52%20166.98%20261.98%20C%20210.08%20312.62%20255%20373.93%20350%20420.16%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.569%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-51.26%2012.09%20C%2029.31%20203.52%2097.51%20195.02%20167.09%20262.09%20C%20209.56%20312.49%20255%20374.35%20350%20420.43%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.587%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-51.58%2012.19%20C%2029.67%20202.94%2097.63%20195.52%20167.19%20262.19%20C%20209.04%20312.37%20255%20374.77%20350%20420.70%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.603%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-51.89%2012.30%20C%2030.04%20202.37%2097.76%20196.02%20167.30%20262.30%20C%20208.52%20312.24%20255%20375.19%20350%20420.97%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.617%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-52.20%2012.40%20C%2030.40%20201.79%2097.88%20196.53%20167.40%20262.40%20C%20207.99%20312.12%20255%20375.60%20350%20421.24%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.629%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-52.52%2012.51%20C%2030.77%20201.22%2098.01%20197.03%20167.51%20262.51%20C%20207.47%20311.99%20255%20376.02%20350%20421.51%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.638%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-52.83%2012.61%20C%2031.13%20200.65%2098.13%20197.53%20167.61%20262.61%20C%20206.95%20311.87%20255%20376.44%20350%20421.79%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.645%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-53.14%2012.71%20C%2031.50%20200.07%2098.26%20198.03%20167.71%20262.71%20C%20206.43%20311.74%20255%20376.86%20350%20422.06%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.649%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-53.46%2012.82%20C%2031.87%20199.50%2098.38%20198.53%20167.82%20262.82%20C%20205.91%20311.62%20255%20377.28%20350%20422.33%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.650%22%20stroke-width%3D%220.80%22%2F%3E%3Cpath%20d%3D%22M%20-53.77%2012.92%20C%2032.23%20198.92%2098.51%20199.03%20167.92%20262.92%20C%20205.38%20311.49%20255%20377.69%20350%20422.60%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.649%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-54.08%2013.03%20C%2032.60%20198.35%2098.63%20199.53%20168.03%20263.03%20C%20204.86%20311.37%20255%20378.11%20350%20422.87%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.645%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-54.40%2013.13%20C%2032.96%20197.77%2098.76%20200.03%20168.13%20263.13%20C%20204.34%20311.24%20255%20378.53%20350%20423.14%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.638%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-54.71%2013.24%20C%2033.33%20197.20%2098.88%20200.53%20168.24%20263.24%20C%20203.82%20311.12%20255%20378.95%20350%20423.41%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.629%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-55.02%2013.34%20C%2033.69%20196.63%2099.01%20201.04%20168.34%20263.34%20C%20203.30%20310.99%20255%20379.36%20350%20423.69%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.617%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-55.34%2013.45%20C%2034.06%20196.05%2099.13%20201.54%20168.45%20263.45%20C%20202.77%20310.87%20255%20379.78%20350%20423.96%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.603%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-55.65%2013.55%20C%2034.42%20195.48%2099.26%20202.04%20168.55%20263.55%20C%20202.25%20310.74%20255%20380.20%20350%20424.23%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.587%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-55.96%2013.65%20C%2034.79%20194.90%2099.38%20202.54%20168.65%20263.65%20C%20201.73%20310.62%20255%20380.62%20350%20424.50%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.569%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-56.28%2013.76%20C%2035.15%20194.33%2099.51%20203.04%20168.76%20263.76%20C%20201.21%20310.49%20255%20381.03%20350%20424.77%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.550%22%20stroke-width%3D%220.80%22%2F%3E%3Cpath%20d%3D%22M%20-56.59%2013.86%20C%2035.52%20193.75%2099.64%20203.54%20168.86%20263.86%20C%20200.69%20310.36%20255%20381.45%20350%20425.04%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.529%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-56.90%2013.97%20C%2035.89%20193.18%2099.76%20204.04%20168.97%20263.97%20C%20200.16%20310.24%20255%20381.87%20350%20425.31%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.507%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-57.21%2014.07%20C%2036.25%20192.61%2099.89%20204.54%20169.07%20264.07%20C%20199.64%20310.11%20255%20382.29%20350%20425.59%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.485%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-57.53%2014.18%20C%2036.62%20192.03%20100.01%20205.04%20169.18%20264.18%20C%20199.12%20309.99%20255%20382.70%20350%20425.86%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.462%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-57.84%2014.28%20C%2036.98%20191.46%20100.14%20205.55%20169.28%20264.28%20C%20198.60%20309.86%20255%20383.12%20350%20426.13%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.438%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-58.15%2014.38%20C%2037.35%20190.88%20100.26%20206.05%20169.38%20264.38%20C%20198.08%20309.74%20255%20383.54%20350%20426.40%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.415%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-58.47%2014.49%20C%2037.71%20190.31%20100.39%20206.55%20169.49%20264.49%20C%20197.55%20309.61%20255%20383.96%20350%20426.67%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.393%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-58.78%2014.59%20C%2038.08%20189.74%20100.51%20207.05%20169.59%20264.59%20C%20197.03%20309.49%20255%20384.37%20350%20426.94%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.371%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-59.09%2014.70%20C%2038.44%20189.16%20100.64%20207.55%20169.70%20264.70%20C%20196.51%20309.36%20255%20384.79%20350%20427.21%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.350%22%20stroke-width%3D%220.80%22%2F%3E%3Cpath%20d%3D%22M%20-59.41%2014.80%20C%2038.81%20188.59%20100.76%20208.05%20169.80%20264.80%20C%20195.99%20309.24%20255%20385.21%20350%20427.49%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.331%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-59.72%2014.91%20C%2039.17%20188.01%20100.89%20208.55%20169.91%20264.91%20C%20195.47%20309.11%20255%20385.63%20350%20427.76%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.313%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-60.03%2015.01%20C%2039.54%20187.44%20101.01%20209.05%20170.01%20265.01%20C%20194.94%20308.99%20255%20386.04%20350%20428.03%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.297%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-60.35%2015.12%20C%2039.90%20186.86%20101.14%20209.55%20170.12%20265.12%20C%20194.42%20308.86%20255%20386.46%20350%20428.30%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.283%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-60.66%2015.22%20C%2040.27%20186.29%20101.26%20210.06%20170.22%20265.22%20C%20193.90%20308.74%20255%20386.88%20350%20428.57%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.271%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-60.97%2015.32%20C%2040.64%20185.72%20101.39%20210.56%20170.32%20265.32%20C%20193.38%20308.61%20255%20387.30%20350%20428.84%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.262%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-61.29%2015.43%20C%2041.00%20185.14%20101.51%20211.06%20170.43%20265.43%20C%20192.86%20308.49%20255%20387.72%20350%20429.11%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.255%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-61.60%2015.53%20C%2041.37%20184.57%20101.64%20211.56%20170.53%20265.53%20C%20192.33%20308.36%20255%20388.13%20350%20429.39%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.251%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-61.91%2015.64%20C%2041.73%20183.99%20101.77%20212.06%20170.64%20265.64%20C%20191.81%20308.23%20255%20388.55%20350%20429.66%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.250%22%20stroke-width%3D%220.80%22%2F%3E%3Cpath%20d%3D%22M%20-50%20320.00%20C%2020%20198.00%2040%20240.00%20125%20265.00%20C%20200%20295.00%20250%20250.00%20345%20180.00%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20317.03%20C%2020%20200.11%2040%20239.01%20125%20264.65%20C%20200%20295.88%20250%20248.24%20345%20181.32%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20314.06%20C%2020%20202.22%2040%20238.02%20125%20264.30%20C%20200%20296.76%20250%20246.48%20345%20182.64%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20311.09%20C%2020%20204.34%2040%20237.03%20125%20263.94%20C%20200%20297.64%20250%20244.72%20345%20183.96%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20308.12%20C%2020%20206.45%2040%20236.04%20125%20263.59%20C%20200%20298.52%20250%20242.96%20345%20185.28%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20305.15%20C%2020%20208.56%2040%20235.05%20125%20263.24%20C%20200%20299.40%20250%20241.20%20345%20186.60%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20302.18%20C%2020%20210.67%2040%20234.06%20125%20262.89%20C%20200%20300.28%20250%20239.44%20345%20187.92%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20299.21%20C%2020%20212.78%2040%20233.07%20125%20262.54%20C%20200%20301.16%20250%20237.68%20345%20189.24%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20296.24%20C%2020%20214.90%2040%20232.08%20125%20262.18%20C%20200%20302.04%20250%20235.92%20345%20190.56%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20293.27%20C%2020%20217.01%2040%20231.09%20125%20261.83%20C%20200%20302.92%20250%20234.16%20345%20191.88%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20290.30%20C%2020%20219.12%2040%20230.10%20125%20261.48%20C%20200%20303.80%20250%20232.40%20345%20193.20%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20287.33%20C%2020%20221.23%2040%20229.11%20125%20261.13%20C%20200%20304.68%20250%20230.64%20345%20194.52%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20284.36%20C%2020%20223.34%2040%20228.12%20125%20260.78%20C%20200%20305.56%20250%20228.88%20345%20195.84%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20281.39%20C%2020%20225.46%2040%20227.13%20125%20260.42%20C%20200%20306.44%20250%20227.12%20345%20197.16%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20278.42%20C%2020%20227.57%2040%20226.14%20125%20260.07%20C%20200%20307.32%20250%20225.36%20345%20198.48%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20275.45%20C%2020%20229.68%2040%20225.15%20125%20259.72%20C%20200%20308.20%20250%20223.60%20345%20199.80%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20272.48%20C%2020%20231.79%2040%20224.16%20125%20259.37%20C%20200%20309.08%20250%20221.84%20345%20201.12%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20269.51%20C%2020%20233.90%2040%20223.17%20125%20259.02%20C%20200%20309.96%20250%20220.08%20345%20202.44%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20266.54%20C%2020%20236.02%2040%20222.18%20125%20258.66%20C%20200%20310.84%20250%20218.32%20345%20203.76%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20263.57%20C%2020%20238.13%2040%20221.19%20125%20258.31%20C%20200%20311.72%20250%20216.56%20345%20205.08%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20260.60%20C%2020%20240.24%2040%20220.20%20125%20257.96%20C%20200%20312.60%20250%20214.80%20345%20206.40%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20257.63%20C%2020%20242.35%2040%20219.21%20125%20257.61%20C%20200%20313.48%20250%20213.04%20345%20207.72%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20254.66%20C%2020%20244.46%2040%20218.22%20125%20257.26%20C%20200%20314.36%20250%20211.28%20345%20209.04%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20251.69%20C%2020%20246.58%2040%20217.23%20125%20256.90%20C%20200%20315.24%20250%20209.52%20345%20210.36%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20248.72%20C%2020%20248.69%2040%20216.24%20125%20256.55%20C%20200%20316.12%20250%20207.76%20345%20211.68%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20245.75%20C%2020%20250.80%2040%20215.25%20125%20256.20%20C%20200%20317.00%20250%20206.00%20345%20213.00%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-53.18%2012.73%20C%2031.54%20200.01%2098.27%20198.08%20167.73%20262.73%20C%20206.37%20311.73%20255%20376.90%20350%20422.09%22%20stroke%3D%22url%28%23thread%29%22%20stroke-width%3D%221.1%22%20stroke-opacity%3D%22.82%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") !important;
  --crm-fine-wave: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20700%20240%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M%20160%20260.0%20C%20276%20268.0%2C%20343%2080.0%2C%20402%20118.0%20C%20454%20155.0%2C%20475%2068.0%2C%20514%20100.0%20C%20577%20152.0%2C%20604%20202.0%2C%20725%20241.0%22%20stroke%3D%22%23ead4a6%22%20stroke-opacity%3D%22.25%22%20stroke-width%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M%20160%20260.7%20C%20276%20267.6%2C%20343%2081.3%2C%20402%20119.3%20C%20454%20156.3%2C%20475%2069.4%2C%20514%20101.4%20C%20577%20153.1%2C%20604%20202.8%2C%20725%20241.7%22%20stroke%3D%22%23ead4a6%22%20stroke-opacity%3D%22.25%22%20stroke-width%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M%20160%20261.4%20C%20276%20267.2%2C%20343%2082.7%2C%20402%20120.7%20C%20454%20157.7%2C%20475%2070.9%2C%20514%20102.9%20C%20577%20154.1%2C%20604%20203.5%2C%20725%20242.3%22%20stroke%3D%22%23ead4a6%22%20stroke-opacity%3D%22.25%22%20stroke-width%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M%20160%20262.2%20C%20276%20266.7%2C%20343%2084.0%2C%20402%20122.0%20C%20454%20159.1%2C%20475%2072.3%2C%20514%20104.3%20C%20577%20155.2%2C%20604%20204.2%2C%20725%20243.0%22%20stroke%3D%22%23ead4a6%22%20stroke-opacity%3D%22.25%22%20stroke-width%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M%20160%20262.9%20C%20276%20266.3%2C%20343%2085.4%2C%20402%20123.4%20C%20454%20160.4%2C%20475%2073.8%2C%20514%20105.8%20C%20577%20156.2%2C%20604%20205.0%2C%20725%20243.6%22%20stroke%3D%22%23ead4a6%22%20stroke-opacity%3D%22.25%22%20stroke-width%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M%20160%20263.6%20C%20276%20265.9%2C%20343%2086.8%2C%20402%20124.8%20C%20454%20161.8%2C%20475%2075.2%2C%20514%20107.2%20C%20577%20157.2%2C%20604%20205.8%2C%20725%20244.3%22%20stroke%3D%22%23ead4a6%22%20stroke-opacity%3D%22.25%22%20stroke-width%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M%20160%20264.3%20C%20276%20265.5%2C%20343%2088.1%2C%20402%20126.1%20C%20454%20163.1%2C%20475%2076.6%2C%20514%20108.6%20C%20577%20158.3%2C%20604%20206.5%2C%20725%20245.0%22%20stroke%3D%22%23ead4a6%22%20stroke-opacity%3D%22.25%22%20stroke-width%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M%20160%20265.0%20C%20276%20265.1%2C%20343%2089.5%2C%20402%20127.5%20C%20454%20164.4%2C%20475%2078.1%2C%20514%20110.1%20C%20577%20159.3%2C%20604%20207.2%2C%20725%20245.6%22%20stroke%3D%22%23ead4a6%22%20stroke-opacity%3D%22.25%22%20stroke-width%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M%20160%20265.8%20C%20276%20264.6%2C%20343%2090.8%2C%20402%20128.8%20C%20454%20165.8%2C%20475%2079.5%2C%20514%20111.5%20C%20577%20160.4%2C%20604%20208.0%2C%20725%20246.3%22%20stroke%3D%22%23ead4a6%22%20stroke-opacity%3D%22.25%22%20stroke-width%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M%20160%20266.5%20C%20276%20264.2%2C%20343%2092.2%2C%20402%20130.2%20C%20454%20167.2%2C%20475%2081.0%2C%20514%20113.0%20C%20577%20161.4%2C%20604%20208.8%2C%20725%20246.9%22%20stroke%3D%22%23ead4a6%22%20stroke-opacity%3D%22.25%22%20stroke-width%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M%20160%20267.2%20C%20276%20263.8%2C%20343%2093.5%2C%20402%20131.5%20C%20454%20168.5%2C%20475%2082.4%2C%20514%20114.4%20C%20577%20162.5%2C%20604%20209.5%2C%20725%20247.6%22%20stroke%3D%22%23ead4a6%22%20stroke-opacity%3D%22.25%22%20stroke-width%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M%20160%20267.9%20C%20276%20263.4%2C%20343%2094.8%2C%20402%20132.8%20C%20454%20169.8%2C%20475%2083.8%2C%20514%20115.8%20C%20577%20163.6%2C%20604%20210.2%2C%20725%20248.3%22%20stroke%3D%22%23ead4a6%22%20stroke-opacity%3D%22.25%22%20stroke-width%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M%20160%20268.6%20C%20276%20263.0%2C%20343%2096.2%2C%20402%20134.2%20C%20454%20171.2%2C%20475%2085.3%2C%20514%20117.3%20C%20577%20164.6%2C%20604%20211.0%2C%20725%20248.9%22%20stroke%3D%22%23ead4a6%22%20stroke-opacity%3D%22.25%22%20stroke-width%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M%20160%20269.4%20C%20276%20262.5%2C%20343%2097.5%2C%20402%20135.6%20C%20454%20172.6%2C%20475%2086.7%2C%20514%20118.7%20C%20577%20165.7%2C%20604%20211.8%2C%20725%20249.6%22%20stroke%3D%22%23ead4a6%22%20stroke-opacity%3D%22.25%22%20stroke-width%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M%20160%20270.1%20C%20276%20262.1%2C%20343%2098.9%2C%20402%20136.9%20C%20454%20173.9%2C%20475%2088.2%2C%20514%20120.2%20C%20577%20166.7%2C%20604%20212.5%2C%20725%20250.2%22%20stroke%3D%22%23ead4a6%22%20stroke-opacity%3D%22.25%22%20stroke-width%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M%20160%20270.8%20C%20276%20261.7%2C%20343%20100.2%2C%20402%20138.2%20C%20454%20175.2%2C%20475%2089.6%2C%20514%20121.6%20C%20577%20167.8%2C%20604%20213.2%2C%20725%20250.9%22%20stroke%3D%22%23ead4a6%22%20stroke-opacity%3D%22.25%22%20stroke-width%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M%20160%20271.5%20C%20276%20261.3%2C%20343%20101.6%2C%20402%20139.6%20C%20454%20176.6%2C%20475%2091.0%2C%20514%20123.0%20C%20577%20168.8%2C%20604%20214.0%2C%20725%20251.6%22%20stroke%3D%22%23ead4a6%22%20stroke-opacity%3D%22.25%22%20stroke-width%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M%20160%20272.2%20C%20276%20260.9%2C%20343%20103.0%2C%20402%20140.9%20C%20454%20177.9%2C%20475%2092.5%2C%20514%20124.5%20C%20577%20169.8%2C%20604%20214.8%2C%20725%20252.2%22%20stroke%3D%22%23ead4a6%22%20stroke-opacity%3D%22.25%22%20stroke-width%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M%20160%20273.0%20C%20276%20260.4%2C%20343%20104.3%2C%20402%20142.3%20C%20454%20179.3%2C%20475%2093.9%2C%20514%20125.9%20C%20577%20170.9%2C%20604%20215.5%2C%20725%20252.9%22%20stroke%3D%22%23ead4a6%22%20stroke-opacity%3D%22.25%22%20stroke-width%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M%20160%20273.7%20C%20276%20260.0%2C%20343%20105.7%2C%20402%20143.7%20C%20454%20180.7%2C%20475%2095.4%2C%20514%20127.4%20C%20577%20171.9%2C%20604%20216.2%2C%20725%20253.5%22%20stroke%3D%22%23ead4a6%22%20stroke-opacity%3D%22.25%22%20stroke-width%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M%20160%20274.4%20C%20276%20259.6%2C%20343%20107.0%2C%20402%20145.0%20C%20454%20182.0%2C%20475%2096.8%2C%20514%20128.8%20C%20577%20173.0%2C%20604%20217.0%2C%20725%20254.2%22%20stroke%3D%22%23ead4a6%22%20stroke-opacity%3D%22.25%22%20stroke-width%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M%20160%20275.1%20C%20276%20259.2%2C%20343%20108.3%2C%20402%20146.3%20C%20454%20183.3%2C%20475%2098.2%2C%20514%20130.2%20C%20577%20174.1%2C%20604%20217.8%2C%20725%20254.9%22%20stroke%3D%22%23ead4a6%22%20stroke-opacity%3D%22.25%22%20stroke-width%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M%20160%20275.8%20C%20276%20258.8%2C%20343%20109.7%2C%20402%20147.7%20C%20454%20184.7%2C%20475%2099.7%2C%20514%20131.7%20C%20577%20175.1%2C%20604%20218.5%2C%20725%20255.5%22%20stroke%3D%22%23ead4a6%22%20stroke-opacity%3D%22.25%22%20stroke-width%3D%22.65%22%2F%3E%3C%2Fsvg%3E") !important;
}

html[data-leadflow-theme="gold"] body[data-leadflow-theme]:not(.app-login-mode) {
  --crm-bg: #080b0d !important;
  --crm-surface: #101416 !important;
  --crm-raised: #1b1d1d !important;
  --crm-soft: #15191b !important;
  --crm-hover: #272821 !important;
  --crm-line: #49402c !important;
  --crm-strong: #978565 !important;
  --crm-text: #faf6ec !important;
  --crm-secondary: #e6d9bc !important;
  --crm-muted: #c9bda2 !important;
  --crm-accent: #f1d187 !important;
  --crm-primary: #e5bd65 !important;
  --crm-primary-hover: #f3d696 !important;
  --crm-on-primary: #1a1408 !important;
  --crm-accent-soft: #2b2517 !important;
  --crm-accent-line: #ac8944 !important;
  --crm-chart-secondary: #89aac5 !important;
  --crm-success: #74d69c !important;
  --crm-success-soft: #143322 !important;
  --crm-warning: #f4cb7e !important;
  --crm-warning-soft: #3b2b13 !important;
  --crm-danger: #ffb0b3 !important;
  --crm-danger-soft: #3c2027 !important;
  --crm-sidebar: #0a0d0f !important;
  --crm-sidebar-top: #18170f !important;
  --crm-sidebar-bottom: #080b0d !important;
  --crm-sidebar-text: #faf4e3 !important;
  --crm-sidebar-muted: #d7c7a5 !important;
  --crm-sidebar-active: #201e16 !important;
  --crm-sidebar-accent: #f7d994 !important;
  --crm-sidebar-line: #6c572f !important;
  --crm-trim: #f0cc7b !important;
  --crm-trim-line: #a88744 !important;
  --crm-trim-soft: #292316 !important;
  --crm-heading: #f4dda1 !important;
  --crm-card-top: #1d1e1b !important;
  --crm-card-bottom: #0c1013 !important;
  --crm-feature-top: #2c291e !important;
  --crm-card-line: #88703d !important;
  --crm-primary-start: #d4aa52 !important;
  --crm-primary-middle: #ffe4a0 !important;
  --crm-primary-end: #dfb761 !important;
  --crm-primary-hover-start: #e7c576 !important;
  --crm-primary-hover-middle: #fff0c1 !important;
  --crm-primary-hover-end: #f0ce86 !important;
  --crm-selection-top: #3c311b !important;
  --crm-selection-bottom: #1c1d18 !important;
  --crm-sidebar-selected-top: #342a17 !important;
  --crm-sidebar-selected-bottom: #101518 !important;
  --crm-sheen: rgba(255,224,158,.19) !important;
  --crm-scheme: dark !important;
  --crm-shadow: inset 0 1px 0 rgba(255,223,155,.13), 0 8px 22px rgba(0,0,0,.2) !important;
  --crm-feature-shadow: inset 0 1px 0 rgba(255,226,164,.24), 0 8px 25px rgba(0,0,0,.28) !important;
  --crm-button-shadow: inset 0 1px 0 rgba(255,245,205,.7), 0 2px 12px rgba(174,125,33,.14) !important;
  --crm-selected-shadow: inset 0 1px 0 rgba(255,221,151,.19), 0 0 12px rgba(198,148,44,.09) !important;
  --crm-icon-finish: linear-gradient(135deg, #342a14, #171b1b) !important;
  --crm-icon-line: #736037 !important;
  --crm-icon-shadow: inset 0 1px 0 rgba(255,215,139,.12) !important;
  --crm-ui-font: Inter, Arial, Helvetica, sans-serif !important;
  --crm-hero-bg: #121515 !important;
  --crm-hero-top: #2d281c !important;
  --crm-hero-text: #f5d78e !important;
  --crm-hero-muted: #e6d5b4 !important;
  --crm-wave: #b88b3c !important;
  --crm-wave-bright: #ffe4a1 !important;
  --crm-wave-dark: #614d2a !important;
  --crm-wave-alpha: .82 !important;
  --crm-header-wave: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201600%20340%22%20fill%3D%22none%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22thread%22%20x1%3D%220%22%20y1%3D%221%22%20x2%3D%221%22%20y2%3D%220%22%3E%3Cstop%20stop-color%3D%22%23614d2a%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.30%22%20stop-color%3D%22%23b88b3c%22%20stop-opacity%3D%22.55%22%2F%3E%3Cstop%20offset%3D%22.56%22%20stop-color%3D%22%23ffe4a1%22%2F%3E%3Cstop%20offset%3D%22.81%22%20stop-color%3D%22%23b88b3c%22%20stop-opacity%3D%22.58%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23614d2a%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22silk%22%3E%3Cstop%20stop-color%3D%22%23614d2a%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23b88b3c%22%20stop-opacity%3D%22.22%22%2F%3E%3Cstop%20offset%3D%22.75%22%20stop-color%3D%22%23ffe4a1%22%20stop-opacity%3D%22.32%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23614d2a%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D%22haze%22%20x%3D%22-30%25%22%20y%3D%22-80%25%22%20width%3D%22160%25%22%20height%3D%22260%25%22%3E%3CfeGaussianBlur%20stdDeviation%3D%224%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20opacity%3D%22.82%22%3E%3Cpath%20d%3D%22M%200%20294%20C%20510%20330%201090%20270%201120%20-180%20L%201510%20-140%20C%201000%20314%20510%20330%200%20294%20Z%22%20fill%3D%22url%28%23silk%29%22%2F%3E%3Cpath%20d%3D%22M%200%20294.00%20C%20510%20330.00%201090.00%20270.00%201120.00%20-180.00%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.250%22%20stroke-width%3D%220.80%22%2F%3E%3Cpath%20d%3D%22M%200%20294.10%20C%20510%20329.89%201088.34%20270.81%201127.16%20-179.26%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.251%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20294.20%20C%20510%20329.78%201086.69%20271.62%201134.33%20-178.52%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.255%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20294.30%20C%20510%20329.68%201085.03%20272.43%201141.49%20-177.79%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.262%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20294.40%20C%20510%20329.57%201083.38%20273.24%201148.66%20-177.05%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.271%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20294.50%20C%20510%20329.46%201081.72%20274.05%201155.82%20-176.31%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.283%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20294.59%20C%20510%20329.35%201080.06%20274.86%201162.98%20-175.57%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.297%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20294.69%20C%20510%20329.24%201078.41%20275.67%201170.15%20-174.83%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.313%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20294.79%20C%20510%20329.14%201076.75%20276.48%201177.31%20-174.10%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.331%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20294.89%20C%20510%20329.03%201075.10%20277.29%201184.48%20-173.36%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.350%22%20stroke-width%3D%220.80%22%2F%3E%3Cpath%20d%3D%22M%200%20294.99%20C%20510%20328.92%201073.44%20278.10%201191.64%20-172.62%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.371%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20295.09%20C%20510%20328.81%201071.78%20278.91%201198.80%20-171.88%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.393%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20295.19%20C%20510%20328.70%201070.13%20279.72%201205.97%20-171.14%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.415%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20295.29%20C%20510%20328.60%201068.47%20280.53%201213.13%20-170.41%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.438%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20295.39%20C%20510%20328.49%201066.82%20281.34%201220.30%20-169.67%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.462%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20295.49%20C%20510%20328.38%201065.16%20282.15%201227.46%20-168.93%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.485%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20295.58%20C%20510%20328.27%201063.50%20282.96%201234.62%20-168.19%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.507%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20295.68%20C%20510%20328.16%201061.85%20283.77%201241.79%20-167.45%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.529%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20295.78%20C%20510%20328.06%201060.19%20284.58%201248.95%20-166.72%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.550%22%20stroke-width%3D%220.80%22%2F%3E%3Cpath%20d%3D%22M%200%20295.88%20C%20510%20327.95%201058.54%20285.39%201256.12%20-165.98%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.569%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20295.98%20C%20510%20327.84%201056.88%20286.20%201263.28%20-165.24%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.587%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20296.08%20C%20510%20327.73%201055.22%20287.01%201270.44%20-164.50%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.603%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20296.18%20C%20510%20327.62%201053.57%20287.82%201277.61%20-163.76%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.617%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20296.28%20C%20510%20327.52%201051.91%20288.63%201284.77%20-163.03%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.629%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20296.38%20C%20510%20327.41%201050.26%20289.44%201291.94%20-162.29%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.638%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20296.48%20C%20510%20327.30%201048.60%20290.25%201299.10%20-161.55%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.645%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20296.57%20C%20510%20327.19%201046.94%20291.06%201306.26%20-160.81%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.649%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20296.67%20C%20510%20327.08%201045.29%20291.87%201313.43%20-160.07%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.650%22%20stroke-width%3D%220.80%22%2F%3E%3Cpath%20d%3D%22M%200%20296.77%20C%20510%20326.98%201043.63%20292.68%201320.59%20-159.34%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.649%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20296.87%20C%20510%20326.87%201041.98%20293.49%201327.76%20-158.60%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.645%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20296.97%20C%20510%20326.76%201040.32%20294.30%201334.92%20-157.86%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.638%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20297.07%20C%20510%20326.65%201038.66%20295.11%201342.08%20-157.12%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.629%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20297.17%20C%20510%20326.54%201037.01%20295.92%201349.25%20-156.38%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.617%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20297.27%20C%20510%20326.44%201035.35%20296.73%201356.41%20-155.65%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.603%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20297.37%20C%20510%20326.33%201033.70%20297.54%201363.58%20-154.91%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.587%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20297.46%20C%20510%20326.22%201032.04%20298.35%201370.74%20-154.17%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.569%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20297.56%20C%20510%20326.11%201030.38%20299.16%201377.90%20-153.43%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.550%22%20stroke-width%3D%220.80%22%2F%3E%3Cpath%20d%3D%22M%200%20297.66%20C%20510%20326.00%201028.73%20299.97%201385.07%20-152.69%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.529%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20297.76%20C%20510%20325.90%201027.07%20300.78%201392.23%20-151.96%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.507%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20297.86%20C%20510%20325.79%201025.42%20301.59%201399.40%20-151.22%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.485%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20297.96%20C%20510%20325.68%201023.76%20302.40%201406.56%20-150.48%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.462%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20298.06%20C%20510%20325.57%201022.10%20303.21%201413.72%20-149.74%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.438%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20298.16%20C%20510%20325.46%201020.45%20304.02%201420.89%20-149.00%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.415%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20298.26%20C%20510%20325.36%201018.79%20304.83%201428.05%20-148.27%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.393%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20298.36%20C%20510%20325.25%201017.14%20305.64%201435.22%20-147.53%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.371%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20298.45%20C%20510%20325.14%201015.48%20306.45%201442.38%20-146.79%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.350%22%20stroke-width%3D%220.80%22%2F%3E%3Cpath%20d%3D%22M%200%20298.55%20C%20510%20325.03%201013.82%20307.26%201449.54%20-146.05%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.331%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20298.65%20C%20510%20324.92%201012.17%20308.07%201456.71%20-145.31%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.313%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20298.75%20C%20510%20324.82%201010.51%20308.88%201463.87%20-144.58%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.297%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20298.85%20C%20510%20324.71%201008.86%20309.69%201471.04%20-143.84%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.283%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20298.95%20C%20510%20324.60%201007.20%20310.50%201478.20%20-143.10%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.271%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20299.05%20C%20510%20324.49%201005.54%20311.31%201485.36%20-142.36%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.262%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20299.15%20C%20510%20324.38%201003.89%20312.12%201492.53%20-141.62%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.255%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20299.25%20C%20510%20324.28%201002.23%20312.93%201499.69%20-140.89%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.251%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20299.35%20C%20510%20324.17%201000.58%20313.74%201506.86%20-140.15%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.250%22%20stroke-width%3D%220.80%22%2F%3E%3Cpath%20d%3D%22M%200%20326.00%20C%20650%20343.00%201130%20152.00%201675%2045.00%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20326.40%20C%20650%20343.53%201130%20152.64%201675%2042.54%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20326.79%20C%20650%20344.06%201130%20153.28%201675%2040.07%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20327.19%20C%20650%20344.58%201130%20153.91%201675%2037.61%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20327.58%20C%20650%20345.11%201130%20154.55%201675%2035.14%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20327.98%20C%20650%20345.64%201130%20155.19%201675%2032.68%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20328.38%20C%20650%20346.17%201130%20155.83%201675%2030.22%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20328.77%20C%20650%20346.70%201130%20156.47%201675%2027.75%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20329.17%20C%20650%20347.22%201130%20157.10%201675%2025.29%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20329.56%20C%20650%20347.75%201130%20157.74%201675%2022.82%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20329.96%20C%20650%20348.28%201130%20158.38%201675%2020.36%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20330.36%20C%20650%20348.81%201130%20159.02%201675%2017.90%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20330.75%20C%20650%20349.34%201130%20159.66%201675%2015.43%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20331.15%20C%20650%20349.86%201130%20160.29%201675%2012.97%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20331.54%20C%20650%20350.39%201130%20160.93%201675%2010.50%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20331.94%20C%20650%20350.92%201130%20161.57%201675%208.04%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20332.34%20C%20650%20351.45%201130%20162.21%201675%205.58%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20332.73%20C%20650%20351.98%201130%20162.85%201675%203.11%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20333.13%20C%20650%20352.50%201130%20163.48%201675%200.65%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20333.52%20C%20650%20353.03%201130%20164.12%201675%20-1.82%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20333.92%20C%20650%20353.56%201130%20164.76%201675%20-4.28%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20334.32%20C%20650%20354.09%201130%20165.40%201675%20-6.74%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20334.71%20C%20650%20354.62%201130%20166.04%201675%20-9.21%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20335.11%20C%20650%20355.14%201130%20166.67%201675%20-11.67%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20335.50%20C%20650%20355.67%201130%20167.31%201675%20-14.14%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20335.90%20C%20650%20356.20%201130%20167.95%201675%20-16.60%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20296.09%20C%20510%20327.72%201055.04%20287.10%201271.24%20-164.42%22%20stroke%3D%22url%28%23thread%29%22%20stroke-width%3D%223%22%20stroke-opacity%3D%22.25%22%20filter%3D%22url%28%23haze%29%22%2F%3E%3Cpath%20d%3D%22M%200%20297.57%20C%20510%20326.10%201030.20%20299.25%201378.70%20-153.35%22%20stroke%3D%22url%28%23thread%29%22%20stroke-width%3D%223%22%20stroke-opacity%3D%22.25%22%20filter%3D%22url%28%23haze%29%22%2F%3E%3Cpath%20d%3D%22M%200%20296.58%20C%20510%20327.18%201046.76%20291.15%201307.06%20-160.73%22%20stroke%3D%22url%28%23thread%29%22%20stroke-width%3D%221.1%22%20stroke-opacity%3D%22.82%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") !important;
  --crm-sidebar-wave: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20300%20430%22%20fill%3D%22none%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22thread%22%20x1%3D%220%22%20y1%3D%221%22%20x2%3D%221%22%20y2%3D%220%22%3E%3Cstop%20stop-color%3D%22%23614d2a%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.30%22%20stop-color%3D%22%23b88b3c%22%20stop-opacity%3D%22.55%22%2F%3E%3Cstop%20offset%3D%22.56%22%20stop-color%3D%22%23ffe4a1%22%2F%3E%3Cstop%20offset%3D%22.81%22%20stop-color%3D%22%23b88b3c%22%20stop-opacity%3D%22.58%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23614d2a%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22silk%22%3E%3Cstop%20stop-color%3D%22%23614d2a%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23b88b3c%22%20stop-opacity%3D%22.22%22%2F%3E%3Cstop%20offset%3D%22.75%22%20stop-color%3D%22%23ffe4a1%22%20stop-opacity%3D%22.32%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23614d2a%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D%22haze%22%20x%3D%22-30%25%22%20y%3D%22-80%25%22%20width%3D%22160%25%22%20height%3D%22260%25%22%3E%3CfeGaussianBlur%20stdDeviation%3D%224%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20opacity%3D%22.82%22%3E%3Cpath%20d%3D%22M%20-45%2010%20C%2022%20215%2095%20185%20165%20260%20C%20220%20315%20255%20366%20350%20415%20L%20350%20430%20C%20255%20390%20192%20308%20171%20266%20C%20102%20213%2042%20184%20-62%2016%20Z%22%20fill%3D%22url%28%23silk%29%22%2F%3E%3Cpath%20d%3D%22M%20-45.00%2010.00%20C%2022.00%20215.00%2095.00%20185.00%20165.00%20260.00%20C%20220.00%20315.00%20255%20366.00%20350%20415.00%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.250%22%20stroke-width%3D%220.80%22%2F%3E%3Cpath%20d%3D%22M%20-45.31%2010.10%20C%2022.37%20214.43%2095.13%20185.50%20165.10%20260.10%20C%20219.48%20314.87%20255%20366.42%20350%20415.27%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.251%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-45.63%2010.21%20C%2022.73%20213.85%2095.25%20186.00%20165.21%20260.21%20C%20218.96%20314.75%20255%20366.84%20350%20415.54%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.255%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-45.94%2010.31%20C%2023.10%20213.28%2095.38%20186.50%20165.31%20260.31%20C%20218.43%20314.62%20255%20367.25%20350%20415.81%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.262%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-46.25%2010.42%20C%2023.46%20212.70%2095.50%20187.00%20165.42%20260.42%20C%20217.91%20314.50%20255%20367.67%20350%20416.09%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.271%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-46.57%2010.52%20C%2023.83%20212.13%2095.63%20187.51%20165.52%20260.52%20C%20217.39%20314.37%20255%20368.09%20350%20416.36%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.283%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-46.88%2010.63%20C%2024.19%20211.55%2095.75%20188.01%20165.63%20260.63%20C%20216.87%20314.25%20255%20368.51%20350%20416.63%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.297%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-47.19%2010.73%20C%2024.56%20210.98%2095.88%20188.51%20165.73%20260.73%20C%20216.35%20314.12%20255%20368.92%20350%20416.90%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.313%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-47.51%2010.84%20C%2024.92%20210.41%2096.00%20189.01%20165.84%20260.84%20C%20215.82%20314.00%20255%20369.34%20350%20417.17%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.331%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-47.82%2010.94%20C%2025.29%20209.83%2096.13%20189.51%20165.94%20260.94%20C%20215.30%20313.87%20255%20369.76%20350%20417.44%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.350%22%20stroke-width%3D%220.80%22%2F%3E%3Cpath%20d%3D%22M%20-48.13%2011.04%20C%2025.65%20209.26%2096.25%20190.01%20166.04%20261.04%20C%20214.78%20313.75%20255%20370.18%20350%20417.71%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.371%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-48.45%2011.15%20C%2026.02%20208.68%2096.38%20190.51%20166.15%20261.15%20C%20214.26%20313.62%20255%20370.59%20350%20417.99%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.393%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-48.76%2011.25%20C%2026.38%20208.11%2096.50%20191.01%20166.25%20261.25%20C%20213.74%20313.50%20255%20371.01%20350%20418.26%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.415%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-49.07%2011.36%20C%2026.75%20207.54%2096.63%20191.51%20166.36%20261.36%20C%20213.21%20313.37%20255%20371.43%20350%20418.53%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.438%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-49.38%2011.46%20C%2027.12%20206.96%2096.75%20192.02%20166.46%20261.46%20C%20212.69%20313.25%20255%20371.85%20350%20418.80%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.462%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-49.70%2011.57%20C%2027.48%20206.39%2096.88%20192.52%20166.57%20261.57%20C%20212.17%20313.12%20255%20372.26%20350%20419.07%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.485%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-50.01%2011.67%20C%2027.85%20205.81%2097.00%20193.02%20166.67%20261.67%20C%20211.65%20313.00%20255%20372.68%20350%20419.34%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.507%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-50.32%2011.77%20C%2028.21%20205.24%2097.13%20193.52%20166.77%20261.77%20C%20211.13%20312.87%20255%20373.10%20350%20419.61%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.529%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-50.64%2011.88%20C%2028.58%20204.66%2097.26%20194.02%20166.88%20261.88%20C%20210.60%20312.74%20255%20373.52%20350%20419.89%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.550%22%20stroke-width%3D%220.80%22%2F%3E%3Cpath%20d%3D%22M%20-50.95%2011.98%20C%2028.94%20204.09%2097.38%20194.52%20166.98%20261.98%20C%20210.08%20312.62%20255%20373.93%20350%20420.16%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.569%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-51.26%2012.09%20C%2029.31%20203.52%2097.51%20195.02%20167.09%20262.09%20C%20209.56%20312.49%20255%20374.35%20350%20420.43%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.587%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-51.58%2012.19%20C%2029.67%20202.94%2097.63%20195.52%20167.19%20262.19%20C%20209.04%20312.37%20255%20374.77%20350%20420.70%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.603%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-51.89%2012.30%20C%2030.04%20202.37%2097.76%20196.02%20167.30%20262.30%20C%20208.52%20312.24%20255%20375.19%20350%20420.97%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.617%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-52.20%2012.40%20C%2030.40%20201.79%2097.88%20196.53%20167.40%20262.40%20C%20207.99%20312.12%20255%20375.60%20350%20421.24%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.629%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-52.52%2012.51%20C%2030.77%20201.22%2098.01%20197.03%20167.51%20262.51%20C%20207.47%20311.99%20255%20376.02%20350%20421.51%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.638%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-52.83%2012.61%20C%2031.13%20200.65%2098.13%20197.53%20167.61%20262.61%20C%20206.95%20311.87%20255%20376.44%20350%20421.79%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.645%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-53.14%2012.71%20C%2031.50%20200.07%2098.26%20198.03%20167.71%20262.71%20C%20206.43%20311.74%20255%20376.86%20350%20422.06%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.649%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-53.46%2012.82%20C%2031.87%20199.50%2098.38%20198.53%20167.82%20262.82%20C%20205.91%20311.62%20255%20377.28%20350%20422.33%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.650%22%20stroke-width%3D%220.80%22%2F%3E%3Cpath%20d%3D%22M%20-53.77%2012.92%20C%2032.23%20198.92%2098.51%20199.03%20167.92%20262.92%20C%20205.38%20311.49%20255%20377.69%20350%20422.60%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.649%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-54.08%2013.03%20C%2032.60%20198.35%2098.63%20199.53%20168.03%20263.03%20C%20204.86%20311.37%20255%20378.11%20350%20422.87%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.645%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-54.40%2013.13%20C%2032.96%20197.77%2098.76%20200.03%20168.13%20263.13%20C%20204.34%20311.24%20255%20378.53%20350%20423.14%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.638%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-54.71%2013.24%20C%2033.33%20197.20%2098.88%20200.53%20168.24%20263.24%20C%20203.82%20311.12%20255%20378.95%20350%20423.41%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.629%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-55.02%2013.34%20C%2033.69%20196.63%2099.01%20201.04%20168.34%20263.34%20C%20203.30%20310.99%20255%20379.36%20350%20423.69%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.617%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-55.34%2013.45%20C%2034.06%20196.05%2099.13%20201.54%20168.45%20263.45%20C%20202.77%20310.87%20255%20379.78%20350%20423.96%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.603%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-55.65%2013.55%20C%2034.42%20195.48%2099.26%20202.04%20168.55%20263.55%20C%20202.25%20310.74%20255%20380.20%20350%20424.23%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.587%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-55.96%2013.65%20C%2034.79%20194.90%2099.38%20202.54%20168.65%20263.65%20C%20201.73%20310.62%20255%20380.62%20350%20424.50%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.569%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-56.28%2013.76%20C%2035.15%20194.33%2099.51%20203.04%20168.76%20263.76%20C%20201.21%20310.49%20255%20381.03%20350%20424.77%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.550%22%20stroke-width%3D%220.80%22%2F%3E%3Cpath%20d%3D%22M%20-56.59%2013.86%20C%2035.52%20193.75%2099.64%20203.54%20168.86%20263.86%20C%20200.69%20310.36%20255%20381.45%20350%20425.04%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.529%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-56.90%2013.97%20C%2035.89%20193.18%2099.76%20204.04%20168.97%20263.97%20C%20200.16%20310.24%20255%20381.87%20350%20425.31%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.507%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-57.21%2014.07%20C%2036.25%20192.61%2099.89%20204.54%20169.07%20264.07%20C%20199.64%20310.11%20255%20382.29%20350%20425.59%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.485%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-57.53%2014.18%20C%2036.62%20192.03%20100.01%20205.04%20169.18%20264.18%20C%20199.12%20309.99%20255%20382.70%20350%20425.86%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.462%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-57.84%2014.28%20C%2036.98%20191.46%20100.14%20205.55%20169.28%20264.28%20C%20198.60%20309.86%20255%20383.12%20350%20426.13%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.438%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-58.15%2014.38%20C%2037.35%20190.88%20100.26%20206.05%20169.38%20264.38%20C%20198.08%20309.74%20255%20383.54%20350%20426.40%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.415%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-58.47%2014.49%20C%2037.71%20190.31%20100.39%20206.55%20169.49%20264.49%20C%20197.55%20309.61%20255%20383.96%20350%20426.67%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.393%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-58.78%2014.59%20C%2038.08%20189.74%20100.51%20207.05%20169.59%20264.59%20C%20197.03%20309.49%20255%20384.37%20350%20426.94%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.371%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-59.09%2014.70%20C%2038.44%20189.16%20100.64%20207.55%20169.70%20264.70%20C%20196.51%20309.36%20255%20384.79%20350%20427.21%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.350%22%20stroke-width%3D%220.80%22%2F%3E%3Cpath%20d%3D%22M%20-59.41%2014.80%20C%2038.81%20188.59%20100.76%20208.05%20169.80%20264.80%20C%20195.99%20309.24%20255%20385.21%20350%20427.49%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.331%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-59.72%2014.91%20C%2039.17%20188.01%20100.89%20208.55%20169.91%20264.91%20C%20195.47%20309.11%20255%20385.63%20350%20427.76%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.313%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-60.03%2015.01%20C%2039.54%20187.44%20101.01%20209.05%20170.01%20265.01%20C%20194.94%20308.99%20255%20386.04%20350%20428.03%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.297%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-60.35%2015.12%20C%2039.90%20186.86%20101.14%20209.55%20170.12%20265.12%20C%20194.42%20308.86%20255%20386.46%20350%20428.30%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.283%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-60.66%2015.22%20C%2040.27%20186.29%20101.26%20210.06%20170.22%20265.22%20C%20193.90%20308.74%20255%20386.88%20350%20428.57%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.271%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-60.97%2015.32%20C%2040.64%20185.72%20101.39%20210.56%20170.32%20265.32%20C%20193.38%20308.61%20255%20387.30%20350%20428.84%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.262%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-61.29%2015.43%20C%2041.00%20185.14%20101.51%20211.06%20170.43%20265.43%20C%20192.86%20308.49%20255%20387.72%20350%20429.11%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.255%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-61.60%2015.53%20C%2041.37%20184.57%20101.64%20211.56%20170.53%20265.53%20C%20192.33%20308.36%20255%20388.13%20350%20429.39%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.251%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-61.91%2015.64%20C%2041.73%20183.99%20101.77%20212.06%20170.64%20265.64%20C%20191.81%20308.23%20255%20388.55%20350%20429.66%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.250%22%20stroke-width%3D%220.80%22%2F%3E%3Cpath%20d%3D%22M%20-50%20320.00%20C%2020%20198.00%2040%20240.00%20125%20265.00%20C%20200%20295.00%20250%20250.00%20345%20180.00%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20317.03%20C%2020%20200.11%2040%20239.01%20125%20264.65%20C%20200%20295.88%20250%20248.24%20345%20181.32%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20314.06%20C%2020%20202.22%2040%20238.02%20125%20264.30%20C%20200%20296.76%20250%20246.48%20345%20182.64%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20311.09%20C%2020%20204.34%2040%20237.03%20125%20263.94%20C%20200%20297.64%20250%20244.72%20345%20183.96%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20308.12%20C%2020%20206.45%2040%20236.04%20125%20263.59%20C%20200%20298.52%20250%20242.96%20345%20185.28%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20305.15%20C%2020%20208.56%2040%20235.05%20125%20263.24%20C%20200%20299.40%20250%20241.20%20345%20186.60%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20302.18%20C%2020%20210.67%2040%20234.06%20125%20262.89%20C%20200%20300.28%20250%20239.44%20345%20187.92%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20299.21%20C%2020%20212.78%2040%20233.07%20125%20262.54%20C%20200%20301.16%20250%20237.68%20345%20189.24%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20296.24%20C%2020%20214.90%2040%20232.08%20125%20262.18%20C%20200%20302.04%20250%20235.92%20345%20190.56%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20293.27%20C%2020%20217.01%2040%20231.09%20125%20261.83%20C%20200%20302.92%20250%20234.16%20345%20191.88%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20290.30%20C%2020%20219.12%2040%20230.10%20125%20261.48%20C%20200%20303.80%20250%20232.40%20345%20193.20%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20287.33%20C%2020%20221.23%2040%20229.11%20125%20261.13%20C%20200%20304.68%20250%20230.64%20345%20194.52%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20284.36%20C%2020%20223.34%2040%20228.12%20125%20260.78%20C%20200%20305.56%20250%20228.88%20345%20195.84%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20281.39%20C%2020%20225.46%2040%20227.13%20125%20260.42%20C%20200%20306.44%20250%20227.12%20345%20197.16%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20278.42%20C%2020%20227.57%2040%20226.14%20125%20260.07%20C%20200%20307.32%20250%20225.36%20345%20198.48%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20275.45%20C%2020%20229.68%2040%20225.15%20125%20259.72%20C%20200%20308.20%20250%20223.60%20345%20199.80%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20272.48%20C%2020%20231.79%2040%20224.16%20125%20259.37%20C%20200%20309.08%20250%20221.84%20345%20201.12%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20269.51%20C%2020%20233.90%2040%20223.17%20125%20259.02%20C%20200%20309.96%20250%20220.08%20345%20202.44%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20266.54%20C%2020%20236.02%2040%20222.18%20125%20258.66%20C%20200%20310.84%20250%20218.32%20345%20203.76%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20263.57%20C%2020%20238.13%2040%20221.19%20125%20258.31%20C%20200%20311.72%20250%20216.56%20345%20205.08%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20260.60%20C%2020%20240.24%2040%20220.20%20125%20257.96%20C%20200%20312.60%20250%20214.80%20345%20206.40%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20257.63%20C%2020%20242.35%2040%20219.21%20125%20257.61%20C%20200%20313.48%20250%20213.04%20345%20207.72%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20254.66%20C%2020%20244.46%2040%20218.22%20125%20257.26%20C%20200%20314.36%20250%20211.28%20345%20209.04%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20251.69%20C%2020%20246.58%2040%20217.23%20125%20256.90%20C%20200%20315.24%20250%20209.52%20345%20210.36%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20248.72%20C%2020%20248.69%2040%20216.24%20125%20256.55%20C%20200%20316.12%20250%20207.76%20345%20211.68%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20245.75%20C%2020%20250.80%2040%20215.25%20125%20256.20%20C%20200%20317.00%20250%20206.00%20345%20213.00%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-51.61%2012.20%20C%2029.71%20202.88%2097.64%20195.58%20167.20%20262.20%20C%20208.98%20312.36%20255%20374.82%20350%20420.73%22%20stroke%3D%22url%28%23thread%29%22%20stroke-width%3D%223%22%20stroke-opacity%3D%22.25%22%20filter%3D%22url%28%23haze%29%22%2F%3E%3Cpath%20d%3D%22M%20-56.31%2013.77%20C%2035.20%20194.26%2099.52%20203.10%20168.77%20263.77%20C%20201.15%20310.48%20255%20381.08%20350%20424.80%22%20stroke%3D%22url%28%23thread%29%22%20stroke-width%3D%223%22%20stroke-opacity%3D%22.25%22%20filter%3D%22url%28%23haze%29%22%2F%3E%3Cpath%20d%3D%22M%20-53.18%2012.73%20C%2031.54%20200.01%2098.27%20198.08%20167.73%20262.73%20C%20206.37%20311.73%20255%20376.90%20350%20422.09%22%20stroke%3D%22url%28%23thread%29%22%20stroke-width%3D%221.1%22%20stroke-opacity%3D%22.82%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") !important;
  --crm-fine-wave: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20700%20240%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M%20160%20260.0%20C%20276%20268.0%2C%20343%2080.0%2C%20402%20118.0%20C%20454%20155.0%2C%20475%2068.0%2C%20514%20100.0%20C%20577%20152.0%2C%20604%20202.0%2C%20725%20241.0%22%20stroke%3D%22%23ffe4a1%22%20stroke-opacity%3D%22.25%22%20stroke-width%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M%20160%20260.7%20C%20276%20267.6%2C%20343%2081.3%2C%20402%20119.3%20C%20454%20156.3%2C%20475%2069.4%2C%20514%20101.4%20C%20577%20153.1%2C%20604%20202.8%2C%20725%20241.7%22%20stroke%3D%22%23ffe4a1%22%20stroke-opacity%3D%22.25%22%20stroke-width%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M%20160%20261.4%20C%20276%20267.2%2C%20343%2082.7%2C%20402%20120.7%20C%20454%20157.7%2C%20475%2070.9%2C%20514%20102.9%20C%20577%20154.1%2C%20604%20203.5%2C%20725%20242.3%22%20stroke%3D%22%23ffe4a1%22%20stroke-opacity%3D%22.25%22%20stroke-width%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M%20160%20262.2%20C%20276%20266.7%2C%20343%2084.0%2C%20402%20122.0%20C%20454%20159.1%2C%20475%2072.3%2C%20514%20104.3%20C%20577%20155.2%2C%20604%20204.2%2C%20725%20243.0%22%20stroke%3D%22%23ffe4a1%22%20stroke-opacity%3D%22.25%22%20stroke-width%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M%20160%20262.9%20C%20276%20266.3%2C%20343%2085.4%2C%20402%20123.4%20C%20454%20160.4%2C%20475%2073.8%2C%20514%20105.8%20C%20577%20156.2%2C%20604%20205.0%2C%20725%20243.6%22%20stroke%3D%22%23ffe4a1%22%20stroke-opacity%3D%22.25%22%20stroke-width%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M%20160%20263.6%20C%20276%20265.9%2C%20343%2086.8%2C%20402%20124.8%20C%20454%20161.8%2C%20475%2075.2%2C%20514%20107.2%20C%20577%20157.2%2C%20604%20205.8%2C%20725%20244.3%22%20stroke%3D%22%23ffe4a1%22%20stroke-opacity%3D%22.25%22%20stroke-width%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M%20160%20264.3%20C%20276%20265.5%2C%20343%2088.1%2C%20402%20126.1%20C%20454%20163.1%2C%20475%2076.6%2C%20514%20108.6%20C%20577%20158.3%2C%20604%20206.5%2C%20725%20245.0%22%20stroke%3D%22%23ffe4a1%22%20stroke-opacity%3D%22.25%22%20stroke-width%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M%20160%20265.0%20C%20276%20265.1%2C%20343%2089.5%2C%20402%20127.5%20C%20454%20164.4%2C%20475%2078.1%2C%20514%20110.1%20C%20577%20159.3%2C%20604%20207.2%2C%20725%20245.6%22%20stroke%3D%22%23ffe4a1%22%20stroke-opacity%3D%22.25%22%20stroke-width%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M%20160%20265.8%20C%20276%20264.6%2C%20343%2090.8%2C%20402%20128.8%20C%20454%20165.8%2C%20475%2079.5%2C%20514%20111.5%20C%20577%20160.4%2C%20604%20208.0%2C%20725%20246.3%22%20stroke%3D%22%23ffe4a1%22%20stroke-opacity%3D%22.25%22%20stroke-width%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M%20160%20266.5%20C%20276%20264.2%2C%20343%2092.2%2C%20402%20130.2%20C%20454%20167.2%2C%20475%2081.0%2C%20514%20113.0%20C%20577%20161.4%2C%20604%20208.8%2C%20725%20246.9%22%20stroke%3D%22%23ffe4a1%22%20stroke-opacity%3D%22.25%22%20stroke-width%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M%20160%20267.2%20C%20276%20263.8%2C%20343%2093.5%2C%20402%20131.5%20C%20454%20168.5%2C%20475%2082.4%2C%20514%20114.4%20C%20577%20162.5%2C%20604%20209.5%2C%20725%20247.6%22%20stroke%3D%22%23ffe4a1%22%20stroke-opacity%3D%22.25%22%20stroke-width%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M%20160%20267.9%20C%20276%20263.4%2C%20343%2094.8%2C%20402%20132.8%20C%20454%20169.8%2C%20475%2083.8%2C%20514%20115.8%20C%20577%20163.6%2C%20604%20210.2%2C%20725%20248.3%22%20stroke%3D%22%23ffe4a1%22%20stroke-opacity%3D%22.25%22%20stroke-width%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M%20160%20268.6%20C%20276%20263.0%2C%20343%2096.2%2C%20402%20134.2%20C%20454%20171.2%2C%20475%2085.3%2C%20514%20117.3%20C%20577%20164.6%2C%20604%20211.0%2C%20725%20248.9%22%20stroke%3D%22%23ffe4a1%22%20stroke-opacity%3D%22.25%22%20stroke-width%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M%20160%20269.4%20C%20276%20262.5%2C%20343%2097.5%2C%20402%20135.6%20C%20454%20172.6%2C%20475%2086.7%2C%20514%20118.7%20C%20577%20165.7%2C%20604%20211.8%2C%20725%20249.6%22%20stroke%3D%22%23ffe4a1%22%20stroke-opacity%3D%22.25%22%20stroke-width%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M%20160%20270.1%20C%20276%20262.1%2C%20343%2098.9%2C%20402%20136.9%20C%20454%20173.9%2C%20475%2088.2%2C%20514%20120.2%20C%20577%20166.7%2C%20604%20212.5%2C%20725%20250.2%22%20stroke%3D%22%23ffe4a1%22%20stroke-opacity%3D%22.25%22%20stroke-width%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M%20160%20270.8%20C%20276%20261.7%2C%20343%20100.2%2C%20402%20138.2%20C%20454%20175.2%2C%20475%2089.6%2C%20514%20121.6%20C%20577%20167.8%2C%20604%20213.2%2C%20725%20250.9%22%20stroke%3D%22%23ffe4a1%22%20stroke-opacity%3D%22.25%22%20stroke-width%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M%20160%20271.5%20C%20276%20261.3%2C%20343%20101.6%2C%20402%20139.6%20C%20454%20176.6%2C%20475%2091.0%2C%20514%20123.0%20C%20577%20168.8%2C%20604%20214.0%2C%20725%20251.6%22%20stroke%3D%22%23ffe4a1%22%20stroke-opacity%3D%22.25%22%20stroke-width%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M%20160%20272.2%20C%20276%20260.9%2C%20343%20103.0%2C%20402%20140.9%20C%20454%20177.9%2C%20475%2092.5%2C%20514%20124.5%20C%20577%20169.8%2C%20604%20214.8%2C%20725%20252.2%22%20stroke%3D%22%23ffe4a1%22%20stroke-opacity%3D%22.25%22%20stroke-width%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M%20160%20273.0%20C%20276%20260.4%2C%20343%20104.3%2C%20402%20142.3%20C%20454%20179.3%2C%20475%2093.9%2C%20514%20125.9%20C%20577%20170.9%2C%20604%20215.5%2C%20725%20252.9%22%20stroke%3D%22%23ffe4a1%22%20stroke-opacity%3D%22.25%22%20stroke-width%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M%20160%20273.7%20C%20276%20260.0%2C%20343%20105.7%2C%20402%20143.7%20C%20454%20180.7%2C%20475%2095.4%2C%20514%20127.4%20C%20577%20171.9%2C%20604%20216.2%2C%20725%20253.5%22%20stroke%3D%22%23ffe4a1%22%20stroke-opacity%3D%22.25%22%20stroke-width%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M%20160%20274.4%20C%20276%20259.6%2C%20343%20107.0%2C%20402%20145.0%20C%20454%20182.0%2C%20475%2096.8%2C%20514%20128.8%20C%20577%20173.0%2C%20604%20217.0%2C%20725%20254.2%22%20stroke%3D%22%23ffe4a1%22%20stroke-opacity%3D%22.25%22%20stroke-width%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M%20160%20275.1%20C%20276%20259.2%2C%20343%20108.3%2C%20402%20146.3%20C%20454%20183.3%2C%20475%2098.2%2C%20514%20130.2%20C%20577%20174.1%2C%20604%20217.8%2C%20725%20254.9%22%20stroke%3D%22%23ffe4a1%22%20stroke-opacity%3D%22.25%22%20stroke-width%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M%20160%20275.8%20C%20276%20258.8%2C%20343%20109.7%2C%20402%20147.7%20C%20454%20184.7%2C%20475%2099.7%2C%20514%20131.7%20C%20577%20175.1%2C%20604%20218.5%2C%20725%20255.5%22%20stroke%3D%22%23ffe4a1%22%20stroke-opacity%3D%22.25%22%20stroke-width%3D%22.65%22%2F%3E%3C%2Fsvg%3E") !important;
}

html[data-leadflow-theme="dark"] body[data-leadflow-theme]:not(.app-login-mode) {
  --crm-bg: #0d0817 !important;
  --crm-surface: #171225 !important;
  --crm-raised: #271b39 !important;
  --crm-soft: #21182f !important;
  --crm-hover: #382348 !important;
  --crm-line: #554064 !important;
  --crm-strong: #a176bc !important;
  --crm-text: #fbf2ff !important;
  --crm-secondary: #ebcef9 !important;
  --crm-muted: #d0b4e2 !important;
  --crm-accent: #eab1ff !important;
  --crm-primary: #dea2f7 !important;
  --crm-primary-hover: #edc2ff !important;
  --crm-on-primary: #250b36 !important;
  --crm-accent-soft: #382047 !important;
  --crm-accent-line: #b376d4 !important;
  --crm-chart-secondary: #a8c5f8 !important;
  --crm-success: #89e5ac !important;
  --crm-success-soft: #163326 !important;
  --crm-warning: #f2c990 !important;
  --crm-warning-soft: #3e2c22 !important;
  --crm-danger: #ffb3cb !important;
  --crm-danger-soft: #42233a !important;
  --crm-sidebar: #10091c !important;
  --crm-sidebar-top: #281037 !important;
  --crm-sidebar-bottom: #0b0814 !important;
  --crm-sidebar-text: #f8eaff !important;
  --crm-sidebar-muted: #dabce9 !important;
  --crm-sidebar-active: #2f193e !important;
  --crm-sidebar-accent: #f2c2ff !important;
  --crm-sidebar-line: #a461c9 !important;
  --crm-trim: #e5a1ff !important;
  --crm-trim-line: #ba77e0 !important;
  --crm-trim-soft: #352043 !important;
  --crm-heading: #faebff !important;
  --crm-card-top: #2e1e40 !important;
  --crm-card-bottom: #120e20 !important;
  --crm-feature-top: #39204b !important;
  --crm-card-line: #a061c5 !important;
  --crm-primary-start: #d587f1 !important;
  --crm-primary-middle: #f5cbff !important;
  --crm-primary-end: #d893f2 !important;
  --crm-primary-hover-start: #e7b0fa !important;
  --crm-primary-hover-middle: #ffe5ff !important;
  --crm-primary-hover-end: #e9bbfb !important;
  --crm-selection-top: #532969 !important;
  --crm-selection-bottom: #261832 !important;
  --crm-sidebar-selected-top: #542765 !important;
  --crm-sidebar-selected-bottom: #1d142a !important;
  --crm-sheen: rgba(245,181,255,.26) !important;
  --crm-scheme: dark !important;
  --crm-shadow: inset 0 1px 0 rgba(242,171,255,.22), 0 0 13px rgba(151,56,214,.12), 0 7px 20px rgba(0,0,0,.23) !important;
  --crm-feature-shadow: inset 0 1px 0 rgba(248,199,255,.38), 0 0 17px rgba(172,70,225,.18), 0 8px 24px rgba(0,0,0,.2) !important;
  --crm-button-shadow: inset 0 1px 0 #f8dcff, 0 0 12px rgba(206,102,255,.4) !important;
  --crm-selected-shadow: inset 0 1px 0 rgba(255,216,255,.45), inset 0 0 12px rgba(215,107,255,.09), 0 0 12px rgba(187,85,250,.24) !important;
  --crm-icon-finish: linear-gradient(135deg, #4b2264, #231832) !important;
  --crm-icon-line: #8e51aa !important;
  --crm-icon-shadow: inset 0 1px 0 rgba(239,179,255,.2), 0 0 8px rgba(201,88,255,.13) !important;
  --crm-ui-font: Inter, Arial, Helvetica, sans-serif !important;
  --crm-hero-bg: #201330 !important;
  --crm-hero-top: #4a235f !important;
  --crm-hero-text: #fbebff !important;
  --crm-hero-muted: #e6c1f7 !important;
  --crm-wave: #a840df !important;
  --crm-wave-bright: #f4b8ff !important;
  --crm-wave-dark: #3e1763 !important;
  --crm-wave-alpha: .87 !important;
  --crm-header-wave: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201600%20340%22%20fill%3D%22none%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22thread%22%20x1%3D%220%22%20y1%3D%221%22%20x2%3D%221%22%20y2%3D%220%22%3E%3Cstop%20stop-color%3D%22%233e1763%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.30%22%20stop-color%3D%22%23a840df%22%20stop-opacity%3D%22.55%22%2F%3E%3Cstop%20offset%3D%22.56%22%20stop-color%3D%22%23f4b8ff%22%2F%3E%3Cstop%20offset%3D%22.81%22%20stop-color%3D%22%23a840df%22%20stop-opacity%3D%22.58%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%233e1763%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22silk%22%3E%3Cstop%20stop-color%3D%22%233e1763%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23a840df%22%20stop-opacity%3D%22.22%22%2F%3E%3Cstop%20offset%3D%22.75%22%20stop-color%3D%22%23f4b8ff%22%20stop-opacity%3D%22.32%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%233e1763%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D%22haze%22%20x%3D%22-30%25%22%20y%3D%22-80%25%22%20width%3D%22160%25%22%20height%3D%22260%25%22%3E%3CfeGaussianBlur%20stdDeviation%3D%224%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20opacity%3D%22.87%22%3E%3Cpath%20d%3D%22M%200%20294%20C%20510%20330%201090%20270%201120%20-180%20L%201510%20-140%20C%201000%20314%20510%20330%200%20294%20Z%22%20fill%3D%22url%28%23silk%29%22%2F%3E%3Cpath%20d%3D%22M%200%20294.00%20C%20510%20330.00%201090.00%20270.00%201120.00%20-180.00%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.250%22%20stroke-width%3D%220.80%22%2F%3E%3Cpath%20d%3D%22M%200%20294.10%20C%20510%20329.89%201088.34%20270.81%201127.16%20-179.26%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.251%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20294.20%20C%20510%20329.78%201086.69%20271.62%201134.33%20-178.52%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.255%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20294.30%20C%20510%20329.68%201085.03%20272.43%201141.49%20-177.79%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.262%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20294.40%20C%20510%20329.57%201083.38%20273.24%201148.66%20-177.05%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.271%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20294.50%20C%20510%20329.46%201081.72%20274.05%201155.82%20-176.31%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.283%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20294.59%20C%20510%20329.35%201080.06%20274.86%201162.98%20-175.57%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.297%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20294.69%20C%20510%20329.24%201078.41%20275.67%201170.15%20-174.83%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.313%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20294.79%20C%20510%20329.14%201076.75%20276.48%201177.31%20-174.10%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.331%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20294.89%20C%20510%20329.03%201075.10%20277.29%201184.48%20-173.36%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.350%22%20stroke-width%3D%220.80%22%2F%3E%3Cpath%20d%3D%22M%200%20294.99%20C%20510%20328.92%201073.44%20278.10%201191.64%20-172.62%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.371%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20295.09%20C%20510%20328.81%201071.78%20278.91%201198.80%20-171.88%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.393%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20295.19%20C%20510%20328.70%201070.13%20279.72%201205.97%20-171.14%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.415%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20295.29%20C%20510%20328.60%201068.47%20280.53%201213.13%20-170.41%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.438%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20295.39%20C%20510%20328.49%201066.82%20281.34%201220.30%20-169.67%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.462%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20295.49%20C%20510%20328.38%201065.16%20282.15%201227.46%20-168.93%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.485%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20295.58%20C%20510%20328.27%201063.50%20282.96%201234.62%20-168.19%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.507%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20295.68%20C%20510%20328.16%201061.85%20283.77%201241.79%20-167.45%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.529%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20295.78%20C%20510%20328.06%201060.19%20284.58%201248.95%20-166.72%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.550%22%20stroke-width%3D%220.80%22%2F%3E%3Cpath%20d%3D%22M%200%20295.88%20C%20510%20327.95%201058.54%20285.39%201256.12%20-165.98%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.569%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20295.98%20C%20510%20327.84%201056.88%20286.20%201263.28%20-165.24%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.587%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20296.08%20C%20510%20327.73%201055.22%20287.01%201270.44%20-164.50%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.603%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20296.18%20C%20510%20327.62%201053.57%20287.82%201277.61%20-163.76%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.617%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20296.28%20C%20510%20327.52%201051.91%20288.63%201284.77%20-163.03%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.629%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20296.38%20C%20510%20327.41%201050.26%20289.44%201291.94%20-162.29%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.638%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20296.48%20C%20510%20327.30%201048.60%20290.25%201299.10%20-161.55%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.645%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20296.57%20C%20510%20327.19%201046.94%20291.06%201306.26%20-160.81%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.649%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20296.67%20C%20510%20327.08%201045.29%20291.87%201313.43%20-160.07%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.650%22%20stroke-width%3D%220.80%22%2F%3E%3Cpath%20d%3D%22M%200%20296.77%20C%20510%20326.98%201043.63%20292.68%201320.59%20-159.34%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.649%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20296.87%20C%20510%20326.87%201041.98%20293.49%201327.76%20-158.60%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.645%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20296.97%20C%20510%20326.76%201040.32%20294.30%201334.92%20-157.86%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.638%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20297.07%20C%20510%20326.65%201038.66%20295.11%201342.08%20-157.12%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.629%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20297.17%20C%20510%20326.54%201037.01%20295.92%201349.25%20-156.38%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.617%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20297.27%20C%20510%20326.44%201035.35%20296.73%201356.41%20-155.65%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.603%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20297.37%20C%20510%20326.33%201033.70%20297.54%201363.58%20-154.91%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.587%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20297.46%20C%20510%20326.22%201032.04%20298.35%201370.74%20-154.17%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.569%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20297.56%20C%20510%20326.11%201030.38%20299.16%201377.90%20-153.43%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.550%22%20stroke-width%3D%220.80%22%2F%3E%3Cpath%20d%3D%22M%200%20297.66%20C%20510%20326.00%201028.73%20299.97%201385.07%20-152.69%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.529%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20297.76%20C%20510%20325.90%201027.07%20300.78%201392.23%20-151.96%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.507%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20297.86%20C%20510%20325.79%201025.42%20301.59%201399.40%20-151.22%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.485%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20297.96%20C%20510%20325.68%201023.76%20302.40%201406.56%20-150.48%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.462%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20298.06%20C%20510%20325.57%201022.10%20303.21%201413.72%20-149.74%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.438%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20298.16%20C%20510%20325.46%201020.45%20304.02%201420.89%20-149.00%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.415%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20298.26%20C%20510%20325.36%201018.79%20304.83%201428.05%20-148.27%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.393%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20298.36%20C%20510%20325.25%201017.14%20305.64%201435.22%20-147.53%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.371%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20298.45%20C%20510%20325.14%201015.48%20306.45%201442.38%20-146.79%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.350%22%20stroke-width%3D%220.80%22%2F%3E%3Cpath%20d%3D%22M%200%20298.55%20C%20510%20325.03%201013.82%20307.26%201449.54%20-146.05%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.331%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20298.65%20C%20510%20324.92%201012.17%20308.07%201456.71%20-145.31%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.313%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20298.75%20C%20510%20324.82%201010.51%20308.88%201463.87%20-144.58%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.297%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20298.85%20C%20510%20324.71%201008.86%20309.69%201471.04%20-143.84%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.283%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20298.95%20C%20510%20324.60%201007.20%20310.50%201478.20%20-143.10%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.271%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20299.05%20C%20510%20324.49%201005.54%20311.31%201485.36%20-142.36%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.262%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20299.15%20C%20510%20324.38%201003.89%20312.12%201492.53%20-141.62%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.255%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20299.25%20C%20510%20324.28%201002.23%20312.93%201499.69%20-140.89%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.251%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%200%20299.35%20C%20510%20324.17%201000.58%20313.74%201506.86%20-140.15%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.250%22%20stroke-width%3D%220.80%22%2F%3E%3Cpath%20d%3D%22M%200%20326.00%20C%20650%20343.00%201130%20152.00%201675%2045.00%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20326.40%20C%20650%20343.53%201130%20152.64%201675%2042.54%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20326.79%20C%20650%20344.06%201130%20153.28%201675%2040.07%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20327.19%20C%20650%20344.58%201130%20153.91%201675%2037.61%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20327.58%20C%20650%20345.11%201130%20154.55%201675%2035.14%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20327.98%20C%20650%20345.64%201130%20155.19%201675%2032.68%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20328.38%20C%20650%20346.17%201130%20155.83%201675%2030.22%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20328.77%20C%20650%20346.70%201130%20156.47%201675%2027.75%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20329.17%20C%20650%20347.22%201130%20157.10%201675%2025.29%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20329.56%20C%20650%20347.75%201130%20157.74%201675%2022.82%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20329.96%20C%20650%20348.28%201130%20158.38%201675%2020.36%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20330.36%20C%20650%20348.81%201130%20159.02%201675%2017.90%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20330.75%20C%20650%20349.34%201130%20159.66%201675%2015.43%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20331.15%20C%20650%20349.86%201130%20160.29%201675%2012.97%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20331.54%20C%20650%20350.39%201130%20160.93%201675%2010.50%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20331.94%20C%20650%20350.92%201130%20161.57%201675%208.04%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20332.34%20C%20650%20351.45%201130%20162.21%201675%205.58%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20332.73%20C%20650%20351.98%201130%20162.85%201675%203.11%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20333.13%20C%20650%20352.50%201130%20163.48%201675%200.65%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20333.52%20C%20650%20353.03%201130%20164.12%201675%20-1.82%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20333.92%20C%20650%20353.56%201130%20164.76%201675%20-4.28%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20334.32%20C%20650%20354.09%201130%20165.40%201675%20-6.74%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20334.71%20C%20650%20354.62%201130%20166.04%201675%20-9.21%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20335.11%20C%20650%20355.14%201130%20166.67%201675%20-11.67%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20335.50%20C%20650%20355.67%201130%20167.31%201675%20-14.14%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20335.90%20C%20650%20356.20%201130%20167.95%201675%20-16.60%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%200%20296.09%20C%20510%20327.72%201055.04%20287.10%201271.24%20-164.42%22%20stroke%3D%22url%28%23thread%29%22%20stroke-width%3D%223%22%20stroke-opacity%3D%22.25%22%20filter%3D%22url%28%23haze%29%22%2F%3E%3Cpath%20d%3D%22M%200%20297.57%20C%20510%20326.10%201030.20%20299.25%201378.70%20-153.35%22%20stroke%3D%22url%28%23thread%29%22%20stroke-width%3D%223%22%20stroke-opacity%3D%22.25%22%20filter%3D%22url%28%23haze%29%22%2F%3E%3Cpath%20d%3D%22M%200%20296.58%20C%20510%20327.18%201046.76%20291.15%201307.06%20-160.73%22%20stroke%3D%22url%28%23thread%29%22%20stroke-width%3D%221.1%22%20stroke-opacity%3D%22.82%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") !important;
  --crm-sidebar-wave: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20300%20430%22%20fill%3D%22none%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22thread%22%20x1%3D%220%22%20y1%3D%221%22%20x2%3D%221%22%20y2%3D%220%22%3E%3Cstop%20stop-color%3D%22%233e1763%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.30%22%20stop-color%3D%22%23a840df%22%20stop-opacity%3D%22.55%22%2F%3E%3Cstop%20offset%3D%22.56%22%20stop-color%3D%22%23f4b8ff%22%2F%3E%3Cstop%20offset%3D%22.81%22%20stop-color%3D%22%23a840df%22%20stop-opacity%3D%22.58%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%233e1763%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22silk%22%3E%3Cstop%20stop-color%3D%22%233e1763%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23a840df%22%20stop-opacity%3D%22.22%22%2F%3E%3Cstop%20offset%3D%22.75%22%20stop-color%3D%22%23f4b8ff%22%20stop-opacity%3D%22.32%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%233e1763%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D%22haze%22%20x%3D%22-30%25%22%20y%3D%22-80%25%22%20width%3D%22160%25%22%20height%3D%22260%25%22%3E%3CfeGaussianBlur%20stdDeviation%3D%224%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20opacity%3D%22.87%22%3E%3Cpath%20d%3D%22M%20-45%2010%20C%2022%20215%2095%20185%20165%20260%20C%20220%20315%20255%20366%20350%20415%20L%20350%20430%20C%20255%20390%20192%20308%20171%20266%20C%20102%20213%2042%20184%20-62%2016%20Z%22%20fill%3D%22url%28%23silk%29%22%2F%3E%3Cpath%20d%3D%22M%20-45.00%2010.00%20C%2022.00%20215.00%2095.00%20185.00%20165.00%20260.00%20C%20220.00%20315.00%20255%20366.00%20350%20415.00%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.250%22%20stroke-width%3D%220.80%22%2F%3E%3Cpath%20d%3D%22M%20-45.31%2010.10%20C%2022.37%20214.43%2095.13%20185.50%20165.10%20260.10%20C%20219.48%20314.87%20255%20366.42%20350%20415.27%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.251%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-45.63%2010.21%20C%2022.73%20213.85%2095.25%20186.00%20165.21%20260.21%20C%20218.96%20314.75%20255%20366.84%20350%20415.54%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.255%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-45.94%2010.31%20C%2023.10%20213.28%2095.38%20186.50%20165.31%20260.31%20C%20218.43%20314.62%20255%20367.25%20350%20415.81%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.262%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-46.25%2010.42%20C%2023.46%20212.70%2095.50%20187.00%20165.42%20260.42%20C%20217.91%20314.50%20255%20367.67%20350%20416.09%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.271%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-46.57%2010.52%20C%2023.83%20212.13%2095.63%20187.51%20165.52%20260.52%20C%20217.39%20314.37%20255%20368.09%20350%20416.36%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.283%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-46.88%2010.63%20C%2024.19%20211.55%2095.75%20188.01%20165.63%20260.63%20C%20216.87%20314.25%20255%20368.51%20350%20416.63%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.297%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-47.19%2010.73%20C%2024.56%20210.98%2095.88%20188.51%20165.73%20260.73%20C%20216.35%20314.12%20255%20368.92%20350%20416.90%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.313%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-47.51%2010.84%20C%2024.92%20210.41%2096.00%20189.01%20165.84%20260.84%20C%20215.82%20314.00%20255%20369.34%20350%20417.17%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.331%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-47.82%2010.94%20C%2025.29%20209.83%2096.13%20189.51%20165.94%20260.94%20C%20215.30%20313.87%20255%20369.76%20350%20417.44%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.350%22%20stroke-width%3D%220.80%22%2F%3E%3Cpath%20d%3D%22M%20-48.13%2011.04%20C%2025.65%20209.26%2096.25%20190.01%20166.04%20261.04%20C%20214.78%20313.75%20255%20370.18%20350%20417.71%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.371%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-48.45%2011.15%20C%2026.02%20208.68%2096.38%20190.51%20166.15%20261.15%20C%20214.26%20313.62%20255%20370.59%20350%20417.99%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.393%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-48.76%2011.25%20C%2026.38%20208.11%2096.50%20191.01%20166.25%20261.25%20C%20213.74%20313.50%20255%20371.01%20350%20418.26%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.415%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-49.07%2011.36%20C%2026.75%20207.54%2096.63%20191.51%20166.36%20261.36%20C%20213.21%20313.37%20255%20371.43%20350%20418.53%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.438%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-49.38%2011.46%20C%2027.12%20206.96%2096.75%20192.02%20166.46%20261.46%20C%20212.69%20313.25%20255%20371.85%20350%20418.80%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.462%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-49.70%2011.57%20C%2027.48%20206.39%2096.88%20192.52%20166.57%20261.57%20C%20212.17%20313.12%20255%20372.26%20350%20419.07%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.485%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-50.01%2011.67%20C%2027.85%20205.81%2097.00%20193.02%20166.67%20261.67%20C%20211.65%20313.00%20255%20372.68%20350%20419.34%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.507%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-50.32%2011.77%20C%2028.21%20205.24%2097.13%20193.52%20166.77%20261.77%20C%20211.13%20312.87%20255%20373.10%20350%20419.61%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.529%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-50.64%2011.88%20C%2028.58%20204.66%2097.26%20194.02%20166.88%20261.88%20C%20210.60%20312.74%20255%20373.52%20350%20419.89%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.550%22%20stroke-width%3D%220.80%22%2F%3E%3Cpath%20d%3D%22M%20-50.95%2011.98%20C%2028.94%20204.09%2097.38%20194.52%20166.98%20261.98%20C%20210.08%20312.62%20255%20373.93%20350%20420.16%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.569%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-51.26%2012.09%20C%2029.31%20203.52%2097.51%20195.02%20167.09%20262.09%20C%20209.56%20312.49%20255%20374.35%20350%20420.43%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.587%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-51.58%2012.19%20C%2029.67%20202.94%2097.63%20195.52%20167.19%20262.19%20C%20209.04%20312.37%20255%20374.77%20350%20420.70%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.603%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-51.89%2012.30%20C%2030.04%20202.37%2097.76%20196.02%20167.30%20262.30%20C%20208.52%20312.24%20255%20375.19%20350%20420.97%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.617%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-52.20%2012.40%20C%2030.40%20201.79%2097.88%20196.53%20167.40%20262.40%20C%20207.99%20312.12%20255%20375.60%20350%20421.24%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.629%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-52.52%2012.51%20C%2030.77%20201.22%2098.01%20197.03%20167.51%20262.51%20C%20207.47%20311.99%20255%20376.02%20350%20421.51%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.638%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-52.83%2012.61%20C%2031.13%20200.65%2098.13%20197.53%20167.61%20262.61%20C%20206.95%20311.87%20255%20376.44%20350%20421.79%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.645%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-53.14%2012.71%20C%2031.50%20200.07%2098.26%20198.03%20167.71%20262.71%20C%20206.43%20311.74%20255%20376.86%20350%20422.06%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.649%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-53.46%2012.82%20C%2031.87%20199.50%2098.38%20198.53%20167.82%20262.82%20C%20205.91%20311.62%20255%20377.28%20350%20422.33%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.650%22%20stroke-width%3D%220.80%22%2F%3E%3Cpath%20d%3D%22M%20-53.77%2012.92%20C%2032.23%20198.92%2098.51%20199.03%20167.92%20262.92%20C%20205.38%20311.49%20255%20377.69%20350%20422.60%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.649%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-54.08%2013.03%20C%2032.60%20198.35%2098.63%20199.53%20168.03%20263.03%20C%20204.86%20311.37%20255%20378.11%20350%20422.87%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.645%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-54.40%2013.13%20C%2032.96%20197.77%2098.76%20200.03%20168.13%20263.13%20C%20204.34%20311.24%20255%20378.53%20350%20423.14%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.638%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-54.71%2013.24%20C%2033.33%20197.20%2098.88%20200.53%20168.24%20263.24%20C%20203.82%20311.12%20255%20378.95%20350%20423.41%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.629%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-55.02%2013.34%20C%2033.69%20196.63%2099.01%20201.04%20168.34%20263.34%20C%20203.30%20310.99%20255%20379.36%20350%20423.69%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.617%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-55.34%2013.45%20C%2034.06%20196.05%2099.13%20201.54%20168.45%20263.45%20C%20202.77%20310.87%20255%20379.78%20350%20423.96%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.603%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-55.65%2013.55%20C%2034.42%20195.48%2099.26%20202.04%20168.55%20263.55%20C%20202.25%20310.74%20255%20380.20%20350%20424.23%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.587%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-55.96%2013.65%20C%2034.79%20194.90%2099.38%20202.54%20168.65%20263.65%20C%20201.73%20310.62%20255%20380.62%20350%20424.50%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.569%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-56.28%2013.76%20C%2035.15%20194.33%2099.51%20203.04%20168.76%20263.76%20C%20201.21%20310.49%20255%20381.03%20350%20424.77%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.550%22%20stroke-width%3D%220.80%22%2F%3E%3Cpath%20d%3D%22M%20-56.59%2013.86%20C%2035.52%20193.75%2099.64%20203.54%20168.86%20263.86%20C%20200.69%20310.36%20255%20381.45%20350%20425.04%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.529%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-56.90%2013.97%20C%2035.89%20193.18%2099.76%20204.04%20168.97%20263.97%20C%20200.16%20310.24%20255%20381.87%20350%20425.31%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.507%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-57.21%2014.07%20C%2036.25%20192.61%2099.89%20204.54%20169.07%20264.07%20C%20199.64%20310.11%20255%20382.29%20350%20425.59%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.485%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-57.53%2014.18%20C%2036.62%20192.03%20100.01%20205.04%20169.18%20264.18%20C%20199.12%20309.99%20255%20382.70%20350%20425.86%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.462%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-57.84%2014.28%20C%2036.98%20191.46%20100.14%20205.55%20169.28%20264.28%20C%20198.60%20309.86%20255%20383.12%20350%20426.13%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.438%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-58.15%2014.38%20C%2037.35%20190.88%20100.26%20206.05%20169.38%20264.38%20C%20198.08%20309.74%20255%20383.54%20350%20426.40%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.415%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-58.47%2014.49%20C%2037.71%20190.31%20100.39%20206.55%20169.49%20264.49%20C%20197.55%20309.61%20255%20383.96%20350%20426.67%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.393%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-58.78%2014.59%20C%2038.08%20189.74%20100.51%20207.05%20169.59%20264.59%20C%20197.03%20309.49%20255%20384.37%20350%20426.94%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.371%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-59.09%2014.70%20C%2038.44%20189.16%20100.64%20207.55%20169.70%20264.70%20C%20196.51%20309.36%20255%20384.79%20350%20427.21%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.350%22%20stroke-width%3D%220.80%22%2F%3E%3Cpath%20d%3D%22M%20-59.41%2014.80%20C%2038.81%20188.59%20100.76%20208.05%20169.80%20264.80%20C%20195.99%20309.24%20255%20385.21%20350%20427.49%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.331%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-59.72%2014.91%20C%2039.17%20188.01%20100.89%20208.55%20169.91%20264.91%20C%20195.47%20309.11%20255%20385.63%20350%20427.76%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.313%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-60.03%2015.01%20C%2039.54%20187.44%20101.01%20209.05%20170.01%20265.01%20C%20194.94%20308.99%20255%20386.04%20350%20428.03%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.297%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-60.35%2015.12%20C%2039.90%20186.86%20101.14%20209.55%20170.12%20265.12%20C%20194.42%20308.86%20255%20386.46%20350%20428.30%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.283%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-60.66%2015.22%20C%2040.27%20186.29%20101.26%20210.06%20170.22%20265.22%20C%20193.90%20308.74%20255%20386.88%20350%20428.57%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.271%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-60.97%2015.32%20C%2040.64%20185.72%20101.39%20210.56%20170.32%20265.32%20C%20193.38%20308.61%20255%20387.30%20350%20428.84%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.262%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-61.29%2015.43%20C%2041.00%20185.14%20101.51%20211.06%20170.43%20265.43%20C%20192.86%20308.49%20255%20387.72%20350%20429.11%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.255%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-61.60%2015.53%20C%2041.37%20184.57%20101.64%20211.56%20170.53%20265.53%20C%20192.33%20308.36%20255%20388.13%20350%20429.39%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.251%22%20stroke-width%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M%20-61.91%2015.64%20C%2041.73%20183.99%20101.77%20212.06%20170.64%20265.64%20C%20191.81%20308.23%20255%20388.55%20350%20429.66%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%220.250%22%20stroke-width%3D%220.80%22%2F%3E%3Cpath%20d%3D%22M%20-50%20320.00%20C%2020%20198.00%2040%20240.00%20125%20265.00%20C%20200%20295.00%20250%20250.00%20345%20180.00%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20317.03%20C%2020%20200.11%2040%20239.01%20125%20264.65%20C%20200%20295.88%20250%20248.24%20345%20181.32%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20314.06%20C%2020%20202.22%2040%20238.02%20125%20264.30%20C%20200%20296.76%20250%20246.48%20345%20182.64%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20311.09%20C%2020%20204.34%2040%20237.03%20125%20263.94%20C%20200%20297.64%20250%20244.72%20345%20183.96%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20308.12%20C%2020%20206.45%2040%20236.04%20125%20263.59%20C%20200%20298.52%20250%20242.96%20345%20185.28%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20305.15%20C%2020%20208.56%2040%20235.05%20125%20263.24%20C%20200%20299.40%20250%20241.20%20345%20186.60%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20302.18%20C%2020%20210.67%2040%20234.06%20125%20262.89%20C%20200%20300.28%20250%20239.44%20345%20187.92%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20299.21%20C%2020%20212.78%2040%20233.07%20125%20262.54%20C%20200%20301.16%20250%20237.68%20345%20189.24%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20296.24%20C%2020%20214.90%2040%20232.08%20125%20262.18%20C%20200%20302.04%20250%20235.92%20345%20190.56%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20293.27%20C%2020%20217.01%2040%20231.09%20125%20261.83%20C%20200%20302.92%20250%20234.16%20345%20191.88%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20290.30%20C%2020%20219.12%2040%20230.10%20125%20261.48%20C%20200%20303.80%20250%20232.40%20345%20193.20%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20287.33%20C%2020%20221.23%2040%20229.11%20125%20261.13%20C%20200%20304.68%20250%20230.64%20345%20194.52%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20284.36%20C%2020%20223.34%2040%20228.12%20125%20260.78%20C%20200%20305.56%20250%20228.88%20345%20195.84%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20281.39%20C%2020%20225.46%2040%20227.13%20125%20260.42%20C%20200%20306.44%20250%20227.12%20345%20197.16%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20278.42%20C%2020%20227.57%2040%20226.14%20125%20260.07%20C%20200%20307.32%20250%20225.36%20345%20198.48%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20275.45%20C%2020%20229.68%2040%20225.15%20125%20259.72%20C%20200%20308.20%20250%20223.60%20345%20199.80%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20272.48%20C%2020%20231.79%2040%20224.16%20125%20259.37%20C%20200%20309.08%20250%20221.84%20345%20201.12%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20269.51%20C%2020%20233.90%2040%20223.17%20125%20259.02%20C%20200%20309.96%20250%20220.08%20345%20202.44%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20266.54%20C%2020%20236.02%2040%20222.18%20125%20258.66%20C%20200%20310.84%20250%20218.32%20345%20203.76%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20263.57%20C%2020%20238.13%2040%20221.19%20125%20258.31%20C%20200%20311.72%20250%20216.56%20345%20205.08%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20260.60%20C%2020%20240.24%2040%20220.20%20125%20257.96%20C%20200%20312.60%20250%20214.80%20345%20206.40%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20257.63%20C%2020%20242.35%2040%20219.21%20125%20257.61%20C%20200%20313.48%20250%20213.04%20345%20207.72%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20254.66%20C%2020%20244.46%2040%20218.22%20125%20257.26%20C%20200%20314.36%20250%20211.28%20345%20209.04%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20251.69%20C%2020%20246.58%2040%20217.23%20125%20256.90%20C%20200%20315.24%20250%20209.52%20345%20210.36%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20248.72%20C%2020%20248.69%2040%20216.24%20125%20256.55%20C%20200%20316.12%20250%20207.76%20345%20211.68%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-50%20245.75%20C%2020%20250.80%2040%20215.25%20125%20256.20%20C%20200%20317.00%20250%20206.00%20345%20213.00%22%20stroke%3D%22url%28%23thread%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M%20-51.61%2012.20%20C%2029.71%20202.88%2097.64%20195.58%20167.20%20262.20%20C%20208.98%20312.36%20255%20374.82%20350%20420.73%22%20stroke%3D%22url%28%23thread%29%22%20stroke-width%3D%223%22%20stroke-opacity%3D%22.25%22%20filter%3D%22url%28%23haze%29%22%2F%3E%3Cpath%20d%3D%22M%20-56.31%2013.77%20C%2035.20%20194.26%2099.52%20203.10%20168.77%20263.77%20C%20201.15%20310.48%20255%20381.08%20350%20424.80%22%20stroke%3D%22url%28%23thread%29%22%20stroke-width%3D%223%22%20stroke-opacity%3D%22.25%22%20filter%3D%22url%28%23haze%29%22%2F%3E%3Cpath%20d%3D%22M%20-53.18%2012.73%20C%2031.54%20200.01%2098.27%20198.08%20167.73%20262.73%20C%20206.37%20311.73%20255%20376.90%20350%20422.09%22%20stroke%3D%22url%28%23thread%29%22%20stroke-width%3D%221.1%22%20stroke-opacity%3D%22.82%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") !important;
  --crm-fine-wave: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20700%20240%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M%20160%20260.0%20C%20276%20268.0%2C%20343%2080.0%2C%20402%20118.0%20C%20454%20155.0%2C%20475%2068.0%2C%20514%20100.0%20C%20577%20152.0%2C%20604%20202.0%2C%20725%20241.0%22%20stroke%3D%22%23f4b8ff%22%20stroke-opacity%3D%22.25%22%20stroke-width%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M%20160%20260.7%20C%20276%20267.6%2C%20343%2081.3%2C%20402%20119.3%20C%20454%20156.3%2C%20475%2069.4%2C%20514%20101.4%20C%20577%20153.1%2C%20604%20202.8%2C%20725%20241.7%22%20stroke%3D%22%23f4b8ff%22%20stroke-opacity%3D%22.25%22%20stroke-width%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M%20160%20261.4%20C%20276%20267.2%2C%20343%2082.7%2C%20402%20120.7%20C%20454%20157.7%2C%20475%2070.9%2C%20514%20102.9%20C%20577%20154.1%2C%20604%20203.5%2C%20725%20242.3%22%20stroke%3D%22%23f4b8ff%22%20stroke-opacity%3D%22.25%22%20stroke-width%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M%20160%20262.2%20C%20276%20266.7%2C%20343%2084.0%2C%20402%20122.0%20C%20454%20159.1%2C%20475%2072.3%2C%20514%20104.3%20C%20577%20155.2%2C%20604%20204.2%2C%20725%20243.0%22%20stroke%3D%22%23f4b8ff%22%20stroke-opacity%3D%22.25%22%20stroke-width%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M%20160%20262.9%20C%20276%20266.3%2C%20343%2085.4%2C%20402%20123.4%20C%20454%20160.4%2C%20475%2073.8%2C%20514%20105.8%20C%20577%20156.2%2C%20604%20205.0%2C%20725%20243.6%22%20stroke%3D%22%23f4b8ff%22%20stroke-opacity%3D%22.25%22%20stroke-width%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M%20160%20263.6%20C%20276%20265.9%2C%20343%2086.8%2C%20402%20124.8%20C%20454%20161.8%2C%20475%2075.2%2C%20514%20107.2%20C%20577%20157.2%2C%20604%20205.8%2C%20725%20244.3%22%20stroke%3D%22%23f4b8ff%22%20stroke-opacity%3D%22.25%22%20stroke-width%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M%20160%20264.3%20C%20276%20265.5%2C%20343%2088.1%2C%20402%20126.1%20C%20454%20163.1%2C%20475%2076.6%2C%20514%20108.6%20C%20577%20158.3%2C%20604%20206.5%2C%20725%20245.0%22%20stroke%3D%22%23f4b8ff%22%20stroke-opacity%3D%22.25%22%20stroke-width%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M%20160%20265.0%20C%20276%20265.1%2C%20343%2089.5%2C%20402%20127.5%20C%20454%20164.4%2C%20475%2078.1%2C%20514%20110.1%20C%20577%20159.3%2C%20604%20207.2%2C%20725%20245.6%22%20stroke%3D%22%23f4b8ff%22%20stroke-opacity%3D%22.25%22%20stroke-width%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M%20160%20265.8%20C%20276%20264.6%2C%20343%2090.8%2C%20402%20128.8%20C%20454%20165.8%2C%20475%2079.5%2C%20514%20111.5%20C%20577%20160.4%2C%20604%20208.0%2C%20725%20246.3%22%20stroke%3D%22%23f4b8ff%22%20stroke-opacity%3D%22.25%22%20stroke-width%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M%20160%20266.5%20C%20276%20264.2%2C%20343%2092.2%2C%20402%20130.2%20C%20454%20167.2%2C%20475%2081.0%2C%20514%20113.0%20C%20577%20161.4%2C%20604%20208.8%2C%20725%20246.9%22%20stroke%3D%22%23f4b8ff%22%20stroke-opacity%3D%22.25%22%20stroke-width%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M%20160%20267.2%20C%20276%20263.8%2C%20343%2093.5%2C%20402%20131.5%20C%20454%20168.5%2C%20475%2082.4%2C%20514%20114.4%20C%20577%20162.5%2C%20604%20209.5%2C%20725%20247.6%22%20stroke%3D%22%23f4b8ff%22%20stroke-opacity%3D%22.25%22%20stroke-width%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M%20160%20267.9%20C%20276%20263.4%2C%20343%2094.8%2C%20402%20132.8%20C%20454%20169.8%2C%20475%2083.8%2C%20514%20115.8%20C%20577%20163.6%2C%20604%20210.2%2C%20725%20248.3%22%20stroke%3D%22%23f4b8ff%22%20stroke-opacity%3D%22.25%22%20stroke-width%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M%20160%20268.6%20C%20276%20263.0%2C%20343%2096.2%2C%20402%20134.2%20C%20454%20171.2%2C%20475%2085.3%2C%20514%20117.3%20C%20577%20164.6%2C%20604%20211.0%2C%20725%20248.9%22%20stroke%3D%22%23f4b8ff%22%20stroke-opacity%3D%22.25%22%20stroke-width%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M%20160%20269.4%20C%20276%20262.5%2C%20343%2097.5%2C%20402%20135.6%20C%20454%20172.6%2C%20475%2086.7%2C%20514%20118.7%20C%20577%20165.7%2C%20604%20211.8%2C%20725%20249.6%22%20stroke%3D%22%23f4b8ff%22%20stroke-opacity%3D%22.25%22%20stroke-width%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M%20160%20270.1%20C%20276%20262.1%2C%20343%2098.9%2C%20402%20136.9%20C%20454%20173.9%2C%20475%2088.2%2C%20514%20120.2%20C%20577%20166.7%2C%20604%20212.5%2C%20725%20250.2%22%20stroke%3D%22%23f4b8ff%22%20stroke-opacity%3D%22.25%22%20stroke-width%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M%20160%20270.8%20C%20276%20261.7%2C%20343%20100.2%2C%20402%20138.2%20C%20454%20175.2%2C%20475%2089.6%2C%20514%20121.6%20C%20577%20167.8%2C%20604%20213.2%2C%20725%20250.9%22%20stroke%3D%22%23f4b8ff%22%20stroke-opacity%3D%22.25%22%20stroke-width%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M%20160%20271.5%20C%20276%20261.3%2C%20343%20101.6%2C%20402%20139.6%20C%20454%20176.6%2C%20475%2091.0%2C%20514%20123.0%20C%20577%20168.8%2C%20604%20214.0%2C%20725%20251.6%22%20stroke%3D%22%23f4b8ff%22%20stroke-opacity%3D%22.25%22%20stroke-width%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M%20160%20272.2%20C%20276%20260.9%2C%20343%20103.0%2C%20402%20140.9%20C%20454%20177.9%2C%20475%2092.5%2C%20514%20124.5%20C%20577%20169.8%2C%20604%20214.8%2C%20725%20252.2%22%20stroke%3D%22%23f4b8ff%22%20stroke-opacity%3D%22.25%22%20stroke-width%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M%20160%20273.0%20C%20276%20260.4%2C%20343%20104.3%2C%20402%20142.3%20C%20454%20179.3%2C%20475%2093.9%2C%20514%20125.9%20C%20577%20170.9%2C%20604%20215.5%2C%20725%20252.9%22%20stroke%3D%22%23f4b8ff%22%20stroke-opacity%3D%22.25%22%20stroke-width%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M%20160%20273.7%20C%20276%20260.0%2C%20343%20105.7%2C%20402%20143.7%20C%20454%20180.7%2C%20475%2095.4%2C%20514%20127.4%20C%20577%20171.9%2C%20604%20216.2%2C%20725%20253.5%22%20stroke%3D%22%23f4b8ff%22%20stroke-opacity%3D%22.25%22%20stroke-width%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M%20160%20274.4%20C%20276%20259.6%2C%20343%20107.0%2C%20402%20145.0%20C%20454%20182.0%2C%20475%2096.8%2C%20514%20128.8%20C%20577%20173.0%2C%20604%20217.0%2C%20725%20254.2%22%20stroke%3D%22%23f4b8ff%22%20stroke-opacity%3D%22.25%22%20stroke-width%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M%20160%20275.1%20C%20276%20259.2%2C%20343%20108.3%2C%20402%20146.3%20C%20454%20183.3%2C%20475%2098.2%2C%20514%20130.2%20C%20577%20174.1%2C%20604%20217.8%2C%20725%20254.9%22%20stroke%3D%22%23f4b8ff%22%20stroke-opacity%3D%22.25%22%20stroke-width%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M%20160%20275.8%20C%20276%20258.8%2C%20343%20109.7%2C%20402%20147.7%20C%20454%20184.7%2C%20475%2099.7%2C%20514%20131.7%20C%20577%20175.1%2C%20604%20218.5%2C%20725%20255.5%22%20stroke%3D%22%23f4b8ff%22%20stroke-opacity%3D%22.25%22%20stroke-width%3D%22.65%22%2F%3E%3C%2Fsvg%3E") !important;
}

html[data-leadflow-theme] body[data-leadflow-theme]:not(.app-login-mode) {
  --crm-card-finish: linear-gradient(130deg, var(--crm-card-top), var(--crm-surface) 52%, var(--crm-card-bottom)) !important;
  --crm-feature-finish: linear-gradient(125deg, var(--crm-feature-top), var(--crm-surface) 66%) !important;
  --crm-primary-finish: linear-gradient(115deg, var(--crm-primary-start), var(--crm-primary-middle) 48%, var(--crm-primary-end)) !important;
  --crm-primary-hover-finish: linear-gradient(115deg, var(--crm-primary-hover-start), var(--crm-primary-hover-middle) 48%, var(--crm-primary-hover-end)) !important;
  --crm-selection-finish: linear-gradient(115deg, var(--crm-selection-top), var(--crm-selection-bottom)) !important;
}

html[data-leadflow-theme] body[data-leadflow-theme]:not(.app-login-mode) :is(#appScreen, #formModal, #userEditorModal, #agencyEditorModal, #scheduleActivityModal, #scheduleRescheduleModal, #monthlyGoalModal, #leadInvestmentModal, #trackerHistoryTransferModal, .leadflow-dialog-card) :is(button, input, select, textarea) {
  font-family: var(--crm-ui-font) !important;
}

html[data-leadflow-theme] body[data-leadflow-theme]:not(.app-login-mode) :is(.modal-content, .today-call-modal-card, .schedule-activity-dialog, .connected-lead-data-dialog, .user-editor-dialog, .leadflow-dialog-card, .monthly-goal-dialog, .lead-investment-dialog, .tracker-history-transfer-dialog, .tracker-agent-edit-card) {
  background-color: var(--crm-surface) !important;
  background-image: var(--crm-card-finish) !important;
  color: var(--crm-text) !important;
  border-color: var(--crm-card-line) !important;
  box-shadow: 0 24px 80px rgba(0,0,0,.35), inset 0 1px 0 var(--crm-sheen) !important;
}

html[data-leadflow-theme] body[data-leadflow-theme]:not(.app-login-mode) :is(#appScreen, #formModal, #userEditorModal, #agencyEditorModal, #scheduleActivityModal, #scheduleRescheduleModal, #monthlyGoalModal, #leadInvestmentModal, #trackerHistoryTransferModal, .leadflow-dialog-card) :is(button.primary-gradient-btn:not(.active-tab), button.lead-save-activity-btn:not(.active-tab), button.today-call-save-btn:not(.active-tab), button.monthly-goal-edit-button:not(.active-tab)),
html[data-leadflow-theme] body[data-leadflow-theme]:not(.app-login-mode) #appScreen :is(#dashboardPage, #leaderboardPage, #leadsPage, #agentTrackerPage, #sharedLeadsPage, #sharedSourcePage, #sharedLeadDetailPage, #todayCallsPage, #answeredLeadsPage, #unansweredPage, #schedulePage, #settingsPage, #leadDetailPage, #dialerPage) :is(button.primary-gradient-btn:not(.active-tab), button.lead-save-activity-btn:not(.active-tab), button.today-call-save-btn:not(.active-tab), button.monthly-goal-edit-button:not(.active-tab)),
html[data-leadflow-theme] body[data-leadflow-theme]:not(.app-login-mode) #appScreen #dialerPage .dialer-primary,
html[data-leadflow-theme] body[data-leadflow-theme]:not(.app-login-mode) #appScreen :is(#leadDetailPage, #sharedLeadDetailPage) .policy-status-editor button {
  background-color: var(--crm-primary) !important;
  background-image: var(--crm-primary-finish) !important;
  color: var(--crm-on-primary) !important;
  -webkit-text-fill-color: var(--crm-on-primary) !important;
  border-color: var(--crm-primary-start) !important;
  box-shadow: var(--crm-button-shadow) !important;
  text-shadow: none !important;
}

html[data-leadflow-theme] body[data-leadflow-theme]:not(.app-login-mode) :is(#appScreen, #formModal, #userEditorModal, #agencyEditorModal, #scheduleActivityModal, #scheduleRescheduleModal, #monthlyGoalModal, #leadInvestmentModal, #trackerHistoryTransferModal, .leadflow-dialog-card) :is(button.primary-gradient-btn:not(.active-tab), button.lead-save-activity-btn:not(.active-tab), button.today-call-save-btn:not(.active-tab), button.monthly-goal-edit-button:not(.active-tab)):not(:disabled):hover,
html[data-leadflow-theme] body[data-leadflow-theme]:not(.app-login-mode) #appScreen :is(#dashboardPage, #leaderboardPage, #leadsPage, #agentTrackerPage, #sharedLeadsPage, #sharedSourcePage, #sharedLeadDetailPage, #todayCallsPage, #answeredLeadsPage, #unansweredPage, #schedulePage, #settingsPage, #leadDetailPage, #dialerPage) :is(button.primary-gradient-btn:not(.active-tab), button.lead-save-activity-btn:not(.active-tab), button.today-call-save-btn:not(.active-tab), button.monthly-goal-edit-button:not(.active-tab)):not(:disabled):hover,
html[data-leadflow-theme] body[data-leadflow-theme]:not(.app-login-mode) #appScreen #dialerPage .dialer-primary:not(:disabled):hover,
html[data-leadflow-theme] body[data-leadflow-theme]:not(.app-login-mode) #appScreen :is(#leadDetailPage, #sharedLeadDetailPage) .policy-status-editor button:not(:disabled):hover {
  background-color: var(--crm-primary-hover) !important;
  background-image: var(--crm-primary-hover-finish) !important;
  border-color: var(--crm-primary-hover-start) !important;
  box-shadow: var(--crm-button-shadow) !important;
}

html[data-leadflow-theme] body[data-leadflow-theme]:not(.app-login-mode) :is(#appScreen, #formModal, #userEditorModal, #agencyEditorModal, #scheduleActivityModal, #scheduleRescheduleModal, #monthlyGoalModal, #leadInvestmentModal, #trackerHistoryTransferModal, .leadflow-dialog-card) :is(.organization-view-tab.active, .leads-root-tab.active-tab, .shared-root-tab.active-tab, .shared-tab.active-tab, .settings-tab-button.active, .tracker-view-tab.active-tab, .tracker-range-btn.active-tab, .performance-tab.active-tab, .organization-filter-btn.active, .organization-v2-view-tab.active, button.active-page, .tracker-agent-page-button.active, .answered-view-tab.active, .action-choice.active-choice),
html[data-leadflow-theme] body[data-leadflow-theme]:not(.app-login-mode) #appScreen :is(#dashboardPage, #leaderboardPage, #leadsPage, #agentTrackerPage, #sharedLeadsPage, #sharedSourcePage, #sharedLeadDetailPage, #todayCallsPage, #answeredLeadsPage, #unansweredPage, #schedulePage, #settingsPage, #leadDetailPage, #dialerPage) :is(.organization-view-tab.active, .leads-root-tab.active-tab, .shared-root-tab.active-tab, .shared-tab.active-tab, .settings-tab-button.active, .tracker-view-tab.active-tab, .tracker-range-btn.active-tab, .performance-tab.active-tab, .organization-filter-btn.active, .organization-v2-view-tab.active, button.active-page, .tracker-agent-page-button.active, .answered-view-tab.active, .action-choice.active-choice) {
  background-color: var(--crm-accent-soft) !important;
  background-image: var(--crm-selection-finish) !important;
  border-color: var(--crm-accent-line) !important;
  color: var(--crm-accent) !important;
  -webkit-text-fill-color: var(--crm-accent) !important;
  box-shadow: var(--crm-selected-shadow) !important;
}

html[data-leadflow-theme] body[data-leadflow-theme]:not(.app-login-mode) :is(#appScreen, #formModal, #userEditorModal, #agencyEditorModal, #scheduleActivityModal, #scheduleRescheduleModal, #monthlyGoalModal, #leadInvestmentModal, #trackerHistoryTransferModal, .leadflow-dialog-card) :is(input:not([type="checkbox"]):not([type="radio"]):not(.lf-period-picker-native), select, textarea) {
  background-color: var(--crm-soft) !important;
  color: var(--crm-text) !important;
  -webkit-text-fill-color: var(--crm-text) !important;
  border-color: var(--crm-strong) !important;
  box-shadow: inset 0 1px 0 var(--crm-sheen) !important;
  color-scheme: var(--crm-scheme) !important;
}

html[data-leadflow-theme] body[data-leadflow-theme]:not(.app-login-mode) :is(#appScreen, #formModal, #userEditorModal, #agencyEditorModal, #scheduleActivityModal, #scheduleRescheduleModal, #monthlyGoalModal, #leadInvestmentModal, #trackerHistoryTransferModal, .leadflow-dialog-card) :is(button, input, select, textarea, summary, [role="button"]):focus-visible {
  outline: 2px solid var(--crm-accent) !important;
  outline-offset: 3px !important;
  box-shadow: none !important;
  border-color: var(--crm-accent) !important;
}

html[data-leadflow-theme] body[data-leadflow-theme]:not(.app-login-mode) :is(#appScreen, #formModal, #userEditorModal, #agencyEditorModal, #scheduleActivityModal, #scheduleRescheduleModal, #monthlyGoalModal, #leadInvestmentModal, #trackerHistoryTransferModal, .leadflow-dialog-card) select option {
  color: var(--crm-text) !important;
  background: var(--crm-surface) !important;
}

html[data-leadflow-theme] body[data-leadflow-theme]:not(.app-login-mode) :is(#appScreen, #formModal, #userEditorModal, #agencyEditorModal, #scheduleActivityModal, #scheduleRescheduleModal, #monthlyGoalModal, #leadInvestmentModal, #trackerHistoryTransferModal, .leadflow-dialog-card) :is(input[type="checkbox"], input[type="radio"]) {
  accent-color: var(--crm-primary) !important;
  color-scheme: var(--crm-scheme) !important;
}

@media (min-width: 1321px) {
}

@media (max-width: 767px) {
}

@media (max-width: 820px) {
}

/* myLeadFlow public landing page — October 5, 2026.
   Scoped to the public login surface; signed-in CRM themes remain untouched. */
html[data-leadflow-theme="login"], body.app-login-mode { color-scheme: light !important; }
html[data-leadflow-theme="login"] { overflow-x: clip !important; overflow-y: auto !important; }
body.app-login-mode { background: #f8f7f3; overflow: visible !important; }
#loginScreen.lf-landing {
  --landing-ink: #102b46;
  --landing-muted: #536578;
  --landing-gold: #8d692d;
  --landing-line: #dfdfd7;
  --landing-wave: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201200%20720%22%20fill%3D%22none%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22silk%22%20x1%3D%220%22%20y1%3D%221%22%20x2%3D%221%22%20y2%3D%220%22%3E%3Cstop%20stop-color%3D%22%23ded2b6%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23d8c7a6%22%20stop-opacity%3D%22.27%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e2d7bd%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22fade%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22white%22%2F%3E%3Cstop%20offset%3D%22.6%22%20stop-color%3D%22white%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22black%22%2F%3E%3C%2FlinearGradient%3E%3Cmask%20id%3D%22edge%22%3E%3Crect%20width%3D%221200%22%20height%3D%22720%22%20fill%3D%22url%28%23fade%29%22%2F%3E%3C%2Fmask%3E%3C%2Fdefs%3E%3Cg%20mask%3D%22url%28%23edge%29%22%3E%3Cpath%20d%3D%22M-180%20860C440%20720%20754%20400%20860-210L1070-150C750%20470%20520%20765-100%20980Z%22%20fill%3D%22url%28%23silk%29%22%2F%3E%3Cpath%20d%3D%22M-180%20840C440%20700.0%20754.0%20400.0%20860%20-210%22%20stroke%3D%22%23c9b078%22%20stroke-opacity%3D%22.09%22%20stroke-width%3D%22.7%22%2F%3E%3Cpath%20d%3D%22M-177%20846C442%20701.2%20755.8%20402.2%20869%20-210%22%20stroke%3D%22%23c9b078%22%20stroke-opacity%3D%22.09%22%20stroke-width%3D%22.7%22%2F%3E%3Cpath%20d%3D%22M-174%20852C444%20702.4%20757.6%20404.4%20878%20-210%22%20stroke%3D%22%23c9b078%22%20stroke-opacity%3D%22.09%22%20stroke-width%3D%22.7%22%2F%3E%3Cpath%20d%3D%22M-171%20858C446%20703.6%20759.4%20406.6%20887%20-210%22%20stroke%3D%22%23c9b078%22%20stroke-opacity%3D%22.09%22%20stroke-width%3D%22.7%22%2F%3E%3Cpath%20d%3D%22M-168%20864C448%20704.8%20761.2%20408.8%20896%20-210%22%20stroke%3D%22%23c9b078%22%20stroke-opacity%3D%22.09%22%20stroke-width%3D%22.7%22%2F%3E%3Cpath%20d%3D%22M-165%20870C450%20706.0%20763.0%20411.0%20905%20-210%22%20stroke%3D%22%23c9b078%22%20stroke-opacity%3D%22.09%22%20stroke-width%3D%22.7%22%2F%3E%3Cpath%20d%3D%22M-162%20876C452%20707.2%20764.8%20413.2%20914%20-210%22%20stroke%3D%22%23c9b078%22%20stroke-opacity%3D%22.09%22%20stroke-width%3D%22.7%22%2F%3E%3Cpath%20d%3D%22M-159%20882C454%20708.4%20766.6%20415.4%20923%20-210%22%20stroke%3D%22%23c9b078%22%20stroke-opacity%3D%22.09%22%20stroke-width%3D%22.7%22%2F%3E%3Cpath%20d%3D%22M-156%20888C456%20709.6%20768.4%20417.6%20932%20-210%22%20stroke%3D%22%23c9b078%22%20stroke-opacity%3D%22.09%22%20stroke-width%3D%22.7%22%2F%3E%3Cpath%20d%3D%22M-153%20894C458%20710.8%20770.2%20419.8%20941%20-210%22%20stroke%3D%22%23c9b078%22%20stroke-opacity%3D%22.09%22%20stroke-width%3D%22.7%22%2F%3E%3Cpath%20d%3D%22M-150%20900C460%20712.0%20772.0%20422.0%20950%20-210%22%20stroke%3D%22%23c9b078%22%20stroke-opacity%3D%22.09%22%20stroke-width%3D%22.7%22%2F%3E%3Cpath%20d%3D%22M-147%20906C462%20713.2%20773.8%20424.2%20959%20-210%22%20stroke%3D%22%23c9b078%22%20stroke-opacity%3D%22.09%22%20stroke-width%3D%22.7%22%2F%3E%3Cpath%20d%3D%22M-144%20912C464%20714.4%20775.6%20426.4%20968%20-210%22%20stroke%3D%22%23c9b078%22%20stroke-opacity%3D%22.09%22%20stroke-width%3D%22.7%22%2F%3E%3Cpath%20d%3D%22M-141%20918C466%20715.6%20777.4%20428.6%20977%20-210%22%20stroke%3D%22%23c9b078%22%20stroke-opacity%3D%22.09%22%20stroke-width%3D%22.7%22%2F%3E%3Cpath%20d%3D%22M-138%20924C468%20716.8%20779.2%20430.8%20986%20-210%22%20stroke%3D%22%23c9b078%22%20stroke-opacity%3D%22.09%22%20stroke-width%3D%22.7%22%2F%3E%3Cpath%20d%3D%22M-135%20930C470%20718.0%20781.0%20433.0%20995%20-210%22%20stroke%3D%22%23c9b078%22%20stroke-opacity%3D%22.09%22%20stroke-width%3D%22.7%22%2F%3E%3Cpath%20d%3D%22M-132%20936C472%20719.2%20782.8%20435.2%201004%20-210%22%20stroke%3D%22%23c9b078%22%20stroke-opacity%3D%22.09%22%20stroke-width%3D%22.7%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  --landing-engraving: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20700%20300%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M%20-80%20330.0C140%20350.0%20195%20150.0%20293%20190.0C373%20223.0%20405%2070.0%20483%20130.0C568%20195.0%20630%20284.0%20780%20245.0%22%20stroke%3D%22%23dcc18b%22%20stroke-width%3D%22.6%22%20stroke-opacity%3D%22.25%22%2F%3E%3Cpath%20d%3D%22M%20-80%20331.5C140%20349.4%20195%20151.35%20293%20191.5C373%20224.5%20405%2071.95%20483%20131.65C568%20196.5%20630%20285.05%20780%20246.5%22%20stroke%3D%22%23dcc18b%22%20stroke-width%3D%22.6%22%20stroke-opacity%3D%22.25%22%2F%3E%3Cpath%20d%3D%22M%20-80%20333.0C140%20348.8%20195%20152.7%20293%20193.0C373%20226.0%20405%2073.9%20483%20133.3C568%20198.0%20630%20286.1%20780%20248.0%22%20stroke%3D%22%23dcc18b%22%20stroke-width%3D%22.6%22%20stroke-opacity%3D%22.25%22%2F%3E%3Cpath%20d%3D%22M%20-80%20334.5C140%20348.2%20195%20154.05%20293%20194.5C373%20227.5%20405%2075.85%20483%20134.95C568%20199.5%20630%20287.15%20780%20249.5%22%20stroke%3D%22%23dcc18b%22%20stroke-width%3D%22.6%22%20stroke-opacity%3D%22.25%22%2F%3E%3Cpath%20d%3D%22M%20-80%20336.0C140%20347.6%20195%20155.4%20293%20196.0C373%20229.0%20405%2077.8%20483%20136.6C568%20201.0%20630%20288.2%20780%20251.0%22%20stroke%3D%22%23dcc18b%22%20stroke-width%3D%22.6%22%20stroke-opacity%3D%22.25%22%2F%3E%3Cpath%20d%3D%22M%20-80%20337.5C140%20347.0%20195%20156.75%20293%20197.5C373%20230.5%20405%2079.75%20483%20138.25C568%20202.5%20630%20289.25%20780%20252.5%22%20stroke%3D%22%23dcc18b%22%20stroke-width%3D%22.6%22%20stroke-opacity%3D%22.25%22%2F%3E%3Cpath%20d%3D%22M%20-80%20339.0C140%20346.4%20195%20158.1%20293%20199.0C373%20232.0%20405%2081.7%20483%20139.9C568%20204.0%20630%20290.3%20780%20254.0%22%20stroke%3D%22%23dcc18b%22%20stroke-width%3D%22.6%22%20stroke-opacity%3D%22.25%22%2F%3E%3Cpath%20d%3D%22M%20-80%20340.5C140%20345.8%20195%20159.45%20293%20200.5C373%20233.5%20405%2083.65%20483%20141.55C568%20205.5%20630%20291.35%20780%20255.5%22%20stroke%3D%22%23dcc18b%22%20stroke-width%3D%22.6%22%20stroke-opacity%3D%22.25%22%2F%3E%3Cpath%20d%3D%22M%20-80%20342.0C140%20345.2%20195%20160.8%20293%20202.0C373%20235.0%20405%2085.6%20483%20143.2C568%20207.0%20630%20292.4%20780%20257.0%22%20stroke%3D%22%23dcc18b%22%20stroke-width%3D%22.6%22%20stroke-opacity%3D%22.25%22%2F%3E%3Cpath%20d%3D%22M%20-80%20343.5C140%20344.6%20195%20162.15%20293%20203.5C373%20236.5%20405%2087.55%20483%20144.85C568%20208.5%20630%20293.45%20780%20258.5%22%20stroke%3D%22%23dcc18b%22%20stroke-width%3D%22.6%22%20stroke-opacity%3D%22.25%22%2F%3E%3Cpath%20d%3D%22M%20-80%20345.0C140%20344.0%20195%20163.5%20293%20205.0C373%20238.0%20405%2089.5%20483%20146.5C568%20210.0%20630%20294.5%20780%20260.0%22%20stroke%3D%22%23dcc18b%22%20stroke-width%3D%22.6%22%20stroke-opacity%3D%22.25%22%2F%3E%3Cpath%20d%3D%22M%20-80%20346.5C140%20343.4%20195%20164.85%20293%20206.5C373%20239.5%20405%2091.45%20483%20148.15C568%20211.5%20630%20295.55%20780%20261.5%22%20stroke%3D%22%23dcc18b%22%20stroke-width%3D%22.6%22%20stroke-opacity%3D%22.25%22%2F%3E%3Cpath%20d%3D%22M%20-80%20348.0C140%20342.8%20195%20166.2%20293%20208.0C373%20241.0%20405%2093.4%20483%20149.8C568%20213.0%20630%20296.6%20780%20263.0%22%20stroke%3D%22%23dcc18b%22%20stroke-width%3D%22.6%22%20stroke-opacity%3D%22.25%22%2F%3E%3Cpath%20d%3D%22M%20-80%20349.5C140%20342.2%20195%20167.55%20293%20209.5C373%20242.5%20405%2095.35%20483%20151.45C568%20214.5%20630%20297.65%20780%20264.5%22%20stroke%3D%22%23dcc18b%22%20stroke-width%3D%22.6%22%20stroke-opacity%3D%22.25%22%2F%3E%3Cpath%20d%3D%22M%20-80%20351.0C140%20341.6%20195%20168.9%20293%20211.0C373%20244.0%20405%2097.3%20483%20153.1C568%20216.0%20630%20298.7%20780%20266.0%22%20stroke%3D%22%23dcc18b%22%20stroke-width%3D%22.6%22%20stroke-opacity%3D%22.25%22%2F%3E%3Cpath%20d%3D%22M%20-80%20352.5C140%20341.0%20195%20170.25%20293%20212.5C373%20245.5%20405%2099.25%20483%20154.75C568%20217.5%20630%20299.75%20780%20267.5%22%20stroke%3D%22%23dcc18b%22%20stroke-width%3D%22.6%22%20stroke-opacity%3D%22.25%22%2F%3E%3Cpath%20d%3D%22M%20-80%20354.0C140%20340.4%20195%20171.6%20293%20214.0C373%20247.0%20405%20101.2%20483%20156.4C568%20219.0%20630%20300.8%20780%20269.0%22%20stroke%3D%22%23dcc18b%22%20stroke-width%3D%22.6%22%20stroke-opacity%3D%22.25%22%2F%3E%3Cpath%20d%3D%22M%20-80%20355.5C140%20339.8%20195%20172.95%20293%20215.5C373%20248.5%20405%20103.15%20483%20158.05C568%20220.5%20630%20301.85%20780%20270.5%22%20stroke%3D%22%23dcc18b%22%20stroke-width%3D%22.6%22%20stroke-opacity%3D%22.25%22%2F%3E%3Cpath%20d%3D%22M%20-80%20357.0C140%20339.2%20195%20174.3%20293%20217.0C373%20250.0%20405%20105.1%20483%20159.7C568%20222.0%20630%20302.9%20780%20272.0%22%20stroke%3D%22%23dcc18b%22%20stroke-width%3D%22.6%22%20stroke-opacity%3D%22.25%22%2F%3E%3Cpath%20d%3D%22M%20-80%20358.5C140%20338.6%20195%20175.65%20293%20218.5C373%20251.5%20405%20107.05000000000001%20483%20161.35C568%20223.5%20630%20303.95%20780%20273.5%22%20stroke%3D%22%23dcc18b%22%20stroke-width%3D%22.6%22%20stroke-opacity%3D%22.25%22%2F%3E%3Cpath%20d%3D%22M%20-80%20360.0C140%20338.0%20195%20177.0%20293%20220.0C373%20253.0%20405%20109.0%20483%20163.0C568%20225.0%20630%20305.0%20780%20275.0%22%20stroke%3D%22%23dcc18b%22%20stroke-width%3D%22.6%22%20stroke-opacity%3D%22.25%22%2F%3E%3Cpath%20d%3D%22M%20-80%20361.5C140%20337.4%20195%20178.35%20293%20221.5C373%20254.5%20405%20110.95%20483%20164.65C568%20226.5%20630%20306.05%20780%20276.5%22%20stroke%3D%22%23dcc18b%22%20stroke-width%3D%22.6%22%20stroke-opacity%3D%22.25%22%2F%3E%3Cpath%20d%3D%22M%20-80%20363.0C140%20336.8%20195%20179.7%20293%20223.0C373%20256.0%20405%20112.9%20483%20166.3C568%20228.0%20630%20307.1%20780%20278.0%22%20stroke%3D%22%23dcc18b%22%20stroke-width%3D%22.6%22%20stroke-opacity%3D%22.25%22%2F%3E%3Cpath%20d%3D%22M%20-80%20364.5C140%20336.2%20195%20181.05%20293%20224.5C373%20257.5%20405%20114.85%20483%20167.95C568%20229.5%20630%20308.15%20780%20279.5%22%20stroke%3D%22%23dcc18b%22%20stroke-width%3D%22.6%22%20stroke-opacity%3D%22.25%22%2F%3E%3Cpath%20d%3D%22M%20-80%20366.0C140%20335.6%20195%20182.4%20293%20226.0C373%20259.0%20405%20116.80000000000001%20483%20169.6C568%20231.0%20630%20309.2%20780%20281.0%22%20stroke%3D%22%23dcc18b%22%20stroke-width%3D%22.6%22%20stroke-opacity%3D%22.25%22%2F%3E%3Cpath%20d%3D%22M%20-80%20367.5C140%20335.0%20195%20183.75%20293%20227.5C373%20260.5%20405%20118.75%20483%20171.25C568%20232.5%20630%20310.25%20780%20282.5%22%20stroke%3D%22%23dcc18b%22%20stroke-width%3D%22.6%22%20stroke-opacity%3D%22.25%22%2F%3E%3Cpath%20d%3D%22M%20-80%20369.0C140%20334.4%20195%20185.1%20293%20229.0C373%20262.0%20405%20120.7%20483%20172.9C568%20234.0%20630%20311.3%20780%20284.0%22%20stroke%3D%22%23dcc18b%22%20stroke-width%3D%22.6%22%20stroke-opacity%3D%22.25%22%2F%3E%3C%2Fsvg%3E");
  display: block !important; position: relative; width: 100%; height: auto !important;
  min-height: 100svh; max-height: none; padding: 0 !important; overflow: clip !important;
  color: var(--landing-ink); background: #f8f7f3 !important; font-family: Arial, Helvetica, sans-serif;
  isolation: isolate; text-align: left; color-scheme: light;
  place-items: normal !important; justify-content: normal !important;
}
#loginScreen.lf-landing.hidden { display: none !important; }
#loginScreen.lf-landing::before, #loginScreen.lf-landing::after { content: none !important; display: none !important; }
#loginScreen.lf-landing * { box-sizing: border-box; }
#loginScreen.lf-landing :is(a, button, input) { -webkit-tap-highlight-color: transparent; }
#loginScreen.lf-landing :is(button, a):focus-visible { outline: 2px solid #8d692d !important; outline-offset: 4px; }
#loginScreen.lf-landing button:hover { transform: none; opacity: 1; }
#loginScreen.lf-landing .lf-container { width: min(1280px, calc(100% - 96px)); margin-inline: auto; }
#loginScreen.lf-landing :is(.lf-wordmark, .lf-footer-brand, h1, h2, h3) { font-family: Georgia, 'Times New Roman', serif; }
#loginScreen.lf-landing main :is(h1,h2,h3) { font-weight: 400 !important; }
#loginScreen.lf-landing main :is(h1,h2) em { font-style: italic !important; font-weight: 400 !important; }
#loginScreen.lf-landing :is(h1, h2, h3, p) { margin: 0; }
#loginScreen.lf-landing em { font-weight: inherit; }
#loginScreen.lf-landing svg { flex: 0 0 auto; }
#loginScreen.lf-landing .lf-header { position: sticky; top: 0; z-index: 50; width: 100%; border-bottom: 1px solid #e4e3db; background: rgba(252,251,248,.95); backdrop-filter: blur(14px); }
#loginScreen.lf-landing .lf-nav { height: 88px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
#loginScreen.lf-landing .lf-wordmark { display: flex; gap: 12px; align-items: center; text-decoration: none; color: var(--landing-ink); font-size: 26px; letter-spacing: -.055em; white-space: nowrap; }
#loginScreen.lf-landing .lf-wordmark small { display: block; font: 9px Arial, sans-serif; letter-spacing: .26em; margin-top: 3px; }
#loginScreen.lf-landing .lf-brand-mark { display: grid; place-items: center; color: var(--landing-gold); }
#loginScreen.lf-landing .lf-brand-mark svg { width: 35px; height: 35px; stroke-width: 1.3; }
#loginScreen.lf-landing .lf-nav-links { display: flex; align-items: center; gap: 32px; margin-left: auto; margin-right: 24px; }
#loginScreen.lf-landing .lf-nav-links a { font-size: 12px; color: #425770; text-decoration: none; padding-block: 10px; }
#loginScreen.lf-landing .lf-nav-links a:hover { color: var(--landing-gold); }
#loginScreen.lf-landing .lf-button { display: inline-flex; align-items: center; justify-content: center; gap: 18px; min-height: 48px; border: 1px solid #102b46; border-radius: 7px; padding: 14px 23px; color: #fff; background: linear-gradient(120deg,#102b46,#254b6c); font: 600 12px/1.4 Arial, sans-serif; letter-spacing: .005em; box-shadow: 0 4px 10px rgba(16,43,70,.09); text-decoration: none; cursor: pointer; transition: background .2s, box-shadow .2s; }
#loginScreen.lf-landing .lf-button:hover { background: #0c2238; box-shadow: 0 5px 18px rgba(16,43,70,.16); }
#loginScreen.lf-landing .lf-button svg { width: 16px; height: 16px; }
#loginScreen.lf-landing .lf-nav-signin { min-height: 40px; padding: 10px 18px; gap: 22px; }
#loginScreen.lf-landing .lf-nav-signin svg { width: 13px; height: 13px; transition: transform .2s; }
#loginScreen.lf-landing .lf-nav-signin[aria-expanded="true"] svg { transform: rotate(180deg); }
#loginScreen.lf-landing .lf-text-button { display: inline-flex; align-items: center; gap: 9px; background: transparent; border: 0; box-shadow: none; color: #3e5268; padding: 8px 0; font: 500 11px/1.5 Arial, sans-serif; text-decoration: none; }
#loginScreen.lf-landing .lf-text-button svg { width: 13px; height: 13px; }
#loginScreen.lf-landing .lf-text-button:hover { color: #896325; }
#loginScreen.lf-landing .lf-hero { position: relative; display: grid; grid-template-columns: 1.08fr 1fr; gap: 72px; align-items: center; padding-block: 84px 76px; }
#loginScreen.lf-landing .lf-hero::before { content: ''; position: absolute; inset: -80px -200px -80px 10%; z-index: -1; background: var(--landing-wave) right top / 1200px 720px no-repeat; pointer-events: none; }
#loginScreen.lf-landing .lf-hero-copy { min-width: 0; padding-bottom: 15px; }
#loginScreen.lf-landing .lf-eyebrow { display: flex; align-items: center; gap: 10px; font: 600 10px/1.6 Arial, sans-serif; letter-spacing: .16em; color: #846329; }
#loginScreen.lf-landing .lf-eyebrow > span { width: 20px; height: 1px; background: #a68243; }
#loginScreen.lf-landing .lf-hero h1 { font-size: clamp(48px, 4.7vw, 68px); line-height: 1.08; letter-spacing: -.044em; font-weight: 400; margin: 25px 0 25px; color: #102b46; }
#loginScreen.lf-landing .lf-hero h1 em { color: #6f5d3f; }
#loginScreen.lf-landing .lf-hero-description { color: #354f67; font-size: 16px; line-height: 1.7; }
#loginScreen.lf-landing .lf-hero-detail { color: #5b6a76; font-size: 13px; line-height: 1.8; max-width: 400px; margin-top: 15px; }
#loginScreen.lf-landing .lf-hero-actions { display: flex; flex-wrap: wrap; gap: 13px 20px; margin-top: 28px; align-items: center; }
#loginScreen.lf-landing .lf-hero-footnote { display: flex; align-items: center; gap: 12px; margin-top: 38px; color: #64717c; font-size: 10px; }
#loginScreen.lf-landing .lf-fine-rule { width: 32px; height: 1px; background: #c8b88d; }
#loginScreen.lf-landing .lf-hero-visual { min-width: 0; position: relative; }
#loginScreen.lf-landing .lf-product-window { border: 1px solid #d4d7d8; border-radius: 14px; overflow: hidden; background: #fff; box-shadow: 0 28px 60px -26px rgba(12,37,58,.28), 0 2px 8px rgba(25,45,61,.04); }
#loginScreen.lf-landing .lf-window-bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; background: #10283e; color: #f9f8f2; padding: 17px 23px; }
#loginScreen.lf-landing .lf-window-bar > span { display: flex; align-items: center; gap: 9px; font: 17px Georgia, serif; }
#loginScreen.lf-landing .lf-window-bar svg { width: 19px; height: 19px; color: #dbc08a; }
#loginScreen.lf-landing .lf-window-bar small { font: 8px Arial, sans-serif; letter-spacing: .16em; color: #d9dee3; }
#loginScreen.lf-landing .lf-preview-body { padding: 27px; background: linear-gradient(135deg,#fff,#fafaf7); }
#loginScreen.lf-landing .lf-preview-heading { display: flex; justify-content: space-between; gap: 12px; align-items: center; margin-bottom: 22px; }
#loginScreen.lf-landing .lf-preview-kicker { font: 8px Arial, sans-serif; letter-spacing: .13em; color: #697584; }
#loginScreen.lf-landing .lf-preview-heading h2 { font-size: 27px; line-height: 1.3; font-weight: 400; margin-top: 5px; }
#loginScreen.lf-landing .lf-preview-date { display: flex; gap: 5px; align-items: center; color: #6f644f; font-size: 10px; }
#loginScreen.lf-landing .lf-preview-date svg { width: 13px; height: 13px; }
#loginScreen.lf-landing .lf-preview-summary { display: flex; align-items: center; gap: 12px; border: 1px solid #e5dfd0; padding: 15px; background: #fcf9f2; border-radius: 8px; }
#loginScreen.lf-landing .lf-preview-summary > svg { width: 15px; height: 15px; color: #9b7d43; margin-left: auto; }
#loginScreen.lf-landing .lf-preview-summary strong { font: 600 12px Arial, sans-serif; }
#loginScreen.lf-landing .lf-preview-summary p { margin-top: 6px; color: #606b75; font: 10px/1.5 Arial, sans-serif; }
#loginScreen.lf-landing .lf-preview-icon { display: grid; place-items: center; flex-shrink: 0; width: 38px; height: 38px; border-radius: 50%; background: #f5eace; color: #8d6524; }
#loginScreen.lf-landing .lf-preview-icon svg { width: 19px; height: 19px; }
#loginScreen.lf-landing .lf-preview-list { margin: 12px 0 20px; }
#loginScreen.lf-landing .lf-preview-list > div { display: flex; align-items: center; gap: 11px; padding: 13px 1px; border-bottom: 1px solid #e8eaec; }
#loginScreen.lf-landing .lf-preview-symbol { display: grid; place-items: center; flex-shrink: 0; width: 31px; height: 31px; background: #f0f3f5; border-radius: 7px; color: #526a7c; }
#loginScreen.lf-landing .lf-preview-symbol svg { width: 15px; height: 15px; }
#loginScreen.lf-landing .lf-preview-list strong { display: block; font-size: 11px; font-weight: 600; }
#loginScreen.lf-landing .lf-preview-list small { display: block; font-size: 9px; color: #62707e; margin-top: 4px; }
#loginScreen.lf-landing .lf-preview-badge { padding: 5px 7px; background: #edf2f7; color: #355c7b; border-radius: 5px; font: 9px/1.2 Arial, sans-serif; white-space: nowrap; }
#loginScreen.lf-landing .lf-preview-list .lf-preview-badge { margin-left: auto; }
#loginScreen.lf-landing .lf-badge-gold { background: #f7eed9; color: #785415; }
#loginScreen.lf-landing .lf-badge-green { background: #edf5ee; color: #326447; }
#loginScreen.lf-landing .lf-preview-premium { position: relative; isolation: isolate; overflow: hidden; padding: 20px; border-radius: 9px; background: var(--landing-engraving) right bottom / 340px 170px no-repeat, linear-gradient(120deg,#0f283f,#2e4d69); color: #fff; }
#loginScreen.lf-landing .lf-preview-premium > span { font-size: 8px; letter-spacing: .14em; color: #e2cc9f; }
#loginScreen.lf-landing .lf-preview-premium strong { display: block; font: 30px/1.05 Georgia, serif; margin-top: 12px; letter-spacing: -.02em; }
#loginScreen.lf-landing .lf-preview-premium p { font-size: 9px; color: #d9e2eb; margin-top: 15px; }
#loginScreen.lf-landing .lf-preview-premium > svg { position: absolute; right: 21px; top: 20px; width: 19px; height: 19px; color: #e2ca93; }
#loginScreen.lf-landing .lf-preview-caption { display: flex; flex-wrap: wrap; gap: 7px; align-items: center; margin: 17px 3px 0; font-size: 9px; line-height: 1.5; color: #556976; }
#loginScreen.lf-landing .lf-preview-caption small { margin-left: auto; font-size: 8px; color: #747e84; }
#loginScreen.lf-landing .lf-status-dot { width: 5px; height: 5px; background: #a88743; border-radius: 50%; }
#loginScreen.lf-landing .lf-principles { border-top: 1px solid #dedfd9; border-bottom: 1px solid #dedfd9; padding: 28px 0; text-align: center; }
#loginScreen.lf-landing .lf-principles > span { font: 8px Arial, sans-serif; letter-spacing: .17em; color: #746344; }
#loginScreen.lf-landing .lf-principles p { display: flex; justify-content: center; gap: 33px; align-items: center; font: 20px/1.5 Georgia, serif; color: #294259; margin-top: 13px; }
#loginScreen.lf-landing .lf-principles svg { width: 15px; height: 15px; color: #ad9367; }
#loginScreen.lf-landing .lf-story { display: grid; grid-template-columns: .9fr 1fr; gap: 105px; padding-block: 104px; align-items: center; scroll-margin-top: 110px; }
#loginScreen.lf-landing .lf-story-reverse { grid-template-columns: 1fr .9fr; border-top: 1px solid #e0e1d9; }
#loginScreen.lf-landing .lf-story-reverse .lf-story-copy { grid-column: 2; grid-row: 1; }
#loginScreen.lf-landing .lf-story-reverse .lf-story-visual { grid-column: 1; grid-row: 1; }
#loginScreen.lf-landing .lf-story-copy { min-width: 0; }
#loginScreen.lf-landing .lf-story h2 { font-size: clamp(32px,3.1vw,43px); font-weight: 400; line-height: 1.13; letter-spacing: -.032em; margin: 22px 0; }
#loginScreen.lf-landing .lf-story h2 em { color: #78613a; }
#loginScreen.lf-landing .lf-story-copy > p:not(.lf-eyebrow) { font: 13px/1.9 Arial, sans-serif; color: #65717c; max-width: 425px; }
#loginScreen.lf-landing .lf-story-copy > .lf-solution { color: #2d465c !important; margin-top: 15px; }
#loginScreen.lf-landing .lf-benefits { list-style: none; padding: 0; margin: 24px 0 0; }
#loginScreen.lf-landing .lf-benefits li { display: flex; gap: 9px; align-items: flex-start; font-size: 11px; color: #3e576d; line-height: 1.6; margin-top: 11px; }
#loginScreen.lf-landing .lf-benefits svg { width: 14px; height: 14px; color: #8f7235; margin-top: 1px; }
#loginScreen.lf-landing .lf-story-visual { min-width: 0; }
#loginScreen.lf-landing :is(.lf-context-card, .lf-progress-card) { background: #fff; border: 1px solid #dfdfd7; border-radius: 12px; box-shadow: 0 18px 42px -24px rgba(14,39,62,.23); }
#loginScreen.lf-landing .lf-context-header { display: flex; align-items: center; gap: 12px; padding: 25px; border-bottom: 1px solid #e6e8e9; }
#loginScreen.lf-landing .lf-context-header small { font: 8px Arial, sans-serif; letter-spacing: .1em; color: #75828c; }
#loginScreen.lf-landing .lf-context-header h3 { margin-top: 6px; font-size: 21px; font-weight: 400; }
#loginScreen.lf-landing .lf-context-header > .lf-preview-badge { margin-left: auto; }
#loginScreen.lf-landing .lf-context-note { margin: 24px 25px 12px; display: flex; gap: 12px; padding: 16px; border: 1px solid #e9dfc9; border-radius: 7px; background: #fdfaf3; }
#loginScreen.lf-landing .lf-context-note svg { width: 17px; height: 17px; color: #8a6c36; margin-top: 2px; }
#loginScreen.lf-landing .lf-context-note small { font: 8px Arial, sans-serif; color: #7d622e; letter-spacing: .08em; }
#loginScreen.lf-landing .lf-context-note p { margin-top: 8px; font: 12px/1.7 Georgia, serif; color: #465869; }
#loginScreen.lf-landing .lf-contact-timeline { list-style: none; padding: 10px 30px 24px; margin: 0; }
#loginScreen.lf-landing .lf-contact-timeline li { display: flex; align-items: flex-start; gap: 13px; position: relative; padding: 15px 0; }
#loginScreen.lf-landing .lf-contact-timeline li:not(:last-child)::after { content: ''; width: 1px; background: #e0dacb; position: absolute; top: 42px; bottom: -10px; left: 12px; }
#loginScreen.lf-landing .lf-contact-timeline li > span { display: grid; place-items: center; width: 25px; height: 25px; border: 1px solid #dacfaf; border-radius: 50%; color: #8c6d2f; background: #faf5e9; }
#loginScreen.lf-landing .lf-contact-timeline svg { width: 12px; height: 12px; }
#loginScreen.lf-landing .lf-contact-timeline strong { display: block; font-size: 11px; font-weight: 600; padding-top: 1px; }
#loginScreen.lf-landing .lf-contact-timeline p { margin-top: 5px; color: #677885; font-size: 10px; line-height: 1.5; }
#loginScreen.lf-landing .lf-contact-timeline li > small { margin-left: auto; color: #8c7959; font: 10px Georgia, serif; padding-top: 3px; }
#loginScreen.lf-landing .lf-small-caption { display: flex; justify-content: space-between; gap: 12px; padding: 16px 2px 0; color: #5e6b77; font: 9px/1.6 Arial, sans-serif; }
#loginScreen.lf-landing .lf-small-caption span { font-size: 8px; color: #777b7d; }
#loginScreen.lf-landing .lf-progress-card { padding: 30px; }
#loginScreen.lf-landing .lf-progress-heading { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
#loginScreen.lf-landing .lf-progress-heading h3 { font-size: 26px; margin-top: 6px; font-weight: 400; }
#loginScreen.lf-landing .lf-preview-period { background: #eef2f5; border: 1px solid #d9e0e6; padding: 7px 8px; border-radius: 5px; font-size: 9px; white-space: nowrap; color: #3f5c71; }
#loginScreen.lf-landing .lf-progress-legend { display: flex; justify-content: space-between; align-items: center; margin: 30px 0 15px; gap: 12px; color: #415d73; font-size: 10px; }
#loginScreen.lf-landing .lf-progress-legend small { font-size: 7px; letter-spacing: .09em; color: #7a6c4b; }
#loginScreen.lf-landing .lf-preview-chart { display: block; width: 100%; height: auto; overflow: visible; }
#loginScreen.lf-landing .lf-chart-labels { display: flex; justify-content: space-between; gap: 12px; color: #697684; font-size: 8px; margin-top: 3px; }
#loginScreen.lf-landing .lf-progress-metrics { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border-top: 1px solid #e3e7e9; padding-top: 22px; margin-top: 24px; }
#loginScreen.lf-landing .lf-progress-metrics > div { display: grid; justify-items: center; gap: 7px; }
#loginScreen.lf-landing .lf-progress-metrics > div + div { border-left: 1px solid #e3e7e9; }
#loginScreen.lf-landing .lf-progress-metrics svg { color: #967338; width: 17px; height: 17px; }
#loginScreen.lf-landing .lf-progress-metrics strong { font: 16px Georgia, serif; }
#loginScreen.lf-landing .lf-progress-metrics small { font-size: 8px; color: #617282; }
#loginScreen.lf-landing .lf-closing { color: #f9f8f1; background: var(--landing-engraving) right bottom / 1100px 390px no-repeat, #10283e; padding-block: 74px; border-top: 1px solid #3b4d55; }
#loginScreen.lf-landing .lf-closing-inner { display: flex; justify-content: space-between; align-items: center; gap: 50px; }
#loginScreen.lf-landing .lf-closing .lf-eyebrow { color: #e3c794; }
#loginScreen.lf-landing .lf-closing h2 { font-size: clamp(34px,3.4vw,48px); line-height: 1.15; letter-spacing: -.025em; font-weight: 400; margin: 18px 0 20px; }
#loginScreen.lf-landing .lf-closing em { color: #e1c58f; }
#loginScreen.lf-landing .lf-closing p:not(.lf-eyebrow) { color: #c4d0d9; font-size: 12px; }
#loginScreen.lf-landing .lf-closing-action { display: grid; justify-items: center; gap: 13px; }
#loginScreen.lf-landing .lf-closing-action > span { font-size: 9px; color: #c4d0d9; }
#loginScreen.lf-landing .lf-button-ivory { background: #faf5e8; color: #142d43; border-color: #e1d0aa; }
#loginScreen.lf-landing .lf-button-ivory:hover { background: #e9dcc1; }
#loginScreen.lf-landing .lf-footer { display: flex; gap: 24px; align-items: center; justify-content: space-between; min-height: 104px; padding-block: 24px; }
#loginScreen.lf-landing .lf-footer-brand { font-size: 22px; letter-spacing: -.04em; }
#loginScreen.lf-landing .lf-footer-brand small { font: 8px Arial, sans-serif; letter-spacing: .12em; margin-left: 5px; }
#loginScreen.lf-landing .lf-footer p { font-size: 10px; color: #637282; }
#loginScreen.lf-landing .lf-footer a { display: flex; gap: 8px; align-items: center; font-size: 10px; text-decoration: none; color: #465e73; }
#loginScreen.lf-landing .lf-footer svg { width: 12px; height: 12px; }
#loginScreen.lf-landing .lf-skip-link { position: absolute; z-index: 110; top: -100px; left: 12px; padding: 12px; background: #fff; color: #102b46; }
#loginScreen.lf-landing .lf-skip-link:focus { top: 12px; }
#loginScreen.lf-landing #landingMain { scroll-margin-top: 90px; outline: none; }

/* The existing credential/recovery/invitation controls, in a top-right dialog. */
#loginScreen.lf-landing #landingAccessPanel { position: fixed; z-index: 100; top: 100px; right: max(24px,calc((100vw - 1280px)/2)); width: 400px; max-width: calc(100% - 32px); max-height: calc(100dvh - 120px); overflow: auto; overscroll-behavior: contain; border: 1px solid #c9c9be; border-top: 2px solid #b09256; border-radius: 11px; color: #102b46; background: #fffefa; box-shadow: 0 25px 80px rgba(11,32,51,.23), 0 3px 12px rgba(11,32,51,.08); scrollbar-width: thin; scrollbar-color: #c7c6bc transparent; }
#loginScreen.lf-landing #landingAccessPanel[hidden] { display: none !important; }
#loginScreen.lf-landing #landingAccessPanel .lf-access-panel-bar { display: flex; align-items: center; justify-content: space-between; padding: 12px 20px 12px 27px; border-bottom: 1px solid #e7e4d9; color: #756446; font: 8px Arial,sans-serif; letter-spacing: .13em; }
#loginScreen.lf-landing #landingAccessClose { display: grid; place-items: center; width: 30px; height: 30px; padding: 6px; background: #f3f3ed; color: #415a6d; border: 1px solid #e4e2d9; border-radius: 6px; box-shadow: none; }
#loginScreen.lf-landing #landingAccessClose svg { width: 14px; height: 14px; }
#loginScreen.lf-landing #landingAccessPanel :is(#loginAccessCard, #forgotPasswordCard, #passwordResetCard, #inviteRegistrationCard) { position: relative !important; z-index: auto; inset: auto !important; width: 100% !important; min-width: 0 !important; max-width: none !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 0 !important; padding: 26px !important; color: #102b46 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; transform: none !important; backdrop-filter: none !important; }
#loginScreen.lf-landing #landingAccessPanel .login-card::before, #loginScreen.lf-landing #landingAccessPanel .login-card::after { content: none !important; display: none !important; }
#loginScreen.lf-landing #landingAccessPanel .login-card.hidden { display: none !important; }
#loginScreen.lf-landing #landingAccessPanel .login-card:not(.hidden) { display: block !important; }
#loginScreen.lf-landing #landingAccessPanel .login-card :is(h1,h2,.login-signin-title) { font: 400 29px/1.12 Georgia,serif !important; color: #102b46 !important; -webkit-text-fill-color: #102b46 !important; text-align: left !important; letter-spacing: -.035em !important; margin: 0 0 12px !important; background: none !important; }
#loginScreen.lf-landing #landingAccessPanel .login-card > p { color: #526779 !important; font: 12px/1.7 Arial,sans-serif !important; text-align: left !important; max-width: none !important; margin: 0 0 25px !important; }
#loginScreen.lf-landing #landingAccessPanel .login-label { display: grid !important; gap: 7px !important; margin: 16px 0 0 !important; color: #314b61 !important; font: 600 11px/1.5 Arial,sans-serif !important; }
#loginScreen.lf-landing #landingAccessPanel .login-label > span { color: #314b61 !important; -webkit-text-fill-color: #314b61 !important; opacity: 1 !important; text-align: left !important; }
#loginScreen.lf-landing #landingAccessPanel .login-signin-title { display: block !important; width: auto !important; max-width: none !important; align-self: stretch !important; }
#loginScreen.lf-landing #landingAccessPanel .login-input-wrap { position: relative; display: flex; align-items: center; background: transparent !important; border: 0 !important; border-radius: 7px !important; box-shadow: none !important; }
#loginScreen.lf-landing #landingAccessPanel .login-input-wrap > svg { width: 16px !important; height: 16px !important; position: absolute !important; left: 13px !important; top: 50% !important; transform: translateY(-50%) !important; color: #6b7f8c !important; pointer-events: none; }
#loginScreen.lf-landing #landingAccessPanel .login-input-wrap > svg { margin: 0 !important; }
#loginScreen.lf-landing #landingAccessPanel .login-input-wrap input { display: block; width: 100% !important; height: 45px !important; min-height: 0 !important; border: 1px solid #b9c4cb !important; border-radius: 7px !important; background: #f9faf9 !important; color: #17334b !important; -webkit-text-fill-color: #17334b !important; font: 13px/1.5 Arial,sans-serif !important; padding: 10px 42px 10px 39px !important; box-shadow: inset 0 1px 2px rgba(22,47,64,.025) !important; margin: 0 !important; }
#loginScreen.lf-landing #landingAccessPanel input::placeholder { color: #6d7e8a !important; -webkit-text-fill-color: #6d7e8a !important; opacity: 1 !important; }
#loginScreen.lf-landing #landingAccessPanel input:focus { outline: 2px solid #b89856 !important; outline-offset: 2px; border-color: #8f793f !important; box-shadow: none !important; }
#loginScreen.lf-landing #landingAccessPanel #loginPasswordToggle { position: absolute !important; right: 7px !important; top: 50% !important; transform: translateY(-50%) !important; padding: 6px !important; width: 30px !important; height: 30px !important; min-height: 0 !important; border: none !important; background: transparent !important; color: #526779 !important; box-shadow: none !important; }
#loginScreen.lf-landing #landingAccessPanel #loginPasswordToggle svg { width: 17px !important; height: 17px !important; color: inherit !important; }
#loginScreen.lf-landing #landingAccessPanel .login-options-row { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; margin: 17px 0 22px !important; }
#loginScreen.lf-landing #landingAccessPanel .login-remember-option { display: flex; align-items: center; gap: 7px !important; color: #4e6375 !important; font: 11px/1.5 Arial,sans-serif !important; }
#loginScreen.lf-landing #landingAccessPanel #loginRememberCheckbox { appearance: auto !important; width: 14px !important; height: 14px !important; min-width: 14px !important; accent-color: #173d5e; padding: 0 !important; margin: 0 !important; }
#loginScreen.lf-landing #landingAccessPanel .forgot-password-button { color: #6e5429 !important; background: none !important; padding: 0 !important; font: 600 11px/1.5 Arial,sans-serif !important; box-shadow: none !important; }
#loginScreen.lf-landing #landingAccessPanel .login-submit-button { display: flex; align-items: center; justify-content: center; gap: 12px; width: 100% !important; min-height: 45px !important; height: auto !important; padding: 13px 18px !important; margin: 0 !important; border: 1px solid #14304a !important; border-radius: 7px !important; background: linear-gradient(120deg,#102b46,#254b6c) !important; color: white !important; -webkit-text-fill-color: white !important; font: 600 12px/1.5 Arial,sans-serif !important; box-shadow: 0 4px 9px rgba(10,35,55,.1) !important; }
#loginScreen.lf-landing #landingAccessPanel .login-submit-button:hover { background: #0c2238 !important; }
#loginScreen.lf-landing #landingAccessPanel .login-submit-button:disabled { opacity: .6 !important; cursor: wait; }
#loginScreen.lf-landing #landingAccessPanel .login-submit-button svg { width: 16px; height: 16px; color: white !important; }
#loginScreen.lf-landing #landingAccessPanel #loginAccessCard .login-admin-help { margin: 21px 0 0 !important; padding: 17px 0 0 !important; border-top: 1px solid #e4e4dc !important; color: #677681 !important; font-size: 10px !important; text-align: center !important; }
#loginScreen.lf-landing #landingAccessPanel #loginAccessCard .login-admin-help span { color: #6d562d !important; font-size: 10px !important; font-weight: 600 !important; }
#loginScreen.lf-landing #landingAccessPanel :is(#loginError,.password-recovery-message,#inviteRegistrationError) { color: #a52d3d !important; font: 11px/1.6 Arial,sans-serif !important; text-align: left !important; margin: 12px 0 0 !important; min-height: 0 !important; }
#loginScreen.lf-landing #landingAccessPanel :is(#loginError,.password-recovery-message,#inviteRegistrationError):empty { display: none !important; }
#loginScreen.lf-landing #landingAccessPanel :is(#loginError,.password-recovery-message).is-success { color: #226742 !important; }
#loginScreen.lf-landing #landingAccessPanel .login-access-logo { display: none !important; }
#loginScreen.lf-landing #landingAccessPanel .password-recovery-kicker { display: block; color: #8c682d !important; font: 9px Arial,sans-serif; letter-spacing: .12em; margin-bottom: 16px; }
#loginScreen.lf-landing #landingAccessPanel .password-recovery-note { display: flex; align-items: flex-start; gap: 8px; color: #586b7a !important; background: #f6f5ef !important; border: 1px solid #e3dfd0 !important; border-radius: 6px; font: 10px/1.6 Arial,sans-serif !important; padding: 12px !important; margin: 18px 0 !important; }
#loginScreen.lf-landing #landingAccessPanel .password-recovery-note svg { width: 16px; height: 16px; color: #89672c !important; }
#loginScreen.lf-landing #landingAccessPanel .password-recovery-back { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; background: none !important; box-shadow: none !important; border: 0 !important; color: #3d5870 !important; font: 11px Arial,sans-serif; padding: 10px 0 0; margin-top: 16px; }
#loginScreen.lf-landing #landingAccessPanel .password-recovery-back svg { width: 14px; height: 14px; }
#loginScreen.lf-landing #landingAccessPanel:has(#inviteRegistrationCard:not(.hidden)) { width: 730px; }
#loginScreen.lf-landing #landingAccessPanel #inviteRegistrationCard:not(.hidden) { display: grid !important; grid-template-columns: .9fr 1.15fr !important; padding: 0 !important; gap: 0 !important; overflow: visible !important; }
#loginScreen.lf-landing #landingAccessPanel .invite-registration-welcome { color: #f9f7ef !important; background: var(--landing-engraving) center bottom / 500px 300px no-repeat,#122d44 !important; padding: 25px !important; border: 0 !important; border-radius: 0 !important; }
#loginScreen.lf-landing #landingAccessPanel #inviteRegistrationCard .invite-registration-welcome :is(h1,h1 strong) { color: #f8f4e8 !important; -webkit-text-fill-color: #f8f4e8 !important; font: 400 30px/1.15 Georgia,serif !important; }
#loginScreen.lf-landing #landingAccessPanel .invite-registration-welcome::after { display: none; }
#loginScreen.lf-landing #landingAccessPanel :is(.invite-registration-brand,.invite-registration-assurance) { display: none !important; }
#loginScreen.lf-landing #landingAccessPanel .invite-registration-kicker { color: #e5ca92 !important; background: rgba(225,197,143,.08); border-color: rgba(225,197,143,.3); font-size: 9px; margin-bottom: 20px; }
#loginScreen.lf-landing #landingAccessPanel .invite-registration-welcome > p { color: #cfdae2 !important; font-size: 12px !important; }
#loginScreen.lf-landing #landingAccessPanel .invite-registration-routing { background: rgba(255,255,255,.04) !important; border-color: #58707e !important; margin-top: 25px !important; padding: 14px !important; }
#loginScreen.lf-landing #landingAccessPanel .invite-registration-routing :is(strong,p) { color: #f0f2f4 !important; opacity: 1 !important; font-size: 10px !important; }
#loginScreen.lf-landing #landingAccessPanel .invite-registration-routing > span { background: transparent !important; color: #e5ca92 !important; width: 24px; height: 28px; }
#loginScreen.lf-landing #landingAccessPanel .invite-registration-form-panel { background: #fffefa !important; padding: 25px !important; color: #16334b !important; }
#loginScreen.lf-landing #landingAccessPanel .invite-registration-form-heading > span { color: #886b36 !important; }
#loginScreen.lf-landing #landingAccessPanel .invite-registration-form-heading p { color: #5b6e7c !important; font-size: 11px; }
#loginScreen.lf-landing #landingAccessPanel :is(.invite-registration-name-grid,.invite-registration-password-grid) { gap: 10px; }
#loginScreen.lf-landing #landingAccessPanel .invite-form-field { color: #314d63 !important; font-size: 10px !important; }
#loginScreen.lf-landing #landingAccessPanel .invite-form-field > span { color: #314d63 !important; -webkit-text-fill-color: #314d63 !important; font: 600 11px/1.5 Arial,sans-serif !important; }
#loginScreen.lf-landing #landingAccessPanel .invite-form-field small { color: #657786 !important; }
#loginScreen.lf-landing #landingAccessPanel .invite-input-wrap { color: #5f7384 !important; background: #f9faf9 !important; border-color: #b9c4cb !important; border-radius: 6px !important; box-shadow: none !important; }
#loginScreen.lf-landing #landingAccessPanel .invite-input-wrap:focus-within { border-color: #8f793f !important; outline: 2px solid #b89856; outline-offset: 2px; }
#loginScreen.lf-landing #landingAccessPanel .invite-input-wrap input:focus { outline: none !important; }
#loginScreen.lf-landing #landingAccessPanel #inviteRegistrationCard .invite-input-wrap input { color: #15354e !important; -webkit-text-fill-color: #15354e !important; background: transparent !important; height: 40px !important; font-size: 11px !important; }
#loginScreen.lf-landing #landingAccessPanel .invite-input-wrap svg { color: #6a7a87 !important; }
#loginScreen.lf-landing #landingAccessPanel #inviteRegistrationCard .invite-create-account-button { color: #fff !important; background: #173c5b !important; border-color: #173c5b !important; box-shadow: none !important; border-radius: 6px !important; }
#loginScreen.lf-landing #landingAccessPanel #inviteRegistrationCard .invite-back-login-button { color: #375971 !important; background: #f1f4f5 !important; border-color: #c5d0d7 !important; box-shadow: none !important; border-radius: 6px !important; }
#loginScreen.lf-landing #landingAccessPanel #inviteRegistrationCard :is(.invite-create-account-button,.invite-back-login-button) { font: 600 12px/1.5 Arial,sans-serif; padding-inline: 12px; }



/* DIALER + AUTOMATION LANDING PREVIEW
   Uses the same Astra landing language, spacing and reveal motion. */
#loginScreen.lf-landing .lf-story-communications {
  border-top: 1px solid #e0e1d9;
}
#loginScreen.lf-landing .lf-story-communications .lf-story-visual {
  min-width: 0;
}
#loginScreen.lf-landing .lf-comms-shell {
  position: relative;
  overflow: hidden;
  padding: 26px;
  border: 1px solid #d9ddd9;
  border-radius: 12px;
  background:
    radial-gradient(circle at 92% 6%, rgba(177,145,82,.11), transparent 32%),
    linear-gradient(145deg, #ffffff 0%, #fbfbf8 55%, #f5f7f8 100%);
  box-shadow: 0 20px 48px -26px rgba(14,39,62,.28);
}
#loginScreen.lf-landing .lf-comms-shell::before {
  content: '';
  position: absolute;
  width: 270px;
  height: 270px;
  right: -115px;
  top: -155px;
  border: 1px solid rgba(166,132,68,.17);
  border-radius: 50%;
  pointer-events: none;
}
#loginScreen.lf-landing .lf-comms-topbar {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e4e7e8;
}
#loginScreen.lf-landing .lf-comms-topbar h3 {
  margin: 6px 0 0;
  color: #17324a;
  font-size: 24px;
  font-weight: 400;
}
#loginScreen.lf-landing .lf-comms-live {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 10px;
  border: 1px solid #d7dfdf;
  border-radius: 999px;
  background: #f7faf9;
  color: #496477;
  font: 9px Arial,sans-serif;
  white-space: nowrap;
}
#loginScreen.lf-landing .lf-comms-live > span {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #3b8b63;
  box-shadow: 0 0 0 4px rgba(59,139,99,.1);
}
#loginScreen.lf-landing .lf-comms-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1.02fr .98fr;
  gap: 14px;
  margin-top: 18px;
}
#loginScreen.lf-landing :is(.lf-dialer-preview,.lf-automation-preview) {
  min-width: 0;
  padding: 18px;
  border: 1px solid #e0e4e5;
  border-radius: 9px;
  background: rgba(255,255,255,.92);
  box-shadow: 0 10px 24px -20px rgba(16,43,70,.22);
}
#loginScreen.lf-landing .lf-comms-card-head {
  display: flex;
  align-items: center;
  gap: 10px;
}
#loginScreen.lf-landing .lf-comms-card-head > div {
  min-width: 0;
}
#loginScreen.lf-landing .lf-comms-card-head small {
  display: block;
  color: #7a8791;
  font: 7px Arial,sans-serif;
  letter-spacing: .12em;
}
#loginScreen.lf-landing .lf-comms-card-head strong {
  display: block;
  margin-top: 5px;
  color: #17324a;
  font: 17px/1.2 Georgia,serif;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#loginScreen.lf-landing .lf-comms-card-head > .lf-preview-badge {
  margin-left: auto;
}
#loginScreen.lf-landing .lf-comms-icon {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  border-radius: 50%;
  background: #ecf3f7;
  color: #315d84;
}
#loginScreen.lf-landing .lf-comms-icon-gold {
  background: #f6edda;
  color: #8a682d;
}
#loginScreen.lf-landing .lf-comms-icon svg { width: 17px; height: 17px; }
#loginScreen.lf-landing .lf-dialer-number {
  margin-top: 23px;
  color: #14324d;
  font: 28px/1 Georgia,serif;
  letter-spacing: -.02em;
}
#loginScreen.lf-landing .lf-dialer-meta {
  margin-top: 9px;
  color: #71808b;
  font: 9px/1.5 Arial,sans-serif;
}
#loginScreen.lf-landing .lf-dialer-context {
  display: flex;
  gap: 9px;
  margin-top: 17px;
  padding: 12px;
  border: 1px solid #e8dfcf;
  border-radius: 7px;
  background: #fcfaf4;
}
#loginScreen.lf-landing .lf-dialer-context > span {
  color: #8b6c34;
  flex: 0 0 auto;
}
#loginScreen.lf-landing .lf-dialer-context svg { width: 15px; height: 15px; }
#loginScreen.lf-landing .lf-dialer-context p {
  margin: 0;
  color: #536675;
  font: 9px/1.55 Arial,sans-serif;
}
#loginScreen.lf-landing .lf-dialer-context strong { color: #304b61; }
#loginScreen.lf-landing .lf-dialer-actions {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 8px;
  margin-top: 16px;
}
#loginScreen.lf-landing .lf-dialer-actions button {
  pointer-events: none;
  display: grid;
  justify-items: center;
  gap: 5px;
  min-width: 0;
  min-height: 56px;
  padding: 9px 5px;
  border: 1px solid #dde4e8;
  border-radius: 8px;
  background: #f7f9fa;
  color: #456075;
  box-shadow: none;
  font: 8px Arial,sans-serif;
}
#loginScreen.lf-landing .lf-dialer-actions button svg { width: 16px; height: 16px; }
#loginScreen.lf-landing .lf-dialer-actions .lf-dialer-call {
  border-color: #173b5d;
  background: linear-gradient(125deg,#17334d,#315b7d);
  color: #fff;
}
#loginScreen.lf-landing .lf-automation-list { margin-top: 18px; }
#loginScreen.lf-landing .lf-automation-list > div {
  display: grid;
  grid-template-columns: 31px minmax(0,1fr) auto;
  align-items: center;
  gap: 9px;
  padding: 11px 0;
  border-bottom: 1px solid #e8eaeb;
}
#loginScreen.lf-landing .lf-automation-list > div:last-child { border-bottom: 0; }
#loginScreen.lf-landing .lf-automation-list > div > span {
  display: grid;
  place-items: center;
  width: 31px;
  height: 31px;
  border-radius: 7px;
  background: #f0f3f5;
  color: #526a7c;
}
#loginScreen.lf-landing .lf-automation-list > div.is-active > span {
  background: #eef5ef;
  color: #377052;
}
#loginScreen.lf-landing .lf-automation-list svg { width: 14px; height: 14px; }
#loginScreen.lf-landing .lf-automation-list strong { display: block; color: #304b61; font-size: 10px; }
#loginScreen.lf-landing .lf-automation-list small { display: block; margin-top: 4px; color: #75838d; font-size: 8px; line-height: 1.4; }
#loginScreen.lf-landing .lf-automation-list b {
  padding: 5px 6px;
  border-radius: 999px;
  background: #eef3f5;
  color: #4c6678;
  font: 7px Arial,sans-serif;
  letter-spacing: .06em;
}
#loginScreen.lf-landing .lf-automation-list .is-active b {
  background: #edf5ee;
  color: #2f6b4b;
}
#loginScreen.lf-landing .lf-comms-timeline {
  position: relative;
  z-index: 1;
  margin-top: 14px;
  padding: 18px;
  border: 1px solid #e1e5e6;
  border-radius: 9px;
  background: #fff;
}
#loginScreen.lf-landing .lf-comms-event {
  display: grid;
  grid-template-columns: 27px minmax(0,1fr) auto;
  align-items: center;
  gap: 9px;
  padding: 10px 0;
  border-bottom: 1px solid #edf0f1;
}
#loginScreen.lf-landing .lf-comms-event:last-child { border-bottom: 0; padding-bottom: 0; }
#loginScreen.lf-landing .lf-comms-event > svg {
  width: 15px;
  height: 15px;
  color: #315d84;
}
#loginScreen.lf-landing .lf-comms-event strong { display: block; color: #314d63; font-size: 9px; }
#loginScreen.lf-landing .lf-comms-event small { display: block; color: #7b8790; font-size: 8px; margin-top: 3px; }
#loginScreen.lf-landing .lf-comms-event em {
  font: 8px Arial,sans-serif;
  font-style: normal;
  color: #80622e;
}


/* Content is visible by default. Reveal motion is progressive enhancement. */
#loginScreen.lf-landing.lf-motion-ready .lf-reveal { opacity: 0; transform: translateY(24px); transition: opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1); }
#loginScreen.lf-landing.lf-motion-ready .lf-reveal.lf-in-view { opacity: 1; transform: none; }
#loginScreen.lf-landing.lf-motion-ready .lf-preview-chart path[stroke="#20476e"] { stroke-dasharray: 760; stroke-dashoffset: 760; transition: stroke-dashoffset 1.6s ease .15s; }
#loginScreen.lf-landing.lf-motion-ready .lf-in-view .lf-preview-chart path[stroke="#20476e"] { stroke-dashoffset: 0; }
@media (max-width: 1100px) {
  #loginScreen.lf-landing .lf-container { width: calc(100% - 64px); }
  #loginScreen.lf-landing .lf-hero { gap: 38px; padding-block: 64px; }
  #loginScreen.lf-landing .lf-hero h1 { font-size: 49px; }
  #loginScreen.lf-landing .lf-hero-description { font-size: 14px; }
  #loginScreen.lf-landing .lf-preview-body { padding: 21px; }
  #loginScreen.lf-landing .lf-preview-heading h2 { font-size: 24px; }
  #loginScreen.lf-landing .lf-story { gap: 55px; padding-block: 78px; }
  #loginScreen.lf-landing .lf-story h2 { font-size: 36px; }
  #loginScreen.lf-landing .lf-context-header { flex-wrap: wrap; }
  #loginScreen.lf-landing .lf-context-header > .lf-preview-badge { display: none; }
}
@media (max-width: 820px) {
  #loginScreen.lf-landing .lf-nav { height: 76px; }
  #loginScreen.lf-landing .lf-nav-links { gap: 18px; margin-right: 0; }
  #loginScreen.lf-landing .lf-nav-links a { font-size: 10px; }
  #loginScreen.lf-landing .lf-hero { grid-template-columns: 1fr; gap: 45px; padding-block: 54px; }
  #loginScreen.lf-landing .lf-hero-copy { max-width: 600px; padding-bottom: 0; }
  #loginScreen.lf-landing .lf-hero h1 { font-size: 62px; }
  #loginScreen.lf-landing .lf-hero-visual { max-width: 530px; width: 100%; justify-self: center; }
  #loginScreen.lf-landing .lf-hero-actions { gap: 16px 24px; }
  #loginScreen.lf-landing .lf-hero-footnote { margin-top: 22px; }
  #loginScreen.lf-landing .lf-hero::before { inset: -100px -500px 20px 0; background-size: 1300px 1100px; }
  #loginScreen.lf-landing .lf-principles p { gap: 17px; font-size: 16px; }
  #loginScreen.lf-landing .lf-story { grid-template-columns: 1fr; gap: 35px; padding-block: 60px; }
  #loginScreen.lf-landing .lf-story-reverse :is(.lf-story-copy,.lf-story-visual) { grid-column: auto; grid-row: auto; }
  #loginScreen.lf-landing .lf-story-visual { max-width: 600px; width: 100%; justify-self: center; }
  #loginScreen.lf-landing .lf-story-copy > p:not(.lf-eyebrow) { max-width: 580px; }
  #loginScreen.lf-landing .lf-closing-inner { gap: 25px; flex-wrap: wrap; }
  #loginScreen.lf-landing .lf-footer { flex-wrap: wrap; gap: 16px; }
  #loginScreen.lf-landing .lf-footer p { order: 3; width: 100%; }
  #loginScreen.lf-landing #landingAccessPanel { top: 88px; right: 24px; max-height: calc(100dvh - 106px); }
}
@media (max-width: 560px) {
  #loginScreen.lf-landing .lf-container { width: calc(100% - 40px); }
  #loginScreen.lf-landing .lf-nav { height: 70px; gap: 12px; }
  #loginScreen.lf-landing .lf-wordmark { font-size: 23px; gap: 8px; }
  #loginScreen.lf-landing .lf-brand-mark svg { width: 27px; height: 27px; }
  #loginScreen.lf-landing .lf-nav-links { display: none; }
  #loginScreen.lf-landing .lf-nav-signin { min-height: 37px; padding: 9px 12px; gap: 14px; }
  #loginScreen.lf-landing .lf-hero { padding-block: 44px 38px; gap: 32px; }
  #loginScreen.lf-landing .lf-eyebrow { font-size: 8px; letter-spacing: .12em; }
  #loginScreen.lf-landing .lf-hero h1 { font-size: clamp(40px,10.8vw,58px); margin-block: 22px; }
  #loginScreen.lf-landing .lf-desktop-break { display: none; }
  #loginScreen.lf-landing .lf-hero-description { font-size: 14px; max-width: 360px; }
  #loginScreen.lf-landing .lf-hero-detail { font-size: 12px; }
  #loginScreen.lf-landing .lf-hero-actions { margin-top: 24px; gap: 14px; }
  #loginScreen.lf-landing .lf-hero-footnote { font-size: 9px; }
  #loginScreen.lf-landing .lf-window-bar { padding: 15px; }
  #loginScreen.lf-landing .lf-window-bar small { font-size: 7px; letter-spacing: .09em; }
  #loginScreen.lf-landing .lf-preview-body { padding: 19px 15px; }
  #loginScreen.lf-landing .lf-preview-heading h2 { font-size: 24px; }
  #loginScreen.lf-landing .lf-preview-summary { padding: 12px; gap: 8px; }
  #loginScreen.lf-landing .lf-preview-summary p { font-size: 9px; }
  #loginScreen.lf-landing .lf-preview-list > div { gap: 8px; }
  #loginScreen.lf-landing .lf-preview-list strong { font-size: 10px; }
  #loginScreen.lf-landing .lf-preview-list small { font-size: 8px; }
  #loginScreen.lf-landing .lf-preview-badge { padding: 4px 5px; font-size: 8px; }
  #loginScreen.lf-landing .lf-preview-caption small { margin-left: 12px; }
  #loginScreen.lf-landing .lf-principles { padding-block: 23px; }
  #loginScreen.lf-landing .lf-principles > span { font-size: 7px; }
  #loginScreen.lf-landing .lf-principles p { flex-direction: column; gap: 9px; font-size: 18px; }
  #loginScreen.lf-landing .lf-principles svg { width: 12px; height: 12px; transform: rotate(90deg); }
  #loginScreen.lf-landing .lf-story { padding-block: 49px; scroll-margin-top: 90px; }
  #loginScreen.lf-landing .lf-story h2 { font-size: 34px; }
  #loginScreen.lf-landing .lf-context-header { padding: 20px 16px; gap: 9px; }
  #loginScreen.lf-landing .lf-context-header h3 { font-size: 19px; }
  #loginScreen.lf-landing .lf-context-note { margin: 18px 16px 10px; padding: 12px; }
  #loginScreen.lf-landing .lf-contact-timeline { padding: 8px 20px 20px; }
  #loginScreen.lf-landing .lf-contact-timeline li { gap: 10px; }
  #loginScreen.lf-landing .lf-contact-timeline p { font-size: 9px; }
  #loginScreen.lf-landing .lf-progress-card { padding: 22px 17px; }
  #loginScreen.lf-landing .lf-progress-heading h3 { font-size: 22px; }
  #loginScreen.lf-landing .lf-preview-period { font-size: 8px; }
  #loginScreen.lf-landing .lf-small-caption { font-size: 8px; gap: 7px; }
  #loginScreen.lf-landing .lf-closing { padding-block: 48px; }
  #loginScreen.lf-landing .lf-closing h2 { font-size: 38px; }
  #loginScreen.lf-landing .lf-footer p { max-width: 300px; line-height: 1.7; }
  #loginScreen.lf-landing #landingAccessPanel { top: 80px; right: 12px; width: calc(100% - 24px); max-width: none; max-height: calc(100dvh - 92px); }
  #loginScreen.lf-landing #landingAccessPanel :is(#loginAccessCard,#forgotPasswordCard,#passwordResetCard) { padding: 23px !important; }
  #loginScreen.lf-landing #landingAccessPanel:has(#inviteRegistrationCard:not(.hidden)) { width: calc(100% - 24px); }
  #loginScreen.lf-landing #landingAccessPanel #inviteRegistrationCard:not(.hidden) { grid-template-columns: 1fr !important; }
  #loginScreen.lf-landing #landingAccessPanel .invite-registration-welcome { padding: 22px !important; }
  #loginScreen.lf-landing #landingAccessPanel .invite-registration-welcome h1 { font-size: 26px !important; }
  #loginScreen.lf-landing #landingAccessPanel .invite-registration-routing { margin: 16px 0 0 !important; }
}
@media (prefers-reduced-motion: reduce) {
  #loginScreen.lf-landing .lf-reveal { opacity: 1 !important; transform: none !important; transition: none !important; }
  #loginScreen.lf-landing *, #loginScreen.lf-landing *::before, #loginScreen.lf-landing *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
  #loginScreen.lf-landing .lf-preview-chart path[stroke="#20476e"] { stroke-dashoffset: 0 !important; }
}

/* Dialer integration uses the existing light / purple / gold palette. */
@media(max-width:700px) {
}

/* System Admin-only number availability preview; never a purchase control. */
@media(max-width:840px) {
}
@media(max-width:540px) {
}

/* System Admin-only pre-purchase eligibility review (GET only, no checkout). */
@media(max-width:540px) {
}

/* Saved order is an internal CRM draft, never a provider checkout. */
@media(max-width:540px) {
}

/* Internal no-spend multi-state draft: condensed, readable in all three themes. */
@media(max-width:540px) {
}

/* System Admin exact-number no-spend cart: small, responsive selection interface. */
@media(max-width:540px){
}

/* Private checkout review: explicit consent, separate approval, order, reconciliation. */
@media(max-width:540px){
}

/* System Admin-only, payment-deferred DID readiness and fallback preference. */
@media(max-width:540px){
}
/* Settings polish: keep all existing themes, APIs, settings controls and role guards. */
/* Currency currently supports USD only; hide this inert selector. */
/* Show related settings in the same view, preserving DOM IDs, form handlers and saved preferences. */
/* Save Preferences already persists theme, language, density, currency, time zone and email preference in one request. */
@media (max-width: 1100px) {
}
@media (max-width: 640px) {
}

/* Subscription cards stay concise when a plan has no available actions. */
/* Lead profile: preserve Telnyx call behavior; the action is in the three-dot menu. */

/* Light-theme digit-only face.
   The other two themes use Inter / Arial / Helvetica numerals. Unicode range
   means ONLY 0–9 use this face; all letters, punctuation, and symbols fall
   through to their original fonts. No DOM text replacement or call handlers. */
@font-face {
  font-family: "LeadFlow Light Numerals";
  src: local("Inter Thin"), local("Inter-Thin"), local("Inter"), local("Arial"), local("Arimo"), local("Liberation Sans");
  font-style: normal;
  font-weight: 100;
  unicode-range: U+0030-0039;
}
@font-face {
  font-family: "LeadFlow Light Numerals";
  src: local("Inter Thin Italic"), local("Inter-ThinItalic"), local("Inter ThinItalic"), local("Inter"), local("Arial Italic"), local("Arimo Italic"), local("Liberation Sans Italic");
  font-style: italic;
  font-weight: 100;
  unicode-range: U+0030-0039;
}
@font-face {
  font-family: "LeadFlow Light Numerals";
  src: local("Inter ExtraLight"), local("Inter-ExtraLight"), local("Inter"), local("Arial"), local("Arimo"), local("Liberation Sans");
  font-style: normal;
  font-weight: 200;
  unicode-range: U+0030-0039;
}
@font-face {
  font-family: "LeadFlow Light Numerals";
  src: local("Inter ExtraLight Italic"), local("Inter-ExtraLightItalic"), local("Inter ExtraLightItalic"), local("Inter"), local("Arial Italic"), local("Arimo Italic"), local("Liberation Sans Italic");
  font-style: italic;
  font-weight: 200;
  unicode-range: U+0030-0039;
}
@font-face {
  font-family: "LeadFlow Light Numerals";
  src: local("Inter Light"), local("Inter-Light"), local("Inter"), local("Arial"), local("Arimo"), local("Liberation Sans");
  font-style: normal;
  font-weight: 300;
  unicode-range: U+0030-0039;
}
@font-face {
  font-family: "LeadFlow Light Numerals";
  src: local("Inter Light Italic"), local("Inter-LightItalic"), local("Inter LightItalic"), local("Inter"), local("Arial Italic"), local("Arimo Italic"), local("Liberation Sans Italic");
  font-style: italic;
  font-weight: 300;
  unicode-range: U+0030-0039;
}
@font-face {
  font-family: "LeadFlow Light Numerals";
  src: local("Inter Regular"), local("Inter-Regular"), local("Inter"), local("Arial"), local("Arimo"), local("Liberation Sans");
  font-style: normal;
  font-weight: 400;
  unicode-range: U+0030-0039;
}
@font-face {
  font-family: "LeadFlow Light Numerals";
  src: local("Inter Italic"), local("Inter-Italic"), local("Inter"), local("Arial Italic"), local("Arimo Italic"), local("Liberation Sans Italic");
  font-style: italic;
  font-weight: 400;
  unicode-range: U+0030-0039;
}
@font-face {
  font-family: "LeadFlow Light Numerals";
  src: local("Inter Medium"), local("Inter-Medium"), local("Inter"), local("Arial"), local("Arimo"), local("Liberation Sans");
  font-style: normal;
  font-weight: 500;
  unicode-range: U+0030-0039;
}
@font-face {
  font-family: "LeadFlow Light Numerals";
  src: local("Inter Medium Italic"), local("Inter-MediumItalic"), local("Inter MediumItalic"), local("Inter"), local("Arial Italic"), local("Arimo Italic"), local("Liberation Sans Italic");
  font-style: italic;
  font-weight: 500;
  unicode-range: U+0030-0039;
}
@font-face {
  font-family: "LeadFlow Light Numerals";
  src: local("Inter SemiBold"), local("Inter-SemiBold"), local("Inter"), local("Arial Bold"), local("Arial"), local("Arimo Bold"), local("Arimo"), local("Liberation Sans Bold"), local("Liberation Sans");
  font-style: normal;
  font-weight: 600;
  unicode-range: U+0030-0039;
}
@font-face {
  font-family: "LeadFlow Light Numerals";
  src: local("Inter SemiBold Italic"), local("Inter-SemiBoldItalic"), local("Inter SemiBoldItalic"), local("Inter"), local("Arial Bold Italic"), local("Arial BoldItalic"), local("Arial Italic"), local("Arimo Bold Italic"), local("Liberation Sans Bold Italic"), local("Liberation Sans Italic");
  font-style: italic;
  font-weight: 600;
  unicode-range: U+0030-0039;
}
@font-face {
  font-family: "LeadFlow Light Numerals";
  src: local("Inter Bold"), local("Inter-Bold"), local("Inter"), local("Arial Bold"), local("Arial"), local("Arimo Bold"), local("Arimo"), local("Liberation Sans Bold"), local("Liberation Sans");
  font-style: normal;
  font-weight: 700;
  unicode-range: U+0030-0039;
}
@font-face {
  font-family: "LeadFlow Light Numerals";
  src: local("Inter Bold Italic"), local("Inter-BoldItalic"), local("Inter BoldItalic"), local("Inter"), local("Arial Bold Italic"), local("Arial BoldItalic"), local("Arial Italic"), local("Arimo Bold Italic"), local("Liberation Sans Bold Italic"), local("Liberation Sans Italic");
  font-style: italic;
  font-weight: 700;
  unicode-range: U+0030-0039;
}

/* Use the validated weight-700 face for 800/900. On Windows,
   local ExtraBold font aliases can resolve to a different sans-serif face
   than the Gold/Purple Inter stack, changing digit widths unexpectedly. */
/* Both font tokens are inherited by all Light-theme pages, settings, forms,
   dialogs, and controls. The text families after the digit face are unchanged. */
html[data-leadflow-theme="light"] {
  --lf-font: "LeadFlow Light Numerals", "Segoe UI Variable Text", "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif;
}
html[data-leadflow-theme="light"] body[data-leadflow-theme="light"]:not(.app-login-mode) {
  --crm-ui-font: "LeadFlow Light Numerals", Georgia, "Times New Roman", serif !important;
  --crm-display-font: "LeadFlow Light Numerals", Georgia, "Times New Roman", serif !important;
}

/* Explicit Georgia rules in the existing Light theme bypass font tokens.
   Prefix those exact cases so embedded numbers also use the same digit face,
   with the original serif lettering, size, weight, and spacing preserved. */

/* Tabs, form inputs, action buttons and modal controls get the same digit-only
   prefix even where a legacy style gives them an explicit inherited family. */
html[data-leadflow-theme="light"] body[data-leadflow-theme="light"]:not(.app-login-mode) #appScreen :is(button, input, select, textarea),
html[data-leadflow-theme="light"] body[data-leadflow-theme="light"]:not(.app-login-mode) :is(#formModal, #userEditorModal, #agencyEditorModal, #scheduleActivityModal, #scheduleRescheduleModal, #monthlyGoalModal, #leadInvestmentModal, #trackerHistoryTransferModal, .leadflow-dialog-card) :is(button, input, select, textarea) {
  font-family: var(--crm-ui-font) !important;
}
/* Compact, in-place policy editor: same card, no additional CRM page. */
:is(#leadDetailPage, #sharedLeadDetailPage) .policy-sale-heading-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
}
:is(#leadDetailPage, #sharedLeadDetailPage) .policy-details-edit-toggle {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 5px 11px;
  border: 1px solid var(--crm-line, #dce2ec);
  border-radius: 10px;
  color: var(--crm-text, #263248);
  background: var(--crm-soft, #f5f7fb);
  font-size: 11px;
  font-weight: 750;
  cursor: pointer;
  box-shadow: none;
}
:is(#leadDetailPage, #sharedLeadDetailPage) .policy-details-edit-toggle svg {
  width: 14px;
  height: 14px;
}
:is(#leadDetailPage, #sharedLeadDetailPage) .policy-details-edit-toggle:hover {
  border-color: var(--crm-accent, #6841e8);
  color: var(--crm-accent, #6841e8);
  transform: none;
}
:is(#leadDetailPage, #sharedLeadDetailPage) .policy-details-edit-form {
  margin: 0 0 14px;
  padding: 14px;
  border: 1px solid var(--crm-line, #dce2ec);
  border-radius: 13px;
  background: var(--crm-soft, #f6f8fa);
}
:is(#leadDetailPage, #sharedLeadDetailPage) .policy-details-edit-form.hidden {
  display: none !important;
}
:is(#leadDetailPage, #sharedLeadDetailPage) .policy-details-edit-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
:is(#leadDetailPage, #sharedLeadDetailPage) .policy-details-edit-grid label {
  min-width: 0;
  display: grid;
  gap: 5px;
}
:is(#leadDetailPage, #sharedLeadDetailPage) .policy-details-edit-grid label > span {
  color: var(--crm-secondary, #536176);
  font-size: 10px;
  font-weight: 750;
  letter-spacing: .025em;
}
:is(#leadDetailPage, #sharedLeadDetailPage) .policy-details-edit-grid :is(input, select) {
  width: 100%;
  height: 40px;
  min-width: 0;
  padding: 0 10px;
  color: var(--crm-text, #172033);
  border: 1px solid var(--crm-line, #dce2ec);
  border-radius: 9px;
  background: var(--crm-raised, #ffffff);
  font-size: 12px;
  font-weight: 650;
  box-shadow: none;
}
:is(#leadDetailPage, #sharedLeadDetailPage) .policy-details-edit-grid :is(input, select):focus-visible,
:is(#leadDetailPage, #sharedLeadDetailPage) .policy-details-edit-toggle:focus-visible,
:is(#leadDetailPage, #sharedLeadDetailPage) .policy-details-edit-buttons button:focus-visible {
  outline: 2px solid var(--crm-accent, #6841e8);
  outline-offset: 2px;
}
:is(#leadDetailPage, #sharedLeadDetailPage) .policy-details-edit-footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  margin-top: 13px;
}
:is(#leadDetailPage, #sharedLeadDetailPage) .policy-edit-error {
  flex: 1 1 200px;
  margin: 0;
  color: var(--crm-danger, #c8324c);
  font-size: 11px;
  line-height: 1.4;
}
:is(#leadDetailPage, #sharedLeadDetailPage) .policy-edit-error.hidden {
  display: none !important;
}
:is(#leadDetailPage, #sharedLeadDetailPage) .policy-details-edit-buttons {
  display: flex;
  gap: 8px;
}
:is(#leadDetailPage, #sharedLeadDetailPage) .policy-details-edit-buttons button {
  min-height: 37px;
  padding: 0 13px;
  border: 1px solid var(--crm-line, #dce2ec);
  border-radius: 9px;
  background: var(--crm-raised, #fff);
  color: var(--crm-text, #263248);
  font-size: 11px;
  font-weight: 750;
  cursor: pointer;
}
:is(#leadDetailPage, #sharedLeadDetailPage) .policy-details-edit-buttons button[type="submit"] {
  color: var(--crm-on-primary, #fff);
  border-color: var(--crm-primary, #6841e8);
  background: var(--crm-primary, #6841e8);
}
:is(#leadDetailPage, #sharedLeadDetailPage) .policy-details-edit-buttons button:disabled {
  opacity: .6;
  cursor: wait;
}
@media (max-width: 1100px) {
  :is(#leadDetailPage, #sharedLeadDetailPage) .policy-details-edit-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 600px) {
  :is(#leadDetailPage, #sharedLeadDetailPage) .policy-details-edit-grid {
    grid-template-columns: 1fr;
  }
  :is(#leadDetailPage, #sharedLeadDetailPage) .policy-sale-heading-actions {
    justify-content: flex-start;
  }
}
/* Match the existing Lead profile tabs on both regular and shared Lead pages. */
:is(#leadDetailPage, #sharedLeadDetailPage) .lead-profile-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 20px;
  padding: 0 12px;
  border-bottom: 1px solid rgba(119, 129, 149, .25);
}
:is(#leadDetailPage, #sharedLeadDetailPage) .lead-profile-tabs :is([data-lead-profile-tab], [data-shared-lead-profile-tab]) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  appearance: none;
  padding: 12px 14px 11px;
  border: 0;
  border-bottom: 3px solid transparent;
  border-radius: 0;
  background: transparent;
  color: inherit;
  opacity: .7;
  font: inherit;
  font-size: 13px;
  font-weight: 750;
  cursor: pointer;
}
:is(#leadDetailPage, #sharedLeadDetailPage) .lead-profile-tabs :is([data-lead-profile-tab], [data-shared-lead-profile-tab]) svg {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  stroke-width: 2;
}
:is(#leadDetailPage, #sharedLeadDetailPage) .lead-profile-tabs :is([data-lead-profile-tab], [data-shared-lead-profile-tab])[aria-selected="true"] {
  border-bottom-color: currentColor;
  opacity: 1;
}
:is(#leadDetailPage, #sharedLeadDetailPage) .lead-profile-tabs :is([data-lead-profile-tab], [data-shared-lead-profile-tab]):focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}
:is(#leadDetailPage, #sharedLeadDetailPage) .lead-profile-tab-panel {
  min-width: 0;
  display: grid;
  gap: 14px;
}
:is(#leadDetailPage, #sharedLeadDetailPage) .lead-profile-tab-panel.hidden {
  display: none !important;
}
:is(#leadDetailPage, #sharedLeadDetailPage) .lead-profile-tab-panel > .lead-log-card,
:is(#leadDetailPage, #sharedLeadDetailPage) .lead-profile-tab-panel > .lead-current-place-card,
:is(#leadDetailPage, #sharedLeadDetailPage) .lead-profile-tab-panel > .lead-timeline-card {
  min-width: 0;
}
/* Same Policy tab for sold and unsold leads. */
:is(#leadDetailPage, #sharedLeadDetailPage) .lead-profile-policy-empty {
  grid-column: 1 / -1;
  margin: 0;
  padding: 20px;
  border: 1px solid rgba(119, 129, 149, .25);
  border-radius: 18px;
  color: inherit;
}
:is(#leadDetailPage, #sharedLeadDetailPage) .lead-profile-tasks-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
:is(#leadDetailPage, #sharedLeadDetailPage) .lead-profile-task-card {
  min-width: 0;
  padding: 18px;
}
:is(#leadDetailPage, #sharedLeadDetailPage) .lead-profile-task-card h2 {
  margin: 0 0 12px;
  font-size: 16px;
}
:is(#leadDetailPage, #sharedLeadDetailPage) .lead-profile-task-card [id^="leadProfile"] {
  font-size: 12px;
  line-height: 1.5;
}
:is(#leadDetailPage, #sharedLeadDetailPage) .lead-profile-task-row {
  padding: 12px 0;
  border-top: 1px solid rgba(119, 129, 149, .2);
}
:is(#leadDetailPage, #sharedLeadDetailPage) .lead-profile-task-row strong,
:is(#leadDetailPage, #sharedLeadDetailPage) .lead-profile-task-row small {
  display: block;
  overflow-wrap: anywhere;
}
:is(#leadDetailPage, #sharedLeadDetailPage) .lead-profile-task-row small {
  margin-top: 3px;
  opacity: .75;
}
@media (max-width: 800px) {
  :is(#leadDetailPage, #sharedLeadDetailPage) .lead-profile-tasks-grid {
    grid-template-columns: 1fr;
  }
  :is(#leadDetailPage, #sharedLeadDetailPage) .lead-profile-tabs {
    gap: 0 6px;
    padding-inline: 0;
  }
  :is(#leadDetailPage, #sharedLeadDetailPage) .lead-profile-tabs :is([data-lead-profile-tab], [data-shared-lead-profile-tab]) {
    padding-inline: 12px;
  }
}
/* Agent Tracker production workspace. Scoped to this page; theme-safe. */
@media(max-width:1450px){
}
@media(max-width:1060px){
}
@media(max-width:820px){
}
@media(max-width:520px){
}

/* === Tracker-only single-workspace refinements (Oct 10) =============== */
/* The global header and today's personal cards belong on other pages. */
body.agent-tracker-page-active .main-panel > .top-header,
body.agent-tracker-page-active .main-panel > #todayDashboard {
  display:none !important;
}
/* Grouped vertical columns — same clean four-color appearance as reference. */
@media(max-width:1320px){
}
@media(max-width:740px){
}

/* Team Activity and Performance Snapshot only. Keep the existing page layout. */
/* Override the global theme's important SVG ink only inside these six chips. */
@media(prefers-reduced-motion:reduce){
}
/* Plan & Seats: scoped palette uses the active LeadFlow theme, with readable contrast. */
.settings-panel[data-settings-panel="agencyPlan"] {
  --plan-bg:#fff;
  --plan-soft:#f7f9fc;
  --plan-border:#dbe4ee;
  --plan-text:#102747;
  --plan-muted:#526985;
  --plan-tint:#e6eef6;
  --plan-accent:#193c64;
  color:var(--plan-text);
}
.settings-panel[data-settings-panel="agencyPlan"] .lf-plan-panel {
  background:var(--plan-bg)!important;color:var(--plan-text)!important;
  border:1px solid var(--plan-border)!important;border-radius:18px;min-width:0;
}
.settings-panel[data-settings-panel="agencyPlan"] .settings-panel-heading h2,
.settings-panel[data-settings-panel="agencyPlan"] h3,
.settings-panel[data-settings-panel="agencyPlan"] strong {
  color:var(--plan-text);
}
.settings-panel[data-settings-panel="agencyPlan"] .settings-panel-heading p,
.settings-panel[data-settings-panel="agencyPlan"] span,
.settings-panel[data-settings-panel="agencyPlan"] .lf-plan-detail-card p {
  color:var(--plan-muted);
}
.lf-plan-loading,.lf-plan-empty {padding:18px 0;color:var(--plan-muted);}
.lf-plan-intro{font-size:15px;font-weight:800;color:var(--plan-text);margin:12px 0 16px;}
.lf-plan-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;}
.lf-plan-metric{
  background:var(--plan-soft);padding:19px 17px;border:1px solid var(--plan-border);
  border-radius:12px;display:flex;flex-direction:column;gap:13px;min-width:0;
}
.lf-plan-metric span{font-size:12px;line-height:1.4;}
.lf-plan-metric strong{font-size:30px;font-weight:850;line-height:1.05;font-variant-numeric:tabular-nums;}
.lf-plan-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px;}
.lf-plan-detail-card{border:1px solid var(--plan-border);background:var(--plan-bg);border-radius:12px;padding:20px;min-width:0;}
.lf-plan-detail-card h3{margin:0 0 19px;font-size:19px;}
.lf-plan-detail-card p{font-size:13px;display:flex;align-items:flex-start;gap:13px;margin:0 0 18px;line-height:1.5;}
.lf-plan-detail-card p:last-child{margin-bottom:0;}
.lf-plan-detail-card p svg{width:18px;height:18px;flex:0 0 18px;color:#25845c;}
.lf-plan-right{display:grid;gap:14px;}
.lf-plan-section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;color:var(--plan-muted);}
.lf-plan-section-heading h3{margin:0 0 12px;}
.lf-plan-section-heading span{font-size:12px;}
.lf-plan-progress{height:15px;border-radius:99px;background:var(--plan-tint);overflow:hidden;margin:7px 0 13px;}
.lf-plan-progress>div{height:100%;width:0;background:var(--plan-accent);border-radius:99px;transition:width .2s ease;}
.lf-plan-due strong{display:block;font-size:23px;margin:2px 0 12px;}
.lf-plan-status{
  display:inline-flex;align-items:center;gap:7px;border-radius:99px;padding:6px 12px;
  font-size:12px;font-weight:800;color:#09633b!important;background:#e7f6ee;border:1px solid #bee1cf;
}
.lf-plan-status.is-paused{color:#8e4315!important;background:#fff0df;border-color:#eccba2;}
.lf-plan-limit{margin-top:16px;background:var(--plan-soft);}
.lf-plan-limit h3{margin-bottom:8px;}
.lf-plan-paused{display:flex;align-items:center;gap:12px;padding:16px;margin-top:14px;
  background:#fff0df;border:1px solid #d49b60;border-radius:12px;color:#713a10!important;}
.lf-plan-paused span{color:#713a10!important;}
.lf-plan-paused svg{width:23px;height:23px;flex:0 0 23px;}
.lf-plan-admin-top{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;}
.lf-plan-admin label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:var(--plan-text);font-weight:750;}
.lf-plan-admin label span{color:var(--plan-text)!important;}
.lf-plan-admin select,.lf-plan-admin input{
  min-height:43px;border:1px solid var(--plan-border)!important;border-radius:9px;
  background:var(--plan-soft)!important;color:var(--plan-text)!important;
  padding:9px 12px;font:inherit;min-width:0;
}
.lf-plan-admin-top label{width:min(100%,420px);}
.lf-plan-admin-summary{padding:19px;border-radius:12px;margin:16px 0;
  background:var(--plan-soft);border:1px solid var(--plan-border);font-weight:650;font-size:14px;color:var(--plan-text);}
.lf-plan-admin-fields{display:grid;grid-template-columns:1.3fr 1fr 1.15fr;gap:14px;}
.lf-plan-admin-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;
  padding-top:20px;margin-top:20px;border-top:1px solid var(--plan-border);}
.lf-plan-admin-footer span{font-size:13px;color:var(--plan-text)!important;font-weight:750;}
.lf-plan-feedback{font-size:13px;color:var(--plan-muted);margin:12px 0 0;}
.lf-plan-bills{margin-top:24px;padding-top:20px;border-top:1px solid var(--plan-border);}
.lf-plan-bills h3{margin:0 0 8px;}
.lf-plan-bill-help{font-size:13px;line-height:1.5;color:var(--plan-muted);margin:7px 0;}
.lf-plan-bill-list{display:grid;gap:10px;margin:16px 0;}
.lf-plan-bill-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:16px;
 padding:16px;border:1px solid var(--plan-border);border-radius:10px;background:var(--plan-soft);}
.lf-plan-bill-row small{display:block;color:var(--plan-muted);font-size:12px;margin-top:7px;}
.lf-plan-bill-amount{font-variant-numeric:tabular-nums;}
.lf-plan-bill-state{font-size:12px;font-weight:700;border:1px solid var(--plan-border);border-radius:20px;padding:5px 10px;}
.lf-plan-bill-upcoming{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 0;font-size:13px;}
.lf-plan-bill-review{grid-column:1/-1;color:var(--plan-text);font-size:13px;margin:0;}
@media(max-width:650px){
 .lf-plan-bill-row{grid-template-columns:minmax(0,1fr) auto;gap:12px;}
 .lf-plan-bill-row>div{grid-column:1/-1;}
 .lf-plan-bill-row>button{grid-column:1/-1;justify-self:start;}
 .lf-plan-bill-state{justify-self:end;}
}
.lf-agency-pause-banner{background:#fff0dc;color:#6e370c;border:1px solid #d1a46a;
  padding:12px 16px;font-size:13px;font-weight:700;border-radius:10px;margin:8px 0 16px;}
/* Preserve the existing gold and purple theme treatments without low-contrast text. */
@media(max-width:1220px){
 .lf-plan-metrics{grid-template-columns:repeat(2,minmax(0,1fr));}
 .lf-plan-admin-fields{grid-template-columns:1fr 1fr;}
}
@media(max-width:780px){
 .lf-plan-details-grid,.lf-plan-admin-fields{grid-template-columns:1fr;}
 .lf-plan-metrics{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:440px){
 .lf-plan-metrics{grid-template-columns:1fr;}
 .lf-plan-detail-card{padding:15px;}
 .lf-plan-metric{gap:6px;}
}
/* Additive security controls inherit LeadFlow's existing palettes and cards. */
.lf-security-card { margin-top: 18px; }
.lf-security-card label { display: flex; flex-direction: column; gap: 8px; margin-top: 14px; }
.lf-security-card input { width: 100%; min-width: 0; box-sizing: border-box; }
.lf-security-card .lf-security-check { flex-direction: row; align-items: flex-start; }
.lf-security-check input { width: auto; margin-top: 4px; }
.lf-security-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 16px; }
.lf-security-card pre { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.7; font-size: 13px; }
.lf-security-card [readonly] { font-family: monospace; }
.lf-security-note { line-height: 1.6; overflow-wrap: anywhere; }
.lf-turnstile { margin: 14px 0; max-width: 100%; }
#lfMfaChallenge .login-submit-button { margin-top: 16px; }
.lf-security-card button { max-width: 100%; white-space: normal; }

/* The remembered-browser choice is opt-in and visually distinct from the code. */
#lfMfaChallenge .lf-login-remember { display: flex; align-items: flex-start; gap: 10px; margin-top: 12px; font-size: 0.88rem; line-height: 1.4; cursor: pointer; }
#lfMfaChallenge .lf-login-remember input { width: 17px; height: 17px; flex: 0 0 17px; margin: 2px 0 0; }
#lfTrustedDevicesSection { margin-top: 22px; padding-top: 14px; border-top: 1px solid currentColor; border-color: rgba(130, 140, 158, .22); }
#lfTrustedDeviceList .lf-security-actions { align-items: center; justify-content: space-between; padding: 9px 0; border-bottom: 1px solid rgba(130, 140, 158, .15); }
#lfTrustedDeviceList .lf-security-actions span { flex: 1 1 240px; font-size: .88rem; }
/* System Admin billing controls. Signup lives in 35-signup-onboarding.css. */
.lf-billing-admin { padding-top:20px; margin-top:24px; border-top:1px solid rgba(128,138,156,.24); }
.lf-billing-admin h3 { margin:0 0 8px; }
.lf-billing-admin label { display:flex; flex-direction:column; gap:7px; margin:14px 0; }
.lf-billing-admin input[type="search"] { width:100%; padding:10px 14px; border-radius:10px;
 color:inherit; background:transparent; border:1px solid rgba(133,146,173,.38); }
.lf-billing-admin-users { max-height:390px; overflow:auto; }
.lf-billing-user-row { padding:12px 0; display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px;
 border-bottom:1px solid rgba(128,138,156,.2); align-items:center; }
.lf-billing-user-row>div { flex:1 1 210px; min-width:0; }
.lf-billing-user-row strong { display:block; overflow-wrap:anywhere; }
.lf-billing-user-row small { display:block; margin-top:4px; overflow-wrap:anywhere; opacity:.75; }
.lf-billing-user-row .lf-billing-exemption { display:flex; flex-direction:row; margin:0; align-items:center;
 gap:8px; flex:0 0 auto; cursor:pointer; font-size:13px; }
.lf-billing-exemption input { width:17px; height:17px; }
@media(max-width:540px){.lf-billing-card{padding:23px}.lf-billing-actions button{width:100%;}.lf-billing-admin-users{max-height:300px;}}
/* Invitation-only polish. The existing landing artwork and background are untouched. */
#loginScreen.lf-landing.invite-mode :is([data-landing-signin],.lf-access-panel-bar) { display: none !important; }
#loginScreen.lf-landing.invite-mode #landingAccessPanel {
  position: absolute; top: 118px; right: max(28px,calc((100vw - 1480px)/2));
  width: min(890px,calc(100% - 56px)) !important; max-width: none; max-height: none;
  border: 1px solid #e3d8c5; border-radius: 16px; overflow: clip !important;
  overscroll-behavior: auto !important;
  background: #fff; box-shadow: 0 12px 42px #152d4526;
}
#loginScreen.lf-landing.invite-mode #landingAccessPanel #inviteRegistrationCard:not(.hidden) {
  grid-template-columns: 290px minmax(0,1fr) !important;
  min-height: 700px; margin: 0 !important; border: 0 !important; border-radius: 0 !important;
}
#loginScreen.lf-landing.invite-mode #landingAccessPanel .invite-registration-welcome {
  padding: 43px 27px !important;
  background: var(--landing-engraving) center bottom / 620px 390px no-repeat,linear-gradient(145deg,#09283b,#102f44) !important;
}
#loginScreen.lf-landing.invite-mode #landingAccessPanel #inviteRegistrationCard .invite-registration-welcome h1 {
  font: 400 35px/1.17 Georgia,serif !important; letter-spacing: -.04em !important; margin: 28px 0 15px !important;
}
#loginScreen.lf-landing.invite-mode #landingAccessPanel .invite-registration-kicker {
  font: 700 11px/1.5 Arial,sans-serif !important; letter-spacing: .1em; padding: 10px 15px; margin: 0;
  border: 1px solid #b79a61; border-radius: 30px; color: #eec377 !important;
}
#loginScreen.lf-landing.invite-mode #landingAccessPanel .invite-registration-welcome > p { font: 15px/1.7 Arial,sans-serif !important; color: #e2eaf0 !important; }
#loginScreen.lf-landing.invite-mode #landingAccessPanel .invite-registration-routing { padding: 19px 15px !important; margin-top: 28px !important; gap: 12px; border-radius: 13px; }
#loginScreen.lf-landing.invite-mode #landingAccessPanel .invite-registration-routing :is(strong,p,small) { font: 13px/1.55 Arial,sans-serif !important; color: #f4f6fa !important; }
#loginScreen.lf-landing.invite-mode #landingAccessPanel .invite-registration-routing strong { display: block; font-weight: 700 !important; font-size: 14px !important; overflow-wrap: anywhere; }
#loginScreen.lf-landing.invite-mode #landingAccessPanel .invite-registration-routing p { margin-top: 13px; }
#loginScreen.lf-landing.invite-mode #landingAccessPanel .invite-registration-form-panel { padding: 30px 32px !important; background: #fff !important; min-width: 0; }
#loginScreen.lf-landing.invite-mode #landingAccessPanel .invite-registration-form-heading { margin-bottom: 0 !important; }
#loginScreen.lf-landing.invite-mode #landingAccessPanel .invite-registration-form-heading > span { font: 700 12px/1.5 Arial,sans-serif !important; letter-spacing: .12em; color: #9d6b2c !important; }
#loginScreen.lf-landing.invite-mode #landingAccessPanel .invite-registration-form-heading h2 { font: 400 39px/1.1 Georgia,serif !important; color: #0f3153 !important; letter-spacing: -.035em; margin: 5px 0 10px !important; }
#loginScreen.lf-landing.invite-mode #landingAccessPanel .invite-registration-form-heading p { font: 14px/1.5 Arial,sans-serif !important; color: #546d87 !important; }
#loginScreen.lf-landing.invite-mode .lf-signup-steps { display: flex; list-style: none; padding: 0 0 16px; margin: 18px 0; border-bottom: 1px solid #dbe2e8; }
#loginScreen.lf-landing.invite-mode .lf-signup-steps li { position: relative; flex: 1; display: grid; justify-items: center; gap: 4px; color: #244764; text-align: center; font: 12px/1.4 Arial,sans-serif; }
#loginScreen.lf-landing.invite-mode .lf-signup-steps li:not(:last-child)::after { content: ''; position: absolute; top: 16px; left: calc(50% + 26px); width: calc(100% - 52px); height: 1px; background: #bccbd8; }
#loginScreen.lf-landing.invite-mode .lf-signup-steps li.is-done::after { background: #b08a4f; }
#loginScreen.lf-landing.invite-mode .lf-signup-steps li > span { display: grid; place-items: center; width: 34px; height: 34px; margin-bottom: 4px; border: 1px solid #d8e1e9; border-radius: 50%; background: #f6f8fa; }
#loginScreen.lf-landing.invite-mode .lf-signup-steps li:is([aria-current],.is-done) > span { background: linear-gradient(140deg,#18496c,#08273d); color: white; border-color: #153c5c; box-shadow: 0 2px 5px #12334b22; }
#loginScreen.lf-landing.invite-mode .lf-signup-steps small { font-size: 11px; color: #556d83; }
#loginScreen.lf-landing.invite-mode #lfSignupAccountForm { display: grid; gap: 17px; }
#loginScreen.lf-landing.invite-mode #landingAccessPanel .invite-form-field { margin: 0 !important; display: grid; gap: 7px; min-width: 0; }
#loginScreen.lf-landing.invite-mode #landingAccessPanel .invite-form-field > span { color: #173957 !important; font: 600 12px/1.5 Arial,sans-serif !important; }
#loginScreen.lf-landing.invite-mode #landingAccessPanel .invite-form-field small { font: 11px/1.5 Arial,sans-serif !important; color: #58718b !important; }
#loginScreen.lf-landing.invite-mode #landingAccessPanel .invite-input-wrap { border: 0 !important; background: transparent !important; position: relative; }
#loginScreen.lf-landing.invite-mode #landingAccessPanel .invite-input-wrap > svg { width: 17px !important; height: 17px !important; position: absolute !important; left: 12px !important; top: 50% !important; margin: 0 !important; transform: translateY(-50%) !important; color: #617b92 !important; }
#loginScreen.lf-landing.invite-mode #landingAccessPanel .invite-input-wrap input { width: 100% !important; height: 42px !important; min-height: 0 !important; padding: 10px 10px 10px 38px !important; margin: 0 !important; border: 1px solid #c6d4e0 !important; border-radius: 5px !important; background: #fcfdff !important; color: #16334b !important; font: 12px/1.5 Arial,sans-serif !important; box-shadow: inset 0 1px 2px #17395705 !important; }
#loginScreen.lf-landing.invite-mode #landingAccessPanel #inviteRegistrationCard .invite-input-wrap { padding: 0 !important; }
#loginScreen.lf-landing.invite-mode #landingAccessPanel #inviteRegistrationCard .invite-input-wrap input { height: 42px !important; font-size: 12px !important; }
#loginScreen.lf-landing.invite-mode #landingAccessPanel .invite-registration-actions { margin: 3px 0 0 !important; display: block; }
#loginScreen.lf-landing.invite-mode #landingAccessPanel .invite-create-account-button { display: flex !important; align-items: center; justify-content: center; gap: 12px; width: 100%; min-height: 47px; padding: 12px 16px !important; border: 1px solid #143954; border-radius: 7px; background: linear-gradient(110deg,#082940,#173f60) !important; color: #fff !important; font: 600 15px/1.4 Arial,sans-serif !important; box-shadow: 0 4px 10px #1032481c !important; }
#loginScreen.lf-landing.invite-mode #landingAccessPanel .invite-create-account-button :is(span,svg) { color: #fff !important; -webkit-text-fill-color: #fff !important; }
#loginScreen.lf-landing.invite-mode #landingAccessPanel .invite-create-account-button svg { width: 19px; height: 19px; }
#loginScreen.lf-landing.invite-mode #landingAccessPanel .invite-create-account-button:disabled { opacity: .55; cursor: wait; }
#loginScreen.lf-landing.invite-mode .lf-signup-payment-grid { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(175px,1fr); gap: 20px; }
#loginScreen.lf-landing.invite-mode .lf-signup-payment-fields h3 { font: 600 19px/1.3 Georgia,serif; color: #143658; margin: 0 0 18px; }
#loginScreen.lf-landing.invite-mode .lf-signup-receipt { margin-top: 20px !important; }
#loginScreen.lf-landing.invite-mode .lf-signup-order { min-width: 0; align-self: start; color: #234669; font: 11px/1.5 Arial,sans-serif; }
#loginScreen.lf-landing.invite-mode .lf-signup-order > h3 { margin: 0; padding: 10px 12px; border: 1px solid #e1e7eb; border-radius: 8px 8px 0 0; font: 700 12px/1.5 Arial,sans-serif; color: #123756; background: #f5f7f9; }
#loginScreen.lf-landing.invite-mode .lf-signup-order-body { padding: 12px; border: 1px solid #e1e7eb; border-top: 0; border-radius: 0 0 8px 8px; }
#loginScreen.lf-landing.invite-mode .lf-signup-order p { margin: 3px 0; }
#loginScreen.lf-landing.invite-mode .lf-signup-order .lf-signup-price { font: 700 20px/1.4 Arial,sans-serif; color: #143658; }
#loginScreen.lf-landing.invite-mode .lf-signup-due { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 5px; padding-top: 4px; }
#loginScreen.lf-landing.invite-mode .lf-signup-order ul { margin: 14px 0; padding: 12px 0; list-style: none; border-block: 1px solid #e1e7eb; display: grid; gap: 6px; }
#loginScreen.lf-landing.invite-mode .lf-signup-order li::before { content: '✓'; display: inline-grid; place-items: center; width: 14px; height: 14px; margin-right: 6px; border-radius: 50%; color: white; background: #9b7640; font-size: 10px; }
#loginScreen.lf-landing.invite-mode .lf-signup-order-agency { display: flex; align-items: flex-start; gap: 10px; }
#loginScreen.lf-landing.invite-mode .lf-signup-order-agency > svg { flex: 0 0 25px; color: #9b7640; }
#loginScreen.lf-landing.invite-mode .lf-signup-order-agency :is(strong,small) { display: block; overflow-wrap: anywhere; }
#loginScreen.lf-landing.invite-mode .lf-signup-secure { display: flex; gap: 8px; padding-top: 12px; color: #4b657e; font-size: 10px; }
#loginScreen.lf-landing.invite-mode .lf-signup-secure svg { flex: 0 0 18px; }
#loginScreen.lf-landing.invite-mode .lf-signup-message { color: #9b2f38; font: 13px/1.5 Arial,sans-serif; margin: 16px 0; }
#loginScreen.lf-landing.invite-mode .lf-signup-message:empty { display: none; }
#loginScreen.lf-landing.invite-mode #lfSignupStartMembership { margin-top: 23px; }
#loginScreen.lf-landing.invite-mode .lf-signup-consent { font: 11px/1.5 Arial,sans-serif; color: #526b83; margin: 12px 0; }
#loginScreen.lf-landing.invite-mode .lf-signup-payment-footer { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; border-top: 1px solid #dbe2e8; margin-top: 17px; padding-top: 14px; }
#loginScreen.lf-landing.invite-mode .lf-signup-payment-footer button { background: none; border: 0; padding: 4px 0; color: #173e62; font: 600 11px/1.5 Arial,sans-serif; box-shadow: none; text-decoration: underline; text-underline-offset: 3px; }
#loginScreen.lf-landing.invite-mode .lf-signup-payment-footer small { display: flex; align-items: center; gap: 6px; color: #536f89; font: 10px/1.5 Arial,sans-serif; }
#loginScreen.lf-landing.invite-mode .lf-signup-payment-footer svg { width: 13px; height: 13px; }
#loginScreen.lf-landing.invite-mode .lf-signup-complete { text-align: center; padding: 23px 0; color: #476680; }
#loginScreen.lf-landing.invite-mode .lf-signup-success-icon { display: grid; place-items: center; width: 72px; height: 72px; margin: 0 auto 22px; border: 1px solid #c4a367; border-radius: 50%; background: #f8f4ea; color: #947239; }
#loginScreen.lf-landing.invite-mode .lf-signup-success-icon svg { width: 32px; height: 32px; }
#loginScreen.lf-landing.invite-mode .lf-signup-complete h3 { color: #133955; font: 400 30px/1.2 Georgia,serif; margin-bottom: 12px; }
#loginScreen.lf-landing.invite-mode .lf-signup-complete p { font: 14px/1.6 Arial,sans-serif; }
#loginScreen.lf-landing.invite-mode .lf-signup-complete-details { display: flex; justify-content: center; align-items: center; gap: 15px; padding: 24px; margin: 28px 0; background: #f7f8fa; border: 1px solid #e2e7ed; border-radius: 8px; text-align: left; }
#loginScreen.lf-landing.invite-mode .lf-signup-complete-details :is(small,strong) { display: block; overflow-wrap: anywhere; }
#loginScreen.lf-landing.invite-mode #landingAccessPanel .hidden { display: none !important; }
@media(max-width:1150px) {
  #loginScreen.lf-landing.invite-mode #landingAccessPanel { position: relative; top: auto; right: auto; margin: 32px auto; width: calc(100% - 40px) !important; }
}
@media(max-width:700px) {
  #loginScreen.lf-landing.invite-mode #landingAccessPanel { margin: 20px auto; width: calc(100% - 24px) !important; border-radius: 12px; }
  #loginScreen.lf-landing.invite-mode #landingAccessPanel #inviteRegistrationCard:not(.hidden) { grid-template-columns: 1fr !important; min-height: 0; }
  #loginScreen.lf-landing.invite-mode #landingAccessPanel .invite-registration-welcome { padding: 24px !important; }
  #loginScreen.lf-landing.invite-mode #landingAccessPanel #inviteRegistrationCard .invite-registration-welcome h1 { font-size: 29px !important; margin-top: 18px !important; }
  #loginScreen.lf-landing.invite-mode #landingAccessPanel .invite-registration-routing { margin-top: 18px !important; }
  #loginScreen.lf-landing.invite-mode #landingAccessPanel .invite-registration-form-panel { padding: 26px 20px !important; }
  #loginScreen.lf-landing.invite-mode #landingAccessPanel .invite-registration-form-heading h2 { font-size: 34px !important; }
  #loginScreen.lf-landing.invite-mode .lf-signup-payment-grid { grid-template-columns: 1fr; }
  #loginScreen.lf-landing.invite-mode .lf-signup-order { font-size: 12px; }
  #loginScreen.lf-landing.invite-mode .lf-signup-steps small { font-size: 9px; }
}
@media(max-width:380px) {
  #loginScreen.lf-landing.invite-mode #landingAccessPanel :is(.invite-registration-name-grid,.invite-registration-password-grid) { grid-template-columns: 1fr !important; }
}

/* Keep the landing page (not the payment panel) as the sole wheel-scroll surface. */
#loginScreen.lf-landing.invite-mode #landingAccessPanel { overflow-y: clip !important; max-height: none !important; }
#loginScreen.lf-landing.invite-mode .lf-signup-back {
  display: inline-flex; align-items: center; gap: 7px; margin: 0 0 13px;
  padding: 5px 3px; color: #173e62; background: none; border: 0;
  font: 600 12px/1.5 Arial,sans-serif; cursor: pointer;
}
#loginScreen.lf-landing.invite-mode .lf-signup-back svg { width: 16px; height: 16px; }
#loginScreen.lf-landing.invite-mode .lf-signup-bottom-auth {
  display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap; gap: 5px;
  margin-top: 18px; padding-top: 15px; border-top: 1px solid #dbe2e8;
  color: #526b83; font: 12px/1.5 Arial,sans-serif;
}
#loginScreen.lf-landing.invite-mode .lf-signup-bottom-auth button {
  border: 0; background: transparent; padding: 3px;
  font: 700 12px/1.5 Arial,sans-serif; color: #163e60;
  text-decoration: underline; cursor: pointer;
}
/* Calendar reference finish. Scoped to Schedule; the CRM shell stays intact. */
#scheduleHeadingIcon { display:none; }
/* The app's generic button ink is important and inherited by child spans.
   Restore this calendar's selected-date ink and the reference's lighter type. */
@media (max-width:1550px) {
}
@media (max-width:1180px) {
}
@media (max-width:600px) {
}
/* Approved dashboard body only; global header, navigation and other CRM pages stay intact. */
/* Override only the new components' text; existing themes have broad important color rules. */
/* Measured SVGs shared only by Dashboard and the Tracker activity panel. */
:is(#dashboardPage,#agentTrackerPage) .lf-chart-scroll {overflow-x:auto;overflow-y:hidden;width:100%;max-width:100%;scrollbar-width:thin;overscroll-behavior-x:contain;}
:is(#dashboardPage,#agentTrackerPage) .lf-chart-grid {stroke:var(--crm-line,#e0e5ed);stroke-width:1;}
:is(#dashboardPage,#agentTrackerPage) .lf-chart-axis {fill:var(--crm-muted,#536984);font-size:11px;font-weight:500;}
:is(#dashboardPage,#agentTrackerPage) .lf-chart-mark {outline:none;cursor:default;}
:is(#dashboardPage,#agentTrackerPage) .lf-chart-mark.is-active .lf-chart-bar {opacity:.8;stroke:var(--crm-text,#102747);stroke-width:1;}
:is(#dashboardPage,#agentTrackerPage) .lf-chart-value {opacity:0;pointer-events:none;fill:var(--crm-text,#102747);font-size:12px;font-weight:750;paint-order:stroke;stroke:var(--crm-surface,#fff);stroke-width:3px;}
:is(#dashboardPage,#agentTrackerPage) .lf-chart-mark.is-active .lf-chart-value {opacity:1;}
:is(#dashboardPage,#agentTrackerPage) .lf-chart-tooltip {position:absolute;z-index:15;pointer-events:none;background:var(--crm-surface,#fff);color:var(--crm-text,#102747);border:1px solid var(--crm-line,#e0e5ed);box-shadow:0 6px 18px #0002;border-radius:9px;padding:9px 12px;max-width:calc(100% - 2px);font:12px/1.4 Inter,Arial,sans-serif;}
:is(#dashboardPage,#agentTrackerPage) .lf-chart-tooltip[hidden] {display:none!important;}
:is(#dashboardPage,#agentTrackerPage) .lf-chart-tooltip strong,:is(#dashboardPage,#agentTrackerPage) .lf-chart-tooltip span {display:block;font:inherit;color:var(--crm-text,#102747)!important;-webkit-text-fill-color:currentColor!important;}
:is(#dashboardPage,#agentTrackerPage) .lf-chart-tooltip strong {font-weight:750;}
:is(#dashboardPage,#agentTrackerPage) .lf-chart-tooltip span {font-size:11px;margin-top:3px;}
@media(max-width:1450px){}
@media(max-width:1150px){}
@media(max-width:900px){}
@media(max-width:480px){}
/* The supplied references apply only to Log Activity and New Lead Intake.
   Keep the established theme tokens, profile tabs, summary and other pages. */

/* Intake reference: three panels, action icons and a single routing summary. */
@media (max-width: 1250px) {
}
@media (max-width: 700px) {
}
/* Theme-aware feedback without shifting controls. */
body:not(.app-login-mode) :is(button, a[href], select, summary, [role="button"], [role="option"], [role="tab"], [role="combobox"], [data-leadflow-action], input[type="date"], input[type="time"], input[type="month"], input[type="week"], input[type="checkbox"], input[type="radio"], input[list]) {
  cursor: pointer !important;
  transition: background-color 150ms ease, border-color 150ms ease, box-shadow 150ms ease, filter 150ms ease;
}
body:not(.app-login-mode) :is(input[type="date"], input[type="time"], input[type="month"], input[type="week"])::-webkit-calendar-picker-indicator { cursor: pointer; }
body:not(.app-login-mode) .custom-state-wrap input,
body:not(.app-login-mode) label:has(> input:is([type="radio"], [type="checkbox"]):not(:disabled)) { cursor: pointer !important; }
body:not(.app-login-mode) :is(input, textarea, .action-choice, .lead-profile-demonstration-option) {
  transition: border-color 150ms ease, box-shadow 150ms ease, background-color 150ms ease;
}
body:not(.app-login-mode) :is(:disabled, [aria-disabled="true"]) { cursor: not-allowed !important; }
@media (hover: hover) and (pointer: fine) {
  body:not(.app-login-mode) :is(button, a[href], select, summary, [role="button"], [role="option"], [role="tab"], [role="combobox"]):not(:disabled):not([aria-disabled="true"]):hover {
    filter: brightness(1.08);
    box-shadow: 0 0 0 2px var(--crm-accent-line), 0 3px 10px var(--crm-trim-soft);
  }
  body:not(.app-login-mode) :is(input:not([type="hidden"]):not([type="radio"]):not([type="checkbox"]), textarea):not(:disabled):hover {
    border-color: var(--crm-accent) !important;
    outline: 1px solid var(--crm-accent-line);
    outline-offset: 2px;
    box-shadow: 0 0 0 2px var(--crm-trim-soft);
  }
  body:not(.app-login-mode) :is(.action-choice, .lead-profile-demonstration-option):not(:has(input:disabled)):hover {
    border-color: var(--crm-accent) !important;
    box-shadow: 0 0 0 2px var(--crm-accent-line);
  }
}
body:not(.app-login-mode) :is(button, a[href], select, summary, [role="button"], [role="option"], [role="tab"], [role="combobox"]):focus-visible {
  outline: 2px solid var(--crm-accent) !important;
  outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
  body:not(.app-login-mode) :is(button, a[href], select, summary, input, textarea, [role="button"], [role="option"], [role="tab"], [role="combobox"], .action-choice, .lead-profile-demonstration-option),
  html[data-leadflow-theme] body:not(.app-login-mode) #appScreen :is(button, a[href], select, summary, input, textarea, [role="button"], [role="option"], [role="tab"], [role="combobox"], .action-choice, .lead-profile-demonstration-option) { transition: none !important; }
}
@font-face { font-family:Inter; font-style:normal; font-weight:100 900; font-display:swap; src:url("/assets/fonts/inter-latin-wght-normal.woff2") format("woff2"); }
/* Reference layouts. Theme tokens remain the source of colors; result pills are intentionally untouched. */
html[data-leadflow-theme] body[data-leadflow-theme]:not(.app-login-mode) { --crm-ui-font: Inter, "Segoe UI", Arial, sans-serif !important; --crm-display-font: Inter, "Segoe UI", Arial, sans-serif !important; --lf-font: Inter, "Segoe UI", Arial, sans-serif !important; }
html[data-leadflow-theme] body[data-leadflow-theme]:not(.app-login-mode) #appScreen :is(.page-section, #pageTitle, #pageSubtitle, #pageEyebrow, .sidebar, .topbar),
html[data-leadflow-theme] body[data-leadflow-theme]:not(.app-login-mode) #appScreen :is(.page-section, #pageTitle, #pageSubtitle, #pageEyebrow, .sidebar, .topbar) *,
html[data-leadflow-theme] body[data-leadflow-theme]:not(.app-login-mode) :is(.leadflow-dialog-card, .leadflow-dialog-card *) { font-family: var(--crm-ui-font) !important; }

@media (max-width:1250px) {
}
@media (max-width:1000px) {
}
@media (max-width:640px) {
}

/* A Lead name keeps the same semantic color in every workspace. */
/* Keep initials and rank numbers readable on every theme. */
@media(max-width:640px) {
}

/* Podium geometry follows the reference: a raised winner, substantial medals and two-tier metal bases. */
/* The winner's crown extends above the stage. Reserve its space at every
   width: desktop controls can also reach the center (notably around 1001px). */
@keyframes leaderboard-confetti-fall { from { transform:translate3d(0,-380px,0) rotate(var(--fall-angle)); } to { transform:translate3d(var(--fall-drift),440px,0) rotate(calc(var(--fall-angle) + 160deg)); } }
@media(prefers-reduced-motion:reduce) { }
@container (max-width:1150px) {
}
@container (max-width:800px) {
}
@media(max-width:1000px) {
}
@media(max-width:640px) {
}

/* Compact agency identity; account identity remains in the top-right profile control. */
@media(max-width:1250px) {
}
@media(max-width:1000px) { }
@media(max-width:640px) {
}
/* Share controls follow the active palette, including text inside the action button. */


/* Live summary totals return above the filters with the shared CRM typography. */
@media(max-width:1150px) {
}
@media(max-width:640px) {
}

/* Bottom-anchored account actions: Settings stays immediately above Logout.
   Keep the same navigation buttons, routes, themes, and compact sidebar behavior. */
@keyframes incoming-enter {from {opacity:0;transform:translateY(10px);}to {opacity:1;transform:translateY(0);}}
@keyframes incoming-pulse {50% {box-shadow:0 0 0 5px #35a57620;}}
@media(prefers-reduced-motion:reduce) {}
@media(max-width:700px) {}
/* Opt-in Audio Quality Lab, System Admin test panel. No global Dialer layout changes. */
@media(max-width:640px){
}
/* Agent microphone / speaker setup: separate from System Admin Audio Lab.
 * Uses existing theme tokens and does not modify the production Dialer layout.
 */

@media(max-width:640px){
}
/* Conversation workspace: presentation only, scoped to the Dialer.
   Reuse CRM type and theme tokens; specificity intentionally wins over the
   earlier luxury-card rules without changing any other CRM page. */
/* The only addition outside Dialer is its phone launcher. */
@media (max-width: 1240px) {
}
@media (max-width: 760px) {
}
@media (prefers-reduced-motion: reduce) { }
@media (max-width: 760px) { }


/* Recorded audio and automatic Telnyx AI drafts inside approved call bubbles. */
/* Phone Numbers inside Settings ONLY. Sidebar, other Settings panels and Dialer untouched. */
@media(max-width:620px){}
@media(max-width:1400px){
}
@media(max-width:1180px){
}
@media(max-width:720px){
}

/* Number Health / Call Intelligence: status only; never a fake paid action. */
/* Dialer-only refinements; preserve shared CRM typography and theme tokens. */
@media (max-width: 480px) { }
/* Dialer layout and telephone controls. Colors inherit the selected CRM theme. */
@media (max-width:1320px) {
}
@media (max-width:800px) {
}
/* Isolated New Lead Intake: share action and Meta-style age range choice. */
#leadsAddPanel .intake-age-field { position: relative; min-width: 0; }
#leadsAddPanel .intake-age-trigger {
  display: flex; justify-content: space-between; align-items: center; gap: 8px;
  width: 100%; min-height: 39px; padding: 9px 11px;
  text-align: left; color: var(--crm-text-muted, #64748b);
  border: 1px solid var(--crm-border, #a8b6c9); border-radius: 8px;
  background: var(--crm-surface, #fff); cursor: pointer; font: inherit;
}
#leadsAddPanel .intake-age-trigger.has-value { color: var(--crm-heading, #152b45); }
#leadsAddPanel .intake-age-trigger svg { flex: 0 0 15px; width: 15px; height: 15px; }
#leadsAddPanel .intake-age-popover {
  position: absolute; z-index: 120; top: calc(100% + 7px); right: 0;
  width: min(315px, 88vw); max-height: min(410px, 78vh); overflow: auto;
  padding: 15px; border: 1px solid var(--crm-border, #c8d1de);
  border-radius: 14px; background: var(--crm-surface, #fff);
  box-shadow: 0 14px 35px rgba(10, 27, 50, .22);
  color: var(--crm-heading, #172f4a);
}
#leadsAddPanel .intake-age-popover > strong { display: block; font-size: 14px; margin-bottom: 12px; }
#leadsAddPanel .intake-age-mode-switch { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 13px; }
#leadsAddPanel .intake-age-mode-switch label,
#leadsAddPanel .intake-share-remember { display: inline-flex; gap: 6px; align-items: center; font-size: 12px; cursor: pointer; }
#leadsAddPanel .intake-age-range-fields { display: flex; align-items: end; gap: 8px; }
#leadsAddPanel .intake-age-range-fields label { display: flex; flex: 1; flex-direction: column; gap: 5px; font-size: 12px; }
#leadsAddPanel .intake-age-range-divider { padding-bottom: 10px; }
#leadsAddPanel .intake-age-range-fields select,
#leadsAddPanel .intake-share-percentages input,
#leadsAddPanel #intakeShareAgentSelect {
  min-height: 38px; width: 100%; min-width: 0; padding: 7px 10px;
  background: var(--crm-surface, #fff); color: var(--crm-heading, #172f4a);
  border: 1px solid var(--crm-border, #b8c5d5); border-radius: 8px;
  font: inherit; font-size: 13px;
}
#leadsAddPanel .intake-age-exact { display: flex; flex-direction: column; gap: 6px; font-size: 12px; }
#leadsAddPanel .intake-age-help { margin: 10px 0 12px; font-size: 11px; opacity: .75; }
#leadsAddPanel .intake-age-actions { display: flex; justify-content: flex-end; gap: 8px; }
#leadsAddPanel .intake-age-actions button { border: 1px solid var(--crm-border, #bcc7d5); border-radius: 7px; padding: 8px 14px; background: transparent; color: inherit; cursor: pointer; font-weight: 600; }
#leadsAddPanel #intakeAgeApply { background: #173958; color: white; border-color: #173958; }
#leadsAddPanel .intake-interest-field { margin-top: 10px; }
#leadsAddPanel .intake-share-choice { border-color: #c7a567; }
#leadsAddPanel .intake-share-choice.active-choice { border-color: #ad7c23; background: color-mix(in srgb, var(--crm-surface, white) 88%, #eacb8e); }
#leadsAddPanel .intake-share-settings {
  margin-top: 12px; padding: 13px; border-radius: 12px;
  border: 1px solid #d7b873; background: color-mix(in srgb, var(--crm-surface, #fff) 93%, #ebcb8a);
}
#leadsAddPanel .intake-share-heading { display: flex; align-items: center; gap: 7px; margin-bottom: 10px; font-size: 13px; }
#leadsAddPanel .intake-share-heading svg { width: 17px; height: 17px; color: #b17d24; }
#leadsAddPanel .intake-share-heading > span { margin-left: auto; font-size: 10px; color: var(--crm-text-muted, #64748b); }
#leadsAddPanel .intake-share-settings .intake-label { margin-bottom: 9px; }
#leadsAddPanel .intake-license-placeholder { display: inline-flex; padding: 5px 9px; margin: 0 0 12px; font-size: 10px; color: #775714; background: #f8ecd0; border: 1px dashed #cda65b; border-radius: 999px; }
#leadsAddPanel .intake-share-percentages { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
#leadsAddPanel .intake-share-presets { display: flex; gap: 7px; flex-wrap: wrap; margin-bottom: 10px; }
#leadsAddPanel .intake-share-presets button { cursor: pointer; border-radius: 999px; padding: 6px 12px; font-size: 11px; font-weight: 600; color: var(--crm-heading, #173958); background: var(--crm-surface, #fff); border: 1px solid var(--crm-border, #c3d0db); }
#leadsAddPanel .intake-share-presets button:hover { border-color: #af812a; }
#leadsAddPanel .intake-share-error { font-size: 11px; color: #b44c24; margin: 8px 0 0; }
#leadsAddPanel .intake-age-popover.hidden,
#leadsAddPanel #intakeExactAgeField.hidden,
#leadsAddPanel #intakeAgeRangeFields.hidden,
#leadsAddPanel #intakeShareSettings.hidden,
#leadsAddPanel #intakeSharePreviewRows.hidden { display: none !important; }
@media(max-width:800px) {
  #leadsAddPanel .intake-age-popover { right: auto; left: 0; }
  #leadsAddPanel .intake-share-percentages { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
/* Schedule refresh. Keep the existing page title, header, and navigation shell. */
/* Account licensing prompt and compact sharing hints. */
#licensedStatesDialog {
  width: min(590px, calc(100vw - 32px));
  max-height: min(780px, calc(100dvh - 40px));
  box-sizing: border-box;
  padding: 24px;
  border: 1px solid #d3e0f5;
  border-radius: 18px;
  background: #fff;
  color: #142d4f;
  box-shadow: 0 24px 80px #09254933;
  font-family: inherit;
}
#licensedStatesDialog[open] { display: flex; flex-direction: column; gap: 14px; }
#licensedStatesDialog::backdrop { background: #071b3a80; backdrop-filter: blur(3px); }
#licensedStatesDialog * { box-sizing: border-box; }
#licensedStatesDialog .license-dialog-heading { display: flex; align-items: flex-start; gap: 13px; }
#licensedStatesDialog .license-dialog-icon { flex: 0 0 42px; display: grid; place-items: center; height: 42px; border-radius: 12px; background: #e8f1ff; color: #0756f5; }
#licensedStatesDialog .license-dialog-icon svg { width: 24px; height: 24px; }
#licensedStatesDialog h2 { margin: 0 0 8px; font-family: inherit; font-size: 22px; font-weight: 750; line-height: 1.25; color: #0b2241; }
#licensedStatesDialog p { margin: 0; font-size: 14px; line-height: 1.5; color: #526884; }
#licensedStatesDialog .license-dialog-hint { font-size: 12px; color: #60718d; }
#licensedStatesDialog .license-dialog-search { display: flex; align-items: center; gap: 12px; }
#licensedStatesDialog #licenseStateSearch { flex: 1; min-width: 0; min-height: 40px; margin: 0; padding: 9px 12px; border: 1px solid #b8cae6; border-radius: 9px; background: #f8faff; color: #142d4f; font: inherit; font-size: 14px; }
#licensedStatesDialog #licenseStateSearch::placeholder { color: #6b7e98; }
#licensedStatesDialog #licenseStateCount { flex: 0 0 auto; color: #0756f5; font-size: 12px; font-weight: 650; }
#licensedStatesDialog .license-state-choices { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; min-height: 80px; max-height: 330px; overflow-y: auto; padding: 2px 5px 2px 2px; scrollbar-width: thin; scrollbar-color: #b7cbea transparent; }
#licensedStatesDialog .license-state-option { display: flex; align-items: center; gap: 9px; margin: 0; padding: 9px 10px; min-height: 39px; border: 1px solid #e0e8f3; border-radius: 8px; background: #fff; cursor: pointer; font-size: 13px; line-height: 1.3; color: #142d4f; }
#licensedStatesDialog .license-state-option:hover { border-color: #8db6f8; background: #f5f9ff; }
#licensedStatesDialog .license-state-option.is-selected { border-color: #9ac0ff; background: #edf4ff; }
#licensedStatesDialog .license-state-option input { flex: 0 0 16px; width: 16px; height: 16px; margin: 0; accent-color: #0756f5; }
#licensedStatesDialog .license-state-option small { margin-left: auto; font-size: 10px; color: #60718d; }
#licensedStatesDialog .license-no-results { grid-column: 1 / -1; padding: 20px 6px; }
#licensedStatesDialog #licenseStatesError { color: #b32639; font-size: 13px; }
#licensedStatesDialog #licenseStatesError:empty { display: none; }
#licensedStatesDialog .license-dialog-footer { display: flex; justify-content: flex-end; gap: 10px; padding-top: 14px; border-top: 1px solid #e0e8f3; }
#licensedStatesDialog .license-dialog-footer button { min-height: 40px; padding: 9px 17px; border: 1px solid #b8cae6; border-radius: 9px; background: #fff; color: #142d4f; font-family: inherit; font-size: 14px; font-weight: 650; cursor: pointer; }
#licensedStatesDialog #licenseStatesSave { color: #fff; background: #0756f5; border-color: #0756f5; }
#licensedStatesDialog button:disabled { opacity: .6; cursor: wait; }
#licensedStatesDialog :is(button, input):focus-visible { outline: 3px solid #85b5ff; outline-offset: 2px; }
.license-state-chips { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 14px; font-size: 13px; color: #60718d; }
.license-state-chip { display: inline-flex; align-items: center; padding: 5px 10px; border: 1px solid #ccdefc; border-radius: 7px; background: #edf4ff; color: #154c9e; font-size: 12px; font-weight: 600; }
.license-settings-card .settings-panel-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.license-settings-card #editLicensedStates { flex-shrink: 0; }
.license-share-fields { display: grid; grid-template-columns: minmax(130px, .55fr) minmax(0, 1fr); gap: 12px; }
.license-share-fields > label { display: flex; flex-direction: column; gap: 6px; margin: 0; min-width: 0; font-size: 12px; font-weight: 600; }
.license-share-fields select { width: 100%; min-width: 0; min-height: 42px; margin: 0; }
.license-share-fields .connected-share-user-field { margin: 0; }
.license-share-fields .license-share-state select { padding: 9px 12px; border: 1px solid #c4d3e7; border-radius: 9px; background: #fff; color: #142d4f; font: inherit; }
.license-match-summary { display: flex; flex-direction: column; gap: 4px; margin-top: 8px; padding: 8px 10px; border-radius: 8px; background: #f3f7ff; font-size: 12px; font-weight: 400; line-height: 1.4; color: #526884; overflow-wrap: anywhere; }
.license-match-summary:empty { display: none; }
.license-match-summary .is-match { color: #137451; }
.license-match-summary .is-unconfirmed { color: #8b5a15; }
.license-sharing-help { display: block; margin-top: 5px; color: #60718d; font-size: 11px; font-weight: 400; line-height: 1.4; }
@media (max-width: 560px) {
  #licensedStatesDialog { padding: 18px; }
  #licensedStatesDialog h2 { font-size: 20px; }
  #licensedStatesDialog .license-state-choices { grid-template-columns: 1fr; }
  .license-share-fields { grid-template-columns: 1fr; }
  .license-settings-card .settings-panel-heading { align-items: flex-start; flex-direction: column; }
}
/* Approved lead workspace: comfortable typography, a stable identity panel,
   and a single reading order. The existing theme tokens remain authoritative. */
.workspace-time { display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px;line-height:1.7; }
.workspace-time span { color:var(--crm-muted);min-width:76px; }
.workspace-time strong { font-weight:500; }
.workspace-field-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 22px; }

dialog.workspace-editor { width:min(760px,calc(100vw - 32px));max-height:calc(100dvh - 40px);margin:auto;padding:0;border:1px solid var(--crm-line,#d8e1ec);border-radius:20px;color:var(--crm-heading,#0b2242);background:var(--crm-surface,#fff);box-shadow:0 24px 90px #051a3545; }
dialog.workspace-editor::backdrop { background:#03132785;backdrop-filter:blur(3px); }
.workspace-editor form { display:block; }
.workspace-editor header { display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px 28px;border-bottom:1px solid var(--crm-line,#d8e1ec); }
.workspace-editor h2 { font-size:24px;margin:0 0 6px; }
.workspace-editor header p { font-size:14px;color:var(--crm-muted,#586b85);margin:0; }
.workspace-editor .workspace-editor-close { width:34px;height:34px;min-height:34px;flex:0 0 34px;padding:6px;border:0;background:transparent;color:inherit; }
.workspace-editor-fields { padding:0 28px; }
.workspace-editor-fields>section { padding:22px 0;border-bottom:1px solid var(--crm-line,#d8e1ec); }
.workspace-editor-fields h3 { display:flex;gap:10px;align-items:center;font-size:16px;margin:0 0 16px; }
.workspace-editor-fields h3 svg { width:20px;color:var(--crm-primary-end,#0560ef); }
.workspace-editor label { display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:600;min-width:0; }
.workspace-editor :is(input,select,textarea) { width:100%;min-width:0;min-height:42px;padding:10px 12px;border:1px solid var(--crm-line,#c7d3e4);border-radius:8px;background:var(--crm-soft,#f6f8fb);color:var(--crm-heading,#0b2242);font:inherit;font-size:15px;font-weight:400; }
.workspace-editor textarea { resize:vertical; }
.workspace-editor :is(input,select,textarea):focus { outline:2px solid var(--crm-primary-end,#0560ef);outline-offset:2px; }
.workspace-editor-help { color:var(--crm-muted,#586b85);font-size:12px;line-height:1.5;margin:12px 0 0; }
.workspace-editor footer { position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:12px;padding:18px 28px;background:var(--crm-surface,#fff);border-top:1px solid var(--crm-line,#d8e1ec); }
.workspace-editor footer button { min-height:44px;padding:10px 20px;border-radius:9px;border:1px solid var(--crm-line,#c7d3e4);font-weight:600;background:var(--crm-surface,#fff);color:inherit; }
.workspace-editor footer .workspace-primary { background:var(--crm-primary-end,#0560ef);color:var(--crm-on-primary,#fff);border-color:transparent; }
.workspace-published { display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:20px 0 0;padding:12px;border-radius:9px;background:var(--crm-soft,#f6f8fb);font-size:13px; }
.workspace-published svg { width:16px;height:16px; }
.workspace-editor-times { margin-top:14px; }
.workspace-editor-error { margin:14px 28px;padding:12px;border-radius:8px;background:#ffecee;color:#9b1729; }
.workspace-editor [hidden] { display:none!important; }
@media(min-width:1700px) {
}

/* Final reference styling, shared with the integrated intake controls. */
@media(min-width:1101px) {
  /* Add Lead shares the standard page header and tabs with All Leads. */
}
@media(min-width:1101px) and (max-height:820px) {
}
@media(max-width:1100px) {
}
@media(max-width:1200px) {
}
@media(max-width:1100px) {
}
@media(max-width:480px) {
  .workspace-editor .workspace-field-grid { grid-template-columns:1fr; }
  dialog.workspace-editor { width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:16px; }
  .workspace-editor header,.workspace-editor footer { padding:18px; }
  .workspace-editor-fields { padding:0 18px; }
  .workspace-editor h2 { font-size:21px; }
}

/* Keep traits readable on a single line, with the full value available on hover. */

/* Reduce desktop spacing while retaining the existing text sizes and colors. */
@media(min-width:1101px) {
}
@media(min-width:1101px) and (max-height:820px) {
}
.mobile-bottom-nav { display:none; }
dialog.mobile-more-sheet { width:min(540px,100%);max-width:100%;max-height:82dvh;margin:auto auto 0;padding:0 18px max(18px,env(safe-area-inset-bottom));border:1px solid var(--crm-line,#dce3ee);border-bottom:0;border-radius:24px 24px 0 0;background:var(--crm-surface,#fff);color:var(--crm-heading,#0c2445);box-shadow:0 -12px 60px #071d3b30; }
dialog.mobile-more-sheet::backdrop { background:#04102499; }
.mobile-sheet-handle { width:40px;height:5px;background:var(--crm-line,#cfd5df);border-radius:10px;margin:10px auto 0; }
.mobile-more-sheet>header { display:flex;align-items:center;justify-content:space-between;padding:12px 0; }
.mobile-more-sheet h2 { font-size:20px;margin:0; }
.mobile-more-close { width:40px;height:40px;padding:8px;background:transparent;color:inherit;border:0;border-radius:10px; }
.mobile-more-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:4px 0 20px; }
.mobile-more-sheet .mobile-nav-item { display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:88px;padding:12px 8px;border:1px solid var(--crm-line,#e0e6ee);border-radius:12px;background:var(--crm-soft,#f7f9fc);color:inherit;font-size:12px;font-weight:500; }
.mobile-more-sheet .mobile-nav-item svg { width:24px;height:24px; }
.mobile-more-sheet .mobile-nav-item[aria-current=page] { color:var(--crm-primary-end,#0560ed);border-color:currentColor; }
.mobile-more-account { display:flex;align-items:center;gap:10px;border-top:1px solid var(--crm-line,#dce3ee);padding-top:18px; }
.mobile-agent-avatar { display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:50%;background:var(--crm-soft,#edf2f8);font-size:14px;font-weight:700; }
.mobile-agent-identity { display:grid;gap:4px;min-width:0;flex:1; }
.mobile-agent-identity strong { font-size:13px;overflow-wrap:anywhere; }
.mobile-agent-identity>span { color:var(--crm-muted,#66768a);font-size:12px; }
.mobile-more-account button { display:flex;align-items:center;justify-content:center;gap:6px;min-width:42px;min-height:44px;padding:9px;border:1px solid var(--crm-line,#dce3ee);border-radius:10px;color:inherit;background:var(--crm-surface,#fff);font-size:12px; }
.mobile-more-account button svg { width:19px;height:19px; }
.mobile-more-account .mobile-logout-button { color:#be3549; }
@media(max-width:800px) {
}
@media(prefers-reduced-motion:no-preference) {
  .mobile-more-sheet[open] { animation:mobile-sheet-in .18s ease-out; }
  @keyframes mobile-sheet-in { from { transform:translateY(24px);opacity:0; } to { transform:translateY(0);opacity:1; } }
}
/* Approved visual preview, integrated with the existing application.
   Only presentation is overridden. Dark/gold preferences keep their palette. */

@media(min-width:1101px) {
}
@media(min-width:1650px) {
}
@media(max-width:1100px) {
}
@media(max-width:800px) {
}
@media(min-width:1101px) and (max-height:820px) {
}
@media(prefers-reduced-motion:no-preference) {
  @keyframes refresh-menu-in { from { opacity:0;transform:translateY(4px); } to { opacity:1;transform:translateY(0); } }
}
@media(prefers-reduced-motion:reduce) {
}
/* Shared presentation for the approved directory, menus and dialogs.
   All existing action handlers, permission checks and form fields are retained. */
html:has(>body.crm-visual-refresh:not(.app-login-mode)) { scrollbar-color:#cbd4de transparent;scrollbar-width:thin; }
/* Important layered rules outrank the legacy per-page important declarations,
   so every control gets the same focus boundary without more ID specificity. */
@layer crm-focus {
}
/* Presentation must never reveal an action hidden by application state or permissions. */
@layer crm-visibility {
}
@media(max-width:800px) {
}
@media(prefers-reduced-motion:no-preference) {
}
/* Approved prototype: quiet notices, week calendar and event detail popup. */
@media(prefers-reduced-motion:no-preference) {
  .crm-toast { animation:crmToastIn .2s ease-out; }
  .crm-toast-saving .crm-toast-icon svg { animation:crmNoticeSpin 1.2s linear infinite; }
  .refresh-event-dialog[open] { animation:crmToastIn .18s ease-out; }
}
@keyframes crmToastIn { from { opacity:0;transform:translateY(7px); } to { opacity:1;transform:translateY(0); } }
@keyframes crmNoticeSpin { to { transform:rotate(360deg); } }
@media(max-width:1100px) {
}
@media(max-width:800px) {
}
/* Approved visual language across the operational pages. Presentation only;
   hidden/disabled states and data-driven controls keep their existing behavior. */

@media(max-width:1250px) {
}
@media(max-width:900px) {
}
@media(max-width:640px) {
}
/* Shared menus and role-aware Settings. No permission or visibility rules are
   replaced: the same panels and actions remain available to the same roles. */
@media(max-width:1100px) {
}
@media(max-width:760px) {
}
@media(prefers-reduced-motion:no-preference) {
  @keyframes refresh-toast-in { from { opacity:0;transform:translateY(8px); } to { opacity:1;transform:translateY(0); } }
}
/* Restore the original podium artwork and carry All Leads' row system into
   operational lists. These selectors only change presentation. */

@media(max-width:1100px) {
}
@media(max-width:640px) {
}
/* Approved November 7 podium: generated metal/ornament art with live CRM content. */
@media(max-width:1250px) {
}
@media(max-width:1100px) {
}
@media(max-width:800px) {
}
@media(max-width:760px) {
}
/* Shared folders and calling queues follow the main lead-directory hierarchy. */
@keyframes shared-queue-spin { to { transform:rotate(360deg); } }
@keyframes podium-crown-light { 0%,100% { filter:brightness(1) drop-shadow(0 0 0 #edc76900); } 50% { filter:brightness(1.08) drop-shadow(0 0 7px #edc76955); } }
@media(max-width:1250px) {
}
@media(max-width:900px) {
}
@media(max-width:760px) {
}
@media(prefers-reduced-motion:reduce) {
}
/* Interiors only: keep the shared navigation and existing permission gates. */
@keyframes podium-bill-fall {
  0% { opacity:0;transform:translate3d(0,-48px,0); }
  9% { opacity:.94; }
  85% { opacity:.94; }
  100% { opacity:0;transform:translate3d(0,100%,0); }
}
@keyframes podium-bill-drift {
  0%,100% { transform:translate3d(calc(var(--bill-sway) * -1),0,0) rotate(-23deg); }
  50% { transform:translate3d(var(--bill-sway),0,0) rotate(24deg); }
}
@keyframes podium-bill-tumble {
  0% { transform:perspective(240px) rotateY(0deg) rotateX(18deg); }
  24% { transform:perspective(240px) rotateY(76deg) rotateX(-25deg); }
  51% { transform:perspective(240px) rotateY(184deg) rotateX(16deg); }
  77% { transform:perspective(240px) rotateY(276deg) rotateX(-20deg); }
  100% { transform:perspective(240px) rotateY(360deg) rotateX(18deg); }
}
@keyframes podium-crown-celebrate {
  0%,100% { filter:brightness(1) drop-shadow(0 0 4px #ffce6970); }
  50% { filter:brightness(1.3) drop-shadow(0 0 18px #ffce69b0); }
}
@media(max-width:1000px) {
}
@media(max-width:760px) {
}
@media(prefers-reduced-motion:reduce) {
}
/* Tracker and agency membership map. The shared CRM tokens supply every theme. */
/* Desktop owns one vertical scroller. Otherwise the document can scroll past
   the app shell even after the main panel has reached its last agent row. */
@media(min-width:761px) {
  html:has(body.crm-visual-refresh.agent-tracker-page-active:not(.app-login-mode)),
  body.crm-visual-refresh.agent-tracker-page-active:not(.app-login-mode) { height:100%;overflow:hidden!important; }
}

@media(max-width:1150px) {
}
@media(max-width:760px) {
}
@media(prefers-reduced-motion:reduce) {
}
/* Benefit-led public entrance. All rules are scoped away from the signed-in CRM.
   Feature rotation is pausable; motion is disabled for reduced-motion preferences. */
#loginScreen.lf-landing.lf-experience {
  --lfx-navy:#071b2b;--lfx-ink:#143047;--lfx-muted:#617384;--lfx-gold:#e9c68a;--lfx-blue:#2862dc;--lfx-line:#dce3e7;--lfx-ease:cubic-bezier(.22,.8,.22,1);
  background:#f8f9f7!important;color:var(--lfx-ink);font-family:Inter,'Segoe UI',Arial,sans-serif;
  & :is(h1,h2,h3,.lf-wordmark) {font-family:Inter,'Segoe UI',Arial,sans-serif!important;}
  & main :is(h1,h2,h3) {font-weight:550!important;letter-spacing:-.05em;}
  & main :is(h1,h2) em {font-style:normal!important;font-weight:500!important;}
  & :is(button,a,summary) {touch-action:manipulation;}
  & :is(button,a,summary,[tabindex='0']):focus-visible {outline:2px solid #548af2!important;outline-offset:4px;}
  & button:focus-visible {outline-offset:-2px;}
  & button {font-family:inherit;cursor:pointer;}
  & svg {width:20px;height:20px;stroke-width:1.65;vertical-align:middle;}
  & [hidden] {display:none!important;}
  & .lfx-wrap {width:min(1280px,calc(100% - 112px));margin-inline:auto;}
  & #landingMain {scroll-margin-top:76px;}
  & .lf-header {height:78px;background:#071b2bf5;backdrop-filter:blur(16px);border-bottom:1px solid #ffffff13;}
  & .lf-nav {height:78px;width:min(1280px,calc(100% - 112px));}
  & .lf-wordmark {font-size:24px;font-weight:650;letter-spacing:-1px;gap:10px;color:#f8fafb;}
  & .lf-wordmark small {font-family:inherit;font-size:8px;font-weight:450;letter-spacing:3px;color:#9eafbf;margin-top:4px;}
  & .lf-brand-mark {color:var(--lfx-gold);}
  & .lf-brand-mark svg {width:33px;height:33px;}
  & .lf-nav-links {gap:30px;margin-right:35px;}
  & .lf-nav-links a {font-size:12px;font-weight:450;color:#b5c3cf;transition:color .2s;}
  & .lf-nav-links a:hover {color:white;}
  & .lf-nav-signin {min-height:42px;padding:10px 20px;gap:24px;border:1px solid #ffffff40;border-radius:8px;background:#ffffff0c;color:#fff;box-shadow:none;font:550 12px/1.5 Inter,sans-serif;}
  & .lf-nav-signin:hover,& .lf-nav-signin[aria-expanded='true'] {background:#fff;color:#102b40;border-color:#fff;}
  & .lf-nav-signin svg {width:14px;height:14px;color:inherit;transition:transform .25s var(--lfx-ease);}
  & .lf-nav-signin[aria-expanded='true'] svg {transform:rotate(180deg);}
  & .lfx-eyebrow {display:flex;align-items:center;gap:10px;color:#8a6c35;font-size:9px;font-weight:600;line-height:1.7;letter-spacing:1.7px;}
  & .lfx-status-dot {width:6px;height:6px;border-radius:50%;background:var(--lfx-gold);box-shadow:0 0 0 4px #e9c68a12;flex:none;}
  & .lfx-hero {background:var(--lfx-navy);color:white;position:relative;overflow:hidden;isolation:isolate;}

  /* Benefit-led overview: real interactive capability tiles, no CRM screenshots. */
  & .lfx-hero {background:radial-gradient(ellipse at 85% 10%,#1b40504a,transparent 55%),var(--lfx-navy);}
  & .lfx-hero-grid {display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center;min-height:635px;padding-block:64px;}
  & .lfx-hero-copy {min-width:0;}
  & .lfx-hero .lfx-eyebrow {color:#dfc89c;font-size:10px;letter-spacing:1.2px;}
  & .lfx-hero h1 {font-size:clamp(44px,4.4vw,65px);line-height:1.12;letter-spacing:-.052em;margin:27px 0 24px;color:#fafaf5;}
  & .lfx-hero h1 em {color:var(--lfx-gold);white-space:nowrap;}
  & .lfx-headline-unit {white-space:nowrap;}
  & .lfx-hero-description {max-width:500px;font-size:16px;line-height:1.85;color:#bed0dc;}
  & .lfx-actions {display:flex;align-items:center;flex-wrap:wrap;gap:25px;margin-top:30px;}
  & .lfx-button {display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:50px;padding:14px 20px;border:1px solid transparent;border-radius:8px;box-shadow:none;font-size:13px;font-weight:600;text-decoration:none;transition:background .2s,transform .25s var(--lfx-ease);}
  & .lfx-button-gold {color:#172b3b;background:#edd3a2;border-color:#f4deb8;}
  & .lfx-button-gold:hover {background:#f6e2bc;transform:translateY(-2px);}
  & .lfx-button svg {width:17px;height:17px;}
  & .lfx-text-link {display:inline-flex;align-items:center;gap:12px;padding:10px 0;color:inherit;background:none;border:0;border-radius:0;box-shadow:none;font-size:13px;font-weight:500;text-decoration:none;}
  & .lfx-text-link svg {width:16px;height:16px;transition:transform .25s var(--lfx-ease);}
  & .lfx-text-link:hover svg {transform:translateX(3px);}
  & .lfx-access-note {display:flex;align-items:center;gap:9px;font-size:11px;line-height:1.7;color:#9fb4c4;margin-top:25px;}
  & .lfx-access-note svg {width:16px;height:16px;}
  & .lfx-connected {min-width:0;position:relative;border:1px solid #b2cad226;border-radius:20px;padding:25px;background:#142e40;box-shadow:0 25px 60px #00000026;}
  & .lfx-connected-heading {display:flex;align-items:center;gap:12px;padding-bottom:23px;}
  & .lfx-connected-mark {display:grid;place-items:center;width:44px;height:44px;background:#e9c68a14;border:1px solid #e9c68a40;border-radius:12px;color:#ecd5a2;flex:none;}
  & .lfx-connected-mark svg {width:29px;height:29px;}
  & .lfx-connected-heading>div {display:grid;gap:6px;}
  & .lfx-connected-heading>div>span {font-size:8px;letter-spacing:1.3px;color:#9fb6c7;}
  & .lfx-connected-heading strong {font-size:19px;font-weight:600;letter-spacing:-.5px;color:#f7f7f2;}
  & .lfx-connected-label {margin-left:auto;font-size:10px;color:#d9c8a5;}
  & .lfx-capability-tabs {display:grid;grid-template-columns:1fr 1fr;gap:10px;}
  & .lfx-capability {display:flex;align-items:center;gap:11px;position:relative;text-align:left;min-height:70px;padding:13px 12px;background:#1d394c;border:1px solid #ffffff13;border-radius:10px;color:#e7eff4;box-shadow:none;transition:background .25s,border-color .25s;line-height:1.4;}
  & .lfx-capability>span:nth-child(2) {font-size:12px;font-weight:550;max-width:110px;}
  & .lfx-capability-icon {width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#91bafa14;flex:none;color:#b3d0ff;}
  & .lfx-capability-icon svg {width:19px;height:19px;}
  & .lfx-tone-green .lfx-capability-icon {color:#a4dac3;background:#91d2b818;}
  & .lfx-tone-gold .lfx-capability-icon {color:#efcf99;background:#e4c99616;}
  & .lfx-tone-violet .lfx-capability-icon {color:#d0bbed;background:#cbb1ef16;}
  & .lfx-capability .lfx-capability-arrow {width:12px;height:12px;margin-left:auto;color:#a6bdcd;opacity:0;transition:opacity .25s;}
  & .lfx-capability:hover {background:#26485e;border-color:#7893a6;}
  & .lfx-capability[aria-selected='true'] {background:#29475a;border-color:#dbc189;box-shadow:inset 0 0 0 1px #dbc18930;}
  & .lfx-capability[aria-selected='true'] .lfx-capability-arrow {opacity:1;color:#f0d4a1;}
  & .lfx-capability-detail {margin-top:20px;padding:19px 2px 0;border-top:1px solid #ffffff19;}
  & .lfx-capability-detail section {min-height:141px;animation:lfx-panel-in .35s var(--lfx-ease);}
  & .lfx-capability-detail h2 {font-size:19px;line-height:1.4;letter-spacing:-.45px;color:#f5f7f8;margin:0 0 9px;font-weight:550!important;}
  & .lfx-capability-detail p {font-size:12px;line-height:1.75;color:#b1c5d4;}
  & .lfx-capability-detail ul {display:flex;flex-wrap:wrap;gap:5px 12px;list-style:none;padding:0;margin:15px 0 0;}
  & .lfx-capability-detail li {font-size:9px;line-height:1.8;color:#d6c598;}
  & .lfx-capability-detail li+li::before {content:"";display:inline-block;width:3px;height:3px;border-radius:50%;background:#9ab3c2;margin-right:12px;vertical-align:middle;}
  & .lfx-connected-foot {display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;}
  & .lfx-connected-foot>span {font-size:9px;color:#8eabbf;}
  & #landingMotionToggle {display:flex;gap:6px;align-items:center;padding:8px;background:transparent;color:#adc2d1;border:1px solid #ffffff1c;border-radius:6px;box-shadow:none;font-size:9px;min-height:34px;}
  & #landingMotionToggle:hover {border-color:#ffffff50;color:white;}
  & #landingMotionToggle svg {width:11px;height:11px;color:inherit;}
  & #landingMotionToggle .lfx-motion-play {display:none;}
  & #landingMotionToggle:disabled {opacity:.8;cursor:default;}
  & .lfx-hero-footer {display:flex;align-items:center;gap:28px;border-top:1px solid #ffffff1b;padding-block:25px;color:#b4c9d8;}
  & .lfx-hero-footer>span {font-size:8px;letter-spacing:1.4px;color:#c4ae87;max-width:180px;line-height:1.7;}
  & .lfx-hero-footer p {font-size:15px;letter-spacing:-.2px;}
  & .lfx-hero-footer>svg {margin-left:auto;width:23px;height:23px;color:#a5bdce;}
  & :is(.lfx-workspace,.lfx-team) {padding-block:90px;scroll-margin-top:100px;}
  & .lfx-section-heading {display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:38px;}
  & .lfx-section-heading .lfx-eyebrow {margin-bottom:20px;}
  & main h2 {font-size:clamp(34px,3.4vw,49px);line-height:1.16;letter-spacing:-2px;}
  & main h2 em {color:#6d8290;}
  & .lfx-section-heading>p {max-width:340px;font-size:14px;line-height:1.8;color:#617686;margin-bottom:3px;}
  & .lfx-benefit-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px;}
  & .lfx-benefit-card {border:1px solid #dbe3e7;border-radius:14px;overflow:hidden;background:#fff;transition:border-color .25s,box-shadow .25s;}
  & .lfx-benefit-card:hover {border-color:#afc3d4;box-shadow:0 12px 30px #183c4c0c;}
  & .lfx-benefit-visual {display:flex;align-items:center;justify-content:center;gap:28px;padding:30px 18px;background:#eaf1fa;color:#28598b;border-bottom:1px solid #dce6ee;}
  & .lfx-benefit-visual>span {display:grid;justify-items:center;gap:12px;}
  & .lfx-benefit-visual>span>svg {width:32px;height:32px;stroke-width:1.4;}
  & .lfx-benefit-visual small {font-size:10px;}
  & .lfx-benefit-visual>svg {width:20px;height:20px;opacity:.5;}
  & .lfx-visual-gold {background:#f5efdf;color:#89703b;border-color:#e9dfca;}
  & .lfx-visual-green {background:#e9f3ee;color:#45745e;border-color:#d6e7de;}
  & .lfx-benefit-body {padding:26px 25px 25px;}
  & .lfx-benefit-kicker {font-size:8px;letter-spacing:1.2px;color:#637e92;font-weight:550;}
  & .lfx-benefit-body h3 {font-size:23px;line-height:1.28;letter-spacing:-.75px;margin:13px 0 14px;}
  & .lfx-benefit-body p {font-size:13px;line-height:1.8;color:#657c8d;min-height:70px;}
  & .lfx-benefit-body ul {list-style:none;margin:22px 0 0;padding:19px 0 0;border-top:1px solid #e3e9ed;display:grid;gap:11px;}
  & .lfx-benefit-body li {display:flex;gap:8px;font-size:11px;line-height:1.7;color:#39586e;align-items:flex-start;}
  & .lfx-benefit-body li svg {width:14px;height:14px;color:#4a846b;margin-top:2px;}
  & .lfx-workflow {background:#0d293d;color:#e6eef4;padding-block:78px;scroll-margin-top:78px;}
  & .lfx-workflow .lfx-eyebrow {color:#c9af80;}
  & .lfx-workflow h2 {color:#f6f7f3;}
  & .lfx-workflow h2 em {color:#e3ca9e;}
  & .lfx-workflow .lfx-section-heading>p {color:#aec2d0;}
  & .lfx-journey {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;list-style:none;padding:15px 0 0;margin:0;}
  & .lfx-journey li {display:grid;grid-template-columns:1fr auto;align-content:start;column-gap:12px;padding-top:22px;border-top:1px solid #486274;position:relative;}
  & .lfx-journey-number {font-size:12px;font-weight:550;color:#e9ce9f;line-height:25px;}
  & .lfx-journey li>svg {width:23px;height:23px;color:#9bb8cb;}
  & .lfx-journey h3 {font-size:19px;font-weight:550!important;line-height:1.4;letter-spacing:-.5px;margin:22px 0 11px;grid-column:1/-1;color:#f4f8fa;}
  & .lfx-journey p {font-size:12px;line-height:1.8;color:#b1c6d4;grid-column:1/-1;}
  & .lfx-workflow-bottom {display:flex;align-items:center;justify-content:space-between;gap:22px;padding-top:30px;margin-top:35px;border-top:1px solid #ffffff18;}
  & .lfx-workflow-bottom>span {display:flex;align-items:center;gap:10px;font-size:11px;color:#aec5d3;line-height:1.7;}
  & .lfx-workflow-bottom>span svg {width:15px;height:15px;color:#e5c99a;}
  & .lfx-workflow-bottom .lfx-text-link {color:#e6ce9f;font-size:11px;}
  & .lfx-role-grid {display:grid;grid-template-columns:1fr 1fr;gap:24px;}
  & .lfx-role-card {background:#fff;border:1px solid #dce5ec;border-radius:13px;padding:37px 40px 29px;transition:transform .35s var(--lfx-ease),box-shadow .35s,border-color .35s;}
  & .lfx-role-card:hover {transform:translateY(-5px);box-shadow:0 20px 40px #132c4310;border-color:#b2c9df;}
  & .lfx-role-heading {display:flex;align-items:center;gap:11px;margin-bottom:31px;}
  & .lfx-role-heading>span:first-child {display:grid;place-items:center;width:38px;height:38px;background:#ecf2fa;border:1px solid #dbe7f5;border-radius:10px;color:#3f6d9e;}
  & .lfx-role-heading small {font-size:8px;letter-spacing:1.4px;color:#627c91;font-weight:550;}
  & .lfx-role-number {margin-left:auto;font-size:35px;letter-spacing:-2px;font-weight:300;color:#bdccd6;}
  & .lfx-role-card h3 {font-size:31px;line-height:1.2;letter-spacing:-1.3px;margin-bottom:19px;}
  & .lfx-role-card>p {font-size:13px;line-height:1.85;color:#758998;max-width:355px;}
  & .lfx-role-card ul {list-style:none;padding:24px 0;margin:25px 0 13px;border-block:1px solid #e4eaf0;display:grid;gap:15px;}
  & .lfx-role-card li {display:flex;gap:10px;align-items:center;font-size:12px;color:#536f85;line-height:1.6;}
  & .lfx-role-card li svg {width:15px;height:15px;color:#5b937f;}
  & .lfx-role-card .lfx-text-link {color:#335d8d;}
  & .lfx-role-agency {background:#f1ede4;border-color:#e1dacb;}
  & .lfx-role-agency:hover {border-color:#c5b38e;}
  & .lfx-role-agency .lfx-role-heading>span:first-child {color:#8b6b35;background:#e8dfca;border-color:#dcd1b7;}
  & .lfx-role-agency .lfx-role-heading small {color:#8c744c;}
  & .lfx-role-agency .lfx-role-number {color:#c7bda9;}
  & .lfx-role-agency ul {border-color:#ded8ca;}
  & .lfx-role-note {text-align:center;color:#80909d;font-size:10px;line-height:1.7;margin-top:24px;}
  & .lfx-questions {display:grid;grid-template-columns:.85fr 1.15fr;gap:95px;padding-block:80px 100px;border-top:1px solid #dbe3e8;scroll-margin-top:100px;}
  & .lfx-questions .lfx-eyebrow {margin-bottom:22px;}
  & .lfx-questions h2 {font-size:42px;}
  & .lfx-faq-intro {font-size:13px;line-height:1.85;color:#748795;margin-top:20px;}
  & .lfx-faq-list details {border-bottom:1px solid #dbe3e8;}
  & .lfx-faq-list details:first-child {border-top:1px solid #dbe3e8;}
  & .lfx-faq-list summary {display:flex;justify-content:space-between;gap:25px;align-items:center;cursor:pointer;padding:24px 0;list-style:none;font-size:13px;font-weight:550;line-height:1.7;}
  & .lfx-faq-list summary::-webkit-details-marker {display:none;}
  & .lfx-faq-list summary svg {width:16px;height:16px;color:#8c9eab;transition:transform .25s var(--lfx-ease);}
  & .lfx-faq-list details[open] summary svg {transform:rotate(45deg);}
  & .lfx-faq-list details>div {padding:0 28px 24px 0;animation:lfx-panel-in .3s var(--lfx-ease);}
  & .lfx-faq-list p {font-size:12px;line-height:1.9;color:#6b8192;}
  & .lfx-faq-list button {display:flex;align-items:center;gap:9px;margin-top:13px;padding:9px 0;background:none;border:0;box-shadow:none;color:#3164ad;font-size:11px;font-weight:550;}
  & .lfx-faq-list button svg {width:14px;height:14px;}
  & .lfx-closing {background:#071b2b;padding-block:78px;overflow:hidden;color:#ecf1f5;}
  & .lfx-closing .lfx-wrap {display:flex;align-items:center;justify-content:space-between;gap:40px;position:relative;}
  & .lfx-closing .lfx-eyebrow {color:#b9a57e;margin-bottom:24px;}
  & .lfx-closing h2 {color:#f6f7f4;font-size:clamp(44px,4.5vw,66px);margin-bottom:32px;line-height:1.12;letter-spacing:-3px;}
  & .lfx-closing h2 em {color:var(--lfx-gold);}
  & .lfx-closing-brand {padding-right:50px;}
  & .lfx-closing-brand svg {width:185px;height:185px;stroke-width:.7;color:#d1b77d;opacity:.6;transform:rotate(-15deg);}
  & .lfx-footer {display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:32px;}
  & .lfx-footer .lf-wordmark {color:#17334b;font-size:21px;}
  & .lfx-footer .lf-brand-mark {color:#a88b50;}
  & .lfx-footer .lf-brand-mark svg {width:29px;height:29px;}
  & .lfx-footer p {font-size:10px;color:#7b8d9a;}
  & .lfx-footer>a:last-child {display:flex;align-items:center;gap:9px;font-size:10px;color:#5a778d;text-decoration:none;padding:10px 0;}
  & .lfx-footer>a:last-child svg {width:14px;height:14px;}
  /* Authentication fields keep the existing handlers, IDs and mode switching. */
  & .lfx-access-symbol {display:grid;place-items:center;float:right;width:44px;height:44px;border-radius:12px;border:1px solid #e2d3b5;color:#9c7c3d;background:#f9f4e9;margin:0 0 12px 14px;}
  & #lfLoginCredentials {clear:both;}
  & .lfx-access-symbol svg {width:28px;height:28px;}
  &:not(.invite-mode) #landingAccessPanel {width:440px;top:91px;right:max(24px,calc((100vw - 1280px)/2));max-height:calc(100dvh - 105px);border:1px solid #d4dfe6;border-radius:14px;background:#fff;box-shadow:0 30px 100px #04162666;animation:lfx-access-in .3s var(--lfx-ease) both;}
  &:not(.invite-mode) #landingAccessPanel .lf-access-panel-bar {padding:13px 18px 13px 30px;background:#f5f7f8;border-color:#e5ebef;color:#7b8c98;font:500 8px/1.5 Inter,sans-serif;letter-spacing:1.3px;}
  & #landingAccessClose {width:34px;height:34px;min-width:34px;padding:7px;border:1px solid #dfe7ed;border-radius:7px;background:#fff;color:#60798d;box-shadow:none;}
  & #landingAccessClose svg {width:16px;height:16px;}
  &:not(.invite-mode) #landingAccessPanel :is(#loginAccessCard,#forgotPasswordCard,#passwordResetCard) {padding:29px 32px!important;}
  &:not(.invite-mode) #landingAccessPanel #loginAccessCard>.lfx-access-eyebrow {font:550 8px/1.5 Inter,sans-serif!important;letter-spacing:1.4px;color:#9b8457!important;margin:0 0 10px!important;}
  &:not(.invite-mode) #landingAccessPanel .login-card:not(.invite-registration-card) :is(h1,h2,.login-signin-title) {font:600 32px/1.16 Inter,sans-serif!important;letter-spacing:-1.2px!important;margin-bottom:12px!important;}
  &:not(.invite-mode) #landingAccessPanel .login-card:not(.invite-registration-card)>p {font:400 12px/1.7 Inter,sans-serif!important;color:#6e8291!important;}
  &:not(.invite-mode) #landingAccessPanel .login-label {font:550 11px/1.5 Inter,sans-serif!important;margin-top:20px!important;}
  &:not(.invite-mode) #landingAccessPanel .login-input-wrap input {height:48px!important;border:1px solid #d4dfe7!important;border-radius:8px!important;background:#fafcfd!important;font:400 13px/1.5 Inter,sans-serif!important;transition:border-color .2s,box-shadow .2s;}
  &:not(.invite-mode) #landingAccessPanel input:focus {outline:0!important;border-color:#4280e4!important;box-shadow:0 0 0 1px #4280e4 inset!important;}
  &:not(.invite-mode) #landingAccessPanel .login-submit-button {background:#163a58!important;border-color:#163a58!important;border-radius:8px!important;min-height:48px!important;font:600 12px/1.5 Inter,sans-serif!important;box-shadow:0 5px 12px #102b4315!important;transition:background .2s;}
  &:not(.invite-mode) #landingAccessPanel .login-submit-button:hover {background:#245275!important;}
  &:not(.invite-mode) #landingAccessPanel :is(.forgot-password-button,.password-recovery-back) {color:#3d6b9d!important;}
  &:not(.invite-mode) #landingAccessPanel #loginAccessCard .login-admin-help {font:400 10px/1.8 Inter,sans-serif!important;margin-top:25px!important;}
  &:not(.invite-mode) #landingAccessPanel #loginAccessCard .login-admin-help span {color:#516e84!important;}
  &:not(.invite-mode) #landingAccessPanel :is(#loginError,.password-recovery-message).is-error,&:not(.invite-mode) #landingAccessPanel #loginError:not(:empty) {background:#fff3f3;padding:10px 12px!important;border-radius:6px;color:#a23042!important;}

  &.hidden * {animation-play-state:paused!important;}
  &.invite-mode #landingAccessPanel {animation:none;}
  &.lf-motion-ready .lf-reveal {transition:opacity .65s var(--lfx-ease),transform .65s var(--lfx-ease);transform:translateY(20px);}
  &.lf-motion-ready .lf-reveal.lf-in-view {transform:none;}
  &.lf-motion-ready .lfx-benefit-card:nth-child(2),&.lf-motion-ready .lfx-role-card:nth-child(2) {transition-delay:.06s;}
  &.lf-motion-ready .lfx-benefit-card:nth-child(3) {transition-delay:.12s;}
  & .lfx-closing p {color:#b2c8d6;font-size:15px;line-height:1.8;margin:-8px 0 27px;}
  & .lfx-role-card li {align-items:flex-start;}
  & .lfx-role-card li svg {margin-top:2px;}
}
@keyframes lfx-panel-in {from{opacity:0;transform:translateY(7px);}to{opacity:1;transform:none;}}
@keyframes lfx-access-in {from{opacity:0;transform:translateY(-7px) scale(.985);}to{opacity:1;transform:none;}}
@media(min-width:1600px) {#loginScreen.lf-landing.lf-experience {
  & .lfx-hero-grid {min-height:685px;gap:100px;}
}}
@media(max-width:1100px) {#loginScreen.lf-landing.lf-experience {
  & :is(.lfx-wrap,.lf-nav) {width:calc(100% - 64px);}
  & .lfx-hero-grid {gap:35px;padding-block:55px;}
  & .lfx-hero h1 {font-size:48px;}
  & .lfx-hero-description {font-size:14px;}
  & .lfx-connected {padding:20px;}
  & .lfx-connected-label {display:none;}
  & .lfx-capability {gap:9px;padding:11px 9px;}
  & .lfx-capability>span:nth-child(2) {font-size:11px;}
  & .lfx-capability-arrow {display:none;}
  & .lfx-capability-detail section {min-height:165px;}
  & .lfx-benefit-grid {gap:16px;}
  & .lfx-benefit-body {padding:24px 20px;}
  & .lfx-benefit-body h3 {font-size:21px;}
  & .lfx-benefit-body h3 br {display:none;}
  & .lfx-benefit-visual {gap:19px;}
  & .lfx-benefit-body p {min-height:94px;}
  & .lfx-journey {gap:22px;}
  & .lfx-journey h3 {font-size:17px;}
  & .lfx-role-card {padding:30px;}
  & .lfx-role-card h3 {font-size:28px;}
}}
@media(max-width:820px) {#loginScreen.lf-landing.lf-experience {
  & .lf-nav-links {gap:18px;margin-right:12px;}
  & .lf-nav-links a {font-size:10px;}
  & .lfx-hero-grid {grid-template-columns:1fr;gap:38px;padding-block:48px;}
  & .lfx-hero-copy {max-width:640px;}
  & .lfx-hero h1 {font-size:58px;}
  & .lfx-hero-description {max-width:550px;font-size:15px;}
  & .lfx-connected {max-width:620px;width:100%;justify-self:center;padding:25px;}
  & .lfx-capability {min-height:69px;padding-inline:15px;}
  & .lfx-capability>span:nth-child(2) {font-size:13px;max-width:none;}
  & .lfx-capability .lfx-capability-arrow {display:block;}
  & .lfx-capability-detail section {min-height:130px;}
  & .lfx-connected-label {display:block;}
  & .lfx-hero-footer {gap:20px;}
  & .lfx-hero-footer p {font-size:13px;}
  & .lfx-section-heading {flex-direction:column;align-items:flex-start;gap:22px;}
  & .lfx-section-heading>p {max-width:500px;}
  & main h2 {font-size:43px;}
  & :is(.lfx-workspace,.lfx-team) {padding-block:70px;}
  & .lfx-benefit-grid {grid-template-columns:1fr;}
  & .lfx-benefit-card {display:grid;grid-template-columns:180px 1fr;}
  & .lfx-benefit-visual {flex-direction:column;gap:20px;border-bottom:0;border-right:1px solid #dce6ee;}
  & .lfx-benefit-visual>svg {transform:rotate(90deg);}
  & .lfx-benefit-body {padding:27px;}
  & .lfx-benefit-body h3 {font-size:25px;}
  & .lfx-benefit-body p {min-height:0;}
  & .lfx-benefit-body ul {margin-top:19px;padding-top:16px;}
  & .lfx-workflow {padding-block:65px;}
  & .lfx-journey {grid-template-columns:1fr 1fr;gap:32px;}
  & .lfx-workflow-bottom {align-items:flex-start;flex-direction:column;gap:10px;}
  & .lfx-role-card {padding:27px;}
  & .lfx-role-card h3 {font-size:25px;}
  & .lfx-role-card li {font-size:11px;}
  & .lfx-questions {grid-template-columns:1fr;gap:35px;padding-block:65px;}
  & .lfx-closing-brand {padding:0;}
  & .lfx-closing-brand svg {width:115px;height:115px;}
  & .lfx-footer {flex-wrap:wrap;gap:15px;}
  & .lfx-footer p {order:3;width:100%;}
}}
@media(max-width:560px) {#loginScreen.lf-landing.lf-experience {
  & :is(.lfx-wrap,.lf-nav) {width:calc(100% - 40px);}
  & .lf-header,& .lf-nav {height:70px;}
  & .lf-wordmark {font-size:21px;gap:8px;}
  & .lf-brand-mark svg {width:29px;height:29px;}
  & .lf-nav-signin {min-height:42px;padding:10px 13px;gap:14px;font-size:12px;}
  & .lf-nav-links {display:none;}
  & .lfx-hero-grid {padding-block:38px 30px;gap:35px;}
  & .lfx-hero .lfx-eyebrow {font-size:8px;letter-spacing:.65px;gap:8px;}
  & .lfx-hero h1 {font-size:clamp(37px,10.7vw,55px);line-height:1.12;letter-spacing:-2px;margin:23px 0 22px;}
  & .lfx-hero-description {font-size:14px;line-height:1.8;}
  & .lfx-actions {gap:20px;margin-top:25px;}
  & .lfx-button {min-height:46px;padding:12px 15px;font-size:12px;gap:13px;}
  & .lfx-text-link {font-size:12px;gap:8px;}
  & .lfx-access-note {font-size:10px;margin-top:20px;gap:7px;}
  & .lfx-connected {padding:19px 16px 13px;border-radius:15px;}
  & .lfx-connected-heading {gap:10px;padding-bottom:18px;}
  & .lfx-connected-heading strong {font-size:18px;}
  & .lfx-connected-heading>div>span {font-size:7px;letter-spacing:1px;}
  & .lfx-connected-mark {width:37px;height:37px;border-radius:10px;}
  & .lfx-connected-mark svg {width:25px;height:25px;}
  & .lfx-connected-label {display:none;}
  & .lfx-capability-tabs {gap:8px;}
  & .lfx-capability {min-height:67px;gap:8px;padding:11px 8px;border-radius:8px;}
  & .lfx-capability>span:nth-child(2) {font-size:11px;}
  & .lfx-capability-icon {width:28px;height:30px;border-radius:7px;}
  & .lfx-capability-icon svg {width:17px;height:17px;}
  & .lfx-capability .lfx-capability-arrow {display:none;}
  & .lfx-capability-detail {margin-top:16px;padding-top:16px;}
  & .lfx-capability-detail section {min-height:158px;}
  & .lfx-capability-detail h2 {font-size:18px;}
  & .lfx-capability-detail p {font-size:12px;}
  & .lfx-capability-detail ul {gap:4px 8px;margin-top:12px;}
  & .lfx-capability-detail li {font-size:9px;}
  & .lfx-capability-detail li+li::before {margin-right:8px;}
  & .lfx-connected-foot {padding-top:12px;}
  & .lfx-connected-foot>span {font-size:8px;}
  & #landingMotionToggle {min-height:38px;font-size:9px;}
  & .lfx-hero-footer {display:block;padding-block:22px;}
  & .lfx-hero-footer>span {font-size:7px;max-width:none;letter-spacing:1px;}
  & .lfx-hero-footer p {margin-top:9px;font-size:13px;}
  & .lfx-hero-footer>svg {display:none;}
  & :is(.lfx-workspace,.lfx-team) {padding-block:54px;scroll-margin-top:90px;}
  & .lfx-eyebrow {font-size:8px;letter-spacing:1px;}
  & .lfx-section-heading {gap:19px;margin-bottom:28px;}
  & .lfx-section-heading .lfx-eyebrow {margin-bottom:16px;}
  & main h2 {font-size:34px;letter-spacing:-1.5px;}
  & .lfx-section-heading>p {font-size:13px;line-height:1.8;}
  & .lfx-benefit-card {display:block;}
  & .lfx-benefit-visual {flex-direction:row;gap:35px;padding:26px 20px;border-right:0;border-bottom:1px solid #dce6ee;}
  & .lfx-benefit-visual>svg {transform:none;}
  & .lfx-benefit-visual>span>svg {width:29px;height:29px;}
  & .lfx-benefit-body {padding:25px;}
  & .lfx-benefit-body h3 {font-size:25px;}
  & .lfx-benefit-body h3 br {display:none;}
  & .lfx-benefit-body p {font-size:13px;}
  & .lfx-benefit-body li {font-size:11px;}
  & .lfx-workflow {padding-block:53px;scroll-margin-top:70px;}
  & .lfx-journey {grid-template-columns:1fr;gap:27px;padding-top:0;}
  & .lfx-journey li {padding-top:20px;}
  & .lfx-journey h3 {font-size:21px;margin-top:15px;}
  & .lfx-journey p {font-size:13px;}
  & .lfx-workflow-bottom {margin-top:28px;padding-top:23px;}
  & .lfx-workflow-bottom>span {align-items:flex-start;font-size:11px;}
  & .lfx-role-grid {grid-template-columns:1fr;gap:18px;}
  & .lfx-role-card {padding:26px;}
  & .lfx-role-heading {margin-bottom:23px;}
  & .lfx-role-card h3 {font-size:28px;}
  & .lfx-role-card>p {font-size:13px;}
  & .lfx-role-card li {font-size:12px;}
  & .lfx-role-note {font-size:10px;text-align:left;}
  & .lfx-questions {padding-block:48px 58px;gap:27px;}
  & .lfx-questions h2 {font-size:34px;}
  & .lfx-faq-intro {font-size:12px;margin-top:16px;}
  & .lfx-faq-list summary {font-size:13px;gap:20px;padding-block:21px;}
  & .lfx-faq-list p {font-size:12px;}
  & .lfx-closing {padding-block:55px;}
  & .lfx-closing h2 {font-size:36px;letter-spacing:-1.7px;margin-bottom:27px;}
  & .lfx-closing p {font-size:13px;}
  & .lfx-closing-brand {display:none;}
  & .lfx-footer {padding-block:25px;}
  & .lfx-footer p {font-size:10px;}
  &:not(.invite-mode) #landingAccessPanel {top:81px;right:12px;width:calc(100% - 24px);max-width:none;max-height:calc(100dvh - 94px);border-radius:12px;}
  &:not(.invite-mode) #landingAccessPanel :is(#loginAccessCard,#forgotPasswordCard,#passwordResetCard) {padding:23px!important;}
  &:not(.invite-mode) #landingAccessPanel .login-card:not(.invite-registration-card) :is(h1,h2,.login-signin-title) {font-size:29px!important;}
  &:not(.invite-mode) #landingAccessPanel .login-input-wrap input {font-size:16px!important;}
  &:not(.invite-mode) #landingAccessPanel .login-label {margin-top:17px!important;}
  & .lfx-access-symbol {width:36px;height:36px;margin-left:8px;}
}}
@media(max-width:360px) {#loginScreen.lf-landing.lf-experience {
  & .lf-nav {gap:12px;}
  & .lf-wordmark {font-size:19px;}
  & .lfx-capability-detail section {min-height:180px;}
}}
@media(prefers-reduced-motion:reduce) {#loginScreen.lf-landing.lf-experience *,#loginScreen.lf-landing.lf-experience *::before,#loginScreen.lf-landing.lf-experience *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important;} }
/* Mobile task screens use the original inputs/actions; desktop is unchanged. */
.mobile-flow-header,.mobile-flow-steps,.mobile-flow-notice,.mobile-flow-back,.mobile-flow-next,
.mobile-share-review,.mobile-share-footer,.mobile-shared-tab-label,.mobile-dialer-navigation { display:none; }

@media(max-width:800px) {
}

@media(max-width:800px) and (prefers-reduced-motion:no-preference) {
  .crm-mobile-app :is([data-mobile-intake-step],.share-step,.mobile-share-review,.dialer-directory,.dialer-timeline-card,.dialer-insights) { animation:mobile-workspace-enter .18s ease-out; }
  .crm-mobile-app :is(.mobile-flow-step,.mobile-icon-button,.mobile-flow-next,.mobile-flow-back) { transition:background .16s ease,box-shadow .16s ease; }
  @keyframes mobile-workspace-enter { from { opacity:.5;transform:translateY(6px); } to { opacity:1;transform:translateY(0); } }
}
/* Shared workspace atmosphere and semantic colors. No layout or call behavior.
   Keep solid surfaces behind data; the quiet background belongs to the shell.
   Login artwork and the leaderboard's medal materials retain their own styling. */

/* Decorative backgrounds never intercept input or alter layout. The header
   and sidebar share the selected orbit artwork; data surfaces stay opaque.
   On phones, use a smaller crop instead of squeezing the arcs into tiny lines. */
@media (max-width:720px) {
}
.crm-number-total {
  font-variant-numeric: tabular-nums;
}
/* Call wrap-up uses the same surfaces in every CRM theme. */
@media(max-width:600px) {
}
/* Quick calling and the persistent call bar share the workspace theme.
   These styles do not change media, routing, or call-control ownership. */
@media(max-width:800px) {
}
/* A saved/AI-ready toast must never hide the hang-up control. */
@media(max-width:800px) {
}
@keyframes call-panel-enter { from { opacity:0;translate:0 -5px; } to { opacity:1;translate:0 0; } }
@keyframes call-sheet-enter { from { opacity:0;translate:0 14px; } to { opacity:1;translate:0 0; } }
@keyframes call-bar-enter { from { opacity:0;translate:0 8px; } to { opacity:1;translate:0 0; } }
@keyframes call-live-pulse { 50% { box-shadow:0 0 0 3px color-mix(in srgb,var(--call-green) 16%,transparent); } }
@media(prefers-reduced-motion:reduce) {
}
.call-block-settings .settings-panel-heading{justify-content:flex-start;gap:14px}
.call-block-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.call-block-fields label{display:flex;flex-direction:column;gap:8px;font-weight:600}
.call-block-fields input,.call-block-fields select{width:100%;min-height:42px}
.call-block-fields .intake-picker-trigger{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-width:0;min-height:42px;margin:0;padding:10px 12px;border:1px solid var(--crm-line);border-radius:8px;background:var(--crm-surface);color:var(--crm-text);box-shadow:none;font:inherit;font-size:14px;font-weight:400;text-align:left;cursor:pointer}
.call-block-fields .intake-picker-trigger:hover{border-color:var(--crm-accent);background:var(--crm-soft)}
.call-block-fields .intake-picker-trigger:focus-visible{outline:none;border-color:var(--crm-accent);box-shadow:inset 0 0 0 1px var(--crm-accent)}
.call-block-fields .intake-picker-icon-time{background-color:currentColor;background-image:none;mask:center/18px 18px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l4 2'/%3E%3C/svg%3E")}
.call-block-help{font-size:13px;line-height:1.6;color:var(--crm-muted);margin:14px 0}
.call-block-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;padding:0;list-style:none}
.call-block-preview li{display:flex;flex-direction:column;gap:6px;padding:14px;border:1px solid var(--crm-line);border-radius:10px;background:var(--crm-soft)}
.call-block-preview strong{font-size:14px;color:var(--crm-accent)}
.call-block-preview span{font-size:12px;white-space:nowrap}
.call-block-save{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px}
.call-block-save p{font-size:13px;margin:0}.call-block-save button{flex-shrink:0}
.configured-call-block-tabs{display:flex!important;flex-wrap:wrap;gap:6px}
.configured-call-block-tabs>button{min-height:40px;white-space:nowrap;flex:0 0 auto}
@media(max-width:640px){.call-block-fields{grid-template-columns:1fr 1fr;gap:12px}.call-block-fields label:first-child{grid-column:1/-1}.call-block-save{align-items:stretch;flex-direction:column}.configured-call-block-tabs{flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding-bottom:6px}}