/* Naliway AutoPOS — Uniform Public Navigation */
.public-nav{
  position:relative; z-index:1000; width:100%; height:72px;
  display:flex; align-items:center; justify-content:space-between;
  gap:20px; padding:0 5%; background:#fff;
  border-bottom:1px solid #e7ebf2; box-shadow:0 4px 18px rgba(7,24,52,.035);
}
.public-nav .brand{
  display:inline-flex; align-items:center; gap:0; flex:0 0 auto;
  min-width:0; max-width:calc(100% - 64px);
  color:#0b2a52; font-size:23px; line-height:1; font-weight:900;
  letter-spacing:-.7px; white-space:nowrap; text-decoration:none;
}
.public-nav .brand span{color:#ff7a18}
.public-actions{display:flex; align-items:center; justify-content:flex-end; gap:18px; min-width:0}
.public-actions>a:not(.btn){font-size:13px;font-weight:800;color:#23364e;text-decoration:none;white-space:nowrap;transition:color .15s ease}
.public-actions>a:not(.btn):hover,.public-actions>a.active{color:#ff7a18}
.public-nav .btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 17px;border-radius:12px;text-decoration:none;font-weight:850;white-space:nowrap}
.public-nav .btn.ghost{background:#fff;color:#0b1b33;border:1px solid #dfe5ee}
.public-nav .btn.orange,.public-nav .btn:not(.ghost){background:#ff7a18;color:#fff;border:1px solid #ff7a18}
.menu-toggle{
  display:none; width:44px; height:44px; padding:0; flex:0 0 44px;
  border:1px solid #dfe5ee; border-radius:12px; background:#fff;
  align-items:center; justify-content:center; flex-direction:column; gap:5px;
  cursor:pointer; box-shadow:0 5px 16px rgba(2,10,28,.06);
}
.menu-toggle span{display:block;width:21px;height:2px;border-radius:10px;background:#0b2a52;transition:transform .25s ease,opacity .25s ease}
.menu-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-toggle.active span:nth-child(2){opacity:0}
.menu-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mobile-menu-overlay{
  position:fixed;inset:0;background:rgba(3,18,38,.58);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);
  opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility .25s ease;z-index:1090
}
.mobile-menu-overlay.active{opacity:1;visibility:visible;pointer-events:auto}
.mobile-menu{
  position:fixed;top:0;left:0;width:min(340px,86vw);height:100vh;height:100dvh;background:#fff;z-index:1100;
  display:flex;flex-direction:column;transform:translateX(-105%);visibility:hidden;
  box-shadow:20px 0 60px rgba(2,10,28,.18);transition:transform .32s cubic-bezier(.4,0,.2,1),visibility .32s ease;
  overflow-y:auto;overscroll-behavior:contain
}
.mobile-menu.active{transform:translateX(0);visibility:visible}
.mobile-menu-header{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 18px;border-bottom:1px solid #e7ebf2;flex-shrink:0}
.mobile-menu-header .brand{font-size:20px;max-width:calc(100% - 56px)}
.menu-close{width:40px;height:40px;display:grid;place-items:center;flex-shrink:0;border:1px solid #dfe5ee;border-radius:11px;background:#fff;color:#0b2a52;font-size:18px;cursor:pointer}
.mobile-menu-links{display:flex;flex-direction:column;padding:20px 14px;gap:5px;flex:1}
.mobile-menu-links a{display:flex;align-items:center;gap:14px;width:100%;padding:13px 14px;border-radius:12px;color:#31455f;font-size:14px;font-weight:800;text-decoration:none;transition:background .2s ease,color .2s ease,transform .2s ease}
.mobile-menu-links a i{width:22px;text-align:center;color:#ff7a18;font-size:16px}
.mobile-menu-links a:hover{color:#0b2a52;background:#f6f8fc;transform:translateX(3px)}
.mobile-menu-links a.active{color:#0b2a52;background:#fff0e6}
.mobile-menu-actions{display:grid;grid-template-columns:1fr;gap:10px;padding:18px 20px;border-top:1px solid #e7ebf2}
.mobile-menu-actions .btn{width:100%;min-height:46px}
.mobile-menu-footer{padding:0 20px 20px;text-align:center;color:#77869a;font-size:11px;font-weight:700}
body.menu-open{overflow:hidden}
@media(max-width:1000px){.public-actions>a:not(.btn){display:none}.public-actions{display:flex}.public-actions>a.btn{display:none}.menu-toggle{display:flex}}
@media(min-width:1001px){.mobile-menu,.mobile-menu-overlay{display:none!important}}
@media(max-width:600px){
  .public-nav{height:66px;padding:0 14px}
  .public-nav .brand{font-size:20px;letter-spacing:-.55px}
  .menu-toggle{width:44px;height:44px;flex-basis:44px}
}
@media(max-width:380px){.public-nav{padding:0 10px}.public-nav .brand{font-size:18px}}