/* ===== Base / Shared Styles ===== */

/* Global base */
body {
    font-family: 'Roboto', Arial, sans-serif;
    margin: 0;
    padding: 0;
    background-color: #e5e7ea;
    color: #333;
    line-height: 1.6;
}

/* Utilities */
.mt-10 { margin-top: 10px; }
.mt-12 { margin-top: 12px; }

.noscript-box {
    max-width: 560px;
    margin: 16px auto;
    background: #fff;
    border: 1px solid #eee;
    padding: 12px;
    border-radius: 8px;
    text-align: center;
}

/* Avatars */
.profile-avatar {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #ccc;
    margin-bottom: 10px;
}
.profile-picture-preview { margin-bottom: 8px; }
.nav-avatar {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    object-fit: cover;
    vertical-align: middle;
}
.nav-profile-link { display: flex; align-items: center; gap: 6px; }

/* Flash */
.flash-danger { color: #b30000; }
.flash-success { color: green; }
.flash-info { color: blue; }