/* ============================================================
   Branding & kredit aplikasi
   Dipakai oleh seluruh layout (publik, auth, peserta, admin).
   ============================================================ */

.app-credit {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    font-size: .78rem;
    font-weight: 600;
    color: #64748b;
    line-height: 1.4;
}

.app-credit .credit-link {
    color: inherit;
    font-weight: 800;
    text-decoration: none;
    letter-spacing: .02em;
}

.app-credit .credit-link:hover { text-decoration: underline; }

.app-credit .credit-sep { opacity: .5; }

/* Varian untuk latar gelap (footer publik) */
.app-credit--dark { color: rgba(255, 255, 255, .72); }
.app-credit--dark .credit-link { color: #fff; }

/* Varian untuk latar terang (halaman auth) */
.app-credit--light { color: #94a3b8; }
.app-credit--light .credit-link { color: #475569; }

/* Footer di dalam panel admin & dashboard peserta */
.app-footer {
    padding: 1rem 1.25rem 1.5rem;
    margin-top: .5rem;
    border-top: 1px solid #e2e8f0;
    display: flex;
    justify-content: center;
}

/* Footer publik: susun kredit di baris terpisah pada layar kecil */
.footer-credit-wrap { display: flex; flex-direction: column; align-items: flex-end; gap: .25rem; }
@media (max-width: 576px) {
    .footer-credit-wrap { align-items: center; }
}