/* RXOPD compact mobile workflow patch.
   Scope: OPD owner desk, authenticated/public drawers, public home/search, bottom navigation. */

/* ---------- OPD owner desk ---------- */
body.rx-role-shell .rxopd-owner-home{
  --rx17-gap:10px;
  display:grid!important;
  gap:var(--rx17-gap)!important;
}
body.rx-role-shell .rxopd-owner-home > *{margin:0!important;min-width:0!important}
body.rx-role-shell .rxopd-owner-header-compact{
  display:grid!important;
  gap:8px!important;
  padding:14px 16px!important;
  min-height:0!important;
  border-radius:20px!important;
}
body.rx-role-shell .rxopd-owner-header-line{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  min-width:0!important;
}
body.rx-role-shell .rxopd-owner-header-main{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  flex:1 1 auto!important;
}
body.rx-role-shell .rxopd-owner-location-name{
  display:block!important;
  min-width:0!important;
  max-width:45%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:11px!important;
  line-height:1.1!important;
  font-weight:900!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
}
body.rx-role-shell .rxopd-owner-header-main>div{min-width:0!important}
body.rx-role-shell .rxopd-owner-header-main h1{
  margin:0!important;
  font-size:20px!important;
  line-height:1.05!important;
}
body.rx-role-shell .rxopd-owner-header-main p{
  margin:3px 0 0!important;
  font-size:10.5px!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.rx-role-shell .rxopd-live-pill{
  flex:0 0 auto!important;
  padding:7px 9px!important;
  min-height:0!important;
  border-radius:999px!important;
  font-size:9px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
body.rx-role-shell .rxopd-header-doctors{
  display:flex!important;
  gap:6px!important;
  overflow-x:auto!important;
  scrollbar-width:none!important;
  padding:1px 0!important;
  -webkit-overflow-scrolling:touch!important;
}
body.rx-role-shell .rxopd-header-doctors::-webkit-scrollbar{display:none!important}
body.rx-role-shell .rxopd-header-doctors a{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  min-height:30px!important;
  padding:4px 8px 4px 5px!important;
  border:1px solid rgba(255,255,255,.28)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.11)!important;
  color:#fff!important;
  text-decoration:none!important;
  box-shadow:none!important;
}
body.rx-role-shell .rxopd-header-doctors a>span{
  width:21px!important;height:21px!important;display:grid!important;place-items:center!important;
  border-radius:50%!important;background:rgba(255,255,255,.92)!important;color:#0d3b78!important;
  font-size:10px!important;font-weight:900!important;
}
body.rx-role-shell .rxopd-header-doctors a strong{font-size:10px!important;line-height:1!important;white-space:nowrap!important}
body.rx-role-shell .rxopd-header-doctors a.active{
  background:#fff!important;color:#0b5b46!important;border-color:#fff!important;
}
body.rx-role-shell .rxopd-header-doctors-empty{font-size:10px!important;color:rgba(255,255,255,.85)!important}

body.rx-role-shell .rxopd-owner-primary-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}
body.rx-role-shell .rxopd-owner-primary-actions>a,
body.rx-role-shell .rxopd-owner-primary-actions>button{
  min-width:0!important;
  min-height:62px!important;
  padding:9px 10px!important;
  border-radius:16px!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
}
body.rx-role-shell .rxopd-owner-primary-actions>*>span{
  flex:0 0 32px!important;width:32px!important;height:32px!important;font-size:18px!important;
}
body.rx-role-shell .rxopd-owner-primary-actions>*>div{min-width:0!important}
body.rx-role-shell .rxopd-owner-primary-actions strong{font-size:12px!important;line-height:1.05!important}
body.rx-role-shell .rxopd-owner-primary-actions small{
  margin-top:3px!important;font-size:8.5px!important;line-height:1.15!important;
  display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;
}

body.rx-role-shell .rxopd-compact-sitting-selector{
  padding:11px!important;
  border-radius:17px!important;
}
body.rx-role-shell .rxopd-compact-sitting-selector .rxopd-section-heading{
  margin-bottom:8px!important;
  align-items:center!important;
}
body.rx-role-shell .rxopd-compact-sitting-selector .rxopd-section-heading span{font-size:8.5px!important}
body.rx-role-shell .rxopd-compact-sitting-selector .rxopd-section-heading h2{font-size:14px!important;line-height:1.1!important}
body.rx-role-shell .rxopd-doctor-heading-actions{gap:5px!important}
body.rx-role-shell .rxopd-doctor-heading-actions label{gap:3px!important}
body.rx-role-shell .rxopd-doctor-heading-actions label span{display:none!important}
body.rx-role-shell .rxopd-doctor-heading-actions input[type=date]{height:34px!important;min-height:34px!important;padding:4px 6px!important;font-size:10px!important;border-radius:10px!important}
body.rx-role-shell .rxopd-doctor-heading-actions>a{min-height:34px!important;padding:7px 9px!important;font-size:9.5px!important;border-radius:10px!important}
body.rx-role-shell .rxopd-session-date-list{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:7px!important;
  overflow:visible!important;
}
body.rx-role-shell .rxopd-session-date-list>a{
  min-width:0!important;
  min-height:78px!important;
  padding:7px 5px!important;
  border-radius:13px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
  text-align:center!important;
}
body.rx-role-shell .rxopd-session-date-list>a>b{font-size:9px!important;line-height:1!important;text-transform:uppercase!important}
body.rx-role-shell .rxopd-session-date-list>a>strong{font-size:12px!important;line-height:1!important}
body.rx-role-shell .rxopd-session-date-list>a>span{font-size:8.5px!important;line-height:1.05!important;white-space:nowrap!important}
body.rx-role-shell .rxopd-session-date-list>a>small{font-size:7.5px!important;line-height:1.05!important;white-space:nowrap!important}

body.rx-role-shell .rxopd-owner-metrics{
  display:grid!important;
  grid-template-columns:repeat(8,minmax(0,1fr))!important;
  gap:6px!important;
}
body.rx-role-shell .rxopd-owner-metrics article{min-height:60px!important;padding:7px 4px!important;border-radius:13px!important}
body.rx-role-shell .rxopd-owner-metrics strong{font-size:17px!important;line-height:1!important}
body.rx-role-shell .rxopd-owner-metrics span{font-size:8px!important;line-height:1.05!important}

body.rx-role-shell .rxopd-section-card{padding:12px!important;border-radius:17px!important}
body.rx-role-shell .rxopd-section-heading{gap:7px!important}
body.rx-role-shell .rxopd-section-heading>div>span{font-size:8px!important}
body.rx-role-shell .rxopd-section-heading h2{font-size:14px!important;line-height:1.1!important}
body.rx-role-shell .rxopd-section-heading>a,
body.rx-role-shell .rxopd-section-heading>button{min-height:32px!important;padding:6px 9px!important;font-size:9.5px!important;border-radius:10px!important}
body.rx-role-shell .rxopd-book-next-glow{
  margin:8px 0!important;
  min-height:72px!important;
  padding:9px 10px!important;
  border-radius:15px!important;
  gap:8px!important;
}
body.rx-role-shell .rxopd-book-next-icon{width:34px!important;height:34px!important;font-size:20px!important}
body.rx-role-shell .rxopd-book-next-copy small,
body.rx-role-shell .rxopd-book-next-token small{font-size:7.5px!important}
body.rx-role-shell .rxopd-book-next-copy strong{font-size:12px!important}
body.rx-role-shell .rxopd-book-next-copy b{font-size:9px!important}
body.rx-role-shell .rxopd-book-next-token strong{font-size:17px!important}
body.rx-role-shell .rxopd-book-next-token b{font-size:8px!important}
body.rx-role-shell .rxopd-token-legend{gap:4px!important;margin:7px 0!important}
body.rx-role-shell .rxopd-token-legend span{padding:4px 6px!important;font-size:7.5px!important;border-radius:999px!important}
body.rx-role-shell .rxopd-numbered-token-grid{gap:5px!important}
body.rx-role-shell .rxopd-numbered-token-grid>span{min-height:40px!important;border-radius:10px!important;padding:4px!important}
body.rx-role-shell .rxopd-numbered-token-grid>span>b{font-size:12px!important}
body.rx-role-shell .rxopd-numbered-token-grid>span>small{font-size:7px!important}

body.rx-role-shell .rxopd-online-window-card{padding:10px 12px!important}
body.rx-role-shell .rxopd-online-window-card p{font-size:9.5px!important;line-height:1.3!important;margin:6px 0!important}
body.rx-role-shell .rxopd-online-window-badge{font-size:8px!important;padding:5px 7px!important}
body.rx-role-shell .rxopd-online-window-action label{font-size:9px!important}
body.rx-role-shell .rxopd-online-window-action input{min-height:34px!important;padding:6px 8px!important;font-size:10px!important}
body.rx-role-shell .rxopd-online-window-action button{min-height:34px!important;padding:7px 9px!important;font-size:9.5px!important}

body.rx-role-shell .rxopd-queue-cards{gap:6px!important}
body.rx-role-shell .rxopd-queue-cards article{min-height:52px!important;padding:7px!important;border-radius:12px!important;gap:6px!important}
body.rx-role-shell .rxopd-queue-token{width:34px!important;height:34px!important;font-size:11px!important}
body.rx-role-shell .rxopd-queue-cards strong{font-size:10px!important}
body.rx-role-shell .rxopd-queue-cards small{font-size:8px!important}
body.rx-role-shell .rxopd-owner-tools{gap:7px!important}
body.rx-role-shell .rxopd-owner-tools>a{min-height:54px!important;padding:8px!important;border-radius:13px!important}
body.rx-role-shell .rxopd-owner-tools span{font-size:17px!important}
body.rx-role-shell .rxopd-owner-tools strong{font-size:9px!important}
body.rx-role-shell .rxopd-advanced-panel{border-radius:14px!important}
body.rx-role-shell .rxopd-advanced-panel>summary{min-height:38px!important;padding:8px 10px!important;font-size:10px!important}

/* Modal compactness */
body.rx-role-shell .rxopd-booking-dialog{width:min(560px,calc(100vw - 18px))!important;max-height:calc(100dvh - 24px)!important;border-radius:18px!important;padding:14px!important}
body.rx-role-shell .rxopd-booking-dialog-head h2{font-size:18px!important}
body.rx-role-shell .rxopd-booking-dialog-head p{font-size:9.5px!important}
body.rx-role-shell .rxopd-booking-next-token{padding:7px 9px!important;border-radius:12px!important}
body.rx-role-shell .rxopd-booking-next-token small{font-size:7.5px!important}
body.rx-role-shell .rxopd-booking-next-token strong{font-size:18px!important}
body.rx-role-shell .rxopd-booking-date-flash{padding:8px 10px!important;margin:8px 0!important;border-radius:12px!important}
body.rx-role-shell .rxopd-booking-date-flash small{font-size:7.5px!important}
body.rx-role-shell .rxopd-booking-date-flash strong{font-size:15px!important}
body.rx-role-shell .rxopd-booking-date-flash span{font-size:8px!important}
body.rx-role-shell .rxopd-popup-booking-form{gap:8px!important}
body.rx-role-shell .rxopd-popup-booking-form label>span{font-size:9px!important}
body.rx-role-shell .rxopd-popup-booking-form input,
body.rx-role-shell .rxopd-popup-booking-form select{min-height:38px!important;padding:7px 9px!important;font-size:11px!important;border-radius:10px!important}
body.rx-role-shell .rxopd-popup-actions button{min-height:40px!important;padding:7px 10px!important;font-size:10px!important}

/* ---------- Authenticated drawer + bottom navigation ---------- */
@media(max-width:860px){
  body.rx-role-shell .rx-role-sidebar{
    top:68px!important;
    bottom:auto!important;
    left:7px!important;
    width:min(58vw,250px)!important;
    max-width:min(58vw,250px)!important;
    height:calc(100dvh - 76px)!important;
    border-radius:0 20px 20px 0!important;
    padding:10px!important;
    overflow:hidden!important;
    z-index:1095!important;
  }
  body.rx-role-shell .rx-role-brand-row{min-height:42px!important;padding:4px 2px 8px!important}
  body.rx-role-shell .rx-role-brand img{height:27px!important;max-height:27px!important}
  body.rx-role-shell .rx-role-brand span{font-size:10px!important}
  body.rx-role-shell .rx-role-brand-row>button{display:grid!important;width:30px!important;height:30px!important;font-size:20px!important;border-radius:9px!important}
  body.rx-role-shell .rx-role-user-card{padding:8px!important;margin:0 0 8px!important;border-radius:12px!important}
  body.rx-role-shell .rx-role-user-card small{font-size:7px!important}
  body.rx-role-shell .rx-role-user-card strong{font-size:11px!important}
  body.rx-role-shell .rx-role-user-card span{font-size:7.5px!important;line-height:1.15!important}
  body.rx-role-shell .rx-role-navigation{height:calc(100% - 130px)!important;overflow-y:auto!important;padding-right:2px!important}
  body.rx-role-shell .rx-role-nav-group{gap:4px!important;margin-bottom:8px!important}
  body.rx-role-shell .rx-role-nav-group h2{font-size:7px!important;margin:0 0 3px!important}
  body.rx-role-shell .rx-role-nav-group a{min-height:38px!important;padding:5px 7px!important;border-radius:11px!important;gap:7px!important}
  body.rx-role-shell .rx-role-nav-group a .rx-nav-icon{width:26px!important;height:26px!important;flex:0 0 26px!important}
  body.rx-role-shell .rx-role-nav-group a .rx-nav-icon svg{width:16px!important;height:16px!important}
  body.rx-role-shell .rx-role-nav-group a strong{font-size:9.5px!important;line-height:1.1!important}
  body.rx-role-shell .rx-role-logout{position:absolute!important;left:10px!important;right:10px!important;bottom:10px!important;margin:0!important}
  body.rx-role-shell .rx-role-logout button{min-height:38px!important;border-radius:11px!important;font-size:10px!important}
  body.rx-role-shell .rx-role-backdrop{z-index:1090!important;top:64px!important}
}
@media(max-width:600px){
  body.rx-role-shell{--rx-role-bottom-nav-height:64px!important}
  body.rx-role-shell .rx-role-bottom-nav{
    min-height:64px!important;
    height:64px!important;
    padding:3px max(3px,env(safe-area-inset-right)) max(3px,env(safe-area-inset-bottom)) max(3px,env(safe-area-inset-left))!important;
    overflow:visible!important;
    z-index:1300!important;
  }
  body.rx-role-shell .rx-role-bottom-nav>a,
  body.rx-role-shell .rx-role-bottom-nav>button{min-height:56px!important;padding:4px 2px!important;gap:2px!important;color:#173d6c!important}
  body.rx-role-shell .rx-role-bottom-nav .rx-bottom-icon{display:grid!important;place-items:center!important;width:25px!important;height:25px!important;min-width:25px!important}
  body.rx-role-shell .rx-role-bottom-nav .rx-bottom-icon svg{display:block!important;width:21px!important;height:21px!important;stroke-width:1.8!important}
  body.rx-role-shell .rx-role-bottom-nav strong{display:block!important;font-size:8px!important;line-height:1!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important}
  body.rx-role-shell .rx-role-bottom-nav>a.active{color:#0c9b72!important}
  body.rx-role-shell .rx-role-main{padding-bottom:82px!important}
}

/* ---------- Public drawer ---------- */
@media(max-width:860px){
  body.rx-standard-shell .rx-public-drawer{
    top:70px!important;
    right:7px!important;
    width:min(56vw,250px)!important;
    min-width:190px!important;
    max-width:250px!important;
    height:calc(100dvh - 78px)!important;
    padding:10px!important;
    border-radius:20px 0 0 20px!important;
    z-index:1250!important;
    overflow-y:auto!important;
  }
  body.rx-standard-shell .rx-public-menu-backdrop{top:64px!important;z-index:1240!important}
  body.rx-standard-shell .rx-public-drawer-close-top,
  body.rx-standard-shell .rx-public-drawer-head>button[data-public-menu-close]{
    display:grid!important;place-items:center!important;width:30px!important;height:30px!important;border-radius:9px!important;
    font-size:20px!important;line-height:1!important;
  }
  body.rx-standard-shell .rx-public-drawer-head{min-height:40px!important;margin:0 0 8px!important;padding-right:34px!important}
  body.rx-standard-shell .rx-public-drawer-head img{height:28px!important;max-height:28px!important}
  body.rx-standard-shell .rx-public-drawer-nav{gap:5px!important}
  body.rx-standard-shell .rx-public-drawer-nav a,
  body.rx-standard-shell .rx-public-drawer-form button{min-height:38px!important;padding:7px 9px!important;border-radius:11px!important;font-size:10px!important}
}

/* ---------- Public home ---------- */
body.rx-standard-shell .rxhome-location-search-compact{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(130px,.42fr)!important;
  gap:8px!important;
  align-items:stretch!important;
}
body.rx-standard-shell .rxhome-location-entry{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  gap:0!important;
  align-items:stretch!important;
  border:1px solid #d5e3f2!important;
  border-radius:14px!important;
  background:#fff!important;
  overflow:hidden!important;
}
body.rx-standard-shell .rxhome-location-entry .rxhome-location-detect{
  width:38px!important;min-width:38px!important;height:42px!important;min-height:42px!important;
  padding:0!important;border:0!important;border-right:1px solid #dbe7f3!important;border-radius:0!important;
  font-size:16px!important;
}
body.rx-standard-shell .rxhome-location-entry .rxhome-field{border:0!important;border-radius:0!important;background:transparent!important}
body.rx-standard-shell .rxhome-location-entry input{height:42px!important;min-height:42px!important;padding:7px 9px!important;font-size:11px!important}
body.rx-standard-shell .rxhome-location-search-compact .rxhome-field-select select{height:42px!important;min-height:42px!important;font-size:10px!important;padding:6px 8px!important}
body.rx-standard-shell .rxhome-location-search-compact>.rxhome-btn{
  grid-column:1/-1!important;
  width:100%!important;
  min-height:38px!important;
  height:38px!important;
  font-size:11px!important;
  border-radius:12px!important;
}
body.rx-standard-shell .rxhome-actions a{min-height:58px!important;padding:6px 3px!important;border-radius:10px!important;gap:3px!important}
body.rx-standard-shell .rxhome-actions a span{font-size:17px!important}
body.rx-standard-shell .rxhome-actions a b{font-size:10px!important;line-height:1.05!important}
body.rx-standard-shell .rx20-home-footer{display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;text-align:center!important}
body.rx-standard-shell .rx20-home-footer>a{margin:0!important;background:#1d6fe8!important;color:#fff!important;border-radius:999px!important;padding:8px 16px!important}
body.rx-standard-shell .rx20-home-list{padding-bottom:0!important;margin-bottom:0!important}
body.rx-standard-shell .rx20-home-block{margin-bottom:18px!important;padding-bottom:12px!important}

@media(max-width:600px){
  body.rx-standard-shell .rxhome{padding-bottom:72px!important}
  body.rx-standard-shell .rxhome-shell{padding:14px 12px!important;border-radius:16px!important}
  body.rx-standard-shell .rxhome-hero-copy h1{font-size:23px!important;line-height:1.02!important;margin-bottom:5px!important}
  body.rx-standard-shell .rxhome-hero-copy p{font-size:11px!important;margin:0 0 4px!important}
  body.rx-standard-shell .rxhome-hero-copy>small{font-size:8.5px!important;line-height:1.2!important}
  body.rx-standard-shell .rxhome-location-search-compact{grid-template-columns:1fr!important;gap:6px!important;margin-top:10px!important}
  body.rx-standard-shell .rxhome-location-search-compact>.rxhome-field-select{grid-column:1!important}
  body.rx-standard-shell .rxhome-location-entry{grid-column:1!important}
  body.rx-standard-shell .rxhome-stat-strip{gap:4px!important;margin-top:8px!important}
  body.rx-standard-shell .rxhome-stat-strip span{padding:5px 3px!important;border-radius:9px!important}
  body.rx-standard-shell .rxhome-stat-strip b{font-size:9px!important}
  body.rx-standard-shell .rxhome-stat-strip em{font-size:7px!important}
  body.rx-standard-shell .rxhome-section{margin-top:8px!important;padding:9px!important;border-radius:14px!important}
  body.rx-standard-shell .rxhome-section h2{font-size:14px!important}
  body.rx-standard-shell .rxhome-actions{gap:5px!important}
  body.rx-standard-shell .rxhome-actions a{min-height:55px!important}
  body.rx-standard-shell .rxhome-actions a span{font-size:16px!important}
  body.rx-standard-shell .rxhome-actions a b{font-size:9px!important}
  body.rx-standard-shell .rxhome-pills{gap:4px!important}
  body.rx-standard-shell .rxhome-pills button{min-height:28px!important;padding:5px 8px!important;font-size:8px!important}
  body.rx-standard-shell .rxhome-near-grid{gap:6px!important}
  body.rx-standard-shell .rxhome-near-card,
  body.rx-standard-shell .rxhome-map-card{min-height:128px!important;padding:7px!important;border-radius:12px!important}
  body.rx-standard-shell .rxhome-near-card small{font-size:7px!important}
  body.rx-standard-shell .rxhome-near-card strong{font-size:10px!important}
  body.rx-standard-shell .rxhome-near-card em{font-size:7px!important}
  body.rx-standard-shell .rx20-mini-card{min-height:0!important;border-radius:13px!important}
  body.rx-standard-shell .rx20-mini-title>a{font-size:12px!important}
  body.rx-standard-shell .rx20-mini-meta{font-size:8px!important}
  body.rx-standard-shell .rx20-mini-body>p,
  body.rx-standard-shell .rx20-mini-body>small{font-size:8px!important;line-height:1.2!important}
  body.rx-standard-shell .rx20-mini-actions a{min-height:30px!important;padding:5px 8px!important;font-size:8.5px!important}
  body.rx-standard-shell .rx20-home-footer{padding:8px 0 0!important}
  body.rx-standard-shell .rx20-home-footer span{font-size:9px!important}
  body.rx-standard-shell .rx20-home-footer>a{font-size:9px!important;padding:7px 13px!important}
}

@media(max-width:600px){
  body.rx-role-shell .rxopd-session-date-list{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  body.rx-role-shell .rxopd-owner-metrics{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  body.rx-role-shell .rxopd-owner-header-compact{padding:11px!important}
  body.rx-role-shell .rxopd-owner-location-name{max-width:42%!important;font-size:9px!important}
  body.rx-role-shell .rxopd-owner-header-main h1{font-size:17px!important}
  body.rx-role-shell .rxopd-owner-header-main p{font-size:8.5px!important}
  body.rx-role-shell .rxopd-owner-primary-actions>a,
  body.rx-role-shell .rxopd-owner-primary-actions>button{min-height:58px!important;padding:8px!important}
  body.rx-role-shell .rxopd-owner-primary-actions strong{font-size:10.5px!important}
  body.rx-role-shell .rxopd-owner-primary-actions small{font-size:7.5px!important}
  body.rx-role-shell .rxopd-numbered-token-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}
  body.rx-role-shell .rxopd-owner-tools{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:380px){
  body.rx-role-shell .rx-role-sidebar{width:62vw!important;max-width:230px!important}
  body.rx-standard-shell .rx-public-drawer{width:62vw!important;max-width:230px!important}
  body.rx-role-shell .rxopd-session-date-list{gap:5px!important}
  body.rx-role-shell .rxopd-session-date-list>a{min-height:72px!important;padding:6px 3px!important}
  body.rx-role-shell .rxopd-owner-primary-actions small{display:none!important}
  body.rx-role-shell .rxopd-owner-primary-actions>a,
  body.rx-role-shell .rxopd-owner-primary-actions>button{min-height:50px!important}
}


/* ---------- doctor-first OPD dashboard ---------- */
body.rx-role-shell .rxopd-doctor-picker-card{
  padding:10px!important;
  border:1px solid #dce8f4!important;
  border-radius:17px!important;
  background:#fff!important;
  box-shadow:0 8px 20px rgba(16,55,96,.07)!important;
}
body.rx-role-shell .rxopd-doctor-picker-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  margin-bottom:8px!important;
}
body.rx-role-shell .rxopd-doctor-picker-head>div:first-child{min-width:0!important}
body.rx-role-shell .rxopd-doctor-picker-head span{
  display:block!important;
  color:#15956b!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  line-height:1!important;
  text-transform:uppercase!important;
}
body.rx-role-shell .rxopd-doctor-picker-head h2{
  margin:3px 0 0!important;
  color:#123b6a!important;
  font-size:14px!important;
  line-height:1!important;
}
body.rx-role-shell .rxopd-doctor-picker-actions{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
}
body.rx-role-shell .rxopd-doctor-picker-actions form,
body.rx-role-shell .rxopd-doctor-picker-actions label{margin:0!important}
body.rx-role-shell .rxopd-doctor-picker-actions label>span{display:none!important}
body.rx-role-shell .rxopd-doctor-picker-actions input[type=date]{
  width:116px!important;
  min-height:32px!important;
  height:32px!important;
  padding:4px 6px!important;
  border:1px solid #d9e6f2!important;
  border-radius:9px!important;
  background:#f8fbff!important;
  font-size:9px!important;
}
body.rx-role-shell .rxopd-doctor-picker-actions>a{
  display:grid!important;
  place-items:center!important;
  min-height:32px!important;
  padding:6px 8px!important;
  border-radius:9px!important;
  background:#eef6ff!important;
  color:#14599b!important;
  font-size:9px!important;
  font-weight:800!important;
  text-decoration:none!important;
}
body.rx-role-shell .rxopd-doctor-card-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:6px!important;
}
body.rx-role-shell .rxopd-doctor-card-grid>a{
  min-width:0!important;
  min-height:76px!important;
  padding:7px 4px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  overflow:hidden!important;
  border:1px solid #d9e7f3!important;
  border-radius:13px!important;
  background:#f8fbff!important;
  color:#183f6c!important;
  text-align:center!important;
  text-decoration:none!important;
  box-shadow:none!important;
}
body.rx-role-shell .rxopd-doctor-card-grid>a.active{
  border-color:#16a775!important;
  background:linear-gradient(145deg,#e9fff6,#f6fffb)!important;
  box-shadow:0 0 0 2px rgba(22,167,117,.13)!important;
}
body.rx-role-shell .rxopd-doctor-card-avatar{
  width:25px!important;
  height:25px!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 25px!important;
  border-radius:50%!important;
  background:#e7f1ff!important;
  color:#14599b!important;
  font-size:10px!important;
  font-weight:900!important;
}
body.rx-role-shell .rxopd-doctor-card-grid>a.active .rxopd-doctor-card-avatar{
  background:#18a777!important;
  color:#fff!important;
}
body.rx-role-shell .rxopd-doctor-card-grid>a>strong{
  width:100%!important;
  min-height:20px!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  color:inherit!important;
  font-size:9px!important;
  font-weight:900!important;
  line-height:1.08!important;
}
body.rx-role-shell .rxopd-doctor-card-grid>a>small{
  width:100%!important;
  overflow:hidden!important;
  color:#6b7f94!important;
  font-size:7px!important;
  line-height:1!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body.rx-role-shell .rxopd-doctor-card-grid>a>b{
  width:100%!important;
  overflow:hidden!important;
  color:#17855f!important;
  font-size:7px!important;
  line-height:1!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body.rx-role-shell .rxopd-doctor-card-empty{
  grid-column:1/-1!important;
  min-height:60px!important;
  padding:10px!important;
  display:grid!important;
  place-items:center!important;
  border:1px dashed #c7d9ea!important;
  border-radius:12px!important;
  color:#6b7f94!important;
  text-align:center!important;
}
body.rx-role-shell .rxopd-doctor-card-empty strong{font-size:10px!important;color:#234d78!important}
body.rx-role-shell .rxopd-doctor-card-empty span{font-size:8px!important;text-transform:none!important;letter-spacing:0!important}
body.rx-role-shell .rxopd-token-board{order:initial!important}
@media(max-width:430px){
  body.rx-role-shell .rxopd-doctor-picker-card{padding:8px!important}
  body.rx-role-shell .rxopd-doctor-picker-head{margin-bottom:6px!important}
  body.rx-role-shell .rxopd-doctor-picker-actions input[type=date]{width:104px!important}
  body.rx-role-shell .rxopd-doctor-card-grid{gap:5px!important}
  body.rx-role-shell .rxopd-doctor-card-grid>a{min-height:72px!important;padding:6px 3px!important;border-radius:11px!important}
  body.rx-role-shell .rxopd-doctor-card-grid>a>strong{font-size:8.5px!important}
}

/* ---------- restore doctor cards + drawer starts at header edge ---------- */
body.rx-role-shell .rxopd-doctor-card-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:7px!important;
}
body.rx-role-shell .rxopd-doctor-card-grid>a{
  position:relative!important;
  min-height:84px!important;
  padding:9px 5px 7px!important;
  border:1px solid #d5e5f4!important;
  border-radius:15px!important;
  background:linear-gradient(155deg,#ffffff 0%,#f3f8ff 100%)!important;
  box-shadow:0 5px 13px rgba(24,72,117,.09)!important;
  transform:translateZ(0)!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
body.rx-role-shell .rxopd-doctor-card-grid>a:active{
  transform:scale(.97)!important;
}
body.rx-role-shell .rxopd-doctor-card-grid>a.active{
  border-color:#0aa474!important;
  background:linear-gradient(145deg,#0a9f73 0%,#087bb8 100%)!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(8,127,144,.24)!important;
}
body.rx-role-shell .rxopd-doctor-card-selected{
  position:absolute!important;
  top:5px!important;
  right:6px!important;
  width:16px!important;
  height:16px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:#fff!important;
  color:#078c65!important;
  font-size:9px!important;
  font-weight:900!important;
  line-height:1!important;
  opacity:0!important;
}
body.rx-role-shell .rxopd-doctor-card-grid>a.active .rxopd-doctor-card-selected{opacity:1!important}
body.rx-role-shell .rxopd-doctor-card-avatar{
  width:29px!important;
  height:29px!important;
  flex-basis:29px!important;
  border:2px solid rgba(16,90,151,.08)!important;
  background:linear-gradient(145deg,#e4f1ff,#dffaf1)!important;
  color:#105a97!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.8)!important;
}
body.rx-role-shell .rxopd-doctor-card-grid>a.active .rxopd-doctor-card-avatar{
  border-color:rgba(255,255,255,.45)!important;
  background:rgba(255,255,255,.2)!important;
  color:#fff!important;
}
body.rx-role-shell .rxopd-doctor-card-grid>a>strong{
  min-height:22px!important;
  color:#143e6a!important;
  font-size:9.5px!important;
  line-height:1.12!important;
}
body.rx-role-shell .rxopd-doctor-card-grid>a.active>strong,
body.rx-role-shell .rxopd-doctor-card-grid>a.active>small,
body.rx-role-shell .rxopd-doctor-card-grid>a.active>b{color:#fff!important}
body.rx-role-shell .rxopd-doctor-card-grid>a>small{
  color:#6a8097!important;
  font-size:7.2px!important;
}
body.rx-role-shell .rxopd-doctor-card-grid>a>b{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  color:#177b5c!important;
  font-size:7.5px!important;
  font-style:normal!important;
}
body.rx-role-shell .rxopd-doctor-card-grid>a>b i{
  width:6px!important;
  height:6px!important;
  flex:0 0 6px!important;
  border-radius:50%!important;
  background:#98aabb!important;
}
body.rx-role-shell .rxopd-doctor-card-grid>a>b i.open{background:#17b873!important;box-shadow:0 0 0 3px rgba(23,184,115,.12)!important}
body.rx-role-shell .rxopd-doctor-card-grid>a>b i.closed{background:#df6872!important}
body.rx-role-shell .rxopd-doctor-card-grid>a.active>b i{background:#d9fff0!important;box-shadow:0 0 0 3px rgba(255,255,255,.15)!important}
body.rx-role-shell .rxopd-live-queue-final{margin-bottom:8px!important}

@media(max-width:860px){
  body.rx-role-shell .rx-role-sidebar{
    top:6px!important;
    left:6px!important;
    bottom:6px!important;
    height:auto!important;
    max-height:calc(100dvh - 12px)!important;
    border-radius:20px!important;
    z-index:1700!important;
    box-shadow:0 18px 48px rgba(4,27,61,.34)!important;
  }
  body.rx-role-shell .rx-role-backdrop{
    top:0!important;
    right:0!important;
    bottom:0!important;
    left:0!important;
    z-index:1690!important;
  }
  body.rx-role-shell .rx-role-brand-row{
    position:sticky!important;
    top:0!important;
    z-index:2!important;
    background:inherit!important;
  }
  body.rx-role-shell .rx-role-brand-row>button{
    display:grid!important;
    position:relative!important;
    z-index:3!important;
  }
}

@media(max-width:430px){
  body.rx-role-shell .rxopd-doctor-card-grid{gap:6px!important}
  body.rx-role-shell .rxopd-doctor-card-grid>a{
    min-height:80px!important;
    padding:8px 4px 6px!important;
    border-radius:13px!important;
  }
  body.rx-role-shell .rxopd-doctor-card-avatar{
    width:27px!important;
    height:27px!important;
    flex-basis:27px!important;
  }
  body.rx-role-shell .rxopd-doctor-card-grid>a>strong{font-size:9px!important}
}