/* App-specifik CSS. Fælles design ligger i Lyd.UI (lyd.css). */

/* Appen skal føles som en app: ingen tekstmarkering eller dobbelttryk-zoom på knapper. */
html, body { overscroll-behavior: none; }
button, .btn, .brand, nav { -webkit-user-select: none; user-select: none; touch-action: manipulation; }

/* Store touch-flader i appen */
#app .btn { min-height: 52px; font-size: 1.05rem; }
#app .field input { min-height: 52px; font-size: 1.05rem; }

/* Skærmskift: blød indtoning */
.screen { animation: fade .2s var(--ease); }
@keyframes fade { from { opacity: 0; } to { opacity: 1; } }

/* Midlertidig hjemmeskærm (opgavelisten kommer i fase 4) */
.home {
  min-height: 100vh; min-height: 100dvh;
  padding: max(1.25rem, env(safe-area-inset-top)) max(1.25rem, env(safe-area-inset-right))
           max(1.25rem, env(safe-area-inset-bottom)) max(1.25rem, env(safe-area-inset-left));
  display: flex; flex-direction: column; gap: 1.5rem;
}
.home-top { display: flex; justify-content: space-between; align-items: center; gap: 1rem; }
.home-actions { display: flex; gap: .75rem; align-items: center; }