:root {
  --bg: #f7f8fc;
  --panel: #ffffff;
  --panel-soft: #f8f9fd;
  --line: #e8ebf3;
  --line-strong: #dfe4f3;
  --text: #232b57;
  --muted: #7e86a4;
  --primary: #5965ff;
  --primary-deep: #25368f;
  --primary-soft: #eef1ff;
  --rose: #d64e67;
  --green: #1e8758;
  --amber: #a06c00;
  --red: #c6465d;
  --shadow: 0 18px 38px rgba(27, 39, 89, 0.06);
  --radius: 22px;
}
* { box-sizing: border-box; }
.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; }
html, body { margin: 0; padding: 0; background: var(--bg); color: var(--text); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; max-width: 100%; overflow-x: hidden; }
body { min-height: 100vh; }
button, input, select, textarea { font: inherit; }
a { color: inherit; text-decoration: none; }
#app { min-height: 100vh; max-width: 100%; overflow-x: hidden; }
.ui-icon, .spark-mark-svg { width: 18px; height: 18px; display: block; }
.spark-mark-svg { width: 24px; height: 24px; }
.portal-login-shell { min-height: 100vh; display: grid; grid-template-columns: 1.08fr 440px; background: linear-gradient(180deg,#fbfcff 0%, #f5f7fd 100%); }
.login-art { padding: 76px 88px; background: radial-gradient(circle at top left, #eef3ff 0, #f6f8fe 42%, #f1f4fb 100%); display: flex; flex-direction: column; justify-content: center; }
.star-mark { width: 56px; height: 56px; border-radius: 18px; background: #fff; color: var(--rose); display: inline-flex; align-items: center; justify-content: center; border: 1px solid #f0d8df; box-shadow: var(--shadow); }
.star-mark.small { width: 42px; height: 42px; border-radius: 14px; }
.login-art h1 { font-size: 62px; line-height: 0.96; color: var(--primary-deep); margin: 22px 0 14px; letter-spacing: -0.04em; }
.login-art p { max-width: 720px; color: var(--muted); font-size: 19px; line-height: 1.7; }
.login-bullets { margin-top: 28px; display: grid; gap: 14px; }
.login-card { padding: 46px 42px; background: #fff; border-left: 1px solid var(--line); display: flex; flex-direction: column; justify-content: center; gap: 18px; }
.login-head { display: flex; align-items: center; gap: 14px; }
.eyebrow { font-size: 12px; text-transform: uppercase; letter-spacing: 0.08em; color: var(--muted); font-weight: 700; }
.login-card h2 { margin: 6px 0 0; font-size: 29px; color: var(--primary-deep); letter-spacing: -0.02em; }
.portal-toggle { display: inline-grid; grid-template-columns: 1fr 1fr; gap: 6px; background: var(--primary-soft); padding: 6px; border-radius: 999px; }
.portal-btn { border: 0; background: transparent; border-radius: 999px; padding: 12px 16px; font-weight: 700; color: var(--primary-deep); cursor: pointer; }
.portal-btn.active { background: #fff; box-shadow: 0 8px 18px rgba(34,49,144,0.08); }
.field { display: grid; gap: 8px; }
.field label { font-size: 12px; font-weight: 700; color: var(--muted); text-transform: uppercase; letter-spacing: 0.06em; }
input, select, textarea { width: 100%; padding: 14px 16px; border-radius: 16px; border: 1px solid var(--line); background: #fff; color: var(--text); outline: none; }
input:focus, select:focus, textarea:focus { border-color: #a7b2ff; box-shadow: 0 0 0 4px rgba(79, 91, 255, 0.08); }
textarea { min-height: 92px; resize: vertical; }
.btn { border: 1px solid var(--line); background: #fff; color: var(--primary-deep); border-radius: 15px; padding: 12px 18px; font-weight: 700; cursor: pointer; }
.btn.primary { border-color: transparent; background: #5665ff; color: #fff; }
.btn.wide { width: 100%; }
.error-banner { background: #fff3f4; border: 1px solid #f0cad1; color: #a4364c; border-radius: 16px; padding: 14px 16px; }
.app-shell { min-height: 100vh; display: grid; grid-template-columns: 176px 1fr; }
.spark-sidebar { background: #fff; border-right: 1px solid var(--line); padding: 20px 12px 18px; display: flex; flex-direction: column; position: relative; }
.sidebar-top { display: grid; gap: 16px; padding: 0 8px 18px; }
.platform-label { font-size: 15px; font-weight: 700; color: #24326e; line-height: 1.18; max-width: 128px; letter-spacing: -0.02em; }
.brand-mark { width: 38px; height: 38px; display: inline-flex; align-items: center; justify-content: center; color: var(--rose); margin-left: 10px; }
.nav-list { display: grid; gap: 10px; justify-items: center; }
.nav-item, .settings-link, .ghost-link { border: 0; background: transparent; cursor: pointer; }
.nav-item, .settings-link { width: 100%; max-width: 152px; display: grid; justify-items: center; gap: 7px; padding: 14px 10px; border-radius: 22px; color: #5b668d; text-align: center; font-weight: 700; transition: background .16s ease, color .16s ease, transform .16s ease; }
.nav-item.active, .settings-link.active, .nav-item:hover, .settings-link:hover { background: #f2f4fa; color: var(--primary-deep); transform: translateY(-1px); }
.nav-icon { width: 24px; height: 24px; display: inline-flex; align-items: center; justify-content: center; color: currentColor; opacity: 0.96; }
.nav-label { line-height: 1.16; font-size: 13px; max-width: 100px; letter-spacing: -0.01em; }
.sidebar-footer { margin-top: auto; padding: 14px 8px 0; display: grid; gap: 10px; justify-items: center; }
.small-note { font-size: 11px; color: var(--muted); line-height: 1.5; text-align: center; max-width: 128px; }
.main-area { padding: 24px 34px 34px; }
.topbar { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 30px; }
.global-search-wrap { position: relative; width: 330px; }
.global-search { width: 100%; }
.search-shell { display: flex; align-items: center; gap: 10px; min-height: 58px; background: #fff; border: 1px solid var(--line-strong); border-radius: 18px; padding: 0 18px; box-shadow: 0 1px 0 rgba(30,43,95,0.02); }
.search-shell input { border: 0; box-shadow: none; padding: 0; background: transparent; }
.search-shell input:focus { box-shadow: none; }
.search-icon { color: #a0a8c4; display: inline-flex; align-items: center; justify-content: center; }
.search-popover { position: absolute; top: calc(100% + 10px); left: 0; right: 0; background: #fff; border: 1px solid var(--line); border-radius: 18px; box-shadow: var(--shadow); padding: 8px; display: grid; gap: 4px; z-index: 8; }
.search-hit { width: 100%; border: 0; background: transparent; border-radius: 14px; padding: 10px 12px; display: flex; align-items: center; gap: 10px; color: #45517a; font-weight: 700; text-align: left; }
.search-hit:hover { background: #f4f6fc; color: var(--primary-deep); }
.search-hit-icon { width: 18px; height: 18px; display: inline-flex; align-items: center; justify-content: center; }
.inner-search { min-height: 48px; border-radius: 14px; }
.topbar-actions { display: flex; align-items: center; gap: 12px; }
.icon-btn { width: 44px; height: 44px; border-radius: 14px; border: 1px solid var(--line); background: #fff; color: #3c477a; display: inline-flex; align-items: center; justify-content: center; }
.ghost-link { color: #58648d; font-weight: 700; padding: 10px 0 0; }
.view-chip, .updated-pill, .chip, .status { display: inline-flex; align-items: center; justify-content: center; padding: 10px 14px; border-radius: 999px; font-size: 13px; font-weight: 700; }
.view-chip { background: #fff; color: var(--primary-deep); border: 2px solid #26336e; padding-inline: 18px; }
.updated-pill, .chip.blue { background: #eff2fc; color: var(--primary-deep); }
.chip.neutral, .status.neutral { background: #f1f3f9; color: #59668f; }
.status.green, .chip.green { background: #ecfbf4; color: var(--green); }
.status.amber, .chip.amber { background: #fff8e8; color: var(--amber); }
.status.red, .chip.red { background: #fff2f4; color: var(--red); }
.page-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 18px; margin-bottom: 20px; }
.page-head h1 { margin: 0 0 4px; font-size: 74px; line-height: 0.96; letter-spacing: -0.058em; color: var(--primary-deep); font-weight: 800; }
.page-head p { margin: 0; color: var(--muted); max-width: 760px; line-height: 1.65; }
.page-tools { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.panel { background: var(--panel); border: 1px solid var(--line); border-radius: 20px; box-shadow: none; padding: 22px; }
.soft-panel { background: #fafbfe; }
.panel-title { font-size: 16px; font-weight: 800; color: #2c376d; display: flex; align-items: center; gap: 8px; }
.home-title .ui-icon { width: 16px; height: 16px; }
.panel-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.home-grid { display: grid; grid-template-columns: 410px 1fr; gap: 24px; margin-bottom: 24px; }
.home-card { min-height: 500px; }
.funnel-wrap { padding: 18px 0 2px; display: grid; justify-items: center; gap: 12px; }
.stage-row { display: flex; gap: 18px; }
.stage-box { min-width: 150px; background: linear-gradient(180deg, #6473ff 0%, #4b5df3 100%); color: #fff; border-radius: 16px; text-align: center; padding: 18px 18px; box-shadow: 0 10px 24px rgba(87,103,255,0.16); }
.stage-box strong { display: block; font-size: 44px; line-height: 1; font-weight: 800; }
.stage-box span { display: block; margin-top: 6px; font-weight: 700; font-size: 15px; }
.stage-box.top, .stage-box.bottom { min-width: 126px; }
.stage-connector { width: 2px; height: 26px; background: #c8cffd; border-radius: 999px; }
.stage-connector.down { height: 20px; }
.chart-panel { position: relative; }
.hint-dot { width: 24px; height: 24px; border-radius: 999px; background: #f2f4fb; color: var(--primary-deep); display: inline-flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; }
.simple-chart { position: relative; height: 320px; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); align-items: end; gap: 16px; padding: 26px 8px 8px; background-image: linear-gradient(to top, #e9edf6 1px, transparent 1px); background-size: 100% 52px; }
.month-col { display: grid; justify-items: center; align-items: end; gap: 4px; }
.bar { width: 22px; border-radius: 14px 14px 0 0; }
.bar.prior { background: #515361; }
.bar.current { background: #5a63ff; }
.month-col span { font-size: 12px; color: #616a91; font-weight: 700; letter-spacing: 0.02em; }
.chart-legend { display: flex; align-items: center; gap: 16px; margin-top: 14px; color: #616a91; font-size: 13px; font-weight: 700; }
.legend { width: 12px; height: 12px; border-radius: 999px; display: inline-block; margin-right: 6px; }
.legend.prior { background: #515361; }
.legend.current { background: #5a63ff; }
.legend-text { margin-left: auto; }
.summary-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-bottom: 24px; }
.summary-box { background: #fff; border: 1px solid var(--line); border-radius: 20px; padding: 0 20px 18px; overflow: hidden; }
.summary-heading { font-size: 16px; font-weight: 800; color: #343d72; margin: 0 -20px 14px; padding: 14px 18px; background: #f1f3f8; border-bottom: 1px solid var(--line); }
.metric-line { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
.metric-line:last-child { margin-bottom: 0; }
.metric-key { min-width: 54px; display: inline-flex; justify-content: center; padding: 8px 10px; border-radius: 10px; background: #3247c0; color: #fff; font-weight: 800; }
.metric-label { color: #414a79; font-weight: 600; }
.badge-row { display: flex; gap: 18px; flex-wrap: wrap; margin-bottom: 18px; }
.filters-panel { margin-bottom: 18px; }
.filters-grid { display: grid; grid-template-columns: 1.3fr 280px 1fr; gap: 14px; align-items: end; }
.compact-actions .button-row { display: flex; gap: 10px; flex-wrap: wrap; }
.table-panel { overflow: hidden; border-radius: 20px; }
.spark-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.spark-table th { text-align: left; color: #727a9e; font-size: 12px; letter-spacing: 0.02em; text-transform: none; padding: 14px 12px; border-bottom: 1px solid var(--line); font-weight: 700; }
.spark-table td { padding: 18px 12px; border-bottom: 1px solid var(--line); vertical-align: top; }
.spark-table tbody tr:hover { background: #fafbff; }
.spark-table.compact th, .spark-table.compact td { padding-top: 12px; padding-bottom: 12px; }
.contact-name { font-weight: 800; color: var(--primary-deep); line-height: 1.2; }
.cell-sub, .muted { color: var(--muted); font-size: 12px; margin-top: 4px; line-height: 1.5; }
.menu-dot { border: 0; background: transparent; color: #6c7498; font-size: 18px; }
.marketing-tabs { display: flex; gap: 10px; margin-bottom: 18px; }
.tab-btn { border: 0; background: #f3f5fb; color: #5f6896; padding: 12px 16px; border-radius: 999px; font-weight: 800; cursor: pointer; }
.tab-btn.active { background: #eef1ff; color: var(--primary-deep); }
.marketing-hero-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; margin-bottom: 22px; }
.brand-card, .business-card-preview { min-height: 250px; display: grid; place-items: center; }
.brand-preview-logo { width: 100%; max-width: 360px; min-height: 180px; border-radius: 18px; background: #fff; border: 1px solid var(--line); display: grid; place-items: center; color: #c44c5d; font-size: 44px; font-weight: 800; line-height: 1; text-align: center; }
.brand-preview-logo span { color: #c14c5a; }
.brand-preview-logo.small { min-height: 120px; max-width: 280px; font-size: 32px; }
.brand-preview-logo img { max-width: 100%; max-height: 100%; object-fit: contain; }
.business-card-inner { width: 100%; min-height: 180px; border-radius: 18px; border: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 24px 28px; }
.business-name { font-size: 34px; font-weight: 800; color: #b9485b; }
.contact-stack { display: grid; gap: 8px; margin-top: 12px; color: #5b668f; }
.avatar-circle { width: 58px; height: 58px; border-radius: 999px; background: linear-gradient(180deg, #6270ff 0%, #4456e8 100%); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-weight: 800; }
.avatar-circle.lg { width: 84px; height: 84px; font-size: 28px; }
.marketing-dual-grid, .two-panels, .owner-team-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.profile-inline { display: flex; align-items: center; gap: 16px; }
.profile-split { display: flex; align-items: center; gap: 18px; }
.logo-stack { display: flex; align-items: center; gap: 18px; }
.logo-swatch { width: 74px; height: 74px; border-radius: 16px; background: linear-gradient(180deg, #d65a6c 0%, #b83d55 100%); position: relative; }
.logo-swatch::before, .logo-swatch::after { content: ''; position: absolute; background: rgba(255,255,255,0.42); }
.logo-swatch::before { left: 34px; top: 8px; bottom: 8px; width: 6px; }
.logo-swatch::after { top: 34px; left: 8px; right: 8px; height: 6px; }
.text-btn, .text-link { border: 0; background: transparent; color: var(--primary); font-weight: 700; cursor: pointer; }
.inline-form { display: flex; gap: 12px; flex-wrap: wrap; margin: 14px 0 18px; }
.inline-form input, .inline-form select { flex: 1 1 180px; }
.program-grid, .material-grid { display: grid; gap: 16px; }
.program-grid { grid-template-columns: 1fr 1fr; }
.program-card, .material-card { border: 1px solid var(--line); border-radius: 16px; padding: 18px; background: #fff; }
.program-name, .material-name { font-weight: 800; color: #2f386d; margin-bottom: 8px; }
.material-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.material-icon { width: 42px; height: 42px; border-radius: 14px; background: #f2f5ff; color: var(--primary-deep); display: inline-flex; align-items: center; justify-content: center; margin-bottom: 12px; font-weight: 800; }
.check-list { display: grid; gap: 10px; color: #3e4a78; }
.space-top { margin-top: 22px; }
.help-footer { margin-top: 26px; padding: 16px 20px; background: #fff; border-radius: 18px; border: 1px solid var(--line); display: flex; justify-content: center; gap: 14px; align-items: center; color: var(--primary-deep); font-size: 18px; font-weight: 700; }
.telephony-form .settings-grid, .stack-form .settings-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.telephony-form label span, .stack-form label span { display: block; font-size: 12px; font-weight: 700; color: var(--muted); text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 8px; }
.check-row { display: flex; gap: 16px; flex-wrap: wrap; margin: 14px 0; color: #3d4675; }
.inline-check { display: flex; align-items: center; gap: 10px; margin: 10px 0 16px; font-weight: 700; color: #3d4675; }
.loading-bar { margin-bottom: 16px; padding: 12px 16px; border-radius: 14px; background: #eef3ff; color: var(--primary-deep); font-weight: 700; }
.owner-note-block { padding: 16px 18px; border-radius: 16px; background: #f7f8fc; color: #4e5884; line-height: 1.7; }
.control-row { display: flex; gap: 10px; }
.empty-state { padding: 24px; color: var(--muted); text-align: center; }
.search-field { gap: 6px; }
.home-card .panel-title { margin-bottom: 2px; }
.summary-box .metric-line:first-of-type { margin-top: 4px; }
.import-panel textarea { min-height: 220px; }
.stack-form textarea { min-height: 120px; }
@media (max-width: 1280px) {
  .page-head h1 { font-size: 54px; }
  .home-grid, .summary-row, .marketing-hero-grid, .marketing-dual-grid, .two-panels, .owner-team-grid, .program-grid { grid-template-columns: 1fr; }
  .material-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 980px) {
  .portal-login-shell { grid-template-columns: 1fr; }
  .app-shell { grid-template-columns: 1fr; }
  .spark-sidebar { position: sticky; top: 0; z-index: 3; border-right: 0; border-bottom: 1px solid var(--line); }
  .nav-list { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .nav-item, .settings-link { max-width: none; min-height: 88px; }
  .topbar, .page-head { flex-direction: column; align-items: flex-start; }
  .filters-grid { grid-template-columns: 1fr; }
  .material-grid { grid-template-columns: 1fr; }
  .global-search-wrap { width: 100%; }
}

.nav-item.active .nav-icon, .settings-link.active .nav-icon { color: var(--primary-deep); }
.spark-sidebar::after { content: ''; position: absolute; inset: 0; pointer-events: none; box-shadow: inset -1px 0 0 #eef1f7; }
.search-shell input { font-size: 17px; color: #3a467a; }
.page-head .updated-pill { font-size: 14px; padding: 12px 18px; }
.summary-heading { font-size: 15px; }
.home-card, .chart-panel { background: #fff; }
.simple-chart { border-top: 0; }
@media (max-width: 980px) { .spark-sidebar { padding-bottom: 12px; } }


/* Step 17 premium shell refinement */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

:root {
  --bg: #f5f7fb;
  --panel: #ffffff;
  --panel-soft: #f8f9fd;
  --line: #e7ebf4;
  --line-strong: #dde3f0;
  --text: #23316e;
  --muted: #7781a3;
  --primary: #5b67ff;
  --primary-deep: #23358a;
  --primary-soft: #eef2ff;
  --rose: #d95b78;
  --shadow: 0 10px 24px rgba(32, 46, 112, 0.04);
  --radius: 24px;
}

html, body {
  background: var(--bg);
  color: var(--text);
  font-family: 'Manrope', Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.app-shell {
  grid-template-columns: 206px 1fr;
  background: var(--bg);
}

.spark-sidebar {
  background: #fff;
  border-right: 1px solid var(--line);
  padding: 18px 10px 20px;
}

.sidebar-top {
  gap: 14px;
  padding: 2px 10px 18px;
}

.platform-label {
  font-size: 13px;
  line-height: 1.1;
  font-weight: 800;
  color: #243377;
  max-width: 132px;
}

.brand-mark {
  width: 34px;
  height: 34px;
  margin-left: 6px;
}

.nav-list {
  gap: 8px;
}

.nav-item, .settings-link {
  max-width: 138px;
  gap: 7px;
  padding: 13px 8px;
  border-radius: 22px;
  color: #5c6792;
  font-weight: 700;
}

.nav-item.active, .settings-link.active, .nav-item:hover, .settings-link:hover {
  background: #f2f4fa;
  color: var(--primary-deep);
  transform: none;
  box-shadow: none;
}

.nav-icon {
  width: 20px;
  height: 20px;
}

.nav-label {
  font-size: 13px;
  line-height: 1.15;
  max-width: 88px;
}

.sidebar-footer {
  padding-top: 16px;
}

.main-area {
  padding: 26px 34px 42px;
}

.topbar {
  align-items: center;
  margin-bottom: 28px;
}

.global-search-wrap {
  width: 392px;
}

.search-shell {
  min-height: 56px;
  padding: 0 18px;
  border-radius: 18px;
  border: 1px solid var(--line-strong);
  box-shadow: none;
}

.search-shell input {
  font-size: 16px;
  color: #42507a;
}

.search-icon {
  color: #a0a8c4;
}

.topbar-actions {
  gap: 10px;
}

.icon-btn {
  width: 46px;
  height: 46px;
  border-radius: 15px;
  border: 1px solid var(--line);
  color: #34427a;
}

.view-chip {
  padding: 11px 20px;
  border-radius: 999px;
  border-width: 2px;
  font-size: 13px;
  font-weight: 800;
}

.page-head {
  align-items: flex-start;
  margin-bottom: 26px;
}

.page-head h1 {
  font-size: clamp(56px, 5.8vw, 82px);
  line-height: 0.94;
  letter-spacing: -0.065em;
  font-weight: 800;
  max-width: 980px;
  margin: 0;
  color: var(--primary-deep);
}

.page-head p {
  color: var(--muted);
  font-size: 15px;
}

.updated-pill {
  background: #eef2fb;
  color: var(--primary-deep);
  padding: 12px 18px;
  font-size: 14px;
}

.panel, .summary-box, .table-panel, .help-footer {
  border-radius: 24px;
  border-color: var(--line);
  box-shadow: none;
}

.panel {
  padding: 24px;
}

.panel-title {
  font-size: 17px;
  font-weight: 800;
  color: #25367c;
  gap: 10px;
}

.home-grid {
  grid-template-columns: 470px 1fr;
  gap: 28px;
  margin-bottom: 28px;
}

.home-card {
  min-height: 458px;
}

.chart-panel {
  min-height: 458px;
}

.funnel-wrap {
  padding: 18px 0 6px;
  gap: 14px;
}

.stage-row {
  gap: 20px;
}

.stage-box {
  min-width: 178px;
  padding: 18px 14px;
  border-radius: 18px;
  background: linear-gradient(180deg, #6573ff 0%, #5362f5 100%);
  box-shadow: 0 10px 22px rgba(83, 98, 245, 0.12);
}

.stage-box.top, .stage-box.bottom {
  min-width: 142px;
}

.stage-box strong {
  font-size: 54px;
  font-weight: 800;
}

.stage-box span {
  margin-top: 6px;
  font-size: 16px;
  font-weight: 700;
}

.stage-connector {
  width: 2px;
  height: 28px;
  background: #cdd4fb;
}

.stage-connector.down {
  height: 22px;
}

.simple-chart {
  height: 320px;
  gap: 18px;
  padding: 28px 10px 10px;
  background-image: linear-gradient(to top, #eaedf5 1px, transparent 1px);
  background-size: 100% 62px;
}

.bar {
  width: 22px;
  border-radius: 14px 14px 0 0;
}

.bar.prior {
  background: #4e5260;
}

.bar.current {
  background: #5a67ff;
}

.month-col span {
  font-size: 12px;
  font-weight: 800;
  color: #677096;
}

.chart-legend {
  margin-top: 12px;
  color: #677096;
  font-size: 13px;
  font-weight: 700;
}

.hint-dot {
  width: 28px;
  height: 28px;
  background: #f2f4fb;
  color: #26357d;
}

.summary-row {
  gap: 24px;
  margin-bottom: 28px;
}

.summary-box {
  padding: 0 22px 20px;
}

.summary-heading {
  margin: 0 -22px 16px;
  padding: 16px 20px;
  background: #f4f6fb;
  border-bottom: 1px solid var(--line);
  font-size: 18px;
  font-weight: 800;
  color: #2d376d;
}

.metric-line {
  margin-bottom: 14px;
}

.metric-key {
  min-width: 50px;
  padding: 10px 10px;
  border-radius: 12px;
  background: #3348c2;
}

.metric-label {
  color: #424b78;
  font-size: 15px;
  font-weight: 700;
}

.filters-grid {
  grid-template-columns: 1.35fr 300px 1fr;
  gap: 16px;
}

.inner-search {
  min-height: 50px;
  border-radius: 15px;
}

.spark-table th {
  padding: 16px 14px;
  font-size: 12px;
  color: #7b84a6;
}

.spark-table td {
  padding: 18px 14px;
}

.spark-table tbody tr:hover {
  background: #fbfcff;
}

.contact-name {
  font-size: 15px;
  font-weight: 800;
  color: var(--primary-deep);
}

.marketing-tabs {
  gap: 10px;
  margin-bottom: 20px;
}

.tab-btn {
  padding: 12px 18px;
  border-radius: 999px;
  background: #f2f4fa;
  color: #5f6896;
  font-weight: 800;
}

.tab-btn.active {
  background: #eef2ff;
  color: var(--primary-deep);
}

.help-footer {
  margin-top: 28px;
  padding: 18px 22px;
  font-size: 17px;
  font-weight: 800;
}

@media (max-width: 1280px) {
  .home-grid {
    grid-template-columns: 1fr;
  }
  .home-card, .chart-panel {
    min-height: auto;
  }
}


/* Step 18 frontend-from-scratch shell */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

:root {
  --bg: #fafbfe;
  --panel: #ffffff;
  --panel-soft: #f6f7fb;
  --line: #e7ebf4;
  --text: #23367d;
  --muted: #7b84a7;
  --primary: #5a63ff;
  --primary-deep: #21348b;
  --primary-soft: #eff2ff;
  --shadow: 0 16px 34px rgba(26, 39, 98, 0.04);
  --radius: 22px;
}

html, body {
  font-family: 'Inter', Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background: var(--bg);
  color: var(--text);
}

body {
  min-height: 100vh;
}

.workspace-shell, .app-shell {
  display: grid;
  grid-template-columns: 176px 1fr;
  width: 100%;
  max-width: 100%;
  min-height: 100vh;
  background: var(--bg);
  overflow-x: hidden;
}

.spark-rail, .spark-sidebar {
  background: #fff;
  border-right: 1px solid var(--line);
  padding: 24px 12px 24px;
  position: relative;
}

.rail-head {
  padding: 4px 12px 10px;
}

.rail-user, .platform-label {
  font-size: 15px;
  line-height: 1.05;
  font-weight: 800;
  color: var(--text);
  letter-spacing: -0.02em;
}

.rail-sub {
  margin-top: 2px;
  font-size: 15px;
  line-height: 1.05;
  font-weight: 800;
  color: var(--text);
  letter-spacing: -0.02em;
}

.rail-mark, .brand-mark {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 10px 16px 18px;
  color: #d84f72;
}

.rail-mark .spark-mark-svg, .brand-mark .spark-mark-svg {
  width: 22px;
  height: 22px;
}

.rail-nav, .nav-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: center;
}

.rail-link, .nav-item, .settings-link {
  width: 132px;
  min-height: 78px;
  border: 0;
  background: transparent;
  border-radius: 22px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #566286;
  font-weight: 700;
  transition: background .18s ease, color .18s ease, transform .18s ease;
  cursor: pointer;
}

.rail-link:hover, .nav-item:hover, .settings-link:hover {
  background: #f7f8fc;
  color: var(--primary-deep);
}

.rail-link.active, .nav-item.active, .settings-link.active {
  background: #f2f4fa;
  color: var(--primary-deep);
}

.rail-link-icon, .nav-icon {
  width: 22px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.ui-icon {
  width: 20px;
  height: 20px;
}

.rail-link-text, .nav-label {
  font-size: 13px;
  line-height: 1;
  text-align: center;
}

.rail-company, .sidebar-footer, .small-note { display: none !important; }

.workspace-main, .main-area {
  padding: 26px 34px 38px;
  width: 100%;
  min-width: 0;
  max-width: 1600px;
  overflow-x: hidden;
}

.premium-topbar, .topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 28px;
}

.premium-search-wrap, .global-search-wrap {
  position: relative;
  width: 360px;
}

.premium-search-shell, .premium-search-shell.inner, .search-shell {
  height: 54px;
  border-radius: 18px;
  border: 1px solid #dce3ef;
  background: #fff;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 18px;
  box-shadow: none;
}

.premium-search-shell input, .search-shell input {
  border: 0;
  outline: none;
  width: 100%;
  background: transparent;
  color: #3a4774;
  font-size: 16px;
  font-weight: 500;
}

.search-icon {
  color: #8a94b5;
  display: inline-flex;
  align-items: center;
}

.premium-search-popover, .search-popover {
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  width: 100%;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 18px;
  box-shadow: var(--shadow);
  padding: 8px;
  z-index: 10;
}

.search-hit {
  width: 100%;
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 12px 14px;
  border: 0;
  background: transparent;
  border-radius: 12px;
  color: var(--text);
  font-weight: 600;
  text-align: left;
}
.search-hit:hover { background: #f7f9ff; }
.search-hit-icon { color: #7482b1; display: inline-flex; }

.premium-top-actions, .topbar-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.mode-pill, .view-chip {
  height: 50px;
  padding: 0 26px;
  border-radius: 999px;
  border: 2px solid var(--primary-deep);
  background: #fff;
  color: var(--primary-deep);
  font-weight: 700;
}

.top-icon-btn, .icon-btn {
  width: 50px;
  height: 50px;
  border-radius: 16px;
  border: 1px solid var(--line);
  background: #fff;
  color: #5b678f;
  box-shadow: none;
}
.top-icon-btn:hover, .icon-btn:hover { background: #f7f8fc; color: var(--primary-deep); }

.top-exit, .ghost-link {
  border: 0;
  background: transparent;
  color: var(--text);
  font-size: 16px;
  font-weight: 700;
}

.page-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 22px;
  margin-bottom: 24px;
}
.page-head h1 {
  margin: 0;
  color: var(--primary-deep);
  font-size: clamp(44px, 5vw, 78px);
  line-height: .97;
  letter-spacing: -0.055em;
  font-weight: 900;
}
.page-head p {
  margin: 8px 0 0;
  color: var(--muted);
  font-size: 14px;
}

.home-head { margin-bottom: 28px; }
.page-head-copy { display: grid; gap: 0; }
.page-tools { display: flex; align-items: flex-start; }
.updated-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 22px;
  border-radius: 999px;
  background: var(--primary-soft);
  color: var(--primary-deep);
  font-weight: 700;
  font-size: 14px;
}

.home-grid, .premium-home-grid {
  display: grid;
  grid-template-columns: 32% 1fr;
  gap: 24px;
  margin-bottom: 24px;
}

.panel, .home-card, .chart-panel, .summary-box, .summary-box.premium-summary-box {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 24px;
  box-shadow: none;
}

.panel {
  padding: 24px 26px;
}

.panel-head-tight { margin-bottom: 16px; }
.panel-title, .compact-title {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 18px;
  line-height: 1;
  font-weight: 800;
  color: #2c3e85;
}

.flow-panel { padding-top: 28px; }
.spark-flow {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 18px 0 6px;
}
.flow-row {
  display: flex;
  gap: 18px;
  align-items: center;
}
.flow-stage {
  width: 164px;
  height: 122px;
  border-radius: 22px;
  background: linear-gradient(180deg, #6671ff 0%, #5461f6 100%);
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0 12px 26px rgba(84, 97, 246, 0.18);
}
.flow-stage strong {
  font-size: 56px;
  line-height: .9;
  font-weight: 800;
  letter-spacing: -0.05em;
}
.flow-stage span {
  margin-top: 10px;
  font-size: 16px;
  font-weight: 700;
}
.flow-stage-top, .flow-stage-bottom { width: 148px; height: 122px; }
.flow-connector.vertical {
  width: 2px;
  height: 30px;
  background: #cfd7ee;
  border-radius: 999px;
}
.flow-connector.short { height: 26px; }

.yoy-panel { padding-top: 24px; }
.spark-yoy {
  padding-top: 6px;
}
.spark-yoy-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  align-items: end;
  gap: 18px;
  min-height: 356px;
  padding: 26px 8px 8px;
  background-image: repeating-linear-gradient(to bottom, #ecf0f7 0, #ecf0f7 1px, transparent 1px, transparent 62px);
}
.yoy-month {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}
.yoy-bars {
  display: flex;
  align-items: flex-end;
  gap: 4px;
  min-height: 120px;
}
.yoy-bar {
  width: 18px;
  border-radius: 14px 14px 0 0;
}
.yoy-bar.prior { background: #4a4e60; }
.yoy-bar.current { background: #5a63ff; }
.yoy-month span {
  font-size: 12px;
  font-weight: 700;
  color: #667198;
}
.yoy-legend {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 16px;
  color: #667198;
  font-size: 13px;
  font-weight: 700;
}
.legend-dot {
  width: 12px;
  height: 12px;
  border-radius: 999px;
  display: inline-block;
  margin-right: 6px;
}
.legend-dot.prior { background: #4a4e60; }
.legend-dot.current { background: #5a63ff; }
.legend-caption { margin-left: auto; }
.hint-dot {
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: #f4f6fb;
  color: #677399;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 800;
}

.summary-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}
.summary-box {
  overflow: hidden;
  padding: 0 22px 18px;
}
.summary-heading {
  margin: 0 -22px 14px;
  padding: 14px 18px;
  background: #f4f6fa;
  border-bottom: 1px solid var(--line);
  color: #33437f;
  font-size: 18px;
  font-weight: 800;
}
.metric-line {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}
.metric-key {
  min-width: 54px;
  padding: 9px 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: #3249c7;
  color: #fff;
  font-size: 16px;
  font-weight: 800;
}
.metric-label { color: #46527d; font-weight: 600; }

.contact-kpis, .badge-row {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 16px;
}
.chip {
  padding: 8px 12px;
  border-radius: 999px;
  background: #f3f5fb;
  color: #54638d;
  font-size: 13px;
  font-weight: 700;
}
.chip.blue { background: transparent; color: #6775a0; padding-left: 0; }

.contacts-control-panel { padding: 18px 18px 14px; margin-bottom: 16px; }
.contacts-control-grid {
  display: grid;
  grid-template-columns: 1.35fr 250px 180px 280px;
  gap: 14px;
  align-items: end;
}
.field label {
  display: block;
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: 700;
  color: #7a84a8;
}
.field input, .field select, .field textarea {
  width: 100%;
  height: 50px;
  border-radius: 14px;
  border: 1px solid #dbe2ef;
  background: #fff;
  padding: 0 14px;
  font-size: 15px;
  color: #33437b;
}
.field textarea { min-height: 120px; padding-top: 12px; }
.split-btn-group { display: flex; gap: 0; }
.split-main, .split-toggle { height: 50px; border-radius: 14px; }
.split-main { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.split-toggle { width: 44px; border-top-left-radius: 0; border-bottom-left-radius: 0; }
.contacts-control-meta {
  margin-top: 14px;
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  color: #7a84a8;
  font-size: 13px;
  font-weight: 700;
}
.ghost-link.tiny { font-size: 13px; }
.add-contact-btn {
  height: 48px;
  padding: 0 22px;
  border-radius: 999px;
  background: #5a63ff;
  color: #fff;
  font-weight: 700;
}

.premium-table-wrap { overflow: hidden; }
.spark-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.spark-table thead th {
  text-align: left;
  padding: 16px 14px;
  font-size: 12px;
  font-weight: 700;
  color: #727b9d;
  border-bottom: 1px solid var(--line);
}
.spark-table td {
  padding: 18px 14px;
  border-bottom: 1px solid #eef2f8;
  color: #3c4771;
  vertical-align: top;
}
.spark-table tbody tr:hover { background: #fbfcff; }
.contact-primary {
  font-weight: 800;
  color: var(--primary-deep);
}
.row-arrow { color: #6b78a2; }
.cell-sub { margin-top: 4px; font-size: 12px; color: #8088ab; }
.menu-dot {
  border: 0;
  background: transparent;
  color: #7b84a7;
  font-size: 20px;
}
.status {
  display: inline-flex;
  align-items: center;
  padding: 8px 14px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
  background: #f2f4f8;
  color: #4d5983;
}
.status.green { background: #edf8ef; color: #2b7d3b; }
.status.amber { background: #fff6e8; color: #9c6a13; }
.status.red { background: #fdeef0; color: #b74056; }
.status.neutral { background: #f3f5fa; color: #56627f; }

.btn {
  height: 46px;
  border-radius: 14px;
  border: 1px solid #dde3ef;
  background: #fff;
  padding: 0 16px;
  font-weight: 700;
  color: #344179;
}
.btn.primary {
  background: #5a63ff;
  border-color: #5a63ff;
  color: #fff;
}

.loading-bar, .error-banner {
  margin-bottom: 16px;
  padding: 12px 16px;
  border-radius: 16px;
}
.loading-bar { background: #eef2ff; color: #2f418d; font-weight: 700; }
.error-banner { background: #fff0f2; color: #b24055; font-weight: 700; }

.help-footer {
  margin-top: 24px;
  padding: 14px 18px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  color: var(--primary-deep);
  font-size: 16px;
  font-weight: 700;
}
.help-footer select { height: 44px; border-radius: 14px; border: 1px solid #dde3ef; padding: 0 14px; }

.login-shell-premium {
  min-height: 100vh;
  display: grid;
  grid-template-columns: 1.15fr .95fr;
  background: linear-gradient(135deg, #f9fbff 0%, #f2f6ff 100%);
}
.login-story {
  padding: 72px 64px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.story-mark { width: 44px; height: 44px; color: #d95273; display: inline-flex; }
.story-mark.small { width: 32px; height: 32px; }
.story-kicker { margin-top: 16px; color: #5f6a95; font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: .12em; }
.login-story h1 { margin: 16px 0 12px; max-width: 660px; font-size: 54px; line-height: 1.03; letter-spacing: -.05em; color: var(--primary-deep); }
.login-story p { max-width: 640px; color: #5d6790; font-size: 18px; line-height: 1.7; }
.story-list { display: grid; gap: 14px; margin-top: 28px; color: #4d5883; }
.login-card-premium {
  align-self: center;
  justify-self: center;
  width: min(440px, calc(100% - 40px));
  padding: 28px;
  border-radius: 28px;
  border: 1px solid var(--line);
  background: #fff;
  box-shadow: var(--shadow);
}
.login-card-head { display: flex; gap: 14px; align-items: center; margin-bottom: 18px; }
.login-card-head h2 { margin: 4px 0 0; font-size: 26px; color: var(--primary-deep); }
.portal-toggle.premium-toggle { display: flex; gap: 8px; padding: 6px; border-radius: 18px; background: #f4f6fb; margin-bottom: 18px; }
.portal-btn { flex: 1; height: 44px; border: 0; border-radius: 14px; background: transparent; color: #687298; font-weight: 700; }
.portal-btn.active { background: #fff; color: var(--primary-deep); box-shadow: 0 1px 2px rgba(38, 46, 90, 0.08); }

@media (max-width: 1360px) {
  .page-head h1 { font-size: clamp(42px, 4.8vw, 70px); }
  .home-grid { grid-template-columns: 1fr; }
}
@media (max-width: 1100px) {
  .workspace-shell, .app-shell { grid-template-columns: 1fr; }
  .spark-rail, .spark-sidebar { border-right: 0; border-bottom: 1px solid var(--line); }
  .rail-nav, .nav-list { flex-direction: row; flex-wrap: wrap; justify-content: center; }
  .premium-topbar, .topbar, .page-head, .contacts-control-grid, .summary-row { grid-template-columns: 1fr; flex-direction: column; align-items: flex-start; }
  .contacts-control-grid { display: grid; }
  .premium-search-wrap, .global-search-wrap { width: 100%; }
  .login-shell-premium { grid-template-columns: 1fr; }
}


/* Screenshot-accurate Spark Advisors style refresh */
:root {
  --shot-page: #ffffff;
  --shot-sidebar: #f7f7f8;
  --shot-line: #d7d9df;
  --shot-nav: #6f6f75;
  --shot-heading: #182d7a;
  --shot-blue: #5368e9;
  --shot-grey: #7a7a7a;
}

html, body {
  background: var(--shot-page);
}

.workspace-shell,
.app-shell {
  grid-template-columns: 190px 1fr;
  background: var(--shot-page);
}

.spark-rail,
.spark-sidebar,
.spark-shot-rail {
  background: var(--shot-sidebar);
  border-right: 0;
  padding: 18px 8px 18px 18px;
  display: flex;
  flex-direction: column;
  min-width: 190px;
}

.spark-shot-rail-head {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 2px 4px 14px 2px;
}

.rail-head-avatar {
  width: 28px;
  height: 28px;
  border: 1.5px solid #8a8a90;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #6f6f75;
  flex: 0 0 auto;
}

.rail-head-avatar .ui-icon {
  width: 16px;
  height: 16px;
}

.rail-head-copy {
  color: #4f4f55;
  font-size: 13px;
  line-height: 1.15;
  font-weight: 600;
}

.spark-shot-mark,
.rail-mark {
  padding: 8px 0 18px 28px;
  color: #d04b62;
}

.spark-shot-mark .spark-mark-svg,
.rail-mark .spark-mark-svg {
  width: 28px;
  height: 28px;
}

.spark-shot-nav,
.rail-nav {
  gap: 4px;
  align-items: stretch;
}

.rail-link,
.nav-item,
.settings-link {
  width: 142px;
  min-height: 48px;
  align-self: flex-start;
  padding: 8px 10px;
  border-radius: 999px;
  display: grid;
  grid-template-columns: 22px 1fr;
  gap: 12px;
  align-items: center;
  justify-content: flex-start;
  color: var(--shot-nav);
  text-align: left;
}

.rail-link:hover,
.nav-item:hover,
.settings-link:hover {
  background: #efeff1;
  color: #4f4f55;
}

.rail-link.active,
.nav-item.active,
.settings-link.active {
  background: #efeff1;
  color: var(--shot-heading);
}

.rail-link-icon,
.nav-icon {
  width: 22px;
  height: 22px;
}

.rail-link-text,
.nav-label {
  font-size: 12px;
  line-height: 1.15;
  font-weight: 600;
  max-width: none;
}

.rail-bottom-link {
  margin-top: auto;
  padding-top: 18px;
}

.workspace-main,
.main-area {
  position: relative;
  max-width: none;
  background: #fff;
  padding: 26px 28px 32px;
}

.spark-shot-topbar,
.premium-topbar,
.topbar {
  align-items: flex-start;
  margin-bottom: 20px;
}

.spark-shot-search-wrap,
.premium-search-wrap,
.global-search-wrap {
  width: 248px;
}

.spark-shot-search-shell,
.premium-search-shell,
.search-shell {
  height: 46px;
  border-radius: 4px;
  border: 1px solid #c6c8ce;
  padding: 0 14px;
  gap: 10px;
  box-shadow: none;
}

.spark-shot-search-shell input,
.premium-search-shell input,
.search-shell input {
  font-size: 14px;
  color: #707179;
  font-weight: 500;
}

.search-icon {
  color: #8b8c93;
}

.spark-shot-topbar-right {
  margin-left: auto;
  display: grid;
  justify-items: end;
  gap: 16px;
}

.spark-shot-meta-row {
  display: flex;
  align-items: center;
  gap: 18px;
}

.top-link-action {
  border: 0;
  background: transparent;
  padding: 0;
  color: #5d5f66;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.spark-shot-tools-row {
  display: flex;
  align-items: center;
  gap: 14px;
}

.spark-shot-icon-strip {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-top: 0;
}

.shot-icon-btn,
.top-icon-btn,
.icon-btn {
  width: 24px;
  height: 24px;
  border: 0;
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: #7a7c84;
}

.shot-icon-btn:hover,
.top-icon-btn:hover,
.icon-btn:hover {
  background: transparent;
  color: var(--shot-heading);
}

.shot-icon-btn.accent,
.top-icon-btn.accent {
  color: #6774e7;
}

.shot-icon-btn .ui-icon,
.top-icon-btn .ui-icon,
.icon-btn .ui-icon {
  width: 22px;
  height: 22px;
}

.page-head,
.home-head {
  align-items: center;
  margin-bottom: 20px;
}

.page-head h1 {
  color: var(--shot-heading);
  font-size: clamp(46px, 4.8vw, 68px);
  line-height: .94;
  font-weight: 800;
  letter-spacing: -0.055em;
}

.updated-meta {
  color: #66686f;
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
  padding-top: 8px;
}

.page-tools {
  align-self: flex-start;
  padding-top: 18px;
}

.spark-shot-home-grid,
.home-grid,
.premium-home-grid {
  grid-template-columns: 34% 1fr;
  gap: 28px;
  margin-bottom: 28px;
}

.spark-shot-flow-panel,
.spark-shot-yoy-panel,
.flow-panel,
.yoy-panel {
  background: transparent;
  border: 0;
  padding: 0;
}

.compact-title,
.panel-title {
  gap: 8px;
  color: #2d2f34;
  font-size: 16px;
  font-weight: 700;
}

.compact-title .ui-icon,
.panel-title .ui-icon {
  width: 19px;
  height: 19px;
}

.spark-shot-flow,
.spark-flow {
  padding-top: 22px;
}

.spark-shot-flow .flow-stage,
.flow-stage {
  width: 132px;
  height: 54px;
  border-radius: 3px;
  background: var(--shot-blue);
  box-shadow: none;
}

.spark-shot-flow .flow-stage strong,
.flow-stage strong {
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
}

.spark-shot-flow .flow-stage span,
.flow-stage span {
  margin-top: 4px;
  font-size: 12px;
  font-weight: 600;
}

.spark-shot-flow .flow-stage-top,
.spark-shot-flow .flow-stage-bottom,
.flow-stage-top,
.flow-stage-bottom {
  width: 78px;
  height: 54px;
}

.spark-shot-flow .flow-row,
.flow-row {
  gap: 12px;
}

.spark-shot-flow .flow-branch {
  position: relative;
  width: 188px;
  height: 26px;
  margin: 8px auto 10px;
}

.spark-shot-flow .flow-branch::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 11px;
  width: 2px;
  background: #6c79e0;
  transform: translateX(-50%);
}

.spark-shot-flow .flow-branch::after {
  content: '';
  position: absolute;
  left: 34px;
  right: 34px;
  bottom: 11px;
  height: 2px;
  background: #6c79e0;
}

.spark-shot-flow .flow-merge {
  position: relative;
  width: 2px;
  height: 28px;
  margin: 10px auto 8px;
  background: #6c79e0;
}

.spark-shot-flow .flow-merge::before,
.spark-shot-flow .flow-merge::after {
  content: '';
  position: absolute;
  left: 50%;
  width: 8px;
  height: 8px;
  border-right: 2px solid #6c79e0;
  border-bottom: 2px solid #6c79e0;
  transform: translateX(-50%) rotate(45deg);
}

.spark-shot-flow .flow-merge::before {
  top: -8px;
}

.spark-shot-flow .flow-merge::after {
  bottom: -2px;
}

.spark-shot-yoy,
.spark-yoy {
  padding-top: 10px;
}

.spark-yoy-chart {
  display: grid;
  grid-template-columns: 34px 1fr;
  gap: 12px;
}

.yoy-axis {
  display: grid;
  grid-template-rows: repeat(8, 1fr);
  align-items: end;
  min-height: 326px;
  padding-bottom: 24px;
  color: #66686f;
  font-size: 11px;
  font-weight: 600;
}

.yoy-axis span {
  transform: translateY(7px);
}

.yoy-plot {
  min-height: 326px;
  padding: 10px 0 24px;
  background-image:
    linear-gradient(to right, #efeff2 1px, transparent 1px),
    repeating-linear-gradient(to bottom, #ececef 0, #ececef 1px, transparent 1px, transparent 44px);
  background-size: 100% 100%, 100% 44px;
  background-position: left top, left 10px;
}

.spark-shot-yoy .spark-yoy-grid,
.spark-yoy-grid {
  min-height: 292px;
  padding: 0 2px 0 4px;
  gap: 12px;
  background: transparent;
}

.spark-shot-yoy .yoy-month,
.yoy-month {
  gap: 9px;
}

.spark-shot-yoy .yoy-bars,
.yoy-bars {
  gap: 6px;
  min-height: 232px;
  align-items: flex-end;
}

.yoy-stack {
  width: 24px;
  display: flex;
  flex-direction: column-reverse;
  align-self: flex-end;
}

.yoy-stack.empty {
  opacity: 0;
}

.yoy-seg {
  display: block;
  width: 100%;
}

.prior-main {
  background: #9d9da1;
}

.prior-pdp {
  background: #4f5055;
}

.current-main {
  background: #6d7ced;
}

.current-pdp {
  background: #2f41c8;
}

.spark-shot-yoy .yoy-month span,
.yoy-month span {
  font-size: 11px;
  font-weight: 600;
  color: #4f4f55;
}

.spark-shot-yoy-legend,
.yoy-legend {
  margin-top: 14px;
  gap: 15px;
  font-size: 11px;
  color: #4f4f55;
  font-weight: 600;
}

.legend-label {
  font-weight: 700;
}

.legend-dot {
  width: 12px;
  height: 12px;
  border-radius: 2px;
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
}

.legend-dot.prior {
  background: #9d9da1;
}

.legend-dot.current {
  background: #6d7ced;
}

.legend-spacer {
  margin-left: auto;
}

.legend-square {
  width: 10px;
  height: 10px;
  display: inline-block;
  margin-right: 2px;
  vertical-align: middle;
}

.legend-square.prior {
  background: #4f5055;
}

.legend-square.current {
  background: #2f41c8;
}

.legend-pdp {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.shot-info-dot,
.hint-dot {
  width: 15px;
  height: 15px;
  font-size: 10px;
  border-radius: 3px;
  background: #f6f7ff;
  color: #6f7ab2;
  border: 1px solid #9fa9ef;
}

.spark-shot-summary-row,
.summary-row {
  gap: 34px;
}

.spark-shot-summary,
.summary-box {
  border: 0;
  border-radius: 0;
  background: transparent;
  padding: 0;
  box-shadow: none;
}

.spark-shot-summary-heading,
.summary-heading {
  margin: 0 0 8px;
  padding: 12px 10px;
  border: 0;
  background: #f2f2f3;
  color: #2d2f34;
  font-size: 17px;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 10px;
}

.summary-head-icon {
  color: #2d2f34;
}

.summary-head-icon.ui-icon {
  width: 20px;
  height: 20px;
}

.spark-shot-summary-body {
  padding: 2px 10px 0;
}

.spark-shot-summary .metric-line,
.summary-box .metric-line {
  gap: 12px;
  margin-bottom: 10px;
}

.spark-shot-summary .metric-key,
.summary-box .metric-key {
  min-width: 46px;
  padding: 7px 8px;
  border-radius: 0;
  background: #243a96;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.spark-shot-summary .metric-key.light,
.summary-box .metric-key.light {
  background: #f4f4f4;
  color: #3d3d41;
}

.spark-shot-summary .metric-key.icon-box,
.summary-box .metric-key.icon-box {
  padding: 6px 8px;
}

.metric-inline-icon {
  width: 20px;
  height: 20px;
}

.spark-shot-summary .metric-label,
.summary-box .metric-label {
  color: #2d2f34;
  font-size: 14px;
  font-weight: 500;
}

.floating-orb {
  position: fixed;
  right: 22px;
  bottom: 18px;
  width: 52px;
  height: 52px;
  border: 0;
  border-radius: 999px;
  background: #243a96;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 24px rgba(31, 54, 140, 0.18);
}

.floating-orb .spark-mark-svg {
  width: 20px;
  height: 20px;
}

.help-footer {
  display: none !important;
}

.panel,
.table-panel,
.contacts-control-panel,
.program-card,
.material-card,
.login-card-premium {
  box-shadow: none;
}

@media (max-width: 1200px) {
  .spark-shot-topbar,
  .premium-topbar,
  .topbar,
  .page-head,
  .home-head {
    flex-direction: column;
    align-items: flex-start;
  }

  .spark-shot-topbar-right {
    margin-left: 0;
    justify-items: start;
  }

  .spark-shot-home-grid,
  .home-grid,
  .premium-home-grid,
  .summary-row {
    grid-template-columns: 1fr;
  }
}

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

  .spark-shot-rail,
  .spark-rail,
  .spark-sidebar {
    min-width: 0;
    border-bottom: 1px solid #ececef;
  }

  .spark-shot-nav,
  .rail-nav {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .rail-link,
  .nav-item,
  .settings-link {
    width: auto;
    min-width: 140px;
  }

  .spark-shot-tools-row {
    flex-direction: column;
    align-items: flex-start;
  }
}


/* v4 screenshot-identical pass */
.workspace-shell,
.app-shell {
  grid-template-columns: 188px 1fr;
  background: #ffffff;
}

.spark-rail,
.spark-sidebar,
.spark-shot-rail {
  min-width: 188px;
  background: #f7f7f8;
  border-right: 0;
  padding: 18px 8px 14px 16px;
}

.spark-shot-rail-head {
  gap: 10px;
  padding: 2px 4px 12px 2px;
}

.rail-head-avatar {
  width: 31px;
  height: 31px;
  border: 1.4px solid #8c8e95;
  color: #6f7178;
}

.rail-head-avatar .ui-icon {
  width: 16px;
  height: 16px;
}

.rail-head-copy {
  max-width: 114px;
  color: #4f4f55;
  font-size: 13px;
  line-height: 1.14;
  font-weight: 600;
}

.spark-shot-mark,
.rail-mark {
  padding: 11px 0 19px 31px;
}

.spark-shot-mark .spark-mark-svg,
.rail-mark .spark-mark-svg {
  width: 27px;
  height: 27px;
}

.spark-shot-nav,
.rail-nav {
  gap: 4px;
}

.rail-link,
.nav-item,
.settings-link {
  width: 136px;
  min-height: 44px;
  padding: 7px 11px;
  grid-template-columns: 20px 1fr;
  gap: 11px;
  align-self: flex-start;
  justify-content: flex-start;
  border-radius: 24px;
  color: #6a6c74;
  text-align: left;
}

.rail-link:hover,
.nav-item:hover,
.settings-link:hover,
.rail-link.active,
.nav-item.active,
.settings-link.active {
  background: #efeff1;
}

.rail-link.active,
.nav-item.active,
.settings-link.active {
  color: #182d7a;
}

.rail-link-icon,
.nav-icon,
.rail-link-icon .ui-icon,
.nav-icon .ui-icon {
  width: 20px;
  height: 20px;
}

.rail-link-text,
.nav-label {
  font-size: 11px;
  line-height: 1.15;
  font-weight: 600;
}

.rail-bottom-link {
  margin-top: auto;
  padding-top: 15px;
}

.workspace-main,
.main-area {
  background: #ffffff;
  padding: 18px 24px 28px 20px;
}

.spark-shot-topbar,
.premium-topbar,
.topbar {
  align-items: flex-start;
  margin-bottom: 12px;
}

.spark-shot-search-wrap,
.premium-search-wrap,
.global-search-wrap {
  width: 250px;
}

.spark-shot-search-shell,
.premium-search-shell,
.search-shell {
  height: 46px;
  border-radius: 4px;
  border: 1px solid #c7c9cf;
  padding: 0 15px;
  gap: 10px;
  background: #ffffff;
  box-shadow: none;
}

.spark-shot-search-shell input,
.premium-search-shell input,
.search-shell input {
  font-size: 14px;
  color: #707179;
  font-weight: 500;
}

.search-icon {
  color: #8a8c93;
}

.spark-shot-topbar-right {
  margin-left: auto;
  display: grid;
  justify-items: end;
  gap: 14px;
  padding-top: 2px;
}

.spark-shot-meta-row {
  display: flex;
  align-items: center;
  gap: 18px;
}

.top-link-action {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  border: 0;
  background: transparent;
  padding: 0;
  color: #6c6e76;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
}

.top-link-action.muted {
  opacity: 0.78;
  cursor: default;
}

.top-link-icon {
  display: inline-flex;
  align-items: center;
  color: #8a8c92;
}

.top-link-icon .ui-icon {
  width: 15px;
  height: 15px;
}

.spark-shot-tools-row {
  display: flex;
  align-items: center;
  gap: 14px;
}

.spark-shot-icon-strip {
  gap: 18px;
}

.shot-icon-btn,
.top-icon-btn,
.icon-btn {
  width: 22px;
  height: 22px;
  color: #83858d;
}

.shot-icon-btn.accent,
.top-icon-btn.accent {
  color: #6575e8;
}

.shot-icon-btn .ui-icon,
.top-icon-btn .ui-icon,
.icon-btn .ui-icon {
  width: 21px;
  height: 21px;
}

.page-head,
.home-head {
  align-items: flex-start;
  margin-bottom: 18px;
}

.page-head h1 {
  color: #182d7a;
  font-size: clamp(56px, 5vw, 78px);
  line-height: 0.94;
  font-weight: 800;
  letter-spacing: -0.055em;
}

.updated-meta {
  color: #66686f;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
  padding-top: 20px;
}

.spark-shot-home-grid,
.home-grid,
.premium-home-grid {
  grid-template-columns: 360px 1fr;
  gap: 34px;
  margin-bottom: 24px;
}

.compact-title,
.panel-title {
  gap: 9px;
  color: #2d2f34;
  font-size: 16px;
  font-weight: 700;
}

.compact-title .ui-icon,
.panel-title .ui-icon {
  width: 19px;
  height: 19px;
}

.spark-shot-flow,
.spark-flow {
  padding-top: 20px;
}

.spark-shot-flow .flow-stage,
.flow-stage {
  width: 131px;
  height: 54px;
  border-radius: 3px;
  background: #596be9;
  box-shadow: none;
}

.spark-shot-flow .flow-stage strong,
.flow-stage strong {
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
}

.spark-shot-flow .flow-stage span,
.flow-stage span {
  margin-top: 4px;
  font-size: 12px;
  font-weight: 600;
}

.spark-shot-flow .flow-stage-top,
.spark-shot-flow .flow-stage-bottom,
.flow-stage-top,
.flow-stage-bottom {
  width: 78px;
  height: 54px;
}

.spark-shot-flow .flow-row,
.flow-row {
  gap: 12px;
}

.spark-shot-flow .flow-branch {
  width: 191px;
  height: 25px;
  margin: 10px auto 10px;
}

.spark-shot-flow .flow-branch::before {
  bottom: 10px;
}

.spark-shot-flow .flow-branch::after {
  left: 34px;
  right: 34px;
  bottom: 10px;
}

.spark-shot-flow .flow-merge {
  height: 26px;
  margin: 9px auto 8px;
}

.spark-yoy-chart {
  grid-template-columns: 32px 1fr;
  gap: 14px;
}

.yoy-axis {
  min-height: 322px;
  padding-bottom: 23px;
  color: #66686f;
  font-size: 11px;
  font-weight: 600;
}

.yoy-plot {
  min-height: 322px;
  padding: 10px 0 23px;
  background-image: repeating-linear-gradient(to bottom, #ececef 0, #ececef 1px, transparent 1px, transparent 44px);
  background-size: 100% 44px;
  background-position: left 10px;
}

.spark-shot-yoy .spark-yoy-grid,
.spark-yoy-grid {
  min-height: 289px;
  padding: 0 2px 0 4px;
  gap: 14px;
}

.spark-shot-yoy .yoy-bars,
.yoy-bars {
  gap: 7px;
  min-height: 234px;
  align-items: flex-end;
}

.yoy-stack {
  width: 26px;
}

.prior-main { background: #9d9da1; }
.prior-pdp { background: #4f5055; }
.current-main { background: #6d7ced; }
.current-pdp { background: #2f41c8; }

.spark-shot-yoy .yoy-month span,
.yoy-month span {
  font-size: 11px;
  font-weight: 600;
  color: #4f4f55;
}

.spark-shot-yoy-legend,
.yoy-legend {
  margin-top: 14px;
  gap: 15px;
  font-size: 11px;
  color: #4f4f55;
  font-weight: 600;
}

.spark-shot-summary-row,
.summary-row {
  gap: 34px;
}

.spark-shot-summary,
.summary-box {
  border: 0;
  border-radius: 0;
  background: transparent;
  padding: 0;
  box-shadow: none;
}

.spark-shot-summary-heading,
.summary-heading {
  margin: 0 0 9px;
  padding: 12px 10px;
  border: 0;
  background: #f2f2f3;
  color: #2d2f34;
  font-size: 16px;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 10px;
}

.spark-shot-summary-body {
  padding: 3px 10px 0;
}

.spark-shot-summary .metric-line,
.summary-box .metric-line {
  gap: 12px;
  margin-bottom: 11px;
}

.spark-shot-summary .metric-key,
.summary-box .metric-key {
  min-width: 46px;
  padding: 7px 8px;
  border-radius: 0;
  background: #243a96;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
}

.spark-shot-summary .metric-key.light,
.summary-box .metric-key.light {
  background: #f4f4f4;
  color: #3d3d41;
}

.spark-shot-summary .metric-key.icon-box,
.summary-box .metric-key.icon-box {
  padding: 6px 8px;
}

.metric-inline-icon {
  width: 20px;
  height: 20px;
}

.spark-shot-summary .metric-label,
.summary-box .metric-label {
  color: #2d2f34;
  font-size: 14px;
  font-weight: 500;
}

.floating-orb {
  right: 28px;
  bottom: 22px;
  width: 56px;
  height: 56px;
  background: #243a96;
}

@media (max-width: 1200px) {
  .spark-shot-home-grid,
  .home-grid,
  .premium-home-grid,
  .summary-row {
    grid-template-columns: 1fr;
  }

  .spark-shot-topbar,
  .premium-topbar,
  .topbar,
  .page-head,
  .home-head {
    flex-direction: column;
    align-items: flex-start;
  }

  .spark-shot-topbar-right {
    margin-left: 0;
    justify-items: start;
  }
}


/* v5 closer header/sidebar alignment */
.spark-shot-rail,
.spark-rail,
.spark-sidebar {
  min-width: 222px;
  width: 222px;
  background: #f6f6f7;
  padding: 16px 10px 14px 18px;
}

.workspace-shell,
.app-shell {
  grid-template-columns: 222px 1fr;
  background: #ffffff;
}

.spark-shot-rail-head {
  display: grid;
  grid-template-columns: 30px 1fr;
  align-items: start;
  column-gap: 10px;
  padding: 2px 4px 12px 4px;
}

.rail-head-avatar {
  width: 34px;
  height: 34px;
  border: 1.5px solid #9a9ca2;
  color: #767982;
  margin-top: 1px;
}

.rail-head-avatar .ui-icon {
  width: 18px;
  height: 18px;
}

.rail-head-copy {
  max-width: 138px;
  color: #4b4d54;
}

.rail-head-name {
  font-size: 12px;
  line-height: 1.1;
  font-weight: 800;
  color: #3f4249;
  margin-bottom: 1px;
}

.rail-head-role {
  font-size: 12px;
  line-height: 1.14;
  font-weight: 500;
  color: #52545b;
}

.spark-shot-mark,
.rail-mark {
  padding: 18px 0 20px 34px;
}

.spark-shot-mark .spark-mark-svg,
.rail-mark .spark-mark-svg {
  width: 30px;
  height: 30px;
}

.spark-shot-nav,
.rail-nav {
  gap: 5px;
}

.rail-link,
.nav-item,
.settings-link {
  width: 168px;
  min-height: 42px;
  padding: 7px 12px;
  grid-template-columns: 18px 1fr;
  gap: 14px;
  border-radius: 23px;
  color: #666972;
}

.rail-link.active,
.nav-item.active,
.settings-link.active,
.rail-link:hover,
.nav-item:hover,
.settings-link:hover {
  background: #ececef;
}

.rail-link-icon,
.nav-icon,
.rail-link-icon .ui-icon,
.nav-icon .ui-icon {
  width: 19px;
  height: 19px;
}

.rail-link-text,
.nav-label {
  font-size: 11px;
  line-height: 1.15;
  font-weight: 600;
}

.rail-bottom-link {
  padding-left: 0;
}

.workspace-main,
.main-area {
  padding: 18px 28px 28px 22px;
}

.spark-shot-topbar,
.premium-topbar,
.topbar {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 12px;
  margin-bottom: 10px;
}

.spark-shot-meta-header {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 18px;
  min-height: 20px;
}

.spark-shot-toolbar-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.spark-shot-search-wrap,
.premium-search-wrap,
.global-search-wrap {
  width: 248px;
}

.spark-shot-search-shell,
.premium-search-shell,
.search-shell {
  height: 47px;
  border-radius: 4px;
  border: 1px solid #c3c6cc;
  padding: 0 15px;
  gap: 11px;
  background: #ffffff;
}

.spark-shot-search-shell input,
.premium-search-shell input,
.search-shell input {
  font-size: 14px;
  color: #6d6f77;
  font-weight: 500;
}

.search-icon .ui-icon {
  width: 18px;
  height: 18px;
}

.spark-shot-topbar-right {
  margin-left: 0;
  display: contents;
}

.top-link-action {
  gap: 5px;
  color: #6d7078;
  font-size: 12px;
  font-weight: 600;
}

.top-link-icon .ui-icon {
  width: 15px;
  height: 15px;
}

.spark-shot-tools-row {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-width: 104px;
}

.spark-shot-icon-strip {
  display: flex;
  align-items: center;
  gap: 18px;
}

.shot-icon-btn,
.top-icon-btn,
.icon-btn {
  width: 22px;
  height: 22px;
  padding: 0;
  color: #7f828a;
}

.shot-icon-btn .ui-icon,
.top-icon-btn .ui-icon,
.icon-btn .ui-icon {
  width: 21px;
  height: 21px;
}

.shot-icon-btn.accent,
.top-icon-btn.accent {
  color: #6677ea;
}

.page-head,
.home-head {
  margin-bottom: 18px;
}

.page-head h1 {
  font-size: clamp(58px, 5vw, 80px);
  line-height: 0.94;
}

.updated-meta {
  padding-top: 20px;
}

@media (max-width: 1200px) {
  .spark-shot-toolbar-row {
    flex-direction: column;
    align-items: flex-start;
  }

  .spark-shot-tools-row {
    min-width: 0;
  }
}

/* v6 screenshot header/sidebar tune */
.spark-shot-rail,
.spark-rail,
.spark-sidebar {
  min-width: 220px;
  width: 220px;
  background: #f5f5f6;
  padding: 17px 10px 12px 18px;
}

.workspace-shell,
.app-shell {
  grid-template-columns: 220px 1fr;
  background: #ffffff;
}

.spark-shot-rail-head {
  grid-template-columns: 32px 1fr;
  column-gap: 12px;
  align-items: center;
  padding: 2px 4px 14px 4px;
}

.rail-head-avatar {
  width: 33px;
  height: 33px;
  border: 1.35px solid #9699a2;
  color: #777b85;
  margin-top: 0;
}

.rail-head-avatar .ui-icon {
  width: 17px;
  height: 17px;
}

.rail-head-copy {
  max-width: 144px;
  min-width: 0;
}

.rail-head-line {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.05;
}

.rail-head-name,
.rail-head-role-inline {
  display: inline;
  font-size: 11px;
  line-height: 1.05;
  vertical-align: baseline;
}

.rail-head-name {
  font-weight: 800;
  color: #43464d;
  margin-right: 3px;
}

.rail-head-role,
.rail-head-role-inline {
  font-weight: 600;
  color: #555960;
}

.spark-shot-mark,
.rail-mark {
  padding: 16px 0 18px 34px;
}

.spark-shot-mark .spark-mark-svg,
.rail-mark .spark-mark-svg {
  width: 31px;
  height: 31px;
}

.spark-shot-nav,
.rail-nav {
  gap: 4px;
}

.rail-link,
.nav-item,
.settings-link {
  width: 168px;
  min-height: 40px;
  padding: 6px 12px;
  grid-template-columns: 18px 1fr;
  gap: 14px;
  border-radius: 24px;
  color: #676a73;
}

.rail-link-text,
.nav-label {
  font-size: 11px;
  line-height: 1.1;
  font-weight: 600;
}

.rail-link.active,
.nav-item.active,
.settings-link.active,
.rail-link:hover,
.nav-item:hover,
.settings-link:hover {
  background: #ededf0;
  color: #24358a;
}

.workspace-main,
.main-area {
  padding: 18px 28px 28px 18px;
}

.spark-shot-topbar,
.premium-topbar,
.topbar {
  gap: 10px;
  margin-bottom: 10px;
}

.spark-shot-meta-header {
  gap: 20px;
  min-height: 22px;
}

.top-link-action {
  gap: 6px;
  color: #6c7078;
  font-size: 11px;
  font-weight: 600;
}

.top-link-icon .ui-icon {
  width: 14px;
  height: 14px;
}

.spark-shot-search-wrap,
.premium-search-wrap,
.global-search-wrap {
  width: 246px;
}

.spark-shot-search-shell,
.premium-search-shell,
.search-shell {
  height: 46px;
  border-radius: 4px;
  border: 1px solid #c6c9d0;
  padding: 0 16px;
  gap: 12px;
}

.spark-shot-search-shell input,
.premium-search-shell input,
.search-shell input {
  font-size: 14px;
  color: #6b6f78;
  font-weight: 500;
}

.search-icon .ui-icon {
  width: 17px;
  height: 17px;
}

.spark-shot-icon-strip {
  gap: 20px;
}

.shot-icon-btn,
.top-icon-btn,
.icon-btn {
  width: 22px;
  height: 22px;
  color: #7d8088;
}

.shot-icon-btn .ui-icon,
.top-icon-btn .ui-icon,
.icon-btn .ui-icon {
  width: 20px;
  height: 20px;
}

.shot-icon-btn.accent,
.top-icon-btn.accent {
  color: #6778eb;
}

.page-head,
.home-head {
  margin-bottom: 16px;
}

.page-head h1 {
  font-size: clamp(58px, 5vw, 78px);
  line-height: 0.94;
}

.updated-meta {
  padding-top: 18px;
  font-size: 12px;
  font-weight: 600;
  color: #6a6d76;
}


/* v7 screenshot shell correction */
.workspace-shell.spark-shot-shell,
.app-shell.spark-shot-shell {
  display: grid;
  grid-template-columns: 188px minmax(0, 1fr);
  grid-template-rows: 54px minmax(0, 1fr);
  grid-template-areas:
    "header header"
    "sidebar main";
  min-height: 100vh;
  height: 100vh;
  background: #ffffff;
  overflow: hidden;
}

.spark-shot-global-header {
  grid-area: header;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #f1f1f2;
  border-bottom: 1px solid #ececef;
  padding: 0 22px 0 21px;
  min-height: 54px;
}

.spark-shot-global-header .spark-shot-rail-head {
  display: grid;
  grid-template-columns: 34px auto;
  align-items: center;
  column-gap: 11px;
  padding: 0;
  min-width: 0;
}

.spark-shot-global-header .rail-head-avatar {
  width: 34px;
  height: 34px;
  border: 1.45px solid #8e919a;
  color: #767a83;
  background: transparent;
}

.spark-shot-global-header .rail-head-avatar .ui-icon {
  width: 18px;
  height: 18px;
}

.spark-shot-global-header .rail-head-copy {
  max-width: none;
}

.spark-shot-global-header .rail-head-line {
  display: flex;
  align-items: baseline;
  gap: 4px;
  white-space: nowrap;
  overflow: hidden;
}

.spark-shot-global-header .rail-head-name,
.spark-shot-global-header .rail-head-role-inline {
  display: inline;
  font-size: 11px;
  line-height: 1;
}

.spark-shot-global-header .rail-head-name {
  color: #373b42;
  font-weight: 800;
  margin-right: 0;
}

.spark-shot-global-header .rail-head-role-inline {
  color: #444850;
  font-weight: 700;
}

.spark-shot-global-header .spark-shot-meta-row,
.spark-shot-global-header .spark-shot-meta-header {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 24px;
  min-height: 0;
}

.spark-shot-global-header .top-link-action {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #6c7078;
  font-size: 11px;
  line-height: 1;
  font-weight: 700;
}

.spark-shot-global-header .top-link-icon .ui-icon {
  width: 13px;
  height: 13px;
}

.spark-shot-rail,
.spark-rail,
.spark-sidebar {
  grid-area: sidebar;
  background: #ffffff !important;
  border-right: 0 !important;
  width: 188px;
  min-width: 188px;
  height: calc(100vh - 54px);
  padding: 16px 0 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: start;
  position: sticky;
  top: 54px;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
}

.spark-shot-rail > .rail-head,
.spark-shot-rail > .spark-shot-rail-head {
  display: none;
}

.spark-shot-mark,
.rail-mark {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px 0 22px !important;
}

.spark-shot-mark .spark-mark-svg,
.rail-mark .spark-mark-svg {
  width: 33px;
  height: 33px;
}

.spark-shot-nav,
.rail-nav {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}

.rail-link,
.nav-item,
.settings-link {
  width: 168px !important;
  min-height: 60px !important;
  padding: 8px 0 7px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  border-radius: 999px !important;
  color: #6c7078 !important;
  background: transparent;
  grid-template-columns: none !important;
}

.rail-link.active,
.nav-item.active,
.settings-link.active {
  background: #f1f1f2 !important;
  color: #24358a !important;
}

.rail-link:hover,
.nav-item:hover,
.settings-link:hover {
  background: #f5f5f6 !important;
  color: #24358a !important;
}

.rail-link-icon,
.nav-icon {
  width: 20px !important;
  height: 20px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.rail-link-icon .ui-icon,
.nav-icon .ui-icon {
  width: 20px;
  height: 20px;
}

.rail-link-text,
.nav-label {
  font-size: 11px !important;
  line-height: 1.05 !important;
  font-weight: 600 !important;
  text-align: center !important;
}

.rail-bottom-link {
  margin-top: auto;
  padding-top: 14px !important;
  padding-left: 0 !important;
}

.workspace-main,
.main-area {
  grid-area: main;
  max-width: none;
  min-height: 0;
  height: calc(100vh - 54px);
  background: #ffffff;
  padding: 24px 28px 28px 30px !important;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
  scroll-behavior: smooth;
}

.spark-shot-topbar,
.premium-topbar,
.topbar {
  display: block;
  margin-bottom: 10px !important;
}

.spark-shot-topbar .spark-shot-meta-row,
.spark-shot-topbar .spark-shot-meta-header {
  display: none !important;
}

.spark-shot-toolbar-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}

.spark-shot-search-wrap,
.premium-search-wrap,
.global-search-wrap {
  position: relative;
  width: 252px !important;
}

.spark-shot-search-shell,
.premium-search-shell,
.search-shell {
  height: 46px !important;
  border-radius: 4px !important;
  border: 1px solid #c7cad1 !important;
  background: #ffffff;
  padding: 0 16px !important;
  gap: 12px !important;
  box-shadow: none !important;
}

.spark-shot-search-shell input,
.premium-search-shell input,
.search-shell input {
  font-size: 14px !important;
  color: #6a6e77 !important;
  font-weight: 500 !important;
}

.search-icon .ui-icon {
  width: 17px !important;
  height: 17px !important;
}

.spark-shot-tools-row {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-width: 116px;
  padding-top: 8px;
}

.spark-shot-icon-strip {
  display: flex;
  align-items: center;
  gap: 28px !important;
}

.shot-icon-btn,
.top-icon-btn,
.icon-btn {
  width: 22px !important;
  height: 22px !important;
  padding: 0 !important;
  color: #7e8189 !important;
}

.shot-icon-btn .ui-icon,
.top-icon-btn .ui-icon,
.icon-btn .ui-icon {
  width: 20px !important;
  height: 20px !important;
}

.shot-icon-btn.accent,
.top-icon-btn.accent {
  color: #6777ea !important;
}

@media (max-width: 980px) {
  .workspace-shell.spark-shot-shell,
  .app-shell.spark-shot-shell {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto 1fr;
    grid-template-areas:
      "header"
      "sidebar"
      "main";
  }

  .spark-shot-rail,
  .spark-rail,
  .spark-sidebar {
    width: 100%;
    min-width: 0;
    padding-bottom: 16px;
  }

  .spark-shot-nav,
  .rail-nav {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }

  .rail-bottom-link {
    margin-top: 8px;
  }
}

/* v8 contacts page match */
.spark-contacts-page {
  padding-top: 8px;
}

.spark-contacts-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
}

.spark-contacts-title-row {
  display: flex;
  align-items: flex-end;
  gap: 14px;
}

.spark-contacts-title-row h1 {
  margin: 0;
  font-size: clamp(62px, 5.2vw, 78px);
  line-height: 0.92;
  letter-spacing: -0.04em;
  color: #1f2f8a;
}

.spark-contacts-title-meta {
  padding-bottom: 8px;
  color: #23263a;
  font-size: 20px;
  font-weight: 700;
}

.spark-contact-add-btn,
.add-contact-btn.spark-contact-add-btn {
  min-width: 152px;
  height: 48px;
  border-radius: 999px;
  background: linear-gradient(180deg, #6878ee 0%, #5466de 100%);
  box-shadow: 0 6px 14px rgba(98, 110, 212, 0.2);
  font-size: 15px;
  font-weight: 700;
}

.spark-contact-stats-row {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
  margin-bottom: 18px;
}

.spark-contact-stat {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #7380c2;
  font-size: 13px;
  font-weight: 700;
}

.spark-contact-stat-icon {
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #7d84d0;
}

.spark-contact-stat-icon .ui-icon {
  width: 18px;
  height: 18px;
}

.spark-contact-stat-value {
  color: #5f6bc7;
  font-size: 14px;
  font-weight: 800;
}

.spark-contact-stat-label {
  color: #7c84c7;
  font-size: 14px;
  font-weight: 700;
}

.spark-contacts-filters-shell {
  margin-bottom: 18px;
  padding: 12px 18px 14px;
  background: #f4f4f5;
  border-radius: 0;
  border: 1px solid #efeff2;
}

.spark-contacts-filter-grid {
  display: grid;
  grid-template-columns: 1.15fr 330px 172px 330px;
  gap: 16px;
  align-items: end;
}

.spark-contact-filter-field label {
  display: block;
  margin-bottom: 8px;
  color: #555964;
  font-size: 12px;
  font-weight: 700;
}

.spark-contact-search-box {
  position: relative;
  display: flex;
  align-items: center;
  height: 46px;
  border-radius: 6px;
  border: 1.3px solid #c8c9d0;
  background: #fff;
  padding: 0 40px 0 14px;
  gap: 10px;
}

.spark-contact-search-box input {
  width: 100%;
  height: 100%;
  border: 0;
  background: transparent;
  color: #444853;
  font-size: 15px;
  font-weight: 500;
}

.spark-contact-search-mini {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 22px;
  height: 22px;
  border-radius: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #ececf1;
  color: #9a9ea8;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
}

.spark-select-wrap {
  position: relative;
}

.spark-select-wrap::after {
  content: '⌄';
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-54%);
  color: #6d717b;
  font-size: 18px;
  pointer-events: none;
}

.spark-contact-filter-field select {
  width: 100%;
  height: 46px;
  border-radius: 6px;
  border: 1.3px solid #c8c9d0;
  background: #fff;
  padding: 0 42px 0 14px;
  color: #434752;
  font-size: 15px;
  font-weight: 500;
  appearance: none;
}

.spark-report-split {
  display: flex;
  align-items: stretch;
}

.spark-report-main-btn {
  min-width: 116px;
  height: 46px;
  border: 1.3px solid #b7bcc8;
  border-right: 0;
  border-radius: 10px 0 0 10px;
  background: #fff;
  color: #6570c6;
  font-size: 15px;
  font-weight: 700;
}

.spark-report-menu {
  position: relative;
}

.spark-report-menu summary {
  list-style: none;
}

.spark-report-menu summary::-webkit-details-marker {
  display: none;
}

.spark-report-toggle {
  width: 46px;
  height: 46px;
  border: 1.3px solid #b7bcc8;
  border-radius: 0 10px 10px 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  color: #6774cb;
  cursor: pointer;
}

.spark-report-toggle .ui-icon {
  width: 16px;
  height: 16px;
}

.spark-report-dropdown {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  min-width: 272px;
  padding: 8px 0;
  background: #fff;
  border: 1px solid #e5e6eb;
  border-radius: 8px;
  box-shadow: 0 12px 28px rgba(21, 28, 60, 0.16);
  z-index: 30;
}

.spark-report-dropdown button {
  width: 100%;
  padding: 10px 18px;
  background: transparent;
  border: 0;
  text-align: left;
  color: #4a4e58;
  font-size: 14px;
  font-weight: 500;
}

.spark-report-dropdown button:hover {
  background: #f7f7fa;
}

.spark-contacts-filter-meta-row {
  margin-top: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.spark-contacts-report-label {
  color: #2e313b;
  font-size: 14px;
  font-weight: 700;
}

.spark-contacts-filter-meta {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  color: #2e313b;
  font-size: 14px;
  font-weight: 700;
}

.spark-clear-filters {
  background: transparent;
  border: 0;
  color: #d46c74;
  font-size: 14px;
  font-weight: 700;
}

.spark-clear-filters::before {
  content: '×';
  margin-right: 8px;
  font-size: 18px;
  line-height: 0;
  vertical-align: middle;
}

.spark-contacts-table-shell {
  background: #fff;
}

.spark-contacts-table-wrap {
  overflow: auto;
}

.spark-contacts-table {
  width: 100%;
  border-collapse: collapse;
}

.spark-contacts-table thead th {
  padding: 14px 6px 12px;
  text-align: left;
  color: #8a8d96;
  font-size: 12px;
  font-weight: 700;
  border-bottom: 1px solid #f0f0f3;
}

.spark-contacts-table tbody td {
  padding: 18px 6px;
  vertical-align: top;
  color: #3e4250;
  font-size: 15px;
  border-bottom: 1px solid #f3f3f5;
}

.spark-contacts-table tbody tr:hover {
  background: #fbfbfd;
}

.spark-contact-link {
  padding: 0;
  border: 0;
  background: transparent;
  color: #5c62c6;
  font-size: 16px;
  font-weight: 700;
}

.spark-contact-link .row-arrow {
  font-size: 16px;
}

.break-all {
  word-break: break-all;
}

.cell-sub {
  margin-top: 4px;
  color: #595d67;
  font-size: 13px;
  font-weight: 500;
}

.spark-contact-action {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #474b55;
  font-weight: 600;
}

.spark-contact-action-icon {
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #5f636e;
}

.spark-contact-action-icon.spark {
  color: #9d9aad;
}

.spark-contact-action-icon .ui-icon,
.spark-contact-action-icon .spark-mark-svg {
  width: 16px;
  height: 16px;
}

.spark-contact-stage-pill {
  min-height: 30px;
  padding: 6px 10px;
  border-radius: 8px;
  background: #f7f7f8;
  color: #4c4f58;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
}

.stage-pill-icon {
  width: 16px;
  height: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #7275c8;
}

.stage-pill-icon .ui-icon {
  width: 14px;
  height: 14px;
}

.spark-contact-menu-cell {
  width: 42px;
  text-align: right;
}

.spark-row-menu {
  position: relative;
}

.spark-row-menu summary {
  list-style: none;
}

.spark-row-menu summary::-webkit-details-marker {
  display: none;
}

.spark-row-menu-toggle {
  width: 24px;
  height: 24px;
  border: 0;
  background: transparent;
  color: #70738a;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.spark-row-menu-card {
  position: absolute;
  right: 0;
  top: calc(100% + 6px);
  min-width: 156px;
  padding: 6px 0;
  border-radius: 8px;
  border: 1px solid #e6e6eb;
  background: #fff;
  box-shadow: 0 12px 28px rgba(21, 28, 60, 0.12);
  z-index: 20;
}

.spark-row-menu-card button {
  width: 100%;
  padding: 9px 14px;
  border: 0;
  background: transparent;
  text-align: left;
  color: #4c4f58;
  font-size: 13px;
  font-weight: 600;
}

.spark-row-menu-card button:hover {
  background: #f7f7fa;
}

.spark-contacts-empty {
  padding: 40px 18px;
  color: #696c75;
}

.spark-modal-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(22, 27, 44, 0.28);
  z-index: 60;
}

.spark-modal-card {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: min(760px, calc(100vw - 40px));
  max-height: calc(100vh - 40px);
  overflow: auto;
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 24px 56px rgba(11, 18, 42, 0.22);
  z-index: 61;
  padding: 24px;
}

.spark-modal-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}

.spark-modal-head h2 {
  margin: 0 0 4px;
  color: #24358a;
  font-size: 28px;
  font-weight: 800;
}

.spark-modal-head p {
  margin: 0;
  color: #6a6e78;
  font-size: 14px;
}

.spark-modal-close {
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 999px;
  background: #f3f4f8;
  color: #5560b8;
  font-size: 24px;
  line-height: 1;
}

.spark-contact-create-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 16px;
}

.spark-contact-create-grid label {
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: #5b606c;
  font-size: 13px;
  font-weight: 700;
}

.spark-contact-create-grid input,
.spark-contact-create-grid select,
.spark-contact-create-grid textarea {
  width: 100%;
  border: 1px solid #d6d9e2;
  border-radius: 12px;
  min-height: 46px;
  padding: 12px 14px;
  color: #37405d;
  font-size: 14px;
}

.spark-contact-create-grid textarea {
  min-height: 110px;
  resize: vertical;
}

.spark-contact-create-grid .span-2 {
  grid-column: span 2;
}

.spark-modal-actions {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 6px;
}

@media (max-width: 1180px) {
  .spark-contacts-filter-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .spark-contacts-head,
  .spark-contacts-filter-meta-row,
  .spark-contact-stats-row {
    flex-direction: column;
    align-items: flex-start;
  }

  .spark-contacts-filter-grid,
  .spark-contact-create-grid {
    grid-template-columns: 1fr;
  }

  .spark-contact-create-grid .span-2 {
    grid-column: span 1;
  }

  .spark-contacts-title-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }
}

/* v9 contacts expansion */
.spark-soft-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 6px 11px;
  border-radius: 999px;
  background: #eef2fb;
  color: #52618b;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0;
}
.spark-soft-pill.small { min-height: 24px; padding: 4px 9px; font-size: 11px; }
.spark-soft-pill.green { background: #edf8ef; color: #2b7d3b; }
.spark-soft-pill.amber { background: #fff6e8; color: #9c6a13; }
.spark-soft-pill.red { background: #fdeef0; color: #b74056; }
.spark-soft-pill.neutral { background: #f3f5fa; color: #56627f; }

.spark-contacts-section-tabs {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0 0 18px;
  padding: 6px;
  border: 1px solid #e6e9f2;
  border-radius: 999px;
  background: #fff;
}
.spark-contacts-section-tabs button {
  height: 36px;
  padding: 0 16px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #657197;
  font-size: 13px;
  font-weight: 800;
}
.spark-contacts-section-tabs button.active {
  background: #23388d;
  color: #fff;
}

.spark-contact-call-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 20px;
}

.spark-contacts-overview-page {
  padding-top: 8px;
}
.spark-contact-overview-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 280px;
  gap: 28px;
  align-items: start;
}
.spark-contact-overview-hero {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 18px;
}
.spark-contact-overview-kicker {
  margin-bottom: 8px;
  color: #7f89b2;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.spark-contact-overview-hero h1 {
  margin: 0;
  font-size: clamp(48px, 4.8vw, 72px);
  line-height: 0.95;
  letter-spacing: -0.05em;
  color: #1f2f8a;
}
.spark-contact-overview-totals {
  display: flex;
  gap: 54px;
  align-items: flex-end;
  padding-bottom: 12px;
}
.spark-contact-overview-totals strong {
  display: block;
  color: #111729;
  font-size: 40px;
  font-weight: 800;
  line-height: 0.95;
}
.spark-contact-overview-totals span {
  display: block;
  margin-top: 6px;
  color: #20283d;
  font-size: 15px;
  font-weight: 700;
}
.spark-contact-overview-cards,
.spark-overview-mini-cards {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 22px;
}
.spark-contact-overview-card {
  display: flex;
  align-items: center;
  gap: 14px;
  width: 100%;
  padding: 14px 16px;
  border: 1px solid #dfe3ef;
  border-radius: 12px;
  background: #fff;
  text-align: left;
}
.spark-contact-overview-card-icon {
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #6c78c8;
  flex: 0 0 auto;
}
.spark-contact-overview-card-icon .ui-icon { width: 20px; height: 20px; }
.spark-contact-overview-card-copy { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.spark-contact-overview-card-copy strong { color: #314184; font-size: 15px; font-weight: 800; }
.spark-contact-overview-card-copy span { color: #22314a; font-size: 14px; font-weight: 700; }
.spark-contact-overview-card-copy em { color: #6d7594; font-size: 12px; font-style: normal; font-weight: 600; }
.spark-contact-overview-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
  margin-bottom: 22px;
}
.spark-contact-analytics-card {
  padding: 0;
  border: 1px solid #e7eaf3;
  border-radius: 20px;
  background: #fff;
  overflow: hidden;
}
.spark-contact-card-title,
.spark-contact-card-head {
  padding: 18px 22px 14px;
  border-bottom: 1px solid #eef1f7;
  color: #1f2435;
  font-size: 17px;
  font-weight: 800;
}
.spark-contact-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.spark-contact-card-title.lg { font-size: 18px; }
.spark-inline-link {
  padding: 0;
  border: 0;
  background: transparent;
  color: #6974ca;
  font-size: 13px;
  font-weight: 700;
}
.spark-progress-list { padding: 16px 22px 20px; }
.spark-progress-row {
  display: grid;
  grid-template-columns: 1.3fr minmax(120px, 1fr) 40px;
  gap: 12px;
  align-items: center;
  margin-bottom: 10px;
}
.spark-progress-label {
  color: #28314c;
  font-size: 13px;
  font-weight: 600;
}
.spark-progress-track {
  position: relative;
  height: 4px;
  border-radius: 999px;
  background: #eceff6;
  overflow: hidden;
}
.spark-progress-track span {
  position: absolute;
  inset: 0 auto 0 0;
  border-radius: inherit;
  background: linear-gradient(90deg, #d1c392 0%, #e5d9aa 100%);
}
.spark-progress-row.support .spark-progress-track span,
.spark-progress-row.engagement .spark-progress-track span { background: linear-gradient(90deg, #d8d9e3 0%, #e8e9f1 100%); }
.spark-progress-count {
  min-width: 28px;
  height: 24px;
  padding: 0 7px;
  border-radius: 999px;
  background: #f2f4f8;
  color: #4e5877;
  font-size: 12px;
  font-weight: 800;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.spark-contact-resource-rail {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.spark-contact-side-card {
  padding: 0;
  border: 1px solid #e7eaf3;
  border-radius: 20px;
  background: #fff;
  overflow: hidden;
}
.spark-contact-side-card h3 {
  margin: 0;
  padding: 18px 22px 14px;
  border-bottom: 1px solid #eef1f7;
  color: #1f2435;
  font-size: 17px;
  font-weight: 800;
}
.spark-contact-side-lines,
.spark-side-group { padding: 14px 22px; }
.spark-contact-side-lines { display: grid; gap: 7px; color: #2a3044; font-size: 14px; }
.spark-contact-side-lines .strong { font-weight: 800; }
.spark-side-group + .spark-side-group { border-top: 1px solid #eef1f7; }
.spark-side-label { margin-bottom: 10px; color: #111729; font-size: 14px; font-weight: 800; }
.spark-side-group ul { margin: 0; padding-left: 18px; color: #27314e; font-size: 13px; line-height: 1.65; }
.spark-contact-side-actions { display: flex; flex-direction: column; gap: 10px; }
.spark-contact-side-actions .btn { width: 100%; justify-content: center; }

.spark-contact-inline-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}

.spark-drawer-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(18, 24, 39, 0.22);
  z-index: 55;
}
.spark-contact-drawer {
  position: fixed;
  top: 0;
  right: 0;
  width: min(760px, 100vw);
  height: 100vh;
  overflow: auto;
  background: #fff;
  box-shadow: -20px 0 50px rgba(17, 24, 39, 0.18);
  z-index: 56;
  padding: 24px 24px 28px;
}
.spark-contact-drawer-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
}
.spark-contact-drawer-kicker {
  margin-bottom: 6px;
  color: #7f89b2;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.spark-contact-drawer-head h3 {
  margin: 0 0 10px;
  color: #1f2f8a;
  font-size: 32px;
  font-weight: 800;
}
.spark-contact-drawer-pills,
.drawer-pill-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.spark-contact-drawer-actions {
  display: flex;
  gap: 10px;
  margin-bottom: 18px;
}
.spark-contact-drawer-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.spark-contact-drawer-card {
  border: 1px solid #e7eaf3;
  border-radius: 18px;
  background: #fff;
  padding: 18px;
}
.spark-contact-drawer-card.span-2 { grid-column: span 2; }
.spark-contact-drawer-card h4 {
  margin: 0 0 14px;
  color: #232a40;
  font-size: 16px;
  font-weight: 800;
}
.drawer-line {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  padding: 8px 0;
  border-bottom: 1px solid #eff2f8;
}
.drawer-line:last-child { border-bottom: 0; }
.drawer-line span { color: #76809e; font-size: 12px; font-weight: 700; }
.drawer-line strong { color: #20263b; font-size: 13px; font-weight: 700; text-align: right; }
.drawer-section-title { margin: 18px 0 10px; color: #6b7596; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.drawer-list { display: grid; gap: 10px; }
.drawer-list-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  padding: 12px 0;
  border-bottom: 1px solid #eff2f8;
}
.drawer-list-row:last-child { border-bottom: 0; }
.drawer-list-row strong { color: #222941; font-size: 13px; font-weight: 800; }
.spark-contact-drawer-split {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.spark-contacts-filters-shell {
  margin-bottom: 18px;
  padding: 18px 18px 14px;
  background: #f7f7f8;
  border-radius: 20px;
  border: 1px solid #eceef4;
}
.spark-contacts-filter-grid {
  grid-template-columns: 1.2fr 330px 170px 320px;
  gap: 16px;
}
.spark-contact-filter-field label {
  color: #646c85;
  font-size: 12px;
  font-weight: 800;
}
.spark-contact-search-box,
.spark-contact-filter-field select,
.spark-report-main-btn,
.spark-report-toggle {
  height: 50px;
  border-radius: 14px;
  border: 1px solid #d7ddea;
  box-shadow: 0 1px 0 rgba(17, 24, 39, 0.02);
}
.spark-contact-search-box { padding: 0 44px 0 16px; }
.spark-contact-search-box input,
.spark-contact-filter-field select {
  color: #24304b;
  font-size: 15px;
  font-weight: 600;
}
.spark-contact-search-mini {
  width: 24px;
  height: 24px;
  border-radius: 7px;
  background: #eef1f6;
}
.spark-select-wrap::after {
  content: '▾';
  right: 16px;
  color: #70799a;
  font-size: 14px;
}
.spark-report-main-btn {
  border-right: 0;
  border-radius: 14px 0 0 14px;
  color: #5f6bc7;
  font-weight: 800;
}
.spark-report-toggle {
  width: 48px;
  border-radius: 0 14px 14px 0;
}
.spark-report-dropdown {
  min-width: 260px;
  padding: 8px;
  border-radius: 14px;
}
.spark-report-dropdown button { border-radius: 10px; }
.spark-contacts-table-shell {
  border: 1px solid #edf0f6;
  border-radius: 20px;
  overflow: hidden;
  background: #fff;
}
.spark-contacts-table thead th { padding: 16px 10px 13px; }
.spark-contacts-table tbody td { padding: 18px 10px; }
.spark-contacts-empty.compact { padding: 14px 0; }

@media (max-width: 1320px) {
  .spark-contact-overview-layout { grid-template-columns: 1fr; }
}
@media (max-width: 1180px) {
  .spark-contact-overview-cards,
  .spark-overview-mini-cards,
  .spark-contact-overview-grid,
  .spark-contact-drawer-grid,
  .spark-contact-drawer-split,
  .spark-contacts-filter-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 820px) {
  .spark-contact-overview-hero,
  .spark-contact-overview-totals,
  .spark-contacts-head,
  .spark-contacts-filter-meta-row,
  .spark-contact-stats-row,
  .spark-contact-drawer-actions {
    flex-direction: column;
    align-items: flex-start;
  }
  .spark-contact-overview-cards,
  .spark-overview-mini-cards,
  .spark-contact-overview-grid,
  .spark-contact-drawer-grid,
  .spark-contact-drawer-split,
  .spark-contacts-filter-grid { grid-template-columns: 1fr; }
  .spark-contact-drawer-card.span-2 { grid-column: span 1; }
}


/* v10 contacts landing and directory polish */
.spark-contacts-page {
  color: #16181d;
  font-family: Manrope, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.spark-contacts-section-tabs {
  display: inline-flex;
  gap: 8px;
  margin: 4px 0 18px;
  padding: 4px;
  border: 1px solid #ececf0;
  border-radius: 999px;
  background: #ffffff;
}

.spark-contacts-section-tabs button {
  border: 0;
  background: transparent;
  color: #5f6371;
  font-size: 12px;
  font-weight: 700;
  padding: 8px 12px;
  border-radius: 999px;
}

.spark-contacts-section-tabs button.active {
  background: #f2f3f7;
  color: #20243a;
}

.spark-contact-overview-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 172px;
  gap: 42px;
  align-items: start;
}

.spark-contact-overview-hero {
  margin: 2px 0 10px;
}

.spark-contact-overview-kicker {
  display: none;
}

.spark-contact-overview-hero h1 {
  margin: 0;
  color: #1c1a20;
  font-family: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;
  font-size: 60px;
  line-height: 0.94;
  font-weight: 500;
  letter-spacing: -0.03em;
}

.spark-contact-overview-totals {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, max-content));
  gap: 94px;
  margin: 14px 0 18px;
}

.spark-contact-overview-totals div {
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
}

.spark-contact-overview-totals strong {
  color: #191b22;
  font-size: 21px;
  font-weight: 800;
  letter-spacing: -0.03em;
}

.spark-contact-overview-totals span {
  color: #191b22;
  font-size: 21px;
  font-weight: 800;
  letter-spacing: -0.03em;
}

.spark-contact-overview-cards,
.spark-overview-mini-cards {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.spark-overview-mini-cards.two-up {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 18px;
}

.spark-contact-overview-card {
  min-height: 52px;
  border: 1px solid #cfd5e4;
  border-radius: 6px;
  background: #ffffff;
  padding: 12px 14px;
  display: grid;
  grid-template-columns: 24px 1fr;
  gap: 12px;
  align-items: center;
  text-align: left;
  color: #273067;
  box-shadow: none;
}

.spark-contact-overview-card:hover {
  border-color: #b8bfda;
  background: #fbfcff;
}

.spark-contact-overview-card-icon {
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #6f75c8;
}

.spark-contact-overview-card-icon .ui-icon {
  width: 20px;
  height: 20px;
}

.spark-contact-overview-card-copy {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.spark-contact-overview-card-copy strong {
  color: #22306d;
  font-size: 15px;
  line-height: 1.15;
  font-weight: 700;
}

.spark-contact-overview-card-copy span {
  color: #596287;
  font-size: 12px;
  line-height: 1.25;
  font-weight: 600;
}

.spark-contact-overview-card-copy em {
  display: none;
}

.spark-contact-overview-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  margin-top: 18px;
}

.spark-contact-overview-grid.lower {
  margin-top: 22px;
}

.spark-contact-analytics-card {
  padding: 0;
  border: 0;
  background: transparent;
}

.spark-contact-card-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}

.spark-contact-card-title {
  color: #181a21;
  font-size: 19px;
  line-height: 1.2;
  font-weight: 800;
  margin-bottom: 10px;
}

.spark-contact-card-title.lg {
  font-size: 21px;
}

.spark-contact-card-title.sub {
  color: #1f2230;
  font-size: 17px;
  font-weight: 800;
  margin-top: 2px;
  margin-bottom: 12px;
}

.spark-inline-link {
  border: 0;
  background: transparent;
  color: #7a78b9;
  font-size: 12px;
  font-weight: 700;
  padding: 0;
}

.spark-progress-list {
  display: grid;
  gap: 9px;
}

.spark-progress-row {
  display: grid;
  grid-template-columns: 1fr minmax(120px, 1.3fr) 34px;
  gap: 10px;
  align-items: center;
}

.spark-progress-label {
  color: #242732;
  font-size: 11px;
  line-height: 1.25;
  font-weight: 500;
}

.spark-progress-track {
  position: relative;
  height: 4px;
  border-radius: 999px;
  background: #eceef4;
  overflow: hidden;
}

.spark-progress-track span {
  position: absolute;
  inset: 0 auto 0 0;
  border-radius: 999px;
  background: #e4dcc1;
}

.spark-progress-row.support .spark-progress-track span,
.spark-progress-row.engagement .spark-progress-track span {
  background: #e7dfc7;
}

.spark-progress-count {
  min-width: 24px;
  padding: 2px 7px;
  border-radius: 999px;
  background: #f0f1f5;
  color: #5f6474;
  font-size: 11px;
  line-height: 1.25;
  font-weight: 700;
  text-align: center;
}

.spark-contact-resource-rail {
  display: grid;
  gap: 14px;
  padding-top: 12px;
}

.spark-contact-side-card {
  padding: 0;
  border: 0;
  background: transparent;
}

.spark-contact-side-card h3 {
  margin: 0 0 10px;
  color: #191b22;
  font-size: 17px;
  line-height: 1.2;
  font-weight: 700;
}

.spark-contact-side-lines {
  display: grid;
  gap: 6px;
  color: #20232b;
  font-size: 12px;
  line-height: 1.45;
  font-weight: 500;
}

.spark-contact-side-lines .strong {
  font-size: 12px;
  font-weight: 700;
}

.spark-side-group {
  margin-top: 18px;
}

.spark-side-label {
  color: #191b22;
  font-size: 14px;
  line-height: 1.3;
  font-weight: 700;
  margin-bottom: 6px;
}

.spark-side-group ul {
  margin: 0;
  padding-left: 16px;
  color: #191b22;
  font-size: 12px;
  line-height: 1.5;
}

.spark-side-group li + li {
  margin-top: 2px;
}

.spark-contact-side-actions {
  display: none;
}

.spark-contact-stats-row {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  align-items: center;
  margin: 8px 0 18px;
}

.spark-contact-stat {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #7570c8;
}

.spark-contact-stat-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #7d79d2;
}

.spark-contact-stat-icon .ui-icon {
  width: 18px;
  height: 18px;
}

.spark-contact-stat-copy {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-width: 0;
}

.spark-contact-stat-copy strong,
.spark-contact-stat-copy span {
  font-size: 14px;
  line-height: 1.2;
  font-weight: 700;
}

.spark-contact-stat-copy strong {
  color: #746fd0;
}

.spark-contact-stat-copy span {
  color: #746fd0;
}

.spark-contacts-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 10px;
}

.spark-contacts-title-row h1 {
  margin: 0;
  color: #1f2f85;
  font-size: 68px;
  line-height: 0.95;
  letter-spacing: -0.055em;
  font-weight: 800;
}

.spark-contacts-title-meta {
  color: #31323d;
  font-size: 20px;
  font-weight: 700;
  margin-left: 10px;
}

.spark-contact-add-btn {
  min-width: 154px;
  height: 52px;
  padding: 0 24px;
  border: 1px solid #7d86ef;
  border-radius: 999px;
  background: linear-gradient(180deg, #7380ef 0%, #5f6de6 100%);
  color: #ffffff;
  box-shadow: 0 8px 20px rgba(83, 97, 210, 0.16);
}

.spark-contacts-filters-shell {
  margin-top: 18px;
  padding: 13px 18px 16px;
  border-radius: 4px;
  background: #f3f3f4;
  border: 0;
}

.spark-contacts-filter-grid {
  display: grid;
  grid-template-columns: minmax(320px, 1.15fr) minmax(230px, 0.95fr) 164px minmax(260px, 0.98fr);
  gap: 16px;
  align-items: end;
}

.spark-contact-filter-field {
  display: grid;
  gap: 6px;
}

.spark-contact-filter-field > label {
  color: #464851;
  font-size: 13px;
  line-height: 1.25;
  font-weight: 700;
}

.spark-contact-search-box {
  display: grid;
  grid-template-columns: 18px 1fr 28px;
  align-items: center;
  gap: 10px;
  min-height: 46px;
  padding: 0 14px;
  border: 1px solid #bcbfc9;
  border-radius: 6px;
  background: #ffffff;
}

.spark-contact-search-box .search-icon {
  color: #9093a0;
}

.spark-contact-search-box .search-icon .ui-icon {
  width: 17px;
  height: 17px;
}

.spark-contact-search-box input {
  padding: 0;
  border: 0;
  box-shadow: none;
  background: transparent;
  color: #2a2d38;
  font-size: 14px;
  font-weight: 600;
}

.spark-contact-search-box input:focus {
  box-shadow: none;
}

.spark-contact-search-mini {
  width: 22px;
  height: 22px;
  border-radius: 4px;
  background: #d4d6df;
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  line-height: 1;
  letter-spacing: -0.04em;
}

.spark-select-wrap {
  position: relative;
}

.spark-select-wrap::after {
  content: '\2304';
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: #666a78;
  font-size: 18px;
  pointer-events: none;
}

.spark-select-wrap select {
  min-height: 46px;
  padding: 0 42px 0 16px;
  border: 1px solid #bcbfc9;
  border-radius: 6px;
  background: #ffffff;
  color: #292c35;
  font-size: 14px;
  font-weight: 600;
  appearance: none;
  box-shadow: none;
}

.spark-report-split {
  display: grid;
  grid-template-columns: 1fr 48px;
  align-items: stretch;
}

.spark-report-main-btn,
.spark-report-toggle {
  min-height: 46px;
  border: 1px solid #bcbfc9;
  background: #ffffff;
  color: #5f6de2;
  font-size: 14px;
  font-weight: 700;
}

.spark-report-main-btn {
  border-radius: 6px 0 0 6px;
  border-right: 0;
}

.spark-report-menu {
  position: relative;
}

.spark-report-toggle {
  list-style: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0 6px 6px 0;
  cursor: pointer;
}

.spark-report-toggle::-webkit-details-marker {
  display: none;
}

.spark-report-toggle .ui-icon {
  width: 16px;
  height: 16px;
}

.spark-report-dropdown {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  min-width: 272px;
  padding: 10px 0;
  border: 1px solid #dfdfe4;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0 16px 34px rgba(18, 23, 43, 0.12);
  z-index: 10;
}

.spark-report-dropdown button {
  width: 100%;
  border: 0;
  background: transparent;
  color: #2f3342;
  text-align: left;
  padding: 11px 16px;
  font-size: 14px;
  font-weight: 600;
}

.spark-report-dropdown button:hover {
  background: #f6f7fb;
}

.spark-contacts-filter-meta-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-top: 14px;
}

.spark-contacts-report-label {
  color: #2d2f36;
  font-size: 15px;
  font-weight: 800;
}

.spark-contacts-filter-meta {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  color: #2c2f39;
  font-size: 14px;
  font-weight: 700;
}

.spark-clear-filters {
  border: 0;
  background: transparent;
  color: #c26d81;
  font-size: 14px;
  font-weight: 700;
  padding: 0;
}

.spark-clear-filters::before {
  content: '×';
  margin-right: 7px;
  font-size: 19px;
  line-height: 0;
  vertical-align: middle;
}

.spark-contacts-table-shell {
  margin-top: 18px;
}

.spark-contacts-table-wrap {
  overflow: hidden;
}

.spark-contacts-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}

.spark-contacts-table thead th {
  color: #7f8087;
  font-size: 13px;
  line-height: 1.25;
  font-weight: 700;
  padding: 10px 6px 14px;
  border-bottom: 1px solid #efeff2;
}

.spark-contacts-table td {
  padding: 16px 6px;
  border-bottom: 1px solid #f0f0f2;
  vertical-align: top;
  color: #22242d;
}

.spark-contacts-table tbody tr:hover {
  background: #fcfcfe;
}

.spark-contact-link {
  border: 0;
  background: transparent;
  padding: 0;
  color: #5a64c8;
  font-size: 16px;
  line-height: 1.25;
  font-weight: 700;
}

.spark-contact-link .row-arrow {
  font-size: 14px;
}

.spark-contact-action {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #383b46;
  font-weight: 600;
}

.spark-contact-action-icon {
  width: 16px;
  height: 16px;
  color: #7b7f91;
}

.spark-contact-inline-pills {
  margin-top: 8px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.spark-contact-stage-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 999px;
  background: #f4f3fe;
  color: #5d63bf;
  font-size: 13px;
  line-height: 1.2;
  font-weight: 700;
}

.spark-contact-stage-pill .stage-pill-icon {
  width: 14px;
  height: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.spark-contact-stage-pill .stage-pill-icon .ui-icon {
  width: 14px;
  height: 14px;
}

.spark-soft-pill.small {
  padding: 4px 8px;
  font-size: 11px;
}

.spark-row-menu-toggle {
  width: 28px;
  height: 28px;
  border-radius: 999px;
  color: #6d7091;
}

.spark-row-menu-card {
  right: 0;
  min-width: 180px;
  border-radius: 10px;
}

@media (max-width: 1320px) {
  .spark-contact-overview-layout {
    grid-template-columns: 1fr;
  }

  .spark-contact-resource-rail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 1120px) {
  .spark-contact-overview-cards,
  .spark-contact-overview-grid,
  .spark-overview-mini-cards.two-up,
  .spark-contacts-filter-grid {
    grid-template-columns: 1fr 1fr;
  }

  .spark-contact-overview-totals {
    gap: 32px;
  }
}

@media (max-width: 760px) {
  .spark-contact-overview-cards,
  .spark-contact-overview-grid,
  .spark-overview-mini-cards.two-up,
  .spark-contact-resource-rail,
  .spark-contacts-filter-grid {
    grid-template-columns: 1fr;
  }

  .spark-contacts-head,
  .spark-contacts-filter-meta-row,
  .spark-contact-overview-totals {
    flex-direction: column;
    align-items: flex-start;
  }

  .spark-contacts-title-row h1,
  .spark-contact-overview-hero h1 {
    font-size: 42px;
  }

  .spark-contacts-title-meta {
    margin-left: 0;
  }
}

/* v11 contacts production refinement */
:root {
  --brokeros-serif-display: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;
}

.page-head h1,
.spark-contact-overview-hero h1,
.spark-contacts-title-row h1 {
  font-family: var(--brokeros-serif-display) !important;
}

.page-head h1 {
  font-weight: 500;
  letter-spacing: -0.04em;
}

.spark-contact-overview-page {
  max-width: 1400px;
}

.spark-contact-overview-layout {
  grid-template-columns: minmax(0, 1fr) 196px;
  gap: 38px;
}

.spark-contact-overview-hero h1 {
  font-size: 58px;
  line-height: 0.95;
  letter-spacing: -0.042em;
}

.spark-contact-overview-totals {
  gap: 92px;
  margin: 16px 0 20px;
}

.spark-contact-overview-totals strong,
.spark-contact-overview-totals span {
  font-size: 20px;
}

.spark-contact-overview-cards,
.spark-overview-mini-cards {
  gap: 16px;
}

.spark-contact-overview-card {
  min-height: 56px;
  border-color: #cfd4e0;
  border-radius: 7px;
  padding: 13px 15px;
}

.spark-contact-overview-card-copy strong {
  font-size: 14px;
  font-weight: 700;
  color: #27326a;
}

.spark-contact-overview-card-copy span {
  font-size: 12px;
  color: #5f6788;
}

.spark-contact-card-title {
  font-size: 18px;
}

.spark-contact-card-title.lg {
  font-size: 20px;
}

.spark-progress-row {
  grid-template-columns: 1fr minmax(136px, 1.28fr) 34px;
  gap: 12px;
}

.spark-progress-label {
  font-size: 10.8px;
  color: #262832;
}

.spark-progress-track {
  background: #eceef3;
}

.spark-progress-track span {
  background: #e3dac0;
}

.spark-progress-count {
  background: #f0f1f4;
  color: #626677;
}

.spark-contact-resource-rail {
  gap: 18px;
  padding-top: 10px;
}

.spark-contact-side-card h3 {
  font-size: 16px;
  margin-bottom: 11px;
}

.spark-contact-side-lines,
.spark-side-group ul {
  font-size: 12px;
}

.spark-side-label {
  font-size: 13px;
}

.spark-contacts-head {
  margin-bottom: 12px;
}

.spark-contacts-title-row {
  display: flex;
  align-items: baseline;
  gap: 10px;
  flex-wrap: wrap;
}

.spark-contacts-title-row h1 {
  color: #24368f;
  font-size: 66px;
  line-height: 0.92;
  letter-spacing: -0.048em;
  font-weight: 700;
}

.spark-contacts-title-meta {
  color: #2f3139;
  font-size: 18px;
  font-weight: 700;
  margin-left: 0;
}

.spark-contact-add-btn {
  min-width: 154px;
  height: 50px;
  border-color: #8189e6;
  border-radius: 999px;
  background: linear-gradient(180deg, #6f7cf0 0%, #5b69e0 100%);
  font-size: 14px;
  font-weight: 800;
}

.spark-contact-stats-row {
  gap: 28px;
  margin: 8px 0 16px;
}

.spark-contact-stat-copy strong,
.spark-contact-stat-copy span {
  font-size: 13px;
}

.spark-contacts-filters-shell {
  margin-top: 14px;
  padding: 14px 18px 17px;
  border-radius: 4px;
  background: #f3f3f4;
}

.spark-contacts-filter-grid {
  grid-template-columns: minmax(324px, 1.16fr) minmax(234px, 0.95fr) 164px minmax(268px, 0.98fr);
  gap: 18px;
}

.spark-contact-filter-field > label {
  color: #484b55;
  font-size: 13px;
  font-weight: 700;
}

.spark-contact-search-box {
  min-height: 46px;
  padding: 0 14px;
  border: 1px solid #bcbfc9;
  border-radius: 7px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.85);
}

.spark-contact-search-box input {
  font-size: 14px;
  font-weight: 600;
  color: #2c2f39;
}

.spark-contact-search-box input::placeholder {
  color: #a5a8b4;
}

.spark-contact-search-mini {
  width: 22px;
  height: 22px;
  border-radius: 4px;
  background: #d4d7df;
  font-size: 10px;
  font-weight: 800;
}

.spark-select-wrap select,
.spark-report-main-btn,
.spark-report-toggle {
  min-height: 46px;
  border: 1px solid #bcbfc9;
  border-radius: 7px;
  font-size: 14px;
  font-weight: 600;
  color: #2a2d36;
}

.spark-report-main-btn {
  border-radius: 7px 0 0 7px;
  color: #606cde;
  font-weight: 700;
}

.spark-report-toggle {
  border-radius: 0 7px 7px 0;
  color: #606cde;
}

.spark-report-dropdown {
  min-width: 276px;
}

.spark-contacts-filter-meta-row {
  margin-top: 12px;
}

.spark-contacts-report-label {
  font-size: 14px;
  font-weight: 800;
}

.spark-contacts-filter-meta {
  font-size: 14px;
}

.spark-contacts-table thead th {
  color: #80828b;
  font-size: 12px;
  font-weight: 700;
  padding: 12px 6px 14px;
}

.spark-contacts-table td {
  padding: 16px 6px;
  color: #23252d;
}

.spark-contact-link {
  color: #5962c9;
  font-size: 15px;
  font-weight: 700;
}

.spark-contact-action {
  font-size: 14px;
}

.spark-contact-stage-pill {
  padding: 5px 9px;
  background: #f4f4fe;
  color: #6267be;
  font-size: 12px;
}

.spark-soft-pill.small {
  padding: 4px 7px;
  font-size: 10px;
  border-radius: 999px;
}

.spark-contact-drawer-head h3,
.spark-contact-drawer-card h4 {
  font-family: var(--brokeros-serif-display);
}

@media (max-width: 1120px) {
  .spark-contact-overview-layout {
    grid-template-columns: 1fr;
  }

  .spark-contact-resource-rail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .spark-contacts-filter-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 760px) {
  .spark-contact-resource-rail,
  .spark-contacts-filter-grid,
  .spark-contact-overview-cards,
  .spark-overview-mini-cards.two-up,
  .spark-contact-overview-grid {
    grid-template-columns: 1fr;
  }

  .spark-contact-overview-hero h1,
  .spark-contacts-title-row h1,
  .page-head h1 {
    font-size: 42px;
  }
}


/* v12 contacts directory final + resource pages */
.spark-contacts-directory-page .spark-contacts-section-tabs,
.spark-contacts-overview-page .spark-contacts-section-tabs { display: none !important; }

.spark-resource-link {
  appearance: none;
  border: 0;
  background: transparent;
  padding: 0;
  color: #253273;
  font: inherit;
  cursor: pointer;
  text-decoration: none;
}
.spark-resource-link:hover { color: #4d5fcb; }
.spark-resource-link.heading { font-size: 16px; font-weight: 800; }
.spark-resource-link.left { text-align: left; }
.spark-resource-link.list { font-size: 13px; line-height: 1.5; color: #26304d; }
.spark-resource-link.subtle { color: #27314e; font-size: 12px; font-weight: 600; }

.spark-contact-side-lines { align-items: flex-start; }
.spark-contact-side-card .spark-side-label.spark-resource-link { display: block; }
.spark-side-group ul li button { width: 100%; text-align: left; }

.spark-contacts-directory-page .spark-contacts-head { margin-bottom: 8px; }
.spark-contacts-directory-page .spark-contact-stats-row { margin: 6px 0 14px; gap: 34px; }
.spark-contacts-directory-page .spark-contact-stat-copy strong,
.spark-contacts-directory-page .spark-contact-stat-copy span { font-size: 12px; font-weight: 700; }
.spark-contacts-directory-page .spark-contact-add-btn { margin-top: -2px; }

.spark-contacts-directory-page .spark-contacts-filters-shell {
  margin-top: 12px;
  background: #f2f2f3;
  border-radius: 3px;
  padding: 12px 18px 15px;
}
.spark-contacts-directory-page .spark-contacts-filter-grid {
  grid-template-columns: minmax(318px, 1.06fr) minmax(250px, 0.94fr) 166px minmax(252px, 0.9fr);
  gap: 16px;
  align-items: end;
}
.spark-contacts-directory-page .spark-contact-filter-field > label {
  color: #45474f;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
}
.spark-contacts-directory-page .spark-contact-search-box {
  display: grid;
  grid-template-columns: 18px 1fr 28px;
  align-items: center;
  gap: 10px;
  min-height: 45px;
  padding: 0 13px;
  border: 1px solid #bcbfc8;
  border-radius: 6px;
  background: #fff;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.9);
}
.spark-contacts-directory-page .spark-contact-search-box input {
  border: 0;
  background: transparent;
  padding: 0;
  margin: 0;
  height: 100%;
  box-shadow: none;
  color: #2c2f38;
  font-size: 14px;
  font-weight: 600;
}
.spark-contacts-directory-page .spark-contact-search-box .search-icon { color: #8b8f9b; }
.spark-contacts-directory-page .spark-contact-search-mini {
  width: 22px;
  height: 22px;
  border-radius: 4px;
  background: #d1d4dd;
  color: #fff;
  font-size: 10px;
  font-weight: 800;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.spark-contacts-directory-page .spark-select-wrap select,
.spark-contacts-directory-page .spark-report-main-btn,
.spark-contacts-directory-page .spark-report-toggle {
  min-height: 45px;
  border: 1px solid #bcbfc8;
  border-radius: 6px;
  background: #fff;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.9);
  color: #2b2e36;
  font-size: 14px;
  font-weight: 600;
}
.spark-contacts-directory-page .spark-select-wrap select { padding: 0 40px 0 16px; }
.spark-contacts-directory-page .spark-select-wrap::after { content: '⌄'; right: 14px; font-size: 18px; color: #666b79; }
.spark-contacts-directory-page .spark-report-split { grid-template-columns: 1fr 46px; }
.spark-contacts-directory-page .spark-report-main-btn { border-radius: 6px 0 0 6px; border-right: 0; color: #616ddc; font-weight: 700; }
.spark-contacts-directory-page .spark-report-toggle { border-radius: 0 6px 6px 0; color: #616ddc; display: inline-flex; align-items: center; justify-content: center; list-style: none; cursor: pointer; }
.spark-contacts-directory-page .spark-report-toggle::-webkit-details-marker { display: none; }
.spark-contacts-directory-page .spark-report-caret { font-size: 19px; line-height: 1; transform: translateY(-1px); }
.spark-contacts-directory-page .spark-report-dropdown { min-width: 276px; border-radius: 10px; padding: 8px 0; }
.spark-contacts-directory-page .spark-report-dropdown button { font-size: 14px; font-weight: 600; padding: 11px 16px; }
.spark-contacts-directory-page .spark-contacts-filter-meta-row { margin-top: 11px; }
.spark-contacts-directory-page .spark-contacts-report-label { color: #2e3037; font-size: 15px; font-weight: 800; }
.spark-contacts-directory-page .spark-contacts-filter-meta { gap: 12px; color: #2e3139; font-size: 14px; font-weight: 700; }
.spark-contacts-directory-page .spark-clear-filters { color: #cb7081; font-weight: 700; }
.spark-contacts-directory-page .spark-clear-filters::before { margin-right: 6px; }
.spark-contacts-directory-page .spark-contacts-table-shell { margin-top: 18px; }
.spark-contacts-directory-page .spark-contacts-table thead th { color: #82848d; font-size: 12px; font-weight: 700; padding: 11px 8px 13px; }
.spark-contacts-directory-page .spark-contacts-table td { padding: 16px 8px; color: #23252e; }
.spark-contacts-directory-page .spark-contact-link { color: #5c64c7; font-size: 15px; font-weight: 700; }
.spark-contacts-directory-page .spark-contact-link .row-arrow { font-size: 13px; }
.spark-contacts-directory-page .cell-sub { font-size: 12px; color: #666b7d; }
.spark-contacts-directory-page .spark-contact-action { color: #333642; font-size: 14px; }
.spark-contacts-directory-page .spark-contact-stage-pill { background: #f4f4fe; color: #6368bf; font-size: 12px; }
.spark-contacts-directory-page .spark-row-menu-toggle { color: #666a7b; font-size: 20px; }

.spark-resource-page { max-width: 1360px; }
.spark-resource-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) 300px; gap: 24px; margin-bottom: 24px; }
.spark-resource-grid.lower { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.spark-resource-main-card, .spark-resource-side-card { border-radius: 24px; background: #fff; border: 1px solid var(--line); box-shadow: var(--shadow); }
.spark-resource-main-card { padding: 24px 26px; }
.spark-resource-side-card { padding: 22px; }
.spark-resource-kicker { color: #6c7595; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 8px; }
.spark-resource-main-card h2 { margin: 0 0 10px; font-family: var(--brokeros-serif-display); color: #24368f; font-size: 42px; line-height: 0.98; letter-spacing: -0.04em; }
.spark-resource-main-card p { margin: 0; color: #606989; line-height: 1.7; max-width: 760px; }
.spark-resource-pill-row { display: flex; flex-wrap: wrap; gap: 10px; margin: 16px 0 20px; }
.spark-resource-card-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 18px; }
.spark-resource-card { border: 1px solid var(--line); border-radius: 18px; padding: 16px; background: #fbfcff; }
.spark-resource-card-title, .spark-resource-side-title { color: #25316d; font-size: 16px; font-weight: 800; margin-bottom: 12px; }
.spark-resource-side-title.minor { margin-top: 18px; }
.spark-resource-link-stack { display: grid; gap: 10px; }
.spark-resource-link-stack.compact { gap: 8px; }
.spark-resource-mini-link { border: 1px solid #dde3f0; background: #fff; color: #4151a1; padding: 10px 12px; border-radius: 12px; font-weight: 700; text-align: left; cursor: pointer; }
.spark-resource-mini-link:hover { background: #f6f8ff; }
.spark-resource-side-copy { display: grid; gap: 7px; color: #2c3552; font-size: 14px; }
.spark-resource-side-copy .strong { font-weight: 800; }
.spark-resource-side-copy a { color: #4151a1; text-decoration: none; }
.spark-resource-list { display: grid; gap: 10px; }
.spark-resource-list-row { display: flex; justify-content: space-between; gap: 12px; padding: 12px 0; border-bottom: 1px solid #edf0f6; color: #536083; }
.spark-resource-list-row strong { color: #273470; font-size: 14px; }
.spark-resource-list-row span { font-size: 13px; }

@media (max-width: 1180px) {
  .spark-resource-grid { grid-template-columns: 1fr; }
  .spark-resource-grid.lower { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .spark-resource-card-grid,
  .spark-contacts-directory-page .spark-contacts-filter-grid { grid-template-columns: 1fr; }
}


/* v13 contacts directory precision pass + linked workspaces */
.spark-contacts-directory-page {
  max-width: 1510px;
}

.spark-contacts-directory-page .spark-contacts-head {
  align-items: center;
  gap: 18px;
  margin-bottom: 12px;
}

.spark-contacts-directory-page .spark-contacts-title-row {
  align-items: baseline;
  gap: 10px;
}

.spark-contacts-directory-page .spark-contacts-title-row h1 {
  color: #233491;
  font-size: 86px;
  line-height: 0.92;
  letter-spacing: -0.055em;
  margin: 0;
}

.spark-contacts-directory-page .spark-contacts-title-meta {
  color: #23252d;
  font-size: 22px;
  font-weight: 800;
  margin-left: 0;
}

.spark-contacts-directory-page .spark-contact-stats-row {
  margin: 6px 0 18px;
  gap: 42px;
}

.spark-contacts-directory-page .spark-contact-stat {
  gap: 9px;
}

.spark-contacts-directory-page .spark-contact-stat-icon {
  width: 18px;
  height: 18px;
  color: #6e73d8;
}

.spark-contacts-directory-page .spark-contact-stat-copy strong,
.spark-contacts-directory-page .spark-contact-stat-copy span {
  color: #6e73d8;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.spark-contacts-directory-page .spark-contact-add-btn {
  min-width: 144px;
  min-height: 56px;
  border-radius: 999px;
  background: linear-gradient(135deg, #6a73ea 0%, #5566dc 100%);
  box-shadow: 0 14px 26px rgba(77, 94, 208, 0.18);
  font-size: 17px;
  font-weight: 800;
}

.spark-contacts-directory-page .spark-contacts-filters-shell {
  margin-top: 10px;
  background: #f1f1f2;
  border-radius: 4px;
  padding: 14px 18px 16px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.65);
}

.spark-contacts-directory-page .spark-contacts-filter-grid {
  grid-template-columns: minmax(312px, 1.06fr) minmax(232px, 0.92fr) 164px minmax(256px, 0.9fr);
  gap: 16px;
  align-items: end;
}

.spark-contacts-directory-page .spark-contact-filter-field > label {
  color: #3d3f46;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: -0.01em;
  margin-bottom: 7px;
}

.spark-contacts-directory-page .spark-contact-search-box {
  position: relative;
  display: grid;
  grid-template-columns: 19px 1fr auto;
  align-items: center;
  gap: 11px;
  min-height: 46px;
  padding: 0 12px 0 14px;
  border: 1px solid #b9bcc7;
  border-radius: 8px;
  background: #fff;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.95), 0 1px 0 rgba(0,0,0,0.03);
}

.spark-contacts-directory-page .spark-contact-search-box input {
  border: 0;
  background: transparent;
  box-shadow: none;
  outline: 0;
  width: 100%;
  height: 100%;
  color: #282c34;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.01em;
  padding: 0;
}

.spark-contacts-directory-page .spark-contact-search-box .search-icon,
.spark-contacts-directory-page .spark-contact-search-box .search-icon .ui-icon {
  width: 18px;
  height: 18px;
  color: #8c909a;
}

.spark-contacts-directory-page .spark-search-utility {
  position: relative;
}

.spark-contacts-directory-page .spark-contact-search-mini {
  width: 24px;
  height: 24px;
  border: 0;
  border-radius: 5px;
  background: #d0d3dc;
  color: #fff;
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  list-style: none;
  cursor: pointer;
  user-select: none;
}

.spark-contacts-directory-page .spark-contact-search-mini::-webkit-details-marker,
.spark-contacts-directory-page .spark-menu-select summary::-webkit-details-marker,
.spark-contacts-directory-page .spark-report-toggle::-webkit-details-marker {
  display: none;
}

.spark-contacts-directory-page .spark-search-utility-menu,
.spark-contacts-directory-page .spark-menu-select-dropdown,
.spark-contacts-directory-page .spark-report-dropdown {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  z-index: 30;
  min-width: 228px;
  padding: 8px 0;
  border: 1px solid #d7dbe6;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 18px 45px rgba(16, 26, 68, 0.12);
}

.spark-contacts-directory-page .spark-search-utility-menu {
  right: 0;
  left: auto;
  min-width: 220px;
}

.spark-contacts-directory-page .spark-search-utility-menu button,
.spark-contacts-directory-page .spark-menu-select-option,
.spark-contacts-directory-page .spark-report-dropdown button {
  width: 100%;
  border: 0;
  background: transparent;
  color: #28304d;
  padding: 11px 14px;
  font-size: 14px;
  font-weight: 600;
  text-align: left;
  cursor: pointer;
}

.spark-contacts-directory-page .spark-search-utility-menu button:hover,
.spark-contacts-directory-page .spark-menu-select-option:hover,
.spark-contacts-directory-page .spark-report-dropdown button:hover {
  background: #f5f7fc;
}

.spark-contacts-directory-page .spark-menu-select {
  position: relative;
  display: block;
}

.spark-contacts-directory-page .spark-menu-select-trigger,
.spark-contacts-directory-page .spark-report-main-btn,
.spark-contacts-directory-page .spark-report-toggle {
  min-height: 46px;
  border: 1px solid #b9bcc7;
  border-radius: 8px;
  background: #fff;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.95), 0 1px 0 rgba(0,0,0,0.03);
}

.spark-contacts-directory-page .spark-menu-select-trigger {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 14px 0 16px;
  color: #272b34;
  cursor: pointer;
}

.spark-contacts-directory-page .spark-menu-select-value {
  font-size: 14px;
  font-weight: 600;
  color: #2a2d35;
}

.spark-contacts-directory-page .spark-menu-select-caret {
  width: 14px;
  height: 14px;
  color: #727784;
  transform: rotate(45deg);
}

.spark-contacts-directory-page .spark-menu-select-caret .ui-icon {
  width: 14px;
  height: 14px;
  stroke-width: 2.1;
}

.spark-contacts-directory-page .spark-menu-select-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.spark-contacts-directory-page .spark-menu-select-option.active {
  color: #4e5fcd;
  background: #f5f7ff;
}

.spark-contacts-directory-page .spark-menu-select-check {
  color: #4e5fcd;
  font-size: 13px;
  font-weight: 800;
}

.spark-contacts-directory-page .spark-select-wrap { display: none !important; }

.spark-contacts-directory-page .spark-report-split {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 56px;
  gap: 0;
}

.spark-contacts-directory-page .spark-report-main-btn {
  border-radius: 8px 0 0 8px;
  border-right: 0;
  color: #5e6bdd;
  font-size: 14px;
  font-weight: 800;
}

.spark-contacts-directory-page .spark-report-menu {
  position: relative;
}

.spark-contacts-directory-page .spark-report-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0 8px 8px 0;
  color: #5e6bdd;
  cursor: pointer;
}

.spark-contacts-directory-page .spark-report-menu[open] .spark-report-toggle,
.spark-contacts-directory-page .spark-menu-select[open] .spark-menu-select-trigger,
.spark-contacts-directory-page .spark-search-utility[open] .spark-contact-search-mini {
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.95), 0 0 0 2px rgba(96, 108, 219, 0.12);
}

.spark-contacts-directory-page .spark-report-caret {
  color: #5e6bdd;
  font-size: 18px;
  line-height: 1;
  transform: translateY(-1px);
}

.spark-contacts-directory-page .spark-report-dropdown {
  left: auto;
  right: 0;
  min-width: 286px;
}

.spark-contacts-directory-page .spark-contacts-filter-meta-row {
  margin-top: 10px;
  align-items: center;
}

.spark-contacts-directory-page .spark-contacts-report-label {
  color: #23262d;
  font-size: 14px;
  font-weight: 800;
}

.spark-contacts-directory-page .spark-contacts-filter-meta {
  gap: 12px;
  color: #21242d;
  font-size: 13px;
  font-weight: 800;
}

.spark-contacts-directory-page .spark-clear-filters {
  color: #cf7085;
  font-size: 13px;
  font-weight: 800;
}

.spark-contacts-directory-page .spark-clear-filters::before {
  content: '×';
  margin-right: 8px;
  font-size: 18px;
  line-height: 1;
  vertical-align: -1px;
}

.spark-contacts-directory-page .spark-contacts-table-shell {
  margin-top: 18px;
}

.spark-contacts-directory-page .spark-contacts-table-wrap {
  min-height: 118px;
  border: 1px solid #e5e7ee;
  border-radius: 24px;
  background: #fff;
}

.spark-contacts-directory-page .spark-contacts-empty-shell {
  min-height: 118px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 28px;
  color: #5f6887;
}

.spark-contacts-directory-page .spark-contacts-empty-illustration {
  width: 38px;
  height: 38px;
  color: #c1c8dc;
}

.spark-contacts-directory-page .spark-contacts-empty-illustration .ui-icon {
  width: 38px;
  height: 38px;
}

.spark-contacts-directory-page .spark-contacts-empty-copy {
  display: grid;
  gap: 5px;
  text-align: center;
}

.spark-contacts-directory-page .spark-contacts-empty-copy strong {
  color: #2d3349;
  font-size: 16px;
}

.spark-contacts-directory-page .spark-contacts-empty-copy span {
  max-width: 520px;
  font-size: 14px;
  line-height: 1.55;
}

.spark-contacts-directory-page .spark-contacts-table thead th {
  color: #81848f;
  font-size: 12px;
  font-weight: 700;
  padding: 14px 10px 12px;
}

.spark-contacts-directory-page .spark-contacts-table td {
  padding: 17px 10px;
}

.spark-contacts-directory-page .spark-contact-link {
  color: #5a63c8;
  font-size: 15px;
  font-weight: 800;
}

.spark-contacts-directory-page .spark-contact-stage-pill {
  background: #f3f4fc;
  color: #6269c0;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 800;
}

.spark-contact-overview-page .spark-contact-resource-rail .spark-contact-side-card {
  background: #fff;
  border: 1px solid #e6e8f1;
  box-shadow: 0 8px 22px rgba(16, 26, 68, 0.05);
}

.spark-contact-overview-page .spark-contact-side-card h3,
.spark-contact-overview-page .spark-contact-side-card .spark-side-label,
.spark-contact-overview-page .spark-resource-link.heading {
  color: #202531;
}

.spark-contact-overview-page .spark-contact-side-lines,
.spark-contact-overview-page .spark-resource-link.subtle,
.spark-contact-overview-page .spark-resource-link.list {
  color: #27314e;
}

.spark-resource-page.v13 {
  max-width: 1450px;
}

.spark-resource-page.v13 .page-head h1 {
  color: #233491;
}

.spark-resource-page.v13 .page-head p {
  max-width: 780px;
}

.spark-resource-step-list,
.spark-resource-module-grid,
.spark-resource-faq-list {
  display: grid;
  gap: 14px;
}

.spark-resource-step-card,
.spark-resource-module-card {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 14px;
  align-items: center;
  width: 100%;
  padding: 16px 18px;
  border-radius: 16px;
  border: 1px solid #e3e7f2;
  background: #fbfcff;
  color: #2c3552;
  text-align: left;
}

.spark-resource-step-card p {
  margin: 4px 0 0;
  color: #5f6885;
  font-size: 14px;
  line-height: 1.55;
}

.spark-resource-step-index {
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: #eef2ff;
  color: #4e5fcd;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
}

.spark-resource-module-card {
  grid-template-columns: 22px 1fr;
  cursor: pointer;
}

.spark-resource-module-card .ui-icon {
  width: 20px;
  height: 20px;
  color: #5767d8;
}

.spark-resource-module-card span {
  font-weight: 700;
}

.spark-resource-faq-item {
  border: 1px solid #e3e7f2;
  border-radius: 16px;
  background: #fff;
  overflow: hidden;
}

.spark-resource-faq-item summary {
  list-style: none;
  cursor: pointer;
  padding: 16px 18px;
  font-weight: 800;
  color: #273470;
}

.spark-resource-faq-item summary::-webkit-details-marker { display: none; }
.spark-resource-faq-item > div {
  padding: 0 18px 16px;
  color: #5f6885;
  line-height: 1.6;
}

@media (max-width: 1220px) {
  .spark-contacts-directory-page .spark-contacts-filter-grid {
    grid-template-columns: 1fr 1fr;
  }
  .spark-contacts-directory-page .spark-contact-filter-field.split,
  .spark-contacts-directory-page .spark-contact-filter-field.sort {
    grid-column: span 1;
  }
}

@media (max-width: 760px) {
  .spark-contacts-directory-page .spark-contacts-title-row h1 {
    font-size: 54px;
  }
  .spark-contacts-directory-page .spark-contacts-filter-grid,
  .spark-resource-grid,
  .spark-resource-grid.lower {
    grid-template-columns: 1fr;
  }
  .spark-contacts-directory-page .spark-contact-stats-row {
    gap: 18px;
  }
}

/* v14 contacts directory alignment hotfix */
.spark-contacts-directory-page .spark-contact-filter-field.search.wide,
.spark-contacts-directory-page .spark-contact-filter-field.report,
.spark-contacts-directory-page .spark-contact-filter-field.split,
.spark-contacts-directory-page .spark-contact-filter-field.sort {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.spark-contacts-directory-page .spark-contact-filter-field > label:not(.spark-contact-search-box) {
  color: #3d3f46;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: -0.01em;
  line-height: 1.2;
  margin-bottom: 7px;
  display: block;
}

.spark-contacts-directory-page .spark-contact-filter-field > .spark-contact-search-box {
  margin-bottom: 0;
}

.spark-contacts-directory-page .spark-contact-search-box.spark-contact-search-box-style,
.spark-contacts-directory-page .spark-menu-select-trigger,
.spark-contacts-directory-page .spark-report-main-btn,
.spark-contacts-directory-page .spark-report-toggle {
  min-height: 50px;
}

.spark-contacts-directory-page .spark-menu-select-trigger,
.spark-contacts-directory-page .spark-report-main-btn,
.spark-contacts-directory-page .spark-report-toggle,
.spark-contacts-directory-page .spark-contact-search-box {
  align-self: stretch;
}


/* v15 global link treatment + auth boot shell */
:root {
  --link: #5064d7;
  --link-hover: #293fae;
  --link-soft: rgba(80, 100, 215, 0.14);
  --link-soft-strong: rgba(80, 100, 215, 0.24);
}

.workspace-main a[href]:not(.btn):not(.view-chip):not(.updated-pill):not(.chip):not(.status),
.workspace-main .text-link,
.workspace-main .spark-inline-link,
.workspace-main .spark-contact-link,
.workspace-main .spark-resource-link,
.workspace-main .spark-clear-filters,
.workspace-main .ghost-link.tiny,
.workspace-main .spark-resource-side-copy a,
.workspace-main .spark-resource-list a,
.workspace-main .spark-contacts-filter-meta button {
  color: var(--link);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: color .16s ease, border-color .16s ease, box-shadow .16s ease, background-color .16s ease, transform .16s ease;
}

.workspace-main a[href]:not(.btn):not(.view-chip):not(.updated-pill):not(.chip):not(.status):hover,
.workspace-main .text-link:hover,
.workspace-main .spark-inline-link:hover,
.workspace-main .spark-contact-link:hover,
.workspace-main .spark-resource-link:hover,
.workspace-main .spark-clear-filters:hover,
.workspace-main .ghost-link.tiny:hover,
.workspace-main .spark-resource-side-copy a:hover,
.workspace-main .spark-resource-list a:hover,
.workspace-main .spark-contacts-filter-meta button:hover {
  color: var(--link-hover);
  border-bottom-color: var(--link-soft-strong);
  box-shadow: inset 0 -0.14em 0 var(--link-soft);
}

.workspace-main a[href]:not(.btn):not(.view-chip):not(.updated-pill):not(.chip):not(.status):focus-visible,
.workspace-main .text-link:focus-visible,
.workspace-main .spark-inline-link:focus-visible,
.workspace-main .spark-contact-link:focus-visible,
.workspace-main .spark-resource-link:focus-visible,
.workspace-main .spark-clear-filters:focus-visible,
.workspace-main .ghost-link.tiny:focus-visible,
.workspace-main .spark-resource-side-copy a:focus-visible,
.workspace-main .spark-resource-list a:focus-visible,
.workspace-main .spark-contacts-filter-meta button:focus-visible {
  outline: none;
  border-bottom-color: var(--link-soft-strong);
  box-shadow: 0 0 0 3px rgba(80, 100, 215, 0.14);
  border-radius: 6px;
}

.top-link-action,
.top-link-action span,
.rail-head-copy a,
.spark-shot-meta-header a {
  transition: color .16s ease, opacity .16s ease;
}

.top-link-action:hover span,
.top-link-action:hover .top-link-icon,
.spark-shot-meta-header a:hover,
.rail-head-copy a:hover {
  color: var(--link-hover);
}

.spark-boot-shell {
  min-height: 100vh;
}

.spark-boot-global-header {
  z-index: 3;
}

.spark-boot-main {
  position: relative;
}

.spark-boot-rail-link {
  pointer-events: none;
}

.spark-boot-rail-link .rail-link-icon,
.spark-boot-rail-link .rail-link-text,
.spark-boot-avatar,
.spark-boot-icon,
.spark-boot-pill,
.spark-boot-title,
.spark-boot-subtitle,
.spark-boot-card,
.spark-boot-line,
.spark-boot-search {
  position: relative;
  overflow: hidden;
}

.spark-boot-rail-link .rail-link-icon::after,
.spark-boot-rail-link .rail-link-text::after,
.spark-boot-avatar::after,
.spark-boot-icon::after,
.spark-boot-pill::after,
.spark-boot-title::after,
.spark-boot-subtitle::after,
.spark-boot-card::after,
.spark-boot-line::after,
.spark-boot-search::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.72) 48%, rgba(255,255,255,0) 100%);
  transform: translateX(-100%);
  animation: sparkBootSweep 1.25s ease-in-out infinite;
}

.spark-boot-avatar,
.spark-boot-icon,
.spark-boot-pill,
.spark-boot-card,
.spark-boot-line,
.spark-boot-search {
  background: #eef1f8;
}

.spark-boot-avatar {
  color: rgba(102, 112, 148, 0.6);
}

.spark-boot-line {
  height: 16px;
  width: 230px;
  border-radius: 999px;
}

.spark-boot-line.short {
  width: 240px;
}

.spark-boot-meta {
  gap: 12px;
}

.spark-boot-pill {
  display: inline-flex;
  width: 118px;
  height: 18px;
  border-radius: 999px;
}

.spark-boot-pill.small {
  width: 74px;
}

.spark-boot-search {
  display: flex;
  align-items: center;
  min-height: 58px;
  border: 1px solid #dfe4ef;
  border-radius: 18px;
  padding: 0 18px;
  color: #8891ae;
}

.spark-boot-search-text {
  position: relative;
  z-index: 1;
  font-weight: 600;
  color: #8e96af;
}

.spark-boot-stage {
  padding-top: 34px;
}

.spark-boot-title {
  height: 72px;
  width: min(620px, 72%);
  border-radius: 28px;
  background: #e9edf8;
  margin-bottom: 18px;
}

.spark-boot-subtitle {
  height: 18px;
  width: 290px;
  border-radius: 999px;
  background: #eef1f8;
  margin-bottom: 26px;
}

.spark-boot-grid {
  display: grid;
  grid-template-columns: 0.78fr 1.22fr;
  gap: 22px;
  margin-bottom: 22px;
}

.spark-boot-grid.lower {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.spark-boot-card {
  min-height: 220px;
  border-radius: 28px;
  border: 1px solid #e8ebf3;
  background: #f7f9fd;
}

.spark-boot-card.tall {
  min-height: 348px;
}

@keyframes sparkBootSweep {
  100% { transform: translateX(100%); }
}

@media (max-width: 980px) {
  .spark-boot-grid,
  .spark-boot-grid.lower {
    grid-template-columns: 1fr;
  }

  .spark-boot-title {
    width: 100%;
    height: 58px;
  }
}


/* v16 support request workspace */
.spark-support-wizard-page {
  max-width: 1480px;
  padding-top: 8px;
}

.spark-support-title-block {
  margin: 10px 0 12px;
}

.spark-support-title-block h1 {
  margin: 0;
  color: #1f2d8f;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 74px;
  line-height: 0.96;
  letter-spacing: -0.058em;
  font-weight: 800;
}

.spark-support-stepper {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 18px 0 12px;
}

.spark-support-step {
  border: 0;
  background: transparent;
  color: #5e6270;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 5px 10px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 700;
}

.spark-support-step .spark-support-step-dot {
  width: 6px;
  height: 6px;
  border-radius: 2px;
  background: currentColor;
  flex: 0 0 auto;
}

.spark-support-step.active {
  background: #f3f0ff;
  color: #6672df;
}

.spark-support-step.done {
  color: #585c69;
}

.spark-support-step.locked {
  opacity: 0.85;
}

.spark-support-step.clickable {
  cursor: pointer;
}

.spark-support-step:disabled {
  cursor: default;
}

.spark-support-step-gap {
  width: 8px;
}

.spark-support-form-card {
  max-width: 500px;
  padding-top: 2px;
}

.spark-support-form-card h2 {
  margin: 0 0 12px;
  color: #222f88;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 58px;
  line-height: 0.98;
  letter-spacing: -0.048em;
  font-weight: 700;
}

.spark-support-field-label {
  display: block;
  margin: 18px 0 8px;
  color: #232734;
  font-size: 20px;
  line-height: 1.35;
  font-weight: 700;
}

.spark-support-field-label.top-gap {
  margin-top: 20px;
}

.spark-support-select {
  position: relative;
  display: block;
  width: 470px;
  max-width: 100%;
}

.spark-support-select summary::-webkit-details-marker {
  display: none;
}

.spark-support-select-trigger {
  list-style: none;
  min-height: 48px;
  border: 1px solid #b9bdc9;
  border-radius: 4px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 0 15px;
  color: #484d59;
  font-size: 14px;
  font-weight: 600;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.9);
  cursor: pointer;
}

.spark-support-select[open] .spark-support-select-trigger,
.spark-support-inline-select[open] .spark-support-select-trigger {
  border-color: #717ce7;
  box-shadow: 0 0 0 2px rgba(113, 124, 231, 0.18);
}

.spark-support-select-value {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.spark-support-select-caret,
.spark-support-select-caret .ui-icon {
  width: 15px;
  height: 15px;
  color: #6f7583;
}

.spark-support-select-menu {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  z-index: 45;
  width: 100%;
  max-height: 348px;
  overflow: auto;
  border: 1px solid #cfd3df;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 20px 38px rgba(17, 26, 65, 0.12);
}

.spark-support-contact-menu {
  padding: 0;
}

.spark-support-contact-group + .spark-support-contact-group {
  border-top: 1px solid #eceef4;
}

.spark-support-contact-group-label {
  position: sticky;
  top: 0;
  z-index: 1;
  padding: 12px 18px 8px;
  background: #fff;
  color: #6c707d;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.spark-support-contact-option,
.spark-support-select-option {
  width: 100%;
  border: 0;
  background: transparent;
  color: #2c3341;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 18px;
  text-align: left;
  cursor: pointer;
}

.spark-support-contact-option:hover,
.spark-support-select-option:hover {
  background: #f5f6fb;
}

.spark-support-contact-option.active,
.spark-support-select-option.active {
  background: #f1f2f6;
}

.spark-support-contact-name {
  font-size: 15px;
  font-weight: 600;
}

.spark-support-contact-meta {
  color: #535a69;
  font-size: 14px;
  font-weight: 600;
}

.spark-support-select-check {
  color: #5a68d5;
  font-size: 13px;
  font-weight: 800;
}

.spark-support-empty-option,
.spark-support-empty-list {
  padding: 16px 18px;
  color: #667086;
  font-size: 14px;
}

.spark-support-text-input,
.spark-support-textarea {
  width: 470px;
  max-width: 100%;
  border: 1px solid #b9bdc9;
  border-radius: 4px;
  background: #fff;
  color: #232833;
  font-size: 15px;
  font-weight: 600;
  padding: 0 15px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.92);
}

.spark-support-text-input {
  min-height: 48px;
}

.spark-support-textarea {
  min-height: 136px;
  padding: 13px 15px;
  resize: vertical;
  line-height: 1.55;
}

.spark-support-text-input:focus,
.spark-support-textarea:focus {
  outline: none;
  border-color: #717ce7;
  box-shadow: 0 0 0 2px rgba(113, 124, 231, 0.16);
}

.spark-support-fields-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  max-width: 980px;
}

.spark-support-toggle-row {
  margin: 18px 0 0;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #303645;
  font-size: 15px;
  font-weight: 600;
}

.spark-support-toggle-row input {
  width: 16px;
  height: 16px;
}

.spark-support-actions {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 28px;
}

.spark-support-actions.single {
  justify-content: flex-start;
}

.spark-support-actions.dual {
  justify-content: space-between;
  max-width: 470px;
}

.spark-support-pill-btn,
.spark-support-ghost-btn {
  min-height: 46px;
  padding: 0 28px;
  border-radius: 999px;
  font-size: 16px;
  font-weight: 700;
  transition: transform 0.16s ease, box-shadow 0.16s ease, color 0.16s ease, border-color 0.16s ease, background 0.16s ease;
}

.spark-support-pill-btn {
  border: 1px solid #b7bbc5;
  background: #fff;
  color: #656b78;
  box-shadow: 0 4px 10px rgba(17, 26, 65, 0.04);
}

.spark-support-pill-btn.primary {
  border-color: transparent;
  background: linear-gradient(135deg, #6573ea 0%, #5567dc 100%);
  color: #fff;
  box-shadow: 0 14px 26px rgba(77, 94, 208, 0.18);
}

.spark-support-pill-btn:hover:not(:disabled),
.spark-support-ghost-btn:hover {
  transform: translateY(-1px);
}

.spark-support-pill-btn:disabled {
  opacity: 0.68;
  cursor: not-allowed;
}

.spark-support-ghost-btn {
  border: 1px solid #d0d4df;
  background: #fff;
  color: #3e4452;
}

.spark-support-success-banner,
.spark-support-error {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  max-width: 720px;
  margin: 8px 0 14px;
  padding: 12px 16px;
  border-radius: 12px;
}

.spark-support-success-banner {
  border: 1px solid #d8e7cf;
  background: #f8fff4;
}

.spark-support-error {
  border: 1px solid #f0ccd5;
  background: #fff6f8;
  color: #8d3650;
}

.spark-support-success-copy {
  display: grid;
  gap: 4px;
  color: #2f3a47;
}

.spark-support-success-copy strong {
  font-size: 14px;
}

.spark-support-success-copy span {
  font-size: 13px;
}

.spark-support-lower-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(260px, 0.7fr);
  gap: 24px;
  margin-top: 48px;
}

.spark-support-panel {
  border: 1px solid #e6e8ef;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 10px 28px rgba(16, 26, 68, 0.06);
  padding: 22px 24px;
}

.spark-support-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}

.spark-support-panel-head h3 {
  margin: 0;
  color: #27314e;
  font-size: 22px;
  font-weight: 800;
}

.spark-support-panel-head span {
  color: #5f6781;
  font-size: 14px;
  font-weight: 700;
}

.spark-support-request-list,
.spark-support-queue-list {
  display: grid;
  gap: 12px;
}

.spark-support-request-row,
.spark-support-queue-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 0;
  border-bottom: 1px solid #edf0f6;
}

.spark-support-request-row:last-child,
.spark-support-queue-row:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.spark-support-request-row strong,
.spark-support-queue-row strong {
  color: #27314e;
  font-size: 15px;
  font-weight: 800;
}

.spark-support-row-sub,
.spark-support-queue-row span {
  color: #66708a;
  font-size: 13px;
  line-height: 1.45;
}

.spark-support-request-row .spark-soft-pill.small {
  white-space: nowrap;
}

@media (max-width: 1160px) {
  .spark-support-lower-grid,
  .spark-support-fields-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .spark-support-title-block h1 {
    font-size: 52px;
  }

  .spark-support-form-card h2 {
    font-size: 42px;
  }

  .spark-support-stepper {
    flex-wrap: wrap;
  }

  .spark-support-actions.dual {
    flex-wrap: wrap;
  }
}


/* v17 contacts report polish */
.spark-contacts-directory-page .spark-contacts-filter-grid {
  align-items: end;
}

.spark-contacts-directory-page .spark-contact-filter-field.search.wide {
  align-self: end;
}

.spark-contacts-directory-page .spark-contact-search-box.spark-contact-search-box-style,
.spark-contacts-directory-page .spark-menu-select-trigger,
.spark-contacts-directory-page .spark-report-main-btn,
.spark-contacts-directory-page .spark-report-toggle {
  min-height: 44px;
  height: 44px;
  border: 1px solid #b8bcc8;
  border-radius: 6px;
  background: linear-gradient(180deg, #ffffff 0%, #fcfcfd 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.95), 0 1px 0 rgba(11, 16, 32, 0.03);
}

.spark-contacts-directory-page .spark-contact-search-box.spark-contact-search-box-style {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 0 12px 0 14px;
}

.spark-contacts-directory-page .spark-contact-search-box input {
  font-size: 14px;
  font-weight: 600;
  color: #2b2d35;
}

.spark-contacts-directory-page .spark-contact-search-mini {
  width: 26px;
  height: 26px;
  border-radius: 6px;
  background: linear-gradient(180deg, #d2d6df 0%, #c6cad4 100%);
  color: #ffffff;
  font-size: 10px;
  letter-spacing: 0.06em;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.45);
}

.spark-contacts-directory-page .spark-menu-select-trigger {
  padding: 0 14px 0 16px;
  gap: 14px;
}

.spark-contacts-directory-page .spark-menu-select-value {
  font-size: 13px;
  font-weight: 600;
  color: #2b2d35;
}

.spark-contacts-directory-page .spark-menu-select-caret,
.spark-contacts-directory-page .spark-report-caret {
  width: 16px;
  height: 16px;
  color: #646a78;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.spark-contacts-directory-page .spark-menu-select-caret .ui-icon,
.spark-contacts-directory-page .spark-report-caret .ui-icon {
  width: 16px;
  height: 16px;
  stroke-width: 2.2;
}

.spark-contacts-directory-page .spark-report-split.premium {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 52px;
}

.spark-contacts-directory-page .spark-report-main-btn {
  border-radius: 6px 0 0 6px;
  border-right: 0;
  font-size: 13px;
  font-weight: 800;
  color: #5d68db;
}

.spark-contacts-directory-page .spark-report-toggle {
  border-radius: 0 6px 6px 0;
  color: #5d68db;
}

.spark-contacts-directory-page .spark-report-dropdown,
.spark-contacts-directory-page .spark-menu-select-dropdown,
.spark-contacts-directory-page .spark-search-utility-menu {
  border: 1px solid #d6dae5;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 16px 42px rgba(17, 24, 39, 0.14);
}

.spark-contacts-directory-page .spark-report-dropdown button,
.spark-contacts-directory-page .spark-menu-select-option,
.spark-contacts-directory-page .spark-search-utility-menu button {
  font-size: 13px;
  font-weight: 600;
}

.spark-contacts-directory-page .spark-contacts-filter-meta-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 10px;
}

.spark-contacts-directory-page .spark-contacts-report-links {
  display: inline-flex;
  align-items: center;
  gap: 18px;
}

.spark-contacts-directory-page .spark-contacts-report-links .spark-inline-link {
  border: 0;
  background: transparent;
  padding: 0;
  color: #5d68db;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  text-decoration: none;
}

.spark-contacts-directory-page .spark-contacts-report-links .spark-inline-link.plus::before {
  content: '+';
  margin-right: 6px;
  font-weight: 800;
}

.spark-contacts-directory-page .spark-contacts-report-links .spark-inline-link:hover,
.spark-contacts-directory-page .spark-contacts-report-links .spark-inline-link:focus-visible {
  color: #4150c8;
}

.spark-contacts-directory-page .spark-contacts-filter-meta {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #2f3340;
  font-size: 14px;
  font-weight: 700;
}

.spark-contacts-directory-page .spark-clear-filters {
  color: #d26c79;
}

.spark-contacts-directory-page .spark-clear-filters:hover,
.spark-contacts-directory-page .spark-clear-filters:focus-visible {
  color: #bc5160;
}

@media (max-width: 1200px) {
  .spark-contacts-directory-page .spark-contacts-filter-grid {
    grid-template-columns: 1fr;
  }
  .spark-contacts-directory-page .spark-contacts-filter-meta-row {
    align-items: flex-start;
    flex-direction: column;
  }
}

/* v18 support landing + request polish */
.spark-support-landing-page {
  max-width: 1480px;
  padding-top: 8px;
  position: relative;
}

.spark-support-landing-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  margin: 10px 0 18px;
}

.spark-support-landing-title-row {
  display: flex;
  align-items: flex-end;
  gap: 12px;
}

.spark-support-landing-title-row h1 {
  margin: 0;
  color: #1f2d8f;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 74px;
  line-height: 0.96;
  letter-spacing: -0.058em;
  font-weight: 800;
}

.spark-support-landing-title-meta {
  padding-bottom: 12px;
  color: #232c67;
  font-size: 18px;
  line-height: 1;
  font-weight: 700;
}

.spark-support-cta-btn {
  min-height: 56px;
  padding: 0 34px;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(135deg, #6775ec 0%, #5566dc 100%);
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  box-shadow: 0 14px 28px rgba(85, 102, 220, 0.2);
  cursor: pointer;
  transition: transform 0.16s ease, box-shadow 0.16s ease, filter 0.16s ease;
}

.spark-support-cta-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 18px 34px rgba(85, 102, 220, 0.24);
  filter: saturate(1.04);
}

.spark-support-filter-shell {
  padding: 14px 18px 12px;
  background: #f3f3f6;
  border-radius: 4px;
}

.spark-support-filter-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.spark-support-filter-field {
  display: block;
}

.spark-support-filter-field > span {
  display: block;
  margin: 0 0 8px;
  color: #585d68;
  font-size: 14px;
  font-weight: 700;
}

.spark-support-search-box,
.spark-support-native-select {
  position: relative;
  min-height: 54px;
  border: 1px solid #b9bdc8;
  border-radius: 4px;
  background: #fff;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.92);
}

.spark-support-search-box .search-icon {
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  color: #8a8fa2;
}

.spark-support-search-box .search-icon .ui-icon,
.spark-support-native-caret .ui-icon {
  width: 100%;
  height: 100%;
}

.spark-support-search-box input,
.spark-support-native-select select {
  width: 100%;
  min-height: 52px;
  border: 0;
  outline: 0;
  background: transparent;
  color: #252c39;
  font-size: 15px;
  font-weight: 600;
}

.spark-support-search-box input {
  padding: 0 14px 0 46px;
}

.spark-support-native-select select {
  appearance: none;
  -webkit-appearance: none;
  padding: 0 44px 0 15px;
}

.spark-support-native-caret {
  position: absolute;
  right: 15px;
  top: 50%;
  width: 16px;
  height: 16px;
  transform: translateY(-50%);
  color: #787e90;
  pointer-events: none;
}

.spark-support-table-wrap {
  margin-top: 26px;
}

.spark-support-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 16px;
}

.spark-support-table thead th {
  padding: 0 6px 2px;
  color: #767b88;
  font-size: 15px;
  font-weight: 700;
  text-align: left;
}

.spark-support-table tbody td {
  padding: 0 6px;
  vertical-align: top;
  color: #1f2531;
  font-size: 16px;
}

.spark-support-request-link {
  border: 0;
  background: transparent;
  padding: 0;
  color: #6e77da;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 700;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.spark-support-request-link:hover {
  color: #4c59d1;
}

.spark-support-request-link span {
  font-size: 17px;
}

.spark-support-request-code-row {
  margin-top: 5px;
  color: #6f7481;
  font-size: 13px;
  line-height: 1.25;
  font-weight: 600;
  letter-spacing: 0.02em;
}

.spark-support-contact-name {
  color: #252b37;
  font-size: 18px;
  line-height: 1.24;
  font-weight: 700;
}

.spark-support-status-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 30px;
  padding: 0 12px;
  border-radius: 999px;
  background: #f4f1ff;
  color: #5b58aa;
  font-size: 15px;
  font-weight: 700;
}

.spark-support-status-chip i {
  position: relative;
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 2px solid currentColor;
  box-sizing: border-box;
}

.spark-support-status-chip i::after {
  content: '';
  position: absolute;
  inset: 2px;
  border-radius: 50%;
  background: currentColor;
}

.spark-support-status-chip.pending {
  background: #fff7e8;
  color: #aa7a1c;
}

.spark-support-status-chip.resolved {
  background: #edf8ef;
  color: #2e8b4b;
}

.spark-support-status-chip.cancelled,
.spark-support-status-chip.canceled {
  background: #fff0f2;
  color: #b44c5a;
}

.spark-support-date-main {
  color: #2b3241;
  font-size: 15px;
  line-height: 1.22;
  font-weight: 700;
}

.spark-support-date-sub {
  margin-top: 4px;
  color: #737987;
  font-size: 13px;
  line-height: 1.25;
  font-weight: 600;
}

.spark-support-empty-state {
  margin-top: 22px;
  min-height: 140px;
  border: 1px solid #e2e6ef;
  border-radius: 28px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.spark-support-empty-copy {
  display: grid;
  gap: 8px;
  max-width: 420px;
  color: #697184;
  font-size: 15px;
  font-weight: 500;
}

.spark-support-empty-copy strong {
  color: #222a39;
  font-size: 19px;
  font-weight: 800;
}

.spark-support-drawer-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(10, 18, 40, 0.18);
  z-index: 58;
}

.spark-support-drawer {
  position: fixed;
  top: 84px;
  right: 26px;
  z-index: 59;
  width: 420px;
  max-width: calc(100vw - 52px);
  max-height: calc(100vh - 110px);
  overflow: auto;
  padding: 24px;
  border: 1px solid #e3e7f1;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 24px 60px rgba(12, 20, 40, 0.2);
}

.spark-support-drawer-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding-bottom: 14px;
  border-bottom: 1px solid #edf0f6;
}

.spark-support-drawer-kicker {
  color: #7c8190;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.spark-support-drawer-head h3 {
  margin: 8px 0 4px;
  color: #1f2d8f;
  font-size: 28px;
  line-height: 1.02;
  letter-spacing: -0.04em;
  font-weight: 800;
}

.spark-support-drawer-code {
  color: #6f7481;
  font-size: 13px;
  line-height: 1.25;
  font-weight: 700;
}

.spark-support-drawer-close {
  border: 0;
  background: #f3f5fb;
  color: #586171;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}

.spark-support-drawer-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 16px;
  padding: 18px 0;
}

.spark-support-drawer-grid div,
.spark-support-drawer-section {
  display: grid;
  gap: 6px;
}

.spark-support-drawer-grid span,
.spark-support-drawer-section span {
  color: #7a808d;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.spark-support-drawer-grid strong,
.spark-support-drawer-section p {
  margin: 0;
  color: #232a39;
  font-size: 15px;
  line-height: 1.45;
  font-weight: 600;
}

.spark-support-drawer-body {
  display: grid;
  gap: 16px;
  padding-top: 4px;
}

.spark-support-drawer-actions {
  padding-top: 18px;
  border-top: 1px solid #edf0f6;
  margin-top: 18px;
}

.spark-support-wizard-page.request-mode {
  max-width: 1480px;
  padding-top: 8px;
}

.spark-support-wizard-page.request-mode .spark-support-title-block {
  margin: 10px 0 10px;
}

.spark-support-wizard-page.request-mode .spark-support-stepper {
  margin: 8px 0 12px;
  padding-top: 6px;
  border-top: 1px solid #eceff5;
}

.spark-support-wizard-page.request-mode .spark-support-form-card {
  padding-top: 2px;
}

.spark-support-wizard-page.request-mode .spark-support-form-card h2 {
  margin-bottom: 10px;
}

@media (max-width: 1180px) {
  .spark-support-filter-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .spark-support-landing-head {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 760px) {
  .spark-support-landing-title-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  .spark-support-landing-title-row h1,
  .spark-support-title-block h1 {
    font-size: 46px;
  }

  .spark-support-filter-grid,
  .spark-support-drawer-grid {
    grid-template-columns: 1fr;
  }

  .spark-support-drawer {
    top: 68px;
    right: 12px;
    left: 12px;
    max-width: none;
    width: auto;
  }
}

/* v19 system-wide H1 serif display unification */
:root {
  --brokeros-serif-display: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;
}

h1,
.page-head h1,
.spark-contact-overview-hero h1,
.spark-contacts-title-row h1,
.spark-support-title-block h1,
.spark-support-landing-title-row h1,
.login-art h1,
.login-story h1 {
  font-family: var(--brokeros-serif-display) !important;
}

/* Activity workspace */
.spark-activity-page {
  display: grid;
  gap: 22px;
}

.spark-activity-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}

.spark-activity-head h1 {
  margin: 0;
  color: #14236f;
  font-size: clamp(44px, 5.1vw, 66px);
  line-height: 0.96;
  letter-spacing: -0.035em;
}

.spark-activity-tab-row {
  display: flex;
  justify-content: center;
  gap: 18px;
  flex-wrap: wrap;
  margin-top: -4px;
}

.spark-activity-tab {
  border: 0;
  background: transparent;
  color: #7681b0;
  border-radius: 999px;
  padding: 12px 18px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font: 600 17px/1.1 Inter, ui-sans-serif, system-ui, sans-serif;
  cursor: pointer;
}

.spark-activity-tab.active {
  background: #f3f1f7;
  color: #1f2b7d;
}

.spark-activity-tab-icon {
  width: 22px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.spark-activity-tab-icon .ui-icon {
  width: 20px;
  height: 20px;
  stroke-width: 2;
}

.spark-activity-section-card {
  display: grid;
  gap: 16px;
}

.spark-activity-section-title-row h2 {
  margin: 0;
  color: #14236f;
  font-size: 26px;
  line-height: 1.08;
  font-weight: 700;
}

.spark-activity-filter-shell,
.spark-activity-history-filter-shell {
  background: #f5f5f7;
  border-radius: 0;
  padding: 16px 18px 18px;
}

.spark-activity-filter-grid {
  display: grid;
  gap: 18px;
  align-items: end;
}

.spark-activity-filter-grid.reminders {
  grid-template-columns: minmax(260px, 1fr) auto minmax(220px, 260px);
}

.spark-activity-filter-grid.history {
  grid-template-columns: minmax(260px, 1fr) minmax(240px, 1fr) minmax(240px, 1fr);
}

.spark-activity-field {
  display: grid;
  gap: 9px;
}

.spark-activity-field > span,
.spark-activity-filter-shell .spark-activity-field > span {
  font-size: 14px;
  font-weight: 600;
  color: #4d515d;
}

.spark-activity-search-box,
.spark-activity-select-trigger {
  min-height: 46px;
  border-radius: 4px;
  border: 1.5px solid #b8bbc8;
  background: #fff;
  box-shadow: none;
}

.spark-activity-search-box {
  display: flex;
  align-items: center;
  padding: 0 16px;
  gap: 10px;
}

.spark-activity-search-box .search-icon,
.spark-activity-search-box .search-icon .ui-icon {
  width: 20px;
  height: 20px;
  color: #8d92a0;
}

.spark-activity-search-box input {
  border: 0;
  background: transparent;
  width: 100%;
  min-width: 0;
  padding: 0;
  color: #2e3344;
  font: 500 17px/1.2 Inter, ui-sans-serif, system-ui, sans-serif;
}

.spark-activity-search-box input:focus {
  outline: none;
}

.spark-activity-filter-link {
  align-self: end;
  border: 0;
  background: transparent;
  color: #6d63cf;
  font: 600 17px/1.1 Inter, ui-sans-serif, system-ui, sans-serif;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  padding: 0 8px 10px 0;
}

.spark-activity-filter-link .ui-icon {
  width: 18px;
  height: 18px;
}

.spark-activity-chip-row {
  margin-top: 12px;
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
  align-items: center;
}

.spark-inline-link.muted {
  color: #7a74c9;
  text-decoration: none;
}

.spark-inline-link.danger {
  color: #d16a7d;
}

.spark-activity-empty {
  color: #5b647f;
  font-size: 20px;
  padding: 24px 0 0;
}

.spark-activity-reminder-list,
.spark-activity-unassociated-list,
.spark-activity-history-list {
  display: grid;
}

.spark-activity-reminder-row,
.spark-activity-call-row,
.spark-activity-history-row {
  display: grid;
  align-items: center;
  gap: 14px;
  padding: 18px 0;
  border-top: 1px solid #ececf1;
}

.spark-activity-reminder-row {
  grid-template-columns: 1fr auto;
}

.spark-activity-history-row {
  grid-template-columns: 20px 1fr;
}

.spark-activity-history-icon {
  color: #7783b5;
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.spark-activity-history-icon.contact { color: #7e869f; }
.spark-activity-history-icon.system { color: #7a74c9; }
.spark-activity-history-icon.you { color: #5564c7; }
.spark-activity-history-icon .ui-icon,
.spark-activity-history-icon .spark-mark-svg {
  width: 18px;
  height: 18px;
}

.spark-activity-history-copy {
  color: #273048;
  font-size: 18px;
  line-height: 1.34;
}

.spark-contact-link.subtle {
  font-size: inherit;
  font-weight: 600;
}

.spark-activity-info-box {
  background: #f5f5f7;
  color: #4c5367;
  border-radius: 0;
  padding: 16px 18px;
  font-size: 17px;
  line-height: 1.55;
}

.spark-activity-call-row {
  grid-template-columns: minmax(320px, 1fr) minmax(150px, 220px) auto;
}

.spark-activity-call-main {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.spark-activity-call-icon {
  width: 22px;
  height: 22px;
  color: #7b7fa0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.spark-activity-call-icon .ui-icon { width: 20px; height: 20px; }

.spark-activity-call-line {
  color: #2d3247;
  font-size: 18px;
}

.spark-activity-call-status {
  color: #c5727c;
  font-size: 18px;
  font-weight: 600;
}

.spark-activity-call-actions {
  justify-self: end;
}

.spark-activity-call-menu {
  position: relative;
}
.spark-activity-call-menu summary::-webkit-details-marker { display: none; }
.spark-activity-call-menu-trigger {
  list-style: none;
  width: 190px;
  min-height: 48px;
  border-radius: 8px;
  border: 2px solid #8a81f0;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 14px;
  cursor: pointer;
  color: #666d84;
}
.spark-activity-call-menu[open] .spark-activity-call-menu-trigger,
.spark-activity-select[open] .spark-activity-select-trigger {
  box-shadow: 0 0 0 2px rgba(112, 103, 231, 0.16);
  border-color: #7c71ef;
}
.spark-activity-call-menu-list,
.spark-activity-select-menu {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  background: #fff;
  border: 1px solid #cdcfda;
  border-radius: 6px;
  box-shadow: 0 16px 32px rgba(36, 43, 71, 0.12);
  z-index: 30;
  overflow: hidden;
}

.spark-activity-call-menu-list button,
.spark-activity-select-option {
  border: 0;
  background: #fff;
  width: 100%;
  text-align: left;
  padding: 14px 18px;
  color: #2d3247;
  font: 500 16px/1.25 Inter, ui-sans-serif, system-ui, sans-serif;
  cursor: pointer;
}

.spark-activity-call-menu-list button:hover,
.spark-activity-select-option:hover,
.spark-activity-check-option:hover {
  background: #f5f6fb;
}

.spark-activity-select {
  position: relative;
}
.spark-activity-select summary::-webkit-details-marker { display: none; }
.spark-activity-select-trigger {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  cursor: pointer;
}
.spark-activity-select-value {
  color: #2d3247;
  font: 500 17px/1.2 Inter, ui-sans-serif, system-ui, sans-serif;
}
.spark-activity-select-caret,
.spark-activity-select-caret .ui-icon {
  width: 20px;
  height: 20px;
  color: #6e748d;
}
.spark-activity-select-menu.multi {
  padding: 6px 0;
  max-height: 300px;
  overflow: auto;
}
.spark-activity-check-option {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  color: #2d3247;
  font: 500 16px/1.2 Inter, ui-sans-serif, system-ui, sans-serif;
  cursor: pointer;
}
.spark-activity-check-option input {
  width: 22px;
  height: 22px;
  accent-color: #7b72ef;
}
.spark-activity-select-option.active {
  background: #f4f5fb;
  color: #26348a;
}
.spark-activity-select-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.spark-activity-select-check {
  color: #6a62de;
  font-weight: 700;
}

.spark-modal-card.activity-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
  width: min(460px, calc(100vw - 32px));
  max-height: calc(100vh - 48px);
  overflow: auto;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 24px 56px rgba(28, 35, 63, 0.22);
  z-index: 40;
  padding: 22px 22px 18px;
  margin: 0;
}


.spark-modal-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(19, 26, 46, 0.08);
  z-index: 35;
}

.spark-modal-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
}
.spark-modal-head h3 {
  margin: 0;
  color: #182560;
  font-size: 28px;
  line-height: 1.1;
}
.spark-modal-close {
  border: 0;
  background: transparent;
  color: #69708a;
  font-size: 32px;
  line-height: 1;
  cursor: pointer;
}
.spark-activity-modal-form {
  display: grid;
  gap: 14px;
}
.spark-activity-modal-form label {
  display: grid;
  gap: 8px;
}
.spark-activity-modal-form label > span {
  color: #4b5366;
  font-size: 14px;
  font-weight: 600;
}
.spark-activity-modal-form input,
.spark-activity-modal-form textarea {
  min-height: 46px;
  border-radius: 8px;
  border: 1.5px solid #c8cad6;
  background: #fff;
  padding: 0 14px;
  color: #273048;
  font: 500 16px/1.2 Inter, ui-sans-serif, system-ui, sans-serif;
}
.spark-activity-modal-form textarea {
  min-height: 112px;
  resize: vertical;
  padding: 12px 14px;
}
.spark-activity-modal-form input:focus,
.spark-activity-modal-form textarea:focus {
  outline: none;
  border-color: #7d73f0;
  box-shadow: 0 0 0 2px rgba(112, 103, 231, 0.16);
}

@media (max-width: 1200px) {
  .spark-activity-filter-grid.reminders,
  .spark-activity-filter-grid.history,
  .spark-activity-call-row {
    grid-template-columns: 1fr;
  }
  .spark-activity-call-actions { justify-self: stretch; }
  .spark-activity-call-menu-trigger { width: 100%; }
}

/* activity-modal-center-fix */
.spark-modal-card.activity-modal {
  top: 50% !important;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;
  transform: translate(-50%, -50%) !important;
  margin: 0 !important;
  max-height: calc(100vh - 48px) !important;
}


/* v20d activity search/select polish */
.spark-activity-filter-grid.reminders,
.spark-activity-filter-grid.history {
  align-items: end;
}

.spark-activity-field {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 8px;
  min-width: 0;
}

.spark-activity-field.search,
.spark-activity-field.search.wide,
.spark-activity-field.sort {
  align-self: end;
}

.spark-activity-filter-shell .spark-activity-field > span,
.spark-activity-history-filter-shell .spark-activity-field > span,
.spark-activity-field > span {
  display: block;
  margin: 0;
  min-height: 20px;
}

.spark-activity-filter-grid.reminders {
  grid-template-columns: minmax(280px, 1fr) auto minmax(260px, 320px);
}

.spark-activity-filter-grid.reminders > .spark-activity-filter-link {
  align-self: end;
  margin-bottom: 10px;
}

.spark-activity-search-box,
.spark-activity-select-trigger {
  min-height: 54px;
  border-radius: 4px;
  border: 1px solid #b9bdc8;
  background: #fff;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.92);
}

.spark-activity-search-box {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0;
  gap: 0;
  overflow: hidden;
}

.spark-activity-search-box .search-icon {
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  color: #8a8fa2;
}

.spark-activity-search-box .search-icon .ui-icon {
  width: 100%;
  height: 100%;
}

.spark-activity-search-box input {
  width: 100%;
  min-width: 0;
  min-height: 52px;
  height: 52px;
  border: 0 !important;
  outline: 0;
  box-shadow: none !important;
  background: transparent;
  padding: 0 14px 0 46px;
  color: #252c39;
  font-size: 15px;
  font-weight: 600;
  border-radius: 4px;
}

.spark-activity-search-box:focus-within,
.spark-activity-select[open] .spark-activity-select-trigger {
  border-color: #7c71ef;
  box-shadow: 0 0 0 2px rgba(112, 103, 231, 0.16);
}

.spark-activity-select-trigger {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
}


.spark-provider-search-page {
  max-width: 980px;
  padding: 6px 0 48px;
}
.spark-provider-title-row h1 {
  margin: 0 0 24px;
  font-size: clamp(58px, 5.3vw, 76px);
  line-height: .96;
  letter-spacing: -.055em;
  color: var(--primary-deep);
}
.spark-provider-required-note {
  margin-bottom: 14px;
  color: #5a5f78;
  font-size: 14px;
  font-weight: 600;
}
.spark-provider-required-note span,
.spark-provider-field span em {
  color: #ca4d64;
  font-style: normal;
  margin-right: 2px;
}
.spark-provider-search-form {
  display: grid;
  grid-template-columns: 142px minmax(320px, 445px);
  gap: 18px 34px;
  align-items: end;
  max-width: 700px;
}
.spark-provider-field {
  display: grid;
  gap: 8px;
}
.spark-provider-field > span {
  color: #555d78;
  font-size: 13px;
  font-weight: 700;
}
.spark-provider-field input {
  width: 100%;
  height: 46px;
  padding: 0 14px;
  border-radius: 10px;
  border: 2px solid #d9dce7;
  background: #fff;
  color: #29315a;
  font-size: 17px;
  font-weight: 600;
  box-shadow: none;
  outline: 0;
}
.spark-provider-field input:focus {
  border-color: #9ea8ff;
  box-shadow: 0 0 0 3px rgba(89,101,255,.08);
}
.spark-provider-name-input-wrap {
  position: relative;
}
.spark-provider-name-input-wrap input {
  padding-right: 50px;
}
.spark-provider-name-input-wrap.open input {
  border-color: #8f9cf7;
  box-shadow: 0 0 0 3px rgba(111, 122, 247, .08);
}
.spark-provider-inline-submit {
  position: absolute;
  right: 9px;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  border-radius: 8px;
  border: 0;
  background: #eceef5;
  color: #8b91a9;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 2;
}
.spark-provider-inline-dots { font-size: 16px; line-height: 1; letter-spacing: -1px; font-weight: 800; margin-top: -1px; }
.spark-provider-suggest-menu {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 8px);
  background: #fff;
  border: 1px solid #d9dce7;
  border-radius: 14px;
  box-shadow: 0 24px 46px rgba(31, 39, 79, .14);
  overflow: hidden;
  z-index: 30;
}
.spark-provider-suggest-item,
.spark-provider-suggest-loading {
  width: 100%;
  border: 0;
  background: transparent;
  text-align: left;
  padding: 12px 14px;
}
.spark-provider-suggest-item {
  display: grid;
  gap: 4px;
  cursor: pointer;
}
.spark-provider-suggest-item + .spark-provider-suggest-item,
.spark-provider-suggest-loading + .spark-provider-suggest-item {
  border-top: 1px solid #eef0f6;
}
.spark-provider-suggest-item:hover {
  background: #f7f8fd;
}
.spark-provider-suggest-name {
  color: #262f56;
  font-size: 14px;
  font-weight: 800;
}
.spark-provider-suggest-meta,
.spark-provider-suggest-loading {
  color: #667089;
  font-size: 13px;
  line-height: 1.45;
}
.spark-provider-suggest-loading {
  font-weight: 700;
}
.spark-provider-actions {
  grid-column: 1 / span 2;
}
.spark-provider-search-btn {
  min-width: 110px;
  height: 48px;
  padding: 0 28px;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(180deg, #6c78ff 0%, #5765ec 100%);
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  box-shadow: 0 12px 24px rgba(89, 101, 255, .22);
  cursor: pointer;
}
.spark-provider-results-shell {
  margin-top: 28px;
  max-width: 700px;
}
.spark-provider-results-list {
  display: grid;
  gap: 0;
  border: 1px solid #d9dce7;
  border-radius: 2px;
  overflow: hidden;
  background: #fff;
}
.spark-provider-card {
  border-top: 1px solid #d9dce7;
  background: #fff;
}
.spark-provider-card:first-child { border-top: 0; }
.spark-provider-card-top {
  display: flex;
  gap: 24px;
  justify-content: space-between;
  padding: 22px 20px 20px;
}
.spark-provider-card-copy { max-width: 62%; }
.spark-provider-specialty {
  color: #535b73;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 8px;
}
.spark-provider-name {
  color: #242a45;
  font-size: 18px;
  line-height: 1.15;
  font-weight: 800;
  letter-spacing: .02em;
  margin-bottom: 7px;
}
.spark-provider-address,
.spark-provider-phone,
.spark-provider-location-list {
  color: #515875;
  font-size: 15px;
  line-height: 1.45;
}
.spark-provider-link {
  display: inline-block;
  padding: 0;
  margin: 4px 0 2px;
  border: 0;
  background: transparent;
  color: #6d73d7;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
}
.spark-provider-location-list {
  margin: 4px 0 4px;
  display: grid;
  gap: 3px;
}
.spark-provider-phone { margin-top: 2px; font-weight: 600; }
.spark-provider-toggle-wrap {
  align-self: end;
  margin-left: auto;
}
.spark-provider-toggle {
  border: 0;
  background: transparent;
  color: #6d73d7;
  font-size: 15px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  padding: 8px 2px;
}
.spark-provider-toggle-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: inherit;
  transition: transform .18s ease;
}
.spark-provider-toggle.expanded .spark-provider-toggle-icon {
  transform: rotate(180deg);
}
.spark-provider-toggle .ui-icon { width: 16px; height: 16px; }
.spark-provider-plans-block {
  padding: 0 20px 22px;
  border-top: 1px solid #d9dce7;
}
.spark-provider-plans-title {
  margin: 18px 0 10px;
  color: #535b73;
  font-size: 14px;
  font-weight: 700;
}
.spark-provider-carrier-group + .spark-provider-carrier-group {
  margin-top: 14px;
}
.spark-provider-carrier-name {
  color: #242a45;
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 6px;
}
.spark-provider-plan-row + .spark-provider-plan-row {
  margin-top: 8px;
}
.spark-provider-plan-name {
  color: #2b3153;
  font-size: 15px;
  line-height: 1.4;
}
.spark-provider-plan-code {
  color: #4e5673;
  font-size: 14px;
  line-height: 1.35;
}
.spark-provider-empty,
.spark-provider-idle-note {
  border: 1px solid #d9dce7;
  background: #fff;
  border-radius: 18px;
  padding: 30px;
}
.spark-provider-empty-title {
  font-size: 20px;
  font-weight: 800;
  color: #28315b;
  margin-bottom: 8px;
}
.spark-provider-empty-copy,
.spark-provider-idle-note,
.spark-provider-plan-unavailable {
  color: #616987;
  font-size: 15px;
  line-height: 1.6;
}
.spark-provider-idle-note {
  font-weight: 700;
}
.spark-provider-plan-unavailable {
  padding-top: 2px;
}
@media (max-width: 1100px) {
  .spark-provider-search-form {
    grid-template-columns: 1fr;
    max-width: 100%;
  }
  .spark-provider-actions { grid-column: auto; }
  .spark-provider-results-shell { max-width: 100%; }
  .spark-provider-card-top {
    flex-direction: column;
    align-items: flex-start;
  }
  .spark-provider-card-copy {
    max-width: 100%;
  }
}

/* v25 carrier contracts & licenses */
.spark-carrier-page {
  display: grid;
  gap: 24px;
  padding-bottom: 48px;
}

.spark-carrier-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}

.spark-carrier-head h1 {
  margin: 0;
  color: #14236f;
  font-size: clamp(56px, 5.2vw, 74px);
  line-height: .96;
  letter-spacing: -.055em;
}

.spark-carrier-top-actions {
  display: flex;
  align-items: center;
  gap: 18px;
  padding-top: 6px;
}

.spark-carrier-add-state-link {
  font-size: 17px;
  font-weight: 700;
  color: #6d63cf;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.spark-carrier-add-state-link::before {
  content: '+';
  margin-right: 8px;
  font-weight: 700;
}

.spark-carrier-request-btn {
  min-width: 236px;
}

.spark-carrier-tab-row {
  display: flex;
  justify-content: center;
  gap: 18px;
  flex-wrap: wrap;
  margin-top: -2px;
}

.spark-carrier-tab {
  border: 0;
  background: transparent;
  color: #7b83b3;
  border-radius: 999px;
  padding: 12px 18px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font: 600 17px/1.1 Inter, ui-sans-serif, system-ui, sans-serif;
  cursor: pointer;
}

.spark-carrier-tab.active {
  background: #f3f1f7;
  color: #1f2b7d;
}

.spark-carrier-tab-icon,
.spark-carrier-tab-icon .ui-icon {
  width: 21px;
  height: 21px;
}

.spark-carrier-section {
  display: grid;
  gap: 18px;
}

.spark-carrier-section-head h2,
.spark-carrier-license-head h2 {
  margin: 0;
  color: #14236f;
  font-size: 26px;
  line-height: 1.08;
  font-weight: 700;
}

.spark-carrier-license-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}

.spark-carrier-license-head p {
  margin: 6px 0 0;
  color: #444b5f;
  font-size: 17px;
}

.spark-carrier-callout,
.spark-carrier-filter-strip {
  background: #f5f5f7;
  padding: 16px 18px 18px;
}

.spark-carrier-callout ol {
  margin: 0;
  padding-left: 22px;
  color: #43495b;
  font-size: 16px;
  line-height: 1.55;
}

.spark-carrier-filter-strip {
  display: flex;
  align-items: flex-end;
  gap: 28px;
  flex-wrap: wrap;
}

.spark-carrier-field {
  display: grid;
  gap: 8px;
}

.spark-carrier-field > span {
  color: #555d78;
  font-size: 14px;
  font-weight: 600;
}

.spark-carrier-state-field select,
.spark-carrier-form-grid input,
.spark-carrier-form-grid select {
  min-height: 46px;
  border-radius: 8px;
  border: 1.5px solid #b8bbc8;
  background: #fff;
  color: #2d3247;
  padding: 0 14px;
  font: 500 17px/1.2 Inter, ui-sans-serif, system-ui, sans-serif;
}

.spark-carrier-state-field select {
  min-width: 286px;
  padding-right: 44px;
  appearance: none;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23666b79' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-position: calc(100% - 16px) 50%;
  background-size: 16px 16px;
  background-repeat: no-repeat;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.6);
}

.spark-carrier-check {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #32384a;
  font-size: 17px;
  font-weight: 500;
}

.spark-carrier-check input {
  width: 23px;
  height: 23px;
  accent-color: #6f66df;
}

.spark-carrier-table-shell {
  overflow-x: auto;
}

.spark-carrier-table {
  min-width: 980px;
}

.spark-carrier-row {
  display: grid;
  align-items: start;
  gap: 18px;
  padding: 18px 6px 18px 0;
  border-top: 1px solid #ececf1;
}

.spark-carrier-head-row {
  color: #5b6276;
  font-size: 13px;
  font-weight: 700;
  border-top: 0;
  padding-top: 0;
  padding-bottom: 14px;
}

.spark-carrier-contract-table .spark-carrier-row {
  grid-template-columns: minmax(220px, 1.2fr) minmax(220px, 1.15fr) minmax(260px, 1.1fr) 120px 40px;
}

.spark-carrier-license-table .spark-carrier-row {
  grid-template-columns: 80px minmax(220px, 1.2fr) 150px 160px minmax(180px, .95fr);
}

.spark-carrier-agent-name,
.spark-carrier-plan-name,
.spark-carrier-license-state {
  color: #222836;
  font-size: 18px;
  font-weight: 600;
}

.spark-carrier-agent-level,
.spark-carrier-plan-states,
.spark-carrier-license-class,
.spark-carrier-license-updated {
  margin-top: 4px;
  color: #60677c;
  font-size: 15px;
  line-height: 1.35;
}

.spark-carrier-license-row.resident .spark-carrier-license-state,
.spark-carrier-license-row.resident .spark-carrier-license-number > div:first-child,
.spark-carrier-license-row.resident > div:nth-child(3),
.spark-carrier-license-row.resident > div:nth-child(4),
.spark-carrier-license-row.resident .spark-carrier-license-status {
  font-weight: 700;
}

.spark-carrier-status-cell {
  display: grid;
  gap: 9px;
}

.spark-carrier-status-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  border-radius: 999px;
  padding: 6px 12px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.1;
}

.spark-carrier-status-dot {
  width: 13px;
  height: 13px;
  border-radius: 999px;
  border: 2px solid currentColor;
  display: inline-block;
  box-sizing: border-box;
  background: transparent;
}

.spark-carrier-status-badge.pending .spark-carrier-status-dot {
  border-style: dotted;
  border-width: 2px;
}

.spark-carrier-status-badge.sent .spark-carrier-status-dot,
.spark-carrier-status-badge.ready .spark-carrier-status-dot {
  background: rgba(109, 99, 207, 0.12);
}

.spark-carrier-status-badge.window .spark-carrier-status-dot,
.spark-carrier-status-badge.inactive .spark-carrier-status-dot {
  background: rgba(0, 0, 0, 0.04);
}

.spark-carrier-status-badge.sent,
.spark-carrier-status-badge.pending,
.spark-carrier-status-badge.ready {
  color: #6d63cf;
  background: rgba(109, 99, 207, 0.08);
}

.spark-carrier-status-badge.window {
  color: #454a58;
  background: #ececef;
}

.spark-carrier-status-badge.inactive {
  color: #7d7f8a;
  background: #efeff3;
}

.spark-carrier-status-subtext,
.spark-carrier-status-link {
  font-size: 16px;
  font-weight: 600;
}

.spark-carrier-status-link {
  width: fit-content;
  border: 0;
  background: transparent;
  padding: 0;
  cursor: pointer;
}

.spark-carrier-sync-cell {
  color: #555d70;
  font-size: 16px;
  font-weight: 500;
}

.spark-carrier-row-menu {
  position: relative;
}
.spark-carrier-row-menu summary::-webkit-details-marker { display: none; }
.spark-carrier-row-menu-trigger {
  list-style: none;
  width: 28px;
  height: 28px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #636a8b;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 22px;
  line-height: 1;
}
.spark-carrier-row-menu-list {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  min-width: 196px;
  background: #fff;
  border: 1px solid #cdcfda;
  border-radius: 8px;
  box-shadow: 0 16px 32px rgba(36, 43, 71, 0.12);
  z-index: 30;
  overflow: hidden;
}
.spark-carrier-row-menu-list button {
  border: 0;
  background: #fff;
  width: 100%;
  text-align: left;
  padding: 13px 16px;
  color: #2d3247;
  font: 500 15px/1.2 Inter, ui-sans-serif, system-ui, sans-serif;
  cursor: pointer;
}
.spark-carrier-row-menu-list button:hover {
  background: #f5f6fb;
}

.spark-carrier-license-expiring {
  color: #d25e71;
  font-weight: 700;
}

.spark-carrier-license-status {
  color: #222836;
  font-size: 16px;
  font-weight: 600;
}

.spark-carrier-license-status.inactive {
  color: #6e7381;
}

.spark-carrier-modal-card {
  width: min(740px, calc(100vw - 40px));
}

.spark-carrier-form-modal {
  width: min(640px, calc(100vw - 40px));
}

.spark-carrier-modal-head h2 {
  margin: 0;
}

.spark-carrier-modal-carrier {
  margin-top: 8px;
  color: #1d275e;
  font-size: 26px;
  font-weight: 600;
}

.spark-carrier-modal-copy {
  color: #2d3345;
  font-size: 17px;
  line-height: 1.6;
}

.spark-carrier-modal-copy ol {
  margin: 0;
  padding-left: 24px;
}

.spark-carrier-modal-actions {
  margin-top: 18px;
}

.spark-carrier-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 16px;
}

.spark-carrier-form-grid label {
  display: grid;
  gap: 8px;
  color: #555d78;
  font-size: 13px;
  font-weight: 700;
}

.spark-carrier-form-grid .span-2 {
  grid-column: span 2;
}

.spark-carrier-empty {
  padding: 28px 0;
  color: #5c6479;
  font-size: 18px;
}

@media (max-width: 1200px) {
  .spark-carrier-head,
  .spark-carrier-license-head,
  .spark-carrier-filter-strip {
    grid-template-columns: 1fr;
    display: grid;
  }

  .spark-carrier-top-actions {
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}

@media (max-width: 760px) {
  .spark-carrier-form-grid {
    grid-template-columns: 1fr;
  }
  .spark-carrier-form-grid .span-2 {
    grid-column: span 1;
  }
  .spark-carrier-tab-row {
    justify-content: flex-start;
  }
}

/* Production reporting v27 */
.spark-production-page {
  max-width: 1420px;
}

.spark-production-headline {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin: 8px 0 24px;
}

.spark-production-headline h1 {
  margin: 0;
  font-size: clamp(58px, 5vw, 76px);
  line-height: 0.95;
  letter-spacing: -0.058em;
  color: var(--primary-deep);
  font-family: var(--brokeros-serif-display, "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif);
  font-weight: 700;
}

.spark-production-updated {
  font-size: 20px;
  line-height: 1.3;
  color: #2b3568;
  font-weight: 700;
}

.spark-production-toolbar-shell {
  background: #f2f3f7;
  border: 1px solid #eceef4;
  border-radius: 10px;
  padding: 14px 18px 16px;
  margin-bottom: 12px;
}

.spark-production-toolbar-grid {
  display: grid;
  grid-template-columns: minmax(260px, 1.15fr) minmax(240px, 0.9fr) auto minmax(250px, 0.8fr);
  gap: 16px;
  align-items: end;
}

.spark-production-field {
  display: grid;
  gap: 8px;
}

.spark-production-field > span {
  font-size: 13px;
  line-height: 1.2;
  color: #434d78;
  font-weight: 700;
}

.spark-production-search-shell {
  min-height: 58px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 16px;
  background: #fff;
  border: 1px solid #d7dcef;
  border-radius: 10px;
  box-shadow: 0 1px 0 rgba(30, 43, 95, 0.02);
}

.spark-production-search-shell {
  cursor: text;
}

.spark-production-search-shell input {
  flex: 1 1 auto;
  width: 100%;
  min-height: 36px;
  height: 36px;
  border: 0;
  padding: 0;
  box-shadow: none;
  background: transparent;
  color: #2d386f;
  font-size: 18px;
  line-height: 36px;
  font-weight: 500;
  letter-spacing: 0;
  caret-color: #33459a;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.spark-production-search-shell input::placeholder {
  color: #97a0bf;
}

.spark-production-search-shell input:focus {
  box-shadow: none;
}

.spark-production-search-icon,
.spark-production-link-action .ui-icon {
  color: #7f89ad;
}

.spark-production-toolbar-links {
  display: flex;
  align-items: center;
  gap: 18px;
  align-self: end;
  padding-bottom: 12px;
  white-space: nowrap;
}

.spark-production-link-action {
  border: 0;
  background: transparent;
  color: #6b63cf;
  font-size: 15px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  padding: 0;
}

.spark-production-link-action:hover {
  color: #4d52cb;
}

.spark-production-select {
  position: relative;
  min-width: 0;
}

.spark-production-select summary::-webkit-details-marker {
  display: none;
}

.spark-production-select-trigger {
  list-style: none;
  min-height: 58px;
  border: 1px solid #d7dcef;
  border-radius: 10px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 16px;
  cursor: pointer;
  color: #313b70;
}

.spark-production-select[open] .spark-production-select-trigger {
  border-color: #b7bef8;
  box-shadow: 0 0 0 3px rgba(101, 112, 255, 0.08);
}

.spark-production-select-value {
  display: block;
  font-size: 18px;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.spark-production-select-caret,
.spark-production-select-caret .ui-icon {
  width: 18px;
  height: 18px;
  color: #707aa4;
  flex: 0 0 auto;
}

.spark-production-select-menu {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  background: #fff;
  border: 1px solid #d9ddf1;
  border-radius: 10px;
  box-shadow: 0 22px 40px rgba(31, 45, 109, 0.12);
  padding: 8px;
  display: grid;
  gap: 2px;
  z-index: 18;
  max-height: 320px;
  overflow: auto;
}

.spark-production-select-menu.multi {
  gap: 0;
}

.spark-production-select-option {
  width: 100%;
  border: 0;
  background: transparent;
  color: #343e71;
  min-height: 46px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 14px;
  font-size: 16px;
  font-weight: 600;
  text-align: left;
  cursor: pointer;
}

.spark-production-select-option:hover,
.spark-production-select-option.active {
  background: #f3f4ff;
}

.spark-production-select-check {
  font-size: 14px;
  font-weight: 800;
  color: #5f66ff;
}

.spark-production-select-trigger.multi {
  align-items: center;
}

.spark-production-select-pill-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  min-height: 22px;
}

.spark-production-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 999px;
  background: #f2f4ff;
  color: #33418b;
  font-size: 13px;
  font-weight: 700;
}

.spark-production-pill-close {
  color: #7b86b7;
  font-size: 14px;
  line-height: 1;
}

.spark-production-placeholder {
  color: #7d87aa;
  font-size: 18px;
}

.spark-production-placeholder.selected-tail {
  font-size: 16px;
}

.spark-production-checkbox {
  width: 22px;
  height: 22px;
  border-radius: 6px;
  border: 2px solid #cfd5e8;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 800;
  color: #5f66ff;
  flex: 0 0 auto;
}

.spark-production-checkbox.active {
  border-color: #7d86ff;
  background: #f3f4ff;
}

.spark-production-list-label {
  margin: 6px 0 18px;
  font-size: 18px;
  line-height: 1.4;
  color: #2d3869;
  font-weight: 700;
}

.spark-production-grid-table {
  width: 100%;
}

.spark-production-grid-head,
.spark-production-row {
  display: grid;
  grid-template-columns: minmax(260px, 2.25fr) minmax(140px, 1fr) minmax(260px, 2.15fr) minmax(170px, 1.45fr) minmax(150px, 1.15fr);
  gap: 20px;
}

.spark-production-grid-head {
  padding: 8px 2px 14px;
  color: #777f9f;
  font-size: 12px;
  line-height: 1.45;
  font-weight: 700;
}

.spark-production-grid-body {
  display: grid;
}

.spark-production-row {
  padding: 18px 2px;
  border-top: 1px solid #edf0f7;
  align-items: start;
}

.spark-production-cell {
  min-width: 0;
}

.spark-production-primary {
  color: #2d3669;
  font-size: 18px;
  line-height: 1.35;
  font-weight: 700;
  word-break: break-word;
}

.spark-production-secondary {
  margin-top: 4px;
  color: #4f5983;
  font-size: 14px;
  line-height: 1.45;
  word-break: break-word;
}

.spark-production-secondary.date {
  margin-top: 10px;
}

.spark-production-status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #2f386b;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 700;
}

.spark-production-status-mark {
  width: 18px;
  height: 18px;
  border-radius: 999px;
  border: 2px solid #aeb8e6;
  position: relative;
  flex: 0 0 auto;
}

.spark-production-status.active .spark-production-status-mark {
  border-color: #8b94e4;
}

.spark-production-status.active .spark-production-status-mark::after {
  content: '';
  position: absolute;
  inset: 4px;
  border-radius: 999px;
  background: #8b94e4;
}

.spark-production-status.pending .spark-production-status-mark {
  border-style: dotted;
  border-width: 3px;
  border-color: #8e97be;
}

.spark-production-status.canceled .spark-production-status-mark,
.spark-production-status.termed .spark-production-status-mark,
.spark-production-status.disenroll .spark-production-status-mark,
.spark-production-status.denied .spark-production-status-mark {
  border: 0;
  width: 8px;
  height: 8px;
  margin-left: 5px;
  margin-right: 5px;
  background: #70778f;
  border-radius: 2px;
}

.spark-production-empty {
  border-top: 1px solid #edf0f7;
  padding: 26px 4px 0;
  color: #7781a3;
  font-size: 15px;
}

.spark-production-filter-layout {
  max-width: 760px;
  display: grid;
  gap: 16px;
}

.spark-production-filter-grid {
  display: grid;
  gap: 14px;
}

.spark-production-filter-grid.two-up {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.spark-production-filter-grid.single {
  grid-template-columns: minmax(0, 1fr);
  max-width: 360px;
}

.spark-production-clear-link {
  border: 0;
  background: transparent;
  color: #cb6b77;
  font-size: 15px;
  line-height: 1.2;
  font-weight: 700;
  justify-self: start;
  padding: 0;
  cursor: pointer;
}

.spark-production-inline-check {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #434d78;
  font-size: 16px;
  font-weight: 600;
}

.spark-production-inline-check input {
  width: 24px;
  height: 24px;
  margin: 0;
  accent-color: #5f66ff;
}

.spark-production-edit-actions {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 12px;
}

.spark-production-primary-btn,
.spark-production-secondary-btn {
  min-width: 154px;
  min-height: 56px;
  border-radius: 999px;
  padding: 0 26px;
  font-size: 18px;
  font-weight: 700;
  cursor: pointer;
}

.spark-production-primary-btn {
  border: 0;
  background: linear-gradient(180deg, #6572ff 0%, #5363f0 100%);
  color: #fff;
  box-shadow: 0 10px 24px rgba(83, 99, 240, 0.18);
}

.spark-production-secondary-btn {
  border: 1px solid #b7bfd8;
  background: #fff;
  color: #6c7393;
}

@media (max-width: 1360px) {
  .spark-production-toolbar-grid {
    grid-template-columns: minmax(220px, 1fr) minmax(220px, 0.9fr) auto;
  }

  .spark-production-field.sort {
    grid-column: 1 / -1;
    max-width: 320px;
  }
}

@media (max-width: 1080px) {
  .spark-production-grid-head,
  .spark-production-row {
    grid-template-columns: 1.4fr 1fr 1.4fr 1fr 1fr;
    gap: 14px;
  }
}

@media (max-width: 900px) {
  .spark-production-headline {
    flex-direction: column;
    align-items: flex-start;
  }

  .spark-production-toolbar-grid,
  .spark-production-filter-grid.two-up {
    grid-template-columns: 1fr;
  }

  .spark-production-toolbar-links {
    padding-bottom: 0;
    flex-wrap: wrap;
  }

  .spark-production-grid-head {
    display: none;
  }

  .spark-production-row {
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 18px 0;
  }

  .spark-production-cell::before {
    content: attr(data-label);
    display: block;
    margin-bottom: 4px;
    color: #7a839f;
    font-size: 12px;
    font-weight: 700;
  }
}

/* Dashboard reporting — first production pass */
.spark-dashboard-tab-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 26px;
  padding: 6px 0 28px;
  border-bottom: 1px solid #edf0f6;
  margin-bottom: 32px;
}

.spark-dashboard-tab {
  border: 0;
  background: transparent;
  color: #7f78c5;
  font-weight: 700;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 18px;
  border-radius: 999px;
  cursor: pointer;
  transition: background .18s ease, color .18s ease, transform .18s ease;
}

.spark-dashboard-tab:hover {
  background: #f6f4fd;
  color: #5140b4;
}

.spark-dashboard-tab.active {
  background: #f4f4f7;
  color: #303f8d;
}

.spark-dashboard-tab-icon {
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.spark-dashboard-compliance-link {
  border: 0;
  background: transparent;
  color: #7b72c9;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  padding: 8px 0;
}

.spark-dashboard-page {
  display: grid;
  gap: 26px;
  min-width: 0;
  max-width: 100%;
  overflow-x: clip;
}

.spark-dashboard-page,
.spark-dashboard-section,
.spark-dashboard-copy-grid.two-up,
.spark-dashboard-grid.two-up,
.spark-dashboard-breakout-copy-grid,
.spark-dashboard-aep-lower,
.spark-dashboard-aep-delayed,
.spark-dashboard-aep-grid,
.spark-dashboard-aep-delayed-grid,
.spark-dashboard-donut-shell,
.spark-dashboard-state-map-shell,
.spark-dashboard-plotly-vchart-shell,
.spark-dashboard-plotly-vchart-figure,
.spark-dashboard-plotly-multi-figure,
.spark-dashboard-card,
.spark-dashboard-card > * {
  min-width: 0;
  max-width: 100%;
}

.spark-dashboard-help-dock-shell {
  position: sticky;
  bottom: 12px;
  z-index: 24;
  display: flex;
  justify-content: center;
  pointer-events: none;
  margin: 2px 0 8px;
}

.spark-dashboard-help-dock {
  width: min(520px, calc(100% - 4px));
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  padding: 16px 18px;
  border: 1px solid #e7ebf6;
  border-radius: 22px;
  background: rgba(255,255,255,0.96);
  box-shadow: 0 18px 44px rgba(27, 36, 79, 0.14);
  backdrop-filter: blur(14px);
  pointer-events: auto;
}

.spark-dashboard-help-title {
  color: #23358f;
  font-size: 28px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: -0.04em;
  white-space: nowrap;
}

.spark-dashboard-help-select-wrap {
  position: relative;
  flex: 1 1 292px;
  min-width: 0;
}

.spark-dashboard-help-select-wrap::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 16px;
  width: 16px;
  height: 16px;
  transform: translateY(-50%);
  background: center / 16px 16px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6.25 8 10l4-3.75' stroke='%236a7395' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  pointer-events: none;
}

.spark-dashboard-help-select-wrap select {
  appearance: none;
  width: 100%;
  min-height: 52px;
  border-radius: 16px;
  border: 1px solid #dfe5f2;
  background: #fff;
  padding: 13px 44px 13px 16px;
  color: #616d96;
  font-size: 16px;
  font-weight: 600;
  box-shadow: none;
}

.spark-dashboard-help-select-wrap select:focus {
  border-color: #a8b5eb;
  box-shadow: 0 0 0 4px rgba(92, 112, 210, 0.12);
}

.spark-dashboard-toolbar-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #edf0f6;
}

.spark-dashboard-range-pill {
  position: relative;
  min-width: 320px;
  max-width: 420px;
  display: grid;
  gap: 2px;
  padding: 10px 44px 10px 16px;
  border: 2px solid #8ea7de;
  border-radius: 14px;
  background: #fff;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.9);
}

.spark-dashboard-range-kicker {
  font-size: 11px;
  font-weight: 700;
  color: #6d77a8;
  letter-spacing: .01em;
}

.spark-dashboard-range-value {
  font-size: 14px;
  font-weight: 700;
  color: #6f8ec6;
  line-height: 1.2;
  padding-right: 12px;
}

.spark-dashboard-range-select-wrap {
  position: absolute;
  inset: 0;
}

.spark-dashboard-range-select-wrap select {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.spark-dashboard-range-clear {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  border: 0;
  background: transparent;
  color: #6f8ec6;
  font-size: 22px;
  line-height: 1;
  padding: 0;
  cursor: pointer;
  z-index: 2;
}

.spark-dashboard-export-link {
  align-self: center;
  border: 0;
  background: transparent;
  color: #94a9d1;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  padding: 8px 0;
}

.spark-dashboard-export-link .ui-icon,
.spark-dashboard-compliance-link .ui-icon {
  width: 16px;
  height: 16px;
}

.spark-dashboard-instructions {
  margin-top: -4px;
}

.spark-dashboard-instructions ul {
  margin: 0;
  padding-left: 26px;
  display: grid;
  gap: 8px;
}

.spark-dashboard-instructions li {
  color: #676f96;
  font-size: 14px;
  line-height: 1.55;
  font-style: italic;
}

.spark-dashboard-section {
  display: grid;
  gap: 24px;
}

.spark-dashboard-section-head.center,
.spark-dashboard-section-copy.center {
  display: grid;
  justify-items: center;
  text-align: center;
  gap: 10px;
}

.spark-dashboard-section-head.center h2,
.spark-dashboard-section-copy.center h2 {
  margin: 0;
  color: #343d67;
  font-size: 26px;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.spark-dashboard-section-head.center p,
.spark-dashboard-section-copy.center p {
  margin: 0;
  max-width: 900px;
  color: #666e93;
  font-size: 14px;
  line-height: 1.55;
}

.spark-dashboard-section-copy-tight {
  gap: 8px;
}

.spark-dashboard-section-data-label {
  color: #4f597c;
  font-size: 14px;
  line-height: 1.45;
  font-weight: 700;
}

.spark-dashboard-centered-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 6px;
  justify-items: center;
}

.spark-dashboard-centered-list li {
  position: relative;
  max-width: 760px;
  padding-left: 14px;
  color: #596284;
  font-size: 14px;
  line-height: 1.55;
}

.spark-dashboard-centered-list li::before {
  content: '•';
  position: absolute;
  left: 0;
  top: 0;
  color: #4c5579;
  font-weight: 700;
}

.spark-dashboard-stack {
  display: grid;
  gap: 26px;
}

.spark-dashboard-big-stat {
  border-top: 1px solid #edf0f6;
  padding: 30px 0 14px;
  display: grid;
  justify-items: center;
  text-align: center;
  gap: 10px;
}

.spark-dashboard-big-number {
  color: #4a5377;
  font-size: 104px;
  line-height: 0.88;
  font-weight: 700;
  letter-spacing: -0.05em;
}

.spark-dashboard-big-label {
  color: #525b7e;
  font-size: 15px;
  line-height: 1.45;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.spark-dashboard-info.inline {
  display: inline-flex;
  align-items: center;
  position: relative;
}

.spark-dashboard-info.inline summary {
  width: 18px;
  height: 18px;
  background: #f2f4f9;
  color: #8e97b6;
  font-size: 12px;
}

.spark-dashboard-info.inline .spark-dashboard-tooltip {
  right: auto;
  left: 50%;
  transform: translateX(-50%);
  min-width: 240px;
}

.spark-dashboard-info.inline .spark-dashboard-tooltip::before {
  right: auto;
  left: calc(50% - 6px);
}

.spark-dashboard-applications-section {
  padding-top: 2px;
}

.spark-dashboard-hchart.count-only {
  display: grid;
  gap: 18px;
  padding-top: 4px;
}

.spark-dashboard-hrow.count {
  display: grid;
  grid-template-columns: 132px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
}

.spark-dashboard-hlabel {
  color: #565f82;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
}

.spark-dashboard-htracks {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}

.spark-dashboard-htrack.single {
  position: relative;
  height: 42px;
  border-radius: 13px;
  background: #f6ecdf;
  overflow: hidden;
}

.spark-dashboard-hfill {
  position: absolute;
  inset: 0 auto 0 0;
  height: 100%;
  border-radius: 13px;
}

.spark-dashboard-hvalue {
  min-width: 26px;
  color: #697296;
  font-size: 14px;
  font-weight: 700;
  text-align: right;
}

.spark-dashboard-state-map-shell {
  display: grid;
  grid-template-columns: 86px minmax(0, 1fr);
  gap: 24px;
  align-items: center;
  min-height: 302px;
}

.spark-dashboard-state-map-shell.plotly {
  grid-template-columns: 96px minmax(0, 1fr);
  gap: 20px;
  align-items: center;
  min-height: 284px;
}

.spark-dashboard-state-legend.vertical {
  display: grid;
  gap: 10px;
  align-content: center;
}

.spark-dashboard-state-legend.vertical span {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #677095;
  font-size: 13px;
  font-weight: 700;
}

.spark-dashboard-state-swatch {
  width: 12px;
  height: 12px;
  border-radius: 999px;
  display: inline-block;
}

.spark-dashboard-state-map {
  position: relative;
  justify-self: end;
  width: 100%;
  max-width: 396px;
  min-height: 238px;
  display: grid;
  grid-template-columns: repeat(14, 22px);
  grid-template-rows: repeat(6, 22px);
  justify-content: center;
  align-content: center;
  gap: 4px;
  padding: 8px 6px 0 8px;
}

.spark-dashboard-state-map::before {
  content: '';
  position: absolute;
  inset: 4px 0 0 0;
  background: linear-gradient(180deg, rgba(244, 246, 250, 0.98) 0%, rgba(234, 238, 246, 0.98) 100%);
  clip-path: polygon(4% 36%, 9% 22%, 20% 16%, 31% 10%, 47% 8%, 62% 9%, 76% 15%, 90% 20%, 98% 33%, 97% 44%, 92% 57%, 86% 67%, 79% 74%, 72% 84%, 59% 92%, 45% 91%, 35% 86%, 25% 81%, 18% 74%, 10% 65%, 4% 52%);
  border-radius: 34px;
  opacity: 0.9;
}

.spark-dashboard-state-map-figure {
  width: 100%;
  height: 248px;
  min-height: 248px;
}

.spark-dashboard-state-map-shell.plotly .spark-dashboard-state-map-figure {
  justify-self: end;
  width: 100%;
  max-width: 408px;
}

.spark-dashboard-state-map-shell.plotly .js-plotly-plot,
.spark-dashboard-state-map-shell.plotly .plot-container,
.spark-dashboard-state-map-shell.plotly .svg-container {
  width: 100% !important;
  max-width: 100% !important;
  height: 248px !important;
}

.spark-dashboard-state-cell {
  position: relative;
  z-index: 1;
  width: 22px;
  height: 22px;
  border-radius: 8px;
  background: #e5e8ef;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.96);
}

.spark-dashboard-state-cell.empty {
  background: #e2e6ee;
}

.spark-dashboard-copy-grid.two-up,
.spark-dashboard-grid.two-up {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 26px;
}

.spark-dashboard-grid.three-up {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 26px;
}

.spark-dashboard-platform-metric-grid .spark-dashboard-metric-card {
  min-height: 156px;
}

.spark-dashboard-platform-mid-grid .spark-dashboard-card,
.spark-dashboard-platform-donut-grid .spark-dashboard-card {
  height: 100%;
}

.spark-dashboard-platform-donut-grid .spark-dashboard-donut-shell {
  align-items: center;
}

.spark-dashboard-platform-next-heading {
  padding-top: 8px;
}

.spark-dashboard-platform-page .spark-dashboard-help-dock-shell {
  margin-top: 8px;
}

.spark-dashboard-copy-card {
  min-height: 148px;
  padding: 8px 14px 4px;
}

.spark-dashboard-copy-card h3 {
  margin: 0 0 14px;
  color: #444c74;
  font-size: 22px;
  font-weight: 700;
}

.spark-dashboard-copy-card ul {
  margin: 0;
  padding-left: 20px;
  display: grid;
  gap: 8px;
}

.spark-dashboard-copy-card li {
  color: #4d557a;
  font-size: 14px;
  line-height: 1.45;
}


.spark-dashboard-breakouts-section {
  margin-top: 4px;
}

.spark-dashboard-breakout-copy-grid {
  gap: 34px;
}

.spark-dashboard-breakout-copy-card {
  min-height: 106px;
  border-top: 1px solid #edf0f6;
  border-bottom: 1px solid #edf0f6;
  padding: 18px 10px 18px 14px;
}

.spark-dashboard-breakout-copy-card p {
  margin: 0;
  color: #56607f;
  font-size: 15px;
  line-height: 1.75;
  font-weight: 500;
}

.spark-dashboard-breakout-chart {
  display: grid;
  gap: 12px;
}

.spark-dashboard-breakout-legend {
  display: flex;
  align-items: center;
  gap: 16px;
  color: #7d86a7;
  font-size: 13px;
  font-weight: 700;
}

.spark-dashboard-breakout-plot {
  position: relative;
  display: grid;
  gap: 18px;
  padding-top: 2px;
}

.spark-dashboard-breakout-plot::before {
  content: '';
  position: absolute;
  inset: 0 54px 26px 86px;
  background-image: linear-gradient(to right, rgba(231, 235, 245, 0.9) 1px, transparent 1px);
  background-size: 20% 100%;
  pointer-events: none;
}

.spark-dashboard-breakout-row {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 74px 1fr;
  align-items: center;
  gap: 14px;
}

.spark-dashboard-breakout-label {
  color: #4f597c;
  font-size: 14px;
  font-weight: 700;
}

.spark-dashboard-breakout-bars {
  display: grid;
  gap: 10px;
}

.spark-dashboard-breakout-bar-row {
  display: grid;
  grid-template-columns: 1fr 42px;
  align-items: center;
  gap: 10px;
}

.spark-dashboard-breakout-track {
  position: relative;
  height: 18px;
  border-radius: 999px;
  background: rgba(245, 247, 252, 0.92);
  overflow: hidden;
}

.spark-dashboard-breakout-fill {
  position: absolute;
  inset: 0 auto 0 0;
  display: block;
  min-width: 2px;
  border-radius: inherit;
}

.spark-dashboard-breakout-value {
  color: #616b8f;
  font-size: 13px;
  font-weight: 700;
  text-align: right;
}

.spark-dashboard-breakout-axis {
  display: grid;
  grid-template-columns: 74px repeat(6, minmax(0, 1fr));
  align-items: center;
  color: #8e97b4;
  font-size: 12px;
  font-weight: 700;
}

.spark-dashboard-breakout-axis::before {
  content: '';
}

.spark-dashboard-breakout-axis span {
  text-align: center;
}

.spark-dashboard-card .spark-dashboard-breakout-chart {
  padding-top: 2px;
}

.spark-dashboard-card {
  background: #fff;
  border-top: 1px solid #edf0f6;
  padding-top: 18px;
}

.spark-dashboard-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.spark-dashboard-card-head h3 {
  margin: 0;
  color: #4a5376;
  font-size: 14px;
  font-weight: 700;
}

.spark-dashboard-card-copy {
  margin: -2px 0 10px;
  color: #667094;
  font-size: 13px;
  line-height: 1.55;
}

.spark-dashboard-card-actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.spark-dashboard-info,
.spark-dashboard-menu {
  position: relative;
}

.spark-dashboard-info summary,
.spark-dashboard-menu summary {
  list-style: none;
  cursor: pointer;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #a1a9c8;
  background: transparent;
  border: 0;
  font-weight: 700;
}

.spark-dashboard-menu summary {
  font-size: 18px;
  line-height: 1;
}

.spark-dashboard-info summary::-webkit-details-marker,
.spark-dashboard-menu summary::-webkit-details-marker {
  display: none;
}

.spark-dashboard-tooltip,
.spark-dashboard-menu-pop {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  min-width: 210px;
  z-index: 18;
  border-radius: 16px;
  box-shadow: 0 18px 42px rgba(39, 46, 89, 0.16);
}

.spark-dashboard-tooltip {
  background: #2e3241;
  color: #fff;
  padding: 14px 16px;
  font-size: 13px;
  line-height: 1.5;
}

.spark-dashboard-tooltip::before {
  content: '';
  position: absolute;
  top: -6px;
  right: 16px;
  width: 12px;
  height: 12px;
  transform: rotate(45deg);
  background: #2e3241;
}

.spark-dashboard-menu-pop {
  background: #fff;
  border: 1px solid #eceff6;
  padding: 8px;
}

.spark-dashboard-menu-pop button {
  width: 100%;
  border: 0;
  background: transparent;
  border-radius: 12px;
  padding: 12px 12px;
  font-weight: 700;
  color: #48527f;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}

.spark-dashboard-menu-pop button:hover {
  background: #f5f7fd;
}


.spark-dashboard-donut-shell {
  display: grid;
  grid-template-columns: minmax(240px, 1fr) 272px;
  align-items: center;
  gap: 34px;
  min-height: 318px;
}

.spark-dashboard-donut-legend {
  display: grid;
  gap: 10px;
  align-content: center;
}

.spark-dashboard-donut-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 16px;
  align-items: center;
  color: #5d668a;
  font-size: 14px;
  font-weight: 700;
}

.spark-dashboard-donut-key {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.spark-dashboard-donut-key i {
  width: 13px;
  height: 13px;
  border-radius: 999px;
  flex: 0 0 13px;
  display: block;
}

.spark-dashboard-donut {
  position: relative;
  width: 244px;
  height: 244px;
  margin: 0 auto;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px rgba(232, 236, 245, 0.7);
}

.spark-dashboard-donut::after {
  content: '';
  position: absolute;
  inset: 36px;
  border-radius: 50%;
  background: #fff;
  box-shadow: inset 0 0 0 1px rgba(238, 241, 247, 0.96);
}

.spark-dashboard-donut-center {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 8px;
  text-align: center;
}

.spark-dashboard-donut-center strong {
  color: #4a5377;
  font-size: 50px;
  line-height: 0.92;
  font-weight: 700;
  letter-spacing: -0.04em;
}

.spark-dashboard-donut-center span {
  color: #8a93b2;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.spark-dashboard-single-vchart {
  display: grid;
  grid-template-columns: 46px 1fr;
  gap: 14px;
}

.spark-dashboard-vchart-axis.count {
  height: 216px;
  padding-top: 2px;
}

.spark-dashboard-vchart-plot.scrollable {
  min-height: 244px;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 8px;
}

.spark-dashboard-vchart-grid.count {
  inset: 0 0 30px 0;
}

.spark-dashboard-vchart-bars.wide {
  min-width: max(100%, calc(var(--dashboard-bar-count, 1) * 52px));
  grid-template-columns: repeat(var(--dashboard-bar-count, 1), minmax(36px, 1fr));
  gap: 10px;
  height: 214px;
  align-items: end;
  padding-top: 0;
}

.spark-dashboard-vgroup.single {
  gap: 8px;
}

.spark-dashboard-vgroup.single .spark-dashboard-vbar-wrap {
  width: 100%;
  min-width: 0;
}

.spark-dashboard-vgroup.single .spark-dashboard-vbar {
  width: 100%;
  min-height: 3px;
  border-radius: 7px 7px 0 0;
}

.spark-dashboard-vgroup-label.long {
  font-size: 12px;
  line-height: 1.35;
  white-space: nowrap;
}

.series-ready,
.spark-dashboard-legend-dot.series-ready {
  background: #b4d37a;
}

.series-sunfire,
.spark-dashboard-legend-dot.series-sunfire {
  background: #f0df9f;
}

.spark-dashboard-sunfire-section {
  padding-bottom: 6px;
}

.spark-dashboard-plotly-vchart-shell {
  width: 100%;
}

.spark-dashboard-plotly-vchart-figure {
  width: 100%;
  height: 286px;
  min-height: 286px;
}

.spark-dashboard-plotly-vchart-figure .modebar {
  display: none !important;
}


.spark-dashboard-enrollments-section {
  padding-bottom: 2px;
}

.spark-dashboard-aep-section {
  padding-top: 4px;
  gap: 28px;
}

.spark-dashboard-aep-copy {
  gap: 12px;
}

.spark-dashboard-aep-subcopy {
  width: 100%;
  max-width: 1180px;
  display: grid;
  gap: 12px;
  justify-items: start;
  text-align: left;
  margin-top: 34px;
  padding-left: 14px;
}

.spark-dashboard-aep-subcopy h3 {
  margin: 0;
  color: #434b73;
  font-size: 22px;
  font-weight: 700;
}

.spark-dashboard-aep-subcopy ul {
  margin: 0;
  padding-left: 20px;
  display: grid;
  gap: 8px;
}

.spark-dashboard-aep-subcopy li {
  color: #596284;
  font-size: 14px;
  line-height: 1.5;
}

.spark-dashboard-metric-card {
  background: #fff;
  border-top: 1px solid #edf0f6;
  padding: 22px 18px 20px;
  min-height: 136px;
  display: grid;
  align-content: center;
  gap: 10px;
}

.spark-dashboard-metric-number {
  color: #4a5377;
  font-size: 78px;
  line-height: 0.92;
  font-weight: 700;
  letter-spacing: -0.05em;
}

.spark-dashboard-metric-label {
  color: #525b7e;
  font-size: 15px;
  line-height: 1.45;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.spark-dashboard-aep-grid,
.spark-dashboard-aep-delayed-grid {
  align-items: start;
}

.spark-dashboard-aep-lower {
  display: grid;
  grid-template-columns: 282px minmax(0, 1fr);
  gap: 28px;
  align-items: start;
}

.spark-dashboard-aep-stat-stack {
  display: grid;
  gap: 18px;
}

.spark-dashboard-aep-delayed {
  display: grid;
  gap: 22px;
}

.spark-dashboard-aep-delayed h3 {
  margin: 0;
  color: #434b73;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.spark-dashboard-powered-by {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  padding: 10px 14px;
  border: 1px solid #eceff6;
  border-radius: 14px;
  background: #fff;
  color: #7f87a8;
  font-size: 14px;
  font-weight: 700;
}

.spark-dashboard-powered-by strong {
  color: #4b5682;
}

.spark-dashboard-aep-summary-rail {
  display: grid;
  gap: 18px;
  align-content: start;
}

.spark-dashboard-powered-by-card {
  display: grid;
  gap: 10px;
  min-height: 86px;
  align-content: center;
  padding: 16px 18px;
  border-top: 1px solid #edf0f6;
  background: #fff;
}

.spark-dashboard-powered-by-kicker {
  color: #8b93af;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.spark-dashboard-powered-by-brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #596284;
  font-size: 15px;
  font-weight: 700;
}

.spark-dashboard-powered-by-brand strong {
  color: #4b5682;
}

.spark-dashboard-powered-by-mark {
  width: 30px;
  height: 22px;
  display: grid;
  grid-template-columns: repeat(3, 6px);
  grid-template-rows: repeat(2, 6px);
  gap: 4px;
  align-content: center;
  justify-content: center;
}

.spark-dashboard-powered-by-mark i {
  width: 6px;
  height: 6px;
  border-radius: 2px;
  background: #8ea3d9;
  display: block;
}

.spark-dashboard-powered-by-mark i:nth-child(2),
.spark-dashboard-powered-by-mark i:nth-child(5) {
  background: #6f8bd8;
}

.spark-dashboard-powered-by-mark i:nth-child(3),
.spark-dashboard-powered-by-mark i:nth-child(6) {
  background: #b9c7ea;
}

.spark-dashboard-aep-lower-final {
  align-items: start;
}

/* dashboard33d-aep-final-stack-fix */

.spark-dashboard-aep-lower-final {
  display: block;
}

.spark-dashboard-aep-lower-final .spark-dashboard-aep-summary-rail {
  width: min(100%, 282px);
  margin-bottom: 18px;
}

.spark-dashboard-aep-lower-final .spark-dashboard-aep-stat-stack,
.spark-dashboard-aep-lower-final .spark-dashboard-powered-by-card {
  width: 100%;
}

.spark-dashboard-aep-lower-final .spark-dashboard-aep-delayed {
  width: 100%;
}

.spark-dashboard-aep-lower-final .spark-dashboard-aep-delayed h3 {
  margin-top: 2px;
}


.spark-dashboard-aep-delayed-grid {
  align-items: stretch;
}

.spark-dashboard-aep-delayed-grid .spark-dashboard-card {
  min-height: 374px;
}

.spark-dashboard-aep-delayed-grid .spark-dashboard-donut-shell {
  grid-template-columns: minmax(210px, 1fr) 250px;
  gap: 26px;
  min-height: 286px;
}

.spark-dashboard-aep-delayed-grid .spark-dashboard-donut {
  width: 226px;
  height: 226px;
}

.spark-dashboard-aep-delayed-grid .spark-dashboard-donut::after {
  inset: 34px;
}

.spark-dashboard-aep-delayed-grid .spark-dashboard-donut-center strong {
  font-size: 46px;
}

.spark-dashboard-aep-delayed-grid .spark-dashboard-donut-row {
  font-size: 13px;
}

.spark-dashboard-aep-section {
  padding-bottom: 86px;
}

.spark-dashboard-plotly-multi-figure {
  width: 100%;
  height: 320px;
  min-height: 320px;
}

.spark-dashboard-aep-section .spark-dashboard-card.tall .spark-dashboard-plotly-multi-figure {
  height: 336px;
  min-height: 336px;
}

.spark-dashboard-vchart {
  display: grid;
  grid-template-columns: 46px 1fr;
  gap: 14px;
}

.spark-dashboard-vchart-axis {
  height: 276px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  color: #8b93af;
  font-size: 12px;
  font-weight: 700;
  padding-top: 10px;
}

.spark-dashboard-vchart-plot {
  position: relative;
  min-height: 304px;
}

.spark-dashboard-vchart-grid {
  position: absolute;
  inset: 10px 0 28px 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  pointer-events: none;
}

.spark-dashboard-vchart-grid i {
  display: block;
  border-top: 1px solid #eff2f8;
}

.spark-dashboard-vchart-bars {
  position: relative;
  z-index: 1;
  height: 286px;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 10px;
  align-items: end;
  padding-top: 10px;
}

.spark-dashboard-vgroup {
  min-width: 0;
  display: grid;
  justify-items: center;
  gap: 8px;
}

.spark-dashboard-vgroup-bars {
  height: 246px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 5px;
}

.spark-dashboard-vbar-wrap {
  min-width: 22px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
}

.spark-dashboard-vbar-value {
  min-height: 16px;
  color: #6e7697;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}

.spark-dashboard-vbar {
  display: block;
  width: 22px;
  min-height: 2px;
  border-radius: 8px 8px 0 0;
}

.spark-dashboard-vgroup-label {
  color: #51597d;
  font-size: 13px;
  font-weight: 700;
}

.spark-dashboard-legend {
  grid-column: 2;
  display: flex;
  align-items: center;
  gap: 18px;
  margin-top: -2px;
  color: #7c85a5;
  font-size: 13px;
  font-weight: 700;
}

.spark-dashboard-legend-dot {
  width: 11px;
  height: 11px;
  border-radius: 999px;
  display: inline-block;
  margin-right: 7px;
}

.series-accretion-current,
.spark-dashboard-legend-dot.series-accretion-current {
  background: #a9cb64;
}

.series-accretion-prior,
.spark-dashboard-legend-dot.series-accretion-prior {
  background: #78a6e9;
}

.series-retention-current,
.spark-dashboard-legend-dot.series-retention-current {
  background: #edd76a;
}

.series-retention-prior,
.spark-dashboard-legend-dot.series-retention-prior {
  background: #ac93d2;
}

.series-applications-current,
.spark-dashboard-legend-dot.series-applications-current {
  background: #a6ca63;
}

.series-applications-prior,
.spark-dashboard-legend-dot.series-applications-prior {
  background: #78a6e8;
}


.series-applications,
.spark-dashboard-legend-dot.series-applications {
  background: #e7ad74;
}

.series-product-mapd,
.spark-dashboard-legend-dot.series-product-mapd {
  background: #6b99e7;
}

.series-product-ms,
.spark-dashboard-legend-dot.series-product-ms {
  background: #bfe8df;
}

.spark-dashboard-state-cell.bucket-1,
.spark-dashboard-state-swatch.bucket-1 {
  background: #eef4ff;
}

.spark-dashboard-state-cell.bucket-2,
.spark-dashboard-state-swatch.bucket-2 {
  background: #dbe9ff;
}

.spark-dashboard-state-cell.bucket-3,
.spark-dashboard-state-swatch.bucket-3 {
  background: #bed5fb;
}

.spark-dashboard-state-cell.bucket-4,
.spark-dashboard-state-swatch.bucket-4 {
  background: #86b0f3;
}

.spark-dashboard-state-cell.bucket-5,
.spark-dashboard-state-swatch.bucket-5 {
  background: #4f84e4;
}

.spark-dashboard-placeholder-card {
  min-height: 300px;
  border: 1px dashed #d9deef;
  border-radius: 24px;
  background: linear-gradient(180deg, #fcfdff 0%, #f8f9fe 100%);
  display: grid;
  align-content: center;
  justify-items: center;
  text-align: center;
  gap: 12px;
  padding: 28px;
}

.spark-dashboard-placeholder-kicker {
  color: #8a92b4;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.spark-dashboard-placeholder-card h2 {
  margin: 0;
  color: #2f3f8f;
  font-size: 30px;
  line-height: 1.1;
}

.spark-dashboard-placeholder-card p {
  margin: 0;
  max-width: 680px;
  color: #6a7398;
  line-height: 1.65;
}

@media (max-width: 1240px) {
  .spark-dashboard-copy-grid.two-up,
  .spark-dashboard-grid.two-up {
    grid-template-columns: 1fr;
  }
  .spark-dashboard-aep-lower {
    grid-template-columns: 1fr;
  }
  .spark-dashboard-aep-summary-rail {
    gap: 14px;
  }
}

@media (max-width: 980px) {
  .spark-dashboard-toolbar-row {
    flex-direction: column;
    align-items: stretch;
  }
  .spark-dashboard-range-pill {
    max-width: 100%;
  }
}

@media (max-width: 760px) {
  .spark-dashboard-donut-shell {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  .spark-dashboard-aep-delayed-grid .spark-dashboard-donut-shell {
    grid-template-columns: 1fr;
  }
  .spark-dashboard-powered-by-card {
    min-height: 72px;
  }
  .spark-dashboard-help-dock {
    width: min(100%, calc(100vw - 40px));
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    padding: 14px 14px;
  }
  .spark-dashboard-help-title {
    font-size: 24px;
    text-align: center;
  }
  .spark-dashboard-aep-subcopy {
    padding-left: 0;
  }
  .spark-dashboard-metric-number {
    font-size: 62px;
  }
  .spark-dashboard-plotly-multi-figure {
    height: 260px;
    min-height: 260px;
  }
  .spark-dashboard-donut {
    width: 212px;
    height: 212px;
  }
  .spark-dashboard-single-vchart {
    grid-template-columns: 34px 1fr;
    gap: 10px;
  }
  .spark-dashboard-vchart-bars.wide {
    min-width: max(100%, calc(var(--dashboard-bar-count, 1) * 44px));
    grid-template-columns: repeat(var(--dashboard-bar-count, 1), minmax(30px, 1fr));
    gap: 8px;
  }

  .spark-dashboard-big-number {
    font-size: 72px;
  }
  .spark-dashboard-hrow.count {
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .spark-dashboard-state-map-shell {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  .spark-dashboard-state-map-shell.plotly {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .spark-dashboard-state-legend.vertical {
    grid-template-columns: repeat(5, minmax(0, auto));
    justify-content: center;
  }
  .spark-dashboard-state-map {
    justify-self: center;
    transform: scale(0.94);
    transform-origin: center top;
  }
  .spark-dashboard-state-map-shell.plotly .spark-dashboard-state-map-figure {
    max-width: none;
    height: 228px;
    min-height: 228px;
  }
  .spark-dashboard-state-map-shell.plotly .js-plotly-plot,
  .spark-dashboard-state-map-shell.plotly .plot-container,
  .spark-dashboard-state-map-shell.plotly .svg-container {
    height: 228px !important;
  }
  .spark-dashboard-tab-row {
    justify-content: flex-start;
    overflow-x: auto;
    padding-bottom: 18px;
  }
  .spark-dashboard-vchart {
    grid-template-columns: 34px 1fr;
    gap: 10px;
  }
  .spark-dashboard-plotly-vchart-figure {
    height: 248px;
    min-height: 248px;
  }
  .spark-dashboard-vchart-bars {
    gap: 6px;
  }
  .spark-dashboard-vbar-wrap {
    min-width: 16px;
  }
  .spark-dashboard-vbar {
    width: 16px;
  }
  .spark-dashboard-breakout-copy-card {
    min-height: 0;
  }
  .spark-dashboard-breakout-row {
    grid-template-columns: 58px 1fr;
    gap: 10px;
  }
  .spark-dashboard-breakout-axis {
    grid-template-columns: 58px repeat(6, minmax(0, 1fr));
  }
  .spark-dashboard-breakout-plot::before {
    inset: 0 42px 26px 68px;
  }
}

@media print {
  .spark-sidebar,
  .premium-topbar,
  .spark-shot-topbar,
  .topbar,
  .page-tools,
  .spark-dashboard-tab-row,
  .spark-dashboard-compliance-link,
  .spark-dashboard-card-actions,
  .spark-dashboard-export-link,
  .topbar-actions,
  .spark-shot-tools-row,
  .spark-shot-icon-strip {
    display: none !important;
  }

  .app-shell {
    grid-template-columns: 1fr !important;
  }

  .main-area {
    padding: 0 !important;
  }

  .spark-dashboard-toolbar-row {
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
}

/* dashboard33e-aep-polish-help-fix */

.spark-dashboard-page {
  padding-bottom: 108px;
}

.spark-dashboard-aep-lower-final.dashboard33e-aep-polish-help .spark-dashboard-aep-summary-rail {
  width: min(100%, 282px);
  margin-bottom: 12px;
}

.spark-dashboard-aep-lower-final.dashboard33e-aep-polish-help .spark-dashboard-aep-stat-stack {
  gap: 12px;
}

.spark-dashboard-aep-lower-final.dashboard33e-aep-polish-help .spark-dashboard-metric-card {
  min-height: 118px;
  padding: 18px 18px 16px;
  gap: 8px;
}

.spark-dashboard-aep-lower-final.dashboard33e-aep-polish-help .spark-dashboard-metric-number {
  font-size: 72px;
}

.spark-dashboard-aep-lower-final.dashboard33e-aep-polish-help .spark-dashboard-aep-delayed {
  gap: 18px;
}

.spark-dashboard-aep-lower-final.dashboard33e-aep-polish-help .spark-dashboard-aep-delayed h3 {
  font-size: 20px;
  line-height: 1.22;
  letter-spacing: -0.02em;
}

.spark-dashboard-aep-copy {
  gap: 10px;
}

.spark-dashboard-aep-copy .spark-dashboard-section-data-label {
  max-width: 940px;
  text-align: center;
}

.spark-dashboard-aep-subcopy {
  margin-top: 26px;
}

.spark-dashboard-help-dock-shell {
  bottom: 14px;
  margin: 0 0 10px;
}

.spark-dashboard-help-dock {
  box-shadow: 0 16px 38px rgba(27, 36, 79, 0.14);
}


/* dashboard33f-aep-final-width-fix */

.spark-dashboard-page {
  padding-bottom: 132px;
}

.spark-dashboard-aep-final-block.dashboard33f-aep-final-match {
  display: grid;
  grid-template-columns: 1fr;
  gap: 22px;
  align-items: start;
}

.spark-dashboard-aep-final-block.dashboard33f-aep-final-match .spark-dashboard-aep-summary-rail {
  width: min(100%, 282px);
  margin: 0;
}

.spark-dashboard-aep-final-block.dashboard33f-aep-final-match .spark-dashboard-aep-stat-stack {
  gap: 12px;
}

.spark-dashboard-aep-final-block.dashboard33f-aep-final-match .spark-dashboard-metric-card {
  min-height: 118px;
  padding: 18px 18px 16px;
  gap: 8px;
}

.spark-dashboard-aep-final-block.dashboard33f-aep-final-match .spark-dashboard-metric-number {
  font-size: 72px;
}

.spark-dashboard-aep-final-block.dashboard33f-aep-final-match .spark-dashboard-aep-delayed-full {
  display: grid;
  gap: 18px;
  width: 100%;
}

.spark-dashboard-aep-final-block.dashboard33f-aep-final-match .spark-dashboard-aep-delayed-full h3 {
  margin: 0;
  color: #434b73;
  font-size: 19px;
  line-height: 1.22;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.spark-dashboard-aep-final-block.dashboard33f-aep-final-match .dashboard33f-aep-delayed-grid {
  width: 100%;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 40px;
  align-items: stretch;
}

.spark-dashboard-aep-final-block.dashboard33f-aep-final-match .dashboard33f-aep-delayed-grid .spark-dashboard-card {
  min-height: 374px;
  padding-top: 18px;
}

.spark-dashboard-aep-final-block.dashboard33f-aep-final-match .dashboard33f-aep-delayed-grid .spark-dashboard-card-head {
  margin-bottom: 16px;
}

.spark-dashboard-aep-final-block.dashboard33f-aep-final-match .dashboard33f-aep-delayed-grid .spark-dashboard-card-head h3 {
  font-size: 12px;
  line-height: 1.28;
  letter-spacing: -0.01em;
  color: #4c577f;
}

.spark-dashboard-aep-final-block.dashboard33f-aep-final-match .dashboard33f-aep-delayed-grid .spark-dashboard-donut-shell {
  grid-template-columns: minmax(220px, 1fr) 284px;
  gap: 28px;
  min-height: 286px;
}

.spark-dashboard-aep-final-block.dashboard33f-aep-final-match .dashboard33f-aep-delayed-grid .spark-dashboard-donut {
  width: 236px;
  height: 236px;
}

.spark-dashboard-aep-final-block.dashboard33f-aep-final-match .dashboard33f-aep-delayed-grid .spark-dashboard-donut::after {
  inset: 35px;
}

.spark-dashboard-aep-final-block.dashboard33f-aep-final-match .dashboard33f-aep-delayed-grid .spark-dashboard-donut-center strong {
  font-size: 44px;
}

.spark-dashboard-aep-final-block.dashboard33f-aep-final-match .dashboard33f-aep-delayed-grid .spark-dashboard-donut-row {
  font-size: 13px;
}

.spark-dashboard-help-dock-shell {
  position: sticky;
  bottom: 14px;
  z-index: 40;
  display: flex;
  justify-content: center;
  pointer-events: none;
  margin: 18px 0 10px;
}

.spark-dashboard-help-dock {
  width: min(520px, calc(100% - 10px));
  box-shadow: 0 16px 38px rgba(27, 36, 79, 0.14);
}

@media (max-width: 1080px) {
  .spark-dashboard-aep-final-block.dashboard33f-aep-final-match .dashboard33f-aep-delayed-grid {
    grid-template-columns: 1fr;
    gap: 26px;
  }

  .spark-dashboard-aep-final-block.dashboard33f-aep-final-match .dashboard33f-aep-delayed-grid .spark-dashboard-donut-shell {
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .spark-dashboard-aep-final-block.dashboard33f-aep-final-match .spark-dashboard-aep-summary-rail {
    width: 100%;
  }
}

@media (max-width: 1180px) {
  .spark-dashboard-grid.three-up {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 780px) {
  .spark-dashboard-grid.three-up {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* marketing39b-materials-designer-live */
.marketing39b-shell {
  display: grid;
  gap: 24px;
}

.marketing39b-profile-preview-grid,
.marketing39b-profile-grid,
.marketing-material-stage {
  align-items: stretch;
}

.marketing39b-profile-grid {
  grid-template-columns: minmax(0, 1.45fr) minmax(300px, 0.8fr);
}

.marketing-profile-brand-card,
.marketing-business-card,
.marketing-preview-surface,
.marketing-designer-canvas {
  width: 100%;
  overflow: hidden;
  border-radius: 24px;
  border: 1px solid rgba(255,255,255,0.35);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
}

.marketing-profile-brand-card {
  min-height: 290px;
  background: linear-gradient(135deg, color-mix(in srgb, var(--marketing-primary) 14%, white) 0%, #fff 46%, color-mix(in srgb, var(--marketing-secondary) 10%, white) 100%);
  padding: 28px;
  display: grid;
  gap: 18px;
}

.marketing-profile-brand-top,
.marketing-inline-actions,
.marketing-editor-foot,
.marketing-material-toolbar,
.marketing-preview-business-row,
.marketing-preview-cta-row,
.marketing-mailer-contact-row,
.marketing-assets-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
}

.marketing-profile-brand-logo,
.marketing-assets-logo-box,
.marketing-assets-photo-box,
.marketing-preview-logo-mini,
.marketing-business-card-headshot,
.marketing-mailer-avatar,
.marketing-preview-social-top,
.marketing-preview-guide-hero,
.marketing-preview-flyer-media {
  border-radius: 22px;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--line);
  display: grid;
  place-items: center;
}

.marketing-profile-brand-logo,
.marketing-assets-logo-box {
  min-height: 96px;
  min-width: 160px;
  padding: 16px;
}

.marketing-profile-theme-swatches {
  display: flex;
  gap: 10px;
}

.marketing-profile-theme-swatches span {
  width: 36px;
  height: 36px;
  border-radius: 999px;
  border: 4px solid #fff;
  box-shadow: 0 4px 16px rgba(30, 43, 95, 0.08);
}

.marketing-profile-brand-copy h3,
.marketing-preview-surface h3,
.marketing-business-card-name,
.marketing-business-card-role {
  margin: 0;
}

.marketing-profile-brand-copy h3,
.marketing-preview-surface h3,
.marketing-business-card-name {
  font-size: clamp(30px, 3vw, 42px);
  line-height: 1.02;
  letter-spacing: -0.04em;
  color: var(--marketing-secondary, var(--primary-deep));
}

.marketing-profile-brand-copy p,
.marketing-preview-surface p,
.marketing-preview-body-copy,
.marketing-business-card-contacts,
.marketing-assets-meta span {
  margin: 0;
  color: #616b91;
  line-height: 1.65;
}

.marketing-profile-link-chip,
.marketing-preview-pill,
.marketing-preview-guide-banner,
.marketing-preview-cta-badge {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  background: rgba(255,255,255,0.7);
  color: var(--marketing-secondary, var(--primary-deep));
  border: 1px solid rgba(83, 98, 245, 0.1);
}

.marketing-profile-public-link {
  color: var(--marketing-primary, var(--primary));
  font-weight: 700;
  word-break: break-word;
}

.marketing-business-card {
  min-height: 290px;
  background: linear-gradient(135deg, var(--marketing-secondary, var(--primary-deep)) 0%, color-mix(in srgb, var(--marketing-primary) 84%, white) 100%);
  padding: 26px;
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 18px;
}

.marketing-business-card-copy {
  flex: 1;
  display: grid;
  align-content: space-between;
  gap: 16px;
}

.marketing-business-card-agency {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 800;
  opacity: 0.84;
}

.marketing-business-card-name,
.marketing-business-card-role,
.marketing-business-card-contacts {
  color: #fff;
}

.marketing-business-card-role {
  font-size: 16px;
  font-weight: 700;
  opacity: 0.92;
}

.marketing-business-card-contacts {
  display: grid;
  gap: 6px;
  font-size: 14px;
}

.marketing-business-card-headshot,
.marketing-assets-photo-box {
  width: 150px;
  min-width: 150px;
  min-height: 150px;
}

.marketing-headshot-fallback,
.marketing-logo-fallback {
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  font-weight: 800;
  letter-spacing: -0.03em;
}

.marketing-headshot-fallback {
  border-radius: 999px;
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary) 18%, white), #fff);
  color: var(--primary-deep);
  font-size: 42px;
}

.marketing-logo-fallback {
  color: var(--rose);
  background: linear-gradient(135deg, #fff, #f7f0f2);
  font-size: 30px;
}

.marketing-assets-card {
  justify-content: flex-start;
  margin: 18px 0;
}

.marketing-assets-meta {
  display: grid;
  gap: 16px;
}

.marketing-assets-meta strong,
.marketing-material-upload-label,
.marketing-designer-list-row strong {
  display: block;
  margin-bottom: 4px;
  color: var(--primary-deep);
}

.marketing-form-grid {
  display: grid;
  gap: 14px;
}

.marketing-form-grid.two-up { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.marketing-form-grid.three-up { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.marketing-form-grid.four-up { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.marketing-language-checks {
  display: flex;
  gap: 18px;
  flex-wrap: wrap;
  align-items: center;
}

.marketing-language-checks label,
.marketing-material-locale-group {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.marketing-editor-foot {
  margin-top: 18px;
  justify-content: flex-start;
}

.marketing-material-toolbar {
  justify-content: space-between;
}

.marketing-material-library {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 16px;
}

.marketing-material-card {
  text-align: left;
  gap: 10px;
  display: grid;
  cursor: pointer;
}

.marketing-material-card.active {
  border-color: color-mix(in srgb, var(--primary) 36%, white);
  box-shadow: 0 0 0 3px rgba(90, 99, 255, 0.08);
}

.marketing-material-card-thumb {
  aspect-ratio: 1 / 1;
  border-radius: 18px;
  overflow: hidden;
  background: linear-gradient(135deg, color-mix(in srgb, var(--marketing-primary) 22%, white), #fff 42%, color-mix(in srgb, var(--marketing-secondary) 12%, white));
  border: 1px solid var(--line);
  display: grid;
  place-items: center;
}

.marketing-material-card-thumb img,
.marketing-preview-surface img,
.marketing-designer-canvas img,
.marketing-profile-brand-logo img,
.marketing-assets-card img,
.marketing-business-card-headshot img,
.marketing-profile-brand-logo img,
.marketing-preview-logo-mini img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.marketing-material-card-thumb-placeholder {
  width: 84px;
  height: 84px;
  border-radius: 24px;
  background: rgba(255,255,255,0.7);
  display: grid;
  place-items: center;
  font-size: 30px;
  font-weight: 900;
  color: var(--primary-deep);
}

.marketing-material-stage {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
  gap: 22px;
}

.marketing-material-editor-panel,
.marketing-material-preview-panel {
  min-width: 0;
}

.marketing-preview-surface {
  background: color-mix(in srgb, var(--marketing-primary) 4%, white);
  padding: 24px;
  min-height: 620px;
  display: grid;
  gap: 18px;
}

.marketing-preview-surface.business-card {
  min-height: 420px;
}

.marketing-preview-business-row {
  justify-content: space-between;
  align-items: stretch;
  gap: 18px;
}

.marketing-preview-business-copy {
  flex: 1;
  display: grid;
  gap: 12px;
}

.marketing-preview-business-side {
  width: 180px;
  display: grid;
  gap: 16px;
}

.marketing-preview-contact-stack,
.marketing-preview-footer,
.marketing-preview-legal,
.marketing-mailer-contact-copy,
.marketing-preview-guide-footer {
  display: grid;
  gap: 8px;
}

.marketing-preview-legal {
  color: #7d86a8;
  font-size: 12px;
  line-height: 1.55;
}

.marketing-preview-cta-row {
  justify-content: flex-start;
}

.marketing-preview-cta-row span:first-child,
.marketing-preview-footer strong,
.marketing-mailer-contact-copy strong {
  color: var(--marketing-primary, var(--primary));
  font-weight: 800;
}

.marketing-preview-cta-row span:first-child,
.marketing-preview-footer span,
.marketing-mailer-contact-copy span,
.marketing-preview-contact-stack span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.marketing-preview-flyer-media,
.marketing-preview-mailer-hero,
.marketing-preview-guide-hero,
.marketing-preview-social-top,
.marketing-preview-email-side {
  width: 100%;
  min-height: 220px;
}

.marketing-preview-flyer-media,
.marketing-preview-guide-hero {
  min-height: 260px;
}

.marketing-preview-social-top {
  min-height: 310px;
}

.marketing-preview-mailer-body,
.marketing-preview-flyer-copy,
.marketing-preview-social-body,
.marketing-preview-email-copy {
  display: grid;
  gap: 16px;
}

.marketing-mailer-contact-row {
  justify-content: flex-start;
  align-items: center;
  gap: 18px;
  padding-top: 6px;
}

.marketing-mailer-avatar {
  width: 82px;
  min-width: 82px;
  min-height: 82px;
  border-radius: 999px;
}

.marketing-mailer-contact-copy {
  gap: 5px;
}

.marketing-mailer-contact-copy span {
  color: #657093;
}

.marketing-preview-mailer-placeholder,
.marketing-designer-image-placeholder {
  width: 100%;
  min-height: 220px;
  display: grid;
  place-items: center;
  color: #7c85a7;
  font-weight: 700;
  background: linear-gradient(135deg, #f7f8fd, #eef2fb);
}

.marketing-preview-email-side {
  max-width: 280px;
  justify-self: end;
}

.marketing-preview-guide-footer {
  grid-template-columns: 1fr;
}

.marketing-preview-guide-footer strong {
  color: var(--marketing-secondary, var(--primary-deep));
}

.marketing-material-form,
.marketing-designer-editor-shell {
  display: grid;
  gap: 16px;
}

.marketing-material-upload-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.marketing-material-upload-card,
.marketing-designer-side-panel {
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 16px;
  background: #fbfcff;
}

.marketing-material-upload-status,
.marketing-designer-list-row span {
  color: #6a7395;
  font-size: 13px;
  line-height: 1.5;
}

.marketing-designer-canvas {
  display: grid;
  gap: 14px;
  align-content: start;
  padding: 22px;
  min-height: 680px;
  background: #fff;
}

.marketing-designer-canvas-block {
  border: 1px dashed transparent;
  background: transparent;
  border-radius: 18px;
  padding: 12px;
  cursor: pointer;
  text-align: inherit;
}

.marketing-designer-canvas-block.active {
  border-color: color-mix(in srgb, var(--primary) 44%, white);
  background: rgba(90, 99, 255, 0.04);
}

.marketing-designer-canvas-block.image {
  padding: 0;
  overflow: hidden;
}

.marketing-designer-block-list {
  display: grid;
  gap: 10px;
}

.marketing-designer-list-row {
  border: 1px solid var(--line);
  border-radius: 16px;
  background: #fff;
  padding: 12px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.marketing-designer-list-row.active {
  border-color: rgba(90, 99, 255, 0.32);
  box-shadow: 0 0 0 3px rgba(90, 99, 255, 0.06);
}

.marketing-designer-list-row button {
  border: 0;
  background: transparent;
  padding: 0;
  text-align: left;
  flex: 1;
  cursor: pointer;
}

.marketing-designer-drag {
  color: #9aa3c1;
  font-size: 18px;
  user-select: none;
}

.marketing-designer-property-grid {
  display: grid;
  gap: 14px;
}

.marketing-profile-brand-logo-img,
.marketing-assets-logo-img,
.marketing-preview-logo-mini-img,
.marketing-profile-brand-logo img {
  object-fit: contain !important;
}

@media (max-width: 1380px) {
  .marketing-material-library {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 1180px) {
  .marketing39b-profile-grid,
  .marketing-material-stage {
    grid-template-columns: 1fr;
  }
  .marketing-material-library {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .marketing-form-grid.three-up,
  .marketing-form-grid.four-up {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 780px) {
  .marketing-material-library,
  .marketing-material-upload-grid,
  .marketing-form-grid.two-up,
  .marketing-form-grid.three-up,
  .marketing-form-grid.four-up,
  .marketing39b-profile-grid {
    grid-template-columns: 1fr;
  }
  .marketing-business-card,
  .marketing-preview-business-row {
    flex-direction: column;
  }
  .marketing-business-card-headshot,
  .marketing-assets-photo-box {
    width: 100%;
    min-width: 0;
  }
}

/* marketing40-material-gallery-match */
.marketing40-material-gallery-match {
  position: relative;
}
.marketing-materials-intro {
  display: grid;
  gap: 10px;
  margin-bottom: 20px;
}
.marketing-materials-intro h2 {
  margin: 0;
  font-size: 28px;
  line-height: 1.15;
  color: #1f2f77;
}
.marketing-materials-intro p {
  margin: 0;
  max-width: 980px;
  color: #59627f;
  font-size: 15px;
  line-height: 1.6;
}
.marketing-materials-topbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 8px;
}
.marketing-radio-group .tab-btn {
  border-radius: 999px;
  min-width: 110px;
}
.marketing-material-gallery-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}
.marketing-gallery-card {
  background: #f3f4f7;
  border: 1px solid #e4e7f1;
  border-radius: 0;
  padding: 18px 18px 16px;
  display: grid;
  gap: 14px;
  min-height: 420px;
}
.marketing-gallery-card.active {
  border-color: #7a84f7;
  box-shadow: 0 0 0 2px rgba(90,99,255,.12);
}
.marketing-gallery-card-head {
  display: grid;
  justify-items: center;
  gap: 4px;
}
.marketing-gallery-card-title {
  font-size: 18px;
  line-height: 1.25;
  font-weight: 800;
  color: #1f2438;
  text-align: center;
}
.marketing-gallery-card-size {
  font-size: 13px;
  color: #6c7291;
  text-align: center;
}
.marketing-gallery-preview-wrap {
  display: grid;
  place-items: center;
  min-height: 250px;
}
.marketing-gallery-preview-shell {
  width: var(--marketing-template-width, 340px);
  min-height: var(--marketing-template-height, 240px);
  display: grid;
  place-items: center;
}
.marketing-gallery-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
}
.marketing-gallery-actions .btn.ghost,
.marketing-material-studio-head .btn.ghost {
  background: transparent;
  border: 0;
  color: #6b6fd7;
  box-shadow: none;
  padding: 6px 10px;
}
.marketing-gallery-actions .btn.ghost:hover,
.marketing-material-studio-head .btn.ghost:hover {
  background: rgba(107,111,215,.08);
}
.marketing-material-studio-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(26, 34, 63, .42);
  z-index: 80;
}
.marketing-material-studio-panel {
  position: fixed;
  inset: 34px 34px 34px 270px;
  z-index: 81;
  background: #eef1f8;
  border-radius: 28px;
  box-shadow: 0 32px 80px rgba(30, 39, 76, .28);
  padding: 22px;
  overflow: auto;
  display: grid;
  gap: 18px;
}
.marketing-material-studio-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.marketing-material-studio-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(340px, .85fr);
  gap: 18px;
  align-items: start;
}
.marketing-studio-preview-wrap {
  min-height: 540px;
  display: grid;
  place-items: center;
  padding: 12px;
  background: #f7f8fc;
  border-radius: 24px;
  overflow: auto;
}
.marketing-material-editor-panel .panel-head,
.marketing-material-preview-panel .panel-head {
  margin-bottom: 12px;
}
.marketing-ready-surface {
  background: #fff;
  color: #21315f;
  border-radius: 0;
  border: 1px solid #eceef5;
  overflow: hidden;
  box-shadow: 0 10px 26px rgba(38, 48, 86, .12);
  position: relative;
}
.marketing-ready-surface h3 {
  margin: 0;
  color: #2f3452;
  font-size: 19px;
  line-height: 1.14;
  font-weight: 800;
}
.marketing-ready-surface p {
  margin: 0;
  color: #626a87;
  font-size: 13px;
  line-height: 1.45;
}
.marketing-ready-overline {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--marketing-accent, #d95b78);
}
.marketing-ready-logo,
.marketing-ready-headshot,
.marketing-ready-headshot img,
.marketing-ready-surface img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.marketing-ready-logo-lock {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 58px;
  min-height: 36px;
}
.marketing-ready-logo-lock .marketing-logo-fallback,
.marketing-ready-logo-lock img {
  width: 64px;
  height: 28px;
  object-fit: contain;
}
.marketing-ready-headshot {
  width: 76px;
  height: 76px;
  border-radius: 999px;
  overflow: hidden;
  flex: 0 0 auto;
}
.marketing-ready-headshot.small {
  width: 52px;
  height: 52px;
}
.marketing-ready-headshot.tiny,
.marketing-ready-contact-foot .marketing-ready-headshot {
  width: 34px;
  height: 34px;
}
.marketing-ready-business-card,
.marketing-ready-business-card-two {
  width: 320px;
  min-height: 190px;
}
.marketing-ready-business-card {
  display: grid;
  grid-template-columns: 1fr 94px;
  gap: 16px;
  padding: 18px 18px 0;
}
.marketing-ready-business-copy {
  display: grid;
  gap: 6px;
  align-content: start;
}
.marketing-ready-business-name {
  font-size: 20px;
  font-weight: 800;
  color: #bb5a69;
  line-height: 1.05;
}
.marketing-ready-business-role,
.marketing-ready-business-license {
  font-size: 12px;
  color: #454b66;
}
.marketing-ready-business-lines {
  display: grid;
  gap: 5px;
  font-size: 12px;
  color: #545c78;
  margin-top: 8px;
}
.marketing-ready-business-side {
  display: grid;
  align-content: center;
  gap: 14px;
  justify-items: center;
}
.marketing-ready-business-bar {
  width: 100%;
  height: 14px;
  border-radius: 0;
  background: linear-gradient(90deg, rgba(217,91,120,.85), rgba(190,64,87,.95));
  align-self: end;
  margin-top: 8px;
}
.marketing-ready-business-card-two {
  display: grid;
  padding: 18px 18px 0;
  gap: 18px;
}
.marketing-ready-business-two-top,
.marketing-ready-business-two-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}
.marketing-ready-business-two-bottom {
  font-size: 12px;
  color: #555d78;
  padding-bottom: 14px;
}
.marketing-ready-business-two-accent {
  height: 18px;
  background: linear-gradient(90deg, rgba(217,91,120,.72) 0 58%, rgba(190,64,87,.95) 58% 100%);
}
.marketing-ready-qr {
  width: 58px;
  height: 58px;
  border-radius: 10px;
  background: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  box-shadow: 0 8px 18px rgba(27, 32, 52, .10), inset 0 0 0 1px #d8ddec;
  border: 1px solid #d8ddec;
  overflow: hidden;
}
.marketing-ready-qr img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}
.marketing-ready-qr.red {
  background: #fff;
}
.marketing-ready-qr.small {
  width: 38px;
  height: 38px;
  border-radius: 8px;
}
.marketing-ready-qr.tiny {
  width: 28px;
  height: 28px;
  border-radius: 7px;
  padding: 2px;
}
.marketing-ready-qr.large {
  width: 168px;
  height: 168px;
  border-radius: 18px;
  padding: 10px;
}
.marketing-ready-qr.placeholder {
  font-size: 11px;
  font-weight: 800;
  color: #33458f;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.marketing-ready-flyer.portrait,
.marketing-ready-event-flyer.portrait,
.marketing-ready-email.portrait,
.marketing-ready-direct-mail.portrait {
  width: 265px;
  min-height: 390px;
}
.marketing-ready-flyer-hero {
  height: 110px;
  background: #e6eaf6;
}
.marketing-ready-flyer-hero.short {
  height: 84px;
}
.marketing-ready-flyer-copy,
.marketing-ready-event-flyer,
.marketing-ready-email {
  display: grid;
  gap: 10px;
  padding: 14px 16px 16px;
}
.marketing-ready-flyer-split {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 12px;
}
.marketing-ready-pill-stack {
  display: grid;
  gap: 8px;
}
.marketing-ready-pill-stack span,
.marketing-ready-social-tags span,
.marketing-ready-checklist span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  padding: 0 10px;
  border-radius: 999px;
  background: rgba(217,91,120,.12);
  color: #b34f62;
  font-size: 11px;
  font-weight: 700;
}
.marketing-ready-contact-foot,
.marketing-ready-ptc-footer,
.marketing-ready-deck-footer,
.marketing-ready-social-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: #4e5674;
  font-size: 11px;
}
.marketing-ready-contact-foot > div,
.marketing-ready-ptc-footer > div {
  display: grid;
  gap: 2px;
}
.marketing-ready-contact-foot strong,
.marketing-ready-ptc-footer strong {
  color: #2d3350;
  font-size: 12px;
}
.marketing-ready-mailer.landscape,
.marketing-ready-social.landscape,
.marketing-ready-deck-cover {
  width: 320px;
  min-height: 190px;
}
.marketing-ready-mailer {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
}
.marketing-ready-mailer-hero {
  min-height: 190px;
  background: #e6eaf6;
}
.marketing-ready-mailer-copy {
  display: grid;
  gap: 9px;
  padding: 16px;
}
.marketing-ready-mailer-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 6px;
  font-size: 10px;
  color: #6b718c;
  padding-top: 8px;
  border-top: 1px solid #eceef5;
}
.marketing-ready-social {
  display: grid;
  grid-template-columns: 1fr .92fr;
}
.marketing-ready-social.reverse {
  grid-template-columns: .92fr 1fr;
}
.marketing-ready-social-copy {
  display: grid;
  gap: 9px;
  padding: 16px;
}
.marketing-ready-social-media {
  min-height: 190px;
  background: #e6eaf6;
}
.marketing-ready-social-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.marketing-ready-ptc {
  width: 320px;
  min-height: 190px;
  display: grid;
  gap: 10px;
  padding: 16px;
}
.marketing-ready-ptc-title {
  font-size: 18px;
  font-weight: 800;
  color: #b04b63;
}
.marketing-ready-form-lines {
  display: grid;
  gap: 8px;
}
.marketing-ready-form-lines div {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 8px;
  align-items: center;
  font-size: 10px;
  color: #666d89;
}
.marketing-ready-form-lines b {
  display: block;
  height: 1px;
  background: #8890aa;
}
.marketing-ready-direct-mail.portrait {
  width: 215px;
  min-height: 290px;
  display: grid;
  grid-template-rows: auto 1fr;
}
.marketing-ready-direct-top.split {
  display: grid;
  grid-template-columns: .88fr 1fr;
}
.marketing-ready-direct-image {
  min-height: 156px;
  background: #e6eaf6;
}
.marketing-ready-direct-copy,
.marketing-ready-direct-bottom,
.marketing-ready-direct-aep-right {
  display: grid;
  gap: 8px;
  padding: 14px;
}
.marketing-ready-direct-copy h3,
.marketing-ready-direct-aep-left h3 {
  font-size: 14px;
}
.marketing-ready-direct-bottom {
  grid-template-columns: 1fr auto;
  align-items: end;
  font-size: 10px;
  color: #6d7490;
}
.marketing-ready-direct-aep-grid {
  display: grid;
  grid-template-columns: 1fr .92fr;
  min-height: 214px;
}
.marketing-ready-direct-aep-left {
  display: grid;
  align-content: start;
  gap: 10px;
  padding: 16px 14px;
  background: #faeff2;
}
.marketing-ready-direct-aep-points {
  display: grid;
  gap: 8px;
  font-size: 11px;
  color: #5c6480;
}
.marketing-ready-direct-aep-footer {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  padding: 10px 14px 8px;
  font-size: 10px;
  color: #6e748f;
}
.marketing-ready-direct-legal {
  border-top: 1px solid #eceef5;
  padding: 8px 14px 12px;
  font-size: 8px;
  line-height: 1.35;
  color: #7b829b;
}
.marketing-ready-checklist {
  display: grid;
  gap: 8px;
}
.marketing-ready-email-head {
  display: flex;
  justify-content: flex-start;
  padding: 14px 16px 0;
}
.marketing-ready-email-subject {
  padding: 0 16px;
  color: #28304d;
  font-size: 15px;
  font-weight: 800;
}
.marketing-ready-email-body {
  display: grid;
  gap: 12px;
  padding: 0 16px 18px;
}
.marketing-ready-email-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 14px;
  border-radius: 999px;
  background: rgba(90,99,255,.12);
  color: #4b58cd;
  font-size: 12px;
  font-weight: 700;
}
.marketing-ready-deck-cover {
  display: grid;
  gap: 18px;
  padding: 20px 22px;
  align-content: space-between;
}
.marketing-ready-deck-cover h3 {
  font-size: 34px;
  line-height: .98;
  max-width: 200px;
}
.marketing-ready-deck-year {
  justify-self: end;
  font-size: 10px;
  font-weight: 800;
  color: #5d6480;
}
.marketing-designer-canvas {
  width: 300px;
  min-height: 390px;
}
@media (max-width: 1380px) {
  .marketing-material-studio-panel {
    inset: 18px;
  }
  .marketing-material-studio-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 1100px) {
  .marketing-material-gallery-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 760px) {
  .marketing-material-studio-panel {
    inset: 8px;
    padding: 14px;
  }
  .marketing-materials-topbar,
  .marketing-material-studio-head {
    align-items: flex-start;
    flex-direction: column;
  }
}
.marketing-ready-event-top,
.marketing-ready-event-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.marketing-ready-event-meta {
  font-size: 11px;
  color: #6d7490;
}
.marketing-ready-bullets {
  margin: 0;
  padding-left: 18px;
  color: #56607d;
  font-size: 12px;
  line-height: 1.45;
  display: grid;
  gap: 6px;
}
.marketing-ready-business-license {
  opacity: .8;
}
.marketing-ready-email-sign {
  color: #4a536f;
  font-size: 12px;
  line-height: 1.5;
}
.marketing-ready-direct-aep-left,
.marketing-ready-direct-aep-right {
  align-content: start;
}


/* marketing41-sources-qr-wordpress */
.marketing41-materials-match {
  position: relative;
}
.marketing-material-source-bar {
  display: grid;
  grid-template-columns: minmax(260px, 360px) 1fr;
  gap: 16px;
  align-items: end;
  margin-top: 10px;
}
.marketing-material-source-field select {
  min-height: 48px;
}
.marketing-material-source-note {
  min-height: 48px;
  display: flex;
  align-items: center;
  padding: 0 16px;
  border: 1px solid #e1e6f3;
  background: #f6f8fd;
  color: #5b6584;
  border-radius: 16px;
  font-size: 14px;
}
.marketing-ready-business-two-bottom .marketing-ready-qr,
.marketing-ready-flyer-split .marketing-ready-qr,
.marketing-ready-event-top .marketing-ready-qr,
.marketing-ready-ptc-end .marketing-ready-qr,
.marketing-ready-direct-bottom-side .marketing-ready-qr,
.marketing-ready-direct-aep-header .marketing-ready-qr,
.marketing-ready-deck-end .marketing-ready-qr,
.marketing-ready-social-foot .marketing-ready-qr,
.marketing-ready-email-head .marketing-ready-qr,
.marketing-ready-business-side .marketing-ready-qr {
  flex: 0 0 auto;
}
.marketing-ready-mailer {
  width: 320px;
  min-height: 240px;
  display: grid;
  grid-template-columns: 1fr 1.05fr;
}
.marketing-ready-mailer-image {
  min-height: 240px;
  background: #e7ebf7;
}
.marketing-ready-mailer-copy {
  display: grid;
  gap: 10px;
  padding: 16px;
}
.marketing-ready-mailer-head,
.marketing-ready-direct-aep-header,
.marketing-ready-ptc-end,
.marketing-ready-deck-end,
.marketing-ready-direct-bottom-side,
.marketing-ready-email-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.marketing-ready-mailer-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: auto;
  color: #4e5674;
  font-size: 12px;
}
.marketing-ready-social-foot.stack {
  align-items: flex-start;
}
.marketing-ready-direct-bottom {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 10px;
}
.marketing-ready-direct-aep-right {
  display: grid;
  gap: 10px;
  align-content: start;
}
.marketing-source-name-btn,
.text-link-btn {
  border: 0;
  background: transparent;
  padding: 0;
  cursor: pointer;
  color: #6770db;
  font-weight: 700;
  font-size: 14px;
}
.marketing-source-name-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #5f68d8;
  font-size: 15px;
}
.marketing-source-disabled {
  color: #8a92ab;
  font-size: 13px;
}
.marketing41-sources-shell,
.marketing41-programs-shell {
  display: grid;
  gap: 18px;
}
.marketing41-sources-shell h2,
.marketing41-programs-shell h2 {
  margin: 0;
  font-size: 30px;
  line-height: 1.1;
  color: #1f2f77;
}
.marketing41-programs-shell > p {
  margin: 0;
  max-width: 1120px;
  color: #59627f;
  font-size: 15px;
  line-height: 1.65;
}
.marketing-sources-headline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.marketing-search-control {
  display: grid;
  gap: 8px;
  max-width: 360px;
}
.marketing-search-control input {
  min-height: 46px;
}
.marketing-sources-panel {
  overflow: hidden;
}
.marketing-source-table th,
.marketing-source-table td {
  vertical-align: middle;
}
.marketing-source-helper-note {
  color: #60698a;
  font-size: 13px;
}
.marketing-source-modal-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(26, 34, 63, .38);
  z-index: 80;
}
.marketing-source-modal,
.marketing-source-qr-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 81;
  width: min(720px, calc(100vw - 40px));
  background: #fff;
  border-radius: 24px;
  padding: 28px 30px;
  box-shadow: 0 30px 70px rgba(20, 29, 58, .26);
  display: grid;
  gap: 18px;
}
.marketing-source-modal-close {
  position: absolute;
  top: 18px;
  right: 18px;
  border: 0;
  background: transparent;
  font-size: 34px;
  line-height: 1;
  color: #6d76b2;
  cursor: pointer;
}
.marketing-source-modal h3,
.marketing-source-qr-title {
  margin: 0;
  color: #1f2f77;
  font-size: 32px;
  line-height: 1.1;
  font-weight: 800;
}
.marketing-source-required {
  color: #8b90a7;
  font-size: 14px;
}
.marketing-source-create-form {
  display: grid;
  gap: 18px;
}
.marketing-source-language-set {
  border: 0;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
}
.marketing-source-language-set legend {
  width: 100%;
  margin-bottom: 8px;
  color: #56607f;
  font-weight: 700;
}
.marketing-source-language-set label,
.marketing-inline-radio-group label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #25325f;
  font-weight: 600;
}
.marketing-source-modal-actions,
.marketing-source-qr-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.marketing-source-qr-modal {
  width: min(520px, calc(100vw - 40px));
  justify-items: center;
  text-align: center;
}
.marketing-source-qr-frame {
  padding: 14px;
  border-radius: 24px;
  background: #f6f8fd;
  box-shadow: inset 0 0 0 1px #e3e7f2;
}
.marketing-source-qr-url {
  width: 100%;
  max-width: 420px;
  color: #5d6789;
  font-size: 13px;
  line-height: 1.6;
  overflow-wrap: anywhere;
}
.marketing-learn-more {
  color: #6671df;
  font-weight: 800;
  text-decoration: none;
}
.marketing-programs-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, .95fr);
  gap: 20px;
}
.marketing-programs-card {
  display: grid;
  gap: 14px;
  min-height: 220px;
}
.marketing-programs-card.full {
  grid-column: 1 / -1;
  min-height: 0;
}
.marketing-programs-card-title {
  font-size: 20px;
  font-weight: 800;
  color: #1f2f77;
}
.marketing-programs-checks {
  display: grid;
  gap: 14px;
  font-size: 16px;
  color: #293561;
}
.marketing-programs-side-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.marketing-pill.muted {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0 12px;
  border-radius: 999px;
  background: #f2f4fb;
  color: #59627f;
  font-size: 13px;
  font-weight: 800;
}
.marketing-inline-radio-group {
  display: flex;
  align-items: center;
  gap: 26px;
  flex-wrap: wrap;
}
.marketing-inline-radio-group.wide {
  margin-bottom: 8px;
}
.marketing-programs-address-grid {
  margin-top: 4px;
}
@media (max-width: 1100px) {
  .marketing-material-source-bar,
  .marketing-programs-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 820px) {
  .marketing-source-modal,
  .marketing-source-qr-modal {
    width: calc(100vw - 24px);
    padding: 24px 18px;
  }
  .marketing-ready-mailer {
    grid-template-columns: 1fr;
  }
  .marketing-sources-headline {
    align-items: flex-start;
    flex-direction: column;
  }
}


/* marketing42-compliance-fixed-sidebar */
.marketing-tab-btn {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding-inline: 18px;
}
.marketing-tab-icon {
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: currentColor;
  flex: 0 0 20px;
}
.marketing-tab-icon .ui-icon {
  width: 20px;
  height: 20px;
}
.marketing-tab-label {
  display: inline-block;
  line-height: 1;
}
.marketing-compliance-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.marketing-compliance-btn-icon {
  width: 16px;
  height: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.marketing-compliance-btn-icon .ui-icon {
  width: 16px;
  height: 16px;
}
.marketing-compliance-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(16, 24, 46, .32);
  z-index: 86;
}
.marketing-compliance-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 87;
  width: min(760px, calc(100vw - 40px));
  max-height: min(84vh, 860px);
  overflow: auto;
  background: #fff;
  border-radius: 24px;
  padding: 28px 30px;
  box-shadow: 0 30px 70px rgba(20, 29, 58, .26);
  display: grid;
  gap: 18px;
}
.marketing-compliance-head {
  display: grid;
  gap: 8px;
}
.marketing-compliance-kicker {
  color: #6b73e1;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.marketing-compliance-modal h3 {
  margin: 0;
  color: #1f2f77;
  font-size: 32px;
  line-height: 1.08;
}
.marketing-compliance-grid {
  display: grid;
  gap: 12px;
}
.marketing-compliance-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  padding: 14px 16px;
  border: 1px solid #e2e7f2;
  border-radius: 18px;
  background: #fbfcff;
}
.marketing-compliance-row-copy {
  display: grid;
  gap: 5px;
}
.marketing-compliance-row-copy strong {
  color: #223170;
  font-size: 15px;
}
.marketing-compliance-row-copy span {
  color: #5a6484;
  font-size: 13px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}
.marketing-compliance-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  background: #eff2fb;
  color: #5d6789;
}
.marketing-compliance-status.ready,
.marketing-compliance-status.enabled {
  background: #e8f6ed;
  color: #1f7d43;
}
.marketing-compliance-status.partial {
  background: #fff4df;
  color: #9a6718;
}
.marketing-compliance-status.needs-setup,
.marketing-compliance-status.disabled {
  background: #f4f1fb;
  color: #6b6390;
}
.marketing-compliance-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
@media (max-width: 980px) {
  .workspace-shell.spark-shot-shell,
  .app-shell.spark-shot-shell {
    height: auto;
    overflow: visible;
  }
  .spark-shot-rail,
  .spark-rail,
  .spark-sidebar,
  .workspace-main,
  .main-area {
    height: auto;
    position: static;
    overflow: visible;
  }
}


/* v42 seamless rail window-scroll patch */
html, body {
  overflow-x: hidden;
}

.workspace-shell.spark-shot-shell,
.app-shell.spark-shot-shell {
  grid-template-rows: 54px auto;
  min-height: 100vh;
  height: auto;
  overflow: visible;
}

.spark-shot-global-header {
  position: sticky;
  top: 0;
  z-index: 70;
}

.spark-shot-rail,
.spark-rail,
.spark-sidebar {
  position: sticky;
  top: 54px;
  height: calc(100vh - 54px);
  overflow: hidden !important;
  overscroll-behavior: auto;
  z-index: 30;
  box-shadow: none !important;
}

.spark-shot-rail::-webkit-scrollbar,
.spark-rail::-webkit-scrollbar,
.spark-sidebar::-webkit-scrollbar,
.workspace-main::-webkit-scrollbar,
.main-area::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}

.spark-shot-rail,
.spark-rail,
.spark-sidebar,
.workspace-main,
.main-area {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.spark-shot-nav,
.rail-nav {
  flex: 1 1 auto;
  min-height: 0;
}

.workspace-main,
.main-area {
  height: auto;
  min-height: calc(100vh - 54px);
  overflow: visible !important;
  overscroll-behavior: auto;
  padding-bottom: 42px !important;
}

@media (max-width: 980px) {
  .workspace-shell.spark-shot-shell,
  .app-shell.spark-shot-shell {
    grid-template-rows: auto auto 1fr;
    height: auto;
  }

  .spark-shot-global-header {
    position: static;
  }

  .spark-shot-rail,
  .spark-rail,
  .spark-sidebar {
    position: static;
    top: auto;
    height: auto;
    overflow: visible !important;
  }

  .workspace-main,
  .main-area {
    min-height: 0;
  }
}


/* marketing43-premium-sticky-shell */
:root {
  --shot-header-h: 54px;
  --shot-sidebar-w: 188px;
  --shot-rail-gap: clamp(6px, 0.78vh, 9px);
  --shot-rail-edge: clamp(12px, 1.8vh, 18px);
  --shot-rail-item-h: clamp(46px, 5.4vh, 60px);
  --shot-topbar-offset: calc(var(--shot-header-h) + 10px);
}

html, body {
  max-width: 100%;
  overflow-x: hidden;
}

.workspace-shell.spark-shot-shell,
.app-shell.spark-shot-shell {
  display: block !important;
  min-height: 100vh;
  height: auto !important;
  padding-top: var(--shot-header-h);
  background: #ffffff;
  overflow: visible !important;
}

.spark-shot-global-header {
  position: fixed !important;
  inset: 0 0 auto 0;
  height: var(--shot-header-h);
  min-height: var(--shot-header-h);
  z-index: 140;
  backdrop-filter: saturate(1.15) blur(12px);
  -webkit-backdrop-filter: saturate(1.15) blur(12px);
  background: rgba(241, 241, 242, 0.96);
}

.spark-shot-global-header::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: #ececef;
}

.spark-shot-rail,
.spark-rail,
.spark-sidebar {
  position: fixed !important;
  top: var(--shot-header-h);
  bottom: 0;
  left: 0;
  width: var(--shot-sidebar-w);
  min-width: var(--shot-sidebar-w);
  height: auto !important;
  padding: var(--shot-rail-edge) 0 calc(var(--shot-rail-edge) + env(safe-area-inset-bottom, 0px));
  display: grid !important;
  grid-template-rows: auto 1fr auto;
  align-content: start;
  justify-items: center;
  row-gap: var(--shot-rail-gap);
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain;
  border-right: 0 !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

.spark-shot-rail::after,
.spark-rail::after,
.spark-sidebar::after {
  display: none !important;
}

.spark-shot-rail::-webkit-scrollbar,
.spark-rail::-webkit-scrollbar,
.spark-sidebar::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}

.spark-shot-rail,
.spark-rail,
.spark-sidebar {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.spark-shot-mark,
.rail-mark {
  width: 100%;
  min-height: 36px;
  margin: 0;
  padding: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.spark-shot-mark .spark-mark-svg,
.rail-mark .spark-mark-svg {
  width: 34px;
  height: 34px;
}

.spark-shot-nav,
.rail-nav {
  width: 100%;
  min-height: 0;
  flex: none !important;
  display: grid !important;
  grid-auto-rows: minmax(var(--shot-rail-item-h), auto);
  align-content: start;
  justify-items: center;
  row-gap: var(--shot-rail-gap);
  padding: 0;
  margin: 0;
}

.rail-link,
.nav-item,
.settings-link {
  width: 164px !important;
  min-height: var(--shot-rail-item-h) !important;
  height: auto !important;
  padding: 6px 0 !important;
  gap: 6px !important;
  border-radius: 22px !important;
}

.rail-bottom-link {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 0 !important;
  margin: 0;
}

.rail-link-icon,
.nav-icon,
.marketing-tab-icon {
  width: 20px !important;
  height: 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 20px;
  line-height: 0;
  font-size: 0;
  margin: 0;
  transform: none !important;
}

.rail-link-icon .ui-icon,
.nav-icon .ui-icon,
.marketing-tab-icon .ui-icon {
  width: 20px !important;
  height: 20px !important;
  display: block;
}

.workspace-main,
.main-area {
  position: relative;
  margin-left: var(--shot-sidebar-w) !important;
  width: calc(100% - var(--shot-sidebar-w));
  min-height: calc(100vh - var(--shot-header-h));
  height: auto !important;
  overflow: visible !important;
  padding: 18px 30px 46px !important;
  box-sizing: border-box;
  background: #ffffff;
}

.spark-shot-topbar,
.premium-topbar,
.topbar {
  position: sticky;
  top: var(--shot-topbar-offset);
  z-index: 90;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 255, 255, 0.96) 72%, rgba(255, 255, 255, 0) 100%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  padding: 6px 0 12px;
  margin-bottom: 12px !important;
}

.spark-shot-toolbar-row {
  min-height: 46px;
  align-items: center;
}

.page-head,
.marketing-tabs {
  scroll-margin-top: calc(var(--shot-header-h) + 88px);
}

.marketing-tabs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin: 0 0 24px;
}

.marketing-tab-btn {
  min-height: 48px;
  padding: 0 18px !important;
  gap: 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
}

.marketing-tab-label {
  line-height: 1 !important;
  position: relative;
  top: 0;
}

@media (max-height: 820px) {
  :root {
    --shot-rail-item-h: 48px;
    --shot-rail-edge: 12px;
  }

  .rail-link,
  .nav-item,
  .settings-link {
    gap: 5px !important;
  }

  .rail-link-text,
  .nav-label {
    font-size: 10.5px !important;
  }
}

@media (max-height: 720px) {
  :root {
    --shot-rail-item-h: 44px;
    --shot-rail-gap: 5px;
  }

  .spark-shot-mark .spark-mark-svg,
  .rail-mark .spark-mark-svg {
    width: 30px;
    height: 30px;
  }

  .rail-link-text,
  .nav-label {
    font-size: 10px !important;
  }
}

@media (max-width: 980px) {
  .workspace-shell.spark-shot-shell,
  .app-shell.spark-shot-shell {
    display: block !important;
    padding-top: 0;
  }

  .spark-shot-global-header {
    position: static !important;
    height: auto;
  }

  .spark-shot-rail,
  .spark-rail,
  .spark-sidebar {
    position: static !important;
    width: 100%;
    min-width: 0;
    height: auto !important;
    display: flex !important;
    overflow: visible !important;
    padding: 12px 0;
  }

  .workspace-main,
  .main-area {
    margin-left: 0 !important;
    width: 100%;
    min-height: 0;
  }

  .spark-shot-topbar,
  .premium-topbar,
  .topbar {
    position: static;
    background: transparent;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    padding: 0;
  }
}


/* marketing45-shell-final-alignment */
:root {
  --shot-sidebar-w: 194px;
  --shot-rail-gap: clamp(7px, 0.88vh, 11px);
  --shot-rail-item-h: clamp(48px, 5.5vh, 62px);
}

.spark-shot-rail,
.spark-rail,
.spark-sidebar {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 18px 0 calc(14px + env(safe-area-inset-bottom, 0px));
  gap: 0;
}

.spark-shot-mark,
.rail-mark {
  flex: 0 0 auto;
  min-height: auto;
  margin: 0 0 34px;
  padding: 4px 0 0 !important;
}

.spark-shot-mark .spark-mark-svg,
.rail-mark .spark-mark-svg {
  width: 40px;
  height: 40px;
}

.spark-shot-nav,
.rail-nav {
  width: 100%;
  flex: 1 1 auto !important;
  min-height: 0;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--shot-rail-gap);
  padding: 0;
  margin: 0;
}

.rail-link,
.nav-item,
.settings-link {
  width: 166px !important;
  min-height: var(--shot-rail-item-h) !important;
  padding: 7px 0 !important;
  gap: 7px !important;
}

.rail-bottom-link {
  width: 100%;
  flex: 0 0 auto;
  display: flex;
  justify-content: center;
  margin-top: auto;
  padding: 18px 0 6px !important;
}

.rail-link-icon,
.nav-icon,
.marketing-tab-icon,
.rail-link-icon .ui-icon,
.nav-icon .ui-icon,
.marketing-tab-icon .ui-icon {
  overflow: visible;
}

.rail-bottom-link .rail-link-icon,
button[data-page="settings"] .rail-link-icon {
  width: 22px !important;
  height: 22px !important;
  flex-basis: 22px;
}

.rail-bottom-link .rail-link-icon .ui-icon,
button[data-page="settings"] .rail-link-icon .ui-icon {
  width: 18px !important;
  height: 18px !important;
  transform: none;
}

@media (max-height: 820px) {
  .spark-shot-mark,
  .rail-mark {
    margin-bottom: 24px;
  }

  .spark-shot-nav,
  .rail-nav {
    justify-content: flex-start;
    padding-top: 8px;
  }

  .rail-bottom-link {
    padding-top: 12px !important;
  }
}

@media (max-height: 720px) {
  .spark-shot-mark .spark-mark-svg,
  .rail-mark .spark-mark-svg {
    width: 36px;
    height: 36px;
  }

  .rail-link,
  .nav-item,
  .settings-link {
    width: 160px !important;
    min-height: 44px !important;
    gap: 5px !important;
  }
}

/* marketing47-rail-sense-fix */
:root {
  --shot-sidebar-w: 194px;
  --shot-rail-core-w: 166px;
  --shot-rail-gap: clamp(7px, 0.88vh, 11px);
  --shot-rail-item-h: clamp(48px, 5.5vh, 62px);
  --shot-rail-top-gap: 24px;
  --shot-rail-bottom-gap: 18px;
}

.spark-shot-rail,
.spark-rail,
.spark-sidebar {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 0 0 max(var(--shot-rail-bottom-gap), env(safe-area-inset-bottom, 0px));
  gap: 0;
}

.rail-logo-slot,
.spark-shot-mark,
.rail-mark {
  width: var(--shot-rail-core-w);
  flex: 0 0 auto;
  min-height: auto;
  margin: 0 auto 30px;
  padding: var(--shot-rail-top-gap) 0 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rail-logo-slot .spark-mark-svg,
.spark-shot-mark .spark-mark-svg,
.rail-mark .spark-mark-svg {
  width: 38px;
  height: 38px;
  display: block;
  overflow: visible;
}

.spark-shot-nav,
.rail-nav {
  width: var(--shot-rail-core-w);
  flex: 1 1 auto !important;
  min-height: 0;
  display: flex !important;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  gap: var(--shot-rail-gap);
  padding: 0;
  margin: 0 auto;
}

.rail-link,
.nav-item,
.settings-link,
.rail-settings-link {
  width: 100% !important;
  max-width: var(--shot-rail-core-w);
  min-height: var(--shot-rail-item-h) !important;
  padding: 7px 0 !important;
  gap: 7px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
}

.rail-link-text,
.nav-label {
  line-height: 1.05 !important;
}

.rail-settings-slot,
.rail-bottom-link {
  width: var(--shot-rail-core-w);
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto auto 0;
  padding: 20px 0 var(--shot-rail-bottom-gap) !important;
}

.rail-settings-slot .rail-link,
.rail-bottom-link .rail-link,
.rail-settings-link {
  width: 100% !important;
}

.rail-link-icon,
.nav-icon,
.marketing-tab-icon,
.rail-link-icon .ui-icon,
.nav-icon .ui-icon,
.marketing-tab-icon .ui-icon {
  overflow: visible !important;
}

.rail-link-icon,
.nav-icon,
.marketing-tab-icon {
  width: 20px !important;
  height: 20px !important;
  flex: 0 0 20px;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.rail-link-icon .ui-icon,
.nav-icon .ui-icon,
.marketing-tab-icon .ui-icon {
  width: 20px !important;
  height: 20px !important;
  display: block;
}

.rail-settings-link .rail-link-icon,
button[data-page="settings"] .rail-link-icon {
  width: 20px !important;
  height: 20px !important;
  flex-basis: 20px;
}

.rail-settings-link .rail-link-icon .ui-icon,
button[data-page="settings"] .rail-link-icon .ui-icon {
  width: 19px !important;
  height: 19px !important;
  overflow: visible !important;
}

@media (max-height: 820px) {
  .rail-logo-slot,
  .spark-shot-mark,
  .rail-mark {
    padding-top: 18px !important;
    margin-bottom: 24px;
  }

  .rail-settings-slot,
  .rail-bottom-link {
    padding-bottom: 12px !important;
  }
}

@media (max-height: 720px) {
  .rail-logo-slot .spark-mark-svg,
  .spark-shot-mark .spark-mark-svg,
  .rail-mark .spark-mark-svg {
    width: 34px;
    height: 34px;
  }

  .rail-link,
  .nav-item,
  .settings-link,
  .rail-settings-link {
    min-height: 44px !important;
    gap: 5px !important;
  }

  .rail-settings-link .rail-link-icon .ui-icon,
  button[data-page="settings"] .rail-link-icon .ui-icon {
    width: 18px !important;
    height: 18px !important;
  }
}


/* marketing47-rail-sense-fix */
:root {
  --shot-header-h: 54px;
  --shot-sidebar-w: 194px;
  --shot-rail-core-w: 166px;
  --shot-rail-top-offset: 10px;
  --shot-rail-top-gap: 12px;
  --shot-rail-item-gap: 8px;
  --shot-rail-item-h: 58px;
  --shot-rail-bottom-gap: 14px;
}

.workspace-shell.spark-shot-shell,
.app-shell.spark-shot-shell {
  display: block !important;
  min-height: 100vh;
  height: auto !important;
  padding-top: var(--shot-header-h);
  background: #ffffff;
  overflow: visible !important;
}

.spark-shot-global-header {
  position: fixed !important;
  inset: 0 0 auto 0;
  height: var(--shot-header-h);
  min-height: var(--shot-header-h);
  z-index: 220;
}

.spark-shot-rail,
.spark-rail,
.spark-sidebar {
  position: fixed !important;
  top: calc(var(--shot-header-h) + var(--shot-rail-top-offset));
  bottom: var(--shot-rail-bottom-gap);
  left: 0;
  width: var(--shot-sidebar-w);
  min-width: var(--shot-sidebar-w);
  height: auto !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  background: #ffffff !important;
  overflow-y: auto !important;
  overflow-x: visible !important;
  overscroll-behavior: contain;
  border-right: 0 !important;
  box-shadow: none !important;
  z-index: 120;
}

.spark-shot-rail::after,
.spark-rail::after,
.spark-sidebar::after {
  display: none !important;
}

.rail-logo-slot,
.spark-shot-mark,
.rail-mark {
  width: var(--shot-rail-core-w);
  flex: 0 0 auto;
  min-height: auto;
  margin: 0 auto 30px;
  padding: var(--shot-rail-top-gap) 0 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible !important;
}

.rail-logo-slot .spark-mark-svg,
.spark-shot-mark .spark-mark-svg,
.rail-mark .spark-mark-svg {
  width: 34px;
  height: 34px;
  display: block;
  overflow: visible !important;
}

.spark-shot-nav,
.rail-nav {
  width: var(--shot-rail-core-w);
  flex: 1 1 auto !important;
  min-height: 0;
  display: flex !important;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  gap: var(--shot-rail-item-gap);
  padding: 0 !important;
  margin: 0 auto !important;
  overflow: visible !important;
}

.rail-link,
.nav-item,
.settings-link,
.rail-settings-link {
  width: 100% !important;
  max-width: var(--shot-rail-core-w);
  min-height: var(--shot-rail-item-h) !important;
  height: auto !important;
  box-sizing: border-box;
  padding: 8px 0 !important;
  margin: 0 !important;
  gap: 6px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 24px !important;
  overflow: visible !important;
}

.rail-link-icon,
.nav-icon,
.marketing-tab-icon {
  width: 24px !important;
  height: 24px !important;
  flex: 0 0 24px;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto !important;
  line-height: 0 !important;
  box-sizing: border-box;
  overflow: visible !important;
}

.rail-link-icon .ui-icon,
.nav-icon .ui-icon,
.marketing-tab-icon .ui-icon {
  width: 19px !important;
  height: 19px !important;
  display: block;
  overflow: visible !important;
  stroke-width: 1.72 !important;
  vector-effect: non-scaling-stroke;
}

.rail-link[data-page="settings"] .rail-link-icon,
.rail-settings-link .rail-link-icon,
button[data-page="settings"] .rail-link-icon {
  width: 24px !important;
  height: 24px !important;
  flex-basis: 24px;
}

.rail-link[data-page="settings"] .rail-link-icon .ui-icon,
.rail-settings-link .rail-link-icon .ui-icon,
button[data-page="settings"] .rail-link-icon .ui-icon {
  width: 18px !important;
  height: 18px !important;
  stroke-width: 1.58 !important;
}

.rail-link-text,
.nav-label {
  margin: 0;
  line-height: 1.06 !important;
}

.rail-settings-slot,
.rail-bottom-link {
  width: var(--shot-rail-core-w);
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto auto 0;
  padding: 22px 0 0 !important;
  overflow: visible !important;
}

.rail-settings-slot .rail-link,
.rail-bottom-link .rail-link,
.rail-settings-link {
  width: 100% !important;
}

.workspace-main,
.main-area {
  position: relative;
  margin-left: var(--shot-sidebar-w) !important;
  width: calc(100% - var(--shot-sidebar-w));
  min-height: calc(100vh - var(--shot-header-h));
  height: auto !important;
  overflow: visible !important;
  padding: 18px 30px 46px !important;
  box-sizing: border-box;
  background: #ffffff;
}

@media (max-height: 820px) {
  :root {
    --shot-rail-top-offset: 8px;
    --shot-rail-top-gap: 10px;
    --shot-rail-item-gap: 6px;
    --shot-rail-item-h: 50px;
  }

  .rail-logo-slot,
  .spark-shot-mark,
  .rail-mark {
    margin-bottom: 24px;
  }

  .rail-link-text,
  .nav-label {
    font-size: 10.5px !important;
  }

  .rail-settings-slot,
  .rail-bottom-link {
    padding-top: 14px !important;
  }
}

@media (max-height: 720px) {
  :root {
    --shot-rail-top-gap: 8px;
    --shot-rail-item-gap: 5px;
    --shot-rail-item-h: 44px;
  }

  .rail-logo-slot .spark-mark-svg,
  .spark-shot-mark .spark-mark-svg,
  .rail-mark .spark-mark-svg {
    width: 30px;
    height: 30px;
  }

  .rail-link,
  .nav-item,
  .settings-link,
  .rail-settings-link {
    gap: 5px !important;
  }

  .rail-link[data-page="settings"] .rail-link-icon .ui-icon,
  .rail-settings-link .rail-link-icon .ui-icon,
  button[data-page="settings"] .rail-link-icon .ui-icon {
    width: 17px !important;
    height: 17px !important;
  }
}

@media (max-width: 980px) {
  .workspace-shell.spark-shot-shell,
  .app-shell.spark-shot-shell {
    padding-top: 0;
  }

  .spark-shot-global-header {
    position: static !important;
    height: auto;
    min-height: 54px;
  }

  .spark-shot-rail,
  .spark-rail,
  .spark-sidebar {
    position: static !important;
    top: auto;
    bottom: auto;
    width: 100%;
    min-width: 0;
    height: auto !important;
    padding: 12px 0 16px !important;
    overflow: visible !important;
  }

  .workspace-main,
  .main-area {
    margin-left: 0 !important;
    width: 100%;
    min-height: 0;
  }
}



/* marketing48-rail-shell-real-fix */
:root {
  --shot-header-h: 58px;
  --shot-sidebar-w: 194px;
  --shot-rail-core-w: 166px;
  --shot-rail-logo-gap: 18px;
  --shot-rail-item-gap: 8px;
  --shot-rail-item-h: 56px;
  --shot-rail-bottom-gap: 14px;
}

.workspace-shell.spark-shot-shell,
.app-shell.spark-shot-shell {
  padding-top: var(--shot-header-h) !important;
}

.spark-shot-global-header {
  height: var(--shot-header-h) !important;
  min-height: var(--shot-header-h) !important;
  z-index: 220 !important;
}

.spark-shot-rail,
.spark-rail,
.spark-sidebar {
  position: fixed !important;
  top: calc(var(--shot-header-h) + var(--shot-rail-runtime-lift, 0px)) !important;
  bottom: 0 !important;
  left: 0 !important;
  width: var(--shot-sidebar-w) !important;
  min-width: var(--shot-sidebar-w) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding: 14px 0 max(var(--shot-rail-bottom-gap), env(safe-area-inset-bottom, 0px)) !important;
  gap: 0 !important;
  overflow: hidden !important;
  overscroll-behavior: none !important;
  border-right: 0 !important;
  box-shadow: none !important;
  background: #ffffff !important;
  z-index: 120 !important;
}

.spark-shot-rail::-webkit-scrollbar,
.spark-rail::-webkit-scrollbar,
.spark-sidebar::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

.rail-logo-slot,
.spark-shot-mark,
.rail-mark {
  width: var(--shot-rail-core-w) !important;
  flex: 0 0 auto !important;
  min-height: 44px !important;
  margin: 0 auto var(--shot-rail-logo-gap) !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
}

.rail-logo-slot .spark-mark-svg,
.spark-shot-mark .spark-mark-svg,
.rail-mark .spark-mark-svg {
  width: 36px !important;
  height: 36px !important;
  display: block !important;
  overflow: visible !important;
}

.spark-shot-nav,
.rail-nav {
  width: var(--shot-rail-core-w) !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: center !important;
  gap: var(--shot-rail-item-gap) !important;
  padding: 0 !important;
  margin: 0 auto !important;
  overflow: visible !important;
}

.rail-link,
.nav-item,
.settings-link,
.rail-settings-link {
  width: 100% !important;
  max-width: var(--shot-rail-core-w) !important;
  min-height: var(--shot-rail-item-h) !important;
  height: auto !important;
  padding: 8px 0 !important;
  margin: 0 !important;
  gap: 6px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 24px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

.rail-link-icon,
.nav-icon,
.marketing-tab-icon {
  width: 24px !important;
  height: 24px !important;
  flex: 0 0 24px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto !important;
  line-height: 0 !important;
  overflow: visible !important;
}

.rail-link-icon .ui-icon,
.nav-icon .ui-icon,
.marketing-tab-icon .ui-icon {
  width: 20px !important;
  height: 20px !important;
  display: block !important;
  overflow: visible !important;
  stroke-width: 1.72 !important;
  vector-effect: non-scaling-stroke;
}

.rail-settings-slot,
.rail-bottom-link {
  width: var(--shot-rail-core-w) !important;
  flex: 0 0 auto !important;
  margin: auto auto 0 !important;
  padding: 16px 0 var(--shot-rail-bottom-gap) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
}

.rail-settings-link,
.rail-bottom-link .rail-link,
.rail-settings-slot .rail-link,
button[data-page="settings"],
.rail-link[data-page="settings"] {
  width: 100% !important;
}

.rail-settings-link .rail-link-icon,
button[data-page="settings"] .rail-link-icon,
.rail-link[data-page="settings"] .rail-link-icon {
  width: 24px !important;
  height: 24px !important;
  flex-basis: 24px !important;
}

.rail-settings-link .rail-link-icon .ui-icon,
button[data-page="settings"] .rail-link-icon .ui-icon,
.rail-link[data-page="settings"] .rail-link-icon .ui-icon {
  width: 19px !important;
  height: 19px !important;
  stroke-width: 1.6 !important;
  overflow: visible !important;
}

.workspace-main,
.main-area {
  margin-left: var(--shot-sidebar-w) !important;
  width: calc(100% - var(--shot-sidebar-w)) !important;
  min-height: calc(100vh - var(--shot-header-h)) !important;
  padding: 18px 30px 46px !important;
  box-sizing: border-box !important;
}

@media (max-height: 820px) {
  :root {
    --shot-rail-logo-gap: 14px;
    --shot-rail-item-gap: 6px;
    --shot-rail-item-h: 50px;
  }

  .rail-link-text,
  .nav-label {
    font-size: 10.5px !important;
  }
}

@media (max-height: 720px) {
  :root {
    --shot-rail-item-gap: 5px;
    --shot-rail-item-h: 44px;
  }

  .rail-logo-slot .spark-mark-svg,
  .spark-shot-mark .spark-mark-svg,
  .rail-mark .spark-mark-svg {
    width: 32px !important;
    height: 32px !important;
  }

  .rail-settings-link .rail-link-icon .ui-icon,
  button[data-page="settings"] .rail-link-icon .ui-icon,
  .rail-link[data-page="settings"] .rail-link-icon .ui-icon {
    width: 18px !important;
    height: 18px !important;
  }
}

@media (max-width: 980px) {
  .workspace-shell.spark-shot-shell,
  .app-shell.spark-shot-shell {
    padding-top: 0 !important;
  }

  .spark-shot-global-header {
    position: static !important;
    height: auto !important;
    min-height: 54px !important;
  }

  .spark-shot-rail,
  .spark-rail,
  .spark-sidebar {
    position: static !important;
    top: auto !important;
    bottom: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 12px 0 16px !important;
    overflow: visible !important;
  }

  .workspace-main,
  .main-area {
    margin-left: 0 !important;
    width: 100% !important;
    min-height: 0 !important;
  }
}



/* marketing49-header-safe-rail */
:root {
  --shot-header-h: 58px;
  --shot-sidebar-w: 194px;
  --shot-rail-core-w: 166px;
}

.workspace-shell.spark-shot-shell,
.app-shell.spark-shot-shell {
  padding-top: var(--shot-header-h) !important;
}

.spark-shot-global-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: var(--shot-header-h) !important;
  min-height: var(--shot-header-h) !important;
  overflow: visible !important;
  z-index: 500 !important;
}

.spark-shot-rail,
.spark-rail,
.spark-sidebar {
  position: fixed !important;
  top: calc(var(--shot-header-h) + 14px) !important;
  left: 0 !important;
  bottom: 0 !important;
  width: var(--shot-sidebar-w) !important;
  min-width: var(--shot-sidebar-w) !important;
  height: calc(100vh - var(--shot-header-h) - 14px) !important;
  padding: 0 0 16px !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  overflow: visible !important;
  overscroll-behavior: none !important;
  background: #fff !important;
  border-right: 0 !important;
  box-shadow: none !important;
  z-index: 320 !important;
}

.rail-logo-slot,
.spark-shot-mark,
.rail-mark {
  width: var(--shot-rail-core-w) !important;
  min-height: 52px !important;
  flex: 0 0 52px !important;
  margin: 0 auto 20px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transform: none !important;
  translate: none !important;
  overflow: visible !important;
}

.rail-logo-slot .spark-mark-svg,
.spark-shot-mark .spark-mark-svg,
.rail-mark .spark-mark-svg {
  width: 30px !important;
  height: 30px !important;
  display: block !important;
  position: relative !important;
  top: 0 !important;
  transform: none !important;
  translate: none !important;
  overflow: visible !important;
}

.spark-shot-nav,
.rail-nav {
  width: var(--shot-rail-core-w) !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  overflow: visible !important;
}

.rail-link,
.nav-item,
.settings-link,
.rail-settings-link {
  width: 100% !important;
  max-width: var(--shot-rail-core-w) !important;
  min-height: 56px !important;
  height: auto !important;
  padding: 8px 0 !important;
  margin: 0 !important;
  gap: 6px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 24px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

.rail-link-icon,
.nav-icon,
.marketing-tab-icon {
  width: 24px !important;
  height: 24px !important;
  flex: 0 0 24px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto !important;
  line-height: 0 !important;
  transform: none !important;
  translate: none !important;
  overflow: visible !important;
}

.rail-link-icon .ui-icon,
.nav-icon .ui-icon,
.marketing-tab-icon .ui-icon {
  width: 18px !important;
  height: 18px !important;
  display: block !important;
  stroke-width: 1.72 !important;
  vector-effect: non-scaling-stroke;
  overflow: visible !important;
}

.rail-settings-slot,
.rail-bottom-link {
  width: var(--shot-rail-core-w) !important;
  flex: 0 0 auto !important;
  margin: auto auto 0 !important;
  padding: 16px 0 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
}

.rail-settings-link,
.rail-bottom-link .rail-link,
.rail-settings-slot .rail-link,
button[data-page="settings"],
.rail-link[data-page="settings"] {
  width: 100% !important;
  overflow: visible !important;
}

.rail-settings-link .rail-link-icon,
button[data-page="settings"] .rail-link-icon,
.rail-link[data-page="settings"] .rail-link-icon {
  width: 24px !important;
  height: 24px !important;
  flex: 0 0 24px !important;
}

.rail-settings-link .rail-link-icon .ui-icon,
button[data-page="settings"] .rail-link-icon .ui-icon,
.rail-link[data-page="settings"] .rail-link-icon .ui-icon {
  width: 17px !important;
  height: 17px !important;
  stroke-width: 1.62 !important;
  overflow: visible !important;
}

.workspace-main,
.main-area {
  margin-left: var(--shot-sidebar-w) !important;
  width: calc(100% - var(--shot-sidebar-w)) !important;
  min-height: calc(100vh - var(--shot-header-h)) !important;
  padding: 20px 30px 46px !important;
  box-sizing: border-box !important;
}

@media (max-height: 820px) {
  .rail-logo-slot,
  .spark-shot-mark,
  .rail-mark {
    min-height: 46px !important;
    flex-basis: 46px !important;
    margin-bottom: 16px !important;
  }

  .rail-link,
  .nav-item,
  .settings-link,
  .rail-settings-link {
    min-height: 50px !important;
  }
}

@media (max-width: 980px) {
  .workspace-shell.spark-shot-shell,
  .app-shell.spark-shot-shell {
    padding-top: 0 !important;
  }

  .spark-shot-global-header {
    position: static !important;
    height: auto !important;
    min-height: 54px !important;
  }

  .spark-shot-rail,
  .spark-rail,
  .spark-sidebar {
    position: static !important;
    top: auto !important;
    bottom: auto !important;
    height: auto !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .workspace-main,
  .main-area {
    margin-left: 0 !important;
    width: 100% !important;
    min-height: 0 !important;
  }
}


/* marketing50-rail-responsive-final */
:root {
  --shot-header-h: 58px;
  --shot-sidebar-w: clamp(184px, 15vw, 198px);
  --shot-rail-core-w: calc(var(--shot-sidebar-w) - 28px);
  --shot-rail-top-pad: 18px;
  --shot-rail-logo-gap: 20px;
  --shot-rail-settings-gap: 18px;
  --shot-rail-bottom-pad: 18px;
  --shot-rail-item-h: 52px;
  --shot-rail-gap: 8px;
  --shot-spark-size: 30px;
}

.workspace-shell.spark-shot-shell,
.app-shell.spark-shot-shell {
  display: block !important;
  min-height: 100vh !important;
  padding-top: var(--shot-header-h) !important;
  background: #fff !important;
  overflow: visible !important;
}

.spark-shot-global-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: var(--shot-header-h) !important;
  min-height: var(--shot-header-h) !important;
  z-index: 520 !important;
  overflow: visible !important;
}

.spark-shot-rail,
.spark-rail,
.spark-sidebar {
  position: fixed !important;
  top: var(--shot-header-h) !important;
  left: 0 !important;
  bottom: 0 !important;
  width: var(--shot-sidebar-w) !important;
  min-width: var(--shot-sidebar-w) !important;
  height: calc(100dvh - var(--shot-header-h)) !important;
  padding: var(--shot-rail-top-pad) 0 var(--shot-rail-bottom-pad) !important;
  margin: 0 !important;
  display: grid !important;
  grid-template-rows: auto 1fr auto !important;
  align-items: start !important;
  justify-items: center !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  border-right: 0 !important;
  box-shadow: none !important;
  background: #fff !important;
  z-index: 320 !important;
}

.rail-logo-slot,
.spark-shot-mark,
.rail-mark {
  width: var(--shot-rail-core-w) !important;
  min-height: auto !important;
  height: auto !important;
  margin: 0 0 var(--shot-rail-logo-gap) !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
}

.rail-logo-slot .spark-mark-svg,
.spark-shot-mark .spark-mark-svg,
.rail-mark .spark-mark-svg {
  width: var(--shot-spark-size) !important;
  height: var(--shot-spark-size) !important;
  display: block !important;
  flex: 0 0 var(--shot-spark-size) !important;
  overflow: visible !important;
}

.spark-shot-nav,
.rail-nav {
  width: var(--shot-rail-core-w) !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: var(--shot-rail-gap) !important;
  overflow: visible !important;
}

.rail-link,
.nav-item,
.settings-link,
.rail-settings-link {
  width: 100% !important;
  max-width: var(--shot-rail-core-w) !important;
  min-height: var(--shot-rail-item-h) !important;
  height: var(--shot-rail-item-h) !important;
  padding: 7px 10px !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  border-radius: 24px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

.rail-link-icon,
.nav-icon,
.marketing-tab-icon {
  width: 22px !important;
  height: 22px !important;
  flex: 0 0 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto !important;
  line-height: 0 !important;
  overflow: visible !important;
}

.rail-link-icon .ui-icon,
.nav-icon .ui-icon,
.marketing-tab-icon .ui-icon {
  width: 18px !important;
  height: 18px !important;
  display: block !important;
  overflow: visible !important;
}

.rail-link-text,
.nav-label {
  max-width: 100% !important;
  font-size: 11px !important;
  line-height: 1.15 !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.rail-settings-slot,
.rail-bottom-link {
  width: var(--shot-rail-core-w) !important;
  margin: auto auto 0 !important;
  padding: var(--shot-rail-settings-gap) 0 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
}

.rail-settings-link,
.rail-link[data-page="settings"],
button[data-page="settings"] {
  width: 100% !important;
  height: var(--shot-rail-item-h) !important;
  min-height: var(--shot-rail-item-h) !important;
}

.rail-settings-link .rail-link-icon,
.rail-link[data-page="settings"] .rail-link-icon,
button[data-page="settings"] .rail-link-icon {
  width: 22px !important;
  height: 22px !important;
  flex: 0 0 22px !important;
}

.rail-settings-link .rail-link-icon .ui-icon,
.rail-link[data-page="settings"] .rail-link-icon .ui-icon,
button[data-page="settings"] .rail-link-icon .ui-icon {
  width: 18px !important;
  height: 18px !important;
  stroke-width: 1.78 !important;
  overflow: visible !important;
}

.workspace-main,
.main-area {
  margin-left: var(--shot-sidebar-w) !important;
  width: calc(100% - var(--shot-sidebar-w)) !important;
  min-height: calc(100dvh - var(--shot-header-h)) !important;
  padding: 20px 30px 46px !important;
  box-sizing: border-box !important;
}

@media (max-width: 980px) {
  .workspace-shell.spark-shot-shell,
  .app-shell.spark-shot-shell {
    padding-top: 0 !important;
  }

  .spark-shot-global-header {
    position: static !important;
    height: auto !important;
    min-height: 54px !important;
  }

  .spark-shot-rail,
  .spark-rail,
  .spark-sidebar {
    position: static !important;
    top: auto !important;
    bottom: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    padding: 14px 0 18px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }

  .workspace-main,
  .main-area {
    margin-left: 0 !important;
    width: 100% !important;
    min-height: 0 !important;
  }
}


/* marketing51-rail-compact-safe */
:root {
  --shot-header-h: 58px;
  --shot-sidebar-w: 188px;
  --shot-rail-core-w: 160px;
  --shot-rail-top-gap: 16px;
  --shot-rail-bottom-gap: 16px;
  --shot-rail-logo-gap: 18px;
  --shot-rail-settings-gap: 16px;
  --shot-rail-item-h: 58px;
  --shot-rail-item-radius: 26px;
  --shot-spark-size: 30px;
}

html,
body {
  overflow-x: hidden !important;
}

.workspace-shell.spark-shot-shell,
.app-shell.spark-shot-shell {
  display: block !important;
  min-height: 100vh !important;
  padding-top: var(--shot-header-h) !important;
  background: #fff !important;
  overflow: visible !important;
}

.spark-shot-global-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 700 !important;
  height: var(--shot-header-h) !important;
  min-height: var(--shot-header-h) !important;
  overflow: visible !important;
}

.spark-shot-rail,
.spark-rail,
.spark-sidebar {
  position: fixed !important;
  top: var(--shot-header-h) !important;
  left: 0 !important;
  bottom: 0 !important;
  width: var(--shot-sidebar-w) !important;
  min-width: var(--shot-sidebar-w) !important;
  height: calc(100dvh - var(--shot-header-h)) !important;
  padding: var(--shot-rail-top-gap) 0 var(--shot-rail-bottom-gap) !important;
  margin: 0 !important;
  display: grid !important;
  grid-template-rows: auto 1fr auto !important;
  align-items: start !important;
  justify-items: center !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  background: #fff !important;
  border-right: 0 !important;
  box-shadow: none !important;
  z-index: 320 !important;
}

.spark-shot-rail > .rail-head,
.spark-shot-rail > .spark-shot-rail-head {
  display: none !important;
}

.rail-logo-slot,
.spark-shot-mark,
.rail-mark {
  width: var(--shot-rail-core-w) !important;
  margin: 0 auto var(--shot-rail-logo-gap) !important;
  padding: 4px 0 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
}

.rail-logo-slot .spark-mark-svg,
.spark-shot-mark .spark-mark-svg,
.rail-mark .spark-mark-svg {
  width: var(--shot-spark-size) !important;
  height: var(--shot-spark-size) !important;
  display: block !important;
  overflow: visible !important;
  flex: 0 0 var(--shot-spark-size) !important;
}

.spark-shot-nav,
.rail-nav {
  width: var(--shot-rail-core-w) !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  overflow: visible !important;
}

.rail-link,
.nav-item,
.settings-link,
.rail-settings-link {
  width: 100% !important;
  min-height: var(--shot-rail-item-h) !important;
  height: var(--shot-rail-item-h) !important;
  padding: 9px 10px !important;
  margin: 0 !important;
  display: grid !important;
  grid-template-rows: 20px auto !important;
  align-content: center !important;
  justify-items: center !important;
  gap: 7px !important;
  border-radius: var(--shot-rail-item-radius) !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

.rail-link.active,
.nav-item.active,
.settings-link.active,
.rail-settings-link.active {
  background: #f1f1f2 !important;
  color: #24358a !important;
}

.rail-link:hover,
.nav-item:hover,
.settings-link:hover,
.rail-settings-link:hover {
  background: #f5f5f6 !important;
  color: #24358a !important;
}

.rail-link-icon,
.nav-icon,
.marketing-tab-icon {
  width: 22px !important;
  height: 22px !important;
  flex: 0 0 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto !important;
  line-height: 0 !important;
  overflow: visible !important;
}

.rail-link-icon .ui-icon,
.nav-icon .ui-icon,
.marketing-tab-icon .ui-icon {
  width: 20px !important;
  height: 20px !important;
  display: block !important;
  stroke-width: 1.85 !important;
  overflow: visible !important;
}

.rail-link-text,
.nav-label {
  display: block !important;
  min-height: 14px !important;
  max-width: calc(100% - 8px) !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
  text-align: center !important;
  white-space: normal !important;
  word-break: break-word !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

.rail-settings-slot,
.rail-bottom-link {
  width: var(--shot-rail-core-w) !important;
  margin: 0 auto !important;
  padding: var(--shot-rail-settings-gap) 0 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
}

.rail-settings-link,
.rail-link[data-page="settings"],
button[data-page="settings"] {
  width: 100% !important;
}

.workspace-main,
.main-area {
  margin-left: var(--shot-sidebar-w) !important;
  width: calc(100% - var(--shot-sidebar-w)) !important;
  min-height: calc(100vh - var(--shot-header-h)) !important;
  height: auto !important;
  padding: 22px 30px 46px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

.workspace-main::-webkit-scrollbar,
.main-area::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
}

html.shot-rail-compact {
  --shot-sidebar-w: 92px;
  --shot-rail-core-w: 68px;
  --shot-rail-top-gap: 14px;
  --shot-rail-bottom-gap: 14px;
  --shot-rail-logo-gap: 14px;
  --shot-rail-settings-gap: 12px;
  --shot-rail-item-h: 48px;
  --shot-rail-item-radius: 22px;
  --shot-spark-size: 26px;
}

html.shot-rail-compact .spark-shot-nav,
html.shot-rail-compact .rail-nav {
  gap: 6px !important;
}

html.shot-rail-compact .rail-link,
html.shot-rail-compact .nav-item,
html.shot-rail-compact .settings-link,
html.shot-rail-compact .rail-settings-link {
  grid-template-rows: 20px !important;
  gap: 0 !important;
  padding: 8px 6px !important;
}

html.shot-rail-compact .rail-link-text,
html.shot-rail-compact .nav-label {
  display: none !important;
}

html.shot-rail-compact .workspace-main,
html.shot-rail-compact .main-area {
  padding: 18px 22px 40px !important;
}

html.shot-rail-ultra-compact {
  --shot-sidebar-w: 78px;
  --shot-rail-core-w: 56px;
  --shot-rail-item-h: 44px;
  --shot-rail-item-radius: 20px;
  --shot-spark-size: 24px;
}

html.shot-rail-ultra-compact .workspace-main,
html.shot-rail-ultra-compact .main-area {
  padding: 14px 16px 32px !important;
}


/* marketing52-rail-hover-scroll-collapse */
:root {
  --shot-sidebar-w: 168px;
  --shot-sidebar-collapsed-w: 92px;
  --shot-rail-core-w: 148px;
  --shot-rail-item-gap: 8px;
  --shot-rail-item-h: 58px;
  --shot-rail-top-gap: 14px;
  --shot-rail-bottom-gap: 14px;
  --shot-rail-logo-gap: 14px;
  --shot-rail-toggle-gap: 10px;
  --shot-rail-scrollbar-w: 8px;
}

.spark-shot-global-header {
  z-index: 60 !important;
}

.spark-shot-rail,
.spark-rail {
  position: fixed !important;
  left: 0 !important;
  top: calc(var(--shot-header-h, 58px) + 10px) !important;
  bottom: 10px !important;
  width: var(--shot-sidebar-w) !important;
  height: auto !important;
  padding: var(--shot-rail-top-gap) 0 var(--shot-rail-bottom-gap) !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  scrollbar-width: none !important;
  scrollbar-color: rgba(54, 69, 154, 0.32) transparent !important;
}

.spark-shot-rail:hover,
.spark-rail:hover {
  scrollbar-width: thin !important;
}

.spark-shot-rail::-webkit-scrollbar,
.spark-rail::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
}

.spark-shot-rail:hover::-webkit-scrollbar,
.spark-rail:hover::-webkit-scrollbar {
  width: var(--shot-rail-scrollbar-w) !important;
}

.spark-shot-rail:hover::-webkit-scrollbar-thumb,
.spark-rail:hover::-webkit-scrollbar-thumb {
  background: rgba(54, 69, 154, 0.22) !important;
  border-radius: 999px !important;
}

.spark-shot-rail:hover::-webkit-scrollbar-track,
.spark-rail:hover::-webkit-scrollbar-track {
  background: transparent !important;
}

.rail-logo-slot,
.spark-shot-mark {
  width: var(--shot-rail-core-w) !important;
  margin: 0 auto var(--shot-rail-logo-gap) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  overflow: visible !important;
}

.rail-logo-slot .spark-mark-svg,
.spark-shot-mark .spark-mark-svg,
.rail-mark .spark-mark-svg {
  width: 28px !important;
  height: 28px !important;
  display: block !important;
  overflow: visible !important;
}

.rail-toggle-slot {
  width: var(--shot-rail-core-w) !important;
  margin: 0 auto var(--shot-rail-toggle-gap) !important;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  flex: 0 0 auto !important;
}

.rail-collapse-toggle {
  width: 30px !important;
  height: 30px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(54, 69, 154, 0.14) !important;
  background: rgba(255, 255, 255, 0.94) !important;
  color: #33459a !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 8px 22px rgba(25, 39, 113, 0.08) !important;
}

.rail-collapse-toggle:hover {
  background: #ffffff !important;
  border-color: rgba(54, 69, 154, 0.24) !important;
}

.rail-collapse-glyph {
  font-size: 18px !important;
  line-height: 1 !important;
  transform: translateX(-1px) !important;
}

html.shot-rail-collapsed .rail-collapse-glyph {
  transform: translateX(1px) !important;
}

.spark-shot-nav,
.rail-nav {
  width: var(--shot-rail-core-w) !important;
  margin: 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: var(--shot-rail-item-gap) !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}

.rail-link,
.settings-link,
.rail-settings-link {
  width: 100% !important;
  min-height: var(--shot-rail-item-h) !important;
  padding: 10px 12px !important;
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-rows: 20px auto !important;
  justify-items: center !important;
  align-content: center !important;
  gap: 8px !important;
  border-radius: 22px !important;
  overflow: visible !important;
}

.rail-link-icon,
button[data-page="settings"] .rail-link-icon,
.rail-settings-link .rail-link-icon,
.rail-link[data-page="settings"] .rail-link-icon {
  width: 20px !important;
  height: 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
}

.rail-link-icon .ui-icon,
button[data-page="settings"] .rail-link-icon .ui-icon,
.rail-settings-link .rail-link-icon .ui-icon,
.rail-link[data-page="settings"] .rail-link-icon .ui-icon {
  width: 20px !important;
  height: 20px !important;
  display: block !important;
  overflow: visible !important;
}

.rail-link-text,
.nav-label {
  display: block !important;
  max-width: 100% !important;
  font-size: 12.5px !important;
  line-height: 1.16 !important;
  text-align: center !important;
  white-space: normal !important;
  word-break: break-word !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

.rail-settings-slot,
.rail-bottom-link {
  width: var(--shot-rail-core-w) !important;
  margin: auto auto 0 !important;
  padding: 14px 0 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  overflow: visible !important;
}

.rail-settings-link,
.rail-link[data-page="settings"],
button[data-page="settings"] {
  width: 100% !important;
}

.workspace-main,
.main-area {
  margin-left: var(--shot-sidebar-w) !important;
  width: calc(100% - var(--shot-sidebar-w)) !important;
  min-height: calc(100vh - var(--shot-header-h, 58px)) !important;
  height: auto !important;
  padding: 22px 30px 46px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

html.shot-rail-collapsed {
  --shot-sidebar-w: var(--shot-sidebar-collapsed-w);
  --shot-rail-core-w: 68px;
  --shot-rail-logo-gap: 14px;
  --shot-rail-item-gap: 6px;
  --shot-rail-item-h: 48px;
}

html.shot-rail-collapsed .rail-link,
html.shot-rail-collapsed .settings-link,
html.shot-rail-collapsed .rail-settings-link {
  grid-template-rows: 20px !important;
  gap: 0 !important;
  padding: 10px 8px !important;
}

html.shot-rail-collapsed .rail-link-text,
html.shot-rail-collapsed .nav-label {
  display: none !important;
}

html.shot-rail-collapsed .workspace-main,
html.shot-rail-collapsed .main-area {
  margin-left: var(--shot-sidebar-w) !important;
  width: calc(100% - var(--shot-sidebar-w)) !important;
}

@media (max-width: 1260px) {
  :root {
    --shot-sidebar-w: 156px;
    --shot-rail-core-w: 136px;
    --shot-rail-item-h: 54px;
    --shot-rail-item-gap: 7px;
  }
}

@media (max-height: 820px) {
  :root {
    --shot-rail-top-gap: 12px;
    --shot-rail-logo-gap: 12px;
    --shot-rail-toggle-gap: 8px;
    --shot-rail-item-gap: 6px;
    --shot-rail-item-h: 52px;
  }
  .rail-link-text,
  .nav-label {
    font-size: 12px !important;
  }
}

@media (max-height: 700px) {
  :root {
    --shot-sidebar-w: 156px;
    --shot-rail-core-w: 136px;
    --shot-rail-top-gap: 10px;
    --shot-rail-logo-gap: 10px;
    --shot-rail-toggle-gap: 6px;
    --shot-rail-item-gap: 5px;
    --shot-rail-item-h: 48px;
  }
  .rail-logo-slot .spark-mark-svg,
  .spark-shot-mark .spark-mark-svg,
  .rail-mark .spark-mark-svg {
    width: 24px !important;
    height: 24px !important;
  }
  .rail-link-text,
  .nav-label {
    font-size: 11.5px !important;
    line-height: 1.12 !important;
  }
}


/* marketing53-rail-gold-shell */
:root {
  --shot-header-h: 58px;
  --shot-sidebar-w: clamp(142px, 14.5vw, 168px);
  --shot-sidebar-collapsed-w: 92px;
  --shot-rail-core-w: calc(var(--shot-sidebar-w) - 20px);
  --shot-rail-top: calc(var(--shot-header-h) + 14px);
  --shot-rail-height: calc(100dvh - var(--shot-rail-top) - 12px);
  --shot-rail-top-pad: 14px;
  --shot-rail-bottom-pad: 12px;
  --shot-rail-logo-gap: 18px;
  --shot-rail-toggle-gap: 14px;
  --shot-rail-item-gap: 8px;
  --shot-rail-item-min-h: 56px;
  --shot-rail-item-radius: 22px;
  --shot-rail-text-size: 12px;
  --shot-spark-size: 28px;
}

html,
body {
  overflow-x: hidden !important;
}

.workspace-shell.spark-shot-shell,
.app-shell.spark-shot-shell {
  display: block !important;
  min-height: 100vh !important;
  padding-top: var(--shot-header-h) !important;
  overflow: visible !important;
}

.spark-shot-global-header {
  position: fixed !important;
  inset: 0 0 auto 0 !important;
  height: var(--shot-header-h) !important;
  min-height: var(--shot-header-h) !important;
  z-index: 900 !important;
}

.spark-shot-rail,
.spark-rail,
.spark-sidebar {
  position: fixed !important;
  left: 0 !important;
  top: var(--shot-rail-top) !important;
  bottom: 12px !important;
  width: var(--shot-sidebar-w) !important;
  min-width: var(--shot-sidebar-w) !important;
  height: var(--shot-rail-height) !important;
  padding: var(--shot-rail-top-pad) 0 var(--shot-rail-bottom-pad) !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  box-sizing: border-box !important;
  background: #fff !important;
  border-right: 0 !important;
  box-shadow: none !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  scrollbar-width: none !important;
  scrollbar-color: rgba(51, 69, 154, 0.24) transparent !important;
  z-index: 320 !important;
}

.spark-shot-rail:hover,
.spark-rail:hover,
.spark-sidebar:hover {
  scrollbar-width: thin !important;
}

.spark-shot-rail::-webkit-scrollbar,
.spark-rail::-webkit-scrollbar,
.spark-sidebar::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
}

.spark-shot-rail:hover::-webkit-scrollbar,
.spark-rail:hover::-webkit-scrollbar,
.spark-sidebar:hover::-webkit-scrollbar {
  width: 8px !important;
}

.spark-shot-rail:hover::-webkit-scrollbar-thumb,
.spark-rail:hover::-webkit-scrollbar-thumb,
.spark-sidebar:hover::-webkit-scrollbar-thumb {
  background: rgba(51, 69, 154, 0.22) !important;
  border-radius: 999px !important;
}

.spark-shot-rail > .rail-head,
.spark-shot-rail > .spark-shot-rail-head {
  display: none !important;
}

.rail-logo-slot,
.spark-shot-mark,
.rail-mark {
  width: var(--shot-rail-core-w) !important;
  margin: 0 auto var(--shot-rail-logo-gap) !important;
  padding: 2px 0 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  overflow: visible !important;
}

.rail-logo-slot .spark-mark-svg,
.spark-shot-mark .spark-mark-svg,
.rail-mark .spark-mark-svg {
  width: var(--shot-spark-size) !important;
  height: var(--shot-spark-size) !important;
  display: block !important;
  flex: 0 0 var(--shot-spark-size) !important;
  overflow: visible !important;
}

.rail-toggle-slot {
  width: var(--shot-rail-core-w) !important;
  margin: 0 auto var(--shot-rail-toggle-gap) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex: 0 0 auto !important;
}

.rail-collapse-toggle {
  width: 34px !important;
  height: 34px !important;
  border: 1px solid rgba(51, 69, 154, 0.14) !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(247,248,255,0.96) 100%) !important;
  color: #33459a !important;
  box-shadow: 0 10px 24px rgba(32, 48, 131, 0.1) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: background .18s ease, border-color .18s ease, transform .18s ease !important;
}

.rail-collapse-toggle:hover {
  border-color: rgba(51, 69, 154, 0.22) !important;
  background: #fff !important;
  transform: translateY(-1px) !important;
}

.rail-collapse-icon {
  width: 18px !important;
  height: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
}

.rail-collapse-icon .ui-icon,
.rail-collapse-svg {
  width: 18px !important;
  height: 18px !important;
  display: block !important;
  stroke-width: 2.15 !important;
  overflow: visible !important;
}

.spark-shot-nav,
.rail-nav {
  width: var(--shot-rail-core-w) !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: var(--shot-rail-item-gap) !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}

.rail-link,
.nav-item,
.settings-link,
.rail-settings-link {
  width: 100% !important;
  min-height: var(--shot-rail-item-min-h) !important;
  height: auto !important;
  padding: 9px 10px 10px !important;
  margin: 0 !important;
  border-radius: var(--shot-rail-item-radius) !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  overflow: visible !important;
  flex: 0 0 auto !important;
}

.rail-link.active,
.nav-item.active,
.settings-link.active,
.rail-settings-link.active {
  background: #f1f1f2 !important;
  color: #24358a !important;
}

.rail-link:hover,
.nav-item:hover,
.settings-link:hover,
.rail-settings-link:hover {
  background: #f6f7fb !important;
  color: #24358a !important;
}

.rail-link-icon,
.nav-icon,
.marketing-tab-icon,
.rail-settings-link .rail-link-icon,
.rail-link[data-page="settings"] .rail-link-icon {
  width: 22px !important;
  height: 22px !important;
  flex: 0 0 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 0 !important;
  margin: 0 auto !important;
  overflow: visible !important;
}

.rail-link-icon .ui-icon,
.nav-icon .ui-icon,
.marketing-tab-icon .ui-icon,
.rail-settings-link .rail-link-icon .ui-icon,
.rail-link[data-page="settings"] .rail-link-icon .ui-icon {
  width: 20px !important;
  height: 20px !important;
  display: block !important;
  stroke-width: 1.85 !important;
  overflow: visible !important;
}

.rail-link-text,
.nav-label {
  display: block !important;
  width: 100% !important;
  padding: 0 3px !important;
  font-size: var(--shot-rail-text-size) !important;
  line-height: 1.18 !important;
  font-weight: 600 !important;
  text-align: center !important;
  white-space: normal !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

.rail-settings-slot,
.rail-bottom-link {
  width: var(--shot-rail-core-w) !important;
  margin: auto auto 0 !important;
  padding: 16px 0 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  overflow: visible !important;
}

.rail-settings-link,
.rail-link[data-page="settings"],
button[data-page="settings"] {
  width: 100% !important;
}

.workspace-main,
.main-area {
  margin-left: var(--shot-sidebar-w) !important;
  width: calc(100% - var(--shot-sidebar-w)) !important;
  min-height: calc(100vh - var(--shot-header-h)) !important;
  height: auto !important;
  padding: 22px 30px 46px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

html.shot-rail-collapsed {
  --shot-sidebar-w: var(--shot-sidebar-collapsed-w);
  --shot-rail-core-w: 68px;
  --shot-rail-logo-gap: 16px;
  --shot-rail-toggle-gap: 12px;
  --shot-rail-item-gap: 7px;
  --shot-rail-item-min-h: 48px;
}

html.shot-rail-collapsed .rail-toggle-slot {
  justify-content: center !important;
}

html.shot-rail-collapsed .rail-link,
html.shot-rail-collapsed .nav-item,
html.shot-rail-collapsed .settings-link,
html.shot-rail-collapsed .rail-settings-link {
  min-height: 48px !important;
  padding: 10px 8px !important;
  gap: 0 !important;
}

html.shot-rail-collapsed .rail-link-text,
html.shot-rail-collapsed .nav-label {
  display: none !important;
}

html.shot-rail-collapsed .workspace-main,
html.shot-rail-collapsed .main-area {
  margin-left: var(--shot-sidebar-w) !important;
  width: calc(100% - var(--shot-sidebar-w)) !important;
}

@media (max-width: 1280px) {
  :root {
    --shot-sidebar-w: clamp(136px, 14vw, 156px);
    --shot-rail-text-size: 11.5px;
    --shot-rail-item-min-h: 54px;
  }
}

@media (max-width: 1080px) {
  :root {
    --shot-sidebar-w: clamp(128px, 13.5vw, 146px);
    --shot-rail-text-size: 11px;
    --shot-rail-item-min-h: 52px;
    --shot-rail-item-gap: 7px;
  }
}

@media (max-height: 860px) {
  :root {
    --shot-rail-top-pad: 12px;
    --shot-rail-bottom-pad: 10px;
    --shot-rail-logo-gap: 16px;
    --shot-rail-toggle-gap: 12px;
    --shot-rail-item-gap: 7px;
    --shot-rail-item-min-h: 52px;
    --shot-rail-text-size: 11.5px;
  }
}

@media (max-height: 720px) {
  :root {
    --shot-rail-top-pad: 10px;
    --shot-rail-bottom-pad: 9px;
    --shot-rail-logo-gap: 14px;
    --shot-rail-toggle-gap: 10px;
    --shot-rail-item-gap: 6px;
    --shot-rail-item-min-h: 50px;
    --shot-rail-text-size: 11px;
  }
}


/* marketing54-rail-stable-shell */
:root {
  --shot-header-h: 58px;
  --shot-sidebar-w: 194px;
  --shot-rail-core-w: 166px;
  --shot-rail-logo-gap: 18px;
  --shot-rail-item-gap: 8px;
  --shot-rail-item-h: 56px;
  --shot-rail-bottom-gap: 12px;
}

.spark-shot-rail,
.spark-rail,
.spark-sidebar {
  top: calc(var(--shot-header-h) + 12px) !important;
  bottom: var(--shot-rail-bottom-gap) !important;
  height: auto !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.spark-shot-rail:hover,
.spark-shot-rail:focus-within,
.spark-rail:hover,
.spark-rail:focus-within,
.spark-sidebar:hover,
.spark-sidebar:focus-within {
  scrollbar-width: thin;
}

.spark-shot-rail::-webkit-scrollbar,
.spark-rail::-webkit-scrollbar,
.spark-sidebar::-webkit-scrollbar {
  width: 0 !important;
  background: transparent;
}

.spark-shot-rail:hover::-webkit-scrollbar,
.spark-shot-rail:focus-within::-webkit-scrollbar,
.spark-rail:hover::-webkit-scrollbar,
.spark-rail:focus-within::-webkit-scrollbar,
.spark-sidebar:hover::-webkit-scrollbar,
.spark-sidebar:focus-within::-webkit-scrollbar {
  width: 8px !important;
}

.spark-shot-rail:hover::-webkit-scrollbar-thumb,
.spark-shot-rail:focus-within::-webkit-scrollbar-thumb,
.spark-rail:hover::-webkit-scrollbar-thumb,
.spark-rail:focus-within::-webkit-scrollbar-thumb,
.spark-sidebar:hover::-webkit-scrollbar-thumb,
.spark-sidebar:focus-within::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(113, 121, 145, 0.28);
}

.rail-toggle-slot,
.rail-collapse-toggle,
.rail-collapse-icon,
.rail-collapse-glyph {
  display: none !important;
}

.rail-logo-slot,
.spark-shot-mark,
.rail-mark {
  width: var(--shot-rail-core-w) !important;
  flex: 0 0 auto !important;
  min-height: 44px !important;
  margin: 0 auto var(--shot-rail-logo-gap) !important;
  padding: 14px 0 0 !important;
}

.spark-shot-nav,
.rail-nav {
  width: var(--shot-rail-core-w) !important;
  flex: 0 0 auto !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: var(--shot-rail-item-gap) !important;
  padding: 0 0 14px !important;
  margin: 0 auto !important;
}

.rail-link,
.nav-item,
.settings-link,
.rail-settings-link {
  width: 100% !important;
  max-width: var(--shot-rail-core-w) !important;
  min-height: var(--shot-rail-item-h) !important;
  padding: 8px 0 !important;
  gap: 6px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

.rail-link-text,
.nav-label {
  display: block !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  padding: 0 10px;
  box-sizing: border-box;
}

.rail-settings-slot,
.rail-bottom-link {
  display: none !important;
}

.rail-settings-inline {
  margin-top: 2px !important;
}

.workspace-main,
.main-area {
  margin-left: var(--shot-sidebar-w) !important;
  width: calc(100% - var(--shot-sidebar-w)) !important;
}

.spark-shot-search-wrap,
.premium-search-wrap,
.global-search-wrap {
  position: relative;
  width: 252px !important;
}

.spark-shot-search-shell,
.premium-search-shell,
.search-shell {
  display: flex !important;
  align-items: center !important;
  height: 46px !important;
  border-radius: 6px !important;
  border: 1px solid #c7cad1 !important;
  background: #ffffff !important;
  padding: 0 16px !important;
  gap: 12px !important;
  box-shadow: none !important;
}

.spark-shot-search-shell input,
.premium-search-shell input,
.search-shell input,
#global-search {
  width: 100% !important;
  min-width: 0;
  border: 0 !important;
  outline: none !important;
  background: transparent !important;
  box-shadow: none !important;
  appearance: none;
  -webkit-appearance: none;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
}

.spark-shot-search-shell input:focus,
.premium-search-shell input:focus,
.search-shell input:focus,
#global-search:focus {
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
}

.premium-search-popover,
.search-popover {
  display: none !important;
}

@media (max-height: 820px) {
  :root {
    --shot-rail-logo-gap: 16px;
    --shot-rail-item-gap: 7px;
    --shot-rail-item-h: 52px;
  }
}

@media (max-height: 720px) {
  :root {
    --shot-rail-logo-gap: 14px;
    --shot-rail-item-gap: 6px;
    --shot-rail-item-h: 48px;
  }
}

@media (max-width: 980px) {
  .spark-shot-global-header {
    position: static !important;
    height: auto !important;
    min-height: 54px !important;
  }

  .spark-shot-rail,
  .spark-rail,
  .spark-sidebar {
    position: static !important;
    top: auto !important;
    bottom: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    padding: 12px 0 16px !important;
  }

  .workspace-main,
  .main-area {
    margin-left: 0 !important;
    width: 100% !important;
  }
}

/* marketing56-rail-icon-scale-polish */
:root {
  --shot-spark-size: 34px;
  --shot-rail-icon-box: 26px;
  --shot-rail-icon-size: 22px;
}

.rail-logo-slot .spark-mark-svg,
.spark-shot-mark .spark-mark-svg,
.rail-mark .spark-mark-svg {
  width: var(--shot-spark-size) !important;
  height: var(--shot-spark-size) !important;
  flex: 0 0 var(--shot-spark-size) !important;
}

.rail-link-icon,
.nav-icon,
.marketing-tab-icon,
.rail-settings-link .rail-link-icon,
.rail-link[data-page="settings"] .rail-link-icon,
button[data-page="settings"] .rail-link-icon {
  width: var(--shot-rail-icon-box) !important;
  height: var(--shot-rail-icon-box) !important;
  flex: 0 0 var(--shot-rail-icon-box) !important;
  line-height: 0 !important;
}

.rail-link-icon .ui-icon,
.nav-icon .ui-icon,
.marketing-tab-icon .ui-icon,
.rail-settings-link .rail-link-icon .ui-icon,
.rail-link[data-page="settings"] .rail-link-icon .ui-icon,
button[data-page="settings"] .rail-link-icon .ui-icon {
  width: var(--shot-rail-icon-size) !important;
  height: var(--shot-rail-icon-size) !important;
  stroke-width: 1.85 !important;
}

@media (max-width: 1080px) {
  :root {
    --shot-spark-size: 32px;
    --shot-rail-icon-box: 25px;
    --shot-rail-icon-size: 21px;
  }
}

@media (max-height: 720px) {
  :root {
    --shot-spark-size: 30px;
    --shot-rail-icon-box: 24px;
    --shot-rail-icon-size: 20px;
  }
}


/* marketing57-modal-zindex-fix */
.spark-modal-backdrop,
.spark-drawer-backdrop,
.spark-support-drawer-backdrop,
.marketing-source-modal-backdrop,
.marketing-compliance-backdrop {
  z-index: 980 !important;
}

.spark-modal-card,
.spark-contact-drawer,
.spark-support-drawer,
.marketing-source-modal,
.marketing-source-qr-modal,
.marketing-compliance-modal {
  z-index: 990 !important;
}

.spark-modal-head,
.spark-carrier-modal-head,
.spark-contact-drawer-head,
.spark-support-drawer-head,
.marketing-compliance-head {
  position: relative;
  z-index: 991 !important;
}


/* settings58-premium-workspace */
.settings-home-shell {
  padding-top: 6px;
}

.settings-home-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(320px, 1fr));
  gap: 26px 34px;
  max-width: 1380px;
}

.settings-nav-card {
  width: 100%;
  display: grid;
  grid-template-columns: 44px 1fr 22px;
  align-items: center;
  gap: 18px;
  min-height: 112px;
  padding: 24px 28px;
  border-radius: 28px;
  border: 2px solid #7e7d87;
  background: #ffffff;
  box-shadow: 0 1px 0 rgba(19, 29, 62, 0.03);
  color: #283477;
  text-align: left;
}

.settings-nav-card.accent {
  background: #f6f5ff;
}

.settings-nav-card:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(63, 76, 131, 0.08);
}

.settings-nav-icon-wrap {
  width: 44px;
  height: 44px;
  border-radius: 18px;
  display: grid;
  place-items: center;
  color: #5f6fe1;
}

.settings-nav-icon .ui-icon,
.settings-nav-arrow .ui-icon {
  width: 24px;
  height: 24px;
}

.settings-nav-copy {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.settings-nav-copy strong {
  font-size: 20px;
  line-height: 1.1;
  color: #4658c9;
}

.settings-nav-copy span {
  font-size: 15px;
  line-height: 1.45;
  color: #494d57;
}

.settings-nav-arrow {
  color: #5866c8;
  justify-self: end;
}

.settings-signout-link {
  margin-top: 10px;
  font-size: 15px;
  color: #5b67ca;
}

.settings-page-shell {
  max-width: 1400px;
  padding-bottom: 44px;
}

.settings-page-headline {
  margin: 10px 0 28px;
}

.settings-page-headline-tight {
  margin-top: 8px;
}

.settings-page-headline h1 {
  margin: 0;
  font-size: clamp(46px, 5vw, 66px);
  line-height: 0.98;
  letter-spacing: -0.03em;
  color: #1a2d83;
}

.settings-page-headline p {
  max-width: 1100px;
  margin: 20px 0 0;
  font-size: 16px;
  line-height: 1.45;
  color: #4c5058;
}

.settings-back-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #5565cb;
  font-size: 15px;
  font-weight: 700;
}

.settings-back-link .ui-icon {
  width: 18px;
  height: 18px;
}

.settings-two-column-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(360px, 0.98fr);
  gap: 28px;
}

.settings-two-column-grid.wide-gap {
  gap: 34px;
}

.settings-two-column-grid.align-top {
  align-items: start;
}

.settings-sheet {
  border-radius: 28px;
  background: #ffffff;
}

.settings-sheet-main,
.settings-sheet-side,
.settings-locked-panel {
  padding: 0;
}

.settings-sheet-tall {
  min-height: 100%;
}

.settings-block-title {
  margin: 0 0 16px;
  font-size: 24px;
  line-height: 1.1;
  font-weight: 800;
  color: #182b80;
}

.settings-block-title.no-top {
  margin-top: 0;
}

.settings-block-title.top-gap {
  margin-top: 20px;
}

.settings-form-stack {
  display: grid;
  gap: 18px;
}

.settings-form-grid {
  display: grid;
  gap: 16px 18px;
}

.settings-form-grid.two-up {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.settings-form-grid.single,
.settings-form-grid.two-up.compact {
  grid-template-columns: minmax(0, 1fr);
}

.settings-user-create-form .span-two {
  grid-column: 1 / -1;
}

.settings-field-block {
  display: grid;
  gap: 8px;
}

.settings-field-block > span {
  font-size: 15px;
  font-weight: 700;
  color: #4c4f58;
}

.settings-field-block input,
.settings-field-block select,
.settings-field-block textarea {
  width: 100%;
  min-height: 48px;
  padding: 0 14px;
  border-radius: 8px;
  border: 1.5px solid #c8ccd4;
  background: #ffffff;
  font-size: 15px;
  color: #22283a;
}

.settings-field-block textarea {
  min-height: 110px;
  padding: 12px 14px;
  resize: vertical;
}

.settings-field-block input:focus,
.settings-field-block select:focus,
.settings-field-block textarea:focus {
  border-color: #6a7aec;
  box-shadow: 0 0 0 3px rgba(103, 119, 235, 0.12);
  outline: none;
}

.settings-checkline {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  line-height: 1.35;
  color: #2d3240;
  font-weight: 600;
}

.settings-checkline input[type="checkbox"] {
  width: 21px;
  height: 21px;
  accent-color: #6575eb;
}

.settings-checkline.topic {
  align-items: flex-start;
}

.settings-topic-list {
  display: grid;
  gap: 14px;
}

.settings-topic-list.compact {
  gap: 10px;
}

.settings-subgroup-label {
  margin-top: 18px;
  font-size: 15px;
  font-weight: 800;
  color: #343b4a;
}

.settings-radio-row {
  display: flex;
  align-items: center;
  gap: 22px;
  margin-bottom: 18px;
}

.settings-radio-pill {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 15px;
  font-weight: 600;
  color: #2f3440;
}

.settings-radio-pill input[type="radio"] {
  width: 22px;
  height: 22px;
  accent-color: #6677ea;
}

.settings-note-panel {
  padding: 22px 22px 18px;
  border-radius: 0;
  background: #f6f7fb;
  color: #3b4253;
}

.settings-note-panel.lavender {
  background: #f4f3ff;
}

.settings-note-panel-lg {
  margin-top: 6px;
}

.settings-note-title {
  font-size: 15px;
  font-weight: 800;
  color: #2c3566;
}

.settings-big-number {
  margin: 12px 0 14px;
  font-size: 28px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: -0.03em;
  color: #1b2759;
}

.settings-note-panel p {
  margin: 0 0 12px;
  font-size: 14px;
  line-height: 1.55;
}

.settings-inline-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0;
  margin-top: 18px;
  border: 0;
  background: transparent;
  color: #5667cb;
  font-size: 14px;
  font-weight: 700;
}

.settings-inline-link .ui-icon {
  width: 16px;
  height: 16px;
}

.settings-save-row {
  display: flex;
  justify-content: flex-start;
  margin-top: 2px;
}

.settings-save-row.inline {
  margin-top: 8px;
}

.settings-save-row .btn.primary {
  min-width: 162px;
  border-radius: 999px;
}

.settings-api-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: end;
  margin-bottom: 16px;
}

.settings-api-row .grow {
  min-width: 0;
}

.settings-generate-btn {
  min-height: 48px;
  border-radius: 999px;
}

.settings-export-panel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 18px 22px;
  border-radius: 22px;
  background: #f7f8fc;
  border: 1px solid #dde2f2;
}

.settings-export-copy {
  display: grid;
  gap: 5px;
}

.settings-export-copy strong {
  font-size: 16px;
  color: #21358b;
}

.settings-export-copy span {
  font-size: 14px;
  color: #535867;
}

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

.settings-locked-panel {
  max-width: 720px;
  padding: 24px 26px;
  border-radius: 26px;
  background: #ffffff;
  border: 1px solid #e2e6f2;
}

.users-grid {
  align-items: start;
}

.users-list-shell {
  max-height: none;
}

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

.settings-user-row {
  display: grid;
  gap: 16px;
  padding: 18px;
  border-radius: 22px;
  background: #f8f9fd;
  border: 1px solid #e2e6f3;
}

.settings-user-row-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.settings-user-row-head strong {
  display: block;
  font-size: 16px;
  color: #21358b;
}

.settings-user-row-head span {
  display: block;
  margin-top: 4px;
  font-size: 13px;
  color: #60667a;
}

.settings-user-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 0 12px;
  border-radius: 999px;
  background: #eef1ff;
  color: #4959c8 !important;
  font-size: 12px !important;
  font-weight: 800;
  white-space: nowrap;
}

.settings-empty {
  padding: 20px 0;
  color: #656b7a;
  font-size: 14px;
}

.settings-guide-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(19, 23, 37, 0.48);
  z-index: 1100;
}

.settings-guide-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  width: min(620px, calc(100vw - 40px));
  transform: translate(-50%, -50%);
  border-radius: 28px;
  background: #ffffff;
  box-shadow: 0 24px 90px rgba(10, 19, 43, 0.28);
  z-index: 1110;
}

.settings-guide-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: 24px 26px 16px;
}

.settings-guide-eyebrow {
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #6978df;
}

.settings-guide-head h2 {
  margin: 6px 0 0;
  font-size: 28px;
  line-height: 1.08;
  color: #1a2d83;
}

.settings-guide-close {
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 12px;
  background: #f4f5fa;
  color: #5863a1;
}

.settings-guide-close .ui-icon {
  width: 17px;
  height: 17px;
}

.settings-guide-body {
  padding: 0 26px 22px;
}

.settings-guide-body ul {
  margin: 0;
  padding-left: 20px;
  display: grid;
  gap: 12px;
  color: #3f4554;
  font-size: 15px;
  line-height: 1.55;
}

.settings-guide-note {
  margin-top: 18px;
  padding: 14px 16px;
  border-radius: 18px;
  background: #f5f6ff;
  color: #33428d;
  font-size: 14px;
  line-height: 1.5;
}

.settings-guide-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 0 26px 24px;
}

@media (max-width: 1320px) {
  .settings-home-grid,
  .settings-two-column-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 860px) {
  .settings-home-grid {
    gap: 18px;
  }

  .settings-nav-card {
    grid-template-columns: 38px 1fr 18px;
    padding: 20px 20px;
    min-height: 96px;
  }

  .settings-nav-copy strong {
    font-size: 18px;
  }

  .settings-page-headline h1 {
    font-size: clamp(34px, 10vw, 48px);
  }

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

  .settings-api-row,
  .settings-export-panel,
  .settings-user-row-head,
  .settings-radio-row {
    grid-template-columns: 1fr;
    flex-direction: column;
    align-items: stretch;
  }

  .settings-export-actions,
  .settings-guide-actions {
    justify-content: stretch;
    flex-direction: column;
  }

  .settings-guide-actions .btn,
  .settings-export-actions .btn {
    width: 100%;
  }
}

/* agency59-unified-login-agency-view */
.unified-login-shell .login-card-head h2 {
  margin-bottom: 0;
}

.agency-shell .workspace-main {
  gap: 18px;
}

.agency-mirror-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 12px 18px;
  border: 1px solid rgba(20, 30, 70, 0.08);
  border-radius: 18px;
  background: #f4f5f8;
  color: #2a2f45;
  font-size: 14px;
  line-height: 1.45;
  margin-top: 2px;
}

.agency-mirror-copy strong {
  color: #1b2f8a;
  font-weight: 700;
}

.agency-mirror-actions {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.agency-mirror-actions select {
  min-width: 220px;
  border: 1px solid rgba(23, 40, 99, 0.14);
  border-radius: 12px;
  padding: 10px 12px;
  background: #ffffff;
  color: #172863;
  font: inherit;
}

.agency-mirror-stop {
  border: 0;
  background: transparent;
  color: #5a627f;
  font: inherit;
  font-weight: 600;
  cursor: pointer;
}

.agency-mirror-stop:hover {
  color: #1b2f8a;
}

.agency-section-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
}

.agency-section-head h2 {
  margin: 0 0 6px;
  font-size: 50px;
  line-height: 0.98;
  letter-spacing: -0.04em;
  color: #162b88;
}

.agency-section-head p {
  margin: 0;
  max-width: 780px;
  color: #687291;
  font-size: 15px;
  line-height: 1.55;
}

.agency-section-meta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 14px;
  border-radius: 999px;
  background: rgba(87, 110, 224, 0.08);
  color: #20358e;
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
}

@media (max-width: 1100px) {
  .agency-mirror-bar,
  .agency-section-head {
    flex-direction: column;
    align-items: stretch;
  }

  .agency-mirror-actions select {
    min-width: 0;
    width: 100%;
  }

  .agency-section-head h2 {
    font-size: 38px;
  }
}


/* agency60-dashboard-monitor-polish */
.agency-dashboard-cards .summary-box {
  min-height: 170px;
}

.agency-dashboard-grid {
  align-items: stretch;
}

.agency-monitor-panel {
  overflow: hidden;
}

.agency-monitor-hero {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}

.agency-monitor-copy h3 {
  margin: 0 0 8px;
  font-size: 30px;
  line-height: 1.05;
  letter-spacing: -0.03em;
  color: #172863;
}

.agency-monitor-copy p {
  margin: 0;
  color: #66708c;
  font-size: 15px;
}

.agency-monitor-meta {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 14px;
}

.agency-mini-pill {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(88, 110, 224, 0.08);
  color: #20358e;
  font-size: 13px;
  font-weight: 600;
}

.agency-monitor-kpis {
  display: grid;
  grid-template-columns: repeat(3, minmax(110px, 1fr));
  gap: 12px;
  min-width: 340px;
}

.agency-monitor-kpis div,
.agency-snapshot-item {
  padding: 16px 18px;
  border-radius: 18px;
  background: #f7f8fc;
  border: 1px solid rgba(20, 30, 70, 0.08);
}

.agency-monitor-kpis strong,
.agency-snapshot-item strong {
  display: block;
  font-size: 24px;
  line-height: 1;
  color: #172863;
}

.agency-monitor-kpis span,
.agency-snapshot-item span {
  display: block;
  margin-top: 8px;
  color: #67718e;
  font-size: 13px;
}

.agency-monitor-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.agency-quick-btn.btn {
  min-width: 180px;
}

.agency-roster-row td strong {
  display: block;
  color: #172863;
}

.agency-roster-row td small {
  display: block;
  margin-top: 3px;
  color: #7a829b;
  font-size: 12px;
}

.agency-roster-row.is-mirrored {
  background: rgba(87, 110, 224, 0.06);
}

.agency-snapshot-block {
  display: grid;
  gap: 16px;
}

.agency-snapshot-highlight {
  padding: 20px 22px;
  border-radius: 20px;
  background: linear-gradient(180deg, #f6f8ff 0%, #eef2ff 100%);
  border: 1px solid rgba(35, 55, 145, 0.10);
}

.agency-snapshot-highlight span {
  display: block;
  color: #66708c;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.agency-snapshot-highlight strong {
  display: block;
  margin-top: 8px;
  color: #172863;
  font-size: 26px;
  line-height: 1.08;
  letter-spacing: -0.03em;
}

.agency-snapshot-highlight em {
  display: block;
  margin-top: 8px;
  color: #54607d;
  font-style: normal;
}

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

@media (max-width: 1220px) {
  .agency-monitor-hero {
    flex-direction: column;
  }

  .agency-monitor-kpis {
    width: 100%;
    min-width: 0;
  }
}

@media (max-width: 760px) {
  .agency-monitor-kpis,
  .agency-snapshot-grid {
    grid-template-columns: 1fr;
  }

  .agency-quick-btn.btn {
    width: 100%;
    min-width: 0;
  }
}


/* agency61-production-finance-carrier-polish */
.agency-inline-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-top: 10px;
  color: #5f6987;
  font-size: 13px;
}

.agency-production-page .spark-production-headline {
  align-items: baseline;
}

.agency-production-page .spark-production-headline h1 {
  letter-spacing: -0.05em;
}

.agency-production-toolbar-shell {
  margin-top: 18px;
}

.agency-production-toolbar-grid {
  grid-template-columns: minmax(280px, 1.35fr) minmax(180px, .8fr) auto minmax(200px, .75fr);
}

.agency-production-grid-head,
.agency-production-row {
  grid-template-columns: 1.15fr 1.3fr .85fr 1.05fr .8fr .72fr;
}

.agency-production-row .spark-production-cell.agent .spark-production-secondary {
  font-size: 12px;
}

.agency-focus-cards {
  margin-bottom: 18px;
}

.agency-focus-cards .summary-card {
  min-height: 100%;
}

.panel table.spark-table td small {
  display: block;
  margin-top: 3px;
  color: #7a829b;
  font-size: 12px;
}

@media (max-width: 1280px) {
  .agency-production-toolbar-grid {
    grid-template-columns: minmax(260px, 1fr) minmax(180px, 1fr);
  }
}

@media (max-width: 1120px) {
  .agency-production-grid-head {
    display: none;
  }

  .agency-production-grid-table .spark-production-grid-body {
    display: grid;
    gap: 12px;
  }

  .agency-production-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 16px;
    padding: 18px;
    border-bottom: none;
    border: 1px solid rgba(18, 28, 64, 0.08);
    border-radius: 18px;
    background: #fff;
  }
}

@media (max-width: 720px) {
  .agency-inline-meta {
    flex-direction: column;
    align-items: flex-start;
  }

  .agency-production-toolbar-grid,
  .agency-production-row {
    grid-template-columns: 1fr;
  }
}


/* agency62-access-and-hierarchy */
.agency-team-summary .summary-box {
  min-height: 160px;
}

.agency-team-grid {
  align-items: stretch;
}

.agency-access-helper {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin: 0 0 18px;
}

.agency-access-helper div {
  padding: 12px 14px;
  border-radius: 16px;
  background: #f7f8fc;
  border: 1px solid rgba(25, 40, 90, 0.08);
}

.agency-access-helper strong,
.agency-access-helper span {
  display: block;
}

.agency-access-helper strong {
  color: #172863;
  font-size: 13px;
}

.agency-access-helper span {
  margin-top: 4px;
  color: #69748f;
  font-size: 12px;
}

.agency-form-note {
  margin: 14px 0 0;
  color: #69748f;
  font-size: 13px;
  line-height: 1.5;
}

.agency-team-table td strong {
  display: block;
  color: #172863;
}

.agency-team-table td small {
  display: block;
  margin-top: 4px;
  color: #7a829b;
  font-size: 12px;
}

.agency-view-badge {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(88, 110, 224, 0.08);
  color: #20358e;
  font-size: 12px;
  font-weight: 700;
}

.settings-access-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 20px;
  padding: 22px 24px;
  border-radius: 24px;
  background: linear-gradient(180deg, #f8faff 0%, #eef2ff 100%);
  border: 1px solid rgba(29, 47, 115, 0.08);
}

.settings-access-kicker {
  display: block;
  color: #6d7690;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.settings-access-copy strong {
  display: block;
  margin-top: 8px;
  color: #172863;
  font-size: 28px;
  line-height: 1.05;
  letter-spacing: -0.04em;
}

.settings-access-copy p {
  margin: 10px 0 0;
  max-width: 680px;
  color: #64708a;
  font-size: 14px;
  line-height: 1.55;
}

.settings-access-meta {
  display: grid;
  gap: 12px;
  justify-items: end;
}

.settings-access-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.settings-portal-switch.btn {
  min-width: 180px;
}

@media (max-width: 1120px) {
  .agency-access-helper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .settings-access-banner {
    flex-direction: column;
    align-items: flex-start;
  }

  .settings-access-meta {
    width: 100%;
    justify-items: flex-start;
  }

  .settings-access-badges {
    justify-content: flex-start;
  }
}

@media (max-width: 760px) {
  .agency-access-helper {
    grid-template-columns: 1fr;
  }
}


/* agent63-home-links-and-reminders */
.spark-home-stage-btn,
.spark-home-metric-btn,
.spark-home-panel-link,
.spark-home-info-btn,
.spark-home-yoy-month,
.spark-home-text-link,
.spark-home-list-row {
  appearance: none;
  border: 0;
  background: transparent;
  font: inherit;
  color: inherit;
  margin: 0;
  text-align: left;
}

.spark-home-stage-btn {
  cursor: pointer;
}

.spark-home-stage-btn:focus-visible,
.spark-home-metric-btn:focus-visible,
.spark-home-panel-link:focus-visible,
.spark-home-info-btn:focus-visible,
.spark-home-yoy-month:focus-visible,
.spark-home-text-link:focus-visible,
.spark-home-list-row:focus-visible {
  outline: 2px solid #5b78ff;
  outline-offset: 3px;
}

.spark-home-panel-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}

.spark-home-info-btn {
  cursor: pointer;
}

.spark-home-yoy-month {
  cursor: pointer;
}

.spark-home-metric-btn {
  display: grid;
  grid-template-columns: minmax(0,1fr);
  gap: 4px;
  width: 100%;
  padding: 10px 12px;
  border-radius: 16px;
  cursor: pointer;
  transition: background .18s ease, transform .18s ease;
}

.spark-home-metric-btn:hover,
.spark-home-list-row:hover,
.spark-home-panel-link:hover,
.spark-home-text-link:hover,
.spark-home-yoy-month:hover,
.spark-home-stage-btn:hover {
  background: rgba(91, 120, 255, 0.06);
}

.spark-home-metric-btn.light:hover {
  background: rgba(23, 40, 99, 0.05);
}

.spark-home-metric-value {
  color: #1d2f73;
  font-size: 18px;
  font-weight: 800;
  line-height: 1;
}

.spark-home-metric-label {
  color: #6a738c;
  font-size: 13px;
  line-height: 1.35;
}

.spark-home-detail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  margin-bottom: 24px;
}

.spark-home-detail-card {
  padding: 22px 22px 18px;
  border-radius: 28px;
}

.spark-home-detail-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}

.spark-home-detail-head p {
  margin: 8px 0 0;
  color: #69748f;
  font-size: 14px;
  line-height: 1.5;
}

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

.spark-home-list-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  padding: 14px 16px;
  border: 1px solid rgba(29, 47, 115, 0.08);
  border-radius: 18px;
  background: #f9fbff;
  cursor: pointer;
}

.spark-home-list-main {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.spark-home-list-main strong {
  color: #1d2f73;
  font-size: 14px;
  line-height: 1.25;
}

.spark-home-list-main span {
  color: #6f7993;
  font-size: 13px;
  line-height: 1.35;
}

.spark-home-list-meta {
  flex: 0 0 auto;
  color: #4f5b77;
  font-size: 12px;
  text-align: right;
}

.spark-home-empty-list {
  padding: 22px 16px;
  border: 1px dashed rgba(29, 47, 115, 0.14);
  border-radius: 18px;
  color: #7d879f;
  font-size: 14px;
  text-align: center;
}

.spark-home-panel-footer {
  display: flex;
  justify-content: flex-end;
  margin-top: 14px;
}

.spark-home-panel-footer-split {
  justify-content: space-between;
  gap: 12px;
}

.spark-home-text-link {
  color: #566fe8;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}

.spark-home-text-link:hover {
  color: #4058cf;
}

@media (max-width: 980px) {
  .spark-home-detail-grid {
    grid-template-columns: 1fr;
  }

  .spark-home-detail-head {
    flex-direction: column;
  }
}

@media (max-width: 760px) {
  .spark-home-list-row {
    flex-direction: column;
    align-items: flex-start;
  }

  .spark-home-list-meta {
    text-align: left;
  }
}


/* agent64-contacts-support-activity-audit */
.agent64-contact-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.agent64-contact-actions .btn{display:inline-flex;align-items:center;gap:8px}
.agent64-contact-actions .btn svg{width:16px;height:16px}
.agent64-workbench-card .spark-contact-drawer-split{gap:20px}
.agent64-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.agent64-drawer-row{gap:12px;align-items:center}
.agent64-drawer-row-end{display:flex;align-items:center;gap:10px;justify-content:flex-end;flex-wrap:wrap}
.agent64-support-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:8px}
.agent64-activity-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 18px}
.agent64-activity-overview .spark-activity-overview-card{appearance:none;border:1px solid #dbe3f4;background:#fff;border-radius:20px;padding:14px 16px;display:flex;align-items:center;gap:12px;text-align:left;cursor:pointer;box-shadow:0 10px 22px rgba(22,41,92,.05)}
.agent64-activity-overview .spark-activity-overview-card.active{border-color:#6a74f7;background:linear-gradient(180deg,#f7f8ff 0%,#eef1ff 100%)}
.agent64-activity-overview .spark-activity-overview-icon{width:40px;height:40px;border-radius:14px;background:#eef1ff;color:#4553d8;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.agent64-activity-overview .spark-activity-overview-icon svg{width:18px;height:18px}
.agent64-activity-overview .spark-activity-overview-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
.agent64-activity-overview .spark-activity-overview-copy strong{font-size:20px;line-height:1.1;color:#1f2a5a}
.agent64-activity-overview .spark-activity-overview-copy span{font-size:12px;color:#66729b}
.agent64-activity-page .spark-activity-history-row,.agent64-activity-page .spark-activity-reminder-row{display:flex;align-items:center;justify-content:space-between;gap:14px}
.agent64-activity-page .agent64-activity-row-end{display:flex;align-items:center;gap:12px;justify-content:flex-end;flex-wrap:wrap}
@media (max-width: 980px){
  .agent64-activity-overview{grid-template-columns:1fr}
  .agent64-contact-actions .btn{width:100%;justify-content:center}
}


/* agent65-provider-carrier-production-polish */
.agent65-provider-page{max-width:1040px}.agent65-provider-strip{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:16px 18px;border:1px solid #e6ebfb;border-radius:18px;background:linear-gradient(180deg,#f8faff 0%,#eef3ff 100%);margin:0 0 18px}.agent65-provider-strip-copy{display:grid;gap:6px;max-width:640px}.agent65-provider-strip-copy strong{color:#1f2a5a;font-size:16px;line-height:1.35}.agent65-provider-strip-copy p{margin:0;color:#5f6891;font-size:14px;line-height:1.5}.agent65-provider-strip-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.agent65-provider-strip-actions .btn{display:inline-flex;align-items:center;gap:8px}.agent65-provider-footnote{margin:14px 0 0;color:#66729b;font-size:13px;line-height:1.55;max-width:700px}.agent65-provider-card-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:14px}.spark-provider-card-link{border:0;background:transparent;padding:0;color:#5965ff;font-size:14px;font-weight:700;display:inline-flex;align-items:center;gap:8px;cursor:pointer}.spark-provider-card-link.secondary{color:#7a83b3}.agent65-carrier-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:8px 0 6px}.agent65-carrier-summary .summary-box{min-height:100%}.agent65-production-page .spark-production-toolbar-shell{margin-top:0}.agent65-production-callout{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:14px 16px;border-radius:16px;background:#f6f7fb;border:1px solid #e7eaf6;color:#59647f;font-size:14px;line-height:1.5;margin:0 0 12px}.agent65-production-callout strong{color:#202b5a}.agent65-production-presets{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 14px}.agent65-production-preset{border:1px solid #d7dcf2;background:#fff;color:#31407e;border-radius:999px;padding:10px 14px;font:700 13px/1 Inter,ui-sans-serif,system-ui,sans-serif;cursor:pointer;box-shadow:0 8px 20px rgba(26,42,92,.04)}.agent65-production-preset.clear{color:#6a749c}.agent65-production-preset:hover{border-color:#aeb7ef;background:#f7f8ff}@media (max-width:980px){.agent65-provider-strip{flex-direction:column}.agent65-provider-strip-actions{justify-content:flex-start}.agent65-carrier-summary{grid-template-columns:1fr}}@media (max-width:720px){.agent65-provider-card-actions{flex-direction:column;align-items:flex-start}.agent65-production-callout{align-items:flex-start}}


/* agent66-dashboard-settings-help-final-audit */
.agent66-dashboard-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 10px 0 18px;
}

.agent66-settings-support-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 16px;
}

.agent66-resource-search-shell {
  display: flex;
  justify-content: flex-end;
  margin: 0 0 18px;
}

.agent66-resource-search {
  width: min(420px, 100%);
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 0 14px;
  min-height: 48px;
  border-radius: 16px;
  border: 1px solid rgba(148, 159, 197, 0.26);
  background: rgba(255,255,255,0.96);
  box-shadow: 0 16px 34px rgba(42, 55, 105, 0.08);
}

.agent66-resource-search-icon .ui-icon {
  width: 18px;
  height: 18px;
  color: #7380a8;
}

.agent66-resource-search input {
  flex: 1;
  border: 0;
  outline: none;
  background: transparent;
  font: inherit;
  color: #22305f;
}

.spark-resource-search-empty {
  margin: -4px 0 18px;
  padding: 14px 16px;
  border-radius: 18px;
  border: 1px dashed rgba(120, 136, 180, 0.34);
  background: rgba(255,255,255,0.88);
  color: #5c678c;
  font-size: 14px;
}

.resource-filter-hidden {
  display: none !important;
}

.agent66-global-help-dock-shell {
  position: sticky;
  bottom: 22px;
  margin-top: 24px;
  display: flex;
  justify-content: flex-end;
  z-index: 72;
  pointer-events: none;
}

.agent66-global-help-dock {
  pointer-events: auto;
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  justify-content: flex-end;
  width: min(100%, 960px);
  padding: 14px 16px;
  border-radius: 22px;
  border: 1px solid rgba(125, 139, 183, 0.24);
  background: rgba(255,255,255,0.96);
  box-shadow: 0 24px 56px rgba(33, 46, 92, 0.14);
}

.agent66-global-help-copy {
  min-width: 220px;
  flex: 1 1 260px;
  display: grid;
  gap: 4px;
}

.agent66-global-help-copy strong {
  font-size: 15px;
  color: #22305f;
}

.agent66-global-help-copy span {
  font-size: 13px;
  color: #667298;
}

.agent66-global-help-select-wrap {
  min-width: 220px;
  flex: 0 1 250px;
}

.agent66-global-help-select-wrap select {
  width: 100%;
  min-height: 46px;
  border-radius: 14px;
  border: 1px solid rgba(125, 139, 183, 0.28);
  background: #fff;
  padding: 0 14px;
  font: inherit;
  color: #22305f;
}

.agent66-global-help-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.agent66-global-help-link {
  border: 1px solid rgba(125, 139, 183, 0.24);
  background: #f7f9ff;
  color: #24315f;
  border-radius: 999px;
  padding: 10px 14px;
  font: inherit;
  font-weight: 600;
  cursor: pointer;
}

.agent66-global-help-link:hover {
  background: #eef2ff;
}

@media (max-width: 980px) {
  .agent66-global-help-dock-shell {
    position: static;
    bottom: auto;
  }
  .agent66-global-help-dock {
    width: 100%;
    justify-content: stretch;
  }
  .agent66-global-help-select-wrap,
  .agent66-global-help-links,
  .agent66-global-help-copy {
    flex-basis: 100%;
  }
  .agent66-global-help-links {
    justify-content: flex-start;
  }
  .agent66-resource-search-shell {
    justify-content: stretch;
  }
  .agent66-resource-search {
    width: 100%;
  }
}

/* agent68-login-compat-import-foundation */
.dialer-import-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0 14px}.dialer-quick-entry-shell{border:1px solid #e7eaf6;border-radius:16px;background:#f8faff;padding:14px 14px 10px;margin:0 0 14px}.dialer-quick-entry input{width:100%;min-width:110px;padding:10px 12px;border:1px solid #d8def2;border-radius:12px;background:#fff;color:#25305a;font:600 13px/1.35 Inter,ui-sans-serif,system-ui,sans-serif}.dialer-quick-entry th,.dialer-quick-entry td{vertical-align:middle}.dialer-import-note{margin-top:10px;color:#67739b;font-size:13px;line-height:1.55}.dialer-cutover-panel{margin:0 0 18px}.dialer-cutover-copy{margin:2px 0 14px;color:#5f6891;font-size:14px;line-height:1.55}.dialer-endpoint-list{display:grid;grid-template-columns:1fr;gap:12px}.dialer-endpoint-row{display:grid;gap:7px}.dialer-endpoint-row span{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#6d769b}.dialer-endpoint-row input{width:100%;padding:12px 14px;border-radius:14px;border:1px solid #d9def0;background:#fff;color:#1f2a5a;font:600 13px/1.35 Inter,ui-sans-serif,system-ui,sans-serif}.dialer-cutover-note{margin-top:14px;padding:12px 14px;border-radius:14px;background:#f6f8ff;border:1px solid #e1e7fb;color:#5a668f;font-size:13px;line-height:1.6}.dialer-cutover-note strong{color:#23305f}@media (max-width:980px){.dialer-import-actions{align-items:flex-start}.dialer-quick-entry-shell{overflow:auto}}


/* agent68c-rail-header-safe-zones */
:root {
  --agent68c-rail-pad-x: 10px;
  --agent68c-rail-top-gap: 4px;
  --agent68c-rail-logo-gap: 18px;
  --agent68c-rail-bottom-gap: 16px;
  --agent68c-rail-inner-w: calc(var(--shot-sidebar-w) - (var(--agent68c-rail-pad-x) * 2));
}

.workspace-shell.spark-shot-shell .spark-shot-rail.agent68c-rail-shell,
.app-shell.spark-shot-shell .spark-shot-rail.agent68c-rail-shell {
  position: fixed !important;
  top: var(--shot-rail-top) !important;
  bottom: 14px !important;
  left: 0 !important;
  width: var(--shot-sidebar-w) !important;
  min-width: var(--shot-sidebar-w) !important;
  height: var(--shot-rail-height) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding: var(--agent68c-rail-top-gap) 0 var(--agent68c-rail-bottom-gap) !important;
  overflow: hidden !important;
}

.workspace-shell.spark-shot-shell .spark-shot-rail.agent68c-rail-shell::after,
.app-shell.spark-shot-shell .spark-shot-rail.agent68c-rail-shell::after {
  display: none !important;
}

.spark-shot-rail.agent68c-rail-shell .agent68c-rail-top,
.spark-shot-rail.agent68c-rail-shell .agent68c-rail-middle,
.spark-shot-rail.agent68c-rail-shell .agent68c-rail-bottom {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.spark-shot-rail.agent68c-rail-shell .agent68c-rail-top {
  flex: 0 0 auto;
  padding: 2px var(--agent68c-rail-pad-x) 0;
}

.spark-shot-rail.agent68c-rail-shell .rail-logo-slot {
  width: var(--agent68c-rail-inner-w) !important;
  max-width: var(--agent68c-rail-inner-w) !important;
  margin: 0 0 var(--agent68c-rail-logo-gap) !important;
  padding: 0 !important;
  flex-shrink: 0;
}

.spark-shot-rail.agent68c-rail-shell .agent68c-rail-middle {
  flex: 1 1 auto;
  min-height: 0;
  padding: 0 var(--agent68c-rail-pad-x);
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: none;
  overscroll-behavior: contain;
  align-items: center;
}

.spark-shot-rail.agent68c-rail-shell.agent68c-rail-overflow .agent68c-rail-middle {
  align-items: flex-start;
}

.spark-shot-rail.agent68c-rail-shell .agent68c-rail-middle::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.spark-shot-rail.agent68c-rail-shell:hover .agent68c-rail-middle {
  scrollbar-width: thin;
}

.spark-shot-rail.agent68c-rail-shell:hover .agent68c-rail-middle::-webkit-scrollbar {
  width: 8px;
}

.spark-shot-rail.agent68c-rail-shell .agent68c-rail-middle::-webkit-scrollbar-track {
  background: transparent;
}

.spark-shot-rail.agent68c-rail-shell .agent68c-rail-middle::-webkit-scrollbar-thumb {
  background: rgba(148, 163, 184, 0.34);
  border-radius: 999px;
}

.spark-shot-rail.agent68c-rail-shell:hover .agent68c-rail-middle::-webkit-scrollbar-thumb {
  background: rgba(148, 163, 184, 0.62);
}

.spark-shot-rail.agent68c-rail-shell .agent68c-rail-primary-nav {
  width: var(--agent68c-rail-inner-w) !important;
  max-width: var(--agent68c-rail-inner-w) !important;
  display: grid !important;
  grid-auto-rows: minmax(min-content, max-content);
  align-content: center;
  gap: 8px !important;
  margin: auto 0;
}

.spark-shot-rail.agent68c-rail-shell.agent68c-rail-overflow .agent68c-rail-primary-nav {
  align-content: start;
  margin: 0;
  padding-bottom: 10px;
}

.spark-shot-rail.agent68c-rail-shell .agent68c-rail-bottom {
  flex: 0 0 auto;
  margin-top: auto;
  padding: 14px var(--agent68c-rail-pad-x) 0;
}

.spark-shot-rail.agent68c-rail-shell .rail-link,
.spark-shot-rail.agent68c-rail-shell .rail-settings-link {
  width: var(--agent68c-rail-inner-w) !important;
  max-width: var(--agent68c-rail-inner-w) !important;
}

.spark-shot-rail.agent68c-rail-shell .agent68c-rail-bottom .rail-settings-link {
  margin: 0 !important;
}

@media (max-height: 820px) {
  :root {
    --agent68c-rail-logo-gap: 14px;
    --agent68c-rail-bottom-gap: 12px;
  }

  .spark-shot-rail.agent68c-rail-shell .agent68c-rail-primary-nav {
    gap: 7px !important;
  }

  .spark-shot-rail.agent68c-rail-shell .agent68c-rail-bottom {
    padding-top: 12px;
  }
}

/* agent70-provider-stack-manager */
.dialer-provider-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 16px;
}
.dialer-provider-card {
  padding: 16px;
  border: 1px solid rgba(16, 24, 40, 0.08);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05);
}
.dialer-provider-copy,
.dialer-stack-note {
  color: #667085;
  font-size: 13px;
  line-height: 1.55;
  margin: 0 0 12px;
}
.dialer-provider-advanced {
  margin: 10px 0 14px;
}
.dialer-provider-advanced summary {
  cursor: pointer;
  color: #344054;
  font-weight: 600;
  margin-bottom: 8px;
}
.dialer-provider-advanced textarea {
  min-height: 120px;
}


/* agent71-dialer-worker-batch */
.dialer-worker-panel {
  display: grid;
  gap: 14px;
}

.dialer-worker-kpis {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 10px;
}

.dialer-worker-kpi {
  border: 1px solid rgba(14, 24, 44, 0.08);
  border-radius: 18px;
  background: rgba(255,255,255,0.86);
  padding: 12px 14px;
  display: grid;
  gap: 4px;
}

.dialer-worker-kpi strong {
  font-size: 20px;
  line-height: 1;
}

.dialer-worker-kpi span {
  font-size: 12px;
  color: rgba(24, 34, 56, 0.72);
}

.dialer-worker-form {
  display: grid;
  gap: 12px;
}

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

.dialer-worker-preview {
  display: grid;
  gap: 10px;
}

.dialer-worker-advanced {
  margin-top: 12px;
  border: 1px solid rgba(14, 24, 44, 0.08);
  border-radius: 16px;
  background: rgba(247, 249, 252, 0.72);
  padding: 10px 12px;
}

.dialer-worker-advanced summary {
  cursor: pointer;
  font-weight: 700;
  color: rgba(17, 24, 39, 0.86);
  margin-bottom: 10px;
}


/* agent72-dialer-autorun-ui */
.agent72-dialer-autorun-ui {
  display: grid;
  gap: 14px;
}
.dialer-autorun-shell {
  display: grid;
  gap: 12px;
  border: 1px solid rgba(14, 24, 44, 0.08);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(248,250,253,0.96), rgba(241,246,252,0.9));
  padding: 14px;
}
.dialer-autorun-status {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 10px;
}
.dialer-autorun-chip {
  border: 1px solid rgba(14, 24, 44, 0.08);
  border-radius: 16px;
  background: rgba(255,255,255,0.88);
  padding: 10px 12px;
  display: grid;
  gap: 4px;
}
.dialer-autorun-chip strong {
  font-size: 15px;
  line-height: 1.2;
}
.dialer-autorun-chip span {
  font-size: 12px;
  color: rgba(24, 34, 56, 0.72);
}
.dialer-autorun-form {
  display: grid;
  gap: 12px;
}
.dialer-autorun-error {
  border: 1px solid rgba(215, 38, 61, 0.18);
  background: rgba(255, 241, 242, 0.9);
  color: #991b1b;
  border-radius: 14px;
  padding: 10px 12px;
  font-size: 13px;
}


/* agent73-crm-sync-layer */
.agent73-crm-sync-panel .spark-table td,
.agent73-crm-sync-panel .spark-table th { vertical-align: top; }
.agent73-crm-test-form { margin: 14px 0 18px; }


/* agent74-dialer-retention */
.agent74-dialer-retention-panel {
  display: grid;
  gap: 16px;
}
.dialer-retention-form {
  display: grid;
  gap: 14px;
}
.dialer-retention-buckets {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 14px;
}
.dialer-retention-bucket {
  border: 1px solid rgba(14, 24, 44, 0.08);
  border-radius: 18px;
  background: rgba(255,255,255,0.82);
  padding: 14px;
  display: grid;
  gap: 10px;
}
.dialer-retention-checks {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 10px 12px;
}
.dialer-retention-checks label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: rgba(24, 34, 56, 0.86);
}
.agent74-dialer-retention-panel .spark-table td,
.agent74-dialer-retention-panel .spark-table th {
  vertical-align: top;
}

/* agent75-embedded-sheet-editor */
.agent75-dialer-sheet-shell{background:#f7f9ff;border-color:#dfe6fb}.agent75-embedded-sheet-editor .dialer-import-actions{margin-bottom:12px}.agent75-dialer-sheet-shell .panel-title{margin-bottom:8px}.dialer-sheet-note{margin:0 0 12px;color:#60709d;font-size:13px;line-height:1.55}.dialer-sheet-paste{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;margin-bottom:12px}.dialer-sheet-paste label{display:grid;gap:6px}.dialer-sheet-paste span{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#7580a8}.dialer-sheet-paste textarea{min-height:72px;padding:12px 14px;border:1px solid #d7def4;border-radius:14px;background:#fff;color:#24315d;font:600 13px/1.45 Inter,ui-sans-serif,system-ui,sans-serif}.dialer-sheet-table-wrap{overflow:auto;border-radius:14px}.agent75-embedded-sheet-editor .dialer-quick-entry th{white-space:nowrap;font-size:12px}.agent75-embedded-sheet-editor .dialer-quick-entry input{min-width:118px}.agent75-embedded-sheet-editor .dialer-quick-entry input[data-qe-col="notes"]{min-width:180px}.agent75-embedded-sheet-editor .dialer-quick-entry input[data-qe-col="source_lead_id"]{min-width:140px}.agent75-embedded-sheet-editor .dialer-quick-entry input[data-qe-col="locale"]{min-width:92px;text-transform:none}@media (max-width:980px){.dialer-sheet-paste{grid-template-columns:1fr}.dialer-sheet-paste .btn{width:100%}}

/* agent76-hierarchy-sub-agents */
.agent76-hierarchy-grid {
  align-items: start;
}
.agent76-hierarchy-panel {
  min-height: 100%;
}
.hierarchy-child-list {
  display: grid;
  gap: 10px;
  max-height: 320px;
  overflow: auto;
  padding-right: 4px;
}
.hierarchy-child-check {
  display: grid;
  grid-template-columns: 18px minmax(0,1fr);
  gap: 12px;
  align-items: start;
  padding: 12px 14px;
  border: 1px solid #d9e1fa;
  border-radius: 16px;
  background: linear-gradient(180deg, #fbfcff 0%, #f4f7ff 100%);
}
.hierarchy-child-check strong,
.hierarchy-tree-table strong {
  display: block;
  color: #1f2958;
}
.hierarchy-child-check span,
.hierarchy-tree-table small {
  display: block;
  color: #6e7ba7;
  font-size: 12px;
  margin-top: 3px;
}
.hierarchy-child-check em {
  display: inline-block;
  margin-top: 6px;
  color: #475487;
  font-size: 12px;
  font-style: normal;
}
.hierarchy-tree-table td {
  vertical-align: top;
}
@media (max-width: 980px) {
  .hierarchy-child-list {
    max-height: none;
  }
}


/* agent77-crm-pipeline-automation */
.agent77-crm-pipeline-panel .spark-table td,
.agent77-crm-pipeline-panel .spark-table th { vertical-align: top; }
.agent77-crm-pipeline-form .settings-grid { align-items: end; }
.agent77-crm-pipeline-panel .dialer-stack-note { margin-bottom: 14px; }


/* agent78-transcript-qa-layer */
.agent78-transcript-qa-panel{margin:0 0 18px}
.agent78-transcript-qa-form .settings-grid{align-items:end}
.agent78-transcript-qa-panel .spark-table td,.agent78-transcript-qa-panel .spark-table th{vertical-align:top}


/* agent79-live-cutover-pack */
.agent79-live-cutover-panel{margin:0 0 18px}
.agent79-live-cutover-panel .spark-table td,.agent79-live-cutover-panel .spark-table th{vertical-align:top}
.agent79-cutover-form .settings-grid{align-items:end}
.dialer-command-block textarea{width:100%;min-height:240px;resize:vertical;border:1px solid var(--line,#d8dfeb);border-radius:14px;padding:12px;background:#f8fafc;color:inherit;font:500 12px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace}
.dialer-endpoint-row-wrap small{display:block;margin-top:6px;color:#64748b}
.agent79-live-cutover-panel input[readonly]{background:#f8fafc}


/* agent79b-final-fixes */
.floating-orb {
  z-index: 180 !important;
}
.agent66-global-help-dock-shell {
  z-index: 72;
}

/* agent80-import-soa-ring-sheet */
.agent80-import-sheet-upgrade .dialer-sheet-table-wrap{overflow:auto;border-radius:14px}.agent80-import-sheet-upgrade .dialer-quick-entry th{white-space:nowrap}.agent80-import-sheet-upgrade .dialer-quick-entry input[data-qe-col="source_site"]{min-width:170px}.agent80-import-sheet-upgrade .dialer-quick-entry input[data-qe-col="soa_completed_at_utc"]{min-width:190px}.agent80-import-sheet-upgrade .dialer-quick-entry input[data-qe-col="soa_topics"]{min-width:130px}.agent80-import-sheet-upgrade .dialer-quick-entry input[data-qe-col="notes"]{min-width:220px}.agent80-dialer-sheet-shell{background:#f7f9ff;border-color:#dfe6fb}.agent80-dialer-sheet-shell .panel-title{margin-bottom:8px}

/* agent81-support-line-panel */
.agent81-support-line-panel .spark-table th{white-space:nowrap}.agent81-support-lookup-form{margin-top:14px}.agent81-support-line-panel .dialer-cutover-note{margin-top:10px}.agent81-support-line-panel .two-panels{align-items:start}


/* agent82-website-subsite-intake-routing */
.agent82-intake-routing-panel .check-row {
  display:flex;
  gap:16px;
  flex-wrap:wrap;
  margin:10px 0 14px;
}
.agent82-intake-routing-panel .spark-table td,
.agent82-intake-routing-panel .spark-table th {
  vertical-align:top;
}


/* agent83-vapi-optional-layer */
.agent83-vapi-output{margin-top:12px;padding:12px;border-radius:14px;background:#0b1120;color:#dbeafe;overflow:auto;max-height:260px;font-size:12px;line-height:1.45;white-space:pre-wrap;word-break:break-word;}


/* agent84-support-agent-execution-layer */
.agent84-support-output{margin-top:12px;padding:12px;border-radius:14px;background:#0b1120;color:#dbeafe;overflow:auto;max-height:260px;font-size:12px;line-height:1.45;white-space:pre-wrap;word-break:break-word;}
.agent84-support-execution-panel .dialer-stack-note{margin-bottom:14px;}


/* agent85-state-topbar-dashboard-fixes */

.agent85-dashboard-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 12px 0 22px;
}
.agent85-dashboard-action {
  min-height: 72px;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border-radius: 18px;
  border: 1px solid rgba(123, 140, 197, 0.18);
  background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(246,248,255,0.96) 100%);
  box-shadow: 0 18px 34px rgba(42, 55, 105, 0.08);
  color: #24345f;
}
.agent85-dashboard-action:hover {
  transform: translateY(-1px);
  border-color: rgba(103, 116, 231, 0.28);
  box-shadow: 0 22px 40px rgba(42, 55, 105, 0.12);
}
.agent85-dashboard-action .ui-icon {
  width: 20px;
  height: 20px;
  color: #6675e8;
}
.agent85-dashboard-action span:last-child {
  font-weight: 700;
  letter-spacing: -0.01em;
}
.spark-shot-icon-strip .top-icon-btn[data-top-action] {
  cursor: pointer;
}
@media (max-width: 1100px) {
  .agent85-dashboard-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .agent85-dashboard-actions { grid-template-columns: 1fr; }
}


/* agent86-dialer-spreadsheet-ux */
.agent86-dialer-import-upgrade{gap:14px}
.agent86-dialer-import-upgrade .dialer-import-hero{display:grid;gap:6px}
.agent86-dialer-import-upgrade .dialer-import-meta-grid{margin-top:4px}
.agent86-dialer-import-upgrade .dialer-import-actions{margin:0}
.dialer-queue-toggle{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:1px solid #dee6fb;border-radius:16px;background:#f8faff;margin:2px 0 2px}
.dialer-queue-toggle input{margin-top:4px}
.dialer-queue-toggle strong{display:block;color:#24315d;font-size:14px;line-height:1.35}
.dialer-queue-toggle small{display:block;margin-top:4px;color:#6a759c;font-size:12px;line-height:1.55}
.agent86-dialer-sheet-shell{background:#f8fbff;border-color:#dde6fb;padding:16px}
.dialer-sheet-statusbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}
.dialer-sheet-status{white-space:nowrap;padding:10px 12px;border-radius:14px;background:#eef3ff;border:1px solid #dbe4ff;color:#24315d;font:700 12px/1.2 Inter,ui-sans-serif,system-ui,sans-serif}
.dialer-sheet-grid{min-width:1540px;border-collapse:separate;border-spacing:0;background:#fff}
.dialer-sheet-grid th{position:sticky;top:0;z-index:3;background:#eff4ff;color:#25305a;font-size:12px;white-space:nowrap;border-bottom:1px solid #dbe2f6}
.dialer-sheet-grid th,.dialer-sheet-grid td{padding:0;border-right:1px solid #e4e9f7}
.dialer-sheet-grid tr:last-child td{border-bottom:none}
.dialer-sheet-grid tbody tr td{border-bottom:1px solid #e8edf9}
.dialer-sheet-row-handle{position:sticky;left:0;z-index:2;min-width:54px;width:54px;text-align:center;background:#f8fbff!important;color:#54628f;font-weight:800;cursor:pointer;user-select:none}
.dialer-sheet-grid tbody tr.is-selected .dialer-sheet-row-handle{background:#dfe8ff!important;color:#23305f}
.dialer-sheet-grid tbody tr.is-selected .dialer-sheet-cell{background:#f4f7ff}
.dialer-sheet-cell{min-width:128px;max-width:280px;padding:10px 12px;background:#fff;color:#25305a;font:600 13px/1.45 Inter,ui-sans-serif,system-ui,sans-serif;outline:none;vertical-align:top}
.dialer-sheet-cell[data-qe-col="notes"]{min-width:260px;max-width:420px}
.dialer-sheet-cell[data-qe-col="source_site"]{min-width:180px}
.dialer-sheet-cell[data-qe-col="soa_completed_at_utc"]{min-width:190px}
.dialer-sheet-cell[data-qe-col="source_lead_id"]{min-width:160px}
.dialer-sheet-cell.is-active{box-shadow:inset 0 0 0 2px #4f46e5;background:#fbfcff}
.dialer-sheet-cell:empty:before{content:attr(data-placeholder);color:#a0abcb;font-weight:500}
.dialer-sheet-cell:focus:before{content:''}
.agent86-dialer-import-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.dialer-import-advanced{border:1px dashed #dce5fb;border-radius:16px;padding:0 14px 14px;background:#fbfcff}
.dialer-import-advanced summary{cursor:pointer;list-style:none;padding:14px 0 12px;font-weight:800;color:#24315d}
.dialer-import-advanced summary::-webkit-details-marker{display:none}
.dialer-import-advanced textarea{min-height:140px}
@media (max-width: 980px){.dialer-sheet-statusbar{grid-template-columns:1fr;display:grid}.dialer-sheet-status{white-space:normal}.agent86-dialer-import-actions .btn{flex:1 1 180px}}


/* agent87-google-sheet-feel */
.agent87-sheet-pro .agent86-dialer-import-actions{gap:8px}
.agent87-sheet-pro .dialer-sheet-note{max-width:980px}
.agent87-sheet-pro .dialer-sheet-scroll-top{overflow-x:auto;overflow-y:hidden;height:16px;margin:0 0 8px;border:1px solid #dce5fb;border-radius:999px;background:#f2f6ff}
.agent87-sheet-pro .dialer-sheet-scroll-top[hidden]{display:none!important}
.agent87-sheet-pro .dialer-sheet-scroll-top-inner{height:1px}
.agent87-sheet-pro .dialer-sheet-table-wrap{position:relative;overflow:auto;max-height:62vh;border:1px solid #dce5fb;border-radius:18px;background:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.75)}
.agent87-sheet-pro .dialer-sheet-table-wrap::-webkit-scrollbar,.agent87-sheet-pro .dialer-sheet-scroll-top::-webkit-scrollbar{height:14px;width:14px}
.agent87-sheet-pro .dialer-sheet-table-wrap::-webkit-scrollbar-thumb,.agent87-sheet-pro .dialer-sheet-scroll-top::-webkit-scrollbar-thumb{background:#c8d5fb;border:3px solid #f5f8ff;border-radius:999px}
.agent87-sheet-pro .dialer-sheet-table-wrap::-webkit-scrollbar-track,.agent87-sheet-pro .dialer-sheet-scroll-top::-webkit-scrollbar-track{background:#eef3ff;border-radius:999px}
.agent87-sheet-pro .dialer-sheet-table-wrap{scrollbar-width:auto;scrollbar-color:#c8d5fb #eef3ff}
.agent87-sheet-pro .dialer-sheet-grid{min-width:1660px}
.agent87-sheet-pro .dialer-sheet-grid th{top:0;z-index:4;background:#edf3ff;box-shadow:inset 0 -1px 0 #dbe2f6}
.agent87-sheet-pro .dialer-sheet-row-handle{z-index:5}
.agent87-sheet-pro .dialer-sheet-cell-shell{padding:0;background:#fff}
.agent87-sheet-pro .dialer-sheet-cell{display:block;min-width:132px;min-height:42px;max-width:none;padding:10px 12px}
.agent87-sheet-pro .dialer-sheet-cell.is-range-selected{background:#edf4ff!important;box-shadow:inset 0 0 0 1px #aac1ff}
.agent87-sheet-pro .dialer-sheet-cell.is-fill-preview{background:#eef5ff!important;box-shadow:inset 0 0 0 1px #8faeff}
.agent87-sheet-pro .dialer-fill-handle{position:absolute;z-index:9;width:10px;height:10px;border:none;border-radius:2px;background:#4f46e5;box-shadow:0 0 0 2px #fff,0 0 0 3px #4f46e5;cursor:crosshair;padding:0;transform:translate(-50%,-50%)}
.agent87-sheet-pro .dialer-fill-handle:hover{background:#4338ca;box-shadow:0 0 0 2px #fff,0 0 0 3px #4338ca}
.agent87-sheet-pro .dialer-sheet-statusbar{align-items:center}
@media (max-width:980px){.agent87-sheet-pro .dialer-sheet-table-wrap{max-height:56vh}.agent87-sheet-pro .dialer-sheet-scroll-top{margin-bottom:10px}}

/* agent88-google-sheet-controls */
.agent87-sheet-pro .dialer-sheet-select-all,.agent87-sheet-pro .dialer-sheet-col-header{cursor:pointer;user-select:none}
.agent87-sheet-pro .dialer-sheet-col-header.is-range-selected,.agent87-sheet-pro .dialer-sheet-select-all.is-range-selected{background:#dfe8ff!important;color:#23305f;box-shadow:inset 0 -1px 0 #c7d8ff}
.agent87-sheet-pro .dialer-sheet-col-header:hover,.agent87-sheet-pro .dialer-sheet-select-all:hover{background:#e9f0ff!important}


/* agent89-sheet-autoscroll-zoom-dashboard */
.agent89-sheet-polish{min-width:0}
.agent89-sheet-polish .dialer-import-hero,.agent89-sheet-polish .dialer-import-meta-grid,.agent89-sheet-polish .dialer-sheet-statusbar{min-width:0}
.agent89-sheet-polish .dialer-sheet-note{max-width:none}
.agent89-sheet-polish .dialer-queue-toggle{width:100%;box-sizing:border-box;display:grid;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:14px;overflow:hidden}
.agent89-sheet-polish .dialer-queue-toggle input{width:18px;height:18px;margin:2px 0 0}
.agent89-sheet-polish .dialer-queue-toggle span{min-width:0}
.agent89-sheet-polish .dialer-queue-toggle strong,.agent89-sheet-polish .dialer-queue-toggle small{overflow-wrap:anywhere;word-break:break-word}
.agent89-sheet-polish .dialer-sheet-statusbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:start}
.agent89-sheet-polish .dialer-sheet-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;min-width:0}
.agent89-sheet-polish .dialer-sheet-zoom{display:inline-flex;align-items:center;gap:6px;padding:6px;border:1px solid #dbe4ff;border-radius:16px;background:#fff;box-shadow:0 10px 24px rgba(42,55,105,.06)}
.agent89-sheet-polish .dialer-sheet-zoom .btn{min-width:40px;padding:8px 10px}
.agent89-sheet-polish .dialer-sheet-scroll-top,.agent89-sheet-polish .dialer-sheet-scroll-bottom{overflow-x:auto;overflow-y:hidden;height:16px;border:1px solid #dce5fb;border-radius:999px;background:#eef3ff}
.agent89-sheet-polish .dialer-sheet-scroll-top{margin:0 0 8px}
.agent89-sheet-polish .dialer-sheet-scroll-bottom{margin:8px 0 0}
.agent89-sheet-polish .dialer-sheet-scroll-top[hidden],.agent89-sheet-polish .dialer-sheet-scroll-bottom[hidden]{display:none!important}
.agent89-sheet-polish .dialer-sheet-scroll-top-inner,.agent89-sheet-polish .dialer-sheet-scroll-bottom-inner{height:1px}
.agent89-sheet-polish .dialer-sheet-table-wrap{position:relative;overflow:auto;max-height:64vh;max-width:100%;border:1px solid #dce5fb;border-radius:18px;background:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.75)}
.agent89-sheet-polish .dialer-sheet-table-wrap::-webkit-scrollbar,.agent89-sheet-polish .dialer-sheet-scroll-top::-webkit-scrollbar,.agent89-sheet-polish .dialer-sheet-scroll-bottom::-webkit-scrollbar{height:14px;width:14px}
.agent89-sheet-polish .dialer-sheet-table-wrap::-webkit-scrollbar-thumb,.agent89-sheet-polish .dialer-sheet-scroll-top::-webkit-scrollbar-thumb,.agent89-sheet-polish .dialer-sheet-scroll-bottom::-webkit-scrollbar-thumb{background:#c8d5fb;border:3px solid #f5f8ff;border-radius:999px}
.agent89-sheet-polish .dialer-sheet-table-wrap::-webkit-scrollbar-track,.agent89-sheet-polish .dialer-sheet-scroll-top::-webkit-scrollbar-track,.agent89-sheet-polish .dialer-sheet-scroll-bottom::-webkit-scrollbar-track{background:#eef3ff;border-radius:999px}
.agent89-sheet-polish .dialer-sheet-table-wrap{scrollbar-width:auto;scrollbar-color:#c8d5fb #eef3ff}
.agent89-sheet-polish .dialer-sheet-grid{min-width:1720px;table-layout:fixed}
.agent89-sheet-polish .dialer-sheet-cell{max-width:none}
.agent89-sheet-polish .agent86-dialer-import-actions{gap:8px}
.agent89-sheet-polish .agent86-dialer-import-actions .btn{white-space:nowrap}
.agent89-sheet-polish .dialer-fill-handle{width:11px;height:11px}
.agent89-dashboard-actions{gap:14px;margin:14px 0 24px}
.agent89-dashboard-action{min-height:86px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;padding:16px 18px;border-radius:20px}
.agent89-dashboard-action .ui-icon{width:20px;height:20px;color:#5f6ff1}
.agent89-dashboard-action span:last-child{font-size:14px;line-height:1.35;font-weight:800}
@media (max-width:980px){.agent89-sheet-polish .dialer-sheet-statusbar{grid-template-columns:1fr}.agent89-sheet-polish .dialer-sheet-toolbar{justify-content:flex-start}.agent89-dashboard-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.agent89-dashboard-actions{grid-template-columns:1fr}}



/* agent90-sheet-performance-notifications-fit */
.agent90-sheet-fit{--dialer-sheet-zoom:1;min-width:0;max-width:100%;overflow:hidden}
.agent90-sheet-fit .dialer-import-hero,.agent90-sheet-fit .dialer-import-meta-grid,.agent90-sheet-fit .dialer-import-actions,.agent90-sheet-fit .dialer-quick-entry-shell,.agent90-sheet-fit .dialer-sheet-statusbar,.agent90-sheet-fit .dialer-sheet-toolbar{min-width:0;max-width:100%;box-sizing:border-box}
.agent90-sheet-fit .agent86-dialer-import-actions{display:flex;flex-wrap:nowrap;overflow:auto hidden;padding:0 0 8px;gap:8px;max-width:100%;scrollbar-width:thin;scrollbar-color:#c8d5fb #eef3ff}
.agent90-sheet-fit .agent86-dialer-import-actions::-webkit-scrollbar{height:10px}
.agent90-sheet-fit .agent86-dialer-import-actions::-webkit-scrollbar-thumb{background:#c8d5fb;border-radius:999px}
.agent90-sheet-fit .agent86-dialer-import-actions::-webkit-scrollbar-track{background:#eef3ff;border-radius:999px}
.agent90-sheet-fit .agent86-dialer-import-actions .btn{flex:0 0 auto;white-space:nowrap;font-size:12px;padding:9px 12px}
.agent90-sheet-fit .agent86-dialer-sheet-shell{width:100%;max-width:100%;overflow:hidden;padding:14px}
.agent90-sheet-fit .dialer-sheet-statusbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:start}
.agent90-sheet-fit .dialer-sheet-toolbar{justify-content:flex-end;flex-wrap:wrap;gap:10px}
.agent90-sheet-fit .dialer-sheet-zoom{flex:0 0 auto}
.agent90-sheet-fit .dialer-sheet-grid{min-width:calc(1360px * var(--dialer-sheet-zoom,1));width:max-content;table-layout:fixed}
.agent90-sheet-fit .dialer-sheet-grid th{font-size:calc(12px * var(--dialer-sheet-zoom,1));line-height:1.25}
.agent90-sheet-fit .dialer-sheet-cell{min-width:calc(114px * var(--dialer-sheet-zoom,1));min-height:calc(38px * var(--dialer-sheet-zoom,1));padding:calc(9px * var(--dialer-sheet-zoom,1)) calc(10px * var(--dialer-sheet-zoom,1));font-size:calc(13px * var(--dialer-sheet-zoom,1));line-height:1.45}
.agent90-sheet-fit .dialer-sheet-cell[data-qe-col="notes"]{min-width:calc(220px * var(--dialer-sheet-zoom,1))}
.agent90-sheet-fit .dialer-sheet-cell[data-qe-col="source_site"]{min-width:calc(150px * var(--dialer-sheet-zoom,1))}
.agent90-sheet-fit .dialer-sheet-cell[data-qe-col="soa_completed_at_utc"]{min-width:calc(168px * var(--dialer-sheet-zoom,1))}
.agent90-sheet-fit .dialer-sheet-cell[data-qe-col="source_lead_id"]{min-width:calc(136px * var(--dialer-sheet-zoom,1))}
.agent90-sheet-fit .dialer-sheet-row-handle{min-width:52px;width:52px}
.agent90-sheet-fit .dialer-sheet-table-wrap{width:100%;max-width:100%;overflow:auto;max-height:64vh}
.agent90-sheet-fit .spark-table,.agent90-sheet-fit table{max-width:100%}
.agent90-sheet-fit .dialer-sheet-status{white-space:normal}
.agent90-sheet-fit .dialer-queue-toggle{align-items:center}
.agent90-sheet-fit .dialer-queue-toggle input{margin-top:0}
.agent90-sheet-fit .dialer-fill-handle{cursor:crosshair}
.agent90-sheet-fit .dialer-import-meta-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.agent89-dashboard-actions.agent90-dashboard-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0 24px}
.agent89-dashboard-action.agent90-dashboard-action{display:grid;grid-template-columns:46px 1fr;align-items:center;gap:12px;min-height:76px;padding:14px 16px;border-radius:18px;border:1px solid #dde5fb;background:#fff;box-shadow:0 12px 28px rgba(39,57,116,.06)}
.agent89-dashboard-action.agent90-dashboard-action .ui-icon{display:block;width:18px;height:18px;color:#4f46e5;background:#eef2ff;border-radius:14px;padding:11px;box-sizing:content-box}
.agent89-dashboard-action.agent90-dashboard-action span:last-child{font-size:14px;line-height:1.35;font-weight:800}
.agent90-notification-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.08);z-index:220}
.agent90-notification-popover{position:fixed;top:84px;right:18px;width:min(420px,calc(100vw - 24px));max-height:min(72vh,640px);overflow:auto;padding:16px;border:1px solid #dbe4ff;border-radius:22px;background:#fff;box-shadow:0 24px 60px rgba(29,45,97,.18);z-index:221}
.agent90-notification-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}
.agent90-notification-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}
.agent90-notification-chip{padding:10px 12px;border:1px solid #dde6fb;border-radius:16px;background:#f8faff;display:grid;gap:4px}
.agent90-notification-chip strong{font-size:18px;color:#25305a}
.agent90-notification-chip span{font-size:12px;color:#66739c}
.agent90-notification-list{display:grid;gap:10px}
.agent90-notification-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:10px;padding:12px;border:1px solid #e6ebfb;border-radius:16px;background:#fff}
.agent90-notification-icon{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;background:#eef2ff;color:#4f46e5}
.agent90-notification-icon.purple{background:#f4efff;color:#7c3aed}
.agent90-notification-copy{min-width:0;display:grid;gap:4px}
.agent90-notification-copy strong{font-size:14px;line-height:1.35;color:#24315d}
.agent90-notification-copy small{font-size:12px;line-height:1.5;color:#6a759c;overflow-wrap:anywhere}
.agent90-notification-when{font-size:11px;color:#7b88b2;white-space:nowrap}
.agent90-notification-empty{padding:16px;border:1px dashed #dbe4ff;border-radius:16px;color:#6a759c;background:#fbfcff}
.agent90-notification-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
@media (max-width:1280px){.agent90-sheet-fit .dialer-import-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.agent89-dashboard-actions.agent90-dashboard-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:980px){.agent90-sheet-fit .dialer-sheet-statusbar{grid-template-columns:1fr}.agent90-sheet-fit .dialer-sheet-toolbar{justify-content:flex-start}.agent90-sheet-fit .agent86-dialer-sheet-shell{padding:12px}.agent89-dashboard-actions.agent90-dashboard-actions{grid-template-columns:1fr}}
@media (max-width:640px){.agent90-notification-summary{grid-template-columns:1fr}.agent90-notification-item{grid-template-columns:auto 1fr}.agent90-notification-when{grid-column:2}}



/* agent91-notification-dropdown-sheet-harden */

.agent91-notification-popover{position:fixed;max-width:min(420px,calc(100vw - 24px));z-index:240}
.agent90-notification-empty{display:grid;gap:6px;padding:18px;border:1px dashed #d9e2fb;border-radius:16px;background:#f8faff;color:#5f6b93}
.agent90-notification-empty strong{font-size:14px;color:#25305a}
.agent90-notification-empty span{font-size:12px;line-height:1.55}
.agent90-sheet-fit .agent86-dialer-sheet-shell{overflow-x:auto}
.agent90-sheet-fit .dialer-sheet-table-wrap{overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y}
.agent90-sheet-fit .agent86-dialer-import-actions{padding-bottom:10px}
.agent90-sheet-fit .dialer-import-actions{max-width:100%}
.agent90-sheet-fit .dialer-sheet-statusbar,.agent90-sheet-fit .dialer-sheet-toolbar{min-width:0;width:100%}
@media (max-width:1100px){.agent90-sheet-fit .dialer-sheet-statusbar{grid-template-columns:1fr}.agent90-sheet-fit .dialer-sheet-toolbar{justify-content:flex-start}}


/* agent92-dialer-sheet-ux-overhaul */
.agent92-sheet-fit,.agent92-sheet-fit.stack-form,.agent92-sheet-fit.import-panel{width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow:hidden}
.agent92-sheet-fit .dialer-import-hero,.agent92-sheet-fit .dialer-import-meta-grid,.agent92-sheet-fit .dialer-import-actions,.agent92-sheet-fit .dialer-quick-entry-shell,.agent92-sheet-fit .dialer-sheet-statusbar,.agent92-sheet-fit .dialer-sheet-toolbar{width:100%;max-width:100%;min-width:0;box-sizing:border-box}
.agent92-sheet-fit .dialer-import-meta-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.agent92-sheet-fit .agent86-dialer-import-actions{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;overflow-y:hidden;max-width:100%;padding:0 0 10px;scrollbar-width:thin;scrollbar-color:#c8d5fb #eef3ff}
.agent92-sheet-fit .agent86-dialer-import-actions::-webkit-scrollbar{height:10px}
.agent92-sheet-fit .agent86-dialer-import-actions::-webkit-scrollbar-thumb{background:#c8d5fb;border-radius:999px}
.agent92-sheet-fit .agent86-dialer-import-actions::-webkit-scrollbar-track{background:#eef3ff;border-radius:999px}
.agent92-sheet-fit .agent86-dialer-import-actions .btn{flex:0 0 auto;white-space:nowrap;font-size:12px;padding:9px 12px}
.agent92-sheet-fit .agent86-dialer-sheet-shell{width:100%;max-width:100%;min-width:0;overflow:hidden;padding:12px}
.agent92-sheet-fit .dialer-sheet-statusbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:start}
.agent92-sheet-fit .dialer-sheet-toolbar{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;align-items:center}
.agent92-sheet-fit .dialer-sheet-table-wrap{width:100%;max-width:100%;overflow:auto;max-height:60vh;overscroll-behavior:contain;touch-action:pan-x pan-y;border-radius:14px}
.agent92-sheet-fit .dialer-sheet-grid{width:max-content;max-width:none;table-layout:fixed}
.agent92-sheet-fit .dialer-sheet-scroll-top,.agent92-sheet-fit .dialer-sheet-scroll-bottom{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;display:block}
.agent92-sheet-fit .dialer-queue-toggle{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:12px;width:100%;max-width:100%;box-sizing:border-box}
.agent92-sheet-fit .dialer-queue-toggle input{width:18px;height:18px;margin:0}
.agent92-sheet-fit .dialer-import-meta-grid label{position:relative}
.agent92-sheet-fit .dialer-import-meta-grid select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:42px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 20 20'%3E%3Cpath fill='%23606f9b' d='M5.7 7.8a1 1 0 0 1 1.4 0L10 10.7l2.9-2.9a1 1 0 1 1 1.4 1.4l-3.6 3.6a1 1 0 0 1-1.4 0L5.7 9.2a1 1 0 0 1 0-1.4Z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px 16px}
.agent92-sheet-fit .dialer-sheet-col-header,.agent92-sheet-fit .dialer-sheet-row-handle,.agent92-sheet-fit .dialer-sheet-select-all{user-select:none}
.agent92-sheet-fit .dialer-sheet-row-handle{cursor:pointer}
.agent92-sheet-fit .dialer-sheet-row-handle:hover{background:#edf3ff!important}
.agent92-sheet-fit .dialer-sheet-grid tbody tr.is-selected .dialer-sheet-row-handle{background:#dfe8ff!important;color:#23305f}
.agent92-sheet-fit .dialer-sheet-grid tbody tr.is-selected .dialer-sheet-cell{background:#f4f7ff!important}
.agent92-dashboard-actions .agent85-dashboard-action,.agent92-dashboard-actions .agent89-dashboard-action,.agent92-dashboard-actions .agent90-dashboard-action{display:inline-flex;align-items:center;gap:8px;justify-content:flex-start}
.agent92-dashboard-actions .agent85-dashboard-action .ui-icon,.agent92-dashboard-actions .agent89-dashboard-action .ui-icon,.agent92-dashboard-actions .agent90-dashboard-action .ui-icon{display:inline-flex;flex:0 0 auto;width:16px;height:16px}
@media (max-width:1280px){.agent92-sheet-fit .dialer-import-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:980px){.agent92-sheet-fit .dialer-sheet-statusbar{grid-template-columns:1fr}.agent92-sheet-fit .dialer-sheet-toolbar{justify-content:flex-start}.agent92-sheet-fit .dialer-import-meta-grid{grid-template-columns:1fr}}


/* agent93-direct-sheet-runtime-override */
.agent93-sheet-fit,.agent93-sheet-fit.stack-form,.agent93-sheet-fit.import-panel{width:min(100%,calc(100vw - 140px));max-width:min(100%,calc(100vw - 140px));min-width:0!important;box-sizing:border-box;overflow:hidden;margin-inline:auto}
.agent93-sheet-fit .dialer-import-hero,.agent93-sheet-fit .dialer-import-meta-grid,.agent93-sheet-fit .dialer-import-actions,.agent93-sheet-fit .dialer-quick-entry-shell,.agent93-sheet-fit .dialer-sheet-statusbar,.agent93-sheet-fit .dialer-sheet-toolbar{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box}
.agent93-sheet-fit .agent86-dialer-import-actions{display:flex!important;flex-wrap:wrap!important;gap:8px!important;overflow-x:auto!important;overflow-y:hidden!important;max-width:100%!important;padding:0 0 10px!important}
.agent93-sheet-fit .agent86-dialer-import-actions .btn{flex:0 0 auto;white-space:nowrap}
.agent93-sheet-fit .agent86-dialer-sheet-shell{width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;padding:12px!important}
.agent93-sheet-fit .dialer-sheet-table-wrap{width:100%!important;max-width:100%!important;overflow:auto!important;max-height:65vh!important;overscroll-behavior:contain!important;touch-action:pan-x pan-y!important;border-radius:14px!important}
.agent93-sheet-fit .dialer-sheet-grid{width:max-content!important;max-width:none!important;table-layout:fixed!important}
.agent93-sheet-fit .dialer-sheet-scroll-top,.agent93-sheet-fit .dialer-sheet-scroll-bottom{display:block!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important}
.agent93-sheet-fit .dialer-sheet-statusbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:14px!important;align-items:start!important}
.agent93-sheet-fit .dialer-sheet-toolbar{display:flex!important;flex-wrap:wrap!important;gap:10px!important;justify-content:flex-end!important;align-items:center!important}
.agent93-sheet-fit .dialer-queue-toggle{display:grid!important;grid-template-columns:20px minmax(0,1fr)!important;align-items:center!important;gap:12px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}
.agent93-sheet-fit .dialer-queue-toggle input{width:18px!important;height:18px!important;margin:0!important}
.agent93-sheet-fit .dialer-import-meta-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important}
.agent93-sheet-fit .dialer-import-meta-grid select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:42px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 20 20'%3E%3Cpath fill='%23606f9b' d='M5.7 7.8a1 1 0 0 1 1.4 0L10 10.7l2.9-2.9a1 1 0 1 1 1.4 1.4l-3.6 3.6a1 1 0 0 1-1.4 0L5.7 9.2a1 1 0 0 1 0-1.4Z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 14px center!important;background-size:16px 16px!important}
.agent93-sheet-fit .dialer-sheet-row-handle{cursor:pointer!important;user-select:none!important}
.agent93-sheet-fit .dialer-sheet-row-handle:hover{background:#edf3ff!important}
.agent93-sheet-fit .dialer-sheet-grid tbody tr.is-selected .dialer-sheet-row-handle{background:#dfe8ff!important;color:#23305f!important}
.agent93-sheet-fit .dialer-sheet-grid tbody tr.is-selected .dialer-sheet-cell{background:#f4f7ff!important}
@media (max-width:1280px){.agent93-sheet-fit,.agent93-sheet-fit.stack-form,.agent93-sheet-fit.import-panel{width:min(100%,calc(100vw - 60px));max-width:min(100%,calc(100vw - 60px))}}
@media (max-width:980px){.agent93-sheet-fit .dialer-sheet-statusbar{grid-template-columns:1fr!important}.agent93-sheet-fit .dialer-sheet-toolbar{justify-content:flex-start!important}.agent93-sheet-fit .dialer-import-meta-grid{grid-template-columns:1fr!important}}



/* agent94-sheet-fit-performance-redesign */
.agent94-sheet-fit,.agent94-sheet-fit.stack-form,.agent94-sheet-fit.import-panel{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow:hidden!important;--agent94-sheet-scale:1}
.agent94-sheet-fit .dialer-import-hero,.agent94-sheet-fit .dialer-import-meta-grid,.agent94-sheet-fit .dialer-quick-entry-shell,.agent94-sheet-fit .dialer-sheet-statusbar,.agent94-sheet-fit .dialer-sheet-toolbar{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
.agent94-sheet-fit .agent86-dialer-import-actions{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;gap:10px!important;max-width:100%!important;overflow:visible!important;padding:0 0 10px!important}
.agent94-sheet-fit .agent86-dialer-import-actions .btn{width:100%!important;justify-content:center!important;white-space:nowrap!important;font-size:12px!important;padding:10px 12px!important}
.agent94-sheet-fit .dialer-import-meta-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important}
.agent94-sheet-fit .agent86-dialer-sheet-shell{width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;padding:12px!important}
.agent94-sheet-fit .dialer-sheet-statusbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:14px!important;align-items:start!important}
.agent94-sheet-fit .dialer-sheet-toolbar{display:flex!important;flex-wrap:wrap!important;gap:10px!important;justify-content:flex-end!important;align-items:center!important}
.agent94-sheet-fit .dialer-sheet-table-wrap{width:100%!important;max-width:100%!important;overflow:auto!important;max-height:min(68vh,calc(100vh - 340px))!important;overscroll-behavior:contain!important;touch-action:pan-x pan-y!important;border-radius:14px!important}
.agent94-sheet-fit .dialer-sheet-scroll-top,.agent94-sheet-fit .dialer-sheet-scroll-bottom{width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;display:block!important}
.agent94-sheet-fit .dialer-sheet-grid{width:max-content!important;max-width:none!important;table-layout:fixed!important;font-size:calc(13px * var(--agent94-sheet-scale))!important}
.agent94-sheet-fit .dialer-sheet-grid th,.agent94-sheet-fit .dialer-sheet-grid td{padding:calc(10px * var(--agent94-sheet-scale)) calc(12px * var(--agent94-sheet-scale))!important}
.agent94-sheet-fit .dialer-sheet-cell{min-height:calc(18px * var(--agent94-sheet-scale))!important;font-size:calc(13px * var(--agent94-sheet-scale))!important;line-height:1.35!important}
.agent94-sheet-fit .dialer-sheet-col-header,.agent94-sheet-fit .dialer-sheet-row-handle,.agent94-sheet-fit .dialer-sheet-select-all{user-select:none!important}
.agent94-sheet-fit .dialer-sheet-row-handle{cursor:pointer!important;position:sticky!important;left:0;background:#f7f9fe!important;z-index:2}
.agent94-sheet-fit .dialer-sheet-grid thead th{position:sticky!important;top:0;z-index:3;background:#eef3ff!important}
.agent94-sheet-fit .dialer-sheet-grid thead th:first-child{left:0;z-index:4}
.agent94-sheet-fit .dialer-sheet-grid tbody tr.is-selected .dialer-sheet-row-handle{background:#dfe8ff!important;color:#23305f!important}
.agent94-sheet-fit .dialer-sheet-grid tbody tr.is-selected .dialer-sheet-cell{background:#f4f7ff!important}
.agent94-sheet-fit .dialer-sheet-scroll-top::-webkit-scrollbar,.agent94-sheet-fit .dialer-sheet-scroll-bottom::-webkit-scrollbar,.agent94-sheet-fit .dialer-sheet-table-wrap::-webkit-scrollbar{height:12px;width:12px}
.agent94-sheet-fit .dialer-sheet-scroll-top::-webkit-scrollbar-thumb,.agent94-sheet-fit .dialer-sheet-scroll-bottom::-webkit-scrollbar-thumb,.agent94-sheet-fit .dialer-sheet-table-wrap::-webkit-scrollbar-thumb{background:#bfd0fb;border-radius:999px}
.agent94-sheet-fit .dialer-sheet-scroll-top::-webkit-scrollbar-track,.agent94-sheet-fit .dialer-sheet-scroll-bottom::-webkit-scrollbar-track,.agent94-sheet-fit .dialer-sheet-table-wrap::-webkit-scrollbar-track{background:#edf3ff;border-radius:999px}
.agent94-sheet-fit .dialer-queue-toggle{display:grid!important;grid-template-columns:20px minmax(0,1fr)!important;gap:10px!important;align-items:start!important;width:100%!important;max-width:100%!important}
.agent94-sheet-fit .dialer-queue-toggle input{width:18px!important;height:18px!important;margin:2px 0 0!important}
.agent94-sheet-fit .dialer-sheet-note{max-width:100%!important}
.agent94-dashboard-actions{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))!important;gap:12px!important}
.agent94-dashboard-actions .agent85-dashboard-action{width:100%!important;justify-content:flex-start!important;border-radius:14px!important;padding:12px 14px!important;min-height:46px!important}
.agent94-dashboard-actions .agent85-dashboard-action svg{flex:0 0 auto}
@media (max-width:1280px){.agent94-sheet-fit .dialer-import-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.agent94-sheet-fit .agent86-dialer-import-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:980px){.agent94-sheet-fit .dialer-sheet-statusbar{grid-template-columns:1fr!important}.agent94-sheet-fit .dialer-sheet-toolbar{justify-content:flex-start!important}.agent94-sheet-fit .dialer-import-meta-grid,.agent94-sheet-fit .agent86-dialer-import-actions{grid-template-columns:1fr!important}}


/* agent95-dialer-import-reflow-visible-fix */
.agent95-dialer-import-reflow{width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important}
.agent95-dialer-import-reflow .dialer-import-hero,.agent95-dialer-import-reflow .dialer-import-meta-grid,.agent95-dialer-import-reflow .agent86-dialer-import-actions,.agent95-dialer-import-reflow .agent86-dialer-sheet-shell{max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
.agent95-dialer-import-reflow .agent86-dialer-import-actions{display:flex!important;flex-wrap:wrap!important;gap:8px!important;overflow:visible!important}
.agent95-dialer-import-reflow .agent86-dialer-import-actions .btn{flex:0 1 auto!important;white-space:nowrap!important;font-size:12px!important;padding:10px 12px!important}
.agent95-dialer-import-reflow .agent86-dialer-sheet-shell{padding:14px!important;overflow:hidden!important}
.agent95-dialer-import-reflow .dialer-sheet-statusbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;align-items:start!important}
.agent95-dialer-import-reflow .dialer-sheet-toolbar{display:flex!important;flex-wrap:wrap!important;gap:8px!important;justify-content:flex-end!important;max-width:100%!important}
.agent95-dialer-import-reflow .dialer-sheet-table-wrap{width:100%!important;max-width:100%!important;overflow:auto!important;max-height:65vh!important;border:1px solid #dbe4fb!important;border-radius:16px!important;background:#fff!important}
.agent95-dialer-import-reflow .dialer-sheet-grid{min-width:1300px!important;width:max-content!important;table-layout:fixed!important}
.agent95-dialer-import-reflow .dialer-sheet-cell{min-width:110px!important;max-width:240px!important}
.agent95-dialer-import-reflow .dialer-sheet-cell[data-qe-col="notes"]{min-width:180px!important;max-width:300px!important}
.agent95-dialer-import-reflow .dialer-sheet-cell[data-qe-col="source_site"]{min-width:160px!important}
.agent95-dialer-import-reflow .dialer-sheet-scroll-top,.agent95-dialer-import-reflow .dialer-sheet-scroll-bottom{display:block!important;width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;height:14px!important;margin:0 0 8px!important;background:#eef4ff!important;border-radius:999px!important}
.agent95-dialer-import-reflow .dialer-sheet-scroll-bottom{margin:8px 0 0!important}
.agent95-dialer-import-reflow .dialer-sheet-scroll-top-inner,.agent95-dialer-import-reflow .dialer-sheet-scroll-bottom-inner{height:1px!important}
.agent95-dialer-import-reflow .dialer-queue-toggle{display:grid!important;grid-template-columns:20px minmax(0,1fr)!important;gap:10px!important;align-items:start!important;width:100%!important}
.agent95-dialer-import-reflow .dialer-queue-toggle input{margin-top:2px!important}
.agent95-dashboard-actions{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))!important;gap:12px!important}
.agent95-dashboard-actions .agent85-dashboard-action{width:100%!important;justify-content:flex-start!important;padding:12px 14px!important;border-radius:14px!important}
@media (max-width:1100px){.agent95-dialer-import-reflow .dialer-sheet-statusbar{grid-template-columns:1fr!important}.agent95-dialer-import-reflow .dialer-sheet-toolbar{justify-content:flex-start!important}.agent95-dialer-import-reflow .dialer-import-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:760px){.agent95-dialer-import-reflow .dialer-import-meta-grid{grid-template-columns:1fr!important}.agent95-dialer-import-reflow .agent86-dialer-import-actions{display:grid!important;grid-template-columns:1fr 1fr!important}.agent95-dialer-import-reflow .agent86-dialer-import-actions .btn{width:100%!important}}


/* agent96-bulk-sheet-staging-dashboard-notifications */
.agent96-dashboard-actions{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;gap:12px!important}
.agent96-dashboard-actions .agent85-dashboard-action,.agent96-dashboard-actions .agent89-dashboard-action,.agent96-dashboard-actions .agent90-dashboard-action{display:grid!important;grid-template-columns:46px minmax(0,1fr)!important;align-items:center!important;gap:12px!important;width:100%!important;min-height:76px!important;padding:14px 16px!important;border-radius:18px!important;border:1px solid #dde5fb!important;background:#fff!important;box-shadow:0 12px 28px rgba(39,57,116,.06)!important;justify-content:flex-start!important}
.agent96-dashboard-actions .agent85-dashboard-action .ui-icon,.agent96-dashboard-actions .agent89-dashboard-action .ui-icon,.agent96-dashboard-actions .agent90-dashboard-action .ui-icon{display:block!important;width:18px!important;height:18px!important;color:#4f46e5!important;background:#eef2ff!important;border-radius:14px!important;padding:11px!important;box-sizing:content-box!important}
.agent96-dashboard-actions .agent85-dashboard-action span:last-child,.agent96-dashboard-actions .agent89-dashboard-action span:last-child,.agent96-dashboard-actions .agent90-dashboard-action span:last-child{font-size:14px!important;line-height:1.35!important;font-weight:800!important}
.agent96-bulk-mode .agent86-dialer-sheet-shell{overflow:hidden!important}
.agent96-bulk-rail{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:10px 0 14px;padding:12px 14px;border:1px solid #dbe4ff;border-radius:16px;background:linear-gradient(180deg,#fbfdff 0%,#f4f8ff 100%)}
.agent96-bulk-summary{display:grid;gap:4px;min-width:0}
.agent96-bulk-summary strong{font-size:14px;color:#24315d}
.agent96-bulk-summary span{font-size:12px;line-height:1.55;color:#66739c;overflow-wrap:anywhere}
.agent96-bulk-actions{display:flex;gap:8px;flex-wrap:wrap}
.agent96-bulk-actions .btn{flex:0 0 auto}
.agent96-notification-popover{z-index:244!important}
@media (max-width:1100px){.agent96-dashboard-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:720px){.agent96-dashboard-actions{grid-template-columns:1fr!important}.agent96-bulk-rail{align-items:flex-start}.agent96-bulk-actions{width:100%}}


/* agent97-live-source-direct-rebuild */
.agent66-dashboard-actions,.agent85-dashboard-actions,.agent89-dashboard-actions,.agent90-dashboard-actions,.agent97-dashboard-actions{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;gap:12px!important}
.agent66-dashboard-actions .agent85-dashboard-action,.agent66-dashboard-actions .agent89-dashboard-action,.agent66-dashboard-actions .agent90-dashboard-action,.agent85-dashboard-actions .agent85-dashboard-action,.agent89-dashboard-actions .agent89-dashboard-action,.agent90-dashboard-actions .agent90-dashboard-action,.agent97-dashboard-actions .agent85-dashboard-action,.agent97-dashboard-actions .agent89-dashboard-action,.agent97-dashboard-actions .agent90-dashboard-action{display:grid!important;grid-template-columns:46px minmax(0,1fr)!important;align-items:center!important;gap:12px!important;width:100%!important;min-height:76px!important;padding:14px 16px!important;border-radius:18px!important;border:1px solid #dde5fb!important;background:#fff!important;box-shadow:0 12px 28px rgba(39,57,116,.06)!important;justify-content:flex-start!important}
.agent66-dashboard-actions .ui-icon,.agent85-dashboard-actions .ui-icon,.agent89-dashboard-actions .ui-icon,.agent90-dashboard-actions .ui-icon,.agent97-dashboard-actions .ui-icon{display:block!important;width:18px!important;height:18px!important;color:#4f46e5!important;background:#eef2ff!important;border-radius:14px!important;padding:11px!important;box-sizing:content-box!important}
.agent66-dashboard-actions span:last-child,.agent85-dashboard-actions span:last-child,.agent89-dashboard-actions span:last-child,.agent90-dashboard-actions span:last-child,.agent97-dashboard-actions span:last-child{font-size:14px!important;line-height:1.35!important;font-weight:800!important}
.agent97-import-workspace{width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important}
.agent97-import-workspace .dialer-import-hero{padding:16px 18px!important;border:1px solid #dde6fb!important;border-radius:18px!important;background:linear-gradient(180deg,#fbfdff 0%,#f4f8ff 100%)!important}
.agent97-import-workspace .dialer-import-actions,.agent97-import-workspace .agent86-dialer-import-actions{display:flex!important;flex-wrap:wrap!important;gap:8px!important;overflow:visible!important}
.agent97-import-workspace .dialer-import-actions .btn,.agent97-import-workspace .agent86-dialer-import-actions .btn{flex:0 1 auto!important;white-space:nowrap!important;font-size:12px!important;padding:10px 12px!important}
.agent97-import-workspace .dialer-import-meta-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.agent97-import-workspace .agent86-dialer-sheet-shell{padding:14px!important;overflow:hidden!important}
.agent97-import-workspace .dialer-sheet-statusbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;align-items:start!important}
.agent97-import-workspace .dialer-sheet-toolbar{display:flex!important;flex-wrap:wrap!important;gap:8px!important;justify-content:flex-end!important;max-width:100%!important}
.agent97-import-workspace .dialer-sheet-table-wrap{width:100%!important;max-width:100%!important;overflow:auto!important;max-height:68vh!important;border:1px solid #dbe4fb!important;border-radius:16px!important;background:#fff!important}
.agent97-import-workspace .dialer-sheet-grid{min-width:1360px!important;width:max-content!important;table-layout:fixed!important}
.agent97-import-workspace .dialer-sheet-cell{min-width:110px!important;max-width:240px!important}
.agent97-import-workspace .dialer-sheet-cell[data-qe-col="notes"]{min-width:220px!important;max-width:340px!important}
.agent97-import-workspace .dialer-sheet-cell[data-qe-col="source_site"]{min-width:170px!important}
.agent97-import-workspace .dialer-sheet-cell[data-qe-col="soa_completed_at_utc"]{min-width:190px!important}
.agent97-import-workspace .dialer-sheet-scroll-top,.agent97-import-workspace .dialer-sheet-scroll-bottom{display:block!important;width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;height:14px!important;margin:0 0 8px!important;background:#eef4ff!important;border-radius:999px!important}
.agent97-import-workspace .dialer-sheet-scroll-bottom{margin:8px 0 0!important}
.agent97-import-workspace .dialer-sheet-scroll-top-inner,.agent97-import-workspace .dialer-sheet-scroll-bottom-inner{height:1px!important}
.agent97-import-workspace .dialer-import-advanced textarea{min-height:160px!important;font-family:ui-monospace,SFMono-Regular,Menlo,monospace!important}
.agent90-notification-popover,.agent96-notification-popover{z-index:260!important}
@media (max-width:1100px){.agent97-import-workspace .dialer-import-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.agent97-import-workspace .dialer-sheet-statusbar{grid-template-columns:1fr!important}.agent97-import-workspace .dialer-sheet-toolbar{justify-content:flex-start!important}}
@media (max-width:760px){.agent97-import-workspace .dialer-import-meta-grid{grid-template-columns:1fr!important}.agent97-import-workspace .dialer-import-actions,.agent97-import-workspace .agent86-dialer-import-actions{display:grid!important;grid-template-columns:1fr 1fr!important}.agent97-import-workspace .dialer-import-actions .btn,.agent97-import-workspace .agent86-dialer-import-actions .btn{width:100%!important}}


/* agent98-sheet-scroll-zoom-select-upgrade */
.agent98-sheet-upgrade{--agent98-sheet-scale:1;width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important}
.agent98-sheet-upgrade .agent86-dialer-sheet-shell{width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;padding:12px!important}
.agent98-sheet-upgrade .dialer-sheet-statusbar,.agent98-sheet-upgrade .dialer-sheet-toolbar,.agent98-sheet-upgrade .dialer-import-meta-grid,.agent98-sheet-upgrade .dialer-import-actions{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
.agent98-sheet-upgrade .dialer-sheet-table-wrap{width:100%!important;max-width:100%!important;overflow:auto!important;max-height:68vh!important;overscroll-behavior:contain!important;touch-action:pan-x pan-y!important;scrollbar-gutter:stable both-edges!important;border:1px solid #d8e2fb!important;border-radius:18px!important;background:#fff!important}
.agent98-sheet-upgrade .dialer-sheet-grid{width:max-content!important;min-width:calc(1260px * var(--agent98-sheet-scale,1))!important;table-layout:fixed!important;border-collapse:separate!important;border-spacing:0!important}
.agent98-sheet-upgrade .dialer-sheet-grid thead th:not(.dialer-sheet-row-handle){min-width:calc(104px * var(--agent98-sheet-scale,1))!important;font-size:calc(12px * var(--agent98-sheet-scale,1))!important;padding:12px 10px!important;white-space:nowrap!important}
.agent98-sheet-upgrade .dialer-sheet-cell-shell{padding:0!important}
.agent98-sheet-upgrade .dialer-sheet-cell{display:block!important;min-width:calc(104px * var(--agent98-sheet-scale,1))!important;max-width:none!important;min-height:calc(40px * var(--agent98-sheet-scale,1))!important;padding:calc(9px * var(--agent98-sheet-scale,1)) calc(10px * var(--agent98-sheet-scale,1))!important;font-size:calc(13px * var(--agent98-sheet-scale,1))!important;line-height:1.45!important}
.agent98-sheet-upgrade .dialer-sheet-cell[data-qe-col="source_lead_id"]{min-width:calc(128px * var(--agent98-sheet-scale,1))!important}
.agent98-sheet-upgrade .dialer-sheet-cell[data-qe-col="phone"]{min-width:calc(140px * var(--agent98-sheet-scale,1))!important}
.agent98-sheet-upgrade .dialer-sheet-cell[data-qe-col="email"]{min-width:calc(170px * var(--agent98-sheet-scale,1))!important}
.agent98-sheet-upgrade .dialer-sheet-cell[data-qe-col="source_site"]{min-width:calc(168px * var(--agent98-sheet-scale,1))!important}
.agent98-sheet-upgrade .dialer-sheet-cell[data-qe-col="soa_completed_at_utc"]{min-width:calc(184px * var(--agent98-sheet-scale,1))!important}
.agent98-sheet-upgrade .dialer-sheet-cell[data-qe-col="soa_topics"]{min-width:calc(132px * var(--agent98-sheet-scale,1))!important}
.agent98-sheet-upgrade .dialer-sheet-cell[data-qe-col="notes"]{min-width:calc(240px * var(--agent98-sheet-scale,1))!important}
.agent98-sheet-upgrade .dialer-sheet-row-handle{position:sticky!important;left:0!important;z-index:7!important;min-width:54px!important;width:54px!important;background:#f6f9ff!important;box-shadow:inset -1px 0 0 #dbe4fb!important}
.agent98-sheet-upgrade .dialer-sheet-select-all{position:sticky!important;left:0!important;z-index:8!important;background:#edf3ff!important}
.agent98-sheet-upgrade .dialer-sheet-grid thead th{position:sticky!important;top:0!important;z-index:6!important;background:#edf3ff!important;box-shadow:inset 0 -1px 0 #dbe2f6!important}
.agent98-sheet-upgrade .dialer-sheet-scroll-top,.agent98-sheet-upgrade .dialer-sheet-scroll-bottom{display:block!important;width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;height:16px!important;border:1px solid #dce5fb!important;border-radius:999px!important;background:#eef3ff!important}
.agent98-sheet-upgrade .dialer-sheet-scroll-top{margin:0 0 8px!important}
.agent98-sheet-upgrade .dialer-sheet-scroll-bottom{margin:8px 0 0!important}
.agent98-sheet-upgrade .dialer-sheet-scroll-top-inner,.agent98-sheet-upgrade .dialer-sheet-scroll-bottom-inner{height:1px!important}
.agent98-sheet-upgrade .dialer-sheet-table-wrap::-webkit-scrollbar,.agent98-sheet-upgrade .dialer-sheet-scroll-top::-webkit-scrollbar,.agent98-sheet-upgrade .dialer-sheet-scroll-bottom::-webkit-scrollbar{height:14px!important;width:14px!important}
.agent98-sheet-upgrade .dialer-sheet-table-wrap::-webkit-scrollbar-thumb,.agent98-sheet-upgrade .dialer-sheet-scroll-top::-webkit-scrollbar-thumb,.agent98-sheet-upgrade .dialer-sheet-scroll-bottom::-webkit-scrollbar-thumb{background:#c8d5fb!important;border:3px solid #f5f8ff!important;border-radius:999px!important}
.agent98-sheet-upgrade .dialer-sheet-table-wrap::-webkit-scrollbar-track,.agent98-sheet-upgrade .dialer-sheet-scroll-top::-webkit-scrollbar-track,.agent98-sheet-upgrade .dialer-sheet-scroll-bottom::-webkit-scrollbar-track{background:#eef3ff!important;border-radius:999px!important}
.agent98-sheet-upgrade .dialer-sheet-zoom{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:6px!important;border:1px solid #dbe4ff!important;border-radius:16px!important;background:#fff!important;box-shadow:0 10px 24px rgba(42,55,105,.06)!important}
.agent98-sheet-upgrade .dialer-sheet-zoom .btn{min-width:42px!important;padding:8px 10px!important;cursor:pointer!important}
.telephony-form select,.agent72-dialer-autorun-ui select,[data-dialer-worker-claim] select,[data-dialer-number-form] select,[data-transfer-target-form] select,.agent73-crm-sync-panel select,.agent77-crm-pipeline-panel select,.agent79-live-cutover-panel select,.agent82-intake-routing-panel select,.agent66-global-help-dock-shell select,.agency-mirror-actions select,.agent98-advanced-select{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;padding-right:44px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6.25 8 10l4-3.75' stroke='%236a7395' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 14px center!important;background-size:16px 16px!important}
@media (max-width:1180px){.agent98-sheet-upgrade .dialer-sheet-statusbar{grid-template-columns:1fr!important}.agent98-sheet-upgrade .dialer-sheet-toolbar{justify-content:flex-start!important}}
@media (max-width:760px){.agent98-sheet-upgrade .dialer-import-meta-grid{grid-template-columns:1fr!important}.agent98-sheet-upgrade .dialer-import-actions,.agent98-sheet-upgrade .agent86-dialer-import-actions{display:grid!important;grid-template-columns:1fr 1fr!important}.agent98-sheet-upgrade .dialer-import-actions .btn,.agent98-sheet-upgrade .agent86-dialer-import-actions .btn{width:100%!important}}



/* agent99-sheet-fullwidth-realzoom-fill */
.agent99-sheet-fullbleed-layout{grid-template-columns:minmax(0,1fr)!important;align-items:start!important}
.agent99-sheet-fullbleed-layout>.agent99-sheet-stack-item{min-width:0!important;width:100%!important}
.agent99-sheet-host-panel,.agent99-sheet-host-panel .agent86-dialer-import-upgrade{min-width:0!important;max-width:100%!important;width:100%!important;overflow:hidden!important}
.agent99-sheet-host-panel .panel-title{min-width:0!important}
.agent99-sheet-upgrade{--agent99-sheet-scale:1;min-width:0!important;max-width:100%!important;width:100%!important;overflow:hidden!important}
.agent99-sheet-upgrade .agent86-dialer-sheet-shell,.agent99-sheet-upgrade .dialer-import-hero,.agent99-sheet-upgrade .dialer-import-meta-grid,.agent99-sheet-upgrade .dialer-import-actions,.agent99-sheet-upgrade .dialer-sheet-statusbar,.agent99-sheet-upgrade .dialer-sheet-toolbar{min-width:0!important;max-width:100%!important;width:100%!important;box-sizing:border-box!important}
.agent99-sheet-upgrade .dialer-quick-entry-shell{padding:12px!important}
.agent99-sheet-upgrade .dialer-sheet-statusbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;align-items:start!important}
.agent99-sheet-upgrade .dialer-sheet-toolbar{display:flex!important;flex-wrap:wrap!important;justify-content:flex-end!important;gap:8px!important}
.agent99-sheet-upgrade .dialer-sheet-table-wrap{position:relative!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow:auto!important;overflow-y:auto!important;overflow-x:auto!important;max-height:72vh!important;overscroll-behavior:contain!important;touch-action:pan-x pan-y!important;scrollbar-gutter:stable both-edges!important;border:1px solid #d8e2fb!important;border-radius:18px!important;background:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.78)!important}
.agent99-sheet-upgrade .agent99-sheet-canvas{position:relative!important;min-width:100%!important}
.agent99-sheet-upgrade .dialer-sheet-grid{width:max-content!important;min-width:0!important;table-layout:fixed!important;border-collapse:separate!important;border-spacing:0!important;transform-origin:top left!important}
.agent99-sheet-upgrade .dialer-sheet-grid thead th{position:sticky!important;top:0!important;z-index:6!important;background:#edf3ff!important;box-shadow:inset 0 -1px 0 #dbe2f6!important}
.agent99-sheet-upgrade .dialer-sheet-row-handle{position:sticky!important;left:0!important;z-index:8!important;min-width:56px!important;width:56px!important;background:#f6f9ff!important;box-shadow:inset -1px 0 0 #dbe4fb!important}
.agent99-sheet-upgrade .dialer-sheet-select-all{position:sticky!important;left:0!important;z-index:9!important;background:#edf3ff!important}
.agent99-sheet-upgrade .dialer-sheet-grid thead th:not(.dialer-sheet-row-handle){min-width:118px!important;white-space:nowrap!important}
.agent99-sheet-upgrade .dialer-sheet-cell-shell{padding:0!important;background:#fff!important}
.agent99-sheet-upgrade .dialer-sheet-cell{display:block!important;min-width:118px!important;max-width:none!important;min-height:42px!important;padding:10px 12px!important;font-size:13px!important;line-height:1.45!important}
.agent99-sheet-upgrade .dialer-sheet-cell[data-qe-col="source_lead_id"]{min-width:150px!important}
.agent99-sheet-upgrade .dialer-sheet-cell[data-qe-col="phone"]{min-width:152px!important}
.agent99-sheet-upgrade .dialer-sheet-cell[data-qe-col="email"]{min-width:190px!important}
.agent99-sheet-upgrade .dialer-sheet-cell[data-qe-col="source_site"]{min-width:180px!important}
.agent99-sheet-upgrade .dialer-sheet-cell[data-qe-col="soa_completed_at_utc"]{min-width:205px!important}
.agent99-sheet-upgrade .dialer-sheet-cell[data-qe-col="soa_topics"]{min-width:138px!important}
.agent99-sheet-upgrade .dialer-sheet-cell[data-qe-col="notes"]{min-width:280px!important}
.agent99-sheet-upgrade .dialer-fill-handle{position:absolute!important;display:block!important;z-index:30!important;width:14px!important;height:14px!important;border-radius:4px!important;border:2px solid #ffffff!important;background:#4f46e5!important;box-shadow:0 0 0 2px #4f46e5,0 8px 18px rgba(61,78,160,.24)!important;cursor:crosshair!important;pointer-events:auto!important}
.agent99-sheet-upgrade .dialer-sheet-scroll-top,.agent99-sheet-upgrade .dialer-sheet-scroll-bottom{display:block!important;width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;height:16px!important;border:1px solid #dce5fb!important;border-radius:999px!important;background:#eef3ff!important}
.agent99-sheet-upgrade .dialer-sheet-scroll-top{margin:0 0 8px!important}
.agent99-sheet-upgrade .dialer-sheet-scroll-bottom{margin:8px 0 0!important}
.agent99-sheet-upgrade .dialer-sheet-scroll-top-inner,.agent99-sheet-upgrade .dialer-sheet-scroll-bottom-inner{height:1px!important}
.agent99-sheet-upgrade .dialer-sheet-table-wrap::-webkit-scrollbar,.agent99-sheet-upgrade .dialer-sheet-scroll-top::-webkit-scrollbar,.agent99-sheet-upgrade .dialer-sheet-scroll-bottom::-webkit-scrollbar{height:14px!important;width:14px!important}
.agent99-sheet-upgrade .dialer-sheet-table-wrap::-webkit-scrollbar-thumb,.agent99-sheet-upgrade .dialer-sheet-scroll-top::-webkit-scrollbar-thumb,.agent99-sheet-upgrade .dialer-sheet-scroll-bottom::-webkit-scrollbar-thumb{background:#c8d5fb!important;border:3px solid #f5f8ff!important;border-radius:999px!important}
.agent99-sheet-upgrade .dialer-sheet-table-wrap::-webkit-scrollbar-track,.agent99-sheet-upgrade .dialer-sheet-scroll-top::-webkit-scrollbar-track,.agent99-sheet-upgrade .dialer-sheet-scroll-bottom::-webkit-scrollbar-track{background:#eef3ff!important;border-radius:999px!important}
.agent99-sheet-upgrade .dialer-sheet-zoom{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:6px!important;border:1px solid #dbe4ff!important;border-radius:16px!important;background:#fff!important;box-shadow:0 10px 24px rgba(42,55,105,.06)!important}
.agent99-sheet-upgrade .dialer-sheet-zoom .btn{min-width:42px!important;padding:8px 10px!important;cursor:pointer!important}
.agent99-sheet-upgrade .agent99-advanced-select,.agent99-sheet-upgrade select.agent99-advanced-select,.agent99-advanced-select{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;padding-right:42px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5l5 5 5-5' stroke='%2360719d' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 14px center!important;background-size:16px 16px!important}
@media (max-width:1180px){.agent99-sheet-upgrade .dialer-sheet-statusbar{grid-template-columns:1fr!important}.agent99-sheet-upgrade .dialer-sheet-toolbar{justify-content:flex-start!important}}



/* agent100-panel-width-sheet-scroll */
.panel,.agent100-panel-base,.agent100-panel-normalize{min-width:0!important;max-width:100%!important;width:100%!important;box-sizing:border-box!important}
.agent100-panel-base>*,.agent100-panel-normalize>*{min-width:0!important;max-width:100%!important}
.two-panels.agent100-sheet-breakout{grid-template-columns:minmax(0,1fr)!important;align-items:start!important}
.two-panels.agent100-sheet-breakout>.agent100-sheet-breakout-item{min-width:0!important;width:100%!important;max-width:100%!important}
.agent100-sheet-fix{min-width:0!important;max-width:100%!important;width:100%!important;overflow:hidden!important}
.agent100-sheet-fix .dialer-sheet-zoom{display:none!important}
.agent100-sheet-fix .dialer-sheet-statusbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;align-items:start!important}
.agent100-sheet-fix .dialer-sheet-toolbar{display:flex!important;flex-wrap:wrap!important;justify-content:flex-end!important;gap:8px!important;max-width:100%!important}
.agent100-sheet-fix .dialer-sheet-table-wrap{position:relative!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow:auto!important;overflow-y:auto!important;overflow-x:auto!important;max-height:72vh!important;overscroll-behavior:contain!important;touch-action:pan-x pan-y!important;scrollbar-gutter:stable both-edges!important}
.agent100-sheet-fix .agent99-sheet-canvas,.agent100-sheet-fix .agent100-sheet-canvas{position:relative!important;min-width:100%!important}
.agent100-sheet-fix .dialer-sheet-grid{transform:none!important;transform-origin:top left!important;width:max-content!important;min-width:max-content!important;table-layout:fixed!important}
.agent100-sheet-fix .dialer-sheet-grid thead th{position:sticky!important;top:0!important;z-index:6!important}
.agent100-sheet-fix .dialer-sheet-row-handle,.agent100-sheet-fix .dialer-sheet-select-all{position:sticky!important;left:0!important;z-index:9!important}
.agent100-sheet-fix .dialer-sheet-cell{min-width:118px!important;max-width:none!important}
.agent100-sheet-fix .dialer-sheet-cell[data-qe-col="source_lead_id"]{min-width:150px!important}
.agent100-sheet-fix .dialer-sheet-cell[data-qe-col="phone"]{min-width:152px!important}
.agent100-sheet-fix .dialer-sheet-cell[data-qe-col="email"]{min-width:190px!important}
.agent100-sheet-fix .dialer-sheet-cell[data-qe-col="source_site"]{min-width:180px!important}
.agent100-sheet-fix .dialer-sheet-cell[data-qe-col="soa_completed_at_utc"]{min-width:205px!important}
.agent100-sheet-fix .dialer-sheet-cell[data-qe-col="soa_topics"]{min-width:138px!important}
.agent100-sheet-fix .dialer-sheet-cell[data-qe-col="notes"]{min-width:280px!important}
.agent100-sheet-fix .dialer-sheet-scroll-top,.agent100-sheet-fix .dialer-sheet-scroll-bottom{display:block!important;width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;height:16px!important}
.agent100-sheet-fix .dialer-sheet-scroll-top-inner,.agent100-sheet-fix .dialer-sheet-scroll-bottom-inner{height:1px!important}
.agent100-sheet-fix .dialer-sheet-table-wrap::-webkit-scrollbar,.agent100-sheet-fix .dialer-sheet-scroll-top::-webkit-scrollbar,.agent100-sheet-fix .dialer-sheet-scroll-bottom::-webkit-scrollbar{height:14px!important;width:14px!important}
.agent100-sheet-fix .dialer-sheet-table-wrap::-webkit-scrollbar-thumb,.agent100-sheet-fix .dialer-sheet-scroll-top::-webkit-scrollbar-thumb,.agent100-sheet-fix .dialer-sheet-scroll-bottom::-webkit-scrollbar-thumb{background:#c8d5fb!important;border:3px solid #f5f8ff!important;border-radius:999px!important}
.agent100-panel-normalize .spark-table-wrap,.agent100-panel-normalize .table-wrap,.agent100-panel-normalize [data-dialer-sheet-table-wrap],.agent100-panel-normalize pre{max-width:100%!important;overflow-x:auto!important;overflow-y:visible!important}
.agent100-panel-normalize table{max-width:none!important}
@media (max-width:1180px){.agent100-sheet-fix .dialer-sheet-statusbar{grid-template-columns:1fr!important}.agent100-sheet-fix .dialer-sheet-toolbar{justify-content:flex-start!important}}


/* agent101-google-sheet-import-stage */
.agent101-sheet-split{display:grid!important;grid-template-columns:1fr!important;gap:18px!important;align-items:start!important}
.agent101-sheet-split>.agent101-sheet-split-item{min-width:0!important;width:100%!important}
.agent101-sheet-stage-panel,.agent101-sheet-stage-panel>.agent86-dialer-import-upgrade{width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important}
.agent101-sheet-workspace .dialer-sheet-scroll-top,.agent101-sheet-workspace .dialer-sheet-scroll-bottom,.agent101-sheet-workspace .dialer-sheet-zoom{display:none!important}
.agent101-sheet-workspace .dialer-quick-entry-shell{padding:16px!important;border:1px solid #d9e2fb!important;border-radius:20px!important;background:linear-gradient(180deg,#fbfdff 0%,#f4f7ff 100%)!important;box-shadow:0 16px 36px rgba(45,64,132,.08)!important}
.agent101-sheet-workspace .dialer-sheet-statusbar{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;align-items:start!important}
.agent101-sheet-workspace .agent101-sheet-toolbar{display:grid!important;grid-template-columns:88px minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;width:100%!important}
.agent101-sheet-workspace .agent101-sheet-ref{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;padding:0 12px!important;border:1px solid #d5defa!important;border-radius:12px!important;background:#fff!important;color:#2b3768!important;font:800 13px/1 Inter,ui-sans-serif,system-ui,sans-serif!important;box-shadow:0 6px 16px rgba(48,67,140,.06)!important;cursor:default!important}
.agent101-sheet-workspace .agent101-sheet-formula{display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;align-items:center!important;min-height:42px!important;border:1px solid #d5defa!important;border-radius:12px!important;background:#fff!important;overflow:hidden!important;box-shadow:0 6px 16px rgba(48,67,140,.06)!important}
.agent101-sheet-workspace .agent101-sheet-formula>span{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:100%!important;background:#eef3ff!important;color:#4f46e5!important;font:800 14px/1 Inter,ui-sans-serif,system-ui,sans-serif!important;border-right:1px solid #d5defa!important}
.agent101-sheet-workspace .agent101-sheet-formula input{height:100%!important;min-height:42px!important;border:none!important;outline:none!important;padding:0 12px!important;background:#fff!important;color:#22315f!important;font:600 13px/1.45 Inter,ui-sans-serif,system-ui,sans-serif!important}
.agent101-sheet-workspace .dialer-sheet-status{justify-self:end!important;white-space:nowrap!important}
.agent101-sheet-workspace .dialer-sheet-table-wrap{position:relative!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow:auto!important;max-height:min(72vh,calc(100vh - 260px))!important;overscroll-behavior:contain!important;touch-action:pan-x pan-y!important;scrollbar-gutter:stable both-edges!important;border:1px solid #d9e2fb!important;border-radius:18px!important;background:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important}
.agent101-sheet-workspace .agent99-sheet-canvas,.agent101-sheet-workspace .agent100-sheet-canvas{width:max-content!important;min-width:100%!important;height:auto!important;min-height:0!important;overflow:visible!important}
.agent101-sheet-workspace .dialer-sheet-grid{table-layout:fixed!important;border-collapse:separate!important;border-spacing:0!important;width:max-content!important;min-width:max-content!important;background:#fff!important}
.agent101-sheet-workspace .dialer-sheet-grid thead th{position:sticky!important;top:0!important;z-index:8!important;background:#f7f9ff!important;box-shadow:0 1px 0 #dfe7fb!important}
.agent101-sheet-workspace .dialer-sheet-grid thead th:first-child,.agent101-sheet-workspace .dialer-sheet-row-handle{position:sticky!important;left:0!important;z-index:9!important;background:#f7f9ff!important;box-shadow:1px 0 0 #dfe7fb!important}
.agent101-sheet-workspace .dialer-sheet-grid thead th:first-child{z-index:10!important}
.agent101-sheet-workspace .dialer-sheet-grid th,.agent101-sheet-workspace .dialer-sheet-grid td{border-right:1px solid #edf2ff!important;border-bottom:1px solid #edf2ff!important}
.agent101-sheet-workspace .dialer-sheet-grid th:last-child,.agent101-sheet-workspace .dialer-sheet-grid td:last-child{border-right:none!important}
.agent101-sheet-workspace .dialer-sheet-row-handle{min-width:54px!important;width:54px!important;max-width:54px!important;text-align:center!important;font-weight:800!important;color:#4a5688!important}
.agent101-sheet-workspace .dialer-sheet-col-header{min-width:132px!important;height:42px!important;padding:10px 12px!important;white-space:nowrap!important;font:800 12px/1.2 Inter,ui-sans-serif,system-ui,sans-serif!important;color:#42507f!important;text-transform:none!important}
.agent101-sheet-workspace .dialer-sheet-col-header[data-qe-col-index="0"]{min-width:160px!important}
.agent101-sheet-workspace .dialer-sheet-cell-shell{min-width:132px!important;padding:0!important;background:#fff!important}
.agent101-sheet-workspace .dialer-sheet-cell[data-qe-col="source_lead_id"]{min-width:160px!important}
.agent101-sheet-workspace .dialer-sheet-cell[data-qe-col="phone"]{min-width:156px!important}
.agent101-sheet-workspace .dialer-sheet-cell[data-qe-col="email"]{min-width:220px!important}
.agent101-sheet-workspace .dialer-sheet-cell[data-qe-col="source_site"]{min-width:200px!important}
.agent101-sheet-workspace .dialer-sheet-cell[data-qe-col="soa_completed_at_utc"]{min-width:190px!important}
.agent101-sheet-workspace .dialer-sheet-cell[data-qe-col="soa_topics"]{min-width:150px!important}
.agent101-sheet-workspace .dialer-sheet-cell[data-qe-col="notes"]{min-width:260px!important}
.agent101-sheet-workspace .dialer-sheet-cell{min-height:38px!important;padding:9px 10px!important;outline:none!important;border:none!important;background:transparent!important;color:#22315f!important;font:600 13px/1.45 Inter,ui-sans-serif,system-ui,sans-serif!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.agent101-sheet-workspace .dialer-sheet-cell.is-active{background:#eef4ff!important;box-shadow:inset 0 0 0 2px #4f46e5!important}
.agent101-sheet-workspace .dialer-sheet-cell.is-range-selected{background:#f3f7ff!important;box-shadow:inset 0 0 0 1px #8ca8ff!important}
.agent101-sheet-workspace .dialer-fill-handle{position:absolute!important;display:block!important;z-index:30!important;width:16px!important;height:16px!important;border-radius:5px!important;border:2px solid #fff!important;background:#4f46e5!important;box-shadow:0 0 0 2px #4f46e5,0 8px 18px rgba(61,78,160,.24)!important;cursor:crosshair!important;pointer-events:auto!important}
.agent101-sheet-workspace .dialer-fill-handle:hover{background:#4338ca!important;box-shadow:0 0 0 2px #4338ca,0 10px 22px rgba(51,65,143,.26)!important}
.agent101-sheet-workspace .dialer-sheet-table-wrap::-webkit-scrollbar{height:14px!important;width:14px!important}
.agent101-sheet-workspace .dialer-sheet-table-wrap::-webkit-scrollbar-thumb{background:#c8d5fb!important;border:3px solid #f5f8ff!important;border-radius:999px!important}
.agent101-sheet-workspace .dialer-sheet-table-wrap::-webkit-scrollbar-track{background:#eef3ff!important;border-radius:999px!important}
.agent101-sheet-workspace .dialer-sheet-table-wrap{scrollbar-width:auto!important;scrollbar-color:#c8d5fb #eef3ff!important}
@media (max-width:1100px){.agent101-sheet-workspace .dialer-import-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.agent101-sheet-workspace .agent101-sheet-toolbar{grid-template-columns:76px minmax(0,1fr)!important}.agent101-sheet-workspace .dialer-sheet-status{grid-column:1 / -1!important;justify-self:start!important}}
@media (max-width:760px){.agent101-sheet-workspace .dialer-import-meta-grid{grid-template-columns:1fr!important}.agent101-sheet-workspace .agent86-dialer-import-actions{display:grid!important;grid-template-columns:1fr 1fr!important}.agent101-sheet-workspace .agent86-dialer-import-actions .btn{width:100%!important}.agent101-sheet-workspace .agent101-sheet-toolbar{grid-template-columns:1fr!important}}


/* agent102-true-fullwidth-import-panel */
.panel.agent102-fullsheet-panel,.panel.agent102-dialer-import-panel{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;box-sizing:border-box!important}
.panel.agent102-scroll-panel{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;box-sizing:border-box!important}
.agent102-dialer-import-panel .stack-form.import-panel,.agent102-fullsheet-form{display:grid!important;gap:16px!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important}
.agent102-dialer-import-panel .dialer-import-hero,.agent102-dialer-import-panel .dialer-import-meta-grid,.agent102-dialer-import-panel .dialer-import-actions,.agent102-dialer-import-panel .dialer-quick-entry-shell,.agent102-dialer-import-panel .dialer-sheet-statusbar,.agent102-dialer-import-panel .agent101-sheet-toolbar{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
.agent102-dialer-import-panel .dialer-import-meta-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important}
.agent102-dialer-import-panel .dialer-quick-entry-shell{overflow:hidden!important;padding:16px!important}
.agent102-dialer-import-panel .dialer-sheet-table-wrap{display:block!important;position:relative!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow:auto!important;overflow-y:auto!important;overflow-x:auto!important;max-height:min(74vh,calc(100vh - 240px))!important;overscroll-behavior:contain!important;touch-action:pan-x pan-y!important}
.agent102-dialer-import-panel .agent99-sheet-canvas,.agent102-dialer-import-panel .agent100-sheet-canvas{display:block!important;width:max-content!important;min-width:100%!important;max-width:none!important}
.agent102-dialer-import-panel .dialer-sheet-grid{width:max-content!important;min-width:max-content!important;max-width:none!important}
.agent102-dialer-import-panel .dialer-sheet-grid thead th,.agent102-dialer-import-panel .dialer-sheet-grid tbody td{white-space:nowrap!important}
.agent102-dialer-import-panel .dialer-sheet-grid thead th:first-child,.agent102-dialer-import-panel .dialer-sheet-row-handle{position:sticky!important;left:0!important;z-index:12!important}
.agent102-scroll-panel .spark-table,.agent102-scroll-panel .dialer-endpoint-list,.agent102-scroll-panel .dialer-command-block,.agent102-scroll-panel .stack-form{min-width:0!important;max-width:100%!important}
.agent102-scroll-panel .spark-table{display:block!important;width:100%!important;overflow:auto!important}
.agent102-scroll-panel .spark-table thead,.agent102-scroll-panel .spark-table tbody,.agent102-scroll-panel .spark-table tr{width:max-content;min-width:100%}
@media (max-width:1100px){.agent102-dialer-import-panel .dialer-import-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:760px){.agent102-dialer-import-panel .dialer-import-meta-grid{grid-template-columns:1fr!important}.agent102-dialer-import-panel .agent86-dialer-import-actions{display:grid!important;grid-template-columns:1fr 1fr!important}.agent102-dialer-import-panel .agent86-dialer-import-actions .btn{width:100%!important}.agent102-dialer-import-panel .agent101-sheet-toolbar{grid-template-columns:1fr!important}}


/* agent103-sheet-engine-final-pass */
.agent103-sheet-toolbar{display:grid!important;grid-template-columns:88px minmax(0,1fr) auto auto!important;gap:10px!important;align-items:center!important;width:100%!important}
.agent103-zoombar{display:inline-flex!important;align-items:center!important;gap:6px!important;justify-self:end!important;white-space:nowrap!important}
.agent103-zoombar .btn{min-width:38px!important;padding-inline:10px!important}
.agent103-virtual-mode [data-agent96-bulk-rail]{display:none!important}
.agent103-sheet-engine .dialer-sheet-table-wrap{overflow:auto!important;overflow-x:auto!important;overflow-y:auto!important;max-width:100%!important}
.agent103-sheet-engine .dialer-sheet-grid{width:max-content!important;min-width:max-content!important}
.agent103-sheet-engine .agent99-sheet-canvas,.agent103-sheet-engine .agent100-sheet-canvas,[data-agent95-canvas]{transform-origin:top left!important}
.agent103-sheet-engine .dialer-fill-handle{width:18px!important;height:18px!important;bottom:auto!important;right:auto!important}
.agent103-spacer-row td{padding:0!important;border:none!important;background:transparent!important}
@media (max-width:1100px){.agent103-sheet-toolbar{grid-template-columns:76px minmax(0,1fr) auto auto!important}}
@media (max-width:760px){.agent103-sheet-toolbar{grid-template-columns:1fr!important}.agent103-zoombar{justify-self:start!important}}


/* agent104-radical-jspreadsheet-import */
.agent104-radical-sheet .agent86-dialer-sheet-shell{padding:0!important;border:none!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.agent104-radical-sheet .dialer-sheet-scroll-top,
.agent104-radical-sheet .dialer-sheet-scroll-bottom,
.agent104-radical-sheet .dialer-sheet-zoom,
.agent104-radical-sheet [data-dialer-sheet-delete-rows]{display:none!important}
.agent104-sheet-shell{display:grid!important;gap:14px!important;width:100%!important;max-width:100%!important}
.agent104-sheet-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important;flex-wrap:wrap!important}
.agent104-sheet-status{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:40px!important;padding:0 14px!important;border-radius:999px!important;background:#eef3ff!important;color:#33427a!important;font:800 13px/1 Inter,ui-sans-serif,system-ui,sans-serif!important;white-space:nowrap!important}
.agent104-sheet-foot{color:#59698f!important;font:600 12px/1.5 Inter,ui-sans-serif,system-ui,sans-serif!important}
.agent104-sheet-host{width:100%!important;max-width:100%!important;min-width:0!important;border:1px solid #d9e2fb!important;border-radius:18px!important;background:#fff!important;box-shadow:0 18px 36px rgba(45,64,132,.08)!important;overflow:hidden!important}
.agent104-sheet-host .jtabs-tabs{display:none!important}
.agent104-sheet-host .jtabs-content{border:none!important}
.agent104-sheet-host .jss_container,.agent104-sheet-host .jss_spreadsheet{display:block!important;width:100%!important;max-width:100%!important}
.agent104-sheet-host .jss_content{display:block!important;width:100%!important;max-width:100%!important;height:68vh!important;max-height:68vh!important;overflow:auto!important;background:#fff!important;scrollbar-width:auto!important;scrollbar-color:#c8d5fb #eef3ff!important}
.agent104-sheet-host .jss_content::-webkit-scrollbar{height:14px!important;width:14px!important}
.agent104-sheet-host .jss_content::-webkit-scrollbar-thumb{background:#c8d5fb!important;border:3px solid #f5f8ff!important;border-radius:999px!important}
.agent104-sheet-host .jss_content::-webkit-scrollbar-track{background:#eef3ff!important;border-radius:999px!important}
.agent104-sheet-host .jss_worksheet{min-width:max-content!important;background:#fff!important}
.agent104-sheet-host .jss_worksheet thead td,
.agent104-sheet-host .jss_worksheet thead th{background:#f7f9ff!important;color:#42507f!important;font-weight:800!important}
.agent104-sheet-host .jss_worksheet td,
.agent104-sheet-host .jss_worksheet th{font:600 13px/1.45 Inter,ui-sans-serif,system-ui,sans-serif!important;border-color:#edf2ff!important}
.agent104-sheet-host .jss_worksheet .highlight,
.agent104-sheet-host .jss_worksheet .selection{background:#eef4ff!important}
.agent104-sheet-host .jss_corner{background:#f7f9ff!important}
.agent104-radical-sheet .dialer-import-meta-grid,
.agent104-radical-sheet .agent86-dialer-import-actions,
.agent104-radical-sheet .dialer-quick-entry-shell{max-width:100%!important;min-width:0!important}
@media (max-width: 900px){
  .agent104-sheet-head{align-items:stretch!important}
  .agent104-sheet-status{justify-content:flex-start!important}
  .agent104-sheet-host .jss_content{height:62vh!important;max-height:62vh!important}
}


/* agent105-source-renderer-jspreadsheet */
.agent102-dialer-import-panel,.agent102-dialer-import-panel>.agent105-sheet-root{width:100%!important;max-width:100%!important;min-width:0!important}
.agent105-sheet-root{display:grid!important;gap:14px!important;width:100%!important;max-width:100%!important;min-width:0!important}
.agent105-sheet-meta-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.agent105-sheet-actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important;align-items:center!important}
.agent105-sheet-shell{display:grid!important;gap:14px!important;width:100%!important;max-width:100%!important;min-width:0!important;padding:16px!important;border:1px solid #d9e2fb!important;border-radius:20px!important;background:linear-gradient(180deg,#fbfdff 0%,#f4f7ff 100%)!important;box-shadow:0 16px 36px rgba(45,64,132,.08)!important}
.agent105-sheet-head{display:grid!important;grid-template-columns:88px minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;width:100%!important}
.agent105-sheet-ref{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;padding:0 12px!important;border:1px solid #d5defa!important;border-radius:12px!important;background:#fff!important;color:#2b3768!important;font:800 13px/1 Inter,ui-sans-serif,system-ui,sans-serif!important;box-shadow:0 6px 16px rgba(48,67,140,.06)!important;cursor:default!important}
.agent105-sheet-formula{display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;align-items:center!important;min-height:42px!important;border:1px solid #d5defa!important;border-radius:12px!important;background:#fff!important;overflow:hidden!important;box-shadow:0 6px 16px rgba(48,67,140,.06)!important}
.agent105-sheet-formula>span{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:100%!important;background:#eef3ff!important;color:#4f46e5!important;font:800 14px/1 Inter,ui-sans-serif,system-ui,sans-serif!important;border-right:1px solid #d5defa!important}
.agent105-sheet-formula input{height:100%!important;min-height:42px!important;border:none!important;outline:none!important;padding:0 12px!important;background:#fff!important;color:#22315f!important;font:600 13px/1.45 Inter,ui-sans-serif,system-ui,sans-serif!important}
.agent105-sheet-status{justify-self:end!important;white-space:nowrap!important;padding:10px 12px!important;border-radius:14px!important;background:#eef3ff!important;border:1px solid #dbe4ff!important;color:#24315d!important;font:700 12px/1.2 Inter,ui-sans-serif,system-ui,sans-serif!important}
.agent105-sheet-host{position:relative!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;border:1px solid #d9e2fb!important;border-radius:18px!important;background:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important}
.agent105-sheet-host .jss_container,.agent105-sheet-host .jss_spreadsheet,.agent105-sheet-host .jtabs-content{display:block!important;width:100%!important;max-width:100%!important;border:none!important}
.agent105-sheet-host .jtabs-tabs{display:none!important}
.agent105-sheet-host .jss_content{display:block!important;width:100%!important;max-width:100%!important;height:min(70vh,calc(100vh - 260px))!important;max-height:min(70vh,calc(100vh - 260px))!important;overflow:auto!important;overscroll-behavior:contain!important;touch-action:pan-x pan-y!important;scrollbar-gutter:stable both-edges!important;background:#fff!important;scrollbar-width:auto!important;scrollbar-color:#c8d5fb #eef3ff!important}
.agent105-sheet-host .jss_content::-webkit-scrollbar{height:14px!important;width:14px!important}
.agent105-sheet-host .jss_content::-webkit-scrollbar-thumb{background:#c8d5fb!important;border:3px solid #f5f8ff!important;border-radius:999px!important}
.agent105-sheet-host .jss_content::-webkit-scrollbar-track{background:#eef3ff!important;border-radius:999px!important}
.agent105-sheet-host .jss_worksheet{min-width:max-content!important;background:#fff!important}
.agent105-sheet-host .jss_worksheet thead td,.agent105-sheet-host .jss_worksheet thead th,.agent105-sheet-host .jss_corner{background:#f7f9ff!important;color:#42507f!important;font-weight:800!important}
.agent105-sheet-host .jss_worksheet td,.agent105-sheet-host .jss_worksheet th{font:600 13px/1.45 Inter,ui-sans-serif,system-ui,sans-serif!important;border-color:#edf2ff!important}
.agent105-sheet-host .jss_worksheet .highlight,.agent105-sheet-host .jss_worksheet .selection{background:#eef4ff!important}
.agent105-sheet-foot{color:#59698f!important;font:600 12px/1.5 Inter,ui-sans-serif,system-ui,sans-serif!important}
@media (max-width:1100px){.agent105-sheet-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.agent105-sheet-head{grid-template-columns:76px minmax(0,1fr)!important}.agent105-sheet-status{grid-column:1 / -1!important;justify-self:start!important}}
@media (max-width:760px){.agent105-sheet-meta-grid{grid-template-columns:1fr!important}.agent105-sheet-head{grid-template-columns:1fr!important}.agent105-sheet-actions{display:grid!important;grid-template-columns:1fr 1fr!important}.agent105-sheet-actions .btn{width:100%!important}}


/* agent106-scan-step1-foundation */
.panel.agent106-import-stage{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;box-sizing:border-box!important}
.agent106-import-stage .import-panel,.agent106-import-stage .agent105-sheet-root{width:100%!important;max-width:100%!important;min-width:0!important}
.agent106-sheet-root{display:grid!important;gap:16px!important;width:100%!important;max-width:100%!important;min-width:0!important}
.agent106-sheet-actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important;align-items:center!important}
.agent106-sheet-shell{display:grid!important;gap:14px!important;width:100%!important;max-width:100%!important;min-width:0!important}
.agent106-queue-toggle{display:flex!important;align-items:flex-start!important;justify-content:flex-start!important;gap:12px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;padding:14px 16px!important;border:1px solid #dee6fb!important;border-radius:16px!important;background:#f8faff!important}
.agent106-queue-toggle input{width:18px!important;height:18px!important;flex:0 0 18px!important;margin:3px 0 0!important}
.agent106-queue-toggle span{display:block!important;min-width:0!important;flex:1 1 auto!important}
.agent106-queue-toggle strong{display:block!important;color:#24315d!important;font-size:14px!important;line-height:1.35!important}
.agent106-queue-toggle small{display:block!important;margin-top:4px!important;color:#6a759c!important;font-size:12px!important;line-height:1.55!important}
.agent106-sheet-loading{display:flex!important;align-items:center!important;justify-content:center!important;min-height:420px!important;color:#5b6897!important;font:700 14px/1.4 Inter,ui-sans-serif,system-ui,sans-serif!important;background:linear-gradient(180deg,#fff 0%,#f7f9ff 100%)!important}
.agent105-sheet-host{min-height:420px!important}
.agent105-sheet-host .jss_container,.agent105-sheet-host .jss_spreadsheet{display:block!important;width:100%!important;max-width:100%!important}
.agent105-sheet-host .jss_content{min-height:420px!important;height:min(72vh,calc(100vh - 280px))!important;max-height:min(72vh,calc(100vh - 280px))!important}
.agent105-sheet-host .jss_worksheet{min-width:max-content!important}
.agent105-sheet-root details.dialer-import-advanced{margin-top:4px!important}
.agent105-sheet-root .dialer-import-advanced summary{font-weight:800!important;color:#24315d!important}
@media (max-width:1100px){.agent105-sheet-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.agent105-sheet-head{grid-template-columns:88px minmax(0,1fr)!important}.agent105-sheet-status{grid-column:1 / -1!important;justify-self:start!important}}
@media (max-width:760px){.agent105-sheet-meta-grid{grid-template-columns:1fr!important}.agent106-sheet-actions{display:grid!important;grid-template-columns:1fr 1fr!important}.agent106-sheet-actions .btn{width:100%!important}.agent105-sheet-head{grid-template-columns:1fr!important}}


/* agent107-scan-step2-appointments-branding-greetings */
.agent107-appointments-summary{margin-bottom:16px!important}
.agent107-appointments-panel{overflow:hidden!important}
.agent107-appointments-copy{margin:-2px 0 14px!important;color:#5f6f9a!important;font:600 13px/1.55 Inter,ui-sans-serif,system-ui,sans-serif!important}
.agent107-appointments-table-wrap{overflow:auto!important;max-width:100%!important;border:1px solid #dde5fb!important;border-radius:18px!important;background:#fff!important}
.agent107-appointments-table{min-width:760px!important}
.agent107-appointments-table td,.agent107-appointments-table th{white-space:nowrap!important}
.agent107-appointments-empty{padding:18px 16px!important;color:#5f6f9a!important}


/* agent108-scan-step3-telephony-audit */
.agent108-telephony-audit-panel{border-color:#d8e2fb!important;background:linear-gradient(180deg,#fcfdff 0%,#f7f9ff 100%)!important}
.agent108-telephony-audit-form .settings-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.agent108-telephony-audit-grid{align-items:start!important}
.agent108-telephony-table td,.agent108-telephony-table th{vertical-align:middle!important}
.agent108-telephony-table .status-chip{white-space:nowrap!important}
@media (max-width:1100px){.agent108-telephony-audit-form .settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:760px){.agent108-telephony-audit-form .settings-grid{grid-template-columns:1fr!important}}


/* agent109-scan-step4-wordpress-parity-branding */
.agent109-parity-panel{margin-top:18px!important}
.agent109-parity-cards{margin-bottom:14px!important}
.agent109-parity-site-note{padding:12px 14px!important;border:1px solid #dbe4fb!important;border-radius:16px!important;background:#f8fbff!important;color:#33406f!important;font:600 13px/1.5 Inter,ui-sans-serif,system-ui,sans-serif!important;margin-bottom:14px!important}
.agent109-parity-table th,.agent109-parity-table td{vertical-align:top!important}



/* agent110-scan-step5-runtime-hardening */
.agent110-runtime-hardening-panel{margin-top:18px!important;border-color:#d9e2fb!important;background:linear-gradient(180deg,#fdfdff 0%,#f7f9ff 100%)!important}
.agent110-runtime-hardening-cards{margin-bottom:14px!important}
.agent110-runtime-hardening-table th,.agent110-runtime-hardening-table td{vertical-align:top!important}
.agent110-runtime-hardening-table .status-chip{white-space:nowrap!important}


/* agent111-scan-step6-backend-workflow-fixes */
.agent111-workflow-gap-panel{margin-top:18px!important}
.agent111-gap-cards{margin:14px 0 16px!important}
.agent111-gap-grid{gap:16px!important;align-items:start!important}
.agent111-gap-grid>.panel{width:100%!important;max-width:100%!important;min-width:0!important;overflow:auto!important}
.agent111-gap-table td,.agent111-gap-table th{vertical-align:top!important}
@media (max-width:980px){.agent111-gap-grid{grid-template-columns:1fr!important}}


/* agent112-scan-step7-final-runtime-cleanup */
.agent112-runtime-health-panel{border:1px solid #dbe4fb!important;box-shadow:0 16px 34px rgba(41,61,126,.08)!important}
.agent112-runtime-cards{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))!important;gap:12px!important;margin:14px 0 16px!important}
.agent112-runtime-grid{display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)!important;gap:16px!important}
.agent112-runtime-table td,.agent112-runtime-table th{vertical-align:top!important}
.agent112-runtime-notes{margin:0!important;padding-left:18px!important;color:#30406e!important;line-height:1.6!important}
.agent112-runtime-notes li+li{margin-top:8px!important}
@media (max-width:980px){.agent112-runtime-grid{grid-template-columns:1fr!important}}


/* agent113-scan-step8-targeted-telephony-parity-fixes */
.agent113-targeted-fix-panel{border:1px solid #dbe4fb!important;box-shadow:0 14px 30px rgba(37,58,124,.08)!important}
.agent113-targeted-fix-cards{margin-bottom:14px!important}
.agent113-targeted-fix-grid{gap:14px!important;margin-bottom:14px!important}
.agent113-targeted-fix-table td,.agent113-targeted-fix-table th{vertical-align:top!important}
.agent113-targeted-fix-table td:nth-child(1){font-weight:700!important;color:#31406f!important}


/* agent114-scan-step9-targeted-fix-actions */
.agent114-targeted-fix-panel .agent114-targeted-fix-actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important;align-items:center!important}
.agent114-targeted-fix-panel .agent114-targeted-fix-actions .btn{min-height:42px!important;border-radius:14px!important}
.agent114-targeted-fix-panel .agent114-targeted-fix-actions .btn.primary{box-shadow:0 12px 28px rgba(79,70,229,.16)!important}
@media (max-width:760px){.agent114-targeted-fix-panel .agent114-targeted-fix-actions{display:grid!important;grid-template-columns:1fr!important}.agent114-targeted-fix-panel .agent114-targeted-fix-actions .btn{width:100%!important}}

/* agent115-step10-deep-workflow-repairs */
.agent115-targeted-fix-panel{border-color:#d4defc!important;box-shadow:0 16px 34px rgba(36,58,126,.08)!important}
.agent115-targeted-fix-actions .btn.primary{box-shadow:0 12px 28px rgba(79,70,229,.18)!important}


/* agent116-step11-bridge-writeback-fixes */
.agent116-bridge-writeback-panel{margin-top:18px!important}
.agent116-bridge-writeback-grid{gap:16px!important}
.agent116-bridge-writeback-table td,.agent116-bridge-writeback-table th{vertical-align:top!important}
.agent116-targeted-fix-actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important}
.agent116-bridge-writeback-cards{margin-bottom:14px!important}


/* agent117-step12-bridge-evidence-repairs */
.agent116-targeted-fix-actions .btn[data-action="run_bridge_evidence_repairs"]{font-weight:800!important}


/* agent118-step13-bridge-flow-followthrough-fixes */
.agent118-bridge-flow-panel .agent118-bridge-flow-cards{margin-top:12px}
.agent118-bridge-flow-panel .agent118-bridge-flow-grid{margin-top:12px}
.agent118-bridge-flow-panel .agent118-bridge-flow-table td,.agent118-bridge-flow-panel .agent118-bridge-flow-table th{vertical-align:top}
.agent118-bridge-flow-panel .agent118-bridge-flow-actions{display:flex;flex-wrap:wrap;gap:10px}


/* agent119-step14-bridge-execution-followthrough-fixes */
.agent119-bridge-execution-panel .agent119-bridge-execution-actions{display:flex;flex-wrap:wrap;gap:10px}
.agent119-bridge-execution-panel .agent119-bridge-execution-table td,.agent119-bridge-execution-panel .agent119-bridge-execution-table th{vertical-align:top}
@media (max-width:980px){.agent119-bridge-execution-panel .agent119-bridge-execution-grid{grid-template-columns:1fr!important}}


/* agent122-sheet-drag-dashboard-fix */
.agent122-sheet-host .jss_content{height:min(74vh,calc(100vh - 250px))!important;max-height:min(74vh,calc(100vh - 250px))!important;overflow:auto!important;overscroll-behavior:contain!important;touch-action:none!important}
.agent122-sheet-host .jss_corner,.agent122-sheet-corner{width:12px!important;height:12px!important;padding:0!important;border:2px solid #fff!important;border-radius:4px!important;background:#4f46e5!important;box-shadow:0 0 0 2px #4f46e5,0 8px 18px rgba(61,78,160,.24)!important;z-index:120!important}
.agent122-sheet-host .jss_worksheet > thead > tr > td:first-child,.agent122-sheet-host .jss_worksheet > tbody > tr > td:first-child{min-width:46px!important;width:46px!important;max-width:46px!important;box-sizing:border-box!important;padding-left:0!important;padding-right:0!important;text-align:center!important}
.agent122-sheet-host .jss_worksheet > thead > tr > td:nth-child(2),.agent122-sheet-host .jss_worksheet > tbody > tr > td:nth-child(2){min-width:160px!important;width:160px!important;max-width:160px!important;box-sizing:border-box!important}
.agent122-sheet-host .jss_worksheet td,.agent122-sheet-host .jss_worksheet th{box-sizing:border-box!important}
.agent122-sheet-host .jss_worksheet .selection-bottom,.agent122-sheet-host .jss_worksheet .selection-right,.agent122-sheet-host .jss_worksheet .selection-left,.agent122-sheet-host .jss_worksheet .selection-top{border-color:#4f46e5!important;border-style:solid!important}