/* Shared workspace components. The visual system below governs screen layout. */
:root { --canvas: #f2f5f8; --surface: #fff; --surface-soft: #f7f9fb; --ink: #172e44; --muted: #536a7b; --line: #dce5eb; --teal: #1675a8; --teal-dark: #095f8c; --teal-soft: #e9f4fb; --radius: 16px; --space: 20px; --shadow: 0 3px 14px #18394f06; }
body { background: var(--canvas); font-size: 1rem; }
button, input, select, textarea, summary { scroll-margin: 24px; }
button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible { outline: 3px solid #097bb4; outline-offset: 3px; }
.app-shell { width: min(1580px, 100%); padding: 20px 28px 40px; }
.app-header { border-radius: 16px; padding: 14px 20px; border-top: 3px solid var(--teal); gap: 8px; box-shadow: var(--shadow); }
.header-identity-row h1 { font-size: 1.6rem; letter-spacing: -.045em; }
.header-identity-row h1::before { font-size: .75rem; letter-spacing: .16em; }
.header-identity-row > div > .panel-label { display: none; }
.header-utility { display: flex; align-items: center; gap: 20px; }
.header-clock { border: 0; background: var(--surface-soft); padding: 7px 13px; border-radius: 10px; min-width: 200px; }
.header-clock-time { font-size: 1.35rem; letter-spacing: -.02em; }
.header-clock-date, .header-signed-in, .sidebar-copy, .shift-bar-copy span { font-size: .875rem; }
.shift-bar { padding-top: 8px; }.banner-text { font-size: .875rem; }
.card { border-color: var(--line); border-radius: var(--radius); box-shadow: var(--shadow); padding: 20px; }
.primary-button, .ghost-button, .danger-button, .med-button, .filter-pill, .dashboard-status-action, .quick-action, .routine-card-action-button { min-height: 44px; border-radius: 10px; font-size: .875rem; }
.primary-button, .filter-pill.active { background: #1479ad; box-shadow: none; }
.primary-button:hover { background: #095f8c; }.ghost-button { background: #fff; }
.section-helper, .field-help, .muted, .form-feedback { font-size: .875rem; }
.panel-label, .eyebrow { font-size: .75rem; }
.section-nav { box-shadow: none; border: 0; background: transparent; gap: 5px; }
.section-nav .filter-pill { font-size: .94rem; padding: 12px 14px; }
.section-nav .filter-pill.active { color: #095f8c; background: #ddeef8; box-shadow: none; }
.section-nav .filter-pill:hover { color: #095f8c; background: #e6eff6; box-shadow: none; }
.monitoring-dashboard { display: flex; flex-direction: column; gap: 20px; }
.care-workspace-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; order: -5; }
.care-workspace-heading h2 { font-size: 1.6rem; letter-spacing: -.04em; }
.care-workspace-heading .panel-label { margin-bottom: 3px; }
.sync-status { color: var(--muted); font-size: .8125rem; text-align: right; }
.sync-status::before { content: ""; display: inline-block; width: 7px; height: 7px; margin-right: 7px; border-radius: 50%; background: #21816b; }
.sync-status-error { color: #9f392a; }.sync-status-error::before { background: #b94132; }
.bedside-board { order: -4; padding: 0; background: transparent; border: 0; box-shadow: none; }
.bedside-board > .card-header { align-items: center; margin-bottom: 14px; }
.bedside-board > .card-header h3 { font-size: 1.0625rem; }
.today-routine-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.routine-card { min-height: 164px; padding: 15px; border: 1px solid var(--line); border-left: 4px solid #b7cbd9; background: #fff; border-radius: 13px; box-shadow: var(--shadow); transition: border-color .15s, box-shadow .15s; }
.routine-card:hover:not(:disabled) { transform: none; box-shadow: 0 4px 18px #193c5212; }
.routine-card-ok { border-left-color: var(--green); }.routine-card-warn { border-left-color: #be830d; }.routine-card-overdue, .routine-card-critical { border-left-color: var(--red); background: #fff; color: var(--ink); }
.routine-card-topline { display: flex; flex-direction: column-reverse; align-items: stretch; gap: 9px; }
.routine-card-topline > .attention-badge { position: static; align-self: flex-start; max-width: 100%; white-space: normal; font-size: .8125rem; min-height: 26px; }
.routine-card-topline > div > strong { max-width: none; font-size: 1rem; }
.routine-card-reading { margin-top: 7px; }.routine-card-reading b { font-size: 1.05rem; }.routine-card p { font-size: .8125rem; margin-top: 5px; }
.routine-card-vitals { min-height: 188px; }.routine-card-vitals .routine-card-topline { flex-direction: column; }.routine-card-vitals .attention-badge { display: none; }
.routine-card-vitals .routine-card-reading { margin-top: 12px; }
.routine-split-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 13px; }
.routine-split-actions .routine-card-action-button { width: 100%; }
.vital-measurement { min-height: 117px; padding: 9px 6px; border-radius: 9px; background: #f8fafc; }
.vital-measurement b { font-size: 1.8rem; font-weight: 750; letter-spacing: -.05em; }.vital-measurement small, .vital-measurement em { font-size: .75rem; white-space: normal; overflow: visible; text-overflow: clip; }
.routine-card.action-disabled { opacity: 1; }.routine-card:disabled { opacity: .75; }
.dashboard-trends-card { order: 3; }.dashboard-status-card { order: 2; }.dashboard-detail-grid { order: 1; grid-template-columns: repeat(2, minmax(0, 1fr)); }.dashboard-oxygen-card { display: none; }
#custom-intervention-list { order: 0; }.dashboard-trend-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.dashboard-status-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }.dashboard-status-item strong { font-size: .875rem; }
.card-header h3 { font-size: 1.125rem; }.page-heading { display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.workspace-columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; align-items: start; }
.workspace-columns > .card { min-width: 0; }.workspace-columns .form-grid { margin-top: 22px; }
.profile-details { margin: 24px 0; display: grid; gap: 16px; }.profile-details dt { color: var(--muted); font-size: .8125rem; }.profile-details dd { margin: 3px 0 0; font-weight: 600; overflow-wrap: anywhere; }
.review-controls { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }.review-controls label { min-width: 0; }.review-controls input, .review-controls select { width: 100%; }
.review-content { display: grid; gap: 20px; }.review-context { display: grid; gap: 4px; }.review-context span, .review-context small { color: var(--muted); }.review-context strong { font-size: 1.15rem; }
#review-feedback:empty { display: none; }
.review-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }.review-stats article { display: grid; gap: 5px; border-left: 3px solid #78abc6; background: #fff; border-radius: 0 12px 12px 0; padding: 16px 20px; }.review-stats strong { font-size: 2rem; font-variant-numeric: tabular-nums; letter-spacing: -.06em; }.review-stats span { color: var(--muted); font-size: .875rem; }
.table-scroll { overflow-x: auto; }.review-table { width: 100%; border-collapse: collapse; text-align: left; font-size: .875rem; }.review-table th, .review-table td { padding: 13px 12px; border-bottom: 1px solid var(--line); vertical-align: top; }.review-table thead th { background: #f3f7fa; font-size: .8125rem; color: #405e72; }.review-table tbody th { font-weight: 600; }.review-table td { min-width: 80px; }.review-table tr:last-child td { border-bottom: 0; }
.review-days { display: grid; gap: 12px; margin: 22px 0; max-height: 380px; overflow: auto; }.review-day { display: grid; grid-template-columns: 110px minmax(50px, 1fr) 30px; gap: 10px; align-items: center; font-size: .8125rem; }.review-day meter { width: 100%; height: 20px; accent-color: #1675a8; }.review-day meter::-webkit-meter-optimum-value { background: #1675a8; }.review-day meter::-webkit-meter-bar { background: #e8f0f6; border: 0; }.review-day strong { text-align: right; }
.review-counts { margin: 20px 0 0; }.review-counts div { display: flex; justify-content: space-between; gap: 16px; padding: 9px 0; border-bottom: 1px solid var(--line); font-size: .875rem; }.review-counts dd { font-weight: 700; margin: 0; }
.review-handoff, .audit-entry { padding: 18px 0; border-bottom: 1px solid var(--line); }.review-handoff p, .audit-entry p { margin: 8px 0; white-space: pre-wrap; }
details > summary { min-height: 44px; padding: 10px 0; color: var(--teal-dark); cursor: pointer; font-size: .875rem; font-weight: 650; }
.correction-history { margin-top: 8px; }.correction-history article { padding: 12px; margin: 8px 0; border-left: 3px solid #a8c6d9; background: var(--surface-soft); font-size: .875rem; }.correction-history p { margin-top: 6px; overflow-wrap: anywhere; }.audit-entry dt { font-weight: 650; }.audit-entry dd { margin: 4px 0 12px; overflow-wrap: anywhere; }.audit-entry ins { text-decoration: none; color: #17614c; }
.settings-reason { flex: 1 1 100%; }.settings-reason input { max-width: 680px; }.user-directory-tools { display: flex; gap: 12px; margin: 14px 0; }.user-directory-tools input { flex: 1; min-width: 0; }.user-directory-tools select { width: auto; }
.admin-note, .settings-card-note, .patient-profile-item { font-size: .875rem; }.timeline-item { border-radius: 12px; }.timeline-item-footer, .timeline-review-flag { font-size: .8125rem; }
.event-modal-panel { border-radius: 18px; }.event-modal-header { border-bottom-color: var(--line); }.event-modal input, .event-modal select { min-height: 48px; }.event-modal label > span { font-size: .875rem; }
#event-form > h4 { display: none; }
[data-text-size="large"] { font-size: 19px; }[data-density="compact"] .routine-card { min-height: 145px; padding: 12px; }[data-density="compact"] .card { padding: 16px; }[data-density="compact"] .bedside-board { padding: 0; }
[data-reduce-motion="true"] *, [data-reduce-motion="true"] *::before, [data-reduce-motion="true"] *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; } }
@media (min-width: 1180px) { .app-main { grid-template-columns: 165px minmax(0, 1fr); gap: 24px; }.section-nav { padding: 8px 0; top: 20px; }.section-nav::before { content: "VitaCare"; color: #637d90; padding: 5px 14px 15px; }.dashboard-detail-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 1000px) { .app-shell { padding: 16px 18px 36px; }.header-utility { gap: 10px; }.header-signed-in { max-width: 180px; }.today-routine-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.routine-card-vitals { grid-column: 1 / -1; }.dashboard-status-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.review-controls { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .app-shell { padding: 10px 10px 95px; }.app-header { padding: 12px; }.header-clock { padding: 6px; min-width: 0; }.header-clock-time { font-size: 1rem; }.header-identity-row h1 { font-size: 1.3rem; }.header-clock-date { display: none; }.header-utility { display: block; }.care-workspace-heading { align-items: flex-start; }.care-workspace-heading h2 { font-size: 1.35rem; }.sync-status { max-width: 140px; }.bedside-board > .card-header { align-items: flex-start; }.bedside-board > .card-header .ghost-button { max-width: 112px; }.today-routine-grid { grid-template-columns: 1fr; }.routine-card-vitals .routine-card-reading { grid-template-columns: repeat(2, minmax(0, 1fr)); }.routine-card { min-height: 142px; }.vital-measurement { min-height: 103px; }.workspace-columns, .dashboard-detail-grid, .dashboard-status-grid { grid-template-columns: 1fr; }.review-controls { grid-template-columns: 1fr; }.review-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }.review-stats article { padding: 12px; }.review-stats span { font-size: .8125rem; }.page-heading { align-items: flex-start; }.review-table th, .review-table td { padding: 10px 8px; }.bottom-nav { border-radius: 14px; }.bottom-nav button { font-size: .75rem; }.card { padding: 16px; }.bedside-board { padding: 0; }.user-directory-tools { flex-direction: column; }.event-modal-panel { border-radius: 18px 18px 0 0; }.dashboard-trend-grid { grid-template-columns: 1fr; } }
@media print { @page { margin: 16mm; } body { background: #fff; color: #000; font-size: 10pt; }.app-shell { padding: 0; width: 100%; }.app-main, .review-content { display: block; }.app-header, .section-nav, .bottom-nav, .notification-toast-region, .review-controls, #review-feedback, #print-review, .event-modal, .app-section:not(#section-review) { display: none !important; } #section-review { display: block !important; }.card, .review-stats article { box-shadow: none; margin: 16px 0; border-color: #ccc; }.review-context { margin: 12px 0; }.workspace-columns { display: block; }.review-days { max-height: none; overflow: visible; }.table-scroll { overflow: visible; }.review-table { font-size: 9pt; }.review-table thead { display: table-header-group; }.review-table tr { break-inside: avoid; }.review-stats { display: flex; gap: 15px; }.review-stats article { flex: 1; } details:not([open]) > :not(summary) { display: none; } a { color: #000; } }

/* VitaCare visual system: a quiet clinical work surface with a distinct frame. */
:root {
  --canvas: #f5f5f0;
  --surface: #ffffff;
  --surface-soft: #f5f7f3;
  --ink: #203b36;
  --muted: #60736d;
  --line: #dce4dc;
  --line-strong: #c8d5cc;
  --teal: #246b58;
  --teal-dark: #1b5b49;
  --teal-soft: #e7f1e8;
  --green: #326d4d;
  --red: #a44838;
  --amber: #895c17;
  --radius: 14px;
  --rail: #193b34;
  --space: 24px;
}
.care-icon { width: 22px; height: 22px; flex: 0 0 22px; fill: none; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; }
.avaps-target-reference { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 6px 16px; padding: 14px 16px; border-left: 3px solid var(--teal); background: var(--surface-soft); }
.avaps-target-reference span { font-size: .85rem; }.avaps-target-reference strong { white-space: nowrap; }.avaps-target-reference small { grid-column: 1/-1; color: var(--muted); font-size: .75rem; }
.rail-brand { display: none; }
@media screen {
  body { font-family: "Segoe UI Variable Text", "Segoe UI", ui-sans-serif, sans-serif; background: var(--canvas); line-height: 1.5; }
  h1, h2, h3, h4 { color: var(--ink); letter-spacing: -.035em; }
  button, input, select, textarea, summary { scroll-margin: 20px; }
  button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible { outline-color: #3d8c74; outline-offset: 3px; }
  .app-shell { width: 100%; max-width: 1800px; padding: 0 32px 48px; }
  .app-main { gap: 26px; }
  .app-header { background: transparent; border: 0; border-bottom: 1px solid var(--line-strong); border-radius: 0; box-shadow: none; padding: 22px 0 12px; gap: 8px; }
  .header-identity-row { grid-template-columns: minmax(180px, 1fr) auto auto; gap: 20px; }
  .header-identity-row h1 { font-size: 1.35rem; letter-spacing: -.025em; }
  .header-identity-row h1::before { content: "Patient workspace"; font-size: .64rem; font-weight: 650; letter-spacing: .12em; color: var(--muted); margin-bottom: 3px; }
  .header-identity-row .sidebar-copy { font-size: .78rem; margin-top: 1px; }
  .header-utility { display: flex; align-items: center; gap: 26px; }
  .header-signed-in { font-size: .76rem; }.header-signed-in strong { font-weight: 650; }
  .header-clock { min-width: 166px; padding: 0 0 0 22px; border: 0; border-left: 1px solid var(--line-strong); border-radius: 0; background: transparent; }
  .header-clock-date { font-size: .7rem; }.header-clock-time { font-size: 1.12rem; font-weight: 600; letter-spacing: .01em; }
  .account-menu-button { width: 40px; height: 40px; background: #e5eee5; border: 0; color: var(--teal-dark); }
  .shift-bar { padding-top: 8px; border: 0; gap: 12px; }
  .shift-bar-copy { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 14px; }
  .shift-bar-copy strong { font-size: .78rem; font-weight: 650; }
  .shift-bar-copy strong::before { content: ""; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: var(--teal); margin-right: 7px; }
  .shift-bar-copy span { font-size: .76rem; }
  .shift-actions { gap: 6px; }.shift-actions .shift-control-button { min-height: 36px; padding: 6px 12px; font-size: .75rem; border-radius: 7px; }
  .shift-actions .danger-button { border-color: #ded9ca; color: #7e5145; background: #f4efe5; }
  .banner-text { font-size: .75rem; }.banner-text-success { color: var(--teal-dark); }
  .primary-button, .filter-pill.active { background: var(--teal-dark); color: #fff; box-shadow: none; }
  .primary-button:hover { background: #164435; }
  .primary-button, .ghost-button, .danger-button, .med-button, .filter-pill, .quick-action { border-radius: 8px; font-weight: 600; }
  .ghost-button { border-color: var(--line-strong); color: var(--teal-dark); background: var(--surface); }
  .ghost-button:hover, .med-button:hover { background: var(--teal-soft); }
  .text-button { padding: 5px 0; min-height: 44px; font-size: .78rem; font-weight: 600; text-decoration: none; white-space: nowrap; }
  .text-button::after { content: " ↗"; }
  .section-nav { padding: 6px; background: var(--rail); border-radius: 10px; width: 100%; gap: 4px; flex-wrap: nowrap; }
  .section-nav .filter-pill { color: #cee0d6; display: flex; align-items: center; gap: 12px; padding: 11px 14px; font-size: .84rem; font-weight: 500; }
  .section-nav .filter-pill.active { background: #d9ebbe; color: #203d2c; box-shadow: none; }
  .section-nav .filter-pill:hover { background: #315247; color: #fff; box-shadow: none; }
  .section-nav .filter-pill.active:hover { background: #e0f0c8; color: #203d2c; }
  .section-nav .care-icon { width: 19px; height: 19px; flex-basis: 19px; }
  .section-nav::before { display: none; }
  .panel-label, .eyebrow { font-size: .66rem; letter-spacing: .15em; font-weight: 650; color: var(--muted); }
  .card { border: 1px solid var(--line); border-radius: 12px; box-shadow: none; padding: 24px; }
  .card-header h3 { font-size: 1.12rem; font-weight: 600; }
  .section-helper { font-size: .8rem; color: var(--muted); margin-top: 4px; }
  .page-heading h2, .care-workspace-heading h2 { font-family: Georgia, "Times New Roman", serif; font-weight: 400; font-size: 2.65rem; line-height: 1.15; letter-spacing: -.055em; }
  .care-workspace-heading { align-items: end; margin: 3px 0 6px; }
  .care-workspace-heading .panel-label { margin-bottom: 8px; }
  .sync-status { font-size: .72rem; padding-bottom: 5px; }
  .monitoring-dashboard { gap: 24px; }
  .today-layout { display: grid; grid-template-columns: minmax(0, 1fr) 294px; gap: 28px; align-items: start; order: -4; }
  .today-primary, .today-context { min-width: 0; display: grid; gap: 24px; }
  .today-context { border-left: 1px solid var(--line); padding-left: 24px; }
  .bedside-board { border: 0; padding: 0; background: transparent; box-shadow: none; }
  .bedside-board > .card-header { margin-bottom: 16px; }
  .bedside-board > .card-header h3 { font-size: 1.12rem; font-weight: 600; }
  .bedside-board > .card-header .primary-button { font-size: .78rem; white-space: nowrap; padding: 10px 14px; }
  .today-routine-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .routine-card { min-height: 144px; padding: 17px 18px; background: #fff; border: 1px solid var(--line); border-radius: 11px; box-shadow: none; }
  .routine-card:hover:not(:disabled) { border-color: #7b9f8b; box-shadow: 0 4px 12px #203e3610; transform: translateY(-1px); }
  button.routine-card::after { content: "↗"; position: absolute; right: 16px; bottom: 12px; font-size: 1rem; color: #799688; }
  .routine-card-topline { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: 7px; }
  .routine-title { display: flex; gap: 8px; align-items: center; padding-right: 0; min-height: 25px; }
  .routine-title .care-icon { width: 19px; height: 19px; flex-basis: 19px; color: #658875; }
  .routine-title strong { font-size: .87rem; font-weight: 600; max-width: none; padding: 0; }
  .routine-card-reading { font-size: 1.1rem; font-weight: 550; margin-top: 12px; }
  .routine-card p { font-size: .73rem; line-height: 1.45; margin-top: 4px; }
  .routine-card-reading b { font-size: 1.1rem; }.routine-card-recorded { padding-right: 12px; }
  .routine-card-topline > .attention-badge { position: static; font-size: .64rem; font-weight: 550; min-height: 0; max-width: 112px; padding: 3px 7px; line-height: 1.4; border-radius: 5px; white-space: normal; align-self: start; }
  .attention-badge-ok { color: #35694b; background: #eaf2e9; }.attention-badge-warn { color: #865918; background: #f5ecda; }.attention-badge-overdue { color: #944935; background: #f8e9e1; }
  .routine-card-overdue, .routine-card-critical { background: #fff; color: var(--ink); border-left: 1px solid var(--line); }
  .routine-card-action-button { min-height: 36px; border: 0; border-bottom: 1px solid #c7dace; background: transparent; border-radius: 0; font-size: .75rem; padding: 5px 0; margin-top: 5px; }
  .card-settings-button { font-size: .8rem; color: #7c9185; margin-left: auto; }
  .routine-card-vitals { grid-column: 1 / -1; min-height: 0; padding: 20px 22px; background: var(--rail); border: 0; border-radius: 14px; color: #fff; }
  .routine-card-vitals:hover:not(:disabled) { background: var(--rail); transform: none; box-shadow: none; }
  .routine-card-vitals .routine-card-topline { display: block; }
  .routine-card-vitals .routine-title strong { font-size: .86rem; color: #eef4e8; font-weight: 550; }
  .routine-card-vitals .routine-title .care-icon { color: #cfe6bb; }
  .routine-card-vitals .routine-card-reading { margin-top: 20px; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 0; }
  .vital-measurement { min-height: 125px; padding: 0 12px; border: 0; border-left: 1px solid #48655b; border-radius: 0; background: transparent; color: #fff; gap: 5px; text-align: left; align-items: start; }
  .vital-measurement:first-child { border-left: 0; padding-left: 0; }
  .vital-measurement:hover:not(:disabled) { background: #ffffff0c; box-shadow: none; transform: none; }
  .vital-measurement b { color: #f6f7ed; font-size: 2.4rem; line-height: 1.25; letter-spacing: -.045em; font-weight: 500; }
  .vital-measurement small { color: #bfd1c8; font-size: .68rem; font-weight: 400; text-align: left; }
  .vital-measurement small:first-child { font-size: .72rem; font-weight: 550; }
  .vital-measurement em { color: #d7e6b9; font-size: .67rem; font-style: normal; font-weight: 500; text-align: left; }
  .vital-measurement-overdue em, .vital-measurement-warn em { color: #f5ce9c; }
  .vital-measurement:disabled { opacity: 1; cursor: default; }.vital-measurement:focus-visible { outline-color: #d9ebbe; }
  .routine-card-vitals .routine-card-saved { color: #d9ebbe !important; }
  .today-context .card { padding: 0 0 24px; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; background: transparent; box-shadow: none; }
  .today-context .card-header { margin-bottom: 13px; }
  .today-context h3 { font-size: 1.1rem; font-weight: 550; }
  .today-context .panel-label { font-size: .61rem; margin-bottom: 6px; }
  .today-context .list-card { border: 0; background: transparent; box-shadow: none; border-radius: 0; padding: 12px 0; border-bottom: 1px solid var(--line); }
  .today-context .list-card:last-child { border-bottom: 0; padding-bottom: 0; }
  .today-context .stack-list { gap: 0; }
  #care-plan-updates-list { max-height: 320px; overflow-y: auto; }
  .care-plan-update-item .list-card-header { flex-direction: column; gap: 9px; }
  .care-plan-update-item strong { font-size: .83rem; line-height: 1.4; font-weight: 600; }
  .care-plan-update-item p { font-size: .75rem; color: var(--muted); line-height: 1.5; }
  .care-plan-update-item .attention-badge { font-size: .64rem; padding: 2px 6px; background: #e5ebdf; color: #546c55; }
  .recent-activity-item .activity-summary-line { display: grid; gap: 4px; padding-left: 16px; position: relative; }
  .recent-activity-item .activity-summary-line::before { content: ""; width: 6px; height: 6px; background: #81a08c; border-radius: 50%; position: absolute; top: 7px; left: 0; }
  .recent-activity-item strong { font-size: .8rem; font-weight: 600; }.recent-activity-item .activity-description { font-size: .73rem; color: var(--muted); line-height: 1.4; }.recent-activity-item time { font-size: .65rem; color: #688275; }
  .latest-handoff-panel { font-size: .76rem; }.latest-handoff-panel strong { font-size: .8rem; }
  .latest-handoff-panel .handoff-summary { display: grid; gap: 12px; margin-top: 12px; }.latest-handoff-panel .handoff-summary section { border: 0; background: transparent; padding: 0; }.latest-handoff-panel .handoff-summary p, .latest-handoff-panel .handoff-summary li { font-size: .73rem; }
  .dashboard-detail-grid { display: block; }.attention-workspace-card { padding: 12px 20px; }
  .attention-workspace-card > summary { display: list-item; color: var(--ink); font-size: .92rem; }.attention-workspace-card > summary span { float: right; font-weight: 400; font-size: .76rem; }
  #attention-list { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin-top: 10px; }
  .attention-card { border: 1px solid var(--line); background: #fff; border-radius: 8px; }.attention-card strong { font-size: .86rem; }.attention-card p { font-size: .76rem; }
  .dashboard-trends-card { background: #fff; }.dashboard-trend-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }.trend-card { background: #fafbf8; border: 0; box-shadow: none; border-radius: 9px; }
  .dashboard-status-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0; }.dashboard-status-item { background: transparent; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; padding: 16px; }
  .chart-launchpad-card > .card-header h3, #section-admin > .card:first-child h3, #section-patient > .card:first-child h3 { font-family: Georgia,serif; font-weight: 400; font-size: 2rem; }
  .chart-launchpad-card { padding: 26px; }.chart-category-grid { gap: 24px; }.chart-category { background: transparent; border: 0; padding: 0; }.chart-category-heading { border-bottom: 1px solid var(--line); padding-bottom: 13px; margin-bottom: 12px; }.quick-action { background: #f3f6ef; border: 1px solid #e1e8dc; color: var(--ink); padding: 16px; text-align: left; min-height: 62px; }.quick-action:hover:not(:disabled) { background: #e8f0e1; border-color: #9ab699; }.quick-action-priority { background: #e5efdf; border-color: #c6d9bd; color: var(--teal-dark); }
  input, select, textarea { background: #fff; border-color: var(--line-strong); border-radius: 7px; box-shadow: none; font-size: .87rem; }
  input:focus, select:focus, textarea:focus { border-color: #77a28b; }
  .settings-card, .settings-panel-shell { background: #f7f9f4; border-color: var(--line); border-radius: 9px; }.settings-tab-controls, .filter-pill-row { gap: 4px; }.filter-pill:hover { background: #e7ede2; color: var(--teal-dark); box-shadow: none; }
  .review-controls { grid-template-columns: 1.2fr 1fr 1fr 1fr 1fr; padding: 18px 22px; gap: 16px; background: #fff; border-radius: 10px; }
  .review-context { margin-top: 4px; gap: 3px; }.review-context strong { font-size: 1.1rem; }.review-context span, .review-context small { font-size: .76rem; }
  .review-stats { background: var(--rail); gap: 0; border-radius: 12px; padding: 22px 10px; }
  .review-stats article { border: 0; border-left: 1px solid #48655b; border-radius: 0; background: transparent; padding: 0 22px; }.review-stats article:first-child { border: 0; }.review-stats strong { font-size: 2.3rem; font-weight: 450; color: #eaf1df; }.review-stats span { font-size: .75rem; color: #c2d4c7; }
  .review-table thead th { background: #f0f4eb; color: #526853; font-weight: 600; font-size: .74rem; }.review-table td, .review-table tbody th { font-size: .82rem; padding: 15px 12px; }.review-day meter::-webkit-meter-optimum-value { background: #5c9071; }.review-day meter::-webkit-meter-bar { background: #e5edde; }.review-day meter { accent-color: #5c9071; }
  .timeline-item { background: #fff; box-shadow: none; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; padding: 18px 0; }.timeline-item-header { gap: 20px; }.timeline-entry-summary strong { font-size: .89rem; font-weight: 600; }.timeline-date-heading { font-size: .68rem; letter-spacing: .1em; color: var(--muted); margin: 20px 0 2px; }.timeline-item-footer { font-size: .72rem; }.timeline-meta-actions time { font-size: .74rem; }.timeline-edit-button { min-height: 32px; padding: 4px 10px; font-size: .73rem; }.history-filters { background: #f2f5ed; border: 0; border-radius: 8px; }
  .user-directory-row { border-color: var(--line); border-radius: 0; }.user-directory-main:hover { background: var(--surface-soft); }.info-pill { border-radius: 5px; font-size: .72rem; }.user-directory-tools { padding: 12px 0; }
  .event-modal { background: #112c2866; backdrop-filter: blur(5px); }.event-modal-panel { border: 0; border-radius: 16px; box-shadow: 0 24px 80px #122d2840; }.event-modal-header { padding: 22px 26px; background: #f1f5ec; border-bottom: 1px solid var(--line); }.event-modal-header h3 { font-family: Georgia,serif; font-size: 1.8rem; font-weight: 400; }.event-modal-header .panel-label { color: var(--muted); }.event-modal-body { padding: 24px 26px; }
  .login-screen { background: #e9eee3; background-image: radial-gradient(ellipse at 15% 20%,#c9dcca 0,transparent 50%),radial-gradient(ellipse at 90% 80%,#f4f1de 0,transparent 50%); }.login-card { padding: 44px; border: 1px solid #d5dfd0; border-top: 0; border-radius: 18px; box-shadow: 0 20px 70px #28433512; }.login-card h1 { font-family: Georgia,serif; font-weight: 400; font-size: 2.6rem; line-height: 1.08; }.login-card .eyebrow { margin-bottom: 24px; color: var(--teal-dark); }
  [data-density="compact"] .routine-card { min-height: 125px; padding: 12px 15px; }[data-density="compact"] .routine-card-vitals { padding: 18px; }[data-density="compact"] .bedside-board { padding: 0; }
}
@media screen and (min-width: 1180px) {
  .app-shell { padding-left: 250px; max-width: 1900px; margin-left: 0; padding-right: 36px; }
  .app-main { grid-template-columns: minmax(0,1fr); row-gap: 28px; }
  .app-header { grid-column: 1; grid-row: 1; }
  .app-section { grid-column: 1; grid-row: 2; }
  .section-nav { position: fixed; top: 0; bottom: 0; left: 0; z-index: 40; width: 214px; max-width: none; border-radius: 0; padding: 28px 16px; display: flex; flex-direction: column; gap: 6px; align-items: stretch; overflow-y: auto; }
  .rail-brand { display: flex; align-items: center; gap: 12px; color: #f0f3de; margin: 0 9px 44px; }
  .rail-brand > svg { width: 32px; height: 32px; fill: none; stroke: #d9ebbe; stroke-width: 2.2; stroke-linecap: round; }
  .rail-brand > span { font-size: 1.25rem; font-weight: 500; letter-spacing: -.04em; }.rail-brand small { display: block; color: #a8bfae; font-size: .63rem; letter-spacing: .025em; font-weight: 400; margin-top: 2px; }
  .section-nav .filter-pill { width: 100%; min-height: 47px; flex: 0 0 auto; }
  .section-nav::after { content: "ONE PATIENT. ONE SHARED RECORD."; margin: auto 12px 5px; padding-top: 48px; color: #9bb4a4; font-size: .56rem; letter-spacing: .11em; line-height: 1.8; }
}
@media screen and (min-width: 1600px) {
  .today-layout { grid-template-columns: minmax(0,1fr) 328px; gap: 34px; }
  .today-routine-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .routine-card-vitals { grid-column: 1/-1; }
}
@media screen and (max-width: 1179px) {
  .app-shell { padding: 0 24px 36px; }.app-main { gap: 20px; }
  .section-nav { justify-content: space-between; }.section-nav .filter-pill { gap: 7px; padding: 10px 13px; }.section-nav .care-icon { width: 17px; height: 17px; flex-basis: 17px; }
  .today-layout { grid-template-columns: minmax(0,1fr) 250px; gap: 22px; }.today-context { padding-left: 20px; }
  .page-heading h2, .care-workspace-heading h2 { font-size: 2.35rem; }
  .routine-card { padding: 14px; min-height: 150px; }.routine-card-topline { grid-template-columns: 1fr; }.routine-card-topline > .attention-badge { grid-row: 1; margin-bottom: 3px; }.routine-card-vitals { min-height: 0; padding: 18px; }.vital-measurement { padding: 0 10px; }.vital-measurement b { font-size: 2rem; }
  .review-controls { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media screen and (max-width: 900px) {
  .header-signed-in { display: none; }.header-clock { border: 0; padding: 0; }
  .today-layout { grid-template-columns: minmax(0,1fr); }.today-context { border-left: 0; border-top: 1px solid var(--line); padding: 24px 0 0; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .today-context > .card { min-width: 0; }.today-routine-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .routine-card-topline { grid-template-columns: 1fr auto; }.routine-card-topline > .attention-badge { grid-row: auto; }.routine-card { min-height: 142px; }
  .routine-card-vitals .vital-measurement b { font-size: 2.4rem; }
  .section-nav .care-icon { display: none; }#attention-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .dashboard-trend-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.review-stats article { padding: 0 14px; }
}
@media screen and (max-width: 640px) {
  .app-shell { padding: 0 16px 96px; }.app-main { gap: 22px; }.app-header { padding-top: 16px; gap: 6px; }.header-identity-row { gap: 12px; grid-template-columns: minmax(0,1fr) auto auto; }.header-identity-row h1 { font-size: 1.2rem; }.header-identity-row h1::before { font-size: .58rem; }.header-clock { min-width: 0; }.header-clock-time { font-size: .9rem; }.header-clock-date { display: none; }.account-menu-button { width: 34px; height: 34px; }
  .shift-bar { align-items: center; }.shift-bar-copy { display: grid; gap: 1px; }.shift-bar-copy strong { font-size: .72rem; }.shift-bar-copy span { font-size: .68rem; }.shift-actions { flex-direction: column; }.shift-actions .shift-control-button { min-height: 36px; font-size: .69rem; padding: 5px 9px; }
  .section-nav { display: none; }.bottom-nav { background: var(--rail); border: 0; border-radius: 14px; left: 12px; right: 12px; bottom: 12px; box-shadow: 0 8px 30px #16372d26; }.bottom-nav button { color: #c8d9cd; font-weight: 500; font-size: .67rem; border-radius: 9px; }.bottom-nav button.active { background: #d9ebbe; color: #203d2c; box-shadow: none; }
  .page-heading h2, .care-workspace-heading h2 { font-size: 2.25rem; }.care-workspace-heading { align-items: end; }.care-workspace-heading .panel-label { font-size: .57rem; }.sync-status { max-width: 130px; font-size: .61rem; }.care-workspace-heading { gap: 10px; }.monitoring-dashboard { gap: 22px; }
  .bedside-board > .card-header { align-items: center; gap: 8px; }.bedside-board > .card-header h3 { font-size: .95rem; }.bedside-board > .card-header .section-helper { display: none; }.bedside-board > .card-header .primary-button { font-size: .72rem; padding: 10px; }
  .today-routine-grid { gap: 10px; }.routine-card { min-height: 159px; padding: 12px; }.routine-card-topline { grid-template-columns: 1fr; }.routine-card-topline > .attention-badge { grid-row: 1; font-size: .6rem; }.routine-title { gap: 6px; }.routine-title strong { font-size: .78rem; }.routine-title .care-icon { width: 16px; height: 16px; flex-basis: 16px; }.routine-card-reading { font-size: .96rem; margin-top: 8px; }.routine-card p { font-size: .68rem; }.routine-card-action-button { font-size: .7rem; }
  .routine-card-vitals { grid-column: 1/-1; min-height: 0; padding: 17px; }.routine-card-vitals .routine-card-reading { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px 0; margin-top: 18px; }.vital-measurement { min-height: 109px; padding: 0 14px; }.vital-measurement:nth-child(3) { border-left: 0; padding-left: 0; }.routine-card-vitals .vital-measurement b { font-size: 2.25rem; }.vital-measurement small { font-size: .67rem; }.vital-measurement em { font-size: .66rem; }
  .today-context, .workspace-columns, .dashboard-status-grid, #attention-list, .dashboard-trend-grid { grid-template-columns: 1fr; }.today-context { gap: 22px; }.card { padding: 18px; }.bedside-board { padding: 0; }.attention-workspace-card { padding: 10px 16px; }.attention-workspace-card > summary span { display: block; float: none; margin-left: 18px; }.review-controls { grid-template-columns: repeat(2,minmax(0,1fr)); padding: 16px; gap: 12px; }.review-controls label:first-child { grid-column: 1/-1; }.review-controls label { font-size: .75rem; }.review-controls select, .review-controls input { font-size: .75rem; padding: 8px; }
  .review-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 20px 0; padding: 20px 4px; }.review-stats article { padding: 0 16px; }.review-stats article:nth-child(3) { border-left: 0; }.review-stats strong { font-size: 2rem; }.review-stats span { font-size: .7rem; }.review-table td, .review-table tbody th { font-size: .74rem; padding: 12px 8px; }
  .login-card { padding: 28px; }.login-card h1 { font-size: 2.3rem; }.event-modal-header, .event-modal-body { padding: 20px; }
}

/* Browser-review refinements: clear entry affordances and comfortable touch targets. */
@media screen {
  .chart-launchpad-card { background: #fff; }
  .chart-category .quick-action { display: flex; align-items: center; gap: 9px; min-height: 66px; padding: 12px; line-height: 1.3; box-shadow: none; }
  .chart-category .quick-action::before { content: "+"; display: grid; place-items: center; flex: 0 0 22px; width: 22px; height: 22px; margin: 0; border-radius: 50%; background: #e2ebda; color: #52734e; font-size: 1.1rem; font-weight: 400; }
  .shift-actions .shift-control-button, .routine-card-action-button, .timeline-edit-button { min-height: 44px; }
  .account-menu-button { width: 44px; height: 44px; }
}
@media screen and (max-width: 640px) {
  .chart-category .quick-chart-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .chart-category .quick-action { font-size: .78rem; padding: 10px; }
}
@media screen {
  #section-admin > .card:first-child { background: transparent; border: 0; padding: 0; }
  #section-admin > .card:first-child .card-header { margin-bottom: 18px; }
  #admin-panel-controls { padding-bottom: 10px; border-bottom: 1px solid var(--line); }
  .access-management-shell { display: block; margin-bottom: 18px; padding: 8px 16px; }
  .access-management-shell > summary, .user-editor-shell > summary { min-height: 44px; padding: 10px 0; font-size: .85rem; color: var(--teal-dark); }
  .access-management-shell[open] > :not(summary) { margin-top: 16px; }
  .user-editor-shell { padding: 8px 18px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-soft); }
  #user-editor-shell #user-form { padding: 16px 0 8px; }
  #user-editor-shell .med-actions, #user-form-banner { grid-column: 1/-1; }
  #user-form-banner:empty { display: none; }
  .user-directory-shell { order: -1; }
  #section-timeline > .grid > .card:first-child .card-header h3 { font: 400 2rem/1.2 Georgia,serif; }
}
@media screen and (min-width: 760px) { #user-editor-shell #user-form { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media screen {
  #section-timeline > .grid, #section-patient > .grid { grid-template-columns: minmax(0,1fr) 320px; align-items: start; }
  #section-patient > .grid > .card:first-child .card-header h3 { font: 400 2rem/1.2 Georgia,serif; }
  #patient-profile-list > div { display: grid; grid-template-columns: 130px minmax(0,1fr); gap: 18px; padding: 16px 0; border-bottom: 1px solid var(--line); }
  #patient-profile-list strong { font-size: .92rem; font-weight: 500; white-space: pre-line; overflow-wrap: anywhere; }
  #section-patient .list-card, #handoff-list .list-card { background: transparent; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; padding: 12px 0; }
  #workspace-preferences .checkbox-label { display: flex; justify-content: flex-start; gap: 10px; min-height: 44px; }
  #workspace-feedback:empty, #self-password-feedback:empty { display: none; }
}
@media screen and (max-width: 900px) { #section-timeline > .grid, #section-patient > .grid { grid-template-columns: 1fr; } }
@media screen and (max-width: 640px) { #patient-profile-list > div { grid-template-columns: 1fr; gap: 6px; } }
/* Match the display to the observation: device state, placement and performed care. */
@media screen {
  .routine-card-recorded { margin-top: 12px !important; }
  .routine-card[data-routine="avaps"] { grid-column: 1/-1; background: #eef3e9; border-color: #d4dfcb; }
  .routine-card[data-routine="avaps"] .routine-card-topline { grid-template-columns: 1fr auto; }
  .routine-card[data-routine="avaps"] .routine-card-reading { display: grid; grid-template-columns: 100px minmax(0,1fr); align-items: center; gap: 20px; }
  .routine-card[data-routine="avaps"] .routine-card-reading > b { font-size: 1.45rem; }
  .device-reading-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }
  .device-reading-grid > span { display: grid; gap: 3px; border-left: 1px solid #cad8c4; padding-left: 12px; }
  .device-reading-grid small { font-size: .68rem; color: var(--muted); font-weight: 500; }
  .device-reading-grid b { font-size: 1.1rem; font-weight: 500; }
  .routine-card[data-routine="suction_catheter"] .routine-card-reading b { font-variant-numeric: tabular-nums; font-size: 1.13rem; }
  .routine-card[data-routine="position"] .routine-card-reading { font-size: 1.2rem; }
  .routine-state-side { display: inline-block; margin-left: 12px; padding-left: 12px; border-left: 1px solid var(--line); font-size: .83rem; color: var(--muted); }
  .event-form .timing-grid { border: 0; border-top: 1px solid var(--line); border-radius: 0; padding: 18px 0 0; background: transparent; }
  .event-form .timing-grid .field-help { font-size: .72rem; }
  .event-form .timing-shortcuts { gap: 5px; }.event-form .timing-shortcut { padding: 6px 10px; font-size: .74rem; }
  .event-form .transition-panel { background: #f0f5eb; border: 1px solid var(--line); border-radius: 10px; }
  .event-form[data-chart-kind="measurement"] .quick-vital-entry { background: #f0f5e9; border: 1px solid #d5e1cb; border-radius: 12px; padding: 20px; }
  .event-form .quick-vital-value { font-size: 2.6rem; min-height: 82px; font-weight: 500; padding: 10px 16px; }
  .measurement-context em { font-weight: 400; color: var(--muted); font-size: .76rem; }
  .event-form[data-chart-kind="device"] > .settings-grid { background: #f2f5ed; padding: 16px; border-radius: 10px; }
}
@media screen and (max-width: 640px) {
  .routine-card[data-routine="avaps"] .routine-card-topline { grid-template-columns: 1fr; }
  .routine-card[data-routine="avaps"] .routine-card-reading { grid-template-columns: 1fr; gap: 16px; }
  .device-reading-grid { gap: 6px; }.device-reading-grid > span { padding-left: 7px; }.device-reading-grid b { font-size: .92rem; }
}
@media screen {
  .event-modal-panel { padding: 0; }
  .event-modal-header { margin-bottom: 0; }
  .event-modal .event-form { padding: 18px 24px 0; }
  .event-form > .med-actions { position: sticky; bottom: 0; z-index: 2; margin: 0 -24px; padding: 12px 24px; background: #fff; border-top: 1px solid var(--line); box-shadow: 0 -8px 16px #fff9; }
  .event-form > .form-feedback:empty { display: none; }
  .event-form > .form-feedback:not(:empty) { padding-bottom: 18px; }
}
@media screen and (max-width: 640px) {
  .event-modal .event-form { padding: 16px 18px 0; }
  .event-form > .med-actions { margin: 0 -18px; padding: 12px 18px; }
}
@media screen {
  .event-form > .checkbox-label { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px 14px; align-items: center; }
  .event-form > .checkbox-label > .field-help { grid-column: 1/-1; margin: 0; font-weight: 400; }
  .transition-current { display: grid; gap: 5px; }
}
@media screen {
  .user-directory-actions .med-button { background: var(--teal-dark); color: white; box-shadow: none; border: 1px solid var(--teal-dark); }
  .user-directory-actions .med-button.tertiary { background: transparent; color: var(--muted); border-color: var(--line); }
  .user-directory-actions .med-button:hover { background: var(--teal-soft); color: var(--teal-dark); }
  .user-directory-cell .info-pill { white-space: nowrap; width: fit-content; }
}
@media screen and (min-width: 1181px) {
  .user-directory-row { grid-template-columns: minmax(0,1fr); padding: 16px 12px; }
  .user-directory-header, .user-directory-main { grid-template-columns: minmax(140px,1fr) minmax(210px,1.6fr) minmax(120px,1fr) minmax(120px,.85fr) minmax(80px,.6fr); }
  .user-directory-header > :last-child { display: none; }
  .user-directory-actions { justify-content: flex-start; }
}

/* Blue clinical palette: overrides the earlier evergreen visual experiment. */
:root { --canvas: #f3f8fc; --surface: #ffffff; --surface-soft: #f4f8fb; --ink: #17324a; --muted: #587085; --line: #d8e5ee; --line-strong: #bed2df; --teal: #197eae; --teal-dark: #125f8d; --teal-soft: #e4f2fa; --green: #287fb5; --rail: #173b59; }
@media screen {
  button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible { outline-color: #2588ba; }
  .account-menu-button { background: #e6f1f8; }
  .primary-button:hover { background: #0e4e76; }
  .section-nav .filter-pill { color: #d7e8f4; }
  .section-nav .filter-pill.active, .bottom-nav button.active { background: #d8eef9; color: #163b57; }
  .section-nav .filter-pill:hover { background: #285a7d; }
  .section-nav .filter-pill.active:hover { background: #e4f4fc; color: #163b57; }
  .rail-brand { color: #f1f7fb; }
  .rail-brand > svg { stroke: #b9dcef; }
  .rail-brand small, .section-nav::after, .bottom-nav button { color: #b9d3e4; }
  .login-screen { background: #edf6fb; background-image: radial-gradient(ellipse at 15% 20%, #c8e3f2 0, transparent 50%), radial-gradient(ellipse at 90% 80%, #e9f4fb 0, transparent 50%); }
  .login-card { border-color: #cedfe9; box-shadow: 0 20px 70px #21486212; }
  .routine-card-vitals { background: var(--rail); }
  .routine-card-vitals .routine-title strong { color: #eff7fc; }
  .routine-card-vitals .routine-title .care-icon { color: #b9dff1; }
  .vital-measurement { border-left-color: #416983; }
  .vital-measurement small { color: #c2d9e7; }
  .vital-measurement em { color: #c9e6f5; }
  .routine-card[data-routine="avaps"] { background: #edf6fb; border-color: #cde2ee; }
}

/* Keep every vital tile on the same baseline and make the card choices clearly actionable. */
@media screen {
  .sync-status::before { background: #2b86b5; }
  .routine-card-vitals .routine-card-reading { grid-template-columns: repeat(auto-fit, minmax(124px, 1fr)); gap: 12px 0; }
  .vital-measurement {
    grid-template-rows: minmax(2.25em, auto) minmax(2.5rem, auto) 1.25em 1.25em;
    align-content: start;
    justify-items: start;
    text-align: left;
  }
  .vital-measurement small, .vital-measurement em { min-width: 0; line-height: 1.25; text-align: left; }
  .vital-measurement b { display: flex; align-items: center; min-height: 2.5rem; }
  .routine-split-actions { margin-top: 14px; gap: 10px; }
  .routine-split-actions .routine-card-action-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    margin: 0;
    padding: 10px 12px;
    border: 1px solid #a8ccdf;
    border-radius: 9px;
    background: #f5fbfe;
    color: #125f8d;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    transition: transform .16s ease, border-color .16s ease, background-color .16s ease, box-shadow .16s ease;
  }
  .routine-split-actions .routine-card-action-button:hover:not(:disabled), .routine-split-actions .routine-card-action-button:focus-visible { border-color: #197eae; background: #e4f2fa; box-shadow: 0 4px 10px #1b55731a; transform: translateY(-1px); }
  .routine-split-actions .routine-card-action-button:active:not(:disabled) { transform: translateY(0) scale(.98); }
}

/* Use one internal rhythm across Today cards and keep delayed charting unmistakable. */
@media screen {
.probe-timing-line { display: block; }
.probe-interval-setting { align-content: start; }
.handoff-modal-panel { width: min(820px, 100%); }
.handoff-modal-body { padding: 18px 24px 22px; }
.handoff-status-list { display: grid; gap: 8px; margin: 14px 0; }
.handoff-status-item { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 14px; padding: 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface-soft); }
.handoff-status-copy { display: grid; gap: 3px; min-width: 0; }
.handoff-status-copy strong { font-size: .88rem; }
.handoff-status-value { color: var(--ink); font-weight: 750; }
.handoff-status-meta { color: var(--muted); font-size: .78rem; }
.handoff-status-current { color: var(--teal-dark); font-size: .8rem; font-weight: 800; }
.handoff-status-item .med-button { min-width: 112px; }
@media (max-width: 640px) { .handoff-status-item { grid-template-columns: 1fr; }.handoff-status-item .med-button { width: 100%; } }
  .chart-choice-group { border: 0; padding: 0; margin: 0; min-width: 0; }
  .chart-choice-group legend { margin-bottom: 8px; font-size: .875rem; font-weight: 650; }
  .chart-choice-buttons { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .event-form .chart-choice-button { display: block; position: relative; cursor: pointer; }
  .event-form .chart-choice-button input { position: absolute; z-index: 1; top: 50%; left: 12px; transform: translateY(-50%); width: 18px; height: 18px; margin: 0; accent-color: #197eae; }
  .chart-choice-button span { display: grid; place-items: center; min-height: 46px; padding: 9px 12px 9px 38px; border: 1px solid #a8ccdf; border-radius: 9px; background: #f5fbfe; color: #125f8d; font-size: .8125rem; font-weight: 650; text-align: center; transition: transform .16s ease, background-color .16s ease, border-color .16s ease, box-shadow .16s ease; }
  .chart-choice-button:hover span { background: #e4f2fa; border-color: #197eae; transform: translateY(-1px); }
  .chart-choice-button input:checked + span { background: #d9effb; border-color: #197eae; box-shadow: inset 0 0 0 1px #197eae; }
  .chart-choice-button input:focus-visible + span { outline: 3px solid #75b5d4; outline-offset: 3px; }
  .chart-choice-button:active span { transform: scale(.98); }
}
@media screen {
  .routine-card:not(.routine-card-vitals) { min-height: 200px; text-align: left; }
  .routine-card:not(.routine-card-vitals):hover:not(:disabled),
  .routine-card:not(.routine-card-vitals):focus-visible,
  .routine-card:not(.routine-card-vitals):focus-within { border-color: #75b5d4; box-shadow: 0 4px 14px #1b55731a; }
  .routine-card:not(.routine-card-vitals) .routine-card-topline {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 8px 12px;
    height: 100%;
  }
  .routine-card:not(.routine-card-vitals) .routine-card-topline > div {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 168px;
  }
  .routine-card:not(.routine-card-vitals) .routine-title { min-height: 26px; gap: 8px; }
  .routine-card:not(.routine-card-vitals) .routine-title .care-icon { width: 19px; height: 19px; flex-basis: 19px; }
  .routine-card:not(.routine-card-vitals) .routine-title strong { font-size: .875rem; font-weight: 650; line-height: 1.3; }
  .routine-card:not(.routine-card-vitals) .routine-card-reading {
    min-height: 2.8rem;
    margin-top: 12px;
    font-size: 1rem;
    font-weight: 550;
    line-height: 1.4;
  }
  .routine-card:not(.routine-card-vitals) .routine-card-reading b,
  .routine-card[data-routine="suction_catheter"] .routine-card-reading b,
  .routine-card[data-routine="position"] .routine-card-reading { font-size: 1rem; font-weight: 550; }
  .routine-card:not(.routine-card-vitals) p { margin-top: 5px; font-size: .75rem; line-height: 1.4; }
  .routine-card:not(.routine-card-vitals) .routine-card-recorded { margin-top: 8px !important; }
  .routine-card:not(.routine-card-vitals) .routine-card-topline > .attention-badge {
    grid-column: 2;
    grid-row: 1;
    margin: 0;
    align-self: start;
    font-size: .65rem;
    line-height: 1.35;
  }
  .routine-card:not(.routine-card-vitals) .routine-split-actions { margin-top: auto; padding-top: 14px; }
  .routine-card:not(.routine-card-vitals) .routine-card-action-button { font-size: .75rem; line-height: 1.25; }

  .event-form .timing-grid {
    border: 1px solid #cbdde8;
    border-radius: 11px;
    padding: 14px;
    background: #f5f9fc;
  }
  .late-entry-warning {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: center;
    gap: 11px;
    padding: 11px 12px;
    border: 1px solid #e4b85f;
    border-left: 5px solid #c67d00;
    border-radius: 9px;
    background: #fff7e4;
    color: #754800;
    box-shadow: 0 3px 12px #75480012;
  }
  .late-entry-warning-icon {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #c67d00;
    color: #fff;
    font-size: 1rem;
    font-weight: 800;
  }
  .late-entry-warning > span:last-child { display: grid; gap: 2px; }
  .late-entry-warning strong { font-size: .875rem; line-height: 1.25; }
  .late-entry-warning small { font-size: .75rem; line-height: 1.4; }
  .late-entry-warning-correction { border-color: #9fc6da; border-left-color: #267ca8; background: #edf7fc; color: #174e6b; }
  .late-entry-warning-correction .late-entry-warning-icon { background: #267ca8; }
}

@media screen and (max-width: 640px) {
  .routine-card:not(.routine-card-vitals) { min-height: 200px; }
  .routine-card:not(.routine-card-vitals) .routine-card-topline { grid-template-columns: minmax(0, 1fr) auto; }
  .routine-card:not(.routine-card-vitals) .routine-title strong { font-size: .875rem; }
  .routine-card:not(.routine-card-vitals) .routine-title .care-icon { width: 19px; height: 19px; flex-basis: 19px; }
  .routine-card:not(.routine-card-vitals) .routine-card-reading { margin-top: 12px; font-size: 1rem; }
  .routine-card:not(.routine-card-vitals) p { font-size: .75rem; }
  .routine-card:not(.routine-card-vitals) .routine-card-action-button { font-size: .75rem; }
}