/* Navigation helpers: fold the menu to icons, a quick "+ New" menu, and a full-width POS. */

/* ---------- Folded menu (icons only) – wide screens ---------- */
@media (min-width: 992px) {
  html.sb-mini { --sidebar-w: 78px; }
  html.sb-mini body:not(.is-pos) .app-sidebar .brand { justify-content: center; padding-inline: 0; }
  html.sb-mini body:not(.is-pos) .app-sidebar .brand > span:not(.brand-logo),
  html.sb-mini body:not(.is-pos) .sidebar-user .who { display: none; }
  html.sb-mini body:not(.is-pos) .sidebar-user { justify-content: center; padding: .5rem; margin-inline: .7rem; }
  html.sb-mini body:not(.is-pos) .nav-section { font-size: 0; padding: .6rem 0 .3rem; margin: 0 1.3rem; border-top: 1px solid rgba(255,255,255,.08); }
  html.sb-mini body:not(.is-pos) .app-sidebar .nav-link { font-size: 0; justify-content: center; padding: .62rem 0; margin-inline: .7rem; position: relative; }
  html.sb-mini body:not(.is-pos) .app-sidebar .nav-link i { font-size: 1.15rem; width: auto; }
  html.sb-mini body:not(.is-pos) .app-sidebar .nav-link .badge { position: absolute; top: 3px; inset-inline-end: 6px; font-size: .6rem; padding: .15rem .3rem; }
  html.sb-mini body:not(.is-pos) .app-sidebar .nav-link.active { box-shadow: none; }

}

/* ---------- Quick "+ New" ---------- */
.pm-quick-btn { display: inline-flex; align-items: center; gap: 4px; height: 38px; padding: 0 14px; border-radius: 99px; border: 0;
  background: var(--brand, #0F5B66); color: #fff; font-weight: 600; font-size: .86rem; white-space: nowrap; }
.pm-quick-btn:hover { filter: brightness(1.08); }
.pm-quick-menu { min-width: 290px; padding: 6px; border-radius: 14px; border: 1px solid var(--line, #e3e8ea); box-shadow: 0 18px 40px -16px rgba(8, 20, 22, .35); }
.pm-quick-menu .dropdown-item { display: flex; gap: 12px; align-items: flex-start; padding: 10px 12px; border-radius: 10px; white-space: normal; }
.pm-quick-menu .dropdown-item > i { width: 34px; height: 34px; flex: 0 0 34px; display: grid; place-items: center; border-radius: 9px;
  background: var(--pm-sea-soft, #E3F1F1); color: var(--pm-sea, #0F5B66); font-size: 1.05rem; }
.pm-quick-menu b { display: block; font-weight: 600; font-size: .9rem; }
.pm-quick-menu small { display: block; color: var(--muted, #6b7b83); font-size: .76rem; }
html[data-theme="dark"] .pm-quick-menu { background: #10242B; border-color: #20363E; }
html[data-theme="dark"] .pm-quick-menu .dropdown-item { color: #E6EEF0; }
html[data-theme="dark"] .pm-quick-menu .dropdown-item:hover { background: #18323A; }
html[data-theme="dark"] .pm-quick-menu .dropdown-item > i { background: #173B42; color: #6FD3DB; }
@media (max-width: 575.98px) { .pm-quick-btn { width: 38px; padding: 0; justify-content: center; } }

/* ---------- POS: the whole width is for the order; the menu slides in ---------- */
body.is-pos { --sidebar-w: 0px; }
body.is-pos .app-sidebar { transform: translateX(-100%); transition: transform .25s cubic-bezier(.23, 1, .32, 1); width: 260px; }
body.is-pos .app-sidebar.show { transform: none; box-shadow: 0 0 40px rgba(0, 0, 0, .3); }
html[dir="rtl"] body.is-pos .app-sidebar { transform: translateX(100%); }
html[dir="rtl"] body.is-pos .app-sidebar.show { transform: none; }
body.is-pos .app-main { margin-left: 0 !important; margin-right: 0 !important; }
body.is-pos .app-content { max-width: none; padding: 12px; }