/* Narrow docked sidebar on landscape tablets and desktop.
   The checkbox controls width; older body.sidebar-collapsed rules were
   never toggled by iPad's native collapse button. */
@media (min-width:961px){
 #sideToggle:checked ~ .app .sidebar{
  overflow-x:hidden;
  overscroll-behavior-x:contain;
 }
 #sideToggle:checked ~ .app .account-entry{
  padding:10px 6px 8px;
 }
 #sideToggle:checked ~ .app .account-entry-button{
  width:48px;
  min-width:48px;
  max-width:48px;
  height:48px;
  min-height:48px;
  padding:0;
  margin:0 auto;
  justify-content:center;
  align-items:center;
  gap:0;
  border-radius:12px;
  flex-shrink:0;
 }
 #sideToggle:checked ~ .app .account-entry-copy,
 #sideToggle:checked ~ .app .account-entry-chevron{
  display:none!important;
 }
 #sideToggle:checked ~ .app .account-entry-button .auth-user-icon{
  flex:0 0 auto;
  font-size:21px;
  line-height:1;
 }
 #sideToggle:checked ~ .app .quick-pin-bar{
  margin:8px 6px 7px;
  padding:9px 4px 10px;
  border-radius:12px;
  min-width:0;
 }
 #sideToggle:checked ~ .app .quick-pin-heading{
  justify-content:center;
  gap:0;
 }
 #sideToggle:checked ~ .app .quick-pin-heading strong{
  font-size:0;
  line-height:1;
  white-space:nowrap;
 }
 #sideToggle:checked ~ .app .quick-pin-heading strong::before{
  content:"★";
  font-size:18px;
  color:var(--gold);
 }
 #sideToggle:checked ~ .app #quickPinManage,
 #sideToggle:checked ~ .app .quick-pin-empty{
  display:none!important;
 }
 #sideToggle:checked ~ .app .quick-pin-list{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:7px;
  margin-top:9px;
  justify-items:center;
 }
 #sideToggle:checked ~ .app .quick-pin-link{
  width:42px;
  min-width:42px;
  max-width:42px;
  height:42px;
  min-height:42px;
  padding:0;
  justify-content:center;
  align-items:center;
  border-radius:10px;
  overflow:hidden;
 }
 #sideToggle:checked ~ .app .quick-pin-link span:first-child{
  font-size:19px;
  line-height:1;
  flex:0 0 auto;
 }
 #sideToggle:checked ~ .app .quick-pin-link span:last-child{
  display:none!important;
 }
 #sideToggle:checked ~ .app .sidebar .nav-block{
  padding-left:8px;
  padding-right:8px;
 }
 #sideToggle:checked ~ .app .sidebar .nav-btn{
  min-height:46px;
  gap:0;
  padding:11px 7px;
 }
 #sideToggle:checked ~ .app .sidebar .nav-btn .sym{
  width:24px;
  flex:0 0 24px;
  font-size:20px;
  line-height:1.2;
 }
 #sideToggle:checked ~ .app .sidebar-foot{
  display:none;
 }
 /* During a touch swipe, switch the contents to their compact format early
    rather than allowing long labels to protrude beyond the animated rail. */
 body.sidebar-dragging .app .sidebar{
  overflow-x:hidden;
 }
}