/* ProshnoMaker Phase 4: Header + Sidebar (teacher area). Loaded from teacher/_nav.php.
   Presentation only: no routes, forms or import logic. Rollback: remove the <link> line in _nav.php. */

/* ---------- Sidebar ---------- */
.sidebar{
  background:linear-gradient(180deg,#07335c 0%,#052a4d 55%,#041f3a 100%);
  scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.28) transparent;
  padding-bottom:28px;
  top:64px;bottom:0;height:calc(100vh - 64px);
}
.sidebar::-webkit-scrollbar{width:6px}
.sidebar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.25);border-radius:6px}
.sidebar .brand{display:none!important}
.sidebar .nav-title{
  font-size:13px!important;font-weight:700!important;color:#8fb3d1;
  padding:16px 18px 6px;margin:0;letter-spacing:0!important;
}
.sidebar .nav{padding:0 8px}
.sidebar .nav a{
  display:flex;align-items:center;gap:11px;
  padding:9px 11px!important;margin:2px 0;border-radius:9px;border-left:0!important;
  font-size:15.5px!important;font-weight:400;line-height:1.4!important;color:#e6f0f8;
  transition:background .15s,color .15s;
}
.sidebar .nav a:hover{background:rgba(255,255,255,.09);color:#fff}
.sidebar .nav a.active{
  background:rgba(41,169,242,.2);color:#fff;
  box-shadow:inset 3px 0 0 #29a9f2;
}
.sidebar .pp-nav-icon{width:22px;min-width:22px;display:inline-flex;align-items:center;justify-content:center;opacity:.9}
.pp-ic{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;display:block}
.sidebar .nav a.active .pp-nav-icon{opacity:1;color:#7fd0ff}
.sidebar .nav a:focus-visible,.mobile-toggle:focus-visible,.pp-header-nav a:focus-visible{outline:2px solid #29a9f2;outline-offset:2px}

/* ---------- Header ---------- */
.pp-topbar-enhanced{position:fixed!important;top:0;left:0;right:0;width:100%;min-height:64px;height:64px;padding:6px 18px;box-shadow:0 1px 0 rgba(15,40,70,.04);z-index:10000;background:#fff}
.main{padding-top:64px}
.pp-header-brand strong{font-size:17px!important;font-weight:700}
.pp-header-brand.pp-header-bangla-logo{display:flex;align-items:center;flex:0 0 auto;width:250px;height:54px;min-width:0;text-decoration:none!important}
.pp-header-bangla-logo img{display:block;width:100%;height:100%;max-height:52px;object-fit:contain;object-position:left center}
.pp-header-nav{min-width:0!important}
.pp-header-nav a{font-size:14px!important;font-weight:600;padding:8px 12px!important;border-radius:8px}
.pp-header-nav a.active{background:#e3f0fb;color:#06558c}
.user-pill{gap:10px}
.user-pill .badge{font-size:11px;font-weight:700;letter-spacing:.3px;background:#e7f3ec;color:#17623a;padding:3px 8px;border-radius:999px}
.pp-header-logout{font-size:13px!important;padding:6px 10px!important;border-radius:8px}
.avatar{width:36px;height:36px;font-size:15px}

/* ---------- Tablet / mobile ---------- */
@media(max-width:1100px){
  .pp-header-nav{flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .pp-header-nav::-webkit-scrollbar{display:none}
}
@media(max-width:1050px){
  .sidebar{top:64px;height:calc(100vh - 64px);width:min(290px,86vw);box-shadow:none}
  .sidebar.open{box-shadow:6px 0 28px rgba(0,0,0,.35)}
  body:has(.sidebar.open)::before{content:"";position:fixed;inset:0;background:rgba(3,15,30,.5);z-index:15}
  .mobile-toggle{min-width:44px;min-height:44px}
}
@media(max-width:650px){
  .pp-header-bangla-logo{width:190px!important;height:48px!important}
  .pp-header-bangla-logo img{max-height:46px}
  .pp-header-nav a{font-size:13.5px!important;padding:7px 10px!important}
  .pp-user-name{display:none}
}
@media print{.sidebar,.topbar{display:none!important}}

/* user name in header was 12px: too small for Bangla */
.pp-user-name{font-size:14px!important;color:#24465d}

/* admin header has more links: keep brand and nav from colliding on 1100-1500px screens */
@media(max-width:1500px){.pp-header-brand span{display:none}}
.pp-header-nav{justify-content:flex-start;padding-left:16px}


/* PM logo-size hotfix: prevent the Bengali logo from expanding the teacher header */
.pp-topbar-enhanced{
  display:flex!important;align-items:center!important;box-sizing:border-box!important;
  height:64px!important;min-height:64px!important;max-height:64px!important;
  overflow:hidden!important;flex-wrap:nowrap!important;
}
.pp-topbar-enhanced .pp-header-left{
  display:flex!important;align-items:center!important;flex:0 0 230px!important;
  width:230px!important;min-width:0!important;height:54px!important;max-height:54px!important;
  overflow:hidden!important;box-sizing:border-box!important;
}
.pp-topbar-enhanced .pp-header-brand.pp-header-bangla-logo{
  display:flex!important;align-items:center!important;flex:0 0 220px!important;
  width:220px!important;min-width:0!important;max-width:220px!important;
  height:50px!important;min-height:0!important;max-height:50px!important;
  overflow:hidden!important;box-sizing:border-box!important;
}
.pp-topbar-enhanced .pp-header-brand.pp-header-bangla-logo img{
  display:block!important;flex:none!important;width:100%!important;max-width:220px!important;
  height:50px!important;max-height:50px!important;object-fit:contain!important;
  object-position:left center!important;
}
@media(max-width:650px){
  .pp-topbar-enhanced .pp-header-left{flex-basis:175px!important;width:175px!important}
  .pp-topbar-enhanced .pp-header-brand.pp-header-bangla-logo{flex-basis:170px!important;width:170px!important;max-width:170px!important;height:46px!important;max-height:46px!important}
  .pp-topbar-enhanced .pp-header-brand.pp-header-bangla-logo img{max-width:170px!important;height:44px!important;max-height:44px!important}
}


/* PM GLOBAL TEACHER HEADER LOGO SIZE FIX 2026-10-14 */
html body .pp-topbar-enhanced .pp-header-left{flex:0 0 230px!important;width:230px!important;min-width:0!important;max-width:230px!important;height:54px!important;max-height:54px!important;overflow:hidden!important;box-sizing:border-box!important;}
html body .pp-topbar-enhanced .pp-header-brand.pp-header-bangla-logo{display:flex!important;flex:0 0 220px!important;width:220px!important;min-width:0!important;max-width:220px!important;height:50px!important;min-height:0!important;max-height:50px!important;overflow:hidden!important;box-sizing:border-box!important;}
html body .pp-topbar-enhanced .pp-header-brand.pp-header-bangla-logo img{display:block!important;flex:none!important;width:220px!important;max-width:220px!important;height:48px!important;max-height:48px!important;object-fit:contain!important;object-position:left center!important;box-sizing:border-box!important;}
@media(max-width:650px){html body .pp-topbar-enhanced .pp-header-left{flex-basis:180px!important;width:180px!important;max-width:180px!important;}html body .pp-topbar-enhanced .pp-header-brand.pp-header-bangla-logo{flex-basis:170px!important;width:170px!important;max-width:170px!important;height:44px!important;max-height:44px!important;}html body .pp-topbar-enhanced .pp-header-brand.pp-header-bangla-logo img{width:170px!important;max-width:170px!important;height:42px!important;max-height:42px!important;}}