/* =====================================================================
   V2.8.0 — FULL HEALTHTECH REDESIGN
   Approved UI/UX master specification implementation.
   Visual/workflow layer only. No Firebase/data-model/business-rule changes.
   ===================================================================== */

:root{
  color-scheme:light;
  --ht-bg:#F5F7FA;
  --ht-surface:#FFFFFF;
  --ht-elevated:#FBFCFE;
  --ht-border:#E2E8F0;
  --ht-text:#18212F;
  --ht-secondary:#4B5565;
  --ht-muted:#7B8794;
  --ht-primary:#4F6FDB;
  --ht-primary-tint:#EEF2FF;
  --ht-accent:#5D9E9A;
  --ht-success:#2F855A;
  --ht-success-tint:#ECF8F1;
  --ht-info:#3B82F6;
  --ht-info-tint:#EFF6FF;
  --ht-warning:#B7791F;
  --ht-warning-tint:#FFF7E6;
  --ht-critical:#C2413B;
  --ht-critical-tint:#FFF0EF;
  --ht-allergy:#A23B72;
  --ht-allergy-tint:#FBEAF3;
  --ht-pending:#8B6FB3;
  --ht-pending-tint:#F4F0FA;
  --ht-disabled:#AAB3BF;
  --ht-shadow-elevated:0 6px 18px rgba(15,23,42,.08);
  --ht-shadow-drawer:0 18px 48px rgba(15,23,42,.16);
  --ht-radius-input:6px;
  --ht-radius-card:8px;
  --ht-radius-panel:10px;
  --ht-radius-shell:12px;
  --ht-sidebar:72px;
  --ht-context-rail:64px;
  --ht-content-max:1320px;
  --bg:var(--ht-bg);
  --panel:var(--ht-surface);
  --text:var(--ht-text);
  --muted:var(--ht-muted);
  --line:var(--ht-border);
  --accent:var(--ht-primary);
  --accent2:#405BC0;
  --danger:var(--ht-critical);
  --soft:var(--ht-primary-tint);
  --shadow:var(--ht-shadow-elevated);
}

html.dark{
  color-scheme:dark;
  --ht-bg:#0F141B;
  --ht-surface:#151C25;
  --ht-elevated:#1B2430;
  --ht-border:#2A3646;
  --ht-text:#F3F6FA;
  --ht-secondary:#B8C1CC;
  --ht-muted:#7F8A98;
  --ht-primary:#8FA8FF;
  --ht-primary-tint:#1D2948;
  --ht-accent:#7BC7C4;
  --ht-success:#60C48D;
  --ht-success-tint:#183528;
  --ht-info:#78A8FF;
  --ht-info-tint:#172A47;
  --ht-warning:#D8A953;
  --ht-warning-tint:#3B301B;
  --ht-critical:#F07B72;
  --ht-critical-tint:#3D211F;
  --ht-allergy:#D57BA8;
  --ht-allergy-tint:#3A2030;
  --ht-pending:#B99AD9;
  --ht-pending-tint:#302540;
  --ht-disabled:#5A6674;
  --ht-shadow-elevated:0 8px 24px rgba(0,0,0,.18);
  --ht-shadow-drawer:0 20px 56px rgba(0,0,0,.40);
  --bg:var(--ht-bg);
  --panel:var(--ht-surface);
  --text:var(--ht-text);
  --muted:var(--ht-muted);
  --line:var(--ht-border);
  --accent:var(--ht-primary);
  --accent2:#A6B7FF;
  --danger:var(--ht-critical);
  --soft:var(--ht-primary-tint);
}

html,body{
  margin:0!important;
  min-height:100%!important;
  background:var(--ht-bg)!important;
  color:var(--ht-text)!important;
  font-family:"Noto Sans",Inter,"Segoe UI",Roboto,Arial,sans-serif!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body{font-size:14px;line-height:1.45}
*{box-sizing:border-box}
button,input,textarea,select{font:inherit}
button{letter-spacing:0}
a{color:var(--ht-primary)}

/* ---------- LOGIN ---------- */
.center-screen{
  background:var(--ht-bg)!important;
}
.login-card{
  width:min(420px,calc(100vw - 32px))!important;
  padding:32px!important;
  border:1px solid var(--ht-border)!important;
  border-radius:12px!important;
  background:var(--ht-surface)!important;
  color:var(--ht-text)!important;
  box-shadow:var(--ht-shadow-elevated)!important;
}
.login-card .logo{width:56px!important;height:64px!important;margin-bottom:18px!important;box-shadow:none!important}
.login-card h1{font-size:24px!important;color:var(--ht-text)!important;letter-spacing:-.02em!important}
.login-card p,.login-card small{color:var(--ht-secondary)!important}

/* ---------- APP SHELL / DESKTOP GLOBAL RAIL ---------- */
#shell{min-height:100vh;background:var(--ht-bg)!important}
.clinic-header{
  border-color:var(--ht-border)!important;
  background:var(--ht-surface)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

@media(min-width:1024px){
  .clinic-header{
    position:fixed!important;
    z-index:100!important;
    inset:0 auto 0 0!important;
    width:var(--ht-sidebar)!important;
    min-height:100vh!important;
    height:100vh!important;
    padding:12px 10px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:10px!important;
    border:0!important;
    border-right:1px solid var(--ht-border)!important;
  }
  .clinic-brand{
    width:48px!important;
    min-width:48px!important;
    height:48px!important;
    padding:4px!important;
    margin:0 0 8px!important;
    border:0!important;
    border-radius:10px!important;
    background:transparent!important;
    justify-content:center!important;
    box-shadow:none!important;
  }
  .site-brand-shield{width:38px!important;height:44px!important;flex:none!important}
  .site-brand-copy{display:none!important}
  .clinic-desktop-nav{
    width:100%!important;
    display:flex!important;
    flex:1!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:6px!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
  }
  .clinic-desktop-nav button{
    position:relative!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    padding:0!important;
    margin:0!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid transparent!important;
    border-radius:8px!important;
    background:transparent!important;
    color:transparent!important;
    font-size:0!important;
    box-shadow:none!important;
    overflow:visible!important;
    transition:background .14s ease,border-color .14s ease,transform .14s ease!important;
  }
  .clinic-desktop-nav button::before{
    color:var(--ht-secondary)!important;
    font-size:18px!important;
    line-height:1!important;
    font-weight:600!important;
  }
  .clinic-desktop-nav button[data-view="home"]::before{content:"⌂"}
  .clinic-desktop-nav button[data-view="calendar"]::before{content:"▣"}
  .clinic-desktop-nav button[data-view="tasks"]::before{content:"✓"}
  .clinic-desktop-nav button[data-view="callbacks"]::before{content:"✉"}
  .clinic-desktop-nav button[data-view="patients"]::before{content:"👤";font-size:15px!important;filter:grayscale(1)}
  .clinic-desktop-nav button[data-view="clinic"]::before{content:"↗"}
  .clinic-desktop-nav button[data-view="settings"]::before{content:"⚙";font-size:16px!important}
  .clinic-desktop-nav button:hover{
    background:var(--ht-elevated)!important;
    border-color:var(--ht-border)!important;
    transform:none!important;
  }
  .clinic-desktop-nav button.active{
    background:var(--ht-primary-tint)!important;
    border-color:color-mix(in srgb,var(--ht-primary) 30%,var(--ht-border))!important;
    box-shadow:none!important;
  }
  .clinic-desktop-nav button.active::before{color:var(--ht-primary)!important}
  .clinic-header-actions{
    width:100%!important;
    margin:0!important;
    padding:8px 0 0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:6px!important;
    border-top:1px solid var(--ht-border)!important;
  }
  .clinic-user-name{display:none!important}
  .clinic-logout,#uiThemeToggle{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid transparent!important;
    border-radius:8px!important;
    background:transparent!important;
    color:var(--ht-secondary)!important;
    box-shadow:none!important;
  }
  .clinic-logout span{display:none!important}
  .clinic-logout svg{width:18px!important;height:18px!important;stroke:currentColor!important;fill:none!important}
  #uiThemeToggle{font-size:18px!important;cursor:pointer!important}
  .clinic-logout:hover,#uiThemeToggle:hover{background:var(--ht-elevated)!important;border-color:var(--ht-border)!important}
  #main.container{
    width:calc(100% - var(--ht-sidebar))!important;
    max-width:none!important;
    min-height:100vh!important;
    margin:0 0 0 var(--ht-sidebar)!important;
    padding:28px 32px 48px!important;
    background:var(--ht-bg)!important;
  }
}

@media(max-width:1023px){
  .clinic-header{background:color-mix(in srgb,var(--ht-surface) 94%,transparent)!important}
  #uiThemeToggle{border:1px solid var(--ht-border);background:var(--ht-surface);color:var(--ht-secondary);border-radius:8px;min-width:38px;height:38px}
}

/* ---------- GLOBAL TYPOGRAPHY ---------- */
h1,h2,h3,h4{color:var(--ht-text)!important;letter-spacing:-.015em!important}
h1{font-size:22px!important;line-height:30px!important;font-weight:700!important}
h2{font-size:18px!important;line-height:26px!important;font-weight:650!important}
h3{font-size:16px!important;line-height:24px!important;font-weight:650!important}
p{color:var(--ht-secondary)}
.muted,.smalltext,.live-search-hint{color:var(--ht-muted)!important}
.clinic-patient-kicker,.premium-home-eyebrow,.premium-home-section-kicker,.patient-directory-kicker{
  color:var(--ht-muted)!important;
  font-size:11px!important;
  line-height:16px!important;
  font-weight:700!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}

/* ---------- GLOBAL SURFACES ---------- */
.panel,.card,.stat,.list-card,.settings-item-card,.settings-section-content>.panel,
.online-request-card,.premium-home-card,.today-calendar-panel,.clinic-patient-module-nav,
.clinic-patient-summary-card,.clinic-patient-contact-card,.clinic-patient-section,
.visit-vaccine-head,.visit-vaccine-page .panel{
  border:1px solid var(--ht-border)!important;
  border-radius:var(--ht-radius-card)!important;
  background:var(--ht-surface)!important;
  color:var(--ht-text)!important;
  box-shadow:none!important;
  background-image:none!important;
}
.panel{padding:18px!important}

/* ---------- BUTTON SYSTEM ---------- */
.btn,
button.btn,
.patient-new-btn,
.today-new-appointment,
.premium-home-primary-action,
.premium-home-secondary-action{
  min-height:40px!important;
  padding:9px 14px!important;
  border:1px solid var(--ht-primary)!important;
  border-radius:6px!important;
  background:var(--ht-primary)!important;
  color:#fff!important;
  font-size:13px!important;
  line-height:20px!important;
  font-weight:600!important;
  box-shadow:none!important;
  text-transform:none!important;
  transition:background .14s ease,border-color .14s ease,box-shadow .14s ease!important;
}
.btn:hover,.patient-new-btn:hover,.today-new-appointment:hover{filter:none!important;background:color-mix(in srgb,var(--ht-primary) 88%,#000)!important;transform:none!important}
.btn.secondary,.btn.ghost,.ghost,
.cv2-change-reason,.cv2-head-patient-link,
.settings-section-tile,.clinic-patient-actions .secondary{
  border:1px solid var(--ht-border)!important;
  background:var(--ht-surface)!important;
  color:var(--ht-secondary)!important;
  box-shadow:none!important;
}
.btn.secondary:hover,.ghost:hover,.cv2-change-reason:hover,.cv2-head-patient-link:hover{background:var(--ht-elevated)!important;color:var(--ht-text)!important;border-color:color-mix(in srgb,var(--ht-secondary) 28%,var(--ht-border))!important}
.btn.danger,.btn.cv2-cancel{border-color:color-mix(in srgb,var(--ht-critical) 42%,var(--ht-border))!important;background:var(--ht-surface)!important;color:var(--ht-critical)!important}
.btn:focus-visible,button:focus-visible,a:focus-visible{outline:0!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--ht-primary) 30%,transparent)!important}
button:disabled,.btn:disabled{opacity:.45!important;cursor:not-allowed!important}

/* ---------- FORMS ---------- */
input:not([type="checkbox"]):not([type="radio"]),textarea,select{
  min-height:40px!important;
  border:1px solid var(--ht-border)!important;
  border-radius:var(--ht-radius-input)!important;
  background:var(--ht-surface)!important;
  color:var(--ht-text)!important;
  box-shadow:none!important;
}
input:not([type="checkbox"]):not([type="radio"]):focus,textarea:focus,select:focus{
  outline:0!important;
  border-color:var(--ht-primary)!important;
  background:var(--ht-surface)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--ht-primary) 22%,transparent)!important;
}
input::placeholder,textarea::placeholder{color:var(--ht-muted)!important;opacity:.82}
label{color:var(--ht-secondary)!important}

/* ---------- TABLES ---------- */
table{border-collapse:separate!important;border-spacing:0!important;background:transparent!important}
th{
  background:var(--ht-elevated)!important;
  color:var(--ht-muted)!important;
  font-size:11px!important;
  line-height:16px!important;
  font-weight:600!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
  border-bottom:1px solid var(--ht-border)!important;
}
td{color:var(--ht-secondary)!important;border-bottom:1px solid var(--ht-border)!important}
tr.clickable:hover td,.patient-directory-row:hover td{background:var(--ht-elevated)!important}

/* ---------- MODAL ---------- */
.modal .backdrop{background:rgba(15,23,42,.28)!important;backdrop-filter:blur(2px)}
.modal-card{
  border:1px solid var(--ht-border)!important;
  border-radius:10px!important;
  background:var(--ht-surface)!important;
  color:var(--ht-text)!important;
  box-shadow:var(--ht-shadow-drawer)!important;
}
.modal-card .x{color:var(--ht-muted)!important;background:var(--ht-elevated)!important;border:1px solid var(--ht-border)!important;border-radius:6px!important}

/* =====================================================================
   SECRETARY CONTROL CENTER / HOME
   ===================================================================== */
@media(min-width:1024px){
  #main[data-active-view="home"]{padding-top:24px!important}
  .premium-home-shell{max-width:var(--ht-content-max)!important;margin:0 auto!important;display:grid!important;gap:18px!important}
  .premium-home-hero{
    min-height:0!important;
    padding:0 0 18px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:24px!important;
    align-items:end!important;
    border:0!important;
    border-bottom:1px solid var(--ht-border)!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .premium-home-hero::before,.premium-home-hero::after{display:none!important}
  .premium-home-eyebrow{display:block!important;margin-bottom:4px!important}
  .premium-home-hero h1{margin:0!important;font-size:26px!important;line-height:34px!important;font-weight:700!important;color:var(--ht-text)!important}
  .premium-home-hero-copy>p{margin:3px 0 0!important;color:var(--ht-secondary)!important;font-size:13px!important}
  .premium-home-summary-line{margin-top:10px!important;display:flex!important;gap:9px!important;align-items:center!important;color:var(--ht-muted)!important;font-size:12px!important}
  .premium-home-summary-line b{color:var(--ht-secondary)!important;font-weight:600!important}
  .premium-home-summary-line>i{width:3px!important;height:3px!important;background:var(--ht-border)!important}
  .premium-home-online-pill,.premium-home-secretary-pill{
    border:0!important;background:transparent!important;color:var(--ht-primary)!important;padding:0!important;border-radius:0!important;font-size:12px!important;font-weight:600!important
  }
  .premium-home-hero-actions{display:flex!important;gap:8px!important;align-items:center!important}
  .premium-home-primary-action,.premium-home-secondary-action{
    width:auto!important;min-width:0!important;min-height:40px!important;padding:9px 13px!important;display:flex!important;align-items:center!important;gap:7px!important;border-radius:6px!important
  }
  .premium-home-primary-action{background:var(--ht-primary)!important;border-color:var(--ht-primary)!important;color:#fff!important}
  .premium-home-secondary-action{background:var(--ht-surface)!important;border-color:var(--ht-border)!important;color:var(--ht-secondary)!important}
  .premium-home-primary-action>span,.premium-home-secondary-action>span{width:auto!important;height:auto!important;background:transparent!important;font-size:14px!important}
  .premium-home-primary-action strong,.premium-home-secondary-action strong{font-size:12px!important;line-height:18px!important;font-weight:600!important}
  .premium-home-primary-action small,.premium-home-secondary-action small{display:none!important}
  .premium-home-columns{display:grid!important;grid-template-columns:minmax(0,1.65fr) minmax(320px,.75fr)!important;gap:16px!important;align-items:start!important}
  .premium-home-card{overflow:hidden!important;border-radius:8px!important}
  .premium-home-card-head{min-height:58px!important;padding:14px 16px!important;border-bottom:1px solid var(--ht-border)!important;background:var(--ht-surface)!important}
  .premium-home-card-head h2{margin:2px 0 0!important;font-size:16px!important;line-height:24px!important;color:var(--ht-text)!important}
  .premium-home-count{min-width:30px!important;height:28px!important;border-radius:999px!important;background:var(--ht-elevated)!important;color:var(--ht-secondary)!important;border:1px solid var(--ht-border)!important;font-size:12px!important;font-weight:600!important}
  .premium-home-count.task-count{background:var(--ht-pending-tint)!important;color:var(--ht-pending)!important}
  .premium-home-appointment-list,.premium-home-task-list{padding:8px!important;gap:4px!important;background:var(--ht-surface)!important}
  .premium-home-mini-label{margin:7px 8px 3px!important;color:var(--ht-muted)!important;font-size:10px!important;letter-spacing:.07em!important}
  .premium-home-appointment{
    min-height:58px!important;padding:8px 10px!important;grid-template-columns:60px minmax(0,1fr) auto auto!important;gap:10px!important;border:1px solid transparent!important;border-radius:6px!important;background:transparent!important;box-shadow:none!important
  }
  .premium-home-appointment:hover{background:var(--ht-elevated)!important;border-color:var(--ht-border)!important;transform:none!important}
  .premium-home-appointment.is-now{border-color:color-mix(in srgb,var(--ht-success) 25%,var(--ht-border))!important;background:var(--ht-success-tint)!important;box-shadow:none!important}
  .premium-home-appointment.is-next{border-color:color-mix(in srgb,var(--ht-info) 20%,var(--ht-border))!important;background:var(--ht-info-tint)!important}
  .premium-home-appointment.direct-visit{border-color:color-mix(in srgb,var(--ht-pending) 18%,var(--ht-border))!important;background:var(--ht-pending-tint)!important}
  .premium-home-appointment-time strong{font-size:14px!important;color:var(--ht-text)!important;font-weight:650!important}
  .premium-home-appointment-time span,.premium-home-patient-link small{font-size:11px!important;color:var(--ht-muted)!important}
  .premium-home-patient-link strong{font-size:13px!important;color:var(--ht-text)!important;font-weight:600!important}
  .premium-home-status{border-radius:999px!important;font-size:10px!important;padding:4px 7px!important;font-weight:600!important}
  .premium-home-icon-btn{width:32px!important;height:32px!important;min-width:32px!important;border:1px solid var(--ht-border)!important;border-radius:6px!important;background:var(--ht-surface)!important;color:var(--ht-secondary)!important;box-shadow:none!important}
  .premium-home-task{min-height:52px!important;padding:8px 9px!important;border:1px solid transparent!important;border-radius:6px!important;background:transparent!important}
  .premium-home-task:hover{background:var(--ht-elevated)!important;border-color:var(--ht-border)!important}
  .premium-home-task-main strong{font-size:12px!important;color:var(--ht-text)!important;font-weight:600!important}
  .premium-home-task-main small,.premium-home-task-meta,.premium-home-shopping-preview{font-size:10px!important;color:var(--ht-muted)!important}
  .premium-home-task-check{width:28px!important;height:28px!important;border-radius:6px!important;border:1px solid var(--ht-border)!important;background:var(--ht-surface)!important;color:var(--ht-success)!important}
  .premium-home-empty{min-height:140px!important;background:transparent!important;color:var(--ht-muted)!important}
  .premium-home-empty.tasks-empty{min-height:180px!important}
  .premium-home-card-footer{padding:10px 14px!important;border-top:1px solid var(--ht-border)!important;background:var(--ht-elevated)!important}
  .premium-home-card-footer button{color:var(--ht-primary)!important;font-size:11px!important;font-weight:600!important}
}

/* secretary immediate-action modules */
.control-center-callbacks,.control-center-online-requests,.control-center-birthdays,.control-center-namedays,.vaccine-home-reminders,
.online-booking-home-card,.secretary-home-card{
  border:1px solid var(--ht-border)!important;
  border-radius:8px!important;
  background:var(--ht-surface)!important;
  box-shadow:none!important;
  background-image:none!important;
}
.control-center-callbacks,.control-center-online-requests{border-left:3px solid var(--ht-warning)!important}
.control-center-callbacks h2,.control-center-online-requests h2{color:var(--ht-text)!important}

/* =====================================================================
   PATIENT DIRECTORY
   ===================================================================== */
@media(min-width:1024px){
  #main[data-active-view="patients"]{max-width:none!important}
  .patient-directory-head{
    max-width:var(--ht-content-max)!important;margin:0 auto 16px!important;padding:0 0 16px!important;
    min-height:0!important;border:0!important;border-bottom:1px solid var(--ht-border)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important
  }
  .patient-directory-head::before,.patient-directory-head::after{display:none!important}
  .patient-directory-title-line h1{font-size:22px!important;line-height:30px!important;color:var(--ht-text)!important}
  .patient-directory-heading p{margin:2px 0 0!important;font-size:12px!important;color:var(--ht-secondary)!important}
  .patient-directory-total{display:grid!important;padding:7px 10px!important;border:1px solid var(--ht-border)!important;border-radius:6px!important;background:var(--ht-surface)!important;box-shadow:none!important}
  .patient-directory-total span,.patient-directory-total small{font-size:9px!important;color:var(--ht-muted)!important}
  .patient-directory-total strong{font-size:18px!important;color:var(--ht-text)!important}
  .patient-directory-search-panel,.patient-directory-results{max-width:var(--ht-content-max)!important;margin-left:auto!important;margin-right:auto!important}
  .patient-directory-search-panel{padding:12px!important}
  .patient-directory-search-panel .live-patient-search{display:grid!important;grid-template-columns:1fr auto!important;gap:8px!important}
  .patient-directory-search-panel .live-patient-search input{min-height:40px!important;border-radius:6px!important;background:var(--ht-surface)!important}
  .patient-alpha-nav{border-top:1px solid var(--ht-border)!important;margin-top:10px!important;padding-top:10px!important}
  .patient-alpha-nav button{border-radius:5px!important;color:var(--ht-secondary)!important;background:transparent!important}
  .patient-directory-results{padding:0!important;overflow:hidden!important}
  .patient-directory-table-wrap{max-height:calc(100vh - 245px)!important}
  .patient-directory-table thead th{background:var(--ht-elevated)!important}
  .patient-directory-row td,.patient-directory-row:nth-child(odd) td{padding:11px 13px!important;background:var(--ht-surface)!important;color:var(--ht-secondary)!important}
  .patient-directory-row td:first-child{border-left:0!important}
  .patient-directory-row td:first-child strong{font-size:12px!important;color:var(--ht-text)!important;font-weight:600!important}
}

/* =====================================================================
   PATIENT CARD
   ===================================================================== */
.clinic-patient-hero{
  max-width:var(--ht-content-max)!important;
  margin:0 auto 14px!important;
  padding:0 0 14px!important;
  border:0!important;
  border-bottom:1px solid var(--ht-border)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.clinic-patient-hero::before,.clinic-patient-hero::after{display:none!important}
.clinic-patient-hero h1{margin:2px 0!important;font-size:22px!important;color:var(--ht-text)!important}
.clinic-patient-meta{font-size:12px!important;color:var(--ht-secondary)!important}
#ptab{max-width:var(--ht-content-max)!important;margin:0 auto!important}
.clinic-patient-overview,.clinic-patient-dashboard,.clinic-patient-summary-layout{gap:12px!important}
.clinic-patient-summary-card,.clinic-patient-contact-card,.clinic-patient-section,.clinic-patient-module-nav{
  border-radius:8px!important;background:var(--ht-surface)!important;border:1px solid var(--ht-border)!important;box-shadow:none!important
}
.clinic-patient-module-nav button{border-radius:6px!important;border-color:var(--ht-border)!important;background:var(--ht-surface)!important;color:var(--ht-text)!important;box-shadow:none!important}
.clinic-patient-module-nav button:hover{background:var(--ht-elevated)!important;transform:none!important}
.clinic-patient-module-icon{background:var(--ht-primary-tint)!important;color:var(--ht-primary)!important;border-radius:6px!important}
.clinic-patient-quick-actions button{border-radius:6px!important;box-shadow:none!important}

/* =====================================================================
   CALENDAR
   ===================================================================== */
#main[data-active-view="calendar"] .calendar-shell,
#main[data-active-view="calendar"] .calendar-wrap,
#main[data-active-view="calendar"] .calendar-page{
  max-width:var(--ht-content-max)!important;margin-left:auto!important;margin-right:auto!important
}
.calendar-top,.calendar-toolbar,.calendar-head,.calendar-controls{
  border-color:var(--ht-border)!important;background:var(--ht-surface)!important;box-shadow:none!important
}
.calendar-top button,.calendar-toolbar button,.calendar-controls button{border-radius:6px!important}
.calendar-grid,.calendar-week,.calendar-day,.month-grid{border-color:var(--ht-border)!important;background:var(--ht-surface)!important}
.calendar-event,.cal-event,.appointment-block{
  border-radius:6px!important;box-shadow:none!important;border-width:1px!important
}

/* =====================================================================
   CALLBACKS / ONLINE REQUESTS / TASKS / CLINIC DASHBOARD
   ===================================================================== */
.online-request-card{
  grid-template-columns:130px minmax(0,1fr) auto!important;
  gap:14px!important;
  padding:14px!important;
  border-radius:8px!important;
  background:var(--ht-surface)!important;
}
.online-request-time{background:var(--ht-elevated)!important;border-radius:6px!important;color:var(--ht-secondary)!important;padding:10px!important}
.online-request-notes{background:var(--ht-elevated)!important;border:1px solid var(--ht-border)!important;border-radius:6px!important}
.online-request-actions{gap:6px!important}
.task-card,.clinic-metric-card,.callback-request-card,.secretary-request-card{
  border-radius:8px!important;border:1px solid var(--ht-border)!important;background:var(--ht-surface)!important;box-shadow:none!important
}

/* =====================================================================
   SETTINGS
   ===================================================================== */
#main[data-active-view="settings"] .settings-page-head{
  max-width:var(--ht-content-max)!important;margin:0 auto 14px!important;padding:0 0 14px!important;border:0!important;border-bottom:1px solid var(--ht-border)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important
}
#main[data-active-view="settings"] .settings-page-head::before,#main[data-active-view="settings"] .settings-page-head::after{display:none!important}
#main[data-active-view="settings"] .settings-page-head h1{font-size:22px!important;color:var(--ht-text)!important}
.settings-search-wrap,.settings-section-tiles,.settings-section-content{max-width:var(--ht-content-max)!important;margin-left:auto!important;margin-right:auto!important}
.settings-search-wrap{border:1px solid var(--ht-border)!important;border-radius:8px!important;background:var(--ht-surface)!important;box-shadow:none!important}
.settings-section-tile{border-radius:8px!important;box-shadow:none!important}
.settings-section-tile.active{border-color:color-mix(in srgb,var(--ht-primary) 35%,var(--ht-border))!important;background:var(--ht-primary-tint)!important;color:var(--ht-primary)!important}
.settings-item-card{padding:16px!important;border-radius:8px!important}
.settings-kv{border-bottom-color:var(--ht-border)!important}
.settings-kv span{color:var(--ht-muted)!important}.settings-kv strong,.settings-kv code{color:var(--ht-text)!important}
.security-note{background:var(--ht-elevated)!important;border:1px solid var(--ht-border)!important;border-radius:6px!important;color:var(--ht-secondary)!important}

/* =====================================================================
   ACTIVE VISIT — REASON-DRIVEN FOCUS MODE
   ===================================================================== */
#main[data-active-view="clinical-visit"]{
  padding-top:18px!important;
  padding-bottom:108px!important;
}
.cv2-shell,.cv2-tool-page,.cv2-vaccine-page{
  max-width:var(--ht-content-max)!important;
  margin:0 auto!important;
  color:var(--ht-text)!important;
}
.cv2-visit-head{
  margin:0 0 10px!important;
  padding:0 0 12px!important;
  min-height:0!important;
  border:0!important;
  border-bottom:1px solid var(--ht-border)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.cv2-visit-head::before,.cv2-visit-head::after{display:none!important}
.cv2-visit-head h1{margin:2px 0 1px!important;font-size:18px!important;line-height:26px!important;color:var(--ht-text)!important;letter-spacing:-.01em!important}
.cv2-visit-head p{margin:0!important;font-size:12px!important;color:var(--ht-secondary)!important}
.cv2-head-side{gap:8px!important}
.cv2-head-patient-link{min-height:36px!important;padding:7px 10px!important;border-radius:6px!important;font-size:12px!important}
.cv2-status{border-radius:999px!important;padding:5px 8px!important;font-size:10px!important;font-weight:650!important;border:1px solid var(--ht-border)!important}

/* compact patient banner */
.cv2-sticky-patient{
  position:sticky!important;
  top:10px!important;
  z-index:25!important;
  min-height:64px!important;
  margin:0 0 12px!important;
  padding:10px 12px!important;
  display:grid!important;
  grid-template-columns:minmax(190px,1.1fr) auto minmax(260px,1.7fr) auto!important;
  gap:12px!important;
  align-items:center!important;
  border:1px solid var(--ht-border)!important;
  border-radius:8px!important;
  background:color-mix(in srgb,var(--ht-surface) 96%,transparent)!important;
  box-shadow:0 4px 14px rgba(15,23,42,.05)!important;
  backdrop-filter:blur(12px)!important;
}
.cv2-sticky-identity strong{font-size:14px!important;color:var(--ht-text)!important;font-weight:650!important}
.cv2-sticky-identity span{font-size:11px!important;color:var(--ht-muted)!important}
.cv2-sticky-fact{padding:0 12px!important;border-left:1px solid var(--ht-border)!important;border-right:1px solid var(--ht-border)!important}
.cv2-sticky-fact small{font-size:10px!important;color:var(--ht-muted)!important}.cv2-sticky-fact b{font-size:12px!important;color:var(--ht-text)!important}
.cv2-sticky-alerts{display:flex!important;gap:6px!important;align-items:center!important;overflow:hidden!important}
.cv2-sticky-alerts span{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;padding:4px 7px!important;border-radius:999px!important;background:var(--ht-elevated)!important;color:var(--ht-secondary)!important;font-size:10px!important;border:1px solid var(--ht-border)!important}
.cv2-sticky-alerts span.danger{background:var(--ht-allergy-tint)!important;color:var(--ht-allergy)!important;border-color:color-mix(in srgb,var(--ht-allergy) 35%,var(--ht-border))!important}
.cv2-sticky-alerts .quiet{color:var(--ht-muted)!important}
.cv2-sticky-type{justify-self:end!important;display:flex!important;align-items:center!important;gap:6px!important;padding:5px 8px!important;border:1px solid var(--ht-border)!important;border-radius:999px!important;background:var(--ht-elevated)!important;color:var(--ht-secondary)!important}
.cv2-sticky-type span{font-size:12px!important}.cv2-sticky-type b{font-size:10px!important;font-weight:600!important}

.cv2-focus-layout.cv2-reason-driven-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) var(--ht-context-rail)!important;
  gap:12px!important;
  align-items:start!important;
}
.cv2-focus-main{min-width:0!important}

.cv2-card{
  border:1px solid var(--ht-border)!important;
  border-radius:8px!important;
  background:var(--ht-surface)!important;
  color:var(--ht-text)!important;
  box-shadow:none!important;
}
.cv2-reason-workspace{padding:0!important;overflow:hidden!important}
.cv2-reason-flow-head{
  padding:16px 18px 12px!important;
  display:flex!important;
  align-items:flex-start!important;
  gap:20px!important;
  border-bottom:1px solid var(--ht-border)!important;
  background:var(--ht-surface)!important;
}
.cv2-reason-flow-head>div{min-width:0!important;flex:1!important}
.cv2-reason-flow-head span{font-size:10px!important;line-height:16px!important;font-weight:700!important;letter-spacing:.07em!important;color:var(--ht-muted)!important}
.cv2-reason-flow-head h2{margin:2px 0 2px!important;font-size:20px!important;line-height:28px!important;color:var(--ht-text)!important}
.cv2-reason-flow-head p{margin:0!important;font-size:12px!important;color:var(--ht-secondary)!important}
.cv2-change-reason{min-height:34px!important;padding:6px 9px!important;border-radius:6px!important;font-size:11px!important}

.cv2-reason-stepper{
  margin:0!important;
  padding:12px 18px!important;
  display:flex!important;
  align-items:center!important;
  gap:0!important;
  border-bottom:1px solid var(--ht-border)!important;
  background:var(--ht-elevated)!important;
}
.cv2-reason-stepper button{
  position:relative!important;
  flex:1!important;
  min-width:0!important;
  padding:0 10px 0 0!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  border:0!important;
  background:transparent!important;
  color:var(--ht-muted)!important;
  box-shadow:none!important;
  text-align:left!important;
}
.cv2-reason-stepper button:not(:last-child)::after{
  content:""!important;position:absolute!important;left:32px!important;right:8px!important;top:13px!important;height:1px!important;background:var(--ht-border)!important;z-index:0!important
}
.cv2-reason-stepper button b{
  position:relative!important;z-index:1!important;width:26px!important;height:26px!important;min-width:26px!important;display:grid!important;place-items:center!important;border:1px solid var(--ht-border)!important;border-radius:999px!important;background:var(--ht-surface)!important;color:var(--ht-muted)!important;font-size:11px!important;font-weight:700!important
}
.cv2-reason-stepper button span{position:relative!important;z-index:1!important;background:var(--ht-elevated)!important;padding-right:7px!important;color:inherit!important;font-size:11px!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.cv2-reason-stepper button.active{color:var(--ht-text)!important}
.cv2-reason-stepper button.active b{background:var(--ht-primary)!important;border-color:var(--ht-primary)!important;color:#fff!important}
.cv2-reason-stepper button.done b{background:var(--ht-success-tint)!important;border-color:color-mix(in srgb,var(--ht-success) 35%,var(--ht-border))!important;color:var(--ht-success)!important}

.cv2-reason-stage-stack{padding:0!important}
.cv2-reason-stage{display:none!important;padding:18px!important;background:var(--ht-surface)!important}
.cv2-reason-stage.active{display:block!important}
.cv2-reason-stage-title{display:flex!important;align-items:flex-start!important;gap:10px!important;margin-bottom:16px!important;padding-bottom:12px!important;border-bottom:1px solid var(--ht-border)!important}
.cv2-reason-stage-title>span{width:28px!important;height:28px!important;display:grid!important;place-items:center!important;border-radius:6px!important;background:var(--ht-primary-tint)!important;color:var(--ht-primary)!important;font-size:10px!important;font-weight:700!important}
.cv2-reason-stage-title strong{display:block!important;color:var(--ht-text)!important;font-size:15px!important;font-weight:650!important}.cv2-reason-stage-title small{display:block!important;margin-top:2px!important;color:var(--ht-muted)!important;font-size:10px!important}

.cv2-form-grid,.cv2-flow-form,.cv2-payment-grid,.cv2-growth-fields,.cv2-tool-form-grid{gap:12px!important}
.cv2-form-grid label,.cv2-flow-form label,.cv2-payment-grid label,.cv2-growth-fields label,.cv2-tool-form-grid label{
  gap:5px!important;color:var(--ht-secondary)!important;font-size:12px!important;font-weight:600!important
}
.cv2-form-grid input,.cv2-form-grid textarea,.cv2-form-grid select,
.cv2-payment-grid input,.cv2-payment-grid select,.cv2-growth-fields input,.cv2-tool-form-grid input,.cv2-tool-form-grid select,.cv2-milestone-overall select{
  border:1px solid var(--ht-border)!important;border-radius:6px!important;background:var(--ht-surface)!important;color:var(--ht-text)!important;box-shadow:none!important;font-weight:400!important
}
.cv2-form-grid input:focus,.cv2-form-grid textarea:focus,.cv2-form-grid select:focus,
.cv2-payment-grid input:focus,.cv2-payment-grid select:focus,.cv2-growth-fields input:focus,.cv2-tool-form-grid input:focus,.cv2-tool-form-grid select:focus,.cv2-milestone-overall select:focus{
  border-color:var(--ht-primary)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--ht-primary) 20%,transparent)!important
}
.cv2-form-grid textarea,.cv2-flow-form textarea{line-height:1.5!important}
.cv2-inline-action{margin-top:6px!important;border:0!important;background:transparent!important;color:var(--ht-primary)!important;font-size:11px!important;font-weight:600!important;padding:2px 0!important}
.cv2-focus-notes{margin-top:12px!important;border:1px solid var(--ht-border)!important;border-radius:6px!important;background:var(--ht-elevated)!important}
.cv2-focus-notes summary{color:var(--ht-secondary)!important;font-size:11px!important;font-weight:600!important}

.cv2-reason-nav{
  padding:12px 18px!important;
  display:grid!important;
  grid-template-columns:auto 1fr auto!important;
  align-items:center!important;
  gap:14px!important;
  border-top:1px solid var(--ht-border)!important;
  background:var(--ht-elevated)!important;
}
.cv2-reason-nav>div{text-align:center!important}.cv2-reason-nav small{display:block!important;color:var(--ht-muted)!important;font-size:9px!important}.cv2-reason-nav strong{display:block!important;margin-top:1px!important;color:var(--ht-secondary)!important;font-size:11px!important;font-weight:600!important}
.btn.cv2-primary{border-color:var(--ht-primary)!important;background:var(--ht-primary)!important;color:#fff!important;box-shadow:none!important}
.btn.cv2-primary:hover{background:color-mix(in srgb,var(--ht-primary) 88%,#000)!important;border-color:color-mix(in srgb,var(--ht-primary) 88%,#000)!important}
.cv2-flow-ready{color:var(--ht-success)!important;font-size:12px!important;font-weight:600!important}

/* contextual clinical rail — 64px exactly */
.cv2-context-rail{
  position:sticky!important;
  top:86px!important;
  width:var(--ht-context-rail)!important;
  padding:8px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
  border:1px solid var(--ht-border)!important;
  border-radius:8px!important;
  background:var(--ht-surface)!important;
  box-shadow:none!important;
}
.cv2-rail-head{display:none!important}
.cv2-rail-tool{
  position:relative!important;
  width:46px!important;
  min-width:46px!important;
  height:46px!important;
  min-height:46px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid transparent!important;
  border-radius:8px!important;
  background:transparent!important;
  color:var(--ht-secondary)!important;
  box-shadow:none!important;
}
.cv2-rail-tool:hover{background:var(--ht-elevated)!important;border-color:var(--ht-border)!important;transform:none!important}
.cv2-rail-tool>span{font-size:16px!important;filter:grayscale(.25)}
.cv2-rail-tool>div,.cv2-rail-tool>b{display:none!important}
.cv2-rail-tool.attention::after,.cv2-rail-tool.active::after{content:""!important;position:absolute!important;right:5px!important;top:5px!important;width:7px!important;height:7px!important;border-radius:999px!important;background:var(--ht-warning)!important;border:2px solid var(--ht-surface)!important}
.cv2-rail-tool.medication.active::after{background:var(--ht-info)!important}
.cv2-rail-patient{width:46px!important;height:40px!important;padding:0!important;font-size:0!important;border:1px solid var(--ht-border)!important;border-radius:8px!important;background:var(--ht-elevated)!important;color:var(--ht-secondary)!important}
.cv2-rail-patient::before{content:"↗"!important;font-size:15px!important}

/* tabula rasa reason selection */
.cv2-tabula-rasa{
  max-width:920px!important;margin:20px auto!important;padding:22px!important;border:1px solid var(--ht-border)!important;border-radius:10px!important;background:var(--ht-surface)!important;box-shadow:none!important
}
.cv2-tabula-copy span{color:var(--ht-muted)!important}.cv2-tabula-copy h2{font-size:22px!important}.cv2-tabula-copy p{color:var(--ht-secondary)!important}
.cv2-type-chip{border:1px solid var(--ht-border)!important;border-radius:8px!important;background:var(--ht-surface)!important;color:var(--ht-text)!important;box-shadow:none!important}
.cv2-type-chip:hover{background:var(--ht-elevated)!important;border-color:color-mix(in srgb,var(--ht-primary) 30%,var(--ht-border))!important;transform:none!important}

/* Smart acute / pre-visit / clinical modules */
.cv2-smart-module,.cv2-smart-acute,.cv2-parent-previsit,.cv2-quick-growth,.cv2-vaccine-quick,.cv2-milestone-quick,
.cv2-payment-card,.cv2-visit-summary-card,.cv2-done-card,.cv2-development-screening-reminder{
  border:1px solid var(--ht-border)!important;border-radius:8px!important;background:var(--ht-elevated)!important;box-shadow:none!important;background-image:none!important
}
.cv2-smart-module-head,.cv2-section-head{border-bottom-color:var(--ht-border)!important}.cv2-section-head span{color:var(--ht-muted)!important}.cv2-section-head h2{color:var(--ht-text)!important}
.cv2-smart-hint,.cv2-smart-module small{color:var(--ht-muted)!important}
.cv2-acute-chip,.cv2-symptom-chip{border-radius:999px!important;box-shadow:none!important}

/* autosave status */
.cv2-save-state{
  border:1px solid var(--ht-border)!important;border-radius:999px!important;background:var(--ht-elevated)!important;color:var(--ht-muted)!important;box-shadow:none!important;font-size:10px!important;font-weight:600!important
}
.cv2-save-state.saved{color:var(--ht-success)!important;background:var(--ht-success-tint)!important;border-color:color-mix(in srgb,var(--ht-success) 25%,var(--ht-border))!important}
.cv2-save-state.saving,.cv2-save-state.pending{color:var(--ht-warning)!important;background:var(--ht-warning-tint)!important}
.cv2-save-state.error{color:var(--ht-critical)!important;background:var(--ht-critical-tint)!important;border-color:color-mix(in srgb,var(--ht-critical) 38%,var(--ht-border))!important}

/* bottom visit action bar */
.cv2-actionbar{
  bottom:14px!important;
  max-width:min(840px,calc(100vw - var(--ht-sidebar) - 90px))!important;
  padding:8px!important;
  border:1px solid var(--ht-border)!important;
  border-radius:8px!important;
  background:color-mix(in srgb,var(--ht-surface) 96%,transparent)!important;
  box-shadow:0 10px 30px rgba(15,23,42,.10)!important;
  backdrop-filter:blur(14px)!important;
}

/* drawers */
.cv2-drawer-backdrop{background:rgba(15,23,42,.22)!important;backdrop-filter:blur(2px)!important}
.cv2-drawer-panel{
  width:min(410px,94vw)!important;
  border-left:1px solid var(--ht-border)!important;
  border-radius:0!important;
  background:var(--ht-surface)!important;
  color:var(--ht-text)!important;
  box-shadow:var(--ht-shadow-drawer)!important;
}
.cv2-drawer-panel>header{padding:16px!important;border-bottom:1px solid var(--ht-border)!important;background:var(--ht-surface)!important}
.cv2-drawer-panel>header span{color:var(--ht-muted)!important;font-size:10px!important;letter-spacing:.07em!important}.cv2-drawer-panel>header h2{font-size:18px!important}.cv2-drawer-panel>header p{color:var(--ht-secondary)!important;font-size:11px!important}
.cv2-drawer-panel>header button{width:34px!important;height:34px!important;border:1px solid var(--ht-border)!important;border-radius:6px!important;background:var(--ht-elevated)!important;color:var(--ht-secondary)!important}
.cv2-drawer-body{padding:16px!important;background:var(--ht-surface)!important}
.cv2-drawer-history-list article{border:1px solid var(--ht-border)!important;border-radius:6px!important;background:var(--ht-elevated)!important;box-shadow:none!important}

/* medication calculator / safety */
.cv2-med-calculator,.cv2-med-card,.cv2-med-editor{border-color:var(--ht-border)!important;background:var(--ht-surface)!important;box-shadow:none!important}
.cv2-med-allergy-alert{border-radius:8px!important;box-shadow:none!important}
.cv2-med-allergy-alert.block,.cv2-med-allergy-alert.danger{background:var(--ht-allergy-tint)!important;border-color:color-mix(in srgb,var(--ht-allergy) 42%,var(--ht-border))!important;color:var(--ht-allergy)!important}
.cv2-med-allergy-alert.confirm,.cv2-med-allergy-alert.warning{background:var(--ht-warning-tint)!important;border-color:color-mix(in srgb,var(--ht-warning) 38%,var(--ht-border))!important;color:var(--ht-warning)!important}
.cv2-med-result{border-radius:8px!important;border-color:var(--ht-border)!important;background:var(--ht-elevated)!important}
.cv2-med-confirmed-item{border-radius:6px!important;border-color:var(--ht-border)!important;background:var(--ht-elevated)!important}

/* milestones / vaccines / growth / certificates tools */
.cv2-tool-page,.cv2-vaccine-page{padding-bottom:80px!important}
.cv2-tool-button{border:1px solid var(--ht-border)!important;border-radius:8px!important;background:var(--ht-surface)!important;color:var(--ht-text)!important;box-shadow:none!important}
.cv2-tool-button:hover{background:var(--ht-elevated)!important;border-color:color-mix(in srgb,var(--ht-primary) 25%,var(--ht-border))!important;transform:none!important}
.cv2-tool-icon{border-radius:6px!important;background:var(--ht-primary-tint)!important;color:var(--ht-primary)!important}
.cv2-milestone-row{border:1px solid var(--ht-border)!important;border-radius:8px!important;background:var(--ht-surface)!important;box-shadow:none!important}
.cv2-milestone-row button{border-radius:6px!important;border-color:var(--ht-border)!important;background:var(--ht-surface)!important;color:var(--ht-secondary)!important}
.cv2-milestone-row button.active{border-color:var(--ht-primary)!important;background:var(--ht-primary-tint)!important;color:var(--ht-primary)!important;box-shadow:none!important}
.cv2-development-screening-reminder{background:var(--ht-info-tint)!important;border-color:color-mix(in srgb,var(--ht-info) 25%,var(--ht-border))!important}
.cv2-certificate-page .certificate-form-intro,.cv2-cert-editor-wrap,.cv2-cert-toolbar,.cv2-cert-editor{border-color:var(--ht-border)!important;border-radius:8px!important;background:var(--ht-surface)!important;color:var(--ht-text)!important}

/* clinical safety strip */
.cv2-safety-strip{gap:6px!important}
.cv2-safety-item{border:1px solid var(--ht-border)!important;border-radius:6px!important;background:var(--ht-elevated)!important;color:var(--ht-secondary)!important;box-shadow:none!important}
.cv2-safety-item.danger{background:var(--ht-allergy-tint)!important;border-color:color-mix(in srgb,var(--ht-allergy) 35%,var(--ht-border))!important;color:var(--ht-allergy)!important}

/* =====================================================================
   DARK MODE — LEGACY SURFACE NORMALIZATION
   ===================================================================== */
html.dark .clinic-header,
html.dark .panel,html.dark .card,html.dark .stat,html.dark .list-card,
html.dark .premium-home-card,html.dark .online-request-card,html.dark .settings-item-card,
html.dark .clinic-patient-summary-card,html.dark .clinic-patient-contact-card,
html.dark .clinic-patient-section,html.dark .clinic-patient-module-nav,
html.dark .cv2-card,html.dark .cv2-context-rail,html.dark .cv2-drawer-panel,
html.dark .modal-card{background:var(--ht-surface)!important;color:var(--ht-text)!important;border-color:var(--ht-border)!important}
html.dark .patient-directory-row td,html.dark .patient-directory-row:nth-child(odd) td{background:var(--ht-surface)!important}
html.dark .patient-directory-row:hover td{background:var(--ht-elevated)!important}
html.dark .premium-home-appointment:hover,html.dark .premium-home-task:hover{background:var(--ht-elevated)!important}
html.dark input,html.dark textarea,html.dark select{background:var(--ht-surface)!important;color:var(--ht-text)!important;border-color:var(--ht-border)!important}
html.dark th{background:var(--ht-elevated)!important}

/* =====================================================================
   MOBILE / TABLET — preserve the proven bottom-nav workflow
   ===================================================================== */
@media(max-width:1023px){
  #main.container{background:var(--ht-bg)!important}
  .clinic-bottom-nav{background:color-mix(in srgb,var(--ht-surface) 96%,transparent)!important;border-color:var(--ht-border)!important;box-shadow:0 10px 30px rgba(15,23,42,.12)!important}
  .clinic-nav-item{color:var(--ht-muted)!important}.clinic-nav-item.active{color:var(--ht-primary)!important}
  .panel,.card,.premium-home-card,.online-request-card,.cv2-card{border-radius:8px!important}
  .cv2-sticky-patient{position:static!important;grid-template-columns:1fr auto!important;gap:8px!important}
  .cv2-sticky-fact{border:0!important;padding:0!important}.cv2-sticky-alerts{grid-column:1/-1!important}.cv2-sticky-type{justify-self:start!important}
  .cv2-focus-layout.cv2-reason-driven-layout{grid-template-columns:1fr!important}
  .cv2-context-rail{position:static!important;width:100%!important;display:grid!important;grid-template-columns:repeat(6,1fr)!important;padding:6px!important}
  .cv2-rail-tool,.cv2-rail-patient{width:100%!important;min-width:0!important}
  .cv2-actionbar{max-width:calc(100vw - 18px)!important;bottom:84px!important}
  .cv2-reason-stepper{overflow-x:auto!important}.cv2-reason-stepper button{min-width:130px!important}
}

@media(max-width:620px){
  .online-request-card{grid-template-columns:1fr!important}
  .cv2-reason-flow-head{flex-direction:column!important}
  .cv2-reason-nav{grid-template-columns:auto 1fr!important}.cv2-reason-nav>button:last-child,.cv2-flow-ready{grid-column:1/-1!important}
  .cv2-context-rail{grid-template-columns:repeat(4,1fr)!important}
}

/* Print stays clinical, not app chrome */
@media print{
  .clinic-header,.clinic-bottom-nav,#uiThemeToggle{display:none!important}
  #main.container{margin:0!important;width:100%!important;padding:0!important;background:#fff!important}
}

/* V2.8 Secretary action-zone and quick patient lookup */
@media(min-width:1024px){
  .ht-home-action-zone{display:grid;gap:10px}
  .ht-home-action-zone:empty{display:none}
  .ht-home-operations-column{display:grid;gap:16px;align-items:start}
  .ht-home-quick-lookup{overflow:visible!important}
  .ht-home-quick-search{padding:12px}
  .ht-home-quick-search>input{width:100%;min-height:40px;padding:9px 11px}
  .ht-home-quick-results{margin-top:8px;display:grid;gap:4px;max-height:220px;overflow:auto}
  .ht-home-quick-results>p{margin:0;padding:10px 2px;color:var(--ht-muted);font-size:11px;line-height:16px}
  .ht-home-quick-results>button{width:100%;padding:8px 9px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--ht-text);text-align:left;cursor:pointer}
  .ht-home-quick-results>button:hover{background:var(--ht-elevated);border-color:var(--ht-border)}
  .ht-home-quick-results>button span{min-width:0}.ht-home-quick-results>button strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;color:var(--ht-text)}
  .ht-home-quick-results>button small{display:block;margin-top:2px;color:var(--ht-muted);font-size:10px}.ht-home-quick-results>button b{color:var(--ht-primary);font-size:13px}
  .ht-home-secondary-zone{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:start}
  .ht-home-secondary-zone:empty{display:none}
  .ht-home-secondary-zone>*{margin:0!important}
}
@media(max-width:1023px){.ht-home-action-zone,.ht-home-operations-column,.ht-home-secondary-zone{display:block}.ht-home-quick-lookup{display:none!important}}
/* =====================================================================
   V2.8.1 — MOBILE HEALTHTECH REDESIGN
   Mobile counterpart of the approved V2.8 HealthTech design system.
   UI/layout only. No Firebase/data-model/business-rule changes.
   Loaded after mobile-premium.css and healthtech-ui.css to intentionally
   replace the legacy mobile visual language while preserving its behavior.
   ===================================================================== */

@media (max-width:820px){
  html{background:var(--ht-bg)!important;scroll-behavior:smooth}
  body{
    background:var(--ht-bg)!important;
    color:var(--ht-text)!important;
    overscroll-behavior-y:none;
    padding:0!important;
  }
  body.cv2-mobile-tools-open{overflow:hidden}

  /* Prevent Safari focus zoom without disabling accessibility zoom. */
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
  select,textarea,[contenteditable="true"]{
    font-size:16px!important;
    line-height:1.4!important;
  }
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select{min-height:44px!important}
  textarea{min-height:92px!important}

  /* -------------------------------------------------------------------
     APP SHELL
     ------------------------------------------------------------------- */
  .clinic-header{
    position:sticky!important;
    top:0!important;
    z-index:120!important;
    width:100%!important;
    min-height:58px!important;
    height:58px!important;
    padding:0 11px!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    border:0!important;
    border-bottom:1px solid var(--ht-border)!important;
    background:color-mix(in srgb,var(--ht-surface) 96%,transparent)!important;
    box-shadow:none!important;
    backdrop-filter:blur(14px)!important;
    -webkit-backdrop-filter:blur(14px)!important;
  }
  .clinic-brand{
    flex:1 1 auto!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    gap:8px!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    justify-content:flex-start!important;
  }
  .site-brand-shield{width:31px!important;height:36px!important;flex:0 0 31px!important}
  .site-brand-copy{min-width:0!important}
  .site-brand-name{font-size:14px!important;line-height:18px!important;letter-spacing:-.015em!important;color:var(--ht-text)!important;font-weight:700!important}
  .site-brand-sub{margin-top:0!important;font-size:7.5px!important;line-height:10px!important;letter-spacing:.025em!important;color:var(--ht-muted)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .clinic-desktop-nav{display:none!important}
  .clinic-header-actions{margin-left:auto!important;display:flex!important;align-items:center!important;gap:5px!important}
  .clinic-user-name,.clinic-logout span{display:none!important}
  #uiThemeToggle,.clinic-logout{
    width:36px!important;height:36px!important;min-width:36px!important;padding:0!important;
    display:grid!important;place-items:center!important;
    border:1px solid var(--ht-border)!important;border-radius:7px!important;
    background:var(--ht-surface)!important;color:var(--ht-secondary)!important;box-shadow:none!important
  }
  .clinic-logout svg{width:17px!important;height:17px!important;stroke:currentColor!important}

  #main.container{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    min-height:calc(100dvh - 58px)!important;
    padding:12px 12px calc(82px + env(safe-area-inset-bottom))!important;
    background:var(--ht-bg)!important;
  }

  /* Bottom navigation: restrained and app-like, not a floating pill. */
  .clinic-bottom-nav{
    position:fixed!important;
    z-index:150!important;
    left:8px!important;right:8px!important;
    bottom:calc(7px + env(safe-area-inset-bottom))!important;
    height:60px!important;
    padding:5px!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:2px!important;
    border:1px solid var(--ht-border)!important;
    border-radius:10px!important;
    background:color-mix(in srgb,var(--ht-surface) 97%,transparent)!important;
    box-shadow:0 8px 24px rgba(15,23,42,.10)!important;
    backdrop-filter:blur(14px)!important;
    -webkit-backdrop-filter:blur(14px)!important;
  }
  .clinic-nav-item{
    min-width:0!important;min-height:48px!important;
    padding:4px 2px!important;
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:1px!important;
    border:0!important;border-radius:6px!important;background:transparent!important;color:var(--ht-muted)!important;box-shadow:none!important
  }
  .clinic-nav-item.active{background:var(--ht-primary-tint)!important;color:var(--ht-primary)!important}
  .clinic-nav-icon{width:20px!important;height:20px!important;display:grid!important;place-items:center!important}
  .clinic-nav-icon svg{width:19px!important;height:19px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.8!important}
  .clinic-nav-label{font-size:8.5px!important;line-height:11px!important;font-weight:600!important;white-space:nowrap!important;color:inherit!important}

  /* -------------------------------------------------------------------
     GLOBAL MOBILE COMPONENTS
     ------------------------------------------------------------------- */
  h1{font-size:21px!important;line-height:28px!important}
  h2{font-size:17px!important;line-height:24px!important}
  h3{font-size:15px!important;line-height:22px!important}
  .page-head{margin:0 0 12px!important;padding:2px 0 11px!important;border-bottom:1px solid var(--ht-border)!important}
  .page-head h1{margin:0!important;color:var(--ht-text)!important}
  .page-head p{margin:2px 0 0!important;font-size:11px!important;line-height:16px!important;color:var(--ht-secondary)!important}

  .panel,.card,.stat,.list-card,.settings-item-card,.premium-home-card,.online-request-card,
  .clinic-patient-summary-card,.clinic-patient-contact-card,.clinic-patient-section,.clinic-patient-module-nav,
  .cv2-card,.calendar-premium-hero,.calendar-day-head,.today-task-group{
    border:1px solid var(--ht-border)!important;
    border-radius:8px!important;
    background:var(--ht-surface)!important;
    color:var(--ht-text)!important;
    box-shadow:none!important;
    background-image:none!important;
  }
  .panel{padding:14px!important}
  .btn,button.btn,.patient-new-btn,.today-new-appointment{
    min-height:42px!important;padding:8px 12px!important;border-radius:6px!important;font-size:12px!important;line-height:18px!important;font-weight:600!important;box-shadow:none!important
  }
  .btn.secondary,.btn.ghost,.ghost{background:var(--ht-surface)!important;color:var(--ht-secondary)!important;border-color:var(--ht-border)!important}

  .modal-card{
    width:calc(100vw - 18px)!important;max-width:none!important;max-height:calc(100dvh - 20px)!important;
    padding:15px!important;border-radius:10px!important;border:1px solid var(--ht-border)!important;background:var(--ht-surface)!important;color:var(--ht-text)!important;box-shadow:var(--ht-shadow-drawer)!important
  }
  .modal-card .x{width:34px!important;height:34px!important;border-radius:6px!important;background:var(--ht-elevated)!important;border-color:var(--ht-border)!important;color:var(--ht-secondary)!important}

  /* -------------------------------------------------------------------
     PREMIUM SECRETARY CONTROL CENTER — SAME PRODUCT AS DESKTOP
     ------------------------------------------------------------------- */
  #main[data-active-view="home"]{padding-top:10px!important}
  .premium-home-shell{
    max-width:none!important;margin:0!important;display:grid!important;gap:12px!important
  }
  .premium-home-hero{
    min-height:0!important;
    margin:0!important;padding:2px 0 12px!important;
    display:grid!important;grid-template-columns:1fr!important;gap:10px!important;
    border:0!important;border-bottom:1px solid var(--ht-border)!important;border-radius:0!important;
    background:transparent!important;box-shadow:none!important
  }
  .premium-home-hero::before,.premium-home-hero::after{display:none!important}
  .premium-home-eyebrow{display:block!important;margin-bottom:2px!important;font-size:9px!important;line-height:13px!important;color:var(--ht-muted)!important}
  .premium-home-hero h1{margin:0!important;font-size:22px!important;line-height:29px!important;font-weight:700!important;color:var(--ht-text)!important;letter-spacing:-.02em!important}
  .premium-home-hero-copy>p{margin:2px 0 0!important;font-size:11px!important;line-height:16px!important;color:var(--ht-secondary)!important}
  .premium-home-summary-line{margin-top:8px!important;display:flex!important;flex-wrap:wrap!important;gap:5px 7px!important;align-items:center!important;color:var(--ht-muted)!important;font-size:10px!important;line-height:15px!important}
  .premium-home-summary-line b{color:var(--ht-secondary)!important;font-weight:600!important}
  .premium-home-summary-line>i{width:3px!important;height:3px!important;border-radius:999px!important;background:var(--ht-border)!important}
  .premium-home-online-pill,.premium-home-secretary-pill{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--ht-primary)!important;font-size:10px!important;line-height:15px!important;font-weight:650!important}
  .premium-home-hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
  .premium-home-primary-action,.premium-home-secondary-action{
    width:100%!important;min-width:0!important;min-height:42px!important;padding:8px 10px!important;
    display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important;
    border-radius:6px!important;box-shadow:none!important
  }
  .premium-home-primary-action{background:var(--ht-primary)!important;border:1px solid var(--ht-primary)!important;color:#fff!important}
  .premium-home-secondary-action{background:var(--ht-surface)!important;border:1px solid var(--ht-border)!important;color:var(--ht-secondary)!important}
  .premium-home-primary-action>span,.premium-home-secondary-action>span{width:auto!important;height:auto!important;background:transparent!important;font-size:13px!important}
  .premium-home-primary-action strong,.premium-home-secondary-action strong{font-size:11px!important;line-height:16px!important;font-weight:600!important}
  .premium-home-primary-action small,.premium-home-secondary-action small{display:none!important}

  .ht-home-action-zone{display:grid!important;gap:8px!important;margin:0!important}
  .ht-home-action-zone:empty{display:none!important}
  .control-center-callbacks,.control-center-online-requests,.online-booking-home-card,.secretary-home-card{
    margin:0!important;padding:12px!important;border:1px solid var(--ht-border)!important;border-left:3px solid var(--ht-warning)!important;border-radius:8px!important;background:var(--ht-surface)!important;box-shadow:none!important
  }

  .premium-home-columns{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .ht-home-operations-column{display:grid!important;gap:10px!important}
  .ht-home-quick-lookup{display:block!important;overflow:visible!important;order:0!important}
  .ht-home-quick-search{padding:10px!important}
  .ht-home-quick-search>input{width:100%!important;min-height:44px!important;padding:9px 10px!important}
  .ht-home-quick-results{margin-top:7px!important;display:grid!important;gap:3px!important;max-height:210px!important;overflow:auto!important}
  .ht-home-quick-results>p{margin:0!important;padding:8px 2px!important;color:var(--ht-muted)!important;font-size:10px!important;line-height:15px!important}
  .ht-home-quick-results>button{width:100%!important;padding:8px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;border:1px solid transparent!important;border-radius:6px!important;background:transparent!important;color:var(--ht-text)!important;text-align:left!important}
  .ht-home-quick-results>button strong{display:block!important;font-size:11px!important;color:var(--ht-text)!important}
  .ht-home-quick-results>button small{display:block!important;margin-top:1px!important;font-size:9px!important;color:var(--ht-muted)!important}

  .premium-home-card{overflow:hidden!important;border-radius:8px!important}
  .premium-home-card-head{min-height:50px!important;padding:11px 12px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;border-bottom:1px solid var(--ht-border)!important;background:var(--ht-surface)!important}
  .premium-home-card-head h2{margin:1px 0 0!important;font-size:14px!important;line-height:20px!important;color:var(--ht-text)!important}
  .premium-home-section-kicker{font-size:8px!important;line-height:12px!important;letter-spacing:.07em!important;color:var(--ht-muted)!important}
  .premium-home-count{min-width:26px!important;height:24px!important;padding:0 7px!important;border-radius:999px!important;display:grid!important;place-items:center!important;border:1px solid var(--ht-border)!important;background:var(--ht-elevated)!important;color:var(--ht-secondary)!important;font-size:10px!important;font-weight:600!important}
  .premium-home-count.task-count{background:var(--ht-pending-tint)!important;color:var(--ht-pending)!important}
  .premium-home-appointment-list,.premium-home-task-list{padding:6px!important;display:grid!important;gap:3px!important;background:var(--ht-surface)!important}
  .premium-home-mini-label{margin:6px 6px 2px!important;color:var(--ht-muted)!important;font-size:8px!important;line-height:12px!important;letter-spacing:.07em!important}
  .premium-home-appointment{
    min-height:62px!important;padding:8px!important;
    display:grid!important;grid-template-columns:46px minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;gap:5px 8px!important;align-items:center!important;
    border:1px solid transparent!important;border-radius:6px!important;background:transparent!important;box-shadow:none!important
  }
  .premium-home-appointment.is-now{border-color:color-mix(in srgb,var(--ht-success) 28%,var(--ht-border))!important;background:var(--ht-success-tint)!important}
  .premium-home-appointment.is-next{border-color:color-mix(in srgb,var(--ht-info) 24%,var(--ht-border))!important;background:var(--ht-info-tint)!important}
  .premium-home-appointment.direct-visit{border-color:color-mix(in srgb,var(--ht-pending) 22%,var(--ht-border))!important;background:var(--ht-pending-tint)!important}
  .premium-home-appointment-time{grid-column:1!important;grid-row:1/3!important;align-self:start!important;padding-top:1px!important}
  .premium-home-appointment-time strong{display:block!important;font-size:13px!important;line-height:18px!important;color:var(--ht-text)!important;font-weight:650!important}
  .premium-home-appointment-time span{display:block!important;font-size:9px!important;color:var(--ht-muted)!important}
  .premium-home-patient-link{grid-column:2!important;grid-row:1!important;min-width:0!important;padding:0!important;text-align:left!important;background:transparent!important;border:0!important;color:inherit!important}
  .premium-home-patient-link strong{display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:11.5px!important;line-height:17px!important;color:var(--ht-text)!important;font-weight:600!important}
  .premium-home-patient-link small{display:block!important;margin-top:1px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:9px!important;line-height:13px!important;color:var(--ht-muted)!important}
  .premium-home-status{grid-column:3!important;grid-row:1!important;justify-self:end!important;padding:3px 6px!important;border-radius:999px!important;font-size:8px!important;line-height:12px!important;font-weight:600!important;white-space:nowrap!important}
  .premium-home-row-actions{grid-column:2/-1!important;grid-row:2!important;display:flex!important;flex-wrap:wrap!important;gap:4px!important;justify-content:flex-start!important}
  .premium-home-icon-btn{
    width:auto!important;height:29px!important;min-width:29px!important;padding:0 7px!important;
    border:1px solid var(--ht-border)!important;border-radius:5px!important;background:var(--ht-surface)!important;color:var(--ht-secondary)!important;box-shadow:none!important;font-size:9px!important;font-weight:600!important
  }
  .premium-home-icon-btn.continue,.premium-home-icon-btn.start{border-color:color-mix(in srgb,var(--ht-primary) 30%,var(--ht-border))!important;color:var(--ht-primary)!important;background:var(--ht-primary-tint)!important}
  .premium-home-task{min-height:50px!important;padding:7px 8px!important;border:1px solid transparent!important;border-radius:6px!important;background:transparent!important}
  .premium-home-task-main strong{font-size:11px!important;line-height:16px!important;color:var(--ht-text)!important;font-weight:600!important}
  .premium-home-task-main small,.premium-home-task-meta,.premium-home-shopping-preview{font-size:9px!important;line-height:13px!important;color:var(--ht-muted)!important}
  .premium-home-task-check{width:27px!important;height:27px!important;border-radius:5px!important;border:1px solid var(--ht-border)!important;background:var(--ht-surface)!important}
  .premium-home-empty{min-height:90px!important;padding:18px 12px!important;background:transparent!important;color:var(--ht-muted)!important}
  .premium-home-empty.tasks-empty{min-height:100px!important}
  .premium-home-card-footer{padding:8px 11px!important;border-top:1px solid var(--ht-border)!important;background:var(--ht-elevated)!important}
  .premium-home-card-footer button{font-size:10px!important;line-height:15px!important;color:var(--ht-primary)!important;font-weight:600!important}
  .ht-home-secondary-zone{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .ht-home-secondary-zone>*{margin:0!important}

  /* The legacy home helper is intentionally not part of V2.8.1, but if
     any stale cached DOM exists, normalize it to the new system. */
  .today-calendar-home.today-home-polished{gap:10px!important}
  .today-calendar-head{padding:0 0 11px!important;border:0!important;border-bottom:1px solid var(--ht-border)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
  .mp-mobile-quick-actions{display:none!important}

  /* -------------------------------------------------------------------
     PATIENT DIRECTORY
     ------------------------------------------------------------------- */
  #main[data-active-view="patients"]{padding-top:10px!important}
  .patient-directory-head{
    margin:0 0 10px!important;padding:0 0 11px!important;display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:10px!important;
    border:0!important;border-bottom:1px solid var(--ht-border)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important
  }
  .patient-directory-heading{min-width:0!important}
  .patient-directory-kicker{font-size:8px!important;line-height:12px!important}
  .patient-directory-title-line h1{margin:1px 0 0!important;font-size:21px!important;line-height:28px!important;color:var(--ht-text)!important}
  .patient-directory-heading p{display:none!important}
  .patient-directory-head-actions{display:flex!important;align-items:center!important;gap:6px!important}
  .patient-directory-total{padding:5px 7px!important;display:grid!important;border:1px solid var(--ht-border)!important;border-radius:6px!important;background:var(--ht-surface)!important;box-shadow:none!important}
  .patient-directory-total span,.patient-directory-total small{font-size:7.5px!important;line-height:10px!important;color:var(--ht-muted)!important}
  .patient-directory-total strong{font-size:15px!important;line-height:18px!important;color:var(--ht-text)!important}
  .patient-new-btn{min-height:38px!important;padding:7px 9px!important;font-size:10px!important}
  .patient-directory-search-panel{margin:0 0 9px!important;padding:9px!important;position:sticky!important;top:64px!important;z-index:30!important;background:color-mix(in srgb,var(--ht-surface) 97%,transparent)!important;backdrop-filter:blur(12px)!important}
  .live-patient-search{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:6px!important}
  .live-patient-search input{min-width:0!important;min-height:42px!important;padding:8px 9px!important}
  .live-patient-search .btn{min-height:42px!important;padding:7px 9px!important}
  .live-search-hint{display:none!important}
  .patient-alpha-nav{margin-top:7px!important;padding-top:7px!important;border-top:1px solid var(--ht-border)!important;overflow-x:auto!important;scrollbar-width:none!important}
  .patient-alpha-nav::-webkit-scrollbar{display:none!important}
  .patient-alpha-nav-inner{display:flex!important;align-items:center!important;gap:3px!important;width:max-content!important;min-width:100%!important}
  .patient-alpha-nav-label{font-size:8px!important;color:var(--ht-muted)!important;margin-right:2px!important}
  .patient-alpha-chip{width:26px!important;height:26px!important;min-width:26px!important;padding:0!important;border-radius:5px!important;border:1px solid var(--ht-border)!important;background:var(--ht-surface)!important;color:var(--ht-secondary)!important;font-size:9px!important}
  .patient-alpha-chip.is-empty{opacity:.32!important}
  .patient-directory-results{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
  .patients-results-mobile{display:grid!important;gap:5px!important}
  .patient-result-card{
    position:relative!important;width:100%!important;min-width:0!important;
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:2px 8px!important;
    padding:10px 34px 28px 10px!important;
    border:1px solid var(--ht-border)!important;border-radius:7px!important;background:var(--ht-surface)!important;color:var(--ht-text)!important;box-shadow:none!important;text-align:left!important
  }
  .patient-result-name{font-size:11.5px!important;line-height:17px!important;font-weight:650!important;color:var(--ht-text)!important}
  .patient-result-age{font-size:9px!important;line-height:14px!important;color:var(--ht-secondary)!important;font-weight:600!important}
  .patient-result-meta,.patient-result-phone{grid-column:1/-1!important;font-size:8.5px!important;line-height:12px!important;color:var(--ht-muted)!important}
  .patient-result-arrow{right:10px!important;top:10px!important;color:var(--ht-muted)!important;font-size:16px!important}
  .patient-result-delete{left:10px!important;bottom:7px!important;font-size:8px!important;color:var(--ht-critical)!important;font-weight:600!important}

  /* -------------------------------------------------------------------
     PATIENT CARD
     ------------------------------------------------------------------- */
  .clinic-patient-hero{
    margin:0 0 10px!important;padding:0 0 11px!important;
    border:0!important;border-bottom:1px solid var(--ht-border)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important
  }
  .clinic-patient-hero h1{margin:1px 0!important;font-size:21px!important;line-height:28px!important;color:var(--ht-text)!important}
  .clinic-patient-hero p,.clinic-patient-meta{font-size:10px!important;line-height:15px!important;color:var(--ht-secondary)!important}
  .clinic-patient-actions,.clinic-patient-info-actions{display:flex!important;flex-wrap:wrap!important;gap:5px!important}
  .clinic-patient-actions .btn,.clinic-patient-info-actions .btn{flex:1 1 auto!important;min-height:38px!important;font-size:10px!important}
  #ptab{margin:0!important}
  .clinic-patient-overview,.clinic-patient-dashboard,.clinic-patient-summary-layout{gap:8px!important}
  .clinic-patient-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  .clinic-patient-module-grid button{min-height:62px!important;padding:9px!important;border-radius:7px!important;border:1px solid var(--ht-border)!important;background:var(--ht-surface)!important;color:var(--ht-text)!important;box-shadow:none!important;text-align:left!important}
  .clinic-patient-module-icon{border-radius:5px!important;background:var(--ht-primary-tint)!important;color:var(--ht-primary)!important}
  .patient-snapshot-grid{grid-template-columns:1fr 1fr!important;gap:6px!important}
  .patient-snapshot-grid>div{padding:9px!important;border:1px solid var(--ht-border)!important;border-radius:7px!important;background:var(--ht-elevated)!important;box-shadow:none!important}
  .clinic-patient-summary-card,.clinic-patient-contact-card,.clinic-patient-section,.clinic-patient-module-nav{border-radius:8px!important;box-shadow:none!important}

  /* -------------------------------------------------------------------
     CALENDAR
     ------------------------------------------------------------------- */
  #main[data-active-view="calendar"]{padding-top:10px!important}
  .calendar-premium-hero{margin:0 0 9px!important;padding:0 0 11px!important;border:0!important;border-bottom:1px solid var(--ht-border)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
  .calendar-toolbar{align-items:flex-start!important;gap:8px!important}
  .calendar-title span{font-size:8px!important;line-height:12px!important;color:var(--ht-muted)!important}
  .calendar-title h1{font-size:21px!important;line-height:28px!important;color:var(--ht-text)!important}
  .calendar-title p{font-size:10px!important;line-height:15px!important;color:var(--ht-secondary)!important}
  .calendar-actions{gap:4px!important}.cal-icon-btn{width:36px!important;height:36px!important;border-radius:6px!important;border-color:var(--ht-border)!important;background:var(--ht-surface)!important;color:var(--ht-secondary)!important}.cal-today-btn{height:36px!important;padding:0 9px!important;border-radius:6px!important;font-size:10px!important}
  .calendar-mode-tabs{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:3px!important;padding:3px!important;border:1px solid var(--ht-border)!important;border-radius:7px!important;background:var(--ht-elevated)!important;overflow:visible!important}
  .calendar-mode-tabs button{min-height:34px!important;padding:0 4px!important;border-radius:5px!important;font-size:9.5px!important;background:transparent!important;color:var(--ht-secondary)!important}
  .calendar-mode-tabs button.active{background:var(--ht-surface)!important;color:var(--ht-primary)!important;border:1px solid var(--ht-border)!important}
  .calendar-mode-tabs button:last-child{grid-column:1/-1!important;min-height:30px!important;background:transparent!important;color:var(--ht-muted)!important}
  .calendar-day-head{padding:10px!important;border-radius:7px!important;box-shadow:none!important}
  .calendar-day-head>div:first-child{display:flex!important;align-items:baseline!important;gap:5px!important}.calendar-day-head>div:first-child strong{font-size:22px!important;color:var(--ht-text)!important}.calendar-day-head>div:first-child span,.calendar-day-head>div:first-child small{font-size:9px!important;color:var(--ht-muted)!important}
  .calendar-day-meta{gap:4px!important}.calendar-day-meta>span,.calendar-day-meta>strong{display:none!important}
  .calendar-day-chips{gap:4px!important}.calendar-day-chips span{padding:4px 6px!important;border-radius:999px!important;font-size:8px!important}
  .calendar-timeline{border:1px solid var(--ht-border)!important;border-radius:8px!important;overflow:hidden!important;background:var(--ht-surface)!important;box-shadow:none!important}
  .calendar-slot{grid-template-columns:48px minmax(0,1fr)!important;min-height:52px!important;border-color:var(--ht-border)!important}
  .slot-time{padding:9px 4px!important;font-size:10px!important;color:var(--ht-muted)!important}.slot-time span{font-size:11px!important;color:var(--ht-text)!important}.slot-time small{font-size:7px!important}
  .slot-content{padding:5px 6px!important;gap:4px!important}
  .appointment-card{min-height:44px!important;padding:0!important;border-radius:6px!important;box-shadow:none!important}
  .appointment-body{padding:7px 8px!important}.appointment-top strong{font-size:10.5px!important}.appointment-top span,.appointment-reason,.appointment-status{font-size:8.5px!important}
  .empty-slot,.tomy-slot{min-height:34px!important;border-radius:5px!important;font-size:9px!important}
  .calendar-week-grid{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;gap:8px!important;padding-bottom:3px!important}
  .week-day{min-width:88vw!important;scroll-snap-align:center!important;border-radius:8px!important;border-color:var(--ht-border)!important;box-shadow:none!important}
  .calendar-month-grid{gap:2px!important;font-size:9px!important}.month-cell{min-height:66px!important;padding:5px!important;border-radius:5px!important}

  /* -------------------------------------------------------------------
     CALLBACKS / ONLINE REQUESTS / TASKS / MORE / SETTINGS
     ------------------------------------------------------------------- */
  .online-request-card{grid-template-columns:1fr!important;gap:8px!important;padding:11px!important;border-radius:8px!important}
  .online-request-time{padding:8px!important;border-radius:6px!important;background:var(--ht-elevated)!important;color:var(--ht-secondary)!important}
  .online-request-actions{display:flex!important;flex-wrap:wrap!important;gap:5px!important}.online-request-actions .btn{flex:1 1 auto!important}
  .task-card,.clinic-metric-card,.callback-request-card,.secretary-request-card{border-radius:8px!important;border-color:var(--ht-border)!important;background:var(--ht-surface)!important;box-shadow:none!important}
  .more-grid{grid-template-columns:1fr!important;gap:6px!important}
  .more-grid button{min-height:58px!important;padding:10px!important;border:1px solid var(--ht-border)!important;border-radius:7px!important;background:var(--ht-surface)!important;color:var(--ht-text)!important;box-shadow:none!important;text-align:left!important}
  .more-grid button strong{font-size:12px!important}.more-grid button small{font-size:9px!important;color:var(--ht-muted)!important}
  .settings-page-head{margin:0 0 10px!important;padding:0 0 11px!important;border:0!important;border-bottom:1px solid var(--ht-border)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
  .settings-search-wrap,.settings-section-tiles,.settings-section-content{margin-left:0!important;margin-right:0!important}
  .settings-section-tiles{display:flex!important;overflow-x:auto!important;gap:5px!important;scrollbar-width:none!important}.settings-section-tiles::-webkit-scrollbar{display:none!important}
  .settings-section-tile{min-width:max-content!important;padding:8px 10px!important;border-radius:6px!important;box-shadow:none!important}
  .settings-item-card{padding:12px!important;border-radius:8px!important}

  /* -------------------------------------------------------------------
     ACTIVE VISIT — MOBILE FOCUS MODE
     ------------------------------------------------------------------- */
  #main[data-active-view="clinical-visit"]{
    padding:9px 10px calc(86px + env(safe-area-inset-bottom))!important
  }
  .cv2-shell.cv2-reason-driven-shell{padding:0!important;max-width:none!important}
  .cv2-visit-head{
    margin:0 0 8px!important;padding:0 0 9px!important;
    border:0!important;border-bottom:1px solid var(--ht-border)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important
  }
  .cv2-visit-head h1{font-size:17px!important;line-height:23px!important;color:var(--ht-text)!important}
  .cv2-visit-head p{font-size:9.5px!important;line-height:14px!important;color:var(--ht-secondary)!important}
  .cv2-head-side{width:auto!important;gap:5px!important}.cv2-head-patient-link{min-height:34px!important;padding:6px 8px!important;border-radius:6px!important;font-size:9px!important}
  .cv2-status{padding:4px 6px!important;font-size:8px!important}

  /* Compact, sticky patient safety context under the app header. */
  .cv2-sticky-patient,.cv2-focus-radar{
    position:sticky!important;top:64px!important;z-index:35!important;
    margin:0 0 8px!important;padding:8px 9px!important;
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:5px 8px!important;align-items:center!important;
    border:1px solid var(--ht-border)!important;border-radius:8px!important;
    background:color-mix(in srgb,var(--ht-surface) 97%,transparent)!important;box-shadow:0 4px 14px rgba(15,23,42,.05)!important;
    backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important
  }
  .cv2-sticky-identity strong{font-size:12px!important;line-height:17px!important;color:var(--ht-text)!important}.cv2-sticky-identity span{font-size:8.5px!important;line-height:12px!important;color:var(--ht-muted)!important}
  .cv2-sticky-fact{display:none!important}
  .cv2-sticky-type{justify-self:end!important;min-width:auto!important;padding:4px 6px!important;border:1px solid var(--ht-border)!important;border-radius:999px!important;background:var(--ht-elevated)!important;color:var(--ht-secondary)!important}
  .cv2-sticky-type span{font-size:10px!important}.cv2-sticky-type b{display:block!important;font-size:8px!important}
  .cv2-sticky-alerts{grid-column:1/-1!important;display:flex!important;gap:4px!important;overflow-x:auto!important;scrollbar-width:none!important}.cv2-sticky-alerts::-webkit-scrollbar{display:none!important}
  .cv2-sticky-alerts span{padding:3px 6px!important;border:1px solid var(--ht-border)!important;border-radius:999px!important;background:var(--ht-elevated)!important;color:var(--ht-secondary)!important;font-size:8px!important;line-height:12px!important;white-space:nowrap!important}
  .cv2-sticky-alerts span.danger{background:var(--ht-allergy-tint)!important;color:var(--ht-allergy)!important;border-color:color-mix(in srgb,var(--ht-allergy) 35%,var(--ht-border))!important}
  .cv2-sticky-alerts .quiet{display:none!important}

  .cv2-focus-layout.cv2-reason-driven-layout,.cv2-reason-driven-layout{display:block!important}
  .cv2-reason-workspace{padding:0!important;overflow:hidden!important;border:1px solid var(--ht-border)!important;border-radius:8px!important;background:var(--ht-surface)!important;box-shadow:none!important}
  .cv2-reason-flow-head{padding:11px 12px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;align-items:start!important;border-bottom:1px solid var(--ht-border)!important;background:var(--ht-surface)!important}
  .cv2-reason-flow-head>div{min-width:0!important}.cv2-reason-flow-head>div>span{font-size:8px!important;line-height:12px!important;color:var(--ht-muted)!important}.cv2-reason-flow-head h2{margin:1px 0!important;font-size:15px!important;line-height:21px!important;white-space:normal!important;color:var(--ht-text)!important}.cv2-reason-flow-head p{margin:1px 0 0!important;display:block!important;font-size:9px!important;line-height:13px!important;color:var(--ht-secondary)!important;max-width:44ch!important}
  .cv2-change-reason{min-height:32px!important;padding:6px 7px!important;border-radius:5px!important;font-size:8.5px!important;white-space:nowrap!important}

  .cv2-reason-stepper{
    margin:0!important;padding:8px 9px!important;
    display:grid!important;grid-auto-flow:column!important;grid-auto-columns:minmax(86px,1fr)!important;gap:0!important;
    overflow-x:auto!important;scrollbar-width:none!important;border-bottom:1px solid var(--ht-border)!important;background:var(--ht-elevated)!important
  }
  .cv2-reason-stepper::-webkit-scrollbar{display:none!important}
  .cv2-reason-stepper button{
    position:relative!important;min-width:0!important;padding:0 6px 0 0!important;display:flex!important;align-items:center!important;gap:5px!important;
    border:0!important;background:transparent!important;color:var(--ht-muted)!important;text-align:left!important;box-shadow:none!important
  }
  .cv2-reason-stepper button:not(:last-child)::after{content:""!important;position:absolute!important;left:27px!important;right:5px!important;top:11px!important;height:1px!important;background:var(--ht-border)!important;z-index:0!important}
  .cv2-reason-stepper button b{position:relative!important;z-index:1!important;width:23px!important;height:23px!important;min-width:23px!important;display:grid!important;place-items:center!important;border:1px solid var(--ht-border)!important;border-radius:999px!important;background:var(--ht-surface)!important;color:var(--ht-muted)!important;font-size:8px!important;font-weight:700!important}
  .cv2-reason-stepper button span{position:relative!important;z-index:1!important;display:block!important;min-width:0!important;padding-right:4px!important;background:var(--ht-elevated)!important;color:inherit!important;font-size:8.5px!important;line-height:12px!important;font-weight:600!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .cv2-reason-stepper button.active{color:var(--ht-text)!important}.cv2-reason-stepper button.active b{background:var(--ht-primary)!important;border-color:var(--ht-primary)!important;color:#fff!important}.cv2-reason-stepper button.done b{background:var(--ht-success-tint)!important;border-color:color-mix(in srgb,var(--ht-success) 35%,var(--ht-border))!important;color:var(--ht-success)!important}

  .cv2-reason-stage-stack{min-height:0!important;padding:0!important}.cv2-reason-stage{padding:12px 10px!important;background:var(--ht-surface)!important}.cv2-reason-stage.active{display:block!important}
  .cv2-reason-stage-title{margin-bottom:11px!important;padding-bottom:9px!important;display:flex!important;align-items:flex-start!important;gap:8px!important;border-bottom:1px solid var(--ht-border)!important}
  .cv2-reason-stage-title>span{width:27px!important;height:27px!important;min-width:27px!important;border-radius:5px!important;background:var(--ht-primary-tint)!important;color:var(--ht-primary)!important;font-size:8px!important}.cv2-reason-stage-title strong{font-size:13px!important;line-height:18px!important;color:var(--ht-text)!important}.cv2-reason-stage-title small{font-size:8.5px!important;line-height:12px!important;color:var(--ht-muted)!important}
  .cv2-form-grid{grid-template-columns:1fr!important;gap:8px!important}.cv2-form-grid .wide{grid-column:auto!important}.cv2-form-grid label{font-size:10px!important;line-height:14px!important;color:var(--ht-secondary)!important}.cv2-form-grid input,.cv2-form-grid select,.cv2-form-grid textarea{min-height:44px!important;padding:9px 10px!important;border-radius:6px!important;background:var(--ht-surface)!important;border-color:var(--ht-border)!important;color:var(--ht-text)!important}
  .cv2-inline-action{min-height:34px!important;margin-top:4px!important;padding:4px 0!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--ht-primary)!important;font-size:9px!important}
  .cv2-smart-module,.cv2-smart-acute,.cv2-parent-previsit,.cv2-quick-growth,.cv2-vaccine-quick,.cv2-milestone-quick,.cv2-payment-card,.cv2-visit-summary-card,.cv2-done-card{padding:10px!important;border:1px solid var(--ht-border)!important;border-radius:7px!important;background:var(--ht-elevated)!important;box-shadow:none!important}
  .cv2-smart-module-head{gap:6px!important}.cv2-smart-module-head strong{font-size:11px!important}.cv2-smart-module-head small{font-size:8.5px!important;color:var(--ht-muted)!important}
  .cv2-quick-growth-grid,.cv2-acute-vitals{grid-template-columns:1fr 1fr!important;gap:6px!important}.cv2-quick-growth-grid label,.cv2-acute-vitals label{font-size:9px!important}.cv2-quick-growth-grid input,.cv2-acute-vitals input{min-height:44px!important;font-size:16px!important}

  /* Back / Next stays visible but reads like a clinical workflow bar. */
  .cv2-reason-driven-shell .cv2-reason-nav{
    position:sticky!important;bottom:72px!important;z-index:44!important;
    width:100%!important;max-width:none!important;margin:7px 0 0!important;padding:6px!important;
    display:grid!important;grid-template-columns:auto 1fr!important;gap:5px!important;
    border:1px solid var(--ht-border)!important;border-radius:8px!important;
    background:color-mix(in srgb,var(--ht-surface) 97%,transparent)!important;box-shadow:0 6px 18px rgba(15,23,42,.08)!important;backdrop-filter:blur(12px)!important
  }
  .cv2-reason-driven-shell .cv2-reason-nav>div{display:none!important}
  .cv2-reason-driven-shell .cv2-reason-nav>button:last-child,.cv2-flow-ready{grid-column:2!important}
  .cv2-reason-driven-shell .cv2-reason-nav .btn{min-height:38px!important;padding:7px 9px!important;border-radius:5px!important;font-size:9.5px!important;line-height:14px!important}
  .cv2-flow-ready{min-height:38px!important;padding:7px 9px!important;border-radius:5px!important;background:var(--ht-success-tint)!important;color:var(--ht-success)!important;font-size:9.5px!important}

  .cv2-reason-driven-shell .cv2-actionbar{
    position:static!important;width:100%!important;max-width:none!important;margin:7px 0 0!important;padding:6px!important;
    display:flex!important;flex-direction:column!important;gap:5px!important;
    border:1px solid var(--ht-border)!important;border-radius:8px!important;background:var(--ht-surface)!important;box-shadow:none!important;transform:none!important
  }
  .cv2-reason-driven-shell .cv2-actionbar-secondary,.cv2-reason-driven-shell .cv2-actionbar-main{width:100%!important;display:flex!important;gap:5px!important;margin:0!important}.cv2-reason-driven-shell .cv2-actionbar .btn{min-height:38px!important;padding:7px 9px!important;border-radius:5px!important;font-size:9px!important;flex:1 1 auto!important}

  /* Context tools become a compact bottom sheet, preserving exact visit position. */
  .cv2-mobile-tools-trigger{
    position:sticky!important;bottom:120px!important;z-index:43!important;width:100%!important;min-height:38px!important;margin:7px 0 0!important;padding:0 10px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;
    border:1px solid var(--ht-border)!important;border-radius:7px!important;background:var(--ht-surface)!important;color:var(--ht-primary)!important;box-shadow:none!important;font-size:9.5px!important;font-weight:600!important
  }
  .cv2-mobile-tools-trigger b{width:21px!important;height:21px!important;display:grid!important;place-items:center!important;border-radius:5px!important;background:var(--ht-primary-tint)!important;color:var(--ht-primary)!important;font-size:11px!important}
  .cv2-context-rail{
    position:fixed!important;left:0!important;right:0!important;top:auto!important;bottom:0!important;z-index:220!important;
    width:100%!important;max-height:min(76vh,680px)!important;padding:9px 10px calc(12px + env(safe-area-inset-bottom))!important;
    display:grid!important;grid-template-columns:1fr!important;gap:4px!important;overflow:auto!important;
    border:1px solid var(--ht-border)!important;border-bottom:0!important;border-radius:10px 10px 0 0!important;
    background:var(--ht-surface)!important;box-shadow:0 -18px 44px rgba(15,23,42,.18)!important;
    transform:translateY(105%)!important;opacity:0!important;pointer-events:none!important;transition:transform .18s ease,opacity .16s ease!important
  }
  body.cv2-mobile-tools-open .cv2-context-rail{transform:translateY(0)!important;opacity:1!important;pointer-events:auto!important}
  .cv2-context-rail::before{content:""!important;display:block!important;width:34px!important;height:3px!important;margin:0 auto 3px!important;border-radius:999px!important;background:var(--ht-border)!important}
  .cv2-rail-head{position:relative!important;display:block!important;padding:2px 38px 6px 2px!important;border:0!important}.cv2-rail-head span{font-size:8px!important;color:var(--ht-muted)!important}.cv2-rail-head strong{font-size:15px!important;line-height:20px!important;color:var(--ht-text)!important}
  .cv2-mobile-tools-close{position:absolute!important;right:0!important;top:0!important;width:32px!important;height:32px!important;border:1px solid var(--ht-border)!important;border-radius:6px!important;background:var(--ht-elevated)!important;color:var(--ht-secondary)!important;font-size:18px!important;display:grid!important;place-items:center!important}
  .cv2-rail-tool{
    width:100%!important;min-width:0!important;height:auto!important;min-height:50px!important;padding:7px 9px!important;
    display:grid!important;grid-template-columns:32px minmax(0,1fr)!important;gap:8px!important;align-items:center!important;justify-items:start!important;
    border:1px solid transparent!important;border-radius:6px!important;background:transparent!important;color:var(--ht-text)!important;box-shadow:none!important;text-align:left!important
  }
  .cv2-rail-tool:hover,.cv2-rail-tool:active{background:var(--ht-elevated)!important;border-color:var(--ht-border)!important}
  .cv2-rail-tool>span{width:32px!important;height:32px!important;display:grid!important;place-items:center!important;border-radius:6px!important;background:var(--ht-primary-tint)!important;color:var(--ht-primary)!important;font-size:13px!important;filter:none!important}
  .cv2-rail-tool>div,.cv2-rail-tool>b{display:block!important;min-width:0!important}.cv2-rail-tool strong{display:block!important;font-size:10.5px!important;line-height:15px!important;color:var(--ht-text)!important}.cv2-rail-tool small{display:block!important;margin-top:1px!important;font-size:8px!important;line-height:12px!important;color:var(--ht-muted)!important}
  .cv2-rail-patient{width:100%!important;height:38px!important;padding:0 9px!important;border:1px solid var(--ht-border)!important;border-radius:6px!important;background:var(--ht-elevated)!important;color:var(--ht-secondary)!important;font-size:9px!important}.cv2-rail-patient::before{content:""!important}
  .cv2-mobile-tools-scrim{position:fixed!important;inset:0!important;z-index:210!important;background:rgba(15,23,42,.30)!important;backdrop-filter:blur(2px)!important;-webkit-backdrop-filter:blur(2px)!important;display:none!important}body.cv2-mobile-tools-open .cv2-mobile-tools-scrim{display:block!important}

  .cv2-tabula-rasa{margin:6px 0 0!important;padding:14px 10px!important;border:1px solid var(--ht-border)!important;border-radius:8px!important;background:var(--ht-surface)!important;box-shadow:none!important}.cv2-tabula-copy{margin-bottom:11px!important;text-align:left!important}.cv2-tabula-copy>span{font-size:8px!important;color:var(--ht-muted)!important}.cv2-tabula-copy h2{font-size:18px!important;line-height:24px!important}.cv2-tabula-copy p{font-size:9.5px!important;line-height:14px!important;color:var(--ht-secondary)!important}.cv2-tabula-rasa .cv2-type-chips{grid-template-columns:1fr!important;gap:5px!important}.cv2-tabula-rasa .cv2-type-chip{min-height:50px!important;padding:7px 9px!important;display:grid!important;grid-template-columns:30px minmax(0,1fr) auto!important;gap:7px!important;border:1px solid var(--ht-border)!important;border-radius:6px!important;background:var(--ht-surface)!important;box-shadow:none!important;text-align:left!important}.cv2-tabula-rasa .cv2-type-chip span{font-size:14px!important}.cv2-tabula-rasa .cv2-type-chip strong{font-size:10.5px!important}

  /* Drawers / Medication: compact bottom sheet, same semantic system. */
  .cv2-drawer-backdrop{z-index:230!important;background:rgba(15,23,42,.28)!important;backdrop-filter:blur(2px)!important}
  .cv2-drawer-panel,.cv2-drawer-panel.medication{
    width:100vw!important;max-width:none!important;height:min(90vh,780px)!important;top:auto!important;bottom:0!important;
    border:1px solid var(--ht-border)!important;border-bottom:0!important;border-radius:10px 10px 0 0!important;background:var(--ht-surface)!important;color:var(--ht-text)!important;box-shadow:0 -18px 48px rgba(15,23,42,.22)!important
  }
  .cv2-drawer-panel>header{padding:11px 12px!important;border-bottom:1px solid var(--ht-border)!important;background:var(--ht-surface)!important}.cv2-drawer-panel>header h2{font-size:16px!important;line-height:22px!important}.cv2-drawer-panel>header p{font-size:9px!important;line-height:13px!important;color:var(--ht-secondary)!important}.cv2-drawer-panel>header button{width:32px!important;height:32px!important;border-radius:6px!important}
  .cv2-drawer-body{padding:9px!important;background:var(--ht-surface)!important}
  .cv2-medication-module{padding:9px!important;border:1px solid var(--ht-border)!important;border-radius:7px!important;background:var(--ht-surface)!important}.cv2-med-input-panel,.cv2-med-output-panel{padding:9px!important;border:1px solid var(--ht-border)!important;border-radius:7px!important;background:var(--ht-surface)!important;box-shadow:none!important}
  .cv2-med-grid,.cv2-med-weight,.cv2-med-result,.cv2-med-actions{grid-template-columns:1fr!important;gap:7px!important}.cv2-med-field label,.cv2-med-grid label{font-size:9px!important}.cv2-med-grid input,.cv2-med-grid select,.cv2-med-weight input{min-height:44px!important;font-size:16px!important;border-radius:6px!important}.cv2-med-result{border-radius:6px!important;background:var(--ht-elevated)!important}.cv2-med-result strong{font-size:12px!important}.cv2-med-result small{font-size:8.5px!important}
  .cv2-med-allergy-alert{border-radius:7px!important}.cv2-med-confirmed-item{border-radius:6px!important}

  /* Tool pages */
  .cv2-tool-page,.cv2-vaccine-page{padding-bottom:80px!important}.cv2-tool-button{border-radius:7px!important}.cv2-tool-icon{border-radius:5px!important}.cv2-milestone-row{border-radius:7px!important}.cv2-certificate-page .certificate-form-intro,.cv2-cert-editor-wrap,.cv2-cert-toolbar,.cv2-cert-editor{border-radius:7px!important}

  /* -------------------------------------------------------------------
     DARK MOBILE NORMALIZATION
     ------------------------------------------------------------------- */
  html.dark .clinic-header,html.dark .clinic-bottom-nav,html.dark .premium-home-card,
  html.dark .patient-result-card,html.dark .calendar-timeline,html.dark .cv2-reason-workspace,
  html.dark .cv2-mobile-tools-trigger,html.dark .cv2-context-rail,html.dark .cv2-drawer-panel,
  html.dark .clinic-patient-module-grid button,html.dark .more-grid button{
    background:var(--ht-surface)!important;color:var(--ht-text)!important;border-color:var(--ht-border)!important
  }
  html.dark .patient-directory-search-panel,html.dark .cv2-sticky-patient,html.dark .cv2-focus-radar{
    background:color-mix(in srgb,var(--ht-surface) 97%,transparent)!important
  }
}

@media (max-width:390px){
  .site-brand-name{font-size:13px!important}.site-brand-sub{font-size:7px!important}
  .clinic-nav-label{font-size:7.8px!important}
  .premium-home-hero-actions{grid-template-columns:1fr!important}
  .patient-directory-total{display:none!important}
  .patient-directory-head-actions{gap:4px!important}
  .patient-new-btn{padding:7px!important}
  .clinic-patient-module-grid{grid-template-columns:1fr!important}
  .cv2-reason-stepper{grid-auto-columns:minmax(82px,1fr)!important}
  .cv2-reason-flow-head{grid-template-columns:1fr!important}.cv2-change-reason{justify-self:start!important}
}

/* V2.8.1 print guard: mobile responsive rules must never re-enable app chrome. */
@media print{
  .clinic-header,.clinic-bottom-nav,#uiThemeToggle,.cv2-mobile-tools-trigger,.cv2-mobile-tools-scrim{display:none!important}
  #main.container{margin:0!important;width:100%!important;max-width:none!important;padding:0!important;background:#fff!important}
}