/* AirKita v79 — branding produksi & header ringkas. UI-only. */
:root{--side:218px!important}

/* Sidebar lebih ramping supaya ruang kerja lebih luas. */
@media (min-width:901px){
  .layout{grid-template-columns:218px minmax(0,1fr)!important}
  .side{width:218px!important;min-width:218px!important;padding:14px 10px 24px!important}
  .content{padding-left:22px!important;padding-right:22px!important}
}

/* Branding resmi: logo pengguna + AIRKITA / AirKita. */
.side .tk-brand-new{
  display:flex!important;align-items:center!important;gap:10px!important;
  min-height:56px!important;margin:0 4px 10px!important;padding:4px 2px!important;
  text-transform:none!important;letter-spacing:0!important;
}
.side .tk-brand-new::before{display:none!important;content:none!important}
.tk-brand-logo{
  display:grid!important;place-items:center!important;flex:0 0 46px!important;
  width:46px!important;height:46px!important;border-radius:13px!important;
  overflow:hidden!important;background:#fff!important;border:1px solid rgba(255,255,255,.45)!important;
  box-shadow:0 7px 18px rgba(0,0,0,.14)!important;
}
.tk-brand-logo img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
.tk-brand-copy{display:flex!important;flex-direction:column!important;min-width:0!important;line-height:1.1!important}
.tk-brand-copy strong{
  color:#fff!important;font-size:17px!important;font-weight:900!important;letter-spacing:.08em!important;
  white-space:nowrap!important;
}
.tk-brand-copy small{
  margin-top:5px!important;color:#d9eee9!important;font-size:11px!important;font-weight:650!important;letter-spacing:.04em!important;
}
.side>.tk-store-name{display:none!important}

/* Header produksi lebih pendek dan kontrol akun lebih ringkas. */
.top{
  min-height:72px!important;height:auto!important;padding:11px 18px!important;gap:14px!important;
}
.tk-top-title{padding-top:14px!important}
.tk-top-title::before{font-size:8.5px!important;letter-spacing:.13em!important}
.tk-top-title strong{font-size:20px!important;line-height:1.15!important}
.tk-top-subtitle{font-size:11.5px!important}
.tk-top-actions{gap:6px!important}
.tk-user-label{min-height:32px!important;padding:0 4px!important;font-size:11px!important}
.tk-account-btn{
  min-height:32px!important;height:32px!important;padding:5px 9px!important;border-radius:9px!important;
  font-size:11px!important;line-height:1!important;
}
.tk-top-logout-form{display:flex!important;align-items:center!important}
.tk-top-logout-form .tk-logout-btn{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;
  padding:0!important;border-radius:50%!important;background:#fff4f3!important;border:1px solid #efb7b2!important;
  color:#c4271c!important;font-size:17px!important;line-height:1!important;
}
.tk-top-logout-form .tk-logout-btn span{display:block!important;transform:translateX(-1px)!important}

/* Sidebar menu sedikit lebih padat tanpa mengurangi keterbacaan. */
.side .nav summary{min-height:36px!important;padding-top:8px!important;padding-bottom:8px!important;font-size:12px!important}
.side .nav a,.side .nav details>a{min-height:34px!important;padding-top:7px!important;padding-bottom:7px!important;font-size:12px!important}

@media (max-width:1100px) and (min-width:901px){
  :root{--side:205px!important}
  .layout{grid-template-columns:205px minmax(0,1fr)!important}
  .side{width:205px!important;min-width:205px!important}
  .tk-user-label{display:none!important}
}

@media (max-width:900px){
  .side{width:min(82vw,280px)!important;min-width:0!important;padding:15px 11px 24px!important}
  .tk-brand-copy strong{font-size:16px!important}
  .top{min-height:60px!important;padding:8px 10px!important}
  .tk-top-title{padding-top:12px!important}
  .tk-top-title strong{font-size:17px!important}
  .tk-top-actions{gap:4px!important}
  .tk-account-btn{display:none!important}
  .tk-top-logout-form .tk-logout-btn{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important}
}