/* Responsive tweaks for Admin Panel */

/* Header nav collapse */
@media (max-width: 640px) {
    header nav ul {
        flex-direction: column;
        gap: 0.5rem;
    }
}

/* Sticky table headers */
thead th {
    position: sticky;
    top: 0;
    background-color: #f3f4f6; /* tailwind slate-100 */
    z-index: 10;
}

/* Tables scroll */
@media (max-width: 640px) {
    table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
}

/* ===== Admin theme — matches public site (navy/Fredoka/yellow) ===== */
.admin-bg { background: #eaf4fd; }
.admin-nav { background: #1e3a5f; }
.admin-subnav { background: #0e2c4e; }
.font-display { font-family: 'Fredoka', 'Trebuchet MS', sans-serif; }
.admin-logo { height: 40px; width: auto; }
.btn-yellow { background: linear-gradient(180deg,#ffd23e,#f5b301); box-shadow: 0 3px 0 #c98f00, 0 4px 10px rgba(0,0,0,.2); color: #1e3a5f; font-weight: 600; }
.btn-yellow:active { transform: translateY(2px); box-shadow: 0 1px 0 #c98f00; }
.btn-ghost { background: rgba(255,255,255,.12); color: #fff; transition: background .15s; }
.btn-ghost:hover { background: rgba(255,255,255,.25); }
.admin-link { color: #bfd7f0; transition: color .15s; }
.admin-link:hover { color: #fff; }
.admin-subnav nav a { border-radius: 9999px; padding: 4px 12px; }
.admin-subnav nav a:hover { background: rgba(255,255,255,.12); color: #fff; }
.admin-card { border-radius: 16px; box-shadow: 0 8px 24px rgba(10,30,60,.12); }
thead th { background-color: #1e3a5f !important; color: #fff; font-weight: 600; }
tbody tr:hover { background: #f2f8fe; }
.admin-subnav nav a.nav-active { background: rgba(255,255,255,.2); color: #fff; }