/*
 * Portal Guru akun sekolah v117.
 * Wadah ini hanya ada ketika pengguna masuk memakai schoolEmployeeToken.
 */
@media (max-width: 767px) {
  #root header + div[class~="md:hidden"] {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr) minmax(0, 1.15fr) !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    min-height: 54px !important;
    height: 54px !important;
    padding: 6px 12px !important;
    gap: 8px !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  #root header + div[class~="md:hidden"] > button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 8px !important;
    border: 1px solid transparent !important;
    border-left-width: 1px !important;
    border-radius: 10px !important;
    background: #f3f4f6 !important;
    color: #6b7280 !important;
    box-shadow: none !important;
    transform: none !important;
    white-space: nowrap !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  #root
    header
    + div[class~="md:hidden"]
    > button[class*="bg-emerald-"] {
    border-color: #10b981 !important;
    border-left-width: 4px !important;
    background: #effcf8 !important;
    color: #047857 !important;
    box-shadow: 0 7px 16px rgba(15, 23, 42, .07) !important;
  }
}