/* Khan Enterprises admin panel - responsive UI (v4) */
/* font scaling per breakpoint (base Quasar body is 20px) */
html{font-size:16px}
body{font-size:16px}
@media (min-width:1440px){
  html{font-size:16px}
  body{font-size:20px}
}
@media (min-width:1024px) and (max-width:1439.98px){
  html{font-size:15px}
  body{font-size:18px}
}
@media (min-width:600px) and (max-width:1023.98px){
  html{font-size:15px}
  body{font-size:16px}
}
@media (max-width:599.98px){
  html{font-size:14px}
  body{font-size:15px}
}

/* buttons: sentence-case, comfortable sizes */
.q-btn{text-transform:none;font-weight:500}
@media (max-width:599.98px){
  .q-btn:not(.q-btn--round):not(.q-btn--flat):not(.q-btn--text):not(.q-btn--dense){min-height:40px;padding-left:14px;padding-right:14px}
}
@media (min-width:600px) and (max-width:1023.98px){
  .q-btn:not(.q-btn--round):not(.q-btn--flat):not(.q-btn--text){min-height:36px}
}

/* header / logout */
.q-header .q-toolbar{min-height:48px}
.q-header .q-toolbar__title{font-weight:600;letter-spacing:.03em}
.q-header .q-item{padding:4px 10px;border-radius:8px}
.q-header .q-item:hover{background:rgba(255,255,255,.12)}
.q-header .q-item__label{font-size:.9rem;font-weight:500}
@media (max-width:599.98px){
  .q-header .q-toolbar{min-height:44px}
  .q-header .q-toolbar__title{font-size:1.05rem}
  .q-header .q-item__label{font-size:.75rem}
}

/* sidebar / drawer */
.q-drawer .q-item{padding:11px 16px;font-size:.95rem}
.q-drawer .q-item__section--side{min-width:34px}
@media (max-width:599.98px){
  .q-drawer{width:min(80vw,280px)!important}
  .q-drawer .q-item{padding:13px 16px}
}

/* tables: keep cells compact on small screens */
@media (max-width:599.98px){
  .q-table thead th,.q-table tbody td{padding:6px 8px}
  .q-table .q-btn{padding:0 6px;font-size:.8rem}
}

/* forms: slightly smaller input text on phones */
@media (max-width:599.98px){
  .q-field__native,.q-field__input{font-size:.95rem}
}