/**
 * Styles pour l'application To Go - Espace Résidents
 * Version: 1.3.0
 *
 * Remarque : le design est principalement assuré par Tailwind Play CDN.
 * Ce fichier ne contient que quelques styles spécifiques (logo + animation).
 */

#to-go-residents-app {
    width: 100%;
    min-height: 100vh;
    margin: 0;
    padding: 0;
}

/* Logo (optionnel) */
.to-go-logo {
    width: 96px;
    height: 96px;
    border-radius: 9999px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
}

.to-go-logo img {
    width: 72px;
    height: 72px;
    object-fit: contain;
}

/* Animation simple pour les transitions d'onglets */
.animate-fade-in {
    animation: fadeIn 0.3s ease-out;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(5px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Écran de chargement : bien masqué quand il a la classe hidden */
#loading-screen.hidden {
    display: none !important;
    visibility: hidden !important;
}

/* Zone notifications discrètes : en haut à droite, sans couvrir l'écran */
.to-go-notifications {
    top: 1rem;
    right: 1rem;
}

/* Toast discret (création/suppression signalement, etc.) */
#toast-notification.hidden {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}
.to-go-toast {
    max-width: 320px;
    width: max-content;
}
.to-go-toast-show {
    animation: to-go-toast-fade-in 0.25s ease-out;
}
.to-go-toast-hide {
    animation: to-go-toast-fade-out 0.25s ease-in forwards;
}
@keyframes to-go-toast-fade-in {
    from { opacity: 0; transform: translate(12px, 0); }
    to { opacity: 1; transform: translate(0, 0); }
}
@keyframes to-go-toast-fade-out {
    from { opacity: 1; transform: translate(0, 0); }
    to { opacity: 0; transform: translate(12px, 0); }
}

/* Confirmation suppression : petite carte discrète, pas de modal plein écran */
#confirm-delete-report.hidden {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* Éviter le contour de focus bleu (ovale) sur les boutons et la zone de contenu */
#to-go-residents-app button:focus,
#main-content:focus,
#main-content *:focus {
    outline: none;
}
#to-go-residents-app button:focus-visible {
    outline: 1px solid rgba(0,0,0,0.2);
    outline-offset: 2px;
}

/* Badge résident : zone QR code (nom + emplacement encodés dans le QR) — vert sur fond blanc, arrondi */
.resident-badge-qr-wrap {
    min-width: 88px;
    padding: 8px;
    background: #ffffff;
    border-radius: 12px;
    margin: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.resident-badge-qr-wrap img,
.resident-badge-qr-wrap canvas {
    border-radius: 0;
    display: block;
}
.resident-badge-qr-wrap table {
    border-radius: 0;
    overflow: hidden;
    background: #ffffff !important;
}
.resident-badge-qr-wrap td {
    border-radius: 0;
}