/* SLPT-R28-B16U2-IPAD-QUICK-ACCESS-TOPBAR-SIGNOUT-20260825 */
/* Approved UI: iPad keeps desktop-style Quick Access; top-right Sign Out is icon-only. */
#appView #logoutBtn.signout-btn.r28-signout-topbar{
  width:40px!important;
  min-width:40px!important;
  max-width:40px!important;
  height:40px!important;
  min-height:40px!important;
  padding:0!important;
  gap:0!important;
  border-radius:11px!important;
  flex:0 0 40px!important;
}
#appView #logoutBtn.signout-btn.r28-signout-topbar>span{display:none!important}
#appView #logoutBtn.signout-btn.r28-signout-topbar .r28-signout-svg{width:18px!important;height:18px!important}

/* Quick Access: preserve approved desktop card treatment while making device-width ownership explicit. */
#content .v192-dashboard .v192-quick-grid{
  min-width:0!important;
  align-items:stretch!important;
}
#content .v192-dashboard .v192-quick{
  min-width:0!important;
  width:100%!important;
  box-sizing:border-box!important;
}
#content .v192-dashboard .v192-quick b,
#content .v192-dashboard .v192-quick small{
  min-width:0!important;
  max-width:100%!important;
  overflow-wrap:anywhere!important;
}

/* iPad/tablet portrait: desktop-style cards, two columns. */
@media (min-width:768px) and (max-width:1180px) and (orientation:portrait){
  #content .v192-dashboard .v192-quick-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  #content .v192-dashboard .v192-quick{
    min-height:104px!important;
    padding:13px 11px 10px!important;
  }
}

/* iPad/tablet landscape: same desktop-style cards in four columns. */
@media (min-width:768px) and (max-width:1366px) and (orientation:landscape){
  #content .v192-dashboard .v192-quick-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:10px!important;
  }
  #content .v192-dashboard .v192-quick{
    min-height:104px!important;
    padding:13px 10px 10px!important;
  }
  #content .v192-dashboard .v192-quick-icon{width:35px!important;height:35px!important}
  #content .v192-dashboard .v192-quick b{font-size:12px!important;line-height:1.18!important}
  #content .v192-dashboard .v192-quick small{font-size:9.5px!important;line-height:1.25!important}
}

/* Phones alone use the compact single-column Quick Access layout. */
@media (max-width:767px){
  #content .v192-dashboard .v192-quick-grid{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  #content .v192-dashboard .v192-quick{
    min-height:72px!important;
    padding:10px 42px 10px 10px!important;
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    column-gap:10px!important;
    align-content:center!important;
  }
  #content .v192-dashboard .v192-quick-icon{grid-row:1 / span 2;align-self:center!important;width:36px!important;height:36px!important}
  #content .v192-dashboard .v192-quick b{grid-column:2;margin:0!important;align-self:end!important}
  #content .v192-dashboard .v192-quick small{grid-column:2;align-self:start!important}
  #content .v192-dashboard .v192-quick>i{right:10px!important;bottom:50%!important;transform:translateY(50%)!important}
}
@media(prefers-reduced-motion:reduce){#content .v192-dashboard .v192-quick{transition:none!important}}