:root {
    font-size: 16px;
}

body {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

main.container {
    max-width: 720px;
}

.card,
.list-group-item {
    border-radius: 14px;
}

/* Profilbillede / avatar */
.teen-avatar {
    width: 64px;
    height: 64px;
    border-radius: 14px;
    object-fit: cover;
    background: #e9ecef;
}

/* Behagelige, store touch-mål på mobil */
.btn-lg {
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
}

/* Fremmøde-grid */
.teen-photo {
    width: 64px;
    height: 64px;
}
.present-check {
    display: none !important;
}
.teen-card.is-present {
    border-color: #198754;
    background-color: #f0fbf4;
}
.teen-card.is-present .present-check {
    display: flex !important;
}
.teen-card {
    cursor: pointer;
    transition: background-color .12s ease;
}

@media (min-width: 992px) {
    body { background-color: #f1f3f5; }
    main.container { margin-top: 0.5rem; }
}