body { background: #f5f7fb; }
.card-soft { border: 0; border-radius: 16px; box-shadow: 0 10px 30px rgba(0,0,0,.06); }
.hero-card { background: linear-gradient(135deg, #0d6efd, #0dcaf0); color: #fff; }
.stat-card h2 { font-size: 2rem; margin: 0; }
.mini-label { font-size: .875rem; color: #6c757d; }
.table thead th { white-space: nowrap; }
.login-wrap { min-height: 100vh; display: flex; align-items: center; }
#attendanceMap { height: 320px; border-radius: 14px; }
.selfie-preview { width: 100%; max-height: 220px; object-fit: cover; border-radius: 14px; border: 1px solid #dee2e6; background: #fff; }
.map-link { font-size: .875rem; }
@media print {
  .navbar, .btn, form, .no-print { display: none !important; }
  body { background: #fff; }
  .container { width: 100%; max-width: 100%; }
  .card-soft { box-shadow: none; border: 1px solid #ddd; }
}

/* =========================
SKSU NAVBAR
========================= */

.sksu-navbar{
background:linear-gradient(135deg,#0b3a8f,#1f6ed4);
padding:10px 0;
}

.sksu-brand{
display:flex;
align-items:center;
gap:12px;
text-decoration:none;
}

.sksu-logo{
width:44px;
height:44px;
object-fit:contain;
}

.sksu-brand-text{
line-height:1.1;
}

.sksu-title{
font-size:16px;
font-weight:700;
color:white;
}

.sksu-sub{
font-size:12px;
color:rgba(255,255,255,0.85);
}

.navbar-nav .nav-link{
color:rgba(255,255,255,0.9);
font-weight:500;
margin-left:10px;
}

.navbar-nav .nav-link:hover{
color:white;
}

.sksu-user-area{
display:flex;
align-items:center;
gap:12px;
}

.sksu-user-name{
color:white;
font-weight:600;
}

.sksu-logout-btn{
background:white;
color:#1148a8;
border-radius:10px;
padding:6px 14px;
font-weight:600;
}

.sksu-logout-btn:hover{
background:#f3f6ff;
}

.sksu-toggler{
border:none;
}

.navbar-toggler-icon{
filter:brightness(100);
}

/* =========================
MOBILE
========================= */

@media(max-width:768px){

.sksu-brand{
gap:8px;
}

.sksu-logo{
width:38px;
height:38px;
}

.sksu-title{
font-size:14px;
}

.sksu-sub{
font-size:11px;
}

.sksu-user-area{
margin-top:10px;
}

.navbar-nav .nav-link{
margin-left:0;
}

}