/* global (desktop & HP): nama disembunyikan, tombol ikon rapat kanan */
#uName{display:none !important}
#uRole{display:none !important}
#uAv{display:none !important}
#ubox{margin-left:auto;display:flex;align-items:center;gap:8px}
#ubox button{min-width:38px;height:38px;padding:0 10px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center}
/* portal-mobile.css v pm6 — Portal HUIT — 14 Jul 2026 */
@media (max-width: 640px) {
  body { zoom: .9; -webkit-text-size-adjust: 100%; }
  .topbar { padding: 10px 12px; gap: 8px; flex-wrap: wrap; row-gap: 6px; }
  .logo { font-size: 14px; padding: 5px 9px; }
  .logo .lp { width: 12px; height: 12px; border-width: 3px; }
  .brand { gap: 8px; min-width: 0; }
  .brand > div > div:nth-child(2) { display: none; }
  .brand .t { font-size: 13.5px; white-space: nowrap; }
  #uAv { display: none !important; }
  #uRole { display: none !important; }
  #uName { display: none !important; }
  #ubox { margin-left: auto; display: flex; align-items: center; gap: 8px; }
  #ubox button { width: 38px; height: 38px; padding: 0 !important; border-radius: 11px; font-size: 16px; display: inline-flex; align-items: center; justify-content: center; }
  .topbar button, .topbar .btn { padding: 7px 10px; font-size: 12px; white-space: nowrap; }
  .wrap { padding-left: 12px; padding-right: 12px; }
  h1 { font-size: 19px; }
  table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  th, td { white-space: nowrap; }
}
@media (max-width: 400px) {
  .topbar { padding: 8px 8px; }
  .topbar button, .topbar .btn { padding: 6px 8px; font-size: 11px; }
}

/* tombol START ala engine start mobil */
.engineBtn{position:relative;width:50px;height:50px;min-width:50px;border-radius:50% !important;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:0 !important;cursor:pointer;transition:filter .15s, box-shadow .15s;border:2px solid #23262a !important;background:radial-gradient(circle at 50% 32%, #4c5055 0%, #33363a 48%, #1c1e21 100%) !important;box-shadow:0 0 0 2px #19dd5c, 0 0 9px 2px rgba(25,221,92,.55), 0 0 0 5px #c9ced4, 0 0 0 6px #585d63, 0 5px 12px rgba(0,0,0,.55), inset 0 1px 3px rgba(255,255,255,.14), inset 0 -3px 6px rgba(0,0,0,.5);}
.engineBtn:hover{filter:brightness(1.12);box-shadow:0 0 0 2px #2bf06e, 0 0 13px 3px rgba(43,240,110,.75), 0 0 0 5px #d4d9df, 0 0 0 6px #63686e, 0 5px 12px rgba(0,0,0,.55), inset 0 1px 3px rgba(255,255,255,.14), inset 0 -3px 6px rgba(0,0,0,.5)}
.engineBtn:active{filter:brightness(.95);transform:scale(.97)}
.engineBtn .engineLed{display:block;width:15px;height:5px;border-radius:3px;background:#1ee85e;box-shadow:0 0 6px 1px rgba(30,232,94,.85), inset 0 1px 1px rgba(255,255,255,.5)}
.engineBtn .engineTx{font-size:6.5px;line-height:1.15;letter-spacing:.4px;color:#e9ebed;font-weight:800;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);font-family:Arial,Helvetica,sans-serif}
.engineBtn .engineIco{display:none}
@media (max-width:640px){.engineBtn{width:46px;height:46px;min-width:46px}.engineBtn .engineTx{font-size:6px}.engineBtn .engineLed{width:13px;height:5px}}