/* FOODOS V6_29 / 84.71.0
   Sales wallet badge, fast staged settlement, drag edge scrolling and menu-state fixes. */

/* Customer-club wallet status stays inside the selected customer card. */
.pc-order-customer-selected-copy{
  display:grid;
  flex:1 1 auto;
  min-width:0;
  gap:5px;
}
.pc-order-customer-wallet-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:max-content;
  max-width:100%;
  min-height:23px;
  padding:2px 8px;
  border:1px solid transparent;
  border-radius:999px;
  font-size:.62rem;
  font-weight:950;
  line-height:1.45;
  white-space:nowrap;
}
.pc-order-customer-wallet-badge.is-empty{
  border-color:#fcd34d;
  background:#fffbeb;
  color:#92400e;
}
.pc-order-customer-wallet-badge.is-ready{
  border-color:#86efac;
  background:#f0fdf4;
  color:#166534;
}
.pc-order-customer-wallet-badge.is-loading,
.pc-order-customer-wallet-badge.is-error{
  border-color:#fde68a;
  background:#fefce8;
  color:#854d0e;
}

/* The manual amount field keeps its calm surface without a focus ring/border. */
.pc-settle-payment-input-wrap:focus-within{
  border-color:transparent!important;
  outline:0!important;
  box-shadow:none!important;
}
.pc-settle-payment-input-wrap input:focus,
.pc-settle-payment-input-wrap input:focus-visible{
  border-color:transparent!important;
  outline:0!important;
  box-shadow:none!important;
}

/* Selected menu rows always retain a high-contrast foreground and surface. */
.side-menu-panel .menu-item.is-current:not(.menu-item-logout),
.side-menu-panel .menu-item[aria-current="page"]:not(.menu-item-logout){
  border-color:#0369a1!important;
  background:#0369a1!important;
  background-image:none!important;
  color:#fff!important;
  box-shadow:0 9px 22px rgba(3,105,161,.24)!important;
}
.side-menu-panel .menu-item.is-current:not(.menu-item-logout) .icon,
.side-menu-panel .menu-item[aria-current="page"]:not(.menu-item-logout) .icon{
  background:rgba(255,255,255,.16)!important;
  color:#fff!important;
  fill:currentColor!important;
}
.side-menu-panel .menu-item.is-current:not(.menu-item-logout)::after,
.side-menu-panel .menu-item[aria-current="page"]:not(.menu-item-logout)::after{
  background:#fff!important;
}

/* Menu parents disclose children with a visible chevron and start collapsed. */
.side-menu-panel .menu-submenu-group{display:grid!important;width:100%!important;gap:5px!important}
.side-menu-panel .menu-submenu-parent{width:100%!important}
.side-menu-panel .menu-submenu-parent>span{flex:1 1 auto!important;min-width:0!important}
.side-menu-panel .menu-submenu-arrow{
  display:block!important;
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  min-height:18px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#64748b!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2.2!important;
  transition:transform .18s ease!important;
}
.side-menu-panel .menu-submenu-parent[aria-expanded="true"] .menu-submenu-arrow,
.side-menu-panel .menu-submenu-group.is-open>.menu-submenu-parent .menu-submenu-arrow{transform:rotate(-90deg)!important}
.side-menu-panel .menu-submenu[hidden]{display:none!important}
.side-menu-panel .menu-submenu-group.is-open>.menu-submenu:not([hidden]){display:grid!important}
.side-menu-panel .menu-submenu{
  margin:0 12px 3px 0!important;
  padding:5px 11px 5px 0!important;
  border-inline-start:2px solid #bae6fd!important;
  gap:5px!important;
}
.side-menu-panel .menu-submenu button{
  min-height:39px!important;
  padding:8px 11px!important;
  border:1px solid #e2e8f0!important;
  border-radius:11px!important;
  background:#f8fafc!important;
  background-image:none!important;
  color:#334155!important;
  box-shadow:none!important;
  font-size:.72rem!important;
  font-weight:850!important;
}
.side-menu-panel .menu-submenu button:hover,
.side-menu-panel .menu-submenu button:active{
  border-color:#bae6fd!important;
  background:#e0f2fe!important;
  color:#075985!important;
  box-shadow:none!important;
}
.side-menu-panel .menu-submenu button.is-current,
.side-menu-panel .menu-submenu button[aria-current="page"]{
  border-color:#0369a1!important;
  background:#0369a1!important;
  color:#fff!important;
  box-shadow:0 7px 17px rgba(3,105,161,.20)!important;
}
.side-menu-panel .menu-submenu-parent.has-current-child:not([aria-expanded="true"]){
  border-color:#bae6fd!important;
  background:#f0f9ff!important;
  color:#075985!important;
}
.side-menu-panel .menu-submenu-parent.has-current-child:not([aria-expanded="true"]) .menu-submenu-arrow{color:#0284c7!important}

html.pc-dark-mode .pc-order-customer-wallet-badge.is-empty,
body.pc-dark-mode .pc-order-customer-wallet-badge.is-empty{
  border-color:rgba(251,191,36,.42);
  background:rgba(245,158,11,.13);
  color:#fde68a;
}
html.pc-dark-mode .pc-order-customer-wallet-badge.is-ready,
body.pc-dark-mode .pc-order-customer-wallet-badge.is-ready{
  border-color:rgba(74,222,128,.36);
  background:rgba(34,197,94,.12);
  color:#bbf7d0;
}
html.pc-dark-mode .pc-order-customer-wallet-badge.is-loading,
html.pc-dark-mode .pc-order-customer-wallet-badge.is-error,
body.pc-dark-mode .pc-order-customer-wallet-badge.is-loading,
body.pc-dark-mode .pc-order-customer-wallet-badge.is-error{
  border-color:rgba(250,204,21,.34);
  background:rgba(234,179,8,.11);
  color:#fde68a;
}
html.pc-dark-mode .pc-settle-payment-input-wrap:focus-within,
body.pc-dark-mode .pc-settle-payment-input-wrap:focus-within{
  border-color:transparent!important;
  outline:0!important;
  box-shadow:none!important;
}
html.pc-dark-mode .side-menu-panel .menu-item.is-current:not(.menu-item-logout),
html.pc-dark-mode .side-menu-panel .menu-item[aria-current="page"]:not(.menu-item-logout),
body.pc-dark-mode .side-menu-panel .menu-item.is-current:not(.menu-item-logout),
body.pc-dark-mode .side-menu-panel .menu-item[aria-current="page"]:not(.menu-item-logout){
  border-color:#38bdf8!important;
  background:#075985!important;
  color:#fff!important;
}
html.pc-dark-mode .side-menu-panel .menu-submenu-arrow,
body.pc-dark-mode .side-menu-panel .menu-submenu-arrow{color:#94a3b8!important}
html.pc-dark-mode .side-menu-panel .menu-submenu,
body.pc-dark-mode .side-menu-panel .menu-submenu{border-inline-start-color:#334155!important}
html.pc-dark-mode .side-menu-panel .menu-submenu button,
body.pc-dark-mode .side-menu-panel .menu-submenu button{
  border-color:#334155!important;
  background:#111827!important;
  color:#cbd5e1!important;
  box-shadow:none!important;
}
html.pc-dark-mode .side-menu-panel .menu-submenu button:hover,
html.pc-dark-mode .side-menu-panel .menu-submenu button:active,
body.pc-dark-mode .side-menu-panel .menu-submenu button:hover,
body.pc-dark-mode .side-menu-panel .menu-submenu button:active{
  border-color:#0c4a6e!important;
  background:#0c263b!important;
  color:#bae6fd!important;
}
html.pc-dark-mode .side-menu-panel .menu-submenu button.is-current,
html.pc-dark-mode .side-menu-panel .menu-submenu button[aria-current="page"],
body.pc-dark-mode .side-menu-panel .menu-submenu button.is-current,
body.pc-dark-mode .side-menu-panel .menu-submenu button[aria-current="page"]{
  border-color:#38bdf8!important;
  background:#075985!important;
  color:#fff!important;
}
html.pc-dark-mode .side-menu-panel .menu-submenu-parent.has-current-child:not([aria-expanded="true"]),
body.pc-dark-mode .side-menu-panel .menu-submenu-parent.has-current-child:not([aria-expanded="true"]){
  border-color:#0c4a6e!important;
  background:#0c263b!important;
  color:#bae6fd!important;
}