/**
 * ISPS Theme — components/topbar.css
 */
.isps-topbar {
    background: #1e293b;
    color: #94a3b8;
    font-family: var(--isps-font-primary);
    font-size: 0.82rem;
    border-bottom: 1px solid rgba(255,255,255,0.06);
}
.tb-container {
    max-width: 1280px; margin: 0 auto; padding: 0 24px;
    display: flex; align-items: center; justify-content: space-between;
    height: 40px;
}
.tb-left  { display: flex; align-items: center; gap: 20px; }
.tb-email { color: #94a3b8; text-decoration: none; display: flex; align-items: center; gap: 6px; transition: 0.3s; }
.tb-email:hover { color: var(--isps-yellow); }
.tb-diegep { color: #64748b; }
.tb-center { color: #94a3b8; font-size: 0.8rem; }
.tb-center span { color: var(--isps-yellow); font-weight: 700; }
.tb-right { display: flex; align-items: center; gap: 10px; }
.tb-btn {
    color: #94a3b8; text-decoration: none; display: flex; align-items: center;
    gap: 6px; padding: 5px 12px; border-radius: 20px;
    border: 1px solid rgba(255,255,255,0.1); transition: 0.3s; font-size: 0.8rem;
}
.tb-btn:hover { color: white; border-color: rgba(255,255,255,0.3); }
.tb-campus { border-color: rgba(245,158,11,0.3); color: var(--isps-yellow); }
.tb-campus:hover { background: rgba(245,158,11,0.1); }

@media (max-width: 768px) {
    .tb-center, .tb-diegep, .tb-email span { display: none; }
    .tb-container { justify-content: space-between; }
}
@media (max-width: 480px) { .isps-topbar { display: none; } }