/* Lee Lab intranet design system: shared page rhythm, palette, typography, cards, and tables. */
:root {
  --navy:#0b315c;
  --navy-2:#102a46;
  --teal:#0ba69a;
  --teal-soft:#dff7f3;
  --ink:#15263a;
  --muted:#627488;
  --paper:#f4f7fa;
  --white:#fff;
  --line:#dce5ed;
  --shadow:0 6px 20px rgba(15,45,74,.06);
}
html { scroll-behavior:smooth; }
body {
  color:#15263a;
  background:#f4f7fa !important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
}
.dashboard > main { min-width:0; }
#content-view { color:#15263a; }
#content-view > .page-head h1,
#content-view .recipe-heading h1,
#content-view .onboarding-intro h1,
#content-view .tool-head h1 {
  color:#0b315c;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  font-size:clamp(2rem,4vw,3rem);
  font-weight:760;
  letter-spacing:-.035em;
  line-height:1.08;
}
#content-view .page-head .eyebrow,
#content-view .recipe-heading .eyebrow,
#content-view .onboarding-intro .eyebrow {
  color:#087b76;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:.74rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
#content-view .page-head p:not(.eyebrow),
#content-view .recipe-heading>p:last-child,
#content-view .section-hub-lede {
  color:#627488;
  line-height:1.6;
}
#content-view .panel,
#content-view .data-panel,
#content-view .kpi,
#content-view .search-results,
#content-view .manual-section,
#content-view .primer-table-panel,
#content-view .clone-source,
#content-view .cell-culture-norm,
#content-view .cell-culture-jobs,
#content-view .recipe-app .overview,
#content-view .recipe-app .panel,
#content-view .source-scope-card,
#content-view .overview-card,
#content-view .emergency-card,
#content-view .section-hub-card,
#content-view .freezer-group {
  background:#fff;
  border-color:#dce5ed;
  border-radius:14px;
  box-shadow:0 6px 20px rgba(15,45,74,.06);
}
#content-view table {
  color:#15263a;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
#content-view table thead th {
  position:sticky;
  top:0;
  z-index:3;
  background:#0b315c !important;
  color:#fff !important;
  border-color:#315477 !important;
  font-family:inherit;
  font-size:.82rem;
  font-weight:750;
  letter-spacing:0;
  line-height:1.35;
  padding:10px 12px;
  text-align:left;
  text-transform:none;
}
#content-view table tbody td {
  border-color:#dce5ed;
  line-height:1.45;
}
#content-view .mode-tab,
#content-view .view-tab {
  border-color:#dce5ed;
  font-family:inherit;
}
#content-view .mode-tab.active,
#content-view .view-tab.active {
  background:#0b315c !important;
  border-color:#0b315c !important;
  color:#fff !important;
}
#content-view :focus-visible {
  outline-color:#0ba69a;
}
body[data-tool="recipes"] {
  background:#f4f7fa !important;
  color:#15263a !important;
}
body[data-tool="recipes"] #content-view .recipe-heading,
body[data-tool="recipes"] #content-view .modebar-wrap,
body[data-tool="recipes"] #content-view .overview-wrap,
body[data-tool="recipes"] #content-view .layout,
body[data-tool="recipes"] #content-view .recipe-app {
  max-width:1320px;
}
body[data-tool="recipes"] #content-view .recipe-heading {
  padding-right:20px;
  padding-left:20px;
}
body[data-tool="recipes"] #content-view .modebar-wrap,
body[data-tool="recipes"] #content-view .overview-wrap,
body[data-tool="recipes"] #content-view .layout {
  padding-right:20px;
  padding-left:20px;
}
body[data-tool="recipes"] #content-view .modebar {
  border-color:#dce5ed;
  background:#edf3f7;
}
body[data-tool="recipes"] #content-view .mode-tab.active {
  box-shadow:none;
}
#content-view #lab-spend-dashboard > .dashboard-heading h2 {
  color:#0b315c;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  font-size:clamp(2rem,4vw,3rem);
  font-weight:760;
  letter-spacing:-.035em;
  line-height:1.08;
}
#content-view #lab-spend-dashboard .dashboard-heading .text-small {
  color:#627488;
  line-height:1.5;
}
body[data-tool="freezer"] #inventory-app > header h1,
body[data-tool="plasmids"] #inventory-app > header h1 {
  color:#0b315c !important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  font-size:clamp(1.55rem,2.4vw,1.9rem) !important;
  font-weight:760 !important;
  letter-spacing:-.03em !important;
  line-height:1.15 !important;
}
@media(max-width:760px) {
  #content-view > .page-head h1,
  #content-view .recipe-heading h1,
  #content-view .onboarding-intro h1,
  #content-view .tool-head h1,
  #content-view #lab-spend-dashboard > .dashboard-heading h2 {
    font-size:clamp(1.8rem,8vw,2.35rem);
  }
  #content-view table thead th { padding:9px 10px; }
  body[data-tool="recipes"] #content-view .recipe-heading,
  body[data-tool="recipes"] #content-view .modebar-wrap,
  body[data-tool="recipes"] #content-view .overview-wrap,
  body[data-tool="recipes"] #content-view .layout {
    padding-right:13px;
    padding-left:13px;
  }
}
/* Recipe Book pages use a standalone layout, so apply the shared rules at its main element. */
body[data-tool="recipes"] main.recipe-main {
  width:auto !important;
  max-width:none !important;
  margin:0 !important;
  padding:34px clamp(20px,4vw,64px) 80px !important;
  background:#f4f7fa !important;
  color:#15263a !important;
}
body[data-tool="recipes"] .recipe-heading,
body[data-tool="recipes"] .modebar-wrap,
body[data-tool="recipes"] .overview-wrap,
body[data-tool="recipes"] .layout,
body[data-tool="recipes"] .recipe-app {
  max-width:1320px !important;
  padding-left:0 !important;
  padding-right:0 !important;
}
body[data-tool="recipes"] .recipe-heading { margin:0 auto 16px !important; }
body[data-tool="recipes"] .recipe-heading h1 {
  color:#0b315c !important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  font-size:clamp(2rem,4vw,3rem) !important;
  font-weight:760 !important;
  letter-spacing:-.035em !important;
}
body[data-tool="recipes"] .recipe-heading .eyebrow { color:#087b76 !important; }
body[data-tool="recipes"] .recipe-heading>p:last-child { color:#627488 !important; }
body[data-tool="recipes"] .recipe-app .overview,
body[data-tool="recipes"] .recipe-app .panel,
body[data-tool="recipes"] .recipe-app .sidebar {
  background:#fff !important;
  border-color:#dce5ed !important;
  border-radius:14px !important;
  box-shadow:0 6px 20px rgba(15,45,74,.06) !important;
}
body[data-tool="recipes"] .recipe-app table { color:#15263a !important; font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important; }
body[data-tool="recipes"] .recipe-app table thead th {
  position:sticky !important;
  top:0 !important;
  z-index:3 !important;
  background:#0b315c !important;
  border-color:#315477 !important;
  color:#fff !important;
  font-family:inherit !important;
  font-size:.82rem !important;
  font-weight:750 !important;
  letter-spacing:0 !important;
  padding:10px 12px !important;
  text-align:left !important;
  text-transform:none !important;
}
body[data-tool="recipes"] .recipe-app table tbody td { border-color:#dce5ed !important; }
body[data-tool="recipes"] .mode-tab.active,
body[data-tool="recipes"] .view-tab.active {
  background:#0b315c !important;
  border-color:#0b315c !important;
  color:#fff !important;
  box-shadow:none !important;
}
@media(max-width:760px) {
  body[data-tool="recipes"] main.recipe-main { padding:24px 16px 48px !important; }
}