/* ITIA LMS Header v2 — unified with itiapak.com */
:root{
  --itia-lms-h-navy:#03162f;
  --itia-lms-h-navy2:#052554;
  --itia-lms-h-teal:#0a9f9a;
  --itia-lms-h-teal-dark:#087874;
  --itia-lms-h-gold:#d6a12c;
  --itia-lms-h-ink:#183049;
  --itia-lms-h-muted:#6c7d8f;
  --itia-lms-h-line:#dce6ea;
}
body.itia-lms-nav-open{overflow:hidden}
.itia-lms-institution-bar{display:none!important}
.itia-lms-header-v2{position:sticky;top:0;z-index:10020;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#fff;box-shadow:0 7px 26px rgba(3,22,47,.07)}
.itia-lms-v2-topbar{height:32px;background:linear-gradient(90deg,var(--itia-lms-h-navy),var(--itia-lms-h-navy2) 58%,#06375c);color:#dce8ef;border-bottom:1px solid rgba(255,255,255,.08)}
.itia-lms-v2-topbar-inner{height:32px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.itia-lms-v2-topbar-message{display:flex;align-items:center;gap:10px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10.8px;font-weight:650;letter-spacing:.03em}
.itia-lms-v2-topbar-badge{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:20px;padding:0 8px;border-radius:999px;background:rgba(123,226,220,.14);border:1px solid rgba(123,226,220,.24);color:#7be2dc;font-size:9px;font-weight:900;letter-spacing:.12em;flex:0 0 auto}
.itia-lms-v2-toplinks{display:flex;align-items:center;gap:18px;flex:0 0 auto}
.itia-lms-v2-toplinks a{position:relative;color:#e7f0f5!important;font-size:10.5px;font-weight:750;text-decoration:none!important;opacity:.92}
.itia-lms-v2-toplinks a+a:before{content:"";position:absolute;left:-10px;top:50%;width:3px;height:3px;border-radius:50%;background:var(--itia-lms-h-gold);transform:translateY(-50%)}
.itia-lms-v2-toplinks a:hover{color:#fff!important;opacity:1}
.itia-lms-v2-mainbar{height:76px;background:rgba(255,255,255,.975);backdrop-filter:blur(16px);border-bottom:1px solid rgba(6,41,90,.09)}
.itia-lms-v2-main-inner{height:76px;display:flex;align-items:center;gap:22px}
.itia-lms-v2-brand{display:flex;align-items:center;gap:10px;flex:0 0 auto;text-decoration:none!important}
.itia-lms-v2-brand img{display:block;width:228px;max-width:24vw;height:auto}
.itia-lms-v2-brand-label{display:inline-flex;align-items:center;height:25px;padding:0 9px;border-radius:999px;border:1px solid #cfe7e4;background:#f0f9f8;color:var(--itia-lms-h-teal-dark);font-size:9px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}
.itia-lms-v2-nav{display:flex;align-items:center;gap:16px;min-width:0;flex:1}
.itia-lms-v2-links{display:flex;align-items:center;gap:4px;white-space:nowrap}
.itia-lms-v2-links>a{display:flex;align-items:center;min-height:42px;padding:0 9px;border-radius:9px;color:#2a4058!important;text-decoration:none!important;font-size:12px;font-weight:800;transition:.18s ease}
.itia-lms-v2-links>a:hover{background:#eef7f6;color:var(--itia-lms-h-teal-dark)!important;transform:translateY(-1px)}
.itia-lms-v2-search{position:relative;display:flex;align-items:center;max-width:225px;min-width:160px;margin-left:auto}
.itia-lms-v2-search input{width:100%;height:40px;padding:0 42px 0 13px;border:1px solid #d6e2e7;border-radius:11px;background:#f8fbfc;color:#20374d;font-size:12px;outline:0;transition:.18s ease}
.itia-lms-v2-search input:focus{border-color:#74c7c3;background:#fff;box-shadow:0 0 0 3px rgba(10,159,154,.09)}
.itia-lms-v2-search button{position:absolute;right:4px;top:4px;width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:#567087}
.itia-lms-v2-search button:hover{background:#edf6f6;color:var(--itia-lms-h-teal-dark)}
.itia-lms-v2-search svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.itia-lms-v2-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.itia-lms-v2-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 14px;border-radius:10px;text-decoration:none!important;font-size:11.5px;font-weight:850;white-space:nowrap;transition:.18s ease}
.itia-lms-v2-btn-secondary{border:1px solid #cbdbe2;background:#fff;color:#0b365f!important}
.itia-lms-v2-btn-secondary:hover{border-color:#74c7c3;background:#f5fbfb;color:var(--itia-lms-h-teal-dark)!important;transform:translateY(-1px)}
.itia-lms-v2-btn-primary{border:1px solid #c9952f;background:linear-gradient(135deg,#dfb13f,#c58b18);color:#102848!important;box-shadow:0 9px 22px rgba(201,149,47,.22)}
.itia-lms-v2-btn-primary:hover{background:linear-gradient(135deg,#e7bb4c,#cf951e);color:#102848!important;transform:translateY(-1px);box-shadow:0 12px 28px rgba(201,149,47,.28)}
.itia-lms-v2-account{position:relative;margin:0}
.itia-lms-v2-account>summary{list-style:none;display:flex;align-items:center;gap:8px;min-height:44px;padding:4px 8px 4px 5px;border:1px solid #d5e1e6;border-radius:12px;background:#fff;cursor:pointer;transition:.18s ease}
.itia-lms-v2-account>summary::-webkit-details-marker{display:none}
.itia-lms-v2-account>summary:hover{border-color:#b7d7d5;box-shadow:0 7px 18px rgba(3,22,47,.06)}
.itia-lms-v2-account>summary>img{width:34px;height:34px;border-radius:10px;object-fit:cover;background:#eef3f5}
.itia-lms-v2-account-copy{display:flex;flex-direction:column;line-height:1.15;max-width:112px}
.itia-lms-v2-account-copy small{font-size:8.5px;color:#8190a0;text-transform:uppercase;letter-spacing:.08em;font-weight:800}
.itia-lms-v2-account-copy strong{margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#20364c;font-size:10.5px;font-weight:850}
.itia-lms-v2-account>summary>svg{width:14px;height:14px;fill:none;stroke:#64788c;stroke-width:2}
.itia-lms-v2-account[open]>summary>svg{transform:rotate(180deg)}
.itia-lms-v2-account-menu{position:absolute;right:0;top:calc(100% + 9px);width:270px;padding:9px;border:1px solid #dce6ea;border-radius:16px;background:#fff;box-shadow:0 22px 55px rgba(3,22,47,.16);z-index:10030}
.itia-lms-v2-account-head{display:flex;align-items:center;gap:10px;padding:8px 8px 12px;margin-bottom:5px;border-bottom:1px solid #edf1f3}
.itia-lms-v2-account-head img{width:42px;height:42px;border-radius:11px;object-fit:cover}
.itia-lms-v2-account-head div{display:flex;flex-direction:column;min-width:0}
.itia-lms-v2-account-head strong{color:#20364c;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.itia-lms-v2-account-head small{color:#8190a0;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.itia-lms-v2-account-menu>a{display:flex;align-items:center;min-height:40px;padding:0 10px;border-radius:9px;color:#334a62!important;text-decoration:none!important;font-size:11.5px;font-weight:700}
.itia-lms-v2-account-menu>a:hover{background:#f1f7f7;color:var(--itia-lms-h-teal-dark)!important}
.itia-lms-v2-account-menu>a.itia-lms-v2-logout{margin-top:5px;border-top:1px solid #edf1f3;border-radius:0;color:#a23b3b!important}
.itia-lms-v2-menu-toggle{display:none;width:43px;height:43px;padding:0;border:1px solid #d4e0e5;border-radius:11px;background:#fff;box-shadow:0 4px 12px rgba(3,22,47,.04)}
.itia-lms-v2-menu-toggle>span:not(.visually-hidden){display:block;width:19px;height:2px;margin:4px auto;background:#20364c;border-radius:2px;transition:.18s ease}
.itia-lms-v2-menu-toggle[aria-expanded="true"]>span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.itia-lms-v2-menu-toggle[aria-expanded="true"]>span:nth-child(2){opacity:0}
.itia-lms-v2-menu-toggle[aria-expanded="true"]>span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.itia-lms-v2-mobile-actions{display:none}

@media(min-width:1101px) and (max-width:1320px){
  .itia-lms-v2-main-inner{gap:13px}
  .itia-lms-v2-brand img{width:196px;max-width:21vw}
  .itia-lms-v2-brand-label{display:none}
  .itia-lms-v2-links>a{padding-inline:7px;font-size:11px}
  .itia-lms-v2-search{max-width:175px;min-width:130px}
  .itia-lms-v2-btn{padding-inline:11px;font-size:10.5px}
  .itia-lms-v2-account-copy{display:none}
}
@media(max-width:1100px){
  .itia-lms-v2-mainbar,.itia-lms-v2-main-inner{height:70px}
  .itia-lms-v2-main-inner{gap:12px}
  .itia-lms-v2-brand img{width:210px;max-width:56vw}
  .itia-lms-v2-brand-label{display:none}
  .itia-lms-v2-menu-toggle{display:block;margin-left:auto;flex:0 0 auto}
  .itia-lms-v2-actions{display:none}
  .itia-lms-v2-nav{position:fixed;left:0;right:0;top:102px;display:block;max-height:calc(100vh - 102px);padding:14px 22px calc(28px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid #dde7eb;box-shadow:0 24px 46px rgba(3,22,47,.17);overflow:auto;opacity:0;visibility:hidden;transform:translateY(-7px);pointer-events:none;transition:.2s ease}
  .itia-lms-v2-nav.is-open{opacity:1;visibility:visible;transform:none;pointer-events:auto}
  .itia-lms-v2-links{display:block}
  .itia-lms-v2-links>a{min-height:52px;padding:0 4px;border-bottom:1px solid #edf1f3;border-radius:0;font-size:14px}
  .itia-lms-v2-search{max-width:none;width:100%;margin:14px 0 12px}
  .itia-lms-v2-search input{height:46px;font-size:13px}
  .itia-lms-v2-search button{top:7px}
  .itia-lms-v2-mobile-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:4px}
  .itia-lms-v2-mobile-actions .itia-lms-v2-btn:only-child{grid-column:1/-1}
}
@media(max-width:760px){
  .itia-lms-v2-toplinks{display:none}
  .itia-lms-v2-topbar-inner{justify-content:center}
  .itia-lms-v2-topbar-message{font-size:10px;max-width:100%}
}
@media(max-width:650px){
  .itia-lms-v2-topbar{display:none}
  .itia-lms-v2-mainbar,.itia-lms-v2-main-inner{height:66px}
  .itia-lms-v2-main-inner{padding-left:12px;padding-right:12px}
  .itia-lms-v2-brand img{width:184px;max-width:67vw}
  .itia-lms-v2-menu-toggle{width:41px;height:41px}
  .itia-lms-v2-nav{top:66px;max-height:calc(100vh - 66px);padding-left:16px;padding-right:16px}
  .itia-lms-v2-mobile-actions{grid-template-columns:1fr}
}
@media(max-width:380px){.itia-lms-v2-brand img{width:168px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}.itia-lms-header-v2 *{transition:none!important}}