:root {
  color-scheme: dark;
  --bg: #070912;
  --panel: rgba(255, 255, 255, 0.065);
  --panel-strong: rgba(255, 255, 255, 0.105);
  --text: #f7f4ec;
  --muted: #aaa7b8;
  --faint: #706d7f;
  --line: rgba(255, 255, 255, 0.11);
  --gold: #e5c47b;
  --gold-soft: rgba(229, 196, 123, 0.15);
  --green: #75e0a7;
  --green-soft: rgba(117, 224, 167, 0.12);
  --red: #ff7b7b;
  --red-soft: rgba(255, 123, 123, 0.13);
  --yellow: #ffd166;
  --yellow-soft: rgba(255, 209, 102, 0.13);
  --blue: #87b7ff;
  --blue-soft: rgba(135, 183, 255, 0.13);
  --radius: 22px;
  --shadow: 0 22px 70px rgba(0, 0, 0, 0.34);
}

/* LEADCRAFT_DENSITY_TOKENS_V1 */
/* Scalable global density layer. Geometry only: no colors, no zoom, no
   transform scaling. html[data-density] flips the tokens; shared components
   consume them. Scales: comfortable / default (today visuals) / compact
   (about 90 percent). Default release density: compact, set pre-paint. */
:root {
  --lc-d-fs-h1: clamp(27px, 3vw, 40px);
  --lc-d-fs-h2: 28px;
  --lc-d-fs-title: 16px;
  --lc-d-fs-metric: 32px;
  --lc-d-fs-brand: 20px;
  --lc-d-fs-base: 13px;
  --lc-d-fs-sm: 12px;
  --lc-d-fs-xs: 11px;
  --lc-d-fs-2xs: 10px;
  --lc-d-ctl-h: 40px;
  --lc-d-ctl-pad-y: 11px;
  --lc-d-ctl-pad-x: 15px;
  --lc-d-input-pad-y: 10px;
  --lc-d-input-pad-x: 12px;
  --lc-d-nav-item-pad: 12px 13px;
  --lc-d-nav-gap: 8px;
  --lc-d-cell-pad: 12px;
  --lc-d-panel-pad: 20px;
  --lc-d-kpi-pad: 17px;
  --lc-d-gap: 12px;
  --lc-d-gap-lg: 18px;
  --lc-d-sidebar-w: 280px;
  --lc-d-sidebar-pad: 24px;
  --lc-d-main-pad: 28px;
  --lc-d-pill-pad: 8px 11px;
  --lc-d-pill-fs: 12px;
}

html[data-density="compact"] {
  --lc-d-fs-h1: clamp(23px, 2.5vw, 33px);
  --lc-d-fs-h2: 25px;
  --lc-d-fs-title: 15px;
  --lc-d-fs-metric: 28px;
  --lc-d-fs-brand: 18px;
  --lc-d-fs-base: 12.5px;
  --lc-d-fs-sm: 11.5px;
  --lc-d-fs-xs: 10.5px;
  --lc-d-fs-2xs: 10px;
  --lc-d-ctl-h: 34px;
  --lc-d-ctl-pad-y: 7px;
  --lc-d-ctl-pad-x: 11px;
  --lc-d-input-pad-y: 7px;
  --lc-d-input-pad-x: 10px;
  --lc-d-nav-item-pad: 8px 11px;
  --lc-d-nav-gap: 5px;
  --lc-d-cell-pad: 7px 9px;
  --lc-d-panel-pad: 15px;
  --lc-d-kpi-pad: 13px;
  --lc-d-gap: 10px;
  --lc-d-gap-lg: 14px;
  --lc-d-sidebar-w: 250px;
  --lc-d-sidebar-pad: 18px;
  --lc-d-main-pad: 20px;
  --lc-d-pill-pad: 5px 9px;
  --lc-d-pill-fs: 10.5px;
}

html[data-density="comfortable"] {
  --lc-d-fs-h1: clamp(28px, 3.2vw, 43px);
  --lc-d-fs-h2: 30px;
  --lc-d-fs-title: 17px;
  --lc-d-fs-metric: 33px;
  --lc-d-fs-brand: 21px;
  --lc-d-fs-base: 13.5px;
  --lc-d-fs-sm: 12.5px;
  --lc-d-fs-xs: 11.5px;
  --lc-d-fs-2xs: 10.5px;
  --lc-d-ctl-h: 44px;
  --lc-d-ctl-pad-y: 13px;
  --lc-d-ctl-pad-x: 17px;
  --lc-d-input-pad-y: 11px;
  --lc-d-input-pad-x: 13px;
  --lc-d-nav-item-pad: 13px 14px;
  --lc-d-nav-gap: 9px;
  --lc-d-cell-pad: 14px;
  --lc-d-panel-pad: 24px;
  --lc-d-kpi-pad: 20px;
  --lc-d-gap: 14px;
  --lc-d-gap-lg: 20px;
  --lc-d-sidebar-w: 296px;
  --lc-d-sidebar-pad: 26px;
  --lc-d-main-pad: 32px;
  --lc-d-pill-pad: 9px 13px;
  --lc-d-pill-fs: 12.5px;
}
/* LEADCRAFT_DENSITY_TOKENS_END */

* { box-sizing: border-box; }

body {
  margin: 0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--text);
  background:
    radial-gradient(circle at 20% 10%, rgba(229, 196, 123, 0.15), transparent 30%),
    radial-gradient(circle at 80% 0%, rgba(100, 140, 255, 0.14), transparent 26%),
    radial-gradient(circle at 50% 100%, rgba(117, 224, 167, 0.09), transparent 30%),
    var(--bg);
  min-height: 100vh;
}

button, input { font: inherit; }

.shell {
  display: grid;
  grid-template-columns: var(--lc-d-sidebar-w) 1fr;
  min-height: 100vh;
}

.sidebar {
  position: sticky;
  top: 0;
  height: 100vh;
  padding: var(--lc-d-sidebar-pad);
  border-right: 1px solid var(--line);
  background: rgba(5, 7, 16, 0.76);
  backdrop-filter: blur(18px);
  display: flex;
  flex-direction: column;
  gap: 0;
  overflow: hidden;
}

.brand {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: var(--lc-d-gap-lg);
  flex: 0 0 auto;
}

.brand-mark {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  color: #090909;
  font-weight: 900;
  background: linear-gradient(135deg, #fff2c2, var(--gold));
  box-shadow: 0 14px 30px rgba(229, 196, 123, 0.2);
}

.brand-title { font-weight: 850; letter-spacing: -0.03em; font-size: var(--lc-d-fs-brand); }
.brand-subtitle { color: var(--muted); font-size: 12px; margin-top: 2px; }

.nav {
  display: grid;
  gap: var(--lc-d-nav-gap);
  overflow-y: auto;
  padding-right: 4px;
  flex: 1 1 auto;
  min-height: 0;
  scrollbar-width: thin;
  scrollbar-color: rgba(229,196,123,0.35) transparent;
}

.nav-item {
  position: relative;
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  width: 100%;
  color: var(--muted);
  background: transparent;
  border: 1px solid transparent;
  text-align: left;
  padding: var(--lc-d-nav-item-pad);
  border-radius: 14px;
  cursor: pointer;
  transition: 160ms ease;
}
.nav-icon {
  display: grid;
  place-items: center;
  width: 22px;
  min-width: 22px;
  height: 22px;
  color: currentColor;
  font-size: 15px;
  font-weight: 850;
}
.nav-label { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nav-count-badge {
  display: inline-grid;
  place-items: center;
  min-width: 22px;
  height: 22px;
  padding: 0 6px;
  border-radius: 999px;
  color: #251700;
  background: var(--yellow);
  font-size: 9px;
  font-weight: 950;
  line-height: 1;
  box-shadow: 0 0 0 3px rgba(255,209,102,.1);
}
.nav-item.needs-reply-nav:not(.active) .nav-icon { color: var(--yellow); }

.nav-item:hover { background: rgba(255,255,255,0.06); color: var(--text); }
.nav-item.active {
  color: var(--text);
  background: linear-gradient(135deg, rgba(229,196,123,0.16), rgba(255,255,255,0.06));
  border-color: rgba(229,196,123,0.25);
}

.sidebar-card {
  position: static;
  margin-top: 18px;
  padding: 16px;
  border: 1px solid rgba(229, 196, 123, 0.22);
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(229,196,123,0.12), rgba(255,255,255,0.055));
  box-shadow: 0 18px 38px rgba(0,0,0,0.22);
  flex: 0 0 auto;
}

.sidebar-note { color: var(--muted); font-size: 11px; margin-top: 10px; line-height: 1.45; }

.main { padding: var(--lc-d-main-pad); min-width: 0; }

.topbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--lc-d-gap-lg);
  margin-bottom: var(--lc-d-gap-lg);
}

.eyebrow, .tiny-label {
  color: var(--gold);
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 11px;
  font-weight: 800;
}

h1 {
  margin: 5px 0 0;
  font-size: clamp(30px, 4vw, 48px);
  line-height: 1;
  letter-spacing: -0.055em;
}

.top-actions { display: flex; gap: 12px; align-items: center; }

.ghost-btn {
  color: var(--text);
  background: rgba(255,255,255,0.08);
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: var(--lc-d-ctl-pad-y) var(--lc-d-ctl-pad-x);
  cursor: pointer;
}

.ghost-btn:hover { background: rgba(255,255,255,0.13); }

.toggle {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--muted);
  font-size: var(--lc-d-fs-base);
  user-select: none;
}

.section { display: none; }
.section.active { display: block; animation: fadeIn 180ms ease; }

@keyframes fadeIn { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } }

.hero-grid {
  display: grid;
  grid-template-columns: 1.55fr 1fr;
  gap: 18px;
  margin-bottom: 18px;
}

.hero-card, .panel, .metric-card, .phase-card {
  border: 1px solid var(--line);
  background: linear-gradient(145deg, rgba(255,255,255,0.09), rgba(255,255,255,0.045));
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}

.hero-card { padding: var(--lc-d-main-pad); min-height: 190px; }
.hero-card.compact { min-height: 190px; }

.hero-status {
  margin-top: 10px;
  font-size: clamp(34px, 6vw, 70px);
  font-weight: 900;
  letter-spacing: -0.07em;
}

.hero-card p { max-width: 760px; color: var(--muted); font-size: 15px; line-height: 1.65; }

.snapshot-list { display: grid; gap: 10px; margin-top: 16px; }
.snapshot-item {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding: 11px 0;
  border-bottom: 1px solid rgba(255,255,255,0.08);
  color: var(--muted);
}
.snapshot-item b { color: var(--text); }

.phase-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.phase-card { padding: var(--lc-d-panel-pad); cursor: pointer; transition: 180ms ease; }
.phase-card:hover { transform: translateY(-2px); background: var(--panel-strong); }
.phase-card h3 { margin: 10px 0 10px; font-size: 17px; letter-spacing: -0.02em; }
.phase-card p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.55; }

.card-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 18px;
}

.metric-card { padding: var(--lc-d-kpi-pad); }
.metric-label { color: var(--muted); font-size: var(--lc-d-fs-sm); line-height: 1.35; }
.metric-value { margin-top: 8px; font-size: var(--lc-d-fs-metric); font-weight: 880; letter-spacing: -0.055em; }
.metric-hint { color: var(--faint); font-size: 11px; margin-top: 7px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.two-col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  margin-top: 18px;
}

.panel { padding: var(--lc-d-panel-pad); margin-top: var(--lc-d-gap-lg); }
.panel h2, .panel h3 { margin: 0 0 14px; letter-spacing: -0.035em; }

.status-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-radius: 999px;
  padding: var(--lc-d-pill-pad);
  font-weight: 800;
  font-size: var(--lc-d-pill-fs);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.status-pill.healthy, .status-pill.active { background: var(--green-soft); color: var(--green); border: 1px solid rgba(117,224,167,0.24); }
.status-pill.warning { background: var(--yellow-soft); color: var(--yellow); border: 1px solid rgba(255,209,102,0.24); }
.status-pill.critical { background: var(--red-soft); color: var(--red); border: 1px solid rgba(255,123,123,0.24); }
.status-pill.unknown, .status-pill.neutral { background: rgba(255,255,255,0.08); color: var(--muted); border: 1px solid var(--line); }

.alert-panel {
  margin-bottom: 18px;
  border-radius: var(--radius);
  border: 1px solid rgba(255, 209, 102, 0.24);
  background: var(--yellow-soft);
  color: #ffe6a8;
  padding: 16px 18px;
}
.alert-panel.hidden { display: none; }
.alert-panel ul { margin: 8px 0 0; padding-left: 18px; }

.bar-list { display: grid; gap: 13px; }
.bar-row { display: grid; gap: 7px; }
.bar-top { display: flex; justify-content: space-between; color: var(--muted); font-size: 13px; }
.bar-track { height: 10px; background: rgba(255,255,255,0.08); border-radius: 999px; overflow: hidden; }
.bar-fill { height: 100%; width: 0; background: linear-gradient(90deg, var(--gold), #fff2c2); border-radius: 999px; transition: width 500ms ease; }

.table-wrap { overflow: auto; border-radius: 16px; border: 1px solid var(--line); }
table { width: 100%; border-collapse: collapse; font-size: var(--lc-d-fs-sm); min-width: 760px; }
th, td { padding: var(--lc-d-cell-pad); border-bottom: 1px solid rgba(255,255,255,0.08); text-align: left; vertical-align: top; }
th { color: var(--gold); background: rgba(255,255,255,0.04); font-size: var(--lc-d-fs-xs); text-transform: uppercase; letter-spacing: 0.08em; }
td { color: var(--muted); max-width: 280px; }
tr:last-child td { border-bottom: none; }

.check-list, .action-list, .warning-list { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.check-item, .action-item, .warning-item {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 12px;
  border-radius: 14px;
  background: rgba(255,255,255,0.055);
  color: var(--muted);
}
.check-icon { width: 22px; height: 22px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 999px; font-size: 12px; }
.check-icon.ok { color: var(--green); background: var(--green-soft); }
.check-icon.bad { color: var(--red); background: var(--red-soft); }

.kv-grid { display: grid; grid-template-columns: minmax(110px, .72fr) minmax(0, 1.28fr); gap: 10px 14px; }
.kv-key { color: var(--faint); min-width: 0; }
.kv-value { color: var(--text); min-width: 0; overflow-wrap: anywhere; word-break: normal; }

.empty { color: var(--faint); padding: 16px; border: 1px dashed var(--line); border-radius: 16px; }

@media (max-width: 1180px) {
  .shell { grid-template-columns: 1fr; }
  .sidebar { position: relative; height: auto; border-right: none; border-bottom: 1px solid var(--line); overflow: visible; }
  .nav { grid-template-columns: repeat(4, minmax(0, 1fr)); overflow: visible; padding-right: 0; }
  .sidebar-card { position: static; margin-top: 20px; }
  .phase-grid, .card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hero-grid, .two-col { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
  .main, .sidebar { padding: 18px; }
  .topbar { align-items: flex-start; flex-direction: column; }
  .nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .phase-grid, .card-grid { grid-template-columns: 1fr; }
  .kv-grid { grid-template-columns: 1fr; }
}


.code-block {
  margin: 14px 0;
  padding: 13px 14px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: rgba(0,0,0,0.22);
  color: var(--gold);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  overflow-x: auto;
}


/* V2.1 premium graph and sidebar polish */
.panel-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 18px;
  margin-bottom: 18px;
}

.soft-badge {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 7px 10px;
  color: var(--gold);
  background: var(--gold-soft);
  border: 1px solid rgba(229,196,123,0.22);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  white-space: nowrap;
}

.graph-panel {
  overflow: hidden;
  position: relative;
}

.graph-panel::before {
  content: "";
  position: absolute;
  inset: -120px -120px auto auto;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(229,196,123,0.13), transparent 62%);
  pointer-events: none;
}

.chart-bars {
  height: 230px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(86px, 1fr));
  align-items: end;
  gap: 14px;
  padding: 16px 8px 0;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255,255,255,0.04), rgba(0,0,0,0.13));
  border: 1px solid rgba(255,255,255,0.07);
}

.chart-bar-item {
  height: 100%;
  display: grid;
  grid-template-rows: auto 1fr auto;
  gap: 8px;
  align-items: end;
  min-width: 0;
}

.chart-bar-value {
  color: var(--text);
  font-size: 13px;
  font-weight: 850;
  text-align: center;
}

.chart-bar-shell {
  height: 150px;
  width: 100%;
  display: flex;
  align-items: end;
  justify-content: center;
  border-radius: 999px 999px 12px 12px;
  background: rgba(255,255,255,0.065);
  overflow: hidden;
}

.chart-bar-fill {
  width: 100%;
  min-height: 8px;
  border-radius: 999px 999px 12px 12px;
  background: linear-gradient(180deg, #fff2c2, var(--gold));
  box-shadow: 0 0 24px rgba(229,196,123,0.2);
  transition: height 600ms ease;
}

.chart-bar-label {
  color: var(--muted);
  font-size: 11px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

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

.ring-card {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: linear-gradient(145deg, rgba(255,255,255,0.075), rgba(255,255,255,0.04));
}

.ring {
  --pct: 0;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  background: conic-gradient(var(--gold) calc(var(--pct) * 1%), rgba(255,255,255,0.09) 0);
  position: relative;
}

.ring::after {
  content: "";
  position: absolute;
  inset: 7px;
  border-radius: 50%;
  background: #11131d;
}

.ring span {
  position: relative;
  z-index: 1;
  color: var(--text);
  font-size: 12px;
  font-weight: 900;
}

.ring-label { color: var(--muted); font-size: 12px; }
.ring-value { color: var(--text); font-size: 24px; font-weight: 900; letter-spacing: -0.04em; margin-top: 3px; }
.ring-hint { color: var(--faint); font-size: 11px; margin-top: 2px; }
.muted-inline { color: var(--faint); font-size: 12px; margin-left: 8px; }
code { color: var(--gold); background: rgba(0,0,0,0.22); padding: 2px 5px; border-radius: 6px; }

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

@media (max-width: 720px) {
  .insight-grid { grid-template-columns: 1fr; }
  .chart-bars { grid-template-columns: repeat(2, minmax(0, 1fr)); height: auto; }
  .chart-bar-shell { height: 130px; }
  .panel-head { flex-direction: column; }
}

.issue-stack {
  display: grid;
  gap: 14px;
}

.issue-card {
  border: 1px solid var(--line);
  border-radius: 18px;
  background: rgba(255,255,255,0.035);
  overflow: hidden;
}

.issue-card summary {
  cursor: pointer;
  list-style: none;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 18px;
  color: var(--text);
}

.issue-card summary::-webkit-details-marker { display: none; }
.issue-card summary b { flex: 1; }
.issue-card summary span:last-child { color: var(--muted); font-size: 13px; }
.issue-card[open] summary { border-bottom: 1px solid var(--line); }
.issue-card .issue-kv { margin: 16px 18px; }
.issue-card h4 { margin: 16px 18px 10px; color: var(--text); }
.issue-card .code-block { margin: 16px 18px; }
.issue-card .table-wrap { margin: 0 18px 18px; }

/* V3.1 conversation control center */
button, input, textarea, select { font: inherit; }

.sidebar-toggle {
  position: absolute;
  top: 18px;
  right: 16px;
  width: 34px;
  height: 34px;
  border-radius: 11px;
  border: 1px solid var(--line);
  background: rgba(255,255,255,0.07);
  color: var(--text);
  cursor: pointer;
  z-index: 3;
}
.sidebar-toggle:hover { background: rgba(255,255,255,0.13); }
.shell { transition: grid-template-columns 180ms ease; }
.shell.sidebar-collapsed { grid-template-columns: 76px 1fr; }
.shell.sidebar-collapsed .sidebar { padding: 16px 10px; }
.shell.sidebar-collapsed .sidebar-toggle { right: 20px; top: 16px; }
.shell.sidebar-collapsed .brand { margin-top: 42px; justify-content: center; }
.shell.sidebar-collapsed .brand > div:last-child,
.shell.sidebar-collapsed .sidebar-card { display: none; }
.shell.sidebar-collapsed .brand-mark { width: 42px; height: 42px; border-radius: 14px; }
.shell.sidebar-collapsed .nav-item {
  grid-template-columns: 1fr;
  justify-items: center;
  gap: 0;
  padding: 10px 4px;
  min-height: 44px;
  text-align: center;
}
.shell.sidebar-collapsed .nav-label { display: none; }
.shell.sidebar-collapsed .nav-icon { width: 24px; min-width: 24px; height: 24px; font-size: 17px; }
.shell.sidebar-collapsed .nav-count-badge {
  position: absolute;
  top: 3px;
  right: 3px;
  min-width: 18px;
  height: 18px;
  padding: 0 4px;
  font-size: 8px;
}
.shell.sidebar-collapsed .nav-item:focus-visible {
  outline: 2px solid var(--gold);
  outline-offset: 2px;
}

.control-summary-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}
.control-summary-card {
  border: 1px solid var(--line);
  background: linear-gradient(145deg, rgba(255,255,255,0.09), rgba(255,255,255,0.045));
  border-radius: 18px;
  padding: 16px;
  box-shadow: var(--shadow);
}
.control-summary-card span { display: block; color: var(--muted); font-size: 12px; }
.control-summary-card strong { display: block; margin-top: 7px; font-size: 30px; letter-spacing: -0.05em; }

.control-toolbar {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) 220px auto;
  gap: 12px;
  margin-bottom: 16px;
}
.control-toolbar input,
.control-toolbar select,
.composer-card input,
.composer-card textarea,
.compact-card input,
.compact-card textarea {
  width: 100%;
  color: var(--text);
  background: rgba(255,255,255,0.065);
  border: 1px solid var(--line);
  border-radius: 13px;
  padding: 11px 13px;
  outline: none;
}
.control-toolbar input:focus,
.control-toolbar select:focus,
.composer-card input:focus,
.composer-card textarea:focus,
.compact-card input:focus,
.compact-card textarea:focus {
  border-color: rgba(229,196,123,0.58);
  box-shadow: 0 0 0 3px rgba(229,196,123,0.1);
}
.control-toolbar select option { color: #111; }

.control-layout {
  display: grid;
  grid-template-columns: minmax(300px, 0.82fr) minmax(0, 1.8fr);
  gap: 16px;
  min-height: 680px;
}
.conversation-list,
.conversation-detail {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(7,9,18,0.52);
  box-shadow: var(--shadow);
}
.conversation-list {
  padding: 10px;
  overflow-y: auto;
  max-height: calc(100vh - 230px);
}
.conversation-detail {
  padding: 20px;
  min-width: 0;
  overflow: hidden;
}
.conversation-row {
  display: block;
  width: 100%;
  text-align: left;
  color: var(--text);
  background: transparent;
  border: 1px solid transparent;
  border-radius: 16px;
  padding: 14px;
  margin-bottom: 8px;
  cursor: pointer;
  transition: 150ms ease;
}
.conversation-row:hover { background: rgba(255,255,255,0.055); }
.conversation-row.selected {
  background: linear-gradient(135deg, rgba(229,196,123,0.14), rgba(255,255,255,0.055));
  border-color: rgba(229,196,123,0.28);
}
.conversation-row-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.conversation-row-top strong { font-size: 14px; }
.conversation-email { color: var(--blue); font-size: 12px; margin-top: 5px; overflow-wrap: anywhere; }
.conversation-preview { color: var(--muted); font-size: 12px; margin-top: 9px; line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.conversation-meta { display: flex; gap: 8px; flex-wrap: wrap; color: var(--faint); font-size: 10px; margin-top: 10px; }

.control-status {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 6px 9px;
  font-size: 10px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 850;
  border: 1px solid var(--line);
  white-space: nowrap;
}
.control-status.needs-reply { color: var(--yellow); background: var(--yellow-soft); border-color: rgba(255,209,102,0.28); }
.control-status.reply-queued { color: var(--blue); background: var(--blue-soft); border-color: rgba(135,183,255,0.28); }
.control-status.conversation { color: var(--green); background: var(--green-soft); border-color: rgba(117,224,167,0.28); }
.control-status.accepted { color: var(--gold); background: var(--gold-soft); border-color: rgba(229,196,123,0.3); }
.control-status.closed { color: var(--red); background: var(--red-soft); border-color: rgba(255,123,123,0.28); }
.control-status.neutral { color: var(--muted); background: rgba(255,255,255,0.06); }

.detail-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; }
.detail-head h2 { margin: 6px 0 3px; font-size: 27px; letter-spacing: -0.04em; }
.detail-email { color: var(--blue); font-size: 13px; overflow-wrap: anywhere; }
.lead-facts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 18px 0;
}
.lead-facts > div { padding: 12px; background: rgba(255,255,255,0.045); border: 1px solid var(--line); border-radius: 14px; }
.lead-facts span { display: block; color: var(--muted); font-size: 10px; text-transform: uppercase; letter-spacing: 0.06em; }
.lead-facts strong { display: block; margin-top: 6px; font-size: 12px; overflow-wrap: anywhere; }
.action-strip { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 18px; }
.action-btn,
.action-link,
.small-btn,
.primary-btn {
  border-radius: 12px;
  padding: 9px 12px;
  border: 1px solid var(--line);
  color: var(--text);
  background: rgba(255,255,255,0.065);
  cursor: pointer;
  text-decoration: none;
  font-size: 12px;
}
.action-btn:hover,
.action-link:hover,
.small-btn:hover { background: rgba(255,255,255,0.12); }
.action-btn.success { color: var(--green); border-color: rgba(117,224,167,0.3); }
.action-btn.warning { color: var(--yellow); border-color: rgba(255,209,102,0.3); }
.action-btn.danger,
.small-btn.danger { color: var(--red); border-color: rgba(255,123,123,0.3); }
.primary-btn { background: linear-gradient(135deg, #fff0b5, var(--gold)); color: #111; border: 0; font-weight: 850; padding: 11px 16px; }
.primary-btn:disabled,
.action-btn:disabled { opacity: 0.45; cursor: not-allowed; }

.conversation-card,
.composer-card {
  border: 1px solid var(--line);
  background: rgba(255,255,255,0.045);
  border-radius: 18px;
  padding: 16px;
  margin-top: 14px;
}
.panel-head { display: flex; justify-content: space-between; gap: 16px; align-items: center; }
.panel-head h3 { margin: 4px 0 0; }
.soft-badge { color: var(--muted); font-size: 11px; border: 1px solid var(--line); border-radius: 999px; padding: 6px 9px; }
.message-stack { display: grid; gap: 10px; margin-top: 14px; max-height: 430px; overflow-y: auto; padding-right: 4px; }
.message-bubble { max-width: 86%; border: 1px solid var(--line); border-radius: 17px; padding: 12px 14px; }
.message-bubble.buyer { background: rgba(135,183,255,0.085); border-color: rgba(135,183,255,0.18); justify-self: start; }
.message-bubble.owner { background: rgba(117,224,167,0.08); border-color: rgba(117,224,167,0.18); justify-self: end; }
.message-head { display: flex; justify-content: space-between; gap: 18px; color: var(--muted); font-size: 10px; }
.message-head strong { color: var(--text); }
.message-subject { color: var(--gold); font-size: 11px; margin-top: 8px; }
.message-body { line-height: 1.55; font-size: 13px; margin-top: 7px; overflow-wrap: anywhere; }
.composer-card form,
.compact-card { display: grid; gap: 12px; }
.composer-card label,
.compact-card label { display: grid; gap: 6px; color: var(--muted); font-size: 11px; }
.composer-card textarea,
.compact-card textarea { resize: vertical; min-height: 100px; }
.composer-footer { display: flex; justify-content: space-between; gap: 16px; align-items: center; color: var(--muted); font-size: 11px; }
.queue-notice { margin: 12px 0; padding: 11px 13px; border-radius: 13px; background: var(--blue-soft); color: var(--blue); border: 1px solid rgba(135,183,255,0.22); font-size: 12px; }
.control-two-col { align-items: stretch; }
.compact-card { margin-top: 0; }
.compact-card h3 { margin: 3px 0 6px; }
.reply-history { display: grid; gap: 8px; }
.reply-history-row { display: grid; grid-template-columns: minmax(110px, .6fr) 1fr auto; align-items: center; gap: 10px; padding: 10px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,0.035); }
.reply-history-row strong { display: block; font-size: 11px; text-transform: uppercase; }
.reply-history-row span { display: block; color: var(--faint); font-size: 9px; margin-top: 3px; }
.reply-history-subject { color: var(--muted); font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.control-empty { color: var(--muted); text-align: center; padding: 30px 16px; }
.control-empty.large { padding: 90px 20px; }
.control-error { color: var(--red); padding: 20px; border: 1px solid rgba(255,123,123,0.25); background: var(--red-soft); border-radius: 16px; }
.toast {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 100;
  max-width: min(440px, calc(100vw - 48px));
  padding: 13px 16px;
  border-radius: 14px;
  box-shadow: 0 18px 50px rgba(0,0,0,.4);
  border: 1px solid rgba(117,224,167,0.3);
  background: #14261f;
  color: var(--green);
  transition: 180ms ease;
}
.toast.error { border-color: rgba(255,123,123,0.3); background: #2b171a; color: var(--red); }
.toast.hidden { opacity: 0; pointer-events: none; transform: translateY(8px); }

@media (max-width: 1200px) {
  .control-summary-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .control-layout { grid-template-columns: 340px minmax(0, 1fr); }
  .lead-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
  .shell, .shell.sidebar-collapsed { grid-template-columns: 1fr; }
  .sidebar { position: relative; height: auto; }
  .shell.sidebar-collapsed .sidebar { display: none; }
  .control-toolbar { grid-template-columns: 1fr; }
  .control-layout { grid-template-columns: 1fr; }
  .conversation-list { max-height: 360px; }
  .control-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lead-facts { grid-template-columns: 1fr 1fr; }
  .composer-footer { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 600px) {
  .main { padding: 18px 12px; }
  .control-summary-grid { grid-template-columns: 1fr 1fr; }
  .lead-facts { grid-template-columns: 1fr; }
  .message-bubble { max-width: 96%; }
  .reply-history-row { grid-template-columns: 1fr; }
}


/* V3.2 risky / unknown lead review queue */
.review-summary-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.review-toolbar { grid-template-columns: minmax(240px, 1fr) 170px 155px 155px auto; }
.review-toolbar input[type="date"] { color-scheme: dark; }
.review-layout { min-height: 660px; }
.review-facts { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.review-decision-card label { display: grid; gap: 7px; margin-top: 14px; color: var(--muted); font-size: 11px; }
.review-decision-card textarea {
  width: 100%;
  min-height: 110px;
  resize: vertical;
  color: var(--text);
  background: rgba(255,255,255,0.065);
  border: 1px solid var(--line);
  border-radius: 13px;
  padding: 11px 13px;
  outline: none;
}
.review-decision-card textarea:focus { border-color: rgba(229,196,123,0.58); box-shadow: 0 0 0 3px rgba(229,196,123,0.1); }
.review-warning { margin: 12px 0; padding: 11px 13px; border-radius: 13px; background: var(--yellow-soft); color: var(--yellow); border: 1px solid rgba(255,209,102,0.22); font-size: 12px; line-height: 1.5; }
.review-actions { margin: 0; justify-content: flex-end; }
.inline-notice { margin: 0; padding: 9px 12px; display: inline-flex; align-items: center; }
.review-raw-card { margin-top: 14px; border: 1px solid var(--line); border-radius: 16px; background: rgba(255,255,255,0.035); padding: 13px 15px; }
.review-raw-card summary { cursor: pointer; color: var(--muted); font-size: 12px; font-weight: 750; }
.review-raw-card pre { margin: 14px 0 0; max-height: 360px; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; color: var(--faint); font-size: 11px; line-height: 1.55; }

@media (max-width: 1200px) {
  .review-toolbar { grid-template-columns: minmax(220px, 1fr) 170px 145px 145px; }
  .review-toolbar .ghost-btn { grid-column: 1 / -1; }
}
@media (max-width: 900px) {
  .review-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .review-toolbar { grid-template-columns: 1fr 1fr; }
  .review-toolbar #reviewSearch, .review-toolbar .ghost-btn { grid-column: 1 / -1; }
  .review-facts { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
  .review-toolbar, .review-summary-grid, .review-facts { grid-template-columns: 1fr; }
  .review-toolbar #reviewSearch, .review-toolbar .ghost-btn { grid-column: auto; }
}


/* V3.3 Leads Explorer */
.leads-summary-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.leads-toolbar { grid-template-columns: minmax(260px, 1.5fr) repeat(3, minmax(150px, 1fr)); }
.leads-toolbar input[type="date"] { color-scheme: dark; }
.leads-layout { min-height: 680px; }
.leads-facts { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.explorer-pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  color: var(--muted);
  font-size: 12px;
  margin: 12px 0;
}
.explorer-pagination > div { display: flex; align-items: center; gap: 10px; }
.explorer-pagination .small-btn:disabled { opacity: 0.38; cursor: not-allowed; }
.lead-stage-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 14px 0;
}
.lead-stage-card {
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 15px;
  background: rgba(255,255,255,0.04);
}
.lead-stage-card span { display: block; color: var(--muted); font-size: 10px; text-transform: uppercase; letter-spacing: 0.06em; }
.lead-stage-card strong { display: block; margin-top: 7px; font-size: 16px; overflow-wrap: anywhere; }
.lead-stage-card small { display: block; margin-top: 6px; color: var(--faint); font-size: 10px; line-height: 1.45; overflow-wrap: anywhere; }

@media (max-width: 1280px) {
  .leads-toolbar { grid-template-columns: repeat(3, minmax(170px, 1fr)); }
  .leads-toolbar #leadsSearch { grid-column: 1 / -1; }
  .lead-stage-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
  .leads-summary-grid, .leads-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .leads-toolbar { grid-template-columns: 1fr 1fr; }
  .leads-toolbar #leadsSearch, .leads-toolbar #leadsRefresh { grid-column: 1 / -1; }
  .explorer-pagination { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 620px) {
  .leads-summary-grid, .leads-toolbar, .leads-facts, .lead-stage-grid { grid-template-columns: 1fr; }
  .leads-toolbar #leadsSearch, .leads-toolbar #leadsRefresh { grid-column: auto; }
}


/* V3.4 Sender Mailboxes */
.mailbox-summary-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.mailbox-overview {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 16px;
}
.mailbox-overview h3 { margin: 5px 0 4px; }
.mailbox-overview p { margin: 0; color: var(--muted); line-height: 1.55; font-size: 12px; }
.mailbox-credential-note {
  max-width: 360px;
  padding: 11px 13px;
  border-radius: 13px;
  background: var(--blue-soft);
  color: var(--blue);
  border: 1px solid rgba(135,183,255,0.22);
  font-size: 11px;
  line-height: 1.5;
}
.mailbox-toolbar { grid-template-columns: minmax(260px, 1fr) 210px auto; }
.mailbox-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.mailbox-card {
  min-width: 0;
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(7,9,18,0.58);
  box-shadow: var(--shadow);
}
.mailbox-card.is-active { border-color: rgba(117,224,167,0.22); }
.mailbox-card.is-paused { border-color: rgba(255,123,123,0.18); }
.mailbox-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 18px; }
.mailbox-head h2 { margin: 5px 0 4px; font-size: 23px; letter-spacing: -0.04em; overflow-wrap: anywhere; }
.mailbox-capacity-row {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-top: 18px;
}
.mailbox-capacity-row span { display: block; color: var(--muted); font-size: 10px; text-transform: uppercase; letter-spacing: .06em; }
.mailbox-capacity-row strong { display: block; margin-top: 5px; font-size: 22px; }
.mailbox-remaining { text-align: right; }
.mailbox-progress {
  height: 9px;
  margin: 10px 0 17px;
  overflow: hidden;
  border-radius: 999px;
  border: 1px solid var(--line);
  background: rgba(255,255,255,.045);
}
.mailbox-progress > div {
  height: 100%;
  min-width: 0;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--gold), #fff0b5);
}
.mailbox-facts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
}
.mailbox-facts > div {
  min-width: 0;
  padding: 11px;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: rgba(255,255,255,.035);
}
.mailbox-facts span { display: block; color: var(--muted); font-size: 9px; text-transform: uppercase; letter-spacing: .05em; }
.mailbox-facts strong { display: block; margin-top: 6px; font-size: 11px; overflow-wrap: anywhere; }
.mailbox-error,
.mailbox-ok {
  display: grid;
  gap: 4px;
  margin-top: 13px;
  padding: 11px 13px;
  border-radius: 13px;
  font-size: 11px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}
.mailbox-error { color: var(--red); background: var(--red-soft); border: 1px solid rgba(255,123,123,.22); }
.mailbox-ok { color: var(--green); background: var(--green-soft); border: 1px solid rgba(117,224,167,.18); }
.mailbox-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 15px;
}
.mailbox-note { max-width: 70%; color: var(--faint); font-size: 10px; line-height: 1.45; }

@media (max-width: 1280px) {
  .mailbox-summary-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .mailbox-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .mailbox-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mailbox-grid { grid-template-columns: 1fr; }
  .mailbox-overview { align-items: flex-start; flex-direction: column; }
  .mailbox-credential-note { max-width: none; width: 100%; }
}
@media (max-width: 620px) {
  .mailbox-summary-grid, .mailbox-toolbar, .mailbox-facts { grid-template-columns: 1fr; }
  .mailbox-actions { align-items: stretch; flex-direction: column; }
  .mailbox-note { max-width: none; }
}


/* V3.5 mailbox daily-limit control + UI hardening */
.mailbox-limit-editor {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 16px;
  margin-top: 13px;
  padding: 12px 13px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: rgba(255,255,255,.035);
}
.mailbox-limit-editor label { display: grid; gap: 4px; min-width: 0; }
.mailbox-limit-editor label span { color: var(--text); font-size: 11px; font-weight: 800; }
.mailbox-limit-editor label small { color: var(--faint); font-size: 9px; line-height: 1.35; }
.mailbox-limit-controls { display: flex; align-items: center; gap: 8px; flex: 0 0 auto; }
.mailbox-limit-controls input {
  width: 92px;
  min-width: 0;
  color: var(--text);
  background: rgba(255,255,255,.065);
  border: 1px solid var(--line);
  border-radius: 11px;
  padding: 9px 10px;
  outline: none;
}
.mailbox-limit-controls input:focus { border-color: rgba(229,196,123,.58); box-shadow: 0 0 0 3px rgba(229,196,123,.1); }

/* Keep long Email State values readable instead of collapsing vertically. */
.control-two-col > * { min-width: 0; }
.explorer-email-state-card { min-width: 0; }
.explorer-email-state-card .kv-grid { grid-template-columns: minmax(88px, .55fr) minmax(0, 1.45fr); }
.explorer-email-state-card .kv-value { min-width: 0; white-space: normal; overflow-wrap: anywhere; word-break: break-word; }

/* Keep Review Queue rows inside the list pane. */
.review-layout { min-width: 0; }
.review-layout .conversation-list { min-width: 0; overflow-x: hidden; }
.review-layout .conversation-row { min-width: 0; overflow: hidden; }
.review-layout .conversation-row-top { min-width: 0; }
.review-layout .conversation-row-top strong { min-width: 0; flex: 1 1 auto; overflow-wrap: anywhere; }
.review-layout .conversation-row-top .control-status { flex: 0 0 auto; max-width: 120px; font-size: 9px; padding: 6px 8px; }

@media (max-width: 620px) {
  .mailbox-limit-editor { align-items: stretch; flex-direction: column; }
  .mailbox-limit-controls { width: 100%; }
  .mailbox-limit-controls input { flex: 1 1 auto; width: auto; }
  .mailbox-limit-controls .small-btn { flex: 0 0 auto; }
  .explorer-email-state-card .kv-grid { grid-template-columns: 1fr; }
}

/* V3.6 Email Intelligence — unique-message rates + complete lead reports */
.email-intel-hero {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 28px;
  background:
    linear-gradient(135deg, rgba(229,196,123,.12), rgba(135,183,255,.07) 45%, rgba(117,224,167,.06)),
    var(--panel);
}
.email-intel-hero h2 { margin-bottom: 10px; }
.email-intel-hero p,
.email-trend-panel .panel-head p,
.email-report-search-panel .panel-head p {
  margin: 7px 0 0;
  color: var(--muted);
  line-height: 1.6;
  max-width: 880px;
}
.email-tracking-status {
  min-width: 240px;
  max-width: 340px;
  display: grid;
  gap: 10px;
  justify-items: end;
  text-align: right;
}
.email-tracking-status > span:last-child { color: var(--muted); font-size: 12px; line-height: 1.5; }

.email-filter-bar {
  display: grid;
  grid-template-columns: 150px 210px minmax(250px, 1fr) auto;
  align-items: end;
  gap: 14px;
  padding: 16px;
}
.email-filter-group { display: grid; gap: 7px; min-width: 0; }
.email-filter-group label {
  color: var(--faint);
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .07em;
}
.email-filter-group select,
.email-report-search input {
  width: 100%;
  min-width: 0;
  color: var(--text);
  background: rgba(255,255,255,.055);
  border: 1px solid var(--line);
  border-radius: 13px;
  padding: 11px 12px;
  outline: none;
}
.email-filter-group select:focus,
.email-report-search input:focus {
  border-color: rgba(229,196,123,.55);
  box-shadow: 0 0 0 3px rgba(229,196,123,.09);
}
.email-filter-group select option { background: #11131d; color: var(--text); }

.email-summary-strip {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  margin: 18px 0;
}
.email-summary-strip > div {
  min-width: 0;
  padding: 17px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.035));
  box-shadow: 0 14px 40px rgba(0,0,0,.17);
}
.email-summary-strip span,
.email-summary-strip small { display: block; }
.email-summary-strip span { color: var(--muted); font-size: 11px; }
.email-summary-strip strong { display: block; margin: 7px 0 4px; font-size: 27px; letter-spacing: -.04em; }
.email-summary-strip small { color: var(--faint); font-size: 9px; line-height: 1.35; }

.email-rate-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin: 18px 0;
}
.email-rate-grid.compact { margin-top: 0; }
.email-rate-card {
  min-width: 0;
  padding: 18px;
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,.1);
  background:
    radial-gradient(circle at top right, rgba(229,196,123,.11), transparent 45%),
    linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.035));
}
.email-rate-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.email-rate-head span { color: var(--muted); font-size: 12px; font-weight: 750; }
.email-rate-head strong { font-size: 30px; letter-spacing: -.05em; }
.email-rate-count { margin-top: 8px; color: var(--text); font-size: 11px; }
.email-rate-bar {
  height: 7px;
  margin: 13px 0 11px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 2px;
  background: rgba(255,255,255,.045);
}
.email-rate-bar span {
  display: block;
  height: 100%;
  border-radius: 0;
  background: linear-gradient(90deg, var(--gold), #fff0b5);
}
.email-rate-foot { display: flex; justify-content: space-between; gap: 10px; color: var(--faint); font-size: 9px; line-height: 1.35; }
.email-rate-foot span:last-child { text-align: right; }

.email-trend-panel { overflow: hidden; }
.email-chart-wrap {
  margin-top: 10px;
  border: 1px solid rgba(255,255,255,.08);
  background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(0,0,0,.13));
  padding: 10px 10px 6px;
  overflow-x: auto;
}
.email-line-chart { display: block; width: 100%; min-width: 760px; height: auto; }
.email-chart-grid { stroke: rgba(255,255,255,.085); stroke-width: 1; shape-rendering: crispEdges; }
.email-chart-axis { fill: var(--faint); font-size: 11px; }
.email-chart-line {
  fill: none;
  stroke-width: 3;
  stroke-linecap: butt;
  stroke-linejoin: miter;
  vector-effect: non-scaling-stroke;
}
.email-chart-dot { stroke: #090b13; stroke-width: 2; vector-effect: non-scaling-stroke; }
.email-chart-line.sent { stroke: var(--gold); }
.email-chart-line.opened { stroke: var(--green); }
.email-chart-line.clicked { stroke: var(--blue); }
.email-chart-line.replied { stroke: #c7a4ff; }
.email-chart-line.bounced { stroke: var(--red); }
.email-chart-dot.sent { stroke: #090b13; fill: var(--gold); }
.email-chart-dot.opened { stroke: #090b13; fill: var(--green); }
.email-chart-dot.clicked { stroke: #090b13; fill: var(--blue); }
.email-chart-dot.replied { stroke: #090b13; fill: #c7a4ff; }
.email-chart-dot.bounced { stroke: #090b13; fill: var(--red); }
.email-chart-legend i.sent { background: var(--gold); }
.email-chart-legend i.opened { background: var(--green); }
.email-chart-legend i.clicked { background: var(--blue); }
.email-chart-legend i.replied { background: #c7a4ff; }
.email-chart-legend i.bounced { background: var(--red); }
.email-chart-legend { display: flex; flex-wrap: wrap; justify-content: center; gap: 18px; padding: 8px 0 4px; color: var(--muted); font-size: 10px; }
.email-chart-legend span { display: inline-flex; align-items: center; gap: 7px; }
.email-chart-legend i { width: 17px; height: 3px; display: inline-block; border-radius: 0; }

.email-performance-grid { align-items: start; }
.email-performance-table { max-height: 420px; }
.email-performance-table table { min-width: 920px; }
.email-performance-table td:first-child { max-width: 260px; overflow-wrap: anywhere; }
.email-performance-table th,
.email-performance-table td { white-space: nowrap; }

.email-report-search-panel { margin-top: 18px; }
.email-report-search { display: grid; grid-template-columns: minmax(260px, 1fr) auto auto; gap: 10px; }
.email-search-empty p { color: var(--muted); line-height: 1.6; }
.email-match-list { display: grid; gap: 9px; }
.email-match-list button {
  display: grid;
  gap: 4px;
  width: 100%;
  padding: 13px 14px;
  text-align: left;
  color: var(--text);
  background: rgba(255,255,255,.04);
  border: 1px solid var(--line);
  border-radius: 13px;
  cursor: pointer;
}
.email-match-list button:hover { border-color: rgba(229,196,123,.38); background: rgba(229,196,123,.07); }
.email-match-list button span { color: var(--muted); font-size: 10px; }
.email-lead-report-head { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.email-lead-report-head p { color: var(--muted); margin: 8px 0 0; }
.email-lead-mailbox { min-width: 260px; text-align: right; }
.email-lead-mailbox span { display: block; color: var(--faint); font-size: 10px; text-transform: uppercase; letter-spacing: .06em; }
.email-lead-mailbox strong { display: block; margin-top: 6px; overflow-wrap: anywhere; }

.tracked-message-list { display: grid; gap: 12px; }
.tracked-message-card {
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 17px;
  background: rgba(255,255,255,.035);
}
.tracked-message-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 18px; }
.tracked-message-head h4 { margin: 8px 0 5px; font-size: 16px; }
.tracked-message-head p { margin: 0; color: var(--muted); font-size: 10px; }
.email-phase-badge {
  display: inline-flex;
  padding: 5px 8px;
  color: var(--gold);
  background: var(--gold-soft);
  border: 1px solid rgba(229,196,123,.18);
  border-radius: 8px;
  font-size: 9px;
  font-weight: 850;
  text-transform: uppercase;
  letter-spacing: .06em;
}
.delivery-state { padding: 6px 9px; border-radius: 9px; font-size: 9px; font-weight: 850; text-transform: uppercase; letter-spacing: .06em; }
.delivery-state.sent { color: var(--green); background: var(--green-soft); }
.delivery-state.bounced { color: var(--red); background: var(--red-soft); }
.delivery-state.tracked { color: var(--yellow); background: var(--yellow-soft); }
.tracked-message-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px; margin-top: 14px; }
.tracked-message-stats > div { min-width: 0; padding: 11px; border-radius: 12px; border: 1px solid rgba(255,255,255,.075); background: rgba(0,0,0,.1); }
.tracked-message-stats span,
.tracked-message-stats small { display: block; }
.tracked-message-stats span { color: var(--muted); font-size: 9px; text-transform: uppercase; letter-spacing: .05em; }
.tracked-message-stats strong { display: block; margin: 5px 0; font-size: 21px; }
.tracked-message-stats small { color: var(--faint); font-size: 8px; line-height: 1.35; }
.tracking-technical { margin-top: 12px; color: var(--muted); }
.tracking-technical summary,
.email-intel-technical summary { cursor: pointer; color: var(--text); font-weight: 780; }
.tracking-technical .kv-grid { margin-top: 12px; }

.email-timeline { position: relative; display: grid; gap: 0; padding-left: 8px; }
.email-timeline::before { content: ""; position: absolute; top: 9px; bottom: 9px; left: 15px; width: 1px; background: var(--line); }
.email-timeline-item { position: relative; display: grid; grid-template-columns: 30px 1fr; gap: 12px; padding: 0 0 17px; }
.email-timeline-dot { position: relative; z-index: 1; width: 15px; height: 15px; margin-top: 3px; border-radius: 50%; border: 3px solid #0a0c14; background: var(--faint); box-shadow: 0 0 0 1px var(--line); }
.email-timeline-item.sent .email-timeline-dot { background: var(--gold); }
.email-timeline-item.opened .email-timeline-dot { background: var(--green); }
.email-timeline-item.clicked .email-timeline-dot { background: var(--blue); }
.email-timeline-item.replied .email-timeline-dot { background: #c7a4ff; }
.email-timeline-item.bounced .email-timeline-dot { background: var(--red); }
.email-timeline-content { min-width: 0; padding: 0 0 3px; }
.email-timeline-content > div { display: flex; align-items: baseline; justify-content: space-between; gap: 14px; }
.email-timeline-content b { overflow-wrap: anywhere; }
.email-timeline-content span { color: var(--faint); font-size: 9px; white-space: nowrap; }
.email-timeline-content p { margin: 4px 0 0; color: var(--muted); font-size: 10px; }
.email-timeline-content a { display: inline-block; margin-top: 6px; color: var(--blue); font-size: 10px; text-decoration: none; }
.email-timeline-content a:hover { text-decoration: underline; }
.email-intel-technical { margin-top: 18px; }
.email-intel-technical[open] summary { margin-bottom: 14px; }

@media (max-width: 1280px) {
  .email-summary-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .email-rate-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .email-filter-bar { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .email-filter-bar > button { grid-column: 1 / -1; }
}
@media (max-width: 900px) {
  .email-intel-hero,
  .email-lead-report-head { flex-direction: column; }
  .email-tracking-status,
  .email-lead-mailbox { min-width: 0; max-width: none; width: 100%; justify-items: start; text-align: left; }
  .email-summary-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .email-filter-bar { grid-template-columns: 1fr 1fr; }
  .email-filter-group.mailbox-filter { grid-column: 1 / -1; }
  .tracked-message-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
  .email-filter-bar,
  .email-summary-strip,
  .email-rate-grid,
  .email-report-search,
  .tracked-message-stats { grid-template-columns: 1fr; }
  .email-filter-group.mailbox-filter,
  .email-filter-bar > button { grid-column: auto; }
  .email-rate-foot,
  .tracked-message-head,
  .email-timeline-content > div { align-items: flex-start; flex-direction: column; }
}

/* V3.7 Email Intelligence — all configured mailboxes + grouped activity columns */
.email-column-chart-wrap {
  padding: 16px 14px 8px;
  border-radius: 18px;
  background:
    radial-gradient(circle at 14% 10%, rgba(229,196,123,.075), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(0,0,0,.16));
}
.email-column-chart {
  display: block;
  width: 100%;
  min-width: 820px;
  height: auto;
}
.email-chart-bar {
  vector-effect: non-scaling-stroke;
  opacity: .92;
  transition: opacity 140ms ease, filter 140ms ease;
}
.email-chart-bar:hover { opacity: 1; filter: brightness(1.18); }
.email-chart-bar.sent { fill: var(--gold); }
.email-chart-bar.opened { fill: var(--green); }
.email-chart-bar.clicked { fill: var(--blue); }
.email-chart-bar.replied { fill: #c7a4ff; }
.email-chart-bar.bounced { fill: var(--red); }
.email-column-legend { padding-top: 13px; }
.email-column-legend i {
  width: 10px;
  height: 10px;
  border-radius: 3px;
}

.email-performance-panel {
  min-width: 0;
  overflow: hidden;
}
.email-performance-panel .panel-head { margin-bottom: 16px; }
.email-performance-panel .panel-head p {
  margin: 7px 0 0;
  color: var(--muted);
  line-height: 1.55;
  max-width: 900px;
}
.email-performance-table {
  width: 100%;
  max-height: 520px;
  overflow: auto;
}
.email-performance-table table { min-width: 1080px; }
.email-performance-table td:first-child {
  min-width: 230px;
  max-width: 320px;
  white-space: normal;
}
.mailbox-zero-note {
  display: block;
  margin-top: 5px;
  color: var(--faint);
  font-size: 9px;
  font-weight: 500;
}
.mailbox-status-chip {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 5px 8px;
  font-size: 9px;
  font-weight: 850;
  text-transform: uppercase;
  letter-spacing: .055em;
  color: var(--muted);
  border: 1px solid var(--line);
  background: rgba(255,255,255,.055);
}
.mailbox-status-chip.active {
  color: var(--green);
  border-color: rgba(117,224,167,.22);
  background: var(--green-soft);
}
.mailbox-status-chip.paused {
  color: var(--yellow);
  border-color: rgba(255,209,102,.22);
  background: var(--yellow-soft);
}
.mailbox-status-chip.inactive,
.mailbox-status-chip.disabled,
.mailbox-status-chip.error {
  color: var(--red);
  border-color: rgba(255,123,123,.2);
  background: var(--red-soft);
}

@media (max-width: 900px) {
  .email-performance-panel .panel-head { flex-direction: column; }
}


/* V3.9 conversation and attachment views */
.attachment-picker {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  padding: 12px;
  border: 1px dashed rgba(135,183,255,.28);
  border-radius: 14px;
  background: rgba(135,183,255,.045);
}
.attachment-picker input[type="file"] { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.attachment-picker > span { color: var(--faint); font-size: 10px; }
.attachment-button {
  display: inline-flex !important;
  width: auto !important;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 10px;
  border: 1px solid rgba(135,183,255,.28);
  background: var(--blue-soft);
  color: var(--blue) !important;
  font-size: 10px !important;
  font-weight: 820;
}
.attachment-button:hover { filter: brightness(1.12); }
.attachment-button.disabled { cursor: not-allowed; opacity: .5; filter: none; }
.selected-attachments { display: grid; gap: 8px; min-height: 18px; }
.attachment-empty { color: var(--faint); font-size: 10px; }
.selected-attachment-row {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: rgba(255,255,255,.035);
}
.selected-attachment-row strong,
.selected-attachment-row span { display: block; overflow-wrap: anywhere; }
.selected-attachment-row strong { font-size: 11px; }
.selected-attachment-row span { margin-top: 3px; color: var(--faint); font-size: 9px; }
.reply-history-subject > span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.reply-attachment-links { display: grid; gap: 4px; margin-top: 7px; }
.reply-attachment-links a { color: var(--blue); font-size: 9px; text-decoration: none; overflow-wrap: anywhere; white-space: normal; }
.reply-attachment-links a:hover { text-decoration: underline; }

@media (max-width: 620px) {
  .attachment-picker { align-items: flex-start; flex-direction: column; }
  .selected-attachment-row { grid-template-columns: 1fr; }
}

/* V3.9 — expanded conversations, attachment previews, and detailed intelligence */
body.modal-open { overflow: hidden; }
.conversation-modal { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; padding: 24px; }
.conversation-modal.hidden { display: none; }
.conversation-modal-backdrop { position: absolute; inset: 0; border: 0; background: rgba(8, 15, 30, .72); backdrop-filter: blur(4px); cursor: default; }
.conversation-modal-window { position: relative; z-index: 1; width: min(1100px, 96vw); height: min(88vh, 920px); display: flex; flex-direction: column; background: var(--panel, #fff); border: 1px solid var(--line, #dbe3ef); border-radius: 20px; box-shadow: 0 30px 90px rgba(0,0,0,.35); overflow: hidden; }
.conversation-modal-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding: 22px 24px 18px; border-bottom: 1px solid var(--line, #dbe3ef); background: var(--panel-soft, #f7f9fc); }
.conversation-modal-header h2 { margin: 4px 0 2px; }
.conversation-modal-header p { margin: 0; color: var(--muted); overflow-wrap: anywhere; }
.conversation-modal-close { width: 42px; height: 42px; border-radius: 12px; border: 1px solid var(--line); background: #fff; font-size: 26px; line-height: 1; cursor: pointer; }
.conversation-modal-body { flex: 1; overflow: auto; padding: 24px; background: #eef3f9; }
.conversation-modal-body .message-stack { max-width: 900px; margin: 0 auto; }
.conversation-modal-body .message-bubble { max-width: 78%; }
.message-attachments { display: grid; gap: 10px; margin-top: 14px; }
.message-image-attachment { margin: 0; max-width: 520px; border: 1px solid rgba(15, 31, 56, .12); border-radius: 12px; overflow: hidden; background: #fff; }
.message-image-attachment img { display: block; width: 100%; max-height: 420px; object-fit: contain; background: #f6f8fb; }
.message-image-attachment figcaption { display: flex; justify-content: space-between; gap: 12px; padding: 9px 11px; font-size: 12px; color: var(--muted); }
.message-image-attachment figcaption span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.message-image-attachment a { color: inherit; }
.message-file-attachment { display: flex; align-items: center; gap: 10px; max-width: 520px; padding: 11px 13px; border-radius: 11px; border: 1px solid rgba(15, 31, 56, .13); background: #fff; text-decoration: none; color: inherit; }
.message-file-attachment:hover { border-color: var(--accent, #315efb); transform: translateY(-1px); }
.message-file-attachment .file-icon { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 9px; background: #eaf0ff; color: #2349bd; font-weight: 800; }
.message-file-attachment span:last-child { display: grid; gap: 2px; min-width: 0; }
.message-file-attachment b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.message-file-attachment small { color: var(--muted); }
.message-technical, .timeline-technical { margin-top: 10px; font-size: 12px; }
.message-technical summary, .timeline-technical summary { cursor: pointer; color: var(--muted); }
.message-technical .kv-grid, .timeline-technical .kv-grid { margin-top: 9px; grid-template-columns: 120px minmax(0,1fr); }
.message-technical .kv-value, .timeline-technical .kv-value { overflow-wrap: anywhere; }
.delivery-state.smtp_accepted { background: #e8f7ee; color: #156b38; }
.delivery-state.tracking_ready { background: #edf2fa; color: #42536d; }
.email-lead-state-grid { margin: 14px 0 18px; }
.tracked-message-stats { grid-template-columns: repeat(5, minmax(0, 1fr)); }
@media (max-width: 900px) {
  .conversation-modal { padding: 0; }
  .conversation-modal-window { width: 100vw; height: 100vh; border-radius: 0; }
  .conversation-modal-body .message-bubble { max-width: 94%; }
  .tracked-message-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* V3.9.3 — reliable conversation images + Today's Sent Mail audit */
.snapshot-link {
  width: 100%;
  appearance: none;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  background: transparent;
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.snapshot-link:hover {
  color: var(--text);
  background: rgba(229,196,123,.055);
}

.today-sent-hero {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 28px;
  background:
    linear-gradient(135deg, rgba(117,224,167,.10), rgba(135,183,255,.07) 50%, rgba(229,196,123,.08)),
    var(--panel);
}
.today-sent-hero h2 { margin-bottom: 10px; }
.today-sent-hero p { margin: 0; max-width: 900px; color: var(--muted); line-height: 1.65; }
.today-sent-total { min-width: 190px; display: grid; justify-items: end; text-align: right; }
.today-sent-total span { color: var(--faint); font-size: 10px; text-transform: uppercase; letter-spacing: .07em; }
.today-sent-total strong { margin: 7px 0 2px; font-size: 46px; line-height: 1; letter-spacing: -.06em; }
.today-sent-total small { color: var(--muted); }
.today-sent-filter-bar {
  display: grid;
  grid-template-columns: 165px 190px minmax(230px, 1fr) minmax(320px, 1.4fr) auto;
  align-items: end;
  gap: 13px;
}
.today-sent-filter-bar input,
.today-sent-filter-bar select {
  width: 100%;
  min-width: 0;
  color: var(--text);
  background: rgba(255,255,255,.055);
  border: 1px solid var(--line);
  border-radius: 13px;
  padding: 11px 12px;
  outline: none;
}
.today-sent-filter-bar select option { background: #11131d; color: var(--text); }
.today-sent-filter-bar input:focus,
.today-sent-filter-bar select:focus { border-color: rgba(229,196,123,.55); box-shadow: 0 0 0 3px rgba(229,196,123,.09); }
.today-sent-search { display: grid; gap: 7px; min-width: 0; }
.today-sent-search > label { color: var(--faint); font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; }
.today-sent-search > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; }
.today-sent-summary { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.today-sent-breakdowns { align-items: stretch; }
.today-sent-list { display: grid; gap: 12px; }
.today-sent-row {
  min-width: 0;
  padding: 17px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: rgba(255,255,255,.035);
}
.today-sent-row:hover { border-color: rgba(229,196,123,.30); background: rgba(229,196,123,.035); }
.today-sent-primary { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.today-sent-recipient { min-width: 0; }
.today-sent-recipient h4 { margin: 8px 0 4px; overflow-wrap: anywhere; font-size: 17px; }
.today-sent-recipient p { margin: 0; color: var(--muted); font-size: 10px; }
.today-sent-subject { margin-top: 13px; color: var(--text); font-weight: 760; overflow-wrap: anywhere; }
.today-sent-meta {
  display: grid;
  grid-template-columns: 1fr 1fr minmax(260px, 1.5fr);
  gap: 10px;
  margin-top: 13px;
}
.today-sent-meta span { min-width: 0; padding: 10px; color: var(--muted); border: 1px solid rgba(255,255,255,.065); border-radius: 12px; background: rgba(0,0,0,.10); overflow-wrap: anywhere; font-size: 9px; }
.today-sent-meta b { display: block; margin-bottom: 5px; color: var(--faint); text-transform: uppercase; letter-spacing: .06em; }
.today-sent-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px; margin-top: 10px; }
.today-sent-metrics span { display: flex; align-items: baseline; gap: 7px; padding: 10px; color: var(--muted); border: 1px solid rgba(255,255,255,.065); border-radius: 12px; background: rgba(0,0,0,.08); font-size: 9px; }
.today-sent-metrics b { color: var(--text); font-size: 20px; }
.today-sent-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 13px; }

@media (max-width: 1380px) {
  .today-sent-filter-bar { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .today-sent-search { grid-column: 1 / 3; }
  .today-sent-summary { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .today-sent-hero { flex-direction: column; }
  .today-sent-total { min-width: 0; justify-items: start; text-align: left; }
  .today-sent-filter-bar { grid-template-columns: 1fr 1fr; }
  .today-sent-search { grid-column: 1 / -1; }
  .today-sent-meta { grid-template-columns: 1fr; }
  .today-sent-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
  .today-sent-filter-bar,
  .today-sent-summary,
  .today-sent-metrics { grid-template-columns: 1fr; }
  .today-sent-search { grid-column: auto; }
  .today-sent-search > div { grid-template-columns: 1fr; }
  .today-sent-primary { flex-direction: column; }
  .today-sent-actions > * { width: 100%; }
}

/* ============================================================
   LeadCraft V4.0 — Unified Overview + Email Intelligence
   ============================================================ */
:root {
  color-scheme: dark;
  --lc-bg: #07111d;
  --lc-panel: #101a26;
  --lc-panel-2: #0d1722;
  --lc-border: rgba(163, 181, 202, 0.16);
  --lc-gold: #f4b72f;
  --lc-green: #2fd69b;
  --lc-blue: #2f8cff;
  --lc-purple: #8b5cf6;
  --lc-red: #ff4e5b;
  --lc-muted: #8f9dad;
}

body {
  background: radial-gradient(circle at 55% -20%, rgba(47, 140, 255, 0.08), transparent 33%), #07111d;
}

.main { max-width: 1920px; margin: 0 auto; width: 100%; }
.topbar { margin-bottom: 18px; }
.topbar .eyebrow { display: none; }
.topbar h1 { font-size: var(--lc-d-fs-h1); letter-spacing: -0.04em; }

.unified-page-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
}
.unified-page-heading h2 { margin: 0 0 6px; font-size: var(--lc-d-fs-h2); letter-spacing: -0.04em; }
.unified-page-heading p { margin: 0; color: var(--lc-muted); }

.unified-filter-row {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 9px;
  flex-wrap: wrap;
}
.unified-filter-control { display: grid; gap: 6px; min-width: 126px; }
.unified-filter-control > span {
  color: var(--lc-muted);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase;
}
.unified-filter-control select,
.unified-filter-control input,
.unified-record-search input {
  color: var(--text);
  background: rgba(5, 12, 20, .72);
  border: 1px solid var(--lc-border);
  border-radius: 11px;
  padding: var(--lc-d-input-pad-y) var(--lc-d-input-pad-x);
  outline: none;
}
.unified-filter-control select:focus,
.unified-filter-control input:focus,
.unified-record-search input:focus { border-color: rgba(244,183,47,.55); box-shadow: 0 0 0 3px rgba(244,183,47,.08); }
.unified-filter-control select option { background: #0c1622; color: var(--text); }
.unified-mailbox-control { min-width: 235px; }
.unified-refresh-btn,
.unified-outline-btn {
  color: var(--text);
  background: rgba(5, 12, 20, .72);
  border: 1px solid var(--lc-border);
  border-radius: 11px;
  min-height: var(--lc-d-ctl-h);
  padding: var(--lc-d-ctl-pad-y) var(--lc-d-ctl-pad-x);
  cursor: pointer;
}
.unified-refresh-btn { font-size: 21px; min-width: 43px; }
.unified-refresh-btn:hover,
.unified-outline-btn:hover { border-color: rgba(244,183,47,.45); background: rgba(244,183,47,.08); }

.unified-kpi-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: var(--lc-d-gap);
  margin-bottom: var(--lc-d-gap);
}
.unified-kpi-card {
  min-width: 0;
  padding: var(--lc-d-kpi-pad);
  border: 1px solid var(--lc-border);
  border-radius: 14px;
  background: linear-gradient(145deg, rgba(17, 29, 42, .98), rgba(10, 20, 31, .96));
  box-shadow: 0 12px 34px rgba(0,0,0,.16);
}
.unified-kpi-top { display: flex; align-items: center; gap: 9px; color: #dce5ef; font-size: 12px; font-weight: 700; }
.unified-kpi-icon { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 9px; color: var(--lc-gold); background: rgba(244,183,47,.1); font-size: 16px; }
.unified-kpi-card strong { display: block; margin-top: 13px; font-size: var(--lc-d-fs-metric); letter-spacing: -.05em; }
.unified-kpi-card b { display: block; margin-top: 4px; font-size: 14px; color: var(--lc-gold); }
.unified-kpi-card small { display: block; margin-top: 5px; color: var(--lc-muted); font-size: 10px; }
.unified-kpi-card.tone-green .unified-kpi-icon,
.unified-kpi-card.tone-green b { color: var(--lc-green); }
.unified-kpi-card.tone-green .unified-kpi-icon { background: rgba(47,214,155,.1); }
.unified-kpi-card.tone-red .unified-kpi-icon,
.unified-kpi-card.tone-red b { color: var(--lc-red); }
.unified-kpi-card.tone-red .unified-kpi-icon { background: rgba(255,78,91,.1); }

.unified-panel {
  min-width: 0;
  border: 1px solid var(--lc-border);
  border-radius: 15px;
  background: linear-gradient(145deg, rgba(16, 27, 40, .98), rgba(10, 20, 31, .98));
  box-shadow: 0 12px 34px rgba(0,0,0,.15);
  padding: var(--lc-d-panel-pad);
}
.unified-panel-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  margin-bottom: 12px;
}
.unified-panel-head h3 { margin: 0 0 4px; font-size: var(--lc-d-fs-title); }
.unified-panel-head p { margin: 0; color: var(--lc-muted); font-size: 11px; }
.unified-panel-head > span { color: var(--lc-muted); font-size: 10px; }
.unified-chart-grid-layout { display: grid; grid-template-columns: minmax(0, 1.42fr) minmax(330px, .86fr); gap: 12px; margin-bottom: 12px; }
.unified-mailbox-layout { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(270px, .75fr); gap: 12px; margin-bottom: 12px; }

.unified-trend-wrap { overflow-x: auto; }
.unified-trend-wrap svg { display: block; width: 100%; min-width: 620px; height: auto; }
.unified-chart-grid { stroke: rgba(150,169,190,.13); stroke-width: 1; }
.unified-chart-axis { fill: #8290a1; font-size: 10px; }
.unified-trend-series polyline { fill: none; stroke-width: 2.5; stroke-linejoin: round; stroke-linecap: round; }
.unified-trend-series circle { stroke-width: 2; fill: #0d1722; }
.unified-trend-series.trend-sent polyline, .unified-trend-series.trend-sent circle { stroke: var(--lc-gold); }
.unified-trend-series.trend-opened polyline, .unified-trend-series.trend-opened circle { stroke: var(--lc-green); }
.unified-trend-series.trend-clicked polyline, .unified-trend-series.trend-clicked circle { stroke: var(--lc-blue); }
.unified-trend-series.trend-replied polyline, .unified-trend-series.trend-replied circle { stroke: var(--lc-purple); }
.unified-trend-series.trend-bounced polyline, .unified-trend-series.trend-bounced circle { stroke: var(--lc-red); }
.unified-trend-legend { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; margin-top: 4px; color: var(--lc-muted); font-size: 10px; }
.unified-trend-legend span { display: inline-flex; align-items: center; gap: 6px; }
.unified-trend-legend i { width: 9px; height: 9px; border-radius: 50%; background: currentColor; }
.unified-trend-legend .trend-sent { color: var(--lc-gold); }
.unified-trend-legend .trend-opened { color: var(--lc-green); }
.unified-trend-legend .trend-clicked { color: var(--lc-blue); }
.unified-trend-legend .trend-replied { color: var(--lc-purple); }
.unified-trend-legend .trend-bounced { color: var(--lc-red); }

.unified-donut-layout { display: grid; grid-template-columns: 190px 1fr; align-items: center; gap: 22px; min-height: 270px; }
.unified-donut { width: 180px; aspect-ratio: 1; border-radius: 50%; display: grid; place-items: center; position: relative; }
.unified-donut::after { content: ''; position: absolute; inset: 34px; border-radius: 50%; background: #101a26; box-shadow: inset 0 0 0 1px rgba(255,255,255,.04); }
.unified-donut > div { position: relative; z-index: 1; display: grid; text-align: center; }
.unified-donut strong { font-size: 29px; }
.unified-donut span { color: var(--lc-muted); font-size: 11px; }
.unified-donut-legend { display: grid; gap: 12px; }
.unified-donut-legend > div { display: grid; grid-template-columns: 11px minmax(0,1fr) auto; align-items: center; gap: 9px; color: #d5dee8; font-size: 11px; }
.unified-donut-legend i { width: 10px; height: 10px; border-radius: 3px; }
.unified-donut-legend b { color: #f4f7fa; }

.unified-mailbox-bars { display: grid; gap: 13px; padding: 6px 0; }
.unified-mailbox-bar-row { display: grid; grid-template-columns: minmax(210px, .9fr) minmax(180px, 1fr) 46px; align-items: center; gap: 12px; }
.unified-mailbox-bar-row > div:first-child { min-width: 0; }
.unified-mailbox-bar-row span { display: block; overflow-wrap: anywhere; font-size: 11px; }
.unified-mailbox-bar-row small { color: var(--lc-muted); font-size: 9px; }
.unified-mailbox-track { height: 13px; border-radius: 4px; background: rgba(255,255,255,.06); overflow: hidden; }
.unified-mailbox-track i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #f8d06a, #e4a92b); }
.unified-mailbox-bar-row b { text-align: right; font-size: 11px; }
.unified-spotlight { display: grid; align-content: center; gap: 0; }
.unified-spot { display: grid; grid-template-columns: 34px 1fr; gap: 10px; padding: 14px 4px; }
.unified-spot + .unified-spot { border-top: 1px solid var(--lc-border); }
.unified-spot > span { font-size: 23px; }
.unified-spot div { display: grid; gap: 5px; }
.unified-spot b { color: var(--lc-gold); font-size: 12px; }
.unified-spot.lowest b { color: var(--lc-red); }
.unified-spot strong { overflow-wrap: anywhere; font-size: 11px; }
.unified-spot small { color: var(--lc-muted); }

.unified-recent-panel, .unified-records-panel, .unified-system-panel { margin-bottom: 12px; }
.unified-table-wrap { overflow-x: auto; }
.unified-email-table { width: 100%; border-collapse: collapse; min-width: 1000px; }
.unified-email-table th { padding: 10px 9px; color: #dbe4ed; border-bottom: 1px solid var(--lc-border); text-align: left; font-size: 10px; }
.unified-email-table td { padding: 11px 9px; border-bottom: 1px solid rgba(163,181,202,.09); color: #c2cbd5; font-size: 10px; vertical-align: middle; }
.unified-email-table tbody tr:hover { background: rgba(244,183,47,.025); }
.unified-email-table td b { color: #f1f5f9; font-weight: 700; overflow-wrap: anywhere; }
.unified-email-table td small { display: block; margin-top: 3px; color: var(--lc-muted); }
.unified-status { display: inline-flex; border-radius: 6px; padding: 4px 7px; border: 1px solid currentColor; font-size: 9px; }
.unified-status.opened { color: var(--lc-green); background: rgba(47,214,155,.08); }
.unified-status.clicked { color: var(--lc-blue); background: rgba(47,140,255,.08); }
.unified-status.replied { color: var(--lc-purple); background: rgba(139,92,246,.08); }
.unified-status.bounced { color: var(--lc-red); background: rgba(255,78,91,.08); }
.unified-status.delivered { color: var(--lc-gold); background: rgba(244,183,47,.08); }
.unified-signal.yes { color: var(--lc-green); font-weight: 800; }
.unified-signal.no { color: #536273; }
.unified-row-actions { display: flex; gap: 6px; }
.unified-row-actions button { color: #d8e2ec; background: rgba(255,255,255,.04); border: 1px solid var(--lc-border); border-radius: 7px; padding: 6px 7px; cursor: pointer; font-size: 9px; }
.unified-row-actions button:hover { border-color: rgba(244,183,47,.4); }
.unified-table-footer { padding: 12px 4px 0; color: var(--lc-muted); font-size: 10px; }
.unified-empty { min-height: 160px; display: grid; place-items: center; }

.unified-records-head { align-items: flex-end; }
.unified-record-search { min-width: 330px; display: flex; align-items: center; gap: 8px; }
.unified-record-search span { color: var(--lc-muted); }
.unified-record-search input { width: 100%; }
.unified-detail-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 12px; }

.unified-health-grid { display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: 10px; }
.unified-health-card { min-width: 0; display: grid; grid-template-columns: 30px 1fr; gap: 9px; padding: 13px; border-radius: 11px; border: 1px solid var(--lc-border); background: rgba(255,255,255,.025); }
.unified-health-card > span { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; color: var(--lc-green); border: 1px solid currentColor; }
.unified-health-card.warning > span { color: var(--lc-gold); }
.unified-health-card div { display: grid; gap: 3px; min-width: 0; }
.unified-health-card b { font-size: 11px; }
.unified-health-card strong { color: var(--lc-green); font-size: 10px; }
.unified-health-card.warning strong { color: var(--lc-gold); }
.unified-health-card small { color: var(--lc-muted); font-size: 9px; overflow-wrap: anywhere; }
.unified-health-state { border-radius: 999px; padding: 5px 9px; border: 1px solid var(--lc-border); text-transform: uppercase; }
.unified-health-state.healthy { color: var(--lc-green); }
.unified-health-state.warning { color: var(--lc-gold); }
.unified-health-state.critical { color: var(--lc-red); }

.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }

@media (max-width: 1500px) {
  .unified-kpi-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .unified-health-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
}
@media (max-width: 1180px) {
  .unified-page-heading { align-items: flex-start; flex-direction: column; }
  .unified-filter-row { justify-content: flex-start; }
  .unified-chart-grid-layout, .unified-mailbox-layout, .unified-detail-layout { grid-template-columns: 1fr; }
  .unified-donut-layout { grid-template-columns: 180px 1fr; }
}
@media (max-width: 820px) {
  .unified-kpi-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .unified-health-grid { grid-template-columns: 1fr 1fr; }
  .unified-filter-control, .unified-mailbox-control { min-width: calc(50% - 6px); flex: 1 1 calc(50% - 6px); }
  .unified-records-head { align-items: stretch; flex-direction: column; }
  .unified-record-search { min-width: 0; width: 100%; }
}
@media (max-width: 560px) {
  .unified-kpi-grid, .unified-health-grid { grid-template-columns: 1fr; }
  .unified-filter-control, .unified-mailbox-control { min-width: 100%; flex-basis: 100%; }
  .unified-refresh-btn { width: 100%; }
  .unified-donut-layout { grid-template-columns: 1fr; justify-items: center; }
  .unified-donut-legend { width: 100%; }
  .unified-mailbox-bar-row { grid-template-columns: 1fr 45px; }
  .unified-mailbox-track { grid-column: 1 / -1; grid-row: 2; }
}

/* V4.1 — automatic and manual lead assignment center */
.assignment-center {
  margin: 16px 0 20px;
  padding: 20px;
  border-color: rgba(229,196,123,.24);
  background:
    linear-gradient(135deg, rgba(229,196,123,.07), rgba(135,183,255,.035) 46%, rgba(117,224,167,.035)),
    rgba(7,9,18,.66);
}
.assignment-center-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 16px;
}
.assignment-center-head h2 { margin: 5px 0 5px; font-size: 24px; }
.assignment-center-head p,
.assignment-box p,
.assignment-table-head p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.5; }
.assignment-mode-badge {
  flex: 0 0 auto;
  padding: 8px 11px;
  border: 1px solid rgba(229,196,123,.25);
  border-radius: 999px;
  background: rgba(229,196,123,.1);
  color: var(--gold);
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .07em;
}
.assignment-settings-grid {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: 14px;
}
.assignment-box {
  min-width: 0;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 15px;
  background: rgba(255,255,255,.03);
}
.assignment-box h3 { margin: 0 0 8px; font-size: 15px; }
.assignment-box label { display: grid; gap: 6px; margin-top: 12px; }
.assignment-box label > span { color: var(--muted); font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.assignment-box select,
.assignment-box input {
  width: 100%;
  min-width: 0;
  padding: 10px 11px;
  border: 1px solid var(--line);
  border-radius: 11px;
  background: rgba(255,255,255,.055);
  color: var(--text);
  outline: none;
}
.assignment-box select:focus,
.assignment-box input:focus { border-color: rgba(229,196,123,.58); box-shadow: 0 0 0 3px rgba(229,196,123,.09); }
.assignment-box .primary-btn { margin-top: 13px; }
.assignment-help { min-height: 34px; margin-top: 10px !important; }
.assignment-hidden { display: none !important; }
.assignment-preview-list {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 7px;
  margin: 13px 0;
}
.assignment-preview-list > div {
  min-width: 0;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: rgba(255,255,255,.028);
}
.assignment-preview-list span,
.assignment-preview-list strong,
.assignment-preview-list small { display: block; }
.assignment-preview-list span { min-height: 30px; color: var(--muted); font-size: 9px; overflow-wrap: anywhere; }
.assignment-preview-list strong { margin-top: 4px; color: var(--gold); font-size: 19px; }
.assignment-preview-list small { margin-top: 3px; color: var(--faint); font-size: 8px; }
.manual-assignment-box {
  display: grid;
  grid-template-columns: minmax(220px, .55fr) minmax(0, 1.45fr);
  align-items: end;
  gap: 18px;
  margin-top: 14px;
}
.manual-assignment-controls {
  display: grid;
  grid-template-columns: minmax(230px, 1.25fr) 110px 130px auto auto;
  align-items: end;
  gap: 9px;
}
.manual-assignment-controls label { margin: 0; }
.assignment-sample-wrap {
  margin-top: 14px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 15px;
  background: rgba(0,0,0,.12);
}
.assignment-table-head { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 11px; }
.assignment-table-head h3 { margin: 0 0 4px; font-size: 14px; }
.assignment-table-scroll { max-height: 430px; overflow: auto; border: 1px solid var(--line); border-radius: 12px; }
.assignment-table { width: 100%; border-collapse: collapse; font-size: 10px; }
.assignment-table th { position: sticky; top: 0; z-index: 1; background: #111621; color: var(--muted); text-align: left; }
.assignment-table th,
.assignment-table td { padding: 10px 11px; border-bottom: 1px solid var(--line); vertical-align: middle; }
.assignment-table tr:last-child td { border-bottom: 0; }
.assignment-table td b,
.assignment-table td small { display: block; }
.assignment-table td small { margin-top: 3px; color: var(--faint); }
.assignment-table input[type="checkbox"] { width: 16px; height: 16px; accent-color: var(--gold); }
.assignment-center button:disabled { opacity: .42; cursor: not-allowed; }

@media (max-width: 1280px) {
  .assignment-preview-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .manual-assignment-box { grid-template-columns: 1fr; align-items: stretch; }
  .manual-assignment-controls { grid-template-columns: minmax(220px, 1fr) 100px 120px auto; }
  .manual-assignment-controls #assignSelectedLeads { grid-column: 1 / -1; }
}
@media (max-width: 900px) {
  .assignment-settings-grid { grid-template-columns: 1fr; }
  .manual-assignment-controls { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .manual-assignment-controls button { width: 100%; }
}
@media (max-width: 620px) {
  .assignment-center { padding: 14px; }
  .assignment-center-head,
  .assignment-table-head { align-items: stretch; flex-direction: column; }
  .assignment-preview-list,
  .manual-assignment-controls { grid-template-columns: 1fr; }
  .manual-assignment-controls #assignSelectedLeads { grid-column: auto; }
}


/* V4.2 — persistent dual theme, filter counts, and assignment-mode cards */
html[data-theme="light"] {
  color-scheme: light;
  --bg: #f3f6fa;
  --panel: rgba(255,255,255,.82);
  --panel-strong: rgba(255,255,255,.98);
  --text: #182230;
  --muted: #5d6b7b;
  --faint: #7a8796;
  --line: rgba(30,52,76,.14);
  --gold: #9a6b16;
  --gold-soft: rgba(191,139,38,.12);
  --green: #087b55;
  --green-soft: rgba(8,123,85,.1);
  --red: #c13f4b;
  --red-soft: rgba(193,63,75,.1);
  --yellow: #9c6800;
  --yellow-soft: rgba(197,132,0,.11);
  --blue: #2469b9;
  --blue-soft: rgba(36,105,185,.1);
  --shadow: 0 18px 50px rgba(32,53,76,.12);
  --lc-bg: #f3f6fa;
  --lc-panel: #ffffff;
  --lc-panel-2: #f7f9fc;
  --lc-border: rgba(30,52,76,.14);
  --lc-text: #182230;
  --lc-muted: #667587;
  --lc-gold: #a06f18;
  --lc-green: #087b55;
  --lc-blue: #2469b9;
  --lc-purple: #7047b7;
  --lc-red: #c13f4b;
}

html[data-theme="light"] body {
  background:
    radial-gradient(circle at 18% 0%, rgba(213,164,62,.13), transparent 31%),
    radial-gradient(circle at 88% 2%, rgba(64,124,195,.1), transparent 28%),
    linear-gradient(180deg, #f8fafc 0%, #eef3f8 100%);
}

html[data-theme="light"] .sidebar {
  background: rgba(255,255,255,.88);
  box-shadow: 12px 0 35px rgba(49,73,99,.06);
}
html[data-theme="light"] .nav-item:hover,
html[data-theme="light"] .ghost-btn:hover,
html[data-theme="light"] .small-btn:hover,
html[data-theme="light"] .action-btn:hover,
html[data-theme="light"] .unified-row-actions button:hover {
  background: rgba(24,55,88,.07);
}
html[data-theme="light"] .nav-item.active {
  background: linear-gradient(135deg, rgba(191,139,38,.13), rgba(52,105,165,.07));
  border-color: rgba(154,107,22,.22);
}
html[data-theme="light"] .panel,
html[data-theme="light"] .metric-card,
html[data-theme="light"] .control-summary-card,
html[data-theme="light"] .conversation-detail,
html[data-theme="light"] .conversation-list,
html[data-theme="light"] .mailbox-card,
html[data-theme="light"] .unified-panel,
html[data-theme="light"] .assignment-box,
html[data-theme="light"] .assignment-sample-wrap {
  background: rgba(255,255,255,.88);
  box-shadow: var(--shadow);
}
html[data-theme="light"] .conversation-row,
html[data-theme="light"] .mailbox-facts > div,
html[data-theme="light"] .assignment-preview-list > div,
html[data-theme="light"] .unified-health-card,
html[data-theme="light"] .unified-kpi-card {
  background: rgba(247,249,252,.95);
}
html[data-theme="light"] .conversation-row:hover,
html[data-theme="light"] .conversation-row.selected {
  background: rgba(36,105,185,.075);
}
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea,
html[data-theme="light"] .assignment-box select,
html[data-theme="light"] .assignment-box input,
html[data-theme="light"] .unified-filter-control select,
html[data-theme="light"] .unified-filter-control input,
html[data-theme="light"] .unified-record-search input {
  color: var(--text);
  background: #fff;
  border-color: rgba(30,52,76,.18);
}
html[data-theme="light"] select option { color: #182230; background: #fff; }
html[data-theme="light"] .assignment-table th,
html[data-theme="light"] .unified-email-table th {
  color: #344457;
  background: #eef3f8;
}
html[data-theme="light"] .unified-email-table td,
html[data-theme="light"] .unified-email-table td b { color: #263649; }
html[data-theme="light"] .code-block,
html[data-theme="light"] pre,
html[data-theme="light"] .message-technical,
html[data-theme="light"] .raw-review-payload {
  background: #eef3f8;
  color: #314256;
}
html[data-theme="light"] .assignment-center {
  background: linear-gradient(135deg, rgba(211,165,66,.11), rgba(73,129,190,.06) 52%, rgba(8,123,85,.055)), rgba(255,255,255,.9);
}
html[data-theme="light"] .assignment-sample-wrap { background: rgba(245,248,252,.96); }
html[data-theme="light"] .mailbox-ok { color: #087b55; background: rgba(8,123,85,.08); }
html[data-theme="light"] .mailbox-error { background: rgba(193,63,75,.08); }
html[data-theme="light"] .bar-track,
html[data-theme="light"] .mailbox-progress,
html[data-theme="light"] .unified-mailbox-track { background: rgba(30,52,76,.1); }
html[data-theme="light"] .toast { box-shadow: 0 18px 46px rgba(30,52,76,.18); }

.theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 42px;
  padding: 10px 13px;
  border: 1px solid var(--line);
  border-radius: 14px;
  color: var(--text);
  background: rgba(255,255,255,.07);
  cursor: pointer;
  transition: transform 150ms ease, background 150ms ease, border-color 150ms ease;
}
.theme-toggle:hover { transform: translateY(-1px); border-color: rgba(229,196,123,.35); background: rgba(255,255,255,.11); }
.theme-toggle-icon { display: grid; place-items: center; width: 20px; height: 20px; font-size: 15px; }
.theme-toggle-label { font-size: 12px; font-weight: 750; white-space: nowrap; }

.filter-result-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 8px 12px;
  border: 1px solid rgba(229,196,123,.22);
  border-radius: 999px;
  color: var(--gold);
  background: var(--gold-soft);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .025em;
  white-space: nowrap;
}
.filter-result-count.compact { min-height: 34px; padding: 7px 10px; }

.assignment-mode-section { margin-top: 12px; }
.assignment-field-label {
  display: block;
  margin-bottom: 8px;
  color: var(--muted);
  font-size: 9px;
  font-weight: 850;
  text-transform: uppercase;
  letter-spacing: .07em;
}
.assignment-mode-cards { display: grid; gap: 9px; }
.assignment-mode-card {
  position: relative;
  display: grid !important;
  grid-template-columns: 38px minmax(0,1fr) 24px;
  align-items: center;
  gap: 11px !important;
  margin: 0 !important;
  padding: 12px 13px;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: rgba(255,255,255,.025);
  cursor: pointer;
  transition: border-color 150ms ease, background 150ms ease, transform 150ms ease, box-shadow 150ms ease;
}
.assignment-mode-card:hover { transform: translateY(-1px); border-color: rgba(229,196,123,.32); background: rgba(255,255,255,.045); }
.assignment-mode-card.selected {
  border-color: rgba(229,196,123,.55);
  background: linear-gradient(135deg, rgba(229,196,123,.13), rgba(135,183,255,.055));
  box-shadow: 0 0 0 3px rgba(229,196,123,.075);
}
.assignment-mode-card input { position: absolute; opacity: 0; pointer-events: none; }
.assignment-mode-icon {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 11px;
  color: var(--gold);
  background: var(--gold-soft);
  font-size: 17px;
  font-weight: 900;
}
.assignment-mode-content { min-width: 0; }
.assignment-mode-content b,
.assignment-mode-content small { display: block; }
.assignment-mode-content b { color: var(--text); font-size: 12px; }
.assignment-mode-content small { margin-top: 4px; color: var(--muted); font-size: 9px; line-height: 1.45; }
.assignment-mode-check {
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border: 1px solid var(--line);
  border-radius: 50%;
  color: transparent;
  background: rgba(255,255,255,.025);
  font-size: 12px;
  font-weight: 900;
}
.assignment-mode-card.selected .assignment-mode-check { color: #10151c; border-color: var(--gold); background: var(--gold); }
.assignment-save-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--line);
}
.assignment-save-row > span { color: var(--faint); font-size: 9px; line-height: 1.4; }
.assignment-save-row .primary-btn { flex: 0 0 auto; margin-top: 0; }

html[data-theme="light"] .assignment-mode-card { background: #f7f9fc; }
html[data-theme="light"] .assignment-mode-card:hover { background: #f1f5f9; }
html[data-theme="light"] .assignment-mode-card.selected { background: linear-gradient(135deg, rgba(191,139,38,.13), rgba(36,105,185,.065)); }

@media (max-width: 760px) {
  .top-actions { flex-wrap: wrap; justify-content: flex-end; }
  .theme-toggle-label { display: none; }
  .theme-toggle { min-width: 42px; padding-inline: 10px; }
  .filter-result-count { order: 99; width: 100%; }
  .assignment-save-row { align-items: stretch; flex-direction: column; }
  .assignment-save-row .primary-btn { width: 100%; }
}


/* V4.3 — Global buyer-response inbox and high-visibility notification chrome */
.needs-reply-quick {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 9px 12px;
  border: 1px solid rgba(255,209,102,.3);
  border-radius: 14px;
  color: var(--yellow);
  background: var(--yellow-soft);
  cursor: pointer;
  font-weight: 850;
}
.needs-reply-quick:hover { transform: translateY(-1px); border-color: rgba(255,209,102,.52); }
.needs-reply-quick-icon { font-size: 16px; }
.needs-reply-quick strong {
  display: inline-grid;
  place-items: center;
  min-width: 23px;
  height: 23px;
  padding: 0 6px;
  border-radius: 999px;
  color: #251700;
  background: var(--yellow);
  font-size: 10px;
}

.needs-reply-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
  padding: 14px 16px;
  border: 1px solid rgba(255,209,102,.28);
  border-radius: 18px;
  color: var(--yellow);
  background: linear-gradient(135deg, rgba(255,209,102,.15), rgba(255,255,255,.035));
  box-shadow: 0 16px 38px rgba(0,0,0,.16);
}
.needs-reply-banner-copy { display: flex; align-items: center; gap: 12px; min-width: 0; }
.needs-reply-banner-icon {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 38px;
  height: 38px;
  border-radius: 12px;
  color: #251700;
  background: var(--yellow);
  font-size: 19px;
  font-weight: 950;
}
.needs-reply-banner-copy strong,
.needs-reply-banner-copy span { display: block; }
.needs-reply-banner-copy strong { color: var(--text); font-size: 13px; }
.needs-reply-banner-copy span { margin-top: 3px; color: var(--muted); font-size: 10px; }
.needs-reply-banner-button {
  flex: 0 0 auto;
  padding: 10px 13px;
  border: 1px solid rgba(255,209,102,.42);
  border-radius: 12px;
  color: #251700;
  background: var(--yellow);
  cursor: pointer;
  font-weight: 900;
}

.needs-reply-hero {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 16px;
  padding: 20px;
  border: 1px solid rgba(255,209,102,.22);
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(255,209,102,.11), rgba(135,183,255,.055)), var(--panel);
  box-shadow: var(--shadow);
}
.needs-reply-hero h2 { margin: 5px 0 6px; font-size: clamp(25px, 3vw, 36px); letter-spacing: -.04em; }
.needs-reply-hero p { max-width: 820px; margin: 0; color: var(--muted); line-height: 1.6; font-size: 11px; }

.needs-reply-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}
.needs-reply-summary-grid article {
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 17px;
  background: var(--panel);
  box-shadow: var(--shadow);
}
.needs-reply-summary-grid span,
.needs-reply-summary-grid strong,
.needs-reply-summary-grid small { display: block; }
.needs-reply-summary-grid span { color: var(--muted); font-size: 10px; font-weight: 750; }
.needs-reply-summary-grid strong { margin-top: 8px; color: var(--text); font-size: 28px; letter-spacing: -.04em; }
.needs-reply-summary-grid small { margin-top: 4px; color: var(--faint); font-size: 9px; }

.needs-reply-toolbar {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) minmax(210px, .55fr) minmax(190px, .45fr) auto;
  gap: 10px;
  margin-bottom: 14px;
}
.needs-reply-toolbar input,
.needs-reply-toolbar select {
  width: 100%;
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 13px;
  color: var(--text);
  background: rgba(255,255,255,.045);
  outline: none;
}

.needs-reply-list { display: grid; gap: 12px; }
.needs-reply-card {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 19px;
  background: var(--panel);
  box-shadow: var(--shadow);
}
.needs-reply-card.new-message { border-color: rgba(255,209,102,.34); }
.needs-reply-card.reply-queued { border-color: rgba(135,183,255,.3); }
.needs-reply-card-main {
  display: block;
  width: 100%;
  padding: 17px;
  border: 0;
  color: var(--text);
  background: transparent;
  text-align: left;
  cursor: pointer;
}
.needs-reply-card-main:hover { background: rgba(255,255,255,.035); }
.needs-reply-card-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.needs-reply-card-top h3 { margin: 5px 0 2px; font-size: 17px; overflow-wrap: anywhere; }
.needs-reply-card-top p { margin: 0; color: var(--muted); font-size: 10px; overflow-wrap: anywhere; }
.needs-reply-state {
  display: inline-flex;
  padding: 5px 8px;
  border-radius: 999px;
  color: var(--yellow);
  background: var(--yellow-soft);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.reply-queued .needs-reply-state { color: var(--blue); background: var(--blue-soft); }
.needs-reply-unread {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  min-width: 58px;
  padding: 9px 11px;
  border-radius: 14px;
  color: #251700;
  background: var(--yellow);
}
.reply-queued .needs-reply-unread { color: #081b30; background: var(--blue); }
.needs-reply-unread strong { font-size: 19px; line-height: 1; }
.needs-reply-unread span { margin-top: 3px; font-size: 8px; font-weight: 850; text-transform: uppercase; }
.needs-reply-subject { margin-top: 13px; color: var(--text); font-size: 11px; font-weight: 850; }
.needs-reply-card blockquote {
  max-height: 118px;
  overflow: hidden;
  margin: 9px 0 0;
  padding: 12px 13px;
  border-left: 3px solid rgba(255,209,102,.55);
  border-radius: 0 12px 12px 0;
  color: var(--muted);
  background: rgba(255,255,255,.03);
  font-size: 11px;
  line-height: 1.55;
}
.needs-reply-meta { display: flex; flex-wrap: wrap; gap: 7px 14px; margin-top: 11px; color: var(--faint); font-size: 9px; }
.needs-reply-card-actions {
  display: flex;
  justify-content: flex-end;
  gap: 9px;
  padding: 12px 17px;
  border-top: 1px solid var(--line);
  background: rgba(255,255,255,.02);
}
.needs-reply-card-actions .primary-btn { margin: 0; }
.needs-reply-empty {
  display: grid;
  place-items: center;
  min-height: 300px;
  padding: 34px;
  border: 1px dashed var(--line);
  border-radius: 20px;
  color: var(--muted);
  background: var(--panel);
  text-align: center;
}
.needs-reply-empty > span {
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  color: var(--green);
  background: var(--green-soft);
  font-size: 26px;
}
.needs-reply-empty h3 { margin: 14px 0 4px; color: var(--text); }
.needs-reply-empty p { margin: 0; font-size: 11px; }

html[data-theme="light"] .alert-panel {
  color: #674600;
  background: #fff6d7;
  border-color: rgba(146,98,0,.28);
}
html[data-theme="light"] .alert-panel b,
html[data-theme="light"] .alert-panel li { color: #674600; }
html[data-theme="light"] .unified-kpi-top { color: #33465c; }
html[data-theme="light"] .unified-kpi-card small { color: #56677a; }
html[data-theme="light"] .unified-row-actions button {
  color: #24405f;
  background: #f7fafc;
  border-color: rgba(30,52,76,.22);
  opacity: 1;
}
html[data-theme="light"] .unified-row-actions button:disabled { color: #718096; opacity: .65; }
html[data-theme="light"] .metric-label,
html[data-theme="light"] .metric-hint,
html[data-theme="light"] .sidebar-note { color: #536478; }
html[data-theme="light"] .needs-reply-banner {
  color: #674600;
  background: linear-gradient(135deg, #fff5d0, #fff);
  border-color: rgba(146,98,0,.28);
}
html[data-theme="light"] .needs-reply-hero,
html[data-theme="light"] .needs-reply-summary-grid article,
html[data-theme="light"] .needs-reply-card,
html[data-theme="light"] .needs-reply-empty {
  background: rgba(255,255,255,.94);
}
html[data-theme="light"] .needs-reply-toolbar input,
html[data-theme="light"] .needs-reply-toolbar select {
  color: #182230;
  background: #fff;
  border-color: rgba(30,52,76,.2);
}
html[data-theme="light"] .needs-reply-card-main:hover { background: #f7fafc; }
html[data-theme="light"] .needs-reply-card blockquote { color: #44566b; background: #f5f8fb; }
html[data-theme="light"] .needs-reply-card-actions { background: #f7f9fc; }

@media (max-width: 1060px) {
  .needs-reply-summary-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .needs-reply-toolbar { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 680px) {
  .needs-reply-quick > span:not(.needs-reply-quick-icon) { display: none; }
  .needs-reply-banner,
  .needs-reply-hero { align-items: stretch; flex-direction: column; }
  .needs-reply-banner-button,
  .needs-reply-hero .ghost-btn { width: 100%; }
  .needs-reply-summary-grid,
  .needs-reply-toolbar { grid-template-columns: 1fr; }
  .needs-reply-card-top { align-items: stretch; }
  .needs-reply-card-actions { flex-direction: column; }
  .needs-reply-card-actions button { width: 100%; }
}


.sidebar-tooltip {
  position: fixed;
  z-index: 1500;
  transform: translateY(-50%);
  max-width: 220px;
  padding: 8px 10px;
  border: 1px solid rgba(229,196,123,.28);
  border-radius: 10px;
  color: var(--text);
  background: #151b26;
  box-shadow: 0 12px 35px rgba(0,0,0,.34);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .01em;
  pointer-events: none;
}
.sidebar-tooltip::before {
  content: '';
  position: absolute;
  right: 100%;
  top: 50%;
  width: 7px;
  height: 7px;
  transform: translate(4px,-50%) rotate(45deg);
  border-left: 1px solid rgba(229,196,123,.28);
  border-bottom: 1px solid rgba(229,196,123,.28);
  background: #151b26;
}
html[data-theme="light"] .sidebar-tooltip {
  color: #182230;
  background: #fff;
  border-color: rgba(30,52,76,.22);
  box-shadow: 0 12px 30px rgba(32,53,76,.18);
}
html[data-theme="light"] .sidebar-tooltip::before {
  background: #fff;
  border-color: rgba(30,52,76,.22);
}


/* V4.3.1 — Option C Needs Reply overview card and reliable tooltips */
.needs-reply-quick.hidden,
.needs-reply-banner.hidden,
.nav-count-badge.hidden,
.sidebar-tooltip.hidden {
  display: none !important;
}

.overview-option-c-layout {
  display: grid;
  grid-template-columns: minmax(210px, .56fr) minmax(0, 2.44fr);
  gap: 12px;
  align-items: stretch;
  margin-bottom: 14px;
}

.overview-needs-reply-slot {
  min-width: 0;
  display: flex;
}

.overview-needs-reply-card {
  position: relative;
  width: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: 17px;
  overflow: hidden;
  border: 1px solid var(--lc-border);
  border-radius: 14px;
  color: var(--text);
  background: linear-gradient(145deg, rgba(17,29,42,.98), rgba(10,20,31,.96));
  box-shadow: 0 12px 34px rgba(0,0,0,.16);
  text-align: left;
  cursor: pointer;
  transition:
    transform .16s ease,
    border-color .16s ease,
    box-shadow .16s ease,
    background .16s ease;
}

.overview-needs-reply-card:hover {
  transform: translateY(-2px);
  border-color: rgba(177,130,255,.5);
  box-shadow: 0 18px 42px rgba(0,0,0,.22);
}

.overview-needs-reply-card.has-pending {
  border-color: rgba(177,130,255,.52);
  background:
    radial-gradient(circle at 88% 8%, rgba(193,127,255,.22), transparent 34%),
    linear-gradient(145deg, rgba(64,39,99,.98), rgba(29,23,55,.98));
  box-shadow:
    0 18px 42px rgba(48,25,81,.32),
    inset 0 0 0 1px rgba(227,198,255,.06);
}

.overview-needs-reply-card.has-pending::after {
  content: '';
  position: absolute;
  inset: auto -35px -55px auto;
  width: 130px;
  height: 130px;
  border-radius: 50%;
  background: rgba(199,145,255,.13);
  pointer-events: none;
}

.overview-needs-reply-card.is-clear {
  border-color: var(--lc-border);
}

.overview-needs-reply-card-head {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
}

.overview-needs-reply-icon {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  flex: 0 0 auto;
  border-radius: 9px;
  color: #d9bcff;
  background: rgba(177,130,255,.15);
  font-size: 15px;
  font-weight: 900;
}

.overview-needs-reply-card.is-clear .overview-needs-reply-icon {
  color: var(--lc-green);
  background: rgba(47,214,155,.1);
}

.overview-needs-reply-label {
  color: #ece2ff;
  font-size: 12px;
  font-weight: 800;
}

.overview-needs-reply-card.is-clear .overview-needs-reply-label {
  color: #dce5ef;
}

.overview-needs-reply-dot {
  width: 9px;
  height: 9px;
  margin-left: auto;
  border: 2px solid rgba(255,255,255,.4);
  border-radius: 50%;
  background: #ff4e5b;
  box-shadow: 0 0 0 5px rgba(255,78,91,.12);
}

.overview-needs-reply-card > strong {
  display: block;
  margin-top: 16px;
  font-size: 38px;
  line-height: 1;
  letter-spacing: -.06em;
}

.overview-needs-reply-card > b {
  display: block;
  margin-top: 7px;
  color: #d9bcff;
  font-size: 14px;
}

.overview-needs-reply-card.is-clear > b {
  color: var(--lc-green);
}

.overview-needs-reply-card > small {
  display: block;
  margin-top: 5px;
  color: var(--lc-muted);
  font-size: 10px;
  line-height: 1.45;
}

.overview-needs-reply-latest {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 3px;
  margin-top: 14px;
  padding: 10px 11px;
  border: 1px solid rgba(222,192,255,.14);
  border-radius: 10px;
  background: rgba(8,8,24,.18);
}

.overview-needs-reply-latest > span {
  color: #cdb0ef;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.overview-needs-reply-latest > strong {
  overflow: hidden;
  color: #fff;
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.overview-needs-reply-latest > small {
  color: #c7b8d9;
  font-size: 9px;
}

.overview-needs-reply-action {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: auto;
  padding-top: 14px;
  color: #dfc5ff;
  font-size: 10px;
  font-weight: 850;
}

.overview-needs-reply-card.is-clear .overview-needs-reply-action {
  color: var(--lc-muted);
}

.overview-option-c-metrics {
  min-width: 0;
}

.overview-option-c-metrics .unified-kpi-grid {
  height: 100%;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-bottom: 0;
}

.overview-option-c-metrics .unified-kpi-card {
  min-height: 0;
}

html[data-theme="light"] .overview-needs-reply-card {
  color: #172233;
  background: linear-gradient(145deg, #ffffff, #f5f8fc);
  border-color: rgba(35,55,80,.14);
  box-shadow: 0 12px 28px rgba(40,57,78,.10);
}

html[data-theme="light"] .overview-needs-reply-card.has-pending {
  border-color: rgba(113,63,171,.34);
  background:
    radial-gradient(circle at 88% 8%, rgba(151,93,211,.16), transparent 34%),
    linear-gradient(145deg, #f5edff, #eee6fb);
  box-shadow: 0 16px 34px rgba(92,56,134,.16);
}

html[data-theme="light"] .overview-needs-reply-label {
  color: #4d2d78;
}

html[data-theme="light"] .overview-needs-reply-card.is-clear .overview-needs-reply-label {
  color: #33465c;
}

html[data-theme="light"] .overview-needs-reply-card > small {
  color: #586a7e;
}

html[data-theme="light"] .overview-needs-reply-latest {
  border-color: rgba(87,49,130,.14);
  background: rgba(255,255,255,.52);
}

html[data-theme="light"] .overview-needs-reply-latest > span {
  color: #6f468f;
}

html[data-theme="light"] .overview-needs-reply-latest > strong {
  color: #29163e;
}

html[data-theme="light"] .overview-needs-reply-latest > small {
  color: #6f5f7e;
}

html[data-theme="light"] .overview-needs-reply-action {
  color: #5b3183;
}

.sidebar-tooltip {
  opacity: 1;
  visibility: visible;
}

.sidebar-tooltip.hidden {
  opacity: 0 !important;
  visibility: hidden !important;
}

@media (max-width: 1260px) {
  .overview-option-c-layout {
    grid-template-columns: 1fr;
  }

  .overview-needs-reply-card {
    min-height: 190px;
  }
}

@media (max-width: 820px) {
  .overview-option-c-metrics .unified-kpi-grid {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
}

@media (max-width: 560px) {
  .overview-option-c-metrics .unified-kpi-grid {
    grid-template-columns: 1fr;
  }
}

/* System Health V1 */
.sh-nav-badge{margin-left:auto;min-width:1.35rem;height:1.35rem;padding:0 .35rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--danger,#ef4444);color:#fff;font-size:.7rem;font-weight:800}
.sh-nav-badge.hidden{display:none}
.sh-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:1.25rem;margin-bottom:1rem}
.sh-heading h2{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;margin:.25rem 0}
.sh-heading p,.sh-component p,.sh-capacity p{color:var(--muted);line-height:1.5}
.sh-heading-meta{display:grid;grid-template-columns:repeat(2,minmax(145px,1fr));gap:.5rem;min-width:min(100%,360px)}
.sh-heading-meta>*{padding:.65rem .8rem;border:1px solid var(--border);border-radius:.65rem;background:var(--panel)}
.sh-status{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;padding:.28rem .58rem;font-weight:800;font-size:.78rem;text-transform:none;white-space:nowrap}
.sh-healthy{background:color-mix(in srgb,#22c55e 18%,transparent);color:var(--success,#22c55e)}
.sh-warning{background:color-mix(in srgb,#f59e0b 20%,transparent);color:var(--warning,#f59e0b)}
.sh-critical{background:color-mix(in srgb,#ef4444 20%,transparent);color:var(--danger,#ef4444)}
.sh-unknown,.sh-info{background:color-mix(in srgb,#64748b 22%,transparent);color:var(--muted)}
.sh-filter{display:flex;align-items:end;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}
.sh-filter label{display:grid;gap:.3rem;color:var(--muted);font-size:.78rem;font-weight:700}
.sh-filter input{min-height:2.45rem;padding:.45rem .6rem;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:.5rem}
.sh-kpi-grid{display:grid;grid-template-columns:repeat(7,minmax(125px,1fr));gap:.75rem;margin-bottom:1rem}
.sh-kpi{display:grid;gap:.35rem;padding:1rem;border:1px solid var(--border);border-radius:.8rem;background:var(--panel);min-width:0}
.sh-kpi span{color:var(--muted);font-size:.78rem;font-weight:700}
.sh-kpi strong{font-size:1.55rem}.sh-kpi small{color:var(--muted)}
.sh-kpi.alerts{border-color:color-mix(in srgb,#ef4444 45%,var(--border))}
.sh-capacity{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}
.sh-capacity>div:last-child{display:flex;align-items:center;gap:.7rem}.sh-capacity>div:last-child strong{font-size:1.8rem}
.sh-table-panel{margin-bottom:1rem}.sh-table-wrap{overflow:auto;max-width:100%}
.sh-table{width:100%;border-collapse:collapse;font-size:.82rem;min-width:1100px}
.sh-table.compact{min-width:720px}
.sh-table th,.sh-table td{padding:.7rem;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}
.sh-table thead th{position:sticky;top:0;background:var(--panel);z-index:1;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.03em}
.sh-table tbody th strong,.sh-table td strong{display:block}.sh-table small{display:block;color:var(--muted);margin-top:.25rem}
.sh-reason{min-width:220px;white-space:normal;line-height:1.45}
.sh-chart-wrap{overflow:auto}.sh-chart{width:100%;min-width:520px;max-height:220px}
.sh-chart line{stroke:var(--border);stroke-width:1}.sh-chart polyline{fill:none;stroke:var(--accent,#38bdf8);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.sh-component-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:.75rem}
.sh-component{padding:.9rem;border:1px solid var(--border);border-radius:.7rem;background:color-mix(in srgb,var(--panel) 88%,var(--bg))}
.sh-component strong{display:block;margin:.6rem 0 .2rem}
.sh-alerts{display:grid;gap:.65rem}.sh-alert{border:1px solid var(--border);border-left-width:4px;border-radius:.65rem;padding:.7rem .85rem}
.sh-alert-critical{border-left-color:#ef4444}.sh-alert-warning{border-left-color:#f59e0b}.sh-alert summary{display:flex;gap:.6rem;align-items:center;cursor:pointer}
.sh-alert summary span:last-child{margin-left:auto;color:var(--muted)}.sh-alert p{line-height:1.55}.sh-alert dl{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}
.sh-alert dl div{padding:.55rem;background:var(--bg);border-radius:.45rem}.sh-alert dt{color:var(--muted);font-size:.72rem}.sh-alert dd{margin:.2rem 0 0}
.sh-empty,.sh-state{padding:2rem;text-align:center;color:var(--muted)}.sh-error,.sh-inline-error{color:var(--danger,#ef4444)}
.sh-inline-error{padding:.75rem 1rem;border:1px solid currentColor;border-radius:.6rem;margin-bottom:1rem}
#health>.unified-panel,#health>.sh-table-panel{margin-bottom:1rem}
@media(max-width:1280px){.sh-kpi-grid{grid-template-columns:repeat(4,1fr)}.sh-component-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.sh-heading,.sh-capacity{flex-direction:column}.sh-heading-meta{width:100%}.sh-kpi-grid{grid-template-columns:repeat(2,1fr)}.sh-filter{align-items:stretch}.sh-filter label{flex:1 1 145px}.sh-alert dl{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.sh-heading-meta,.sh-kpi-grid,.sh-component-grid,.sh-alert dl{grid-template-columns:1fr}.sh-filter>*{width:100%}.sh-filter>span{display:none}.sh-capacity>div:last-child{flex-wrap:wrap}.sh-table{font-size:.78rem}}
html[data-theme="light"] .sh-filter input{background:#fff;color:#0f172a}

/* Task 5D — read-only A1 verifier report */
.verifier-heading { align-items: center; }
.verifier-heading .status-pill { font-size: 12px; padding: 8px 12px; }
.verifier-analysis { display: flex; align-items: center; gap: 14px; margin-bottom: 16px; border-left: 4px solid var(--faint); }
.verifier-analysis strong { font-size: 15px; }
.verifier-analysis p { margin: 0; color: var(--muted); line-height: 1.5; }
.verifier-analysis.healthy { border-left-color: var(--green); background: var(--green-soft); }
.verifier-analysis.warning { border-left-color: var(--yellow); background: var(--yellow-soft); }
.verifier-analysis.critical { border-left-color: var(--red); background: var(--red-soft); }
.verifier-filter { display: flex; align-items: end; flex-wrap: wrap; gap: 12px; margin-bottom: 16px; }
.verifier-filter label { display: grid; gap: 6px; color: var(--muted); font-size: 12px; font-weight: 750; }
.verifier-filter input { min-height: 42px; padding: 8px 11px; color: var(--text); background: rgba(0,0,0,.18);
  border: 1px solid var(--line); border-radius: 12px; color-scheme: dark; }
.verifier-summary-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin-bottom: 16px; }
.verifier-breakdown-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; margin-bottom: 16px; }
.verifier-breakdown-panel h3 { margin-top: 0; }
.verifier-breakdown-list { display: grid; gap: 11px; }
.verifier-breakdown-row { display: grid; grid-template-columns: minmax(0,1fr) auto auto; gap: 8px; align-items: center; }
.verifier-breakdown-row span { overflow-wrap: anywhere; font-size: 12px; font-weight: 700; }
.verifier-breakdown-row b { font-size: 12px; }
.verifier-breakdown-row small { min-width: 48px; color: var(--muted); text-align: right; }
.verifier-breakdown-row i { grid-column: 1/-1; display: block; height: 6px; overflow: hidden; border-radius: 999px; background: var(--line); }
.verifier-breakdown-row em { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--gold),var(--blue)); }
.verifier-history .panel-head p { margin: 4px 0 0; color: var(--muted); }
.verifier-history tbody tr { cursor: pointer; }
.verifier-history tbody tr:hover,.verifier-history tbody tr:focus { background: var(--gold-soft); outline: none; }
.verifier-pagination { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 14px; }
.verifier-pagination span { color: var(--muted); font-size: 12px; text-align: center; }
.verifier-state { min-height: 260px; display: grid; place-content: center; justify-items: center; text-align: center; gap: 10px; }
.verifier-state p { max-width: 620px; color: var(--muted); }
.verifier-state.error { border-color: rgba(255,123,123,.3); }
.verifier-detail-modal { position: fixed; inset: 0; z-index: 1200; display: grid; place-items: center; padding: 22px; }
.verifier-detail-backdrop { position: absolute; inset: 0; border: 0; background: rgba(3,6,14,.78); backdrop-filter: blur(8px); }
.verifier-detail-window { position: relative; z-index: 1; width: min(920px,96vw); max-height: 88vh; overflow: auto;
  padding: 22px; border: 1px solid var(--line); border-radius: 22px; background: var(--bg); box-shadow: var(--shadow); }
.verifier-detail-window header { display: flex; align-items: start; justify-content: space-between; gap: 14px; margin-bottom: 18px; }
.verifier-detail-window h2 { margin: 4px 0 0; }
.verifier-detail-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.verifier-detail-grid div { display: grid; gap: 5px; min-width: 0; padding: 12px; border: 1px solid var(--line);
  border-radius: 13px; background: var(--panel); }
.verifier-detail-grid span { color: var(--muted); font-size: 10px; text-transform: uppercase; letter-spacing: .06em; }
.verifier-detail-grid strong { overflow-wrap: anywhere; font-size: 13px; }
html[data-theme="light"] .verifier-filter input { color-scheme: light; background: #fff; }

@media (max-width: 1000px) {
  .verifier-summary-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 760px) {
  .verifier-summary-grid,.verifier-breakdown-grid { grid-template-columns: 1fr 1fr; }
  .verifier-analysis { align-items: flex-start; flex-direction: column; }
  .verifier-pagination { flex-wrap: wrap; }
  .verifier-pagination span { order: -1; width: 100%; }
}
@media (max-width: 520px) {
  .verifier-summary-grid,.verifier-breakdown-grid,.verifier-detail-grid { grid-template-columns: 1fr; }
  .verifier-filter label,.verifier-filter button { width: 100%; }
  .verifier-filter input { width: 100%; }
  .verifier-detail-modal { padding: 0; }
  .verifier-detail-window { width: 100vw; max-height: 100vh; min-height: 100vh; border-radius: 0; }
}


/* V7 owner-reported theme contrast corrections */
html:not([data-theme="light"]) select,
html[data-theme="dark"] select {
  color: #f4f7fa;
  background-color: #11131d;
  border-color: rgba(213, 222, 232, .28);
  color-scheme: dark;
}
html:not([data-theme="light"]) select:focus,
html[data-theme="dark"] select:focus {
  outline: 2px solid #7db6ff;
  outline-offset: 2px;
  border-color: #7db6ff;
}
html:not([data-theme="light"]) select option,
html[data-theme="dark"] select option,
html:not([data-theme="light"]) .control-toolbar select option,
html[data-theme="dark"] .control-toolbar select option {
  color: #f4f7fa;
  background-color: #11131d;
}
html:not([data-theme="light"]) select option:checked,
html[data-theme="dark"] select option:checked {
  color: #ffffff;
  background: #245b91 linear-gradient(0deg, #245b91 0%, #245b91 100%);
}
html:not([data-theme="light"]) select option:disabled,
html[data-theme="dark"] select option:disabled {
  color: #9aa6b5;
  background-color: #11131d;
}
html[data-theme="light"] select,
html[data-theme="light"] select option {
  color: #182230;
  background-color: #ffffff;
  color-scheme: light;
}
html[data-theme="light"] select:focus {
  outline: 2px solid #245b91;
  outline-offset: 2px;
  border-color: #245b91;
}
html[data-theme="light"] select option:checked {
  color: #ffffff;
  background: #245b91 linear-gradient(0deg, #245b91 0%, #245b91 100%);
}
html[data-theme="light"] select option:disabled {
  color: #667085;
  background-color: #f2f4f7;
}
html[data-theme="light"] .unified-donut-legend > div,
html[data-theme="light"] .unified-donut-legend span,
html[data-theme="light"] .unified-donut span,
html[data-theme="light"] .unified-trend-legend,
html[data-theme="light"] .email-chart-legend,
html[data-theme="light"] .panel-head p,
html[data-theme="light"] .unified-panel .helper-text {
  color: #344054;
}
html[data-theme="light"] .unified-donut-legend b,
html[data-theme="light"] .unified-donut strong {
  color: #101828;
}
html[data-theme="light"] .unified-donut::after {
  background: #ffffff;
  box-shadow: inset 0 0 0 1px #d0d5dd;
}
html[data-theme="light"] .unified-chart-axis,
html[data-theme="light"] .email-chart-axis {
  fill: #475467;
}
html[data-theme="light"] .unified-chart-grid,
html[data-theme="light"] .email-chart-grid {
  stroke: #d0d5dd;
}

/* ========================================================================== 
   LeadCraft Dashboard v4.4.1 — System Health, Follow-Up Analytics and
   Control Center Settings
   ========================================================================== */
.phase-warning-wrap { margin-top: 16px; }
.phase-subtrack-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin: 18px 0;
}
.phase-subtrack-card { min-height: 220px; }
.phase-subtrack-head,
.phase-architecture-head,
.exact-alert-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}
.phase-subtrack-head h3,
.phase-architecture-head h3 { margin: 5px 0 0; }
.phase-subtrack-card > p {
  color: var(--muted);
  line-height: 1.6;
  min-height: 48px;
}
.phase-code {
  display: inline-flex;
  padding: 4px 9px;
  border-radius: 999px;
  border: 1px solid var(--line);
  color: var(--accent);
  font-weight: 800;
  letter-spacing: .08em;
}
.phase-mini-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 18px;
}
.phase-mini-metrics > div {
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 12px;
  background: color-mix(in srgb, var(--panel) 78%, transparent);
}
.phase-mini-metrics span,
.phase-worker-card span,
.phase-worker-card small,
.retired-monolith-row small,
.followup-table small {
  display: block;
  color: var(--muted);
  font-size: .79rem;
  margin-top: 5px;
  overflow-wrap: anywhere;
}
.phase-mini-metrics strong { display: block; font-size: 1.2rem; margin-top: 6px; }
.phase-d-architecture { margin: 18px 0; }
.retired-monolith-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, .85fr);
  gap: 18px;
  align-items: center;
  padding: 16px;
  margin-top: 18px;
  border: 1px dashed var(--line);
  border-radius: 16px;
}
.retired-monolith-row > div:last-child { text-align: right; }
.phase-worker-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  margin-top: 16px;
}
.phase-worker-card {
  border: 1px solid var(--line);
  background: var(--surface-soft, rgba(255,255,255,.025));
  border-radius: 16px;
  padding: 14px;
  min-width: 0;
}
.phase-worker-card > div { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.phase-worker-card .status-pill { font-size: .65rem; padding: 4px 7px; }

.followup-filter-panel { margin-bottom: 18px; }
.followup-filter-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(130px, 1fr));
  gap: 14px;
}
.followup-filter-grid label {
  display: grid;
  gap: 7px;
  color: var(--muted);
  font-size: .83rem;
  font-weight: 700;
}
.followup-search-label { grid-column: span 2; }
.followup-filter-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
.followup-table-wrap { max-height: 640px; }
.followup-table td:first-child { min-width: 225px; }
.followup-table td { vertical-align: top; }
.ghost-btn.compact { padding: 8px 10px; font-size: .75rem; white-space: nowrap; }
.result-count-chip {
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 8px 12px;
  color: var(--muted);
  white-space: nowrap;
}

.settings-hero {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
}
.settings-hero p { color: var(--muted); max-width: 760px; line-height: 1.6; }
/* LEADCRAFT_SETTINGS_WORKSPACE_V1 — Klaviyo-style group navigation over
   registry-rendered content. Extension-first: new registry groups appear
   in the nav and content without further CSS or render changes. */
.settings-workspace {
  display: grid;
  grid-template-columns: 230px minmax(0, 1fr);
  gap: 18px;
  margin: 18px 0;
  align-items: start;
}
.settings-nav {
  position: sticky;
  top: 18px;
  display: grid;
  gap: 4px;
  padding: 14px;
}
.settings-nav-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 9px 11px;
  border-radius: 10px;
  color: var(--muted);
  text-decoration: none;
  font-size: 12.5px;
  font-weight: 700;
  border: 1px solid transparent;
}
.settings-nav-item:hover { background: rgba(255,255,255,0.06); color: var(--text); }
.settings-nav-item small { color: var(--faint); font-weight: 600; }
.settings-content { display: grid; gap: 18px; min-width: 0; }
.settings-group { scroll-margin-top: 18px; }
.settings-workspace .settings-segmented { grid-template-columns: repeat(auto-fit, minmax(88px, 1fr)); }
.settings-entry {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
.settings-entry:last-child { border-bottom: none; }
.settings-entry-text { display: grid; gap: 3px; min-width: 0; }
.settings-entry-text span { color: var(--muted); font-size: 11.5px; }
.suppression-add-form { display: flex; gap: 8px; flex-wrap: wrap; margin: 12px 0 4px; }
.suppression-add-form input { flex: 1 1 160px; min-width: 0; }
.suppression-rows div { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.suppression-rows small { display: block; color: var(--faint); font-size: 10.5px; }
.override-unsubscribed {
  border: 1px solid rgba(220, 100, 100, 0.4);
  border-radius: 12px;
  padding: 10px 14px;
  margin-bottom: 12px;
  background: rgba(120, 30, 30, 0.12);
}
.override-unsubscribed summary { cursor: pointer; font-weight: 700; }
.override-unsubscribed p { color: var(--muted); font-size: 12.5px; margin: 8px 0; }
.override-unsubscribed .override-confirm { display: flex; align-items: center; gap: 8px; font-weight: 700; margin-bottom: 8px; }
@media (max-width: 980px) {
  .settings-workspace { grid-template-columns: 1fr; }
  .settings-nav { position: static; grid-auto-flow: column; overflow-x: auto; }
}
.settings-control-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  margin: 18px 0;
}
.settings-control-card { display: flex; flex-direction: column; min-height: 275px; }
.settings-control-card h3 { margin: 12px 0 4px; }
.settings-control-card p { color: var(--muted); line-height: 1.55; flex: 1; }
.settings-card-icon {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 13px;
  border: 1px solid var(--line);
  color: var(--accent);
  font-size: 1.25rem;
  font-weight: 800;
}
.settings-segmented {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border: 1px solid var(--line);
  padding: 4px;
  border-radius: 13px;
  gap: 4px;
}
.settings-segmented button {
  border: 0;
  border-radius: 9px;
  padding: 10px;
  background: transparent;
  color: var(--muted);
  cursor: pointer;
  font: inherit;
  font-weight: 700;
}
.settings-segmented button.selected { background: var(--accent); color: #111; }
.settings-switch { display: flex; align-items: center; gap: 10px; margin: 10px 0 14px; color: var(--text); }
.settings-stat-list { display: grid; gap: 10px; margin-top: 8px; }
.settings-stat-list div { display: flex; justify-content: space-between; gap: 12px; border-bottom: 1px solid var(--line); padding-bottom: 8px; }
.settings-stat-list span { color: var(--muted); }
.settings-tunnel-status { min-height: 0; }
.settings-tunnel-status .unified-panel-head { align-items: flex-start; }
.settings-tunnel-status .unified-panel-head h3 { margin-top: 8px; }
.settings-tunnel-status .settings-stat-list { margin: 10px 0 14px; }
.settings-tunnel-status .settings-stat-list b { text-align: right; overflow-wrap: anywhere; }
.settings-architecture-card { margin-bottom: 18px; }
.settings-worker-row { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; margin-top: 15px; }
.settings-worker-row > div { border: 1px solid var(--line); border-radius: 14px; padding: 12px; min-width: 0; }
.settings-worker-row span:not(.status-pill) { display: block; color: var(--muted); font-size: .7rem; overflow-wrap: anywhere; margin: 6px 0 9px; }
.settings-lower-grid { display: grid; grid-template-columns: 1.5fr 1fr; gap: 18px; }
.settings-advanced-card summary { cursor: pointer; list-style: none; display: flex; justify-content: space-between; gap: 20px; align-items: center; }
.settings-advanced-card summary::-webkit-details-marker { display: none; }
.settings-advanced-card summary p { color: var(--muted); margin-bottom: 0; }
.settings-advanced-kv { margin-top: 20px; }
.settings-safety-card p { color: var(--muted); line-height: 1.65; }

.exact-alert-head button {
  border: 0;
  background: transparent;
  color: inherit;
  text-decoration: underline;
  cursor: pointer;
  font: inherit;
  font-weight: 700;
}
.alert-panel .status-dot {
  width: 9px;
  height: 9px;
  display: inline-block;
  border-radius: 50%;
  margin-right: 8px;
  background: currentColor;
}
.alert-panel .status-dot.critical { color: var(--danger, #ff7777); }
.alert-panel .status-dot.warning { color: var(--accent, #f5d27a); }

/* Native option popup contrast. Browser option menus otherwise used a white
   popup with pale text in dark mode. */
:root[data-theme='dark'] select,
:root[data-theme='dark'] select option,
:root[data-theme='dark'] select optgroup {
  color: #f5f7fb !important;
  background-color: #111b27 !important;
}
:root[data-theme='dark'] select option:checked,
:root[data-theme='dark'] select option:hover,
:root[data-theme='dark'] select option:focus {
  color: #111820 !important;
  background-color: #f4d77f !important;
}
:root[data-theme='dark'] select option:disabled { color: #8491a3 !important; background-color: #111b27 !important; }

/* Light-mode charts, legends, axes, supporting labels and muted copy. */
:root[data-theme='light'] .chart-bar-label,
:root[data-theme='light'] .chart-bar-value,
:root[data-theme='light'] .unified-chart-axis,
:root[data-theme='light'] .unified-chart-label,
:root[data-theme='light'] .unified-legend,
:root[data-theme='light'] .unified-legend span,
:root[data-theme='light'] .sh-chart text,
:root[data-theme='light'] .metric-hint,
:root[data-theme='light'] .unified-panel-head p,
:root[data-theme='light'] .muted-inline {
  color: #46556a !important;
  fill: #46556a !important;
  opacity: 1 !important;
}
:root[data-theme='light'] .sh-chart line { stroke: #6f7d90 !important; }
:root[data-theme='light'] .sh-chart polyline { stroke-width: 4; }

@media (max-width: 1250px) {
  .phase-worker-grid,
  .settings-worker-row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .settings-control-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .followup-filter-grid { grid-template-columns: repeat(3, minmax(140px, 1fr)); }
}
@media (max-width: 760px) {
  .phase-subtrack-grid,
  .settings-control-grid,
  .settings-lower-grid,
  .retired-monolith-row { grid-template-columns: 1fr; }
  .phase-worker-grid,
  .settings-worker-row { grid-template-columns: 1fr 1fr; }
  .followup-filter-grid { grid-template-columns: 1fr 1fr; }
  .followup-search-label { grid-column: span 2; }
  .retired-monolith-row > div:last-child { text-align: left; }
}
@media (max-width: 520px) {
  .phase-worker-grid,
  .settings-worker-row,
  .phase-mini-metrics,
  .followup-filter-grid { grid-template-columns: 1fr; }
  .followup-search-label { grid-column: auto; }
}


/* Dashboard v4.4.1 — live versus historical System Health */
.sh-current-issues .sh-alert {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 0.65rem 0.85rem;
}
.sh-current-issues .sh-alert strong,
.sh-current-issues .sh-alert small {
  grid-column: 2;
}
.sh-healthy-empty {
  color: var(--success-text, #69d9a4);
}
.sh-historical {
  border-style: dashed;
}
.sh-historical-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(130px, 1fr));
  gap: 0.75rem;
}
.sh-historical-grid span {
  display: grid;
  gap: 0.25rem;
  padding: 0.85rem;
  border: 1px solid var(--border, rgba(255,255,255,.12));
  border-radius: 12px;
  background: var(--surface-subtle, rgba(255,255,255,.035));
}
.sh-historical-grid b {
  font-size: 0.78rem;
  color: var(--muted, #9ea8ba);
}
@media (max-width: 980px) {
  .sh-historical-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 560px) {
  .sh-historical-grid {
    grid-template-columns: 1fr;
  }
}


/* Dashboard v4.4.2 — controlled test evidence is visible but non-production */
.sh-test-evidence {
  border-color: rgba(114, 168, 255, 0.35);
  background: linear-gradient(180deg, rgba(64, 111, 180, 0.08), transparent);
}
.sh-test-evidence .unified-panel-head span {
  color: var(--accent-soft-text, #a8c9ff);
}

/* ============================================================
   V4.5.0 — EMAIL TEMPLATE MANAGER + AUTOMATED SEND CALENDAR
   ============================================================ */
.templates-hero {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 18px;
}
.templates-hero h2 { margin: 5px 0 8px; font-size: 26px; letter-spacing: -0.035em; }
.templates-hero p { margin: 0; color: var(--muted); max-width: 820px; line-height: 1.55; }
.templates-safety-note {
  flex: 0 0 auto;
  padding: 10px 14px;
  border: 1px solid rgba(117,224,167,.28);
  border-radius: 14px;
  background: var(--green-soft);
  color: var(--green);
  font-size: 12px;
  font-weight: 800;
}
.send-calendar-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 18px;
}
.send-calendar-status {
  min-width: 0;
  padding: 15px;
  border-radius: 18px;
  border: 1px solid var(--line);
  background: var(--panel);
  display: grid;
  gap: 5px;
}
.send-calendar-status.allowed { border-color: rgba(117,224,167,.28); background: var(--green-soft); }
.send-calendar-status.blocked { border-color: rgba(255,123,123,.32); background: var(--red-soft); }
.send-calendar-status span { color: var(--muted); font-size: 11px; }
.send-calendar-status strong { font-size: 20px; letter-spacing: -.02em; }
.send-calendar-status.allowed strong { color: var(--green); }
.send-calendar-status.blocked strong { color: var(--red); }
.send-calendar-status small, .send-calendar-status em { color: var(--muted); font-size: 10px; font-style: normal; overflow-wrap: anywhere; }
.send-calendar-panel, .template-manager-panel { margin-bottom: 18px; }
.panel-head-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 16px;
}
.panel-head-row h3 { margin: 5px 0 0; }
.panel-head-row select { min-width: 250px; }
.calendar-quick-actions {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) auto auto;
  gap: 10px;
  margin-bottom: 16px;
}
.calendar-quick-actions input,
.calendar-override-form input,
.calendar-override-form select,
.template-toolbar select,
.template-field input,
.template-field textarea,
.template-name-input {
  width: 100%;
  color: var(--text);
  background: rgba(255,255,255,.06);
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 10px 12px;
  outline: none;
}
.calendar-quick-actions input:focus,
.calendar-override-form input:focus,
.calendar-override-form select:focus,
.template-toolbar select:focus,
.template-field input:focus,
.template-field textarea:focus,
.template-name-input:focus { border-color: rgba(229,196,123,.55); box-shadow: 0 0 0 3px var(--gold-soft); }
.weekday-rule-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 16px;
}
.weekday-rule {
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 11px 8px;
  display: grid;
  justify-items: center;
  gap: 7px;
  cursor: pointer;
  background: rgba(255,255,255,.035);
}
.weekday-rule.allowed { border-color: rgba(117,224,167,.24); }
.weekday-rule.blocked { border-color: rgba(255,123,123,.26); background: var(--red-soft); }
.weekday-rule span { color: var(--muted); font-size: 10px; }
.weekday-rule b { font-size: 10px; color: var(--green); }
.weekday-rule.blocked b { color: var(--red); }
.weekday-rule input { accent-color: var(--gold); }
.calendar-override-form {
  display: grid;
  grid-template-columns: 160px 130px minmax(220px, 1fr) auto;
  gap: 10px;
  margin-bottom: 14px;
}
.calendar-override-list { display: grid; gap: 8px; }
.calendar-override-row {
  display: grid;
  grid-template-columns: 105px minmax(170px, .8fr) auto minmax(180px, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: rgba(255,255,255,.035);
}
.calendar-override-row em { color: var(--muted); font-size: 11px; font-style: normal; overflow-wrap: anywhere; }
.template-scope-tabs { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 16px; }
.template-scope-tab {
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 9px 14px;
  color: var(--muted);
  background: rgba(255,255,255,.04);
  cursor: pointer;
  font-weight: 750;
}
.template-scope-tab.active { color: var(--text); border-color: rgba(229,196,123,.45); background: var(--gold-soft); }
.template-toolbar {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) minmax(160px, .4fr) auto;
  gap: 12px;
  align-items: end;
  margin-bottom: 12px;
}
.template-toolbar label, .template-field { display: grid; gap: 6px; }
.template-toolbar label > span, .template-field > span { color: var(--muted); font-size: 11px; font-weight: 750; }
.allocation-summary {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  align-items: center;
  margin: 10px 0 12px;
  padding: 10px 12px;
  border: 1px solid rgba(229,196,123,.24);
  border-radius: 13px;
  background: var(--gold-soft);
  font-size: 11px;
}
.allocation-summary.critical { border-color: rgba(255,123,123,.34); background: var(--red-soft); }
.template-token-help {
  color: var(--muted);
  font-size: 11px;
  margin: 10px 0 14px;
  line-height: 1.8;
}
.template-token-help code {
  padding: 3px 6px;
  border-radius: 7px;
  border: 1px solid var(--line);
  color: var(--gold);
  background: rgba(0,0,0,.14);
}
.template-variant-grid { display: grid; gap: 14px; }
.template-variant-card {
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 16px;
  background: rgba(255,255,255,.035);
}
.template-variant-head {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
  margin-bottom: 13px;
}
.template-name-input { margin-top: 5px; font-weight: 850; font-size: 16px; max-width: 440px; }
.template-toggle-row { display: flex; gap: 12px; flex-wrap: wrap; color: var(--muted); font-size: 11px; }
.template-toggle-row label { display: inline-flex; align-items: center; gap: 6px; }
.template-field { margin-bottom: 12px; }
.template-field textarea { min-height: 190px; resize: vertical; line-height: 1.5; font-family: inherit; }
.template-meta-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.template-info-box {
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 10px 12px;
  display: grid;
  gap: 4px;
  color: var(--muted);
  font-size: 11px;
}
.template-info-box b { color: var(--text); }
.template-performance-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  margin: 4px 0 14px;
}
.template-performance-grid span {
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 9px;
  color: var(--muted);
  font-size: 10px;
  text-align: center;
}
.template-performance-grid b { display: block; color: var(--text); font-size: 15px; margin-bottom: 2px; }
.template-card-actions { display: flex; justify-content: flex-end; gap: 8px; }

html[data-theme="light"] .template-variant-card,
html[data-theme="light"] .calendar-override-row,
html[data-theme="light"] .weekday-rule,
html[data-theme="light"] .send-calendar-status { background: rgba(255,255,255,.72); }
html[data-theme="light"] .send-calendar-status.allowed { background: rgba(44,154,97,.08); }
html[data-theme="light"] .send-calendar-status.blocked,
html[data-theme="light"] .weekday-rule.blocked { background: rgba(210,66,66,.08); }
html[data-theme="light"] .calendar-quick-actions input,
html[data-theme="light"] .calendar-override-form input,
html[data-theme="light"] .calendar-override-form select,
html[data-theme="light"] .template-toolbar select,
html[data-theme="light"] .template-field input,
html[data-theme="light"] .template-field textarea,
html[data-theme="light"] .template-name-input { background: #fff; color: #182230; }

@media (max-width: 1180px) {
  .send-calendar-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .weekday-rule-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .template-performance-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .templates-hero, .panel-head-row, .template-variant-head { flex-direction: column; }
  .send-calendar-grid, .template-meta-grid, .template-performance-grid { grid-template-columns: 1fr; }
  .weekday-rule-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .calendar-quick-actions, .calendar-override-form, .template-toolbar { grid-template-columns: 1fr; }
  .calendar-override-row { grid-template-columns: 1fr; }
}
.template-integration-banner {
  display: flex;
  gap: 10px;
  align-items: center;
  margin: 10px 0 8px;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid var(--line);
  font-size: 11px;
}
.template-integration-banner.live { border-color: rgba(117,224,167,.3); background: var(--green-soft); }
.template-integration-banner.staged { border-color: rgba(255,209,102,.3); background: var(--yellow-soft); }
.template-integration-banner b { white-space: nowrap; color: var(--text); }
.template-integration-banner span { color: var(--muted); line-height: 1.45; }
@media (max-width:760px) { .template-integration-banner { align-items:flex-start; flex-direction:column; } }


/* ==========================================================
   LEADCRAFT v4.5.1 — WORKFLOW-FIRST NAVIGATION
   ========================================================== */
.nav-group-label {
  margin: 18px 14px 7px;
  color: var(--muted);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.sidebar-collapsed .nav-group-label { display:none; }
.workflow-parent-nav .nav-icon { color: var(--gold); }

.workflow-page-heading {
  display:flex;
  justify-content:space-between;
  gap:24px;
  align-items:flex-end;
  margin-bottom:20px;
}
.workflow-page-heading h2 { margin:4px 0 5px; font-size:32px; letter-spacing:-.035em; }
.workflow-page-heading p { margin:0; max-width:820px; color:var(--muted); line-height:1.55; }
.workflow-flow-strip {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:18px;
  padding:12px 14px;
  border:1px solid var(--line);
  border-radius:14px;
  background:rgba(255,255,255,.025);
  color:var(--muted);
}
.workflow-flow-strip span { display:inline-flex; align-items:center; gap:7px; }
.workflow-flow-strip b { display:grid; place-items:center; width:24px; height:24px; border-radius:8px; background:var(--gold-soft); color:var(--gold); }
.workflow-flow-strip i { color:var(--muted); font-style:normal; }
.workflow-hub-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.workflow-hub-card {
  position:relative;
  min-height:215px;
  text-align:left;
  display:flex;
  flex-direction:column;
  gap:16px;
  padding:20px;
  border:1px solid var(--line);
  border-radius:20px;
  background:var(--panel);
  color:var(--text);
  cursor:pointer;
  overflow:hidden;
  transition:transform .15s ease,border-color .15s ease,background .15s ease;
}
.workflow-hub-card:hover { transform:translateY(-2px); border-color:rgba(229,196,123,.45); background:var(--panel-strong); }
.workflow-hub-card::before { content:""; position:absolute; inset:0 auto 0 0; width:4px; background:var(--gold); opacity:.75; }
.workflow-hub-card.blue::before { background:#4798ff; }
.workflow-hub-card.violet::before { background:#9b74ff; }
.workflow-hub-card.green::before { background:#2fd69b; }
.workflow-hub-card.orange::before { background:#ff9c55; }
.workflow-hub-card-top { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.workflow-letter { display:inline-grid; place-items:center; width:38px; height:38px; border-radius:12px; background:var(--gold-soft); color:var(--gold); font-weight:950; font-size:18px; }
.workflow-letter.large { width:52px; height:52px; border-radius:16px; font-size:24px; flex:0 0 auto; }
.workflow-hub-card.blue .workflow-letter,.overview-workflow-status.blue .workflow-letter { background:rgba(71,152,255,.12); color:#65a8ff; }
.workflow-hub-card.violet .workflow-letter,.overview-workflow-status.violet .workflow-letter { background:rgba(155,116,255,.12); color:#ad8cff; }
.workflow-hub-card.green .workflow-letter,.overview-workflow-status.green .workflow-letter { background:rgba(47,214,155,.12); color:#42dca6; }
.workflow-hub-card.orange .workflow-letter,.overview-workflow-status.orange .workflow-letter { background:rgba(255,156,85,.12); color:#ffad72; }
.workflow-status { display:inline-flex; align-items:center; padding:6px 9px; border-radius:999px; border:1px solid var(--line); font-size:9px; font-weight:900; letter-spacing:.06em; text-transform:uppercase; color:var(--muted); }
.workflow-status.active { color:var(--green); border-color:rgba(47,214,155,.28); background:rgba(47,214,155,.08); }
.workflow-status.warning { color:var(--yellow); border-color:rgba(255,209,102,.28); background:rgba(255,209,102,.08); }
.workflow-status.critical { color:var(--red); border-color:rgba(255,78,91,.28); background:rgba(255,78,91,.08); }
.workflow-hub-card-copy { flex:1; }
.workflow-hub-card-copy h3 { margin:0 0 8px; font-size:20px; }
.workflow-hub-card-copy p { margin:0; color:var(--muted); line-height:1.55; }
.workflow-open-row { display:flex; justify-content:space-between; align-items:center; border-top:1px solid var(--line); padding-top:14px; color:var(--muted); font-size:11px; font-weight:800; }
.workflow-open-row b { color:var(--gold); font-size:18px; }
.workflow-separation-note { margin-top:16px; display:grid; gap:6px; padding:14px 16px; border:1px solid rgba(229,196,123,.22); border-radius:14px; background:var(--gold-soft); }
.workflow-separation-note b { color:var(--gold); }
.workflow-separation-note span { color:var(--muted); font-size:11px; line-height:1.55; }

.workflow-breadcrumb { display:flex; align-items:center; gap:8px; margin-bottom:12px; color:var(--muted); font-size:11px; }
.workflow-breadcrumb button { border:0; padding:0; background:transparent; color:var(--gold); cursor:pointer; font:inherit; font-weight:850; }
.workflow-drilldown-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-bottom:16px; }
.workflow-drilldown-card { position:relative; display:grid; gap:5px; text-align:left; padding:13px 36px 13px 14px; border:1px solid var(--line); border-radius:14px; background:rgba(255,255,255,.025); color:var(--text); cursor:pointer; }
.workflow-drilldown-card:hover { border-color:rgba(229,196,123,.42); background:var(--gold-soft); }
.workflow-drilldown-card strong { font-size:12px; }
.workflow-drilldown-card span { color:var(--muted); font-size:10px; line-height:1.4; }
.workflow-drilldown-card > b { position:absolute; right:13px; top:50%; transform:translateY(-50%); color:var(--gold); font-size:17px; }
.workflow-phase-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; }
.phase-heading-main { display:flex; align-items:flex-start; gap:14px; }
.phase-heading-main h2 { margin:3px 0 5px; }
.phase-heading-main p { margin:0; color:var(--muted); }
.workflow-section-label { margin:20px 0 9px; color:var(--muted); font-size:9px; font-weight:900; letter-spacing:.14em; text-transform:uppercase; }

.overview-command-grid { display:grid; grid-template-columns:1.15fr 1fr 1fr; gap:14px; margin-bottom:16px; }
.overview-command-card { display:flex; gap:13px; align-items:center; min-height:150px; padding:18px; border:1px solid var(--line); border-radius:18px; background:var(--panel); }
.overview-command-icon { display:grid; place-items:center; width:42px; height:42px; border-radius:13px; background:var(--gold-soft); color:var(--gold); font-size:20px; flex:0 0 auto; }
.overview-command-card div { display:grid; gap:5px; }
.overview-command-card small { color:var(--muted); font-weight:800; }
.overview-command-card strong { font-size:25px; text-transform:capitalize; }
.overview-command-card p { margin:0; color:var(--muted); font-size:10px; line-height:1.4; }
.overview-workflow-panel { margin-bottom:16px; }
.overview-workflow-status-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.overview-workflow-status { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:12px; align-items:center; text-align:left; padding:13px; border:1px solid var(--line); border-radius:14px; background:rgba(255,255,255,.025); color:var(--text); cursor:pointer; }
.overview-workflow-status:hover { border-color:rgba(229,196,123,.4); }
.overview-workflow-status div { min-width:0; display:grid; gap:3px; }
.overview-workflow-status strong { font-size:11px; }
.overview-workflow-status small { color:var(--muted); font-size:9px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.engagement-signal-note { margin-bottom:14px; padding:10px 12px; border:1px solid var(--line); border-radius:12px; background:rgba(255,255,255,.025); color:var(--muted); font-size:10px; line-height:1.5; }
.engagement-signal-note b { color:var(--text); }
.engagement-signal-list { display:grid; gap:11px; }
.engagement-signal-row { display:grid; grid-template-columns:minmax(125px,.8fr) minmax(130px,1.4fr) 78px; gap:12px; align-items:center; }
.engagement-signal-label { display:grid; gap:2px; }
.engagement-signal-label span { font-size:11px; font-weight:850; }
.engagement-signal-label small { color:var(--muted); font-size:8px; }
.engagement-signal-track { height:8px; border-radius:999px; background:rgba(255,255,255,.065); overflow:hidden; }
.engagement-signal-track i { display:block; height:100%; border-radius:inherit; background:var(--gold); }
.engagement-signal-row.delivered .engagement-signal-track i { background:#d9b96d; }
.engagement-signal-row.opened .engagement-signal-track i { background:#2fd69b; }
.engagement-signal-row.clicked .engagement-signal-track i { background:#2f8cff; }
.engagement-signal-row.replied .engagement-signal-track i { background:#8b5cf6; }
.engagement-signal-row.bounced .engagement-signal-track i { background:#ff4e5b; }
.engagement-signal-value { display:flex; justify-content:flex-end; align-items:baseline; gap:5px; }
.engagement-signal-value strong { font-size:14px; }
.engagement-signal-value span { color:var(--muted); font-size:9px; }

html[data-theme="light"] .workflow-hub-card,
html[data-theme="light"] .overview-command-card { background:rgba(255,255,255,.82); }
html[data-theme="light"] .workflow-drilldown-card,
html[data-theme="light"] .overview-workflow-status,
html[data-theme="light"] .workflow-flow-strip,
html[data-theme="light"] .engagement-signal-note { background:rgba(255,255,255,.66); }

@media (max-width: 1050px) {
  .workflow-hub-grid,.overview-workflow-status-grid { grid-template-columns:1fr; }
  .overview-command-grid { grid-template-columns:1fr; }
  .workflow-drilldown-grid { grid-template-columns:1fr; }
}
@media (max-width:760px) {
  .workflow-page-heading { align-items:flex-start; flex-direction:column; }
  .workflow-phase-heading { flex-direction:column; }
  .engagement-signal-row { grid-template-columns:1fr; gap:6px; }
  .engagement-signal-value { justify-content:flex-start; }
  .overview-workflow-status { grid-template-columns:auto minmax(0,1fr); }
  .overview-workflow-status .workflow-status { grid-column:2; justify-self:start; }
}


/* LEADCRAFT v4.5.2 — INITIAL-ONLY OVERVIEW + PHASE-ISOLATED FU INTELLIGENCE */
.nav-back-btn {
  min-width: 92px;
  border-color: rgba(229,196,123,.35);
}
.nav-back-btn.hidden { display:none !important; }

.overview-initial-heading .overview-heading-actions,
.followup-center-heading .followup-center-actions {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:10px;
}
.overview-initial-filter-panel { margin-bottom:16px; }
.overview-initial-detail-layout { align-items:stretch; }

.email-intel-context-heading {
  align-items:flex-start;
  gap:18px;
}
.email-intel-heading-tools {
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:10px;
  max-width:760px;
}
.email-intel-heading-tools .unified-filter-row {
  justify-content:flex-end;
}
.intelligence-context-card {
  display:flex;
  flex-direction:column;
}
.intelligence-boundary-copy {
  display:grid;
  gap:10px;
  padding:8px 2px 4px;
}
.intelligence-boundary-copy strong {
  color:var(--gold);
  font-size:16px;
  letter-spacing:.03em;
}
.intelligence-boundary-copy p,
.intelligence-boundary-copy small {
  margin:0;
  color:var(--muted);
  line-height:1.55;
}

.followup-center-breadcrumb { margin-bottom:14px; }
.followup-center-actions .action-btn { white-space:nowrap; }
.followup-data-rule { margin:0 0 16px; }

@media (max-width: 1180px) {
  .email-intel-heading-tools {
    width:100%;
    max-width:none;
    align-items:stretch;
  }
  .email-intel-heading-tools .unified-filter-row { justify-content:flex-start; }
}

@media (max-width: 760px) {
  .overview-initial-heading .overview-heading-actions,
  .followup-center-heading .followup-center-actions {
    width:100%;
    justify-content:flex-start;
  }
}


/* ============================================================
   V4.5.4 — Approved Initial Engagement + Mailbox Comparison
   ============================================================ */

.overview-engagement-comparison-grid {
  display: grid;
  grid-template-columns: minmax(360px, .9fr) minmax(520px, 1.35fr);
  gap: 12px;
  margin-bottom: 12px;
}

.initial-engagement-stage-panel,
.initial-mailbox-comparison-panel {
  min-width: 0;
}

.initial-engagement-stage-panel .unified-donut-layout {
  min-height: 235px;
  grid-template-columns: 170px 1fr;
  gap: 18px;
}

.initial-engagement-stage-panel .unified-donut {
  width: 164px;
}

.initial-engagement-stage-panel .unified-donut::after {
  inset: 31px;
}

.initial-stage-note {
  margin-top: 10px;
  padding: 8px 10px;
  border: 1px solid var(--lc-border);
  border-radius: 10px;
  color: var(--lc-muted);
  background: rgba(255,255,255,.025);
  font-size: 9px;
  line-height: 1.45;
}

.mailbox-comparison-wrap {
  width: 100%;
  overflow-x: auto;
  border: 1px solid var(--lc-border);
  border-radius: 12px;
}

.mailbox-comparison-table {
  width: 100%;
  min-width: 720px;
  border-collapse: collapse;
  font-size: 10px;
}

.mailbox-comparison-table th,
.mailbox-comparison-table td {
  padding: 10px 11px;
  border-bottom: 1px solid var(--lc-border);
  text-align: left;
  vertical-align: middle;
}

.mailbox-comparison-table th {
  color: var(--lc-muted);
  background: rgba(255,255,255,.03);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.mailbox-comparison-table tbody tr:last-child td {
  border-bottom: 0;
}

.mailbox-comparison-table td:first-child {
  min-width: 215px;
}

.mailbox-comparison-table td:first-child strong {
  display: block;
  overflow-wrap: anywhere;
  color: var(--lc-text);
  font-size: 10px;
}

.mailbox-comparison-table td:first-child small {
  display: block;
  margin-top: 3px;
  color: var(--lc-muted);
  font-size: 8px;
}

.mailbox-comparison-table tfoot td {
  border-top: 1px solid var(--lc-border);
  border-bottom: 0;
  background: rgba(229,196,123,.055);
}

.mailbox-compare-rate {
  display: grid;
  grid-template-columns: 36px minmax(70px, 1fr);
  align-items: center;
  gap: 7px;
}

.mailbox-compare-rate > b {
  color: var(--lc-text);
  font-size: 10px;
}

.mailbox-compare-rate > span {
  display: block;
  height: 6px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255,255,255,.075);
}

.mailbox-compare-rate > span > i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--lc-green);
}

.mailbox-compare-rate.click > span > i { background: var(--lc-blue); }
.mailbox-compare-rate.reply > span > i { background: var(--lc-purple); }

/* V4.5.4 — Light mode clarity pass.
   Only contrast/surface readability changes; no layout/business logic. */
html[data-theme="light"] {
  --panel: #ffffff;
  --panel-strong: #ffffff;
  --muted: #4d5e72;
  --faint: #66768a;
  --line: rgba(30,52,76,.19);
  --lc-panel: #ffffff;
  --lc-panel-2: #f7f9fc;
  --lc-border: rgba(30,52,76,.19);
  --lc-text: #111c2b;
  --lc-muted: #536478;
}

html[data-theme="light"] .panel,
html[data-theme="light"] .metric-card,
html[data-theme="light"] .control-summary-card,
html[data-theme="light"] .conversation-detail,
html[data-theme="light"] .conversation-list,
html[data-theme="light"] .mailbox-card,
html[data-theme="light"] .unified-panel,
html[data-theme="light"] .assignment-box,
html[data-theme="light"] .assignment-sample-wrap,
html[data-theme="light"] .overview-needs-reply-card {
  background: #ffffff;
  border-color: rgba(30,52,76,.18);
  box-shadow: 0 10px 28px rgba(32,53,76,.09);
}

html[data-theme="light"] .unified-kpi-card,
html[data-theme="light"] .unified-health-card,
html[data-theme="light"] .conversation-row,
html[data-theme="light"] .mailbox-facts > div {
  background: #f8fafc;
  border-color: rgba(30,52,76,.16);
}

html[data-theme="light"] .unified-panel-head h3,
html[data-theme="light"] .unified-kpi-card strong,
html[data-theme="light"] .unified-kpi-top,
html[data-theme="light"] .mailbox-comparison-table td,
html[data-theme="light"] .mailbox-comparison-table td b,
html[data-theme="light"] .mailbox-comparison-table td strong,
html[data-theme="light"] .email-performance-table td,
html[data-theme="light"] .email-performance-table td b,
html[data-theme="light"] .empty,
html[data-theme="light"] .control-empty {
  color: #142033;
}

html[data-theme="light"] .unified-panel-head p,
html[data-theme="light"] .unified-panel-head > span,
html[data-theme="light"] .unified-kpi-card small,
html[data-theme="light"] .mailbox-comparison-table td small,
html[data-theme="light"] .initial-stage-note,
html[data-theme="light"] .metric-hint,
html[data-theme="light"] .sidebar-note {
  color: #536478;
}

html[data-theme="light"] .mailbox-comparison-wrap,
html[data-theme="light"] .initial-stage-note {
  border-color: rgba(30,52,76,.19);
  background: #ffffff;
}

html[data-theme="light"] .mailbox-comparison-table th {
  color: #405268;
  background: #eef3f8;
}

html[data-theme="light"] .mailbox-comparison-table tfoot td {
  background: #faf6eb;
}

html[data-theme="light"] .mailbox-compare-rate > span,
html[data-theme="light"] .engagement-signal-track,
html[data-theme="light"] .unified-mailbox-track {
  background: #e2e8f0;
}

html[data-theme="light"] .unified-donut::after {
  background: #ffffff;
  box-shadow: inset 0 0 0 1px rgba(30,52,76,.14);
}

html[data-theme="light"] .unified-donut-legend > div,
html[data-theme="light"] .unified-donut-legend span {
  color: #34465c;
}

html[data-theme="light"] .unified-donut-legend b,
html[data-theme="light"] .unified-donut strong {
  color: #142033;
}

html[data-theme="light"] .unified-donut span {
  color: #5d6e82;
}

html[data-theme="light"] .ghost-btn,
html[data-theme="light"] .small-btn,
html[data-theme="light"] .unified-outline-btn,
html[data-theme="light"] .action-btn {
  border-color: rgba(30,52,76,.2);
}

html[data-theme="light"] .ghost-btn,
html[data-theme="light"] .small-btn,
html[data-theme="light"] .unified-outline-btn {
  color: #1e2e43;
  background: #f8fafc;
}

html[data-theme="light"] .ghost-btn:hover,
html[data-theme="light"] .small-btn:hover,
html[data-theme="light"] .unified-outline-btn:hover {
  color: #0f172a;
  background: #eef3f8;
}

html[data-theme="light"] .unified-outline-btn:disabled,
html[data-theme="light"] .small-btn:disabled,
html[data-theme="light"] .action-btn:disabled {
  color: #64748b;
  background: #e9eef4;
  border-color: #d4dde8;
  opacity: 1;
}

html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea,
html[data-theme="light"] .unified-filter-control select,
html[data-theme="light"] .unified-filter-control input,
html[data-theme="light"] .unified-record-search input {
  color: #142033;
  background: #ffffff;
  border-color: #c8d2df;
}

html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder {
  color: #718096;
  opacity: 1;
}

html[data-theme="light"] .template-card,
html[data-theme="light"] .template-editor,
html[data-theme="light"] .template-stage-panel,
html[data-theme="light"] .template-summary,
html[data-theme="light"] .send-calendar-panel,
html[data-theme="light"] .calendar-rule-card {
  color: #142033;
  background: #ffffff;
  border-color: rgba(30,52,76,.18);
}

@media (max-width: 1180px) {
  .overview-engagement-comparison-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 620px) {
  .initial-engagement-stage-panel .unified-donut-layout {
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .initial-engagement-stage-panel .unified-donut-legend {
    width: 100%;
  }
}


/* ============================================================
   V4.5.5 — Effective Send-Calendar Hierarchy
   ============================================================ */

.send-calendar-status.blocked-global {
  border-color: rgba(255,78,91,.36);
  background:
    linear-gradient(180deg, rgba(255,78,91,.08), rgba(255,78,91,.025)),
    var(--lc-panel);
}

.send-calendar-status.blocked-global strong {
  color: var(--lc-red);
}

.send-calendar-status .calendar-own-rule {
  display: block;
  margin-top: 5px;
  color: var(--lc-muted);
  font-weight: 800;
  letter-spacing: .03em;
}

.send-calendar-status .calendar-effective-reason {
  display: block;
  margin-top: 5px;
  color: var(--lc-muted);
  line-height: 1.35;
}

.send-calendar-status.blocked-global em {
  color: #ff7b86;
  font-style: normal;
  font-weight: 800;
}

.calendar-hierarchy-note {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: -2px 0 12px;
  padding: 9px 11px;
  border: 1px solid var(--lc-border);
  border-radius: 10px;
  background: rgba(255,255,255,.025);
  color: var(--lc-muted);
  font-size: 9px;
  line-height: 1.45;
}

.calendar-hierarchy-note strong {
  flex: 0 0 auto;
  color: var(--lc-text);
}

.calendar-hierarchy-note.blocked {
  border-color: rgba(255,78,91,.28);
  background: rgba(255,78,91,.055);
}

.calendar-hierarchy-note.blocked strong {
  color: var(--lc-red);
}

.calendar-hierarchy-note.open {
  border-color: rgba(47,214,155,.23);
  background: rgba(47,214,155,.04);
}

html[data-theme="light"] .send-calendar-status.blocked-global {
  border-color: rgba(190,35,51,.28);
  background: #fff5f6;
}

html[data-theme="light"] .send-calendar-status.blocked-global em {
  color: #a91e2c;
}

html[data-theme="light"] .calendar-hierarchy-note {
  color: #45576c;
  background: #f8fafc;
  border-color: rgba(30,52,76,.18);
}

html[data-theme="light"] .calendar-hierarchy-note.blocked {
  color: #7e2630;
  background: #fff4f5;
  border-color: rgba(190,35,51,.24);
}

html[data-theme="light"] .calendar-hierarchy-note.open {
  color: #225d4c;
  background: #f1fbf7;
  border-color: rgba(30,140,100,.22);
}

@media (max-width: 720px) {
  .calendar-hierarchy-note {
    display: block;
  }

  .calendar-hierarchy-note strong {
    display: block;
    margin-bottom: 4px;
  }
}


/* LEADCRAFT_MANUAL_REPLY_DELIVERY_UI_V100 */
.leadcraft-delivery-failure {
  margin-top: 10px;
  padding: 11px 12px;
  border: 1px solid rgba(255, 123, 123, .38);
  border-radius: 11px;
  background: rgba(255, 123, 123, .09);
  display: grid;
  gap: 6px;
}
.leadcraft-delivery-failure-title {
  font-weight: 900;
  color: var(--red, #ff7b7b);
  letter-spacing: .01em;
}
.leadcraft-delivery-failure-reason {
  color: var(--text);
  line-height: 1.45;
  overflow-wrap: anywhere;
}
.leadcraft-delivery-failure-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  color: var(--muted);
  font-size: 10px;
}
.leadcraft-send-new-reply {
  justify-self: start;
  margin-top: 2px;
}


/* LEADCRAFT_DELIVERY_FAILED_QUEUE_CSS_V100 */
.leadcraft-delivery-failed-nav .nav-icon {
  color: var(--red);
  font-weight: 950;
}
.leadcraft-delivery-failed-nav .nav-count-badge {
  color: #fff;
  background: var(--red);
  box-shadow: 0 0 0 3px rgba(255,123,123,.1);
}
.leadcraft-delivery-quick-card {
  width: 100%;
  display: grid;
  grid-template-columns: 42px minmax(0,1fr) auto;
  align-items: center;
  gap: 11px;
  margin-bottom: 14px;
  padding: 13px 15px;
  color: var(--text);
  text-align: left;
  border: 1px solid rgba(255,123,123,.3);
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(255,123,123,.13), rgba(255,255,255,.035));
  cursor: pointer;
}
.leadcraft-delivery-quick-card:hover {
  border-color: rgba(255,123,123,.5);
  transform: translateY(-1px);
}
.leadcraft-delivery-quick-icon {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 12px;
  color: #fff;
  background: var(--red);
  font-size: 19px;
  font-weight: 950;
}
.leadcraft-delivery-quick-card b,
.leadcraft-delivery-quick-card small {
  display: block;
}
.leadcraft-delivery-quick-card small {
  margin-top: 3px;
  color: var(--muted);
  font-size: 10px;
}
.leadcraft-delivery-quick-card strong {
  display: grid;
  place-items: center;
  min-width: 34px;
  height: 34px;
  padding: 0 8px;
  border-radius: 999px;
  color: #fff;
  background: var(--red);
}
.leadcraft-delivery-queue-panel {
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid rgba(255,123,123,.3);
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(255,123,123,.105), rgba(255,255,255,.035));
  box-shadow: var(--shadow);
}
.leadcraft-delivery-queue-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 14px;
}
.leadcraft-delivery-queue-head h2 {
  margin: 4px 0 5px;
  font-size: 24px;
  letter-spacing: -.035em;
}
.leadcraft-delivery-queue-head p {
  margin: 0;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.5;
}
.leadcraft-delivery-queue-list {
  display: grid;
  gap: 9px;
}
.leadcraft-delivery-queue-row {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 13px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: rgba(0,0,0,.09);
}
.leadcraft-delivery-queue-main {
  min-width: 0;
}
.leadcraft-delivery-queue-name {
  color: var(--text);
  font-weight: 850;
}
.leadcraft-delivery-queue-email {
  margin-top: 2px;
  color: var(--blue);
  font-size: 10px;
  overflow-wrap: anywhere;
}
.leadcraft-delivery-queue-reason {
  margin-top: 7px;
  color: var(--red);
  font-size: 11px;
  line-height: 1.4;
}
.leadcraft-delivery-queue-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 11px;
  margin-top: 8px;
  color: var(--faint);
  font-size: 9px;
}
html[data-theme="light"] .leadcraft-delivery-quick-card,
html[data-theme="light"] .leadcraft-delivery-queue-panel {
  background: rgba(193,63,75,.06);
}
html[data-theme="light"] .leadcraft-delivery-queue-row {
  background: rgba(255,255,255,.66);
}
@media (max-width: 760px) {
  .leadcraft-delivery-queue-head,
  .leadcraft-delivery-queue-row {
    grid-template-columns: 1fr;
    flex-direction: column;
    align-items: stretch;
  }
  .leadcraft-delivery-queue-row .primary-btn {
    width: 100%;
  }
}


/* LEADCRAFT_DELIVERY_FAILURE_RESOLUTION_CSS_V100 */
.leadcraft-delivery-queue-actions {
  display: grid;
  gap: 8px;
  min-width: 170px;
}
.leadcraft-resolve-delivery-btn {
  width: 100%;
}
@media (max-width: 760px) {
  .leadcraft-delivery-queue-actions {
    min-width: 0;
    width: 100%;
  }
}


/* LEADCRAFT_HIDE_EMPTY_DELIVERY_FAILED_PANEL_CSS_V100 */
#leadcraftDeliveryQueueHost:empty {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* V3.8 Mailbox management master-detail */
.toast {
  top: 24px;
  bottom: auto;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}
.toast button {
  padding: 0;
  border: 0;
  color: currentColor;
  background: transparent;
  font-size: 10px;
  font-weight: 800;
  cursor: pointer;
  opacity: .78;
}
.toast.hidden { transform: translateY(-8px); }
.mailbox-list-page,
.mailbox-detail-page { min-width: 0; }
.mailbox-list-header,
.mailbox-detail-hero {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 20px;
}
.mailbox-list-header h2,
.mailbox-detail-hero h2 { margin: 4px 0 5px; font-size: clamp(26px, 3vw, 38px); letter-spacing: -.045em; }
.mailbox-list-header p,
.mailbox-detail-hero p { margin: 0; color: var(--muted); font-size: 12px; }
.mailbox-list-controls {
  display: grid;
  gap: 12px;
  margin-bottom: 12px;
}
.mailbox-filter-row,
.mailbox-search-row {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.mailbox-filter-chip {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 38px;
  padding: 8px 13px;
  color: var(--muted);
  border: 1px solid var(--line);
  border-radius: 12px;
  background: rgba(255,255,255,.025);
  cursor: pointer;
}
.mailbox-filter-chip b {
  min-width: 22px;
  padding: 3px 6px;
  color: var(--text);
  border-radius: 8px;
  background: rgba(255,255,255,.08);
  font-size: 10px;
}
.mailbox-filter-chip.selected { color: var(--gold); border-color: rgba(229,196,123,.7); background: var(--gold-soft); }
.mailbox-provider-filter,
.mailbox-search-row label { display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: 10px; }
.mailbox-provider-filter { margin-left: auto; }
.mailbox-provider-filter select,
.mailbox-search-row input,
.mailbox-pagination select,
.mailbox-detail-limit-grid input {
  min-height: 38px;
  padding: 8px 11px;
  color: var(--text);
  border: 1px solid var(--line);
  border-radius: 11px;
  background: rgba(255,255,255,.045);
  outline: none;
}
.mailbox-search-row > label:first-child { flex: 1 1 330px; }
.mailbox-search-row input { width: 100%; }
.mailbox-provider-filter select:focus,
.mailbox-search-row input:focus,
.mailbox-pagination select:focus,
.mailbox-detail-limit-grid input:focus { border-color: rgba(229,196,123,.68); box-shadow: 0 0 0 3px rgba(229,196,123,.1); }
.mailbox-archived-toggle { white-space: nowrap; }
.mailbox-bulk-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 48px;
  margin-bottom: 10px;
  padding: 8px 12px;
  color: var(--muted);
  border: 1px solid var(--line);
  border-radius: 14px;
  background: rgba(255,255,255,.025);
}
.mailbox-bulk-bar b { margin-right: 6px; color: var(--text); font-size: 11px; }
.mailbox-bulk-bar button {
  padding: 7px 10px;
  color: var(--muted);
  border: 1px solid var(--line);
  border-radius: 9px;
  background: transparent;
  cursor: pointer;
}
.mailbox-bulk-bar:not(.is-active) button { opacity: .42; pointer-events: none; }
.mailbox-bulk-bar.is-active { border-color: rgba(229,196,123,.28); background: rgba(229,196,123,.055); }
.mailbox-table-shell {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 17px;
  background: rgba(7,9,18,.55);
  box-shadow: 0 18px 48px rgba(0,0,0,.22);
}
.mailbox-table-scroll { overflow-x: auto; }
.mailbox-table { width: 100%; min-width: 900px; border-collapse: collapse; }
.mailbox-table th,
.mailbox-table td { padding: 11px 13px; border-bottom: 1px solid rgba(255,255,255,.07); text-align: left; vertical-align: middle; }
.mailbox-table th { color: var(--faint); background: rgba(255,255,255,.025); font-size: 9px; text-transform: uppercase; letter-spacing: .075em; }
.mailbox-table td { color: var(--muted); font-size: 11px; }
.mailbox-table tbody tr { transition: background-color 140ms ease; }
.mailbox-table tbody tr:hover { background: rgba(229,196,123,.045); }
.mailbox-table tbody tr:last-child td { border-bottom: 0; }
.mailbox-table input[type="checkbox"] { width: 16px; height: 16px; accent-color: var(--gold); }
.mailbox-identity-button {
  display: flex;
  align-items: center;
  gap: 10px;
  max-width: 310px;
  padding: 0;
  color: inherit;
  border: 0;
  background: transparent;
  text-align: left;
  cursor: pointer;
}
.mailbox-identity-button > span:last-child { min-width: 0; }
.mailbox-identity-button b,
.mailbox-identity-button small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mailbox-identity-button b { color: var(--text); font-size: 11px; }
.mailbox-identity-button small { margin-top: 3px; color: var(--blue); font-size: 9px; }
.mailbox-row-avatar,
.mailbox-detail-avatar {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  color: var(--gold);
  border: 1px solid rgba(229,196,123,.25);
  border-radius: 11px;
  background: rgba(229,196,123,.09);
  font-weight: 900;
}
.mailbox-row-avatar { width: 34px; height: 34px; font-size: 10px; }
.mailbox-detail-avatar { width: 76px; height: 76px; border-radius: 22px; font-size: 24px; }
.mailbox-status-badge,
.mailbox-provider-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  width: max-content;
  padding: 5px 8px;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--muted);
  background: rgba(255,255,255,.035);
  font-size: 9px;
  font-weight: 800;
  white-space: nowrap;
}
.mailbox-status-badge i,
.mailbox-sync i { width: 7px; height: 7px; border-radius: 50%; background: var(--faint); }
.mailbox-status-badge.active { color: var(--green); border-color: rgba(117,224,167,.28); background: var(--green-soft); }
.mailbox-status-badge.active i,
.mailbox-sync i { background: var(--green); }
.mailbox-status-badge.paused,
.mailbox-status-badge.inactive { color: var(--yellow); border-color: rgba(255,209,102,.28); background: var(--yellow-soft); }
.mailbox-status-badge.paused i,
.mailbox-status-badge.inactive i { background: var(--yellow); }
.mailbox-status-badge.disabled,
.mailbox-status-badge.archived { color: var(--red); border-color: rgba(255,123,123,.25); background: var(--red-soft); }
.mailbox-status-badge.disabled i,
.mailbox-status-badge.archived i,
.mailbox-sync.has-error i { background: var(--red); }
.mailbox-provider-badge { color: var(--blue); border-color: rgba(135,183,255,.2); background: var(--blue-soft); }
.mailbox-table-usage { display: grid; gap: 6px; min-width: 110px; }
.mailbox-progress.compact { height: 5px; margin: 0; border: 0; background: rgba(255,255,255,.075); }
.mailbox-progress.compact > div { background: var(--green); }
.mailbox-cell-caption { display: block; margin-top: 2px; color: var(--faint); font-size: 8px; }
.mailbox-sync { display: inline-flex; align-items: center; gap: 7px; white-space: nowrap; }
.mailbox-pagination {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 16px;
  padding: 12px 14px;
  color: var(--faint);
  border-top: 1px solid var(--line);
  font-size: 10px;
}
.mailbox-pagination > label { justify-self: end; display: flex; align-items: center; gap: 8px; }
.mailbox-page-buttons { display: flex; align-items: center; gap: 9px; }
.mailbox-page-buttons b { color: var(--muted); font-size: 10px; }
.mailbox-assignment-details { margin-top: 16px; border: 1px solid var(--line); border-radius: 14px; background: rgba(255,255,255,.02); }
.mailbox-assignment-details > summary { padding: 13px 15px; color: var(--muted); font-size: 11px; font-weight: 800; cursor: pointer; }
.mailbox-assignment-details > section { margin: 0; border: 0; border-top: 1px solid var(--line); border-radius: 0 0 14px 14px; }
.mailbox-detail-back { margin-bottom: 20px; }
.mailbox-detail-identity { display: flex; align-items: center; gap: 18px; min-width: 0; }
.mailbox-detail-identity > div { min-width: 0; }
.mailbox-detail-identity h2 { overflow-wrap: anywhere; }
.mailbox-detail-actions { display: flex; justify-content: flex-end; gap: 8px; flex-wrap: wrap; }
.mailbox-detail-tabs {
  display: flex;
  gap: 26px;
  overflow-x: auto;
  margin-bottom: 18px;
  border-bottom: 1px solid var(--line);
}
.mailbox-detail-tabs button {
  position: relative;
  padding: 10px 1px 13px;
  color: var(--muted);
  border: 0;
  background: transparent;
  font-size: 11px;
  cursor: pointer;
  white-space: nowrap;
}
.mailbox-detail-tabs button.selected { color: var(--gold); }
.mailbox-detail-tabs button.selected::after { position: absolute; right: 0; bottom: -1px; left: 0; height: 2px; content: ''; background: var(--gold); }
.mailbox-detail-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-bottom: 14px; }
.mailbox-detail-metrics > div,
.mailbox-detail-card {
  min-width: 0;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 15px;
  background: rgba(255,255,255,.03);
}
.mailbox-detail-metrics span,
.mailbox-detail-metrics small { display: block; color: var(--muted); font-size: 9px; }
.mailbox-detail-metrics strong { display: block; margin: 8px 0 6px; color: var(--text); font-size: 19px; overflow-wrap: anywhere; }
.mailbox-detail-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.mailbox-detail-single { max-width: 760px; }
.mailbox-detail-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.mailbox-detail-card-head h3 { margin: 3px 0 0; font-size: 14px; }
.mailbox-detail-card-head > span { color: var(--faint); font-size: 9px; }
.mailbox-config-list { display: grid; gap: 9px; margin: 0; }
.mailbox-config-list > div { display: grid; grid-template-columns: minmax(90px, .7fr) minmax(0, 1.3fr); gap: 10px; }
.mailbox-config-list dt { color: var(--faint); font-size: 10px; }
.mailbox-config-list dd { margin: 0; color: var(--text); font-size: 10px; overflow-wrap: anywhere; }
.mailbox-detail-card-actions { display: flex; gap: 8px; margin-top: 16px; }
.mailbox-detail-card-actions > button { flex: 1; }
.mailbox-detail-limit-grid { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 12px; }
.mailbox-detail-limit-grid label { display: grid; gap: 7px; color: var(--muted); font-size: 10px; }
.mailbox-activity-list { display: grid; gap: 0; }
.mailbox-activity-list > div { display: grid; grid-template-columns: 9px 1fr auto; align-items: center; gap: 10px; padding: 11px 0; border-bottom: 1px solid var(--line); color: var(--muted); font-size: 10px; }
.mailbox-activity-list > div:last-child { border-bottom: 0; }
.mailbox-activity-list i { width: 8px; height: 8px; border-radius: 50%; background: var(--blue); }
.mailbox-activity-list i.success { background: var(--green); }
.mailbox-activity-list i.error { background: var(--red); }
.mailbox-activity-list time { color: var(--faint); }
html[data-theme="light"] .mailbox-table-shell,
html[data-theme="light"] .mailbox-detail-metrics > div,
html[data-theme="light"] .mailbox-detail-card { background: rgba(255,255,255,.72); }
@media (max-width: 1180px) {
  .mailbox-detail-hero { flex-direction: column; }
  .mailbox-detail-actions { justify-content: flex-start; }
  .mailbox-detail-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 820px) {
  .mailbox-list-header { align-items: stretch; flex-direction: column; }
  .mailbox-provider-filter { margin-left: 0; }
  .mailbox-pagination { grid-template-columns: 1fr; }
  .mailbox-pagination > label { justify-self: start; }
  .mailbox-detail-metrics,
  .mailbox-detail-card-grid { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .mailbox-filter-row > * { flex: 1 1 calc(50% - 5px); }
  .mailbox-provider-filter { align-items: stretch; flex-direction: column; }
  .mailbox-detail-identity { align-items: flex-start; flex-direction: column; }
  .mailbox-detail-actions > button { flex: 1 1 calc(50% - 4px); }
  .mailbox-bulk-bar { align-items: stretch; flex-direction: column; }
}


/* LEADCRAFT_HIDE_ZERO_DELIVERY_FAILED_BADGE_CSS_V100 */
.leadcraft-delivery-failed-count[hidden],
.leadcraft-delivery-failed-count.leadcraft-delivery-count-hidden {
  display: none !important;
}

/* LEADCRAFT_REPLY_DELIVERY_COLLAPSIBLE_UI_V100 */
.leadcraft-reply-delivery {
  margin-top: 10px;
  width: fit-content;
  max-width: 100%;
}

.leadcraft-reply-delivery > summary {
  list-style: none;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 30px;
  padding: 5px 10px;
  border: 1px solid rgba(47, 214, 155, .30);
  border-radius: 9px;
  background: rgba(47, 214, 155, .09);
  color: inherit;
  cursor: pointer;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  user-select: none;
}

.leadcraft-reply-delivery > summary::-webkit-details-marker {
  display: none;
}

.leadcraft-reply-delivery > summary::marker {
  content: '';
}

.leadcraft-reply-delivery.failed > summary {
  border-color: rgba(255, 78, 91, .34);
  background: rgba(255, 78, 91, .10);
}

.leadcraft-reply-delivery.uncertain > summary {
  border-color: rgba(245, 184, 64, .36);
  background: rgba(245, 184, 64, .10);
}

.leadcraft-reply-delivery-icon {
  display: inline-grid;
  place-items: center;
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  border-radius: 6px;
  background: rgba(47, 214, 155, .16);
  color: #2fd69b;
  font-size: 11px;
  font-weight: 800;
}

.leadcraft-reply-delivery.failed .leadcraft-reply-delivery-icon {
  background: rgba(255, 78, 91, .16);
  color: #ff4e5b;
}

.leadcraft-reply-delivery.uncertain .leadcraft-reply-delivery-icon {
  background: rgba(245, 184, 64, .16);
  color: #f5b840;
}

.leadcraft-reply-delivery-label {
  white-space: nowrap;
}

.leadcraft-reply-delivery-chevron {
  display: inline-block;
  margin-left: 1px;
  opacity: .65;
  transition: transform .16s ease;
}

.leadcraft-reply-delivery[open] .leadcraft-reply-delivery-chevron {
  transform: rotate(180deg);
}

.leadcraft-reply-delivery-panel {
  margin-top: 7px;
  width: min(520px, calc(100vw - 90px));
  max-width: 100%;
  padding: 10px 12px;
  border: 1px solid rgba(127, 127, 127, .20);
  border-radius: 10px;
  background: rgba(127, 127, 127, .055);
  box-shadow: 0 8px 24px rgba(0, 0, 0, .08);
}

.leadcraft-reply-delivery-row {
  display: grid;
  grid-template-columns: minmax(120px, .75fr) minmax(0, 1.25fr);
  gap: 12px;
  align-items: start;
  padding: 6px 0;
  border-bottom: 1px solid rgba(127, 127, 127, .12);
  font-size: 12px;
  line-height: 1.4;
}

.leadcraft-reply-delivery-row:last-child {
  border-bottom: 0;
}

.leadcraft-reply-delivery-row > span {
  opacity: .66;
}

.leadcraft-reply-delivery-row > strong,
.leadcraft-reply-delivery-row > code {
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.leadcraft-reply-delivery-row > code {
  font-size: 11px;
}

.leadcraft-reply-delivery-row.muted strong {
  opacity: .68;
  font-weight: 600;
}

@media (max-width: 700px) {
  .leadcraft-reply-delivery {
    width: 100%;
  }

  .leadcraft-reply-delivery > summary {
    max-width: 100%;
  }

  .leadcraft-reply-delivery-panel {
    width: 100%;
  }

  .leadcraft-reply-delivery-row {
    grid-template-columns: 1fr;
    gap: 3px;
  }
}