/* Sikatech Student Dashboard v2.2.5 - Fixed Sidebar */
:root { --brand:#8B0000; --ink:#000; --paper:#fff; }

#sikatech-sd { min-height:100vh; }
#sikatech-sd .sikatech-dashboard{display:block;font-family:system-ui,sans-serif;}

/* Fixed sidebar independent of theme layout */
#sikatech-sd .sidebar{
  position:fixed;
  left:0; top:0;
  width:240px; min-width:240px; max-width:240px;
  height:100vh;
  z-index:999;
  background:var(--brand);
  color:#fff;
  padding:20px 16px;
  display:flex;
  flex-direction:column;
  align-items:center;
  overflow-y:auto;
}
/* Push content right of fixed sidebar */
#sikatech-sd .main{
  margin-left:240px;
  background:#f6f6f7;
  min-height:100vh;
  padding:24px;
}

#sikatech-sd .sidebar-logo{max-width:160px;margin-bottom:20px;height:auto;display:block;}
#sikatech-sd .sidebar nav{width:100%;}
#sikatech-sd .sidebar nav a{
  color:#fff !important;text-decoration:none;display:flex !important;
  align-items:center;gap:10px;padding:10px 12px;margin:6px 0;border-radius:8px;font-weight:600; line-height:1.2;
}
#sikatech-sd .sidebar nav a:hover{background:rgba(255,255,255,.15);}
#sikatech-sd .sidebar nav svg{width:18px;height:18px;fill:#fff;flex:0 0 18px;}

#sikatech-sd .topbar{margin-bottom:16px;}
#sikatech-sd .topbar h1{margin:0;color:#222;font-weight:700;}
#sikatech-sd .profile-card{display:flex;align-items:center;background:#fff;padding:16px;border-radius:12px;box-shadow:0 2px 6px rgba(0,0,0,.05);margin-bottom:20px;gap:16px;}
#sikatech-sd .profile-card img.avatar{border-radius:50%;width:80px;height:80px;}
#sikatech-sd .profile-card h2{margin:0;color:var(--brand);}
#sikatech-sd .profile-card p{margin:4px 0;color:#333;}
#sikatech-sd .profile-card .btn{background:var(--brand);color:#fff;padding:6px 12px;border-radius:20px;text-decoration:none;font-size:14px;}

#sikatech-sd .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;}
#sikatech-sd .card{background:#fff;border-radius:12px;padding:20px;text-align:center;box-shadow:0 2px 6px rgba(0,0,0,.05);text-decoration:none;color:var(--ink);}
#sikatech-sd .card:hover{box-shadow:0 4px 12px rgba(0,0,0,.10);transform:translateY(-1px);transition:.15s ease;}
#sikatech-sd .card svg{width:40px;height:40px;display:block;margin:0 auto 8px;fill:var(--brand);}
#sikatech-sd .card h3{margin:0;font-size:16px;color:var(--brand);}
#sikatech-sd .sikatech-alert{background:#f7f7f7;padding:12px;border-left:4px solid var(--brand);border-radius:8px;margin:10px 0;}

/* Account for WP admin bar when logged-in admins view the page */
body.admin-bar #sikatech-sd .sidebar{ top:32px; height:calc(100vh - 32px); }
@media (max-width: 782px){
  body.admin-bar #sikatech-sd .sidebar{ top:46px; height:calc(100vh - 46px); }
}
/* Mobile: collapse to top bar */
@media (max-width: 900px){
  #sikatech-sd .sidebar{ position:relative; width:auto; min-width:0; max-width:none; height:auto; flex-direction:row; justify-content:flex-start; gap:8px; padding:12px; }
  #sikatech-sd .sidebar nav{ display:flex; flex-wrap:wrap; gap:6px; }
  #sikatech-sd .sidebar nav a{ padding:6px 8px; background:rgba(255,255,255,.1); border-radius:6px; }
  #sikatech-sd .main{ margin-left:0; }
  #sikatech-sd .sidebar-logo{ max-width:100px; margin-bottom:0; margin-right:8px; }
}