/* Thème dynamique généré par api.php?path=app_theme.css */
:root {
  --accent: #007cfd !important;
  --accent-light: #d9ebff !important;
  --accent-dark: #005dbe !important;
  --cream: #f7f7f7 !important;
  --cream-dark: #dedede !important;
  --ink: #1a1a2e !important;
  --ink-light: #4a4a6a !important;
}
.auth-card { background: rgba(59,59,104,0.1) !important; border-radius: 20px !important; }
#auth-screen .auth-logo h1, #auth-screen .auth-logo p, #auth-screen #login-header-text, #auth-screen #login-header-text strong { color: rgba(255,255,255,0.95) !important; }
#auth-screen .form-group label { color: rgba(255,255,255,0.65) !important; }
#auth-screen #login-footer-text, #auth-screen #login-footer-text a { color: rgba(255,255,255,0.55) !important; }
#auth-screen .auth-tab { color: rgba(255,255,255,0.6) !important; }
#auth-screen .btn-login { background: #007cfd !important; color: #ffffff !important; }
#auth-screen .btn-login:hover { background: #005edf !important; }
.hub-card { background: rgba(71,71,71,0.2) !important; border-radius: 20px !important; }
#hub-screen .hub-welcome h2, #hub-screen .hub-card-content h3, #hub-screen .hub-logo, #hub-screen .hub-name { color: rgba(255,255,255,0.95) !important; }
#hub-screen .hub-welcome p, #hub-screen .hub-card-content p { color: rgba(255,255,255,0.6) !important; }
#hub-screen #hub-footer-text, #hub-screen #hub-footer-text a, #hub-screen .app-version-display { color: rgba(255,255,255,0.5) !important; }
#hub-screen .btn-quit { color: rgba(255,255,255,0.75) !important; }

/* PWA iOS — safe area pour Dynamic Island / encoche / status bar */
.topbar { padding-top: env(safe-area-inset-top, 0px) !important; min-height: calc(64px + env(safe-area-inset-top, 0px)) !important; height: auto !important; box-sizing: border-box !important; }
.hub-topbar { padding-top: env(safe-area-inset-top, 0px) !important; min-height: calc(60px + env(safe-area-inset-top, 0px)) !important; height: auto !important; box-sizing: border-box !important; }
#profile-panel > div:first-child, #settings-panel > div:first-child { padding-top: calc(env(safe-area-inset-top, 0px) + 0px) !important; height: auto !important; min-height: calc(60px + env(safe-area-inset-top, 0px)) !important; box-sizing: border-box !important; }
@media (display-mode: standalone) {
  .bottom-bar, [data-pwa-bottom-safe] { padding-bottom: max(env(safe-area-inset-bottom, 0px), 0px) !important; }
}