/* MindMe — Copyright (c) 2026 Jonas Bjerring & Henriette Juel Holme-Osbeck */

/* Alpine.js: skjul x-cloak elementer indtil Alpine er initialiseret */
[x-cloak] { display: none !important; }

/* Font */
body { font-family: 'Figtree', ui-sans-serif, system-ui, sans-serif; }

/* Flash-beskeder */
.flash {
    padding: 12px 16px;
    border-radius: 10px;
    font-size: 14px;
    margin-bottom: 16px;
}
.flash-success { background: #f0fdf4; border: 1px solid #bbf7d0; color: #166534; }
.flash-error   { background: #fef2f2; border: 1px solid #fecaca; color: #991b1b; }
.flash-warning { background: #fffbeb; border: 1px solid #fde68a; color: #92400e; }

/* Formularer — konsistent focus-ring */
input:focus, select:focus, textarea:focus {
    outline: none;
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}

/* Knapper — forhindrer dobbeltklik-submit */
button[type="submit"]:active { opacity: 0.85; }

/* Tabel-rækker hover */
.table-row-hover:hover { background-color: #f8fafc; }

/* Initialbogstav-avatar */
.avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #dbeafe;
    color: #1d4ed8;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 16px;
    flex-shrink: 0;
}
.avatar-sm {
    width: 32px;
    height: 32px;
    font-size: 13px;
}

/* Rolle-badges */
.badge { display: inline-block; padding: 2px 10px; border-radius: 99px; font-size: 12px; font-weight: 600; }
.badge-admin    { background: #dbeafe; color: #1d4ed8; }
.badge-staff    { background: #dcfce7; color: #15803d; }
.badge-relative { background: #f3e8ff; color: #7e22ce; }

/* Print: skjul nav og footer */
@media print {
    nav, footer, .no-print { display: none !important; }
    body { background: white; }
}