html{scrollbar-gutter:stable}
.pos-r77-shift{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px;margin:8px 0;border:1px solid #b8d7d9;border-radius:12px;background:#eefaf7;color:#174d53}
.pos-r77-shift strong{font-size:13px}
.pos-r77-shift button,.pos-r77-dialog button{min-height:36px;border:1px solid #90b8ba;border-radius:9px;padding:6px 12px;background:#fff;color:#16515a;font-weight:700;cursor:pointer}
.pos-r77-price-mode{min-width:130px;max-width:200px;min-height:32px;font-size:12px}
.pos-r77-transfer{display:grid;gap:8px;margin:10px 0;padding:10px;border:1px solid #b7d9da;border-radius:10px;background:#f5fbfc}
.pos-r77-transfer label{display:grid;gap:4px;font-size:12px}.pos-r77-transfer input{min-width:0;max-width:100%;font-size:14px}.pos-r77-transfer small{color:#4c6670}
.pos-r77-preview{font-size:12px;color:#315b66;overflow-wrap:anywhere}.pos-r77-preview img{display:block;max-width:180px;max-height:120px;margin-top:6px;border-radius:6px;object-fit:contain}
.pos-r77-overlay{position:fixed;inset:0;z-index:20000;display:grid;place-items:center;padding:16px;background:rgba(15,34,48,.72)}
.pos-r77-overlay.nested{z-index:20001}.pos-r77-dialog{display:grid;gap:12px;max-height:92vh;overflow:auto;width:min(700px,100%);padding:22px;border-radius:17px;background:#fff;color:#182d37;box-shadow:0 20px 60px rgba(0,0,0,.25)}
.pos-r77-dialog label{display:grid;gap:4px;font-size:13px}.pos-r77-dialog input,.pos-r77-dialog select,.pos-r77-dialog textarea{width:100%;min-height:36px;border:1px solid #b8cdd5;border-radius:8px;padding:7px;font:inherit}.pos-r77-dialog>div:last-child{display:flex;justify-content:flex-end;gap:9px}
.returns-r77-center{width:min(850px,100%)}.returns-r77-center header,.returns-r77-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.returns-r77-row{padding:12px 0;border-top:1px solid #dce8ec}.returns-r77-row>div:first-child{display:grid;gap:4px}.returns-r77-row small{color:#58727d}.returns-r77-row>div:last-child{display:flex;gap:6px;flex-wrap:wrap}
@media(max-width:680px){.returns-r77-row{display:grid}.pos-r77-dialog{padding:15px}.pos-r77-shift{font-size:12px}}

/* R78: the sidebar has a viewport height independent of the catalog's page height. */
html[data-pn360-build="pos"] body #sidebar.sidebar-v6555 > .sync-row{
  order:3!important;flex:0 0 auto!important;margin:0 8px 12px!important;
}
@media(min-width:1181px){
  html[data-pn360-build="pos"] body #sidebar.sidebar.sidebar-v6555{
    position:sticky!important;top:0!important;bottom:auto!important;
    height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important;
    align-self:start!important;overflow:hidden!important;box-sizing:border-box!important;
  }
  html[data-pn360-build="pos"] body #sidebar.sidebar.sidebar-v6555 .nav{
    flex:0 1 auto!important;min-height:0!important;overflow-y:auto!important;
    overscroll-behavior:contain;scrollbar-width:thin;
  }
  html[data-pn360-build="pos"] body #sidebar.sidebar.sidebar-v6555 .sidebar-footer{
    flex:0 0 auto!important;margin-top:auto!important;padding-bottom:4px!important;
  }
}

/* R78.2: the sidebar and its grid track use the same width in both routes. */
@media(min-width:1181px){
  html[data-pn360-build="pos"] body .app-shell.adaptive-sidebar-v6555.sidebar-expanded,
  html[data-pn360-build="pos"] body .app-shell.adaptive-sidebar-v6555:not(.sidebar-collapsed){
    grid-template-columns:300px minmax(0,1fr)!important;
    background:linear-gradient(180deg,#07172A 0%,#0D1B2A 52%,#081522 100%) left top / 300px 100% no-repeat,transparent!important;
  }
  html[data-pn360-build="pos"] body .app-shell.adaptive-sidebar-v6555.sidebar-collapsed{
    grid-template-columns:78px minmax(0,1fr)!important;
    background:linear-gradient(180deg,#07172A 0%,#0D1B2A 52%,#081522 100%) left top / 78px 100% no-repeat,transparent!important;
  }
}
@media(min-width:761px){
  html[data-pn360-build="pos"] body .app-shell.adaptive-sidebar-v6555{
    transition:none!important;
  }
}
/* Keep both actions the same size and inset on POS and Caja, including drawers. */
html[data-pn360-build="pos"] body #sidebar.sidebar.sidebar-v6555 .sidebar-footer{
  display:flex!important;flex-direction:column!important;gap:10px!important;
  flex:0 0 auto!important;margin-top:auto!important;
  padding:14px 14px 16px!important;
  box-sizing:border-box!important;
}
html[data-pn360-build="pos"] body #sidebar.sidebar.sidebar-v6555 .sidebar-footer #btnSync,
html[data-pn360-build="pos"] body #sidebar.sidebar.sidebar-v6555 .sidebar-footer #btnLogout{
  display:flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 52px!important;width:100%!important;height:52px!important;min-height:52px!important;
  padding:0 10px!important;margin:0!important;box-sizing:border-box!important;
}
html[data-pn360-build="pos"] body #sidebar.sidebar.sidebar-v6555 .sidebar-footer .sync-row{
  order:3!important;margin:2px 2px 0!important;
}
@media(min-width:761px) and (max-width:1180px){
  html[data-pn360-build="pos"] body #sidebar.sidebar.sidebar-v6555.is-collapsed .sidebar-footer{
    padding:10px 7px 12px!important;
  }
  html[data-pn360-build="pos"] body #sidebar.sidebar.sidebar-v6555.is-collapsed .sidebar-footer #btnSync,
  html[data-pn360-build="pos"] body #sidebar.sidebar.sidebar-v6555.is-collapsed .sidebar-footer #btnLogout{
    flex-basis:48px!important;height:48px!important;min-height:48px!important;
  }
}
@media(max-width:760px){
  html[data-pn360-build="pos"] body #sidebar.sidebar.sidebar-v6555 .sidebar-footer{
    padding:12px 10px calc(16px + env(safe-area-inset-bottom))!important;
  }
}