/* =====================================================================
   BATARYA 1% — POS SAVE CONTROLS R3.1
   ===================================================================== */

#view-pos .totals{
    display:block !important;
    visibility:visible !important;
}

#view-pos .grand-total,
#view-pos #safePriceNote,
#view-pos .pay-methods,
#view-pos #checkoutBtn{
    visibility:visible !important;
}

#view-pos .pay-methods{
    display:flex !important;
}

#view-pos #checkoutBtn{
    display:block !important;
}

#view-pos .totals[data-pos-true-final-removed="1"],
#view-pos #checkoutBtn[data-pos-true-final-removed="1"],
#view-pos .pay-methods[data-pos-true-final-removed="1"]{
    display:block !important;
}

#view-pos .pay-methods[data-pos-true-final-removed="1"]{
    display:flex !important;
}

#view-pos #posCashReceivedR2{
    display:none !important;
}


/* =====================================================================
   BATARYA 1% — POS FINAL BOX DEDUPE R3.2
   ===================================================================== */

/* If R2 exists, JS removes the R3 fallback. This CSS prevents flashes. */
#view-pos:has(#posFinalPriceInputR2) #posTrueFinalPanelR3{
    display:none !important;
}


/* =====================================================================
   BATARYA 1% — POS HIDE LINE PRICE R3.3
   ===================================================================== */

#view-pos .cart-unit-price{
    display:none !important;
}


/* BATARYA 1% — SALES INVOICE EDIT R2 */

.sale-edit-btn-r2{
  border-color:#cfe5dd !important;
  background:#eef9f5 !important;
  color:#16785c !important;
}

.sale-edit-modal-r2{z-index:10080 !important}

.sale-edit-card-r2{
  width:min(900px,94vw) !important;
  max-height:90vh;
  overflow:auto;
  padding:18px !important;
}

.sale-edit-head-r2{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding-bottom:12px;
  border-bottom:1px solid #e2e9ec;
}

.sale-edit-head-r2 small{color:#159c72;font-size:11px !important;font-weight:900}
.sale-edit-head-r2 h2{margin:3px 0;font-size:22px !important;color:#17394d}
.sale-edit-head-r2 p{margin:0;color:#80919a;font-size:12px !important}

.sale-edit-fields-r2{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
  margin-top:14px;
}

.sale-edit-fields-r2 label,
.sale-edit-reason-r2{
  display:grid;
  gap:5px;
}

.sale-edit-fields-r2 span,
.sale-edit-reason-r2>span,
.sale-edit-line-r2 label>span,
.sale-edit-summary-r2 label>span{
  color:#687f8b;
  font-size:12px !important;
  font-weight:800;
}

.sale-edit-fields-r2 input,
.sale-edit-line-r2 input,
.sale-edit-line-r2 select,
.sale-edit-summary-r2 input,
.sale-edit-reason-r2 textarea{
  min-height:42px;
  border:1px solid #dce5e9;
  border-radius:9px;
  padding:8px 10px;
  background:#fff;
  font-family:inherit;
  font-size:13px !important;
}

.sale-edit-section-r2{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin:18px 0 8px;
}

.sale-edit-section-r2 b{font-size:15px !important;color:#254657}
.sale-edit-section-r2 small{display:block;color:#8b9aa2;font-size:11px !important;margin-top:3px}

.sale-edit-section-r2 button{
  border:1px solid #cae4da;
  border-radius:9px;
  padding:8px 11px;
  background:#edf9f4;
  color:#157b5e;
  font-family:inherit;
  font-size:12px !important;
  font-weight:850;
  cursor:pointer;
}

#saleEditLinesR2{display:grid;gap:7px}

.sale-edit-line-r2{
  display:grid;
  grid-template-columns:minmax(260px,1.7fr) 105px 180px 40px;
  gap:8px;
  align-items:end;
  padding:10px;
  border:1px solid #e2e8eb;
  border-radius:11px;
  background:#fafcfd;
}

.sale-edit-line-r2 label{display:grid;gap:4px}

.sale-edit-stock-r2{
  min-height:42px;
  display:flex;
  gap:12px;
  align-items:center;
  padding:7px 9px;
  border-radius:8px;
  background:#f0f5f6;
}

.sale-edit-stock-r2 small{color:#6f848e;font-size:11px !important}
.sale-edit-stock-r2 b{display:block;color:#315363;font-size:12px !important}

.sale-edit-remove-r2{
  width:40px;
  height:42px;
  border:1px solid #efcfcc;
  border-radius:9px;
  background:#fff4f3;
  color:#c3544d;
  font-size:20px !important;
  cursor:pointer;
}

.sale-edit-summary-r2{
  display:grid;
  grid-template-columns:1fr 1fr 1.4fr;
  gap:9px;
  margin-top:14px;
}

.sale-edit-summary-r2>div,
.sale-edit-summary-r2>label{
  padding:10px;
  border:1px solid #e1e8eb;
  border-radius:10px;
  background:#f8fafb;
}

.sale-edit-summary-r2 small{display:block;color:#85949c;font-size:11px !important}
.sale-edit-summary-r2 b{display:block;margin-top:5px;color:#284b5c;font-size:17px !important}

.sale-edit-summary-r2 input{
  width:100%;
  margin-top:5px;
  min-height:48px;
  border:2px solid #22a77b !important;
  text-align:center;
  color:#145a43;
  font-size:20px !important;
  font-weight:900;
}

.sale-edit-impact-r2{margin-top:9px;padding:10px;border-radius:9px;font-size:12px !important}
.sale-edit-impact-r2.neutral{background:#f1f5f6;color:#667e89}
.sale-edit-impact-r2.positive{background:#e9f8f2;color:#147b5d}
.sale-edit-impact-r2.warning{background:#fff6e8;color:#96631b}
.sale-edit-impact-r2.danger{background:#fff0ef;color:#bb514a}

.sale-edit-reason-r2{margin-top:11px}

.sale-edit-note-r2{
  margin-top:10px;
  padding:10px;
  border:1px solid #d9e8e2;
  border-radius:9px;
  background:#f3faf7;
  color:#647d74;
  font-size:11px !important;
}

.sale-edit-actions-r2{
  display:flex;
  justify-content:flex-end;
  gap:8px;
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid #e4e9ec;
}

.sale-edit-blocked-r2{
  margin-top:12px;
  padding:11px;
  border:1px solid #efcfcc;
  border-radius:9px;
  background:#fff1f0;
  color:#b34f48;
}

.sale-edit-blocked-r2 b{display:block;font-size:13px !important}
.sale-edit-blocked-r2 span{display:block;margin-top:3px;font-size:11px !important}

@media(max-width:800px){
  .sale-edit-fields-r2{grid-template-columns:1fr}
  .sale-edit-line-r2{grid-template-columns:1fr 1fr}
  .sale-edit-product-r2,.sale-edit-stock-r2{grid-column:1/-1}
  .sale-edit-summary-r2{grid-template-columns:1fr}
}


/* BATARYA 1% — SALES EDIT SAVE FIX R2.1 */

.sale-edit-status-r21{
  margin-top:12px;
  padding:11px 13px;
  border-radius:9px;
  font-size:13px !important;
  font-weight:800;
  line-height:1.7;
}

.sale-edit-status-r21.hidden{
  display:none !important;
}

.sale-edit-status-r21.info{
  display:block;
  background:#eef5f8;
  color:#426677;
  border:1px solid #d8e5ea;
}

.sale-edit-status-r21.working{
  display:block;
  background:#eef7ff;
  color:#28688a;
  border:1px solid #cfe3ef;
}

.sale-edit-status-r21.success{
  display:block;
  background:#eaf8f2;
  color:#157557;
  border:1px solid #cbe8db;
}

.sale-edit-status-r21.danger{
  display:block;
  background:#fff0ef;
  color:#b44d47;
  border:1px solid #efcfcc;
}


/* BATARYA 1% — GLOBAL SEARCH SMART R1 */
.global-search-host-r1{position:relative!important}
.global-search-results-r1{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:12000;max-height:430px;overflow:auto;background:#fff;border:1px solid #dfe8eb;border-radius:14px;box-shadow:0 18px 45px rgba(27,57,70,.16);padding:8px;direction:rtl}
.global-search-results-r1.hidden{display:none!important}
.gs-group-r1+.gs-group-r1{margin-top:7px;padding-top:7px;border-top:1px solid #edf1f3}
.gs-title-r1{padding:4px 8px 7px;color:#7d9099;font-size:12px!important;font-weight:900}
.gs-row-r1{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;border:0;border-radius:10px;padding:10px;background:#fff;text-align:right;cursor:pointer;font-family:inherit}
.gs-row-r1:hover{background:#f1faf6}
.gs-kind-r1{min-width:48px;padding:5px 7px;border-radius:999px;background:#e9f8f2;color:#18765b;text-align:center;font-size:11px!important;font-weight:900}
.gs-kind-r1.invoice{background:#eef5ff;color:#3b6fa6}
.gs-row-r1 span:nth-child(2){min-width:0}.gs-row-r1 b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#203f4f;font-size:13px!important}.gs-row-r1 small{display:block;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#85969e;font-size:11px!important}.gs-row-r1>strong{color:#176f57;font-size:13px!important;white-space:nowrap}
.gs-empty-r1{display:grid;gap:3px;padding:15px 12px;text-align:center}.gs-empty-r1 b{color:#496672;font-size:13px!important}.gs-empty-r1 span{color:#8a9aa1;font-size:11px!important}


/* =========================================================
   __BATARYA_MOBILE_SIDEBAR_DRAWER_R1__
   Mobile: replace conflicting horizontal/nav-bar sidebar rules
   with a proper off-canvas drawer. Desktop/tablet >760 unchanged.
   ========================================================= */
@media (max-width:760px){
  html,
  body{
    width:100% !important;
    max-width:100% !important;
    overflow-x:hidden !important;
  }

  body.mobile-sidebar-open-r1{
    overflow:hidden !important;
    touch-action:none;
  }

  #appShell{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    grid-template-columns:1fr !important;
  }

  #appShell .main,
  #appShell.sidebar-smart-collapsed-shell-r1 .main{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    margin-inline:0 !important;
    transform:none !important;
  }

  #appShell .sidebar,
  #appShell .sidebar.sidebar-smart-r1,
  #appShell .sidebar.sidebar-smart-r1.sidebar-smart-collapsed-r1{
    position:fixed !important;
    inset:0 0 0 auto !important;
    top:0 !important;
    right:0 !important;
    bottom:0 !important;
    left:auto !important;
    width:min(88vw,360px) !important;
    min-width:0 !important;
    max-width:min(88vw,360px) !important;
    height:100vh !important;
    height:100dvh !important;
    max-height:none !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:10px !important;
    padding:calc(16px + env(safe-area-inset-top,0px)) 12px calc(16px + env(safe-area-inset-bottom,0px)) !important;
    overflow:hidden !important;
    overflow-x:hidden !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:-22px 0 60px rgba(0,0,0,.30) !important;
    z-index:20030 !important;
    transform:translate3d(105%,0,0) !important;
    transition:transform .24s ease !important;
    visibility:visible !important;
    opacity:1 !important;
  }

  body.mobile-sidebar-open-r1 #appShell .sidebar,
  body.mobile-sidebar-open-r1 #appShell .sidebar.sidebar-smart-r1,
  body.mobile-sidebar-open-r1 #appShell .sidebar.sidebar-smart-r1.sidebar-smart-collapsed-r1{
    transform:translate3d(0,0,0) !important;
  }

  #appShell .sidebar.sidebar-smart-r1 > .brand{
    display:flex !important;
    flex:0 0 auto !important;
    width:100% !important;
    margin:0 !important;
  }

  #appShell .sidebar-smart-collapse-r1{
    display:none !important;
  }

  #appShell .sidebar-smart-tools-r1{
    display:flex !important;
    flex-direction:column !important;
    width:100% !important;
    flex:0 0 auto !important;
  }

  #appShell .sidebar-smart-label-r1{
    display:block !important;
    min-width:0 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    font-size:15px !important;
    line-height:1.35 !important;
  }

  #appShell .sidebar-smart-group-head-r1{
    display:flex !important;
    width:100% !important;
    min-height:36px !important;
    font-size:13px !important;
  }

  #appShell .sidebar-smart-group-r1{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
  }

  #appShell .sidebar-smart-group-items-r1{
    width:100% !important;
    min-width:0 !important;
  }

  #appShell .sidebar-smart-group-r1:not(.collapsed) > .sidebar-smart-group-items-r1{
    display:flex !important;
    flex-direction:column !important;
    gap:5px !important;
  }

  #appShell .sidebar-smart-group-r1.collapsed > .sidebar-smart-group-items-r1{
    display:none !important;
  }

  #appShell .sidebar.sidebar-smart-r1 #mainNav,
  #appShell #mainNav{
    display:flex !important;
    flex:1 1 auto !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    margin:0 !important;
    padding:2px 2px 16px !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }

  #appShell .sidebar.sidebar-smart-r1 #mainNav .nav-item,
  #appShell #mainNav .nav-item{
    position:relative !important;
    display:grid !important;
    grid-template-columns:42px minmax(0,1fr) auto auto !important;
    align-items:center !important;
    justify-content:stretch !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    min-height:50px !important;
    height:auto !important;
    margin:0 !important;
    padding:7px 9px !important;
    gap:8px !important;
    border-radius:13px !important;
    text-align:right !important;
    overflow:visible !important;
    flex:0 0 auto !important;
  }

  #appShell #mainNav .nav-item .sidebar-smart-icon-r1{
    width:38px !important;
    min-width:38px !important;
    height:38px !important;
    display:grid !important;
    place-items:center !important;
    font-size:18px !important;
  }

  #appShell #mainNav .nav-item > span:not(.sidebar-smart-icon-r1):not(.sidebar-smart-badge-r1):not(.sidebar-smart-state-badge-r1){
    display:block !important;
  }

  #appShell .sidebar-smart-fav-toggle-r1,
  #appShell .sidebar-smart-state-badge-r1,
  #appShell .sidebar-smart-badge-r1{
    flex:0 0 auto !important;
  }

  #appShell .sidebar-smart-favorites-r1{
    display:none !important;
  }

  #appShell .sidebar-smart-device-r1,
  #appShell .sidebar-smart-device-details-r1,
  #appShell .sidebar-device-card{
    display:none !important;
  }

  #appShell .sidebar-smart-r1 .version{
    display:block !important;
    flex:0 0 auto !important;
    margin-top:3px !important;
    font-size:11px !important;
    opacity:.7 !important;
  }

  #mobileSidebarBackdropR1{
    position:fixed !important;
    inset:0 !important;
    display:block !important;
    background:rgba(5,18,31,.52) !important;
    backdrop-filter:blur(2px);
    -webkit-backdrop-filter:blur(2px);
    z-index:20020 !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transition:opacity .2s ease,visibility .2s ease !important;
  }

  body.mobile-sidebar-open-r1 #mobileSidebarBackdropR1{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }

  #mobileSidebarToggleR1{
    position:fixed !important;
    top:calc(12px + env(safe-area-inset-top,0px)) !important;
    right:12px !important;
    width:50px !important;
    height:50px !important;
    min-width:50px !important;
    display:grid !important;
    place-items:center !important;
    padding:0 !important;
    margin:0 !important;
    border:1px solid rgba(255,255,255,.18) !important;
    border-radius:15px !important;
    background:#0f3049 !important;
    color:#fff !important;
    box-shadow:0 10px 28px rgba(4,25,42,.24) !important;
    font:900 24px/1 system-ui,-apple-system,"Segoe UI",sans-serif !important;
    cursor:pointer !important;
    z-index:20040 !important;
    -webkit-tap-highlight-color:transparent;
  }

  body.mobile-sidebar-open-r1 #mobileSidebarToggleR1{
    background:#163f5c !important;
  }

  #appShell .view,
  #appShell main,
  #appShell .content,
  #appShell .page,
  #appShell .panel{
    max-width:100% !important;
    min-width:0 !important;
  }
}

@media (min-width:761px){
  #mobileSidebarToggleR1,
  #mobileSidebarBackdropR1{
    display:none !important;
  }
}

/* =========================================================
   __BATARYA_DESKTOP_AUTO_FIT_R1__
   Fluid desktop/laptop fit. No browser zoom/transform scaling.
   Mobile <=760px is intentionally untouched.
   ========================================================= */

@media (min-width:761px){
  :root{
    --bat-desktop-pad: clamp(12px, 1.25vw, 26px);
    --bat-desktop-gap: clamp(10px, 1vw, 20px);
    --bat-sidebar-w: clamp(220px, 17vw, 300px);
    --bat-card-min: clamp(210px, 18vw, 280px);
    --bat-control-h: clamp(40px, 3vw, 46px);
  }

  html,
  body{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow-x:hidden !important;
  }

  body{
    font-size:clamp(13px, .18vw + 11.8px, 16px);
  }

  #appShell{
    width:100% !important;
    max-width:100vw !important;
    min-width:0 !important;
    min-height:100vh !important;
    grid-template-columns:var(--bat-sidebar-w) minmax(0,1fr) !important;
  }

  #appShell .sidebar{
    width:auto !important;
    min-width:0 !important;
    max-width:var(--bat-sidebar-w) !important;
  }

  #appShell.sidebar-smart-collapsed-shell-r1{
    grid-template-columns:92px minmax(0,1fr) !important;
  }

  #appShell.sidebar-smart-collapsed-shell-r1 .sidebar{
    width:92px !important;
    max-width:92px !important;
  }

  #appShell .main,
  #appShell.sidebar-smart-collapsed-shell-r1 .main{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:var(--bat-desktop-pad) !important;
    overflow-x:hidden !important;
    box-sizing:border-box !important;
  }

  #appShell .view,
  #appShell main,
  #appShell .content,
  #appShell .page,
  #appShell .panel,
  #appShell section{
    min-width:0 !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }

  /* Head areas should wrap instead of pushing the whole page wider. */
  .topbar,
  .view-head,
  .page-head,
  .section-head,
  .head-actions,
  .products-toolbar,
  .sales-toolbar,
  .inventory-toolbar,
  .transfers-toolbar{
    min-width:0 !important;
    max-width:100% !important;
  }

  .head-actions,
  .products-toolbar,
  .sales-toolbar,
  .inventory-toolbar,
  .transfers-toolbar{
    flex-wrap:wrap !important;
  }

  input,
  select,
  textarea,
  button{
    max-width:100%;
    box-sizing:border-box;
  }

  img,
  canvas,
  video,
  svg{
    max-width:100%;
  }

  /* Common business cards: fluid columns, never clipped. */
  .summary-cards,
  .inventory-finance-strip,
  .valuation-cards,
  .branch-cards,
  .dashboard-cards,
  .dashboard-grid,
  .kpi-grid,
  .stats-grid,
  .report-cards,
  .smart-cards,
  .v4976-sales-summary{
    min-width:0 !important;
  }

  /* Horizontal tables stay inside the page. */
  .table-scroll,
  .table-wrap,
  .table-container,
  .invoice-table-wrap,
  .sales-table-wrap,
  .inventory-table-wrap{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch;
  }

  table{
    max-width:100%;
  }

  /* POS uses available width instead of fixed desktop measurements. */
  #view-pos,
  #view-pos .pos-grid,
  #view-pos .v4947-pos-layout,
  #view-pos .products-panel,
  #view-pos .cart-panel{
    min-width:0 !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }

  #view-pos .product-grid,
  #view-pos .products-grid{
    min-width:0 !important;
  }

  /* Smart sidebar itself remains scrollable on short laptop displays. */
  .sidebar.sidebar-smart-r1{
    height:100vh !important;
    max-height:100vh !important;
    min-height:0 !important;
  }

  .sidebar-smart-r1 #mainNav{
    min-height:0 !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
  }
}

/* Small laptops / 1024-1180: preserve usability instead of squeezing. */
@media (min-width:761px) and (max-width:1180px){
  :root{
    --bat-sidebar-w: clamp(205px, 21vw, 235px);
    --bat-desktop-pad: 12px;
    --bat-desktop-gap: 10px;
  }

  #appShell .sidebar-smart-r1 .nav-item{
    min-width:0 !important;
  }

  #appShell .sidebar-smart-label-r1{
    font-size:13px !important;
  }

  #view-pos .pos-grid,
  #view-pos .v4947-pos-layout{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  #view-pos .cart-panel{
    max-height:none !important;
  }

  .summary-cards,
  .inventory-finance-strip,
  .valuation-cards,
  .v4976-sales-summary{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

/* Normal desktop: 1181-1599 */
@media (min-width:1181px) and (max-width:1599px){
  #view-pos .pos-grid,
  #view-pos .v4947-pos-layout{
    grid-template-columns:minmax(0,1.55fr) minmax(340px,.82fr) !important;
    gap:clamp(12px,1vw,18px) !important;
  }
}

/* Large / Full HD / 2K / ultrawide */
@media (min-width:1600px){
  :root{
    --bat-sidebar-w: clamp(250px, 15vw, 310px);
    --bat-desktop-pad: clamp(18px, 1.35vw, 32px);
    --bat-desktop-gap: clamp(14px, 1.05vw, 24px);
  }

  #appShell .main{
    padding-inline:clamp(22px, 2vw, 42px) !important;
  }

  #view-pos .pos-grid,
  #view-pos .v4947-pos-layout{
    grid-template-columns:minmax(0,1.65fr) minmax(380px,.78fr) !important;
    gap:clamp(16px,1.1vw,24px) !important;
  }

  .summary-cards,
  .inventory-finance-strip,
  .valuation-cards{
    gap:clamp(12px,.9vw,20px) !important;
  }
}

/* Very wide screens: keep content readable but use the space. */
@media (min-width:2200px){
  #appShell .main{
    padding-inline:clamp(34px, 3vw, 72px) !important;
  }

  #view-pos .pos-grid,
  #view-pos .v4947-pos-layout{
    grid-template-columns:minmax(0,1.75fr) minmax(420px,.72fr) !important;
  }
}

/* Short-height laptops: make vertical fit smarter. */
@media (min-width:761px) and (max-height:800px){
  :root{
    --bat-desktop-pad:10px;
  }

  #appShell .main{
    padding-top:10px !important;
    padding-bottom:10px !important;
  }

  .sidebar.sidebar-smart-r1{
    padding-top:10px !important;
    padding-bottom:10px !important;
  }

  #view-pos .cart-panel{
    max-height:calc(100vh - 110px) !important;
  }
}

/* __BATARYA_RETURN_REFUND_SOURCE_R2__ */
.return-refund-source-r2{
  margin:14px 0;
  padding:14px;
  border:1px solid rgba(92,118,138,.24);
  border-radius:14px;
  background:rgba(247,250,252,.96);
}
.return-refund-source-r2.hidden{display:none!important}
.return-refund-source-r2 .rrs-title{
  display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px
}
.return-refund-source-r2 .rrs-title b{font-size:16px}
.return-refund-source-r2 .rrs-title span{font-size:12px;opacity:.72}
.return-refund-source-r2 .rrs-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.return-refund-source-r2 .rrs-option{
  border:1px solid rgba(92,118,138,.28);
  border-radius:12px;background:#fff;padding:12px 14px;text-align:right;
  cursor:pointer;min-height:68px;transition:.15s ease
}
.return-refund-source-r2 .rrs-option:hover{transform:translateY(-1px);border-color:rgba(35,102,150,.55)}
.return-refund-source-r2 .rrs-option.active{
  border-width:2px;border-color:#236696;box-shadow:0 0 0 3px rgba(35,102,150,.10)
}
.return-refund-source-r2 .rrs-option strong{display:block;font-size:15px;margin-bottom:4px}
.return-refund-source-r2 .rrs-option small{display:block;font-size:13px;opacity:.78}
.return-refund-source-r2 .rrs-hint{margin-top:9px;font-size:13px;line-height:1.55}
.return-refund-source-r2 .rrs-hint.warn{font-weight:700}
@media(max-width:760px){.return-refund-source-r2 .rrs-options{grid-template-columns:1fr}}


/* Professional Responsive Layout Fix */
@media (min-width: 1025px) {
  .app-shell {
    display: flex !important;
    width: 100% !important;
    overflow-x: hidden !important;
  }
  .sidebar {
    width: 250px !important;
    min-width: 250px !important;
    position: relative !important;
    height: 100vh !important;
    flex-shrink: 0 !important;
  }
  .main {
    flex-grow: 1 !important;
    width: calc(100% - 250px) !important;
    margin-left: 0 !important;
    box-sizing: border-box !important;
  }
}


/* Disable Sidebar Collapse Permanently */
:root {
  --bat-sidebar-w: 250px !important;
}
#appShell {
  grid-template-columns: 250px minmax(0, 1fr) !important;
}
.sidebar, #appShell .sidebar {
  width: 250px !important;
  min-width: 250px !important;
  max-width: 250px !important;
  position: sticky !important;
  top: 0 !important;
  height: 100vh !important;
}
#appShell.sidebar-smart-collapsed-shell-r1 {
  grid-template-columns: 250px minmax(0, 1fr) !important;
}
#appShell.sidebar-smart-collapsed-shell-r1 .sidebar,
.sidebar.sidebar-smart-collapsed-r1 {
  width: 250px !important;
  max-width: 250px !important;
}
.sidebar .brand div:last-child,
.sidebar .nav-item span,
.sidebar .sidebar-card div,
.sidebar .version {
  display: block !important;
}


/* Fix Sidebar Internal Spacing & Overlaps */
.sidebar {
  padding: 14px 8px !important;
}
.sidebar .nav-item, 
.sidebar-smart-group-items-r1 .nav-item,
.sidebar .sidebar-smart-favorite-item-r1 {
  padding: 8px 10px !important;
  font-size: 13px !important;
  gap: 6px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.sidebar .sidebar-smart-badge-r1,
.sidebar .sidebar-smart-state-badge-r1 {
  font-size: 10px !important;
  padding: 2px 5px !important;
}
/* __BATARYA_PRODUCT_VAULT_R1__ */
.product-vault-r1{margin:18px 0;padding:18px;border:1px solid #d7e3e8;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(18,50,70,.06)}
.product-vault-r1 .pv-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:14px}.product-vault-r1 h3{margin:0;font-size:22px}.product-vault-r1 p{margin:5px 0 0;font-size:14px;color:#687985}.product-vault-r1 .pv-balance{text-align:left}.product-vault-r1 .pv-balance small{display:block}.product-vault-r1 .pv-balance strong{font-size:26px}.product-vault-r1 .pv-stats,.product-vault-r1 .pv-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.product-vault-r1 .pv-stat{padding:12px;border:1px solid #e0e9ed;border-radius:12px}.product-vault-r1 .pv-stat small{display:block;color:#75858f;margin-bottom:5px}.product-vault-r1 .pv-form{display:grid;grid-template-columns:.7fr 1.3fr;gap:10px;margin:14px 0}.product-vault-r1 label{font-weight:700;font-size:13px}.product-vault-r1 input{width:100%;margin-top:5px;min-height:44px;border:1px solid #cfdde3;border-radius:10px;padding:9px 11px;font-size:15px}.product-vault-r1 button{min-height:46px;border:0;border-radius:11px;padding:10px;cursor:pointer;font-weight:800}.product-vault-r1 .pv-internal{background:#eaf4fb;color:#174d70}.product-vault-r1 .pv-deposit{background:#e8f8f1;color:#0f704d}.product-vault-r1 .pv-withdraw{background:#fff0ee;color:#9d342b}.product-vault-r1 .pv-hint{margin-top:10px;font-size:12px;color:#71808a}@media(max-width:900px){.product-vault-r1 .pv-stats,.product-vault-r1 .pv-actions{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.product-vault-r1 .pv-head{flex-direction:column}.product-vault-r1 .pv-balance{text-align:right}.product-vault-r1 .pv-stats,.product-vault-r1 .pv-actions,.product-vault-r1 .pv-form{grid-template-columns:1fr}}

/* =========================================================
   __BATARYA_MONEY_CONTROL_R2__
   Finance page visual redesign only — no accounting changes.
   ========================================================= */

#view-cash{
  --mc-ink:#10283d;
  --mc-muted:#6f8291;
  --mc-border:rgba(27,72,98,.12);
  --mc-soft:#f6fafb;
  --mc-white:#fff;
  --mc-shadow:0 12px 34px rgba(17,52,73,.07);
}

#view-cash .mc-r2-duplicate-summary{
  display:none !important;
}

.money-control-r2{
  margin:10px 0 22px;
  display:grid;
  gap:16px;
}

.money-control-r2__hero{
  position:relative;
  overflow:hidden;
  border:1px solid var(--mc-border);
  border-radius:22px;
  background:
    radial-gradient(circle at 12% 20%,rgba(67,170,132,.10),transparent 28%),
    radial-gradient(circle at 86% 24%,rgba(68,126,176,.10),transparent 30%),
    linear-gradient(145deg,#ffffff,#f7fbfc);
  box-shadow:var(--mc-shadow);
  padding:22px;
}

.money-control-r2__hero-head{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:flex-start;
  margin-bottom:18px;
}

.money-control-r2__eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  background:#eaf7f2;
  color:#14745a;
  font-size:12px;
  font-weight:900;
  letter-spacing:.05em;
}

.money-control-r2__hero h2{
  margin:8px 0 4px;
  font-size:clamp(25px,2.2vw,34px);
  line-height:1.2;
  color:var(--mc-ink);
}

.money-control-r2__hero p{
  margin:0;
  color:var(--mc-muted);
  font-size:14px;
  line-height:1.7;
  max-width:850px;
}

.money-control-r2__branch{
  flex:0 0 auto;
  padding:10px 13px;
  border:1px solid rgba(24,116,88,.18);
  background:rgba(237,250,245,.88);
  color:#1a6e58;
  border-radius:13px;
  font-weight:900;
  font-size:13px;
}

.money-control-r2__kpis{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}

.money-control-r2__kpi{
  min-height:138px;
  padding:16px;
  border:1px solid var(--mc-border);
  background:rgba(255,255,255,.94);
  border-radius:17px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:12px;
}

.money-control-r2__kpi.top-total{
  background:linear-gradient(145deg,#effaf6,#ffffff);
  border-color:rgba(31,147,105,.20);
}

.money-control-r2__kpi.vault{
  background:linear-gradient(145deg,#fff9e9,#ffffff);
  border-color:rgba(192,143,27,.20);
}

.money-control-r2__kpi.vodafone{
  background:linear-gradient(145deg,#fff4f3,#ffffff);
  border-color:rgba(202,77,67,.18);
}

.money-control-r2__kpi-icon{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:#f1f5f7;
  font-size:20px;
}

.money-control-r2__kpi small{
  display:block;
  color:var(--mc-muted);
  font-size:12px;
  font-weight:800;
  margin-bottom:5px;
}

.money-control-r2__kpi strong{
  display:block;
  color:var(--mc-ink);
  font-size:clamp(23px,2vw,31px);
  line-height:1.15;
  letter-spacing:-.02em;
}

.money-control-r2__kpi footer{
  font-size:12px;
  color:var(--mc-muted);
  line-height:1.45;
}

.money-control-r2__distribution{
  margin-top:14px;
  padding:14px;
  border:1px solid var(--mc-border);
  border-radius:15px;
  background:rgba(255,255,255,.72);
}

.money-control-r2__distribution-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-bottom:9px;
  font-size:12px;
  color:var(--mc-muted);
  font-weight:800;
}

.money-control-r2__bar{
  display:flex;
  height:12px;
  overflow:hidden;
  border-radius:999px;
  background:#eaf0f2;
}

.money-control-r2__bar span{
  min-width:0;
  transition:width .2s ease;
}

.money-control-r2__bar-cash{background:#46a981}
.money-control-r2__bar-vault{background:#d5a62c}
.money-control-r2__bar-voda{background:#d85b50}

.money-control-r2__legend{
  display:flex;
  flex-wrap:wrap;
  gap:13px;
  margin-top:9px;
  color:var(--mc-muted);
  font-size:12px;
}

.money-control-r2__legend span{
  display:inline-flex;
  align-items:center;
  gap:6px;
}

.money-control-r2__legend i{
  width:8px;
  height:8px;
  border-radius:50%;
  display:inline-block;
}

.money-control-r2__advance{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  padding:14px 16px;
  border:1px dashed rgba(190,130,25,.30);
  border-radius:15px;
  background:#fffbf0;
}

.money-control-r2__advance div{
  display:flex;
  align-items:center;
  gap:10px;
}

.money-control-r2__advance small{
  display:block;
  color:#887348;
  font-size:12px;
}

.money-control-r2__advance strong{
  color:#7b5b17;
  font-size:21px;
}

.money-control-r2__quick{
  border:1px solid var(--mc-border);
  background:#fff;
  border-radius:18px;
  box-shadow:var(--mc-shadow);
  padding:17px;
}

.money-control-r2__section-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  margin-bottom:13px;
}

.money-control-r2__section-head h3{
  margin:0;
  font-size:20px;
  color:var(--mc-ink);
}

.money-control-r2__section-head p{
  margin:4px 0 0;
  color:var(--mc-muted);
  font-size:13px;
}

.money-control-r2__quick-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:9px;
}

.money-control-r2__quick button{
  border:1px solid var(--mc-border);
  background:#f8fbfc;
  color:#17344a;
  min-height:68px;
  padding:10px;
  border-radius:13px;
  cursor:pointer;
  font-weight:900;
  font-size:13px;
  text-align:right;
  line-height:1.45;
}

.money-control-r2__quick button:hover{
  background:#eef6f8;
  transform:translateY(-1px);
}

.money-control-r2__quick button span{
  display:block;
  font-size:19px;
  margin-bottom:4px;
}

.money-control-r2__vault-slot{
  border-radius:18px;
}

.money-control-r2__vault-slot > .product-vault-r1{
  margin:0 !important;
  box-shadow:var(--mc-shadow) !important;
  border-radius:18px !important;
}

/* Make the original finance controls below the new dashboard feel like one system. */
#view-cash .panel,
#view-cash section:not(.money-control-r2):not(.product-vault-r1),
#view-cash article{
  border-radius:16px;
}

#view-cash input,
#view-cash select,
#view-cash button{
  font-size:max(13px,inherit);
}

#view-cash .table-scroll{
  border-radius:14px;
}

#view-cash .cash-history-table th{
  position:sticky;
  top:0;
  z-index:1;
  background:#f3f7f8;
}

#view-cash .cash-history-table td,
#view-cash .cash-history-table th{
  padding-top:11px;
  padding-bottom:11px;
}

/* Old title cleanup if it remains below the modern overview. */
#view-cash .mc-r2-old-label{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#526a7a !important;
  font-size:16px !important;
}

/* Responsive */
@media(max-width:1300px){
  .money-control-r2__kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .money-control-r2__quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:760px){
  .money-control-r2__hero{padding:15px}
  .money-control-r2__hero-head{flex-direction:column}
  .money-control-r2__branch{align-self:stretch;text-align:center}
  .money-control-r2__kpis{grid-template-columns:1fr}
  .money-control-r2__quick-grid{grid-template-columns:1fr 1fr}
  .money-control-r2__advance{align-items:flex-start;flex-direction:column}
}

@media(max-width:460px){
  .money-control-r2__quick-grid{grid-template-columns:1fr}
}

/* =========================================================
   __BATARYA_SMART_SIDEBAR_R3__
   Information architecture + denser POS-grade desktop sidebar.
   Built on Smart Sidebar R1/R2. Mobile is intentionally untouched.
   ========================================================= */

@media (min-width:761px){

  :root{
    --sidebar-r3-w:258px;
    --sidebar-r3-collapsed:72px;
    --sidebar-r3-accent:#42d4aa;
    --sidebar-r3-accent-soft:rgba(66,212,170,.13);
    --sidebar-r3-panel:rgba(255,255,255,.045);
    --sidebar-r3-panel-hover:rgba(255,255,255,.075);
    --sidebar-r3-line:rgba(255,255,255,.075);
    --sidebar-r3-text:#eaf5f9;
    --sidebar-r3-muted:#789cad;
  }

  #appShell:not(.sidebar-smart-collapsed-shell-r1){
    grid-template-columns:var(--sidebar-r3-w) minmax(0,1fr) !important;
  }

  #appShell .sidebar.sidebar-smart-r1.sidebar-smart-r3{
    height:100vh !important;
    height:100dvh !important;
    position:sticky !important;
    top:0 !important;
    align-self:start !important;
    display:flex !important;
    flex-direction:column !important;
    overflow:hidden !important;
  }

  #appShell.sidebar-smart-collapsed-shell-r1{
    grid-template-columns:var(--sidebar-r3-collapsed) minmax(0,1fr) !important;
  }

  #appShell .sidebar.sidebar-smart-r1.sidebar-smart-r3{
    width:var(--sidebar-r3-w) !important;
    min-width:var(--sidebar-r3-w) !important;
    max-width:var(--sidebar-r3-w) !important;
    padding:10px 9px 9px !important;
    gap:7px !important;
    background:
      radial-gradient(circle at 18% -5%,rgba(39,164,164,.16),transparent 30%),
      linear-gradient(180deg,#0b3049 0%,#09283e 58%,#082338 100%) !important;
  }

  #appShell .sidebar.sidebar-smart-r1.sidebar-smart-r3.sidebar-smart-collapsed-r1{
    width:var(--sidebar-r3-collapsed) !important;
    min-width:var(--sidebar-r3-collapsed) !important;
    max-width:var(--sidebar-r3-collapsed) !important;
  }

  /* Brand becomes a compact app header. */
  .sidebar-smart-r3 > .brand{
    min-height:60px !important;
    padding:7px 7px 10px !important;
    justify-content:flex-start !important;
  }

  .sidebar-smart-r3 > .brand strong{
    font-size:18px !important;
  }

  .sidebar-smart-r3 > .brand small{
    font-size:9.5px !important;
  }

  .sidebar-smart-r3 .brand-battery{
    width:34px !important;
    min-width:34px !important;
    height:48px !important;
    border-radius:10px !important;
  }

  /* Tools */
  .sidebar-smart-r3 .sidebar-smart-tools-r1{
    gap:6px !important;
  }

  .sidebar-smart-r3 .sidebar-smart-branch-r1{
    min-height:43px !important;
    padding:6px 8px !important;
    border-radius:10px !important;
  }

  .sidebar-smart-r3 .sidebar-smart-branch-r1 b{
    font-size:12px !important;
  }

  .sidebar-smart-r3 .sidebar-smart-search-r1{
    min-height:35px !important;
    border-radius:9px !important;
  }

  .sidebar-smart-r3 .sidebar-smart-search-r1 input{
    height:31px !important;
    min-height:31px !important;
    font-size:11px !important;
  }

  /* Favorites become a thin quick-access rail, not a large card. */
  .sidebar-smart-r3 .sidebar-smart-favorites-r1{
    padding:5px !important;
    border-radius:10px !important;
    background:rgba(255,255,255,.025) !important;
  }

  .sidebar-smart-r3 .sidebar-smart-favorites-title-r1{
    min-height:16px !important;
    margin:0 3px 4px !important;
    font-size:8.5px !important;
  }

  .sidebar-smart-r3 .sidebar-smart-favorites-list-r1{
    gap:4px !important;
  }

  .sidebar-smart-r3 .sidebar-smart-favorite-item-r1{
    min-height:40px !important;
    max-height:40px !important;
    padding:4px 3px !important;
    border-radius:8px !important;
  }

  .sidebar-smart-r3 .sidebar-smart-favorite-item-r1 > span:first-child{
    font-size:14px !important;
  }

  .sidebar-smart-r3 .sidebar-smart-favorite-item-r1 > span:last-child{
    font-size:8.5px !important;
  }

  /* R3 navigation container */
  .sidebar-smart-r3 #mainNav{
    gap:3px !important;
    padding:1px 2px 7px 0 !important;
  }

  /* Hide old R1 group headers after R3 reorganizes their items. */
  .sidebar-smart-r3 #mainNav > .sidebar-smart-group-r1{
    display:none !important;
  }

  .sidebar-smart-r3 .sidebar-r3-section{
    width:100%;
    margin:0 0 2px;
    padding:0;
  }

  .sidebar-smart-r3 .sidebar-r3-section-head{
    width:100%;
    height:25px;
    min-height:25px;
    padding:0 7px;
    margin:0 0 2px;
    border:0;
    border-radius:7px;
    background:transparent;
    color:var(--sidebar-r3-muted);
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:7px;
    cursor:pointer;
    text-align:right;
    font:inherit;
  }

  .sidebar-smart-r3 .sidebar-r3-section-head:hover{
    background:rgba(255,255,255,.035);
    color:#a2c1cf;
  }

  .sidebar-smart-r3 .sidebar-r3-section-title{
    min-width:0;
    display:flex;
    align-items:center;
    gap:6px;
    font-size:9.5px;
    line-height:1;
    font-weight:900;
    letter-spacing:.01em;
  }

  .sidebar-smart-r3 .sidebar-r3-section-icon{
    width:17px;
    text-align:center;
    font-size:11px;
    opacity:.9;
  }

  .sidebar-smart-r3 .sidebar-r3-section-chevron{
    font-size:9px;
    transition:transform .15s ease;
    opacity:.65;
  }

  .sidebar-smart-r3 .sidebar-r3-section.collapsed .sidebar-r3-section-chevron{
    transform:rotate(-90deg);
  }

  .sidebar-smart-r3 .sidebar-r3-section-items{
    width:100%;
    display:flex;
    flex-direction:column;
    gap:2px;
  }

  .sidebar-smart-r3 .sidebar-r3-section.collapsed .sidebar-r3-section-items{
    display:none;
  }

  /* Important pages get slightly stronger grouping. */
  .sidebar-smart-r3 .sidebar-r3-section[data-r3-section="home"]{
    margin-bottom:3px;
    padding-bottom:3px;
    border-bottom:1px solid rgba(255,255,255,.055);
  }

  .sidebar-smart-r3 .sidebar-r3-section[data-r3-section="home"] .sidebar-r3-section-head{
    display:none;
  }

  /* Compact nav row */
  .sidebar-smart-r3 #mainNav .nav-item{
    min-height:37px !important;
    height:37px !important;
    padding:3px 5px !important;
    grid-template-columns:28px minmax(0,1fr) auto auto !important;
    gap:6px !important;
    border-radius:9px !important;
  }

  .sidebar-smart-r3 #mainNav .nav-item:hover{
    background:var(--sidebar-r3-panel-hover) !important;
  }

  .sidebar-smart-r3 #mainNav .nav-item.active{
    background:
      linear-gradient(90deg,rgba(66,212,170,.10),rgba(66,212,170,.18)) !important;
    border-color:rgba(66,212,170,.17) !important;
    box-shadow:
      inset -3px 0 0 var(--sidebar-r3-accent),
      0 4px 14px rgba(0,0,0,.04) !important;
  }

  .sidebar-smart-r3 .sidebar-smart-icon-r1{
    width:28px !important;
    min-width:28px !important;
    height:28px !important;
    border-radius:7px !important;
    font-size:14px !important;
  }

  .sidebar-smart-r3 .sidebar-smart-label-r1{
    font-size:12.3px !important;
    font-weight:760 !important;
  }

  .sidebar-smart-r3 .sidebar-smart-fav-toggle-r1{
    width:19px !important;
    min-width:19px !important;
    height:19px !important;
    min-height:19px !important;
    border-radius:6px !important;
    font-size:10px !important;
  }

  .sidebar-smart-r3 .sidebar-smart-badge-r1,
  .sidebar-smart-r3 .sidebar-smart-state-badge-r1{
    min-width:18px !important;
    min-height:18px !important;
    padding:2px 5px !important;
    font-size:8px !important;
  }

  /* Priority pages */
  .sidebar-smart-r3 #mainNav .nav-item.sidebar-r3-priority{
    background:rgba(255,255,255,.027) !important;
  }

  .sidebar-smart-r3 #mainNav .nav-item.sidebar-r3-priority:not(.active) .sidebar-smart-icon-r1{
    background:rgba(66,212,170,.075) !important;
    color:#b7f9e6 !important;
  }

  /* Footer gets smaller and cleaner. */
  .sidebar-smart-r3 .sidebar-smart-device-r1{
    min-height:46px !important;
    padding:6px 8px !important;
    border-radius:10px !important;
  }

  .sidebar-smart-r3 .sidebar-smart-device-r1 b{
    font-size:10.5px !important;
  }

  .sidebar-smart-r3 .sidebar-smart-device-r1 small{
    font-size:8.8px !important;
  }

  .sidebar-smart-r3 .version{
    font-size:8.5px !important;
  }

  /* Collapsed mode */
  .sidebar-smart-r3.sidebar-smart-collapsed-r1 .sidebar-r3-section-head{
    display:none !important;
  }

  .sidebar-smart-r3.sidebar-smart-collapsed-r1 .sidebar-r3-section{
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
  }

  .sidebar-smart-r3.sidebar-smart-collapsed-r1 .sidebar-r3-section-items{
    display:flex !important;
    gap:3px !important;
  }

  .sidebar-smart-r3.sidebar-smart-collapsed-r1 #mainNav .nav-item{
    height:40px !important;
    min-height:40px !important;
    grid-template-columns:1fr !important;
    padding:4px !important;
  }

  .sidebar-smart-r3.sidebar-smart-collapsed-r1 .sidebar-smart-icon-r1{
    width:30px !important;
    height:30px !important;
  }
}

@media (min-width:761px) and (max-width:1050px){
  :root{
    --sidebar-r3-w:228px;
  }

  .sidebar-smart-r3 .sidebar-smart-label-r1{
    font-size:11.8px !important;
  }
}

/* =========================================================
   __BATARYA_SMART_SIDEBAR_R31_COLLAPSE_FIX__
   True icon-only collapsed mode for R3 standalone.
   ========================================================= */

@media (min-width:761px){

  #appShell.sidebar-smart-collapsed-shell-r1{
    grid-template-columns:72px minmax(0,1fr) !important;
  }

  #appShell.sidebar-smart-collapsed-shell-r1 > .main,
  #appShell.sidebar-smart-collapsed-shell-r1 .main{
    min-width:0 !important;
  }

  #appShell .sidebar.sidebar-smart-r1.sidebar-smart-r3.sidebar-smart-collapsed-r1{
    width:72px !important;
    min-width:72px !important;
    max-width:72px !important;
    box-sizing:border-box !important;
    padding:8px 7px !important;
    gap:6px !important;
    overflow:hidden !important;
  }

  /* Brand = battery icon only */
  .sidebar-smart-r3.sidebar-smart-collapsed-r1 > .brand{
    width:100% !important;
    min-width:0 !important;
    min-height:54px !important;
    height:54px !important;
    margin:0 !important;
    padding:5px 0 8px !important;
    justify-content:center !important;
    gap:0 !important;
    overflow:hidden !important;
  }

  .sidebar-smart-r3.sidebar-smart-collapsed-r1 > .brand strong,
  .sidebar-smart-r3.sidebar-smart-collapsed-r1 > .brand small,
  .sidebar-smart-r3.sidebar-smart-collapsed-r1 > .brand > div:not(.brand-battery),
  .sidebar-smart-r3.sidebar-smart-collapsed-r1 > .brand .brand-copy,
  .sidebar-smart-r3.sidebar-smart-collapsed-r1 > .brand .brand-text{
    display:none !important;
  }

  .sidebar-smart-r3.sidebar-smart-collapsed-r1 .brand-battery{
    width:30px !important;
    min-width:30px !important;
    max-width:30px !important;
    height:43px !important;
    margin:0 auto !important;
  }

  /* Everything that is not useful in icon-only mode disappears. */
  .sidebar-smart-r3.sidebar-smart-collapsed-r1 .sidebar-smart-tools-r1,
  .sidebar-smart-r3.sidebar-smart-collapsed-r1 .sidebar-smart-favorites-r1,
  .sidebar-smart-r3.sidebar-smart-collapsed-r1 .sidebar-smart-device-details-r1,
  .sidebar-smart-r3.sidebar-smart-collapsed-r1 .sidebar-device-card,
  .sidebar-smart-r3.sidebar-smart-collapsed-r1 > .sidebar-card,
  .sidebar-smart-r3.sidebar-smart-collapsed-r1 .version{
    display:none !important;
  }

  /* R3 groups: headers hidden, icon rows remain. */
  .sidebar-smart-r3.sidebar-smart-collapsed-r1 #mainNav{
    flex:1 1 auto !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:2px 0 7px !important;
    gap:3px !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    scrollbar-width:none !important;
  }

  .sidebar-smart-r3.sidebar-smart-collapsed-r1 #mainNav::-webkit-scrollbar{
    width:0 !important;
    height:0 !important;
  }

  .sidebar-smart-r3.sidebar-smart-collapsed-r1 .sidebar-r3-section-head,
  .sidebar-smart-r3.sidebar-smart-collapsed-r1 .sidebar-smart-group-head-r1{
    display:none !important;
  }

  .sidebar-smart-r3.sidebar-smart-collapsed-r1 .sidebar-r3-section,
  .sidebar-smart-r3.sidebar-smart-collapsed-r1 .sidebar-smart-group-r1{
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
  }

  .sidebar-smart-r3.sidebar-smart-collapsed-r1 .sidebar-r3-section-items,
  .sidebar-smart-r3.sidebar-smart-collapsed-r1 .sidebar-smart-group-items-r1{
    width:100% !important;
    min-width:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:3px !important;
  }

  /* Navigation = one centered icon per row. */
  .sidebar-smart-r3.sidebar-smart-collapsed-r1 #mainNav .nav-item{
    position:relative !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    height:42px !important;
    min-height:42px !important;
    margin:0 !important;
    padding:5px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:0 !important;

    border-radius:10px !important;
    overflow:hidden !important;
    text-indent:0 !important;
  }

  .sidebar-smart-r3.sidebar-smart-collapsed-r1 #mainNav .nav-item.active{
    box-shadow:
      inset -3px 0 0 var(--sidebar-r3-accent),
      0 3px 12px rgba(0,0,0,.05) !important;
  }

  .sidebar-smart-r3.sidebar-smart-collapsed-r1 .sidebar-smart-icon-r1{
    display:grid !important;
    place-items:center !important;
    flex:0 0 31px !important;
    width:31px !important;
    min-width:31px !important;
    max-width:31px !important;
    height:31px !important;
    margin:0 !important;
    padding:0 !important;
    border-radius:8px !important;
    font-size:14px !important;
    line-height:1 !important;
  }

  .sidebar-smart-r3.sidebar-smart-collapsed-r1 .sidebar-smart-label-r1,
  .sidebar-smart-r3.sidebar-smart-collapsed-r1 .sidebar-smart-fav-toggle-r1,
  .sidebar-smart-r3.sidebar-smart-collapsed-r1 .sidebar-smart-badge-r1,
  .sidebar-smart-r3.sidebar-smart-collapsed-r1 .sidebar-smart-state-badge-r1,
  .sidebar-smart-r3.sidebar-smart-collapsed-r1 .sidebar-smart-legacy-badge-r1{
    display:none !important;
  }

  /* Some old nav versions keep raw text nodes/spans. Hide non-icon children. */
  .sidebar-smart-r3.sidebar-smart-collapsed-r1 #mainNav .nav-item > span:not(.sidebar-smart-icon-r1),
  .sidebar-smart-r3.sidebar-smart-collapsed-r1 #mainNav .nav-item > b,
  .sidebar-smart-r3.sidebar-smart-collapsed-r1 #mainNav .nav-item > small,
  .sidebar-smart-r3.sidebar-smart-collapsed-r1 #mainNav .nav-item > i:not(.sidebar-smart-icon-r1){
    display:none !important;
  }

  /* Compact device online indicator only. */
  .sidebar-smart-r3.sidebar-smart-collapsed-r1 .sidebar-smart-device-r1{
    flex:0 0 auto !important;
    width:100% !important;
    min-width:0 !important;
    min-height:42px !important;
    height:42px !important;
    margin:0 !important;
    padding:5px !important;
    display:grid !important;
    place-items:center !important;
    grid-template-columns:1fr !important;
    border-radius:10px !important;
    overflow:hidden !important;
  }

  .sidebar-smart-r3.sidebar-smart-collapsed-r1 .sidebar-smart-device-r1 > div,
  .sidebar-smart-r3.sidebar-smart-collapsed-r1 .sidebar-smart-device-r1 > i,
  .sidebar-smart-r3.sidebar-smart-collapsed-r1 .sidebar-smart-device-r1 .device-meta{
    display:none !important;
  }

  .sidebar-smart-r3.sidebar-smart-collapsed-r1 .sidebar-smart-device-r1 .device-state{
    display:block !important;
    margin:0 auto !important;
  }

  /* Collapse handle remains reachable but cannot stretch the sidebar. */
  .sidebar-smart-r3.sidebar-smart-collapsed-r1 .sidebar-smart-collapse-r1{
    position:absolute !important;
    inset-inline-start:-1px !important;
    top:92px !important;
    width:25px !important;
    min-width:25px !important;
    max-width:25px !important;
    height:38px !important;
    min-height:38px !important;
    padding:0 !important;
    z-index:20 !important;
  }
}

/* =========================================================
   __BATARYA_SMART_SIDEBAR_R32_NO_COLLAPSE_BRANCH_BRAND__
   Sidebar is permanently expanded.
   Mahmoudia branch gets "بطلنا خساره" brand identity.
   ========================================================= */

@media (min-width:761px){

  /* Completely remove collapse UI. */
  #appShell .sidebar .sidebar-smart-collapse-r1,
  #sidebarSmartCollapseR1{
    display:none !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  /* Expanded width is always authoritative. */
  #appShell,
  #appShell.sidebar-smart-collapsed-shell-r1{
    grid-template-columns:var(--sidebar-r3-w,258px) minmax(0,1fr) !important;
  }

  #appShell .sidebar.sidebar-smart-r1.sidebar-smart-r3,
  #appShell .sidebar.sidebar-smart-r1.sidebar-smart-r3.sidebar-smart-collapsed-r1{
    width:var(--sidebar-r3-w,258px) !important;
    min-width:var(--sidebar-r3-w,258px) !important;
    max-width:var(--sidebar-r3-w,258px) !important;
    padding:10px 9px 9px !important;
    overflow:hidden !important;
  }

  /* Neutralize every collapsed-only hiding rule from R1/R3.1. */
  .sidebar-smart-r3.sidebar-smart-collapsed-r1 > .brand strong,
  .sidebar-smart-r3.sidebar-smart-collapsed-r1 > .brand small,
  .sidebar-smart-r3.sidebar-smart-collapsed-r1 .sidebar-smart-tools-r1,
  .sidebar-smart-r3.sidebar-smart-collapsed-r1 .sidebar-smart-favorites-r1,
  .sidebar-smart-r3.sidebar-smart-collapsed-r1 .sidebar-smart-label-r1,
  .sidebar-smart-r3.sidebar-smart-collapsed-r1 .sidebar-smart-fav-toggle-r1,
  .sidebar-smart-r3.sidebar-smart-collapsed-r1 .sidebar-smart-badge-r1,
  .sidebar-smart-r3.sidebar-smart-collapsed-r1 .sidebar-smart-state-badge-r1,
  .sidebar-smart-r3.sidebar-smart-collapsed-r1 .version{
    display:revert !important;
  }

  /* Mahmoudia branding */
  .sidebar-smart-r3.sidebar-mahmoudia-brand-r32 > .brand{
    min-height:66px !important;
    justify-content:center !important;
    text-align:center !important;
    padding:10px 12px !important;
    border-radius:13px !important;
    background:
      linear-gradient(135deg,rgba(201,52,66,.16),rgba(255,255,255,.025)) !important;
    border:1px solid rgba(255,114,124,.17) !important;
  }

  .sidebar-smart-r3.sidebar-mahmoudia-brand-r32 > .brand .brand-battery{
    display:none !important;
  }

  .sidebar-smart-r3.sidebar-mahmoudia-brand-r32 > .brand strong{
    display:block !important;
    font-size:21px !important;
    line-height:1.2 !important;
    font-weight:950 !important;
    color:#fff !important;
    letter-spacing:-.03em !important;
    text-shadow:0 2px 12px rgba(0,0,0,.16) !important;
  }

  .sidebar-smart-r3.sidebar-mahmoudia-brand-r32 > .brand small{
    display:block !important;
    margin-top:5px !important;
    font-size:10px !important;
    color:#ffc5ca !important;
  }
}

/* =========================================================
   __BATARYA_MAHMOUDIA_LOGO_THEME_R34__
   Mahmoudia branch: custom 3D logo + burgundy/red sidebar theme
   ========================================================= */

@media (min-width:761px){

  #appShell .sidebar.sidebar-smart-r1.sidebar-smart-r3.sidebar-mahmoudia-brand-r32{
    --sidebar-r3-accent:#ff6f78;
    --sidebar-r3-accent-soft:rgba(255,111,120,.15);
    --sidebar-r3-panel:rgba(255,255,255,.045);
    --sidebar-r3-panel-hover:rgba(255,255,255,.085);
    --sidebar-r3-line:rgba(255,255,255,.09);
    --sidebar-r3-text:#fff5f6;
    --sidebar-r3-muted:#d7a4a8;

    background:
      radial-gradient(circle at 18% -4%,rgba(196,46,64,.30),transparent 31%),
      radial-gradient(circle at 100% 28%,rgba(121,21,36,.20),transparent 34%),
      linear-gradient(180deg,#4a1019 0%,#351019 48%,#240b12 100%) !important;

    border-inline-start:1px solid rgba(255,158,166,.08) !important;
    box-shadow:
      0 0 34px rgba(52,7,15,.24),
      inset 0 1px 0 rgba(255,255,255,.025) !important;
  }

  /* Mahmoudia header / brand */
  .sidebar-smart-r3.sidebar-mahmoudia-brand-r32 > .brand{
    min-height:110px !important;
    padding:10px 10px 12px !important;
    justify-content:center !important;
    flex-direction:column !important;
    text-align:center !important;
    border-radius:13px !important;
    background:
      linear-gradient(135deg,rgba(201,52,66,.16),rgba(255,255,255,.025)) !important;
    border:1px solid rgba(255,114,124,.17) !important;
    overflow:hidden !important;
  }

  .sidebar-smart-r3.sidebar-mahmoudia-brand-r32 > .brand .brand-battery{
    display:none !important;
  }

  .sidebar-smart-r3.sidebar-mahmoudia-brand-r32 > .brand strong{
    display:block !important;
    font-size:19px !important;
    line-height:1.15 !important;
    font-weight:950 !important;
    color:#fff !important;
    letter-spacing:-.03em !important;
    text-shadow:0 2px 12px rgba(0,0,0,.16) !important;
    margin:2px 0 0 !important;
  }

  .sidebar-smart-r3.sidebar-mahmoudia-brand-r32 > .brand small{
    display:block !important;
    margin-top:4px !important;
    font-size:10px !important;
    color:#ffc5ca !important;
  }

  .sidebar-smart-r3 .sidebar-mahmoudia-logo-r34{
    display:none;
  }

  .sidebar-smart-r3.sidebar-mahmoudia-brand-r32 .sidebar-mahmoudia-logo-r34{
    display:block !important;
    width:min(100%, 210px) !important;
    max-width:210px !important;
    height:auto !important;
    object-fit:contain !important;
    margin:0 auto 4px !important;
    filter:drop-shadow(0 5px 14px rgba(0,0,0,.22)) !important;
  }

  /* Branch selector / tools */
  .sidebar-smart-r3.sidebar-mahmoudia-brand-r32 .sidebar-smart-branch-r1{
    background:rgba(255,255,255,.055) !important;
    border-color:rgba(255,160,168,.12) !important;
  }

  .sidebar-smart-r3.sidebar-mahmoudia-brand-r32 .sidebar-smart-live-dot-r1{
    background:#ff7d85 !important;
    box-shadow:0 0 0 4px rgba(255,125,133,.12) !important;
  }

  .sidebar-smart-r3.sidebar-mahmoudia-brand-r32 .sidebar-smart-search-r1{
    background:rgba(255,255,255,.045) !important;
    border-color:rgba(255,160,168,.11) !important;
  }

  .sidebar-smart-r3.sidebar-mahmoudia-brand-r32 .sidebar-smart-search-r1 input::placeholder{
    color:#b77d83 !important;
  }

  /* Favorites */
  .sidebar-smart-r3.sidebar-mahmoudia-brand-r32 .sidebar-smart-favorites-r1{
    background:rgba(255,255,255,.03) !important;
    border-color:rgba(255,160,168,.09) !important;
  }

  .sidebar-smart-r3.sidebar-mahmoudia-brand-r32 .sidebar-smart-favorite-item-r1{
    background:rgba(255,255,255,.05) !important;
  }

  .sidebar-smart-r3.sidebar-mahmoudia-brand-r32 .sidebar-smart-favorite-item-r1:hover{
    background:rgba(255,255,255,.09) !important;
  }

  /* Navigation */
  .sidebar-smart-r3.sidebar-mahmoudia-brand-r32 #mainNav .nav-item{
    color:#f2dfe1 !important;
  }

  .sidebar-smart-r3.sidebar-mahmoudia-brand-r32 #mainNav .nav-item:hover{
    background:rgba(255,255,255,.065) !important;
    border-color:rgba(255,167,175,.055) !important;
  }

  .sidebar-smart-r3.sidebar-mahmoudia-brand-r32 #mainNav .nav-item.active{
    background:
      linear-gradient(90deg,rgba(255,94,108,.12),rgba(255,94,108,.23)) !important;
    border-color:rgba(255,130,140,.20) !important;
    box-shadow:
      inset -3px 0 0 #ff727d,
      0 4px 16px rgba(43,3,10,.12) !important;
    color:#fff !important;
  }

  .sidebar-smart-r3.sidebar-mahmoudia-brand-r32 .sidebar-smart-icon-r1{
    background:rgba(255,255,255,.05) !important;
  }

  .sidebar-smart-r3.sidebar-mahmoudia-brand-r32 .nav-item.active .sidebar-smart-icon-r1,
  .sidebar-smart-r3.sidebar-mahmoudia-brand-r32 #mainNav .nav-item.sidebar-r3-priority:not(.active) .sidebar-smart-icon-r1{
    background:rgba(255,110,120,.13) !important;
    color:#ffd9dc !important;
  }

  .sidebar-smart-r3.sidebar-mahmoudia-brand-r32 .sidebar-r3-section-head{
    color:#c58e94 !important;
  }

  .sidebar-smart-r3.sidebar-mahmoudia-brand-r32 .sidebar-r3-section-head:hover{
    background:rgba(255,255,255,.035) !important;
    color:#efb9be !important;
  }

  .sidebar-smart-r3.sidebar-mahmoudia-brand-r32 .sidebar-smart-device-r1{
    background:rgba(255,255,255,.045) !important;
    border-color:rgba(255,160,168,.10) !important;
  }

  .sidebar-smart-r3.sidebar-mahmoudia-brand-r32 .version{
    color:#a96d74 !important;
  }
}

/* =========================================================
   __BATARYA_SIDEBAR_R35_REPAIR__
   Fix Mahmoudia selector color + interaction affordances.
   ========================================================= */

@media (min-width:761px){

  /* Mahmoudia branch selector button: remove old blue control. */
  .sidebar-smart-r3.sidebar-mahmoudia-brand-r32 .sidebar-smart-branch-r1 select{
    appearance:auto !important;
    -webkit-appearance:auto !important;
    background:#7a2430 !important;
    background-color:#7a2430 !important;
    color:#fff3f4 !important;
    border:1px solid rgba(255,164,172,.24) !important;
    box-shadow:none !important;
    outline:none !important;
    color-scheme:dark !important;
  }

  .sidebar-smart-r3.sidebar-mahmoudia-brand-r32 .sidebar-smart-branch-r1 select:hover,
  .sidebar-smart-r3.sidebar-mahmoudia-brand-r32 .sidebar-smart-branch-r1 select:focus{
    background:#91303e !important;
    background-color:#91303e !important;
    border-color:rgba(255,179,185,.38) !important;
  }

  .sidebar-smart-r3.sidebar-mahmoudia-brand-r32 .sidebar-smart-branch-r1 select option{
    background:#42131b !important;
    color:#fff !important;
  }

  /* Make it visually obvious that menu entries are clickable. */
  .sidebar-smart-r3 #mainNav .nav-item[data-view],
  .sidebar-smart-r3 [data-sidebar-favorite-view]{
    cursor:pointer !important;
    pointer-events:auto !important;
    user-select:none !important;
  }

  .sidebar-smart-r3 #mainNav .nav-item[data-view] .sidebar-smart-icon-r1,
  .sidebar-smart-r3 #mainNav .nav-item[data-view] .sidebar-smart-label-r1{
    pointer-events:none !important;
  }

  .sidebar-smart-r3 #mainNav{
    pointer-events:auto !important;
  }
}

/* =========================================================
   __BATARYA_SIDEBAR_STABLE_R36__
   Stable sidebar:
   - R1 owns navigation and grouping.
   - No JS re-parenting of nav items.
   - No collapse.
   - Mahmoudia gets custom logo/theme only.
   ========================================================= */

@media (min-width:761px){

  :root{
    --sidebar-stable-r36-w:258px;
  }

  #appShell,
  #appShell.sidebar-smart-collapsed-shell-r1{
    grid-template-columns:var(--sidebar-stable-r36-w) minmax(0,1fr) !important;
  }

  #appShell .sidebar.sidebar-smart-r1{
    width:var(--sidebar-stable-r36-w) !important;
    min-width:var(--sidebar-stable-r36-w) !important;
    max-width:var(--sidebar-stable-r36-w) !important;
    overflow:hidden !important;
  }

  /* Collapse is retired. */
  #sidebarSmartCollapseR1,
  .sidebar-smart-collapse-r1{
    display:none !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  /* Never honor an old persisted collapsed visual state. */
  .sidebar.sidebar-smart-r1.sidebar-smart-collapsed-r1{
    width:var(--sidebar-stable-r36-w) !important;
    min-width:var(--sidebar-stable-r36-w) !important;
    max-width:var(--sidebar-stable-r36-w) !important;
  }

  .sidebar-smart-r1.sidebar-smart-collapsed-r1 .brand strong,
  .sidebar-smart-r1.sidebar-smart-collapsed-r1 .brand small,
  .sidebar-smart-r1.sidebar-smart-collapsed-r1 .sidebar-smart-tools-r1,
  .sidebar-smart-r1.sidebar-smart-collapsed-r1 .sidebar-smart-group-head-r1,
  .sidebar-smart-r1.sidebar-smart-collapsed-r1 .sidebar-smart-label-r1,
  .sidebar-smart-r1.sidebar-smart-collapsed-r1 .sidebar-smart-fav-toggle-r1,
  .sidebar-smart-r1.sidebar-smart-collapsed-r1 .sidebar-smart-state-badge-r1,
  .sidebar-smart-r1.sidebar-smart-collapsed-r1 .sidebar-smart-badge-r1,
  .sidebar-smart-r1.sidebar-smart-collapsed-r1 .sidebar-smart-favorites-r1,
  .sidebar-smart-r1.sidebar-smart-collapsed-r1 .version{
    display:revert !important;
  }

  /* Stop visual jitter on hover. */
  .sidebar-smart-r1 #mainNav .nav-item{
    transform:none !important;
    will-change:auto !important;
    transition:
      background-color .12s ease,
      border-color .12s ease,
      color .12s ease !important;
    cursor:pointer !important;
  }

  .sidebar-smart-r1 #mainNav .nav-item:hover{
    transform:none !important;
  }

  .sidebar-smart-r1 .sidebar-smart-icon-r1{
    transform:none !important;
    transition:none !important;
  }

  /* Stable Mahmoudia 3D logo. */
  .sidebar-stable-mahmoudia-logo-r36{
    display:none;
  }

  .sidebar.sidebar-smart-r1.sidebar-mahmoudia-stable-r36{
    background:
      radial-gradient(circle at 18% -4%,rgba(196,46,64,.30),transparent 31%),
      radial-gradient(circle at 100% 28%,rgba(121,21,36,.20),transparent 34%),
      linear-gradient(180deg,#4a1019 0%,#351019 48%,#240b12 100%) !important;
    border-inline-start:1px solid rgba(255,158,166,.08) !important;
    box-shadow:0 0 34px rgba(52,7,15,.20) !important;
  }

  .sidebar.sidebar-smart-r1.sidebar-mahmoudia-stable-r36 > .brand{
    min-height:92px !important;
    padding:9px 10px 10px !important;
    justify-content:center !important;
    border-radius:13px !important;
    background:linear-gradient(135deg,rgba(201,52,66,.14),rgba(255,255,255,.025)) !important;
    border:1px solid rgba(255,114,124,.16) !important;
  }

  .sidebar.sidebar-smart-r1.sidebar-mahmoudia-stable-r36 > .brand .brand-battery,
  .sidebar.sidebar-smart-r1.sidebar-mahmoudia-stable-r36 > .brand strong,
  .sidebar.sidebar-smart-r1.sidebar-mahmoudia-stable-r36 > .brand small{
    display:none !important;
  }

  .sidebar.sidebar-smart-r1.sidebar-mahmoudia-stable-r36 .sidebar-stable-mahmoudia-logo-r36{
    display:block !important;
    width:min(100%,215px) !important;
    max-width:215px !important;
    height:auto !important;
    object-fit:contain !important;
    margin:0 auto !important;
    filter:drop-shadow(0 5px 12px rgba(0,0,0,.20)) !important;
  }

  /* Mahmoudia controls */
  .sidebar.sidebar-smart-r1.sidebar-mahmoudia-stable-r36 .sidebar-smart-branch-r1{
    background:rgba(255,255,255,.055) !important;
    border-color:rgba(255,160,168,.12) !important;
  }

  .sidebar.sidebar-smart-r1.sidebar-mahmoudia-stable-r36 .sidebar-smart-branch-r1 select{
    background:#7a2430 !important;
    background-color:#7a2430 !important;
    color:#fff3f4 !important;
    border-color:rgba(255,164,172,.25) !important;
    box-shadow:none !important;
    color-scheme:dark !important;
  }

  .sidebar.sidebar-smart-r1.sidebar-mahmoudia-stable-r36 .sidebar-smart-branch-r1 select:hover,
  .sidebar.sidebar-smart-r1.sidebar-mahmoudia-stable-r36 .sidebar-smart-branch-r1 select:focus{
    background:#92313f !important;
    background-color:#92313f !important;
    border-color:rgba(255,185,191,.38) !important;
  }

  .sidebar.sidebar-smart-r1.sidebar-mahmoudia-stable-r36 .sidebar-smart-branch-r1 select option{
    background:#42131b !important;
    color:#fff !important;
  }

  .sidebar.sidebar-smart-r1.sidebar-mahmoudia-stable-r36 .sidebar-smart-live-dot-r1{
    background:#ff7d85 !important;
    box-shadow:0 0 0 4px rgba(255,125,133,.12) !important;
  }

  .sidebar.sidebar-smart-r1.sidebar-mahmoudia-stable-r36 .sidebar-smart-search-r1{
    background:rgba(255,255,255,.045) !important;
    border-color:rgba(255,160,168,.11) !important;
  }

  .sidebar.sidebar-smart-r1.sidebar-mahmoudia-stable-r36 .sidebar-smart-search-r1 input::placeholder{
    color:#bc858a !important;
  }

  .sidebar.sidebar-smart-r1.sidebar-mahmoudia-stable-r36 .sidebar-smart-group-head-r1{
    color:#c58e94 !important;
  }

  .sidebar.sidebar-smart-r1.sidebar-mahmoudia-stable-r36 #mainNav .nav-item{
    color:#f2dfe1 !important;
  }

  .sidebar.sidebar-smart-r1.sidebar-mahmoudia-stable-r36 #mainNav .nav-item:hover{
    background:rgba(255,255,255,.065) !important;
    border-color:rgba(255,167,175,.055) !important;
  }

  .sidebar.sidebar-smart-r1.sidebar-mahmoudia-stable-r36 #mainNav .nav-item.active{
    background:linear-gradient(90deg,rgba(255,94,108,.12),rgba(255,94,108,.23)) !important;
    border-color:rgba(255,130,140,.20) !important;
    box-shadow:inset -3px 0 0 #ff727d !important;
    color:#fff !important;
  }

  .sidebar.sidebar-smart-r1.sidebar-mahmoudia-stable-r36 .sidebar-smart-icon-r1{
    background:rgba(255,255,255,.05) !important;
  }

  .sidebar.sidebar-smart-r1.sidebar-mahmoudia-stable-r36 .nav-item.active .sidebar-smart-icon-r1{
    background:rgba(255,110,120,.13) !important;
    color:#ffd9dc !important;
  }

  .sidebar.sidebar-smart-r1.sidebar-mahmoudia-stable-r36 .sidebar-smart-favorites-r1,
  .sidebar.sidebar-smart-r1.sidebar-mahmoudia-stable-r36 .sidebar-smart-device-r1{
    background:rgba(255,255,255,.04) !important;
    border-color:rgba(255,160,168,.09) !important;
  }

  .sidebar.sidebar-smart-r1.sidebar-mahmoudia-stable-r36 .version{
    color:#b57b81 !important;
  }
}

/* =========================================================
   __BATARYA_FAST_BRANCH_R37__
   Fast branch switching + zero flash Mahmoudia identity.
   ========================================================= */

@media (min-width:761px){

  /* Mahmoudia identity must completely replace old Batarya brand. */
  .sidebar.sidebar-smart-r1.sidebar-mahmoudia-stable-r36 > .brand > .brand-battery,
  .sidebar.sidebar-smart-r1.sidebar-mahmoudia-stable-r36 > .brand > div:not(.brand-battery),
  .sidebar.sidebar-smart-r1.sidebar-mahmoudia-stable-r36 > .brand > strong,
  .sidebar.sidebar-smart-r1.sidebar-mahmoudia-stable-r36 > .brand > small,
  .sidebar.sidebar-smart-r1.sidebar-mahmoudia-stable-r36 > .brand .sidebar-mahmoudia-logo-r34{
    display:none !important;
  }

  .sidebar.sidebar-smart-r1.sidebar-mahmoudia-stable-r36 > .brand > .sidebar-stable-mahmoudia-logo-r36{
    display:block !important;
  }

  /* Force the burgundy identity over any old sidebar theme rules. */
  #appShell .sidebar.sidebar-smart-r1.sidebar-mahmoudia-stable-r36{
    background:
      radial-gradient(circle at 18% -4%,rgba(196,46,64,.30),transparent 31%),
      radial-gradient(circle at 100% 28%,rgba(121,21,36,.20),transparent 34%),
      linear-gradient(180deg,#4a1019 0%,#351019 48%,#240b12 100%) !important;
    background-color:#351019 !important;
  }

  #appShell .sidebar.sidebar-smart-r1.sidebar-mahmoudia-stable-r36 .sidebar-smart-branch-r1 select{
    background:#7a2430 !important;
    background-color:#7a2430 !important;
    color:#fff3f4 !important;
    border-color:rgba(255,164,172,.25) !important;
  }
}

/* =========================================================
   __BATARYA_BRAND_FAST_TOP_R38__
   New Batarya 1% 3D identity + teal/charcoal theme.
   Mahmoudia keeps its burgundy identity.
   ========================================================= */

@media (min-width:761px){

  /* ---------- BATARYA 1% NORMAL BRANCHES ---------- */

  #appShell .sidebar.sidebar-smart-r1.sidebar-batarya-stable-r38{
    --batarya-r38-accent:#21e0c1;
    --batarya-r38-accent-2:#13bfa9;
    --batarya-r38-text:#effffd;
    --batarya-r38-muted:#86b9b2;

    background:
      radial-gradient(circle at 16% -5%,rgba(24,220,194,.20),transparent 30%),
      radial-gradient(circle at 105% 30%,rgba(16,121,111,.18),transparent 38%),
      linear-gradient(180deg,#123c3c 0%,#0e3133 52%,#092628 100%) !important;
    background-color:#0e3133 !important;

    border-inline-start:1px solid rgba(93,255,231,.08) !important;
    box-shadow:
      0 0 34px rgba(4,35,37,.18),
      inset 0 1px 0 rgba(255,255,255,.025) !important;
  }

  .sidebar-batarya-logo-r38{
    display:none;
  }

  /* Replace legacy Batarya text/battery block with the 3D logo. */
  #appShell .sidebar.sidebar-smart-r1.sidebar-batarya-stable-r38 > .brand{
    min-height:116px !important;
    padding:8px 9px 10px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
    border-radius:14px !important;
    background:
      linear-gradient(135deg,rgba(33,224,193,.075),rgba(255,255,255,.018)) !important;
    border:1px solid rgba(98,255,232,.10) !important;
  }

  #appShell .sidebar.sidebar-smart-r1.sidebar-batarya-stable-r38 > .brand > .brand-battery,
  #appShell .sidebar.sidebar-smart-r1.sidebar-batarya-stable-r38 > .brand > div:not(.brand-battery),
  #appShell .sidebar.sidebar-smart-r1.sidebar-batarya-stable-r38 > .brand > strong,
  #appShell .sidebar.sidebar-smart-r1.sidebar-batarya-stable-r38 > .brand > small{
    display:none !important;
  }

  #appShell .sidebar.sidebar-smart-r1.sidebar-batarya-stable-r38 > .brand > .sidebar-batarya-logo-r38{
    display:block !important;
    width:min(100%,208px) !important;
    max-width:208px !important;
    height:96px !important;
    object-fit:contain !important;
    margin:0 auto !important;
    filter:drop-shadow(0 5px 14px rgba(0,0,0,.23)) !important;
  }

  .sidebar.sidebar-smart-r1.sidebar-batarya-stable-r38 .sidebar-smart-branch-r1{
    background:rgba(255,255,255,.045) !important;
    border-color:rgba(76,242,218,.10) !important;
  }

  .sidebar.sidebar-smart-r1.sidebar-batarya-stable-r38 .sidebar-smart-live-dot-r1{
    background:#29e3c2 !important;
    box-shadow:0 0 0 4px rgba(41,227,194,.12) !important;
  }

  .sidebar.sidebar-smart-r1.sidebar-batarya-stable-r38 .sidebar-smart-branch-r1 select{
    background:#155b5b !important;
    background-color:#155b5b !important;
    color:#effffd !important;
    border-color:rgba(97,249,226,.17) !important;
    color-scheme:dark !important;
  }

  .sidebar.sidebar-smart-r1.sidebar-batarya-stable-r38 .sidebar-smart-branch-r1 select:hover,
  .sidebar.sidebar-smart-r1.sidebar-batarya-stable-r38 .sidebar-smart-branch-r1 select:focus{
    background:#19706d !important;
    background-color:#19706d !important;
    border-color:rgba(119,255,235,.30) !important;
  }

  .sidebar.sidebar-smart-r1.sidebar-batarya-stable-r38 .sidebar-smart-search-r1{
    background:rgba(255,255,255,.035) !important;
    border-color:rgba(88,244,222,.085) !important;
  }

  .sidebar.sidebar-smart-r1.sidebar-batarya-stable-r38 .sidebar-smart-search-r1 input{
    color:#f1fffd !important;
  }

  .sidebar.sidebar-smart-r1.sidebar-batarya-stable-r38 .sidebar-smart-search-r1 input::placeholder{
    color:#78aaa5 !important;
  }

  .sidebar.sidebar-smart-r1.sidebar-batarya-stable-r38 .sidebar-smart-favorites-r1,
  .sidebar.sidebar-smart-r1.sidebar-batarya-stable-r38 .sidebar-smart-device-r1{
    background:rgba(255,255,255,.035) !important;
    border-color:rgba(83,236,215,.08) !important;
  }

  .sidebar.sidebar-smart-r1.sidebar-batarya-stable-r38 .sidebar-smart-group-head-r1{
    color:#76aaa5 !important;
  }

  .sidebar.sidebar-smart-r1.sidebar-batarya-stable-r38 #mainNav .nav-item{
    color:#d8efec !important;
  }

  .sidebar.sidebar-smart-r1.sidebar-batarya-stable-r38 #mainNav .nav-item:hover{
    background:rgba(255,255,255,.055) !important;
    border-color:rgba(78,239,216,.06) !important;
  }

  .sidebar.sidebar-smart-r1.sidebar-batarya-stable-r38 #mainNav .nav-item.active{
    background:
      linear-gradient(90deg,rgba(31,220,190,.10),rgba(31,220,190,.19)) !important;
    border-color:rgba(70,246,218,.16) !important;
    box-shadow:inset -3px 0 0 #28dfbf !important;
    color:#fff !important;
  }

  .sidebar.sidebar-smart-r1.sidebar-batarya-stable-r38 .sidebar-smart-icon-r1{
    background:rgba(255,255,255,.04) !important;
  }

  .sidebar.sidebar-smart-r1.sidebar-batarya-stable-r38 .nav-item.active .sidebar-smart-icon-r1{
    background:rgba(43,230,198,.13) !important;
    color:#bafff2 !important;
  }

  .sidebar.sidebar-smart-r1.sidebar-batarya-stable-r38 .version{
    color:#61918e !important;
  }

  /* ---------- TOP BRANCH SWITCHER POLISH ---------- */

  #branchSwitcherBtn{
    transition:
      border-color .12s ease,
      background-color .12s ease,
      box-shadow .12s ease !important;
  }

  #branchSwitcherMenu .branch-switcher-option{
    cursor:pointer !important;
  }

  #branchSwitcherMenu .branch-switcher-option:active{
    transform:none !important;
  }
}

/* =========================================================
   __BATARYA_STARTUP_BRAND_R39__
   Dynamic startup splash by active branch brand.
   ========================================================= */

#brandStartupSplashR39{
  position:fixed;
  inset:0;
  z-index:99999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:#eef0f3;
  direction:rtl;
}

body.auth-booting #brandStartupSplashR39{
  display:flex;
}

#brandStartupSplashR39 .startup-brand-card-r39{
  width:min(94vw,460px);
  max-width:460px;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:26px 24px 18px;
  border-radius:24px;
  background:rgba(255,255,255,.58);
  border:1px solid rgba(12,32,54,.05);
  box-shadow:
    0 26px 70px rgba(10,20,33,.08),
    0 8px 22px rgba(10,20,33,.05);
  backdrop-filter:blur(10px);
}#brandStartupSplashR39 .startup-brand-logo-r39{
  width:min(86vw,280px);
  max-width:280px;
  height:auto;
  object-fit:contain;
  display:block;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.10));
}
#brandStartupSplashR39 .startup-brand-sub-r39{
  margin:0;
  font-size:clamp(12px,1.3vw,15px);
  color:#6a7b8d;
  font-weight:700;
}

#brandStartupSplashR39.startup-brand-batarya-r39 .startup-brand-sub-r39{
  color:#1a7f74;
}

#brandStartupSplashR39.startup-brand-mahmoudia-r39 .startup-brand-sub-r39{
  color:#9a4e57;
}

#brandStartupSplashR39 .startup-brand-dots-r39{
  margin-top:4px;
  display:flex;
  gap:8px;
  align-items:center;
  justify-content:center;
}

#brandStartupSplashR39 .startup-brand-dots-r39 i{
  width:8px;
  height:8px;
  border-radius:999px;
  display:block;
  opacity:.94;
  animation:r39Pulse 1.1s infinite ease-in-out;
}

#brandStartupSplashR39 .startup-brand-dots-r39 i:nth-child(2){
  animation-delay:.15s;
}
#brandStartupSplashR39 .startup-brand-dots-r39 i:nth-child(3){
  animation-delay:.30s;
}

#brandStartupSplashR39.startup-brand-batarya-r39 .startup-brand-dots-r39 i{
  background:#26d9c0;
}

#brandStartupSplashR39.startup-brand-mahmoudia-r39 .startup-brand-dots-r39 i{
  background:#d55f6c;
}

@keyframes r39Pulse{
  0%,80%,100%{transform:scale(.72);opacity:.42}
  40%{transform:scale(1);opacity:1}
}

/* =========================================================
   __BATARYA_STARTUP_SPLASH_PREMIUM_R40__
   Premium dynamic startup splash.
   ========================================================= */

#brandStartupSplashR39{
  background:
    radial-gradient(circle at 50% 34%,rgba(255,255,255,.96),rgba(242,246,248,.94) 42%,#e9eef1 100%) !important;
  overflow:hidden;
}

#brandStartupSplashR39::before,
#brandStartupSplashR39::after{
  content:"";
  position:absolute;
  border-radius:999px;
  filter:blur(4px);
  pointer-events:none;
}

#brandStartupSplashR39::before{
  width:420px;
  height:420px;
  inset:auto auto -160px -120px;
  opacity:.22;
}

#brandStartupSplashR39::after{
  width:360px;
  height:360px;
  inset:-140px -100px auto auto;
  opacity:.16;
}

#brandStartupSplashR39.startup-brand-batarya-r39::before{
  background:radial-gradient(circle,#22dbc0 0%,rgba(34,219,192,.05) 70%);
}

#brandStartupSplashR39.startup-brand-batarya-r39::after{
  background:radial-gradient(circle,#0ba493 0%,rgba(11,164,147,.03) 70%);
}

#brandStartupSplashR39.startup-brand-mahmoudia-r39::before{
  background:radial-gradient(circle,#d8616f 0%,rgba(216,97,111,.05) 70%);
}

#brandStartupSplashR39.startup-brand-mahmoudia-r39::after{
  background:radial-gradient(circle,#7c1c2a 0%,rgba(124,28,42,.03) 70%);
}

#brandStartupSplashR39 .startup-brand-card-r39{
  position:relative;
  z-index:2;
  width:min(92vw,540px) !important;
  max-width:540px !important;
  min-height:440px;
  padding:34px 34px 28px !important;
  gap:0 !important;
  border-radius:32px !important;
  border:1px solid rgba(255,255,255,.72) !important;
  box-shadow:
    0 34px 90px rgba(13,25,40,.13),
    0 12px 30px rgba(13,25,40,.08),
    inset 0 1px 0 rgba(255,255,255,.85) !important;
  backdrop-filter:blur(18px) saturate(125%);
  animation:r40CardIn .45s cubic-bezier(.2,.8,.2,1) both;
}

#brandStartupSplashR39.startup-brand-batarya-r39 .startup-brand-card-r39{
  background:
    linear-gradient(180deg,rgba(255,255,255,.92),rgba(237,252,249,.91)) !important;
}

#brandStartupSplashR39.startup-brand-mahmoudia-r39 .startup-brand-card-r39{
  background:
    linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,242,244,.92)) !important;
}

#brandStartupSplashR39 .startup-brand-logo-wrap-r40{
  width:100%;
  min-height:222px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:4px;
}

#brandStartupSplashR39 .startup-brand-logo-r39{
  width:auto !important;
  max-width:min(88%,360px) !important;
  max-height:220px !important;
  object-fit:contain !important;
  margin:0 !important;
  filter:
    drop-shadow(0 14px 25px rgba(5,20,30,.14))
    drop-shadow(0 3px 8px rgba(5,20,30,.08)) !important;
  animation:r40LogoIn .62s cubic-bezier(.16,.84,.25,1) both;
}

#brandStartupSplashR39.startup-brand-mahmoudia-r39 .startup-brand-logo-r39{
  max-width:min(92%,395px) !important;
  max-height:190px !important;
}

#brandStartupSplashR39 .startup-brand-title-r39{
  margin:8px 0 0 !important;
  font-size:clamp(27px,3vw,38px) !important;
  font-weight:950 !important;
  line-height:1.15 !important;
  letter-spacing:-.035em !important;
  color:#10263a !important;
}

#brandStartupSplashR39.startup-brand-batarya-r39 .startup-brand-title-r39{
  color:#10383a !important;
}

#brandStartupSplashR39.startup-brand-mahmoudia-r39 .startup-brand-title-r39{
  color:#4a151d !important;
}

#brandStartupSplashR39 .startup-brand-sub-r39{
  margin:7px 0 0 !important;
  font-size:14px !important;
  font-weight:800 !important;
  letter-spacing:.01em;
}

#brandStartupSplashR39 .startup-brand-branch-r40{
  margin:15px auto 0;
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:32px;
  padding:6px 13px;
  border-radius:999px;
  font-size:11px;
  font-weight:900;
  border:1px solid transparent;
}

#brandStartupSplashR39.startup-brand-batarya-r39 .startup-brand-branch-r40{
  color:#17766d;
  background:rgba(30,210,187,.08);
  border-color:rgba(30,210,187,.13);
}

#brandStartupSplashR39.startup-brand-mahmoudia-r39 .startup-brand-branch-r40{
  color:#984d57;
  background:rgba(209,83,98,.07);
  border-color:rgba(209,83,98,.12);
}

#brandStartupSplashR39 .startup-brand-branch-r40::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  display:inline-block;
}

#brandStartupSplashR39.startup-brand-batarya-r39 .startup-brand-branch-r40::before{
  background:#25d6bc;
  box-shadow:0 0 0 5px rgba(37,214,188,.10);
}

#brandStartupSplashR39.startup-brand-mahmoudia-r39 .startup-brand-branch-r40::before{
  background:#d95e6d;
  box-shadow:0 0 0 5px rgba(217,94,109,.09);
}

#brandStartupSplashR39 .startup-brand-loading-r40{
  width:min(82%,320px);
  margin:24px auto 0;
}

#brandStartupSplashR39 .startup-brand-loading-label-r40{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:8px;
  color:#81909c;
  font-size:10px;
  font-weight:800;
}

#brandStartupSplashR39 .startup-brand-track-r40{
  width:100%;
  height:6px;
  border-radius:999px;
  background:rgba(15,39,55,.08);
  overflow:hidden;
}

#brandStartupSplashR39 .startup-brand-fill-r40{
  width:42%;
  height:100%;
  border-radius:inherit;
  animation:r40Loading 1.28s ease-in-out infinite;
}

#brandStartupSplashR39.startup-brand-batarya-r39 .startup-brand-fill-r40{
  background:linear-gradient(90deg,#19a994,#30e0c3,#19a994);
  box-shadow:0 0 14px rgba(45,219,194,.32);
}

#brandStartupSplashR39.startup-brand-mahmoudia-r39 .startup-brand-fill-r40{
  background:linear-gradient(90deg,#9e3545,#e06a77,#9e3545);
  box-shadow:0 0 14px rgba(213,89,103,.26);
}

#brandStartupSplashR39 .startup-brand-dots-r39{
  display:none !important;
}

#brandStartupSplashR39 .startup-brand-foot-r40{
  margin-top:16px;
  color:#9aa6af;
  font-size:9px;
  font-weight:700;
}

@keyframes r40CardIn{
  from{opacity:0;transform:translateY(12px) scale(.985)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

@keyframes r40LogoIn{
  from{opacity:0;transform:translateY(10px) scale(.94)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

@keyframes r40Loading{
  0%{transform:translateX(145%)}
  50%{transform:translateX(-25%)}
  100%{transform:translateX(-145%)}
}

@media(max-width:600px){
  #brandStartupSplashR39 .startup-brand-card-r39{
    width:min(94vw,430px) !important;
    min-height:390px;
    padding:26px 18px 24px !important;
    border-radius:26px !important;
  }

  #brandStartupSplashR39 .startup-brand-logo-wrap-r40{
    min-height:190px;
  }

  #brandStartupSplashR39 .startup-brand-logo-r39{
    max-width:88% !important;
    max-height:185px !important;
  }
}

/* =========================================================
   __BATARYA_BRANCH_COMPACT_BRAND_R42__
   Dynamic compact brand chip for Batarya/Mahmoudia.
   ========================================================= */

.branch-brand-chip-r42{
  direction:rtl;
}

.branch-brand-chip-r42 .branch-brand-chip-logo-r42{
  width:28px !important;
  height:28px !important;
  min-width:28px !important;
  min-height:28px !important;
  object-fit:contain !important;
  border-radius:8px !important;
  display:block !important;
  flex:0 0 auto !important;
}

.branch-brand-chip-r42 .branch-brand-chip-text-r42{
  display:inline-block !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  max-width:100% !important;
}

/* =========================================================
   __BATARYA_BROWSER_BRAND_R43__
   Sidebar brand integrity after removing broken R4.2 mutation.
   ========================================================= */
@media (min-width:761px){

  #appShell .sidebar.sidebar-smart-r1.sidebar-batarya-stable-r38:not(.sidebar-mahmoudia-stable-r36)
  > .brand > .sidebar-batarya-logo-r38{
    display:block !important;
  }

  #appShell .sidebar.sidebar-smart-r1.sidebar-batarya-stable-r38:not(.sidebar-mahmoudia-stable-r36)
  > .brand > .sidebar-stable-mahmoudia-logo-r36{
    display:none !important;
  }

  #appShell .sidebar.sidebar-smart-r1.sidebar-mahmoudia-stable-r36
  > .brand > .sidebar-stable-mahmoudia-logo-r36{
    display:block !important;
  }

  #appShell .sidebar.sidebar-smart-r1.sidebar-mahmoudia-stable-r36
  > .brand > .sidebar-batarya-logo-r38{
    display:none !important;
  }
}

/* =========================================================
   __BATARYA_POS_SHORTCUTS_R44__
   Seller shortcut feedback / clickable shortcut chips.
   ========================================================= */

#view-pos .pos-shortcut-r44{
  cursor:pointer !important;
  user-select:none !important;
}

#view-pos .pos-shortcut-r44:hover{
  opacity:.82;
}

#view-pos .pos-shortcut-r44.pos-shortcut-hit-r44{
  transform:translateY(-1px);
  filter:brightness(1.05);
}

/* =========================================================
   __BATARYA_POS_SHORTCUTS_HARD_R45__
   Hard-bound POS seller shortcuts.
   ========================================================= */

#view-pos [data-pos-key-r45]{
  cursor:pointer !important;
  user-select:none !important;
}

#view-pos [data-pos-key-r45]:hover{
  color:#0b8f73 !important;
}

#view-pos .pos-key-flash-r45{
  outline:2px solid rgba(24,168,121,.28) !important;
  outline-offset:2px !important;
  border-radius:8px !important;
}

/* =========================================================
   __BATARYA_POS_SHORTCUTS_SAFE_R46__
   Chrome-safe seller shortcuts.
   ========================================================= */

#view-pos [data-pos-safe-action-r46]{
  cursor:pointer !important;
  user-select:none !important;
}

#view-pos [data-pos-safe-action-r46]:hover{
  color:#0b8f73 !important;
}

#view-pos .pos-safe-flash-r46{
  outline:2px solid rgba(24,168,121,.28) !important;
  outline-offset:2px !important;
  border-radius:8px !important;
}

#view-pos .pos-safe-key-r46{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:30px !important;
  min-height:24px !important;
  padding:2px 7px !important;
  border-radius:7px !important;
  border:1px solid #d8e2e7 !important;
  background:#fff !important;
  color:#405b6b !important;
  font-size:10px !important;
  font-weight:900 !important;
  direction:ltr !important;
}

/* =========================================================
   __BATARYA_POS_SHORTCUT_BAR_R47__
   Exact, explicit POS shortcut bar.
   ========================================================= */

#posSellerShortcutsR47{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  flex-wrap:wrap;
  margin:4px 0 14px;
  padding:0 2px;
  direction:rtl;
}

#posSellerShortcutsR47 .pos-shortcut-title-r47{
  color:#637989;
  font-size:11px;
  font-weight:900;
  margin-inline-end:2px;
}

#posSellerShortcutsR47 .pos-shortcut-btn-r47{
  border:0;
  background:transparent;
  color:#6f8090;
  min-height:30px;
  padding:2px 4px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  cursor:pointer;
  border-radius:9px;
  font-size:12px;
  font-weight:800;
  transition:background .12s ease,color .12s ease,transform .12s ease;
}

#posSellerShortcutsR47 .pos-shortcut-btn-r47:hover{
  background:#eef8f5;
  color:#0d8469;
}

#posSellerShortcutsR47 .pos-shortcut-btn-r47:active{
  transform:translateY(1px);
}

#posSellerShortcutsR47 .pos-shortcut-key-r47{
  direction:ltr;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:34px;
  min-height:26px;
  padding:2px 7px;
  border:1px solid #d8e3e8;
  border-radius:7px;
  background:#fff;
  color:#496272;
  font-size:10px;
  font-weight:950;
  box-shadow:0 1px 2px rgba(15,39,64,.04);
}

#posSellerShortcutsR47 .pos-shortcut-btn-r47[data-action="vodafone"] .pos-shortcut-key-r47{
  min-width:76px;
}

#posSellerShortcutsR47 .pos-shortcut-btn-r47.pos-shortcut-active-r47{
  background:#eaf8f3;
  color:#08795f;
}

#view-pos .pos-shortcut-target-flash-r47{
  outline:2px solid rgba(24,168,121,.30) !important;
  outline-offset:2px !important;
  border-radius:9px !important;
}

/* =========================================================
   __BATARYA_FINAL_STABILITY_R48__
   Final brand integrity on every viewport + exact POS bar.
   ========================================================= */

#appShell .sidebar > .brand > .sidebar-batarya-logo-r38,
#appShell .sidebar > .brand > .sidebar-stable-mahmoudia-logo-r36{
  display:none !important;
}

html[data-batarya-brand-r48="batarya"]
#appShell .sidebar > .brand > .sidebar-batarya-logo-r38{
  display:block !important;
  width:min(100%,208px) !important;
  max-width:208px !important;
  height:auto !important;
  max-height:96px !important;
  object-fit:contain !important;
  margin:0 auto !important;
}

html[data-batarya-brand-r48="mahmoudia"]
#appShell .sidebar > .brand > .sidebar-stable-mahmoudia-logo-r36{
  display:block !important;
  width:min(100%,215px) !important;
  max-width:215px !important;
  height:auto !important;
  max-height:96px !important;
  object-fit:contain !important;
  margin:0 auto !important;
}

#appShell .sidebar.sidebar-smart-r1 > .brand > .brand-battery,
#appShell .sidebar.sidebar-smart-r1 > .brand > div:not(.brand-battery),
#appShell .sidebar.sidebar-smart-r1 > .brand > strong,
#appShell .sidebar.sidebar-smart-r1 > .brand > small,
#appShell .sidebar.sidebar-smart-r1 > .brand .sidebar-mahmoudia-logo-r34{
  display:none !important;
}

#posSellerShortcutsR48{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  flex-wrap:wrap;
  margin:4px 0 14px;
  padding:0 2px;
  direction:rtl;
}

#posSellerShortcutsR48 .pos-shortcut-title-r48{
  color:#637989;
  font-size:11px;
  font-weight:900;
  margin-inline-end:2px;
}

#posSellerShortcutsR48 .pos-shortcut-btn-r48{
  border:0;
  background:transparent;
  color:#6f8090;
  min-height:30px;
  padding:2px 4px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  cursor:pointer;
  border-radius:9px;
  font-size:12px;
  font-weight:800;
  transition:background .12s ease,color .12s ease,transform .12s ease;
}

#posSellerShortcutsR48 .pos-shortcut-btn-r48:hover{
  background:#eef8f5;
  color:#0d8469;
}

#posSellerShortcutsR48 .pos-shortcut-btn-r48:active{
  transform:translateY(1px);
}

#posSellerShortcutsR48 .pos-shortcut-key-r48{
  direction:ltr;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:34px;
  min-height:26px;
  padding:2px 7px;
  border:1px solid #d8e3e8;
  border-radius:7px;
  background:#fff;
  color:#496272;
  font-size:10px;
  font-weight:950;
  box-shadow:0 1px 2px rgba(15,39,64,.04);
}

#posSellerShortcutsR48 .pos-shortcut-btn-r48.pos-shortcut-active-r48{
  background:#eaf8f3;
  color:#08795f;
}

#view-pos .pos-shortcut-target-flash-r48{
  outline:2px solid rgba(24,168,121,.30) !important;
  outline-offset:2px !important;
  border-radius:9px !important;
}

@media (max-width:760px){
  #appShell .sidebar > .brand > .sidebar-batarya-logo-r38,
  #appShell .sidebar > .brand > .sidebar-stable-mahmoudia-logo-r36{
    max-width:180px !important;
    max-height:78px !important;
  }

  #posSellerShortcutsR48{
    gap:5px;
    margin-bottom:10px;
  }

  #posSellerShortcutsR48 .pos-shortcut-btn-r48{
    font-size:11px;
  }
}

/* =========================================================
   __BATARYA_MOBILE_DASHBOARD_R49__
   Real mobile layout for dashboard / top products / charts.
   Fixes squeezed columns and text overlap on iPhone.
   ========================================================= */

@media (max-width:900px){

  html,
  body{
    max-width:100% !important;
    overflow-x:hidden !important;
  }

  #appShell,
  #appShell .main,
  .main{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin-left:0 !important;
    margin-right:0 !important;
    box-sizing:border-box !important;
  }

  #view-dashboard,
  #view-dashboard.view{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow-x:hidden !important;
    box-sizing:border-box !important;
  }

  #view-dashboard .dashboard-grid,
  #view-dashboard .dashboard-insights-grid,
  #view-dashboard .dashboard-bottom-grid,
  #view-dashboard .dashboard-lower-grid,
  #view-dashboard .smartdash-main-grid,
  #view-dashboard .smartdash-seller-grid{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    grid-auto-flow:row !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }

  #view-dashboard .dashboard-grid > *,
  #view-dashboard .dashboard-insights-grid > *,
  #view-dashboard .dashboard-bottom-grid > *,
  #view-dashboard .dashboard-lower-grid > *,
  #view-dashboard .panel,
  #view-dashboard article,
  #view-dashboard section{
    min-width:0 !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }

  #view-dashboard .span-2,
  #view-dashboard .span-3,
  #view-dashboard .panel:has(#topProductsList),
  #view-dashboard .panel:has(#dashboardCategorySales),
  #view-dashboard .panel:has(#dashboardRecentSales),
  #view-dashboard article:has(#topProductsList),
  #view-dashboard article:has(#dashboardCategorySales),
  #view-dashboard article:has(#dashboardRecentSales){
    grid-column:1 / -1 !important;
    width:100% !important;
    max-width:100% !important;
  }

  #view-dashboard .panel-head,
  #view-dashboard .section-head{
    min-width:0 !important;
    max-width:100% !important;
  }

  /* Category donut: never keep legend squeezed in a side column. */
  #dashboardCategorySales{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    justify-items:center !important;
    gap:16px !important;
    box-sizing:border-box !important;
  }

  #dashboardCategorySales .category-donut{
    width:min(190px,58vw) !important;
    height:min(190px,58vw) !important;
    min-width:150px !important;
    min-height:150px !important;
    margin:0 auto !important;
  }

  #dashboardCategorySales .category-sales-legend{
    width:100% !important;
    max-width:360px !important;
    min-width:0 !important;
    margin:0 auto !important;
  }

  #dashboardCategorySales .category-sales-legend > div{
    display:grid !important;
    grid-template-columns:12px minmax(0,1fr) auto !important;
    align-items:center !important;
    gap:8px !important;
    min-width:0 !important;
  }

  #dashboardCategorySales .category-sales-legend b{
    min-width:0 !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
  }

  /* Top products: desktop row has too many columns for a phone.
     Turn every product into a clean stacked card. */
  #topProductsList{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow:hidden !important;
  }

  #topProductsList .top-product-row{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    height:auto !important;
    min-height:0 !important;
    display:grid !important;
    grid-template-columns:42px minmax(0,1fr) !important;
    grid-template-areas:
      "rank main"
      "sales sales"
      "demand demand"
      "stock stock" !important;
    align-items:center !important;
    gap:8px 10px !important;
    padding:12px !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }

  #topProductsList .top-rank{
    grid-area:rank !important;
    align-self:start !important;
  }

  #topProductsList .top-product-main{
    grid-area:main !important;
    display:flex !important;
    align-items:center !important;
    gap:9px !important;
    min-width:0 !important;
    width:100% !important;
  }

  #topProductsList .top-product-main > div{
    min-width:0 !important;
    max-width:100% !important;
  }

  #topProductsList .top-product-main b{
    display:block !important;
    min-width:0 !important;
    max-width:100% !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    word-break:normal !important;
    line-height:1.45 !important;
    font-size:12px !important;
  }

  #topProductsList .top-product-main small{
    display:block !important;
    margin-top:3px !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    line-height:1.4 !important;
  }

  #topProductsList .top-product-tag{
    display:inline-flex !important;
    max-width:100% !important;
    margin-top:5px !important;
    white-space:normal !important;
    line-height:1.35 !important;
  }

  #topProductsList .top-product-sales{
    grid-area:sales !important;
  }

  #topProductsList .top-product-demand{
    grid-area:demand !important;
  }

  #topProductsList .top-product-stock{
    grid-area:stock !important;
  }

  #topProductsList .top-product-sales,
  #topProductsList .top-product-demand,
  #topProductsList .top-product-stock{
    width:100% !important;
    min-width:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:8px !important;
    text-align:right !important;
    padding-top:7px !important;
    border-top:1px solid rgba(224,233,238,.78) !important;
    box-sizing:border-box !important;
  }

  #topProductsList .top-product-sales strong,
  #topProductsList .top-product-sales small,
  #topProductsList .top-product-demand b,
  #topProductsList .top-product-demand small,
  #topProductsList .top-product-stock em,
  #topProductsList .top-product-stock small{
    position:static !important;
    transform:none !important;
    margin:0 !important;
    min-width:0 !important;
    max-width:100% !important;
    white-space:normal !important;
    line-height:1.35 !important;
  }

  #topProductsList .top-product-thumb{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    flex:0 0 42px !important;
  }

  /* Recent sales rows also need room for long product names. */
  #dashboardRecentSales{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }

  #dashboardRecentSales .recent-sale-row{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    display:grid !important;
    grid-template-columns:44px minmax(0,1fr) auto !important;
    align-items:center !important;
    gap:9px !important;
    box-sizing:border-box !important;
  }

  #dashboardRecentSales .recent-sale-row > div{
    min-width:0 !important;
  }

  #dashboardRecentSales .recent-sale-row b,
  #dashboardRecentSales .recent-sale-row small{
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    line-height:1.45 !important;
  }

  #dashboardRecentSales .recent-sale-row > strong{
    white-space:nowrap !important;
    align-self:center !important;
  }

  /* Any smart-dashboard content must also stack cleanly. */
  #view-dashboard .smartdash-v4976,
  #view-dashboard .smartdash-panel,
  #view-dashboard .smartdash-action,
  #view-dashboard .smartdash-pair{
    max-width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }
}

@media (max-width:520px){

  #view-dashboard,
  #view-dashboard.view{
    padding-left:10px !important;
    padding-right:10px !important;
  }

  #view-dashboard .panel{
    padding-left:12px !important;
    padding-right:12px !important;
  }

  #dashboardRecentSales .recent-sale-row{
    grid-template-columns:40px minmax(0,1fr) !important;
  }

  #dashboardRecentSales .recent-sale-row > strong{
    grid-column:2 !important;
    justify-self:start !important;
    margin-top:2px !important;
  }

  #topProductsList .mini-demand-bars{
    display:none !important;
  }
}

/* =========================================================
   __BATARYA_MOBILE_DASHBOARD_HARD_R50__
   DOM-level mobile dashboard stack.
   Bypasses old/unknown dashboard grid wrappers completely.
   ========================================================= */

@media (max-width:760px){

  html,
  body{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow-x:hidden !important;
  }

  #appShell{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    display:block !important;
    grid-template-columns:1fr !important;
    overflow-x:hidden !important;
  }

  #appShell .main,
  #appShell.sidebar-smart-collapsed-shell-r1 .main{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    margin-inline:0 !important;
    padding-inline:10px !important;
    transform:none !important;
    box-sizing:border-box !important;
    overflow-x:hidden !important;
  }

  #view-dashboard,
  #view-dashboard.view,
  #view-dashboard.active{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box !important;
    overflow-x:hidden !important;
  }

  #mobileDashboardStackR50{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    grid-auto-flow:row !important;
    gap:14px !important;

    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;

    margin:0 0 16px !important;
    padding:0 !important;

    box-sizing:border-box !important;
    direction:rtl !important;
    overflow:visible !important;
  }

  #mobileDashboardStackR50 > .mobile-dashboard-panel-r50{
    grid-column:1 !important;

    position:relative !important;
    inset:auto !important;
    float:none !important;

    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;

    margin:0 !important;
    transform:none !important;

    box-sizing:border-box !important;
    overflow:hidden !important;
  }

  #mobileDashboardStackR50 .panel-head,
  #mobileDashboardStackR50 .section-head{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;

    display:flex !important;
    flex-wrap:wrap !important;
    align-items:flex-start !important;
    justify-content:space-between !important;
    gap:8px !important;

    box-sizing:border-box !important;
  }

  #mobileDashboardStackR50 .panel-head > *,
  #mobileDashboardStackR50 .section-head > *{
    min-width:0 !important;
    max-width:100% !important;
  }

  /* ---------------- CATEGORY SALES ---------------- */

  #mobileDashboardStackR50 #dashboardCategorySales{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;

    gap:18px !important;
    padding:6px 0 4px !important;

    box-sizing:border-box !important;
    overflow:hidden !important;
  }

  #mobileDashboardStackR50 #dashboardCategorySales .category-donut{
    flex:0 0 auto !important;

    width:min(210px,62vw) !important;
    height:min(210px,62vw) !important;

    min-width:170px !important;
    min-height:170px !important;
    max-width:210px !important;
    max-height:210px !important;

    margin:0 auto !important;
    transform:none !important;
    box-sizing:border-box !important;
  }

  #mobileDashboardStackR50 #dashboardCategorySales .category-donut > div{
    max-width:70% !important;
    text-align:center !important;
  }

  #mobileDashboardStackR50 #dashboardCategorySales .category-sales-legend{
    width:100% !important;
    max-width:340px !important;
    min-width:0 !important;

    display:grid !important;
    grid-template-columns:1fr !important;
    gap:7px !important;

    margin:0 auto !important;
    padding:0 4px !important;

    box-sizing:border-box !important;
  }

  #mobileDashboardStackR50 #dashboardCategorySales .category-sales-legend > div{
    width:100% !important;
    min-width:0 !important;

    display:grid !important;
    grid-template-columns:12px minmax(0,1fr) auto !important;
    align-items:center !important;
    gap:8px !important;

    box-sizing:border-box !important;
  }

  #mobileDashboardStackR50 #dashboardCategorySales .category-sales-legend b{
    min-width:0 !important;
    white-space:normal !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
    line-height:1.45 !important;
  }

  #mobileDashboardStackR50 #dashboardCategorySales .category-sales-legend em{
    white-space:nowrap !important;
  }

  /* ---------------- RECENT SALES ---------------- */

  #mobileDashboardStackR50 #dashboardRecentSales{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow:hidden !important;
  }

  #mobileDashboardStackR50 #dashboardRecentSales .recent-sale-row{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;

    display:grid !important;
    grid-template-columns:46px minmax(0,1fr) !important;
    gap:9px !important;
    align-items:center !important;

    padding:10px 2px !important;
    box-sizing:border-box !important;
  }

  #mobileDashboardStackR50 #dashboardRecentSales .recent-sale-row > div{
    min-width:0 !important;
    width:100% !important;
  }

  #mobileDashboardStackR50 #dashboardRecentSales .recent-sale-row b,
  #mobileDashboardStackR50 #dashboardRecentSales .recent-sale-row small{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;

    white-space:normal !important;
    overflow-wrap:anywhere !important;
    word-break:normal !important;

    line-height:1.5 !important;
  }

  #mobileDashboardStackR50 #dashboardRecentSales .recent-sale-row > strong{
    grid-column:2 !important;
    justify-self:start !important;

    max-width:100% !important;
    white-space:nowrap !important;
    margin-top:2px !important;
  }

  #mobileDashboardStackR50 #dashboardRecentSales .recent-sale-thumb{
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
  }

  /* ---------------- TOP PRODUCTS ---------------- */

  #mobileDashboardStackR50 #topProductsList{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow:hidden !important;
  }

  #mobileDashboardStackR50 #topProductsList .top-product-row{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;

    height:auto !important;
    min-height:0 !important;

    display:grid !important;
    grid-template-columns:42px minmax(0,1fr) !important;
    grid-template-areas:
      "rank main"
      "sales sales"
      "stock stock" !important;

    gap:8px 10px !important;
    align-items:center !important;

    margin:0 !important;
    padding:12px 8px !important;

    box-sizing:border-box !important;
    overflow:hidden !important;
  }

  #mobileDashboardStackR50 #topProductsList .top-rank{
    grid-area:rank !important;
    align-self:start !important;
  }

  #mobileDashboardStackR50 #topProductsList .top-product-main{
    grid-area:main !important;

    display:flex !important;
    align-items:center !important;
    gap:9px !important;

    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }

  #mobileDashboardStackR50 #topProductsList .top-product-main > div{
    width:100% !important;
    min-width:0 !important;
  }

  #mobileDashboardStackR50 #topProductsList .top-product-main b,
  #mobileDashboardStackR50 #topProductsList .top-product-main small{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;

    white-space:normal !important;
    overflow-wrap:anywhere !important;
    word-break:normal !important;

    line-height:1.45 !important;
  }

  #mobileDashboardStackR50 #topProductsList .top-product-main b{
    font-size:12px !important;
  }

  #mobileDashboardStackR50 #topProductsList .top-product-main small{
    margin-top:3px !important;
  }

  #mobileDashboardStackR50 #topProductsList .top-product-tag{
    display:inline-flex !important;
    max-width:100% !important;
    margin-top:5px !important;
    white-space:normal !important;
    line-height:1.35 !important;
  }

  #mobileDashboardStackR50 #topProductsList .top-product-sales{
    grid-area:sales !important;
  }

  #mobileDashboardStackR50 #topProductsList .top-product-stock{
    grid-area:stock !important;
  }

  #mobileDashboardStackR50 #topProductsList .top-product-demand{
    display:none !important;
  }

  #mobileDashboardStackR50 #topProductsList .top-product-sales,
  #mobileDashboardStackR50 #topProductsList .top-product-stock{
    width:100% !important;
    min-width:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:8px !important;

    padding-top:7px !important;
    border-top:1px solid #edf1f3 !important;

    text-align:right !important;
    box-sizing:border-box !important;
  }

  #mobileDashboardStackR50 #topProductsList .top-product-sales *,
  #mobileDashboardStackR50 #topProductsList .top-product-stock *{
    position:static !important;
    transform:none !important;

    min-width:0 !important;
    max-width:100% !important;

    white-space:normal !important;
    line-height:1.4 !important;
  }

  #mobileDashboardStackR50 #topProductsList .top-product-thumb{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    flex:0 0 42px !important;
  }

  /* Kill accidental fixed/min widths inherited by these three cards. */
  #mobileDashboardStackR50 [style*="width"],
  #mobileDashboardStackR50 [style*="min-width"]{
    max-width:100% !important;
  }
}

/* =========================================================
   __BATARYA_MOBILE_TOPBAR_COMPACT_R51__
   Fix giant empty global-search area on phones.
   ========================================================= */

@media (max-width:760px){

  #appShell .topbar,
  .topbar{
    position:sticky !important;
    top:0 !important;
    z-index:14000 !important;

    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;

    height:auto !important;
    min-height:0 !important;
    max-height:none !important;

    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    grid-auto-rows:auto !important;

    align-items:start !important;
    justify-items:stretch !important;

    gap:8px !important;

    padding:
      calc(8px + env(safe-area-inset-top,0px))
      10px
      9px !important;

    box-sizing:border-box !important;
    overflow:visible !important;
  }

  /* Controls row */
  #appShell .topbar .top-actions,
  .topbar .top-actions{
    order:1 !important;

    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;

    height:46px !important;
    min-height:46px !important;
    max-height:46px !important;

    display:flex !important;
    flex:0 0 46px !important;
    flex-wrap:nowrap !important;

    align-items:center !important;
    justify-content:space-between !important;

    gap:7px !important;

    padding-inline-end:58px !important;
    box-sizing:border-box !important;
    overflow:visible !important;
  }

  #appShell .topbar .top-actions > *,
  .topbar .top-actions > *{
    min-width:0 !important;
    max-height:42px !important;
    flex-shrink:1 !important;
  }

  #appShell .topbar .top-actions select,
  .topbar .top-actions select{
    flex:1 1 auto !important;

    width:auto !important;
    min-width:0 !important;
    max-width:none !important;

    height:42px !important;
    min-height:42px !important;
    max-height:42px !important;

    padding:0 10px !important;
    line-height:42px !important;

    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  #appShell .topbar .sync-badge,
  .topbar .sync-badge{
    flex:0 0 auto !important;

    width:auto !important;
    min-width:auto !important;
    max-width:120px !important;

    height:42px !important;
    min-height:42px !important;
    max-height:42px !important;

    padding:6px 10px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    box-sizing:border-box !important;
  }

  #appShell .topbar .sync-badge small,
  .topbar .sync-badge small{
    display:none !important;
  }

  #appShell .topbar .icon-btn,
  .topbar .icon-btn{
    flex:0 0 40px !important;
    width:40px !important;
    min-width:40px !important;
    max-width:40px !important;

    height:40px !important;
    min-height:40px !important;
    max-height:40px !important;

    display:grid !important;
    place-items:center !important;

    padding:0 !important;
  }

  /* Search row — this is the element that was stretching vertically. */
  #appShell .topbar .search-wrap,
  .topbar .search-wrap{
    order:2 !important;

    position:relative !important;
    inset:auto !important;

    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;

    height:48px !important;
    min-height:48px !important;
    max-height:48px !important;

    flex:0 0 48px !important;
    flex-grow:0 !important;
    flex-shrink:0 !important;

    align-self:start !important;

    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;

    gap:8px !important;

    margin:0 !important;
    padding:0 12px !important;

    border-radius:13px !important;

    box-sizing:border-box !important;
    overflow:visible !important;
  }

  #appShell .topbar .search-wrap input,
  .topbar .search-wrap input,
  #globalSearch{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;

    height:44px !important;
    min-height:44px !important;
    max-height:44px !important;

    flex:1 1 auto !important;

    margin:0 !important;
    padding:0 4px !important;

    line-height:44px !important;
    font-size:14px !important;

    box-sizing:border-box !important;
  }

  #appShell .topbar .search-wrap > span,
  #appShell .topbar .search-wrap > i,
  #appShell .topbar .search-wrap > svg,
  .topbar .search-wrap > span,
  .topbar .search-wrap > i,
  .topbar .search-wrap > svg{
    flex:0 0 auto !important;
    max-height:24px !important;
  }

  /* Search results are allowed to grow; only the search BAR is fixed. */
  #globalSearchResultsR1,
  .global-search-results-r1{
    position:absolute !important;
    top:calc(100% + 6px) !important;
    right:0 !important;
    left:0 !important;

    width:100% !important;
    max-width:100% !important;

    max-height:min(60vh,480px) !important;
    overflow-y:auto !important;

    z-index:15050 !important;
  }

  /* Prevent any inherited stretch from flex/grid ancestors. */
  #appShell .topbar > *,
  .topbar > *{
    align-self:start !important;
  }
}

/* =========================================================
   __BATARYA_NOTIFICATIONS_MOBILE_R52__
   Mobile notifications become a real full-screen page.
   Also fixes stacking above the compact mobile topbar.
   ========================================================= */

/* Drawer/backdrop must always sit above the application header. */
#notificationBackdrop.notification-backdrop,
.notification-backdrop{
  z-index:29990 !important;
}

#notificationDrawer.notification-drawer,
.notification-drawer{
  z-index:30000 !important;
}

body.notifications-open-r52{
  overflow:hidden !important;
  overscroll-behavior:none !important;
}

/* Desktop/tablet stays as a drawer, only stacking is corrected above. */
@media (max-width:760px){

  #notificationBackdrop.notification-backdrop,
  .notification-backdrop{
    display:none !important;
  }

  #notificationDrawer.notification-drawer,
  .notification-drawer{
    position:fixed !important;
    inset:0 !important;
    top:0 !important;
    right:0 !important;
    bottom:0 !important;
    left:0 !important;

    width:100vw !important;
    max-width:100vw !important;
    min-width:0 !important;

    height:100vh !important;
    height:100dvh !important;
    max-height:100dvh !important;

    margin:0 !important;

    padding:
      calc(10px + env(safe-area-inset-top,0px))
      12px
      calc(12px + env(safe-area-inset-bottom,0px))
      !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;

    background:#f6f8fa !important;
    box-shadow:none !important;
    border:0 !important;
    border-radius:0 !important;

    overflow:hidden !important;
    box-sizing:border-box !important;

    direction:rtl !important;
  }

  #notificationDrawer.notification-drawer.hidden,
  .notification-drawer.hidden{
    display:none !important;
  }

  /* Header */
  #notificationDrawer .notification-head{
    position:relative !important;
    flex:0 0 auto !important;

    width:100% !important;
    min-width:0 !important;

    display:grid !important;
    grid-template-columns:minmax(0,1fr) 44px !important;
    align-items:center !important;
    gap:10px !important;

    min-height:64px !important;

    margin:0 !important;
    padding:8px 4px 12px !important;

    background:#f6f8fa !important;
    border-bottom:1px solid #dde6eb !important;

    box-sizing:border-box !important;
  }

  #notificationDrawer .notification-head > div{
    min-width:0 !important;
  }

  #notificationDrawer .notification-head h3{
    margin:2px 0 0 !important;
    color:#16314a !important;
    font-size:21px !important;
    line-height:1.35 !important;

    white-space:normal !important;
    overflow-wrap:anywhere !important;
  }

  #notificationDrawer .notification-head small,
  #notificationDrawer #notificationBranchLabel{
    display:block !important;
    max-width:100% !important;

    color:#8393a2 !important;
    font-size:11px !important;
    line-height:1.5 !important;

    white-space:normal !important;
    overflow-wrap:anywhere !important;
  }

  #notificationDrawer #closeNotifications{
    position:static !important;

    width:44px !important;
    min-width:44px !important;
    max-width:44px !important;

    height:44px !important;
    min-height:44px !important;
    max-height:44px !important;

    margin:0 !important;
    padding:0 !important;

    display:grid !important;
    place-items:center !important;

    border:1px solid #dce5ea !important;
    border-radius:13px !important;

    background:#fff !important;
    color:#17344d !important;

    font-size:24px !important;
    line-height:1 !important;

    box-shadow:0 3px 10px rgba(15,39,64,.05) !important;
  }

  /* Toolbar directly under header */
  #notificationDrawer .notification-toolbar{
    flex:0 0 auto !important;

    width:100% !important;
    min-width:0 !important;

    min-height:50px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    flex-wrap:wrap !important;

    gap:8px !important;

    margin:0 !important;
    padding:9px 4px !important;

    background:#f6f8fa !important;

    color:#718394 !important;
    font-size:11px !important;

    box-sizing:border-box !important;
  }

  #notificationDrawer #markNotificationsRead{
    min-height:38px !important;

    padding:7px 11px !important;

    border:1px solid #cfe6de !important;
    border-radius:10px !important;

    background:#eef8f4 !important;
    color:#117b5e !important;

    font-size:11px !important;
    font-weight:800 !important;

    white-space:nowrap !important;
  }

  /* The list is the only scrolling area. */
  #notificationDrawer .notification-list,
  #notificationDrawer #notificationList{
    flex:1 1 auto !important;

    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;

    height:auto !important;
    min-height:0 !important;

    display:flex !important;
    flex-direction:column !important;

    gap:10px !important;

    margin:0 !important;
    padding:4px 2px 18px !important;

    overflow-x:hidden !important;
    overflow-y:auto !important;

    -webkit-overflow-scrolling:touch !important;
    overscroll-behavior:contain !important;

    box-sizing:border-box !important;
  }

  #notificationDrawer .notification-item{
    position:relative !important;

    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;

    display:grid !important;
    grid-template-columns:46px minmax(0,1fr) !important;
    align-items:start !important;

    gap:10px !important;

    margin:0 !important;
    padding:13px 12px !important;

    border:1px solid #dfe7eb !important;
    border-radius:15px !important;

    background:#fff !important;

    box-shadow:0 3px 12px rgba(15,39,64,.035) !important;

    box-sizing:border-box !important;
    overflow:hidden !important;
  }

  #notificationDrawer .notification-item.unread{
    border-color:#bfe3d7 !important;
    background:#f2fbf7 !important;
    box-shadow:0 4px 14px rgba(23,145,105,.055) !important;
  }

  #notificationDrawer .notification-item.actionable{
    cursor:pointer !important;
  }

  #notificationDrawer .notification-symbol{
    width:44px !important;
    min-width:44px !important;
    max-width:44px !important;

    height:44px !important;
    min-height:44px !important;
    max-height:44px !important;

    border-radius:12px !important;

    display:grid !important;
    place-items:center !important;

    margin:0 !important;

    background:#edf5f7 !important;
    color:#24735f !important;

    font-size:19px !important;
    font-weight:900 !important;
  }

  #notificationDrawer .notification-item > div:last-child{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }

  #notificationDrawer .notification-title-row{
    width:100% !important;
    min-width:0 !important;

    display:flex !important;
    align-items:flex-start !important;
    justify-content:space-between !important;

    gap:7px !important;
  }

  #notificationDrawer .notification-title-row b{
    min-width:0 !important;

    color:#17334b !important;
    font-size:14px !important;
    line-height:1.45 !important;

    white-space:normal !important;
    overflow-wrap:anywhere !important;
    word-break:normal !important;
  }

  #notificationDrawer .notification-title-row span{
    flex:0 0 auto !important;

    margin-top:0 !important;
    padding:4px 8px !important;

    border-radius:999px !important;

    background:#18a978 !important;
    color:#fff !important;

    font-size:9px !important;
    font-weight:900 !important;
    line-height:1.2 !important;
  }

  #notificationDrawer .notification-item p{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;

    margin:6px 0 5px !important;

    color:#586d7e !important;
    font-size:11.5px !important;
    line-height:1.75 !important;

    white-space:normal !important;
    overflow-wrap:anywhere !important;
    word-break:normal !important;
  }

  #notificationDrawer .notification-item small{
    display:block !important;

    width:100% !important;
    max-width:100% !important;

    color:#8a99a7 !important;
    font-size:9px !important;
    line-height:1.65 !important;

    white-space:normal !important;
    overflow-wrap:anywhere !important;
  }

  #notificationDrawer .notification-empty{
    min-height:220px !important;

    display:grid !important;
    place-items:center !important;

    padding:30px 16px !important;

    color:#8493a0 !important;
    text-align:center !important;
    font-size:13px !important;
  }
}

/* Very narrow phones */
@media (max-width:390px){

  #notificationDrawer.notification-drawer,
  .notification-drawer{
    padding-inline:9px !important;
  }

  #notificationDrawer .notification-item{
    grid-template-columns:40px minmax(0,1fr) !important;
    gap:8px !important;
    padding:11px 10px !important;
  }

  #notificationDrawer .notification-symbol{
    width:40px !important;
    min-width:40px !important;
    max-width:40px !important;

    height:40px !important;
    min-height:40px !important;
    max-height:40px !important;
  }
}

/* =========================================================
   __BATARYA_MOBILE_POS_INVOICE_R53__
   Mobile cashier:
   - product table becomes touch-friendly cards
   - invoice becomes full-screen sheet
   - fixed invoice button with count + total
   Desktop remains unchanged.
   ========================================================= */

#mobilePosInvoiceBtnR53,
#mobilePosInvoiceBackdropR53,
#mobilePosInvoiceCloseR53{
  display:none;
}

body.mobile-pos-invoice-open-r53{
  overflow:hidden !important;
  overscroll-behavior:none !important;
}

@media (max-width:760px){

  #view-pos,
  #view-pos.view,
  #view-pos.active{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding-left:8px !important;
    padding-right:8px !important;
    padding-bottom:100px !important;
    box-sizing:border-box !important;
    overflow-x:hidden !important;
  }

  #view-pos .pos-grid,
  #view-pos .v4947-pos-layout,
  #view-pos .v4946-pos-split,
  #view-pos .v494-pos-split{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    gap:0 !important;
    box-sizing:border-box !important;
  }

  #view-pos .v4947-products-pane,
  #view-pos .v4946-products-pane,
  #view-pos .products-panel{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    grid-column:auto !important;
    margin:0 !important;
    box-sizing:border-box !important;
    overflow:visible !important;
  }

  #view-pos .products-panel{
    padding:12px 10px !important;
    border-radius:16px !important;
  }

  #view-pos .products-panel .panel-head{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    flex-wrap:wrap !important;
    gap:8px !important;
    margin-bottom:10px !important;
  }

  #view-pos .products-panel .panel-head h3{
    font-size:20px !important;
  }

  #view-pos .products-panel .chip{
    max-width:100% !important;
    white-space:normal !important;
    text-align:center !important;
  }

  #view-pos .pos-search-stack,
  #view-pos .scan-input,
  #view-pos #posSearch{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }

  #view-pos .scan-input{
    min-height:52px !important;
    height:52px !important;
    padding:0 12px !important;
    border-radius:14px !important;
  }

  #view-pos #posSearch{
    height:48px !important;
    min-height:48px !important;
    max-height:48px !important;
    font-size:16px !important;
    line-height:48px !important;
  }

  #view-pos .category-chips,
  #view-pos #posCategoryChips{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:7px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    padding:8px 0 10px !important;
    scroll-snap-type:x proximity !important;
    -webkit-overflow-scrolling:touch !important;
  }

  #view-pos .category-chips > *,
  #view-pos #posCategoryChips > *{
    flex:0 0 auto !important;
    scroll-snap-align:start !important;
  }

  #v4947CompactProducts{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin-top:8px !important;
  }

  #v4947CompactProducts .v4947-table-wrap{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    max-height:none !important;
    overflow:visible !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
  }

  #v4947CompactProducts .v4947-product-table{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    table-layout:auto !important;
    border-collapse:separate !important;
    font-size:13px !important;
  }

  #v4947CompactProducts .v4947-product-table thead{
    display:none !important;
  }

  #v4947CompactProducts .v4947-product-table tbody{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:9px !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }

  #v4947CompactProducts .v4947-product-table tbody tr{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 92px !important;
    grid-template-areas:
      "name action"
      "price stock" !important;
    align-items:center !important;
    gap:8px 10px !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    padding:11px !important;
    border:1px solid #dfe8ec !important;
    border-radius:15px !important;
    background:#fff !important;
    box-shadow:0 3px 10px rgba(15,39,64,.035) !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
  }

  #v4947CompactProducts .v4947-product-table td{
    display:block !important;
    min-width:0 !important;
    max-width:100% !important;
    padding:0 !important;
    border:0 !important;
    box-sizing:border-box !important;
  }

  #v4947CompactProducts .v4947-name{
    grid-area:name !important;
    min-width:0 !important;
    text-align:right !important;
  }

  #v4947CompactProducts .v4947-product-name{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    color:#17344d !important;
    font-size:14px !important;
    font-weight:900 !important;
    line-height:1.45 !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
    overflow-wrap:anywhere !important;
  }

  #v4947CompactProducts .v4947-product-barcode{
    display:block !important;
    margin-top:3px !important;
    color:#8a99a7 !important;
    font-size:10px !important;
    line-height:1.3 !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
  }

  #v4947CompactProducts .v4947-price{
    grid-area:price !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    flex-wrap:wrap !important;
    gap:6px !important;
    text-align:right !important;
  }

  #v4947CompactProducts .v4947-price strong{
    color:#0d8d69 !important;
    font-size:15px !important;
    font-weight:950 !important;
  }

  #v4947CompactProducts .v4947-price small{
    color:#7f8e9b !important;
    font-size:10px !important;
  }

  #v4947CompactProducts .v4947-stock{
    grid-area:stock !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:5px !important;
    text-align:left !important;
  }

  #v4947CompactProducts .v4947-stock b{
    color:#203a51 !important;
    font-size:13px !important;
  }

  #v4947CompactProducts .v4947-stock small{
    color:#81919f !important;
    font-size:9px !important;
  }

  #v4947CompactProducts .v4947-action{
    grid-area:action !important;
  }

  #v4947CompactProducts .v4947-add{
    width:92px !important;
    min-width:92px !important;
    max-width:92px !important;
    height:44px !important;
    min-height:44px !important;
    max-height:44px !important;
    padding:0 8px !important;
    border:0 !important;
    border-radius:12px !important;
    background:#13a87d !important;
    color:#fff !important;
    font-size:12px !important;
    font-weight:900 !important;
    box-shadow:0 4px 10px rgba(19,168,125,.16) !important;
  }

  #v4947CompactProducts .v4947-add:disabled{
    background:#d8e0e4 !important;
    color:#8c9aa5 !important;
    box-shadow:none !important;
  }

  #mobilePosInvoiceBtnR53{
    position:fixed !important;
    right:12px !important;
    left:12px !important;
    bottom:calc(12px + env(safe-area-inset-bottom,0px)) !important;
    z-index:24000 !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    height:58px !important;
    min-height:58px !important;
    max-height:58px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
    padding:0 15px !important;
    border:1px solid rgba(255,255,255,.12) !important;
    border-radius:17px !important;
    background:#0f3450 !important;
    color:#fff !important;
    box-shadow:0 12px 32px rgba(10,34,54,.28) !important;
    font-family:inherit !important;
    cursor:pointer !important;
    box-sizing:border-box !important;
  }

  #mobilePosInvoiceBtnR53 .mobile-pos-invoice-main-r53{
    display:flex !important;
    align-items:center !important;
    gap:9px !important;
    min-width:0 !important;
  }

  #mobilePosInvoiceBtnR53 .mobile-pos-invoice-icon-r53{
    flex:0 0 38px !important;
    width:38px !important;
    height:38px !important;
    display:grid !important;
    place-items:center !important;
    border-radius:11px !important;
    background:rgba(255,255,255,.10) !important;
    font-size:19px !important;
  }

  #mobilePosInvoiceBtnR53 .mobile-pos-invoice-text-r53{
    display:flex !important;
    flex-direction:column !important;
    min-width:0 !important;
    text-align:right !important;
  }

  #mobilePosInvoiceBtnR53 .mobile-pos-invoice-text-r53 b{
    font-size:14px !important;
    line-height:1.25 !important;
  }

  #mobilePosInvoiceBtnR53 .mobile-pos-invoice-text-r53 small{
    margin-top:2px !important;
    color:#bbcfda !important;
    font-size:9px !important;
    line-height:1.25 !important;
  }

  #mobilePosInvoiceBtnR53 .mobile-pos-invoice-total-r53{
    flex:0 0 auto !important;
    color:#79e0bc !important;
    font-size:15px !important;
    font-weight:950 !important;
    white-space:nowrap !important;
  }

  #mobilePosInvoiceBtnR53.mobile-pos-has-items-r53{
    background:#0b654f !important;
  }

  #mobilePosInvoiceBtnR53.mobile-pos-pulse-r53{
    animation:mobilePosPulseR53 .32s ease !important;
  }

  @keyframes mobilePosPulseR53{
    0%{transform:scale(1)}
    50%{transform:scale(.975)}
    100%{transform:scale(1)}
  }

  body:not(.mobile-pos-page-active-r53) #mobilePosInvoiceBtnR53{
    display:none !important;
  }

  body.mobile-pos-invoice-open-r53 #mobilePosInvoiceBtnR53{
    display:none !important;
  }

  #mobilePosInvoiceBackdropR53{
    position:fixed !important;
    inset:0 !important;
    z-index:24990 !important;
    display:none !important;
    background:rgba(9,27,42,.32) !important;
    backdrop-filter:blur(2px) !important;
  }

  body.mobile-pos-invoice-open-r53 #mobilePosInvoiceBackdropR53{
    display:block !important;
  }

  #view-pos .v4947-invoice-pane,
  #view-pos .v4946-invoice-pane,
  #view-pos .cart-panel{
    grid-column:auto !important;
  }

  #view-pos .cart-panel.mobile-pos-invoice-sheet-r53{
    position:fixed !important;
    inset:0 !important;
    top:0 !important;
    right:0 !important;
    bottom:0 !important;
    left:0 !important;
    z-index:25000 !important;
    width:100vw !important;
    max-width:100vw !important;
    min-width:0 !important;
    height:100vh !important;
    height:100dvh !important;
    min-height:0 !important;
    max-height:100dvh !important;
    display:none !important;
    flex-direction:column !important;
    margin:0 !important;
    padding:
      calc(10px + env(safe-area-inset-top,0px))
      12px
      calc(12px + env(safe-area-inset-bottom,0px))
      !important;
    border:0 !important;
    border-radius:0 !important;
    background:#f7f9fa !important;
    box-shadow:none !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }

  body.mobile-pos-invoice-open-r53
  #view-pos .cart-panel.mobile-pos-invoice-sheet-r53{
    display:flex !important;
  }

  #view-pos .cart-panel.mobile-pos-invoice-sheet-r53 > .panel-head{
    position:relative !important;
    flex:0 0 auto !important;
    width:100% !important;
    min-width:0 !important;
    display:grid !important;
    grid-template-columns:46px minmax(0,1fr) auto !important;
    align-items:center !important;
    gap:8px !important;
    min-height:60px !important;
    margin:0 0 10px !important;
    padding:4px 2px 10px !important;
    border-bottom:1px solid #dfe7eb !important;
    box-sizing:border-box !important;
  }

  #view-pos .cart-panel.mobile-pos-invoice-sheet-r53
  > .panel-head > div{
    grid-column:2 !important;
    min-width:0 !important;
  }

  #view-pos .cart-panel.mobile-pos-invoice-sheet-r53
  > .panel-head small{
    font-size:8px !important;
  }

  #view-pos .cart-panel.mobile-pos-invoice-sheet-r53
  > .panel-head h3{
    margin:1px 0 0 !important;
    color:#17344c !important;
    font-size:20px !important;
    line-height:1.3 !important;
  }

  #view-pos .cart-panel.mobile-pos-invoice-sheet-r53 #clearCart{
    grid-column:3 !important;
    min-height:38px !important;
    padding:6px 9px !important;
  }

  #mobilePosInvoiceCloseR53{
    grid-column:1 !important;
    grid-row:1 !important;
    width:44px !important;
    min-width:44px !important;
    max-width:44px !important;
    height:44px !important;
    min-height:44px !important;
    max-height:44px !important;
    display:grid !important;
    place-items:center !important;
    padding:0 !important;
    margin:0 !important;
    border:1px solid #d9e3e8 !important;
    border-radius:13px !important;
    background:#fff !important;
    color:#17354d !important;
    font-size:23px !important;
    line-height:1 !important;
    box-shadow:0 3px 10px rgba(15,39,64,.05) !important;
  }

  #view-pos .cart-panel.mobile-pos-invoice-sheet-r53 .invoice-fields{
    flex:0 0 auto !important;
    width:100% !important;
    min-width:0 !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    gap:8px !important;
    margin-bottom:10px !important;
  }

  #view-pos .cart-panel.mobile-pos-invoice-sheet-r53 .invoice-fields label{
    min-width:0 !important;
    font-size:10px !important;
  }

  #view-pos .cart-panel.mobile-pos-invoice-sheet-r53 .invoice-fields input{
    width:100% !important;
    min-width:0 !important;
    height:43px !important;
    min-height:43px !important;
    box-sizing:border-box !important;
  }

  #view-pos .cart-panel.mobile-pos-invoice-sheet-r53 #cartItems{
    flex:1 1 auto !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    height:auto !important;
    min-height:90px !important;
    max-height:none !important;
    margin:0 0 10px !important;
    padding:8px !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    overscroll-behavior:contain !important;
    border:1px solid #e1e8ec !important;
    border-radius:14px !important;
    background:#fff !important;
    box-sizing:border-box !important;
  }

  #view-pos .cart-panel.mobile-pos-invoice-sheet-r53 #cartItems.empty-state{
    display:grid !important;
    place-items:center !important;
    color:#8998a5 !important;
    text-align:center !important;
  }

  #view-pos .cart-panel.mobile-pos-invoice-sheet-r53 .cart-line{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }

  #view-pos .cart-panel.mobile-pos-invoice-sheet-r53 .totals{
    flex:0 0 auto !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:10px !important;
    border:1px solid #dfe7eb !important;
    border-radius:15px !important;
    background:#fff !important;
    box-sizing:border-box !important;
  }

  #view-pos .cart-panel.mobile-pos-invoice-sheet-r53 .totals > div,
  #view-pos .cart-panel.mobile-pos-invoice-sheet-r53 .discount-line{
    min-width:0 !important;
  }

  #view-pos .cart-panel.mobile-pos-invoice-sheet-r53 #saleDiscount{
    width:110px !important;
    max-width:42vw !important;
  }

  #view-pos .cart-panel.mobile-pos-invoice-sheet-r53 .pay-methods{
    width:100% !important;
    min-width:0 !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:7px !important;
    margin-top:9px !important;
  }

  #view-pos .cart-panel.mobile-pos-invoice-sheet-r53 .pay{
    min-width:0 !important;
    min-height:42px !important;
    padding:7px 5px !important;
    white-space:normal !important;
    font-size:11px !important;
    line-height:1.25 !important;
  }

  #view-pos .cart-panel.mobile-pos-invoice-sheet-r53 #checkoutBtn{
    width:100% !important;
    min-width:0 !important;
    min-height:52px !important;
    margin-top:9px !important;
    border-radius:13px !important;
    font-size:14px !important;
    font-weight:950 !important;
  }

  #view-pos .cart-panel.mobile-pos-invoice-sheet-r53 #checkoutBtn span{
    display:none !important;
  }
}

@media (max-width:390px){
  #v4947CompactProducts .v4947-product-table tbody tr{
    grid-template-columns:minmax(0,1fr) 82px !important;
  }

  #v4947CompactProducts .v4947-add{
    width:82px !important;
    min-width:82px !important;
    max-width:82px !important;
  }

  #view-pos .cart-panel.mobile-pos-invoice-sheet-r53 .invoice-fields{
    grid-template-columns:minmax(0,1fr) !important;
  }
}

/* __BATARYA_MOBILE_POS_HARD_R54__ */

html.batarya-mobile-pos-r54,
html.batarya-mobile-pos-r54 body,
html.batarya-mobile-pos-r54 #appShell,
html.batarya-mobile-pos-r54 #appShell .main,
html.batarya-mobile-pos-r54 #view-pos{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
  overflow-x:hidden !important;
}

html.batarya-mobile-pos-r54 #view-pos{
  padding-left:8px !important;
  padding-right:8px !important;
  padding-bottom:92px !important;
}

html.batarya-mobile-pos-r54 #view-pos .pos-grid,
html.batarya-mobile-pos-r54 #view-pos .v4947-pos-layout,
html.batarya-mobile-pos-r54 #view-pos .v4946-pos-split,
html.batarya-mobile-pos-r54 #view-pos .v494-pos-split{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  grid-template-columns:1fr !important;
  gap:0 !important;
}

html.batarya-mobile-pos-r54 #view-pos .products-panel,
html.batarya-mobile-pos-r54 #view-pos .v4947-products-pane,
html.batarya-mobile-pos-r54 #view-pos .v4946-products-pane{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  grid-column:1 !important;
}

html.batarya-mobile-pos-r54 #view-pos .pos-search-stack,
html.batarya-mobile-pos-r54 #view-pos .scan-input,
html.batarya-mobile-pos-r54 #view-pos #posSearch{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}

html.batarya-mobile-pos-r54 #view-pos .scan-input{
  height:52px !important;
  min-height:52px !important;
}

html.batarya-mobile-pos-r54 #view-pos #posSearch{
  height:48px !important;
  min-height:48px !important;
  max-height:48px !important;
  font-size:16px !important;
}

html.batarya-mobile-pos-r54 #view-pos .category-chips,
html.batarya-mobile-pos-r54 #view-pos #posCategoryChips{
  display:flex !important;
  flex-wrap:nowrap !important;
  width:100% !important;
  max-width:100% !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  gap:7px !important;
}

html.batarya-mobile-pos-r54 #view-pos .category-chips > *,
html.batarya-mobile-pos-r54 #view-pos #posCategoryChips > *{
  flex:0 0 auto !important;
}

html.batarya-mobile-pos-r54 #view-pos .product-grid{
  grid-template-columns:1fr !important;
  width:100% !important;
  max-width:100% !important;
}

/* compact product table -> cards */
html.batarya-mobile-pos-r54 #v4947CompactProducts,
html.batarya-mobile-pos-r54 #v4947CompactProducts .v4947-table-wrap,
html.batarya-mobile-pos-r54 #v4947CompactProducts .v4947-product-table{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
}

html.batarya-mobile-pos-r54 #v4947CompactProducts .v4947-table-wrap{
  max-height:none !important;
  overflow:visible !important;
  border:0 !important;
}

html.batarya-mobile-pos-r54 #v4947CompactProducts table,
html.batarya-mobile-pos-r54 #v4947CompactProducts tbody{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
}

html.batarya-mobile-pos-r54 #v4947CompactProducts thead{
  display:none !important;
}

html.batarya-mobile-pos-r54 #v4947CompactProducts tbody tr{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 88px !important;
  grid-template-areas:
    "name action"
    "price stock" !important;
  gap:8px 10px !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  margin:0 0 9px !important;
  padding:11px !important;
  border:1px solid #dfe8ec !important;
  border-radius:15px !important;
  background:#fff !important;
  box-sizing:border-box !important;
}

html.batarya-mobile-pos-r54 #v4947CompactProducts td{
  display:block !important;
  min-width:0 !important;
  padding:0 !important;
  border:0 !important;
}

html.batarya-mobile-pos-r54 #v4947CompactProducts .v4947-name{grid-area:name !important}
html.batarya-mobile-pos-r54 #v4947CompactProducts .v4947-price{grid-area:price !important}
html.batarya-mobile-pos-r54 #v4947CompactProducts .v4947-stock{grid-area:stock !important}
html.batarya-mobile-pos-r54 #v4947CompactProducts .v4947-action{grid-area:action !important}

html.batarya-mobile-pos-r54 #v4947CompactProducts .v4947-product-name{
  display:block !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  overflow-wrap:anywhere !important;
  font-size:14px !important;
  font-weight:900 !important;
}

html.batarya-mobile-pos-r54 #v4947CompactProducts .v4947-product-barcode{
  display:block !important;
  margin-top:3px !important;
  font-size:10px !important;
  color:#8998a5 !important;
  overflow-wrap:anywhere !important;
}

html.batarya-mobile-pos-r54 #v4947CompactProducts .v4947-add{
  width:88px !important;
  min-width:88px !important;
  max-width:88px !important;
  height:44px !important;
  border:0 !important;
  border-radius:12px !important;
  background:#12a77b !important;
  color:#fff !important;
  font-weight:900 !important;
}

/* launcher */
#mobilePosInvoiceBtnR54{display:none}

html.batarya-mobile-pos-r54 body.mobile-pos-page-active-r54 #mobilePosInvoiceBtnR54{
  position:fixed !important;
  right:12px !important;
  left:12px !important;
  bottom:calc(12px + env(safe-area-inset-bottom,0px)) !important;
  z-index:31000 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  height:60px !important;
  padding:0 15px !important;
  border:0 !important;
  border-radius:17px !important;
  background:#0d3451 !important;
  color:#fff !important;
  box-shadow:0 14px 34px rgba(8,31,49,.30) !important;
  font-family:inherit !important;
}

#mobilePosInvoiceBtnR54 .r54-left{
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
}

#mobilePosInvoiceBtnR54 .r54-icon{
  width:40px !important;
  height:40px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:11px !important;
  background:rgba(255,255,255,.10) !important;
}

#mobilePosInvoiceBtnR54 .r54-label{
  display:flex !important;
  flex-direction:column !important;
  text-align:right !important;
}

#mobilePosInvoiceBtnR54 .r54-label small{
  color:#bed2dd !important;
  font-size:9px !important;
}

#mobilePosInvoiceBtnR54 .r54-total{
  color:#7be2bc !important;
  font-weight:950 !important;
}

html.batarya-mobile-pos-r54 body.mobile-pos-invoice-open-r54 #mobilePosInvoiceBtnR54{
  display:none !important;
}

/* invoice sheet */
html.batarya-mobile-pos-r54 #view-pos .cart-panel.mobile-pos-sheet-r54{
  position:fixed !important;
  inset:0 !important;
  z-index:32000 !important;
  display:none !important;
  flex-direction:column !important;
  width:100vw !important;
  max-width:100vw !important;
  height:100dvh !important;
  max-height:100dvh !important;
  margin:0 !important;
  padding:calc(10px + env(safe-area-inset-top,0px)) 12px calc(12px + env(safe-area-inset-bottom,0px)) !important;
  border:0 !important;
  border-radius:0 !important;
  background:#f7f9fa !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}

html.batarya-mobile-pos-r54 body.mobile-pos-invoice-open-r54
#view-pos .cart-panel.mobile-pos-sheet-r54{
  display:flex !important;
}

html.batarya-mobile-pos-r54 #view-pos .cart-panel.mobile-pos-sheet-r54 > .panel-head{
  flex:0 0 auto !important;
  display:grid !important;
  grid-template-columns:46px minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:8px !important;
  margin-bottom:9px !important;
}

#mobilePosInvoiceCloseR54{display:none}

html.batarya-mobile-pos-r54 #mobilePosInvoiceCloseR54{
  display:grid !important;
  place-items:center !important;
  width:44px !important;
  height:44px !important;
  padding:0 !important;
  border:1px solid #dbe4e9 !important;
  border-radius:13px !important;
  background:#fff !important;
  font-size:24px !important;
}

html.batarya-mobile-pos-r54 #view-pos .cart-panel.mobile-pos-sheet-r54 .invoice-fields{
  flex:0 0 auto !important;
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:8px !important;
  width:100% !important;
}

html.batarya-mobile-pos-r54 #view-pos .cart-panel.mobile-pos-sheet-r54 .invoice-fields input{
  width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}

html.batarya-mobile-pos-r54 #view-pos .cart-panel.mobile-pos-sheet-r54 #cartItems{
  flex:1 1 auto !important;
  width:100% !important;
  min-width:0 !important;
  min-height:90px !important;
  max-height:none !important;
  margin:9px 0 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  border:1px solid #e0e8ec !important;
  border-radius:14px !important;
  background:#fff !important;
}

html.batarya-mobile-pos-r54 #view-pos .cart-panel.mobile-pos-sheet-r54 .totals{
  flex:0 0 auto !important;
  width:100% !important;
  min-width:0 !important;
}

html.batarya-mobile-pos-r54 #view-pos .cart-panel.mobile-pos-sheet-r54 .pay-methods{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:7px !important;
  width:100% !important;
}

html.batarya-mobile-pos-r54 #view-pos .cart-panel.mobile-pos-sheet-r54 #checkoutBtn{
  width:100% !important;
  min-height:52px !important;
  margin-top:9px !important;
}

html.batarya-mobile-pos-r54 body.mobile-pos-invoice-open-r54{
  overflow:hidden !important;
}