/* Agent E shared rules: auth layout chrome, floating-layer stacking order
   (checklist, Copilot button, Pomodoro), spinner. Feature styles live in
   views-auth-and-onboarding.css, views-dashboard-charts.css,
   floating-pomodoro-and-copilot.css and views-super-admin.css. */

/* Auth pages: no floating widgets or mobile nav, full-height scroll */
.app.is-auth { height: auto; min-height: 100vh; min-height: 100dvh; }
.app.is-auth .main { padding-bottom: 0; }
.app.is-auth .view { overflow: visible; }
.app.is-auth ~ .floating-layer, .app.is-auth ~ .mobile-nav { display: none; }

/* Floating layer order, top to bottom */
.floating-layer .ob-host { order: 1; }
.floating-layer .ai-fab { order: 2; }
.floating-layer .pm-host { order: 3; }
.floating-layer { transition: right 200ms var(--ease); }

/* Button spinner used by fake network calls */
.au-spin { animation: au-spin .8s linear infinite; }
@keyframes au-spin { to { transform: rotate(360deg); } }

/* .hide-mobile is only defined for the topbar in the shell; scope it here */
@media (max-width: 860px) {
  .db-page .hide-mobile, .db-wrap .hide-mobile, .sa-page .hide-mobile { display: none; }
}