/* ClickRestaurante · navegación de negocio v3.34.1.
   Sobrescribe únicamente el panel lateral; no modifica el logo ni el cargador. */
@media (min-width:781px){
  .app{grid-template-columns:300px minmax(0,1fr)}
}
.sidebar{
  width:300px;
  padding:18px 14px 24px;
  overscroll-behavior:contain;
  scrollbar-color:#d9cfdf transparent;
  scrollbar-width:thin;
}
.sidebar .brand-lockup{
  margin:0 2px 14px!important;
  padding:7px 8px 19px!important;
  gap:12px!important;
  min-height:74px;
  font-size:17px!important;
  line-height:1.25;
  border-bottom:1px solid #eee8f1!important;
}
.sidebar .brand-lockup .panel-caption{font-size:12px;letter-spacing:0;line-height:1.4;margin-top:4px;color:#807389}
.sidebar .brand-mark{width:46px;height:46px;flex:0 0 46px;border-radius:14px!important}
.sidebar .brand-mark img{width:100%;height:100%;object-fit:contain}
.sidebar .nav-group{padding:3px 0 6px;border-bottom:1px solid #f0ebf2}
.sidebar .nav-group-toggle{
  width:100%;min-height:45px;padding:11px 12px;margin:0;
  border:0;border-radius:10px;background:transparent;
  display:flex;align-items:center;gap:8px;
  color:#675b70!important;font:750 12.5px/1.35 ui-sans-serif,system-ui,sans-serif;
  letter-spacing:.035em;text-transform:uppercase;
  text-align:left;cursor:pointer;
}
.sidebar .nav-group-toggle:hover{background:#f8f5f9;color:#593d66!important}
.sidebar .nav-group-toggle>span:first-child{flex:1}
.sidebar .nav-chevron{font-size:20px;font-weight:500;line-height:1;color:#877791}
.sidebar .nav-group-items{padding:2px 0 8px}
.sidebar .nav-btn{
  width:100%;min-height:44px;margin:2px 0;padding:7px 11px;
  display:flex;align-items:center;gap:12px;
  border:0;border-radius:11px!important;background:transparent;
  color:#35283d!important;text-decoration:none!important;
  font:550 14.5px/1.3 ui-sans-serif,system-ui,sans-serif;
  text-align:left;cursor:pointer;white-space:normal;
  transition:background .15s ease,color .15s ease;
}
.sidebar a.nav-btn,.sidebar a.nav-btn:visited{color:#35283d!important;text-decoration:none!important}
.sidebar .nav-btn:hover,.sidebar a.nav-btn:hover{background:#f6f1f8!important;color:#593d66!important}
.sidebar .nav-btn.active{background:#eee7f3!important;color:#593d66!important;box-shadow:inset 3px 0 #ff7010!important;font-weight:720}
.sidebar .nav-icon{
  display:grid;place-items:center;
  flex:0 0 30px;width:30px;height:30px;
  background:#fff1e8!important;border-radius:10px!important;
  color:#b9531e!important;font-size:16px;line-height:1;
}
.sidebar .nav-label{min-width:0;flex:1;overflow-wrap:break-word}
.sidebar .nav-section{font-size:12px;font-weight:750;letter-spacing:.035em;padding:18px 12px 9px}
.sidebar .nav-btn:focus-visible,.sidebar .nav-group-toggle:focus-visible{outline:2px solid #ff7010!important;outline-offset:2px}
@media(max-width:780px){
  .sidebar{width:min(300px,calc(100vw - 36px));left:-320px;z-index:40;max-width:100vw;transition:left .2s ease}
  .sidebar.open{left:0}
  .sidebar .nav-btn{min-height:46px}
}
@media(prefers-reduced-motion:reduce){.sidebar,.sidebar .nav-btn{transition:none}}
