/* Operations portal in the Base44 admin style: navy ink sidebar and header, champagne gold accents, ivory canvas.
   Selectors start with `html body` so they win over the workspace bundle stylesheet loaded after this file. */
html body .b44-admin-shell {
  --b44-ink: #232e3e;
  --b44-ink-deep: #1c2532;
  --b44-ivory: #fcf8f0;
  --b44-gold: #c9a961;
  --b44-gold-strong: #a0803c;
  --b44-line: #e8e2da;
  --b44-body: #5c5860;
  --b44-muted: #847e88;
  --b44-slate-200: #e2e8f0;
  --b44-slate-300: #cbd5e1;
  --b44-slate-400: #94a3b8;
  --b44-shadow: 0 1px 2px rgba(35, 46, 62, 0.04), 0 12px 32px -12px rgba(35, 46, 62, 0.12);
  --b44-shadow-lg: 0 2px 4px rgba(35, 46, 62, 0.05), 0 28px 60px -20px rgba(35, 46, 62, 0.2);
  display: block;
  min-height: 100svh;
  padding: 0 !important;
  overflow-x: clip;
  color: var(--b44-ink);
  background: var(--b44-ivory);
  font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
}

/* Sidebar: fixed, full height, dark. */
html body.jbn-react-workspace .b44-admin-shell .b44-admin-sidebar,
html body .b44-admin-shell .b44-admin-sidebar {
  position: fixed;
  top: 0 !important;
  bottom: 0;
  left: 0;
  z-index: 120;
  display: flex;
  flex-direction: column;
  width: 16rem;
  height: 100svh;
  padding: 0;
  overflow-y: auto;
  background: var(--b44-ink);
  border: 0;
  scrollbar-color: rgba(255, 255, 255, 0.18) transparent;
  scrollbar-width: thin;
}
html body .b44-admin-shell .b44-admin-sidebar__brand {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  padding: 1.25rem 1.25rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
html body .b44-admin-shell .b44-admin-sidebar__brand img { width: 3rem; height: 3rem; object-fit: contain; }
html body .b44-admin-shell .b44-admin-sidebar__brand p {
  margin: 0;
  color: var(--b44-gold);
  font-size: 0.625rem;
  font-weight: 600;
  letter-spacing: 0.2em;
}
html body .b44-admin-shell .b44-admin-sidebar__close {
  display: none;
  margin-left: auto;
  padding: 0 0.25rem;
  color: var(--b44-slate-400);
  font-size: 1.5rem;
  line-height: 1;
  background: none;
  border: 0;
  cursor: pointer;
}
html body .b44-admin-shell .b44-admin-sidebar__close:hover { color: #fff; }
html body .b44-admin-shell .b44-admin-sidebar__nav { flex: 1; padding: 1rem 0.75rem; }

html body .b44-admin-shell .b44-admin-sidebar a { text-decoration: none; }
html body .b44-admin-shell :is(.b44-admin-quick__link, .b44-admin-item, .b44-admin-subitem) {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  width: 100%;
  min-height: 0;
  margin: 0;
  border: 0;
  border-radius: 0.5rem;
  background: transparent;
  box-shadow: none;
  font-size: 0.875rem;
  line-height: 1.3;
  transition: background-color 0.15s ease, color 0.15s ease;
}
html body .b44-admin-shell :is(.b44-admin-quick__link, .b44-admin-item, .b44-admin-subitem) svg { flex: 0 0 auto; width: 1rem; height: 1rem; color: inherit; }

/* Quick access box. */
html body .b44-admin-shell .b44-admin-quick { margin-bottom: 0.75rem; }
html body .b44-admin-shell .b44-admin-quick > p {
  margin: 0 0 0.375rem;
  padding: 0 0.75rem;
  color: rgba(201, 169, 97, 0.7);
  font-size: 0.625rem;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}
html body .b44-admin-shell .b44-admin-quick > div {
  display: grid;
  gap: 0.125rem;
  padding: 0.375rem;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0.75rem;
}
html body .b44-admin-shell .b44-admin-quick__link { padding: 0.5rem 0.625rem; color: var(--b44-slate-200); font-weight: 600; }

/* Top-level items. */
html body .b44-admin-shell .b44-admin-items { display: grid; gap: 0.25rem; margin-bottom: 0.25rem; }
html body .b44-admin-shell .b44-admin-item { padding: 0.625rem 0.75rem; color: var(--b44-slate-300); font-weight: 600; }
html body .b44-admin-shell :is(.b44-admin-quick__link, .b44-admin-item):hover { color: #fff; background: rgba(255, 255, 255, 0.05); }
html body .b44-admin-shell :is(.b44-admin-quick__link, .b44-admin-item).active { color: var(--b44-ink); background: var(--b44-gold); }

/* Collapsible groups. */
html body .b44-admin-shell .b44-admin-menu-group { margin: 0 0 0.25rem; }
html body .b44-admin-shell .b44-admin-menu-group > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.625rem 0.75rem;
  color: var(--b44-slate-300);
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: normal;
  text-transform: none;
  list-style: none;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
}
html body .b44-admin-shell .b44-admin-menu-group > summary::-webkit-details-marker { display: none; }
html body .b44-admin-shell .b44-admin-menu-group > summary::after {
  content: "";
  width: 0.45rem;
  height: 0.45rem;
  margin-right: 0.2rem;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg) translateY(-2px);
  transition: transform 0.2s ease;
}
html body .b44-admin-shell .b44-admin-menu-group[open] > summary::after { transform: rotate(-135deg) translate(-2px, 0); }
html body .b44-admin-shell .b44-admin-menu-group > summary:hover { color: #fff; background: rgba(255, 255, 255, 0.05); }
html body .b44-admin-shell .b44-admin-menu-group.has-active > summary { color: var(--b44-gold); }
html body .b44-admin-shell .b44-admin-menu-group__items {
  display: grid;
  gap: 0.125rem;
  margin: 0.25rem 0 0.25rem 0.75rem;
  padding-left: 0.75rem;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
html body .b44-admin-shell .b44-admin-subitem { padding: 0.5rem 0.75rem; color: var(--b44-slate-400); font-weight: 500; }
html body .b44-admin-shell .b44-admin-subitem svg { width: 0.875rem; height: 0.875rem; }
html body .b44-admin-shell .b44-admin-subitem:hover { color: #fff; background: rgba(255, 255, 255, 0.05); }
html body .b44-admin-shell .b44-admin-subitem.active { color: var(--b44-gold); background: rgba(201, 169, 97, 0.15); }

/* User block. */
html body .b44-admin-shell .b44-admin-sidebar__user {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding: 1rem 1.25rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
html body .b44-admin-shell .b44-admin-sidebar__user > span,
html body .b44-admin-shell .b44-admin-avatar > i {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 2rem;
  height: 2rem;
  color: var(--b44-ink);
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 700;
  background: var(--b44-gold);
  border-radius: 999px;
}
html body .b44-admin-shell .b44-admin-sidebar__user strong { display: block; color: #fff; font-size: 0.875rem; font-weight: 600; }
html body .b44-admin-shell .b44-admin-sidebar__user small { display: block; color: var(--b44-slate-400); font-size: 0.75rem; }

/* Right column. */
html body .b44-admin-shell .b44-admin-column { min-width: 0; margin-left: 16rem; }

/* Header bar. */
html body.jbn-react-workspace .b44-admin-shell .b44-admin-topbar,
html body .b44-admin-shell .b44-admin-topbar {
  position: sticky;
  top: 0 !important;
  z-index: 100;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  min-height: 0;
  padding: 0.75rem 2rem;
  padding-top: max(0.75rem, env(safe-area-inset-top));
  color: #fff;
  background: rgba(35, 46, 62, 0.95);
  border-bottom: 1px solid rgba(201, 169, 97, 0.2);
  box-shadow: none;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
html body .b44-admin-shell .b44-admin-brand { display: flex; flex: 0 0 auto; align-items: center; gap: 0.625rem; }
html body .b44-admin-shell .b44-admin-brand img { width: auto; height: 2rem; }
html body .b44-admin-shell .b44-admin-brand strong {
  color: #fff;
  font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.12em;
}
html body .b44-admin-shell .b44-admin-global-search {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  gap: 0.6rem;
  width: auto;
  max-width: 28rem;
  margin-left: 0.5rem;
  padding: 0.5rem 1rem;
  color: var(--b44-slate-400);
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
}
html body .b44-admin-shell .b44-admin-global-search:focus-within { border-color: rgba(201, 169, 97, 0.5); box-shadow: 0 0 0 1px rgba(201, 169, 97, 0.3); }
html body .b44-admin-shell .b44-admin-global-search input { color: #fff; font-size: 0.875rem; }
html body .b44-admin-shell .b44-admin-global-search input::placeholder { color: var(--b44-slate-400); }
html body .b44-admin-shell .b44-admin-top-actions { display: flex; flex: 0 0 auto; align-items: center; gap: 0.375rem; margin-left: auto; }
html body .b44-admin-shell .b44-admin-top-actions :is(.b44-admin-icon-btn, .b44-admin-pill, .b44-admin-mobile-menu) {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  width: auto;
  height: 2.25rem;
  color: var(--b44-slate-200);
  font: inherit;
  font-size: 0.875rem;
  font-weight: 600;
  text-decoration: none;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  cursor: pointer;
  transition: border-color 0.15s ease, color 0.15s ease;
}
html body .b44-admin-shell .b44-admin-top-actions .b44-admin-icon-btn { width: 2.25rem; }
html body .b44-admin-shell .b44-admin-top-actions .b44-admin-pill { padding: 0 0.75rem; }
html body .b44-admin-shell .b44-admin-top-actions :is(.b44-admin-icon-btn, .b44-admin-pill):hover { color: var(--b44-gold); border-color: rgba(201, 169, 97, 0.5); background: transparent; }
html body .b44-admin-shell .b44-admin-top-actions .b44-admin-icon-btn > i {
  position: absolute;
  top: -0.1rem;
  right: -0.1rem;
  width: 0.55rem;
  height: 0.55rem;
  background: var(--b44-gold);
  border-radius: 999px;
  box-shadow: 0 0 0 2px var(--b44-ink);
}
html body .b44-admin-shell .b44-admin-avatar {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: 0.125rem;
  padding-left: 0.5rem;
  color: var(--b44-slate-200);
  font-size: 0.875rem;
  font-weight: 600;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
html body .b44-admin-shell .b44-admin-portals { position: relative; }
html body .b44-admin-shell :is(.b44-admin-menu-pop, .b44-admin-alert-popover) {
  position: absolute;
  top: calc(100% + 0.5rem);
  right: 0;
  z-index: 130;
  width: 14rem;
  padding: 0.5rem;
  color: var(--b44-slate-200);
  background: var(--b44-ink);
  border: 1px solid rgba(201, 169, 97, 0.2);
  border-radius: 0.75rem;
  box-shadow: var(--b44-shadow-lg);
}
html body .b44-admin-shell .b44-admin-alert-popover { right: 2rem; top: calc(100% - 0.25rem); width: min(19rem, calc(100vw - 2rem)); padding: 0.75rem; }
html body .b44-admin-shell :is(.b44-admin-menu-pop, .b44-admin-alert-popover) > p {
  margin: 0.25rem 0.5rem 0.4rem;
  color: var(--b44-slate-400);
  font-size: 0.625rem;
  font-weight: 600;
  letter-spacing: 0.18em;
  line-height: 1.5;
  text-transform: uppercase;
}
html body .b44-admin-shell .b44-admin-alert-popover > strong { display: block; margin: 0 0.5rem; color: #fff; font-size: 0.9rem; }
html body .b44-admin-shell :is(.b44-admin-menu-pop, .b44-admin-alert-popover) a {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0.6rem 0.75rem;
  color: var(--b44-slate-200);
  font-size: 0.875rem;
  font-weight: 500;
  text-decoration: none;
  border-radius: 0.5rem;
}
html body .b44-admin-shell :is(.b44-admin-menu-pop, .b44-admin-alert-popover) a:hover { color: var(--b44-gold); background: rgba(255, 255, 255, 0.05); }
html body .b44-admin-shell .b44-admin-alert-popover nav { display: grid; }

/* Content area. */
html body.jbn-react-workspace .b44-admin-shell .b44-admin-main,
html body .b44-admin-shell .b44-admin-main {
  box-sizing: border-box;
  width: auto;
  max-width: none;
  min-height: calc(100svh - 3.75rem);
  padding: 1.5rem 2rem 6rem;
  background: var(--b44-ivory);
}
html body .b44-admin-shell .b44-admin-main > * { max-width: 80rem; margin-inline: auto; }
html body .b44-admin-shell .b44-admin-toolbar { display: flex; justify-content: flex-end; margin-bottom: 0.75rem; }
html body .b44-admin-shell .b44-admin-toolbar .b44-admin-outline {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  min-height: 0;
  padding: 0.5rem 1rem;
  color: var(--b44-ink);
  font-size: 0.875rem;
  font-weight: 600;
  background: #fff;
  border: 1px solid var(--b44-line);
  border-radius: 999px;
}
html body .b44-admin-shell .b44-admin-toolbar .b44-admin-outline:hover { border-color: var(--b44-gold); }
html body .b44-admin-shell .b44-admin-scrim {
  position: fixed;
  inset: 0;
  z-index: 110;
  background: rgba(35, 46, 62, 0.6);
  border: 0;
}
html body .b44-admin-shell .b44-admin-mobile-menu { display: none !important; }

/* Tablets and phones: the sidebar slides in from the left. */
@media (max-width: 1023px) {
  html body.jbn-react-workspace .b44-admin-shell .b44-admin-sidebar,
  html body .b44-admin-shell .b44-admin-sidebar { transform: translateX(-100%); transition: transform 0.3s ease; }
  html body .b44-admin-shell .b44-admin-sidebar.open { transform: translateX(0); }
  html body .b44-admin-shell .b44-admin-sidebar__close { display: block; }
  html body .b44-admin-shell .b44-admin-column { margin-left: 0; }
  html body .b44-admin-shell .b44-admin-top-actions .b44-admin-mobile-menu,
  html body .b44-admin-shell .b44-admin-topbar > .b44-admin-mobile-menu {
    display: inline-flex !important;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    color: var(--b44-slate-200);
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 999px;
  }
  html body .b44-admin-shell .b44-admin-topbar { padding-inline: 1.25rem; }
  html body .b44-admin-shell .b44-admin-avatar { display: none; }
}
@media (max-width: 767px) {
  html body .b44-admin-shell .b44-admin-global-search { display: none; }
  html body .b44-admin-shell .b44-admin-main { padding: 1.25rem 1rem 4rem; }
  html body .b44-admin-shell .b44-admin-alert-popover { right: 1rem; }
}
@media (max-width: 639px) {
  html body .b44-admin-shell .b44-admin-brand { display: none; }
  html body .b44-admin-shell .b44-admin-hide-sm { display: none !important; }
  html body .b44-admin-shell .b44-admin-pill > span { display: none; }
  html body .b44-admin-shell .b44-admin-top-actions .b44-admin-pill { width: 2.25rem; padding: 0; }
  html body .b44-admin-shell .b44-admin-topbar { gap: 0.5rem; padding-inline: 1rem; }
}

/* ---------- Dashboard (Flask fragment #admin-b44-dashboard) ---------- */
html body .b44-admin-shell .live-workspace .b44-dash { padding: 0; background: none; border: 0; }
html body .b44-admin-shell .b44-dash > * + * { margin-top: 1.5rem; }
html body .b44-admin-shell .b44-dash .b44-admin-page-header { display: block; margin: 0; }
html body .b44-admin-shell .b44-dash .b44-admin-eyebrow {
  color: var(--b44-gold-strong) !important;
  font-size: 0.75rem !important;
  font-weight: 600;
  letter-spacing: 0.22em;
}
html body .b44-admin-shell .b44-dash .b44-admin-page-header h1 {
  margin: 0.5rem 0 0.25rem;
  color: var(--b44-ink);
  font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  font-size: 1.875rem;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1.1;
}
html body .b44-admin-shell .b44-dash .b44-admin-page-header p:last-child { margin: 0; color: var(--b44-body); font-size: 0.875rem; }
html body .b44-admin-shell .b44-dash .b44-admin-card {
  margin: 0;
  padding: 1.5rem;
  background: #fff;
  border: 1px solid var(--b44-line);
  border-radius: 1rem;
  box-shadow: var(--b44-shadow);
}
html body .b44-admin-shell .b44-dash-card-head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 0.5rem 1rem; }
html body .b44-admin-shell .b44-dash-card-head h2 {
  margin: 0;
  color: var(--b44-muted);
  font-family: Inter, system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}
html body .b44-admin-shell .b44-dash-card-head span { display: block; margin-top: 0.25rem; color: var(--b44-muted); font-size: 0.75rem; }
html body .b44-admin-shell .b44-dash-card-head a { color: var(--b44-gold-strong); font-size: 0.75rem; font-weight: 600; text-decoration: none; }
html body .b44-admin-shell .b44-dash-card-head a:hover { text-decoration: underline; }

html body .b44-admin-shell .b44-dash-kpis { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; margin-top: 1rem; }
html body .b44-admin-shell .b44-dash-kpis strong { display: block; color: var(--b44-ink); font-size: 1.875rem; font-weight: 600; font-variant-numeric: tabular-nums; line-height: 1.2; }
html body .b44-admin-shell .b44-dash-kpis strong.is-gold { color: var(--b44-gold-strong); }
html body .b44-admin-shell .b44-dash-kpis span { display: block; color: var(--b44-muted); font-size: 0.75rem; font-weight: 600; }
html body .b44-admin-shell .b44-dash-kpis small { display: block; margin-top: 0.15rem; color: var(--b44-muted); font-size: 0.75rem; }
html body .b44-admin-shell .b44-dash-chart { margin-top: 1.5rem; }
html body .b44-admin-shell .b44-dash-chart__legend { display: flex; gap: 1rem; margin: 0 0 0.5rem; color: var(--b44-muted); font-size: 0.75rem; font-weight: 600; }
html body .b44-admin-shell .b44-dash-chart__legend span::before { content: ""; display: inline-block; width: 0.6rem; height: 0.6rem; margin-right: 0.35rem; border-radius: 999px; vertical-align: -0.05rem; }
html body .b44-admin-shell .b44-dash-chart__legend .is-gold::before { background: var(--b44-gold); }
html body .b44-admin-shell .b44-dash-chart__legend .is-blue::before { background: #3b82f6; }
html body .b44-admin-shell .live-workspace .b44-dash-chart svg { display: block; width: 100%; height: 10rem; overflow: visible; }
html body .b44-admin-shell .b44-dash-chart__grid line { stroke: rgba(148, 163, 184, 0.18); stroke-dasharray: 3 3; }
html body .b44-admin-shell .b44-dash-chart__months { display: flex; justify-content: space-between; gap: 0.25rem; margin: 0.5rem 0 0; padding: 0; list-style: none; }
html body .b44-admin-shell .b44-dash-chart__months li { display: grid; flex: 1 1 0; justify-items: center; color: var(--b44-muted); font-size: 0.6875rem; text-align: center; }
html body .b44-admin-shell .b44-dash-chart__months li:first-child { justify-items: start; text-align: left; }
html body .b44-admin-shell .b44-dash-chart__months li:last-child { justify-items: end; text-align: right; }
html body .b44-admin-shell .b44-dash-chart__months b { color: var(--b44-ink); font-size: 0.75rem; font-weight: 600; }

/* Pipeline board. */
html body .b44-admin-shell .b44-dash-kanban { display: grid; grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)); gap: 0.75rem; margin-top: 1rem; overflow-x: auto; padding-bottom: 0.25rem; }
html body .b44-admin-shell .live-workspace .b44-dash-kanban__col {
  display: grid;
  align-content: start;
  gap: 0.5rem;
  min-width: 0;
  margin: 0;
  padding: 0.75rem;
  background: var(--b44-ivory);
  border: 1px solid var(--b44-line);
  border-radius: 0.75rem;
}
html body .b44-admin-shell .b44-dash-kanban__col > header { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; padding: 0 0.125rem 0.25rem; color: var(--b44-ink); font-size: 0.8125rem; font-weight: 600; }
html body .b44-admin-shell .b44-dash-kanban__col > header b { min-width: 1.5rem; padding: 0.05rem 0.45rem; color: var(--b44-ink); font-size: 0.75rem; text-align: center; background: #fff; border: 1px solid var(--b44-line); border-radius: 999px; }
html body .b44-admin-shell .b44-dash-kanban__col--new > header { box-shadow: inset 0 -2px 0 #f59e0b; }
html body .b44-admin-shell .b44-dash-kanban__col--fit_review > header { box-shadow: inset 0 -2px 0 #3b82f6; }
html body .b44-admin-shell .b44-dash-kanban__col--verification > header { box-shadow: inset 0 -2px 0 #8b5cf6; }
html body .b44-admin-shell .b44-dash-kanban__col--onboarding_ready > header { box-shadow: inset 0 -2px 0 var(--b44-gold); }
html body .b44-admin-shell .b44-dash-kanban__col--accepted > header { box-shadow: inset 0 -2px 0 #10b981; }
html body .b44-admin-shell .b44-dash-kanban__card {
  display: grid;
  gap: 0.15rem;
  padding: 0.625rem 0.75rem;
  color: var(--b44-ink);
  text-decoration: none;
  background: #fff;
  border: 1px solid var(--b44-line);
  border-radius: 0.625rem;
  transition: border-color 0.15s ease;
}
html body .b44-admin-shell .b44-dash-kanban__card:hover { border-color: rgba(201, 169, 97, 0.6); }
html body .b44-admin-shell .b44-dash-kanban__card strong { font-size: 0.8125rem; font-weight: 600; }
html body .b44-admin-shell .b44-dash-kanban__card small { color: var(--b44-muted); font-size: 0.75rem; }
html body .b44-admin-shell .b44-dash-kanban__more { color: var(--b44-gold-strong); font-size: 0.75rem; font-weight: 600; text-decoration: none; }
html body .b44-admin-shell .b44-dash-empty { margin: 0; padding: 0.75rem 0; color: var(--b44-muted); font-size: 0.8125rem; text-align: center; }

/* Recent assessments table. */
html body .b44-admin-shell .b44-dash .b44-admin-table-wrap { margin-top: 1rem; border: 0; border-radius: 0; }
html body .b44-admin-shell .live-workspace .b44-dash .b44-admin-table { min-width: 48rem; font-size: 0.875rem; }
html body .b44-admin-shell .live-workspace .b44-dash .b44-admin-table th { padding: 0 0.75rem 0.75rem 0; color: var(--b44-muted); font-size: 0.75rem; font-weight: 600; letter-spacing: normal; text-transform: none; background: none; border-bottom: 0; }
html body .b44-admin-shell .live-workspace .b44-dash .b44-admin-table td { padding: 0.75rem 0.75rem 0.75rem 0; color: var(--b44-body); vertical-align: middle; border-top: 1px solid var(--b44-line); border-bottom: 0; }
html body .b44-admin-shell .live-workspace .b44-dash .b44-admin-table tbody tr:nth-child(even) { background: none; }
html body .b44-admin-shell .b44-dash .b44-admin-table tbody tr:hover { background: rgba(252, 248, 240, 0.6); }
html body .b44-admin-shell .b44-dash-person { display: inline-flex; align-items: center; gap: 0.625rem; min-width: 0; }
html body .b44-admin-shell .b44-dash-person > i {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 2.25rem;
  height: 2.25rem;
  color: #fff;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 600;
  background: var(--b44-ink);
  border-radius: 999px;
}
html body .b44-admin-shell .b44-dash-person strong { display: block; color: var(--b44-ink); font-size: 0.875rem; font-weight: 600; }
html body .b44-admin-shell .b44-dash-person small { display: block; color: var(--b44-muted); font-size: 0.75rem; }
html body .b44-admin-shell .b44-dash-score { display: inline-flex; align-items: center; gap: 0.4rem; }
html body .b44-admin-shell .b44-dash-score b { color: var(--b44-ink); font-weight: 600; }
html body .b44-admin-shell .b44-dash-score > span { display: block; width: 3rem; height: 0.375rem; overflow: hidden; background: var(--b44-line); border-radius: 999px; }
html body .b44-admin-shell .b44-dash-score > span > span { display: block; height: 100%; background: var(--b44-gold-strong); border-radius: 999px; }
html body .b44-admin-shell .b44-dash-actions { white-space: nowrap; text-align: right; }
html body .b44-admin-shell .b44-dash-actions a { display: inline-flex; align-items: center; min-height: 0; margin-left: 0.375rem; padding: 0.375rem 0.75rem; font-size: 0.75rem; font-weight: 600; text-decoration: none; border-radius: 0.5rem; }
html body .b44-admin-shell .b44-dash-actions .b44-admin-outline { color: var(--b44-ink); background: #fff; border: 1px solid var(--b44-line); }
html body .b44-admin-shell .b44-dash-actions .b44-admin-outline:hover { border-color: var(--b44-gold-strong); }
html body .b44-admin-shell .b44-dash-actions .b44-admin-primary { color: #fff; background: var(--b44-ink); border: 1px solid var(--b44-ink); }
html body .b44-admin-shell .b44-dash-actions .b44-admin-primary:hover { background: var(--b44-ink-deep); }

/* Next steps + pending applications. */
html body .b44-admin-shell .b44-dash-duo { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; }
html body .b44-admin-shell .b44-dash .b44-admin-card-title { display: flex; align-items: center; gap: 0.5rem; margin: 0 0 1rem; color: var(--b44-gold-strong); }
html body .b44-admin-shell .b44-dash .b44-admin-card-title .icon { width: 1.25rem; height: 1.25rem; }
html body .b44-admin-shell .b44-dash .b44-admin-card-title h2 { margin: 0; color: var(--b44-ink); font-family: Inter, system-ui, sans-serif; font-size: 1.125rem; font-weight: 600; }
html body .b44-admin-shell .b44-dash .b44-admin-nextstep {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.25rem 0.75rem;
  margin-top: 0.75rem;
  padding: 1rem;
  border-radius: 0.75rem;
}
html body .b44-admin-shell .b44-dash .b44-admin-nextstep .b44-admin-dot { width: 0.625rem; height: 0.625rem; margin-top: 0.3rem; border-radius: 999px; }
html body .b44-admin-shell .b44-dash .b44-admin-nextstep strong { color: var(--b44-ink); font-size: 0.875rem; font-weight: 600; }
html body .b44-admin-shell .b44-dash .b44-admin-nextstep p { margin: 0.125rem 0 0; color: var(--b44-body); font-size: 0.75rem; line-height: 1.5; }
html body .b44-admin-shell .b44-dash .b44-admin-nextstep a {
  grid-column: 2;
  justify-self: start;
  margin-top: 0.5rem;
  padding: 0.375rem 0.75rem;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 600;
  text-decoration: none;
  background: var(--b44-ink);
  border-radius: 999px;
}
html body .b44-admin-shell .b44-dash .b44-admin-nextstep a:hover { background: var(--b44-ink-deep); }
html body .b44-admin-shell .b44-dash .b44-admin-nextstep--rose { background: rgba(255, 241, 242, 0.5); border: 1px solid #fecdd3; }
html body .b44-admin-shell .b44-dash .b44-admin-nextstep--rose .b44-admin-dot { background: #f43f5e; }
html body .b44-admin-shell .b44-dash .b44-admin-nextstep--amber { background: rgba(255, 251, 235, 0.5); border: 1px solid #fde68a; }
html body .b44-admin-shell .b44-dash .b44-admin-nextstep--amber .b44-admin-dot { background: #f59e0b; }
html body .b44-admin-shell .b44-dash .b44-admin-nextstep--purple { background: rgba(250, 245, 255, 0.4); border: 1px solid #e9d5ff; }
html body .b44-admin-shell .b44-dash .b44-admin-nextstep--purple .b44-admin-dot { background: #a855f7; }
html body .b44-admin-shell .b44-dash-caughtup { margin: 0; padding: 0.75rem 1rem; color: var(--b44-body); font-size: 0.875rem; background: rgba(236, 253, 245, 0.5); border: 1px solid #a7f3d0; border-radius: 0.75rem; }
html body .b44-admin-shell .b44-dash-pending { display: grid; gap: 0.75rem; margin-top: 1rem; }
html body .b44-admin-shell .b44-dash-pending > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.625rem 0.75rem;
  text-decoration: none;
  border: 1px solid rgba(232, 226, 218, 0.6);
  border-radius: 0.75rem;
  transition: border-color 0.15s ease;
}
html body .b44-admin-shell .b44-dash-pending > a:hover { border-color: rgba(201, 169, 97, 0.4); }
html body .b44-admin-shell .b44-dash-badge { flex: 0 0 auto; padding: 0.25rem 0.75rem; font-size: 0.75rem; font-weight: 600; border-radius: 999px; }
html body .b44-admin-shell .b44-dash-badge--new { color: #b45309; background: rgba(245, 158, 11, 0.15); border: 1px solid rgba(245, 158, 11, 0.25); }
html body .b44-admin-shell .b44-dash-badge--fit_review { color: #1d4ed8; background: rgba(59, 130, 246, 0.15); border: 1px solid rgba(59, 130, 246, 0.25); }
html body .b44-admin-shell .b44-dash-badge--verification { color: #7c3aed; background: rgba(139, 92, 246, 0.15); border: 1px solid rgba(139, 92, 246, 0.25); }
html body .b44-admin-shell .b44-dash-badge--onboarding_ready { color: var(--b44-gold-strong); background: rgba(201, 169, 97, 0.15); border: 1px solid rgba(201, 169, 97, 0.3); }

@media (max-width: 1023px) {
  html body .b44-admin-shell .b44-dash-duo { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 639px) {
  html body .b44-admin-shell .b44-dash-kpis { grid-template-columns: minmax(0, 1fr); gap: 1rem; }
  html body .b44-admin-shell .b44-dash-kanban { grid-template-columns: repeat(5, minmax(12rem, 80%)); }
  html body .b44-admin-shell .b44-dash .b44-admin-card { padding: 1.1rem; }
}

/* Fixes: box sizing in the sidebar, avatar in the header (the bundle positions every `i` there), sans-serif card titles. */
html body .b44-admin-shell .b44-admin-sidebar,
html body .b44-admin-shell .b44-admin-sidebar * { box-sizing: border-box; }
html body .b44-admin-shell :is(.b44-admin-quick__link, .b44-admin-item, .b44-admin-subitem) span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html body .b44-admin-shell .b44-admin-top-actions .b44-admin-avatar > i {
  position: static;
  top: auto;
  right: auto;
  width: 2rem;
  height: 2rem;
  box-shadow: none;
}
html body .b44-admin-shell .b44-dash :is(.b44-dash-card-head h2, .b44-admin-card-title h2) {
  font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif !important;
  font-variant: normal;
}
html body .b44-admin-shell .b44-admin-menu-group a.active::before { content: none; }
html body .b44-admin-shell .b44-admin-menu-group a.active { font-weight: 500; box-shadow: none; }
html body .b44-admin-shell :is(.b44-admin-quick > div, .b44-admin-items, .b44-admin-menu-group__items) > a { min-width: 0; }
html body .b44-admin-shell :is(.b44-admin-quick__link, .b44-admin-item, .b44-admin-subitem) span { flex: 1 1 auto; }

/* The heading font rule is `!important` inside a cascade layer: small card labels must be overridden in that same layer. */
@layer jbn-heading-font {
  html body .b44-admin-shell .b44-dash :is(.b44-dash-card-head h2, .b44-admin-card-title h2) {
    font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif !important;
  }
}

/* Medium screens: keep every header action visible. */
@media (max-width: 1279px) {
  html body .b44-admin-shell .b44-admin-brand strong,
  html body .b44-admin-shell .b44-admin-avatar > span { display: none; }
  html body .b44-admin-shell .b44-admin-global-search { min-width: 0; }
  html body .b44-admin-shell .b44-admin-global-search input { min-width: 0; }
}
@media (max-width: 1100px) {
  html body .b44-admin-shell .b44-admin-portals .b44-admin-pill > span { display: none; }
  html body .b44-admin-shell .b44-admin-top-actions .b44-admin-portals .b44-admin-pill { width: 2.25rem; padding: 0; }
}