/* CuraSure Lite — one calm, factual Swiss-clinical design system. */
html[data-product="curasure-lite"] {
  --lite-bg: #f5f7f4;
  --lite-surface: #ffffff;
  --lite-surface-soft: #f8faf8;
  --lite-text: #15302e;
  --lite-muted: #5b6f6b;
  --lite-line: #dce5e1;
  --lite-line-strong: #c6d5d0;
  --lite-primary: #0d514f;
  --lite-primary-hover: #0a413f;
  --lite-primary-soft: #eaf4f1;
  --lite-nav: #0b3038;
  --lite-green: #23724f;
  --lite-green-bg: #edf7f1;
  --lite-amber: #956716;
  --lite-amber-bg: #fff7e6;
  --lite-red: #aa3c42;
  --lite-red-bg: #fff0f1;
  --lite-blue: #326493;
  --lite-blue-bg: #eef5fb;
  --clinic-accent: #0d514f;
  --lite-shadow-popover: 0 18px 50px rgba(14, 49, 46, .16);
  --lite-radius-control: 8px;
  --lite-radius-card: 10px;
  --lite-radius-panel: 12px;
  color-scheme: light;
  font-size: 16px;
}

html[data-product="curasure-lite"],
html[data-product="curasure-lite"] body {
  min-height: 100%;
  color: var(--lite-text);
  background: var(--lite-bg);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 14px;
  line-height: 1.5;
}

html[data-product="curasure-lite"] body::before,
html[data-product="curasure-lite"] body::after,
html[data-product="curasure-lite"] .shell::before,
html[data-product="curasure-lite"] .shell::after {
  display: none !important;
}

html[data-product="curasure-lite"] *,
html[data-product="curasure-lite"] *::before,
html[data-product="curasure-lite"] *::after {
  box-sizing: border-box;
}

html[data-product="curasure-lite"] .sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

html[data-product="curasure-lite"] h1,
html[data-product="curasure-lite"] h2,
html[data-product="curasure-lite"] h3,
html[data-product="curasure-lite"] h4,
html[data-product="curasure-lite"] .brand-title {
  color: var(--lite-text);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: -.025em;
}

html[data-product="curasure-lite"] h1 { margin: 0; font-size: 1.75rem; line-height: 2.125rem; font-weight: 760; }
html[data-product="curasure-lite"] h2 { margin: 0; font-size: 1.125rem; line-height: 1.5rem; font-weight: 740; }
html[data-product="curasure-lite"] h3 { margin: 0; font-size: .94rem; line-height: 1.25rem; font-weight: 720; }
html[data-product="curasure-lite"] p { margin-top: .4rem; }
html[data-product="curasure-lite"] .muted { color: var(--lite-muted) !important; }
html[data-product="curasure-lite"] .tiny { font-size: .75rem !important; line-height: 1.125rem; }
html[data-product="curasure-lite"] .eyebrow,
html[data-product="curasure-lite"] .metric-label,
html[data-product="curasure-lite"] .v7-kicker {
  color: var(--lite-muted);
  font-size: .75rem !important;
  line-height: 1rem;
  font-weight: 760;
  letter-spacing: .06em;
  text-transform: uppercase;
}

/* Login: reassuring, concise, and honest about external services. */
html[data-product="curasure-lite"] .login-page {
  min-height: 100dvh;
  padding: 32px;
  background: #edf3ef;
}

html[data-product="curasure-lite"] .login-shell {
  width: min(1100px, 100%);
  min-height: 640px;
  margin: auto;
  overflow: hidden;
  border: 1px solid #d4e0dc;
  border-radius: 16px;
  background: var(--lite-surface);
  box-shadow: 0 24px 70px rgba(13, 48, 45, .12);
}

html[data-product="curasure-lite"] .login-visual {
  padding: 38px;
  color: #f5fbf9;
  background: var(--lite-nav);
}

html[data-product="curasure-lite"] .login-visual::before,
html[data-product="curasure-lite"] .login-visual::after { opacity: .35; }
html[data-product="curasure-lite"] .login-visual-badge {
  min-height: 30px;
  padding: 6px 11px;
  border: 1px solid rgba(255, 255, 255, .28);
  border-radius: 999px;
  font-size: .75rem;
}

html[data-product="curasure-lite"] .visual-symbol {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  color: var(--lite-primary);
  background: #dff2ec;
}

html[data-product="curasure-lite"] .login-visual h2 {
  max-width: 470px;
  color: #fff;
  font-size: clamp(2rem, 4vw, 3rem);
  line-height: 1.08;
}

html[data-product="curasure-lite"] .login-visual p { max-width: 520px; color: #d4e7e2; font-size: 1rem; }
html[data-product="curasure-lite"] .visual-points { gap: 10px; }
html[data-product="curasure-lite"] .visual-points > div {
  min-height: 100px;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 10px;
  background: rgba(255, 255, 255, .055);
}
html[data-product="curasure-lite"] .visual-points small { font-size: .75rem; line-height: 1.1rem; }
html[data-product="curasure-lite"] .login-card { padding: clamp(32px, 5vw, 58px); }
html[data-product="curasure-lite"] .login-logo,
html[data-product="curasure-lite"] .brand-mark {
  border: 0;
  border-radius: 10px;
  color: #fff;
  background: var(--lite-primary);
  box-shadow: none;
}
html[data-product="curasure-lite"] .login-logo.has-image,
html[data-product="curasure-lite"] .brand-mark.has-image,
html[data-product="curasure-lite"] [data-clinic-logo].has-image {
  border: 1px solid var(--lite-line);
  background: #fff;
}
html[data-product="curasure-lite"] [data-clinic-logo] img {
  display: block;
  width: 100%;
  height: 100%;
  padding: 4px;
  object-fit: contain;
  background: #fff;
}
html[data-product="curasure-lite"] .login-brand-copy,
html[data-product="curasure-lite"] .brand-copy { min-width: 0; }
html[data-product="curasure-lite"] .login-brand-row h1 { font-size: 1.75rem; }
html[data-product="curasure-lite"] .product-signature {
  color: var(--lite-muted);
  font-size: .72rem;
  font-weight: 650;
  letter-spacing: .01em;
}
html[data-product="curasure-lite"] .prototype-safety-note,
html[data-product="curasure-lite"] .login-security {
  border-radius: 8px;
  font-size: .75rem;
  line-height: 1.15rem;
}

/* Application frame: top bar + role-based horizontal workspace tabs. */
html[data-product="curasure-lite"] .shell { min-height: 100dvh; background: var(--lite-bg); }
html[data-product="curasure-lite"] .topbar {
  position: sticky;
  z-index: 80;
  top: 0;
  display: grid;
  grid-template-columns: minmax(210px, auto) minmax(260px, 520px) minmax(310px, auto);
  gap: 20px;
  align-items: center;
  min-height: 64px;
  padding: 8px 24px;
  border-bottom: 1px solid var(--lite-line);
  color: var(--lite-text);
  background: rgba(255, 255, 255, .97);
  box-shadow: none;
  backdrop-filter: blur(12px);
}

html[data-product="curasure-lite"] .brand { min-width: 0; gap: 10px; color: var(--lite-text); }
html[data-product="curasure-lite"] .brand-mark { width: 38px; height: 38px; font-size: 1rem; }
html[data-product="curasure-lite"] .brand-title {
  overflow: hidden;
  font-size: 1rem;
  font-weight: 780;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}
html[data-product="curasure-lite"] .brand-version {
  display: inline-flex;
  margin-left: 4px;
  padding: 2px 6px;
  border-radius: 5px;
  color: var(--lite-primary);
  background: var(--lite-primary-soft);
  font-size: .68rem;
  font-weight: 800;
  vertical-align: 2px;
}
html[data-product="curasure-lite"] .brand-sub { display: flex; gap: 5px; align-items: center; color: var(--lite-muted); font-size: .7rem; white-space: nowrap; }

html[data-product="curasure-lite"] .global-patient-search { position: relative; display: flex; min-width: 0; }
html[data-product="curasure-lite"] .global-patient-search.hidden { display: none; }
html[data-product="curasure-lite"] .global-patient-search input {
  width: 100%;
  min-height: 42px;
  padding: 8px 56px 8px 38px;
  border: 1px solid var(--lite-line);
  border-radius: 9px;
  outline: none;
  color: var(--lite-text);
  background: var(--lite-surface-soft);
}
html[data-product="curasure-lite"] .global-patient-search input:focus {
  border-color: var(--lite-primary);
  background: #fff;
  box-shadow: 0 0 0 3px rgba(13, 81, 79, .1);
}
html[data-product="curasure-lite"] .global-search-icon { position: absolute; z-index: 1; left: 13px; top: 10px; color: var(--lite-muted); font-size: 1.15rem; }
html[data-product="curasure-lite"] .global-patient-search kbd {
  position: absolute;
  right: 9px;
  top: 9px;
  padding: 3px 6px;
  border: 1px solid var(--lite-line);
  border-radius: 5px;
  color: var(--lite-muted);
  background: #fff;
  font: 650 .68rem/1.1rem inherit;
}
html[data-product="curasure-lite"] .global-search-results {
  position: absolute;
  z-index: 120;
  top: calc(100% + 7px);
  right: 0;
  left: 0;
  max-height: 360px;
  overflow: auto;
  padding: 6px;
  border: 1px solid var(--lite-line);
  border-radius: 10px;
  background: #fff;
  box-shadow: var(--lite-shadow-popover);
}
html[data-product="curasure-lite"] .global-search-results.hidden { display: none; }
html[data-product="curasure-lite"] .global-search-result {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  width: 100%;
  min-height: 52px;
  padding: 7px 9px;
  border: 0;
  border-radius: 7px;
  color: var(--lite-text);
  text-align: left;
  background: transparent;
  cursor: pointer;
}
html[data-product="curasure-lite"] .global-search-result:hover,
html[data-product="curasure-lite"] .global-search-result:focus-visible { background: var(--lite-primary-soft); }
html[data-product="curasure-lite"] .global-search-result strong,
html[data-product="curasure-lite"] .global-search-result small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html[data-product="curasure-lite"] .global-search-result small { color: var(--lite-muted); font-size: .75rem; }

html[data-product="curasure-lite"] .top-actions { gap: 8px; justify-content: flex-end; min-width: 0; }
html[data-product="curasure-lite"] .system-pill {
  min-height: 34px;
  padding: 6px 9px;
  border: 1px solid var(--lite-line);
  border-radius: 8px;
  color: var(--lite-muted);
  background: #fff;
  font-size: .72rem;
}
html[data-product="curasure-lite"] .system-dot { width: 7px; height: 7px; background: var(--lite-green); box-shadow: none; }
html[data-product="curasure-lite"] .user-chip { max-width: 190px; color: var(--lite-text); font-size: .75rem; }
html[data-product="curasure-lite"] .top-actions select { min-height: 36px; padding: 6px 26px 6px 8px; }

html[data-product="curasure-lite"] .layout { display: block; min-height: calc(100dvh - 64px); }
html[data-product="curasure-lite"] .sidebar {
  position: sticky;
  z-index: 70;
  top: 64px;
  display: flex;
  align-items: center;
  width: 100%;
  height: 56px;
  padding: 0 24px;
  border: 0;
  border-bottom: 1px solid var(--lite-line);
  color: var(--lite-text);
  background: rgba(255, 255, 255, .97);
  box-shadow: none;
}
html[data-product="curasure-lite"] .nav {
  display: flex;
  flex: 1;
  gap: 3px;
  align-items: stretch;
  width: min(100%, 1440px);
  height: 100%;
  margin: 0 auto;
  overflow: visible;
}
html[data-product="curasure-lite"] .nav-btn {
  position: relative;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: row;
  gap: 8px;
  justify-content: center;
  min-width: 0;
  min-height: 44px;
  margin: 6px 0;
  padding: 8px 13px;
  border: 0;
  border-radius: 8px;
  color: var(--lite-muted);
  background: transparent;
  font-size: .82rem;
  font-weight: 700;
}
html[data-product="curasure-lite"] .nav-btn:hover { color: var(--lite-text); background: var(--lite-surface-soft); }
html[data-product="curasure-lite"] .nav-btn.active {
  color: var(--lite-primary);
  background: var(--lite-primary-soft);
  box-shadow: none;
}
html[data-product="curasure-lite"] .nav-btn.active::after {
  position: absolute;
  right: 13px;
  bottom: -6px;
  left: 13px;
  height: 3px;
  border-radius: 3px 3px 0 0;
  background: var(--lite-primary);
  content: "";
}
html[data-product="curasure-lite"] .nav-icon { width: 20px; height: 20px; color: currentColor; }
html[data-product="curasure-lite"] .nav-icon svg { width: 20px; height: 20px; stroke-width: 1.8; }
html[data-product="curasure-lite"] .nav-label { white-space: nowrap; }
html[data-product="curasure-lite"] .sidebar-footer {
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
  align-items: center;
  margin: 0;
  padding: 0;
  border: 0;
}
html[data-product="curasure-lite"] .sidebar-footer .sidebar-version,
html[data-product="curasure-lite"] .sidebar-footer .sidebar-caption { display: none; }
html[data-product="curasure-lite"] #themeToggle { width: auto; min-height: 38px; margin: 0; padding: 7px 10px; font-size: .75rem; }
html[data-product="curasure-lite"] .mobile-sidebar-logout { display: none !important; }
html[data-product="curasure-lite"] .mobile-nav-toggle { display: none; }

html[data-product="curasure-lite"] .main {
  width: min(100%, 1440px);
  min-width: 0;
  margin: 0 auto;
  padding: 24px clamp(20px, 3vw, 32px) 56px;
}

/* Shared content components. */
html[data-product="curasure-lite"] .page-head {
  min-height: 72px;
  margin: 0 0 16px;
  padding: 0;
  border: 0;
  background: transparent;
}
html[data-product="curasure-lite"] .page-head p { max-width: 760px; margin: 4px 0 0; color: var(--lite-muted); }
html[data-product="curasure-lite"] .page-head .row { align-items: center; }

html[data-product="curasure-lite"] .card,
html[data-product="curasure-lite"] .metric,
html[data-product="curasure-lite"] .notice,
html[data-product="curasure-lite"] .table-wrap,
html[data-product="curasure-lite"] .profile-card,
html[data-product="curasure-lite"] .hero-card,
html[data-product="curasure-lite"] details.card {
  border: 1px solid var(--lite-line);
  border-radius: var(--lite-radius-card);
  color: var(--lite-text);
  background: var(--lite-surface);
  box-shadow: none !important;
}
html[data-product="curasure-lite"] .card { padding: 16px; }
html[data-product="curasure-lite"] .card:hover,
html[data-product="curasure-lite"] .metric:hover { transform: none !important; box-shadow: none !important; }
html[data-product="curasure-lite"] .section-gap { margin-top: 16px; }
html[data-product="curasure-lite"] .grid { gap: 12px; }
html[data-product="curasure-lite"] .grid.grid-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
html[data-product="curasure-lite"] .grid.grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
html[data-product="curasure-lite"] .grid.grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
html[data-product="curasure-lite"] .row { gap: 8px; }
html[data-product="curasure-lite"] .row-between { gap: 12px; }
html[data-product="curasure-lite"] .modal > .row-between:first-child { flex-wrap: nowrap; align-items: flex-start; }
html[data-product="curasure-lite"] .modal > .row-between:first-child > div { min-width: 0; }
html[data-product="curasure-lite"] .modal > .row-between:first-child .icon-btn { flex: 0 0 auto; }

html[data-product="curasure-lite"] .metric {
  min-height: 88px;
  padding: 14px 16px;
  background: var(--lite-surface);
}
html[data-product="curasure-lite"] .metric::after { display: none; }
html[data-product="curasure-lite"] .metric strong,
html[data-product="curasure-lite"] .hero-number,
html[data-product="curasure-lite"] .final-action-tile strong {
  margin-top: 7px;
  color: var(--lite-text);
  font-family: inherit;
  font-size: 1.75rem !important;
  line-height: 2rem;
  font-weight: 760;
}
html[data-product="curasure-lite"] .hero-card,
html[data-product="curasure-lite"] .hero-card h1,
html[data-product="curasure-lite"] .hero-card h2,
html[data-product="curasure-lite"] .hero-card h3,
html[data-product="curasure-lite"] .hero-card strong,
html[data-product="curasure-lite"] .hero-card .hero-number { color: #fff !important; }
html[data-product="curasure-lite"] .hero-card p,
html[data-product="curasure-lite"] .hero-card .muted,
html[data-product="curasure-lite"] .hero-card .metric-label { color: #c9ded8 !important; }

html[data-product="curasure-lite"] .btn,
html[data-product="curasure-lite"] button.btn,
html[data-product="curasure-lite"] a.btn {
  display: inline-flex;
  gap: 7px;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 8px 13px;
  border: 1px solid var(--lite-primary);
  border-radius: var(--lite-radius-control);
  color: #fff;
  background: var(--lite-primary);
  box-shadow: none;
  font-size: .82rem;
  font-weight: 720;
  line-height: 1.2;
}
html[data-product="curasure-lite"] .btn:hover { border-color: var(--lite-primary-hover); background: var(--lite-primary-hover); transform: none; }
html[data-product="curasure-lite"] .btn.small { min-height: 36px; padding: 6px 10px; font-size: .76rem; }
html[data-product="curasure-lite"] .btn.outline,
html[data-product="curasure-lite"] .btn.ghost {
  color: var(--lite-text);
  border-color: var(--lite-line-strong);
  background: #fff;
}
html[data-product="curasure-lite"] .btn.outline:hover,
html[data-product="curasure-lite"] .btn.ghost:hover { color: var(--lite-primary); border-color: #94b7ad; background: var(--lite-primary-soft); }
html[data-product="curasure-lite"] .btn.secondary { color: var(--lite-primary); border-color: #bdd7cf; background: var(--lite-primary-soft); }
html[data-product="curasure-lite"] .btn.danger { color: var(--lite-red); border-color: #e8bfc2; background: var(--lite-red-bg); }
html[data-product="curasure-lite"] .icon-btn { min-width: 42px; min-height: 42px; border-radius: 8px; }
html[data-product="curasure-lite"] .btn:disabled { opacity: .5; cursor: not-allowed; }

html[data-product="curasure-lite"] input,
html[data-product="curasure-lite"] select,
html[data-product="curasure-lite"] textarea,
html[data-product="curasure-lite"] .input {
  min-height: 42px;
  border: 1px solid var(--lite-line-strong);
  border-radius: var(--lite-radius-control);
  color: var(--lite-text);
  background: #fff;
  box-shadow: none;
  font: inherit;
}
html[data-product="curasure-lite"] textarea { min-height: 96px; }
html[data-product="curasure-lite"] label > span { margin-bottom: 5px; color: #405a56; font-size: .78rem; font-weight: 700; }
html[data-product="curasure-lite"] input:focus,
html[data-product="curasure-lite"] select:focus,
html[data-product="curasure-lite"] textarea:focus {
  border-color: var(--lite-primary);
  outline: 0;
  box-shadow: 0 0 0 3px rgba(13, 81, 79, .1);
}

html[data-product="curasure-lite"] .badge {
  display: inline-flex;
  gap: 5px;
  align-items: center;
  min-height: 26px;
  padding: 4px 8px;
  border: 1px solid var(--lite-line);
  border-radius: 999px;
  color: var(--lite-muted);
  background: var(--lite-surface-soft);
  font-size: .72rem !important;
  line-height: 1rem;
  font-weight: 760;
}
html[data-product="curasure-lite"] .badge.ready,
html[data-product="curasure-lite"] .badge.active,
html[data-product="curasure-lite"] .badge.completed { color: var(--lite-green); border-color: #b8ddc9; background: var(--lite-green-bg); }
html[data-product="curasure-lite"] .badge.review,
html[data-product="curasure-lite"] .badge.pending { color: var(--lite-amber); border-color: #ead39f; background: var(--lite-amber-bg); }
html[data-product="curasure-lite"] .badge.blocked,
html[data-product="curasure-lite"] .badge.rejected,
html[data-product="curasure-lite"] .badge.void { color: var(--lite-red); border-color: #e8bfc2; background: var(--lite-red-bg); }
html[data-product="curasure-lite"] .badge.info { color: var(--lite-blue); border-color: #bfd4e8; background: var(--lite-blue-bg); }
html[data-product="curasure-lite"] .badge::before {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
  content: "";
}

html[data-product="curasure-lite"] .notice { padding: 11px 13px; border-left: 3px solid var(--lite-blue); background: var(--lite-blue-bg); font-size: .8rem; }
html[data-product="curasure-lite"] .notice.warning { border-color: var(--lite-amber); color: #68490f; background: var(--lite-amber-bg); }
html[data-product="curasure-lite"] .notice.success { border-color: var(--lite-green); color: #195c40; background: var(--lite-green-bg); }
html[data-product="curasure-lite"] .error-box { border-radius: 8px; color: var(--lite-red); background: var(--lite-red-bg); }
html[data-product="curasure-lite"] .empty { min-height: 90px; padding: 24px; border: 1px dashed var(--lite-line-strong); border-radius: 9px; color: var(--lite-muted); background: var(--lite-surface-soft); }

html[data-product="curasure-lite"] .table-wrap { width: 100%; overflow-x: auto; border-radius: 9px; }
html[data-product="curasure-lite"] table { min-width: 0; width: 100%; border-collapse: collapse; font-size: .82rem; }
html[data-product="curasure-lite"] th {
  height: 40px;
  padding: 8px 11px;
  border-bottom: 1px solid var(--lite-line);
  color: var(--lite-muted);
  background: var(--lite-surface-soft);
  font-size: .72rem !important;
  font-weight: 760;
  letter-spacing: .03em;
  text-transform: uppercase;
  white-space: nowrap;
}
html[data-product="curasure-lite"] td { min-height: 46px; padding: 10px 11px; border-bottom: 1px solid #e8eeeb; vertical-align: middle; }
html[data-product="curasure-lite"] tbody tr:last-child td { border-bottom: 0; }
html[data-product="curasure-lite"] tbody tr:hover td { background: #fafcfb; }

html[data-product="curasure-lite"] .lite-document-rules {
  padding: 0;
  overflow: hidden;
}
html[data-product="curasure-lite"] .lite-document-rules > summary {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  min-height: 58px;
  padding: 10px 14px;
  list-style: none;
  cursor: pointer;
}
html[data-product="curasure-lite"] .lite-document-rules > summary::-webkit-details-marker { display: none; }
html[data-product="curasure-lite"] .lite-document-rules > summary strong,
html[data-product="curasure-lite"] .lite-document-rules > summary small { display: block; }
html[data-product="curasure-lite"] .lite-document-rules > summary small { margin-top: 2px; color: var(--lite-muted); font-size: .75rem; }
html[data-product="curasure-lite"] .lite-document-rules > summary:focus-visible {
  outline: 3px solid rgba(13, 81, 79, .18);
  outline-offset: -3px;
}
html[data-product="curasure-lite"] .lite-details-chevron { display: inline-flex; transition: transform .16s ease; }
html[data-product="curasure-lite"] .lite-document-rules[open] .lite-details-chevron { transform: rotate(90deg); }
html[data-product="curasure-lite"] .lite-document-rules-content { padding: 0 14px 14px; border-top: 1px solid var(--lite-line); }
html[data-product="curasure-lite"] .lite-document-rules-content > .grid { margin-top: 14px; }

html[data-product="curasure-lite"] .lite-document-toolbar {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(170px, auto) auto;
  gap: 8px;
  align-items: center;
}
html[data-product="curasure-lite"] .lite-document-search {
  position: relative;
  display: flex;
  align-items: center;
}
html[data-product="curasure-lite"] .lite-document-search > span[aria-hidden="true"] {
  position: absolute;
  z-index: 1;
  left: 12px;
  display: inline-flex;
  color: var(--lite-muted);
  pointer-events: none;
}
html[data-product="curasure-lite"] .lite-document-search input { width: 100%; padding-left: 40px; }
html[data-product="curasure-lite"] .document-open-link {
  display: inline-flex;
  gap: 7px;
  align-items: center;
  color: var(--lite-primary);
  font-weight: 730;
  text-decoration: none;
}
html[data-product="curasure-lite"] .document-open-link:hover { text-decoration: underline; }
html[data-product="curasure-lite"] .final-document-open {
  flex: 1 1 auto;
  min-width: 0;
}
html[data-product="curasure-lite"] .final-document-open > span:last-child { min-width: 0; }
html[data-product="curasure-lite"] .final-document-open strong,
html[data-product="curasure-lite"] .final-document-open small { display: block; }
html[data-product="curasure-lite"] .final-document-open strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* Lite daily cockpit. */
html[data-product="curasure-lite"] .lite-page-heading {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  justify-content: space-between;
  min-height: 72px;
  margin-bottom: 16px;
}
html[data-product="curasure-lite"] .lite-page-heading p { margin: 4px 0 0; color: var(--lite-muted); }
html[data-product="curasure-lite"] .lite-date { color: var(--lite-muted); font-size: .78rem; font-weight: 700; text-transform: capitalize; }
html[data-product="curasure-lite"] .lite-cockpit-grid { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(310px, .8fr); gap: 16px; }
html[data-product="curasure-lite"] .lite-stack { display: grid; gap: 16px; align-content: start; }
html[data-product="curasure-lite"] .lite-section-head { display: flex; gap: 12px; align-items: flex-start; justify-content: space-between; margin-bottom: 12px; }
html[data-product="curasure-lite"] .lite-section-head p { margin: 3px 0 0; color: var(--lite-muted); font-size: .78rem; }
html[data-product="curasure-lite"] .lite-priority-list,
html[data-product="curasure-lite"] .lite-presence-list,
html[data-product="curasure-lite"] .lite-patient-presence-list { display: grid; gap: 6px; }
html[data-product="curasure-lite"] .lite-priority-row,
html[data-product="curasure-lite"] .lite-presence-row,
html[data-product="curasure-lite"] .lite-patient-presence-row {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  min-height: 54px;
  padding: 7px 8px;
  border: 1px solid transparent;
  border-radius: 8px;
  color: var(--lite-text);
  background: var(--lite-surface-soft);
}
html[data-product="curasure-lite"] button.lite-priority-row,
html[data-product="curasure-lite"] button.lite-patient-presence-row { width: 100%; text-align: left; cursor: pointer; }
html[data-product="curasure-lite"] button.lite-priority-row:hover,
html[data-product="curasure-lite"] button.lite-patient-presence-row:hover { border-color: #bfd6cf; background: var(--lite-primary-soft); }
html[data-product="curasure-lite"] .lite-row-icon,
html[data-product="curasure-lite"] .lite-avatar {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  color: var(--lite-primary);
  background: var(--lite-primary-soft);
  font-size: .76rem;
  font-weight: 800;
}
html[data-product="curasure-lite"] .lite-priority-row strong,
html[data-product="curasure-lite"] .lite-priority-row small,
html[data-product="curasure-lite"] .lite-presence-row strong,
html[data-product="curasure-lite"] .lite-presence-row small,
html[data-product="curasure-lite"] .lite-patient-presence-row strong,
html[data-product="curasure-lite"] .lite-patient-presence-row small { display: block; min-width: 0; }
html[data-product="curasure-lite"] .lite-priority-row small,
html[data-product="curasure-lite"] .lite-presence-row small,
html[data-product="curasure-lite"] .lite-patient-presence-row small { color: var(--lite-muted); font-size: .74rem; }
html[data-product="curasure-lite"] .lite-care-start {
  display: block;
  margin-top: 3px;
  color: var(--lite-muted);
  font-size: .7rem;
  font-weight: 650;
}
html[data-product="curasure-lite"] .lite-care-row-status {
  display: grid;
  gap: 5px;
  justify-items: end;
  min-width: 104px;
}
html[data-product="curasure-lite"] .lite-live-timer {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 78px;
  padding: 3px 7px;
  border: 1px solid #c8dcd6;
  border-radius: 6px;
  color: var(--lite-primary);
  background: #f7fbf9;
  font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: .73rem;
  font-variant-numeric: tabular-nums;
  font-weight: 760;
  letter-spacing: .025em;
  line-height: 1.25;
  white-space: nowrap;
}
html[data-product="curasure-lite"] .lite-live-timer::before {
  width: 5px;
  height: 5px;
  margin-right: 5px;
  border-radius: 50%;
  background: var(--lite-green);
  content: "";
}
html[data-product="curasure-lite"] .lite-live-timer.unavailable { color: var(--lite-muted); border-color: var(--lite-line); background: var(--lite-surface-soft); }
html[data-product="curasure-lite"] .lite-live-timer.unavailable::before { background: var(--lite-line-strong); }
html[data-product="curasure-lite"] .lite-count { min-width: 28px; color: var(--lite-primary); font-size: 1.25rem; font-weight: 780; text-align: center; }
html[data-product="curasure-lite"] .lite-quick-actions { display: flex; flex-wrap: wrap; gap: 8px; }
html[data-product="curasure-lite"] .lite-presence-shortcut {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 14px;
  border: 1px solid var(--lite-line);
  border-radius: 10px;
  background: var(--lite-surface-soft);
}
html[data-product="curasure-lite"] .lite-presence-shortcut .lite-avatar { width: 44px; height: 44px; }
html[data-product="curasure-lite"] .lite-presence-shortcut p { margin: 3px 0 0; color: var(--lite-muted); font-size: .78rem; }
html[data-product="curasure-lite"] .lite-material-choice { border-color: var(--lite-line); border-radius: 9px; background: var(--lite-surface-soft); }
html[data-product="curasure-lite"] .lite-material-choice strong,
html[data-product="curasure-lite"] .lite-material-choice small { display: block; }
html[data-product="curasure-lite"] .lite-material-choice small { margin-top: 3px; color: var(--lite-muted); font-size: .74rem; }

/* Compact team cockpit: presence first, no administrator punch clock. */
html[data-product="curasure-lite"] .lite-team-heading-actions { justify-content: flex-end; }
html[data-product="curasure-lite"] .lite-team-card { padding-top: 0; overflow: hidden; }
html[data-product="curasure-lite"] .lite-team-statusbar {
  display: grid;
  grid-template-columns: repeat(4, minmax(110px, 1fr));
  margin: 0 -16px 14px;
  padding: 10px 16px;
  border-bottom: 1px solid var(--lite-line);
  background: var(--lite-surface-soft);
}
html[data-product="curasure-lite"] .lite-team-status {
  display: grid;
  grid-template-columns: 8px auto 1fr;
  gap: 7px;
  align-items: center;
  min-height: 32px;
  padding: 4px 10px;
  border-right: 1px solid var(--lite-line);
}
html[data-product="curasure-lite"] .lite-team-status:last-child { border-right: 0; }
html[data-product="curasure-lite"] .lite-team-status > span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--lite-line-strong);
}
html[data-product="curasure-lite"] .lite-team-status.active > span { background: var(--lite-green); }
html[data-product="curasure-lite"] .lite-team-status.break > span { background: var(--lite-amber); }
html[data-product="curasure-lite"] .lite-team-status.inactive > span { background: var(--lite-red); }
html[data-product="curasure-lite"] .lite-team-status.finished > span { background: var(--lite-blue); }
html[data-product="curasure-lite"] .lite-team-status strong { font-size: .9rem; font-variant-numeric: tabular-nums; }
html[data-product="curasure-lite"] .lite-team-status small { color: var(--lite-muted); font-size: .7rem; font-weight: 700; }
html[data-product="curasure-lite"] .lite-team-roster-head { margin-bottom: 8px; }
html[data-product="curasure-lite"] .lite-team-roster { display: grid; gap: 5px; }
html[data-product="curasure-lite"] .lite-team-person {
  display: grid;
  grid-template-columns: 40px minmax(150px, 1fr) minmax(280px, .9fr) auto 20px;
  gap: 11px;
  align-items: center;
  width: 100%;
  min-height: 62px;
  padding: 8px 10px;
  border: 1px solid transparent;
  border-radius: 9px;
  color: var(--lite-text);
  background: var(--lite-surface-soft);
  font: inherit;
  text-align: left;
  cursor: pointer;
}
html[data-product="curasure-lite"] .lite-team-person:hover,
html[data-product="curasure-lite"] .lite-team-person:focus-visible { border-color: #b7d2ca; background: var(--lite-primary-soft); outline: 0; }
html[data-product="curasure-lite"] .lite-team-person .lite-avatar { width: 40px; height: 40px; }
html[data-product="curasure-lite"] .lite-team-person-name strong,
html[data-product="curasure-lite"] .lite-team-person-name small { display: block; }
html[data-product="curasure-lite"] .lite-team-person-name strong { font-size: .84rem; }
html[data-product="curasure-lite"] .lite-team-person-name small { margin-top: 2px; color: var(--lite-muted); font-size: .7rem; }
html[data-product="curasure-lite"] .lite-team-times {
  display: grid;
  grid-template-columns: repeat(3, minmax(70px, 1fr));
  gap: 5px;
}
html[data-product="curasure-lite"] .lite-team-times > span { min-width: 0; padding: 5px 7px; border-left: 1px solid var(--lite-line); }
html[data-product="curasure-lite"] .lite-team-times small,
html[data-product="curasure-lite"] .lite-team-times strong { display: block; white-space: nowrap; }
html[data-product="curasure-lite"] .lite-team-times small { color: var(--lite-muted); font-size: .64rem; font-weight: 700; }
html[data-product="curasure-lite"] .lite-team-times strong { margin-top: 1px; font-size: .76rem; font-variant-numeric: tabular-nums; }
html[data-product="curasure-lite"] .lite-team-chevron { display: inline-flex; color: var(--lite-muted); }
html[data-product="curasure-lite"] .lite-team-full-field { grid-column: 1 / -1; }
html[data-product="curasure-lite"] .lite-field-help { display: block; margin-top: 5px; color: var(--lite-muted); font-size: .7rem; }
html[data-product="curasure-lite"] .lite-team-form-actions { grid-column: 1 / -1; justify-content: flex-end; }
html[data-product="curasure-lite"] .lite-team-profile-title { display: flex; gap: 11px; align-items: center; min-width: 0; }
html[data-product="curasure-lite"] .lite-team-profile-title h2 { margin: 0; }
html[data-product="curasure-lite"] .lite-team-profile-title p { margin: 3px 0 0; color: var(--lite-muted); font-size: .75rem; }
html[data-product="curasure-lite"] .lite-team-profile-status { display: flex; gap: 9px; align-items: center; margin-top: 11px; color: var(--lite-muted); font-size: .72rem; }
html[data-product="curasure-lite"] .lite-team-profile-groups { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
html[data-product="curasure-lite"] .lite-team-profile-groups > section { padding: 12px; border: 1px solid var(--lite-line); border-radius: 9px; background: var(--lite-surface-soft); }
html[data-product="curasure-lite"] .lite-team-profile-groups h3 { margin-bottom: 9px; font-size: .84rem; }
html[data-product="curasure-lite"] .lite-team-mini-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; }
html[data-product="curasure-lite"] .lite-team-mini-metrics > div { min-width: 0; padding-right: 7px; border-right: 1px solid var(--lite-line); }
html[data-product="curasure-lite"] .lite-team-mini-metrics > div:last-child { padding-right: 0; border-right: 0; }
html[data-product="curasure-lite"] .lite-team-mini-metrics span,
html[data-product="curasure-lite"] .lite-team-mini-metrics strong { display: block; }
html[data-product="curasure-lite"] .lite-team-mini-metrics span { min-height: 28px; color: var(--lite-muted); font-size: .66rem; font-weight: 690; }
html[data-product="curasure-lite"] .lite-team-mini-metrics strong { margin-top: 2px; font-size: .84rem; font-variant-numeric: tabular-nums; }
html[data-product="curasure-lite"] .lite-team-mini-metrics .negative,
html[data-product="curasure-lite"] .lite-team-balance.negative { color: var(--lite-red); }
html[data-product="curasure-lite"] .lite-team-days { min-width: 520px; }
html[data-product="curasure-lite"] .lite-team-days th,
html[data-product="curasure-lite"] .lite-team-days td { padding-block: 8px; }
html[data-product="curasure-lite"] .lite-team-balance { color: var(--lite-green); font-weight: 750; font-variant-numeric: tabular-nums; white-space: nowrap; }

/* Patient record: identity first, contextual actions, then one factual timeline. */
html[data-product="curasure-lite"] .final-patient-workspace { grid-template-columns: minmax(238px, 280px) minmax(0, 1fr); gap: 16px; }
html[data-product="curasure-lite"] .final-patient-directory {
  top: 136px;
  max-height: calc(100dvh - 168px);
  padding: 12px;
  border-color: var(--lite-line);
  border-radius: 10px;
  background: #fff;
}
html[data-product="curasure-lite"] .final-patient-list { gap: 3px; }
html[data-product="curasure-lite"] .final-patient-row {
  grid-template-columns: 36px minmax(0, 1fr) auto;
  min-height: 54px;
  padding: 7px;
  border: 1px solid transparent;
  border-radius: 8px;
  color: var(--lite-text);
  background: transparent;
}
html[data-product="curasure-lite"] .final-patient-row:hover { background: var(--lite-surface-soft); }
html[data-product="curasure-lite"] .final-patient-row.active { border-color: #b8d4cc; background: var(--lite-primary-soft); box-shadow: none; }
html[data-product="curasure-lite"] .final-patient-row strong { font-size: .82rem; }
html[data-product="curasure-lite"] .final-patient-row small { margin-top: 2px; color: var(--lite-muted); font-size: .72rem !important; }
html[data-product="curasure-lite"] .final-patient-avatar { width: 36px; height: 36px; border-radius: 8px; background: #dceee9; color: var(--lite-primary); }
html[data-product="curasure-lite"] .final-traffic { width: 10px; height: 10px; border: 2px solid #fff; box-shadow: 0 0 0 1px var(--lite-line-strong); }
html[data-product="curasure-lite"] .final-traffic.green { background: var(--lite-green); }
html[data-product="curasure-lite"] .final-traffic.yellow { background: #d29628; }
html[data-product="curasure-lite"] .final-traffic.red { background: var(--lite-red); }
html[data-product="curasure-lite"] .final-patient-hero {
  min-height: 112px;
  padding: 16px;
  border: 0;
  border-radius: 12px;
  color: #fff;
  background: var(--lite-nav);
}
html[data-product="curasure-lite"] .final-patient-hero h1,
html[data-product="curasure-lite"] .final-patient-hero strong { color: #fff; }
html[data-product="curasure-lite"] .final-patient-hero p,
html[data-product="curasure-lite"] .final-patient-hero small { color: #c9ded8; }
html[data-product="curasure-lite"] .final-patient-hero .final-assignment-grid > div {
  border-color: rgba(255, 255, 255, .14);
  color: #fff;
  background: rgba(255, 255, 255, .075);
}
html[data-product="curasure-lite"] .final-patient-hero .final-assignment-grid span { color: #b9d3cd; }
html[data-product="curasure-lite"] .final-patient-hero .final-assignment-grid strong { color: #fff; }
html[data-product="curasure-lite"] .final-patient-actions { gap: 7px; }
html[data-product="curasure-lite"] .final-patient-actions .btn { min-height: 38px; padding: 7px 10px; }
html[data-product="curasure-lite"] .final-cockpit-grid { gap: 12px; }
html[data-product="curasure-lite"] .final-cockpit-column { gap: 12px; }
html[data-product="curasure-lite"] .final-mandatory-grid,
html[data-product="curasure-lite"] .final-assignment-grid { gap: 8px; }
html[data-product="curasure-lite"] .final-mandatory-grid > div,
html[data-product="curasure-lite"] .final-assignment-grid > div { padding: 11px; border-radius: 8px; background: var(--lite-surface-soft); }
html[data-product="curasure-lite"] .final-document-row,
html[data-product="curasure-lite"] .final-timeline-row { min-height: 52px; padding: 8px; border-radius: 8px; background: var(--lite-surface-soft); }
html[data-product="curasure-lite"] .final-timeline-icon { border-radius: 7px; color: var(--lite-primary); background: var(--lite-primary-soft); }
html[data-product="curasure-lite"] .qr-image { width: min(280px, 76vw); border-radius: 10px; }

html[data-product="curasure-lite"] .lite-patient-tabs {
  display: flex;
  gap: 4px;
  margin: 12px 0;
  padding: 4px;
  overflow-x: auto;
  border: 1px solid var(--lite-line);
  border-radius: 9px;
  background: var(--lite-surface-soft);
}
html[data-product="curasure-lite"] .lite-patient-tabs button {
  flex: 0 0 auto;
  min-height: 38px;
  padding: 7px 14px;
  border: 0;
  border-radius: 7px;
  color: var(--lite-muted);
  background: transparent;
  font: 720 .8rem/1.2 inherit;
  cursor: pointer;
}
html[data-product="curasure-lite"] .lite-patient-tabs button:hover { color: var(--lite-text); }
html[data-product="curasure-lite"] .lite-patient-tabs button.active {
  color: var(--lite-primary);
  background: #fff;
  box-shadow: 0 1px 3px rgba(14, 49, 46, .08);
}
html[data-product="curasure-lite"] .lite-patient-panel.hidden { display: none; }
html[data-product="curasure-lite"] .lite-heading-actions { justify-content: flex-end; }
html[data-product="curasure-lite"] .lite-choice-list,
html[data-product="curasure-lite"] .lite-shared-list { display: grid; gap: 7px; }
html[data-product="curasure-lite"] .lite-choice-list { max-height: 360px; overflow-y: auto; }
html[data-product="curasure-lite"] .lite-choice-row,
html[data-product="curasure-lite"] .lite-shared-person {
  display: grid;
  grid-template-columns: auto auto minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  min-height: 56px;
  padding: 9px;
  border: 1px solid var(--lite-line);
  border-radius: 9px;
  background: var(--lite-surface-soft);
}
html[data-product="curasure-lite"] .lite-choice-row { grid-template-columns: auto auto minmax(0, 1fr); cursor: pointer; }
html[data-product="curasure-lite"] .lite-choice-row:hover { border-color: #b7d0c9; background: var(--lite-primary-soft); }
html[data-product="curasure-lite"] .lite-choice-row input { width: 18px; height: 18px; accent-color: var(--lite-primary); }
html[data-product="curasure-lite"] .lite-choice-row strong,
html[data-product="curasure-lite"] .lite-choice-row small,
html[data-product="curasure-lite"] .lite-shared-person strong,
html[data-product="curasure-lite"] .lite-shared-person small { display: block; }
html[data-product="curasure-lite"] .lite-choice-row small,
html[data-product="curasure-lite"] .lite-shared-person small { margin-top: 2px; color: var(--lite-muted); font-size: .74rem; }
html[data-product="curasure-lite"] .lite-shared-summary,
html[data-product="curasure-lite"] .lite-consent-proof {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
html[data-product="curasure-lite"] .lite-shared-summary > div,
html[data-product="curasure-lite"] .lite-consent-proof > div {
  padding: 11px;
  border: 1px solid var(--lite-line);
  border-radius: 8px;
  background: var(--lite-surface-soft);
}
html[data-product="curasure-lite"] .lite-shared-summary span,
html[data-product="curasure-lite"] .lite-consent-proof span,
html[data-product="curasure-lite"] .lite-shared-summary strong,
html[data-product="curasure-lite"] .lite-consent-proof strong { display: block; }
html[data-product="curasure-lite"] .lite-shared-summary span,
html[data-product="curasure-lite"] .lite-consent-proof span { color: var(--lite-muted); font-size: .72rem; }
html[data-product="curasure-lite"] .lite-shared-summary strong,
html[data-product="curasure-lite"] .lite-consent-proof strong { margin-top: 3px; font-size: .86rem; }
html[data-product="curasure-lite"] .lite-shared-columns { display: grid; grid-template-columns: 1.2fr .8fr; gap: 14px; }
html[data-product="curasure-lite"] .lite-shared-columns h3 { margin: 0 0 8px; font-size: .86rem; }
html[data-product="curasure-lite"] .lite-consent-text {
  max-height: 250px;
  padding: 14px;
  overflow-y: auto;
  border-left: 3px solid var(--lite-primary);
  border-radius: 0 8px 8px 0;
  color: var(--lite-text);
  background: var(--lite-surface-soft);
  font-size: .87rem;
  line-height: 1.6;
}
html[data-product="curasure-lite"] .lite-consent-check {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 9px;
  align-items: start;
  padding: 10px;
  border: 1px solid var(--lite-line);
  border-radius: 8px;
  background: var(--lite-surface-soft);
}
html[data-product="curasure-lite"] .lite-consent-check input { width: 18px; height: 18px; accent-color: var(--lite-primary); }
html[data-product="curasure-lite"] .lite-consent-revoke { border-top: 1px solid var(--lite-line); padding-top: 12px; }
html[data-product="curasure-lite"] .lite-consent-revoke summary { color: var(--lite-red); font-weight: 700; cursor: pointer; }
html[data-product="curasure-lite"] .lite-patient-consent-card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  gap: 12px;
  align-items: center;
  margin-top: 14px;
}
html[data-product="curasure-lite"] .lite-patient-consent-card strong,
html[data-product="curasure-lite"] .lite-patient-consent-card small { display: block; }
html[data-product="curasure-lite"] .lite-patient-consent-card small { margin-top: 3px; color: var(--lite-muted); }
html[data-product="curasure-lite"] .lite-more-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
html[data-product="curasure-lite"] .lite-more-card {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) auto;
  gap: 11px;
  align-items: center;
  min-height: 86px;
  color: var(--lite-text);
  text-align: left;
  cursor: pointer;
}
html[data-product="curasure-lite"] .lite-more-card:hover { border-color: #b7d0c9; background: var(--lite-primary-soft); }
html[data-product="curasure-lite"] .lite-more-card strong,
html[data-product="curasure-lite"] .lite-more-card small { display: block; }
html[data-product="curasure-lite"] .lite-more-card small { margin-top: 3px; color: var(--lite-muted); font-size: .75rem; }
html[data-product="curasure-lite"] .lite-more-card.danger { color: var(--lite-red); }
html[data-product="curasure-lite"] .lite-more-card.danger .lite-row-icon { color: var(--lite-red); background: var(--lite-red-bg); }

/* Product identity stays stable while each clinic can provide its own name and logo. */
html[data-product="curasure-lite"] .lite-brand-settings {
  overflow: hidden;
  border-top: 3px solid var(--clinic-accent);
}
html[data-product="curasure-lite"] .lite-brand-settings-grid {
  display: grid;
  grid-template-columns: minmax(180px, .7fr) minmax(260px, 1.2fr) minmax(220px, .9fr);
  gap: 16px;
  align-items: stretch;
  margin-top: 16px;
}
html[data-product="curasure-lite"] .lite-brand-preview {
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: center;
  justify-content: center;
  min-height: 190px;
  padding: 18px;
  border: 1px solid var(--lite-line);
  border-radius: var(--lite-radius-control);
  background: var(--lite-surface-soft);
  text-align: center;
}
html[data-product="curasure-lite"] .lite-brand-preview-logo,
html[data-product="curasure-lite"] .qr-clinic-logo,
html[data-product="curasure-lite"] .public-clinic-logo {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  overflow: hidden;
  border-radius: 10px;
  color: #fff;
  background: var(--lite-primary);
  font-weight: 820;
}
html[data-product="curasure-lite"] .lite-brand-preview-logo { width: 72px; height: 72px; margin-bottom: 4px; font-size: 1.45rem; }
html[data-product="curasure-lite"] .lite-brand-preview strong { max-width: 100%; font-size: 1rem; overflow-wrap: anywhere; }
html[data-product="curasure-lite"] .lite-brand-preview small { color: var(--lite-muted); }
html[data-product="curasure-lite"] .lite-brand-form,
html[data-product="curasure-lite"] .lite-logo-form {
  display: flex;
  flex-direction: column;
  gap: 12px;
  justify-content: flex-end;
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--lite-line);
  border-radius: var(--lite-radius-control);
  background: var(--lite-surface);
}
html[data-product="curasure-lite"] .lite-brand-form label,
html[data-product="curasure-lite"] .lite-logo-form label { min-width: 0; }
html[data-product="curasure-lite"] .lite-logo-form small { display: block; margin-top: 4px; color: var(--lite-muted); font-size: .72rem; }
html[data-product="curasure-lite"] .lite-color-input { min-height: 42px; padding: 4px; cursor: pointer; }
html[data-product="curasure-lite"] .lite-about-card {
  display: flex;
  gap: 24px;
  align-items: center;
  justify-content: space-between;
}
html[data-product="curasure-lite"] .lite-about-card > div:last-child { text-align: right; }
html[data-product="curasure-lite"] .lite-about-card > div:last-child span,
html[data-product="curasure-lite"] .lite-about-card > div:last-child strong { display: block; }
html[data-product="curasure-lite"] .lite-about-card > div:last-child span { color: var(--lite-muted); font-size: .72rem; }
html[data-product="curasure-lite"] .grid.grid-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
html[data-product="curasure-lite"] .lite-platform-list { display: grid; gap: 14px; }
html[data-product="curasure-lite"] .lite-platform-clinic { padding: 0; overflow: hidden; }
html[data-product="curasure-lite"] .lite-platform-clinic-head {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  border-bottom: 1px solid var(--lite-line);
}
html[data-product="curasure-lite"] .lite-platform-clinic-name { display: flex; gap: 11px; align-items: center; min-width: 0; }
html[data-product="curasure-lite"] .lite-platform-clinic-name strong,
html[data-product="curasure-lite"] .lite-platform-clinic-name small { display: block; }
html[data-product="curasure-lite"] .lite-platform-clinic-name strong { overflow-wrap: anywhere; }
html[data-product="curasure-lite"] .lite-platform-clinic-name small { margin-top: 2px; color: var(--lite-muted); font-size: .72rem; }
html[data-product="curasure-lite"] .lite-platform-clinic-logo {
  display: grid;
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  place-items: center;
  border-radius: 9px;
  color: #fff;
  background: var(--lite-primary);
  font-size: .78rem;
  font-weight: 820;
}
html[data-product="curasure-lite"] .lite-platform-usage {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  border-bottom: 1px solid var(--lite-line);
  background: var(--lite-surface-soft);
}
html[data-product="curasure-lite"] .lite-platform-usage > span { min-width: 0; padding: 12px 14px; border-right: 1px solid var(--lite-line); }
html[data-product="curasure-lite"] .lite-platform-usage > span:last-child { border-right: 0; }
html[data-product="curasure-lite"] .lite-platform-usage strong,
html[data-product="curasure-lite"] .lite-platform-usage small { display: block; }
html[data-product="curasure-lite"] .lite-platform-usage strong { font-size: .9rem; }
html[data-product="curasure-lite"] .lite-platform-usage small { margin-top: 2px; color: var(--lite-muted); font-size: .68rem; }
html[data-product="curasure-lite"] .lite-platform-clinic-tools { display: grid; grid-template-columns: 1fr 1fr; }
html[data-product="curasure-lite"] .lite-platform-clinic-tools > details + details { border-left: 1px solid var(--lite-line); }
html[data-product="curasure-lite"] .lite-platform-clinic-tools summary {
  padding: 13px 16px;
  color: var(--lite-primary);
  font-weight: 740;
  cursor: pointer;
}
html[data-product="curasure-lite"] .lite-platform-clinic-tools summary:focus-visible { outline: 3px solid rgba(13, 81, 79, .18); outline-offset: -3px; }
html[data-product="curasure-lite"] .lite-platform-clinic-tools form { padding: 4px 16px 16px; }
html[data-product="curasure-lite"] .lite-platform-fieldset {
  min-width: 0;
  margin: 0;
  padding: 12px;
  border: 1px solid var(--lite-line);
  border-radius: var(--lite-radius-control);
}
html[data-product="curasure-lite"] .lite-platform-fieldset legend { padding: 0 5px; color: var(--lite-muted); font-size: .72rem; font-weight: 740; }
html[data-product="curasure-lite"] .lite-platform-modules { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
html[data-product="curasure-lite"] .lite-platform-toggle {
  display: flex;
  gap: 8px;
  align-items: center;
  min-height: 38px;
  padding: 7px 9px;
  border: 1px solid var(--lite-line);
  border-radius: 7px;
  background: var(--lite-surface-soft);
  font-size: .76rem;
  font-weight: 680;
}
html[data-product="curasure-lite"] .lite-platform-toggle input { width: 18px; height: 18px; accent-color: var(--lite-primary); }
html[data-product="curasure-lite"] .lite-platform-audit { display: grid; gap: 2px; }
html[data-product="curasure-lite"] .lite-platform-audit-row {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 9px;
  align-items: center;
  min-height: 48px;
  padding: 6px 0;
  border-bottom: 1px solid var(--lite-line);
}
html[data-product="curasure-lite"] .lite-platform-audit-row:last-child { border-bottom: 0; }
html[data-product="curasure-lite"] .lite-platform-audit-row strong,
html[data-product="curasure-lite"] .lite-platform-audit-row small { display: block; }
html[data-product="curasure-lite"] .lite-platform-audit-row small { margin-top: 2px; color: var(--lite-muted); font-size: .68rem; overflow-wrap: anywhere; }

html[data-product="curasure-lite"] .qr-clinic-brand,
html[data-product="curasure-lite"] .public-clinic-identity {
  display: flex;
  gap: 10px;
  align-items: center;
  min-width: 0;
  text-align: left;
}
html[data-product="curasure-lite"] .qr-clinic-brand { justify-content: center; margin-bottom: 14px; }
html[data-product="curasure-lite"] .qr-clinic-logo,
html[data-product="curasure-lite"] .public-clinic-logo { width: 44px; height: 44px; font-size: 1rem; }
html[data-product="curasure-lite"] .qr-clinic-brand strong,
html[data-product="curasure-lite"] .qr-clinic-brand small,
html[data-product="curasure-lite"] .public-clinic-identity strong,
html[data-product="curasure-lite"] .public-clinic-identity small { display: block; }
html[data-product="curasure-lite"] .qr-clinic-brand small,
html[data-product="curasure-lite"] .public-clinic-identity small { margin-top: 2px; color: var(--lite-muted); font-size: .7rem; }
html[data-product="curasure-lite"] .patient-form-shell { background: var(--lite-bg); }
html[data-product="curasure-lite"] .patient-form-card {
  width: min(720px, 100%);
  padding: clamp(22px, 5vw, 42px);
  border: 1px solid var(--lite-line);
  border-top: 3px solid var(--clinic-accent);
  border-radius: var(--lite-radius-panel);
  background: var(--lite-surface);
  box-shadow: 0 20px 55px rgba(14, 49, 46, .12);
}
html[data-product="curasure-lite"] .public-brand-row {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 28px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--lite-line);
}
html[data-product="curasure-lite"] .public-brand-row select { width: auto; min-width: 70px; }

/* LiMA material: factual inventory first, infrequent administration collapsed. */
html[data-product="curasure-lite"] .lite-stock-heading .btn {
  display: inline-flex;
  gap: 7px;
  align-items: center;
}
html[data-product="curasure-lite"] .lite-stock-heading .btn svg { width: 17px; height: 17px; }
html[data-product="curasure-lite"] .lite-stock-scope {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  margin-bottom: 0;
  padding: 10px 12px;
  border-color: #c4dcd5;
  background: var(--lite-primary-soft);
}
html[data-product="curasure-lite"] .lite-stock-scope strong,
html[data-product="curasure-lite"] .lite-stock-scope small { display: block; }
html[data-product="curasure-lite"] .lite-stock-scope small { margin-top: 2px; color: var(--lite-muted); font-size: .76rem; }
html[data-product="curasure-lite"] .lite-stock-inventory { padding: 0; overflow: hidden; }
html[data-product="curasure-lite"] .lite-stock-inventory > h2 { margin: 0; padding: 15px 16px 12px; }
html[data-product="curasure-lite"] .lite-stock-inventory > .table-wrap { border-width: 1px 0 0; border-radius: 0; }
html[data-product="curasure-lite"] .lite-stock-inventory > .empty { margin: 0; border: 0; border-top: 1px solid var(--lite-line); border-radius: 0; }
html[data-product="curasure-lite"] .lite-stock-inventory table { min-width: 760px; }
html[data-product="curasure-lite"] .lite-stock-inventory td:first-child { min-width: 190px; }
html[data-product="curasure-lite"] .lite-stock-inventory td:nth-child(3),
html[data-product="curasure-lite"] .lite-stock-inventory td:nth-child(4) { text-align: center; }
html[data-product="curasure-lite"] .lite-stock-tools {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
html[data-product="curasure-lite"] .lite-stock-tool { padding: 0 !important; overflow: hidden; }
html[data-product="curasure-lite"] .lite-stock-tool > summary {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  min-height: 64px;
  padding: 11px 13px;
  list-style: none;
  cursor: pointer;
}
html[data-product="curasure-lite"] .lite-stock-tool > summary::-webkit-details-marker { display: none; }
html[data-product="curasure-lite"] .lite-stock-tool > summary strong,
html[data-product="curasure-lite"] .lite-stock-tool > summary small { display: block; }
html[data-product="curasure-lite"] .lite-stock-tool > summary small { margin-top: 2px; color: var(--lite-muted); font-size: .74rem; }
html[data-product="curasure-lite"] .lite-stock-tool > summary:focus-visible {
  outline: 3px solid rgba(13, 81, 79, .18);
  outline-offset: -3px;
}
html[data-product="curasure-lite"] .lite-stock-tool-body { padding: 14px; border-top: 1px solid var(--lite-line); }
html[data-product="curasure-lite"] .lite-stock-tool-body > .section-gap:last-child { margin-bottom: 0; }
html[data-product="curasure-lite"] .lite-stock-chevron { display: inline-flex; color: var(--lite-muted); transition: transform .16s ease; }
html[data-product="curasure-lite"] .lite-stock-tool[open] .lite-stock-chevron { transform: rotate(90deg); }
html[data-product="curasure-lite"] .lite-stock-form { align-items: end; }
html[data-product="curasure-lite"] .lite-stock-fixed-option {
  min-height: 42px;
  padding: 8px 10px;
  border: 1px solid var(--lite-line);
  border-radius: 8px;
  color: var(--lite-text);
  background: var(--lite-surface-soft);
}
html[data-product="curasure-lite"] .lite-stock-fixed-option input:disabled { opacity: 1; accent-color: var(--lite-primary); }

/* Old v7 visual hero is intentionally neutralized wherever legacy rendering remains. */
html[data-product="curasure-lite"] .v7-identity-banner {
  min-height: 0;
  margin-bottom: 16px;
  padding: 16px;
  border: 1px solid var(--lite-line);
  border-radius: 10px;
  color: var(--lite-text);
  background: #fff;
}
html[data-product="curasure-lite"] .v7-identity-banner h1 { color: var(--lite-text); }
html[data-product="curasure-lite"] .v7-identity-banner p { color: var(--lite-muted); }
html[data-product="curasure-lite"] .v7-orbit { display: none; }
html[data-product="curasure-lite"] .final-action-grid { gap: 10px; }
html[data-product="curasure-lite"] .final-action-tile { min-height: 88px; padding: 14px; border-radius: 9px; }

html[data-product="curasure-lite"] .final-presence-grid { gap: 8px; }
html[data-product="curasure-lite"] .final-presence-person,
html[data-product="curasure-lite"] .final-presence-editor { min-height: 54px; padding: 8px; border-radius: 8px; }
html[data-product="curasure-lite"] .final-presence-person small,
html[data-product="curasure-lite"] .final-presence-name small { font-size: .72rem !important; }
html[data-product="curasure-lite"] .hero-card { min-height: 150px; padding: 18px; background: var(--lite-nav); }
html[data-product="curasure-lite"] .hero-card h1,
html[data-product="curasure-lite"] .hero-card h2,
html[data-product="curasure-lite"] .hero-card strong,
html[data-product="curasure-lite"] .hero-card p { color: #fff; }

html[data-product="curasure-lite"] .modal-backdrop { padding: 20px; background: rgba(8, 34, 36, .55); backdrop-filter: blur(3px); }
html[data-product="curasure-lite"] .modal {
  max-width: 520px;
  max-height: calc(100dvh - 40px);
  padding: 20px;
  border: 1px solid var(--lite-line);
  border-radius: 12px;
  background: #fff;
  box-shadow: var(--lite-shadow-popover) !important;
}
html[data-product="curasure-lite"] .modal.wide { width: min(1040px, 100%); max-width: 1040px; }
html[data-product="curasure-lite"] .modal .metric strong { font-size: 1.28rem !important; line-height: 1.55rem; }
html[data-product="curasure-lite"] .toast { border-radius: 8px; box-shadow: var(--lite-shadow-popover); }
html[data-product="curasure-lite"] footer { margin-top: 28px; color: var(--lite-muted); font-size: .72rem; }

/* Dark mode keeps the same information hierarchy. */
html[data-product="curasure-lite"][data-theme="dark"] {
  --lite-bg: #0d2025;
  --lite-surface: #142b31;
  --lite-surface-soft: #18343a;
  --lite-text: #edf6f3;
  --lite-muted: #a7bbb6;
  --lite-line: #31494f;
  --lite-line-strong: #49636a;
  --lite-primary: #65c2ae;
  --lite-primary-hover: #84d2c0;
  --lite-primary-soft: #183d3a;
  --lite-nav: #091a1f;
  color-scheme: dark;
}
html[data-product="curasure-lite"][data-theme="dark"] body,
html[data-product="curasure-lite"][data-theme="dark"] .shell { color: var(--lite-text); background: var(--lite-bg); }
html[data-product="curasure-lite"][data-theme="dark"] .topbar,
html[data-product="curasure-lite"][data-theme="dark"] .sidebar,
html[data-product="curasure-lite"][data-theme="dark"] .card,
html[data-product="curasure-lite"][data-theme="dark"] .metric,
html[data-product="curasure-lite"][data-theme="dark"] .table-wrap,
html[data-product="curasure-lite"][data-theme="dark"] .final-patient-directory,
html[data-product="curasure-lite"][data-theme="dark"] .modal,
html[data-product="curasure-lite"][data-theme="dark"] .global-search-results { color: var(--lite-text); background: var(--lite-surface); }
html[data-product="curasure-lite"][data-theme="dark"] input,
html[data-product="curasure-lite"][data-theme="dark"] select,
html[data-product="curasure-lite"][data-theme="dark"] textarea,
html[data-product="curasure-lite"][data-theme="dark"] .input,
html[data-product="curasure-lite"][data-theme="dark"] .btn.outline,
html[data-product="curasure-lite"][data-theme="dark"] .btn.ghost,
html[data-product="curasure-lite"][data-theme="dark"] .system-pill,
html[data-product="curasure-lite"][data-theme="dark"] .user-chip { color: var(--lite-text); border-color: var(--lite-line); background: var(--lite-surface-soft); }
html[data-product="curasure-lite"][data-theme="dark"] th { background: #10262c; }
html[data-product="curasure-lite"][data-theme="dark"] tbody tr:hover td { background: #18353a; }
html[data-product="curasure-lite"][data-theme="dark"] .global-patient-search input { color: var(--lite-text); background: var(--lite-surface-soft); }
html[data-product="curasure-lite"][data-theme="dark"] .lite-team-person,
html[data-product="curasure-lite"][data-theme="dark"] .lite-team-profile-groups > section { color: var(--lite-text); background: var(--lite-surface-soft); }
html[data-product="curasure-lite"][data-theme="dark"] .lite-team-person:hover,
html[data-product="curasure-lite"][data-theme="dark"] .lite-team-person:focus-visible { border-color: #467268; background: var(--lite-primary-soft); }
html[data-product="curasure-lite"][data-theme="dark"] .lite-brand-preview,
html[data-product="curasure-lite"][data-theme="dark"] .lite-brand-form,
html[data-product="curasure-lite"][data-theme="dark"] .lite-logo-form,
html[data-product="curasure-lite"][data-theme="dark"] .patient-form-card { color: var(--lite-text); background: var(--lite-surface); }
html[data-product="curasure-lite"][data-theme="dark"] .lite-brand-preview { background: var(--lite-surface-soft); }
html[data-product="curasure-lite"][data-theme="dark"] .lite-platform-usage,
html[data-product="curasure-lite"][data-theme="dark"] .lite-platform-toggle { color: var(--lite-text); background: var(--lite-surface-soft); }

@media (max-width: 1120px) {
  html[data-product="curasure-lite"] .topbar { grid-template-columns: minmax(190px, auto) minmax(220px, 1fr) auto; gap: 12px; padding-inline: 16px; }
  html[data-product="curasure-lite"] .system-pill span:last-child,
  html[data-product="curasure-lite"] .user-chip { display: none; }
  html[data-product="curasure-lite"] .nav-btn { padding-inline: 10px; }
  html[data-product="curasure-lite"] .lite-cockpit-grid { grid-template-columns: 1fr; }
  html[data-product="curasure-lite"] .grid.grid-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html[data-product="curasure-lite"] .lite-more-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html[data-product="curasure-lite"] .lite-team-person { grid-template-columns: 40px minmax(135px, .8fr) minmax(260px, 1fr) auto 20px; }
  html[data-product="curasure-lite"] .lite-team-heading-actions { max-width: 520px; }
  html[data-product="curasure-lite"] .grid.grid-5 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  html[data-product="curasure-lite"] .lite-platform-usage { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 820px) {
  html[data-product="curasure-lite"] .topbar { grid-template-columns: minmax(178px, 1fr) auto; min-height: 58px; padding: 7px 12px; }
  html[data-product="curasure-lite"] .global-patient-search { position: fixed; z-index: 130; top: 64px; right: 12px; left: 12px; display: none; }
  html[data-product="curasure-lite"] .global-patient-search.mobile-open { display: flex; }
  html[data-product="curasure-lite"] .mobile-nav-toggle { display: none; }
  html[data-product="curasure-lite"] .system-pill,
  html[data-product="curasure-lite"] .logout-button { display: none; }
  html[data-product="curasure-lite"] .layout { min-height: calc(100dvh - 58px); }
  html[data-product="curasure-lite"] .sidebar {
    position: fixed;
    z-index: 90;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    height: calc(64px + env(safe-area-inset-bottom));
    padding: 0 6px env(safe-area-inset-bottom);
    border-top: 1px solid var(--lite-line);
    border-bottom: 0;
    overflow: visible;
    transform: none !important;
    transition: none;
  }
  html[data-product="curasure-lite"] .nav { justify-content: space-around; width: 100%; overflow: visible; }
  html[data-product="curasure-lite"] .nav-btn {
    flex: 1 1 0;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    min-height: 56px;
    margin: 3px 0;
    padding: 4px 2px;
    border-radius: 7px;
    font-size: .65rem;
  }
  html[data-product="curasure-lite"] .nav-btn.active::after { right: 22%; bottom: auto; left: 22%; top: -3px; border-radius: 0 0 3px 3px; }
  html[data-product="curasure-lite"] .nav-icon,
  html[data-product="curasure-lite"] .nav-icon svg { width: 21px; height: 21px; }
  html[data-product="curasure-lite"] .sidebar-footer { display: none; }
  html[data-product="curasure-lite"] .main { padding: 18px 14px calc(88px + env(safe-area-inset-bottom)); }
  html[data-product="curasure-lite"] .page-head,
  html[data-product="curasure-lite"] .lite-page-heading { min-height: 62px; }
  html[data-product="curasure-lite"] .final-patient-workspace { grid-template-columns: 1fr; }
  html[data-product="curasure-lite"] .final-patient-directory { position: static; max-height: none; }
  html[data-product="curasure-lite"] .final-patient-list { max-height: 170px; }
  html[data-product="curasure-lite"] .final-patient-hero { flex-direction: column; }
  html[data-product="curasure-lite"] .final-patient-actions { width: 100%; justify-content: flex-start; }
  html[data-product="curasure-lite"] .lite-shared-columns { grid-template-columns: 1fr; }
  html[data-product="curasure-lite"] .lite-stock-tools { grid-template-columns: 1fr; }
  html[data-product="curasure-lite"] .lite-brand-settings-grid { grid-template-columns: minmax(180px, .7fr) minmax(260px, 1.3fr); }
  html[data-product="curasure-lite"] .lite-logo-form { grid-column: 1 / -1; }
  html[data-product="curasure-lite"] .lite-platform-clinic-head { align-items: flex-start; }
  html[data-product="curasure-lite"] .lite-platform-clinic-head > .row { justify-content: flex-end; }
  html[data-product="curasure-lite"] .lite-platform-clinic-tools { grid-template-columns: 1fr; }
  html[data-product="curasure-lite"] .lite-platform-clinic-tools > details + details { border-top: 1px solid var(--lite-line); border-left: 0; }
  html[data-product="curasure-lite"] .lite-platform-modules { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html[data-product="curasure-lite"] .lite-team-statusbar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html[data-product="curasure-lite"] .lite-team-status:nth-child(2) { border-right: 0; }
  html[data-product="curasure-lite"] .lite-team-person { grid-template-columns: 40px minmax(0, 1fr) auto 20px; }
  html[data-product="curasure-lite"] .lite-team-person > .badge { grid-column: 3; grid-row: 1; }
  html[data-product="curasure-lite"] .lite-team-chevron { grid-column: 4; grid-row: 1; }
  html[data-product="curasure-lite"] .lite-team-times { grid-column: 2 / -1; grid-row: 2; }
  html[data-product="curasure-lite"] .lite-team-profile-groups { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
  html[data-product="curasure-lite"] .login-page { padding: 0; background: #fff; }
  html[data-product="curasure-lite"] .login-shell { min-height: 100dvh; border: 0; border-radius: 0; box-shadow: none; }
  html[data-product="curasure-lite"] .login-visual { display: none; }
  html[data-product="curasure-lite"] .login-card { padding: 30px 20px; }
  html[data-product="curasure-lite"] .brand-sub { display: flex; max-width: 150px; overflow: hidden; }
  html[data-product="curasure-lite"] .brand-sub .product-signature { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  html[data-product="curasure-lite"] .brand-clock,
  html[data-product="curasure-lite"] .brand-sub > [aria-hidden="true"] { display: none; }
  html[data-product="curasure-lite"] .top-actions { gap: 5px; }
  html[data-product="curasure-lite"] .top-actions select { min-width: 54px; }
  html[data-product="curasure-lite"] h1 { font-size: 1.5rem; line-height: 1.85rem; }
  html[data-product="curasure-lite"] .lite-page-heading { flex-direction: column; align-items: stretch; }
  html[data-product="curasure-lite"] .lite-page-heading .btn { width: 100%; }
  html[data-product="curasure-lite"] .grid.grid-4,
  html[data-product="curasure-lite"] .grid.grid-3,
  html[data-product="curasure-lite"] .grid.grid-2 { grid-template-columns: 1fr; }
  html[data-product="curasure-lite"] .lite-more-grid { grid-template-columns: 1fr; }
  html[data-product="curasure-lite"] .lite-heading-actions { display: grid; grid-template-columns: 1fr; }
  html[data-product="curasure-lite"] .lite-heading-actions .btn { width: 100%; }
  html[data-product="curasure-lite"] .lite-shared-summary,
  html[data-product="curasure-lite"] .lite-consent-proof { grid-template-columns: 1fr; }
  html[data-product="curasure-lite"] .lite-shared-person { grid-template-columns: auto minmax(0, 1fr); }
  html[data-product="curasure-lite"] .lite-shared-person .btn { grid-column: 1 / -1; width: 100%; }
  html[data-product="curasure-lite"] .lite-care-session-row { grid-template-columns: 36px minmax(0, 1fr); }
  html[data-product="curasure-lite"] .lite-care-row-status {
    grid-column: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    justify-self: stretch;
    min-width: 0;
  }
  html[data-product="curasure-lite"] .lite-presence-shortcut { grid-template-columns: 44px minmax(0, 1fr); }
  html[data-product="curasure-lite"] .lite-presence-shortcut .badge { grid-column: 2; justify-self: start; }
  html[data-product="curasure-lite"] .lite-patient-consent-card { grid-template-columns: auto minmax(0, 1fr); }
  html[data-product="curasure-lite"] .lite-patient-consent-card .badge { justify-self: start; }
  html[data-product="curasure-lite"] .lite-patient-consent-card .btn { grid-column: 1 / -1; width: 100%; }
  html[data-product="curasure-lite"] .row-between { align-items: flex-start; }
  html[data-product="curasure-lite"] .final-patient-actions { display: flex; overflow-x: auto; flex-wrap: nowrap; padding-bottom: 3px; }
  html[data-product="curasure-lite"] .final-patient-actions .btn { flex: 0 0 auto; width: auto; }
  html[data-product="curasure-lite"] .modal-backdrop { padding: 8px; }
  html[data-product="curasure-lite"] .modal { max-height: calc(100dvh - 16px); padding: 16px; }
  html[data-product="curasure-lite"] .patient-create-step { grid-template-columns: 1fr; }
  html[data-product="curasure-lite"] .patient-create-grid,
  html[data-product="curasure-lite"] .patient-source-grid { grid-template-columns: 1fr; }
  html[data-product="curasure-lite"] .lite-document-toolbar { grid-template-columns: 1fr; }
  html[data-product="curasure-lite"] .lite-document-toolbar .badge { justify-self: start; }
  html[data-product="curasure-lite"] #litePatientCount { display: none; }
  html[data-product="curasure-lite"] .lite-stock-heading { align-items: stretch; }
  html[data-product="curasure-lite"] .lite-stock-heading .row,
  html[data-product="curasure-lite"] .lite-stock-heading .btn { width: 100%; }
  html[data-product="curasure-lite"] .lite-team-heading-actions { display: grid; grid-template-columns: 1fr; max-width: none; width: 100%; }
  html[data-product="curasure-lite"] .lite-team-heading-actions .btn { width: 100%; }
  html[data-product="curasure-lite"] .lite-team-statusbar { margin-top: 0; padding-inline: 8px; }
  html[data-product="curasure-lite"] .lite-team-status { padding-inline: 7px; }
  html[data-product="curasure-lite"] .lite-team-person { grid-template-columns: 40px minmax(0, 1fr) 20px; gap: 8px; }
  html[data-product="curasure-lite"] .lite-team-person > .badge { grid-column: 2; grid-row: 2; justify-self: start; }
  html[data-product="curasure-lite"] .lite-team-chevron { grid-column: 3; grid-row: 1; }
  html[data-product="curasure-lite"] .lite-team-times { grid-column: 1 / -1; grid-row: 3; }
  html[data-product="curasure-lite"] .lite-team-times > span:first-child { border-left: 0; }
  html[data-product="curasure-lite"] .lite-team-mini-metrics { grid-template-columns: 1fr; }
  html[data-product="curasure-lite"] .lite-team-mini-metrics > div { padding: 5px 0; border-right: 0; border-bottom: 1px solid var(--lite-line); }
  html[data-product="curasure-lite"] .lite-team-mini-metrics > div:last-child { border-bottom: 0; }
  html[data-product="curasure-lite"] .lite-team-mini-metrics span { min-height: 0; }
  html[data-product="curasure-lite"] .lite-team-profile-title { align-items: flex-start; }
  html[data-product="curasure-lite"] .lite-team-form-actions { display: grid; grid-template-columns: 1fr; width: 100%; }
  html[data-product="curasure-lite"] .lite-team-form-actions .btn { width: 100%; }
  html[data-product="curasure-lite"] .lite-brand-settings-grid { grid-template-columns: 1fr; }
  html[data-product="curasure-lite"] .lite-logo-form { grid-column: auto; }
  html[data-product="curasure-lite"] .lite-about-card { align-items: flex-start; }
  html[data-product="curasure-lite"] .public-brand-row { align-items: flex-start; }
  html[data-product="curasure-lite"] .grid.grid-5 { grid-template-columns: 1fr; }
  html[data-product="curasure-lite"] .lite-platform-clinic-head { flex-direction: column; }
  html[data-product="curasure-lite"] .lite-platform-clinic-head > .row { justify-content: flex-start; }
  html[data-product="curasure-lite"] .lite-platform-usage { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html[data-product="curasure-lite"] .lite-platform-usage > span { border-bottom: 1px solid var(--lite-line); }
  html[data-product="curasure-lite"] .lite-platform-modules { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  html[data-product="curasure-lite"] *,
  html[data-product="curasure-lite"] *::before,
  html[data-product="curasure-lite"] *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}