/* Kliko admin navigation: grouped sidebar headings + mobile slide-in drawer.
   Loaded last so it wins the flat mobile-strip rules in app.css/ltr.css. */

.nav-group{display:block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#a89e83;margin:16px 14px 5px;white-space:nowrap}

.nav-toggle{display:none}
.admin-scrim{display:none}
.restock-err{display:block;font-size:12px;color:#a73c30;margin-top:4px}

@media(max-width:600px){
  .nav-toggle{display:grid;place-items:center;width:44px;height:44px;flex:0 0 auto;background:#fffdf5;border:1px solid var(--line);border-radius:12px;color:var(--ink);cursor:pointer}
  .nav-toggle .icon{width:22px;height:22px}
  .admin-page .app-header{display:flex;align-items:center;gap:10px;padding:10px 12px;height:60px}

  .admin-sidebar{position:fixed;top:0;bottom:0;right:0;left:auto;width:min(280px,84vw);height:100dvh;display:block;align-items:initial;overflow-y:auto;overflow-x:hidden;padding:14px 12px;z-index:80;background:#fffdf8;box-shadow:-10px 0 34px rgba(20,18,10,.22);transform:translateX(100%);transition:transform .28s ease}
  html[dir=ltr] .admin-sidebar{right:auto;left:0;transform:translateX(-100%);box-shadow:10px 0 34px rgba(20,18,10,.22)}
  body.nav-open .admin-sidebar{transform:translateX(0)}

  .admin-sidebar>.brand{height:54px;margin:0 0 14px;justify-content:flex-start;font-size:22px;border-bottom:1px solid var(--line)}
  html[dir=ltr] .admin-sidebar>.brand{margin:0 0 14px;justify-content:flex-start}
  .admin-sidebar>a:not(.brand){min-height:46px;padding:11px 13px;font-size:15px;border-radius:11px}
  html[dir=ltr] .admin-sidebar>a:not(.brand){min-height:46px;padding:11px 13px;font-size:15px}
  .nav-group{margin:14px 14px 5px}

  .admin-scrim{display:block;position:fixed;inset:0;background:rgba(20,18,10,.45);z-index:75;opacity:0;pointer-events:none;transition:opacity .28s ease}
  body.nav-open .admin-scrim{opacity:1;pointer-events:auto}
}