:root {
  --bg: #163f93;
  --surface: #f9fbfe;
  --surface-strong: #ffffff;
  --surface-soft: #f5f8fd;
  --line: #d8e0ec;
  --line-strong: #bfccdc;
  --ink: #1d2739;
  --muted: #71809a;
  --accent: #2a6ceb;
  --accent-strong: #1d57c4;
  --accent-soft: #dde9ff;
  --green-soft: #ddeedf;
  --green-ink: #376247;
  --gold-soft: #f6e8cc;
  --gold-ink: #8a6424;
  --red-soft: #f6ddda;
  --red-ink: #8d4033;
  --navy: #1e1e1f;
  --navy-soft: #171718;
  --shadow: 0 20px 40px rgba(7, 25, 76, 0.22);
  --sidebar-text: #f8f8f8;
  --sidebar-muted: rgba(255, 255, 255, 0.66);
  --sidebar-button: rgba(255, 255, 255, 0.03);
  --sidebar-active: rgba(255, 255, 255, 0.1);
  --sidebar-border: rgba(255, 255, 255, 0.07);
  --summary-bg: rgba(255, 255, 255, 0.95);
  --summary-border: rgba(216, 224, 236, 0.98);
  --surface-border: rgba(216, 224, 236, 0.98);
  --panel-shadow: 0 20px 40px rgba(7, 25, 76, 0.22);
}

body[data-theme="minimal-dark"] {
  --bg: #eef2f7;
  --surface: #fbfcfe;
  --surface-strong: #ffffff;
  --surface-soft: #f5f7fb;
  --line: #dbe3ef;
  --line-strong: #c8d3e2;
  --ink: #1c2736;
  --muted: #677487;
  --accent: #5a60f6;
  --accent-strong: #474dd8;
  --accent-soft: #e3e4ff;
  --navy: #1f1f20;
  --navy-soft: #171718;
  --sidebar-text: #f7f7f8;
  --sidebar-muted: rgba(255, 255, 255, 0.66);
  --sidebar-button: rgba(255, 255, 255, 0.03);
  --sidebar-active: rgba(255, 255, 255, 0.1);
  --sidebar-border: rgba(255, 255, 255, 0.07);
  --summary-bg: rgba(255, 255, 255, 0.96);
  --summary-border: rgba(219, 227, 239, 0.98);
  --surface-border: rgba(219, 227, 239, 0.98);
  --panel-shadow: 0 18px 40px rgba(23, 37, 56, 0.08);
}

body[data-theme="minimal-dark"] .app-shell {
  grid-template-columns: 240px minmax(0, 1fr) 360px;
}

body[data-theme="minimal-dark"] .workspace__header,
body[data-theme="minimal-dark"] .surface,
body[data-theme="minimal-dark"] .focus-card,
body[data-theme="minimal-dark"] .summary-card {
  border-radius: 18px;
}

body[data-theme="minimal-dark"] .summary-strip {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

body[data-theme="delaware-blue"] {
  --bg: #163f93;
  --surface: #f9fbfe;
  --surface-strong: #ffffff;
  --surface-soft: #f5f8fd;
  --line: #d8e0ec;
  --line-strong: #bfccdc;
  --ink: #1d2739;
  --muted: #71809a;
  --accent: #2a6ceb;
  --accent-strong: #1d57c4;
  --accent-soft: #dde9ff;
  --navy: #1e1e1f;
  --navy-soft: #171718;
  --sidebar-text: #f8f8f8;
  --sidebar-muted: rgba(255, 255, 255, 0.66);
  --sidebar-button: rgba(255, 255, 255, 0.03);
  --sidebar-active: rgba(255, 255, 255, 0.1);
  --sidebar-border: rgba(255, 255, 255, 0.07);
  --summary-bg: rgba(255, 255, 255, 0.95);
  --summary-border: rgba(216, 224, 236, 0.98);
  --surface-border: rgba(216, 224, 236, 0.98);
  --panel-shadow: 0 20px 40px rgba(7, 25, 76, 0.22);
}

body[data-theme="delaware-blue"] .app-shell {
  grid-template-columns: 280px minmax(0, 1fr);
  max-width: none;
  margin: 0;
  height: 100vh;
  min-height: 100vh;
  padding: 0;
  gap: 0;
  overflow: hidden;
}

body[data-theme="delaware-blue"] .workspace {
  gap: 0;
  background: #faf9ff;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
}

body[data-theme="delaware-blue"] .focus-pane {
  grid-column: 2;
}

body[data-theme="delaware-blue"] .focus-stack {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

body[data-theme="delaware-blue"] .focus-card {
  border-radius: 18px;
}

body[data-theme="delaware-blue"] .summary-strip {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

body[data-theme="delaware-blue"] .candidate-list {
  gap: 0;
  background: #ffffff;
  border: 1px solid var(--line);
  border-radius: 18px;
  overflow: hidden;
}

body[data-theme="delaware-blue"] .candidate-card {
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid var(--line);
  box-shadow: none;
}

body[data-theme="delaware-blue"] .candidate-card:last-child {
  border-bottom: 0;
}

body[data-theme="delaware-blue"] .candidate-card__body {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

body[data-theme="delaware-blue"] .candidate-card__line {
  background: transparent;
  padding: 0;
}

body[data-theme="delaware-blue"] .candidate-card__footer {
  display: none;
}

body[data-theme="delaware-blue"] .surface,
body[data-theme="delaware-blue"] .workspace__header,
body[data-theme="delaware-blue"] .summary-card {
  border-radius: 8px;
}

body[data-theme="delaware-blue"] {
  font-family: "Inter", "Segoe UI", sans-serif;
  background: #faf9ff;
}

body[data-theme="delaware-blue"] .sidebar {
  background: #091e42;
  border-radius: 0;
  border: 0;
  box-shadow: none;
  padding: 32px 16px 24px;
  height: 100vh;
  min-height: 100vh;
  position: relative;
  overflow: hidden;
}

body[data-theme="delaware-blue"] .sidebar__brand {
  padding: 0 24px 32px;
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  grid-template-rows: auto auto;
  column-gap: 16px;
  row-gap: 2px;
  align-items: center;
  margin-bottom: 0;
}

body[data-theme="delaware-blue"] .sidebar__brand::before {
  content: "";
  width: 56px;
  height: 56px;
  flex: 0 0 56px;
  border-radius: 8px;
  background: transparent url("/assets/MBI-main_logo-mark_White.png") no-repeat center;
  background-size: contain;
  grid-row: 1 / span 2;
}

body[data-theme="delaware-blue"] .sidebar__brand h1 {
  font-family: "Inter", "Segoe UI", sans-serif;
  font-size: 1.85rem;
  letter-spacing: -0.03em;
  color: #ffffff;
  margin: 0;
  grid-column: 2;
  grid-row: 1;
}

body[data-theme="delaware-blue"] .delaware-reports-page {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

body[data-theme="delaware-blue"] .delaware-reports-page__eyebrow {
  margin: 0 0 8px;
  color: #5f7291;
  font-size: 0.75rem;
  letter-spacing: 0;
  text-transform: uppercase;
  font-weight: 700;
}

body[data-theme="delaware-blue"] .delaware-reports-page__hero {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  padding: 0;
}

body[data-theme="delaware-blue"] .delaware-reports-page__hero h3 {
  margin: 0;
  font-size: 1.75rem;
  color: #1d2739;
  letter-spacing: 0;
}

body[data-theme="delaware-blue"] .delaware-reports-page__hero p {
  margin: 6px 0 0;
  color: #71809a;
  max-width: 620px;
}

body[data-theme="delaware-blue"] .delaware-reports-page__actions {
  align-items: center;
  display: flex;
  gap: 10px;
}

body[data-theme="delaware-blue"] .delaware-reports-page__actions button {
  align-items: center;
  display: inline-flex;
  gap: 7px;
}

body[data-theme="delaware-blue"] .delaware-reports-page__actions .material-symbols-outlined {
  font-size: 18px;
}

body[data-theme="delaware-blue"] .delaware-reports-filters {
  align-items: end;
  background: #ffffff;
  border: 1px solid var(--line);
  border-radius: 6px;
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(4, minmax(150px, 1fr)) 40px;
  padding: 14px 16px;
}

body[data-theme="delaware-blue"] .delaware-reports-filters label {
  display: grid;
  gap: 6px;
  min-width: 0;
}

body[data-theme="delaware-blue"] .delaware-reports-filters label > span {
  color: #5f7291;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.65rem;
  font-weight: 600;
  text-transform: uppercase;
}

body[data-theme="delaware-blue"] .delaware-reports-filters select {
  background: #ffffff;
  border: 1px solid var(--line);
  border-radius: 5px;
  color: #1d2739;
  font: inherit;
  height: 38px;
  min-width: 0;
  padding: 0 10px;
  width: 100%;
}

body[data-theme="delaware-blue"] .delaware-reports-filters .icon-button {
  border: 1px solid var(--line);
  border-radius: 5px;
  height: 38px;
  width: 38px;
}

body[data-theme="delaware-blue"] .delaware-reports-status {
  color: #71809a;
  font-size: 0.78rem;
  margin: -10px 0 0;
  min-height: 18px;
}

body[data-theme="delaware-blue"] .delaware-reports-status[data-level="error"] {
  color: #b42318;
}

body[data-theme="delaware-blue"] .delaware-reports-metric-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

body[data-theme="delaware-blue"] .delaware-report-metric {
  background: #ffffff;
  border: 1px solid var(--line);
  border-radius: 6px;
  display: grid;
  gap: 7px;
  min-height: 132px;
  padding: 15px 16px;
}

body[data-theme="delaware-blue"] .delaware-report-metric__top {
  align-items: center;
  color: #5f7291;
  display: flex;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.64rem;
  justify-content: space-between;
  text-transform: uppercase;
}

body[data-theme="delaware-blue"] .delaware-report-metric__icon {
  align-items: center;
  background: #e8f0ff;
  border-radius: 5px;
  color: #145dcc;
  display: inline-flex;
  padding: 6px;
}

body[data-theme="delaware-blue"] .delaware-report-metric > strong {
  color: #0b2348;
  font-size: 1.9rem;
  line-height: 1;
}

body[data-theme="delaware-blue"] .delaware-report-metric > span {
  color: #1d2739;
  font-size: 0.82rem;
  font-weight: 600;
}

body[data-theme="delaware-blue"] .delaware-report-metric > small {
  color: #71809a;
  font-size: 0.72rem;
}

body[data-theme="delaware-blue"] .delaware-reports-layout {
  display: grid;
  gap: 20px;
}

body[data-theme="delaware-blue"] .delaware-reports-layout--primary {
  grid-template-columns: minmax(0, 1.55fr) minmax(300px, 0.85fr);
}

body[data-theme="delaware-blue"] .delaware-reports-layout--secondary,
body[data-theme="delaware-blue"] .delaware-reports-layout--bottom {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body[data-theme="delaware-blue"] .delaware-panel--report {
  background: #ffffff;
  border: 1px solid var(--line);
  border-radius: 6px;
  box-shadow: none;
  padding: 18px;
}

body[data-theme="delaware-blue"] .delaware-reports-stack {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

body[data-theme="delaware-blue"] .delaware-report-row {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px 14px;
  border: 1px solid #e2e8f4;
  border-radius: 5px;
  background: #f8fafc;
}

body[data-theme="delaware-blue"] .delaware-report-row__copy {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
}

body[data-theme="delaware-blue"] .delaware-report-row__copy strong {
  color: #1d2739;
}

body[data-theme="delaware-blue"] .delaware-report-row__copy span {
  color: #71809a;
  font-size: 0.82rem;
}

body[data-theme="delaware-blue"] .delaware-report-row__copy--stack {
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}

body[data-theme="delaware-blue"] .delaware-report-row__track {
  width: 100%;
  height: 10px;
  border-radius: 3px;
  background: #e7eefc;
  overflow: hidden;
}

body[data-theme="delaware-blue"] .delaware-report-row__track--accent {
  background: #deedf0;
}

body[data-theme="delaware-blue"] .delaware-report-row__fill {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #2a6ceb;
}

body[data-theme="delaware-blue"] .delaware-report-row__fill--accent {
  background: #2a9d83;
}

body[data-theme="delaware-blue"] .delaware-report-row--hire {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

body[data-theme="delaware-blue"] .delaware-reports-speed-summary {
  display: grid;
  gap: 1px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-bottom: 18px;
  overflow: hidden;
}

body[data-theme="delaware-blue"] .delaware-reports-speed-summary > div {
  border-right: 1px solid var(--line);
  display: grid;
  gap: 4px;
  padding: 4px 12px;
}

body[data-theme="delaware-blue"] .delaware-reports-speed-summary > div:first-child {
  padding-left: 0;
}

body[data-theme="delaware-blue"] .delaware-reports-speed-summary > div:last-child {
  border-right: 0;
}

body[data-theme="delaware-blue"] .delaware-reports-speed-summary span,
body[data-theme="delaware-blue"] .delaware-reports-quality span {
  color: #71809a;
  font-size: 0.7rem;
}

body[data-theme="delaware-blue"] .delaware-reports-speed-summary strong {
  color: #0b2348;
  font-size: 1.15rem;
}

body[data-theme="delaware-blue"] .delaware-reports-distribution,
body[data-theme="delaware-blue"] .delaware-reports-outcomes {
  display: grid;
  gap: 11px;
}

body[data-theme="delaware-blue"] .delaware-reports-distribution-row,
body[data-theme="delaware-blue"] .delaware-reports-outcome-row {
  display: grid;
  gap: 7px;
}

body[data-theme="delaware-blue"] .delaware-reports-distribution-row__label,
body[data-theme="delaware-blue"] .delaware-reports-outcome-row__label {
  align-items: center;
  color: #394861;
  display: flex;
  font-size: 0.78rem;
  justify-content: space-between;
}

body[data-theme="delaware-blue"] .delaware-reports-bar {
  background: #e8edf5;
  border-radius: 3px;
  height: 8px;
  overflow: hidden;
}

body[data-theme="delaware-blue"] .delaware-reports-bar > span {
  background: #2a6ceb;
  display: block;
  height: 100%;
}

body[data-theme="delaware-blue"] .delaware-reports-outcome-row--accepted .delaware-reports-bar > span {
  background: #20866f;
}

body[data-theme="delaware-blue"] .delaware-reports-outcome-row--declined .delaware-reports-bar > span {
  background: #b84a4a;
}

body[data-theme="delaware-blue"] .delaware-reports-outcome-row--withdrawn .delaware-reports-bar > span {
  background: #6f7890;
}

body[data-theme="delaware-blue"] .delaware-reports-outcome-row--pending .delaware-reports-bar > span {
  background: #b78624;
}

body[data-theme="delaware-blue"] .delaware-reports-monthly {
  align-items: end;
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(12, minmax(36px, 1fr));
  min-height: 190px;
  overflow-x: auto;
  padding-top: 10px;
}

body[data-theme="delaware-blue"] .delaware-reports-month {
  align-items: center;
  display: grid;
  gap: 7px;
  grid-template-rows: 18px 130px 18px;
  min-width: 36px;
  text-align: center;
}

body[data-theme="delaware-blue"] .delaware-reports-month strong {
  color: #394861;
  font-size: 0.72rem;
}

body[data-theme="delaware-blue"] .delaware-reports-month__track {
  align-items: end;
  background: #f0f3f8;
  display: flex;
  height: 130px;
  justify-content: center;
  width: 100%;
}

body[data-theme="delaware-blue"] .delaware-reports-month__bar {
  background: #2a6ceb;
  min-height: 2px;
  width: min(26px, 70%);
}

body[data-theme="delaware-blue"] .delaware-reports-month > span {
  color: #71809a;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.62rem;
}

body[data-theme="delaware-blue"] .delaware-reports-source-table,
body[data-theme="delaware-blue"] .delaware-report-role-table {
  display: grid;
  gap: 0;
}

body[data-theme="delaware-blue"] .delaware-report-source-row {
  align-items: center;
  border-bottom: 1px solid var(--line);
  display: grid;
  font-size: 0.78rem;
  gap: 10px;
  grid-template-columns: minmax(120px, 1.5fr) repeat(3, minmax(52px, 0.6fr));
  min-height: 42px;
}

body[data-theme="delaware-blue"] .delaware-report-source-row--header,
body[data-theme="delaware-blue"] .delaware-report-role-table__header {
  color: #5f7291;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.62rem;
  font-weight: 600;
  text-transform: uppercase;
}

body[data-theme="delaware-blue"] .delaware-report-table-scroll {
  overflow-x: auto;
}

body[data-theme="delaware-blue"] .delaware-report-role-table {
  min-width: 760px;
}

body[data-theme="delaware-blue"] .delaware-report-role-table__row {
  align-items: center;
  border-bottom: 1px solid var(--line);
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(190px, 1.8fr) repeat(4, minmax(70px, 0.65fr)) minmax(100px, 0.8fr);
  min-height: 46px;
}

body[data-theme="delaware-blue"] .delaware-report-role-table__row strong {
  color: #1d2739;
}

body[data-theme="delaware-blue"] .delaware-report-role-table__row small {
  color: #71809a;
  display: block;
  margin-top: 2px;
}

body[data-theme="delaware-blue"] .delaware-reports-quality {
  display: grid;
  gap: 10px;
}

body[data-theme="delaware-blue"] .delaware-reports-quality-row {
  align-items: center;
  border-bottom: 1px solid var(--line);
  display: flex;
  gap: 12px;
  justify-content: space-between;
  padding: 7px 0;
}

body[data-theme="delaware-blue"] .delaware-reports-quality-row strong {
  color: #1d2739;
}

body[data-theme="delaware-blue"] .delaware-report-attention-button {
  background: transparent;
  border: 0;
  cursor: pointer;
  text-align: left;
  width: 100%;
}

body[data-theme="delaware-blue"] .delaware-report-attention-button:hover {
  background: #f1f5fb;
}

@media (max-width: 980px) {
  body[data-theme="delaware-blue"] .delaware-reports-layout--primary,
  body[data-theme="delaware-blue"] .delaware-reports-layout--secondary,
  body[data-theme="delaware-blue"] .delaware-reports-layout--bottom {
    grid-template-columns: 1fr;
  }

  body[data-theme="delaware-blue"] .delaware-reports-filters {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body[data-theme="delaware-blue"] .delaware-reports-metric-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body[data-theme="delaware-blue"] .delaware-reports-page__hero {
    flex-direction: column;
    align-items: stretch;
  }
}

@media (max-width: 620px) {
  body[data-theme="delaware-blue"] .delaware-reports-page__actions,
  body[data-theme="delaware-blue"] .delaware-reports-filters,
  body[data-theme="delaware-blue"] .delaware-reports-metric-grid,
  body[data-theme="delaware-blue"] .delaware-reports-speed-summary {
    grid-template-columns: 1fr;
  }

  body[data-theme="delaware-blue"] .delaware-reports-page__actions {
    display: grid;
  }

  body[data-theme="delaware-blue"] .delaware-reports-page__actions button {
    justify-content: center;
    width: 100%;
  }

  body[data-theme="delaware-blue"] .delaware-reports-filters .icon-button {
    width: 100%;
  }

  body[data-theme="delaware-blue"] .delaware-reports-speed-summary > div,
  body[data-theme="delaware-blue"] .delaware-reports-speed-summary > div:first-child {
    border-bottom: 1px solid var(--line);
    border-right: 0;
    padding: 9px 0;
  }
}

body[data-theme="delaware-blue"] .sidebar__eyebrow,
body[data-theme="delaware-blue"] .nav-item span,
body[data-theme="delaware-blue"] .sidebar__copy,
body[data-theme="delaware-blue"] .sidebar__note,
body[data-theme="delaware-blue"] .text-button,
body[data-theme="delaware-blue"] .text-link,
body[data-theme="delaware-blue"] .candidate-card__label,
body[data-theme="delaware-blue"] .summary-card__label,
body[data-theme="delaware-blue"] .surface__meta {
  font-family: "JetBrains Mono", monospace;
}

body[data-theme="delaware-blue"] .sidebar__eyebrow {
  grid-column: 2;
  grid-row: 2;
  color: rgba(196, 210, 255, 0.7);
  letter-spacing: 0.04em;
  font-size: 0.7rem;
  line-height: 1.2;
  max-width: 100%;
}

body[data-theme="delaware-blue"] .sidebar__copy {
  display: none;
}

body[data-theme="delaware-blue"] .sidebar__actions {
  display: none;
}

body[data-theme="delaware-blue"] .sidebar__nav {
  gap: 8px;
  padding: 0 8px;
}

body[data-theme="delaware-blue"] .nav-item {
  justify-content: flex-start;
  border-radius: 12px;
  border: 1px solid transparent;
  background: transparent;
  color: rgba(226, 235, 255, 0.8);
  padding: 14px 16px 14px 52px;
  position: relative;
}

body[data-theme="delaware-blue"] .nav-item strong {
  display: none;
}

body[data-theme="delaware-blue"] .nav-item::before {
  content: "";
  position: absolute;
  left: 14px;
  top: 50%;
  width: 18px;
  height: 18px;
  transform: translateY(-50%);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.9;
}

body[data-theme="delaware-blue"] .nav-item[data-view="today"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d7e4ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7'/%3E%3Crect x='14' y='3' width='7' height='7'/%3E%3Crect x='14' y='14' width='7' height='7'/%3E%3Crect x='3' y='14' width='7' height='7'/%3E%3C/svg%3E");
}

body[data-theme="delaware-blue"] .nav-item[data-view="jobs"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d7e4ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='7' width='20' height='14' rx='2'/%3E%3Cpath d='M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16'/%3E%3C/svg%3E");
}

body[data-theme="delaware-blue"] .nav-item[data-view="reports"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d7e4ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21h18'/%3E%3Cpath d='M7 17V10'/%3E%3Cpath d='M12 17V6'/%3E%3Cpath d='M17 17v-4'/%3E%3Ccircle cx='17' cy='7' r='2'/%3E%3C/svg%3E");
}

body[data-theme="delaware-blue"] .nav-item[data-view="candidates"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d7e4ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E");
}

body[data-theme="delaware-blue"] .nav-item[data-view="interviews"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d7e4ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E");
}

body[data-theme="delaware-blue"] .nav-item[data-view="offers"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d7e4ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 12h-4l-3 9L9 3l-3 9H2'/%3E%3C/svg%3E");
}

body[data-theme="delaware-blue"] .nav-item[data-view="pipeline"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d7e4ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='4' height='18' rx='1'/%3E%3Crect x='10' y='3' width='4' height='18' rx='1'/%3E%3Crect x='17' y='3' width='4' height='18' rx='1'/%3E%3C/svg%3E");
}

body[data-theme="delaware-blue"] .nav-item[data-view="compose"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d7e4ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'/%3E%3C/svg%3E");
}

body[data-theme="delaware-blue"] .nav-item[data-view="settings"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d7e4ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z'/%3E%3C/svg%3E");
}

body[data-theme="delaware-blue"] .nav-item--active {
  background: #0052cc;
  border-color: transparent;
  color: #ffffff;
  box-shadow: none;
}

body[data-theme="delaware-blue"] .nav-item:hover {
  background: rgba(0, 82, 204, 0.24);
  color: #ffffff;
}

body[data-theme="delaware-blue"] .workspace__header h2,
body[data-theme="delaware-blue"] .surface__header h3 {
  font-family: "Inter", "Segoe UI", sans-serif;
}

body[data-theme="delaware-blue"] .workspace__header h2 {
  margin: 0;
  font-size: 1.85rem;
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.05;
  color: #051a3e;
}

body[data-theme="delaware-blue"] .sidebar__footer {
  border-top: 1px solid rgba(196, 210, 255, 0.2);
  padding: 24px 24px 0;
}

body[data-theme="delaware-blue"] .sidebar-profile {
  display: none;
}

body[data-theme="delaware-blue"] #mockSyncButton,
body[data-theme="delaware-blue"] #refreshButton,
body[data-theme="delaware-blue"] .text-link {
  display: none;
}

body[data-theme="delaware-blue"] .sidebar-logout {
  display: inline-flex !important;
  align-items: center;
  gap: 10px;
  color: rgba(196, 210, 255, 0.82);
  background: transparent;
  border: 0;
  padding: 0;
  font-family: "JetBrains Mono", monospace;
  cursor: pointer;
}

body[data-theme="delaware-blue"] .sidebar-logout:hover {
  color: #ffffff;
}

body[data-theme="delaware-blue"] .workspace__header,
body[data-theme="delaware-blue"] .surface,
body[data-theme="delaware-blue"] .focus-card,
body[data-theme="delaware-blue"] .summary-card,
body[data-theme="delaware-blue"] .candidate-card,
body[data-theme="delaware-blue"] .job-card,
body[data-theme="delaware-blue"] .pipeline-card,
body[data-theme="delaware-blue"] .settings-card,
body[data-theme="delaware-blue"] .draft-card {
  box-shadow: 0 12px 28px rgba(5, 26, 62, 0.08);
}

body[data-theme="delaware-blue"] .workspace__header {
  background: #faf9ff;
  border: 0;
  border-bottom: 1px solid #c3c6d6;
  border-radius: 0;
  box-shadow: none;
  padding: 12px 32px;
  min-height: 64px;
  align-items: center;
  position: sticky;
  top: 0;
  z-index: 4;
}

body[data-theme="delaware-blue"] .workspace__label,
body[data-theme="delaware-blue"] .workspace__subtitle,
body[data-theme="delaware-blue"] #currentViewLabel,
body[data-theme="delaware-blue"] #currentViewSubtitle,
body[data-theme="delaware-blue"] #openSettingsButton {
  display: none;
}

body[data-theme="delaware-blue"] .workspace__tools {
  margin-left: auto;
  gap: 12px;
}

body[data-theme="delaware-blue"] .workspace-search {
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

body[data-theme="delaware-blue"] .workspace-search__icon {
  position: static;
  transform: none;
  color: #434654;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

body[data-theme="delaware-blue"] .workspace-search input {
  position: absolute;
  inset: 0;
  min-width: 0;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: transparent;
  caret-color: transparent;
  box-shadow: none;
  cursor: pointer;
}

body[data-theme="delaware-blue"] .workspace-search input::placeholder {
  color: transparent;
}

body[data-theme="delaware-blue"] #globalStatusFilter {
  display: none;
}

body[data-theme="delaware-blue"] .icon-button {
  width: 40px;
  height: 40px;
  border-radius: 999px;
  border: 0;
  background: transparent;
  color: #434654;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

body[data-theme="delaware-blue"] .workspace__divider {
  width: 1px;
  height: 32px;
  background: #c3c6d6;
}

body[data-theme="delaware-blue"] .header-profile {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  border: 0;
  background: transparent;
  color: #051a3e;
  padding: 0;
}

body[data-theme="delaware-blue"] .header-profile__avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: linear-gradient(135deg, #dbe6ff 0%, #b1c6ff 100%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 700;
  color: #003d9b;
  background-size: cover;
  background-position: center;
  overflow: hidden;
}

body[data-theme="delaware-blue"] .header-profile__avatar.has-photo,
.sidebar-profile__avatar.has-photo {
  background-size: cover;
  background-position: center;
  color: rgba(255, 255, 255, 0);
}

body[data-theme="delaware-blue"] .header-profile__text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

body[data-theme="delaware-blue"] .header-profile__text strong {
  font-size: 0.9rem;
}

body[data-theme="delaware-blue"] .header-profile__text span {
  font-size: 0.72rem;
  color: #737685;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  background:
    radial-gradient(circle at top left, rgba(68, 181, 154, 0.12), transparent 26%),
    linear-gradient(180deg, #f7f9fc 0%, var(--bg) 100%);
  color: var(--ink);
  font-family: "Avenir Next", "Segoe UI", "Trebuchet MS", sans-serif;
}

body[data-theme="minimal-dark"] {
  background:
    radial-gradient(circle at top left, rgba(90, 96, 246, 0.08), transparent 24%),
    linear-gradient(180deg, #f4f7fb 0%, var(--bg) 100%);
}

body[data-theme="delaware-blue"] {
  background: #faf9ff;
  overflow: hidden;
}

body.auth-required,
body.auth-pending {
  background: #071521;
}

body.auth-required .app-shell,
body.auth-pending .app-shell {
  display: none !important;
}

body.auth-pending .auth-gate {
  display: none !important;
}

.auth-gate {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 32px;
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 11% 18%, rgba(30, 52, 75, 0.72), transparent 9%),
    radial-gradient(circle at 91% 16%, rgba(30, 52, 75, 0.54), transparent 12%),
    linear-gradient(135deg, #071521 0%, #0b1724 58%, #08131e 100%);
  color: #eef5ff;
}

.auth-gate::before,
.auth-gate::after {
  content: "";
  position: absolute;
  width: 88vw;
  height: 44vw;
  border: 2px solid rgba(93, 125, 164, 0.08);
  border-radius: 50%;
  transform: rotate(-8deg);
  pointer-events: none;
}

.auth-gate::before {
  left: -8vw;
  bottom: -22vw;
}

.auth-gate::after {
  right: -18vw;
  bottom: -18vw;
}

.auth-gate__brand {
  position: absolute;
  top: 2vh;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  opacity: 0.48;
  user-select: none;
}

.auth-gate__brand h1 {
  margin: 0;
  font-size: clamp(5rem, 16vw, 13rem);
  line-height: 0.86;
  letter-spacing: 0;
  color: #a8b6c9;
  font-weight: 800;
}

.auth-gate__brand p {
  margin: 20px 0 0;
  font-size: clamp(1.4rem, 3vw, 3rem);
  letter-spacing: 0.32em;
  text-transform: uppercase;
  color: #9badc2;
}

.auth-gate__card {
  position: relative;
  z-index: 1;
  width: min(432px, 92vw);
  margin-top: 18vh;
  padding: 28px 26px 24px;
  border: 1px solid rgba(149, 177, 212, 0.2);
  border-radius: 14px;
  background: rgba(14, 29, 43, 0.92);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.32);
  text-align: center;
}

.auth-gate__icon {
  display: block;
  width: 52px;
  height: 52px;
  margin: 0 auto 14px;
}

.auth-gate__mark {
  width: 42px;
  height: 42px;
  margin: 0 auto 14px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3px;
  padding: 6px;
  border-radius: 10px;
  background: #0d2439;
  box-shadow: inset 0 0 0 1px rgba(149, 177, 212, 0.16);
}

.auth-gate__mark span {
  display: grid;
  place-items: center;
  border-radius: 4px;
  background: #2a77ce;
  color: #ffffff;
  font-size: 0.48rem;
  font-weight: 800;
}

.auth-gate__mark span:first-child {
  background: #ffffff;
  color: #0b1a2a;
}

.auth-gate__card h2 {
  margin: 0;
  font-size: 1.55rem;
  letter-spacing: 0;
}

.auth-gate__card p {
  margin: 12px auto 20px;
  color: #bfd1e8;
  font-size: 0.84rem;
  line-height: 1.5;
}

/* Estate-standard login card layout: title, subtitle, button, muted access
   line below the button (matches SMS / TTS / LFP shells). */
.auth-gate__subtitle {
  margin: 6px auto 20px;
  color: #bfd1e8;
  font-size: 0.9rem;
}

.auth-gate__card .auth-gate__muted {
  margin: 14px auto 0;
  color: #9fb3cc;
  font-size: 0.8rem;
}

.microsoft-signin-button {
  min-height: 40px;
  border-radius: 7px;
  background: #2b78d0;
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 100%;
  text-decoration: none;
  font-size: 0.9rem;
  font-weight: 700;
}

.microsoft-signin-button:hover {
  background: #1f69bd;
}

.microsoft-logo {
  width: 14px;
  height: 14px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2px;
}

.microsoft-logo i:nth-child(1) { background: #f25022; }
.microsoft-logo i:nth-child(2) { background: #7fba00; }
.microsoft-logo i:nth-child(3) { background: #00a4ef; }
.microsoft-logo i:nth-child(4) { background: #ffb900; }

button,
input,
select,
textarea,
a {
  font: inherit;
}

a {
  color: inherit;
}

.hidden {
  display: none !important;
}

.workspace-search__icon,
.icon-button,
.workspace__divider,
.header-profile,
.sidebar-logout {
  display: none;
}

.app-shell {
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr) 380px;
  gap: 20px;
  min-height: 100vh;
  padding: 20px;
}

.sidebar,
.workspace,
.focus-pane {
  min-width: 0;
}

.sidebar {
  background: linear-gradient(180deg, var(--navy) 0%, var(--navy-soft) 100%);
  border: 1px solid var(--sidebar-border);
  border-radius: 26px;
  padding: 22px;
  box-shadow: var(--shadow);
  display: flex;
  flex-direction: column;
  gap: 20px;
  color: var(--sidebar-text);
}

.sidebar__brand h1 {
  margin: 4px 0 8px;
  font-size: 1.7rem;
}

.sidebar__eyebrow,
.workspace__label,
.focus-card__label,
.drawer__label,
.settings-card__label {
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-size: 0.74rem;
  color: var(--muted);
}

.sidebar__copy,
.sidebar__note,
.workspace__subtitle,
.surface__meta,
.focus-card__subtle,
.focus-body,
.settings-card p,
.candidate-card__meta,
.job-card p {
  margin: 0;
  color: var(--muted);
  line-height: 1.45;
}

.sidebar__copy,
.sidebar__note {
  color: var(--sidebar-muted);
}

.sidebar__actions,
.focus-actions,
.composer-controls,
.drawer__actions,
.workspace__tools {
  display: flex;
  gap: 10px;
}

.sidebar__actions {
  flex-direction: column;
}

.sidebar__nav {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.nav-item {
  width: 100%;
  border: 1px solid transparent;
  background: var(--sidebar-button);
  border-radius: 16px;
  padding: 12px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--sidebar-text);
  cursor: pointer;
}

.nav-item strong {
  color: var(--sidebar-muted);
}

.nav-item--active {
  background: var(--sidebar-active);
  border-color: var(--sidebar-border);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);
}

.sidebar__footer {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.text-button,
.text-link {
  border: 0;
  background: transparent;
  padding: 0;
  color: var(--sidebar-muted);
  text-align: left;
  cursor: pointer;
  text-decoration: none;
}

.text-button:hover,
.text-link:hover {
  color: #ffffff;
}

.primary-button,
.secondary-button,
.mini-button {
  border-radius: 14px;
  border: 1px solid transparent;
  cursor: pointer;
  transition: transform 140ms ease, border-color 140ms ease, background 140ms ease;
}

.primary-button:hover,
.secondary-button:hover,
.mini-button:hover {
  transform: translateY(-1px);
}

.primary-button {
  background: var(--accent);
  color: #fff;
  padding: 11px 14px;
}

.primary-button:hover {
  background: var(--accent-strong);
}

.secondary-button,
.mini-button {
  background: var(--surface-strong);
  color: var(--ink);
  border-color: var(--line);
  padding: 10px 14px;
}

.mini-button {
  padding: 8px 10px;
  font-size: 0.88rem;
}

.workspace {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.workspace__header,
.surface,
.focus-card {
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid var(--surface-border);
  border-radius: 26px;
  box-shadow: var(--panel-shadow);
}

.workspace__header {
  padding: 22px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
}

.workspace__header h2,
.surface__header h3,
.focus-card h3,
.candidate-card h4,
.job-card h4 {
  margin: 4px 0 0;
}

.workspace__tools {
  align-items: center;
  flex-wrap: wrap;
}

.workspace__tools input,
.workspace__tools select,
.drawer-form input,
.drawer-form select,
.drawer-form textarea,
.composer-controls select {
  border: 1px solid var(--line);
  background: var(--surface-strong);
  border-radius: 14px;
  padding: 11px 13px;
  color: var(--ink);
}

.workspace__tools input {
  min-width: 280px;
}

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

.summary-card {
  background: var(--summary-bg);
  border: 1px solid var(--summary-border);
  border-radius: 22px;
  padding: 16px 18px;
  box-shadow: var(--panel-shadow);
}

.summary-card__label {
  display: block;
  color: var(--muted);
  font-size: 0.88rem;
  margin-bottom: 6px;
}

.summary-card__value {
  font-size: 2rem;
}

.surface,
.focus-card {
  padding: 18px;
}

.delaware-dashboard {
  display: grid;
  grid-template-columns: minmax(0, 1.85fr) minmax(280px, 0.9fr);
  grid-template-areas:
    "toolbar toolbar"
    "metrics metrics"
    "progress offers"
    "lead sources"
    "lead upcoming";
  gap: 22px;
}

body[data-theme="delaware-blue"] #delawareDashboardSurface {
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 32px 40px 40px;
}

body[data-theme="delaware-blue"] #delawareCandidatesSurface {
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 32px 40px 40px;
}

body[data-theme="delaware-blue"] #delawareReportsSurface {
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 32px 40px 40px;
}

body[data-theme="delaware-blue"] #delawareCandidateDetailSurface {
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 32px 40px 48px;
}

.delaware-dashboard__toolbar {
  grid-area: toolbar;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.delaware-candidates-page {
  display: grid;
  gap: 20px;
}

.delaware-candidates-page__hero {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}

.delaware-candidates-page__hero h3 {
  margin: 0;
  font-family: "IBM Plex Sans", "Segoe UI", sans-serif;
  font-size: 1.85rem;
  line-height: 1.05;
  color: #051a3e;
}

.delaware-candidates-page__hero p {
  margin: 10px 0 0;
  color: #2f3b52;
  font-size: 1rem;
}

.delaware-candidates-page__actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.delaware-candidates-page__button {
  border-radius: 4px;
  min-height: 42px;
  padding: 10px 16px;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.84rem;
  letter-spacing: 0.02em;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.delaware-candidates-page__button-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.delaware-candidate-metric-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.delaware-candidate-stat-card {
  background: #ffffff;
  border: 1px solid #d7e0ec;
  border-radius: 8px;
  padding: 22px 18px;
  display: flex;
  align-items: center;
  gap: 18px;
}

.delaware-candidate-stat-card span {
  display: block;
  color: #2f3b52;
  font-size: 0.95rem;
}

.delaware-candidate-stat-card strong {
  display: block;
  margin-top: 6px;
  color: #051a3e;
  font-family: "IBM Plex Sans", "Segoe UI", sans-serif;
  font-size: 2.2rem;
  line-height: 1;
}

.delaware-candidates-controls {
  background: #ffffff;
  border: 1px solid #d7e0ec;
  border-radius: 8px;
  padding: 18px 20px;
  display: grid;
  gap: 14px;
  overflow: hidden;
}

.candidate-bulk-menu {
  position: relative;
}

.candidate-bulk-menu__menu {
  position: absolute;
  z-index: 40;
  top: calc(100% + 8px);
  right: 0;
  width: 250px;
  padding: 6px;
  border: 1px solid #c9d5e5;
  border-radius: 6px;
  background: #ffffff;
  box-shadow: 0 14px 34px rgba(5, 26, 62, 0.16);
}

.candidate-bulk-menu__summary {
  margin: 0;
  padding: 9px 10px;
  border-bottom: 1px solid #e1e7f0;
  color: #50627f;
  font-size: 0.78rem;
}

.candidate-bulk-menu__item {
  width: 100%;
  min-height: 40px;
  padding: 8px 10px;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: #15213a;
  display: flex;
  align-items: center;
  gap: 9px;
  text-align: left;
  cursor: pointer;
}

.candidate-bulk-menu__item:hover:not(:disabled),
.candidate-bulk-menu__item:focus-visible {
  background: #edf3ff;
}

.candidate-bulk-menu__item:disabled {
  opacity: 0.42;
  cursor: not-allowed;
}

.candidate-bulk-menu__item--danger {
  color: #b42318;
}

.delaware-candidate-table {
  background: #ffffff;
  border: 1px solid #d7e0ec;
  border-radius: 8px;
  overflow-x: auto;
}

.delaware-candidate-table__header,
.delaware-candidate-row {
  min-width: 1120px;
}

.delaware-candidates-controls__search {
  position: relative;
  max-width: 480px;
}

.delaware-candidates-controls__search input {
  width: 100%;
  min-height: 46px;
  padding: 12px 16px 12px 48px;
  border: 1px solid #c3c6d6;
  border-radius: 6px;
  background: #ffffff;
  box-shadow: none;
}

.delaware-candidates-controls__search-icon {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: #737685;
  display: inline-flex;
}

.delaware-candidates-controls__chips {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.delaware-filter-pill {
  border: 1px solid #c3c6d6;
  background: #ffffff;
  color: #051a3e;
  border-radius: 999px;
  min-height: 36px;
  padding: 7px 18px;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.76rem;
  letter-spacing: 0.02em;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.delaware-filter-pill--active {
  background: #0052cc;
  border-color: #0052cc;
  color: #ffffff;
}

.delaware-filter-pill--filters {
  padding-inline: 16px;
}

.delaware-filter-pill__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.delaware-candidates-controls__panel {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.delaware-candidates-controls__panel .delaware-filter-select select {
  min-width: 190px;
}

.delaware-candidate-table__header,
.delaware-candidate-row {
  display: grid;
  grid-template-columns: 44px minmax(220px, 1.55fr) minmax(210px, 1.3fr) 140px 130px 160px 60px;
  align-items: center;
  gap: 14px;
}

.delaware-candidate-table__header {
  padding: 16px 20px;
  border-bottom: 1px solid #d7e0ec;
  color: #434654;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.78rem;
  letter-spacing: 0.06em;
}

.delaware-candidate-table__rows {
  display: flex;
  flex-direction: column;
}

.delaware-candidate-row {
  width: 100%;
  border: 0;
  border-bottom: 1px solid #d7e0ec;
  background: #ffffff;
  padding: 20px;
  text-align: left;
  cursor: pointer;
}

.delaware-candidate-row:hover,
.delaware-candidate-row:focus-visible {
  background: #f7f9fd;
  outline: none;
}

.delaware-candidate-row--selected,
.delaware-candidate-row--selected:hover,
.delaware-candidate-row--selected:focus-visible {
  background: #edf3ff;
  box-shadow: inset 3px 0 #0052cc;
}

.delaware-candidate-row:last-child {
  border-bottom: 0;
}

.delaware-candidate-row__check {
  display: inline-flex;
  justify-content: center;
}

.delaware-candidate-row__check input {
  width: 20px;
  height: 20px;
}

.delaware-candidate-row__candidate,
.delaware-candidate-row__role {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}

.delaware-candidate-row__candidate span,
.delaware-candidate-row__role {
  display: grid;
  gap: 4px;
}

.delaware-candidate-row__candidate strong,
.delaware-candidate-row__role strong {
  color: #051a3e;
  font-family: "IBM Plex Sans", "Segoe UI", sans-serif;
  font-size: 1rem;
}

.delaware-candidate-row__candidate small,
.delaware-candidate-row__role small,
.delaware-candidate-row__activity {
  color: #434654;
  font-size: 0.82rem;
}

.candidate-application-count {
  width: fit-content;
  color: #0f4cb4;
  font-size: 0.72rem;
  font-weight: 700;
}

.delaware-candidate-row__actions {
  color: #737685;
  font-family: "JetBrains Mono", monospace;
  font-size: 1.2rem;
  text-align: center;
}

.delaware-candidate-table__footer {
  padding: 16px 20px;
  border-top: 1px solid #d7e0ec;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.delaware-candidate-table__footer p {
  margin: 0;
  color: #2f3b52;
}

.delaware-candidate-detail {
  display: grid;
  gap: 20px;
}

.delaware-candidate-detail__crumbs {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  color: #50627f;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.78rem;
  letter-spacing: 0.04em;
}

.delaware-candidate-detail__crumbs strong {
  color: #051a3e;
}

.delaware-candidate-detail__back {
  min-width: 38px !important;
  max-width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  border: 1px solid #c3c6d6 !important; /* outline-variant */
  background: #ffffff !important;
  color: #003d9b !important; /* primary */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  padding: 0 !important;
  transition: all 140ms ease !important;
  box-shadow: 0 2px 5px rgba(9, 30, 66, 0.08) !important;
}

.delaware-candidate-detail__back:hover {
  background: #f1f3ff !important;
  border-color: #003d9b !important;
  color: #003d9b !important;
}

.delaware-candidate-detail__hero {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}

.delaware-candidate-detail__hero h3 {
  margin: 0;
  color: #051a3e;
  font-family: "IBM Plex Sans", "Segoe UI", sans-serif;
  font-size: 2rem;
  line-height: 1.05;
}

.delaware-candidate-detail__hero p {
  margin: 10px 0 0;
  color: #2f3b52;
  font-size: 1rem;
}

.delaware-candidate-detail__actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.delaware-candidate-detail__action {
  min-height: 42px;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.delaware-candidate-detail__action--primary {
  padding-inline: 18px;
}

.delaware-candidate-detail__action--icon {
  min-width: 42px;
  padding-inline: 12px;
  font-family: "JetBrains Mono", monospace;
}

.candidate-header-menu {
  position: relative;
}

.candidate-header-menu__menu {
  background: #ffffff;
  border: 1px solid #d7e0ec;
  border-radius: 6px;
  box-shadow: 0 12px 28px rgba(5, 26, 62, 0.15);
  min-width: 190px;
  padding: 6px;
  position: absolute;
  right: 0;
  top: calc(100% + 6px);
  z-index: 20;
}

.candidate-header-menu__item {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 4px;
  color: #16315e;
  cursor: pointer;
  display: flex;
  gap: 8px;
  padding: 9px 10px;
  text-align: left;
  width: 100%;
}

.candidate-header-menu__item:hover {
  background: #f2f5fa;
}

.candidate-header-menu__item--danger {
  color: #a11b2b;
}

.candidate-header-menu__item .material-symbols-outlined {
  font-size: 18px;
}

.delaware-candidate-detail__action-icon,
.delaware-candidate-detail__inline-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.delaware-candidate-detail__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.8fr) minmax(280px, 0.92fr);
  gap: 20px;
  align-items: start;
}

.delaware-candidate-detail__main,
.delaware-candidate-detail__rail,
.delaware-detail-card-grid {
  display: grid;
  gap: 20px;
}

.delaware-detail-card {
  background: #ffffff;
  border: 1px solid #d7e0ec;
  border-radius: 10px;
  padding: 22px;
  box-shadow: 0 10px 24px rgba(8, 28, 78, 0.05);
}

.delaware-detail-card--overview {
  padding-top: 24px;
}

.delaware-detail-card__header,
.delaware-detail-card__overview-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.delaware-detail-card__header h4,
.delaware-detail-card__overview-top h4 {
  margin: 8px 0 0;
  color: #051a3e;
  font-family: "IBM Plex Sans", "Segoe UI", sans-serif;
  font-size: 1.28rem;
  line-height: 1.1;
}

.delaware-detail-card__avatar-block {
  display: flex;
  align-items: flex-start;
  gap: 22px;
  min-width: 0;
}

.delaware-detail-card__media {
  width: 128px;
  height: 128px;
  border-radius: 22px;
  overflow: hidden;
  background: linear-gradient(180deg, #eef4ff 0%, #d8e5ff 100%);
  border: 1px solid #d7e0ec;
  flex-shrink: 0;
  display: grid;
  place-items: center;
}

.delaware-detail-card__photo {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.delaware-detail-card__avatar {
  width: 100%;
  height: 100%;
  border-radius: 0;
  font-size: 2rem;
  background: transparent;
  color: #0f4cb4;
}

.delaware-detail-card__overview-copy {
  min-width: 0;
  padding-top: 6px;
}

.delaware-detail-card__overview-meta {
  margin: 10px 0 0;
  color: #50627f;
  font-size: 0.94rem;
  line-height: 1.5;
}

.delaware-detail-card__overview-links {
  display: flex;
  gap: 10px;
  align-items: flex-start;
}

.delaware-detail-card__facts {
  margin-top: 28px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.delaware-detail-fact {
  background: #f7f9fd;
  border: 1px solid #e1e7f0;
  border-radius: 8px;
  padding: 14px 15px;
  display: grid;
  gap: 6px;
}

.delaware-detail-fact span,
.delaware-detail-education__item span,
.delaware-detail-note-callout span,
.delaware-detail-insights__ring span,
.delaware-detail-insights__bar-meta span,
.delaware-detail-timeline__row span {
  color: #5a6882;
  font-size: 0.76rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.delaware-detail-fact strong,
.delaware-detail-education__item strong,
.delaware-detail-note-callout strong {
  color: #051a3e;
  font-size: 0.98rem;
}

.delaware-detail-timeline {
  margin-top: 18px;
  display: grid;
  gap: 16px;
}

.delaware-detail-timeline__item {
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr);
  gap: 14px;
}

.delaware-detail-timeline__marker {
  width: 12px;
  height: 12px;
  border-radius: 999px;
  margin-top: 6px;
  background: #0f4cb4;
  box-shadow: 0 0 0 4px #e8efff;
}

.delaware-detail-timeline__content {
  border-left: 1px solid #d7e0ec;
  padding-left: 18px;
  padding-bottom: 6px;
}

.delaware-detail-timeline__row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.delaware-detail-timeline__row strong {
  display: block;
  color: #051a3e;
  font-size: 1rem;
}

.delaware-detail-timeline__row time {
  color: #50627f;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.76rem;
  max-width: 220px;
  text-align: right;
  line-height: 1.45;
}

.delaware-detail-timeline__content p,
.delaware-detail-activity__item p,
.delaware-detail-notes p,
.delaware-detail-insights__score p,
.delaware-detail-resume__preview p {
  margin: 10px 0 0;
  color: #2f3b52;
  line-height: 1.55;
}

.delaware-detail-card-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.delaware-detail-card__body,
.delaware-detail-skills,
.delaware-detail-insights,
.delaware-detail-activity,
.delaware-detail-notes,
.delaware-detail-education__item {
  margin-top: 18px;
}

.delaware-detail-education {
  margin-top: 18px;
  display: grid;
  gap: 8px;
}

.delaware-detail-education strong {
  color: #051a3e;
  font-size: 1.05rem;
}

.delaware-detail-education p {
  margin: 0;
  color: #2f3b52;
}

.delaware-detail-education span {
  color: #607089;
  font-size: 0.88rem;
}

.delaware-detail-skills {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  flex-wrap: wrap;
}

.delaware-detail-skill {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid #cfdbf6;
  background: #eef4ff;
  color: #0f4cb4;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.78rem;
}

.delaware-detail-resume {
  margin-top: 18px;
}

.delaware-detail-resume__preview {
  min-height: 180px;
  border: 1px dashed #c6d4eb;
  border-radius: 10px;
  background: linear-gradient(180deg, #fbfcff 0%, #f4f7fd 100%);
  padding: 22px;
  display: grid;
  align-content: center;
  gap: 10px;
}

.delaware-detail-resume__preview strong {
  color: #051a3e;
  font-size: 1rem;
}

.delaware-detail-resume__preview span {
  color: #50627f;
  font-size: 0.88rem;
}

.delaware-detail-resume__preview--empty {
  text-align: center;
}

.delaware-detail-resume__frame-wrap,
.delaware-detail-resume__image-wrap {
  min-height: 420px;
  border: 1px solid #d7e0ec;
  border-radius: 12px;
  overflow: hidden;
  background: #f5f8fd;
}

.delaware-detail-resume__frame {
  width: 100%;
  height: 420px;
  border: 0;
  background: #ffffff;
}

.delaware-detail-resume__image {
  display: block;
  width: 100%;
  height: auto;
  max-height: 560px;
  object-fit: contain;
  background: #ffffff;
}

.delaware-detail-resume__not-found {
  min-height: 180px;
  border: 1px dashed #c6d4eb;
  border-radius: 10px;
  background: linear-gradient(180deg, #fbfcff 0%, #f4f7fd 100%);
  display: grid;
  place-items: center;
  color: #607089;
  text-align: center;
  padding: 24px;
}

.delaware-detail-insights {
  display: grid;
  gap: 20px;
}

.delaware-detail-insights__score {
  display: grid;
  justify-items: center;
  gap: 18px;
  text-align: center;
}

.delaware-detail-insights__ring-wrap {
  position: relative;
  width: 164px;
  height: 164px;
  display: grid;
  place-items: center;
}

.delaware-detail-insights__ring {
  width: 164px;
  height: 164px;
  transform: rotate(-90deg);
}

.delaware-detail-insights__ring-track,
.delaware-detail-insights__ring-fill {
  fill: none;
  stroke-width: 12;
}

.delaware-detail-insights__ring-track {
  stroke: #dbe5f8;
}

.delaware-detail-insights__ring-fill {
  stroke: #0f4cb4;
  stroke-linecap: round;
}

.delaware-detail-insights__ring-copy {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 4px;
}

.delaware-detail-insights__ring-copy strong {
  color: #051a3e;
  font-family: "IBM Plex Sans", "Segoe UI", sans-serif;
  font-size: 2.4rem;
  line-height: 1;
}

.delaware-detail-insights__bars {
  display: grid;
  gap: 14px;
}

.delaware-detail-insights__bar-row {
  display: grid;
  gap: 8px;
}

.delaware-detail-insights__bar-meta,
.delaware-detail-activity__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.delaware-detail-insights__bar-meta strong,
.delaware-detail-activity__row strong {
  color: #051a3e;
  font-size: 0.94rem;
}

.delaware-detail-insights__bar {
  width: 100%;
  height: 8px;
  border-radius: 999px;
  background: #dbe5f8;
  overflow: hidden;
}

.delaware-detail-insights__bar i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #0f4cb4 0%, #2a6ceb 100%);
}

.delaware-detail-activity {
  display: grid;
  gap: 18px;
  position: relative;
}

.delaware-detail-activity::before {
  content: "";
  position: absolute;
  left: 13px;
  top: 10px;
  bottom: 10px;
  width: 1px;
  background: #d7e0ec;
}

.delaware-detail-activity__item {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 16px;
  position: relative;
  z-index: 1;
}

.delaware-detail-activity__icon {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  margin-top: 2px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #0f4cb4;
  color: #ffffff;
  font-size: 0.82rem;
  box-shadow: 0 0 0 4px #ffffff;
}

.delaware-detail-activity__row time {
  color: #50627f;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.75rem;
}

.delaware-detail-note-callout {
  margin-top: 18px;
  padding: 14px 15px;
  border-radius: 8px;
  background: #eef4ff;
  border: 1px solid #cfdbf6;
  display: grid;
  gap: 6px;
}

.delaware-detail-empty {
  margin: 0;
  color: #5a6882;
}

.modal-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(7, 20, 49, 0.48);
  z-index: 60;
}

.scheduler-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  width: min(1120px, calc(100vw - 48px));
  max-height: calc(100vh - 48px);
  transform: translate(-50%, -50%);
  border-radius: 16px;
  background: #ffffff;
  border: 1px solid #d7e0ec;
  box-shadow: 0 28px 60px rgba(8, 28, 78, 0.2);
  z-index: 61;
  padding: 24px;
  display: grid;
  gap: 18px;
  overflow: auto;
}

.scheduler-modal__header,
.scheduler-modal__toolbar,
.scheduler-modal__result-top,
.scheduler-modal__result-actions,
.scheduler-modal__preview-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.scheduler-modal__label {
  margin: 0 0 6px;
  color: #607089;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.76rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.scheduler-modal__header h3 {
  margin: 0;
  color: #051a3e;
  font-family: "IBM Plex Sans", "Segoe UI", sans-serif;
  font-size: 1.6rem;
}

.scheduler-modal__meta {
  margin: 8px 0 0;
  color: #50627f;
}

.scheduler-modal__search {
  display: grid;
  gap: 8px;
  min-width: min(420px, 100%);
  color: #607089;
  font-size: 0.82rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.scheduler-modal__search input {
  min-height: 44px;
  border: 1px solid #d7e0ec;
  border-radius: 10px;
  padding: 10px 14px;
  background: #ffffff;
}

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

.scheduler-modal__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(320px, 0.85fr);
  gap: 18px;
  align-items: start;
}

.scheduler-modal__results {
  display: grid;
  gap: 12px;
}

.scheduler-modal__result,
.scheduler-modal__preview-card {
  border: 1px solid #d7e0ec;
  border-radius: 12px;
  background: #fbfcff;
}

.scheduler-modal__result {
  padding: 16px;
  cursor: pointer;
  transition: border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}

.scheduler-modal__result:hover,
.scheduler-modal__result--selected {
  border-color: #0f4cb4;
  box-shadow: 0 10px 24px rgba(15, 76, 180, 0.08);
  transform: translateY(-1px);
}

.scheduler-modal__result strong,
.scheduler-modal__preview-card strong {
  color: #051a3e;
}

.scheduler-modal__result p,
.scheduler-modal__preview-card p,
.scheduler-modal__preview-card small,
.scheduler-modal__preview-card span {
  color: #50627f;
}

.scheduler-modal__score {
  min-width: 58px;
  min-height: 30px;
  border-radius: 999px;
  background: #edf3ff;
  color: #0f4cb4;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.78rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.scheduler-modal__result-meta {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 10px;
  color: #607089;
  font-size: 0.84rem;
}

.scheduler-modal__result-skills,
.scheduler-modal__preview-skills {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 12px;
}

.scheduler-modal__result-skills span,
.scheduler-modal__preview-skills span {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 6px 10px;
  border-radius: 999px;
  background: #eef4ff;
  border: 1px solid #cfdbf6;
  color: #0f4cb4;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.72rem;
}

.scheduler-modal__result-actions {
  margin-top: 14px;
}

.scheduler-modal__preview-card {
  padding: 18px;
  position: sticky;
  top: 0;
}

.scheduler-modal__preview-top a {
  color: #0f4cb4;
  text-decoration: none;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.78rem;
}

.scheduler-modal__preview-headline {
  margin: 10px 0 0;
  color: #051a3e !important;
  font-size: 1rem;
}

.scheduler-modal__preview-copy {
  margin: 8px 0 0;
}

.scheduler-modal__preview-section {
  margin-top: 18px;
  display: grid;
  gap: 8px;
}

.scheduler-modal__preview-section h4 {
  margin: 0;
  color: #051a3e;
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.scheduler-modal__preview-experience {
  display: grid;
  gap: 12px;
}

.scheduler-modal__preview-experience article {
  padding: 12px;
  border-radius: 10px;
  background: #ffffff;
  border: 1px solid #e1e7f0;
  display: grid;
  gap: 6px;
}

.delaware-detail-notes__list {
  display: grid;
  gap: 12px;
}

.delaware-detail-note {
  padding: 16px;
  border-radius: 10px;
  background: #f7f9fd;
  border-left: 4px solid #0f4cb4;
}

.delaware-detail-note__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.delaware-detail-note__meta strong {
  color: #051a3e;
  font-size: 0.82rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.delaware-detail-note__meta time {
  color: #607089;
  font-size: 0.72rem;
}

.delaware-detail-notes__composer {
  display: block;
  margin-top: 16px;
}

.delaware-detail-notes__composer textarea {
  width: 100%;
  min-height: 110px;
  border: 1px solid #d7e0ec;
  border-radius: 10px;
  background: #ffffff;
  padding: 14px 15px;
  resize: vertical;
}

.delaware-detail-notes__actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 12px;
}

.delaware-detail-notes__button {
  min-height: 40px;
  border-radius: 8px;
}

.candidate-operations {
  display: grid;
  gap: 16px;
  margin-top: 18px;
}

.candidate-operation-form {
  display: grid;
  gap: 14px;
  padding-top: 16px;
  border-top: 1px solid #e1e7f0;
}

.candidate-operation-form:first-child {
  padding-top: 0;
  border-top: 0;
}

.candidate-operation-form__heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.candidate-operation-form__heading div {
  display: grid;
  gap: 4px;
}

.candidate-operation-form__heading strong,
.candidate-application-history > strong {
  color: #051a3e;
  font-size: 0.92rem;
}

.candidate-operation-form__heading span,
.candidate-operation-record span,
.candidate-application-history span {
  color: #607089;
  font-size: 0.78rem;
  line-height: 1.45;
}

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

.candidate-operation-grid--ratings {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.candidate-operation-form label {
  display: grid;
  gap: 6px;
  color: #46556f;
  font-size: 0.78rem;
}

.candidate-operation-form input,
.candidate-operation-form select,
.candidate-operation-form textarea {
  width: 100%;
  min-width: 0;
  border: 1px solid #cbd6e6;
  border-radius: 6px;
  background: #ffffff;
  color: #14233f;
  padding: 10px 11px;
  font: inherit;
}

.candidate-operation-form textarea {
  resize: vertical;
}

.candidate-operation-form__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}

.candidate-operation-list,
.candidate-onboarding-list,
.candidate-application-history {
  display: grid;
  gap: 0;
  border-top: 1px solid #e1e7f0;
}

.candidate-operation-record {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px 14px;
  padding: 13px 0;
  border-bottom: 1px solid #e1e7f0;
}

.candidate-operation-record > div {
  display: grid;
  gap: 4px;
}

.candidate-operation-record > p {
  grid-column: 1 / -1;
  margin: 0;
  color: #46556f;
  font-size: 0.82rem;
  line-height: 1.5;
}

.candidate-offer-counter {
  grid-column: 1 / -1;
  padding: 10px 12px;
  border-left: 3px solid #8c1d2c;
  background: #f8faff;
}

.candidate-offer-counter p {
  margin: 4px 0 0;
  color: #46556f;
  line-height: 1.5;
  white-space: pre-wrap;
}

.candidate-offer-documents {
  grid-column: 1 / -1;
  display: flex !important;
  flex-direction: row;
  gap: 8px !important;
  flex-wrap: wrap;
}

.candidate-offer-documents .secondary-button {
  min-height: 36px;
  text-decoration: none;
}

.candidate-offer-documents .material-symbols-outlined {
  font-size: 17px;
}

.candidate-scorecard-results {
  grid-column: 1 / -1;
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 8px !important;
}

.candidate-scorecard-results span {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  padding: 8px 10px;
  border: 1px solid #dce4f1;
  border-radius: 4px;
  background: #ffffff;
}

.candidate-operation-record--duplicate {
  align-items: center;
}

.candidate-applications-count,
.candidate-application-current {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 3px 8px;
  color: #0f4cb4;
  background: #e8f0ff;
  border-radius: 4px;
  font-size: 0.74rem;
  font-weight: 700;
}

.candidate-applications {
  display: grid;
  gap: 18px;
  margin-top: 18px;
}

.candidate-application-section,
.candidate-past-applications > div {
  display: grid;
  gap: 10px;
}

.candidate-application-section h5 {
  margin: 0;
  color: #34445e;
  font-size: 0.82rem;
}

.candidate-application-list,
.candidate-past-applications > div {
  border-top: 1px solid #e1e7f0;
}

.candidate-application-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 12px;
  padding: 14px 0;
  border-bottom: 1px solid #e1e7f0;
}

.candidate-application-item--current {
  padding-left: 12px;
  border-left: 3px solid #2f6fed;
}

.candidate-application-item__body {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.candidate-application-item__title {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  color: #051a3e;
}

.candidate-application-item__body > span {
  color: #607089;
  font-size: 0.78rem;
}

.candidate-application-item__action {
  white-space: nowrap;
}

.candidate-past-applications {
  border-top: 1px solid #d7e0ec;
  padding-top: 14px;
}

.candidate-past-applications summary {
  color: #34445e;
  cursor: pointer;
  font-size: 0.82rem;
  font-weight: 700;
}

.candidate-past-applications > div {
  margin-top: 10px;
}

@media (max-width: 760px) {
  .candidate-application-item {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .candidate-application-item__action {
    grid-column: 1 / -1;
    width: 100%;
  }
}

.candidate-operation-score {
  align-self: start;
  min-width: 42px;
  padding: 5px 8px;
  border-radius: 6px;
  background: #e9f1ff;
  color: #0f4cb4;
  font-weight: 700;
  text-align: center;
}

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

.candidate-onboarding-header > div {
  display: grid;
  gap: 4px;
}

.candidate-onboarding-header strong {
  color: #14233f;
  font-size: 0.94rem;
}

.candidate-onboarding-header > div > span {
  color: #607089;
  font-size: 0.76rem;
}

.candidate-onboarding-guide-link {
  flex: 0 0 auto;
}

.candidate-onboarding-header__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

.candidate-onboarding-progress {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
}

.candidate-onboarding-progress > div {
  overflow: hidden;
  height: 7px;
  border-radius: 4px;
  background: #e4eaf3;
}

.candidate-onboarding-progress > div > span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #1f6f5f;
  transition: width 180ms ease;
}

.candidate-onboarding-progress small,
.candidate-onboarding-section__header span {
  color: #607089;
  font-size: 0.74rem;
  white-space: nowrap;
}

.candidate-onboarding-sections {
  display: grid;
  gap: 20px;
}

.candidate-onboarding-section {
  min-width: 0;
}

.candidate-onboarding-section__header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 8px;
}

.candidate-onboarding-section__header h5 {
  margin: 0;
  color: #14233f;
  font-size: 0.86rem;
}

.candidate-onboarding-task {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr) minmax(72px, auto);
  align-items: start;
  gap: 12px;
  padding: 12px 0;
  border-bottom: 1px solid #e1e7f0;
  color: #24324a;
  font-size: 0.84rem;
}

.candidate-onboarding-task input {
  width: 16px;
  height: 16px;
  margin-top: 2px;
  accent-color: #1f6f5f;
}

.candidate-onboarding-task__copy {
  display: grid;
  min-width: 0;
  gap: 4px;
}

.candidate-onboarding-task__copy strong {
  color: #24324a;
  font-size: 0.84rem;
  line-height: 1.35;
}

.candidate-onboarding-task__copy small,
.candidate-onboarding-task__status {
  color: #607089;
  font-size: 0.72rem;
}

.candidate-onboarding-task__copy ul {
  display: grid;
  gap: 3px;
  margin: 3px 0 0 18px;
  padding: 0;
  color: #46556f;
  font-size: 0.76rem;
  line-height: 1.4;
}

.candidate-onboarding-task__copy em {
  color: #8c5a13;
  font-size: 0.72rem;
  font-style: normal;
  line-height: 1.4;
}

.candidate-onboarding-task__status {
  padding-top: 1px;
  text-align: right;
  white-space: nowrap;
}

.candidate-onboarding-task.is-complete .candidate-onboarding-task__copy strong {
  color: #477065;
}

.candidate-onboarding-empty > div {
  display: grid;
  gap: 6px;
}

@media (max-width: 760px) {
  .candidate-onboarding-header,
  .candidate-operation-empty-action.candidate-onboarding-empty {
    align-items: stretch;
    flex-direction: column;
  }

  .candidate-onboarding-guide-link,
  .candidate-onboarding-header__actions,
  .candidate-onboarding-header__actions .secondary-button,
  .candidate-onboarding-empty .primary-button {
    width: 100%;
  }

  .candidate-onboarding-header__actions {
    align-items: stretch;
    flex-direction: column;
  }

  .candidate-onboarding-task {
    grid-template-columns: 18px minmax(0, 1fr);
  }

  .candidate-onboarding-task__status {
    grid-column: 2;
    text-align: left;
  }
}

.candidate-operation-empty-action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.candidate-operation-empty-action p {
  margin: 0;
  color: #46556f;
}

.candidate-application-history {
  padding-top: 12px;
}

.candidate-application-history span {
  padding: 8px 0;
  border-bottom: 1px solid #e1e7f0;
}

.candidate-activity-actor {
  display: inline-block;
  margin-left: 4px;
  color: #607089;
  font-size: 0.72rem;
}

.candidate-data-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  padding-top: 14px;
  border-top: 1px solid #e1e7f0;
}

.candidate-data-actions__danger {
  color: #a11b2b;
}

.offer-candidate-picker {
  width: min(760px, calc(100vw - 32px));
}

.offer-candidate-picker__body {
  display: grid;
  gap: 16px;
  min-height: 0;
  padding-top: 4px;
}

.offer-candidate-picker__grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.offer-candidate-picker__body label {
  display: grid;
  gap: 7px;
  color: #46556f;
  font-size: 0.8rem;
}

.offer-candidate-picker__candidate,
.offer-candidate-picker__wide {
  grid-column: 1 / -1;
}

.offer-candidate-picker__body select,
.offer-candidate-picker__body input,
.offer-candidate-picker__body textarea {
  width: 100%;
  min-width: 0;
  border: 1px solid #cbd6e6;
  border-radius: 6px;
  background: #ffffff;
  padding: 11px 12px;
  color: #14233f;
  font: inherit;
}

.offer-candidate-picker__body textarea {
  resize: vertical;
}

.delaware-candidate-pagination {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.delaware-candidate-pagination__pages {
  display: flex;
  gap: 8px;
}

.delaware-candidate-page-size {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #434654;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.72rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.delaware-candidate-page-size select {
  min-width: 64px;
  height: 38px;
  padding: 8px 30px 8px 12px;
  border: 1px solid #c3c6d6;
  border-radius: 4px;
  background: #ffffff;
  color: #051a3e;
  font-family: "JetBrains Mono", monospace;
}

.delaware-candidate-page-button {
  width: 42px;
  height: 42px;
  border: 1px solid #c3c6d6;
  border-radius: 4px;
  background: #ffffff;
  color: #051a3e;
  font-family: "JetBrains Mono", monospace;
  cursor: pointer;
}

.delaware-candidate-page-button--active {
  background: #0052cc;
  border-color: #0052cc;
  color: #ffffff;
}

.delaware-dashboard__filters {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  position: relative;
}

.delaware-archive-filter {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 0 12px;
  border: 1px solid #c7d3ea;
  border-radius: 4px;
  background: #ffffff;
  color: #16386f;
  font-family: "Inter", "Segoe UI", sans-serif;
  font-size: 0.82rem;
  font-weight: 600;
  cursor: pointer;
}

.delaware-archive-filter input {
  width: 16px;
  height: 16px;
  margin: 0;
  accent-color: #0052cc;
}

.delaware-archive-filter--offers {
  margin-right: 8px;
}

.delaware-filter-chip {
  border: 1px solid #c7d3ea;
  background: #ffffff;
  color: #16386f;
  border-radius: 4px;
  padding: 10px 16px;
}

.delaware-filter-chip--ghost {
  background: #f2f6ff;
}

.delaware-filter-select {
  position: relative;
  display: inline-flex;
}

.delaware-filter-select select {
  appearance: none;
  border: 1px solid #c7d3ea;
  background: #ffffff;
  color: #16386f;
  border-radius: 4px;
  padding: 10px 38px 10px 16px;
  min-width: 132px;
  height: 40px;
  box-shadow: none;
}

.delaware-filter-select::after {
  content: "";
  position: absolute;
  right: 14px;
  top: 50%;
  width: 10px;
  height: 10px;
  transform: translateY(-50%);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23607089' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center;
  background-size: contain;
  pointer-events: none;
}

.delaware-filter-select--with-icon select {
  min-width: 168px;
  padding-left: 40px;
}

.delaware-filter-select__icon {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #607089;
  pointer-events: none;
}

.delaware-dashboard__cta {
  min-width: 108px;
  border-radius: 4px;
  padding: 12px 18px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  justify-content: center;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.82rem;
  letter-spacing: 0.02em;
  box-shadow: 0 1px 2px rgba(5, 26, 62, 0.08);
}

.delaware-dashboard__cta-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

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

.delaware-metric-card,
.delaware-panel {
  background: #ffffff;
  border: 1px solid #d7e0ec;
  border-radius: 8px;
}

.delaware-metric-card {
  padding: 18px 18px 16px;
  transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.2s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.2s ease;
  box-shadow: 0 4px 12px rgba(5, 26, 62, 0.03);
}

.delaware-metric-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(5, 26, 62, 0.08);
  border-color: #bbcada;
}

.delaware-metric-card strong {
  display: block;
  font-family: "Inter", "Segoe UI", sans-serif;
  font-size: 3rem;
  line-height: 1;
  color: #0e2858;
  margin-top: 18px;
}

.delaware-metric-card span:last-child {
  display: block;
  margin-top: 12px;
  color: #1d335a;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.delaware-metric-card__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.delaware-metric-card__icon {
  width: 36px;
  height: 36px;
  border-radius: 6px;
  background: #dce8ff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px 18px;
}

.delaware-metric-card__icon--briefcase {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%230052cc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='7' width='20' height='14' rx='2'/%3E%3Cpath d='M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16'/%3E%3C/svg%3E");
}

.delaware-metric-card__icon--users {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%230052cc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E");
}

.delaware-metric-card__icon--calendar {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%230052cc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E");
}

.delaware-metric-card__icon--trend {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%230052cc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='22 7 13.5 15.5 8.5 10.5 2 17'/%3E%3Cpolyline points='16 7 22 7 22 13'/%3E%3C/svg%3E");
}

.delaware-metric-card__delta {
  color: #4b73ca;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.78rem;
  background: rgba(217, 226, 255, 0.65);
  padding: 6px 8px;
  border-radius: 0 0 0 20px;
  min-width: 82px;
  text-align: center;
}

.delaware-panel {
  padding: 22px;
}

.delaware-panel .surface__header {
  margin-bottom: 24px;
}

.delaware-panel--progress {
  grid-area: progress;
}

.delaware-panel--offers {
  grid-area: offers;
  display: flex;
  flex-direction: column;
}

.delaware-panel--lead {
  grid-area: lead;
}

.delaware-panel--sources {
  grid-area: sources;
}

.delaware-panel--upcoming {
  grid-area: upcoming;
  display: flex;
  flex-direction: column;
}

.delaware-progress-rows {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 2px;
}

.delaware-progress-row {
  width: 100%;
  border: 0;
  background: transparent;
  padding: 0;
  display: grid;
  grid-template-columns: minmax(130px, 24%) minmax(0, 1fr);
  gap: 16px;
  align-items: center;
  text-align: left;
  cursor: pointer;
}

.delaware-progress-row__body {
  display: grid;
  gap: 10px;
}

.delaware-progress-row__title strong,
.delaware-source-item__top strong {
  display: block;
  color: #16315e;
}

.delaware-progress-row__title span,
.delaware-source-item__top span,
.delaware-offer-stats span,
.delaware-gauge span,
.delaware-chart-column span,
.delaware-progress-legend {
  color: #607089;
}

.delaware-progress-row__track {
  min-height: 11px;
  display: flex;
  overflow: hidden;
  border-radius: 999px;
  background: #e7edf7;
  width: 100%;
}

.delaware-progress-segment {
  min-width: 10px;
}

.delaware-progress-segment--new {
  background: #0d5ad6;
}

.delaware-progress-segment--interview {
  background: #164aa8;
}

.delaware-progress-segment--submitted {
  background: #7ca2ff;
}

.delaware-progress-segment--hired {
  background: #0c204a;
}

.delaware-progress-legend {
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid #dbe4f1;
  display: flex;
  gap: 18px;
  flex-wrap: wrap;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.78rem;
}

.delaware-progress-legend span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.delaware-progress-row__counts {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.delaware-progress-count {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #607089;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.74rem;
}

.delaware-progress-count strong {
  color: #35507b;
  font-weight: 700;
}

.delaware-progress-count span {
  color: #607089;
}

.delaware-legend-dot {
  width: 11px;
  height: 11px;
  border-radius: 50%;
  display: inline-block;
}

.delaware-legend-dot--new { background: #0d5ad6; }
.delaware-legend-dot--interview { background: #164aa8; }
.delaware-legend-dot--submitted { background: #7ca2ff; }
.delaware-legend-dot--hired { background: #0c204a; }

.delaware-offer-acceptance {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  gap: 14px;
  padding: 4px 0 0;
}

.delaware-gauge {
  display: grid;
  gap: 10px;
  justify-items: center;
}

.delaware-gauge__frame {
  position: relative;
  width: 132px;
  height: 132px;
  display: grid;
  place-items: center;
  background: #ffffff;
}

.delaware-gauge__svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}

.delaware-gauge__frame strong {
  position: relative;
  z-index: 1;
  font-family: "IBM Plex Sans", "Segoe UI", sans-serif;
  font-size: 2rem;
  color: #16315e;
}

.delaware-gauge__track,
.delaware-gauge__progress {
  fill: none;
  stroke-width: 8;
}

.delaware-gauge__track {
  stroke: #dde5f3;
}

.delaware-gauge__progress {
  stroke: #0052cc;
  stroke-linecap: round;
}

.delaware-offer-stats {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: auto;
  align-self: stretch;
  padding: 8px 0 0;
}

.delaware-offer-stat {
  display: grid;
  justify-items: center;
  align-content: end;
  gap: 4px;
  text-align: center;
}

.delaware-offer-stats strong {
  display: block;
  color: #16315e;
  font-size: 1.4rem;
  line-height: 1;
  margin: 0;
}

.delaware-offer-stat__label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.delaware-offer-stat__dot {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #d8e0ec;
  flex: 0 0 7px;
}

.delaware-offer-stat__dot--sent {
  background: #dbe4f2;
}

.delaware-offer-stat__dot--accepted {
  background: #0052cc;
}

.delaware-offer-stat__dot--pending {
  background: #7ca2ff;
}

.delaware-offer-stat__dot--declined {
  background: #c4ccd9;
}

.delaware-tabset {
  display: inline-flex;
  gap: 10px;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.78rem;
}

.delaware-tabset__item {
  padding: 8px 12px;
  border: 1px solid #cbd7ec;
  border-radius: 4px;
  color: #5d6980;
  background: #ffffff;
  cursor: pointer;
}

.delaware-tabset__item--active {
  background: #dbe6ff;
  color: #184aa6;
  border-color: transparent;
}

.delaware-lead-chart {
  min-height: 250px;
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 18px;
  padding-top: 14px;
}

.delaware-chart-scale {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: right;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.74rem;
  color: #66758f;
  padding-bottom: 28px;
}

.delaware-chart-columns {
  position: relative;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 18px;
  align-items: stretch;
  height: 250px;
  min-height: 250px;
}

.delaware-chart-columns::before {
  content: "";
  position: absolute;
  inset: 0 0 28px;
  background:
    linear-gradient(to top, transparent 24%, #edf2fa 24%, #edf2fa 25%, transparent 25%),
    linear-gradient(to top, transparent 49%, #edf2fa 49%, #edf2fa 50%, transparent 50%),
    linear-gradient(to top, transparent 74%, #edf2fa 74%, #edf2fa 75%, transparent 75%);
  pointer-events: none;
}

.delaware-chart-columns--quarterly {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 28px;
}

.delaware-chart-column {
  position: relative;
  z-index: 1;
  min-height: 0;
  display: grid;
  grid-template-rows: minmax(0, 1fr) 20px;
  align-items: stretch;
  gap: 8px;
  text-align: center;
}

.delaware-chart-column__plot {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 0;
}

.delaware-chart-column__value {
  position: absolute;
  left: 50%;
  bottom: min(calc(var(--bar-height) + 5px), calc(100% - 16px));
  transform: translateX(-50%);
  color: #253b60;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.72rem;
  font-weight: 600;
}

.delaware-chart-column span {
  font-size: 0.74rem;
}

.delaware-chart-column__bar {
  position: absolute;
  left: 7%;
  bottom: 0;
  height: var(--bar-height);
  width: 86%;
  min-height: 0;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(180deg, #1f63da 0%, #0f4db9 100%);
}

.delaware-chart-column__bar--empty {
  display: none;
}

.delaware-source-list {
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding-top: 8px;
}

.delaware-source-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.delaware-source-item__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.delaware-source-item__bar {
  width: 100%;
  height: 8px;
  border-radius: 999px;
  background: #e8eef8;
  overflow: hidden;
}

.delaware-source-item__bar span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #0f4cb4 0%, #2a6ceb 100%);
}

.delaware-upcoming__more {
  color: #607089;
  font-family: "JetBrains Mono", monospace;
  font-size: 1rem;
  line-height: 1;
  padding: 0;
}

.delaware-upcoming__menu {
  position: relative;
}

.delaware-upcoming__menu-popover {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  min-width: 128px;
  padding: 6px;
  border: 1px solid #d7e0ec;
  border-radius: 6px;
  background: #ffffff;
  box-shadow: 0 16px 28px rgba(5, 26, 62, 0.12);
  display: grid;
  gap: 4px;
  z-index: 3;
}

.delaware-upcoming__menu-item {
  border: 0;
  background: transparent;
  border-radius: 4px;
  padding: 8px 10px;
  text-align: left;
  color: #16315e;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.72rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  cursor: pointer;
}

.delaware-upcoming__menu-item:hover,
.delaware-upcoming__menu-item--active {
  background: #edf3ff;
  color: #0f4cb4;
}

.delaware-upcoming-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.delaware-upcoming-card {
  border: 1px solid #d7e0ec;
  border-radius: 4px;
  background: #ffffff;
  padding: 12px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  width: 100%;
  text-align: left;
  cursor: pointer;
  transition: border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}

.delaware-upcoming-card:hover {
  border-color: #b9cce8;
  box-shadow: 0 8px 18px rgba(5, 26, 62, 0.06);
  transform: translateY(-1px);
}

.delaware-upcoming-card__date {
  min-height: 62px;
  border-radius: 2px;
  background: #edf3ff;
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 2px;
  color: #0f4cb4;
  font-family: "JetBrains Mono", monospace;
}

.delaware-upcoming-card__month {
  font-size: 0.58rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.delaware-upcoming-card__day {
  font-family: "Inter", "Segoe UI", sans-serif;
  font-size: 1.55rem;
  line-height: 1;
  color: #16315e;
  font-weight: 700;
}

.delaware-upcoming-card__content {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.delaware-upcoming-card__title {
  margin: 0;
  color: #16315e;
  font-size: 1rem;
  line-height: 1.2;
}

.delaware-upcoming-card__role {
  margin: 0;
  color: #607089;
  font-size: 0.84rem;
}

.delaware-upcoming-card__time {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #51627f;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.68rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.delaware-upcoming-card__time::before {
  content: "";
  width: 12px;
  height: 12px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2351627f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpolyline points='12 7 12 12 15 14'/%3E%3C/svg%3E") no-repeat center;
  background-size: contain;
  flex: 0 0 12px;
}

.delaware-upcoming__cta {
  width: 100%;
  margin-top: 14px;
  border-radius: 4px;
  justify-content: center;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.76rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.surface__header,
.focus-card__header,
.candidate-card__top,
.job-card__top,
.draft-card__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

.candidate-list,
.job-list,
.mini-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.candidate-card,
.job-card,
.pipeline-card,
.mini-list__item,
.settings-card {
  background: var(--surface-strong);
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 16px;
  box-shadow: 0 8px 20px rgba(23, 37, 56, 0.04);
}

.candidate-card,
.job-card,
.pipeline-card,
.mini-list__item {
  cursor: pointer;
}

.candidate-card--selected,
.job-card--selected {
  border-color: var(--accent);
  box-shadow: 0 14px 28px rgba(42, 108, 235, 0.12);
}

.candidate-card__title-row {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.candidate-card__identity,
.pipeline-card__identity {
  display: flex;
  align-items: center;
  gap: 12px;
}

.candidate-card__actions,
.job-card__actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.candidate-card__body {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.candidate-card__line {
  background: var(--surface-soft);
  border-radius: 14px;
  padding: 12px;
}

.candidate-card__label,
.fact span,
.job-card__metrics span {
  display: block;
  color: var(--muted);
  font-size: 0.82rem;
  margin-bottom: 4px;
}

.candidate-card__footer {
  margin-top: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}

.candidate-card__footer-meta {
  color: var(--muted);
  font-size: 0.88rem;
}

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

.chip,
.status-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  padding: 6px 10px;
  font-size: 0.8rem;
  font-weight: 600;
}

.chip {
  background: var(--surface-soft);
}

.avatar-badge {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #dce8f5, #edf5fb);
  color: var(--navy);
  font-weight: 700;
}

.avatar-badge--small {
  width: 34px;
  height: 34px;
  border-radius: 12px;
  font-size: 0.82rem;
}

.chip--done,
.status-badge--hired,
.status-badge--open {
  background: var(--green-soft);
  color: var(--green-ink);
}

.status-badge,
.status-badge--applied,
.status-badge--screening,
.status-badge--interview-1,
.status-badge--interview-2,
.status-badge--offer-extended {
  background: var(--accent-soft);
  color: var(--accent-strong);
}

.status-badge--ohio-visit,
.status-badge--on-hold,
.status-badge--critical {
  background: var(--gold-soft);
  color: var(--gold-ink);
}

.status-badge--declined,
.status-badge--rejected,
.status-badge--withdrawn,
.status-badge--closed {
  background: var(--red-soft);
  color: var(--red-ink);
}

.pipeline-board {
  display: grid;
  grid-template-columns: repeat(7, minmax(220px, 1fr));
  gap: 12px;
  overflow-x: auto;
  padding-bottom: 4px;
}

.pipeline-column {
  background: linear-gradient(180deg, #f4f7fb 0%, #edf2f8 100%);
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 14px;
}

.pipeline-column__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

.pipeline-column__header h4 {
  margin: 0;
}

.pipeline-column__body {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.pipeline-card {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.pipeline-card__meta-row {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 2px;
}

.job-card__metrics,
.fact-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.fact-grid__action {
  grid-column: 1 / -1;
}

.job-card__metrics div,
.fact {
  background: var(--surface-soft);
  border-radius: 16px;
  padding: 12px;
}

.settings-summary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
}

.settings-card {
  background: var(--surface-soft);
  border-radius: 18px;
  padding: 16px;
}

.settings-card strong {
  display: block;
  margin: 8px 0 6px;
}

.settings-card p {
  margin: 0;
}

.settings-card__label {
  color: var(--muted);
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.settings-card__meta {
  margin-top: 8px !important;
  color: var(--muted);
  font-size: 0.86rem;
}

.settings-card--accent {
  background: linear-gradient(180deg, var(--accent-soft) 0%, rgba(255, 255, 255, 0.92) 100%);
  border: 1px solid rgba(106, 126, 252, 0.16);
}

.secondary-button--compact {
  margin-top: 12px;
  align-self: flex-start;
}

.focus-pane {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.focus-stack {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.focus-empty,
.empty-state {
  background: rgba(255, 253, 248, 0.78);
  border: 1px dashed var(--line-strong);
  border-radius: 24px;
  padding: 22px;
  color: var(--muted);
  text-align: center;
}

.empty-state--compact {
  padding: 12px;
  border-radius: 16px;
  font-size: 0.9rem;
}

.focus-body {
  white-space: pre-wrap;
}

.focus-block + .focus-block {
  margin-top: 16px;
}

.draft-card {
  margin-top: 14px;
  background: var(--surface-soft);
  border: 1px solid var(--line);
  border-radius: 18px;
  overflow: hidden;
}

.draft-card__header {
  padding: 12px 14px;
  border-bottom: 1px solid var(--line);
}

.draft-card__body {
  margin: 0;
  padding: 16px;
  min-height: 220px;
  white-space: pre-wrap;
  font-family: "Iowan Old Style", Georgia, serif;
}

.mini-list__item {
  width: 100%;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.drawer-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(39, 28, 20, 0.28);
  z-index: 999;
}

.drawer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: min(720px, 100vw);
  background: var(--surface);
  border-left: 1px solid var(--line);
  box-shadow: -20px 0 40px rgba(55, 41, 28, 0.12);
  padding: 22px;
  overflow-y: auto;
  z-index: 1000;
}

.drawer--job-posting {
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  width: min(920px, calc(100vw - 32px));
  max-height: calc(100vh - 32px);
  transform: translate(-50%, -50%);
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: 0 24px 64px rgba(34, 49, 79, 0.24);
}

body[data-theme="minimal-dark"] .sidebar,
body[data-theme="delaware-blue"] .sidebar {
  border-radius: 0;
}

body[data-theme="delaware-blue"] .app-shell {
  padding: 0;
}

body[data-theme="delaware-blue"] .app-shell > .workspace,
body[data-theme="delaware-blue"] .app-shell > .focus-pane {
  padding-top: 0;
}

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

.drawer__header h3,
.form-section h4 {
  margin: 4px 0 0;
}

.drawer-form {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.form-section {
  background: var(--surface-soft);
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 16px;
}

.form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 14px;
}

.form-grid label,
.form-section label {
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: var(--muted);
  font-size: 0.92rem;
}

.job-publish-toggle {
  align-self: end;
  min-height: 44px;
  flex-direction: row !important;
  align-items: center;
  gap: 10px !important;
  padding: 0 2px;
  color: var(--ink) !important;
  font-weight: 600;
}

.job-publish-toggle input {
  width: 18px;
  height: 18px;
  margin: 0;
}

.form-section__hint {
  margin: 12px 0 0;
  color: var(--muted);
  font-size: 0.86rem;
}

.job-posting-readiness {
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid var(--line);
}

.job-posting-readiness__header {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  color: var(--ink);
  font-size: 0.88rem;
}

.job-posting-readiness__header span {
  color: var(--muted);
}

.job-posting-checklist {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 14px;
  margin: 12px 0 0;
  padding: 0;
}

.job-posting-checklist__item {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #7a3340;
  font-size: 0.84rem;
}

.job-posting-checklist__item.is-complete {
  color: #28643f;
}

.job-posting-checklist__item .material-symbols-outlined {
  flex: 0 0 auto;
  font-size: 18px;
}

.job-form-status {
  min-height: 20px;
  margin: 0;
  color: var(--muted);
  font-size: 0.88rem;
}

.job-form-status.is-error {
  color: #a32735;
}

#jobPreviewBackdrop {
  z-index: 1100;
}

.job-preview-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  width: min(1040px, calc(100vw - 32px));
  max-height: calc(100vh - 32px);
  transform: translate(-50%, -50%);
  z-index: 1101;
  overflow: auto;
  padding: 24px;
  border: 1px solid #ccd6e2;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 28px 64px rgba(20, 34, 58, 0.24);
}

.job-preview-modal__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding-bottom: 18px;
  border-bottom: 1px solid #dbe2ea;
}

.job-preview-modal__header h3 {
  margin: 4px 0 0;
  color: #16233a;
  font-size: 1.7rem;
}

.job-preview-meta {
  margin: 8px 0 0;
  color: #59677a;
}

.job-preview-layout {
  display: grid;
  grid-template-columns: minmax(220px, 0.34fr) minmax(0, 1fr);
  gap: 28px;
  padding-top: 22px;
}

.job-preview-readiness {
  padding-right: 24px;
  border-right: 1px solid #dbe2ea;
  color: #16233a;
}

.job-preview-readiness .job-posting-checklist {
  grid-template-columns: 1fr;
}

.job-preview-content {
  min-width: 0;
  color: #26354b;
}

.job-preview-compensation {
  margin-bottom: 22px;
  color: #1f5638;
  font-weight: 700;
}

.job-preview-section {
  padding: 18px 0;
  border-top: 1px solid #e3e8ee;
}

.job-preview-section:first-of-type {
  border-top: 0;
  padding-top: 0;
}

.job-preview-section h4 {
  margin: 0 0 10px;
  color: #16233a;
  font-size: 1rem;
}

.job-preview-section p,
.job-preview-section ul {
  margin: 0;
  line-height: 1.6;
}

.job-preview-section ul {
  padding-left: 20px;
}

.job-preview-empty {
  color: #9a3b45;
  font-style: italic;
}

.drawer__actions {
  justify-content: flex-start;
  flex-wrap: wrap;
}

.text-alert {
  color: var(--red-ink);
}

@media (max-width: 1450px) {
  .app-shell {
    grid-template-columns: 250px minmax(0, 1fr) 340px;
  }

  .summary-strip,
  .settings-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

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

  body[data-theme="delaware-blue"] .app-shell {
    grid-template-columns: 1fr;
    margin: 0;
  }

  .delaware-dashboard {
    grid-template-columns: 1fr;
    grid-template-areas:
      "toolbar"
      "metrics"
      "progress"
      "offers"
      "lead"
      "sources"
      "upcoming";
  }

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

  .delaware-candidate-metric-grid {
    grid-template-columns: 1fr;
  }

  .focus-pane {
    order: 3;
  }

  .sidebar {
    order: 1;
  }

  .workspace {
    order: 2;
  }
}

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

@media (max-width: 820px) {
  .app-shell {
    padding: 12px;
  }

  .workspace__header,
  .surface__header,
  .focus-card__header,
  .candidate-card__top,
  .job-card__top,
  .drawer__header {
    flex-direction: column;
    align-items: flex-start;
  }

  .job-preview-modal__header {
    flex-direction: column;
  }

  .job-preview-layout {
    grid-template-columns: 1fr;
  }

  .job-preview-readiness {
    padding-right: 0;
    padding-bottom: 20px;
    border-right: 0;
    border-bottom: 1px solid #dbe2ea;
  }

  .job-posting-checklist {
    grid-template-columns: 1fr;
  }

  .workspace__tools,
  .focus-actions,
  .composer-controls,
  .drawer__actions,
  .candidate-card__actions,
  .job-card__actions {
    width: 100%;
    flex-direction: column;
  }

  .workspace__tools input,
  .workspace__tools select {
    width: 100%;
    min-width: 0;
  }

  body[data-theme="delaware-blue"] .focus-stack,
  body[data-theme="delaware-blue"] .candidate-card__body {
    grid-template-columns: 1fr;
  }

  .delaware-dashboard__toolbar {
    display: grid;
  }

  .delaware-candidates-page__hero {
    display: grid;
  }

  .delaware-candidates-page__actions {
    width: 100%;
  }

  .delaware-candidate-detail__hero,
  .delaware-candidate-detail__grid,
  .delaware-detail-timeline__row {
    display: grid;
  }

  .delaware-detail-card__facts,
  .delaware-detail-card-grid,
  .candidate-operation-grid,
  .candidate-operation-grid--ratings {
    grid-template-columns: 1fr;
  }

  .candidate-operation-record--duplicate,
  .candidate-operation-empty-action {
    display: grid;
  }

  .scheduler-modal {
    width: calc(100vw - 24px);
    max-height: calc(100vh - 24px);
    padding: 18px;
  }

  .scheduler-modal__toolbar,
  .scheduler-modal__header,
  .scheduler-modal__grid {
    display: grid;
  }

  .scheduler-modal__search {
    min-width: 0;
  }

  .delaware-offer-stats,
  .delaware-metric-grid {
    grid-template-columns: 1fr;
  }

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

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

  .delaware-chart-scale {
    display: none;
  }

  .delaware-chart-columns {
    gap: 10px;
  }

  .delaware-chart-column span {
    font-size: 0.58rem;
  }

  .drawer {
    width: 100vw;
    padding: 16px;
  }
}

/* ==========================================
   DELAWARE-BLUE THEME PIPELINE OVERRIDES
   ========================================== */

body[data-theme="delaware-blue"][data-view="pipeline"] .workspace {
  overflow-y: hidden !important;
  height: 100vh !important;
  display: flex !important;
  flex-direction: column !important;
}

body[data-theme="delaware-blue"][data-view="pipeline"] #pipelineSurface {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 24px 40px 10px 40px !important;
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  height: auto !important;
}

body[data-theme="delaware-blue"] #pipelineSurface .surface__header {
  padding: 0 0 16px 0 !important;
  margin-bottom: 8px !important;
  border-bottom: 0 !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

body[data-theme="delaware-blue"] #pipelineSurface .surface__header h3 {
  font-family: "IBM Plex Sans", sans-serif !important;
  font-size: 24px !important;
  font-weight: 600 !important;
  line-height: 32px !important;
  color: #051a3e !important;
  margin: 0 !important;
}

body[data-theme="delaware-blue"] #pipelineSurface .surface__meta {
  font-family: "JetBrains Mono", monospace !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 16px !important;
  color: #434654 !important;
  margin-top: 4px !important;
  letter-spacing: 0.02em !important;
}

body[data-theme="delaware-blue"] .summary-strip {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 16px !important;
  padding: 24px 40px 0 40px !important;
}

body[data-theme="delaware-blue"] .summary-card {
  background: #ffffff !important;
  border: 1px solid #c3c6d6 !important;
  border-radius: 8px !important;
  padding: 16px !important;
  box-shadow: 0 4px 12px rgba(9, 30, 66, 0.05) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  min-height: 104px !important;
}

body[data-theme="delaware-blue"] .summary-card__label {
  font-family: "JetBrains Mono", monospace !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 16px !important;
  color: #434654 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
  margin-bottom: 8px !important;
}

body[data-theme="delaware-blue"] .summary-card__value {
  font-family: "IBM Plex Sans", sans-serif !important;
  font-size: 48px !important;
  font-weight: 700 !important;
  line-height: 56px !important;
  color: #051a3e !important;
  letter-spacing: -0.02em !important;
}

body[data-theme="delaware-blue"] .pipeline-board {
  display: flex !important;
  gap: 16px !important;
  overflow-x: auto !important;
  padding: 8px 8px 24px 8px !important;
  align-items: flex-start !important;
  grid-template-columns: none !important;
  flex: 1 !important;
  height: auto !important;
  min-height: 0 !important;
}

/* Custom scrollbars for horizontal pipeline board */
body[data-theme="delaware-blue"] .pipeline-board::-webkit-scrollbar {
  height: 8px !important;
  display: block !important;
}
body[data-theme="delaware-blue"] .pipeline-board::-webkit-scrollbar-track {
  background: #f1f3ff !important;
  border-radius: 4px !important;
}
body[data-theme="delaware-blue"] .pipeline-board::-webkit-scrollbar-thumb {
  background: #c3c6d6 !important;
  border-radius: 4px !important;
}
body[data-theme="delaware-blue"] .pipeline-board::-webkit-scrollbar-thumb:hover {
  background: #737685 !important;
}

body[data-theme="delaware-blue"] .pipeline-column {
  background: #f1f3ff !important; /* surface-container-low */
  border: 1px solid #e1e8ff !important; /* outline-variant */
  border-radius: 12px !important; /* shape standard */
  padding: 10px 8px !important; /* reduced column padding to make cards wider */
  width: 330px !important; /* increased column width */
  min-width: 330px !important;
  max-width: 330px !important;
  display: flex !important;
  flex-direction: column !important;
  max-height: 100% !important;
}

body[data-theme="delaware-blue"] .pipeline-column__header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 4px 10px 12px 10px !important;
  margin-bottom: 0 !important;
}

body[data-theme="delaware-blue"] .pipeline-column__header h4 {
  font-family: "JetBrains Mono", monospace !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #051a3e !important;
  margin: 0 !important;
}

body[data-theme="delaware-blue"] .pipeline-column__header.empty h4 {
  opacity: 0.6 !important;
}

body[data-theme="delaware-blue"] .pipeline-column__count {
  background: #d8e2ff !important; /* surface-container-highest */
  color: #003d9b !important; /* primary */
  font-family: "JetBrains Mono", monospace !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  padding: 2px 8px !important;
  border-radius: 9999px !important;
}

body[data-theme="delaware-blue"] .pipeline-column__count.empty {
  opacity: 0.6 !important;
}

body[data-theme="delaware-blue"] .pipeline-column__body {
  overflow-y: auto !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  flex: 1 !important;
  padding: 4px !important;
}

/* Custom scrollbars for vertical column body */
body[data-theme="delaware-blue"] .pipeline-column__body::-webkit-scrollbar {
  width: 6px !important;
  display: block !important;
}
body[data-theme="delaware-blue"] .pipeline-column__body::-webkit-scrollbar-track {
  background: transparent !important;
}
body[data-theme="delaware-blue"] .pipeline-column__body::-webkit-scrollbar-thumb {
  background: #c3c6d6 !important;
  border-radius: 3px !important;
}

body[data-theme="delaware-blue"] .pipeline-empty-state {
  border: 2px dashed rgba(195, 198, 214, 0.5) !important;
  border-radius: 8px !important;
  padding: 24px 16px !important;
  color: #737685 !important;
  text-align: center !important;
  font-size: 13px !important;
  background: rgba(255, 255, 255, 0.5) !important;
  min-height: 120px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body[data-theme="delaware-blue"] .pipeline-card {
  background: #ffffff !important;
  border: 1px solid #c3c6d6 !important; /* outline-variant */
  border-radius: 8px !important;
  padding: 16px !important;
  box-shadow: 0 4px 12px rgba(9, 30, 66, 0.05) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  cursor: pointer !important;
  transition: all 150ms ease !important;
}

body[data-theme="delaware-blue"] .pipeline-card:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 18px rgba(9, 30, 66, 0.08) !important;
  border-color: #003d9b !important; /* primary */
}

body[data-theme="delaware-blue"] .pipeline-card__identity {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
}

body[data-theme="delaware-blue"] .pipeline-card__identity .avatar-badge {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  background: #d8e2ff !important; /* surface-container-highest */
  color: #051a3e !important; /* on-surface */
  font-family: "JetBrains Mono", monospace !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

body[data-theme="delaware-blue"] .pipeline-card__name-role {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
}

body[data-theme="delaware-blue"] .pipeline-card__name-role strong {
  font-family: "JetBrains Mono", monospace !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #051a3e !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body[data-theme="delaware-blue"] .pipeline-card__name-role small {
  font-family: "Inter", sans-serif !important;
  font-size: 14px !important;
  color: #434654 !important; /* on-surface-variant */
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  margin-top: 2px !important;
}

body[data-theme="delaware-blue"] .pipeline-card__meta-row {
  display: flex !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

body[data-theme="delaware-blue"] .chip-source {
  border: 1px solid #c3c6d6 !important;
  color: #434654 !important;
  background: #ffffff !important;
  font-size: 12px !important;
  padding: 3px 10px !important;
  border-radius: 4px !important;
  font-family: "Inter", sans-serif !important;
  font-weight: 500 !important;
}

body[data-theme="delaware-blue"] .chip-priority {
  font-size: 12px !important;
  padding: 3px 10px !important;
  border-radius: 4px !important;
  font-family: "Inter", sans-serif !important;
  font-weight: 500 !important;
}

body[data-theme="delaware-blue"] .chip-priority.priority-critical {
  background: rgba(186, 26, 26, 0.1) !important;
  color: #ba1a1a !important;
}

body[data-theme="delaware-blue"] .chip-priority.priority-high {
  background: rgba(79, 92, 108, 0.2) !important;
  color: #384454 !important;
}

body[data-theme="delaware-blue"] .chip-priority.priority-medium {
  background: rgba(112, 155, 254, 0.3) !important;
  color: #003179 !important;
}

body[data-theme="delaware-blue"] .chip-priority.priority-low {
  background: #f1f3ff !important;
  color: #434654 !important;
}

body[data-theme="delaware-blue"] .pipeline-card__body {
  border-top: 1px solid rgba(195, 198, 214, 0.5) !important;
  padding-top: 12px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

body[data-theme="delaware-blue"] .pipeline-card__next-step {
  font-family: "Inter", sans-serif !important;
  font-size: 14px !important;
  color: #051a3e !important;
  margin: 0 !important;
  line-height: 1.45 !important;
}

body[data-theme="delaware-blue"] .pipeline-card__date-row {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-family: "JetBrains Mono", monospace !important;
  font-size: 12px !important;
  color: #434654 !important;
}

body[data-theme="delaware-blue"] .pipeline-card__date-row.overdue {
  color: #ba1a1a !important;
}

body[data-theme="delaware-blue"] .pipeline-card__date-row .material-symbols-outlined {
  font-size: 14px !important;
  flex-shrink: 0 !important;
}

/* Delaware Blue - Offers Screen Styles */
body[data-theme="delaware-blue"] #delawareOffersSurface,
body[data-theme="delaware-blue"] #jobSurface {
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 32px 40px 40px;
}

body[data-theme="delaware-blue"] #delawareInterviewsSurface,
body[data-theme="delaware-blue"] #delawareMessagesSurface {
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 32px 40px 40px;
  min-height: calc(100vh - 140px);
}

body[data-theme="delaware-blue"] #delawareInterviewsSurface:not(.hidden),
body[data-theme="delaware-blue"] #delawareMessagesSurface:not(.hidden) {
  display: flex;
}

.delaware-jobs-page {
  display: grid;
  gap: 24px;
}

.delaware-jobs-page__hero {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}

.delaware-jobs-page__eyebrow {
  margin: 0 0 10px;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.74rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #2a6ceb;
}

.delaware-jobs-page__hero h3 {
  margin: 0;
  font-family: "IBM Plex Sans", "Segoe UI", sans-serif;
  font-size: 1.85rem;
  line-height: 1.05;
  color: #051a3e;
}

.delaware-jobs-page__hero p:last-child {
  margin: 10px 0 0;
  color: #2f3b52;
  font-size: 1rem;
}

.delaware-jobs-page__actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

body[data-theme="delaware-blue"] #jobSurface .delaware-offer-stat-card {
  background: #ffffff;
  border-color: #dbe3ef;
  box-shadow: 0 8px 20px rgba(8, 28, 78, 0.04);
}

body[data-theme="delaware-blue"] #jobSurface .delaware-offer-stat-card:hover {
  transform: none;
  box-shadow: 0 10px 24px rgba(8, 28, 78, 0.06);
}

body[data-theme="delaware-blue"] #jobSurface .delaware-offer-stat-card__top-icon {
  background: #f5f8fd;
  color: #5d6b82;
}

body[data-theme="delaware-blue"] #jobSurface .delaware-offer-stat-card__top-icon.icon-total,
body[data-theme="delaware-blue"] #jobSurface .delaware-offer-stat-card__top-icon.icon-pending,
body[data-theme="delaware-blue"] #jobSurface .delaware-offer-stat-card__top-icon.icon-accepted,
body[data-theme="delaware-blue"] #jobSurface .delaware-offer-stat-card__top-icon.icon-declined,
body[data-theme="delaware-blue"] #jobSurface .delaware-offer-stat-card__top-icon.icon-offers {
  background: #f5f8fd;
  color: #5d6b82;
}

body[data-theme="delaware-blue"] #jobSurface .delaware-offer-stat-card__label {
  color: #71809a;
}

body[data-theme="delaware-blue"] #jobSurface .delaware-offer-table {
  border-color: #dbe3ef;
  box-shadow: 0 8px 20px rgba(8, 28, 78, 0.04);
}

.delaware-job-row {
  border-left: 3px solid transparent;
}

.delaware-job-row--selected {
  background: #f8fbff;
  border-left-color: #bfccdc;
}

.delaware-job-row__manager {
  display: flex;
  align-items: center;
  gap: 8px;
}

.delaware-job-row__avatar {
  width: 24px;
  height: 24px;
  font-size: 0.7rem;
  background: #f5f8fd;
  color: #4f5f78;
}

.delaware-job-row__manager-name {
  font-size: 0.85rem;
  color: #434654;
}

.delaware-job-row__actions {
  justify-content: flex-end;
}

.delaware-job-row__action-button {
  display: inline-flex;
  color: #5d6b82;
}

.delaware-job-row__action-button:hover {
  color: #2a6ceb;
}

.delaware-job-row__action-button--danger {
  color: #7a879a;
}

.delaware-job-row__action-button--danger:hover {
  color: #ba1a1a;
}

.delaware-job-row__action-icon {
  font-size: 18px;
}

.delaware-offers-page {
  display: grid;
  gap: 20px;
}

.delaware-offers-page__hero {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}

.delaware-offers-page__hero h3 {
  margin: 0;
  font-family: "IBM Plex Sans", "Segoe UI", sans-serif;
  font-size: 1.85rem;
  line-height: 1.05;
  color: #051a3e;
}

.delaware-offers-page__hero p {
  margin: 10px 0 0;
  color: #2f3b52;
  font-size: 1rem;
}

.delaware-offers-page__actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.delaware-offers-page__button {
  border-radius: 4px;
  min-height: 42px;
  padding: 10px 16px;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.84rem;
  letter-spacing: 0.02em;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.delaware-offers-page__button-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

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

.delaware-offer-stat-card {
  background: #ffffff;
  border: 1px solid #d7e0ec;
  border-radius: 8px;
  padding: 18px 20px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 10px 24px rgba(5, 26, 62, 0.05);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 130px;
  transition: transform 200ms ease, box-shadow 200ms ease;
}

.delaware-offer-stat-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 36px rgba(5, 26, 62, 0.09);
}

.delaware-offer-stat-card__top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  z-index: 2;
}

.delaware-offer-stat-card__label {
  font-family: "JetBrains Mono", monospace;
  font-size: 0.74rem;
  color: #737685;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-weight: 600;
  margin: 0;
}

.delaware-offer-stat-card__top-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px;
  border-radius: 6px;
}

.delaware-offer-stat-card__top-icon.icon-total {
  background: rgba(0, 82, 204, 0.1);
  color: #0052cc;
}
.delaware-offer-stat-card__top-icon.icon-pending {
  background: rgba(243, 168, 78, 0.15);
  color: #b37400;
}
.delaware-offer-stat-card__top-icon.icon-accepted {
  background: rgba(39, 174, 96, 0.15);
  color: #27ae60;
}
.delaware-offer-stat-card__top-icon.icon-declined {
  background: rgba(186, 26, 26, 0.1);
  color: #ba1a1a;
}

.delaware-offer-stat-card__bottom {
  display: flex;
  align-items: flex-end;
  gap: 10px;
  position: relative;
  z-index: 2;
  margin-top: 16px;
}

.delaware-offer-stat-card__value {
  font-family: "IBM Plex Sans", "Segoe UI", sans-serif;
  font-size: 2.2rem;
  font-weight: 700;
  color: #051a3e;
  line-height: 1;
}

.delaware-offer-stat-card__trend {
  font-family: "Inter", sans-serif;
  font-size: 0.76rem;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 2px 6px;
  border-radius: 4px;
  margin-bottom: 2px;
}

.delaware-offer-stat-card__trend.trend-up {
  background: rgba(39, 174, 96, 0.12);
  color: #27ae60;
}
.delaware-offer-stat-card__trend.trend-down {
  background: rgba(186, 26, 26, 0.1);
  color: #ba1a1a;
}
.delaware-offer-stat-card__trend.trend-neutral {
  background: rgba(115, 118, 133, 0.1);
  color: #737685;
}

.delaware-offer-stat-card__watermark {
  position: absolute;
  bottom: -16px;
  right: -16px;
  font-size: 100px !important;
  color: #c3c6d6;
  opacity: 0.15;
  z-index: 1;
  pointer-events: none;
  transition: transform 300ms ease;
}

.delaware-offer-stat-card:hover .delaware-offer-stat-card__watermark {
  transform: scale(1.1) rotate(-5deg);
}

.delaware-offers-controls {
  background: #ffffff;
  border: 1px solid #d7e0ec;
  border-radius: 8px;
  padding: 18px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

.delaware-offers-controls__search {
  position: relative;
  width: min(480px, 100%);
}

.delaware-offers-controls__search input {
  width: 100%;
  min-height: 46px;
  padding: 12px 16px 12px 44px;
  border: 1px solid #c3c6d6;
  border-radius: 6px;
  background: #ffffff;
  font-size: 0.88rem;
  box-shadow: none;
}

.delaware-offers-controls__search-icon {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: #737685;
  display: inline-flex;
}

.delaware-offers-controls__chips {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.delaware-offers-controls__chips-label {
  font-family: "JetBrains Mono", monospace;
  font-size: 0.76rem;
  color: #434654;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-right: 6px;
}

.delaware-offer-table {
  background: #ffffff;
  border: 1px solid #d7e0ec;
  border-radius: 8px;
  overflow-x: auto;
}

.delaware-offer-table__header,
.delaware-offer-row {
  min-width: 980px;
  display: grid;
  grid-template-columns: 44px minmax(200px, 1.4fr) 110px 150px 170px 160px 60px;
  align-items: center;
  gap: 14px;
}

.delaware-offer-table__header {
  padding: 16px 20px;
  border-bottom: 1px solid #d7e0ec;
  color: #434654;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.78rem;
  letter-spacing: 0.06em;
  background: #ffffff;
}

.delaware-job-table__header,
.delaware-job-row {
  min-width: 990px;
  grid-template-columns: minmax(220px, 1.35fr) 150px 90px 110px 100px 100px 110px 100px;
}

.delaware-offer-table__rows {
  display: flex;
  flex-direction: column;
}

.delaware-offer-row {
  width: 100%;
  border: 0;
  border-bottom: 1px solid #d7e0ec;
  background: #ffffff;
  padding: 20px;
  text-align: left;
}

.delaware-offer-row:hover {
  background: #faf9ff;
}

.delaware-offer-row:last-child {
  border-bottom: 0;
}

.delaware-offer-row__check {
  display: inline-flex;
  justify-content: center;
}

.delaware-offer-row__check input {
  width: 16px;
  height: 16px;
}

.delaware-offer-row__candidate {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.delaware-offer-row__avatar-image,
.delaware-offer-row__avatar-fallback {
  width: 40px;
  height: 40px;
  border-radius: 999px;
  flex-shrink: 0;
}

.delaware-offer-row__avatar-image {
  object-fit: cover;
  border: 1px solid #d7e0ec;
  background: #eef4ff;
  display: block;
}

.delaware-offer-row__avatar-fallback {
  display: grid;
  place-items: center;
  background: linear-gradient(180deg, #d7e7ff 0%, #b7cff9 100%);
  color: #0f3676;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.82rem;
  font-weight: 700;
  border: 1px solid #d7e0ec;
}

.delaware-offer-row__candidate-info {
  display: grid;
  gap: 2px;
}

.delaware-offer-row__candidate-info strong {
  color: #051a3e;
  font-family: "IBM Plex Sans", "Segoe UI", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.delaware-offer-row__candidate-info strong:hover {
  color: #0052cc;
  text-decoration: underline;
}

.delaware-offer-row__candidate-info span {
  color: #434654;
  font-size: 0.82rem;
  font-family: "Inter", sans-serif;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.offer-status-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.74rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  border: 1px solid transparent;
}

.offer-status-badge__dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  display: inline-block;
}

.offer-status-badge--accepted {
  background: rgba(39, 174, 96, 0.1);
  color: #27ae60;
  border-color: rgba(39, 174, 96, 0.2);
}
.offer-status-badge--accepted .offer-status-badge__dot {
  background: #27ae60;
}

.offer-status-badge--declined {
  background: rgba(186, 26, 26, 0.1);
  color: #ba1a1a;
  border-color: rgba(186, 26, 26, 0.2);
}

.offer-status-badge--withdrawn {
  background: rgba(82, 82, 91, 0.1);
  color: #52525b;
  border-color: rgba(82, 82, 91, 0.2);
}

.offer-status-badge--withdrawn .offer-status-badge__dot {
  background: #52525b;
}
.offer-status-badge--declined .offer-status-badge__dot {
  background: #ba1a1a;
}

.offer-status-badge--pending-approval {
  background: rgba(243, 168, 78, 0.15);
  color: #b37400;
  border-color: rgba(243, 168, 78, 0.3);
}
.offer-status-badge--pending-approval .offer-status-badge__dot {
  background: #b37400;
}

.offer-status-badge--sent {
  background: #e0f2fe;
  color: #0284c7;
  border-color: rgba(2, 132, 199, 0.2);
}
.offer-status-badge--sent .offer-status-badge__dot {
  background: #0284c7;
}

.offer-status-badge--negotiating {
  background: #e5e1ff;
  color: #4a32b8;
  border-color: rgba(74, 50, 184, 0.2);
}
.offer-status-badge--negotiating .offer-status-badge__dot {
  background: #4a32b8;
}

.offer-status-badge--draft {
  background: #f1f3ff;
  color: #434654;
  border-color: #c3c6d6;
}
.offer-status-badge--draft .offer-status-badge__dot {
  background: #737685;
}

.delaware-offer-row__value {
  display: grid;
  gap: 2px;
}

.delaware-offer-row__value strong {
  color: #051a3e;
  font-family: "Inter", sans-serif;
  font-size: 0.94rem;
  font-weight: 600;
}

.delaware-offer-row__value span {
  color: #737685;
  font-size: 0.8rem;
}

.delaware-offer-row__value small {
  color: #434654;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.74rem;
  margin-top: 1px;
}

.delaware-offer-row__approvals {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  color: #434654;
  font-size: 0.82rem;
}

.delaware-offer-row__approvals > .material-symbols-outlined {
  flex: 0 0 auto;
  color: #0052cc;
  font-size: 18px;
}

.delaware-offer-row__approvals > span:last-child {
  overflow: hidden;
  text-overflow: ellipsis;
}

.offer-approval-dot {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  border: 1px solid transparent;
}

.offer-approval-dot--approved {
  background: rgba(39, 174, 96, 0.15);
  color: #27ae60;
  border-color: rgba(39, 174, 96, 0.25);
}

.offer-approval-dot--pending {
  background: #f5f8fd;
  color: #737685;
  border-color: #c3c6d6;
  animation: pulse-border 2s infinite ease-in-out;
}

.offer-approval-dot--awaiting {
  background: #ffffff;
  border-color: rgba(115, 118, 133, 0.4);
}

.offer-approval-dot--awaiting::before {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #737685;
}

.offer-approvals-complete {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #434654;
  font-size: 0.8rem;
}

.offer-approvals-complete span {
  color: #27ae60;
}

@keyframes pulse-border {
  0%, 100% { border-color: #c3c6d6; opacity: 0.8; }
  50% { border-color: #0052cc; opacity: 1; }
}

.delaware-offer-row__expiry {
  display: grid;
  gap: 4px;
}

.delaware-offer-row__expiry strong {
  color: #051a3e;
  font-family: "IBM Plex Sans", "Segoe UI", sans-serif;
  font-size: 0.88rem;
}

.delaware-offer-row__priority-wrap {
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.76rem;
  font-weight: 600;
}

.delaware-offer-row__priority-wrap.priority-critical {
  color: #ba1a1a;
}
.delaware-offer-row__priority-wrap.priority-high {
  color: #b37400;
}
.delaware-offer-row__priority-wrap.priority-medium {
  color: #0284c7;
}
.delaware-offer-row__priority-wrap.priority-standard {
  color: #737685;
}

.delaware-offer-row__expiry-date {
  color: #434654;
  font-size: 0.82rem;
}

.delaware-offer-row__expiry-date.date-critical {
  color: #ba1a1a;
  font-weight: 500;
}

.delaware-offer-row__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
}

.delaware-offer-row__nudge-btn {
  background: transparent;
  border: 0;
  color: #0052cc;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.76rem;
  font-weight: 600;
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 4px;
}

.delaware-offer-row__nudge-btn:hover {
  background: rgba(0, 82, 204, 0.08);
  text-decoration: underline;
}

.delaware-offer-row__action-icon {
  width: 32px;
  height: 32px;
  border-radius: 4px;
  border: 0;
  background: transparent;
  color: #434654;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.delaware-offer-row__action-icon:hover {
  background: rgba(5, 26, 62, 0.06);
  color: #0052cc;
}

.delaware-offer-table__footer {
  padding: 14px 20px;
  border-top: 1px solid #d7e0ec;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  background: #ffffff;
}

.delaware-offer-table__footer p {
  margin: 0;
  color: #2f3b52;
  font-size: 0.88rem;
}

.delaware-offer-pagination {
  display: flex;
  align-items: center;
  gap: 16px;
}

.delaware-offer-page-size {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.84rem;
  color: #434654;
}

.delaware-offer-page-size select {
  padding: 4px 24px 4px 8px;
  border: 1px solid #c3c6d6;
  border-radius: 4px;
  font-size: 0.84rem;
  background-color: #ffffff;
}

.delaware-offer-pagination__pages {
  display: flex;
  align-items: center;
  gap: 4px;
}

.delaware-offer-page-button {
  width: 32px;
  height: 32px;
  border: 1px solid #c3c6d6;
  background: #ffffff;
  color: #051a3e;
  border-radius: 4px;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.8rem;
  font-weight: 500;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 150ms ease;
}

.delaware-offer-page-button:hover {
  background: #f1f3ff;
  border-color: #003d9b;
  color: #003d9b;
}

.delaware-offer-page-button--active {
  background: #0052cc;
  border-color: #0052cc;
  color: #ffffff !important;
}

/* Custom Dropdown Menu for Delaware Offers Row Actions */
.delaware-offer-row__menu-wrapper {
  position: relative;
  display: inline-block;
}

.delaware-offer-row__dropdown {
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
  min-width: 170px;
  background: #ffffff;
  border: 1px solid #d7e0ec;
  border-radius: 6px;
  box-shadow: 0 12px 28px rgba(5, 26, 62, 0.15);
  padding: 6px;
  z-index: 100;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.delaware-offer-row__dropdown.hidden {
  display: none !important;
}

.delaware-offer-row__dropdown-item {
  border: 0;
  background: transparent;
  border-radius: 4px;
  padding: 8px 10px;
  text-align: left;
  color: #16315e;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  white-space: nowrap;
}

.delaware-offer-row__dropdown-item span.material-symbols-outlined {
  font-size: 16px;
}

.delaware-offer-row__dropdown-item:hover {
  background: #edf3ff;
  color: #0052cc;
}

.delaware-offer-row__dropdown-item--danger {
  color: #c0392b;
}

.delaware-offer-row__dropdown-item--danger:hover {
  background: #fde8e8;
  color: #c0392b;
}

body[data-theme="delaware-blue"] .delaware-interviews-page {
  flex: 1;
  min-height: 100%;
  padding: 32px;
  max-width: 1440px;
  margin: 0 auto;
}

body[data-theme="delaware-blue"] .delaware-interviews-page__hero {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}

body[data-theme="delaware-blue"] .delaware-interviews-page__hero h3 {
  font-size: 1.85rem;
  font-weight: 700;
  margin: 0 0 4px;
  color: #051a3e;
}

body[data-theme="delaware-blue"] .delaware-interviews-page__hero p {
  color: #434654;
  margin: 0;
  font-size: 1rem;
}

body[data-theme="delaware-blue"] .delaware-interviews-page__actions {
  display: flex;
  gap: 12px;
  align-items: center;
}

body[data-theme="delaware-blue"] .delaware-interviews-page__button {
  display: flex;
  align-items: center;
  gap: 8px;
}

body[data-theme="delaware-blue"] .delaware-interviews-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}
@media (min-width: 1280px) {
  body[data-theme="delaware-blue"] .delaware-interviews-grid {
    grid-template-columns: 4fr 8fr;
  }
}

body[data-theme="delaware-blue"] .delaware-interviews-grid__left {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

body[data-theme="delaware-blue"] .delaware-calendar-widget {
  padding: 16px;
}

body[data-theme="delaware-blue"] .delaware-calendar-widget__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}

body[data-theme="delaware-blue"] .delaware-calendar-widget__header h4 {
  font-size: 1.15rem;
  font-weight: 600;
  margin: 0;
  color: #051a3e;
}

body[data-theme="delaware-blue"] .delaware-calendar-widget__nav {
  display: flex;
  gap: 4px;
}

body[data-theme="delaware-blue"] .delaware-calendar-widget__grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 4px;
  text-align: center;
}

body[data-theme="delaware-blue"] .delaware-calendar-day {
  padding: 8px;
  font-size: 0.9rem;
  border-radius: 999px;
  cursor: pointer;
  position: relative;
}

body[data-theme="delaware-blue"] .delaware-calendar-day:hover {
  background: #f5f8fd;
}

body[data-theme="delaware-blue"] .delaware-calendar-day--active {
  background: #0052cc;
  color: white;
  font-weight: bold;
}
body[data-theme="delaware-blue"] .delaware-calendar-day--active:hover {
  background: #0052cc;
}

body[data-theme="delaware-blue"] .delaware-calendar-day--has-event::after {
  content: "";
  position: absolute;
  bottom: 4px;
  left: 50%;
  transform: translateX(-50%);
  width: 4px;
  height: 4px;
  background: #2a6ceb;
  border-radius: 50%;
}
body[data-theme="delaware-blue"] .delaware-calendar-day--active.delaware-calendar-day--has-event::after {
  background: white;
}

body[data-theme="delaware-blue"] .delaware-calendar-day--header {
  font-family: "JetBrains Mono", monospace;
  font-size: 0.75rem;
  color: #71809a;
  text-transform: uppercase;
  font-weight: 600;
  cursor: default;
  padding: 4px 8px;
}
body[data-theme="delaware-blue"] .delaware-calendar-day--header:hover {
  background: transparent;
}

body[data-theme="delaware-blue"] .delaware-calendar-day--muted {
  color: #bfccdc;
}

body[data-theme="delaware-blue"] .delaware-calendar-day--empty {
  cursor: default;
  background: transparent !important;
}

body[data-theme="delaware-blue"] .delaware-calendar-day--selected {
  background: #bfccdc;
  color: #051a3e;
}
body[data-theme="delaware-blue"] .delaware-calendar-day--selected:hover {
  background: #bfccdc;
}

body[data-theme="delaware-blue"] .delaware-interviewers-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 0 24px 24px;
}

body[data-theme="delaware-blue"] .delaware-interviewer-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

body[data-theme="delaware-blue"] .delaware-interviewer-item__info {
  display: flex;
  align-items: center;
  gap: 12px;
}

body[data-theme="delaware-blue"] .delaware-interviewer-item__info img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}

body[data-theme="delaware-blue"] .delaware-interviewer-item__text h5 {
  margin: 0;
  font-size: 0.95rem;
  color: #1d2739;
}

body[data-theme="delaware-blue"] .delaware-interviewer-item__text p {
  margin: 0;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.75rem;
  color: #71809a;
  text-transform: uppercase;
}

body[data-theme="delaware-blue"] .delaware-interviewer-item__count {
  font-family: "JetBrains Mono", monospace;
  font-size: 0.85rem;
  color: #71809a;
}

body[data-theme="delaware-blue"] .delaware-interviews-schedule {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

body[data-theme="delaware-blue"] .delaware-interviews-schedule__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--line);
}

body[data-theme="delaware-blue"] .delaware-interviews-schedule__header h3 {
  font-size: 1.45rem;
  margin: 0;
  color: #051a3e;
}

body[data-theme="delaware-blue"] .delaware-interviews-schedule__header span {
  background: #f5f8fd;
  padding: 4px 8px;
  border-radius: 6px;
  color: #434654;
}

body[data-theme="delaware-blue"] .delaware-interviews-schedule__list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

body[data-theme="delaware-blue"] .delaware-interview-card {
  background: #ffffff;
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  transition: all 150ms ease;
  position: relative;
  overflow: hidden;
}
@media (min-width: 768px) {
  body[data-theme="delaware-blue"] .delaware-interview-card {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
  }
}

body[data-theme="delaware-blue"] .delaware-interview-card:hover {
  box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05);
  border-color: #bfccdc;
}

body[data-theme="delaware-blue"] .delaware-interview-card--active {
  border-color: #2a6ceb;
}

body[data-theme="delaware-blue"] .delaware-interview-card--active::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background: #2a6ceb;
}

body[data-theme="delaware-blue"] .delaware-interview-card__main {
  display: flex;
  gap: 16px;
}

body[data-theme="delaware-blue"] .delaware-interview-card__time {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #f5f8fd;
  border-radius: 8px;
  padding: 8px;
  min-width: 80px;
}

body[data-theme="delaware-blue"] .delaware-interview-card__time strong {
  font-family: "JetBrains Mono", monospace;
  font-size: 0.9rem;
  color: #434654;
}

body[data-theme="delaware-blue"] .delaware-interview-card__time span {
  font-family: "JetBrains Mono", monospace;
  font-size: 0.75rem;
  color: #71809a;
}

body[data-theme="delaware-blue"] .delaware-interview-card__info h4 {
  font-size: 1.15rem;
  margin: 0 0 4px;
  color: #051a3e;
  display: flex;
  align-items: center;
  gap: 8px;
}

body[data-theme="delaware-blue"] .delaware-interview-card__info h4 span {
  font-size: 0.75rem;
  padding: 2px 8px;
  border-radius: 999px;
  font-family: "JetBrains Mono", monospace;
  font-weight: 600;
  text-transform: uppercase;
}

body[data-theme="delaware-blue"] .delaware-interview-card__info p {
  margin: 0 0 8px;
  color: #434654;
  font-size: 0.95rem;
}

body[data-theme="delaware-blue"] .delaware-interview-card__meta {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #71809a;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.8rem;
}

body[data-theme="delaware-blue"] .delaware-interview-card__meta span {
  display: flex;
  align-items: center;
  gap: 4px;
}

body[data-theme="delaware-blue"] .delaware-interview-card__actions {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
@media (min-width: 768px) {
  body[data-theme="delaware-blue"] .delaware-interview-card__actions {
    width: auto;
    align-items: flex-end;
  }
}

body[data-theme="delaware-blue"] .scheduling-modal__times {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 8px;
}

body[data-theme="delaware-blue"] .scheduler-workflow-summary {
  border: 1px solid #dbe5f3;
  background: #f8fbff;
  border-radius: 6px;
  padding: 10px 12px;
  display: grid;
  gap: 4px;
  color: #46556f;
  font-size: 0.86rem;
}

body[data-theme="delaware-blue"] .scheduler-workflow-summary strong {
  color: #1b2f52;
}

body[data-theme="delaware-blue"] .scheduler-workflow-summary span {
  display: block;
}

body[data-theme="delaware-blue"] .scheduling-time-slot {
  background: #f5f8fd;
  border: 1px solid var(--line);
  padding: 8px;
  border-radius: 6px;
  text-align: center;
  cursor: pointer;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.85rem;
  transition: all 150ms ease;
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: center;
  justify-content: center;
}

body[data-theme="delaware-blue"] .scheduling-time-slot strong,
body[data-theme="delaware-blue"] .scheduling-time-slot span {
  display: block;
}

body[data-theme="delaware-blue"] .scheduling-time-slot span {
  color: #71809a;
  font-size: 0.72rem;
}

body[data-theme="delaware-blue"] .scheduling-time-slot:hover {
  border-color: #2a6ceb;
}

body[data-theme="delaware-blue"] .scheduling-time-slot--selected {
  background: #2a6ceb;
  color: white;
  border-color: #2a6ceb;
}

body[data-theme="delaware-blue"] .scheduling-time-slot--selected span {
  color: rgba(255, 255, 255, 0.78);
}

body[data-theme="delaware-blue"] .scheduler-modal__actions {
  flex-wrap: wrap;
}

body[data-theme="delaware-blue"] .scheduling-choice-panel {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

body[data-theme="delaware-blue"] .scheduling-choice-panel.hidden {
  display: none;
}

body[data-theme="delaware-blue"] .scheduling-choice {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 4px 12px;
  align-items: center;
  min-height: 94px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: #fff;
  color: #14284b;
  text-align: left;
  cursor: pointer;
}

body[data-theme="delaware-blue"] .scheduling-choice:hover {
  border-color: #2a6ceb;
  background: #f8fbff;
}

body[data-theme="delaware-blue"] .scheduling-choice .material-symbols-outlined {
  grid-row: 1 / span 2;
  color: #2a6ceb;
}

body[data-theme="delaware-blue"] .scheduling-choice span:last-child {
  color: #71809a;
  font-size: 0.82rem;
}

body[data-theme="delaware-blue"] .delaware-interview-approval-card .delaware-interview-card__main {
  flex: 1;
}

body[data-theme="delaware-blue"] .interview-action-modal textarea {
  min-width: 0;
  padding: 9px 10px;
  border: 1px solid var(--line);
  border-radius: 6px;
  font: inherit;
}

body[data-theme="delaware-blue"] .interview-action-modal {
  position: fixed;
  z-index: 70;
  top: 50%;
  left: 50%;
  width: min(92vw, 560px);
  transform: translate(-50%, -50%);
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 24px 70px rgba(8, 29, 61, 0.2);
}

body[data-theme="delaware-blue"] .interview-action-modal__body {
  display: grid;
  gap: 16px;
  padding: 20px;
}

body[data-theme="delaware-blue"] .interview-action-modal__body label {
  display: grid;
  gap: 7px;
}

@media (max-width: 640px) {
  body[data-theme="delaware-blue"] .scheduling-choice-panel {
    grid-template-columns: minmax(0, 1fr);
  }
}

body[data-theme="delaware-blue"] .scheduling-approval-panel {
  display: grid;
  gap: 20px;
  width: 100%;
  max-width: 720px;
  margin: 0 auto;
  padding: 8px 0;
}

body[data-theme="delaware-blue"] .scheduling-approval-panel.hidden {
  display: none;
}

body[data-theme="delaware-blue"] .scheduling-approval-panel h4 {
  margin: 6px 0;
  color: #14284b;
  font-size: 20px;
  letter-spacing: 0;
}

body[data-theme="delaware-blue"] .scheduling-approval-panel label {
  display: grid;
  gap: 8px;
  color: #334155;
  font-size: 13px;
  font-weight: 600;
}

body[data-theme="delaware-blue"] .scheduling-approval-panel textarea {
  width: 100%;
  min-height: 92px;
  resize: vertical;
}

body[data-theme="delaware-blue"] #schedulingStatus[data-tone="success"] {
  color: #376247;
}

body[data-theme="delaware-blue"] #schedulingStatus[data-tone="warning"] {
  color: #8a6424;
}

body[data-theme="delaware-blue"] #schedulingStatus[data-tone="error"] {
  color: #8d4033;
}

/* --- DELAWARE MESSAGES PAGE --- */
body[data-theme="delaware-blue"] .delaware-messages-page {
  display: flex;
  flex: 1;
  min-height: 100%;
  overflow: hidden;
  background-color: #f8fafc;
  font-family: "Inter", sans-serif;
  color: #1d2739;
  border: 1px solid var(--line);
  border-radius: 20px;
}

body[data-theme="delaware-blue"] .delaware-messages-sidebar {
  width: 360px;
  background: #ffffff;
  border-right: 1px solid var(--line);
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  z-index: 10;
}

body[data-theme="delaware-blue"] .delaware-messages-sidebar__header {
  padding: 24px;
  border-bottom: 1px solid var(--line);
  flex-shrink: 0;
}

body[data-theme="delaware-blue"] .delaware-messages-sidebar__header h2 {
  font-size: 1.5rem;
  font-weight: 600;
  margin: 0 0 16px;
  color: #051a3e;
}

body[data-theme="delaware-blue"] .delaware-messages-search {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
  background: #f5f8fd;
  border: 1px solid var(--line);
  border-radius: 6px;
  padding: 0 8px;
  transition: all 150ms ease;
}
body[data-theme="delaware-blue"] .delaware-messages-search:focus-within {
  border-color: #0052cc;
  box-shadow: 0 0 0 2px rgba(0, 82, 204, 0.2);
}
body[data-theme="delaware-blue"] .delaware-messages-search span {
  color: #71809a;
  margin-right: 8px;
  font-size: 20px;
}
body[data-theme="delaware-blue"] .delaware-messages-search input {
  width: 100%;
  background: transparent;
  border: none;
  outline: none;
  font-size: 0.95rem;
  color: #1d2739;
}

body[data-theme="delaware-blue"] .delaware-messages-filters {
  display: flex;
  gap: 16px;
  margin-top: 16px;
}
body[data-theme="delaware-blue"] .delaware-messages-filters button {
  background: transparent;
  border: none;
  border-bottom: 2px solid transparent;
  padding: 0 4px 4px;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #71809a;
  cursor: pointer;
  font-family: "JetBrains Mono", monospace;
}
body[data-theme="delaware-blue"] .delaware-messages-filters button:hover {
  color: #051a3e;
}
body[data-theme="delaware-blue"] .delaware-messages-filters button.active {
  color: #0052cc;
  border-bottom-color: #0052cc;
}

body[data-theme="delaware-blue"] .delaware-messages-sidebar__list {
  flex: 1;
  overflow-y: auto;
  padding: 8px;
}

body[data-theme="delaware-blue"] .delaware-message-thread {
  padding: 16px;
  border-radius: 8px;
  cursor: pointer;
  margin-bottom: 4px;
  border: 1px solid transparent;
  display: flex;
  gap: 16px;
  align-items: flex-start;
  transition: all 150ms ease;
}
body[data-theme="delaware-blue"] .delaware-message-thread:hover {
  background: #f5f8fd;
}
body[data-theme="delaware-blue"] .delaware-message-thread--active {
  background: #edf3ff;
  border-color: #bfccdc;
}

body[data-theme="delaware-blue"] .delaware-message-thread__avatar {
  position: relative;
  flex-shrink: 0;
}
body[data-theme="delaware-blue"] .delaware-message-thread__avatar img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 2px solid white;
}
body[data-theme="delaware-blue"] .delaware-message-thread__avatar-fallback {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #edf3ff;
  border: 1px solid var(--line);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.15rem;
  font-weight: 600;
  color: #0052cc;
}

body[data-theme="delaware-blue"] .delaware-message-thread__content {
  flex: 1;
  min-width: 0;
}
body[data-theme="delaware-blue"] .delaware-message-thread__header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 4px;
}
body[data-theme="delaware-blue"] .delaware-message-thread__name {
  font-size: 1rem;
  font-weight: 600;
  color: #051a3e;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body[data-theme="delaware-blue"] .delaware-message-thread__time {
  font-size: 0.75rem;
  color: #71809a;
  font-family: "JetBrains Mono", monospace;
}
body[data-theme="delaware-blue"] .delaware-message-thread__preview {
  font-size: 0.9rem;
  color: #434654;
  margin: 0 0 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body[data-theme="delaware-blue"] .delaware-message-thread__badge {
  display: inline-flex;
  padding: 2px 8px;
  border-radius: 999px;
  background: #f5f8fd;
  color: #434654;
  font-size: 0.65rem;
  font-weight: 600;
  text-transform: uppercase;
  font-family: "JetBrains Mono", monospace;
}

body[data-theme="delaware-blue"] .delaware-messages-chat {
  flex: 1;
  display: flex;
  flex-direction: column;
  background: #f8fafc;
  position: relative;
}

body[data-theme="delaware-blue"] .delaware-messages-chat__header {
  height: 88px;
  border-bottom: 1px solid var(--line);
  background: #ffffff;
  padding: 0 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  box-shadow: 0 1px 2px rgba(0,0,0,0.02);
  z-index: 10;
}
body[data-theme="delaware-blue"] .delaware-messages-chat__candidate-info {
  display: flex;
  align-items: center;
  gap: 16px;
}
body[data-theme="delaware-blue"] .delaware-messages-chat__avatar {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: 2px solid white;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  background: #e4ecfb;
  color: #123f8c;
  font-size: 0.9rem;
  font-weight: 700;
}
body[data-theme="delaware-blue"] .delaware-messages-chat__name {
  font-size: 1.5rem;
  font-weight: 600;
  color: #051a3e;
  margin: 0;
}
body[data-theme="delaware-blue"] .delaware-messages-chat__meta {
  font-size: 0.95rem;
  color: #434654;
  margin: 4px 0 0;
}

body[data-theme="delaware-blue"] .delaware-messages-chat__actions {
  display: flex;
  gap: 8px;
}
body[data-theme="delaware-blue"] .delaware-messages-chat__actions button {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid var(--line);
  background: transparent;
  color: #434654;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 150ms ease;
}
body[data-theme="delaware-blue"] .delaware-messages-chat__actions button:hover {
  background: #f5f8fd;
  color: #0052cc;
}

body[data-theme="delaware-blue"] .delaware-messages-chat__feed {
  flex: 1;
  overflow-y: auto;
  padding: 40px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

body[data-theme="delaware-blue"] .delaware-message-divider {
  display: flex;
  justify-content: center;
  margin: 16px 0;
}
body[data-theme="delaware-blue"] .delaware-message-divider span {
  background: #ffffff;
  border: 1px solid var(--line);
  padding: 4px 16px;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #71809a;
  font-family: "JetBrains Mono", monospace;
}

body[data-theme="delaware-blue"] .delaware-message-bubble-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
}
body[data-theme="delaware-blue"] .delaware-message-bubble-wrapper--sent {
  align-items: flex-end;
}
body[data-theme="delaware-blue"] .delaware-message-bubble-wrapper--received {
  align-items: flex-start;
}

body[data-theme="delaware-blue"] .delaware-message-bubble {
  max-width: 70%;
  padding: 16px 24px;
  border-radius: 16px;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05);
  overflow-x: auto !important;
  word-wrap: break-word;
  word-break: break-word;
}
body[data-theme="delaware-blue"] .delaware-message-bubble--sent {
  background: #0052cc;
  color: #ffffff;
  border-bottom-right-radius: 4px;
}
body[data-theme="delaware-blue"] .delaware-message-bubble--received {
  background: #ffffff;
  border: 1px solid var(--line);
  color: #1d2739;
  border-bottom-left-radius: 4px;
}
body[data-theme="delaware-blue"] .delaware-message-content {
  font-size: 1rem;
  line-height: 1.5;
}
body[data-theme="delaware-blue"] .delaware-message-content > :first-child {
  margin-top: 0;
}
body[data-theme="delaware-blue"] .delaware-message-content > :last-child {
  margin-bottom: 0;
}
body[data-theme="delaware-blue"] .delaware-message-content a {
  color: inherit;
  text-decoration: underline;
}
body[data-theme="delaware-blue"] .delaware-message-content table {
  border-collapse: collapse;
  max-width: 100%;
}
body[data-theme="delaware-blue"] .delaware-message-content td,
body[data-theme="delaware-blue"] .delaware-message-content th {
  border: 1px solid currentColor;
  padding: 4px 6px;
}

body[data-theme="delaware-blue"] .delaware-message-meta {
  font-size: 0.75rem;
  color: #71809a;
  font-family: "JetBrains Mono", monospace;
  margin-top: 4px;
}
body[data-theme="delaware-blue"] .delaware-message-bubble-wrapper--sent .delaware-message-meta {
  margin-right: 8px;
}
body[data-theme="delaware-blue"] .delaware-message-bubble-wrapper--received .delaware-message-meta {
  margin-left: 8px;
}

body[data-theme="delaware-blue"] .delaware-messages-chat__input-area {
  padding: 24px;
  background: #ffffff;
  border-top: 1px solid var(--line);
  flex-shrink: 0;
  z-index: 10;
}

body[data-theme="delaware-blue"] .delaware-messages-quick-replies {
  display: flex;
  gap: 8px;
  margin-bottom: 16px;
  overflow-x: auto;
  padding-bottom: 4px;
}
body[data-theme="delaware-blue"] .delaware-messages-quick-replies button {
  white-space: nowrap;
  padding: 6px 16px;
  border-radius: 999px;
  border: 1px solid var(--line);
  background: #ffffff;
  font-size: 0.75rem;
  font-weight: 600;
  color: #71809a;
  font-family: "JetBrains Mono", monospace;
  cursor: pointer;
  transition: all 150ms ease;
}
body[data-theme="delaware-blue"] .delaware-messages-quick-replies button:hover {
  background: #f5f8fd;
  color: #051a3e;
}

body[data-theme="delaware-blue"] .delaware-messages-input-row {
  display: flex;
  align-items: flex-end;
  gap: 12px;
}
body[data-theme="delaware-blue"] .delaware-messages-subject-field {
  display: grid;
  gap: 6px;
  margin-bottom: 10px;
}
body[data-theme="delaware-blue"] .delaware-messages-subject-field span {
  color: #71809a;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.65rem;
  font-weight: 600;
  text-transform: uppercase;
}
body[data-theme="delaware-blue"] .delaware-messages-subject-field input {
  background: #f8fafc;
  border: 1px solid var(--line);
  border-radius: 8px;
  color: #1d2739;
  font: inherit;
  min-height: 38px;
  padding: 8px 12px;
}
body[data-theme="delaware-blue"] .delaware-messages-subject-field input:focus {
  border-color: #0052cc;
  box-shadow: 0 0 0 2px rgba(0, 82, 204, 0.2);
  outline: none;
}
body[data-theme="delaware-blue"] .delaware-messages-input-row .icon-button {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: none;
  background: transparent;
  color: #71809a;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
}
body[data-theme="delaware-blue"] .delaware-messages-input-row .icon-button:hover {
  background: #f5f8fd;
  color: #051a3e;
}

body[data-theme="delaware-blue"] .delaware-messages-input-wrapper {
  flex: 1;
  position: relative;
}
body[data-theme="delaware-blue"] .delaware-messages-input-wrapper textarea {
  width: 100%;
  background: #f8fafc;
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 12px 48px 12px 16px;
  font-family: "Inter", sans-serif;
  font-size: 1rem;
  color: #1d2739;
  resize: none;
  min-height: 48px;
  max-height: 120px;
  outline: none;
  transition: all 150ms ease;
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.02);
}
body[data-theme="delaware-blue"] .delaware-messages-input-wrapper textarea:focus {
  border-color: #0052cc;
  box-shadow: 0 0 0 2px rgba(0, 82, 204, 0.2);
}
body[data-theme="delaware-blue"] .template-button {
  position: absolute;
  right: 4px;
  bottom: 4px;
  width: 40px !important;
  height: 40px !important;
}
body[data-theme="delaware-blue"] .message-template-menu {
  background: #ffffff;
  border: 1px solid var(--line);
  border-radius: 8px;
  bottom: 52px;
  box-shadow: 0 8px 24px rgba(5, 26, 62, 0.16);
  max-height: 280px;
  overflow-y: auto;
  padding: 6px;
  position: absolute;
  right: 0;
  width: min(360px, 90vw);
  z-index: 40;
}
body[data-theme="delaware-blue"] .message-template-menu__item {
  background: transparent;
  border: 0;
  border-radius: 5px;
  color: #1d2739;
  cursor: pointer;
  display: grid;
  gap: 3px;
  padding: 10px;
  text-align: left;
  width: 100%;
}
body[data-theme="delaware-blue"] .message-template-menu__item:hover,
body[data-theme="delaware-blue"] .message-template-menu__item:focus-visible {
  background: #f1f5fb;
  outline: none;
}
body[data-theme="delaware-blue"] .message-template-menu__item strong {
  font-size: 0.85rem;
}
body[data-theme="delaware-blue"] .message-template-menu__item span,
body[data-theme="delaware-blue"] .message-template-menu__empty {
  color: #71809a;
  font-size: 0.75rem;
}
body[data-theme="delaware-blue"] .message-template-menu__empty {
  margin: 0;
  padding: 12px;
}

body[data-theme="delaware-blue"] .delaware-messages-send-button {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #0052cc;
  color: white;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
  box-shadow: 0 2px 4px rgba(0, 82, 204, 0.2);
  transition: all 150ms ease;
}
body[data-theme="delaware-blue"] .delaware-messages-send-button:hover {
  background: #003d99;
  transform: translateY(-1px);
  box-shadow: 0 4px 6px rgba(0, 82, 204, 0.3);
}

body[data-theme="delaware-blue"] .delaware-messages-input-hint {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin-top: 8px;
  text-align: right;
}
body[data-theme="delaware-blue"] #delawareMessagesComposerStatus[data-level="error"] {
  color: #b42318;
}
body[data-theme="delaware-blue"] #delawareMessagesComposerStatus[data-level="success"] {
  color: #067647;
}
body[data-theme="delaware-blue"] #delawareMessagesComposerStatus[data-level="warning"] {
  color: #946200;
}
body[data-theme="delaware-blue"] .delaware-messages-input-hint span {
  font-size: 0.65rem;
  color: #71809a;
  text-transform: uppercase;
  font-weight: 600;
  font-family: "JetBrains Mono", monospace;
}

.message-delivery {
  align-items: center;
  color: var(--color-text-muted);
  display: inline-flex;
  font-size: 10px;
  gap: 3px;
}

.message-delivery .material-symbols-outlined {
  font-size: 13px;
}

.message-delivery--accepted {
  color: #28734f;
}

.message-delivery--failed {
  color: #b42318;
  font-weight: 700;
}


/* =========================================================================
   Delaware Settings Surface
   ========================================================================= */

.delaware-settings-page {
  flex: 1;
  padding: 16px;
  overflow-y: auto;
}

@media (min-width: 768px) {
  .delaware-settings-page {
    padding: 24px;
  }
}

@media (min-width: 1024px) {
  .delaware-settings-page {
    padding: 40px;
  }
}

.delaware-settings-header {
  max-width: 1600px;
  margin: 0 auto 24px auto;
}

.delaware-settings-header__title {
  font-family: "Inter", sans-serif;
  font-size: 36px;
  line-height: 44px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--ink);
  margin: 0 0 4px 0;
}

.delaware-settings-header__subtitle {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: var(--muted);
  margin: 0;
}

.delaware-settings-grid {
  max-width: 1600px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 24px;
}

.delaware-settings-nav-col {
  grid-column: span 12;
}

@media (min-width: 1024px) {
  .delaware-settings-nav-col {
    grid-column: span 3;
  }
}

.delaware-settings-nav {
  display: flex;
  flex-direction: row;
  gap: 4px;
  overflow-x: auto;
  padding: 8px;
  background: var(--surface-strong);
  border: 1px solid var(--line);
  border-radius: 8px;
}

@media (min-width: 1024px) {
  .delaware-settings-nav {
    flex-direction: column;
    overflow-x: visible;
  }
}

.delaware-settings-nav__item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border-radius: 8px;
  color: var(--muted);
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 400;
  background: transparent;
  border: none;
  cursor: pointer;
  white-space: nowrap;
  transition: background 140ms ease, color 140ms ease;
}

.delaware-settings-nav__item:hover {
  background: var(--line);
}

.delaware-settings-nav__item--active {
  background: var(--surface-soft);
  color: var(--ink);
  font-weight: 600;
}

.delaware-settings-nav__item .material-symbols-outlined {
  font-size: 20px;
}

.delaware-settings-content-col {
  grid-column: span 12;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

@media (min-width: 1024px) {
  .delaware-settings-content-col {
    grid-column: span 9;
  }
}

.delaware-settings-panel {
  background: var(--surface-strong);
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 24px;
  scroll-margin-top: 96px;
}

.delaware-settings-panel__header {
  margin-bottom: 16px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--line);
}

.delaware-settings-panel__title {
  font-family: "Inter", sans-serif;
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
  color: var(--ink);
  margin: 0;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--line);
}

.delaware-settings-panel__header .delaware-settings-panel__title {
  border-bottom: none;
  padding-bottom: 0;
}

.delaware-settings-panel__subtitle {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  color: var(--muted);
  margin: 4px 0 0 0;
}

.delaware-settings-profile {
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: flex-start;
  margin-top: 16px;
}

@media (min-width: 768px) {
  .delaware-settings-profile {
    flex-direction: row;
  }
}

.delaware-settings-profile__avatar-sec {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}

.delaware-settings-profile__avatar {
  position: relative;
  width: 96px;
  height: 96px;
  border-radius: 50%;
  background: var(--line);
  border: 1px solid var(--line);
  overflow: hidden;
  cursor: pointer;
}

.delaware-settings-profile__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.delaware-settings-profile__avatar-fallback {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #e4ecfb;
  background-position: center;
  background-size: cover;
  color: #123f8c;
  font-size: 1rem;
  font-weight: 700;
}

.delaware-settings-profile__avatar-fallback.has-photo {
  color: transparent;
}

.delaware-settings-profile__avatar-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 140ms ease;
}

.delaware-settings-profile__avatar:hover .delaware-settings-profile__avatar-overlay {
  opacity: 1;
}

.delaware-settings-profile__avatar-overlay .material-symbols-outlined {
  color: #ffffff;
}

.delaware-settings-profile__form {
  flex: 1;
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  width: 100%;
}

@media (min-width: 768px) {
  .delaware-settings-profile__form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.delaware-form-field {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.delaware-form-field__label {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--muted);
}

.delaware-input,
.delaware-select {
  width: 100%;
  padding: 8px 16px;
  border-radius: 6px;
  background: #ffffff;
  border: 1px solid var(--line);
  font-family: "Inter", sans-serif;
  font-size: 14px;
  color: var(--ink);
  transition: border-color 140ms ease, box-shadow 140ms ease;
}

.delaware-input:focus,
.delaware-select:focus {
  outline: none;
  border-color: var(--accent);
  box-shadow: 0 0 0 2px var(--accent-soft);
}

.delaware-input:disabled {
  background: var(--surface-soft);
  color: var(--muted);
  cursor: not-allowed;
}

.delaware-settings-panel__actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 24px;
}

.delaware-text-button {
  background: transparent;
  border: none;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--accent);
  cursor: pointer;
}

.delaware-text-button:hover {
  text-decoration: underline;
}

.delaware-button {
  padding: 8px 16px;
  border-radius: 6px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background 140ms ease, color 140ms ease;
}

.delaware-button--secondary {
  background: transparent;
  border: 1px solid var(--line);
  color: var(--ink);
}

.delaware-button--secondary:hover {
  background: var(--line);
}

.delaware-button--primary {
  background: var(--accent);
  border: 1px solid var(--accent);
  color: #ffffff;
}

.delaware-button--primary:hover {
  background: rgba(0, 106, 97, 0.9); /* secondary with opacity */
}

.delaware-button--danger {
  background: #ffffff;
  border: 1px solid #b42318;
  color: #b42318;
}

.delaware-button--danger:hover {
  background: #fff1f0;
}

.template-editor-status {
  color: var(--muted);
  font-size: 13px;
  margin: 0;
  min-height: 18px;
}

.template-editor-status[data-level="error"] {
  color: #b42318;
}

.settings-template-tabs {
  align-items: center;
  background: var(--surface-soft);
  border: 1px solid var(--line);
  border-radius: 6px;
  display: inline-flex;
  flex-wrap: wrap;
  gap: 2px;
  margin-bottom: 20px;
  padding: 3px;
}

.settings-template-tab {
  background: transparent;
  border: 0;
  border-radius: 4px;
  color: var(--muted);
  cursor: pointer;
  font: 600 13px/20px "Inter", sans-serif;
  padding: 7px 12px;
}

.settings-template-tab.is-active {
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.08);
  color: var(--ink);
}

.settings-template-view__header,
.question-pack-editor__questions-header {
  align-items: flex-start;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  margin-bottom: 16px;
}

.settings-template-view__header h4,
.question-pack-editor__questions-header h4 {
  font: 600 16px/24px "Inter", sans-serif;
  margin: 0;
}

.settings-template-view__header p,
.question-pack-editor__questions-header p {
  color: var(--muted);
  font: 400 13px/20px "Inter", sans-serif;
  margin: 2px 0 0;
}

.question-pack-list {
  display: grid;
  gap: 12px;
}

.system-template-catalog,
.system-template-section,
.system-template-list {
  display: grid;
  gap: 12px;
}

.system-template-catalog {
  gap: 28px;
}

.system-template-section__header,
.system-template-group__header,
.system-template-row__heading {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}

.system-template-section__header {
  border-bottom: 1px solid var(--line);
  padding-bottom: 12px;
}

.system-template-section__header h5,
.system-template-group__header h5,
.system-template-row__heading h6 {
  font-family: "Inter", sans-serif;
  margin: 0;
}

.system-template-section__header h5 {
  font-size: 15px;
  line-height: 22px;
}

.system-template-section__header p,
.system-template-row p {
  color: var(--muted);
  font-size: 13px;
  line-height: 20px;
  margin: 3px 0 0;
}

.system-template-count,
.system-template-badge {
  background: #eef4ff;
  border-radius: 4px;
  color: #1849a9;
  flex: 0 0 auto;
  font-size: 11px;
  font-weight: 700;
  padding: 3px 7px;
}

.system-template-group {
  display: grid;
  gap: 8px;
  margin-top: 18px;
}

.system-template-group__header {
  padding: 0 2px;
}

.system-template-group__header h5 {
  font-size: 13px;
  line-height: 20px;
}

.system-template-group__header > span {
  color: var(--muted);
  font-size: 12px;
}

.system-template-row {
  background: #ffffff;
  border: 1px solid var(--line);
  border-radius: 8px;
  display: grid;
  gap: 14px;
  padding: 16px;
}

.system-template-row--document {
  align-items: start;
  grid-template-columns: auto minmax(0, 1fr) auto;
}

.system-template-row__icon {
  align-items: center;
  background: #eef4ff;
  border-radius: 6px;
  color: var(--color-primary);
  display: flex;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.system-template-row__icon .material-symbols-outlined {
  font-size: 20px;
}

.system-template-row__heading h6 {
  font-size: 14px;
  line-height: 20px;
}

.system-template-meta {
  display: grid;
  gap: 6px;
  margin: 12px 0 0;
}

.system-template-meta > div {
  display: grid;
  gap: 10px;
  grid-template-columns: 72px minmax(0, 1fr);
}

.system-template-meta dt {
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}

.system-template-meta dd {
  color: var(--ink);
  font-size: 12px;
  line-height: 18px;
  margin: 0;
  overflow-wrap: anywhere;
}

.system-template-download {
  align-items: center;
  display: inline-flex;
  gap: 6px;
  text-decoration: none;
}

.system-template-download .material-symbols-outlined {
  font-size: 18px;
}

.question-pack-card {
  align-items: center;
  background: #ffffff;
  border: 1px solid var(--line);
  border-radius: 8px;
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 16px;
}

.question-pack-card h5 {
  font: 600 14px/20px "Inter", sans-serif;
  margin: 0;
}

.question-pack-card p {
  color: var(--muted);
  font-size: 13px;
  margin: 4px 0 10px;
}

.question-pack-card__meta {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.question-pack-badge {
  background: #eef4ff;
  border-radius: 4px;
  color: #1849a9;
  font-size: 11px;
  font-weight: 700;
  padding: 3px 7px;
}

.question-pack-badge--sensitive {
  background: #fff4e5;
  color: #8a4b08;
}

.question-pack-editor {
  max-height: min(88vh, 900px);
  max-width: 920px;
  width: min(920px, calc(100vw - 32px));
}

.question-pack-editor__content {
  overflow-y: auto;
}

.question-pack-editor__toggles {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 24px;
  margin: 16px 0 24px;
}

.question-pack-editor__toggles label {
  align-items: center;
  display: flex;
  font-size: 13px;
  gap: 8px;
}

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

.question-editor-row {
  background: var(--surface-soft);
  border: 1px solid var(--line);
  border-radius: 6px;
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(220px, 1fr) 150px 94px 36px;
  padding: 12px;
}

.question-editor-row__wide {
  grid-column: 1 / -1;
}

.question-editor-row__required {
  align-items: center;
  display: flex;
  font-size: 12px;
  gap: 6px;
}

.question-editor-row__remove {
  align-self: end;
}

.job-application-questions__header {
  align-items: flex-start;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  margin-bottom: 14px;
}

.job-application-questions__header h4 {
  margin-bottom: 2px;
}

.job-question-pack-options {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.job-question-pack-option {
  align-items: flex-start;
  background: #ffffff;
  border: 1px solid var(--line);
  border-radius: 6px;
  cursor: pointer;
  display: grid;
  gap: 10px;
  grid-template-columns: 18px minmax(0, 1fr);
  padding: 12px;
}

.job-question-pack-option:has(input:checked) {
  background: #f5f8ff;
  border-color: #84adff;
}

.job-question-pack-option input {
  margin-top: 2px;
}

.job-question-pack-option strong,
.job-question-pack-option small {
  display: block;
}

.job-question-pack-option strong {
  font-size: 13px;
}

.job-question-pack-option small {
  color: var(--muted);
  font-size: 11px;
  margin-top: 3px;
}

.job-question-warning {
  align-items: flex-start;
  background: #fff8e7;
  border: 1px solid #f0cf78;
  border-radius: 6px;
  color: #684005;
  display: flex;
  font-size: 12px;
  gap: 8px;
  margin-top: 12px;
  padding: 10px 12px;
}

.job-question-warning .material-symbols-outlined {
  font-size: 18px;
}

#jobCustomQuestionList:not(:empty) {
  margin-top: 14px;
}

.candidate-application-answers,
.candidate-answer-group,
.candidate-answer-group dl {
  display: grid;
  gap: 12px;
}

.candidate-answer-group + .candidate-answer-group {
  border-top: 1px solid var(--line);
  padding-top: 16px;
}

.candidate-answer-group__header {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: space-between;
}

.candidate-answer-group h5,
.candidate-answer-group dl,
.candidate-answer-group dd {
  margin: 0;
}

.delaware-detail-card__subtitle {
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 12px;
}

.candidate-answer-row--rule-match {
  border-left: 3px solid #b42318;
  padding-left: 10px;
}

.candidate-answer-rule-match {
  width: fit-content;
  padding: 3px 7px;
  border-radius: 4px;
  background: #fff0ee;
  color: #9f1c12;
  font-size: 11px;
  font-weight: 700;
}

.question-screening-rule {
  padding-top: 10px;
  border-top: 1px solid var(--line);
}

.question-screening-rule small {
  color: var(--muted);
  font-size: 11px;
  line-height: 1.45;
}

.candidate-answer-group dl div {
  display: grid;
  gap: 3px;
}

.candidate-answer-group dt {
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}

.candidate-answer-group dd {
  color: var(--ink);
  font-size: 13px;
  white-space: pre-wrap;
}

.candidate-answer-group--sensitive {
  background: #fffaf0;
  border: 1px solid #f0cf78;
  border-radius: 6px;
  padding: 12px;
}

.candidate-answer-group__notice {
  color: #684005;
  font-size: 11px;
  margin: -6px 0 0;
}

.dialog-action-spacer {
  flex: 1;
}

@media (max-width: 720px) {
  .settings-template-view__header,
  .question-pack-editor__questions-header {
    align-items: stretch;
    flex-direction: column;
  }

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

  .job-application-questions__header {
    flex-direction: column;
  }

  .job-question-pack-options {
    grid-template-columns: 1fr;
  }

  .question-editor-row__wide {
    grid-column: auto;
  }

  .system-template-row--document {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .system-template-download {
    grid-column: 1 / -1;
    justify-content: center;
  }

  .system-template-meta > div {
    gap: 1px;
    grid-template-columns: 1fr;
  }
}

@media (max-width: 1180px) {
  body[data-theme="delaware-blue"] .app-shell {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto minmax(0, 1fr);
    height: 100vh;
    min-height: 0;
  }

  body[data-theme="delaware-blue"] .sidebar {
    align-items: center;
    display: grid;
    gap: 14px;
    grid-template-columns: auto minmax(0, 1fr);
    height: auto;
    min-height: 0;
    overflow: visible;
    padding: 12px 16px;
  }

  body[data-theme="delaware-blue"] .sidebar__brand {
    margin: 0;
    padding: 0;
  }

  body[data-theme="delaware-blue"] .sidebar__nav {
    flex-direction: row;
    gap: 6px;
    min-width: 0;
    overflow-x: auto;
    padding-bottom: 2px;
    scrollbar-width: thin;
  }

  body[data-theme="delaware-blue"] .nav-item {
    flex: 0 0 auto;
    min-height: 40px;
    padding: 9px 12px 9px 42px;
    width: auto;
  }

  body[data-theme="delaware-blue"] .nav-item span {
    white-space: nowrap;
  }

  body[data-theme="delaware-blue"] .sidebar__footer {
    display: none;
  }

  body[data-theme="delaware-blue"] .workspace {
    min-height: 0;
    overflow-y: auto;
  }
}

@media (max-width: 620px) {
  body[data-theme="delaware-blue"] .sidebar {
    align-items: stretch;
    gap: 10px;
    grid-template-columns: minmax(0, 1fr);
    padding: 10px 12px;
  }

  body[data-theme="delaware-blue"] .sidebar__brand {
    grid-template-columns: 40px minmax(0, 1fr);
    padding: 0 6px;
  }

  body[data-theme="delaware-blue"] .sidebar__brand::before {
    height: 40px;
    width: 40px;
  }

  body[data-theme="delaware-blue"] .sidebar__brand h1 {
    font-size: 1.3rem;
  }

  body[data-theme="delaware-blue"] .nav-item {
    min-height: 38px;
    padding: 8px 10px 8px 38px;
  }

  body[data-theme="delaware-blue"] .nav-item::before {
    height: 16px;
    left: 11px;
    width: 16px;
  }

  body[data-theme="delaware-blue"] .workspace__header {
    align-items: center;
    flex-direction: row;
    min-height: 56px;
    padding: 8px 16px;
  }

  body[data-theme="delaware-blue"] .workspace__header h2 {
    font-size: 1.25rem;
  }

  body[data-theme="delaware-blue"] .workspace__tools {
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 4px;
    margin-left: auto;
    width: auto;
  }

  body[data-theme="delaware-blue"] #headerHelpButton,
  body[data-theme="delaware-blue"] .workspace__divider,
  body[data-theme="delaware-blue"] .header-profile__text {
    display: none;
  }

  body[data-theme="delaware-blue"] .header-profile__avatar,
  body[data-theme="delaware-blue"] .workspace-search,
  body[data-theme="delaware-blue"] .workspace-search input,
  body[data-theme="delaware-blue"] .icon-button {
    height: 36px;
    width: 36px;
  }
}

body[data-theme="delaware-blue"] .delaware-detail-card,
body[data-theme="delaware-blue"] .delaware-panel,
body[data-theme="delaware-blue"] .scheduler-modal,
body[data-theme="delaware-blue"] .delaware-dialog {
  border-radius: 8px;
}

body[data-theme="delaware-blue"] .delaware-detail-card {
  padding: 20px;
  box-shadow: 0 4px 14px rgba(8, 28, 78, 0.05);
}

body[data-theme="delaware-blue"] .delaware-detail-card__header h4,
body[data-theme="delaware-blue"] .delaware-detail-card__overview-top h4 {
  font-size: 1.08rem;
  line-height: 1.35;
  margin-top: 0;
}

body[data-theme="delaware-blue"] .delaware-detail-fact {
  min-width: 0;
}

body[data-theme="delaware-blue"] .delaware-detail-fact strong {
  line-height: 1.35;
  overflow-wrap: anywhere;
}

body[data-theme="delaware-blue"] .candidate-operations {
  gap: 18px;
  margin-top: 14px;
}

body[data-theme="delaware-blue"] .candidate-operation-form {
  gap: 14px;
}

body[data-theme="delaware-blue"] .candidate-operation-form input,
body[data-theme="delaware-blue"] .candidate-operation-form select,
body[data-theme="delaware-blue"] .candidate-operation-form textarea {
  min-height: 40px;
  padding: 9px 11px;
}

body[data-theme="delaware-blue"] .candidate-operation-form textarea {
  min-height: 88px;
}

body[data-theme="delaware-blue"] .candidate-operation-form__actions {
  border-top: 1px solid #edf0f5;
  margin-top: 2px;
  padding-top: 12px;
}

body[data-theme="delaware-blue"] .candidate-operation-record {
  background: #f8faff;
  border: 1px solid #dce4f1;
  border-radius: 6px;
  padding: 14px;
}

body[data-theme="delaware-blue"] #schedulingForm {
  gap: 16px;
}

body[data-theme="delaware-blue"] #schedulingForm > .form-grid {
  margin-top: 0;
}

body[data-theme="delaware-blue"] #schedulingForm input,
body[data-theme="delaware-blue"] #schedulingForm select,
body[data-theme="delaware-blue"] #schedulingForm textarea {
  box-sizing: border-box;
  min-height: 42px;
  width: 100%;
}

body[data-theme="delaware-blue"] .scheduler-modal__header {
  border-bottom: 1px solid #e3e8f1;
  padding-bottom: 16px;
}

body[data-theme="delaware-blue"] .scheduler-modal__actions {
  border-top: 1px solid #e3e8f1;
  justify-content: flex-end;
  margin-top: 2px;
  padding-top: 14px;
}

body[data-theme="delaware-blue"] .question-pack-editor__content {
  padding: 18px 20px 24px;
}

body[data-theme="delaware-blue"] .question-editor-row label {
  min-width: 0;
}

body[data-theme="delaware-blue"] .question-editor-row input:not([type="checkbox"]),
body[data-theme="delaware-blue"] .question-editor-row select,
body[data-theme="delaware-blue"] .question-editor-row textarea {
  box-sizing: border-box;
  width: 100%;
}

@media (max-width: 720px) {
  body[data-theme="delaware-blue"] .scheduler-modal__header {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  body[data-theme="delaware-blue"] .scheduler-modal__header > div {
    min-width: 0;
  }

  body[data-theme="delaware-blue"] .scheduler-modal__header h3,
  body[data-theme="delaware-blue"] .scheduler-modal__header p {
    overflow-wrap: anywhere;
  }

  body[data-theme="delaware-blue"] .delaware-detail-card {
    padding: 16px;
  }

  body[data-theme="delaware-blue"] .candidate-operation-grid,
  body[data-theme="delaware-blue"] .candidate-operation-grid--ratings,
  body[data-theme="delaware-blue"] #schedulingForm .form-grid {
    grid-template-columns: 1fr;
  }

  body[data-theme="delaware-blue"] .question-pack-editor__content {
    padding: 14px 14px 22px;
  }

  body[data-theme="delaware-blue"] .question-pack-editor__questions-header .delaware-button {
    align-self: flex-start;
  }
}

.delaware-settings-integrations {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

#settingsMailIntegrationStatus {
  display: contents;
}

.mail-integration-card__heading {
  align-items: flex-start;
  display: flex;
  gap: 16px;
  justify-content: space-between;
}

.mail-integration-card__heading h4 {
  font-size: 14px;
  margin: 0 0 3px;
}

.mail-integration-card__heading span,
.mail-integration-card__details dt {
  color: var(--color-text-muted);
  font-size: 11px;
}

.mail-integration-status {
  border-radius: 4px;
  flex: 0 0 auto;
  font-size: 11px;
  font-weight: 700;
  padding: 3px 8px;
}

.mail-integration-status--ready {
  background: #e6f4ea;
  color: #137333;
}

.mail-integration-status--attention {
  background: #fff4e5;
  color: #8a4b08;
}

.mail-integration-card__details {
  display: grid;
  gap: 8px;
  margin: 14px 0 0;
}

.mail-integration-card__details div {
  display: grid;
  gap: 12px;
  grid-template-columns: 84px minmax(0, 1fr);
}

.mail-integration-card__details dd {
  font-size: 12px;
  margin: 0;
  overflow-wrap: anywhere;
}

@media (min-width: 768px) {
  .delaware-settings-integrations {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.delaware-integration-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: box-shadow 140ms ease;
}

.delaware-integration-card:hover {
  box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}

.delaware-integration-card__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 16px;
}

.delaware-integration-card__brand {
  display: flex;
  align-items: center;
  gap: 8px;
}

.delaware-integration-card__icon {
  width: 40px;
  height: 40px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.delaware-integration-card__brand h4 {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-weight: 600;
  color: var(--ink);
}

.delaware-integration-card__brand span {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--muted);
}

.delaware-integration-card__desc {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  color: var(--muted);
  margin: 0 0 16px 0;
}

.delaware-integration-card__status {
  display: flex;
  align-items: center;
  gap: 4px;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #006a61;
}

.delaware-integration-card__status .material-symbols-outlined {
  font-size: 16px;
}

.delaware-toggle {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 20px;
  margin-right: 8px;
}

.delaware-toggle input {
  opacity: 0;
  width: 0;
  height: 0;
}

.delaware-toggle__slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--line);
  transition: .4s;
  border-radius: 34px;
}

.delaware-toggle__slider:before {
  position: absolute;
  content: "";
  height: 28px;
  width: 28px;
  left: -4px;
  bottom: -4px;
  background-color: white;
  border: 4px solid var(--line);
  transition: .4s;
  border-radius: 50%;
}

.delaware-toggle input:checked + .delaware-toggle__slider {
  background-color: var(--accent);
}

.delaware-toggle input:focus + .delaware-toggle__slider {
  box-shadow: 0 0 0 2px var(--accent-soft);
}

.delaware-toggle input:checked + .delaware-toggle__slider:before {
  transform: translateX(20px);
  border-color: var(--accent);
}

.delaware-settings-team-table-wrapper {
  border: 1px solid var(--line);
  border-radius: 8px;
  overflow: hidden;
  margin-top: 16px;
}
.delaware-settings-team-table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}
.delaware-settings-team-table thead {
  background: var(--surface-soft);
  border-bottom: 1px solid var(--line);
}
.delaware-settings-team-table th {
  padding: 12px 16px;
  color: var(--muted);
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.delaware-settings-team-table tbody tr {
  border-bottom: 1px solid var(--line);
  transition: background 140ms ease;
}
.delaware-settings-team-table tbody tr:hover {
  background: var(--surface);
}
.delaware-settings-team-table tbody tr:last-child {
  border-bottom: none;
}
.delaware-settings-team-table td {
  padding: 12px 16px;
  vertical-align: middle;
}
.delaware-settings-team-user {
  display: flex;
  align-items: center;
  gap: 12px;
}
.delaware-settings-team-user__avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 700;
}
.delaware-settings-team-user strong {
  display: block;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: var(--ink);
}
.delaware-settings-team-user p {
  margin: 0;
  font-family: "JetBrains Mono", monospace;
  font-size: 12px;
  color: var(--muted);
}
.delaware-settings-team-role {
  display: inline-flex;
  padding: 4px 8px;
  border-radius: 4px;
  background: var(--line);
  color: var(--ink);
  font-family: "Inter", sans-serif;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.delaware-settings-team-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: "Inter", sans-serif;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.delaware-settings-team-status__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.delaware-settings-team-status--active {
  color: #006a61;
}
.delaware-settings-team-status--active .delaware-settings-team-status__dot {
  background: #89f5e7;
}
.delaware-settings-team-status--offline {
  color: var(--muted);
}
.delaware-settings-team-status--offline .delaware-settings-team-status__dot {
  background: var(--line);
}
/* Delaware Modal Styles */
.delaware-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);
}
.delaware-overlay.hidden {
  display: none !important;
}
.delaware-dialog {
  background: var(--surface);
  border-radius: 12px;
  width: 100%;
  max-width: 600px;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
  overflow: hidden;
  border: 1px solid var(--line);
}
.delaware-dialog__header {
  padding: 16px 24px;
  border-bottom: 1px solid var(--line);
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--surface-soft);
}
.delaware-dialog__title {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: var(--ink);
}
.delaware-dialog__content {
  overflow-y: auto;
}
.resume-import-candidate-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-height: 360px;
  overflow-y: auto;
}
.resume-import-candidate {
  width: 100%;
  text-align: left;
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 14px 16px;
  background: var(--surface);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 4px;
  transition: border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
}
.resume-import-candidate:hover {
  border-color: var(--accent-strong);
  box-shadow: 0 8px 18px rgba(9, 30, 66, 0.08);
  transform: translateY(-1px);
}
.resume-import-candidate--selected {
  border-color: var(--accent-strong);
  background: var(--surface-soft);
  box-shadow: 0 0 0 1px rgba(0, 61, 155, 0.14);
}
.resume-import-candidate strong {
  font-size: 14px;
  color: var(--ink);
}
.resume-import-candidate span,
.resume-import-candidate small {
  color: var(--muted);
}

/* Extracted Inline Styles */
.extracted-style-1 { font-size: 20px; }
.extracted-style-2 { margin-top: 32px; }
.extracted-style-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.extracted-style-4 { grid-template-columns: minmax(220px, 1.45fr) 150px 100px 140px 100px 120px 100px; min-width: 900px; }
.extracted-style-5 { text-align: right; }
.extracted-style-6 { font-size: 24px; }
.extracted-style-7 { font-variation-settings: 'FILL' 1; font-size: 20px; }
.extracted-style-8 { display: flex; justify-content: space-between; align-items: flex-end; }
.extracted-style-9 { display: flex; gap: 4px; align-items: center; margin-bottom: 8px; }
.extracted-style-10 { font-size: 16px; }
.extracted-style-11 { text-align: right; }
.extracted-style-12 { background: var(--accent-soft); color: var(--accent-strong); }
.extracted-style-13 { text-align: right; }
.extracted-style-14 { background: var(--surface-soft); color: var(--muted); }
.extracted-style-15 { text-align: right; }
.extracted-style-16 { background: #0a66c2; color: white; }
.extracted-style-17 { background: #003A9B; color: white; font-weight: bold; font-family: sans-serif; }
.extracted-style-18 { display: flex; justify-content: space-between; align-items: flex-end; }
.extracted-style-19 { display: flex; gap: 4px; align-items: center; margin-bottom: 8px; }
.extracted-style-20 { font-size: 16px; }
.extracted-style-21 { display: flex; flex-direction: column; gap: 16px; }
.extracted-style-22 { grid-template-columns: 1fr; padding: 24px; }
.extracted-style-23 { margin-top: 16px; }
.extracted-style-24 { margin-top: 24px; }
.extracted-style-25 { display: flex; flex-direction: column; gap: 16px; padding: 24px; }
.extracted-style-26 { min-height: 200px; resize: vertical; font-family: monospace; }
.extracted-style-27 { font-size: 12px; color: var(--muted); }
.extracted-style-28 { display: flex; justify-content: flex-end; gap: 8px; padding: 16px 24px; border-top: 1px solid var(--line); }

/* Command Palette Styles */
.command-palette-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 9999;
}

.command-palette {
  position: fixed;
  top: 100px;
  left: 50%;
  transform: translateX(-50%);
  width: 600px;
  background: #ffffff;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.2);
  z-index: 10000;
  display: flex;
  flex-direction: column;
  font-family: inherit;
  color: var(--ink);
}

.command-palette.hidden, .command-palette-backdrop.hidden {
  display: none !important;
}

.command-palette__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
}

.command-palette__header h3 {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  color: var(--muted);
}

.command-palette__header-actions {
  display: flex;
  gap: 8px;
}

.command-palette__icon-btn {
  background: none;
  border: none;
  cursor: pointer;
  color: var(--muted);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
}
.command-palette__icon-btn:hover {
  background: var(--surface-soft);
}

.command-palette__body {
  padding: 0 16px;
}

#commandPaletteInput {
  width: 100%;
  padding: 8px;
  border: 1px solid var(--accent); /* Teal border matching Dynamics 365 */
  font-size: 14px;
  outline: none;
  margin-bottom: 12px;
  box-sizing: border-box;
}

.command-palette__results-header {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  font-weight: 600;
  color: var(--ink);
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--line);
}

.command-palette__results-count {
  font-weight: 400;
  color: var(--muted);
}

.command-palette__results {
  max-height: 250px;
  overflow-y: auto;
  margin-bottom: 8px;
}

.command-palette__result-item {
  background: transparent;
  border: 0;
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px;
  cursor: pointer;
  text-decoration: none;
  color: var(--accent);
  font: inherit;
  text-align: left;
  width: 100%;
}

.command-palette__result-item:hover,
.command-palette__result-item--active {
  background: var(--surface-soft);
}

.command-palette__result-left {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.command-palette__result-icon {
  color: var(--accent);
  display: flex;
  font-size: 18px;
}

.command-palette__result-right {
  font-size: 13px;
  color: var(--muted);
}

.command-palette__empty {
  color: var(--muted);
  font-size: 13px;
  padding: 18px 8px;
  text-align: center;
}

.command-palette__extended {
  border-top: 1px solid var(--line);
  padding-top: 12px;
  padding-bottom: 8px;
}

.command-palette__section-title {
  font-size: 13px;
  font-weight: 600;
  color: var(--ink);
  margin-bottom: 8px;
}

.command-palette__footer-link {
  display: flex;
  align-items: center;
  gap: 8px;
  background: none;
  border: none;
  color: var(--accent);
  font-size: 13px;
  padding: 6px 0;
  cursor: pointer;
  text-align: left;
  width: 100%;
}
.command-palette__footer-link:hover {
  text-decoration: underline;
}

.command-palette__footer {
  padding: 12px 16px;
  background: var(--surface-soft);
  font-size: 12px;
  color: var(--muted);
}

.command-palette__footer a {
  color: var(--accent);
  text-decoration: none;
}
.command-palette__footer a:hover {
  text-decoration: underline;
}

/* Also style the trigger button to have an invisible hit area */
.workspace-search__button {
  position: absolute;
  inset: 0;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
  cursor: pointer;
  z-index: 10;
}



/* Expanded Command Palette Modal */
body[data-theme="delaware-blue"] .command-palette__modal.command-palette__modal--expanded {
  width: 90vw;
  max-width: 1200px;
  height: 90vh;
  margin-top: 5vh;
  display: flex;
  flex-direction: column;
}

body[data-theme="delaware-blue"] .command-palette__modal--expanded .command-palette__results {
  max-height: none;
  flex: 1;
}

/* Workflow consistency pass: candidate operations, scheduler, and editors. */

@media (max-width: 620px) {
  body[data-theme="delaware-blue"] #delawareReportsSurface {
    padding: 20px 16px 28px;
  }
}

.scheduler-note-field {
  display: grid;
  gap: 7px;
  width: 100%;
}

.scheduler-note-field textarea {
  box-sizing: border-box;
  min-height: 88px;
  width: 100%;
}

.candidate-operation-form {
  gap: 16px;
}

.candidate-operation-form__actions {
  padding-top: 2px;
}

.candidate-data-actions__danger {
  font-family: "Inter", "Segoe UI", sans-serif !important;
  letter-spacing: 0 !important;
}

.question-pack-editor {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  overflow: hidden;
}

.question-pack-editor__content {
  min-height: 0;
  overscroll-behavior: contain;
}

.question-pack-editor > .drawer__actions {
  background: #ffffff;
  border-top: 1px solid var(--line);
  margin: 0;
  padding: 12px 20px;
  z-index: 2;
}

@media (max-width: 720px) {
  .offer-candidate-picker {
    grid-template-rows: auto minmax(0, 1fr);
    overflow: hidden;
  }

  .offer-candidate-picker__body {
    overflow-y: auto;
    padding-right: 2px;
  }

  .offer-candidate-picker__grid {
    grid-template-columns: 1fr;
  }

  .offer-candidate-picker__candidate,
  .offer-candidate-picker__wide {
    grid-column: auto;
  }

  .question-pack-editor {
    border-radius: 8px;
    max-height: calc(100dvh - 16px);
    width: calc(100vw - 16px);
  }

  .question-pack-editor .delaware-dialog__header,
  .question-pack-editor .delaware-dialog__content {
    padding-left: 14px;
    padding-right: 14px;
  }

  .question-pack-editor__toggles {
    align-items: flex-start;
    flex-direction: column;
    margin: 12px 0 18px;
  }

  .question-editor-row {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .question-editor-row > label:nth-child(1),
  .question-editor-row > label:nth-child(2),
  .question-editor-row__wide {
    grid-column: 1 / -1;
  }

  .question-editor-row__required {
    align-self: center;
  }

  .question-editor-row__remove {
    align-self: center;
  }

  .candidate-data-actions {
    align-items: stretch;
    display: grid;
  }

  .candidate-data-actions > * {
    justify-content: center;
    text-align: center;
    width: 100%;
  }
}

/* Test Banner Standard — fixed dark-red bar, identical across estate apps.
   Rendered only when the server reports the test lane. */
.test-banner {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  background: #8a1f2d;
  color: #fff;
  font: 800 13px Arial, sans-serif;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  text-align: center;
  padding: 12px 16px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
}

body.test-banner-active {
  padding-top: 48px;
}

.test-banner__email-toggle {
  margin-left: 12px;
  padding: 3px 10px;
  border: 1px solid rgba(255, 255, 255, 0.55);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
  font: 800 11px Arial, sans-serif;
  letter-spacing: 0.08em;
  cursor: pointer;
}

.test-banner__email-toggle:hover {
  background: rgba(255, 255, 255, 0.22);
}

.test-banner__email-toggle.off {
  background: rgba(0, 0, 0, 0.35);
  border-color: rgba(255, 255, 255, 0.35);
}

.test-banner__email-toggle.hidden {
  display: none;
}

/* Always-open (general interest) posting flag on the Jobs list */
.job-always-open-flag {
  display: inline-block;
  margin-left: 6px;
  padding: 1px 7px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  vertical-align: middle;
  color: #1f6f8b;
  background: rgba(31, 111, 139, 0.14);
  border: 1px solid rgba(31, 111, 139, 0.35);
}

/* --- Email Log (admin-only, estate standard) --- */
.email-log-modal { width: min(900px, calc(100vw - 32px)); z-index: 1101; }
.el-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 12px; }
.el-head h2 { margin: 0; font-size: 1.15rem; }
.el-sub { margin: 4px 0 0; color: #5b6b7c; font-size: 0.82rem; }
.el-toolbar { display: flex; flex-wrap: wrap; gap: 12px; margin: 0 0 10px; }
.el-toolbar label { display: flex; flex-direction: column; gap: 4px; color: #5b6b7c; font-size: 11px; font-weight: 700; text-transform: uppercase; }
.el-toolbar label.el-grow { flex: 1; min-width: 180px; }
.el-toolbar input { height: 34px; padding: 0 10px; border: 1px solid #ccd6e2; border-radius: 6px; background: #fff; color: #14223a; font: inherit; text-transform: none; }
.el-status { margin: 0 0 10px; color: #5b6b7c; font-size: 12px; font-weight: 700; }
.el-list { display: grid; gap: 10px; }
.el-entry { display: grid; gap: 5px; padding: 10px 12px; border: 1px solid #dbe3ec; border-radius: 8px; background: #f7f9fc; }
.el-row { display: flex; align-items: center; gap: 10px; }
.el-row strong { min-width: 0; overflow-wrap: anywhere; font-size: 13px; }
.el-meta, .el-reason { margin: 0; color: #46566a; font-size: 12px; line-height: 1.45; overflow-wrap: anywhere; }
.el-reason { color: #8a5a00; }
.el-nobody { font-style: italic; }
.el-pill { display: inline-flex; align-items: center; padding: 2px 8px; border-radius: 999px; background: #e3edf9; color: #1f4f8f; font-size: 10px; font-weight: 800; text-transform: uppercase; white-space: nowrap; }
.el-pill[data-status="suppressed"], .el-pill[data-status="blocked"] { background: #f7e7c9; color: #8a5a00; }
.el-pill[data-status="failed"] { background: #f6d9d5; color: #9b2c1f; }
.el-actions { margin-top: 2px; }
.el-body { margin: 6px 0 0; border: 1px solid #dbe3ec; border-radius: 8px; background: #fff; overflow: hidden; }
.el-frame { display: block; width: 100%; height: 420px; border: 0; background: #fff; }