/* Final accessibility layer. Loaded last on purpose. */
button,[role="button"]{touch-action:manipulation}

.drag-select-enabled{position:relative}
.drag-time-selection{position:absolute;left:5px;right:5px;z-index:12;pointer-events:none;border:1px solid color-mix(in srgb,var(--accent) 72%,var(--border));border-radius:10px;background:color-mix(in srgb,var(--accent) 22%,transparent);box-shadow:inset 3px 0 0 var(--accent),0 4px 14px rgba(49,42,27,.10);color:var(--text);font-size:10px;font-weight:800;padding:4px 6px;overflow:hidden;backdrop-filter:blur(2px)}

.app-tagline{display:inline-flex;align-items:center;align-self:center;color:var(--muted);font-size:12px;font-weight:800;line-height:1.2;white-space:nowrap}

@media(max-width:980px){
  .settings-action,
  .icon-action,
  .mini-action,
  .mobile-quick-actions button,
  .mobile-bottom-nav button,
  .modal button,
  .request-card button,
  .theme-card,
  .legal-tabs button,
  .auth-tab,
  .auth-link,
  .common-time-result,
  .overlay-chip,
  .overlay-clear{min-height:var(--tap-min)}
  .settings-action,.icon-action,.mini-action{min-width:var(--tap-min)}
  .modal-x{min-width:var(--tap-min);min-height:var(--tap-min)}
  .modal input,.modal select,.login-card input{min-height:var(--tap-min)}
  .check-row,.weekday-options label{min-height:var(--tap-min)}

  /* Mobile top bar: logo at the far right, slogan in the middle, profile immediately to its left. */
  .app-topbar{justify-content:flex-start;gap:6px;direction:rtl}
  .app-brand{flex:0 0 auto;order:0}
  .app-brand-copy{display:none}
  .app-tagline{flex:0 1 auto;order:1;margin:0 2px}
  .app-topbar .account-area{flex:0 0 auto;order:2;gap:6px;padding-left:0!important}

  /* Home has more-specific layout rules; force the same persistent placement there too. */
  .home-active .app-topbar{justify-content:flex-start!important;direction:rtl!important;gap:6px!important}
  .home-active .app-brand{order:0!important;margin:0!important}
  .home-active .app-tagline{display:inline-flex!important;order:1!important;margin:0 2px!important}
  .home-active .account-area{order:2!important;gap:6px!important;padding-left:0!important}
  .home-active #userBadge{position:static!important}
}

@media(max-width:560px){
  .mobile-bottom-nav button{min-height:48px}
  .mobile-quick-actions button{padding-inline:12px}
  .settings-row{min-height:58px}
  .drag-time-selection{left:4px;right:4px}
  .app-tagline{max-width:122px;white-space:normal;text-align:center;font-size:10px;line-height:1.05}
}