:root {
  --green-950: #063529;
  --green-900: #0b4f3a;
  --green-800: #126749;
  --green-700: #1b7c57;
  --green-100: #e8f3ee;
  --blue-950: #0b2f4c;
  --blue-900: #123f61;
  --blue-700: #1f6fa3;
  --blue-100: #e8f2f9;
  --gold: #f4b51d;
  --red: #c83b3b;
  --orange: #d97520;
  --ink: #15212c;
  --muted: #63717f;
  --line: #d9e1e7;
  --panel: #ffffff;
  --canvas: #f4f7f8;
  --shadow: 0 12px 35px rgba(11, 47, 76, 0.12);
  --radius: 14px;
  --sidebar-width: 278px;
  --topbar-height: 74px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; background: var(--canvas); color: var(--ink); }
body { overflow-x: hidden; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
a { color: inherit; }
.hidden { display: none !important; }
.muted { color: var(--muted); }
.eyebrow { margin: 0 0 5px; text-transform: uppercase; letter-spacing: .11em; font-size: 11px; font-weight: 800; color: var(--green-700); }
.mobile-only { display: none; }

.login-overlay {
  position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center;
  background:
    linear-gradient(135deg, rgba(6, 53, 41, .96), rgba(11, 47, 76, .94)),
    radial-gradient(circle at 20% 20%, rgba(244, 181, 29, .25), transparent 35%);
  padding: 24px;
}
.login-panel { width: min(980px, 96vw); background: #fff; border-radius: 22px; padding: 34px; box-shadow: 0 30px 80px rgba(0,0,0,.35); }
.brand-lockup { display: flex; align-items: center; gap: 17px; }
.brand-lockup img { width: 78px; height: 92px; object-fit: contain; }
.brand-lockup h1 { margin: 0; font-size: 34px; color: var(--blue-950); }
.brand-lockup p { margin: 4px 0 0; color: var(--muted); }
.login-brand { border-bottom: 1px solid var(--line); padding-bottom: 22px; }
.pilot-banner { display: inline-flex; margin: 22px 0 18px; background: var(--green-100); color: var(--green-900); border: 1px solid #bcd9cb; border-radius: 99px; padding: 8px 14px; font-size: 12px; font-weight: 800; }
.login-panel h2 { margin: 0 0 6px; }
.role-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin: 22px 0; }
.role-card { border: 1px solid var(--line); border-radius: 14px; padding: 18px; background: #fff; text-align: left; transition: .18s ease; }
.role-card:hover { transform: translateY(-2px); border-color: var(--green-700); box-shadow: 0 10px 24px rgba(18,103,73,.12); }
.role-card .role-icon { width: 42px; height: 42px; border-radius: 12px; display: grid; place-items: center; margin-bottom: 13px; background: var(--blue-100); font-size: 21px; }
.role-card strong { display: block; }
.role-card small { display: block; color: var(--muted); margin-top: 5px; line-height: 1.4; }
.login-footer { display: flex; justify-content: space-between; align-items: center; border-top: 1px solid var(--line); padding-top: 18px; color: var(--muted); font-size: 12px; }
.status-dot-label { display: inline-flex; gap: 7px; align-items: center; }
.status-dot { width: 8px; height: 8px; display: inline-block; border-radius: 50%; background: #2eb36b; box-shadow: 0 0 0 4px rgba(46,179,107,.14); }

.app-shell { min-height: 100vh; }
.topbar { position: fixed; top: 0; left: 0; right: 0; z-index: 100; height: var(--topbar-height); background: #fff; border-bottom: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; padding: 0 18px; box-shadow: 0 2px 10px rgba(11,47,76,.05); }
.topbar-left, .topbar-center, .topbar-actions { display: flex; align-items: center; gap: 12px; }
.brand-lockup.compact img { width: 43px; height: 50px; }
.brand-lockup.compact strong { display: block; color: var(--blue-950); font-size: 17px; }
.brand-lockup.compact span { display: block; font-size: 11px; color: var(--muted); }
.facility-switcher { display: flex; align-items: center; gap: 8px; background: var(--canvas); border: 1px solid var(--line); padding: 7px 11px; border-radius: 10px; }
.facility-switcher span { font-size: 11px; color: var(--muted); font-weight: 700; text-transform: uppercase; }
.facility-switcher select { border: 0; background: transparent; color: var(--ink); font-weight: 700; outline: none; min-width: 210px; }
.environment-badge { background: #fff4d5; border: 1px solid #f6d47c; color: #7a5800; border-radius: 99px; font-size: 11px; font-weight: 900; padding: 8px 11px; letter-spacing: .04em; }
.top-action, .icon-button, .user-chip { border: 1px solid var(--line); background: #fff; color: var(--ink); border-radius: 10px; min-height: 38px; }
.top-action { padding: 0 11px; display: inline-flex; align-items: center; gap: 6px; font-weight: 700; font-size: 12px; }
.top-action:hover, .icon-button:hover { background: var(--canvas); }
.icon-button { width: 38px; display: grid; place-items: center; font-size: 21px; }
.notification-button { position: relative; }
.notification-button b { position: absolute; right: -5px; top: -7px; background: var(--red); color: #fff; border-radius: 99px; font-size: 9px; padding: 2px 5px; border: 2px solid #fff; }
.user-chip { display: flex; align-items: center; gap: 9px; padding: 5px 10px 5px 6px; text-align: left; }
.user-chip > span:first-child { width: 31px; height: 31px; border-radius: 9px; display: grid; place-items: center; background: var(--blue-900); color: #fff; font-size: 11px; font-weight: 900; }
.user-chip strong, .user-chip small { display: block; }
.user-chip strong { font-size: 12px; }
.user-chip small { font-size: 10px; color: var(--muted); }

.sidebar { position: fixed; top: var(--topbar-height); left: 0; bottom: 0; width: var(--sidebar-width); z-index: 80; background: var(--blue-950); color: #eaf4fa; overflow-y: auto; border-right: 1px solid rgba(255,255,255,.08); }
.sidebar-workspace { display: flex; gap: 11px; align-items: center; padding: 18px 17px; background: rgba(255,255,255,.06); border-bottom: 1px solid rgba(255,255,255,.08); }
.workspace-icon { width: 38px; height: 38px; border-radius: 11px; display: grid; place-items: center; background: var(--green-700); font-weight: 900; font-size: 12px; }
.sidebar-workspace strong, .sidebar-workspace small { display: block; }
.sidebar-workspace strong { font-size: 13px; }
.sidebar-workspace small { color: #a9c2d2; font-size: 10px; margin-top: 3px; }
.nav-group { padding: 13px 10px 3px; }
.nav-group-title { padding: 7px 8px; color: #86a9bd; text-transform: uppercase; letter-spacing: .1em; font-weight: 900; font-size: 9px; }
.nav-item { width: 100%; border: 0; background: transparent; color: #dcebf3; display: flex; align-items: center; gap: 10px; padding: 9px 10px; border-radius: 8px; text-align: left; font-size: 12px; margin: 2px 0; }
.nav-item:hover { background: rgba(255,255,255,.07); }
.nav-item.active { background: #fff; color: var(--blue-950); font-weight: 850; box-shadow: 0 6px 14px rgba(0,0,0,.15); }
.nav-icon { width: 21px; text-align: center; opacity: .9; }
.nav-badge { margin-left: auto; min-width: 20px; text-align: center; border-radius: 99px; padding: 2px 5px; background: rgba(244,181,29,.17); color: #ffda6f; font-size: 9px; font-weight: 800; }
.nav-item.active .nav-badge { background: #fff1c7; color: #7a5800; }
.sidebar-footer { padding: 16px 18px 22px; color: #cce0eb; border-top: 1px solid rgba(255,255,255,.08); margin-top: 12px; font-size: 11px; }
.sidebar-footer div { display: flex; align-items: center; gap: 8px; }
.sidebar-footer small { display: block; color: #7fa2b7; margin-top: 7px; }

.main-content { margin-left: var(--sidebar-width); padding: calc(var(--topbar-height) + 22px) 24px 34px; min-height: 100vh; }
.page-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 18px; }
.page-header h1 { margin: 3px 0 5px; font-size: 28px; color: var(--blue-950); letter-spacing: -.025em; }
.page-header p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.5; }
.page-actions { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }
.btn { border: 1px solid var(--line); border-radius: 9px; min-height: 38px; padding: 0 13px; background: #fff; color: var(--ink); font-weight: 750; font-size: 12px; display: inline-flex; align-items: center; gap: 7px; }
.btn:hover { transform: translateY(-1px); box-shadow: 0 5px 12px rgba(11,47,76,.08); }
.btn-primary { background: var(--green-800); border-color: var(--green-800); color: #fff; }
.btn-secondary { background: var(--blue-900); border-color: var(--blue-900); color: #fff; }
.btn-danger { background: var(--red); border-color: var(--red); color: #fff; }
.btn-ghost { background: transparent; }
.btn-sm { min-height: 31px; padding: 0 9px; font-size: 10px; }

.context-strip { display: flex; gap: 16px; align-items: center; padding: 12px 15px; border: 1px solid #b8d7c8; background: #f5fbf8; border-radius: 12px; margin-bottom: 16px; box-shadow: 0 4px 12px rgba(18,103,73,.05); }
.patient-avatar { width: 43px; height: 43px; border-radius: 12px; display: grid; place-items: center; background: var(--green-800); color: #fff; font-weight: 900; }
.patient-identity { min-width: 245px; }
.patient-identity strong { display: block; font-size: 15px; }
.patient-identity span { display: block; font-size: 11px; color: var(--muted); margin-top: 3px; }
.context-facts { display: flex; flex-wrap: wrap; gap: 8px; }
.context-fact { border-left: 1px solid var(--line); padding-left: 13px; min-width: 110px; }
.context-fact small, .context-fact strong { display: block; }
.context-fact small { color: var(--muted); font-size: 9px; text-transform: uppercase; letter-spacing: .07em; }
.context-fact strong { font-size: 12px; margin-top: 3px; }
.context-actions { margin-left: auto; display: flex; gap: 7px; }

.grid { display: grid; gap: 15px; }
.grid-4 { grid-template-columns: repeat(4, minmax(0,1fr)); }
.grid-3 { grid-template-columns: repeat(3, minmax(0,1fr)); }
.grid-2 { grid-template-columns: repeat(2, minmax(0,1fr)); }
.grid-main { grid-template-columns: minmax(0, 1.7fr) minmax(300px, .8fr); }
.card { background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: 0 4px 14px rgba(11,47,76,.05); overflow: hidden; }
.card-header { padding: 15px 16px 12px; display: flex; align-items: center; justify-content: space-between; gap: 10px; border-bottom: 1px solid #edf1f3; }
.card-header h2, .card-header h3 { margin: 0; color: var(--blue-950); }
.card-header h2 { font-size: 16px; }
.card-header h3 { font-size: 13px; }
.card-header p { margin: 4px 0 0; color: var(--muted); font-size: 11px; }
.card-body { padding: 16px; }
.card-body.flush { padding: 0; }
.metric-card { padding: 16px; position: relative; min-height: 130px; }
.metric-card .metric-label { color: var(--muted); font-size: 11px; font-weight: 750; }
.metric-card .metric-value { font-size: 29px; font-weight: 900; margin: 8px 0 5px; color: var(--blue-950); }
.metric-card .metric-note { color: var(--muted); font-size: 10px; }
.metric-card .metric-trend { position: absolute; top: 15px; right: 15px; border-radius: 99px; padding: 4px 7px; font-size: 9px; font-weight: 900; background: var(--green-100); color: var(--green-800); }
.metric-card.warning .metric-trend { background: #fff0dc; color: #9c5500; }
.metric-card.danger .metric-trend { background: #fde7e7; color: var(--red); }

.table-wrap { overflow: auto; }
table { width: 100%; border-collapse: collapse; }
th { text-align: left; font-size: 9px; color: var(--muted); text-transform: uppercase; letter-spacing: .07em; background: #f7f9fa; padding: 10px 12px; border-bottom: 1px solid var(--line); white-space: nowrap; }
td { padding: 11px 12px; border-bottom: 1px solid #edf1f3; font-size: 11px; vertical-align: top; }
tr:last-child td { border-bottom: 0; }
tr.clickable:hover { background: #f7fbf9; cursor: pointer; }
.cell-title { font-weight: 800; color: var(--blue-950); }
.cell-subtitle { color: var(--muted); font-size: 9px; margin-top: 3px; }
.badge { display: inline-flex; align-items: center; gap: 5px; border-radius: 99px; padding: 4px 7px; font-size: 9px; font-weight: 850; background: var(--blue-100); color: var(--blue-900); white-space: nowrap; }
.badge.success { background: var(--green-100); color: var(--green-800); }
.badge.warning { background: #fff0dc; color: #995200; }
.badge.danger { background: #fde8e8; color: #a92d2d; }
.badge.neutral { background: #edf1f3; color: #596875; }
.badge.dark { background: var(--blue-950); color: #fff; }

.list { display: grid; gap: 9px; }
.list-item { display: flex; gap: 11px; align-items: flex-start; padding: 11px; border: 1px solid #e6ecef; border-radius: 10px; background: #fff; }
.list-icon { width: 33px; height: 33px; flex: 0 0 33px; border-radius: 9px; display: grid; place-items: center; background: var(--blue-100); }
.list-item strong { display: block; font-size: 11px; }
.list-item p { margin: 4px 0 0; font-size: 10px; color: var(--muted); line-height: 1.4; }
.list-item .list-meta { margin-left: auto; text-align: right; white-space: nowrap; }
.list-item .list-meta small { display: block; color: var(--muted); font-size: 9px; margin-top: 4px; }

.alert { border-radius: 10px; padding: 11px 12px; border-left: 4px solid var(--orange); background: #fff8ed; font-size: 11px; line-height: 1.5; }
.alert strong { color: #7d4300; }
.alert.danger { border-color: var(--red); background: #fff1f1; }
.alert.info { border-color: var(--blue-700); background: #eff7fc; }
.alert.success { border-color: var(--green-700); background: #eef9f3; }

.search-bar { display: flex; gap: 8px; margin-bottom: 15px; }
.search-bar input { flex: 1; border: 1px solid var(--line); border-radius: 10px; padding: 11px 13px; background: #fff; outline: none; }
.search-bar input:focus { border-color: var(--green-700); box-shadow: 0 0 0 3px rgba(27,124,87,.12); }
.filter-row { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 13px; }
.filter-chip { border: 1px solid var(--line); background: #fff; border-radius: 99px; padding: 7px 10px; font-size: 10px; font-weight: 750; }
.filter-chip.active { background: var(--blue-950); color: #fff; border-color: var(--blue-950); }

.tabbar { display: flex; gap: 4px; border-bottom: 1px solid var(--line); overflow-x: auto; background: #fff; border-radius: 12px 12px 0 0; padding: 0 8px; }
.tab { border: 0; background: transparent; padding: 12px 11px; color: var(--muted); font-size: 11px; font-weight: 800; white-space: nowrap; border-bottom: 3px solid transparent; }
.tab.active { color: var(--green-800); border-color: var(--green-700); }
.chart-workspace { border: 1px solid var(--line); border-top: 0; background: #fff; border-radius: 0 0 12px 12px; padding: 16px; }
.problem-list { display: grid; gap: 8px; }
.problem { padding: 10px 11px; border: 1px solid var(--line); border-radius: 9px; display: flex; justify-content: space-between; gap: 10px; }
.problem strong { font-size: 11px; }
.problem small { color: var(--muted); font-size: 9px; }

.flow-board { display: grid; grid-template-columns: repeat(5, minmax(180px,1fr)); gap: 10px; overflow-x: auto; padding-bottom: 6px; }
.flow-column { min-width: 180px; background: #eef3f5; border-radius: 12px; padding: 10px; }
.flow-column h3 { margin: 0 0 10px; font-size: 11px; display: flex; justify-content: space-between; }
.flow-card { background: #fff; border: 1px solid var(--line); border-radius: 9px; padding: 10px; margin-bottom: 8px; box-shadow: 0 3px 8px rgba(11,47,76,.05); }
.flow-card strong { display: block; font-size: 10px; }
.flow-card small { display: block; font-size: 9px; color: var(--muted); margin-top: 4px; }

.bed-grid { display: grid; grid-template-columns: repeat(6, minmax(130px,1fr)); gap: 9px; }
.bed { border: 1px solid var(--line); border-radius: 10px; padding: 11px; min-height: 100px; position: relative; background: #fff; }
.bed.available { background: #f3faf6; border-color: #badcca; }
.bed.occupied { background: #f2f7fb; border-color: #c7dbe8; }
.bed.cleaning { background: #fff7e9; border-color: #f2d28b; }
.bed.isolation { border-color: #e3a7a7; background: #fff2f2; }
.bed-number { font-size: 15px; font-weight: 900; color: var(--blue-950); }
.bed-status { position: absolute; top: 9px; right: 9px; font-size: 8px; font-weight: 900; text-transform: uppercase; }
.bed p { font-size: 9px; margin: 17px 0 0; color: var(--muted); }

.timeline { position: relative; padding-left: 19px; }
.timeline:before { content: ""; position: absolute; top: 4px; bottom: 4px; left: 5px; width: 2px; background: #dce5e9; }
.timeline-item { position: relative; padding: 0 0 14px 13px; }
.timeline-item:before { content: ""; position: absolute; left: -18px; top: 4px; width: 9px; height: 9px; border-radius: 50%; background: var(--green-700); border: 2px solid #fff; box-shadow: 0 0 0 2px #b8d7c8; }
.timeline-item strong { display: block; font-size: 11px; }
.timeline-item small { display: block; color: var(--muted); font-size: 9px; margin-top: 3px; }

.progress { height: 8px; background: #edf1f3; border-radius: 99px; overflow: hidden; }
.progress > span { display: block; height: 100%; background: var(--green-700); border-radius: 99px; }
.bar-chart { display: grid; gap: 10px; }
.bar-row { display: grid; grid-template-columns: 145px 1fr 45px; gap: 9px; align-items: center; font-size: 10px; }
.bar-track { height: 10px; background: #edf1f3; border-radius: 99px; overflow: hidden; }
.bar-track span { display: block; height: 100%; background: var(--blue-700); border-radius: 99px; }
.sparkline { display: flex; align-items: end; gap: 4px; height: 65px; }
.sparkline i { flex: 1; min-width: 7px; background: linear-gradient(var(--green-700), var(--green-900)); border-radius: 4px 4px 1px 1px; opacity: .88; }

.network-map { display: grid; gap: 15px; }
.network-hub { display: grid; place-items: center; }
.hub-node { width: 190px; min-height: 90px; display: grid; place-items: center; text-align: center; border-radius: 18px; background: var(--green-900); color: #fff; padding: 15px; box-shadow: var(--shadow); }
.hub-node strong { display: block; }
.hub-node small { display: block; opacity: .78; margin-top: 4px; }
.network-spokes { display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; }
.network-node { border: 1px solid var(--line); border-top: 4px solid var(--blue-700); border-radius: 12px; padding: 13px; background: #fff; text-align: center; }
.network-node strong { display: block; font-size: 11px; }
.network-node small { display: block; color: var(--muted); font-size: 9px; margin-top: 4px; }

.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; }
.field { display: grid; gap: 5px; }
.field.full { grid-column: 1 / -1; }
.field label { font-size: 10px; font-weight: 800; color: var(--muted); }
.field input, .field select, .field textarea { width: 100%; border: 1px solid var(--line); border-radius: 9px; padding: 10px 11px; outline: none; background: #fff; }
.field textarea { min-height: 90px; resize: vertical; }
.field input:focus, .field select:focus, .field textarea:focus { border-color: var(--green-700); box-shadow: 0 0 0 3px rgba(27,124,87,.1); }

.modal-backdrop { position: fixed; inset: 0; z-index: 1500; background: rgba(5,21,34,.58); display: grid; place-items: center; padding: 20px; }
.modal { width: min(690px, 96vw); max-height: 92vh; overflow: auto; background: #fff; border-radius: 18px; box-shadow: 0 30px 80px rgba(0,0,0,.3); }
.modal > header { display: flex; justify-content: space-between; align-items: flex-start; padding: 18px 20px; border-bottom: 1px solid var(--line); }
.modal h2 { margin: 0; color: var(--blue-950); }
.modal-body { padding: 20px; }
.modal-footer { display: flex; justify-content: flex-end; gap: 8px; padding: 15px 20px; border-top: 1px solid var(--line); background: #f8fafb; }
.toast-region { position: fixed; right: 18px; bottom: 18px; z-index: 2500; display: grid; gap: 8px; }
.toast { width: min(390px, calc(100vw - 36px)); background: var(--blue-950); color: #fff; border-radius: 12px; padding: 13px 15px; box-shadow: var(--shadow); animation: toast-in .2s ease; }
.toast strong { display: block; font-size: 12px; }
.toast span { display: block; font-size: 10px; color: #cfe2ec; margin-top: 4px; }
@keyframes toast-in { from { opacity: 0; transform: translateY(8px); } }

.prototype-note { border: 1px dashed #9eb4c1; border-radius: 10px; padding: 10px 12px; color: #596a76; background: #f8fafb; font-size: 10px; line-height: 1.5; }
.kpi-target { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 9px 0; border-bottom: 1px solid #edf1f3; }
.kpi-target:last-child { border-bottom: 0; }
.kpi-target strong { font-size: 10px; }
.kpi-target small { color: var(--muted); }

@media (max-width: 1220px) {
  .grid-4 { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .grid-3 { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .grid-main { grid-template-columns: 1fr; }
  .bed-grid { grid-template-columns: repeat(4, minmax(130px,1fr)); }
  .network-spokes { grid-template-columns: repeat(2,1fr); }
  .top-action span { display: none; }
}

@media (max-width: 860px) {
  .mobile-only { display: grid; }
  .role-grid { grid-template-columns: repeat(2,1fr); }
  .sidebar { transform: translateX(-100%); transition: .2s ease; }
  .sidebar.open { transform: translateX(0); box-shadow: 20px 0 40px rgba(0,0,0,.25); }
  .main-content { margin-left: 0; padding-left: 14px; padding-right: 14px; }
  .topbar-center { display: none; }
  .user-chip > span:last-child { display: none; }
  .context-strip { align-items: flex-start; flex-wrap: wrap; }
  .context-actions { margin-left: 0; width: 100%; }
  .grid-2, .grid-3, .grid-4 { grid-template-columns: 1fr; }
  .bed-grid { grid-template-columns: repeat(2, minmax(130px,1fr)); }
  .form-grid { grid-template-columns: 1fr; }
  .field.full { grid-column: auto; }
}

@media (max-width: 520px) {
  .login-panel { padding: 22px; }
  .brand-lockup.login-brand img { width: 58px; height: 68px; }
  .brand-lockup h1 { font-size: 27px; }
  .role-grid { grid-template-columns: 1fr; }
  .login-footer { align-items: flex-start; flex-direction: column; gap: 9px; }
  .page-header { flex-direction: column; }
  .page-actions { justify-content: flex-start; }
  .context-fact { min-width: 90px; }
  .network-spokes { grid-template-columns: 1fr; }
  .bar-row { grid-template-columns: 100px 1fr 38px; }
}

/* Enterprise application extensions */
:root { --purple:#6d44a5; --teal:#0f7f82; }
.module-disclaimer { margin: 8px 0 0; padding: 9px 12px; border: 1px solid #d8e4e8; background: #f7fafb; border-radius: 9px; color: var(--muted); font-size: 10px; }
.offline-banner { display:none; background:#8a3d00; color:white; padding:8px 16px; text-align:center; font-size:11px; font-weight:800; }
.offline .offline-banner { display:block; }
.offline-banner strong { margin-right:4px; }
.offline-unlock-panel { margin-top:16px; padding:14px; border:1px solid #b9d9d3; border-radius:14px; background:#f0faf7; display:grid; grid-template-columns:minmax(0,1fr) minmax(150px,.55fr) auto; gap:12px; align-items:end; }
.offline-unlock-panel > div { align-self:center; }
.offline-unlock-panel strong,.offline-unlock-panel span { display:block; }
.offline-unlock-panel span { margin-top:3px; color:#5f7180; font-size:12px; line-height:1.45; }
.sync-action { position:relative; min-width:70px; }
.sync-dot { width:10px; height:10px; border-radius:50%; background:#12a164; box-shadow:0 0 0 4px rgba(18,161,100,.14); }
.sync-dot[data-state="offline"] { background:#d27816; box-shadow:0 0 0 4px rgba(210,120,22,.18); }
.sync-dot[data-state="pending"] { background:#e0a315; animation:offlinePulse 1.5s infinite; }
.sync-dot[data-state="review"] { background:#cf3f4d; box-shadow:0 0 0 4px rgba(207,63,77,.18); }
.sync-dot[data-state="locked"] { background:#788793; box-shadow:none; }
.sync-dot[data-state="syncing"] { background:#1a7eb9; animation:offlinePulse .75s infinite; }
.sync-count { position:absolute; top:3px; right:4px; min-width:18px; height:18px; border-radius:9px; display:grid; place-items:center; padding:0 4px; background:#d5494d; color:white; font-size:10px; }
.offline-dot { background:#d27816!important; }
@keyframes offlinePulse { 50% { transform:scale(1.35); opacity:.6; } }
.offline-center { display:grid; gap:16px; min-width:min(820px,82vw); }
.offline-status-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.offline-status-grid > div { padding:14px; border:1px solid #d8e4e8; border-radius:12px; background:#f8fbfc; }
.offline-status-grid span,.offline-status-grid strong { display:block; }
.offline-status-grid span { color:#637684; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.offline-status-grid strong { margin-top:6px; color:#11364a; }
.offline-assurance { padding:14px 16px; border-left:4px solid #058b76; border-radius:8px; background:#eef9f6; }
.offline-assurance p { margin:5px 0 0; color:#445f6e; line-height:1.5; }
.offline-center-actions { display:flex; flex-wrap:wrap; align-items:end; gap:10px; }
.offline-center-actions .field { min-width:220px; margin:0; }
.offline-lease { margin:0; color:#526c79; }
.offline-outbox { max-height:370px; border:1px solid #dbe5e9; border-radius:12px; }
.offline-outbox td small { display:block; margin-top:3px; color:#738592; max-width:260px; overflow:hidden; text-overflow:ellipsis; }
.offline-error { color:#a42a36; font-size:12px; line-height:1.4; }
.offline-danger { padding:12px 14px; border:1px solid #efcdd0; border-radius:10px; background:#fff9f9; }
.offline-danger summary { cursor:pointer; color:#9f2732; font-weight:800; }
.offline-danger p { color:#6d4c51; }
.offline-devices { display:grid; gap:8px; }
.offline-devices h3 { margin:0 0 2px; }
.offline-devices > div { display:flex; align-items:center; gap:11px; padding:11px 12px; border:1px solid #dce6e9; border-radius:10px; }
.offline-devices p { flex:1; margin:0; min-width:0; }
.offline-devices strong,.offline-devices small { display:block; }
.offline-devices small { margin-top:3px; color:#6b7e89; overflow:hidden; text-overflow:ellipsis; }
.offline-enroll { display:grid; gap:13px; }
.ua-button.danger { border-color:#c63a45; background:#c63a45; color:white; }

@media(max-width:760px){
  .offline-banner { position:sticky; top:0; z-index:1200; padding:7px 10px; font-size:10px; }
  .offline-unlock-panel { grid-template-columns:1fr; align-items:stretch; }
  .offline-center { min-width:0; width:100%; }
  .offline-status-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .offline-center-actions { align-items:stretch; }
  .offline-center-actions > * { width:100%; }
  .offline-outbox table,.offline-outbox thead,.offline-outbox tbody,.offline-outbox tr,.offline-outbox th,.offline-outbox td { display:block; }
  .offline-outbox thead { display:none; }
  .offline-outbox tr { padding:12px; border-bottom:1px solid #dce6e9; }
  .offline-outbox td { padding:3px 0; border:0; }
  .install-action { display:none!important; }
  .sync-action { min-width:54px; }
}
.api-badge { display:inline-flex; align-items:center; gap:6px; font-size:9px; font-weight:900; text-transform:uppercase; padding:5px 8px; border-radius:99px; background:#eff9f4; color:var(--green-800); border:1px solid #c4e2d1; }
.api-badge.down { background:#fff1f1; color:#9b2020; border-color:#edc2c2; }

.tracker-toolbar { display:flex; gap:8px; flex-wrap:wrap; align-items:end; margin-bottom:14px; }
.tracker-toolbar .field { min-width:160px; }
.patient-tracker { display:grid; grid-template-columns:repeat(6,minmax(210px,1fr)); gap:10px; overflow-x:auto; padding-bottom:10px; }
.tracker-column { min-width:210px; background:#eef3f5; border:1px solid #dce5e9; border-radius:13px; padding:10px; min-height:360px; }
.tracker-column > header { display:flex; justify-content:space-between; align-items:center; margin-bottom:9px; }
.tracker-column h3 { margin:0; font-size:11px; color:var(--blue-950); }
.tracker-count { display:inline-flex; min-width:22px; height:22px; align-items:center; justify-content:center; border-radius:99px; background:#fff; border:1px solid var(--line); font-size:9px; font-weight:900; }
.tracker-card { background:#fff; border:1px solid var(--line); border-radius:10px; padding:10px; margin-bottom:8px; box-shadow:0 4px 10px rgba(11,47,76,.06); cursor:pointer; }
.tracker-card:hover { border-color:#93b7a5; transform:translateY(-1px); }
.tracker-card .patient-name { font-size:11px; font-weight:900; color:var(--blue-950); }
.tracker-card .patient-meta { display:flex; gap:6px; flex-wrap:wrap; margin-top:6px; color:var(--muted); font-size:9px; }
.tracker-card .tracker-actions { display:flex; flex-wrap:wrap; gap:5px; margin-top:9px; }
.tracker-card .tracker-actions button { border:1px solid var(--line); background:#f8fafb; border-radius:7px; padding:5px 7px; font-size:8px; font-weight:850; }
.tracker-card .tracker-actions button:hover { background:#eaf5ef; border-color:#9bc6ad; }
.wait-time { color:#9a5400; font-weight:900; }
.acuity-critical { border-left:4px solid var(--red); }
.acuity-high { border-left:4px solid var(--orange); }
.acuity-medium { border-left:4px solid #b88900; }
.acuity-low { border-left:4px solid var(--green-700); }

.registration-layout { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(310px,.85fr); gap:14px; }
.stepper { display:flex; gap:4px; overflow-x:auto; margin-bottom:12px; }
.step { flex:1; min-width:100px; border:1px solid var(--line); background:#fff; padding:9px; border-radius:9px; font-size:9px; font-weight:850; text-align:center; color:var(--muted); }
.step.active { background:var(--blue-950); color:#fff; border-color:var(--blue-950); }
.step.complete { background:#eef9f3; color:var(--green-800); border-color:#b9ddc9; }
.duplicate-result { border:1px solid #efd59d; background:#fff9ed; border-radius:9px; padding:10px; margin-bottom:8px; }
.duplicate-result strong { display:block; font-size:10px; }
.duplicate-result small { display:block; color:var(--muted); margin-top:4px; font-size:9px; }

.flowsheet-grid { display:grid; grid-template-columns:minmax(360px,.9fr) minmax(0,1.4fr); gap:14px; }
.flowsheet-card { border:1px solid var(--line); border-radius:12px; padding:12px; background:#fff; margin-bottom:9px; }
.flowsheet-card.selected { border-color:var(--green-700); box-shadow:0 0 0 3px rgba(27,124,87,.12); }
.flowsheet-card header { display:flex; justify-content:space-between; gap:10px; }
.flowsheet-card h3 { margin:0; font-size:12px; }
.flowsheet-card p { margin:5px 0 0; color:var(--muted); font-size:9px; }
.timer { font-variant-numeric:tabular-nums; font-size:25px; font-weight:950; letter-spacing:1px; color:var(--blue-950); }
.control-strip { display:flex; gap:7px; flex-wrap:wrap; margin:12px 0; }
.control-strip .btn { min-width:76px; }
.parameter-table { width:100%; border-collapse:collapse; }
.parameter-table th,.parameter-table td { border-bottom:1px solid var(--line); padding:9px 7px; text-align:left; font-size:9px; }
.parameter-table th { background:#f4f7f8; color:var(--muted); text-transform:uppercase; letter-spacing:.04em; }
.observation-entry { display:grid; grid-template-columns:1.2fr 1fr .7fr auto; gap:7px; align-items:end; margin:10px 0; }
.event-log { max-height:210px; overflow:auto; }
.event-row { display:grid; grid-template-columns:75px 1fr; gap:8px; padding:8px 0; border-bottom:1px solid var(--line); font-size:9px; }

.discharge-card { border:1px solid var(--line); background:#fff; border-radius:12px; padding:12px; margin-bottom:10px; }
.discharge-card header { display:flex; justify-content:space-between; gap:10px; }
.discharge-card h3 { margin:0; font-size:12px; }
.discharge-card .summary { margin:9px 0; font-size:10px; line-height:1.5; }

.chart-banner { display:grid; grid-template-columns:1fr auto; gap:12px; background:var(--blue-950); color:#fff; border-radius:12px; padding:14px; margin-bottom:12px; }
.chart-banner h2 { margin:0 0 5px; font-size:17px; }
.chart-banner p { margin:0; font-size:10px; color:#dbe9f2; }
.chart-alerts { display:flex; gap:6px; flex-wrap:wrap; justify-content:flex-end; align-content:start; }
.chart-alert { background:#fff0f0; color:#8c1d1d; border-radius:8px; padding:7px 9px; font-size:9px; font-weight:900; }

.module-grid { display:grid; grid-template-columns:repeat(3,minmax(220px,1fr)); gap:12px; }
.module-tile { border:1px solid var(--line); border-radius:12px; background:#fff; padding:13px; min-height:140px; }
.module-tile h3 { margin:0 0 6px; font-size:12px; }
.module-tile p { font-size:9px; color:var(--muted); line-height:1.45; min-height:38px; }
.module-tile footer { display:flex; justify-content:space-between; align-items:center; margin-top:12px; }

@media (max-width:1050px) {
  .registration-layout,.flowsheet-grid { grid-template-columns:1fr; }
  .module-grid { grid-template-columns:repeat(2,minmax(220px,1fr)); }
}
@media (max-width:700px) {
  .module-grid { grid-template-columns:1fr; }
  .observation-entry { grid-template-columns:1fr 1fr; }
  .chart-banner { grid-template-columns:1fr; }
  .chart-alerts { justify-content:flex-start; }
}
.btn-warning { background:#a76500; border-color:#a76500; color:#fff; }
.empty-state { padding:28px 18px; text-align:center; color:var(--muted); }
.empty-state h2 { margin:0 0 7px; color:var(--blue-950); font-size:16px; }
.empty-state p { margin:0 0 12px; font-size:10px; }
.spinner { width:28px; height:28px; margin:0 auto 12px; border:3px solid #dbe5e9; border-top-color:var(--green-700); border-radius:50%; animation:ua-spin .8s linear infinite; }
@keyframes ua-spin { to { transform:rotate(360deg); } }
.link-button { border:0; padding:0; background:none; color:var(--blue-700); font-weight:850; text-align:left; cursor:pointer; }
.link-button:hover { text-decoration:underline; }
.field > span { display:block; font-size:9px; color:var(--muted); font-weight:800; margin-bottom:5px; }

/* Enterprise release 1.0 additions */
.login-password{display:grid;gap:7px;margin:18px 0 4px;padding:14px;border:1px solid var(--border,#d7e1dc);border-radius:12px;background:#f7faf8}.login-password span{font-weight:700}.login-password input{min-height:44px;border:1px solid #a9bbb2;border-radius:8px;padding:0 12px;font:inherit}.login-password small{color:#5c6b64;line-height:1.4}.enterprise-table{width:100%;border-collapse:collapse;font-size:.9rem}.enterprise-table th,.enterprise-table td{padding:11px 10px;border-bottom:1px solid #e4ebe7;text-align:left;vertical-align:top}.enterprise-table th{background:#f3f7f5;color:#355047;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;position:sticky;top:0}.enterprise-table tr:hover td{background:#fbfdfc}.table-wrap{overflow:auto;max-height:620px}.status-dot-inline{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;background:#6c7d75}.status-dot-inline.available,.status-dot-inline.ok,.status-dot-inline.completed,.status-dot-inline.signed,.status-dot-inline.accepted{background:#198754}.status-dot-inline.occupied,.status-dot-inline.critical,.status-dot-inline.denied{background:#c0392b}.status-dot-inline.dirty,.status-dot-inline.low,.status-dot-inline.pending,.status-dot-inline.draft{background:#d18b00}.status-dot-inline.cleaning,.status-dot-inline.in_progress,.status-dot-inline.submitted{background:#2368a2}.bed-board-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:12px}.bed-card{border:1px solid #dce6e1;border-left:5px solid #789188;border-radius:11px;padding:13px;background:#fff;display:grid;gap:8px}.bed-card.available{border-left-color:#198754}.bed-card.occupied{border-left-color:#c0392b}.bed-card.dirty{border-left-color:#d18b00}.bed-card.cleaning{border-left-color:#2368a2}.bed-card.blocked{border-left-color:#5f6670}.bed-card header{display:flex;justify-content:space-between;gap:8px}.bed-card .patient-name{font-size:.95rem}.bed-actions{display:flex;gap:6px;flex-wrap:wrap}.workqueue-toolbar{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin-bottom:14px}.split-panels{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:16px}.timeline{display:grid;gap:10px}.timeline-item{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:10px;border-left:3px solid #9ab1a6;background:#f8fbf9;border-radius:0 8px 8px 0}.money{font-variant-numeric:tabular-nums;font-weight:750}.release-banner{border:1px solid #b9d4c7;background:#edf8f2;padding:12px 14px;border-radius:10px;color:#174b35}.module-workflow-strip{display:flex;gap:8px;overflow:auto;padding-bottom:8px}.module-workflow-strip span{white-space:nowrap;padding:8px 11px;border:1px solid #d6e2dc;border-radius:999px;background:#fff;font-size:.8rem}.editor{min-height:240px;font-family:inherit;line-height:1.6}.auth-error{color:#a32620;font-weight:700;margin-top:8px}
@media(max-width:900px){.split-panels{grid-template-columns:1fr}.enterprise-table{min-width:760px}}

/* Record-centric release 4.0 */
.login-credentials{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:10px;align-items:end;margin:16px 0}.login-submit{min-height:44px;padding-inline:22px}.demo-login-block{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}.compact-grid{grid-template-columns:repeat(4,minmax(120px,1fr));gap:8px}.demo-role-card{min-height:84px;padding:10px}.demo-role-card span{font-size:18px}.demo-role-card strong{font-size:10px}.demo-role-card small{font-size:8px}.login-security-note{font-size:9px;line-height:1.5;color:var(--muted);margin:14px 0}.compact-patient-banner{margin-bottom:14px}.patient-context-empty{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px;border:1px dashed #9ab7aa;border-radius:14px;background:#f7fbf9}.patient-context-empty h2{margin:3px 0 5px}.access-matrix{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:12px;margin:10px 0 20px}.matrix-group{border:1px solid #d8e4de;border-radius:10px;padding:10px;background:#fbfdfc;min-width:0}.matrix-group legend{padding:0 6px;font-size:10px;font-weight:900;color:var(--blue-950)}.matrix-checks{display:grid;gap:7px}.matrix-check{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:start;padding:7px;border-radius:8px}.matrix-check:hover{background:#eef7f2}.matrix-check input{margin-top:3px}.matrix-check span{display:grid}.matrix-check strong{font-size:10px}.matrix-check small{font-size:8px;color:var(--muted);line-height:1.35}.matrix-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:8px 10px;background:#edf7f2;border-left:4px solid var(--green-700);border-radius:6px}.matrix-toolbar span{font-size:9px;color:var(--muted)}.inline-field{display:flex;gap:8px}.inline-field input{flex:1}.modal{width:min(1040px,94vw);max-height:92vh}.modal-body{max-height:70vh;overflow:auto}.control-strip{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:12px 0}.toast{max-width:440px}.hidden{display:none!important}
@media(max-width:900px){.login-credentials{grid-template-columns:1fr}.compact-grid{grid-template-columns:repeat(2,minmax(120px,1fr))}.access-matrix{grid-template-columns:1fr}}

.credential-card{margin:14px 0;padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--surface-soft)}
.credential-card p{margin:12px 0 0;color:var(--muted)}
.matrix-toolbar>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.matrix-toolbar>div:first-child{display:grid;gap:2px}

/* Release 4.0 operational workspaces */
.ops-metric-grid{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:12px;margin-bottom:16px}.ops-layout{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(330px,.8fr);gap:16px;align-items:start}.ops-primary{min-width:0}.ops-side{display:grid;gap:16px}.workqueue-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(340px,.9fr);gap:16px;align-items:start}.enterprise-table{font-size:12px;white-space:nowrap}.enterprise-table th{position:sticky;top:0;background:#f4f8f7;z-index:2}.enterprise-table td{vertical-align:middle}.selected-row{background:#eaf8f2!important;box-shadow:inset 3px 0 #0a8b68}.link-button{border:0;background:transparent;color:#075e54;font-weight:700;padding:0;cursor:pointer;text-align:left}.compact-input{min-width:230px;border:1px solid var(--border);border-radius:8px;padding:8px 10px}.inline-actions{display:flex;gap:8px;align-items:center}.compact-list{display:grid}.roster-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:11px 14px;border-top:1px solid var(--border)}.roster-row:first-child{border-top:0}.roster-row strong,.roster-row small{display:block}.roster-row small{color:var(--muted);margin-top:3px}.walkin-stepper{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;padding:14px}.walkin-stepper div{display:grid;justify-items:center;gap:5px;text-align:center;position:relative}.walkin-stepper div:not(:last-child):after{content:"";position:absolute;height:2px;background:#b7ded2;left:62%;right:-38%;top:13px}.walkin-stepper b{position:relative;z-index:1;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#087c62;color:white}.walkin-stepper span{font-size:10px;color:var(--muted);line-height:1.2}.modal-steps{margin:-8px -4px 18px;background:#f4faf8;border:1px solid var(--border);border-radius:10px}.full-width{width:calc(100% - 28px);margin:0 14px 14px}.mini-summary{display:flex;justify-content:space-between;border-top:1px solid var(--border);padding:12px 14px;color:var(--muted)}.mini-summary strong{color:var(--text);font-size:18px}.queue-detail{position:sticky;top:82px;max-height:calc(100vh - 120px);overflow:auto}.queue-detail-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px}.queue-detail-metrics .metric-card{padding:10px}.queue-detail-metrics .metric-card strong{font-size:20px}.queue-items{display:grid}.queue-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:13px;border-top:1px solid var(--border)}.queue-item p{margin:4px 0;color:var(--muted);font-size:12px}.queue-item small{color:var(--muted)}.queue-item>div:last-child{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px}.table-wrap{max-width:100%;overflow:auto}.ops-layout .card,.workqueue-layout .card{overflow:hidden}
@media(max-width:1200px){.ops-metric-grid{grid-template-columns:repeat(3,1fr)}.ops-layout,.workqueue-layout{grid-template-columns:1fr}.queue-detail{position:static;max-height:none}}
@media(max-width:720px){.ops-metric-grid{grid-template-columns:repeat(2,1fr)}.walkin-stepper{grid-template-columns:repeat(3,1fr)}.walkin-stepper div:nth-child(3):after{display:none}.roster-row{grid-template-columns:1fr}.queue-item{grid-template-columns:1fr}.queue-item>div:last-child{justify-content:flex-start}}

/* ========================================================================== 
   Umoja Afya EHR v4 visual system — image-aligned production review shell
   ========================================================================== */
:root {
  --ua-teal-950:#043e3b;
  --ua-teal-900:#006d62;
  --ua-teal-800:#008c76;
  --ua-teal-700:#0aa083;
  --ua-teal-100:#e7f7f2;
  --ua-navy-950:#102b3e;
  --ua-navy-900:#14364e;
  --ua-navy-800:#18445f;
  --ua-blue:#1769aa;
  --ua-green:#168751;
  --ua-orange:#e78817;
  --ua-red:#d83f3f;
  --ua-purple:#7c45d6;
  --ua-ink:#142538;
  --ua-muted:#627183;
  --ua-border:#dce4e9;
  --ua-canvas:#f5f7f9;
  --ua-white:#fff;
  --ua-header-h:58px;
  --ua-module-h:48px;
  --ua-rail-w:70px;
  --ua-footer-h:40px;
  --ua-shadow:0 7px 24px rgba(18,52,75,.08);
  --ua-shadow-lg:0 18px 55px rgba(9,42,61,.18);
}

html, body { height:100%; }
body { background:var(--ua-canvas); color:var(--ua-ink); font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.visually-hidden { 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; }

/* Login */
.login-overlay { background:linear-gradient(135deg, rgba(0,104,94,.97),rgba(15,47,68,.97)); }
.login-panel { width:min(1080px,96vw); padding:0; overflow:hidden; border-radius:16px; }
.login-hero { padding:27px 32px 21px; background:linear-gradient(135deg,#f7fffc,#eef8f5); border-bottom:1px solid var(--ua-border); display:flex; justify-content:space-between; align-items:center; }
.login-brand img { width:58px; height:58px; }
.login-brand h1 { color:var(--ua-navy-950); font-size:30px; }
.login-network { padding:9px 13px; border-radius:999px; background:#fff; border:1px solid #cce2da; color:var(--ua-teal-900); font-size:12px; font-weight:800; }
.login-body { display:grid; grid-template-columns:340px 1fr; gap:28px; padding:27px 32px; }
.login-footer { padding:16px 32px 20px; }
.role-grid.compact-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; margin:10px 0 0; }
.role-grid.compact-grid .role-card { padding:13px; min-height:112px; border-radius:10px; }
.role-grid.compact-grid .role-icon { width:32px; height:32px; font-size:16px; margin-bottom:8px; }
.login-credentials { display:grid; gap:11px; margin-top:17px; }
.login-security-note { font-size:10px; line-height:1.45; color:var(--ua-muted); margin-top:13px; }

/* Application shell */
.ehr-shell { min-height:100vh; background:var(--ua-canvas); }
.ehr-header {
  position:fixed; inset:0 0 auto 0; z-index:500; height:var(--ua-header-h);
  display:grid; grid-template-columns:minmax(430px,auto) minmax(360px,1fr) auto; align-items:center;
  background:linear-gradient(90deg,#007e70,#00907d 62%,#007c6e); color:#fff; box-shadow:0 1px 0 rgba(255,255,255,.1),0 2px 8px rgba(5,50,52,.16);
  padding:0 12px 0 5px;
}
.brand-zone { display:flex; height:100%; align-items:center; min-width:0; gap:10px; }
.app-launcher-button { width:48px; height:48px; border:1px solid rgba(255,255,255,.22); border-radius:7px; background:rgba(0,50,49,.18); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; padding:0; }
.app-launcher-button span { display:block; width:21px; height:2px; border-radius:4px; background:#fff; }
.app-launcher-button:hover,.app-launcher-button[aria-expanded="true"] { background:rgba(0,43,41,.4); }
.ehr-brand { display:flex; align-items:center; gap:8px; min-width:190px; }
.ehr-brand img { width:38px; height:38px; }
.ehr-brand strong { display:block; font-size:17px; letter-spacing:-.02em; line-height:1.05; }
.ehr-brand small { display:block; font-size:8.5px; opacity:.9; margin-top:2px; font-weight:650; }
.facility-card { height:43px; min-width:205px; max-width:235px; display:grid; align-content:center; padding:4px 29px 4px 10px; background:rgba(0,70,65,.28); border:1px solid rgba(255,255,255,.13); border-radius:6px; position:relative; }
.facility-card:after { content:"⌄"; position:absolute; right:10px; top:12px; font-size:15px; opacity:.9; }
.facility-card .facility-label { display:none; }
.facility-card select { border:0; outline:0; background:transparent; color:#fff; font-size:11px; font-weight:850; width:100%; appearance:none; padding:0; }
.facility-card select option { color:var(--ua-ink); background:#fff; }
.facility-card small { font-size:8px; opacity:.86; margin-top:2px; }
.global-patient-search { justify-self:center; width:min(540px,95%); height:38px; border:0; border-radius:18px; background:#fff; display:flex; align-items:center; gap:9px; padding:0 10px 0 15px; color:#789; box-shadow:0 1px 2px rgba(0,0,0,.12); }
.global-patient-search:hover { box-shadow:0 0 0 3px rgba(255,255,255,.18); }
.search-glyph { font-size:19px; line-height:1; transform:rotate(-15deg); color:#527187; }
.search-placeholder { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:left; flex:1; font-size:11px; }
.global-patient-search kbd { border:1px solid #ced7de; border-radius:4px; background:#f8fafb; padding:2px 7px; font-size:8px; color:#778795; box-shadow:none; }
.header-actions { height:100%; display:flex; align-items:center; gap:3px; }
.header-action { min-width:53px; height:52px; position:relative; border:0; background:transparent; color:#fff; display:grid; place-items:center; align-content:center; gap:0; border-radius:4px; padding:2px 7px; font-size:8px; font-weight:750; }
.header-action:hover { background:rgba(0,55,52,.22); }
.header-icon { font-size:16px; line-height:18px; }
.header-action b { position:absolute; top:5px; right:8px; min-width:15px; height:15px; padding:0 4px; border-radius:999px; display:grid; place-items:center; color:#fff; border:1.5px solid #fff; font-size:7px; }
.red-count { background:#dc3344; }
.amber-count { background:#f3a500; }
.language-switch { height:30px; border:1px solid rgba(255,255,255,.25); background:rgba(0,67,61,.15); color:#fff; border-radius:5px; display:flex; align-items:center; padding:2px; font-size:9px; font-weight:800; }
.language-switch span { padding:5px 7px; border-radius:3px; }
.language-switch .active-language { background:rgba(255,255,255,.19); }
.profile-menu-button { border:0; height:52px; min-width:151px; padding:4px 5px; border-radius:5px; background:transparent; color:#fff; display:flex; align-items:center; text-align:left; gap:8px; }
.profile-menu-button:hover { background:rgba(0,55,52,.22); }
.profile-menu-button img { width:35px; height:35px; border-radius:50%; object-fit:cover; border:2px solid rgba(255,255,255,.85); background:#fff; }
.profile-menu-button strong { display:block; font-size:11px; line-height:1.1; }
.profile-menu-button small { display:block; font-size:8px; opacity:.9; margin-top:2px; }
.profile-menu-button .chevron { margin-left:auto; font-size:13px; }

.module-navigation { position:fixed; z-index:450; top:var(--ua-header-h); left:var(--ua-rail-w); right:0; height:var(--ua-module-h); padding:0 15px; background:#fff; border-bottom:1px solid var(--ua-border); display:flex; align-items:stretch; gap:4px; box-shadow:0 1px 4px rgba(18,52,75,.04); overflow-x:auto; }
.module-tab { position:relative; border:0; background:#fff; color:#21364a; display:flex; align-items:center; gap:7px; padding:0 13px; font-size:10px; white-space:nowrap; }
.module-tab:hover { background:#f5faf8; }
.module-tab.active:after { content:""; position:absolute; left:8px; right:8px; bottom:0; height:2px; background:var(--ua-teal-700); }
.module-tab .module-icon { width:18px; height:18px; display:grid; place-items:center; color:#274a60; font-size:14px; }
.module-tab .drop { font-size:9px; color:#657585; }

.quick-rail { position:fixed; z-index:460; top:var(--ua-header-h); bottom:0; left:0; width:var(--ua-rail-w); background:linear-gradient(180deg,#14374d,#102d41); color:#fff; padding:var(--ua-module-h) 0 var(--ua-footer-h); overflow-y:auto; scrollbar-width:none; }
.quick-rail::-webkit-scrollbar { display:none; }
.quick-rail-nav { display:flex; flex-direction:column; }
.rail-item { width:100%; min-height:60px; border:0; border-left:3px solid transparent; background:transparent; color:#fff; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; padding:6px 2px; font-size:8px; font-weight:700; line-height:1.12; }
.rail-item:hover { background:rgba(255,255,255,.07); }
.rail-item.active { background:linear-gradient(90deg,rgba(0,175,142,.92),rgba(0,130,112,.74)); border-left-color:#74edd4; }
.rail-item svg { width:21px; height:21px; stroke:currentColor; fill:none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.rail-item span { max-width:64px; text-align:center; }

.activity-launcher { position:fixed; z-index:800; top:61px; left:73px; width:680px; min-height:485px; background:#fff; border:1px solid #cfdadf; border-radius:4px; box-shadow:var(--ua-shadow-lg); }
.activity-launcher:before { content:""; position:absolute; top:-9px; left:17px; width:16px; height:16px; background:#fff; border-left:1px solid #cfdadf; border-top:1px solid #cfdadf; transform:rotate(45deg); }
.launcher-search { position:relative; z-index:1; height:48px; padding:8px; border-bottom:1px solid var(--ua-border); display:flex; align-items:center; gap:7px; }
.launcher-search input { width:100%; height:32px; border:2px solid #566fd2; border-radius:3px; padding:0 10px 0 28px; outline:0; font-size:11px; }
.launcher-search > span { position:absolute; left:17px; top:15px; color:#4b6171; font-size:17px; }
.launcher-columns { display:grid; grid-template-columns:172px 222px 1fr; min-height:385px; }
.launcher-memory { padding:12px 13px; border-right:1px solid var(--ua-border); color:#71818d; font-size:10px; }
.launcher-memory p { margin:0 0 14px; color:#258069; font-size:11px; }
.launcher-memory span { display:block; margin:0 0 35px 18px; }
.launcher-categories { padding:9px 0; border-right:1px solid var(--ua-border); }
.launcher-category { width:100%; height:43px; border:0; background:#fff; display:flex; align-items:center; gap:10px; padding:0 17px; color:#273c4c; font-size:12px; text-align:left; }
.launcher-category:hover,.launcher-category.active { background:#eaf6f1; color:#19775f; border-left:4px solid #198f72; padding-left:13px; }
.launcher-category .cat-icon { width:22px; height:22px; display:grid; place-items:center; color:#405d70; }
.launcher-category .cat-chevron { margin-left:auto; font-size:18px; color:#627787; }
.launcher-activities { padding:9px 11px; overflow-y:auto; max-height:385px; }
.launcher-activity { width:100%; min-height:39px; border:0; background:#fff; display:flex; align-items:center; gap:10px; color:#2d4354; padding:7px 5px; font-size:11px; text-align:left; }
.launcher-activity:hover { background:#f4faf7; color:#087c66; }
.launcher-activity .activity-icon { width:24px; height:24px; display:grid; place-items:center; color:#365e73; }
.launcher-activity small { display:block; color:#81909b; font-size:8px; margin-top:2px; }
.launcher-footer { min-height:50px; border-top:1px solid var(--ua-border); display:flex; align-items:center; gap:15px; padding:8px 14px; }
.launcher-footer button { border:0; background:#fff; color:#526777; font-size:10px; }
.launcher-footer button:hover { color:#087c66; }

.ehr-workspace { position:fixed; top:calc(var(--ua-header-h) + var(--ua-module-h)); left:var(--ua-rail-w); right:0; bottom:var(--ua-footer-h); overflow:auto; padding:14px; background:#f7f9fa; outline:0; }
.ehr-statusbar { position:fixed; z-index:470; left:0; right:0; bottom:0; height:var(--ua-footer-h); background:#fff; border-top:1px solid var(--ua-border); display:grid; grid-template-columns:1fr 1fr 1fr; align-items:center; padding:0 18px; color:#536573; font-size:8.5px; }
.ehr-statusbar > div { display:flex; align-items:center; gap:13px; }
.ehr-statusbar > div:nth-child(2) { justify-content:center; }
.ehr-statusbar > div:last-child { justify-content:flex-end; }
.ehr-statusbar strong { color:#24394a; }
.online-dot { width:7px; height:7px; border-radius:50%; background:#109653; display:inline-block; }
.system-good { color:#15844f; }

/* Shared image-aligned workspace */
.ua-page { display:grid; gap:12px; min-width:1050px; }
.ua-page-title { display:flex; justify-content:space-between; align-items:flex-start; gap:20px; }
.ua-page-title h1 { margin:0; font-size:18px; color:#152b3f; letter-spacing:-.02em; }
.ua-page-title p { margin:3px 0 0; color:#647585; font-size:9px; }
.ua-page-actions { display:flex; align-items:center; gap:8px; }
.ua-refresh-time { font-size:9px; color:#6a7b88; }
.ua-button { min-height:32px; border:1px solid #d4dfe5; background:#fff; color:#294052; border-radius:5px; padding:0 12px; font-size:9px; font-weight:700; display:inline-flex; align-items:center; gap:6px; }
.ua-button:hover { background:#f4f9f7; border-color:#8fc8b8; }
.ua-button.primary { background:#008b73; color:#fff; border-color:#008b73; }
.ua-button.compact { min-height:27px; padding:0 10px; }
.ua-icon-button { width:33px; height:33px; border:1px solid #d4dfe5; border-radius:5px; background:#fff; color:#435a69; }
.ua-card { background:#fff; border:1px solid var(--ua-border); border-radius:5px; box-shadow:0 1px 3px rgba(13,51,70,.025); }
.ua-card-header { min-height:42px; padding:9px 12px; border-bottom:1px solid #e5ebef; display:flex; justify-content:space-between; align-items:center; }
.ua-card-header h2 { margin:0; font-size:10px; color:#1f3446; text-transform:uppercase; letter-spacing:.015em; }
.ua-card-header p { margin:2px 0 0; font-size:8px; color:#6b7b88; }
.ua-card-body { padding:11px; }
.ua-tabs { min-height:43px; display:flex; gap:20px; align-items:flex-end; padding:0 12px; border-bottom:1px solid #dce5e9; background:#fff; }
.ua-tab { position:relative; height:42px; display:flex; align-items:center; border:0; background:#fff; color:#536474; font-size:9px; padding:0 2px; }
.ua-tab.active { color:#1d3a4e; font-weight:850; }
.ua-tab.active:after { content:""; position:absolute; left:0; right:0; bottom:0; height:2px; background:#008c76; }
.ua-filter-row { display:flex; gap:10px; align-items:center; padding:10px 12px; }
.ua-filter { min-width:180px; height:42px; border:1px solid #dbe4e9; border-radius:5px; padding:6px 11px; background:#fff; display:grid; align-content:center; position:relative; }
.ua-filter:after { content:"⌄"; position:absolute; right:9px; top:12px; color:#72828f; }
.ua-filter small { color:#758692; font-size:7.5px; }
.ua-filter strong { color:#263c4d; font-size:9px; margin-top:2px; }
.ua-search-filter { margin-left:auto; min-width:235px; height:34px; border:1px solid #d7e1e6; border-radius:5px; display:flex; align-items:center; gap:7px; padding:0 10px; color:#788795; font-size:9px; }
.ua-search-filter input { border:0; outline:0; width:100%; font-size:9px; }
.ua-kpi-grid { display:grid; grid-template-columns:repeat(7,minmax(100px,1fr)); gap:10px; padding:0 12px 12px; }
.ua-kpi { min-height:82px; border:1px solid #e0e7eb; border-radius:5px; background:#fff; display:grid; place-items:center; align-content:center; text-align:center; }
.ua-kpi span { font-size:8px; color:#657684; }
.ua-kpi strong { font-size:20px; color:#152e44; margin:4px 0 2px; }
.ua-kpi small { color:#6c7d8a; font-size:7.5px; }
.ua-kpi.danger strong { color:#df3434; }
.ua-kpi.warning strong { color:#e68300; }
.ua-data-table { width:100%; border-collapse:collapse; }
.ua-data-table th { height:33px; padding:6px 9px; background:#fff; color:#506474; border-top:1px solid #e3e9ed; border-bottom:1px solid #e3e9ed; text-transform:none; letter-spacing:0; font-size:7.5px; font-weight:750; }
.ua-data-table td { height:35px; padding:5px 9px; color:#384d5d; border-bottom:1px solid #edf1f3; font-size:8px; vertical-align:middle; white-space:nowrap; }
.ua-data-table tbody tr:hover { background:#f7fbf9; }
.ua-data-table tbody tr.selected { background:#eaf7f1; }
.ua-check { width:13px; height:13px; border:1px solid #b9c8d1; border-radius:2px; display:grid; place-items:center; color:#fff; background:#fff; font-size:8px; }
.ua-check.checked { background:#138b5d; border-color:#138b5d; }
.ua-link { border:0; background:transparent; padding:0; font-size:inherit; color:#233b4d; font-weight:750; }
.ua-link:hover { color:#007d69; text-decoration:underline; }
.ua-status { border-radius:4px; padding:3px 7px; font-size:7.5px; font-weight:700; display:inline-flex; align-items:center; gap:4px; }
.ua-status.active,.ua-status.arrived,.ua-status.completed { color:#14814c; background:#e5f5ea; }
.ua-status.scheduled { color:#1a69bb; background:#e7f0fb; }
.ua-status.waiting,.ua-status.triaged { color:#3f66b3; background:#edf1fb; }
.ua-status.checked-in { color:#b56b00; background:#fff1da; }
.ua-status.ready { color:#285ab8; background:#e8effd; }
.ua-priority.high { color:#d83535; font-weight:800; }
.ua-priority.medium { color:#dd8500; font-weight:800; }
.ua-priority.low { color:#15864e; font-weight:800; }
.ua-pagination { height:38px; display:flex; align-items:center; gap:8px; padding:0 12px; color:#647584; font-size:8px; }
.ua-pagination .page { width:26px; height:26px; border:1px solid #d5dfe4; border-radius:4px; display:grid; place-items:center; background:#fff; color:#263d4d; }

/* Workqueue */
.workqueue-page .ua-card { overflow:hidden; }
.workqueue-body { display:grid; grid-template-columns:minmax(0,1fr) 350px; }
.queue-list-panel { min-width:0; border-right:1px solid #e2e8ec; }
.queue-detail-panel { padding:12px; }
.queue-detail-title { display:flex; align-items:center; gap:8px; margin-bottom:4px; }
.queue-detail-title h2 { margin:0; font-size:13px; }
.queue-detail-panel > p { margin:0 0 12px; color:#667784; font-size:8px; }
.queue-summary-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin:9px 0 12px; }
.queue-summary-cell { border:1px solid #e2e8ec; border-radius:5px; min-height:58px; display:grid; place-items:center; align-content:center; text-align:center; }
.queue-summary-cell span { color:#6b7b88; font-size:7px; }
.queue-summary-cell strong { font-size:15px; margin-top:2px; }
.queue-summary-cell.danger strong { color:#d83535; }
.queue-oldest { border:1px solid #e3e9ed; border-radius:4px; padding:8px 10px; display:flex; justify-content:space-between; font-size:8px; }
.suggested-actions { margin-top:12px; }
.suggested-actions h3 { margin:0 0 6px; font-size:9px; }
.suggested-action { min-height:48px; border-top:1px solid #e8edef; display:flex; align-items:center; gap:9px; padding:7px 4px; cursor:pointer; }
.suggested-action:hover { background:#f7fbf9; }
.suggested-action .action-icon { width:24px; color:#416075; font-size:16px; }
.suggested-action strong { display:block; font-size:8.5px; }
.suggested-action small { display:block; color:#73838f; font-size:7px; margin-top:2px; }
.suggested-action .arrow { margin-left:auto; font-size:15px; color:#536c7d; }
.workqueue-analytics { display:grid; grid-template-columns:1.25fr .9fr .55fr; gap:10px; padding-top:10px; }
.chart-card { min-height:220px; padding:11px 12px; }
.chart-card h3 { margin:0; font-size:9px; }
.chart-legend { display:flex; gap:12px; margin-top:8px; color:#687986; font-size:7px; }
.chart-legend i { width:7px; height:7px; display:inline-block; margin-right:4px; }
.bar-chart-v4 { height:135px; display:flex; align-items:flex-end; gap:17px; padding:15px 6px 0; border-bottom:1px solid #dce4e9; }
.bar-group-v4 { flex:1; display:flex; align-items:flex-end; justify-content:center; gap:4px; height:110px; position:relative; }
.bar-group-v4 b { position:absolute; bottom:-18px; font-size:6.5px; font-weight:500; white-space:nowrap; color:#697986; }
.bar-v4 { width:13px; border-radius:2px 2px 0 0; position:relative; }
.bar-v4.blue { background:#1776b9; }
.bar-v4.green { background:#2ca64c; }
.bar-v4 em { position:absolute; top:-12px; left:50%; transform:translateX(-50%); font-style:normal; font-size:6.5px; color:#475c6c; }
.donut-wrap { display:flex; align-items:center; gap:20px; height:165px; }
.donut-v4 { width:120px; height:120px; flex:0 0 120px; border-radius:50%; background:conic-gradient(#219d4e 0 46%,#f3a20c 46% 73%,#ef6d16 73% 90%,#d9272e 90%); display:grid; place-items:center; }
.donut-v4:after { content:"168\A Active Items"; white-space:pre; width:69px; height:69px; border-radius:50%; background:#fff; display:grid; place-items:center; align-content:center; text-align:center; color:#1b3e54; font-size:8px; line-height:1.4; }
.donut-legend { display:grid; gap:10px; flex:1; font-size:7.5px; }
.donut-legend div { display:grid; grid-template-columns:9px 1fr auto; align-items:center; gap:7px; }
.donut-legend i { width:8px; height:8px; border-radius:50%; }
.recent-activity-list { display:grid; gap:10px; margin-top:10px; }
.recent-activity-list div { font-size:7px; color:#617482; line-height:1.35; }
.recent-activity-list strong { display:block; color:#334a5b; }
.chart-link { display:block; text-align:right; margin-top:8px; color:#1764aa; font-size:7px; font-weight:750; }

/* Today's patients */
.today-page { grid-template-columns:minmax(0,1.65fr) minmax(400px,.9fr); }
.today-main,.today-side { display:grid; gap:10px; align-content:start; }
.today-tabs { display:flex; gap:0; border-bottom:1px solid #e1e8ec; }
.today-tabs button { border:0; background:#fff; padding:10px 18px; font-size:8px; color:#536677; }
.today-tabs button.active { background:#008c76; color:#fff; }
.today-filterbar { display:flex; gap:10px; align-items:center; padding:10px 12px; }
.today-filterbar .ua-search-filter { margin:0; flex:1; min-width:170px; }
.simple-select { height:34px; min-width:120px; border:1px solid #d8e1e6; border-radius:4px; padding:0 9px; color:#405566; background:#fff; font-size:8px; }
.today-metrics { display:grid; grid-template-columns:repeat(6,1fr); border-top:1px solid #e4eaed; border-bottom:1px solid #e4eaed; }
.today-metric { min-height:72px; display:flex; align-items:center; gap:9px; padding:10px 11px; border-right:1px solid #e4eaed; }
.today-metric:last-child { border-right:0; }
.today-metric-icon { width:31px; height:31px; border-radius:5px; background:#edf4fb; color:#1768b7; display:grid; place-items:center; font-size:16px; }
.today-metric:nth-child(2) .today-metric-icon { background:#e6f6ef; color:#158955; }
.today-metric:nth-child(3) .today-metric-icon { background:#fff4e4; color:#d77b00; }
.today-metric:nth-child(4) .today-metric-icon { background:#fff1ef; color:#dd4e41; }
.today-metric:nth-child(5) .today-metric-icon { background:#fff0ef; color:#d93636; }
.today-metric:nth-child(6) .today-metric-icon { background:#e9f7ed; color:#178c4e; }
.today-metric span { font-size:7px; color:#6b7b88; }
.today-metric strong { display:block; font-size:17px; color:#1c3346; margin-top:1px; }
.today-metric small { display:block; font-size:7px; color:#687986; }
.patient-name-cell { display:flex; align-items:center; gap:7px; }
.patient-mini-avatar { width:23px; height:23px; border-radius:50%; background:#e7f1f6; color:#28526a; display:grid; place-items:center; font-size:7px; font-weight:900; overflow:hidden; }
.patient-mini-avatar img { width:100%; height:100%; object-fit:cover; }
.next-step-btn { min-width:84px; height:24px; border:1px solid #65b69a; background:#fff; border-radius:4px; color:#23775e; font-size:7px; font-weight:750; }
.next-step-btn:hover { background:#ebf8f3; }
.roster-card .ua-card-body { padding:0; }
.roster-table td,.roster-table th { height:35px; font-size:7.2px; padding:5px 8px; }
.roster-total { display:flex; justify-content:space-between; padding:9px 10px; border-top:1px solid #e1e8eb; font-size:7.5px; font-weight:750; }
.private-appointments .ua-card-body { padding:0; }
.today-bottom { display:grid; grid-template-columns:1.2fr .78fr; gap:10px; }
.action-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:8px; }
.front-action { min-height:76px; border:1px solid #e1e8ec; border-radius:5px; background:#fff; color:#3a5060; display:grid; place-items:center; align-content:center; gap:4px; padding:6px; text-align:center; }
.front-action:hover { background:#f4faf7; border-color:#9dcdbd; }
.front-action .big-icon { font-size:19px; color:#008c76; }
.front-action strong { font-size:7.5px; }
.front-action small { color:#748490; font-size:6.5px; }
.walkin-panel { padding:12px; }
.walkin-panel h2 { margin:0; font-size:9px; }
.walkin-panel p { margin:3px 0 0; font-size:7px; color:#6f808d; }
.workflow-steps-v4 { display:grid; grid-template-columns:repeat(6,1fr); gap:2px; margin:24px 0 20px; position:relative; }
.workflow-steps-v4:before { content:""; position:absolute; top:11px; left:8%; right:8%; height:2px; background:#9bc8bc; }
.workflow-step-v4 { position:relative; z-index:1; text-align:center; }
.workflow-step-v4 b { width:23px; height:23px; border-radius:50%; display:grid; place-items:center; background:#008d75; color:#fff; margin:0 auto 7px; font-size:8px; }
.workflow-step-v4:first-child b { background:#176bbe; }
.workflow-step-v4 span { display:block; color:#4c6170; font-size:6.2px; line-height:1.2; }
.ops-overview-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; }
.ops-overview-cell { border:1px solid #e1e8ec; border-radius:5px; padding:9px; min-height:70px; }
.ops-overview-cell span { font-size:7px; color:#6c7d89; }
.ops-overview-cell strong { display:block; color:#1767b4; font-size:17px; margin:4px 0 2px; }
.alert-list-v4 { margin-top:9px; border-top:1px solid #e3e9ec; }
.alert-row-v4 { min-height:31px; display:grid; grid-template-columns:20px 1fr auto; align-items:center; border-bottom:1px solid #edf1f3; font-size:7.5px; color:#526775; }
.alert-row-v4 .alert-triangle { color:#e98b00; font-size:13px; }
.alert-row-v4 time { color:#80909b; font-size:7px; }

/* Patient Station */
.patient-station-grid { display:grid; grid-template-columns:335px minmax(620px,1fr) 300px; gap:10px; }
.patient-station-left,.patient-station-center,.patient-station-right { display:grid; gap:10px; align-content:start; }
.patient-report-tabs { display:grid; grid-template-columns:repeat(3,1fr); }
.patient-report-tabs button { height:32px; border:0; border-bottom:1px solid #dfe7ea; background:#fff; color:#485e6d; font-size:7.5px; }
.patient-report-tabs button.active { background:#008c76; color:#fff; }
.patient-header-v4 { min-height:160px; padding:17px; display:grid; grid-template-columns:minmax(380px,1.3fr) .72fr .62fr; gap:20px; }
.patient-identity { display:grid; grid-template-columns:82px 1fr; gap:14px; align-items:start; }
.patient-photo { width:78px; height:78px; border-radius:50%; object-fit:cover; border:1px solid #d7e0e4; background:#f3f5f6; }
.patient-identity h1 { margin:1px 0 4px; font-size:19px; color:#132a3d; }
.patient-identity .identifiers { font-size:7.8px; color:#637582; }
.patient-demographics { display:flex; flex-wrap:wrap; gap:11px; margin-top:12px; color:#556b7a; font-size:7.5px; }
.patient-contact { display:grid; gap:7px; margin-top:12px; color:#516876; font-size:7.5px; }
.patient-header-block { border-left:1px solid #e1e7ea; padding-left:18px; }
.patient-header-block .label { color:#516575; font-size:7.2px; font-weight:750; }
.patient-header-block strong { display:block; font-size:9px; margin-top:5px; color:#263b4c; }
.patient-header-block small { display:block; color:#617481; font-size:7px; margin-top:4px; }
.care-team-list { display:grid; grid-template-columns:67px 1fr; gap:8px 10px; margin-top:8px; font-size:7.5px; }
.care-team-list dt { color:#586d7b; }
.care-team-list dd { margin:0; color:#243b4d; }
.patient-action-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.patient-action-card { min-height:73px; border:1px solid #e0e7ea; border-radius:5px; background:#fff; display:flex; align-items:center; gap:11px; padding:10px; text-align:left; }
.patient-action-card:hover { border-color:#98cabc; background:#f7fbf9; }
.patient-action-icon { width:38px; height:38px; flex:0 0 38px; border-radius:5px; display:grid; place-items:center; font-size:19px; }
.patient-action-card strong { display:block; color:#1559a0; font-size:8.8px; }
.patient-action-card small { display:block; color:#667886; font-size:7px; margin-top:3px; }
.patient-action-card.blue .patient-action-icon { background:#e8f2fb; color:#1469b9; }
.patient-action-card.orange .patient-action-icon { background:#fff1de; color:#e27e00; }
.patient-action-card.teal .patient-action-icon { background:#e6f6f3; color:#008c76; }
.patient-action-card.red .patient-action-icon { background:#fff0ef; color:#da3d39; }
.patient-action-card.purple .patient-action-icon { background:#f1eafa; color:#793bd0; }
.patient-action-card.green .patient-action-icon { background:#e8f6ec; color:#14894d; }
.patient-mid-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.compact-table-v4 td,.compact-table-v4 th { font-size:7px; padding:6px 8px; height:31px; }
.coverage-block { padding:11px; }
.coverage-row { display:grid; grid-template-columns:105px 1fr auto; gap:8px; padding:8px 0; border-bottom:1px solid #edf1f3; font-size:7.5px; }
.coverage-row:last-child { border-bottom:0; }
.coverage-row span { color:#5c707e; }
.coverage-row strong { color:#273d4e; }
.alert-chips { display:flex; flex-wrap:wrap; gap:8px; padding:12px; }
.alert-chip { border-radius:4px; padding:7px 10px; font-size:7px; font-weight:700; background:#eef4f8; color:#37546a; }
.alert-chip.good { background:#eaf7ee; color:#18824e; }
.alert-chip.warn { background:#fff3db; color:#b37100; }
.checklist-section { padding:10px 11px; border-bottom:1px solid #e7ecef; }
.checklist-section:last-child { border-bottom:0; }
.checklist-heading { display:flex; justify-content:space-between; font-size:8px; font-weight:800; margin-bottom:7px; }
.checklist-item { display:grid; grid-template-columns:15px 1fr; align-items:center; min-height:24px; font-size:7.3px; color:#3f5463; }
.check-good { color:#14894e; }
.check-warn { color:#e18b00; }
.check-empty { color:#81919c; }
.walkin-callout { padding:11px; }
.walkin-callout button { width:100%; height:42px; border:0; border-radius:4px; background:linear-gradient(90deg,#8f48d9,#7540c4); color:#fff; font-size:8px; font-weight:800; }

/* Large walk-in modal matching supplied design */
.modal.walkin-workflow-modal { width:min(1000px,94vw); border-radius:5px; }
.modal.walkin-workflow-modal > header { padding:11px 15px; }
.modal.walkin-workflow-modal .modal-body { padding:10px 14px 13px; }
.modal.walkin-workflow-modal .modal-footer { padding:9px 14px; }
.walkin-modal-steps { display:grid; grid-template-columns:repeat(6,1fr); gap:4px; margin:5px 0 18px; position:relative; }
.walkin-modal-steps:before { content:""; position:absolute; left:7%; right:7%; top:14px; height:2px; background:#d7dfe4; }
.walkin-modal-step { position:relative; text-align:center; z-index:1; }
.walkin-modal-step b { width:28px; height:28px; border-radius:50%; margin:0 auto 6px; display:grid; place-items:center; background:#fff; border:1px solid #aebdc7; font-size:8px; }
.walkin-modal-step.active b { background:#176cc0; border-color:#176cc0; color:#fff; }
.walkin-modal-step span { font-size:6.5px; color:#4d6271; }
.walkin-form-two { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.walkin-form-box { border-left:1px solid #e2e8eb; padding-left:18px; }
.walkin-form-box:first-child { border-left:0; padding-left:0; }
.walkin-form-box h3 { margin:0 0 8px; font-size:8px; }
.walkin-inline { display:flex; gap:7px; }
.walkin-inline input { flex:1; height:34px; border:1px solid #d4dfe4; border-radius:4px; padding:0 9px; font-size:8px; }
.or-divider { text-align:center; color:#87959f; font-size:7px; margin:12px 0; position:relative; }
.or-divider:before,.or-divider:after { content:""; position:absolute; top:50%; width:43%; height:1px; background:#e3e8eb; }
.or-divider:before { left:0; }.or-divider:after { right:0; }

/* Generic existing pages in the new shell */
.ehr-workspace .page-header { margin:0 0 12px; }
.ehr-workspace .page-header h1 { font-size:19px; }
.ehr-workspace .card { border-radius:6px; box-shadow:none; }
.ehr-workspace .module-disclaimer { margin-top:10px; }
.ehr-workspace .patient-context-empty,.ehr-workspace .compact-patient-banner { border-radius:6px; }

/* Modal and toast layering above launcher */
.modal-backdrop { z-index:1400; }
.toast-region { z-index:1800; }

@media (max-width:1180px) {
  .ehr-header { grid-template-columns:minmax(360px,auto) 1fr auto; }
  .facility-card { min-width:170px; }
  .header-action span:last-of-type { display:none; }
  .header-action { min-width:38px; }
  .profile-menu-button { min-width:120px; }
  .patient-station-grid { grid-template-columns:300px minmax(600px,1fr); }
  .patient-station-right { grid-column:1/-1; grid-template-columns:1fr 1fr; }
}
@media (max-width:900px) {
  .ehr-header { grid-template-columns:1fr auto; }
  .global-patient-search { display:none; }
  .facility-card { display:none; }
  .module-navigation { left:0; }
  .quick-rail { transform:translateX(-100%); }
  .quick-rail.open { transform:translateX(0); }
  .ehr-workspace { left:0; }
  .activity-launcher { left:10px; width:calc(100vw - 20px); }
  .today-page,.patient-station-grid { grid-template-columns:1fr; }
  .today-side,.patient-station-right { grid-template-columns:1fr; grid-column:auto; }
  .ehr-statusbar { display:none; }
  .ehr-workspace { bottom:0; }
}

/* Ensure all inline line icons render as outlines, never solid glyph blobs. */
.module-icon svg,
.today-metric-icon svg,
.big-icon svg,
.patient-action-icon svg,
.action-icon svg,
.activity-icon svg,
.cat-icon svg,
.ua-search-filter svg,
.patient-name-cell svg,
.walkin-inline svg,
.ua-button svg {
  width:1em;
  height:1em;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.today-metric-icon svg,.big-icon svg,.patient-action-icon svg { width:20px; height:20px; }
.ua-search-filter svg { width:15px; height:15px; }

/* ========================================================================== 
   Release 5.0 — record-context and full-system workflow corrections
   ========================================================================== */
:root { --v5-teal:#008c76; --v5-navy:#07354d; --v5-border:#dbe5ea; --v5-bg:#f5f8fa; }
.ehr-workspace,.ua-page,.patient-station-v5,.v5-registration-shell { min-width:0 !important; overflow-x:hidden; }
.ehr-workspace { padding:10px 12px 58px; }
.record-locked { opacity:.48; position:relative; }
.record-locked:after { content:"⌕"; position:absolute; right:5px; top:5px; font-size:8px; color:#738895; }
.danger-outline { color:#b91c1c!important; border-color:#efb0b0!important; background:#fff!important; }
.ua-button.danger { background:#b91c1c; color:#fff; border-color:#b91c1c; }
.full-width { width:100%; }
.v5-inline-search { width:100%; border:1px solid var(--v5-border); border-radius:5px; padding:8px 10px; font-size:8px; background:#fff; }
.v5-action-row { display:flex; gap:8px; flex-wrap:wrap; align-items:center; }

.v5-record-header { display:grid; grid-template-columns:minmax(360px,1fr) minmax(170px,.42fr) auto; gap:18px; border:1px solid var(--v5-border); background:#fff; border-radius:6px; padding:14px 16px; margin-bottom:10px; align-items:center; }
.v5-record-header.compact { padding:9px 12px; grid-template-columns:minmax(310px,1fr) minmax(170px,.38fr) auto; }
.v5-record-header.deceased-record { border-top:4px solid #991b1b; background:#fff8f8; }
.v5-record-identity { display:flex; align-items:center; gap:14px; min-width:0; }
.v5-record-identity img,.v5-record-initials { width:70px; height:70px; border-radius:50%; object-fit:cover; border:1px solid #d3dde3; flex:0 0 auto; }
.v5-record-header.compact .v5-record-identity img,.v5-record-header.compact .v5-record-initials { width:54px; height:54px; }
.v5-record-initials { display:grid; place-items:center; background:#e5f4f0; color:#086c5c; font-size:17px; font-weight:800; }
.v5-record-identity h2 { margin:0 0 4px; font-size:18px; color:#102c3e; }
.v5-record-identity p { margin:3px 0; font-size:7.5px; color:#526b79; white-space:normal; }
.v5-record-encounter { display:grid; grid-template-columns:auto 1fr; gap:5px 9px; border-left:1px solid #e2e9ed; padding-left:16px; min-width:0; }
.v5-record-encounter span { font-size:6.5px; color:#647b88; }
.v5-record-encounter strong,.v5-record-encounter b { font-size:7.5px; overflow-wrap:anywhere; }
.v5-record-actions { display:flex; flex-direction:column; gap:6px; min-width:110px; }
.v5-empty-record { margin-top:15px; }

.v5-workspace-tabs { display:flex; gap:2px; border-bottom:1px solid var(--v5-border); background:#fff; padding:0 10px; overflow-x:auto; }
.v5-workspace-tabs button { border:0; background:transparent; padding:10px 14px; font-size:8px; color:#49606d; white-space:nowrap; border-bottom:3px solid transparent; }
.v5-workspace-tabs button.active { color:#006b5c; border-bottom-color:#00a188; font-weight:800; }

/* Patient Station: three deliberate panes; no overlay and no horizontal page overflow. */
.patient-station-v5 { display:grid; grid-template-columns:minmax(255px,22%) minmax(0,1fr) minmax(245px,19%); gap:10px; height:calc(100vh - 185px); }
.v5-station-list,.v5-station-right,.v5-station-main { min-width:0; min-height:0; }
.v5-station-list,.v5-station-right { display:flex; flex-direction:column; gap:10px; overflow:hidden; }
.v5-station-main { overflow:hidden; display:flex; flex-direction:column; }
.v5-station-main .v5-record-header { flex:0 0 auto; }
.v5-station-main .v5-workspace-tabs { flex:0 0 auto; }
.v5-station-workspace { overflow:auto; padding:10px 0 20px; min-width:0; }
.v5-station-patients { flex:1 1 62%; min-height:250px; display:flex; flex-direction:column; overflow:hidden; }
.v5-station-patients .v5-inline-search { margin:8px; width:calc(100% - 16px); }
.v5-day-tabs { display:grid; grid-template-columns:repeat(3,1fr); border-bottom:1px solid var(--v5-border); }
.v5-day-tabs button { border:0; background:#fff; padding:8px 3px; font-size:6.8px; }
.v5-day-tabs button.active { background:#009b83; color:#fff; font-weight:800; }
.v5-patient-list { overflow:auto; flex:1; }
.v5-patient-list > button { width:100%; text-align:left; border:0; border-bottom:1px solid #edf1f3; background:#fff; padding:7px 9px; display:grid; grid-template-columns:75px 1fr; gap:2px 7px; font-size:6.5px; }
.v5-patient-list > button strong { font-size:7px; color:#152f40; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.v5-patient-list > button small { grid-column:2; color:#667d89; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.v5-patient-list > button.active { background:#e8f7f3; box-shadow:inset 3px 0 #009b83; }
.v5-queue-summary { flex:1 1 38%; overflow:auto; }
.v5-queue-summary > button { width:100%; display:flex; justify-content:space-between; border:0; border-top:1px solid #edf1f3; background:#fff; padding:9px; font-size:7px; text-align:left; }
.v5-queue-summary > button b { color:#096bad; background:#eaf3fb; border-radius:4px; padding:2px 6px; }
.v5-station-actions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; margin-bottom:10px; }
.v5-station-actions .patient-action-card { min-height:78px; }
.v5-pane-body { min-height:360px; }
.v5-detail-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; background:#e6ecef; }
.v5-detail-grid > div { background:#fff; padding:12px; min-width:0; }
.v5-detail-grid span { display:block; font-size:6.5px; color:#6b7f8a; margin-bottom:4px; }
.v5-detail-grid strong { display:block; font-size:8px; overflow-wrap:anywhere; }
.v5-two-pane { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.v5-document-list > div { display:grid; grid-template-columns:25px 1fr auto; gap:8px; align-items:center; padding:10px 12px; border-top:1px solid #edf1f3; font-size:7px; }
.v5-document-list svg { width:17px; height:17px; }
.v5-document-list small { color:#6a7c87; }

/* Registration: tabs plus one active form panel and a readiness rail. */
.v5-registration-shell { display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:10px; }
.v5-registration-shell > .v5-workspace-tabs { grid-column:1/-1; }
.v5-registration-content { min-width:0; }
.v5-registration-progress { border:1px solid var(--v5-border); background:#fff; border-radius:6px; padding:14px; }
.v5-registration-progress h3 { margin-top:0; }
.v5-registration-progress > div:not(.alert) { display:grid; grid-template-columns:23px 1fr; gap:6px; align-items:center; padding:8px 0; border-bottom:1px solid #edf1f3; font-size:7px; }
.v5-registration-progress span { width:19px; height:19px; border-radius:50%; display:grid; place-items:center; background:#edf2f4; color:#81939d; }
.v5-registration-progress span.done { background:#dff4e7; color:#0b8248; }
.v5-form-card { border:1px solid var(--v5-border); background:#fff; border-radius:6px; padding:18px; min-height:340px; }
.v5-form-card h3 { margin-top:0; color:#16384c; }
.v5-check-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:8px; margin-top:14px; }
.v5-check-grid label { border:1px solid #e2e8eb; border-radius:4px; padding:9px; font-size:7px; }
.v5-inline-results { margin-top:12px; }
.v5-inline-results button { width:100%; display:flex; justify-content:space-between; border:1px solid #e1e8ec; background:#fff; padding:9px; text-align:left; }

/* Secure messaging */
.v5-messages-layout { display:grid; grid-template-columns:170px 330px minmax(0,1fr); gap:10px; height:calc(100vh - 240px); min-height:480px; }
.v5-mail-folders,.v5-mail-list,.v5-message-reader { overflow:auto; min-width:0; }
.v5-mail-folders { padding:10px; }
.v5-mail-folders button { width:100%; border:0; background:#fff; text-align:left; padding:10px; border-radius:4px; font-size:8px; display:flex; justify-content:space-between; }
.v5-mail-folders button.active { background:#e3f4f0; color:#006e5e; font-weight:800; }
.v5-mail-list .ua-card-header { position:sticky; top:0; z-index:2; background:#fff; }
.v5-mail-row { display:grid; width:100%; border:0; border-top:1px solid #e8edef; background:#fff; padding:11px; text-align:left; grid-template-columns:1fr auto; gap:3px 8px; }
.v5-mail-row strong,.v5-mail-row small { grid-column:1/-1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.v5-mail-row.unread strong { color:#004c91; }
.v5-mail-row.active { background:#eaf7f4; box-shadow:inset 3px 0 #008c76; }
.v5-message-body { padding:20px; font-size:9px; line-height:1.7; }
.v5-context-link { border:1px solid #b8d9d1; background:#edf9f6; color:#006b5c; padding:8px 10px; border-radius:4px; }

/* Orders: catalogue lookup + patient composer + current patient orders. */
.v5-orders-layout { display:grid; grid-template-columns:minmax(0,1fr) 330px; gap:10px; margin-bottom:10px; height:430px; }
.v5-order-lookup,.v5-order-composer { min-width:0; overflow:hidden; }
.v5-order-lookup { display:flex; flex-direction:column; }
.v5-order-search { display:flex; gap:8px; padding:10px; }
.v5-order-search input { flex:1; border:1px solid var(--v5-border); border-radius:5px; padding:8px 10px; font-size:8px; }
.v5-order-categories { display:flex; gap:5px; overflow-x:auto; padding:0 10px 8px; }
.v5-order-categories button { white-space:nowrap; border:1px solid #dce5e9; border-radius:14px; background:#fff; padding:5px 9px; font-size:6.5px; }
.v5-order-categories button.active { background:#007d6b; color:#fff; border-color:#007d6b; }
.v5-order-categories b { margin-left:3px; }
.v5-order-catalog-list { overflow:auto; border-top:1px solid #e7edef; }
.v5-order-catalog-list > button { width:100%; display:grid; grid-template-columns:80px 1fr; gap:2px 8px; text-align:left; border:0; border-bottom:1px solid #edf1f3; background:#fff; padding:8px 10px; }
.v5-order-catalog-list > button strong { font-size:7.5px; }
.v5-order-catalog-list > button small { grid-column:2; color:#657a87; }
.v5-order-catalog-list > button.active { background:#e8f7f3; box-shadow:inset 3px 0 #009b83; }
.v5-order-type { display:inline-block; align-self:start; border-radius:3px; padding:3px 5px; font-size:5.8px; font-weight:800; text-align:center; }
.v5-order-type.clinical { background:#e8f2fb; color:#075ea5; }
.v5-order-type.operational { background:#fff1db; color:#a45e00; }
.v5-order-composer { padding:12px; overflow:auto; }
.v5-selected-order { border:1px solid #cfe4df; background:#f0faf7; padding:12px; border-radius:5px; margin-bottom:10px; }
.v5-selected-order h3 { margin:7px 0 3px; }
.v5-current-orders { margin-bottom:20px; }

/* 10.16 Smart CPOE: live catalog, adaptive composer, governed panels and basket. */
.v1016-cpoe-shell { display:grid; grid-template-columns:minmax(430px,1.4fr) minmax(340px,.85fr) 310px; gap:12px; align-items:start; margin-bottom:14px; }
.v1016-order-lookup,.v1016-order-composer,.v1016-order-basket { min-width:0; overflow:hidden; }
.v1016-order-lookup { min-height:610px; display:flex; flex-direction:column; }
.v1016-cpoe-tabs { display:flex; gap:4px; padding:10px 12px 0; border-bottom:1px solid #dce7e9; background:linear-gradient(180deg,#f9fcfc,#fff); }
.v1016-cpoe-tabs button { border:0; border-bottom:3px solid transparent; background:transparent; color:#536b78; padding:10px 13px; font-size:12px; font-weight:800; cursor:pointer; }
.v1016-cpoe-tabs button.active { color:#007d6b; border-bottom-color:#00a78e; }
.v1016-cpoe-tabs b { display:inline-grid; place-items:center; min-width:18px; height:18px; padding:0 5px; border-radius:10px; background:#e4f4f0; color:#00705f; }
.v1016-order-search { display:grid; grid-template-columns:auto 1fr auto auto; gap:8px; align-items:center; padding:12px; }
.v1016-order-search > span { font-size:22px; color:#087765; }
.v1016-order-search input { min-width:0; height:44px; border:1px solid #aebfc7; border-radius:10px; padding:0 13px; font-size:14px; color:#16384c; box-shadow:0 1px 2px rgba(14,56,77,.04); }
.v1016-order-search input:focus { outline:3px solid rgba(0,157,132,.16); border-color:#009d84; }
.v1016-order-search kbd { border:1px solid #c8d6dc; border-radius:12px; background:#f3f7f8; color:#55707d; padding:3px 8px; font-size:10px; }
.v1016-order-categories { display:flex; gap:7px; overflow-x:auto; padding:0 12px 11px; scrollbar-width:thin; }
.v1016-order-categories button { flex:none; border:1px solid #d4e0e4; border-radius:16px; background:#fff; color:#345464; padding:7px 11px; font-size:11px; font-weight:700; cursor:pointer; }
.v1016-order-categories button.active { background:#087d6b; border-color:#087d6b; color:#fff; box-shadow:0 5px 12px rgba(0,125,107,.18); }
.v1016-order-categories b { opacity:.8; margin-left:3px; }
.v1016-result-count { display:flex; justify-content:space-between; gap:12px; padding:8px 14px; background:#f4f8f9; border-top:1px solid #e1e9ec; border-bottom:1px solid #e1e9ec; color:#385969; font-size:11px; }
.v1016-result-count span { font-weight:800; }
.v1016-result-count small { color:#718691; text-align:right; }
.v1016-order-catalog-list { overflow:auto; max-height:475px; }
.v1016-order-row { display:grid; grid-template-columns:minmax(0,1fr) 38px 38px; align-items:center; border-bottom:1px solid #e7eef0; background:#fff; transition:.15s ease; }
.v1016-order-row:hover,.v1016-order-row.active { background:#edf9f6; box-shadow:inset 4px 0 #00a58c; }
.v1016-order-select { display:grid; grid-template-columns:38px minmax(0,1fr); gap:10px; align-items:center; min-width:0; border:0; background:transparent; padding:11px 12px; text-align:left; cursor:pointer; }
.v1016-order-select > span:last-child { min-width:0; }
.v1016-order-select strong { display:block; color:#17374a; font-size:13px; line-height:1.3; white-space:normal; overflow-wrap:anywhere; }
.v1016-order-select small { display:block; margin-top:3px; color:#69808d; font-size:10px; line-height:1.35; white-space:normal; overflow-wrap:anywhere; }
.v1016-order-icon { width:36px; height:36px; display:grid; place-items:center; border-radius:10px; background:#e4f5f1; color:#007e6a; font-size:13px; font-weight:900; }
.v1016-row-star,.v1016-quick-add,.v1016-star { border:0; background:transparent; color:#a2b1b8; font-size:20px; cursor:pointer; }
.v1016-row-star.active,.v1016-star.active { color:#f3a700; text-shadow:0 2px 8px rgba(243,167,0,.28); }
.v1016-quick-add { width:30px; height:30px; border-radius:50%; background:#0b826e; color:#fff; font-size:18px; line-height:1; }
.v1016-order-composer { min-height:610px; padding-bottom:12px; }
.v1016-order-composer > .ua-card-header { padding:13px 15px; }
.v1016-order-composer > :not(.ua-card-header) { margin-left:14px; margin-right:14px; }
.v1016-composer-empty { min-height:470px; display:grid; place-content:center; text-align:center; padding:30px; color:#6c818c; }
.v1016-composer-empty > span { width:64px; height:64px; display:grid; place-items:center; margin:0 auto 12px; border-radius:20px; background:#e5f6f2; color:#008872; font-size:36px; }
.v1016-composer-empty h3 { margin:0 0 6px; color:#17374a; }
.v1016-composer-empty p { max-width:270px; line-height:1.55; }
.v1016-selected-order { display:grid; grid-template-columns:1fr auto; gap:4px 10px; padding:13px; margin-top:13px; border:1px solid #bfe0d8; border-radius:12px; background:linear-gradient(135deg,#f0fbf8,#f8fcfc); }
.v1016-selected-order > div { display:flex; gap:7px; align-items:center; }
.v1016-selected-order h3,.v1016-selected-order p { grid-column:1/-1; margin:4px 0 0; overflow-wrap:anywhere; }
.v1016-selected-order h3 { color:#14364a; font-size:16px; line-height:1.3; }
.v1016-selected-order p { color:#66808c; font-size:10px; }
.v1016-context-strip { display:flex; flex-wrap:wrap; gap:5px; padding:9px 10px; margin-top:10px; border-radius:8px; background:#0e3852; color:#fff; }
.v1016-context-strip strong { width:100%; }
.v1016-context-strip span { max-width:100%; padding:4px 7px; border-radius:10px; background:rgba(255,255,255,.12); font-size:9px; white-space:normal; overflow-wrap:anywhere; }
.v1016-order-composer .field { margin-top:10px; }
.v1016-order-composer .field > span { font-size:10px; font-weight:800; color:#365666; }
.v1016-order-composer .field input,.v1016-order-composer .field select,.v1016-order-composer .field textarea { font-size:12px; border-radius:8px; }
.v1016-composer-grid { display:grid; grid-template-columns:1fr 1fr; gap:0 9px; }
.v1016-add-basket { height:42px; margin-top:12px; border-radius:9px; font-size:12px; }
.v1016-order-basket { min-height:310px; position:sticky; top:12px; }
.v1016-basket-count { min-width:34px; height:34px; display:grid; place-items:center; border-radius:50%; background:#0b826e; color:#fff; font-size:14px; font-weight:900; }
.v1016-basket-list { max-height:390px; overflow:auto; }
.v1016-basket-list > div { display:grid; grid-template-columns:10px minmax(0,1fr) 26px; gap:8px; align-items:start; padding:11px 12px; border-top:1px solid #e5edef; }
.v1016-basket-list p { margin:0; min-width:0; }
.v1016-basket-list strong,.v1016-basket-list small { display:block; white-space:normal; overflow-wrap:anywhere; }
.v1016-basket-list strong { color:#17384b; font-size:11px; line-height:1.35; }
.v1016-basket-list small { margin-top:3px; color:#6a808b; font-size:9px; }
.v1016-basket-list button { border:0; background:transparent; color:#8a9ba3; font-size:18px; cursor:pointer; }
.v1016-basket-list > section { min-height:210px; display:grid; place-content:center; gap:7px; padding:25px; text-align:center; color:#708590; }
.v1016-basket-list > section > span { font-size:34px; }
.v1016-basket-dot { width:8px; height:8px; margin-top:4px; border-radius:50%; background:#4d90c6; }
.v1016-basket-dot.urgent { background:#eb9b19; }.v1016-basket-dot.stat { background:#d43d43; }
.v1016-basket-actions { display:flex; flex-wrap:wrap; gap:7px; padding:11px; border-top:1px solid #dce7e9; }
.v1016-basket-actions .primary { flex:1; }
.v1016-order-sets { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; padding:13px; overflow:auto; max-height:520px; }
.v1016-order-set-card { min-width:0; padding:14px; border:1px solid #d7e3e6; border-radius:12px; background:linear-gradient(145deg,#fff,#f6fbfa); box-shadow:0 5px 16px rgba(17,59,78,.05); }
.v1016-order-set-card header { display:flex; justify-content:space-between; gap:10px; }
.v1016-order-set-card header span { color:#00836e; font-size:9px; font-weight:900; text-transform:uppercase; letter-spacing:.08em; }
.v1016-order-set-card h3 { margin:4px 0; color:#15364a; font-size:14px; line-height:1.3; }
.v1016-order-set-card header b { min-width:30px; height:30px; display:grid; place-items:center; border-radius:9px; background:#e1f4ef; color:#087663; }
.v1016-order-set-card > p { min-height:38px; color:#627986; font-size:10px; line-height:1.45; }
.v1016-set-preview { display:grid; gap:4px; padding:9px; border-radius:8px; background:#f0f5f6; }
.v1016-set-preview span,.v1016-set-preview small { color:#435f6e; font-size:9px; white-space:normal; overflow-wrap:anywhere; }
.v1016-order-set-card footer { display:flex; justify-content:space-between; align-items:center; gap:8px; margin-top:11px; }
.v1016-order-set-card footer small { color:#7a8d96; }
.v1016-sign-review { display:grid; gap:9px; }
.v1016-sign-review article { display:grid; grid-template-columns:30px 1fr; gap:10px; padding:10px; border:1px solid #dce6e9; border-radius:8px; }
.v1016-sign-review article > span { width:28px; height:28px; display:grid; place-items:center; border-radius:50%; background:#e0f3ef; color:#087663; font-weight:900; }
.v1016-sign-review article strong,.v1016-sign-review article small { display:block; }
.v1016-sign-review article p { margin:5px 0 0; color:#566f7c; }
.v1016-panel-preview { display:grid; gap:4px; padding:10px; border:1px solid #d9e4e7; border-radius:8px; }
.v1016-check { display:flex; gap:7px; align-items:center; font-size:11px; }

@media (max-width:1500px){.v1016-cpoe-shell{grid-template-columns:minmax(400px,1.25fr) minmax(330px,.8fr)}.v1016-order-basket{grid-column:1/-1;position:static;min-height:0}.v1016-basket-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-height:260px}.v1016-basket-list>section{grid-column:1/-1;min-height:120px}}
@media (max-width:980px){.v1016-cpoe-shell{grid-template-columns:1fr}.v1016-order-lookup,.v1016-order-composer{min-height:0}.v1016-order-catalog-list{max-height:430px}.v1016-order-basket{grid-column:auto}.v1016-order-sets{grid-template-columns:1fr}.v1016-basket-list{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.v1016-order-search{grid-template-columns:auto 1fr auto}.v1016-order-search kbd{display:none}.v1016-order-search .ua-button{grid-column:2/-1}.v1016-composer-grid{grid-template-columns:1fr}.v1016-basket-list{grid-template-columns:1fr}.v1016-cpoe-tabs{overflow-x:auto}.v1016-result-count{display:block}.v1016-result-count small{display:block;text-align:left;margin-top:4px}}

/* Excel-style flowsheet embedded inside chart */
.v5-flowsheet-shell { display:grid; grid-template-columns:245px minmax(0,1fr) 280px; gap:10px; height:calc(100vh - 330px); min-height:480px; }
.v5-flowsheet-list,.v5-device-panel,.v5-flowsheet-main { min-width:0; overflow:auto; }
.v5-flowsheet-list > button { width:100%; border:0; border-top:1px solid #e9eef0; background:#fff; text-align:left; padding:9px 10px; }
.v5-flowsheet-list > button.active { background:#e6f5f1; box-shadow:inset 3px 0 #008c76; }
.v5-flowsheet-list strong,.v5-flowsheet-list small { display:block; }
.v5-flowsheet-main { display:flex; flex-direction:column; overflow:hidden; }
.v5-flowsheet-grid-wrap { overflow:auto; flex:1; border-top:1px solid #dce5e9; }
.v5-flowsheet-grid { border-collapse:separate; border-spacing:0; min-width:1100px; font-size:7px; background:#fff; }
.v5-flowsheet-grid th,.v5-flowsheet-grid td { min-width:95px; height:34px; border-right:1px solid #dfe7eb; border-bottom:1px solid #dfe7eb; padding:5px 7px; background:#fff; vertical-align:middle; }
.v5-flowsheet-grid thead th { position:sticky; top:0; z-index:7; background:#eaf3f6; color:#264a5d; }
.v5-flowsheet-grid .sticky-one { position:sticky; left:0; z-index:5; min-width:135px; max-width:135px; background:#f6f9fa; }
.v5-flowsheet-grid .sticky-two { position:sticky; left:135px; z-index:5; min-width:185px; max-width:185px; background:#fff; }
.v5-flowsheet-grid thead .sticky-one,.v5-flowsheet-grid thead .sticky-two { z-index:10; background:#dfeef2; }
.v5-flowsheet-grid .group-cell { font-weight:700; color:#315469; }
.v5-flowsheet-grid td strong,.v5-flowsheet-grid td small { display:block; }
.v5-flow-input { width:80px; height:26px; border:1px solid #bdccd3; border-radius:3px; padding:4px; font-size:7px; }
.v5-device-dot { display:inline-block; background:#dff4e7; color:#087744; border-radius:3px; padding:2px 5px; font-weight:800; }
.v5-flowsheet-footer { padding:8px 10px; display:flex; justify-content:space-between; align-items:center; border-top:1px solid #dce5e9; font-size:7px; }
.v5-device-panel { padding-bottom:10px; }
.v5-device-panel > p,.v5-device-panel > h3 { padding:0 10px; }
.v5-device-row { display:grid; grid-template-columns:10px 1fr auto; gap:7px; align-items:center; padding:9px 10px; border-top:1px solid #edf1f3; }
.v5-device-row span:first-child { width:8px; height:8px; border-radius:50%; }
.v5-device-row .online { background:#18a05e; }.v5-device-row .offline { background:#9aa8b0; }
.v5-device-row strong,.v5-device-row small { display:block; }
.v5-reading-row { display:grid; grid-template-columns:1fr auto; gap:2px 6px; padding:7px 10px; border-top:1px solid #edf1f3; font-size:6.5px; }
.v5-reading-row small { grid-column:1/-1; color:#70828c; }

/* Unit manager */
.v5-unit-manager { display:grid; grid-template-columns:280px minmax(0,1fr); gap:10px; height:calc(100vh - 250px); min-height:500px; }
.v5-unit-list,.v5-bed-workspace { overflow:auto; min-width:0; }
.v5-unit-list > button { width:100%; border:0; border-top:1px solid #e7edef; background:#fff; text-align:left; padding:11px; display:grid; grid-template-columns:1fr auto; gap:5px; }
.v5-unit-list > button.active { background:#e8f7f3; box-shadow:inset 4px 0 #008c76; }
.v5-unit-list small,.v5-capacity-bar { grid-column:1/-1; }
.v5-capacity-bar { height:5px; background:#e8edef; border-radius:4px; overflow:hidden; }
.v5-capacity-bar i { display:block; height:100%; background:#00a188; }
.v5-bed-legend { display:flex; gap:7px; font-size:6px; }
.v5-bed-legend span { padding:3px 6px; border-radius:3px; }.v5-bed-legend .available{background:#dcf5e5}.v5-bed-legend .occupied{background:#e2ecfb}.v5-bed-legend .turnover{background:#fff0d2}.v5-bed-legend .blocked{background:#f9dddd}
.v5-bed-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(185px,1fr)); gap:9px; padding:10px; }
.v5-bed-tile { border:1px solid #dbe4e8; border-top:5px solid #9aaab3; border-radius:5px; overflow:hidden; background:#fff; }
.v5-bed-tile.available { border-top-color:#22a45e; }.v5-bed-tile.occupied,.v5-bed-tile.assigned { border-top-color:#2776c5; }.v5-bed-tile.dirty,.v5-bed-tile.cleaning { border-top-color:#e39100; }.v5-bed-tile.blocked { border-top-color:#cc3636; }
.v5-bed-tile header,.v5-bed-tile footer { padding:8px; display:flex; justify-content:space-between; gap:5px; align-items:center; }
.v5-bed-tile header { border-bottom:1px solid #edf1f3; }.v5-bed-tile footer { border-top:1px solid #edf1f3; }
.v5-bed-tile > button,.v5-empty-bed { width:100%; min-height:70px; border:0; background:#fff; text-align:left; padding:10px; }
.v5-bed-tile > button b,.v5-bed-tile > button small { display:block; }
.v5-empty-bed { color:#7a8c96; display:grid; place-items:center; }

/* IT-friendly user × access matrix */
.v5-admin-shell { display:grid; grid-template-columns:280px minmax(0,1fr) 260px; gap:10px; height:calc(100vh - 255px); min-height:520px; }
.v5-admin-users,.v5-admin-matrix,.v5-it-summary { overflow:auto; min-width:0; }
.v5-admin-users .ua-card-header { position:sticky; top:0; background:#fff; z-index:2; display:block; }
.v5-admin-users .v5-inline-search { margin-top:7px; }
.v5-admin-users > button { width:100%; display:grid; grid-template-columns:34px 1fr 10px; gap:8px; align-items:center; text-align:left; border:0; border-top:1px solid #e8edef; background:#fff; padding:8px; }
.v5-admin-users > button.active { background:#e8f7f3; box-shadow:inset 3px 0 #008c76; }
.v5-user-avatar { width:30px; height:30px; border-radius:50%; display:grid; place-items:center; background:#e7f1f7; color:#145979; font-weight:800; }
.v5-admin-users strong,.v5-admin-users small { display:block; }
.v5-admin-users i { width:8px; height:8px; border-radius:50%; }.v5-admin-users i.online{background:#15a05c}.v5-admin-users i.offline{background:#b5c0c6}
.v5-admin-matrix { display:flex; flex-direction:column; }
.v5-matrix-tabs { display:flex; padding:0 10px; border-bottom:1px solid #dfe7eb; }
.v5-matrix-tabs button { border:0; background:#fff; padding:10px 12px; border-bottom:3px solid transparent; font-size:7.5px; }
.v5-matrix-tabs button.active { color:#006b5c; border-bottom-color:#008c76; font-weight:800; }
.v5-matrix-toolbar { display:flex; gap:7px; align-items:center; padding:8px 10px; }
.v5-matrix-toolbar input { max-width:280px; }.v5-matrix-toolbar span { margin-left:auto; font-size:6.5px; color:#6d7e88; }
.v5-matrix-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:7px; overflow:auto; padding:10px; flex:1; background:#f7f9fa; }
.v5-matrix-cell { display:grid; grid-template-columns:20px 1fr; align-items:start; border:1px solid #dce5e9; background:#fff; border-radius:4px; padding:9px; min-height:58px; }
.v5-matrix-cell input { margin-top:3px; }.v5-matrix-cell strong,.v5-matrix-cell small { display:block; }.v5-matrix-cell small { color:#6b7c86; margin-top:3px; }
.v5-matrix-save { display:grid; grid-template-columns:1fr auto; gap:10px; align-items:end; padding:10px; border-top:1px solid #dce5e9; }
.v5-it-summary { padding:13px; }.v5-it-summary > div { display:flex; justify-content:space-between; padding:9px 0; border-bottom:1px solid #edf1f3; font-size:7px; }.v5-it-summary button { margin-top:8px; }
.v1016-admin-user-heading{display:flex;align-items:center;gap:11px;min-width:0}.v1016-admin-user-heading>div{min-width:0}.v1016-admin-photo,.v1016-user-photo-preview{flex:0 0 auto;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:linear-gradient(145deg,#d9f3ec,#dcebf6);color:#0c5d65;font-weight:850}.v1016-admin-photo{width:46px;height:46px;font-size:14px}.v1016-admin-photo img,.v1016-user-photo-preview img{width:100%;height:100%;object-fit:cover}.v1016-user-photo-manager{display:grid;grid-template-columns:190px minmax(0,1fr);gap:22px;align-items:start}.v1016-user-photo-preview{width:180px;height:180px;font-size:42px;border:5px solid #fff;box-shadow:0 0 0 1px #c8dadd,0 14px 34px rgba(16,56,78,.16)}.v1016-user-photo-manager h3{margin:4px 0}.v1016-user-photo-manager p{margin:0 0 16px;color:var(--muted)}
@media(max-width:700px){.v1016-user-photo-manager{grid-template-columns:1fr}.v1016-user-photo-preview{width:132px;height:132px;margin:auto}.v1016-admin-user-heading{align-items:flex-start}.v1016-admin-photo{width:40px;height:40px}}

/* Event management */
.v5-pathway-button { width:100%; text-align:left; border:0; border-top:1px solid #e7edef; background:#fff; padding:8px; font-size:7px; }

/* Emergency department and specialty pathways */
.v5-ed-board { display:grid; grid-template-columns:repeat(5,minmax(210px,1fr)); gap:8px; overflow-x:auto; padding-bottom:12px; height:calc(100vh - 260px); }
.v5-ed-column { border:1px solid #dbe4e8; border-radius:5px; background:#f3f6f8; min-width:210px; overflow:auto; }
.v5-ed-column > header { position:sticky; top:0; z-index:3; display:flex; justify-content:space-between; padding:10px; background:#fff; border-bottom:1px solid #dbe4e8; }
.v5-ed-column > header h2 { margin:0; font-size:9px; }.v5-ed-column > header b { background:#e3f3ef; color:#00725f; border-radius:10px; padding:2px 7px; }
.v5-ed-card { background:#fff; border-left:5px solid #8597a1; margin:8px; padding:9px; border-radius:4px; box-shadow:0 1px 3px rgba(10,40,55,.08); }
.v5-ed-card.acuity-critical,.v5-ed-card.acuity-red,.v5-ed-card.acuity-1 { border-left-color:#d22323; }.v5-ed-card.acuity-high,.v5-ed-card.acuity-orange,.v5-ed-card.acuity-2 { border-left-color:#e28500; }.v5-ed-card.acuity-medium,.v5-ed-card.acuity-yellow,.v5-ed-card.acuity-3 { border-left-color:#e7c400; }.v5-ed-card.acuity-low,.v5-ed-card.acuity-green { border-left-color:#25a05b; }
.v5-ed-card > button { border:0; background:#fff; width:100%; text-align:left; }.v5-ed-card strong,.v5-ed-card small { display:block; }.v5-ed-card p { min-height:30px; font-size:7px; }.v5-ed-card > div { display:flex; justify-content:space-between; gap:5px; margin:6px 0; }.v5-ed-card select { width:100%; margin-top:8px; font-size:7px; padding:6px; }
.v5-specialty-shell { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:10px; }.v5-specialty-shell > aside { padding:12px; }
.v5-stage-ribbon { display:flex; gap:0; overflow-x:auto; padding:12px; border-bottom:1px solid #e1e8ec; }.v5-stage-ribbon button { min-width:120px; border:0; background:#f0f4f6; padding:9px; display:flex; align-items:center; gap:7px; }.v5-stage-ribbon button.active { background:#008c76; color:#fff; }.v5-stage-ribbon b { width:22px; height:22px; border-radius:50%; display:grid; place-items:center; background:#fff; color:#006d5c; }
.v5-specialty-workspace { padding:18px; }.v5-specialty-actions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; margin-top:14px; }

/* Context selector */
.modal.v5-context-modal { width:min(1100px,95vw); }.v5-context-toolbar { display:flex; justify-content:space-between; gap:10px; align-items:center; margin-bottom:10px; }.v5-context-toolbar input { flex:1; padding:9px; border:1px solid #cfdbe1; border-radius:5px; }.v5-context-results { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; max-height:60vh; overflow:auto; }.v5-context-results section { border:1px solid #dce5e9; border-radius:5px; overflow:hidden; }.v5-context-results h3 { position:sticky; top:0; background:#edf6f3; margin:0; padding:8px; color:#006c5c; }.v5-context-results button { width:100%; border:0; border-top:1px solid #e7edef; background:#fff; text-align:left; padding:8px; }.v5-context-results strong,.v5-context-results small { display:block; }

@media (max-width:1450px){
  .patient-station-v5 { grid-template-columns:240px minmax(0,1fr) 230px; }
  .v5-station-actions { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .v5-flowsheet-shell { grid-template-columns:210px minmax(0,1fr) 240px; }
  .v5-admin-shell { grid-template-columns:240px minmax(0,1fr); }.v5-it-summary { grid-column:1/-1; display:grid; grid-template-columns:repeat(6,1fr); gap:8px; height:auto; }.v5-it-summary h2,.v5-it-summary hr,.v5-it-summary p { grid-column:1/-1; }
}
@media (max-width:1100px){
  .patient-station-v5,.v5-registration-shell,.v5-orders-layout,.v5-flowsheet-shell,.v5-unit-manager,.v5-admin-shell,.v5-specialty-shell { grid-template-columns:1fr; height:auto; }
  .v5-station-list,.v5-station-right { display:grid; grid-template-columns:1fr 1fr; max-height:none; }
  .v5-messages-layout { grid-template-columns:150px 280px 1fr; }
  .v5-record-header { grid-template-columns:1fr; }.v5-record-encounter { border-left:0; border-top:1px solid #e2e9ed; padding:10px 0 0; }.v5-record-actions { flex-direction:row; }
  .v5-context-results { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:760px){
  .v5-messages-layout,.v5-two-pane { grid-template-columns:1fr; height:auto; }.v5-mail-folders { display:flex; }.v5-mail-folders p,.v5-mail-folders hr { display:none; }
  .v5-station-list,.v5-station-right,.v5-detail-grid,.v5-specialty-actions,.v5-context-results,.v5-it-summary { grid-template-columns:1fr; }
  .v5-station-actions { grid-template-columns:1fr; }
}
.v5-registration-panel.hidden { display:none; }
.v5-registration-panel.active { display:block; }

/* v6: functional three-pane front desk and registration wizard */
.v6-today-page{height:calc(100vh - 160px);min-height:680px;overflow:hidden}.v6-three-pane{display:grid;grid-template-columns:minmax(480px,1.35fr) minmax(320px,.85fr) minmax(320px,.8fr);gap:14px;height:calc(100% - 72px);min-width:0}.v6-pane{min-width:0;display:flex;flex-direction:column;gap:14px;overflow:hidden}.v6-fill-card{height:100%;display:flex;flex-direction:column;min-height:0}.v6-fill-card>.ua-card-body,.v6-fill-card>.v6-list-scroll{min-height:0}.v6-list-scroll{overflow:auto;flex:1}.v6-context-scroll{overflow:auto;min-height:0;flex:1}.v6-tabs{flex-wrap:nowrap;overflow-x:auto}.v6-filter-grid{display:grid;grid-template-columns:minmax(210px,1.7fr) repeat(3,minmax(125px,1fr)) auto auto;gap:8px}.v6-metrics{grid-template-columns:repeat(6,minmax(80px,1fr))}.v6-metrics .today-metric{padding:10px}.v6-metrics .today-metric strong{font-size:20px}.v6-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v6-action-grid .front-action{min-height:72px}.v6-selected-patient{display:flex;align-items:center;gap:12px;padding:4px 0 14px}.v6-selected-patient .patient-mini-avatar{width:54px;height:54px;font-size:18px}.v6-selected-patient h2{margin:0}.v6-selected-patient p{margin:4px 0 0;color:var(--muted)}.v6-roster-row{display:flex;width:100%;text-align:left;flex-direction:column;gap:4px;padding:12px;border:0;border-bottom:1px solid var(--border);background:#fff;cursor:pointer}.v6-roster-row:hover{background:#effbf7}.v6-roster-row span,.v6-roster-row small{color:var(--muted)}.v6-empty{padding:28px;text-align:center;color:var(--muted)}.selected-row{background:#eaf8f2!important}.v6-wizard-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:18px}.v6-wizard-steps button{border:0;background:#f3f7fa;padding:10px 6px;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:7px;color:#5e6d79}.v6-wizard-steps button b{border-radius:50%;width:24px;height:24px;display:grid;place-items:center;background:#dce6ed}.v6-wizard-steps button.active{background:#e3f7f0;color:#006b55}.v6-wizard-steps button.active b,.v6-wizard-steps button.done b{background:#009879;color:white}.v6-workflow-modal .modal-card{width:min(1040px,94vw);max-height:90vh}.v6-workflow-modal .modal-body{overflow:auto}.v6-patient-match{display:flex;flex-direction:column;width:100%;text-align:left;border:1px solid var(--border);background:#fff;padding:10px;margin-top:7px;border-radius:8px}.v6-patient-match:hover{border-color:#009879;background:#f0fbf7}.v6-patient-match span{font-size:12px;color:var(--muted);margin-top:3px}.v6-summary{display:flex;flex-direction:column;padding:14px;border:1px solid #b8e3d5;background:#f2fbf8;border-radius:8px}.government-login-logo{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 auto 20px;padding-bottom:16px;border-bottom:1px solid var(--border)}.government-login-logo img{width:72px;height:72px;object-fit:contain}.government-login-logo div{display:flex;flex-direction:column;text-align:left}.government-login-logo strong{font-size:16px}.government-login-logo span{font-size:12px;color:var(--muted)}
@media(max-width:1450px){.v6-three-pane{grid-template-columns:minmax(440px,1.25fr) minmax(300px,.8fr) minmax(290px,.7fr)}.v6-filter-grid{grid-template-columns:1fr 1fr 1fr}.v6-filter-grid .ua-search-filter{grid-column:1/-1}.v6-metrics{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1100px){.v6-today-page{height:auto;overflow:visible}.v6-three-pane{grid-template-columns:1fr;height:auto}.v6-pane{overflow:visible}.v6-fill-card{height:auto}.v6-list-scroll,.v6-context-scroll{max-height:520px}.v6-wizard-steps{grid-template-columns:1fr}.v6-wizard-steps button{justify-content:flex-start}}


/* v7: resizable operational workspaces, functional queue workbench and state-aware workflow */
.v7-today-page,.v7-workqueue-page{height:calc(100dvh - 154px);min-height:650px;overflow:hidden;display:flex;flex-direction:column}.v7-resizable-workspace{display:grid;min-width:0;min-height:0;flex:1}.v7-today-workspace,.v7-workqueue-workspace,.v7-admin-shell{grid-template-columns:minmax(260px,var(--v7-col1)) 8px minmax(320px,var(--v7-col2)) 8px minmax(260px,1fr);gap:0}.v7-pane{min-width:0;min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:10px;padding:0 7px}.v7-pane:first-child{padding-left:0}.v7-pane:last-child{padding-right:0}.v7-fill-card{height:100%;min-height:0;display:flex;flex-direction:column}.v7-scroll{overflow:auto;min-height:0;flex:1;scrollbar-gutter:stable}.v7-splitter{width:8px;cursor:col-resize;position:relative;background:transparent;touch-action:none}.v7-splitter:after{content:'';position:absolute;inset:0 3px;background:#d8e3e7;border-radius:5px}.v7-splitter:hover:after,.v7-resizing .v7-splitter:after{background:#009879}.v7-resizing{cursor:col-resize!important;user-select:none}.v7-filter-grid{display:grid;grid-template-columns:minmax(180px,1.6fr) repeat(3,minmax(120px,1fr)) auto auto;gap:7px;padding:10px;border-bottom:1px solid var(--border)}.v7-metrics{grid-template-columns:repeat(6,minmax(82px,1fr))}.v7-metrics .today-metric{padding:9px;min-height:67px}.v7-metrics .today-metric strong{font-size:20px}.v7-patient-table{min-width:760px}.v7-next-step-card{padding:12px;background:#effaf6;border:1px solid #b9e1d5;border-radius:8px;margin-bottom:12px}.v7-next-step-card>span{display:block;color:#55716a;font-size:11px;margin-bottom:8px}.v7-primary-workflow{width:100%;min-height:82px;background:#008f78!important;color:#fff!important;border-color:#008f78!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;padding:14px!important}.v7-primary-workflow strong{font-size:16px}.v7-primary-workflow small{margin-top:5px;color:#dcfff5}.v7-secondary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v7-secondary-action{min-height:60px}.v7-workflow-history{margin-top:14px;padding:12px;border-top:1px solid var(--border);color:var(--muted)}.v7-workflow-history h3{margin:0 0 5px;color:var(--text)}
.v7-workqueue-kpis{margin-bottom:10px}.v7-queue-filter{display:grid;grid-template-columns:1fr minmax(130px,.7fr) auto auto;gap:7px;padding:10px;border-bottom:1px solid var(--border)}.v7-queue-filter input,.v7-queue-filter select,.v7-item-filter select{border:1px solid var(--border);border-radius:5px;padding:8px;background:#fff}.v7-item-filter{display:flex;gap:7px;padding:8px 10px;border-bottom:1px solid var(--border)}.v7-workqueue-items{min-width:980px}.v7-workqueue-items td small,.v7-workqueue-items button small{display:block;color:var(--muted);margin-top:3px}.v7-selection-summary{display:flex;align-items:center;gap:10px;padding:12px;margin:12px 0;background:#f0f7fa;border-radius:7px}.v7-selection-summary strong{font-size:24px;color:#007a67}.v7-actions .suggested-action{width:100%;background:#fff;border-left:0;border-right:0;border-bottom:0;text-align:left}.v7-actions .suggested-action:disabled{opacity:.42;cursor:not-allowed;background:#f7f8f9}.v7-modal-toolbar{display:flex;justify-content:flex-end;gap:7px;align-items:center;margin-bottom:8px}.v7-modal-toolbar span{margin-right:auto;font-weight:700}.v7-large-modal .modal-card{width:min(1400px,96vw);max-height:92vh}.v7-modal-table{max-height:70vh;overflow:auto}.v7-rule-view{white-space:pre-wrap;background:#f4f7f8;padding:16px;border-radius:7px;max-height:65vh;overflow:auto}.v7-event-list article{border-bottom:1px solid var(--border);padding:10px 0}.v7-event-list article span{display:block;color:var(--muted);font-size:11px;margin-top:3px}.v7-event-list article p{margin:5px 0 0}
.v7-resizable-panel{position:relative;min-height:100px}.v7-panel-control{margin-left:auto;border:0;background:transparent;color:#537080;cursor:pointer;font-size:14px;padding:4px 7px}.v7-panel-maximized{position:fixed!important;z-index:900!important;top:145px!important;left:96px!important;right:12px!important;bottom:42px!important;width:auto!important;height:auto!important;max-height:none!important;resize:none!important;box-shadow:0 12px 45px rgba(0,30,45,.25)!important;background:#fff!important}.v7-panel-maximized .v7-scroll,.v7-panel-maximized .table-wrap{max-height:none!important;flex:1!important;overflow:auto!important}
.v5-admin-shell.v7-admin-shell{height:calc(100dvh - 252px);min-height:620px;gap:0!important}.v7-admin-shell>.v5-admin-users,.v7-admin-shell>.v5-admin-matrix,.v7-admin-shell>.v5-it-summary{min-height:0;height:100%;overflow:auto;margin:0 7px}.v7-admin-shell>.v5-admin-users{margin-left:0}.v7-admin-shell>.v5-it-summary{margin-right:0;display:block;grid-column:auto}.v7-admin-shell .v5-admin-matrix{min-width:0}.v7-admin-shell .v5-matrix-grid{min-height:380px}.v7-admin-shell .v5-matrix-save{position:sticky;bottom:0;background:#fff;z-index:4}
@media(max-width:1450px){.v7-filter-grid{grid-template-columns:1fr 1fr 1fr}.v7-filter-grid .ua-search-filter{grid-column:1/-1}.v7-metrics{grid-template-columns:repeat(3,1fr)}.v7-today-workspace,.v7-workqueue-workspace,.v7-admin-shell{grid-template-columns:minmax(260px,var(--v7-col1)) 8px minmax(320px,var(--v7-col2)) 8px minmax(240px,1fr)!important}.v7-admin-shell>.v5-it-summary{grid-column:auto!important;display:block!important}}
@media(max-width:1100px){.v7-today-page,.v7-workqueue-page{height:auto;overflow:visible}.v7-today-workspace,.v7-workqueue-workspace,.v7-admin-shell{grid-template-columns:1fr!important;height:auto!important}.v7-splitter{display:none}.v7-pane{padding:0;overflow:visible}.v7-fill-card{height:auto}.v7-scroll{max-height:560px}.v7-admin-shell>.v5-admin-users,.v7-admin-shell>.v5-admin-matrix,.v7-admin-shell>.v5-it-summary{height:auto;min-height:440px;margin:0 0 10px}.v7-panel-maximized{left:8px!important;top:125px!important}.v7-filter-grid,.v7-queue-filter{grid-template-columns:1fr 1fr}.v7-filter-grid .ua-search-filter,.v7-queue-filter input{grid-column:1/-1}}
@media(max-width:700px){.v7-filter-grid,.v7-queue-filter{grid-template-columns:1fr}.v7-filter-grid .ua-search-filter,.v7-queue-filter input{grid-column:auto}.v7-metrics{grid-template-columns:repeat(2,1fr)}.v7-secondary-grid{grid-template-columns:1fr}}

/* v7.0.1 panel-resize refinement: horizontal columns use splitters; each card can be resized vertically. */
.v7-resizable-panel:not(.v7-panel-maximized){resize:vertical;overflow:auto;max-height:100%;}
.v7-resizable-panel:not(.v7-panel-maximized)::after{content:"";position:absolute;right:3px;bottom:3px;width:10px;height:10px;border-right:2px solid #9aafb8;border-bottom:2px solid #9aafb8;pointer-events:none;opacity:.55;}
.v5-admin-shell.v7-admin-shell{height:calc(100dvh - 215px);min-height:680px;}
.v7-admin-shell .v5-admin-matrix{overflow:hidden!important;display:flex!important;flex-direction:column!important;}
.v7-admin-shell .v5-matrix-grid{min-height:460px;flex:1 1 auto;overflow:auto!important;scrollbar-gutter:stable;}
@media(max-height:820px) and (min-width:1101px){.v5-admin-shell.v7-admin-shell{height:calc(100dvh - 190px);min-height:560px}.v7-admin-shell .v5-matrix-grid{min-height:320px}}

/* Release 8.0 completed front-desk workflows */
.v8-frontdesk-page .v7-patient-list-pane .ua-card{min-width:0}
.v8-filter-result{display:flex;align-items:center;gap:.55rem;padding:.55rem .9rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f7fbfa;color:#43576b;font-size:.82rem}
.v8-filter-result strong{font-size:1.15rem;color:var(--primary)}
.v8-filter-result span{margin-left:auto;max-width:60%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v8-functional-action{min-height:94px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;text-align:left!important;padding:1rem!important}
.v8-functional-action small{display:block;margin-top:.35rem;color:#687b8d;font-size:.72rem;font-weight:500}
.v8-workflow-patient{display:flex;flex-direction:column;padding:.8rem 1rem;margin-bottom:1rem;border:1px solid #d4e2df;border-left:4px solid var(--primary);border-radius:8px;background:#f6fbfa}
.v8-workflow-patient strong{font-size:1.1rem;color:#102a43}.v8-workflow-patient span{margin-top:.2rem;color:#60758a}
.v8-print-options{display:grid;grid-template-columns:2fr .7fr 1fr;gap:.8rem;margin-bottom:1rem}
.v8-print-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;max-height:48vh;overflow:auto;padding-right:.35rem}
.v8-print-group{border:1px solid #d9e3ea;border-radius:10px;background:#fff;overflow:hidden}.v8-print-group h3{margin:0;padding:.7rem .85rem;background:#f1f7f6;color:#174c44;font-size:.82rem;text-transform:uppercase;letter-spacing:.04em}
.v8-print-template{display:flex;gap:.65rem;padding:.72rem .8rem;border-top:1px solid #edf1f4;cursor:pointer}.v8-print-template:hover{background:#f9fcfb}.v8-print-template input{margin-top:.25rem}.v8-print-template span{display:flex;flex-direction:column}.v8-print-template strong{font-size:.84rem}.v8-print-template small{margin-top:.2rem;color:#697c8e;line-height:1.3}
.v8-history{margin-top:1rem;border:1px solid #dce5ea;border-radius:8px;padding:.7rem .85rem;background:#fafcfd}.v8-history summary{cursor:pointer;font-weight:700}.v8-history p{font-size:.78rem;border-top:1px solid #edf1f4;padding:.55rem 0;margin:0}
.v8-large-modal .modal-dialog,.v8-large-modal .modal-card{width:min(1120px,94vw)!important;max-width:1120px!important}
.v8-print-ready{text-align:center;padding:1rem}.v8-print-ready h2{margin:.2rem 0;color:#0d6f62}.v8-mini-preview{max-height:45vh;overflow:auto;border:1px solid #dce5ea;background:#eee;padding:1rem}.v8-mini-preview .print-page{background:#fff;margin:auto;max-width:700px;padding:1.5rem;box-shadow:0 2px 10px #0002}.v8-mini-preview .print-header{display:flex;justify-content:space-between;border-bottom:3px solid #008b76;padding-bottom:8px}.v8-mini-preview .print-header div{display:flex;flex-direction:column}.v8-mini-preview .print-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.v8-mini-preview .print-grid div{border:1px solid #d6e0e6;padding:8px;display:flex;flex-direction:column}.v8-mini-preview .print-barcode i{display:block;height:30px;background:repeating-linear-gradient(90deg,#111 0 2px,#fff 2px 4px,#111 4px 5px,#fff 5px 8px)}.v8-mini-preview .patient-label,.v8-mini-preview .wristband{border:1px dashed #333;padding:12px;display:flex;flex-direction:column;gap:5px}
.v8-screen-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.v8-screen-question{display:flex;justify-content:space-between;align-items:center;gap:1rem;border:1px solid #dce5ea;border-radius:8px;padding:.75rem;background:#fff}.v8-screen-question span{font-size:.84rem;line-height:1.3}.v8-screen-question select{min-width:85px;border:1px solid #b9c8d2;border-radius:6px;padding:.45rem}
.v8-result-banner{border:1px solid #d6e1e6;border-left:6px solid #16836f;border-radius:10px;padding:1rem;background:#f7fbfa}.v8-result-banner strong{font-size:1.35rem;text-transform:capitalize}.v8-result-banner p{font-size:.94rem;line-height:1.5}.v8-result-banner dl{display:grid;grid-template-columns:180px 1fr;gap:.45rem .8rem}.v8-result-banner dt{font-weight:700;color:#53697d}.v8-result-banner dd{margin:0}.v8-result-banner.needs_review,.v8-result-banner.moderate{border-left-color:#e59b19;background:#fffaf0}.v8-result-banner.high{border-left-color:#d33b37;background:#fff5f5}.v8-result-banner.eligible,.v8-result-banner.low{border-left-color:#1b8f55;background:#f3fbf6}
@media(max-width:1050px){.v8-print-catalog{grid-template-columns:1fr}.v8-print-options,.v8-screen-grid{grid-template-columns:1fr}.v8-filter-result span{max-width:45%}}

/* Release 9.0: clinical notes studio and explicit unit-first command center */
.v9-notes-page,.v9-unit-page{height:calc(100dvh - 154px);min-height:680px;overflow:hidden;display:flex;flex-direction:column}
.v9-notes-workspace,.v9-unit-workspace{grid-template-columns:minmax(280px,var(--v7-col1)) 8px minmax(520px,var(--v7-col2)) 8px minmax(280px,1fr);min-height:0;flex:1}
.v9-pane{min-width:0;min-height:0;overflow:hidden;display:flex;flex-direction:column;margin:0 7px}
.v9-pane:first-child{margin-left:0}.v9-pane:last-child{margin-right:0}
.v9-note-filters{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px;border-bottom:1px solid var(--border)}
.v9-note-filters input{grid-column:1/-1}.v9-note-filters input,.v9-note-filters select,.v9-composer-toolbar input,.v9-composer-toolbar select,.v9-note-fields input,.v9-bed-filter select,.v9-unit-search input{border:1px solid var(--border);border-radius:8px;background:#fff;padding:10px;color:var(--text);min-width:0}
.v9-note-list{overflow:auto;min-height:0;flex:1;padding:8px;scrollbar-gutter:stable}
.v9-note-list>button{width:100%;display:grid;grid-template-columns:auto 1fr;gap:5px 9px;text-align:left;border:1px solid transparent;background:#fff;border-radius:10px;padding:10px;margin-bottom:6px;cursor:pointer}
.v9-note-list>button:hover{background:#f4fbf9;border-color:#cfe6df}.v9-note-list>button.active{background:#e9f8f3;border-color:#58bca5;box-shadow:inset 4px 0 0 #009879}
.v9-note-list strong,.v9-note-list small,.v9-note-list time{grid-column:2}.v9-note-list small,.v9-note-list time{color:var(--muted);font-size:11px}.v9-note-list time{margin-top:2px}
.v9-note-status{display:inline-flex;align-items:center;justify-content:center;align-self:start;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:800;letter-spacing:.03em}.v9-note-status.draft{background:#fff3d8;color:#9a5b00}.v9-note-status.signed{background:#dff5e8;color:#11663c}
.v9-editor-pane{background:linear-gradient(180deg,#fff 0,#fbfdfd 100%)}.v9-editor-pane>.ua-card-header{flex:0 0 auto}.v9-note-composer,.v9-note-view{overflow:auto;min-height:0;flex:1;padding:14px;scrollbar-gutter:stable}
.v9-composer-toolbar{display:grid;grid-template-columns:1.2fr 1.25fr 1fr;gap:10px;margin-bottom:10px}.v9-composer-toolbar label,.v9-note-fields label{display:flex;flex-direction:column;gap:5px}.v9-composer-toolbar span,.v9-note-fields span{font-size:11px;font-weight:800;color:#53697c;text-transform:uppercase;letter-spacing:.03em}
.v9-note-fields{display:grid;grid-template-columns:1.5fr .8fr 1fr;gap:10px;margin-bottom:10px}.v9-cosign{justify-content:center;flex-direction:row!important;align-items:center;border:1px solid var(--border);border-radius:8px;padding:10px;background:#fff}.v9-cosign span{text-transform:none;letter-spacing:0}
.v9-smart-phrases{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:8px 10px;border:1px solid #d9e6e2;border-radius:8px 8px 0 0;background:#f1faf7}.v9-smart-phrases>span{font-weight:800;color:#155e50;margin-right:4px}.v9-smart-phrases button{border:1px solid #9fd7c8;border-radius:999px;background:#fff;color:#08715d;padding:5px 9px;cursor:pointer;font-weight:700}.v9-smart-phrases button:hover{background:#daf4ec}
.v9-note-textarea{width:100%;min-height:420px;resize:none;border:1px solid #cbd9df;border-top:0;border-radius:0 0 8px 8px;padding:16px;line-height:1.55;font-family:inherit;font-size:14px;background:#fff;outline:none}.v9-note-textarea:focus{box-shadow:inset 0 0 0 2px #65c4b0}
.v9-note-footer{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0 2px;background:linear-gradient(0deg,#fbfdfd 80%,transparent)}.v9-note-footer>span{color:var(--muted);font-size:11px}.v9-note-footer>div{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.ua-button.success{background:#198754;color:#fff;border-color:#198754}
.v9-note-view-head{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid var(--border);padding-bottom:14px}.v9-note-view-head h2{margin:7px 0 4px}.v9-note-view-head p{margin:0;color:var(--muted)}.v9-note-view-head>div:last-child{display:flex;gap:7px;align-items:flex-start}.v9-note-body{font-size:14px;line-height:1.7;white-space:normal;padding:20px 6px;min-height:420px}.v9-note-view footer{border-top:1px solid var(--border);padding-top:10px;display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.v9-note-view footer b{color:#0d6f62}
.v9-note-insights{overflow:auto;padding-bottom:12px}.v9-note-health{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px}.v9-note-health div{border:1px solid var(--border);border-radius:10px;padding:10px;background:#f9fcfb}.v9-note-health span{display:block;color:var(--muted);font-size:11px}.v9-note-health strong{display:block;font-size:22px;color:#0b5366;margin-top:3px}.v9-note-insights h3{padding:0 12px;margin:9px 0}.v9-advisories{padding:0 12px}.v9-advisories article{border:1px solid var(--border);border-left:5px solid #dd9d28;border-radius:8px;padding:10px;margin-bottom:8px;background:#fffaf0}.v9-advisories article.high,.v9-advisories article.critical{border-left-color:#d53b3b;background:#fff5f5}.v9-advisories article.low{border-left-color:#22965f;background:#f3fbf6}.v9-advisories p{font-size:12px;line-height:1.45;color:#50667a}.v9-integrity-card{margin:12px;border-radius:10px;padding:12px;background:linear-gradient(135deg,#073b4c,#0b6d62);color:#fff}.v9-integrity-card p{font-size:12px;line-height:1.5;margin-bottom:0;color:#dcf7f0}
.v9-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;padding:28px;color:var(--muted)}.v9-empty b{color:var(--text)}

.v9-unit-search{display:grid;grid-template-columns:1fr auto;gap:7px;padding:12px;border-bottom:1px solid var(--border)}.v9-unit-categories{display:flex;gap:6px;overflow-x:auto;padding:9px 12px;border-bottom:1px solid var(--border)}.v9-unit-categories button{white-space:nowrap;border:1px solid var(--border);border-radius:999px;background:#fff;padding:7px 10px;cursor:pointer;color:#3e566b}.v9-unit-categories button.active{background:#008d78;color:#fff;border-color:#008d78}.v9-unit-list{overflow:auto;min-height:0;flex:1;padding:8px;scrollbar-gutter:stable}.v9-unit-card{width:100%;display:grid;grid-template-columns:38px 1fr;gap:9px;border:1px solid transparent;background:#fff;border-radius:10px;padding:10px;text-align:left;margin-bottom:6px;cursor:pointer}.v9-unit-card:hover{background:#f4fbf9;border-color:#cde5de}.v9-unit-card.active{background:#e6f7f1;border-color:#42b79d;box-shadow:inset 4px 0 0 #008f79}.v9-unit-card>span:last-child{display:flex;flex-direction:column;gap:3px;min-width:0}.v9-unit-card small,.v9-unit-card em{font-size:10px;color:var(--muted);font-style:normal}.v9-unit-card i{height:5px;border-radius:5px;background:#e7eef1;overflow:hidden;margin:3px 0}.v9-unit-card i b{display:block;height:100%;background:linear-gradient(90deg,#25a86f,#f1b42e,#d94f4f)}.v9-unit-glyph{width:34px;height:34px;border-radius:10px;background:#e8f5f1;color:#08715d;display:grid;place-items:center;font-size:17px;font-weight:900}
.v9-unit-layout{background:#f6f9fa}.v9-unit-layout>.ua-card-header{background:#fff}.v9-bed-filter{display:flex;gap:7px}.v9-unit-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:0;border-bottom:1px solid var(--border);background:#fff}.v9-unit-kpis div{padding:10px;border-right:1px solid var(--border)}.v9-unit-kpis span{display:block;color:var(--muted);font-size:10px}.v9-unit-kpis strong{display:block;font-size:20px;color:#0a4f60;margin-top:3px}.v9-room-layout{overflow:auto;min-height:0;flex:1;padding:12px;scrollbar-gutter:stable}.v9-room{border:1px solid #d7e2e6;border-radius:12px;background:#fff;margin-bottom:12px;overflow:hidden}.v9-room>header{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;background:#eef5f5;border-bottom:1px solid #d7e2e6}.v9-room h3{margin:0;font-size:13px}.v9-room>header span{font-size:10px;color:var(--muted)}.v9-room>div{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:9px;padding:10px}.v9-bed{border:1px solid #d8e3e7;border-top:5px solid #37a66f;border-radius:9px;background:#fff;overflow:hidden;min-height:140px}.v9-bed.assigned{border-top-color:#357bc2}.v9-bed.occupied{border-top-color:#d84a4a}.v9-bed.dirty,.v9-bed.cleaning{border-top-color:#ef9c28}.v9-bed.blocked{border-top-color:#687886;background:#f5f6f7}.v9-bed>header,.v9-bed>footer{display:flex;justify-content:space-between;gap:7px;padding:8px}.v9-bed>header span{font-size:10px;font-weight:800}.v9-bed>button{width:100%;border:0;background:#fff;padding:9px;text-align:left}.v9-bed>button strong,.v9-bed>button small{display:block}.v9-bed>button small,.v9-bed footer small{color:var(--muted);font-size:10px}.v9-empty-bed{padding:20px 9px;color:#438264;text-align:center;font-weight:700}.v9-bed footer{border-top:1px solid #edf1f3;align-items:center}
.v9-unit-launch{min-height:520px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px}.v9-unit-launch>span{width:86px;height:86px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(135deg,#dff7ef,#dfeeff);color:#05725f;font-size:38px;box-shadow:0 10px 30px #0c6b5c22}.v9-unit-launch h2{font-size:26px;margin:18px 0 8px}.v9-unit-launch p{max-width:600px;line-height:1.6;color:var(--muted);font-size:14px}.v9-unit-command{overflow:auto}.v9-unit-identity{display:flex;align-items:center;gap:10px;padding:13px}.v9-unit-identity>span{width:45px;height:45px;border-radius:12px;background:#e6f6f1;color:#08715d;display:grid;place-items:center;font-size:22px}.v9-unit-identity strong,.v9-unit-identity small{display:block}.v9-unit-identity small{color:var(--muted);margin-top:3px}.v9-unit-command>.ua-button{margin:0 12px 12px}.v9-unit-command h3{padding:0 12px}.v9-pending-list{padding:0 12px}.v9-pending-list article{border:1px solid var(--border);border-radius:9px;padding:9px;margin-bottom:7px}.v9-pending-list article>button{border:0;background:#fff;text-align:left;width:100%;padding:0}.v9-pending-list strong,.v9-pending-list small{display:block}.v9-pending-list small{color:var(--muted);font-size:10px;margin-top:3px}.v9-pending-list .ua-status{display:inline-block;margin-top:7px}.v9-unit-steps{margin:0 12px 16px;padding-left:22px;color:#53697c;font-size:12px;line-height:1.8}.v9-empty.command{min-height:400px}

@media(max-width:1350px){.v9-notes-workspace,.v9-unit-workspace{grid-template-columns:minmax(260px,var(--v7-col1)) 8px minmax(430px,var(--v7-col2)) 8px minmax(240px,1fr)}.v9-composer-toolbar,.v9-note-fields{grid-template-columns:1fr 1fr}.v9-cosign{grid-column:1/-1}.v9-unit-kpis{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1100px){.v9-notes-page,.v9-unit-page{height:auto;overflow:visible}.v9-notes-workspace,.v9-unit-workspace{grid-template-columns:1fr!important;height:auto}.v9-pane{margin:0 0 10px;min-height:420px}.v9-note-list,.v9-unit-list,.v9-room-layout{max-height:520px}.v9-note-textarea{min-height:360px}.v9-note-footer{position:static}.v9-unit-launch{min-height:360px}}
@media(max-width:700px){.v9-note-filters,.v9-composer-toolbar,.v9-note-fields,.v9-unit-kpis{grid-template-columns:1fr}.v9-note-filters input{grid-column:auto}.v9-note-footer,.v9-note-view-head,.v9-note-view footer{flex-direction:column;align-items:flex-start}.v9-room>div{grid-template-columns:1fr}}

/* Release 9 — global interaction polish: lively without weakening clinical clarity */
.ua-page{animation:v9-page-enter .18s ease-out}.ua-card,.card,.patient-action-card,.v9-unit-card,.v9-bed{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background-color .16s ease}.ua-card:hover,.card:hover{box-shadow:0 8px 24px rgba(15,63,78,.07)}.patient-action-card:hover,.v9-unit-card:hover{transform:translateY(-1px)}.ua-button,.btn,button{transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease,border-color .12s ease}.ua-button:not(:disabled):active,.btn:not(:disabled):active,button:not(:disabled):active{transform:translateY(1px)}.ua-button.primary,.btn-primary{box-shadow:0 5px 14px rgba(0,143,121,.18)}.ua-button.primary:hover,.btn-primary:hover{box-shadow:0 7px 20px rgba(0,143,121,.25)}
input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid rgba(20,156,134,.28);outline-offset:2px}.v9-note-textarea:focus{border-color:#22a88c;box-shadow:0 0 0 4px rgba(34,168,140,.11)}
.v9-unit-card.active .v9-unit-glyph{animation:v9-soft-pop .24s ease-out}.v9-bed.available:hover{box-shadow:0 7px 18px rgba(38,157,103,.14)}.v9-bed.occupied:hover{box-shadow:0 7px 18px rgba(216,74,74,.12)}
.v9-note-status,.ua-status,.badge{letter-spacing:.01em}.v9-integrity-card{background:linear-gradient(135deg,#f0f9f7,#f4f7ff)}
.v9-note-list,.v9-unit-list,.v9-room-layout,.v9-unit-command,.v9-note-insights{scrollbar-width:thin;scrollbar-color:#9ebbb5 transparent}.v9-note-list::-webkit-scrollbar,.v9-unit-list::-webkit-scrollbar,.v9-room-layout::-webkit-scrollbar,.v9-unit-command::-webkit-scrollbar,.v9-note-insights::-webkit-scrollbar{width:8px;height:8px}.v9-note-list::-webkit-scrollbar-thumb,.v9-unit-list::-webkit-scrollbar-thumb,.v9-room-layout::-webkit-scrollbar-thumb,.v9-unit-command::-webkit-scrollbar-thumb,.v9-note-insights::-webkit-scrollbar-thumb{background:#9ebbb5;border-radius:10px;border:2px solid transparent;background-clip:padding-box}
@keyframes v9-page-enter{from{opacity:.35;transform:translateY(3px)}to{opacity:1;transform:none}}@keyframes v9-soft-pop{0%{transform:scale(.88)}100%{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.ua-page,.ua-card,.card,.patient-action-card,.v9-unit-card,.v9-bed,.ua-button,.btn,button,.v9-unit-card.active .v9-unit-glyph{animation:none!important;transition:none!important;transform:none!important}}

/* Release 10.1 — clinical audio annotation studio */
.audio-annotation-modal{max-width:min(1120px,96vw)}
.audio-context-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}
.audio-consent{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border:1px solid #cbd5e1;border-radius:10px;background:#f8fafc;font-weight:600}
.audio-consent input{margin-top:3px;width:18px;height:18px;accent-color:#008f78}
.audio-studio-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:14px;margin:14px 0}
.audio-recorder-card{border:1px solid #d8e2ea;border-radius:12px;padding:14px;background:#fff;box-shadow:0 4px 16px rgba(15,35,55,.06)}
.audio-recorder-card header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}
.audio-recorder-card h3{margin:0;color:#0a2740}.audio-recorder-card p{margin:4px 0 0;color:#64748b;font-size:.86rem}
.audio-recorder-card #audioTimer{font-variant-numeric:tabular-nums;font-weight:800;color:#006b5a;background:#e7f7f2;border-radius:999px;padding:6px 10px}
.audio-controls{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.audio-upload{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px dashed #94a3b8;border-radius:10px;padding:11px;margin:12px 0;background:#f8fafc}
.audio-upload input{max-width:55%}.audio-recorder-card audio{width:100%;margin:8px 0}
.audio-capture-status{padding:10px 12px;border-radius:9px;margin:10px 0;font-size:.9rem}.audio-capture-status.info{background:#eef6ff;color:#174b77}.audio-capture-status.success{background:#eaf8f0;color:#17633f}.audio-capture-status.warning{background:#fff6db;color:#7b5200}.audio-capture-status.recording{background:#fff0f0;color:#a51e2b;animation:ua-record-pulse 1.4s ease-in-out infinite}.audio-capture-status.danger{background:#fee2e2;color:#991b1b}
@keyframes ua-record-pulse{50%{box-shadow:0 0 0 4px rgba(220,38,38,.12)}}
.audio-transcript{min-height:150px}.audio-provenance{display:flex;flex-direction:column;gap:4px;border-left:4px solid #0a8f73;padding:10px 12px;margin:12px 0;background:#ecfdf5}.audio-provenance.low{border-color:#dc2626;background:#fef2f2}.audio-provenance span{font-size:.86rem;color:#475569}
.audio-draft-head{display:flex;justify-content:space-between;align-items:center}.audio-draft-head span,.v9-audio-link span{color:#64748b;font-size:.84rem}.audio-draft-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}
.v9-audio-link{display:flex;flex-direction:column;gap:3px;padding:10px 12px;border:1px solid #9bd8cb;border-radius:9px;background:#effcf8;margin:8px 0}
@media(max-width:900px){.audio-context-grid{grid-template-columns:1fr 1fr}.audio-studio-grid{grid-template-columns:1fr}}
@media(max-width:560px){.audio-context-grid{grid-template-columns:1fr}.audio-upload{align-items:flex-start;flex-direction:column}.audio-upload input{max-width:100%}}
@media(prefers-reduced-motion:reduce){.audio-capture-status.recording{animation:none}}
\n\n/* ==========================================================================\n   Release 10.2 — mobile-first, touch-safe production shell\n   ========================================================================== */\n.first-run-panel{display:grid;gap:14px;padding:18px;border:1px solid #b9d8ce;border-radius:12px;background:#f5fbf8}.first-run-panel h2{margin:0;color:var(--ua-navy-950)}.first-run-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.first-run-grid .full{grid-column:1/-1}.first-run-grid input,.first-run-grid select,.login-credentials input{width:100%;min-height:46px;border:1px solid #c9d7dd;border-radius:8px;padding:0 12px;background:#fff}.login-panel{max-height:calc(100dvh - 32px);overflow:auto}.module-navigation{scrollbar-width:thin}.quick-rail{transition:transform .2s ease}.mobile-nav-open:after{content:"";position:fixed;z-index:455;inset:var(--ua-header-h) 0 0 0;background:rgba(8,30,44,.38);backdrop-filter:blur(1px)}\n@media(max-width:900px){\n  :root{--ua-header-h:64px;--ua-module-h:50px;--ua-footer-h:0px}\n  .ehr-header{height:var(--ua-header-h);grid-template-columns:minmax(0,1fr) auto;padding:0 8px;gap:6px}\n  .brand-zone{min-width:0;gap:7px}.app-launcher-button{width:44px;height:44px;flex:0 0 44px}.ehr-brand{min-width:0}.ehr-brand img{width:36px;height:36px}.ehr-brand strong{font-size:14px;white-space:nowrap}.ehr-brand small{display:none}\n  .header-actions{gap:3px}.header-action{width:40px;min-width:40px;height:44px;padding:0}.header-action>span:last-of-type{display:none}.profile-menu-button{width:44px;min-width:44px;height:44px;padding:3px;border-radius:50%}.profile-menu-button>span{display:none}.profile-menu-button img{width:36px;height:36px}\n  .module-navigation{top:var(--ua-header-h);left:0;height:var(--ua-module-h);padding:0 6px;gap:2px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity}.module-navigation button{min-width:max-content;min-height:48px;padding:0 12px;scroll-snap-align:start}\n  .quick-rail{top:var(--ua-header-h);padding-top:var(--ua-module-h);width:min(82vw,310px);box-shadow:12px 0 30px rgba(0,0,0,.22);z-index:460}.quick-rail.open{transform:translateX(0)}\n  .ehr-workspace{top:calc(var(--ua-header-h) + var(--ua-module-h));left:0;bottom:0;padding:10px 8px 24px;overscroll-behavior:contain}.activity-launcher{top:calc(var(--ua-header-h) + 4px);left:6px;width:calc(100vw - 12px);max-height:calc(100dvh - var(--ua-header-h) - 12px);overflow:auto}\n  .page-header{flex-direction:column}.page-actions{width:100%;justify-content:flex-start}.page-actions .btn{flex:1 1 auto}\n  .grid-4,.grid-3,.grid-2,.ops-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.context-strip{align-items:flex-start;flex-wrap:wrap}.context-actions{width:100%;margin-left:0;overflow-x:auto}.context-actions .btn{flex:0 0 auto}\n  .modal{width:100vw;max-width:none;max-height:92dvh;margin:0;border-radius:18px 18px 0 0;position:fixed;left:0;right:0;bottom:0}.modal-body{max-height:calc(92dvh - 132px);overflow:auto}.modal-footer{position:sticky;bottom:0;background:#fff;flex-wrap:wrap}.modal-footer .btn{flex:1 1 140px}\n  .table-wrap{max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch}.enterprise-table,.ua-data-table{min-width:720px}.v7-scroll,.v6-list-scroll,.v6-context-scroll,.v9-note-list,.v9-unit-list,.v9-room-layout{max-height:none}\n  button,.btn,input,select,textarea{font-size:16px}.btn,.ua-button,.front-action,.patient-action-card{min-height:44px}.field>span{font-size:12px}\n}\n@media(max-width:600px){\n  .login-overlay{padding:0;place-items:stretch}.login-panel{width:100%;max-height:100dvh;border-radius:0;padding:18px 14px}.government-login-logo{align-items:flex-start}.government-login-logo img{width:54px}.brand-lockup.login-brand img{width:58px;height:68px}.brand-lockup h1{font-size:26px}.login-body{grid-template-columns:1fr!important}.login-credentials,.first-run-grid{grid-template-columns:1fr}.first-run-grid .full{grid-column:auto}.login-footer{gap:8px;align-items:flex-start;flex-direction:column}\n  .ehr-brand img{display:none}.ehr-brand strong{font-size:13px}.header-actions .header-action:nth-child(2),.header-actions .header-action:nth-child(3){display:none}.language-switch{display:none}\n  .grid-4,.grid-3,.grid-2,.ops-metric-grid,.v7-metrics,.v9-unit-kpis{grid-template-columns:1fr}.patient-action-grid,.action-grid{grid-template-columns:1fr 1fr}.patient-mid-grid,.split-panels,.ops-layout,.workqueue-layout{grid-template-columns:1fr}.walkin-stepper,.walkin-modal-steps,.workflow-steps-v4{grid-template-columns:repeat(2,1fr)}\n  .ua-page,.card,.ua-card{border-radius:8px}.ehr-workspace{padding-inline:6px}.page-header h1{font-size:22px}.toast-region{left:8px;right:8px;bottom:12px}.toast{max-width:none;width:100%}\n}\n@media(max-width:390px){.patient-action-grid,.action-grid{grid-template-columns:1fr}.header-actions .header-action{display:none}.profile-menu-button{display:flex}.module-navigation button{padding-inline:9px}}\n

/* ==========================================================================\n   Release 10.3 — collision-free mobile header and persistent workflow nav\n   ========================================================================== */
.mobile-workflow-nav{display:none}
@media(max-width:900px){
  :root{--ua-mobile-nav-h:64px}
  .ehr-header{
    grid-template-columns:minmax(0,1fr) auto;
    overflow:hidden;
  }
  .brand-zone{overflow:hidden;max-width:100%}
  .facility-card{display:none}
  .ehr-brand{flex:1 1 auto;overflow:hidden}
  .ehr-brand>div{min-width:0;overflow:hidden}
  .ehr-brand strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .header-actions{flex:0 0 auto;min-width:0;max-width:52vw;justify-content:flex-end;overflow:hidden}
  .header-action{flex:0 0 40px}
  .header-action b{top:1px;right:1px;z-index:2}
  .language-switch{flex:0 0 auto}
  .profile-menu-button{flex:0 0 44px}
  .quick-rail{transform:translateX(-105%);visibility:hidden;pointer-events:none}
  .quick-rail.open{transform:translateX(0);visibility:visible;pointer-events:auto}
  .mobile-workflow-nav{
    position:fixed;z-index:470;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
    left:0;right:0;bottom:0;height:var(--ua-mobile-nav-h);padding:4px 6px calc(4px + env(safe-area-inset-bottom));
    background:#102f43;border-top:1px solid rgba(255,255,255,.12);box-shadow:0 -5px 18px rgba(10,35,49,.2)
  }
  .mobile-workflow-item{border:0;background:transparent;color:#eaf7fb;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;border-radius:8px;padding:3px 2px;font-size:10px;font-weight:750}
  .mobile-workflow-item svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8}
  .mobile-workflow-item span{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}
  .mobile-workflow-item.active{background:#00957d;color:#fff}
  .mobile-workflow-item.more{background:rgba(255,255,255,.08)}
  .ehr-workspace{bottom:calc(var(--ua-mobile-nav-h) + env(safe-area-inset-bottom));padding-bottom:22px}
  .mobile-nav-open{overflow:hidden}
  .mobile-nav-open .mobile-workflow-nav{visibility:hidden}
}
@media(max-width:700px){
  .ehr-header{grid-template-columns:minmax(0,1fr) auto;padding-right:5px}
  .header-actions{max-width:145px;gap:0}
  #messagesButton,#notificationsButton,.ehr-header .header-action:not(#messagesButton):not(#notificationsButton){display:none}
  .language-switch{display:flex;height:34px}
  .profile-menu-button{display:flex!important}
  .ehr-brand img{display:block;width:32px;height:32px;flex:0 0 32px}
  .ehr-brand strong{font-size:13px}
  .app-launcher-button{width:40px;height:40px;flex-basis:40px}
}
@media(max-width:430px){
  .ehr-brand strong{max-width:145px}
  .language-switch span{padding:5px}
  .header-actions{max-width:104px}
  .mobile-workflow-item{font-size:9px}
}

/* v10.4 Recents, favorites and Patient Station lookup */
.launcher-memory{overflow:auto;padding:14px 12px;border-right:1px solid var(--border,#d9e2ea);background:#fbfcfd}
.launcher-memory-section{margin-bottom:20px}.launcher-memory-section header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.launcher-memory-section h3{font-size:.78rem;text-transform:uppercase;letter-spacing:.07em;color:#217d68;margin:0}.launcher-memory-section button.clear-memory{border:0;background:transparent;color:#557085;font-size:.72rem;cursor:pointer}
.launcher-memory-item{display:grid;grid-template-columns:22px 1fr 22px;gap:8px;align-items:center;width:100%;border:0;background:transparent;padding:8px;border-radius:8px;text-align:left;color:#16354d;cursor:pointer}.launcher-memory-item:hover,.launcher-memory-item:focus{background:#e9f7f3;outline:none}.launcher-memory-item small{display:block;color:#718495;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.launcher-memory-item .unpin{border:0;background:transparent;cursor:pointer;color:#d28a00;font-size:1rem}
.launcher-activity{position:relative}.launcher-activity .launcher-pin{position:absolute;right:8px;top:8px;border:0;background:transparent;color:#8093a3;cursor:pointer;font-size:1.05rem;padding:4px}.launcher-activity .launcher-pin.pinned{color:#d28a00}
.patient-lookup-station{display:grid;grid-template-columns:minmax(220px,280px) minmax(420px,1fr) minmax(260px,340px);gap:14px;min-height:calc(100vh - 245px)}
.patient-lookup-station>section,.patient-lookup-station>aside{min-width:0}.patient-memory-list{max-height:calc(100vh - 410px);overflow:auto}.patient-memory-card{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;width:100%;padding:10px;border:0;border-bottom:1px solid #e5ebf0;background:#fff;text-align:left;cursor:pointer}.patient-memory-card:hover{background:#f0faf7}.patient-memory-avatar{width:40px;height:40px;border-radius:50%;background:#e5f3f7;display:grid;place-items:center;font-weight:700;color:#176785;overflow:hidden}.patient-memory-card strong,.patient-memory-card small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.patient-memory-card small{color:#6f8292}.favorite-star{border:0;background:transparent;color:#9aabba;cursor:pointer;font-size:1.15rem}.favorite-star.active{color:#d99a00}
.patient-preview-empty{min-height:320px;display:grid;place-items:center;text-align:center;color:#758898;padding:28px}.patient-preview-card .patient-preview-header{display:flex;gap:14px;align-items:center;padding-bottom:14px;border-bottom:1px solid #e0e7ed}.patient-preview-card .patient-preview-header .patient-memory-avatar{width:58px;height:58px;font-size:1.2rem}.patient-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.patient-preview-grid div{padding:10px;background:#f7fafc;border-radius:8px}.patient-preview-grid span{display:block;font-size:.72rem;color:#758898}.patient-preview-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
@media(max-width:1100px){.patient-lookup-station{grid-template-columns:240px 1fr}.patient-lookup-station>.patient-preview-pane{grid-column:1/-1}.patient-preview-actions{grid-template-columns:repeat(4,1fr)}}
@media(max-width:760px){.patient-lookup-station{display:block}.patient-lookup-station>section,.patient-lookup-station>aside{margin-bottom:12px}.patient-memory-list{max-height:240px}.patient-preview-actions{grid-template-columns:1fr 1fr}.launcher-columns{grid-template-columns:1fr!important}.launcher-memory{border-right:0;border-bottom:1px solid #d9e2ea;max-height:220px}.launcher-categories,.launcher-activities{min-width:0}}

/* v10.5 multi-country landing and context */
.country-landing{position:fixed;inset:0;z-index:5000;background:#f7faf9;color:#102a43;overflow:auto}.country-header{height:74px;background:#fff;border-bottom:1px solid #d8e2e8;display:flex;align-items:center;justify-content:space-between;padding:0 38px}.country-brand{display:flex;align-items:center;gap:14px}.country-brand img{width:48px;height:48px}.country-brand strong{display:block;font-size:27px;color:#087f70}.country-brand span{color:#60758a}.country-assurance{display:flex;gap:24px;color:#087f70}.country-main{max-width:1500px;margin:auto;padding:48px 32px}.country-intro{text-align:center;max-width:760px;margin:0 auto 32px}.country-intro h1{font-size:44px;margin:8px 0}.country-intro>p:last-child{font-size:18px;color:#60758a}.country-card-grid{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:24px}.country-card{background:#fff;border:2px solid #dbe5e9;border-radius:18px;padding:24px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:.18s ease;min-height:330px}.country-card:hover,.country-card.selected{border-color:#079782;box-shadow:0 14px 35px rgba(0,112,95,.13);transform:translateY(-2px)}.country-card img{height:175px;max-width:220px;object-fit:contain}.country-card strong{font-size:32px}.country-card span{font-size:17px;color:#66788a}.country-card em{font-style:normal;background:#078f7a;color:#fff;border-radius:10px;padding:11px 50px;margin-top:auto;font-weight:700}.country-access-info{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;margin-top:28px}.country-access-info article{background:#fff;border:1px solid #dbe5e9;border-radius:16px;padding:24px}.country-access-info h2{margin-top:0}.country-access-info ol{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:0;list-style:none;counter-reset:step}.country-access-info li{padding:16px;background:#f0faf7;border-radius:10px;counter-increment:step}.country-access-info li:before{content:counter(step);display:block;color:#078f7a;font-weight:800;font-size:22px}.preview-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.preview-fields span{border:1px solid #cbd8df;border-radius:8px;padding:14px;color:#50677a}.hidden.country-landing{display:none!important}
@media(max-width:800px){.country-header{height:auto;padding:16px}.country-assurance{display:none}.country-main{padding:26px 16px}.country-intro h1{font-size:32px}.country-card-grid{grid-template-columns:1fr}.country-card{min-height:260px}.country-card img{height:125px}.country-access-info{grid-template-columns:1fr}.country-access-info ol{grid-template-columns:1fr 1fr}.country-brand span{display:none}}

/* v10.6 collaboration, responsive live refresh and hover-to-discover */
.v106-lock-panel{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:20px;align-items:center;max-width:1050px;margin:32px auto;padding:28px;border:1px solid #cfdde3;border-radius:16px;background:#fff;box-shadow:0 12px 32px rgba(12,48,70,.08)}
.v106-lock-icon{width:68px;height:68px;border-radius:18px;background:#e9f7f3;display:grid;place-items:center;font-size:30px}.v106-lock-panel h2{margin:3px 0 8px}.v106-lock-panel .page-actions{justify-content:flex-end;max-width:250px}
[data-tooltip]{position:relative}.tooltip-portal{position:fixed;z-index:10000;max-width:310px;padding:9px 11px;border-radius:8px;background:#16354d;color:#fff;font-size:12px;line-height:1.4;box-shadow:0 8px 24px rgba(0,0,0,.2);pointer-events:none}
@media (hover:hover){[data-tooltip]:hover:after,[data-tooltip]:focus-visible:after{content:attr(data-tooltip);position:absolute;z-index:9999;left:50%;bottom:calc(100% + 9px);transform:translateX(-50%);width:max-content;max-width:290px;padding:8px 10px;border-radius:7px;background:#17364b;color:#fff;font-size:12px;font-weight:500;line-height:1.35;text-align:left;white-space:normal;box-shadow:0 7px 20px rgba(0,0,0,.2);pointer-events:none}[data-tooltip]:hover:before,[data-tooltip]:focus-visible:before{content:'';position:absolute;z-index:10000;left:50%;bottom:calc(100% + 3px);transform:translateX(-50%);border:6px solid transparent;border-top-color:#17364b}}
@media(max-width:760px){.v106-lock-panel{grid-template-columns:1fr;margin:14px;padding:18px}.v106-lock-panel .page-actions{max-width:none;justify-content:stretch}.v106-lock-panel .page-actions>*{width:100%}}
/* v10.8 compact, contemporary country landing */
.compact-landing{max-width:1360px;padding:28px 30px 34px}.country-hero-compact{display:grid;grid-template-columns:1.35fr .65fr;align-items:center;gap:28px;background:linear-gradient(135deg,#eefbf7 0%,#fff 62%);border:1px solid #d9e8e3;border-radius:24px;padding:30px 34px;margin-bottom:22px;overflow:hidden;position:relative}.country-hero-compact h1{font-size:42px;line-height:1.05;margin:6px 0 12px;color:#123449}.country-hero-compact p{font-size:17px;color:#61788a;max-width:760px;margin:0}.hero-chips{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.hero-chips span{background:#fff;border:1px solid #cfe2dc;border-radius:999px;padding:8px 12px;color:#087f70;font-weight:700;font-size:13px}.landing-art{height:142px;border-radius:20px;background:linear-gradient(135deg,#078f7a,#064c62);display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;box-shadow:0 18px 38px rgba(8,93,88,.18);transform:rotate(1deg)}.landing-art span{font-size:50px;line-height:1}.landing-art b{margin-top:8px;font-size:16px}.compact-cards{gap:16px}.compact-cards .country-card{min-height:210px;padding:18px 20px;display:grid;grid-template-columns:86px 1fr auto;grid-template-rows:1fr;align-items:center;text-align:left;position:relative}.compact-cards .country-card img{width:76px;height:100px;object-fit:contain}.compact-cards .country-card strong{font-size:26px;display:block}.compact-cards .country-card span{font-size:14px}.compact-cards .country-card em{margin:0;padding:10px 18px}.country-code{position:absolute;top:12px;right:14px;background:#eff7f5;border-radius:8px;padding:4px 7px;font-weight:900;color:#087f70;font-size:11px!important;letter-spacing:.08em}.landing-lower-grid{display:grid;grid-template-columns:1.45fr .55fr;gap:16px;margin-top:18px}.quick-access-card,.context-callout{background:#fff;border:1px solid #dbe7e4;border-radius:18px;padding:18px;box-shadow:0 8px 24px rgba(31,64,73,.05)}.quick-access-card{display:grid;grid-template-columns:36px 1fr 36px 1fr 36px 1fr;align-items:center;gap:10px}.quick-access-card div:not(.quick-icon){display:flex;flex-direction:column}.quick-access-card strong{color:#143b4c}.quick-access-card span{font-size:12px;color:#718695;margin-top:3px}.quick-icon{width:30px;height:30px;border-radius:10px;background:#e8f8f3;color:#078f7a;font-weight:900;display:grid;place-items:center}.context-callout{display:flex;gap:13px;align-items:center;background:#0c4f5b;color:#fff}.context-callout p{margin:4px 0 0;color:#d9efec;font-size:13px}.callout-icon{font-size:30px}.country-main.compact-landing:after{content:'Designed for real clinical work.';display:block;text-align:center;color:#79909d;font-size:12px;margin-top:18px}
@media(max-width:980px){.country-hero-compact{grid-template-columns:1fr}.landing-art{display:none}.compact-cards{grid-template-columns:1fr}.landing-lower-grid{grid-template-columns:1fr}.quick-access-card{grid-template-columns:36px 1fr}.compact-cards .country-card{grid-template-columns:74px 1fr auto;min-height:150px}.compact-cards .country-card img{height:82px}}
@media(max-width:560px){.compact-landing{padding:16px 12px 90px}.country-header{padding:12px 14px}.country-brand strong{font-size:21px}.country-hero-compact{padding:22px 20px;border-radius:18px}.country-hero-compact h1{font-size:31px}.hero-chips span{font-size:11px}.compact-cards .country-card{grid-template-columns:62px 1fr;grid-template-rows:auto auto;padding:15px}.compact-cards .country-card img{width:58px;height:68px}.compact-cards .country-card em{grid-column:1/-1;width:100%;text-align:center}.compact-cards .country-card strong{font-size:22px}.context-callout{align-items:flex-start}}


/* v10.10 polished pinned and recent activity memory */
.launcher-memory{padding:18px 14px 22px;background:linear-gradient(180deg,#fbfdfd 0%,#f7fafb 100%);scrollbar-width:thin}
.launcher-memory-section{margin:0 0 22px}
.launcher-memory-section+ .launcher-memory-section{border-top:1px solid #dce6e9;padding-top:20px}
.launcher-memory-section header{display:flex;align-items:center;justify-content:space-between;margin:0 4px 12px}
.launcher-memory-section h3{margin:0;font-size:.82rem;line-height:1;text-transform:uppercase;letter-spacing:.105em;color:#147b67;font-weight:800}
.launcher-memory-section .section-symbol{color:#198b75;font-size:.95rem}
.launcher-memory-section button.clear-memory{border:0;background:transparent;color:#267a6c;font-size:.75rem;font-weight:700;padding:5px 7px;border-radius:6px;cursor:pointer}
.launcher-memory-section button.clear-memory:hover,.launcher-memory-section button.clear-memory:focus-visible{background:#e8f6f2;outline:2px solid #9ed7ca;outline-offset:1px}
.launcher-memory-list{display:grid;gap:9px}
.launcher-memory-card{display:grid;grid-template-columns:38px minmax(0,1fr) 28px 16px;gap:9px;align-items:center;width:100%;min-height:66px;padding:9px 10px;border:1px solid #d5e1e5;border-radius:12px;background:#fff;color:#15364d;box-shadow:0 2px 8px rgba(26,64,79,.035);cursor:pointer;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease,background .14s ease}
.launcher-memory-card:hover,.launcher-memory-card:focus-visible{background:#f4fbf8;border-color:#8bcbbb;box-shadow:0 7px 18px rgba(13,104,86,.10);transform:translateY(-1px);outline:none}
.launcher-memory-icon{width:38px;height:38px;margin:0!important;border-radius:10px;background:#eaf6f3;color:#13846e;display:grid!important;place-items:center}
.launcher-memory-icon svg{width:20px;height:20px}
.launcher-memory-copy{min-width:0;margin:0!important}
.launcher-memory-copy strong{display:block;font-size:.85rem;line-height:1.2;color:#16364e;font-weight:800;white-space:normal;overflow-wrap:anywhere}
.launcher-memory-copy small{display:block;margin-top:3px;color:#708697;font-size:.7rem;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.launcher-memory-pin{width:28px;height:28px;margin:0!important;border:0;border-radius:8px;background:transparent;color:#78909f;font-size:1.05rem;display:grid!important;place-items:center;cursor:pointer}
.launcher-memory-pin:hover,.launcher-memory-pin:focus-visible{background:#e4f4ef;color:#087f70;outline:none}
.launcher-memory-pin.active{color:#d18a00;background:#fff8df}
.launcher-memory-chevron{margin:0!important;color:#4f7284;font-size:1.25rem;line-height:1}
.launcher-memory-empty{min-height:150px;padding:19px 14px;border:1px dashed #b9d8d0;border-radius:14px;background:linear-gradient(145deg,#f0faf7,#f8fcfb);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#547282}
.launcher-memory-empty .empty-pin{width:46px;height:46px;margin:0 0 10px!important;border-radius:50%;border:1px dashed #78bcae;display:grid!important;place-items:center;color:#168a74;font-size:1.05rem;background:#fff}
.launcher-memory-empty strong{font-size:.84rem;color:#147b67}
.launcher-memory-empty small{max-width:190px;margin-top:5px;font-size:.71rem;line-height:1.4;color:#738894}
.launcher-memory-empty.compact{min-height:86px}
@media(max-width:760px){.launcher-memory{max-height:none;padding:14px 12px}.launcher-memory-empty{min-height:112px}.launcher-memory-card{grid-template-columns:38px minmax(0,1fr) 28px 14px}}
@media(prefers-reduced-motion:reduce){.launcher-memory-card{transition:none}.launcher-memory-card:hover,.launcher-memory-card:focus-visible{transform:none}}

/* v10.12 compact launcher, branded loading, country ambience and personalization */
.activity-launcher{width:min(900px,calc(100vw - 92px));min-height:0;max-height:calc(100dvh - 78px);overflow:hidden;border-radius:14px}
.launcher-columns{grid-template-columns:minmax(190px,24%) minmax(180px,25%) minmax(260px,1fr);min-height:330px;max-height:calc(100dvh - 190px)}
.launcher-memory{padding:12px 10px 14px}.launcher-memory-section{margin-bottom:14px}.launcher-memory-section+.launcher-memory-section{padding-top:13px}.launcher-memory-section header{margin:0 3px 8px}
.launcher-memory-section header span{margin:0!important}.launcher-memory-list{gap:6px}.launcher-memory-card{grid-template-columns:30px minmax(0,1fr) 25px 12px;gap:7px;min-height:48px;padding:6px 7px;border-radius:9px}
.launcher-memory-icon{width:30px;height:30px;border-radius:8px}.launcher-memory-icon svg{width:16px;height:16px}
.launcher-memory-copy strong{font-size:.74rem;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal}.launcher-memory-copy small{font-size:.63rem;margin-top:2px}
.launcher-memory-pin{width:25px;height:25px;font-size:.9rem}.launcher-memory-chevron{font-size:1rem}.launcher-memory-empty{min-height:92px;padding:12px 10px;border-radius:10px}
.launcher-memory-empty .empty-pin{width:32px;height:32px;margin-bottom:6px!important;font-size:.8rem}.launcher-memory-empty strong{font-size:.72rem}.launcher-memory-empty small{font-size:.63rem;line-height:1.3}
.launcher-memory-empty.compact{min-height:62px}.launcher-categories,.launcher-activities{min-width:0}.launcher-activity>span:nth-child(2){min-width:0}.launcher-activity strong,.launcher-activity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ua-branded-loader{min-height:calc(100% - 20px);display:grid;place-content:center;justify-items:center;text-align:center;padding:40px;color:var(--ink,#17364b)}
.ua-branded-loader h2{margin:18px 0 6px;font-size:18px}.ua-branded-loader p{margin:0;color:var(--muted,#6d8290);font-size:12px}
.ua-loader-orbit{position:relative;width:86px;height:86px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--ua-teal-700,#008c76) 10%,transparent);box-shadow:0 0 0 0 rgba(0,170,142,.35);animation:ua-loader-glow 1.6s ease-in-out infinite}
.ua-loader-orbit:before,.ua-loader-orbit:after{content:"";position:absolute;inset:-7px;border:2px solid transparent;border-top-color:var(--ua-teal-500,#00b99a);border-radius:50%;animation:ua-spin 1.1s linear infinite}.ua-loader-orbit:after{inset:-15px;border-top-color:transparent;border-bottom-color:rgba(0,185,154,.42);animation-duration:1.8s;animation-direction:reverse}
.ua-loader-orbit img{width:56px;height:56px;filter:drop-shadow(0 0 10px rgba(0,185,154,.42))}
@keyframes ua-loader-glow{50%{box-shadow:0 0 0 18px rgba(0,170,142,0)}} 
.v1012-preferences{display:grid;grid-template-columns:1fr 1fr;gap:12px}.v1012-preferences>p,.v1012-preferences>.v1012-check{grid-column:1/-1}.v1012-check{display:flex;align-items:center;gap:9px;padding:12px;border:1px solid var(--ua-border,#d9e2e8);border-radius:9px}
html[data-accent="blue"]{--ua-teal-700:#176fb3;--ua-teal-500:#3b96dc;--green-800:#176fb3}html[data-accent="violet"]{--ua-teal-700:#7357ad;--ua-teal-500:#9277c9;--green-800:#7357ad}
html[data-country="TZ"]{--country-flag:linear-gradient(135deg,#1eb53a 0 27%,#fcd116 27% 30%,#000 30% 48%,#fcd116 48% 51%,#00a3dd 51%)}html[data-country="KE"]{--country-flag:linear-gradient(#000 0 30%,#fff 30% 34%,#bb0000 34% 66%,#fff 66% 70%,#006600 70%)}html[data-country="NG"]{--country-flag:linear-gradient(90deg,#008753 0 33%,#fff 33% 66%,#008753 66%)}
html.country-ambience .ehr-workspace{background-image:linear-gradient(rgba(247,249,250,.965),rgba(247,249,250,.965)),var(--country-flag)}
html[data-density="compact"] .card-body,html[data-density="compact"] .ua-card{padding:8px}html[data-density="compact"] .enterprise-table td,html[data-density="compact"] .enterprise-table th{padding-block:6px}
html[data-theme="dark"],html[data-theme="system"]{color-scheme:dark}
html[data-theme="dark"]{--ink:#d9e9ee;--muted:#91aab5;--canvas:#0b202b;--line:#29434e;--ua-ink:#d9e9ee;--ua-border:#29434e;--v5-border:#29434e}
html[data-theme="dark"] body,html[data-theme="dark"] .ehr-workspace{background:#071821;color:#d9e9ee}
html[data-theme="dark"] .card,html[data-theme="dark"] .ua-card,html[data-theme="dark"] .activity-launcher,html[data-theme="dark"] .launcher-memory,html[data-theme="dark"] .launcher-category,html[data-theme="dark"] .launcher-activity,html[data-theme="dark"] .launcher-memory-card,html[data-theme="dark"] .module-navigation,html[data-theme="dark"] .module-tab,html[data-theme="dark"] .ehr-statusbar,html[data-theme="dark"] .v5-record-header,html[data-theme="dark"] .v5-workspace-tabs,html[data-theme="dark"] .v5-detail-grid>div,html[data-theme="dark"] .v5-patient-list>button,html[data-theme="dark"] .v5-queue-summary>button{background:#102a36;color:#d9e9ee;border-color:#29434e}
html[data-theme="dark"] h1,html[data-theme="dark"] h2,html[data-theme="dark"] h3,html[data-theme="dark"] strong,html[data-theme="dark"] .launcher-memory-copy strong,html[data-theme="dark"] .v5-record-identity h2{color:#e5f4f7}
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{background:#081d27;color:#e5f4f7;border-color:#38515c}
html[data-theme="dark"].country-ambience .ehr-workspace{background-image:linear-gradient(rgba(7,24,33,.95),rgba(7,24,33,.95)),var(--country-flag)}
@media(prefers-color-scheme:dark){html[data-theme="system"]{--ink:#d9e9ee;--muted:#91aab5;--canvas:#0b202b;--line:#29434e;--ua-ink:#d9e9ee;--ua-border:#29434e}html[data-theme="system"] body,html[data-theme="system"] .ehr-workspace{background:#071821;color:#d9e9ee}}
.patient-station-v5{grid-template-columns:minmax(230px,20%) minmax(0,1fr) minmax(220px,18%);gap:12px}.v5-station-main,.v5-station-list>.ua-card,.v5-station-right>.ua-card{border-radius:12px;box-shadow:0 5px 18px rgba(11,48,62,.06)}
.v5-patient-list>button{grid-template-columns:68px minmax(0,1fr);padding:10px;font-size:10px;transition:background .14s ease,transform .14s ease}.v5-patient-list>button strong{font-size:11px}.v5-patient-list>button small{font-size:9px}.v5-patient-list>button:hover{background:#f0faf7;transform:translateX(2px)}
@media(max-width:760px){.activity-launcher{top:calc(var(--ua-header-h) + 4px);left:6px;width:calc(100vw - 12px);max-height:calc(100dvh - var(--ua-header-h) - 10px);overflow:auto}.launcher-columns{display:grid;grid-template-columns:1fr!important;max-height:none}.launcher-memory{max-height:190px;padding:10px;border-right:0;border-bottom:1px solid var(--ua-border)}.launcher-memory-section{margin:0}.launcher-memory-section+.launcher-memory-section{margin-top:10px;padding-top:10px}.launcher-memory-empty{min-height:64px}.launcher-memory-empty small{display:none}.launcher-categories{display:flex;overflow-x:auto;padding:6px;border-bottom:1px solid var(--ua-border)}.launcher-category{min-width:max-content;width:auto;height:38px;padding:0 11px!important;border-left:0!important;border-bottom:3px solid transparent}.launcher-category.active{border-bottom-color:#198f72}.launcher-category .cat-chevron{display:none}.launcher-activities{max-height:240px}.launcher-footer{overflow-x:auto}.launcher-footer button{white-space:nowrap}.v1012-preferences{grid-template-columns:1fr}.v1012-preferences>p,.v1012-preferences>.v1012-check{grid-column:auto}}

/* v10.13 mobile clinical workspace, durable alerts and input integrity */
.toast{position:relative;overflow:hidden;padding-right:42px;transition:opacity .18s ease,transform .18s ease}
.toast.leaving{opacity:0;transform:translateY(8px)}
.toast-close{position:absolute;right:7px;top:6px;width:28px;height:28px;border:0;border-radius:8px;background:rgba(255,255,255,.12);color:#fff;font-size:20px;line-height:1;cursor:pointer}
.toast-close:hover,.toast-close:focus-visible{background:rgba(255,255,255,.24);outline:2px solid #fff}
.toast-progress{position:absolute;left:0;bottom:0;height:3px;width:100%;background:#42d6ba;transform-origin:left;animation:toast-countdown var(--toast-duration,60000ms) linear forwards}
@keyframes toast-countdown{to{transform:scaleX(0)}}
.field input,.field select,.field textarea,.ua-card input,.ua-card select,.ua-card textarea{border:1px solid #b8c8d1;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25);background:#fff}
.field input:focus,.field select:focus,.field textarea:focus,.ua-card input:focus,.ua-card select:focus,.ua-card textarea:focus{border-color:#078f78;box-shadow:0 0 0 3px rgba(7,143,120,.14);outline:0}
.ua-card,.card{border:1px solid var(--ua-border,#d7e2e7)}

@media(max-width:760px){
  .login-overlay{padding:0;overflow:auto;place-items:start;background:#eef7f4}
  .login-panel{width:100%;min-height:100dvh;max-height:none!important;border-radius:0;padding:14px!important;box-shadow:none;overflow:visible}
  .login-hero{display:grid!important;grid-template-columns:1fr!important;gap:12px;min-width:0}
  .government-login-logo{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:center;justify-content:stretch;margin:0;padding:12px;border:1px solid #d5e3df;border-radius:14px;background:#f7fbfa}
  .government-login-logo img{width:58px!important;height:58px!important;max-width:100%;object-fit:contain}
  .government-login-logo div{min-width:0}.government-login-logo strong{font-size:15px;line-height:1.25;overflow-wrap:break-word}.government-login-logo span{font-size:11px;line-height:1.35;overflow-wrap:break-word}
  .brand-lockup.login-brand{display:grid;grid-template-columns:58px minmax(0,1fr);gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
  .brand-lockup.login-brand img{width:54px!important;height:54px!important}.brand-lockup.login-brand h1{font-size:25px;line-height:1.05}.brand-lockup.login-brand p{font-size:13px;line-height:1.3}
  .login-network{position:static!important;width:100%;max-width:none;border:1px solid #bcdacf!important;border-radius:10px!important;padding:10px 12px!important;text-align:left;font-size:12px;line-height:1.4}
  .login-body{display:block!important;padding:16px 0!important}.login-credentials{display:grid!important;grid-template-columns:1fr!important;gap:12px}.login-submit{width:100%}
  .login-footer{padding-top:12px;font-size:11px}

  .v7-today-page,.v7-workqueue-page,.v9-notes-page,.v9-unit-page{height:auto!important;min-height:0!important;overflow:visible!important;padding-bottom:78px}
  .v7-today-workspace,.v7-workqueue-workspace,.v9-notes-workspace,.v9-unit-workspace{display:flex!important;flex-direction:column!important;height:auto!important;min-height:0!important}
  .v7-pane,.v9-pane{width:100%;padding:0!important;overflow:visible!important;min-height:0!important}
  .v7-resizable-panel:not(.v7-panel-maximized){resize:none!important;max-height:none!important;overflow:visible!important}
  .v7-scroll,.v9-note-list,.v9-unit-list{max-height:none!important;overflow:visible!important}
  .v8-frontdesk-page .v7-patient-list-pane{order:1}.v8-frontdesk-page .v7-workflow-pane{order:2}
  .v7-filter-grid,.v7-queue-filter{display:grid!important;grid-template-columns:1fr!important;padding:10px;gap:9px}.v7-filter-grid>*{grid-column:auto!important;width:100%}
  .v7-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}.v7-metrics .today-metric{min-width:0;border:1px solid #dce6e9;border-radius:8px}
  .v7-patient-table{min-width:680px}.table-wrap{border:1px solid #d9e3e7;border-radius:9px}
  .v9-notes-workspace{gap:12px}.v9-note-insights{order:3}.v9-note-editor{order:2}.v9-note-list-pane{order:1}
  .v9-note-health{grid-template-columns:repeat(2,minmax(0,1fr))!important}.v9-note-health>div{border:1px solid #e0e8ec;border-radius:8px;min-width:0}
  .v9-integrity-card{opacity:1!important;color:#29475b!important;background:#edf6fb!important;border:1px solid #c9dce7!important}
  .v9-integrity-card *{color:inherit!important}
  .audio-annotation-modal{width:100vw!important;max-width:none!important}.audio-context-grid,.audio-studio-grid{grid-template-columns:1fr!important}.audio-recorder-card{padding:12px;min-width:0}
  .audio-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.audio-controls .btn{width:100%;min-width:0;padding-inline:8px;white-space:normal}
  .audio-upload{display:grid;grid-template-columns:1fr;gap:8px}.audio-upload input{width:100%;max-width:100%}.audio-consent{font-size:12px;line-height:1.45}
  .audio-transcript{min-height:210px}.modal-footer{z-index:4;border-top:1px solid #d9e3e7}
}
@media(max-width:390px){.v7-metrics,.v9-note-health{grid-template-columns:1fr 1fr!important}.audio-controls{grid-template-columns:1fr 1fr}.government-login-logo{grid-template-columns:52px minmax(0,1fr)}.government-login-logo img{width:48px!important;height:48px!important}}

/* v10.14 longitudinal Patient Station, storyboard and responsive finance */
.v1014-station-page,.v1014-revenue-page{padding-bottom:26px;min-width:0}
.v1014-station-layout{display:grid;grid-template-columns:minmax(220px,260px) minmax(520px,1fr) minmax(230px,290px);gap:12px;align-items:start;min-width:0}
.v1014-record-finder{padding:0;overflow:hidden;position:sticky;top:8px}.v1014-record-finder .ua-card-header{padding:14px}.v1014-record-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;padding:10px 12px;border-block:1px solid var(--ua-border,#d9e2e8)}
.v1014-record-search input{width:100%;min-width:0;height:40px;border-radius:8px;padding:0 10px}.v1014-record-results{display:grid;gap:6px;max-height:46vh;overflow:auto;padding:10px}.v1014-record-results>button{display:grid;gap:2px;text-align:left;border:1px solid var(--ua-border,#d9e2e8);border-radius:9px;background:var(--panel,#fff);padding:10px;color:inherit}.v1014-record-results>button:hover,.v1014-record-results>button.active{border-color:#078f78;background:#edf8f5}.v1014-record-results span,.v1014-record-results small{color:var(--muted);font-size:11px;overflow-wrap:anywhere}.v1014-record-finder>.ua-button{margin:0 10px 10px;width:calc(100% - 20px)}.v1014-finder-hint{display:grid;gap:5px;padding:10px;border:1px dashed #9fc9bd;border-radius:9px;background:#f1faf7;color:inherit}
.v1014-station-main{min-width:0}.v1014-context{padding:0;overflow:hidden;position:sticky;top:8px}.v1014-context .ua-card-header{padding:14px}.v1014-context-patient{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:9px;align-items:center;padding:12px;border-bottom:1px solid var(--ua-border,#d9e2e8)}.v1014-context-patient>:first-child{grid-row:1/3}.v1014-context-patient strong,.v1014-context-patient span{min-width:0;overflow:hidden;text-overflow:ellipsis}.v1014-context h3{margin:14px 12px 7px;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.v1014-context-block{display:grid;gap:5px;margin:0 12px 9px;padding:11px;border:1px solid var(--ua-border,#d9e2e8);border-radius:9px;background:var(--canvas,#f4f7f8)}.v1014-context-block small,.v1014-context-block span{color:var(--muted);overflow-wrap:anywhere}.v1014-context-block .ua-status{justify-self:start}.v1014-activity-list{display:grid;gap:0}.v1014-activity-list>div{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:8px;padding:10px 12px;border-top:1px solid var(--ua-border,#d9e2e8)}.v1014-activity-list>div .ua-status{grid-row:1/3;align-self:start}.v1014-activity-list>div small{color:var(--muted);overflow-wrap:anywhere}.v1014-context>.v1014-activity-list{max-height:300px;overflow:auto}
.v1014-storyboard{display:grid;grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr) 38px minmax(0,1fr);align-items:center;margin:10px 0;padding:12px;border:1px solid var(--ua-border,#d9e2e8);border-radius:12px;background:var(--panel,#fff);box-shadow:0 4px 13px rgba(17,56,70,.05)}.v1014-storyboard>div{display:grid;grid-template-columns:31px minmax(0,1fr);column-gap:9px;align-items:center;min-width:0}.v1014-storyboard>div>span{grid-row:1/4;width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#eef3f5;color:#49616f;font-weight:800}.v1014-storyboard>div.complete>span{background:#dff5ed;color:#087a64}.v1014-storyboard>div.current>span{background:#dceeff;color:#176aa4}.v1014-storyboard>div small{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:9px;font-weight:800}.v1014-storyboard>div strong,.v1014-storyboard>div em{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v1014-storyboard>div em{font-size:10px;color:var(--muted);font-style:normal}.v1014-storyboard>i{height:2px;background:#c9d8de;position:relative}.v1014-storyboard>i:after{content:"";position:absolute;right:-1px;top:-3px;border-left:6px solid #c9d8de;border-block:4px solid transparent}
.v1014-tabs{display:flex;overflow-x:auto;border:1px solid var(--ua-border,#d9e2e8);border-radius:10px 10px 0 0;background:var(--panel,#fff)}.v1014-tabs button{min-height:44px;padding:0 16px;border:0;border-bottom:3px solid transparent;background:transparent;color:inherit;font-size:12px;font-weight:750;white-space:nowrap}.v1014-tabs button.active{border-bottom-color:#008f78;color:#087661;background:#eff9f6}.v1014-pane{border:1px solid var(--ua-border,#d9e2e8);border-top:0;border-radius:0 0 11px 11px;background:var(--panel,#fff);padding:14px;min-width:0}
.v1014-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.v1014-action{display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;min-height:82px;padding:12px;border:1px solid var(--ua-border,#d9e2e8);border-radius:11px;background:var(--panel,#fff);color:inherit;text-align:left}.v1014-action:hover{border-color:#00947b;box-shadow:0 7px 18px rgba(0,131,109,.11);transform:translateY(-1px)}.v1014-action:disabled{opacity:.48;cursor:not-allowed;transform:none;box-shadow:none}.v1014-action>span{grid-row:1/3;width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:#e7f6f2;color:#007b68}.v1014-action svg{width:22px;height:22px}.v1014-action strong{font-size:13px}.v1014-action small{color:var(--muted);line-height:1.35;overflow-wrap:anywhere}.v1014-detail-card{padding:0;overflow:hidden}.v1014-detail-card>.ua-card-header{padding:14px}.v1014-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.v1014-detail-grid>div{display:grid;gap:4px;padding:13px;border-top:1px solid var(--ua-border,#d9e2e8);min-width:0}.v1014-detail-grid>div:nth-child(odd){border-right:1px solid var(--ua-border,#d9e2e8)}.v1014-detail-grid span{color:var(--muted);font-size:11px}.v1014-detail-grid strong{overflow-wrap:anywhere}.v1014-document-summary{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--ua-border,#d9e2e8)}.v1014-document-summary>div{display:grid;gap:3px;padding:18px;text-align:center;border-right:1px solid var(--ua-border,#d9e2e8)}.v1014-document-summary>div:last-child{border:0}.v1014-document-summary strong{font-size:24px;color:#075f51}.v1014-document-summary span{color:var(--muted);font-size:11px}.v1014-detail-card>p,.v1014-detail-card>.v5-action-row{margin:14px}
.v1014-money-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--ua-border,#d9e2e8)}.v1014-money-grid>div{display:grid;gap:5px;padding:18px;border-right:1px solid var(--ua-border,#d9e2e8);min-width:0}.v1014-money-grid>div:last-child{border:0}.v1014-money-grid span,.v1014-money-grid small{color:var(--muted);font-size:11px}.v1014-money-grid strong{font-size:20px;overflow-wrap:anywhere}.v1014-revenue-metrics{grid-template-columns:repeat(4,minmax(0,1fr));margin:12px 0;border:1px solid var(--ua-border,#d9e2e8);border-radius:11px;background:var(--panel,#fff);overflow:hidden}.v1014-finance-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0}.v1014-finance-actions>span{margin-left:auto;padding:8px 10px;border:1px solid var(--ua-border,#d9e2e8);border-radius:8px;background:var(--panel,#fff)}.v1014-finance-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:12px;align-items:start}.v1014-finance-grid>.ua-card{padding:0;overflow:hidden}.v1014-finance-grid>.v1014-claims{grid-column:1/-1}.v1014-payment-list>div{display:grid;grid-template-columns:auto auto;gap:4px 10px;padding:11px 14px;border-top:1px solid var(--ua-border,#d9e2e8)}.v1014-payment-list>div strong{justify-self:end}.v1014-payment-list>div small{grid-column:1/-1;color:var(--muted);overflow-wrap:anywhere}.v1014-no-record{display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr);gap:12px}.v1014-no-record>.ua-card:last-child{min-height:340px;display:grid;place-items:center}
.v1014-modal-record{display:grid;gap:3px;padding:12px;margin-bottom:12px;border:1px solid #bcdacf;border-radius:10px;background:#eff9f6}.v1014-modal-record span,.v1014-modal-record small{color:#55717d}.v1014-encounter-choice{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:9px}.v1014-encounter-choice input{width:20px;height:20px}.v1014-note-audit{margin-top:14px;border:1px solid var(--ua-border,#d9e2e8);border-radius:10px;overflow:hidden}.v1014-note-audit>div{padding:13px;background:#eff8f5}.v1014-note-audit h3,.v1014-note-audit p{margin:0}.v1014-note-audit>div p{margin-top:4px;color:var(--muted);font-size:12px}.v1014-note-audit article{display:grid;grid-template-columns:110px minmax(120px,1fr) auto;gap:6px 12px;padding:11px 13px;border-top:1px solid var(--ua-border,#d9e2e8)}.v1014-note-audit article span{font-size:10px;text-transform:uppercase;font-weight:800;color:#087661}.v1014-note-audit article time{font-size:11px;color:var(--muted)}.v1014-note-audit article p{grid-column:2/-1;margin:0;color:var(--muted);font-size:12px}
html[data-theme="dark"] .v1014-record-results>button,html[data-theme="dark"] .v1014-storyboard,html[data-theme="dark"] .v1014-tabs,html[data-theme="dark"] .v1014-pane,html[data-theme="dark"] .v1014-action,html[data-theme="dark"] .v1014-revenue-metrics,html[data-theme="dark"] .v1014-finance-actions>span{background:#102a36;color:#d9e9ee;border-color:#29434e}html[data-theme="dark"] .v1014-finder-hint,html[data-theme="dark"] .v1014-modal-record,html[data-theme="dark"] .v1014-note-audit>div{background:#12352f;color:#d9e9ee}

@media(max-width:1180px){.v1014-station-layout{grid-template-columns:minmax(210px,250px) minmax(0,1fr)}.v1014-context{grid-column:1/-1;position:static;display:grid;grid-template-columns:220px 1fr}.v1014-context>.ua-card-header{grid-column:1/-1}.v1014-context h3{display:none}.v1014-context>.v1014-activity-list{max-height:210px}.v1014-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
  .v1014-station-page,.v1014-revenue-page{padding:8px 8px 82px!important;overflow-x:hidden}.v1014-station-layout,.v1014-no-record{display:flex;flex-direction:column;gap:10px}.v1014-record-finder{position:static;width:100%;order:1}.v1014-station-main{width:100%;order:2}.v1014-context{position:static;width:100%;order:3;display:block}.v1014-record-results{max-height:240px}.v1014-record-search{grid-template-columns:1fr}.v1014-record-search .ua-button{width:100%}
  .v1014-storyboard{grid-template-columns:1fr;gap:5px;padding:10px}.v1014-storyboard>i{width:2px;height:13px;margin-left:15px}.v1014-storyboard>i:after{right:-3px;top:auto;bottom:-1px;border-top:6px solid #c9d8de;border-inline:4px solid transparent;border-bottom:0}.v1014-storyboard>div strong,.v1014-storyboard>div em{white-space:normal;overflow-wrap:anywhere}
  .v1014-tabs{border-radius:9px}.v1014-tabs button{min-width:max-content;padding-inline:12px}.v1014-pane{padding:9px;border-radius:0 0 9px 9px}.v1014-action-grid{grid-template-columns:1fr;gap:8px}.v1014-action{min-height:72px;padding:10px}.v1014-detail-grid{grid-template-columns:1fr}.v1014-detail-grid>div:nth-child(odd){border-right:0}.v1014-document-summary,.v1014-money-grid,.v1014-revenue-metrics{grid-template-columns:1fr}.v1014-document-summary>div,.v1014-money-grid>div{border-right:0;border-bottom:1px solid var(--ua-border,#d9e2e8);padding:13px;text-align:left}.v1014-document-summary>div:last-child,.v1014-money-grid>div:last-child{border-bottom:0}.v1014-revenue-metrics>div{border-right:0;border-bottom:1px solid var(--ua-border,#d9e2e8)}
  .v1014-finance-grid{grid-template-columns:1fr}.v1014-finance-grid>.v1014-claims{grid-column:auto}.v1014-finance-actions{align-items:stretch}.v1014-finance-actions>*{width:100%;margin-left:0!important;text-align:center}.v1014-finance-grid .ua-data-table{min-width:640px}.v1014-note-audit article{grid-template-columns:1fr}.v1014-note-audit article p{grid-column:auto}.v1014-note-audit article time{justify-self:start}
  .v1014-station-page .v5-record-header,.v1014-revenue-page .v5-record-header{grid-template-columns:1fr!important;gap:10px}.v1014-station-page .v5-record-encounter,.v1014-station-page .v5-record-actions,.v1014-revenue-page .v5-record-encounter,.v1014-revenue-page .v5-record-actions{width:100%;min-width:0}.v1014-station-page .v5-record-actions,.v1014-revenue-page .v5-record-actions{display:grid;grid-template-columns:1fr 1fr}.v1014-station-page .v5-record-actions>*:last-child,.v1014-revenue-page .v5-record-actions>*:last-child{grid-column:1/-1}
}

/* v10.15.1 Patient Station fit-and-finish patch.
   Preserve the three-pane desktop workspace while making every inner panel
   shrinkable, zoom-safe and readable instead of clipping into its neighbour. */
.v1014-station-page>.ua-page-title{display:grid;grid-template-columns:minmax(230px,auto) minmax(320px,1fr);align-items:start;gap:18px}
.v1014-station-page>.ua-page-title .ua-page-actions{min-width:0;max-width:920px;justify-self:end;color:#20384c;font-size:13px;line-height:1.45;text-wrap:pretty;overflow-wrap:anywhere}
.v1014-page-promise{display:flex;align-items:flex-start;gap:9px;min-width:0}
.v1014-page-promise:before{content:"";width:8px;height:8px;flex:0 0 8px;margin-top:.42em;border-radius:999px;background:linear-gradient(135deg,#00a98f,#59c8aa);box-shadow:0 0 0 5px rgba(0,169,143,.09)}
.v1014-station-layout>*{min-width:0}
.v1014-station-main .v5-record-header.compact{grid-template-columns:minmax(0,1.35fr) minmax(125px,.55fr) minmax(96px,112px);gap:10px;max-width:100%;padding:12px;overflow:hidden;border-radius:11px;box-shadow:0 5px 18px rgba(11,48,62,.055)}
.v1014-station-main .v5-record-identity{align-items:flex-start;gap:11px;min-width:0}
.v1014-station-main .v5-record-identity>div{min-width:0}
.v1014-station-main .v5-record-identity h2{line-height:1.15;white-space:normal;overflow-wrap:anywhere;text-wrap:balance}
.v1014-station-main .v5-record-identity p{line-height:1.38;overflow-wrap:anywhere}
.v1014-station-main .v5-record-encounter{grid-template-columns:minmax(48px,auto) minmax(0,1fr);gap:5px 8px;min-width:0;padding-left:10px}
.v1014-station-main .v5-record-encounter>*{min-width:0;overflow-wrap:anywhere}
.v1014-station-main .v5-record-actions{width:100%;min-width:0}
.v1014-station-main .v5-record-actions .ua-button{width:100%;min-width:0;justify-content:center;padding-inline:8px;text-align:center;white-space:normal;line-height:1.2}
.v1014-storyboard{column-gap:7px;overflow:hidden}
.v1014-storyboard>div{align-content:center;row-gap:2px}
.v1014-storyboard>div small{line-height:1.25;overflow-wrap:anywhere}
.v1014-storyboard>div strong,.v1014-storyboard>div em{white-space:normal;text-overflow:clip;overflow-wrap:anywhere;line-height:1.25}
.v1014-storyboard>div strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-wrap:balance}
.v1014-storyboard>div em{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.v1014-context-patient strong,.v1014-context-patient span{overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;line-height:1.25}
.v1014-activity-list>p{margin:0;padding:14px 12px;color:var(--muted)}
.v1014-action{min-height:96px;align-content:start;row-gap:3px;overflow:hidden;background:linear-gradient(155deg,var(--panel,#fff) 0%,var(--panel,#fff) 72%,rgba(0,151,126,.035) 100%)}
.v1014-action strong{min-width:0;line-height:1.25;overflow-wrap:anywhere;text-wrap:balance}
.v1014-action small{min-width:0;line-height:1.4;overflow-wrap:anywhere}
.v1014-tabs button{flex:1 0 auto;justify-content:center}

@media(max-width:1360px){
  .v1014-station-main .v5-record-header.compact{grid-template-columns:minmax(0,1fr) minmax(150px,.43fr)}
  .v1014-station-main .v5-record-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
  .v1014-station-page>.ua-page-title{grid-template-columns:minmax(210px,auto) minmax(0,1fr)}
  .v1014-station-page>.ua-page-title .ua-page-actions{font-size:12px}
}
@media(max-width:900px){
  .v1014-station-page>.ua-page-title{grid-template-columns:1fr;gap:7px}
  .v1014-station-page>.ua-page-title .ua-page-actions{justify-self:start;max-width:760px;font-size:12px}
}
@media(max-width:760px){
  .v1014-page-promise:before{margin-top:.35em}
  .v1014-station-main .v5-record-actions{grid-template-columns:1fr 1fr}
  .v1014-station-main .v5-record-actions>*:last-child{grid-column:1/-1}
  .v1014-storyboard{overflow:visible}
  .v1014-action{min-height:82px}
}

/* v10.15.1 chart-native flowsheet spreadsheet and controlled encounter picker */
.chart-flow-card{margin-top:14px;overflow:hidden;border-color:#cddfdb;box-shadow:0 8px 24px rgba(15,66,72,.055)}
.chart-flow-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;background:linear-gradient(115deg,#f5fcfa,#fff)}
.chart-flow-heading h2{margin:2px 0 4px}.chart-flow-heading p{margin:0;max-width:780px;color:var(--muted);line-height:1.45}.chart-flow-status{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.chart-flow-toolbar{display:grid;grid-template-columns:minmax(150px,210px) minmax(220px,1fr) minmax(190px,auto);gap:12px;align-items:end;padding:12px 16px;border-block:1px solid var(--ua-border,#d9e2e8);background:var(--panel,#fff)}
.chart-flow-toolbar label,.chart-flow-encounter{display:grid;gap:5px;min-width:0}.chart-flow-toolbar label>span,.chart-flow-encounter>span{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.chart-flow-toolbar select,.chart-flow-toolbar input{width:100%;height:38px;min-width:0;border:1px solid #bdcfd6;border-radius:8px;background:var(--panel,#fff);color:inherit;padding:0 10px}.chart-flow-encounter{padding:7px 10px;border:1px solid #cddfdb;border-radius:8px;background:#f0faf7}.chart-flow-encounter strong,.chart-flow-encounter small{overflow-wrap:anywhere}.chart-flow-encounter small{color:var(--muted)}
.chart-flow-lock-note{margin:10px 16px 0;padding:10px 12px;border:1px solid #ead7a6;border-radius:9px;background:#fff9e9;color:#705414;font-size:12px}
.chart-flow-table-wrap{max-height:520px;overflow:auto;scrollbar-width:thin}.chart-flow-table{width:100%;min-width:1100px;border-collapse:separate;border-spacing:0;font-size:12px}.chart-flow-table th{position:sticky;top:0;z-index:3;padding:10px 12px;background:#edf5f5;color:#385665;text-align:left;text-transform:uppercase;letter-spacing:.05em;font-size:10px;border-bottom:1px solid #cbdadd}.chart-flow-table td{padding:9px 12px;border-bottom:1px solid var(--ua-border,#e0e8ec);vertical-align:middle;background:var(--panel,#fff)}.chart-flow-table tr:hover td{background:#f7fcfb}.chart-flow-table tr.locked td{background:#f6f8f9;color:#71838d}.chart-flow-table td:nth-child(2){max-width:175px}.chart-flow-table td:nth-child(3){min-width:225px}.chart-flow-table td:nth-child(7){min-width:200px}.chart-flow-table td strong,.chart-flow-table td small{display:block;line-height:1.3}.chart-flow-table td small{margin-top:2px;color:var(--muted);overflow-wrap:anywhere}
.chart-flow-scope{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:9px;font-weight:850;letter-spacing:.04em}.chart-flow-scope.triage{background:#dff6ef;color:#08755f}.chart-flow-scope.inpatient{background:#e4eef8;color:#1c5e8c}.chart-flow-scope.specialty{background:#f0e9f8;color:#68458e}.chart-flow-entry{width:100%;min-width:160px;height:34px;border:1px solid #b9cdd3;border-radius:7px;background:var(--panel,#fff);color:inherit;padding:0 9px}.chart-flow-entry:focus{outline:2px solid rgba(0,154,128,.22);border-color:#009a80}.chart-flow-calculated,.chart-flow-locked{display:inline-flex;align-items:center;min-height:30px;padding:5px 8px;border-radius:7px;background:#edf1f3;color:#657985;font-size:10px}.chart-flow-locked:before{content:'●';font-size:6px;margin-right:6px;color:#8ba0aa}
.chart-flow-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#f8fbfb;color:var(--muted);font-size:11px}.chart-flow-footer>div{display:flex;gap:8px;flex-wrap:wrap}.chart-flow-footer .btn{white-space:normal}
.flowsheet-new-encounter{grid-column:1/-1;margin-top:12px;padding:12px;border:1px solid #bcdad2;border-radius:11px;background:#f5fbf9}.flowsheet-new-encounter>.alert{margin-bottom:12px}.flowsheet-admit-guidance{margin-top:12px}.field select[data-flowsheet-encounter-select]{min-width:0;white-space:normal}
html[data-theme="dark"] .chart-flow-heading,html[data-theme="dark"] .chart-flow-table td,html[data-theme="dark"] .chart-flow-toolbar{background:#102a36;color:#d9e9ee}html[data-theme="dark"] .chart-flow-table tr:hover td,html[data-theme="dark"] .chart-flow-table tr.locked td{background:#17333e}html[data-theme="dark"] .chart-flow-toolbar select,html[data-theme="dark"] .chart-flow-toolbar input,html[data-theme="dark"] .chart-flow-entry{background:#102a36;color:#d9e9ee;border-color:#42606b}
@media(max-width:900px){.chart-flow-toolbar{grid-template-columns:1fr 1fr}.chart-flow-encounter{grid-column:1/-1}.chart-flow-heading{display:grid}.chart-flow-status{justify-content:flex-start}}
@media(max-width:760px){.chart-flow-card{margin-top:10px}.chart-flow-heading{padding:13px}.chart-flow-toolbar{grid-template-columns:1fr;padding:10px}.chart-flow-encounter{grid-column:auto}.chart-flow-lock-note{margin:9px 10px 0}.chart-flow-table-wrap{max-height:58vh}.chart-flow-table{min-width:940px}.chart-flow-footer{align-items:stretch;flex-direction:column}.chart-flow-footer>div{display:grid;grid-template-columns:1fr}.chart-flow-footer .btn{width:100%}}

/* Official Umoja Afya heart-and-pulse identity supplied for v10.15.1. */
.country-brand-official img{width:194px;height:54px;object-fit:contain;object-position:left center}
.country-brand-official>div{display:flex;align-items:center}
.country-brand-official span{font-size:12px;white-space:nowrap}
.ehr-brand img,.brand-lockup.login-brand img,.ua-loader-orbit img{object-fit:contain}
@media(max-width:560px){.country-brand-official img{width:164px;height:46px}.country-brand-official>div{display:none}}

/* v10.16 encounter-controlled patient, provider, consent and payment polish */
.v1016-search-status{padding:7px 14px;border-block:1px solid var(--ua-border,#dbe5e9);background:#f8fbfb;color:var(--muted);font-size:10px;line-height:1.35}
.v1014-record-results{max-height:min(42vh,420px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.v1014-record-results>button{min-width:0}.v1014-record-results strong,.v1014-record-results span,.v1014-record-results small{white-space:normal;overflow-wrap:anywhere;line-height:1.3}
.tracker-actions .tracker-primary-action{background:#087a67;color:#fff;border-color:#087a67;font-weight:800}.tracker-actions{flex-wrap:wrap}.tracker-actions button{white-space:normal;line-height:1.2}
.chart-encounter-picker{display:grid;gap:4px;max-width:760px;margin-top:9px}.chart-encounter-picker>span{font-size:10px;font-weight:850;letter-spacing:.06em;text-transform:uppercase;color:#cfe5e8}.chart-encounter-picker select{min-width:0;width:100%;height:40px;border:1px solid rgba(255,255,255,.35);border-radius:8px;background:#fff;color:#153247;padding:0 10px}.chart-encounter-picker small{color:#dcebef;line-height:1.35}.chart-encounter-row{width:100%;text-align:left;border:1px solid transparent;background:var(--panel,#fff)}.chart-encounter-row.active{border-color:#0b997f;background:#effaf7}.chart-encounter-row .list-meta{min-width:120px}
.v1016-payment-grid{align-items:end}.v1016-confirm{display:flex!important;grid-template-columns:auto 1fr!important;align-items:start;gap:9px;padding:11px;border:1px solid #bfdad3;border-radius:10px;background:#f3faf8}.v1016-confirm input{width:20px;height:20px;margin-top:1px}.v1016-confirm span{font-size:11px;line-height:1.45;text-transform:none;letter-spacing:0;color:inherit}.v1016-change{display:grid;gap:4px;align-content:center;min-height:64px;padding:9px 12px;border:1px solid #cbdce0;border-radius:9px;background:#f7fafb}.v1016-change span{font-size:10px;color:var(--muted);text-transform:uppercase;font-weight:800}.v1016-change strong{font-size:20px;color:#0a6e5c}.v1016-payment-instructions{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center;margin-top:14px;padding:14px;border:1px solid #b9d9d1;border-radius:12px;background:linear-gradient(125deg,#edf9f6,#fff)}.v1016-payment-instructions img{width:150px;height:150px;padding:7px;border-radius:10px;background:#fff}.v1016-payment-instructions>div{display:grid;gap:5px}.v1016-payment-instructions p,.v1016-payment-instructions small{margin:0;line-height:1.45}.v1016-payment-instructions small{color:var(--muted)}
.modal:has(.v1016-provider-layout){width:min(1480px,97vw)}.modal:has(.v1016-consent-layout){width:min(1280px,96vw)}
.v1016-provider-banner{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:13px 16px;border-radius:12px;background:#0d3852;color:#fff}.v1016-provider-banner>div{display:grid;gap:3px;min-width:0}.v1016-provider-banner span:first-child{font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:#acd9d2}.v1016-provider-banner strong{font-size:20px;overflow-wrap:anywhere}.v1016-provider-banner small{color:#d8e9ee;overflow-wrap:anywhere}.v1016-provider-progress{display:grid;grid-template-columns:repeat(6,minmax(90px,1fr));gap:5px;margin:12px 0;overflow:auto}.v1016-provider-progress span{padding:9px;border:1px solid #d6e2e6;border-radius:8px;background:#f7f9fa;color:#6a7d87;text-align:center;font-size:10px;font-weight:800;white-space:nowrap}.v1016-provider-progress .done{background:#e5f6ef;color:#08765f;border-color:#b9dfd2}.v1016-provider-progress .current{background:#e5eff9;color:#174e78;border-color:#bed4e8}.v1016-provider-layout{display:grid;grid-template-columns:minmax(0,2.25fr) minmax(260px,.75fr);gap:14px}.v1016-provider-layout>main,.v1016-provider-layout>aside{display:grid;align-content:start;gap:12px;min-width:0}.v1016-provider-section{min-width:0;padding:14px;border:1px solid #d7e3e7;border-radius:12px;background:var(--panel,#fff)}.v1016-provider-section h3{margin:0 0 10px;color:#0d3852}.v1016-provider-section textarea{width:100%;min-height:100px;border:1px solid #bdcfd6;border-radius:9px;padding:11px;resize:vertical}.v1016-section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.v1016-section-heading h3{margin:0}.v1016-triage-summary{display:grid;gap:4px;padding:11px;border-left:4px solid #0a987e;background:#eef9f6}.v1016-triage-summary span,.v1016-triage-summary small{color:var(--muted);line-height:1.4}.v1016-ros-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.v1016-ros-grid label{display:grid;grid-template-columns:minmax(125px,.7fr) minmax(145px,.8fr) minmax(170px,1fr);gap:7px;align-items:center;min-width:0;padding:7px;border:1px solid #e1e9ec;border-radius:8px}.v1016-ros-grid label>span{font-size:10px;font-weight:800;overflow-wrap:anywhere}.v1016-ros-grid select,.v1016-ros-grid input{width:100%;min-width:0;height:35px;border:1px solid #c5d4d9;border-radius:7px;padding:0 8px;background:var(--panel,#fff);color:inherit}.v1016-provider-actions{display:grid;grid-template-columns:1fr;gap:7px}.v1016-provider-actions button{width:100%}
.v1016-consent-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.7fr);gap:16px}.v1016-consent-form,.v1016-consent-history{min-width:0}.v1016-consent-summary{display:grid;gap:5px;margin:12px 0;padding:13px;border:1px solid #badbd3;border-radius:11px;background:#f0faf7}.v1016-consent-summary>span{font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.08em;color:#08745f}.v1016-consent-summary p,.v1016-consent-summary small{margin:0;line-height:1.45}.v1016-consent-summary small{color:var(--muted)}.v1016-consent-history{max-height:58vh;overflow:auto;padding-left:14px;border-left:1px solid #dbe5e9}.v1016-consent-history h3{margin-top:0}.v1016-consent-history article{display:grid;gap:4px;padding:10px 0;border-bottom:1px solid #e1e9ec}.v1016-consent-history article .ua-status{justify-self:start}.v1016-consent-history small{color:var(--muted);line-height:1.4}.registration-financial-actions{margin-top:14px;padding-top:12px;border-top:1px solid #dbe5e9}
.v7-context-pane .ops-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.v7-context-pane .ops-overview-grid>div{min-width:0;padding:8px;border:1px solid #e0e8eb;border-radius:8px}.v7-context-pane .ops-overview-grid span,.v7-context-pane .ops-overview-grid strong{display:block;overflow-wrap:anywhere;line-height:1.2}.v7-context-pane .ops-overview-grid span{font-size:9px}.v7-context-pane .ops-overview-grid strong{margin-top:3px;font-size:17px}
html[data-theme="dark"] .v1016-search-status,html[data-theme="dark"] .v1016-change,html[data-theme="dark"] .v1016-provider-progress span,html[data-theme="dark"] .v1016-consent-summary,html[data-theme="dark"] .v1016-payment-instructions{background:#132e39;color:#d9e9ee}html[data-theme="dark"] .v1016-provider-section,html[data-theme="dark"] .v1016-ros-grid select,html[data-theme="dark"] .v1016-ros-grid input{background:#102a36;color:#d9e9ee}
@media(max-width:1100px){.v1016-ros-grid{grid-template-columns:1fr}.v1016-provider-layout{grid-template-columns:1fr}.v1016-provider-layout>aside{grid-template-columns:repeat(3,minmax(0,1fr))}.v1016-consent-layout{grid-template-columns:1fr}.v1016-consent-history{padding-left:0;border-left:0;border-top:1px solid #dbe5e9;padding-top:12px}}
@media(max-width:760px){.v1016-provider-layout>aside{grid-template-columns:1fr}.v1016-provider-progress{grid-template-columns:repeat(6,minmax(120px,1fr))}.v1016-ros-grid label{grid-template-columns:1fr}.v1016-section-heading{align-items:stretch;flex-direction:column}.v1016-payment-instructions{grid-template-columns:1fr}.v1016-payment-instructions img{width:132px;height:132px}.chart-encounter-picker select{font-size:14px}.v1014-record-results{max-height:36vh}}

/* v10.16.2 fast provider review: body-system map + review-by-exception */
.modal:has(.v1016-provider-layout) .modal-body{max-height:calc(92dvh - 142px);padding:14px 16px}.modal:has(.v1016-provider-layout) .modal-footer{position:sticky;bottom:0;z-index:12}
.v1016-provider-layout{grid-template-columns:minmax(620px,1fr) minmax(260px,320px);align-items:start}.v1016-provider-layout>aside{position:sticky;top:0}.v1016-provider-layout>aside .v1016-provider-section p{overflow-wrap:anywhere}
.v1016-ros-workspace{padding:16px}.v1016-ros-workspace .v1016-section-heading>div:first-child{min-width:0}.v1016-ros-workspace .v1016-section-heading p{margin:3px 0 0;color:var(--muted);font-size:11px}.v1016-ros-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.v1016-ros-summary{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.v1016-ros-summary span{display:flex;align-items:baseline;gap:5px;padding:6px 10px;border-radius:999px;background:#eef4f6;color:#49616e;font-size:10px;font-weight:750}.v1016-ros-summary strong{font-size:14px;color:#0d3852}.v1016-ros-summary .positive{background:#fff0ee;color:#9a2b25}.v1016-ros-summary .positive strong{color:#b52b24}
.v1016-ros-review{display:grid;grid-template-columns:210px minmax(0,1fr);gap:14px;align-items:start}.v1016-ros-body{display:grid;gap:10px;position:sticky;top:6px;padding:12px;border:1px solid #d6e4e7;border-radius:14px;background:linear-gradient(160deg,#f5fbf9,#f4f8fb)}.v1016-ros-body svg{display:block;width:100%;height:270px}.ros-silhouette circle,.ros-silhouette path{fill:none;stroke:#9bb5bf;stroke-width:10;stroke-linecap:round;stroke-linejoin:round}.ros-region{fill:rgba(7,145,119,.09);stroke:#68ab9e;stroke-width:2;transition:.18s}.ros-region.ros-limbs{fill:none;stroke-width:12;stroke-linecap:round}.ros-region.reviewed{fill:rgba(3,153,124,.16);stroke:#07977c}.ros-region.positive{fill:rgba(224,71,61,.25);stroke:#d44239;filter:drop-shadow(0 0 5px rgba(212,66,57,.28))}.ros-region.ros-limbs.positive{stroke:#d44239}.ros-anatomy{fill:none;stroke:#628390;stroke-width:2.2;stroke-linecap:round;opacity:.72}.v1016-ros-legend{display:grid;gap:3px;padding-top:9px;border-top:1px solid #d4e2e5}.v1016-ros-legend strong{font-size:11px;color:#0c604f}.v1016-ros-legend span{font-size:9px;color:var(--muted);line-height:1.35}
.v1016-ros-grid{display:grid;grid-template-columns:repeat(2,minmax(210px,1fr));gap:8px}.v1016-ros-system{min-width:0;border:1px solid #dce6e9;border-radius:10px;background:var(--panel,#fff);overflow:hidden;transition:border-color .16s,box-shadow .16s}.v1016-ros-system>button{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-height:46px;padding:8px 10px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.v1016-ros-system>button:focus-visible{outline:3px solid rgba(0,145,119,.22);outline-offset:-3px}.v1016-ros-system strong{min-width:0;font-size:11px;line-height:1.25;overflow-wrap:anywhere}.v1016-ros-system small{font-size:9px;color:var(--muted);white-space:nowrap}.v1016-ros-dot{width:9px;height:9px;border:2px solid #8ba1aa;border-radius:50%;background:#fff}.v1016-ros-system[data-status="NEGATIVE"]{border-color:#a9d9cc;background:#f2faf7}.v1016-ros-system[data-status="NEGATIVE"] .v1016-ros-dot{border-color:#078b72;background:#078b72}.v1016-ros-system[data-status="POSITIVE"]{border-color:#e0a09a;background:#fff7f6;box-shadow:0 4px 12px rgba(151,40,31,.08)}.v1016-ros-system[data-status="POSITIVE"] .v1016-ros-dot{border-color:#cf4037;background:#cf4037}.v1016-ros-system[data-status="UNABLE_TO_ASSESS"]{border-color:#d9c88f;background:#fffaf0}.v1016-ros-system[data-status="UNABLE_TO_ASSESS"] .v1016-ros-dot{border-color:#a57b14;background:#f1c453}.v1016-ros-finding{display:grid;gap:4px;padding:0 10px 10px}.v1016-ros-finding span{font-size:9px;font-weight:800;color:#91342d}.v1016-ros-finding input{width:100%;min-width:0;height:38px;border:1px solid #d9aaa6;border-radius:7px;padding:0 9px;background:var(--panel,#fff);color:inherit}
html[data-theme="dark"] .v1016-ros-body,html[data-theme="dark"] .v1016-ros-summary span,html[data-theme="dark"] .v1016-ros-system{background:#132e39;color:#d9e9ee}html[data-theme="dark"] .v1016-ros-system[data-status="NEGATIVE"]{background:#12382f}html[data-theme="dark"] .v1016-ros-system[data-status="POSITIVE"]{background:#3a2425}
@media(max-width:1180px){.v1016-provider-layout{grid-template-columns:1fr}.v1016-provider-layout>aside{position:static;grid-template-columns:repeat(3,minmax(0,1fr))}.v1016-ros-review{grid-template-columns:190px minmax(0,1fr)}.v1016-ros-body svg{height:235px}}
@media(max-width:820px){.v1016-provider-layout>aside{grid-template-columns:1fr}.v1016-ros-review{grid-template-columns:1fr}.v1016-ros-body{position:static;grid-template-columns:120px minmax(0,1fr);align-items:center}.v1016-ros-body svg{height:190px}.v1016-ros-grid{grid-template-columns:1fr}.v1016-section-heading{align-items:stretch}.v1016-ros-actions{justify-content:flex-start}}
@media(max-width:520px){.modal:has(.v1016-provider-layout) .modal-body{padding:10px}.v1016-ros-body{grid-template-columns:1fr}.v1016-ros-body svg{height:160px}.v1016-ros-body .v1016-ros-legend{display:none}.v1016-ros-system>button{grid-template-columns:10px minmax(0,1fr)}.v1016-ros-system small{grid-column:2}.v1016-ros-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}}

/* v10.16.2 permanent time-by-variable flowsheet */
.v1016-flow-card{margin-top:12px;overflow:hidden}.v1016-flow-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-bottom:1px solid #d9e4e8;background:linear-gradient(110deg,#f3faf8,#f4f8fb)}.v1016-flow-header h2,.v1016-flow-header p{margin:0}.v1016-flow-header h2{font-size:20px;color:#0d3852}.v1016-flow-header>div:first-child{display:grid;gap:3px;min-width:0}.v1016-flow-header p{color:var(--muted);font-size:10px;overflow-wrap:anywhere}.v1016-flow-status{display:flex;gap:7px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.v1016-flow-toolbar{display:grid;grid-template-columns:minmax(190px,.9fr) minmax(190px,.8fr) minmax(270px,1.25fr) auto;gap:9px;align-items:end;padding:11px 14px;border-bottom:1px solid #dce6e9;background:#fff}.v1016-flow-toolbar label{display:grid;gap:4px;min-width:0}.v1016-flow-toolbar label>span{font-size:9px;font-weight:850;color:#4a6270;text-transform:uppercase;letter-spacing:.05em}.v1016-flow-toolbar select{width:100%;min-width:0;height:38px;border:1px solid #c7d6dc;border-radius:8px;padding:0 9px;background:var(--panel,#fff);color:inherit}.v1016-flow-preset{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:end}
.v1016-flow-grid-wrap{max-height:52vh;overflow:auto;scrollbar-width:thin;background:#fff}.v1016-flow-table{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0;font-size:10px}.v1016-flow-table th,.v1016-flow-table td{min-width:138px;max-width:190px;height:56px;padding:7px 9px;border-right:1px solid #dfe7ea;border-bottom:1px solid #dfe7ea;background:var(--panel,#fff);vertical-align:middle}.v1016-flow-table thead th{position:sticky;top:0;z-index:6;height:72px;background:#eaf3f5;text-align:left}.v1016-flow-table thead th strong,.v1016-flow-table thead th span{display:block;line-height:1.25;white-space:normal;overflow-wrap:anywhere}.v1016-flow-table thead th span{margin-top:3px;color:#58707c;font-size:9px;font-weight:500}.v1016-flow-table thead th .chart-flow-scope{display:inline-flex;margin-top:5px}.v1016-flow-table .v1016-flow-time{position:sticky;left:0;z-index:9;min-width:148px;max-width:148px;background:#dcebee}.v1016-flow-table tbody th{position:sticky;left:0;z-index:4;min-width:148px;max-width:148px;background:#f4f8f9;text-align:left}.v1016-flow-table tbody th strong,.v1016-flow-table tbody th span,.v1016-flow-table tbody th small{display:block;line-height:1.3}.v1016-flow-table tbody th span,.v1016-flow-table tbody th small{color:var(--muted);font-size:8px}.v1016-flow-table tbody td strong,.v1016-flow-table tbody td small{display:block}.v1016-flow-table tbody tr:hover td{background:#f7fbfa}.v1016-flow-now th,.v1016-flow-now td{background:#eef9f6!important}.v1016-flow-now th{border-left:4px solid #078d75}.v1016-flow-table td.locked{background:#f3f5f6!important}.v1016-flow-entry{width:100%;min-width:0;height:38px;border:1px solid #abc8c1;border-radius:7px;padding:0 8px;background:#fff;color:#142c3b;font-size:11px}.v1016-flow-entry:focus{outline:3px solid rgba(0,145,119,.18);border-color:#078d75}.v1016-flow-entry:disabled{border-style:dashed;background:#edf1f2;color:#899aa2}.v1016-flow-calculated{display:grid;place-items:center;height:34px;border-radius:7px;background:#e8eef1;color:#657985;font-size:9px}.v1016-flow-empty td{max-width:none;text-align:center;color:var(--muted);padding:18px}
.v1016-flow-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 14px;background:#f8fbfb}.v1016-flow-footer>div{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.v1016-flow-footer span{color:var(--muted);font-size:9px}.v1016-flow-utilities{margin-top:10px;padding:0;overflow:hidden}.v1016-flow-utilities summary{padding:12px 15px;font-weight:800;color:#244658;cursor:pointer}.v1016-flow-utilities>div{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:0 15px 14px}.v1016-flow-utilities h3{margin:7px 0}
.v1016-flow-column-manager{display:grid;gap:12px}.v1016-flow-column-manager h3{margin:0;color:#123c53}.v1016-flow-active-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.v1016-flow-active-columns article{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px;border:1px solid #d8e4e7;border-radius:9px;background:#f8fbfb}.v1016-flow-active-columns article>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#dff2ec;color:#08745f;font-weight:850}.v1016-flow-active-columns article strong{min-width:0;font-size:10px;overflow-wrap:anywhere}.v1016-flow-active-columns article>div{display:flex;gap:4px}.v1016-flow-catalog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:8px;border-top:1px solid #dce5e8}.v1016-flow-catalog-heading input{width:min(360px,55%);height:38px;border:1px solid #c7d6dc;border-radius:8px;padding:0 10px}.v1016-flow-variable-library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-height:34vh;overflow:auto}.v1016-flow-variable-library>button{display:grid;grid-template-columns:auto minmax(0,1fr);gap:3px 7px;align-items:center;min-width:0;padding:8px;border:1px solid #dce5e8;border-radius:9px;background:#fff;color:inherit;text-align:left}.v1016-flow-variable-library>button:hover:not(:disabled){border-color:#59a997;background:#f2faf7}.v1016-flow-variable-library>button:disabled{opacity:.48}.v1016-flow-variable-library strong{min-width:0;font-size:10px;overflow-wrap:anywhere}.v1016-flow-variable-library small{grid-column:2;color:var(--muted);font-size:8px;overflow-wrap:anywhere}
html[data-theme="dark"] .v1016-flow-header,html[data-theme="dark"] .v1016-flow-toolbar,html[data-theme="dark"] .v1016-flow-table th,html[data-theme="dark"] .v1016-flow-table td,html[data-theme="dark"] .v1016-flow-footer,html[data-theme="dark"] .v1016-flow-variable-library>button,html[data-theme="dark"] .v1016-flow-active-columns article{background:#102a36;color:#d9e9ee}html[data-theme="dark"] .v1016-flow-now th,html[data-theme="dark"] .v1016-flow-now td{background:#12382f!important}
@media(max-width:1180px){.v1016-flow-toolbar{grid-template-columns:1fr 1fr}.v1016-flow-preset{grid-column:1/-1}.v1016-flow-variable-library{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.v1016-flow-header,.v1016-flow-footer{align-items:stretch;flex-direction:column}.v1016-flow-status{justify-content:flex-start}.v1016-flow-toolbar{grid-template-columns:1fr}.v1016-flow-preset{grid-column:auto}.v1016-flow-grid-wrap{max-height:58dvh}.v1016-flow-table th,.v1016-flow-table td{min-width:128px}.v1016-flow-utilities>div,.v1016-flow-active-columns,.v1016-flow-variable-library{grid-template-columns:1fr}.v1016-flow-catalog-heading{align-items:stretch;flex-direction:column}.v1016-flow-catalog-heading input{width:100%}.v1016-flow-active-columns article{grid-template-columns:24px minmax(0,1fr)}.v1016-flow-active-columns article>div{grid-column:2;flex-wrap:wrap}}

/* v10.16.2 compact five-country landing experience */
.country-landing{background:
  radial-gradient(circle at 12% 12%,rgba(0,166,139,.12),transparent 24%),
  radial-gradient(circle at 88% 18%,rgba(18,114,166,.1),transparent 22%),
  linear-gradient(145deg,#f4fbf9,#f6f9fc 52%,#edf8f5)}
.country-header{height:66px;padding-inline:clamp(16px,3vw,42px);background:rgba(255,255,255,.88);backdrop-filter:blur(16px)}
.compact-landing{max-width:1240px;padding:22px 28px 30px}
.country-hero-compact{grid-template-columns:minmax(0,1.35fr) minmax(240px,.65fr);gap:22px;padding:24px 28px;margin-bottom:16px;border-radius:22px;background:linear-gradient(130deg,rgba(238,251,247,.96),rgba(255,255,255,.96) 58%,rgba(232,244,251,.94));box-shadow:0 16px 48px rgba(19,68,80,.08)}
.country-hero-compact:before,.country-hero-compact:after{content:"";position:absolute;border-radius:999px;pointer-events:none}.country-hero-compact:before{width:160px;height:160px;right:24%;top:-95px;background:rgba(1,153,126,.08)}.country-hero-compact:after{width:110px;height:110px;left:54%;bottom:-80px;background:rgba(35,133,185,.08)}
.country-hero-compact h1{font-size:clamp(34px,4vw,52px);line-height:.98;letter-spacing:-.04em;margin:7px 0 11px;text-wrap:balance}.country-hero-compact p{max-width:710px;font-size:15px;line-height:1.5}.hero-chips{margin-top:14px}.hero-chips span{padding:7px 11px;background:rgba(255,255,255,.84);box-shadow:0 4px 14px rgba(30,72,82,.04)}
.landing-art{height:128px;position:relative;transform:rotate(1.2deg);overflow:hidden;background:linear-gradient(135deg,#066c76,#00987e 58%,#25b687);box-shadow:0 18px 38px rgba(8,93,88,.2)}.landing-art:before,.landing-art:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.22);border-radius:50%}.landing-art:before{width:150px;height:150px;left:-45px;top:-84px}.landing-art:after{width:110px;height:110px;right:-24px;bottom:-62px}.landing-art small{margin-top:3px;color:#d8f4ef;font-size:10px}.landing-logo-glow{display:grid!important;place-items:center;width:58px;height:58px;border-radius:50%;background:#fff;box-shadow:0 0 0 8px rgba(255,255,255,.12),0 0 28px rgba(162,255,225,.5)}.landing-logo-glow img{width:44px;height:44px;object-fit:contain}.landing-art b{margin-top:7px;font-size:14px}
.country-picker-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:2px 2px 10px}.country-picker-heading .eyebrow,.country-picker-heading h2{margin:0}.country-picker-heading h2{margin-top:2px;font-size:21px;color:#12384a}.country-picker-heading>span{color:#6c818e;font-size:11px}
.country-card-grid.compact-cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.compact-cards .country-card{min-height:142px;padding:13px 12px;display:grid;grid-template-columns:52px minmax(0,1fr);grid-template-rows:1fr auto;gap:7px 10px;align-items:center;text-align:left;border-width:1px;border-radius:15px;background:rgba(255,255,255,.92);box-shadow:0 7px 20px rgba(21,62,72,.045)}
.compact-cards .country-card:hover,.compact-cards .country-card.selected{transform:translateY(-3px) rotate(-.3deg);box-shadow:0 15px 28px rgba(0,112,95,.14)}.compact-cards .country-card.selected:after{content:"✓";position:absolute;right:10px;bottom:9px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#078f7a;color:#fff;font-size:11px}
.compact-cards .country-card img{width:52px;height:52px;padding:4px;border-radius:13px;background:#f5f9f8;object-fit:contain}.compact-cards .country-card strong{font-size:18px;line-height:1.1}.compact-cards .country-card span{display:block;margin-top:3px;font-size:10px;line-height:1.25}.compact-cards .country-card em{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;width:100%;margin:0;padding:7px 9px;border-radius:9px;background:#edf8f5;color:#08745f;font-size:10px}.compact-cards .country-card em b{font-size:14px}.compact-cards .country-code{top:8px;right:8px;padding:3px 5px;font-size:8px!important;background:#eef6f4}
.landing-lower-grid{grid-template-columns:1.5fr .5fr;gap:10px;margin-top:12px}.quick-access-card,.context-callout{padding:13px 15px;border-radius:14px}.quick-icon{width:27px;height:27px;border-radius:9px}.country-main.compact-landing:after{margin-top:12px}
html[data-country="PK"]{--country-flag:linear-gradient(90deg,#fff 0 25%,#01411c 25%)}html[data-country="RW"]{--country-flag:linear-gradient(#00a1de 0 50%,#fad201 50% 75%,#20603d 75%)}
@media(max-width:1080px){.country-card-grid.compact-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.country-hero-compact{grid-template-columns:1fr 240px}.country-picker-heading>span{display:none}}
@media(max-width:760px){.country-header{height:auto}.country-main.compact-landing{padding:14px 12px 86px}.country-hero-compact{grid-template-columns:1fr;padding:20px}.landing-art{display:none}.country-card-grid.compact-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-lower-grid{grid-template-columns:1fr}.country-picker-heading h2{font-size:18px}}
@media(max-width:430px){.country-card-grid.compact-cards{grid-template-columns:1fr}.compact-cards .country-card{min-height:92px;grid-template-columns:46px minmax(0,1fr) auto;grid-template-rows:1fr;padding:10px}.compact-cards .country-card img{width:44px;height:44px}.compact-cards .country-card em{grid-column:auto;width:auto;padding:7px}.compact-cards .country-card em{font-size:0}.compact-cards .country-card em b{font-size:16px}.compact-cards .country-card.selected:after{display:none}}

/* v10.16.3 patient access, rooming and persistent workflow actions */
.v10163-today-workspace{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.55fr);gap:14px;align-items:start;min-width:0}
.v10163-today-workspace>.v7-pane{min-width:0}
.v10163-today-workspace .v7-fill-card{overflow:hidden}
.v10163-action-dock{position:sticky;top:0;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:14px;margin:10px 12px;padding:10px 12px;border:1px solid #abd9ce;border-radius:13px;background:linear-gradient(120deg,rgba(237,250,246,.98),rgba(255,255,255,.98));box-shadow:0 9px 24px rgba(10,73,70,.1)}
.v10163-action-dock>div:first-child{display:flex;align-items:center;gap:9px;min-width:0}.v10163-action-dock .patient-avatar{flex:0 0 auto;width:39px;height:39px}.v10163-action-dock span{display:grid;min-width:0}.v10163-action-dock small{font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:#14745f}.v10163-action-dock strong,.v10163-action-dock em{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v10163-action-dock em{font-size:11px;font-style:normal;color:var(--muted)}
.v10163-action-dock.empty{position:static;color:var(--muted);font-size:12px}
.v10163-dock-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.v10163-dock-actions .front-action{min-width:158px;padding:8px 10px}.v10163-dock-actions .front-action small{display:none}
.v10163-action-column{position:sticky;right:0;z-index:4;background:var(--panel,#fff);box-shadow:-7px 0 13px -12px rgba(7,44,58,.7)}.v7-patient-table thead .v10163-action-column{z-index:6;background:#edf5f5}.v7-patient-table tbody tr:hover .v10163-action-column,.v7-patient-table tbody tr.selected-row .v10163-action-column{background:#f0faf7}
.v10163-workflow-body{overflow:visible;padding:14px}.v10163-workflow-body .action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v10163-workflow-body .front-action{min-width:0;white-space:normal}
.v10163-roster-drawer{margin-top:14px;overflow:hidden}.v10163-roster-drawer>summary{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 16px;cursor:pointer;list-style:none;background:linear-gradient(110deg,#f3fbf8,#f7fbfd);border-bottom:1px solid transparent}.v10163-roster-drawer[open]>summary{border-bottom-color:var(--ua-border,#d8e3e7)}.v10163-roster-drawer>summary::-webkit-details-marker{display:none}.v10163-roster-drawer>summary:after{content:'+';display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:#e4f5f0;color:#087561;font-size:20px}.v10163-roster-drawer[open]>summary:after{content:'\2212'}.v10163-roster-drawer>summary>span:first-child{display:grid;gap:2px}.v10163-roster-drawer>summary strong{font-size:14px}.v10163-roster-drawer>summary small,.v10163-roster-drawer>summary>span:last-of-type{font-size:10px;color:var(--muted)}
.v10163-roster-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:12px 14px;max-height:290px;overflow:auto}.v10163-roster-grid .v6-roster-row{min-width:0;border:1px solid #d6e5e4;border-radius:10px;background:var(--panel,#fff);text-align:left}.v10163-roster-drawer>footer{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:9px;align-items:center;padding:12px 14px;border-top:1px solid var(--ua-border,#d8e3e7);background:#f9fbfb}.v10163-roster-drawer .ops-overview-grid{grid-template-columns:repeat(4,minmax(70px,1fr));margin:0}

.v10163-care-ready{margin:0 0 14px;padding:13px;border:1px solid #c9dfda;border-radius:14px;background:linear-gradient(125deg,rgba(246,252,250,.96),rgba(246,251,254,.96));box-shadow:0 8px 22px rgba(14,72,75,.055)}.v10163-care-ready-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.v10163-care-ready-title>div{display:grid;gap:1px}.v10163-care-ready-title span{font-size:9px;font-weight:850;letter-spacing:.09em;text-transform:uppercase;color:#118069}.v10163-care-ready-title strong{font-size:17px;color:#12364a}.v10163-care-ready-title small{font-size:10px;color:var(--muted)}.v10163-care-lanes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.v10163-care-lane{min-width:0;border:1px solid #d6e4e6;border-radius:11px;background:var(--panel,#fff);overflow:hidden}.v10163-care-lane>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;background:#f4f9f8}.v10163-care-lane>header>div{display:grid}.v10163-care-lane>header span{font-size:8px;font-weight:850;letter-spacing:.07em;text-transform:uppercase;color:#19816c}.v10163-care-lane>header strong{font-size:12px}.v10163-care-lane>header b{display:grid;place-items:center;min-width:25px;height:25px;border-radius:999px;background:#dff4ee;color:#08745f}.v10163-care-lane>div{display:grid;gap:6px;padding:7px;max-height:220px;overflow:auto}.v10163-care-lane article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:center;padding:7px;border:1px solid #e0e9eb;border-radius:9px}.v10163-care-patient{display:grid;gap:1px;min-width:0;border:0;background:none;text-align:left;color:inherit;cursor:pointer}.v10163-care-patient strong,.v10163-care-patient small,.v10163-care-patient span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v10163-care-patient small,.v10163-care-patient span{font-size:9px;color:var(--muted)}.v10163-care-lane>div>p{margin:4px;color:var(--muted);font-size:11px}.v10163-care-ready.compact{margin-inline:0}.v10163-care-ready.compact .v10163-care-lane>div{max-height:130px}

.v10163-recent-patients{margin:10px 12px 12px;border:1px solid #d6e4e4;border-radius:11px;background:#fbfdfd;overflow:hidden}.v10163-recent-patients>header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-bottom:1px solid #e1e9eb}.v10163-recent-patients>header strong{font-size:11px}.v10163-recent-patients>header small{max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:9px}.v10163-recent-patients>div{display:grid;padding:5px}.v10163-recent-patients button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:7px 8px;border:0;border-radius:7px;background:transparent;color:inherit;text-align:left;cursor:pointer}.v10163-recent-patients button:hover{background:#edf8f5}.v10163-recent-patients button strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.v10163-recent-patients button span{font-size:9px;color:var(--muted)}

html[data-theme="dark"] .v10163-action-dock,html[data-theme="dark"] .v10163-care-ready,html[data-theme="dark"] .v10163-roster-drawer>summary{background:linear-gradient(120deg,#13353b,#102b36);border-color:#365d60}html[data-theme="dark"] .v10163-action-column,html[data-theme="dark"] .v10163-recent-patients,html[data-theme="dark"] .v10163-care-lane,html[data-theme="dark"] .v10163-roster-grid .v6-roster-row{background:#102a36;color:#dcebee}
@media(max-width:1180px){.v10163-today-workspace{grid-template-columns:minmax(0,1fr) minmax(280px,.42fr)}.v10163-workflow-body .action-grid{grid-template-columns:1fr}.v10163-roster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.v10163-today-workspace{grid-template-columns:1fr}.v10163-action-dock{position:static;align-items:flex-start}.v10163-workflow-body .action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v10163-roster-drawer>footer{grid-template-columns:1fr 1fr}.v10163-roster-drawer>footer .ops-overview-grid{grid-column:1/-1}.v10163-care-ready-title{align-items:flex-start}.v10163-care-lanes{grid-template-columns:1fr}}
@media(max-width:640px){.v10163-action-dock{display:grid}.v10163-dock-actions{justify-content:flex-start}.v10163-dock-actions>*{flex:1 1 120px}.v10163-workflow-body .action-grid,.v10163-roster-grid{grid-template-columns:1fr}.v10163-roster-drawer>summary>span:last-of-type{display:none}.v10163-roster-drawer>footer{grid-template-columns:1fr}.v10163-roster-drawer>footer .ops-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v10163-care-ready{padding:9px}.v10163-care-ready-title{display:grid}.v10163-care-lane article{grid-template-columns:1fr}.v10163-care-lane article .ua-button{width:100%}}


/* v10.17.0 expanded North and South American practice-country directory */
html[data-country]{--country-flag:linear-gradient(135deg,#eef6f4,#dbeee9 45%,#e8f0f8)}
.country-directory{display:grid;gap:12px;min-width:0}.country-directory-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;border:1px solid #d9e6e5;border-radius:14px;background:rgba(255,255,255,.82)}
.country-search{display:flex;align-items:center;gap:8px;min-width:260px;max-width:440px;flex:1;padding:0 12px;border:1px solid #c9d9dd;border-radius:10px;background:#fff}.country-search span{font-size:18px;color:#63808a}.country-search input{width:100%;height:42px;border:0;outline:0;background:transparent;color:inherit;font:inherit}
.country-region-filters{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.country-region-filters button{border:1px solid #cddcde;border-radius:999px;padding:7px 11px;background:#fff;color:#4b6570;font-size:10px;font-weight:800;cursor:pointer}.country-region-filters button.active{border-color:#078f78;background:#e7f7f2;color:#08745f}
.country-directory-results{display:grid;gap:16px}.country-region-group{display:grid;gap:8px}.country-region-group>header{display:flex;align-items:center;justify-content:space-between;padding:0 3px}.country-region-group h3{margin:0;color:#153c4d;font-size:15px}.country-region-group>header span{font-size:10px;color:#71848d}.country-region-group .country-card-grid.compact-cards{grid-template-columns:repeat(5,minmax(0,1fr))}
.country-flag-emoji{display:grid!important;place-items:center;width:52px;height:52px;margin:0!important;border-radius:13px;background:#f4f8f8;font-size:34px!important;line-height:1!important}.country-empty{padding:28px;border:1px dashed #bdced2;border-radius:14px;text-align:center;color:#6b818a}.login-country-flag{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#fff;font-size:27px;box-shadow:0 3px 12px rgba(0,0,0,.1)}.government-login-logo .generic-country-logo{width:34px;height:34px}
html[data-theme="dark"] .country-directory-toolbar,html[data-theme="dark"] .country-search,html[data-theme="dark"] .country-region-filters button{background:#122c37;color:#dcebee;border-color:#30505c}html[data-theme="dark"] .country-region-filters button.active{background:#123f35}.country-main.compact-landing{max-width:1480px}
@media(max-width:1080px){.country-region-group .country-card-grid.compact-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.country-directory-toolbar{align-items:stretch;flex-direction:column}.country-search{max-width:none}.country-region-filters{justify-content:flex-start}}
@media(max-width:760px){.country-region-group .country-card-grid.compact-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.country-directory-toolbar{padding:8px}.country-search{min-width:0}.country-region-filters{overflow:auto;flex-wrap:nowrap;padding-bottom:2px}.country-region-filters button{white-space:nowrap}}
@media(max-width:430px){.country-region-group .country-card-grid.compact-cards{grid-template-columns:1fr}.country-flag-emoji{width:44px;height:44px;font-size:29px!important}}


/* ==========================================================================
   Release 10.17.1 — landing pulse, country-flag preview, and Americas polish
   ========================================================================== */
:root{--country-flag:linear-gradient(135deg,#eef6f4,#dbeee9 45%,#e8f0f8);--country-accent:#0a8a74}
.country-card-media{position:relative;display:grid;place-items:center;width:76px;height:92px}.country-card-media img,.country-card-media .country-flag-emoji{margin:0 auto}.country-flag-chip{position:absolute;right:-8px;bottom:-8px;display:grid;place-items:center;min-width:30px;height:30px;padding:0 7px;border-radius:999px;background:#fff;border:1px solid rgba(8,79,91,.14);box-shadow:0 8px 18px rgba(8,79,91,.16);font-size:18px;line-height:1}.landing-context-flag{position:absolute;top:14px;left:16px;display:grid;place-items:center;min-width:40px;height:40px;padding:0 10px;border-radius:999px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.24);backdrop-filter:blur(4px);font-size:24px;line-height:1;box-shadow:0 8px 16px rgba(0,0,0,.12)}
.landing-art{background-image:linear-gradient(135deg,rgba(6,108,118,.96),rgba(0,152,126,.92) 58%,rgba(37,182,135,.88)),var(--country-flag)!important;background-size:cover;position:relative}
.landing-logo-glow.heart-palpitate{animation:landing-heart-pulse 1.35s ease-in-out infinite;transform-origin:center}.landing-logo-glow.heart-palpitate img{animation:landing-heart-beat 1.35s ease-in-out infinite;transform-origin:center;will-change:transform}.landing-art b,.landing-art small{position:relative;z-index:1}.landing-logo-glow{position:relative;z-index:1}
@keyframes landing-heart-pulse{0%,100%{transform:scale(1);box-shadow:0 0 0 8px rgba(255,255,255,.12),0 0 28px rgba(162,255,225,.5)}14%{transform:scale(1.08);box-shadow:0 0 0 10px rgba(255,255,255,.18),0 0 34px rgba(162,255,225,.62)}28%{transform:scale(1.02)}42%{transform:scale(1.12);box-shadow:0 0 0 12px rgba(255,255,255,.18),0 0 40px rgba(162,255,225,.68)}70%{transform:scale(1)}}
@keyframes landing-heart-beat{0%,100%{transform:scale(1)}14%{transform:scale(1.1)}28%{transform:scale(.98)}42%{transform:scale(1.14)}70%{transform:scale(1)}}
.government-login-logo,.login-panel .login-hero,.country-hero-compact{position:relative;overflow:hidden}.government-login-logo:after,.login-panel .login-hero:after{content:"";position:absolute;inset:auto -18% -34% auto;width:220px;height:220px;border-radius:50%;background:var(--country-flag);opacity:.13;filter:blur(2px)}


/* ==========================================================================
   Release 10.17.2 — card flags use local flag assets instead of text acronyms
   ========================================================================== */
.country-card-media{display:grid;place-items:center;width:82px;height:92px}
.country-flag-tile{width:58px;height:42px;object-fit:cover!important;border-radius:10px;border:1px solid rgba(8,79,91,.12);background:#fff;box-shadow:0 10px 22px rgba(8,79,91,.12);padding:0!important}
.country-code.country-code-flag{display:grid;place-items:center;padding:3px!important;border-radius:999px;background:#fff;border:1px solid rgba(8,79,91,.12);box-shadow:0 8px 16px rgba(8,79,91,.12);min-width:28px;min-height:28px}
.country-code-flag-image{width:20px;height:20px;object-fit:cover!important;border-radius:50%;display:block;padding:0!important;background:#fff}
.country-flag-chip{display:grid;place-items:center;overflow:hidden;padding:0!important;min-width:34px;height:34px;border-radius:999px;background:#fff}
.country-flag-chip-image{width:28px;height:28px;object-fit:cover!important;border-radius:50%;display:block;padding:0!important;background:#fff}
.compact-cards .country-card img.country-flag-tile{width:58px;height:42px;padding:0;background:#fff;border-radius:10px;object-fit:cover}
.compact-cards .country-code.country-code-flag{top:8px;right:8px;padding:3px!important;font-size:0!important;letter-spacing:0;background:#fff}
@media(max-width:430px){.country-flag-tile{width:48px;height:34px}.country-code-flag-image{width:18px;height:18px}.country-flag-chip-image{width:24px;height:24px}}


/* ==========================================================================
   Release 10.17.3 — single flag per country card with acronym badge restored
   ========================================================================== */
.country-card-media{position:relative;display:grid;place-items:center;width:76px;height:92px}
.country-flag-tile{width:58px;height:42px;object-fit:cover!important;border-radius:10px;border:1px solid rgba(8,79,91,.12);background:#fff;box-shadow:0 10px 22px rgba(8,79,91,.12);padding:0!important}
.country-flag-chip,.country-flag-chip-image,.country-code-flag-image{display:none!important}
.compact-cards .country-card img.country-flag-tile{width:58px;height:42px;padding:0;background:#fff;border-radius:10px;object-fit:cover}
.compact-cards .country-code{top:8px;right:8px;padding:3px 5px;font-size:8px!important;background:#eef6f4;letter-spacing:.08em}
@media(max-width:430px){.country-flag-tile{width:48px;height:34px}}


/* ==========================================================================
   Release 10.17.3 Emblem Upgrade — login badge uses country symbols instead of acronyms
   ========================================================================== */
.login-country-flag{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#fff;box-shadow:0 3px 12px rgba(0,0,0,.1);overflow:hidden;padding:4px}
.login-country-flag img,.login-country-symbol-image{width:100%;height:100%;object-fit:contain;display:block}
.government-login-logo .generic-country-logo{width:30px;height:30px}


/* ==========================================================================
   v10.17.3 emblem upgrade fix — single login emblem, cleaner callout, no heart acronym
   ========================================================================== */
#ministryLogo{display:none!important}
.government-login-logo{grid-template-columns:56px minmax(0,1fr)!important;align-items:center!important}
.government-login-logo .login-country-flag{width:54px!important;height:54px!important;padding:6px!important;border-radius:14px!important;background:#fff!important;box-shadow:0 6px 18px rgba(0,0,0,.10)!important}
.government-login-logo .login-country-flag img,.government-login-logo .login-country-symbol-image{width:100%!important;height:100%!important;object-fit:contain!important;display:block}
.government-login-logo>div:last-child{min-width:0}
.government-login-logo>div:last-child strong{display:block;line-height:1.2;overflow-wrap:anywhere}
.government-login-logo>div:last-child span{display:block;line-height:1.35;overflow-wrap:anywhere}
#loginNetwork{display:inline-flex!important;align-items:center;justify-content:center;justify-self:end;align-self:center;min-height:56px;padding:0 20px!important;min-width:340px;max-width:420px;border-radius:999px!important;white-space:nowrap;font-size:14px!important;line-height:1.2!important;text-wrap:balance}
@media(max-width:1080px){#loginNetwork{white-space:normal;min-width:0;max-width:100%;width:auto}}
#landingContextFlag{display:none!important}
#landingContextTagline{text-transform:none}
.compact-cards .country-card,.country-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,filter .18s ease}
.compact-cards .country-card:hover,.compact-cards .country-card.selected,.country-card:hover,.country-card.selected{transform:translateY(-4px) scale(1.025)!important;box-shadow:0 18px 36px rgba(0,112,95,.18),0 0 0 3px rgba(7,151,130,.12)!important;filter:saturate(1.03)}
.compact-cards .country-card.selected{border-color:#079782!important;background:linear-gradient(180deg,#ffffff 0%,#f5fcfa 100%)}
.compact-cards .country-card.selected:before{content:'';position:absolute;inset:-1px;border-radius:18px;pointer-events:none;box-shadow:0 0 22px rgba(8,143,122,.22)}

/* ==========================================================================
   v10.17.5 — universal header heartbeat, modern ICT administration,
   and complete new-patient registration
   ========================================================================== */

/* Universal in-app heartbeat. The same heart pulses in every country context. */
.ehr-brand .ehr-header-heart{
  transform-origin:center;
  animation:ua-header-heartbeat 1.45s ease-in-out infinite;
  will-change:transform,filter;
}
@keyframes ua-header-heartbeat{
  0%,100%{transform:scale(1);filter:drop-shadow(0 0 0 transparent)}
  12%{transform:scale(1.12);filter:drop-shadow(0 0 8px var(--country-accent,#16b99a))}
  22%{transform:scale(1)}
  31%{transform:scale(1.075);filter:drop-shadow(0 0 5px var(--country-accent,#16b99a))}
  44%,78%{transform:scale(1);filter:drop-shadow(0 0 0 transparent)}
}
@media(prefers-reduced-motion:reduce){.ehr-brand .ehr-header-heart{animation:none}}

/* Complete new-patient registration */
.v10175-registration-shell{grid-template-columns:210px minmax(0,1fr) 285px;gap:14px;height:calc(100dvh - 235px);min-height:620px}
.v10175-registration-shell .v5-workspace-tabs{padding:12px;background:linear-gradient(180deg,#0b6f65,#084f59);border-radius:18px;align-self:stretch;display:flex;flex-direction:column;gap:8px}
.v10175-registration-shell .v5-workspace-tabs button{border:0;border-radius:12px;background:rgba(255,255,255,.08);color:#d9f7ef;padding:13px 14px;text-align:left;font-weight:800;transition:.18s ease}
.v10175-registration-shell .v5-workspace-tabs button:hover{background:rgba(255,255,255,.15);transform:translateX(3px)}
.v10175-registration-shell .v5-workspace-tabs button.active{background:#fff;color:#075f56;box-shadow:0 12px 24px rgba(4,38,43,.22)}
.v10175-registration-shell .v5-registration-content{overflow:auto;padding:0 2px 18px}
.v10175-registration-card{border:1px solid #d8e8e4;border-radius:18px;background:#fff;padding:22px;box-shadow:0 12px 34px rgba(19,64,72,.07)}
.v10175-card-heading{display:flex;gap:14px;align-items:flex-start;margin-bottom:18px;padding-bottom:15px;border-bottom:1px solid #e7efed}
.v10175-card-heading>span{width:42px;height:42px;display:grid;place-items:center;flex:0 0 42px;border-radius:13px;background:linear-gradient(135deg,#0a8d78,#0d5f73);color:#fff;font-weight:900;box-shadow:0 9px 20px rgba(9,117,104,.22)}
.v10175-card-heading h3{margin:1px 0 4px;font-size:20px;color:#123449}.v10175-card-heading p{margin:0;color:#687d8c}
.v10175-registration-card .form-grid{gap:14px}.v10175-registration-card .field>span{font-weight:800;color:#365363}
.v10175-registration-card input,.v10175-registration-card select,.v10175-registration-card textarea{min-height:46px;border-radius:11px;border-color:#cbdcda;background:#fbfdfd}
.v10175-registration-card input:focus,.v10175-registration-card select:focus,.v10175-registration-card textarea:focus{border-color:#0b927d;box-shadow:0 0 0 3px rgba(11,146,125,.13);outline:0;background:#fff}
.v10175-registration-step-actions{display:flex;align-items:center;gap:10px;margin-top:22px;padding-top:16px;border-top:1px solid #e7efed}
.v10175-registration-step-actions>span{margin-right:auto;color:#728895;font-size:12px;font-weight:800}.v10175-registration-step-actions .registration-create-button{min-width:190px}
.v10175-registration-matches{display:grid;gap:8px;margin-top:12px}.v10175-registration-matches>button{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;width:100%;padding:10px;border:1px solid #d9e6e3;border-radius:12px;background:#fff;text-align:left;cursor:pointer}
.v10175-registration-matches>button:hover{border-color:#0b927d;background:#f2fbf8}.v10175-registration-matches strong,.v10175-registration-matches small{display:block}.v10175-registration-matches b{color:#087f70;font-size:12px}.v10175-match-avatar{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:#e6f6f1;color:#087661;font-weight:900}
.v10175-new-patient-banner{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding:13px 15px;border-radius:14px;background:linear-gradient(135deg,#e8f9f4,#f5fbff);border:1px solid #c6e8de}.v10175-new-patient-banner>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#079782;color:#fff;font-size:24px}.v10175-new-patient-banner strong,.v10175-new-patient-banner small{display:block}.v10175-new-patient-banner small{margin-top:3px;color:#617987}
.v10175-registration-progress{padding:18px;border-radius:18px;background:linear-gradient(180deg,#ffffff,#f5faf9);border:1px solid #d8e8e4;overflow:auto}.v10175-registration-progress h3{text-align:center;margin:12px 0 15px}.v10175-progress-ring{--progress:0;width:118px;height:118px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;align-content:center;background:radial-gradient(circle at center,#fff 0 55%,transparent 56%),conic-gradient(#0a967f calc(var(--progress)*1%),#dce9e6 0);box-shadow:0 10px 25px rgba(10,111,101,.12)}.v10175-progress-ring strong{font-size:23px;color:#0a6f65}.v10175-progress-ring span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#6b818a}.v10175-registration-progress>div:not(.v10175-progress-ring):not(.alert){display:flex;align-items:center;gap:9px;padding:9px 2px;border-bottom:1px solid #e9f0ee;font-size:12px}.v10175-registration-progress>div>span{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#edf3f2;color:#789}.v10175-registration-progress>div>span.done{background:#dff7ed;color:#07855f;font-weight:900}
.v10175-duplicate-list{display:grid;gap:8px;margin-top:14px}.v10175-duplicate-list article{padding:12px;border:1px solid #e0e8e6;border-radius:12px;background:#fff}.v10175-duplicate-list strong,.v10175-duplicate-list span,.v10175-duplicate-list small{display:block}.v10175-duplicate-list span,.v10175-duplicate-list small{margin-top:3px;color:#687f8a}

/* Modern ICT administration */
.ict-admin-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}
.ict-admin-kpi-grid article{display:flex;align-items:center;gap:12px;min-height:94px;padding:16px 18px;border-radius:18px;border:1px solid #dce8e6;background:linear-gradient(145deg,#fff,#f5faf9);box-shadow:0 10px 28px rgba(18,62,70,.07)}
.ict-admin-kpi-grid article.attention{background:linear-gradient(145deg,#fff9f3,#fff);border-color:#f0d6bf}.ict-admin-kpi-grid small,.ict-admin-kpi-grid em{display:block}.ict-admin-kpi-grid small{font-weight:800;color:#617987}.ict-admin-kpi-grid strong{display:block;font-size:28px;line-height:1;color:#123449;margin:5px 0}.ict-admin-kpi-grid em{font-style:normal;font-size:11px;color:#708693}.ict-kpi-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;font-size:22px;font-weight:900}.ict-kpi-icon.users{background:#e7f5ff;color:#1474a8}.ict-kpi-icon.secure{background:#e3f8ef;color:#087b5f}.ict-kpi-icon.privileged{background:#f0eafe;color:#6d4fb1}.ict-kpi-icon.locked{background:#fff0e2;color:#c66b20}
.ict-admin-modern-shell{grid-template-columns:300px minmax(520px,1fr) 285px!important;gap:12px!important;height:calc(100dvh - 345px)!important;min-height:620px!important}
.ict-admin-modern-shell>.ua-card{border-radius:18px;border:1px solid #dce8e6;box-shadow:0 12px 32px rgba(18,62,70,.07);overflow:hidden;background:#fff}
.ict-user-directory{display:flex!important;flex-direction:column}.ict-directory-header{display:grid!important;grid-template-columns:1fr auto;gap:10px;padding:16px!important;background:linear-gradient(145deg,#f5fbf9,#fff)!important;border-bottom:1px solid #e2ece9}.ict-directory-header h2{margin:2px 0;font-size:21px}.ict-directory-header span{font-size:11px;color:#718793}.ict-directory-header input{grid-column:1/-1;width:100%;max-width:none!important}.ict-icon-button{width:38px;height:38px;border:0;border-radius:12px;background:#087f70;color:#fff;font-size:24px;cursor:pointer}.ict-user-list{overflow:auto;flex:1;padding:8px}.ict-user-row{width:100%;display:grid!important;grid-template-columns:42px minmax(0,1fr) 10px!important;gap:10px!important;align-items:center!important;padding:11px!important;margin-bottom:5px;border:1px solid transparent!important;border-radius:13px!important;background:#fff!important;text-align:left;cursor:pointer;transition:.16s ease}.ict-user-row:hover{background:#f4faf8!important;border-color:#d5e9e3!important;transform:translateX(2px)}.ict-user-row.active{background:linear-gradient(135deg,#e4f8f1,#f5fbff)!important;border-color:#95d7c8!important;box-shadow:0 8px 20px rgba(7,128,112,.12)!important}.ict-user-copy strong,.ict-user-copy small,.ict-user-copy em{display:block}.ict-user-copy strong{font-size:13px;color:#173b4d}.ict-user-copy small{font-size:10px;color:#607785;margin-top:3px}.ict-user-copy em{font-size:9px;font-style:normal;color:#0b806d;margin-top:4px}.ict-user-row i{width:9px!important;height:9px!important}
.ict-access-studio{display:flex!important;flex-direction:column!important;min-width:0;overflow:hidden!important}.ict-selected-user-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 18px;background:linear-gradient(135deg,#0b6965,#0a5064);color:#fff}.ict-selected-user-hero .v1016-admin-user-heading{display:flex;align-items:center;gap:12px}.ict-selected-user-hero h2{margin:2px 0;color:#fff;font-size:20px}.ict-selected-user-hero p{margin:0;color:#d7eeeb}.ict-selected-user-hero .eyebrow{color:#9fe3d7!important}.ict-selected-user-hero .v1016-admin-photo{width:58px;height:58px;border-radius:18px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);display:grid;place-items:center;font-size:18px;font-weight:900}.ict-user-badges{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.ict-user-badges span{padding:4px 8px;border-radius:999px;font-size:9px;font-weight:900;background:rgba(255,255,255,.12)}.ict-user-badges .good{background:rgba(89,235,180,.18);color:#c8ffe9}.ict-user-badges .warning{background:rgba(255,207,99,.18);color:#ffe5a3}.ict-user-badges .danger{background:rgba(255,112,112,.18);color:#ffd1d1}.ict-user-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.ict-user-actions .ua-button{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.22);color:#fff}.ict-user-actions .ua-button:hover{background:#fff;color:#0a625e}
.ict-matrix-tabs{padding:0 14px!important;background:#fff;gap:4px}.ict-matrix-tabs button{display:flex;align-items:center;gap:8px;padding:12px 14px!important;font-size:11px!important;border-radius:10px 10px 0 0}.ict-matrix-tabs b{min-width:22px;height:22px;border-radius:999px;background:#edf5f3;display:grid;place-items:center;font-size:9px}.ict-matrix-tabs button.active b{background:#dff6ee;color:#087a63}.ict-matrix-title{display:flex;align-items:center;justify-content:space-between;padding:13px 16px 4px}.ict-matrix-title h3{margin:2px 0;font-size:16px}.ict-matrix-title>span{font-size:11px;color:#607785;background:#eef6f4;border-radius:999px;padding:7px 10px}.ict-matrix-toolbar{padding:8px 16px 12px!important}.ict-matrix-toolbar input{max-width:none!important;flex:1}.ict-matrix-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))!important;gap:9px!important;padding:12px 16px!important;background:#f5f8f8!important;min-height:260px!important}.ict-matrix-cell{position:relative;grid-template-columns:22px 22px 1fr!important;gap:8px!important;border-radius:13px!important;padding:12px!important;min-height:78px!important;transition:.16s ease}.ict-matrix-cell:hover{border-color:#91d0c2;box-shadow:0 8px 18px rgba(9,105,93,.08);transform:translateY(-1px)}.ict-matrix-cell input{width:18px;height:18px;accent-color:#078f7a}.ict-checkmark{width:22px;height:22px;border-radius:8px;display:grid;place-items:center;background:#eef4f3;color:transparent;font-weight:900}.ict-matrix-cell:has(input:checked){border-color:#6ac4b0;background:#f0fbf7}.ict-matrix-cell:has(input:checked) .ict-checkmark{background:#0a927d;color:#fff}.ict-matrix-cell strong,.ict-matrix-cell small,.ict-matrix-cell em{display:block}.ict-matrix-cell strong{font-size:12px;color:#173a4a}.ict-matrix-cell small{font-size:9px;color:#0a806c;margin-top:3px}.ict-matrix-cell em{font-size:9px;font-style:normal;color:#718491;margin-top:5px;line-height:1.35}.ict-matrix-save{padding:12px 16px!important;background:#fff;box-shadow:0 -8px 22px rgba(18,62,70,.06)}
.ict-security-panel{padding:17px!important;background:linear-gradient(180deg,#fff,#f6faf9)!important}.ict-security-heading{display:flex;gap:10px;align-items:center}.ict-security-heading>span{width:39px;height:39px;border-radius:13px;display:grid;place-items:center;background:#e2f7ef;color:#087962;font-size:18px}.ict-security-heading h2{margin:2px 0;font-size:18px}.ict-risk-orbit{width:126px;height:126px;margin:20px auto;border-radius:50%;display:grid;place-items:center;align-content:center;background:radial-gradient(circle at center,#fff 0 54%,transparent 55%),conic-gradient(#27ae80 0 78%,#e2ece9 78%);box-shadow:0 12px 25px rgba(12,94,82,.12)}.ict-risk-orbit.review{background:radial-gradient(circle at center,#fff 0 54%,transparent 55%),conic-gradient(#e8a53b 0 60%,#e2ece9 60%)}.ict-risk-orbit.high{background:radial-gradient(circle at center,#fff 0 54%,transparent 55%),conic-gradient(#d9534f 0 86%,#e2ece9 86%)}.ict-risk-orbit strong{font-size:22px;color:#163b4a}.ict-risk-orbit span{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#718590}.ict-account-facts>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #e6eeec}.ict-account-facts span{font-size:10px;color:#6d818d}.ict-account-facts strong{font-size:10px;text-align:right;color:#173b4b}.ict-security-actions{display:grid;gap:8px;margin-top:14px}.ict-admin-audit-note{display:flex;gap:9px;padding:12px;margin-top:14px;border-radius:13px;background:#eaf6f3;color:#45636f}.ict-admin-audit-note p{margin:0;font-size:10px;line-height:1.45}

@media(max-width:1200px){
  .ict-admin-kpi-grid{grid-template-columns:repeat(2,1fr)}
  .ict-admin-modern-shell{grid-template-columns:260px minmax(0,1fr)!important;height:auto!important}.ict-security-panel{grid-column:1/-1!important;display:grid!important;grid-template-columns:180px 1fr 220px;gap:18px;align-items:start}.ict-security-heading,.ict-admin-audit-note{grid-column:1/-1}.ict-risk-orbit{margin:0 auto}.v10175-registration-shell{grid-template-columns:180px minmax(0,1fr)}.v10175-registration-progress{grid-column:1/-1}
}
@media(max-width:760px){
  .ict-admin-kpi-grid{grid-template-columns:1fr}.ict-admin-modern-shell{grid-template-columns:1fr!important}.ict-security-panel{display:block!important;grid-column:auto!important}.ict-selected-user-hero{align-items:flex-start;flex-direction:column}.ict-user-actions{justify-content:flex-start}.v10175-registration-shell{grid-template-columns:1fr;height:auto}.v10175-registration-shell .v5-workspace-tabs{flex-direction:row;overflow:auto}.v10175-registration-shell .v5-workspace-tabs button{white-space:nowrap}.v10175-registration-step-actions{flex-wrap:wrap}.v10175-registration-step-actions>span{width:100%;order:-1}.v10175-registration-step-actions .registration-create-button{width:100%}
}


/* ==========================================================================
   v10.17.3 landing proposition — enterprise suite + student demo access
   ========================================================================== */
.suite-market-hero{grid-template-columns:minmax(0,1.22fr) minmax(360px,.78fr);align-items:stretch;gap:28px;padding:34px 38px;background:radial-gradient(circle at 73% -10%,rgba(4,155,128,.11),transparent 28%),linear-gradient(132deg,rgba(239,252,248,.98),rgba(255,255,255,.98) 57%,rgba(235,246,252,.96));}
.suite-market-copy{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;min-width:0}
.suite-market-hero .suite-market-copy h1{max-width:880px;font-size:clamp(38px,4.4vw,62px);line-height:.98;letter-spacing:-.048em;margin:8px 0 16px;text-wrap:balance}
.suite-market-summary{max-width:850px!important;font-size:17px!important;line-height:1.58!important;color:#587185!important}
.suite-market-chips{margin-top:18px}
.suite-market-audiences{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}
.suite-market-audiences span{display:inline-flex;align-items:center;min-height:30px;padding:0 11px;border-radius:10px;background:#0b4f5b;color:#fff;font-size:12px;font-weight:800;letter-spacing:.01em;box-shadow:0 7px 16px rgba(11,79,91,.10)}
.suite-license-note{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;margin-top:18px;padding:13px 15px;border:1px solid rgba(7,143,122,.20);border-radius:15px;background:rgba(255,255,255,.80);box-shadow:0 9px 24px rgba(31,64,73,.06)}
.suite-license-note strong{color:#08745f;font-size:13px;white-space:nowrap}
.suite-license-note span{color:#61788a;font-size:12px;line-height:1.4}
.suite-market-side{position:relative;z-index:1;display:grid;grid-template-rows:auto auto;gap:14px;align-content:center}
.suite-product-card{height:150px!important;transform:rotate(.8deg)!important}
.suite-product-badge{position:absolute!important;top:13px;left:14px;display:inline-flex!important;align-items:center;width:auto!important;height:28px;padding:0 10px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(255,255,255,.16);backdrop-filter:blur(5px);font-size:10px!important;font-weight:900;letter-spacing:.08em;text-transform:uppercase;line-height:1!important}
.student-demo-card{display:grid;gap:10px;padding:16px;border:1px solid rgba(8,117,99,.18);border-radius:18px;background:rgba(255,255,255,.96);box-shadow:0 16px 34px rgba(15,69,78,.11)}
.student-demo-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}
.student-demo-heading span{display:inline-flex;padding:5px 8px;border-radius:999px;background:#e8f8f3;color:#08745f;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.student-demo-heading strong{color:#143b4c;font-size:15px;text-align:right}
.student-demo-card>p{margin:0;color:#61788a;font-size:12px;line-height:1.45}
.student-demo-credentials{display:grid;grid-template-columns:1fr 1.35fr;gap:8px}
.student-demo-credentials span{display:grid;gap:3px;padding:9px 10px;border:1px solid #d9e6e3;border-radius:11px;background:#f8fbfa;min-width:0}
.student-demo-credentials small{color:#718695;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.student-demo-credentials code{overflow:hidden;text-overflow:ellipsis;color:#123449;font-size:12px;font-weight:900;white-space:nowrap}
.student-demo-button{width:100%;min-height:40px;border:0;border-radius:11px;background:linear-gradient(135deg,#078f7a,#0b5c68);color:#fff;font-weight:900;cursor:pointer;box-shadow:0 10px 20px rgba(7,143,122,.19);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.student-demo-button:hover,.student-demo-button:focus-visible{transform:translateY(-2px);box-shadow:0 14px 24px rgba(7,143,122,.25);filter:saturate(1.06)}
.student-demo-help{display:block;color:#78909b;font-size:9px;line-height:1.35;text-align:center}
@media(max-width:1120px){.suite-market-hero{grid-template-columns:1fr minmax(330px,.72fr);padding:28px}.suite-market-hero .suite-market-copy h1{font-size:clamp(34px,4.5vw,50px)}.suite-license-note{grid-template-columns:1fr;gap:4px}.suite-license-note strong{white-space:normal}}
@media(max-width:860px){.suite-market-hero{grid-template-columns:1fr}.suite-market-side{grid-template-columns:1fr 1fr;grid-template-rows:auto}.suite-product-card{display:flex!important;height:auto!important;min-height:190px}.student-demo-card{min-height:190px}}
@media(max-width:620px){.suite-market-hero{padding:22px 18px}.suite-market-hero .suite-market-copy h1{font-size:34px}.suite-market-summary{font-size:14px!important}.suite-market-side{grid-template-columns:1fr}.suite-product-card{display:none!important}.student-demo-credentials{grid-template-columns:1fr}.suite-market-audiences span{font-size:10px}.student-demo-heading{align-items:flex-start;flex-direction:column}.student-demo-heading strong{text-align:left}}


/* ==========================================================================
   v10.17.3 landing refresh — darker hero card, more human voice, cooler student demo
   ========================================================================== */
.country-header{backdrop-filter:saturate(1.05) blur(10px)}
.country-brand span{font-size:13px;color:#667c89}
.country-assurance span{padding:0 0 0 2px;font-size:14px;color:#0c7a73}
.suite-market-hero{background:linear-gradient(135deg,rgba(241,248,247,.97),rgba(255,255,255,.98) 52%,rgba(239,246,252,.95));border:1px solid rgba(11,92,104,.08)}
.suite-market-copy .eyebrow{color:#0b7c73;letter-spacing:.09em}
.suite-market-summary{max-width:760px;color:#5b7484!important;font-size:16px!important;line-height:1.6!important}
.suite-market-chips span{background:rgba(255,255,255,.92);border:1px solid rgba(9,86,97,.08)}
.suite-market-audiences span{background:#eff8f7;border-color:#d7ebe8;color:#0b756b}
.suite-license-note{background:linear-gradient(135deg,#0e2734,#12394a);color:#eef8fb;border-radius:18px;border:1px solid rgba(122,210,222,.14);box-shadow:0 18px 34px rgba(8,28,38,.16)}
.suite-license-note strong,.suite-license-note span{color:inherit}
.suite-market-side{display:grid;gap:16px}
.landing-art.suite-product-card{height:180px!important;transform:none!important;padding:18px 18px 16px!important;border-radius:28px!important;background:radial-gradient(circle at 50% 18%,rgba(119,229,229,.18),transparent 22%),radial-gradient(circle at 86% 78%,rgba(108,96,255,.15),transparent 20%),linear-gradient(160deg,#0d1726 0%,#13253a 34%,#14384c 64%,#0f5a63 100%)!important;box-shadow:0 22px 44px rgba(10,22,38,.28)!important;border:1px solid rgba(164,233,255,.08);isolation:isolate}
.landing-art.suite-product-card:before{width:180px;height:180px;left:-54px;top:-96px;border-color:rgba(141,214,255,.14)!important}
.landing-art.suite-product-card:after{width:122px;height:122px;right:-22px;bottom:-56px;border-color:rgba(141,214,255,.16)!important}
.landing-art.suite-product-card .suite-product-badge{position:absolute;top:16px;left:16px;display:inline-flex;align-items:center;padding:8px 13px;border-radius:999px;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.14);color:#e5fbff;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;z-index:2}
.landing-art.suite-product-card b{margin-top:10px;color:#f4fbff;font-size:17px;letter-spacing:-.01em}
.landing-art.suite-product-card small{color:#b5d7e3;font-size:12px;line-height:1.45;max-width:82%;text-align:center}
.landing-art.suite-product-card .landing-logo-glow{width:70px;height:70px;box-shadow:0 0 0 10px rgba(255,255,255,.10),0 0 36px rgba(95,238,216,.28),0 0 64px rgba(76,139,255,.15)}
.student-demo-card{padding:18px 18px 16px;border-radius:24px!important;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(246,251,252,.98));border:1px solid rgba(17,86,97,.12);box-shadow:0 18px 36px rgba(14,44,54,.10)!important}
.student-demo-heading strong{font-size:18px;color:#17394b}
.student-demo-card>p{font-size:14px;line-height:1.55;color:#607788}
.student-demo-credentials span{border-radius:14px;padding:11px 12px;background:#fbfdfd;border:1px solid #d7e5e6}
.student-demo-credentials code{font-size:14px;color:#17394b}
.student-demo-button{min-height:54px;border-radius:15px;background:linear-gradient(135deg,#0f8f87,#0f445b 78%)!important;font-size:15px;letter-spacing:.01em;box-shadow:0 14px 30px rgba(15,86,98,.24)!important}
.student-demo-help{font-size:11px;color:#78909b}
.country-picker-heading .eyebrow{letter-spacing:.09em}
.quick-access-card,.context-callout{border-radius:22px!important}
.quick-access-card{background:linear-gradient(180deg,#ffffff,#f8fbfb)}
.context-callout{background:linear-gradient(135deg,#10283a,#13485d)!important}
.context-callout strong{font-size:17px}
.context-callout p{font-size:13px;line-height:1.5}
@media(max-width:860px){.landing-art.suite-product-card{min-height:200px}}


/* ==========================================================================
   v10.17.3 interop, hosting, and contact additions
   ========================================================================== */
.landing-trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
.trust-card{background:linear-gradient(180deg,#ffffff,#f7fbfc);border:1px solid rgba(13,77,91,.10);border-radius:22px;padding:20px 20px 18px;box-shadow:0 14px 30px rgba(13,40,49,.07)}
.trust-kicker{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;background:#e9f6f5;color:#0b7c73;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.trust-card h3{margin:12px 0 8px;color:#16374a;font-size:24px;line-height:1.15}
.trust-card p{margin:0;color:#607788;font-size:14px;line-height:1.65}
.trust-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.trust-tags span{display:inline-flex;align-items:center;min-height:30px;padding:0 11px;border-radius:10px;background:#f0f7fb;border:1px solid #d8e8ef;color:#18485c;font-size:12px;font-weight:800}
.landing-contact-bar{margin-top:18px;padding:18px 20px;border-radius:20px;background:linear-gradient(135deg,#0f2233,#10465b);color:#eaf9ff;text-align:center;font-size:15px;line-height:1.5;box-shadow:0 18px 34px rgba(10,24,37,.14)}
.landing-contact-bar a{color:#7cf3dc;font-weight:900;text-decoration:none}
.landing-contact-bar a:hover{text-decoration:underline}
@media(max-width:980px){.landing-trust-grid{grid-template-columns:1fr}}
@media(max-width:620px){.trust-card h3{font-size:20px}.landing-contact-bar{font-size:14px;padding:16px}}


/* ==========================================================================
   v10.17.3 login hero refresh — remove flag overlap and modernize header
   ========================================================================== */
.login-panel .login-hero,.government-login-logo{overflow:visible!important}
.government-login-logo:after,.login-panel .login-hero:after{display:none!important}
.login-hero{position:relative;display:grid!important;grid-template-columns:minmax(280px,.95fr) minmax(360px,1.25fr) minmax(260px,.8fr);gap:18px;align-items:center;padding:24px 26px 22px!important;background:linear-gradient(135deg,#f7fbfb 0%,#eff7f6 48%,#f7fbfd 100%)!important;border-bottom:1px solid #d9e7e4!important;isolation:isolate}
.login-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 18%,rgba(43,186,174,.09),transparent 24%),radial-gradient(circle at 88% 20%,rgba(71,133,255,.10),transparent 21%),linear-gradient(120deg,transparent 0%,transparent 44%,rgba(10,105,119,.035) 44%,rgba(10,105,119,.035) 54%,transparent 54%,transparent 100%);border-radius:0}
.government-login-logo,.brand-lockup.login-brand,.login-network{position:relative;z-index:1}
.government-login-logo{display:grid!important;grid-template-columns:68px minmax(0,1fr)!important;gap:14px;align-items:center;margin:0!important;padding:16px 18px!important;border:1px solid rgba(14,94,104,.12)!important;border-radius:20px!important;background:rgba(255,255,255,.82)!important;backdrop-filter:blur(8px);box-shadow:0 14px 28px rgba(12,43,53,.08)!important}
.government-login-logo .login-country-flag{width:58px!important;height:58px!important;padding:7px!important;border-radius:16px!important;background:linear-gradient(180deg,#ffffff,#f4fbfc)!important;border:1px solid rgba(11,110,120,.10);box-shadow:0 10px 22px rgba(14,51,63,.10)!important}
.government-login-logo strong{font-size:12px!important;letter-spacing:.12em;text-transform:uppercase;color:#617787}
.government-login-logo span{margin-top:4px;font-size:15px!important;line-height:1.35!important;color:#17384b!important;font-weight:700}
.brand-lockup.login-brand{display:grid!important;grid-template-columns:76px minmax(0,1fr)!important;gap:16px;align-items:center;margin:0!important;padding:16px 18px!important;border:1px solid rgba(14,94,104,.10)!important;border-radius:24px!important;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(247,252,252,.96))!important;backdrop-filter:blur(8px);box-shadow:0 18px 32px rgba(13,42,54,.08)!important;border-bottom:0!important}
.brand-lockup.login-brand img{width:70px!important;height:70px!important;border-radius:20px;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(11,90,103,.16))}
.brand-lockup.login-brand .eyebrow{margin:0 0 6px;font-size:12px!important;letter-spacing:.12em;text-transform:uppercase;color:#6a7f8c}
.brand-lockup.login-brand h1{margin:0;color:#102f46!important;font-size:clamp(34px,3.2vw,48px)!important;line-height:1.02;font-weight:900;letter-spacing:-.03em}
.brand-lockup.login-brand p{margin:8px 0 0!important;color:#667b8d!important;font-size:17px!important;line-height:1.4!important;max-width:24ch}
#loginNetwork{display:grid!important;align-items:center;min-height:96px;min-width:0;max-width:none!important;padding:18px 22px!important;border-radius:24px!important;border:1px solid rgba(7,132,115,.16)!important;background:linear-gradient(135deg,#ffffff,#f6fbfa)!important;box-shadow:0 16px 30px rgba(9,55,67,.08)!important;color:#0a7168!important;font-size:15px!important;font-weight:900!important;line-height:1.35!important;text-align:left!important;white-space:normal!important}
#loginNetwork:before{content:"Context";display:block;margin-bottom:6px;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#6d8691}
@media(max-width:1180px){.login-hero{grid-template-columns:1fr!important}.brand-lockup.login-brand h1{font-size:34px!important}#loginNetwork{min-height:unset}}
@media(max-width:600px){.login-hero{padding:16px 14px 18px!important;gap:12px}.government-login-logo,.brand-lockup.login-brand,#loginNetwork{padding:14px!important;border-radius:18px!important}.brand-lockup.login-brand{grid-template-columns:60px minmax(0,1fr)!important}.brand-lockup.login-brand img{width:56px!important;height:56px!important}.brand-lockup.login-brand h1{font-size:28px!important}.brand-lockup.login-brand p{font-size:15px!important}}


/* ==========================================================================
   v10.17.3 calm login hero + spacious ICT administration refinements
   ========================================================================== */
@keyframes ua-emblem-pulse{
  0%,100%{transform:scale(1);filter:drop-shadow(0 0 0 transparent)}
  14%{transform:scale(1.06);filter:drop-shadow(0 0 12px rgba(44,196,179,.22))}
  28%{transform:scale(.99)}
  42%{transform:scale(1.09);filter:drop-shadow(0 0 18px rgba(84,149,255,.18))}
  68%{transform:scale(1)}
}
.login-hero{grid-template-columns:minmax(360px,1.1fr) minmax(430px,1.3fr) minmax(280px,.92fr)!important;gap:24px!important;padding:28px 30px 24px!important;background:linear-gradient(135deg,#eef7f7 0%,#f9fcfd 48%,#eef5f8 100%)!important;border-bottom:1px solid #dbe8e6!important}
.login-hero:before{background:radial-gradient(circle at 12% 18%,rgba(48,183,170,.08),transparent 23%),radial-gradient(circle at 86% 24%,rgba(95,154,255,.10),transparent 18%),radial-gradient(circle at 52% 102%,rgba(23,141,151,.07),transparent 26%),linear-gradient(120deg,transparent 0%,transparent 45%,rgba(14,110,122,.032) 45%,rgba(14,110,122,.032) 54%,transparent 54%,transparent 100%)!important}
.government-login-logo{grid-template-columns:88px 96px minmax(0,1fr)!important;gap:16px!important;padding:18px 20px!important;border-radius:24px!important;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(246,251,251,.95))!important;box-shadow:0 16px 34px rgba(13,46,57,.09)!important}
.government-login-logo .login-country-flag{width:80px!important;height:80px!important;padding:10px!important;border-radius:20px!important;box-shadow:0 12px 24px rgba(13,47,61,.11)!important;animation:ua-emblem-pulse 1.9s ease-in-out infinite;transform-origin:center}
.government-login-logo .login-country-flag img,.government-login-logo .login-country-symbol-image{width:100%!important;height:100%!important;object-fit:contain!important;animation:ua-emblem-pulse 1.9s ease-in-out infinite}
.government-login-logo>#ministryLogo{width:92px!important;height:92px!important;object-fit:contain!important;justify-self:center;align-self:center;filter:drop-shadow(0 12px 18px rgba(15,60,76,.12));animation:ua-emblem-pulse 1.9s ease-in-out infinite}
.government-login-logo>div:last-child{grid-column:3!important;min-width:0}
.government-login-logo strong{font-size:13px!important;letter-spacing:.13em!important}
.government-login-logo span{font-size:17px!important;line-height:1.36!important}
.brand-lockup.login-brand{padding:18px 20px!important;border-radius:26px!important;background:linear-gradient(140deg,rgba(255,255,255,.98),rgba(246,251,252,.95))!important;box-shadow:0 18px 36px rgba(14,44,58,.08)!important}
.brand-lockup.login-brand img{width:86px!important;height:86px!important}
.brand-lockup.login-brand h1{font-size:clamp(38px,3.7vw,56px)!important}
.brand-lockup.login-brand p{font-size:18px!important;max-width:18ch}
#loginNetwork{min-height:112px!important;padding:22px 24px!important;border-radius:26px!important;background:linear-gradient(145deg,#ffffff,#f4faf9)!important;box-shadow:0 16px 32px rgba(12,47,57,.08)!important;font-size:16px!important}
#loginNetwork:before{font-size:12px!important;color:#6f8791!important}
.ict-admin-modern-shell{grid-template-columns:320px minmax(640px,1.25fr) 380px!important;gap:16px!important;height:calc(100dvh - 338px)!important;min-height:670px!important;padding:6px;border-radius:28px;background:linear-gradient(135deg,#edf6f6 0%,#f7fbfc 46%,#edf4f8 100%)}
.ict-admin-modern-shell>.ua-card{border-radius:22px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 16px 36px rgba(15,49,58,.08)!important;border:1px solid #dce8e8!important}
.ict-directory-header{padding:18px!important}
.ict-user-list{padding:10px!important}
.ict-user-row{padding:13px!important;border-radius:15px!important}
.ict-selected-user-hero{display:grid!important;grid-template-columns:minmax(0,1fr) 172px!important;gap:18px!important;align-items:start!important;padding:22px 22px 20px!important;background:linear-gradient(135deg,#0f6e6b 0%,#0d5f6a 50%,#114a60 100%)!important}
.ict-selected-user-hero .v1016-admin-user-heading{align-items:flex-start!important;min-width:0}
.ict-selected-user-hero .v1016-admin-photo{width:72px!important;height:72px!important;border-radius:22px!important;font-size:24px!important;box-shadow:0 12px 22px rgba(0,0,0,.16)}
.ict-selected-user-hero h2{font-size:clamp(30px,2.8vw,40px)!important;line-height:1.04!important}
.ict-selected-user-hero p{font-size:17px!important;line-height:1.4!important;overflow-wrap:anywhere}
.ict-user-badges{gap:8px!important;margin-top:10px!important}
.ict-user-badges span{padding:6px 10px!important;font-size:10px!important}
.ict-user-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;justify-content:stretch!important;align-content:start!important;min-width:0}
.ict-user-actions .ua-button{width:100%!important;justify-content:center!important;padding:12px 14px!important;border-radius:14px!important}
.ict-matrix-title,.ict-matrix-toolbar,.ict-matrix-grid,.ict-matrix-save{padding-left:18px!important;padding-right:18px!important}
.ict-security-panel{padding:20px!important;background:linear-gradient(180deg,#ffffff,#f4fbfa)!important}
.ict-security-heading h2{font-size:22px!important}
.ict-risk-orbit{width:142px!important;height:142px!important;box-shadow:0 16px 30px rgba(12,94,82,.11)!important}
.ict-account-facts>div{padding:11px 0!important}
.ict-account-facts span{font-size:11px!important}
.ict-account-facts strong{font-size:11px!important;max-width:56%;text-align:right;overflow-wrap:anywhere}
.ict-security-actions .ua-button{padding:12px 14px!important;border-radius:14px!important}
.ict-admin-audit-note{border-radius:16px!important;background:linear-gradient(135deg,#ebf8f5,#f4fbfd)!important}
@media(max-width:1500px){.ict-admin-modern-shell{grid-template-columns:290px minmax(0,1fr) 330px!important}.ict-selected-user-hero{grid-template-columns:minmax(0,1fr) 158px!important}.login-hero{grid-template-columns:minmax(320px,1fr) minmax(360px,1.15fr) minmax(240px,.9fr)!important}}
@media(max-width:1180px){.login-hero{grid-template-columns:1fr!important}.government-login-logo{grid-template-columns:74px 84px minmax(0,1fr)!important}.government-login-logo .login-country-flag{width:68px!important;height:68px!important}.government-login-logo>#ministryLogo{width:78px!important;height:78px!important}.ict-admin-modern-shell{grid-template-columns:1fr!important;height:auto!important}.ict-selected-user-hero{grid-template-columns:1fr!important}.ict-user-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important}.ict-security-panel{grid-column:auto!important}}
@media(max-width:760px){.ict-user-actions{grid-template-columns:1fr!important}.brand-lockup.login-brand h1{font-size:30px!important}.brand-lockup.login-brand img{width:64px!important;height:64px!important}}
@media(prefers-reduced-motion:reduce){.government-login-logo .login-country-flag,.government-login-logo .login-country-flag img,.government-login-logo .login-country-symbol-image,.government-login-logo>#ministryLogo{animation:none!important}}


/* UMOJA ACQUISITION BANNER 2026 FINAL */

:root {
    --umoja-acq-height: 40px;
}

html.umoja-acq-active body {
    padding-top: var(--umoja-acq-height) !important;
}


/* Banner */

#umoja-acquisition-banner {

    box-sizing: border-box !important;

    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;

    position: fixed !important;

    top: 0 !important;
    left: 0 !important;
    right: 0 !important;

    width: 100% !important;

    height: var(--umoja-acq-height) !important;
    min-height: var(--umoja-acq-height) !important;

    margin: 0 !important;
    padding: 0 16px !important;

    align-items: center !important;
    justify-content: center !important;

    background:
        radial-gradient(
            circle at 85% 50%,
            rgba(132,204,22,.14),
            transparent 25%
        ),
        linear-gradient(
            100deg,
            #052431 0%,
            #073743 58%,
            #06504b 100%
        ) !important;

    border-bottom:
        1px solid rgba(77,226,211,.30) !important;

    color: white !important;

    box-shadow:
        0 3px 14px rgba(3,30,40,.18) !important;

    z-index: 2147483647 !important;

    font-family:
        system-ui,
        -apple-system,
        "Segoe UI",
        Arial,
        sans-serif !important;
}


#umoja-acquisition-banner * {
    box-sizing: border-box !important;
}


#umoja-acquisition-banner .umoja-acq-inner {

    width: min(100%,1500px) !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    gap: 16px !important;
}


#umoja-acquisition-banner .umoja-acq-label {

    display: inline-flex !important;

    align-items: center !important;

    gap: 7px !important;

    color: #aaf6ed !important;

    font-size: 10px !important;
    font-weight: 800 !important;

    letter-spacing: .08em !important;

    text-transform: uppercase !important;

    white-space: nowrap !important;
}


#umoja-acquisition-banner .umoja-acq-dot {

    width: 7px !important;
    height: 7px !important;

    border-radius: 50% !important;

    background:
        linear-gradient(
            135deg,
            #4de2d3,
            #84cc16
        ) !important;
}


#umoja-acquisition-banner .umoja-acq-message {

    color: white !important;

    font-size: 13px !important;
    font-weight: 750 !important;

    white-space: nowrap !important;
}


#umoja-acquisition-banner .umoja-acq-divider {

    width: 1px !important;
    height: 17px !important;

    background:
        rgba(255,255,255,.25) !important;
}


#umoja-acquisition-banner .umoja-acq-phone {

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    height: 27px !important;

    padding: 0 12px !important;

    border:
        1px solid rgba(132,204,22,.75) !important;

    border-radius: 999px !important;

    background:
        rgba(132,204,22,.08) !important;

    color: #ddff74 !important;

    font-size: 12px !important;
    font-weight: 850 !important;

    text-decoration: none !important;

    white-space: nowrap !important;
}


/*
 * Applied dynamically to fixed/sticky Umoja chrome.
 */

.umoja-acq-top-offset {

    top:
        var(--umoja-acq-height) !important;
}


.umoja-acq-fullscreen-offset {

    top:
        var(--umoja-acq-height) !important;

    height:
        calc(100vh - var(--umoja-acq-height)) !important;
}


@media (max-width: 760px) {

    :root {
        --umoja-acq-height: 50px;
    }

    #umoja-acquisition-banner {

        height: 50px !important;

        padding:
            4px 8px !important;
    }

    #umoja-acquisition-banner
    .umoja-acq-inner {

        flex-wrap:
            wrap !important;

        gap:
            5px 8px !important;
    }

    #umoja-acquisition-banner
    .umoja-acq-label,

    #umoja-acquisition-banner
    .umoja-acq-divider {

        display:
            none !important;
    }

    #umoja-acquisition-banner
    .umoja-acq-message {

        font-size:
            11px !important;
    }

    #umoja-acquisition-banner
    .umoja-acq-phone {

        height:
            23px !important;

        padding:
            0 8px !important;

        font-size:
            10px !important;
    }
}


/* END UMOJA ACQUISITION BANNER 2026 FINAL */




/* UMOJA GOVCARD EXACT FIX START */

/*
 * IMPORTANT:
 * This block changes ONLY the government identity card
 * in the login hero.
 *
 * It does NOT modify:
 * - .login-hero sizing
 * - .country-card
 * - country directory
 * - Umoja brand card
 * - Context card
 * - acquisition banner
 * - dashboard
 */


/*
 * Give the government identity card two deterministic columns.
 */
.login-panel .login-hero > .government-login-logo {
    display: grid !important;

    grid-template-columns:
        72px minmax(0, 1fr) !important;

    grid-template-rows:
        auto auto !important;

    column-gap: 16px !important;
    row-gap: 5px !important;

    align-items: center !important;
    justify-items: stretch !important;

    width: 100% !important;

    min-width: 0 !important;
    max-width: 100% !important;

    overflow: hidden !important;
}


/*
 * Dynamic country emblem.
 * Force it into column 1 regardless of DOM insertion order.
 */
.login-panel
.login-hero
> .government-login-logo
> .login-country-flag {

    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;

    justify-self: center !important;
    align-self: center !important;

    margin: 0 !important;

    position: static !important;

    transform: none !important;

    width: 58px !important;
    height: 58px !important;
}


/*
 * If a country doesn't get a generated login-country-flag,
 * use the original ministryLogo instead.
 */
.login-panel
.login-hero
> .government-login-logo:not(:has(.login-country-flag))
> #ministryLogo {

    display: block !important;

    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;

    justify-self: center !important;
    align-self: center !important;

    width: 58px !important;
    height: 58px !important;

    object-fit: contain !important;

    margin: 0 !important;
}


/*
 * Remove the wrapper itself from layout calculation.
 * The exact country/ministry elements below become grid items.
 *
 * This avoids all of the older >div:last-child rules.
 */
.login-panel
.login-hero
> .government-login-logo
> div:has(#ministryCountryName) {

    display: contents !important;
}


/*
 * COUNTRY NAME
 *
 * United Republic of Tanzania should become:
 *
 * UNITED REPUBLIC
 * OF TANZANIA
 *
 * rather than splitting words.
 */
.login-panel #ministryCountryName {

    grid-column: 2 !important;
    grid-row: 1 !important;

    display: block !important;

    align-self: end !important;

    width: 100% !important;

    min-width: 0 !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    position: static !important;

    transform: none !important;

    white-space: normal !important;

    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;

    font-size: 12px !important;
    font-weight: 800 !important;

    line-height: 1.30 !important;

    letter-spacing: .12em !important;

    text-transform: uppercase !important;

    text-align: left !important;

    color: #617787 !important;
}


/*
 * MINISTRY / SYSTEM NAME
 */
.login-panel #ministryName {

    grid-column: 2 !important;
    grid-row: 2 !important;

    display: block !important;

    align-self: start !important;

    width: 100% !important;

    min-width: 0 !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    position: static !important;

    transform: none !important;

    white-space: normal !important;

    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;

    font-size: 15px !important;
    font-weight: 700 !important;

    line-height: 1.35 !important;

    text-align: left !important;

    color: #17384b !important;
}


/*
 * Keep any decorative children from becoming additional
 * unintended grid columns.
 */
.login-panel
.login-hero
> .government-login-logo
> :not(.login-country-flag):not(#ministryLogo):not(div) {

    min-width: 0 !important;
}


/*
 * Existing login hero stacks below 1180px.
 * The card itself still keeps emblem + readable text.
 */
@media (max-width: 760px) {

    .login-panel
    .login-hero
    > .government-login-logo {

        grid-template-columns:
            58px minmax(0, 1fr) !important;

        column-gap: 12px !important;
    }


    .login-panel
    .login-hero
    > .government-login-logo
    > .login-country-flag {

        width: 50px !important;
        height: 50px !important;
    }


    .login-panel #ministryCountryName {

        font-size: 11px !important;

        letter-spacing: .09em !important;
    }


    .login-panel #ministryName {

        font-size: 13px !important;
    }
}

/* UMOJA GOVCARD EXACT FIX END */


