.rental-modal .handoff-status.is-saved-confirmation{
  display:grid;
  gap:3px;
  margin:0;
  padding:11px 13px;
  border:1px solid rgba(40,162,40,.22);
  border-radius:14px;
  background:#f2faf3;
  color:#285d28;
  line-height:1.35;
}
.rental-modal .handoff-status.is-saved-confirmation strong{display:block;font-size:.92rem;font-weight:850;color:#286b32}
.rental-modal .handoff-status.is-saved-confirmation span{display:block;font-size:.8rem;color:#4f7656}
.rental-modal .handoff-status.is-saved-confirmation .saved-confirmation-followup{margin-top:2px;color:#356c40;font-weight:720}
.recent-rental-status[data-saved-ui="true"] strong{display:block;font-size:.78rem;margin-top:3px}
.recent-rental-status[data-saved-ui="true"] small{color:var(--success-strong)}
.recent-rental-status[data-saved-ui="true"] .saved-confirmation-followup{display:block;margin-top:5px;color:#356c40;font-weight:720}

.home-phase-overview{display:none!important}
.topbar-doctor-shortcut{display:none}

.doctor-quick-modal{padding-top:22px;padding-bottom:20px}
.doctor-quick-modal>.app-kicker{margin-bottom:6px}
.doctor-quick-modal>h2{margin-bottom:5px}
.doctor-quick-modal>p{margin-bottom:14px}
.doctor-quick-modal .modal-contact-list{gap:8px}
.doctor-quick-modal .modal-contact-list>a{min-height:70px;padding-top:10px;padding-bottom:10px}

.topbar-doctor-shortcut{
  place-items:center;width:42px;height:42px;padding:0;
  border:1px solid rgba(0,110,157,.32);border-radius:14px;background:#fff;color:#006e9d;
  box-shadow:0 10px 22px -18px rgba(0,88,126,.30);cursor:pointer;
  -webkit-appearance:none;appearance:none;
}
.topbar-doctor-shortcut.is-current{background:#fff;border-color:#006e9d;color:#00577d}
.topbar-doctor-icon{width:20px;height:20px}

@media(max-width:1023px){
  .app-topbar{grid-template-columns:44px minmax(0,1fr) 44px!important;column-gap:10px}
  .app-topbar>.topbar-spacer{width:44px;height:1px}
  .app-topbar>.mobile-brand{grid-column:2!important;justify-self:center}
  .app-topbar>.topbar-help{grid-column:3!important;justify-self:end}
  .topbar-doctor-shortcut{grid-column:1;display:grid;justify-self:start}
  .app-bottom-nav[data-compact-nav="true"]{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* Tablet / narrow desktop: a deliberately compact dock, locked to the viewport centre. */
@media(min-width:760px){
  body .app-bottom-nav[data-compact-nav="true"]{
    grid-template-columns:repeat(3,minmax(0,1fr));
    left:50vw!important;
    right:auto!important;
    width:min(760px,calc(100vw - 32px))!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    transform:translate3d(-50%,0,0)!important;
  }
}

@media(min-width:1024px){
  .app-topbar{grid-template-columns:44px minmax(0,1fr) 44px!important;column-gap:14px}
  .topbar-doctor-shortcut{display:grid;grid-column:1;justify-self:start}
  .app-topbar>.topbar-label,.app-topbar>.doctor-context.compact{grid-column:2;justify-self:start}
  .app-topbar>.topbar-help{grid-column:3;justify-self:end}
}

@media(max-width:759px){
  .rental-modal .handoff-status.is-saved-confirmation{padding:10px 12px;border-radius:13px}
  .recent-rental-status[data-saved-ui="true"]{padding-top:14px;padding-bottom:14px}
  .doctor-quick-modal{padding-top:20px;padding-bottom:18px}
  .doctor-quick-modal>p{margin-bottom:12px}
  .doctor-quick-modal .modal-contact-list{gap:7px}
  .doctor-quick-modal .modal-contact-list>a{min-height:66px;padding-top:9px;padding-bottom:9px}
}

/* Desktop header: equal controls and a slightly slimmer shared top bar. */
@media(min-width:1024px){
  .app-shell .app-topbar{min-height:68px;height:auto;padding:6px 28px;border-radius:0 0 22px 22px}
  .app-topbar>.topbar-doctor-shortcut,
  .app-topbar>.topbar-help{
    width:44px;height:44px;min-width:44px;min-height:44px;
    padding:0;border-radius:14px;
  }
  .app-topbar .topbar-doctor-icon,
  .app-topbar .topbar-icon{width:20px;height:20px}
}
@media(min-width:1200px){
  .app-shell .app-topbar{
    min-height:92px;height:auto;padding:10px 52px;border-radius:0 0 26px 26px;
  }
  .app-shell .mobile-brand .medirent-brand-logo{width:144px;max-height:58px}
}

.topbar-action-label{display:none}
.progress-explanation{color:var(--muted);font-size:.84rem;line-height:1.5}
.rental-review{padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface-soft)}
.rental-review>strong{display:block;margin-bottom:10px}
.rental-review dl{margin:0;display:grid;gap:8px}
.rental-review dl>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px}
.rental-review dt{font-size:.78rem;color:var(--muted)}
.rental-review dd{margin:0;font-size:.82rem;overflow-wrap:anywhere}
@media(min-width:1024px){
  .app-shell .app-topbar{grid-template-columns:minmax(0,1fr) 124px 124px!important;column-gap:10px;position:sticky}
  .app-topbar>.mobile-brand{
    position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;
  }
  .app-topbar>.topbar-doctor-shortcut{
    grid-column:2!important;justify-self:end;
  }
  .app-topbar>.topbar-help{
    grid-column:3!important;justify-self:end;
  }
  .app-topbar>.topbar-doctor-shortcut,.app-topbar>.topbar-help{
    width:124px;min-width:124px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;
  }
  .topbar-action-label{display:inline;font-size:.8rem;font-weight:650;white-space:nowrap}
}