/* SEMS shared nav (สลับธีม / กลับเมนู / ผู้ใช้ / ออกจากระบบ) */
.sems-nav{ order:9; display:flex; align-items:center; gap:8px; flex-wrap:wrap; }

.sems-user{
  display:flex; align-items:center; gap:8px;
  background:var(--bg-raised, #22262b);
  border:1px solid var(--line-strong, #3a4147);
  border-radius:9px; padding:5px 11px;
}
.sems-avatar{
  width:24px; height:24px; border-radius:50%; flex:0 0 auto;
  background:linear-gradient(135deg, var(--amber, #f5a623), var(--amber-dim, #7a5716));
  color:#14171a; font-weight:800; font-size:11px;
  display:flex; align-items:center; justify-content:center;
}
.sems-uname{ font-size:12px; font-weight:600; color:var(--ink, #e9edf1); line-height:1.2; }
.sems-urole{
  font-size:9.5px; font-family:'IBM Plex Mono', ui-monospace, monospace;
  color:var(--amber, #f5a623); text-transform:uppercase; letter-spacing:.6px;
}
.sems-btn{
  background:var(--bg-raised, #22262b);
  border:1px solid var(--line-strong, #3a4147);
  color:var(--ink, #e9edf1);
  border-radius:9px; padding:7px 13px; font-size:12.5px; font-weight:600; cursor:pointer;
  font-family:'Inter', -apple-system, 'Segoe UI', sans-serif; white-space:nowrap;
}
.sems-btn:hover{ border-color:var(--amber, #f5a623); color:var(--amber, #f5a623); }
.sems-btn.out{ color:var(--ink-dim, #8a939c); }
.sems-btn.out:hover{ color:var(--danger, #e2554b); border-color:var(--danger, #e2554b); }
.sems-btn.icon{ width:34px; padding:0; display:inline-flex; align-items:center; justify-content:center; font-size:15px; }

/* มือถือ: ย่อแถบนำทางให้พอดีจอ */
@media (max-width:720px){
  .sems-nav{ gap:6px; }
  .sems-btn{ padding:6px 10px; font-size:12px; }
  .sems-uinfo{ display:none; }
  .sems-user{ padding:5px; border-radius:50%; }
}

@media print{ .sems-nav{ display:none !important; } }