/* ===== beePos Admin — Floating Panels (S9 · polish pass) ===== */
:root{
  --bp-canvas:#e9edf4; --bp-panel:#fff; --bp-panel2:#f4f6fb;
  --bp-ink:#131a2a; --bp-ink2:#59637a; --bp-ink3:#8b93a6;
  --bp-line:#e3e8f1; --bp-line2:#eef1f7;
  --bp-accent:#e9970a; --bp-accent-ink:#8a5a00; --bp-accent-soft:#fdf0d6;
  --bp-info:#2f6fd0; --bp-info-soft:#e7effb;
  --bp-ok:#15915f;   --bp-ok-soft:#e2f4ec;
  --bp-warn:#c2740a; --bp-warn-soft:#fdf0d9;
  --bp-crit:#c53b52; --bp-crit-soft:#fce7ea;
  --bp-shadow:0 1px 2px rgba(19,26,42,.04),0 10px 28px -16px rgba(19,26,42,.32);
  --bp-r:18px; --bp-rm:12px; --bp-hdr:64px; --bp-gap:12px; --bp-sbw:230px;
}
html[data-bp-theme="dark"]{
  --bp-canvas:#080c14; --bp-panel:#141a26; --bp-panel2:#1b2230;
  --bp-ink:#eff2f8; --bp-ink2:#a3adc0; --bp-ink3:#7b8599;
  --bp-line:#252d3d; --bp-line2:#1e2532;
  --bp-accent:#f5b43d; --bp-accent-ink:#ffd587; --bp-accent-soft:rgba(245,180,61,.15);
  --bp-info:#77a8f5; --bp-info-soft:rgba(119,168,245,.14);
  --bp-ok:#4bd39b;   --bp-ok-soft:rgba(75,211,155,.14);
  --bp-warn:#f0b45c; --bp-warn-soft:rgba(240,180,92,.14);
  --bp-crit:#ff7d93; --bp-crit-soft:rgba(255,125,147,.14);
  --bp-shadow:0 1px 2px rgba(0,0,0,.35),0 10px 28px -16px rgba(0,0,0,.85);
}

body,.wrapper{background:var(--bp-canvas) !important;color:var(--bp-ink)}
body{font-family:"Plus Jakarta Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif !important}

/* ================= HEADER — one floating bar ================= */
body .main-header{
  background:var(--bp-panel) !important;
  margin:var(--bp-gap) var(--bp-gap) 0 !important;
  border:1px solid var(--bp-line) !important;
  border-radius:var(--bp-r) !important;
  box-shadow:var(--bp-shadow) !important;
  overflow:hidden;position:relative;z-index:1030;
}
body .main-header .logo,
body.skin-blue-light .main-header .logo,
body .main-header .logo:hover{
  background:transparent !important;border-right:0 !important;
  color:var(--bp-ink) !important;font-weight:800 !important;letter-spacing:-.3px;
}
body .main-header .navbar,
body.skin-blue-light .main-header .navbar{
  background:transparent !important;background-color:transparent !important;
  background-image:none !important;border-bottom:0 !important;min-height:58px !important;
}
body .main-header .navbar .nav>li>a,
body .main-header .navbar .sidebar-toggle{color:var(--bp-ink2) !important;border-radius:var(--bp-rm) !important}
body .main-header .navbar .nav>li>a:hover,
body .main-header .navbar .sidebar-toggle:hover,
body .main-header .navbar .nav>.open>a{background:var(--bp-panel2) !important;color:var(--bp-ink) !important}
body .main-header .navbar .btn{border-radius:999px !important;font-weight:700 !important}
body .main-header .navbar .btn-success,
body .main-header .navbar .btn-success.btn-sm{
  background:var(--bp-panel2) !important;border:1px solid var(--bp-line) !important;
  color:var(--bp-ink2) !important;box-shadow:none !important;
}
body .main-header .navbar .btn-success:hover,
body .main-header .navbar .btn-success.btn-sm:hover{
  background:var(--bp-accent-soft) !important;color:var(--bp-accent-ink) !important;border-color:var(--bp-accent) !important;
}
body .main-header .navbar a[href*="pos"].btn-success{
  background:var(--bp-accent) !important;border-color:var(--bp-accent) !important;color:#241a04 !important;
}
body .main-header .navbar .btn-danger{border-radius:999px !important}
body .main-header .navbar>div[style*="color: #fff"],
body .main-header .navbar .m-8.pull-left.mt-15{color:var(--bp-ink2) !important}
body .main-header li.user-header{background:var(--bp-panel2) !important;color:var(--bp-ink) !important}
body .main-header .dropdown-menu{
  background:var(--bp-panel) !important;border:1px solid var(--bp-line) !important;
  border-radius:var(--bp-rm) !important;box-shadow:var(--bp-shadow) !important;
}
body .main-header .dropdown-menu>li>a{color:var(--bp-ink2) !important}
body .main-header .dropdown-menu>li>a:hover{background:var(--bp-panel2) !important;color:var(--bp-ink) !important}

#bp-search{
  width:210px;max-width:30vw;border:1px solid var(--bp-line) !important;
  background:var(--bp-panel2) !important;color:var(--bp-ink) !important;
  border-radius:999px;padding:7px 15px;font-size:13px;outline:none;transition:width .2s;
}
#bp-search:focus{width:280px;border-color:var(--bp-accent) !important}
#bp-search::placeholder{color:var(--bp-ink3)}
#bp-search-wrap{display:flex;align-items:center;padding:9px 6px}
#bp-theme-btn{
  background:var(--bp-panel2) !important;border:1px solid var(--bp-line) !important;
  color:var(--bp-ink2) !important;border-radius:999px !important;
  padding:7px 14px !important;font-size:12px;font-weight:700;margin:9px 4px;
}
#bp-theme-btn:hover{border-color:var(--bp-accent) !important;color:var(--bp-accent-ink) !important}

/* ================= SIDEBAR ================= */
body .main-sidebar,body .left-side{
  position:fixed !important;
  top:calc(var(--bp-hdr) + var(--bp-gap) * 2) !important;
  left:var(--bp-gap) !important;bottom:var(--bp-gap) !important;
  width:var(--bp-sbw) !important;padding-top:0 !important;
  background:var(--bp-panel) !important;
  border:1px solid var(--bp-line) !important;
  border-radius:var(--bp-r) !important;
  box-shadow:var(--bp-shadow) !important;
  overflow-y:auto !important;overflow-x:hidden !important;scrollbar-width:thin;
}
body .main-sidebar .sidebar,
body .main-sidebar .sidebar-menu{background:transparent !important;padding:10px 9px !important;margin:0 !important}
body .main-sidebar .sidebar>a.logo{display:none !important}
body .main-sidebar::-webkit-scrollbar{width:5px}
body .main-sidebar::-webkit-scrollbar-thumb{background:var(--bp-line);border-radius:99px}
body .main-sidebar::-webkit-scrollbar-track{background:transparent}

.bp-group{
  list-style:none;font-size:9.5px;font-weight:800;letter-spacing:.15em;
  text-transform:uppercase;color:var(--bp-ink3);
  padding:16px 12px 8px !important;margin:4px 4px 2px !important;
  border-top:1px solid var(--bp-line2);
}
.sidebar-menu>.bp-group:first-child{border-top:0;padding-top:4px !important}

/* menu items as buttons */
body .sidebar-menu>li>a{
  display:block;margin:3px 2px !important;padding:10px 13px !important;
  border-radius:var(--bp-rm) !important;
  background:var(--bp-panel2) !important;border:1px solid transparent !important;
  color:var(--bp-ink2) !important;font-size:13.5px;font-weight:600;
  border-left:0 !important;position:relative;
  transition:background .15s,color .15s,border-color .15s,transform .15s;
}
body .sidebar-menu>li>a>i,body .sidebar-menu>li>a>.fa{
  width:20px;text-align:center;font-size:14px;color:var(--bp-ink3) !important;margin-right:4px;
}
body .sidebar-menu>li>a:hover{
  background:var(--bp-panel) !important;border-color:var(--bp-line) !important;
  color:var(--bp-ink) !important;transform:translateX(2px);
}
body .sidebar-menu>li>a:hover>i{color:var(--bp-ink2) !important}
body .sidebar-menu>li.active>a,body .sidebar-menu>li.menu-open>a{
  background:linear-gradient(100deg,var(--bp-accent),#ffc652) !important;
  border-color:transparent !important;color:#2a1d02 !important;font-weight:700;
  box-shadow:0 6px 16px -8px rgba(233,151,10,.85);
}
body .sidebar-menu>li.active>a>i,body .sidebar-menu>li.menu-open>a>i{color:#2a1d02 !important}
body .sidebar-menu>li>a>.pull-right-container .fa-angle-left{transition:transform .18s}
body .sidebar-menu>li.menu-open>a>.pull-right-container .fa-angle-left{transform:rotate(-90deg)}

body .sidebar-menu .treeview-menu{
  background:transparent !important;margin:2px 2px 8px 16px !important;
  padding:4px 0 !important;border-left:2px solid var(--bp-line) !important;
}
body .sidebar-menu .treeview-menu>li>a{
  color:var(--bp-ink3) !important;font-size:12.5px;font-weight:500;
  padding:7px 12px !important;border-radius:8px;margin:1px 4px;
}
body .sidebar-menu .treeview-menu>li>a:hover{background:var(--bp-panel2) !important;color:var(--bp-ink) !important}
body .sidebar-menu .treeview-menu>li.active>a{color:var(--bp-accent-ink) !important;font-weight:700;background:var(--bp-accent-soft) !important}
body .sidebar-menu li.header{
  background:transparent !important;color:var(--bp-ink3) !important;font-size:9.5px;
  font-weight:800;letter-spacing:.15em;text-transform:uppercase;padding:16px 12px 8px !important;
}
.bp-hidden{display:none !important}

/* ================= CONTENT (beats .skin-blue-light) ================= */
body .content-wrapper,
body.skin-blue-light .content-wrapper{
  background:transparent !important;
  margin-left:calc(var(--bp-sbw) + var(--bp-gap) * 2) !important;
  margin-top:var(--bp-gap) !important;
  padding:0 var(--bp-gap) !important;min-height:auto !important;
}
body .main-footer,
body.skin-blue-light .main-footer{
  background:var(--bp-panel) !important;color:var(--bp-ink3) !important;
  border:1px solid var(--bp-line) !important;border-radius:var(--bp-r) !important;
  box-shadow:var(--bp-shadow) !important;font-size:12px;padding:13px 18px !important;
  margin:var(--bp-gap) var(--bp-gap) var(--bp-gap) calc(var(--bp-sbw) + var(--bp-gap) * 2) !important;
}
body .main-footer small{color:var(--bp-ink3) !important}
body .main-footer .btn-success{
  background:var(--bp-panel2) !important;border:1px solid var(--bp-line) !important;
  color:var(--bp-ink2) !important;border-radius:999px !important;
}

/* page header / home hero */
body .content-header,
body .content-header-custom{
  background:transparent !important;padding:12px 6px 4px !important;
}
body .content-header>h1,
body .content-header-custom h1,
body .content-header-custom h2,
body .content-header-custom h3{
  color:var(--bp-ink) !important;font-size:22px !important;font-weight:800 !important;
  letter-spacing:-.5px;text-shadow:none !important;
}
body .content-header>h1>small,body .content-header small{color:var(--bp-ink3) !important}
body .content-header .breadcrumb{background:transparent !important}
body .content{padding:6px 0 !important}

/* ================= PANELS ================= */
body .box,body .panel,body .nav-tabs-custom,body .info-box,body .small-box{
  background:var(--bp-panel) !important;
  border:1px solid var(--bp-line) !important;border-top-color:var(--bp-line) !important;
  border-radius:var(--bp-r) !important;box-shadow:var(--bp-shadow) !important;
  color:var(--bp-ink) !important;
}
body .box-header,body .box-header.with-border{
  background:transparent !important;border-bottom:1px solid var(--bp-line2) !important;
  padding:14px 18px !important;
}
body .box-header .box-title,body .box-title{
  color:var(--bp-ink) !important;font-size:15px !important;font-weight:700 !important;letter-spacing:-.2px;
}
body .box-body{background:transparent !important;padding:16px 18px !important;color:var(--bp-ink)}
body .box.box-success>.box-header,body .box.box-primary>.box-header{
  background:var(--bp-panel2) !important;
}
body .box.box-success>.box-header .box-title,
body .box.box-primary>.box-header .box-title{color:var(--bp-ink) !important}
body .box.box-success>.box-header .btn,
body .box.box-primary>.box-header .btn{
  background:var(--bp-panel) !important;border:1px solid var(--bp-line) !important;
  color:var(--bp-ink2) !important;border-radius:999px !important;
}

/* info-box / KPI cards */
body .info-box{min-height:76px !important;padding:0 !important;overflow:hidden}
body .info-box-icon{
  width:52px !important;height:52px !important;line-height:52px !important;
  border-radius:14px !important;margin:11px 0 11px 11px !important;
  font-size:20px !important;text-align:center;
}
body .info-box-content{padding:12px 14px !important;margin-left:74px !important}
body .info-box-text{
  color:var(--bp-ink3) !important;font-size:10.5px !important;font-weight:800 !important;
  letter-spacing:.09em;text-transform:uppercase;
}
body .info-box-number{
  color:var(--bp-ink) !important;font-size:22px !important;font-weight:800 !important;
  letter-spacing:-.6px;font-variant-numeric:tabular-nums;
}
body .small-box .inner h3{color:var(--bp-ink) !important;font-weight:800 !important;letter-spacing:-.8px}
body .small-box .inner p{color:var(--bp-ink2) !important}
body .small-box>.small-box-footer{background:var(--bp-panel2) !important;color:var(--bp-ink2) !important}
body .small-box .icon{color:var(--bp-line) !important}

/* softened colour chips */
body .bg-aqua,body .bg-blue,body .bg-light-blue{background:var(--bp-info-soft) !important;color:var(--bp-info) !important}
body .bg-green,body .bg-olive,body .bg-teal{background:var(--bp-ok-soft) !important;color:var(--bp-ok) !important}
body .bg-yellow,body .bg-orange{background:var(--bp-warn-soft) !important;color:var(--bp-warn) !important}
body .bg-red,body .bg-maroon,body .bg-fuchsia{background:var(--bp-crit-soft) !important;color:var(--bp-crit) !important}
body .bg-purple,body .bg-navy{background:var(--bp-accent-soft) !important;color:var(--bp-accent-ink) !important}

/* controls */
body .btn{border-radius:999px !important;font-weight:700 !important;font-size:12.5px}
body .btn-group>.btn{border-radius:999px !important}
body .form-control,body .select2-container--default .select2-selection--single{
  border-radius:var(--bp-rm) !important;border-color:var(--bp-line) !important;
  background:var(--bp-panel2) !important;color:var(--bp-ink) !important;box-shadow:none !important;
}
body .table>thead>tr>th{
  border-bottom:1px solid var(--bp-line) !important;color:var(--bp-ink3) !important;
  font-size:10.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;
}
body .table>tbody>tr>td{border-top:1px solid var(--bp-line2) !important;color:var(--bp-ink)}
body .table-striped>tbody>tr:nth-of-type(odd){background:var(--bp-panel2) !important}
body .nav-tabs-custom>.nav-tabs{border-bottom:1px solid var(--bp-line2) !important;padding:6px}
body .nav-tabs-custom>.nav-tabs>li>a{
  border:0 !important;border-radius:999px !important;color:var(--bp-ink2) !important;
  font-size:12.5px;font-weight:600;margin-right:3px;
}
body .nav-tabs-custom>.nav-tabs>li>a:hover{background:var(--bp-panel2) !important;color:var(--bp-ink) !important}
body .nav-tabs-custom>.nav-tabs>li.active>a{
  background:var(--bp-accent-soft) !important;color:var(--bp-accent-ink) !important;font-weight:700;
}
body .nav-tabs-custom>.nav-tabs>li.active{border-top-color:transparent !important}

/* ================= COLLAPSED ================= */
body.sidebar-collapse .main-sidebar,body.sidebar-collapse .left-side{width:62px !important}
body.sidebar-collapse .content-wrapper,
body.sidebar-collapse.skin-blue-light .content-wrapper,
body.sidebar-collapse .main-footer,
body.sidebar-collapse.skin-blue-light .main-footer{margin-left:calc(62px + var(--bp-gap) * 2) !important}
body.sidebar-collapse .sidebar-menu>li>a{padding:11px 0 !important;text-align:center}
body.sidebar-collapse .bp-group,body.sidebar-collapse #bp-search-wrap{display:none !important}

/* ================= MOBILE ================= */
@media (max-width:767px){
  body .main-header{margin:0 !important;border-radius:0 !important;border:0 !important}
  body .main-sidebar,body .left-side{
    position:absolute !important;top:0 !important;left:0 !important;bottom:auto !important;
    border-radius:0 !important;border:0 !important;padding-top:var(--bp-hdr) !important;
  }
  body .content-wrapper,body.skin-blue-light .content-wrapper{margin-left:0 !important;padding:0 8px !important}
  body .main-footer,body.skin-blue-light .main-footer{margin:8px !important}
  #bp-search-wrap{display:none}
}
@media (prefers-reduced-motion:reduce){*{transition:none !important}}



/* ===== S9 PASS 3b ===== */
body .info-box{display:block!important;position:relative;padding:15px 17px!important;min-height:0!important;height:auto!important;overflow:visible!important}
body .info-box-icon{float:left!important;display:block!important;width:46px!important;height:46px!important;line-height:46px!important;border-radius:13px!important;margin:0!important;padding:0!important;font-size:19px!important;text-align:center!important}
body .info-box-content{display:block!important;margin-left:60px!important;padding:2px 0 0!important}
body .info-box-text{display:block!important;color:var(--bp-ink3)!important;font-size:10.5px!important;font-weight:800!important;letter-spacing:.09em!important;text-transform:uppercase!important;white-space:normal!important;overflow:visible!important;line-height:1.3}
body .info-box-number{display:block!important;color:var(--bp-ink)!important;font-size:22px!important;font-weight:800!important;letter-spacing:-.6px!important;line-height:1.2!important;white-space:normal!important;word-break:break-word}
body .info-box .progress{display:none!important}
body .info-box .progress-description{display:block!important;position:static!important;clear:both;font-size:11px!important;color:var(--bp-ink3)!important;margin:6px 0 0 60px!important;white-space:normal!important}
body .small-box>.inner{padding:18px 20px 12px!important}
body .small-box>.inner h3{color:var(--bp-ink)!important;font-weight:800!important;letter-spacing:-1px}
body .small-box>.inner p{color:var(--bp-ink2)!important;font-weight:600}
body .small-box>.icon{opacity:.12!important}
body .small-box>.small-box-footer{background:var(--bp-panel2)!important;color:var(--bp-ink2)!important;font-weight:700}
body .modal-content{background:var(--bp-panel)!important;color:var(--bp-ink)!important;border:1px solid var(--bp-line)!important;border-radius:var(--bp-r)!important}
body .modal-header,body .modal-footer{border-color:var(--bp-line2)!important}
body .modal-title,body .modal-header h3,body .modal-header h4{color:var(--bp-ink)!important;font-weight:700!important}
body .modal-body{color:var(--bp-ink)!important}
body .modal-body p,body .modal-body label,body .modal-body td,body .modal-body th,body .modal-body strong{color:var(--bp-ink)!important}
body .modal-body .text-muted,body .modal-body small{color:var(--bp-ink3)!important}
body .modal-header .close{color:var(--bp-ink2)!important;opacity:.85!important}
body .popover,body .popover-content{background:var(--bp-panel)!important;color:var(--bp-ink)!important;border-color:var(--bp-line)!important}
body .popover-title{background:var(--bp-panel2)!important;color:var(--bp-ink)!important}
html body section.content-header-custom{background:transparent!important;padding:14px 6px 2px!important}
html body section.content-header-custom h1{color:var(--bp-ink)!important;text-shadow:none!important;font-size:23px!important;font-weight:800!important;letter-spacing:-.6px}
body .nav-tabs{border-bottom:1px solid var(--bp-line2)!important}
body .nav-tabs>li>a{border:0!important;border-radius:999px!important;color:var(--bp-ink2)!important;font-weight:600;padding:8px 15px!important}
body .nav-tabs>li>a:hover{background:var(--bp-panel2)!important;color:var(--bp-ink)!important}
body .nav-tabs>li.active>a{background:var(--bp-accent-soft)!important;color:var(--bp-accent-ink)!important;font-weight:700;border:0!important}
/* ===== S9 PASS 4 ===== */
body .box.box-success>.box-header,body .box.box-primary>.box-header{background:inherit!important}
body .box.box-success>.box-header .box-title,body .box.box-primary>.box-header .box-title{color:inherit!important}
body .info-box{display:block!important;position:relative!important;padding:18px 20px 16px!important;min-height:0!important;height:auto!important;overflow:hidden!important;border-radius:16px!important;transition:transform .18s,box-shadow .18s}
body .info-box:hover{transform:translateY(-2px);box-shadow:0 2px 4px rgba(19,26,42,.05),0 18px 40px -20px rgba(19,26,42,.45)!important}
body .info-box-icon{position:absolute!important;top:14px!important;right:14px!important;float:none!important;width:38px!important;height:38px!important;line-height:38px!important;border-radius:11px!important;margin:0!important;padding:0!important;font-size:16px!important;text-align:center!important;opacity:.9}
body .info-box-content{display:block!important;margin:0!important;padding:0 52px 0 0!important}
body .info-box-text{display:block!important;order:1;color:var(--bp-ink3)!important;font-size:10px!important;font-weight:800!important;letter-spacing:.13em!important;text-transform:uppercase!important;white-space:normal!important;overflow:visible!important;line-height:1.4;margin-bottom:6px!important}
body .info-box-number{display:block!important;color:var(--bp-ink)!important;font-size:27px!important;font-weight:800!important;letter-spacing:-1px!important;line-height:1.1!important;white-space:normal!important;word-break:break-word}
body .info-box .progress{display:none!important}
body .info-box .progress-description{display:block!important;position:static!important;clear:both;font-size:10.5px!important;color:var(--bp-ink3)!important;margin:12px 0 0!important;padding-top:9px!important;border-top:1px solid var(--bp-line2)!important;white-space:normal!important;line-height:1.5}
body .main-header .navbar .nav>li>a{color:var(--bp-ink)!important;font-weight:600!important}
body .main-header .navbar .nav>li>a>span{color:var(--bp-ink)!important}
/* ===== S9 PASS 5 ===== */
body .box.box-success>.box-header{background:#064e3b!important}
body .box.box-primary>.box-header{background:#1a1f36!important}
body .box.box-success>.box-header .box-title,body .box.box-primary>.box-header .box-title{color:#fff!important}
body .box.box-success>.box-header .btn,body .box.box-primary>.box-header .btn{background:rgba(255,255,255,.14)!important;border:1px solid rgba(255,255,255,.22)!important;color:#fff!important}
/* ===== S9 PASS 6 ===== */
html body .content-header-custom h1,html body .content-header-custom h1 *{
-webkit-text-fill-color:var(--bp-ink)!important;
background:none!important;background-image:none!important;
-webkit-background-clip:border-box!important;background-clip:border-box!important;
color:var(--bp-ink)!important;text-shadow:none!important;opacity:1!important}
html body .content-header-custom{background:transparent!important;border-bottom:0!important;box-shadow:none!important;padding:14px 6px 4px!important}
/* ===== S9 PASS 7 ===== */
html body section.content-header.content-header-custom{background:transparent!important;background-image:none!important;border-bottom:0!important;box-shadow:none!important;padding:14px 6px 4px!important}
html body section.content-header.content-header-custom h1{color:var(--bp-ink)!important;-webkit-text-fill-color:var(--bp-ink)!important;font-size:23px!important;font-weight:800!important;letter-spacing:-.6px}
/* ===== S9 PASS 10 ===== */
body .info-box{position:relative!important;display:block!important;padding:17px 18px 18px!important;background:var(--bp-panel2)!important;border:1px solid var(--bp-line)!important;border-radius:16px!important;box-shadow:none!important;overflow:hidden!important;min-height:0!important;height:auto!important}
body .info-box-icon{position:absolute!important;top:14px!important;right:14px!important;left:auto!important;bottom:auto!important;width:36px!important;height:36px!important;line-height:36px!important;border-radius:11px!important;margin:0!important;padding:0!important;font-size:16px!important;text-align:center!important;float:none!important;display:block!important}
body .info-box-content{display:block!important;margin:0!important;padding:0 46px 0 0!important}
body .info-box-text{display:block!important;font-size:10px!important;font-weight:800!important;letter-spacing:.13em!important;text-transform:uppercase!important;white-space:normal!important;overflow:visible!important;line-height:1.4;margin-bottom:6px!important}
body .info-box-number{display:block!important;font-size:25px!important;font-weight:800!important;letter-spacing:-.9px!important;line-height:1.15!important;white-space:normal!important;word-break:break-word}
body .info-box .progress{display:none!important}
body .info-box:has(.bg-aqua){background:color-mix(in srgb,var(--bp-info) 13%,var(--bp-panel))!important;border-color:color-mix(in srgb,var(--bp-info) 30%,transparent)!important}
body .info-box:has(.bg-aqua) .info-box-number{color:var(--bp-info)!important}
body .info-box:has(.bg-aqua) .info-box-text{color:color-mix(in srgb,var(--bp-info) 72%,var(--bp-ink3))!important}
body .info-box:has(.bg-aqua) .info-box-icon{background:color-mix(in srgb,var(--bp-info) 22%,transparent)!important;color:var(--bp-info)!important}
body .info-box:has(.bg-aqua)::after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:4px;border-radius:99px 99px 0 0;background:color-mix(in srgb,var(--bp-info) 55%,transparent)}
body .info-box:has(.bg-aqua) .bp-cv{color:var(--bp-info)!important}
body .info-box:has(.bg-blue){background:color-mix(in srgb,var(--bp-info) 13%,var(--bp-panel))!important;border-color:color-mix(in srgb,var(--bp-info) 30%,transparent)!important}
body .info-box:has(.bg-blue) .info-box-number{color:var(--bp-info)!important}
body .info-box:has(.bg-blue) .info-box-text{color:color-mix(in srgb,var(--bp-info) 72%,var(--bp-ink3))!important}
body .info-box:has(.bg-blue) .info-box-icon{background:color-mix(in srgb,var(--bp-info) 22%,transparent)!important;color:var(--bp-info)!important}
body .info-box:has(.bg-blue)::after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:4px;border-radius:99px 99px 0 0;background:color-mix(in srgb,var(--bp-info) 55%,transparent)}
body .info-box:has(.bg-blue) .bp-cv{color:var(--bp-info)!important}
body .info-box:has(.bg-light-blue){background:color-mix(in srgb,var(--bp-info) 13%,var(--bp-panel))!important;border-color:color-mix(in srgb,var(--bp-info) 30%,transparent)!important}
body .info-box:has(.bg-light-blue) .info-box-number{color:var(--bp-info)!important}
body .info-box:has(.bg-light-blue) .info-box-text{color:color-mix(in srgb,var(--bp-info) 72%,var(--bp-ink3))!important}
body .info-box:has(.bg-light-blue) .info-box-icon{background:color-mix(in srgb,var(--bp-info) 22%,transparent)!important;color:var(--bp-info)!important}
body .info-box:has(.bg-light-blue)::after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:4px;border-radius:99px 99px 0 0;background:color-mix(in srgb,var(--bp-info) 55%,transparent)}
body .info-box:has(.bg-light-blue) .bp-cv{color:var(--bp-info)!important}
body .info-box:has(.bg-green){background:color-mix(in srgb,var(--bp-ok) 13%,var(--bp-panel))!important;border-color:color-mix(in srgb,var(--bp-ok) 30%,transparent)!important}
body .info-box:has(.bg-green) .info-box-number{color:var(--bp-ok)!important}
body .info-box:has(.bg-green) .info-box-text{color:color-mix(in srgb,var(--bp-ok) 72%,var(--bp-ink3))!important}
body .info-box:has(.bg-green) .info-box-icon{background:color-mix(in srgb,var(--bp-ok) 22%,transparent)!important;color:var(--bp-ok)!important}
body .info-box:has(.bg-green)::after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:4px;border-radius:99px 99px 0 0;background:color-mix(in srgb,var(--bp-ok) 55%,transparent)}
body .info-box:has(.bg-green) .bp-cv{color:var(--bp-ok)!important}
body .info-box:has(.bg-olive){background:color-mix(in srgb,var(--bp-ok) 13%,var(--bp-panel))!important;border-color:color-mix(in srgb,var(--bp-ok) 30%,transparent)!important}
body .info-box:has(.bg-olive) .info-box-number{color:var(--bp-ok)!important}
body .info-box:has(.bg-olive) .info-box-text{color:color-mix(in srgb,var(--bp-ok) 72%,var(--bp-ink3))!important}
body .info-box:has(.bg-olive) .info-box-icon{background:color-mix(in srgb,var(--bp-ok) 22%,transparent)!important;color:var(--bp-ok)!important}
body .info-box:has(.bg-olive)::after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:4px;border-radius:99px 99px 0 0;background:color-mix(in srgb,var(--bp-ok) 55%,transparent)}
body .info-box:has(.bg-olive) .bp-cv{color:var(--bp-ok)!important}
body .info-box:has(.bg-teal){background:color-mix(in srgb,var(--bp-ok) 13%,var(--bp-panel))!important;border-color:color-mix(in srgb,var(--bp-ok) 30%,transparent)!important}
body .info-box:has(.bg-teal) .info-box-number{color:var(--bp-ok)!important}
body .info-box:has(.bg-teal) .info-box-text{color:color-mix(in srgb,var(--bp-ok) 72%,var(--bp-ink3))!important}
body .info-box:has(.bg-teal) .info-box-icon{background:color-mix(in srgb,var(--bp-ok) 22%,transparent)!important;color:var(--bp-ok)!important}
body .info-box:has(.bg-teal)::after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:4px;border-radius:99px 99px 0 0;background:color-mix(in srgb,var(--bp-ok) 55%,transparent)}
body .info-box:has(.bg-teal) .bp-cv{color:var(--bp-ok)!important}
body .info-box:has(.bg-yellow){background:color-mix(in srgb,var(--bp-warn) 13%,var(--bp-panel))!important;border-color:color-mix(in srgb,var(--bp-warn) 30%,transparent)!important}
body .info-box:has(.bg-yellow) .info-box-number{color:var(--bp-warn)!important}
body .info-box:has(.bg-yellow) .info-box-text{color:color-mix(in srgb,var(--bp-warn) 72%,var(--bp-ink3))!important}
body .info-box:has(.bg-yellow) .info-box-icon{background:color-mix(in srgb,var(--bp-warn) 22%,transparent)!important;color:var(--bp-warn)!important}
body .info-box:has(.bg-yellow)::after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:4px;border-radius:99px 99px 0 0;background:color-mix(in srgb,var(--bp-warn) 55%,transparent)}
body .info-box:has(.bg-yellow) .bp-cv{color:var(--bp-warn)!important}
body .info-box:has(.bg-orange){background:color-mix(in srgb,var(--bp-warn) 13%,var(--bp-panel))!important;border-color:color-mix(in srgb,var(--bp-warn) 30%,transparent)!important}
body .info-box:has(.bg-orange) .info-box-number{color:var(--bp-warn)!important}
body .info-box:has(.bg-orange) .info-box-text{color:color-mix(in srgb,var(--bp-warn) 72%,var(--bp-ink3))!important}
body .info-box:has(.bg-orange) .info-box-icon{background:color-mix(in srgb,var(--bp-warn) 22%,transparent)!important;color:var(--bp-warn)!important}
body .info-box:has(.bg-orange)::after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:4px;border-radius:99px 99px 0 0;background:color-mix(in srgb,var(--bp-warn) 55%,transparent)}
body .info-box:has(.bg-orange) .bp-cv{color:var(--bp-warn)!important}
body .info-box:has(.bg-red){background:color-mix(in srgb,var(--bp-crit) 13%,var(--bp-panel))!important;border-color:color-mix(in srgb,var(--bp-crit) 30%,transparent)!important}
body .info-box:has(.bg-red) .info-box-number{color:var(--bp-crit)!important}
body .info-box:has(.bg-red) .info-box-text{color:color-mix(in srgb,var(--bp-crit) 72%,var(--bp-ink3))!important}
body .info-box:has(.bg-red) .info-box-icon{background:color-mix(in srgb,var(--bp-crit) 22%,transparent)!important;color:var(--bp-crit)!important}
body .info-box:has(.bg-red)::after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:4px;border-radius:99px 99px 0 0;background:color-mix(in srgb,var(--bp-crit) 55%,transparent)}
body .info-box:has(.bg-red) .bp-cv{color:var(--bp-crit)!important}
body .info-box:has(.bg-maroon){background:color-mix(in srgb,var(--bp-crit) 13%,var(--bp-panel))!important;border-color:color-mix(in srgb,var(--bp-crit) 30%,transparent)!important}
body .info-box:has(.bg-maroon) .info-box-number{color:var(--bp-crit)!important}
body .info-box:has(.bg-maroon) .info-box-text{color:color-mix(in srgb,var(--bp-crit) 72%,var(--bp-ink3))!important}
body .info-box:has(.bg-maroon) .info-box-icon{background:color-mix(in srgb,var(--bp-crit) 22%,transparent)!important;color:var(--bp-crit)!important}
body .info-box:has(.bg-maroon)::after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:4px;border-radius:99px 99px 0 0;background:color-mix(in srgb,var(--bp-crit) 55%,transparent)}
body .info-box:has(.bg-maroon) .bp-cv{color:var(--bp-crit)!important}
body .info-box:has(.bg-fuchsia){background:color-mix(in srgb,var(--bp-crit) 13%,var(--bp-panel))!important;border-color:color-mix(in srgb,var(--bp-crit) 30%,transparent)!important}
body .info-box:has(.bg-fuchsia) .info-box-number{color:var(--bp-crit)!important}
body .info-box:has(.bg-fuchsia) .info-box-text{color:color-mix(in srgb,var(--bp-crit) 72%,var(--bp-ink3))!important}
body .info-box:has(.bg-fuchsia) .info-box-icon{background:color-mix(in srgb,var(--bp-crit) 22%,transparent)!important;color:var(--bp-crit)!important}
body .info-box:has(.bg-fuchsia)::after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:4px;border-radius:99px 99px 0 0;background:color-mix(in srgb,var(--bp-crit) 55%,transparent)}
body .info-box:has(.bg-fuchsia) .bp-cv{color:var(--bp-crit)!important}
body .info-box:has(.bg-purple){background:color-mix(in srgb,var(--bp-accent) 13%,var(--bp-panel))!important;border-color:color-mix(in srgb,var(--bp-accent) 30%,transparent)!important}
body .info-box:has(.bg-purple) .info-box-number{color:var(--bp-accent)!important}
body .info-box:has(.bg-purple) .info-box-text{color:color-mix(in srgb,var(--bp-accent) 72%,var(--bp-ink3))!important}
body .info-box:has(.bg-purple) .info-box-icon{background:color-mix(in srgb,var(--bp-accent) 22%,transparent)!important;color:var(--bp-accent)!important}
body .info-box:has(.bg-purple)::after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:4px;border-radius:99px 99px 0 0;background:color-mix(in srgb,var(--bp-accent) 55%,transparent)}
body .info-box:has(.bg-purple) .bp-cv{color:var(--bp-accent)!important}
body .info-box:has(.bg-navy){background:color-mix(in srgb,var(--bp-accent) 13%,var(--bp-panel))!important;border-color:color-mix(in srgb,var(--bp-accent) 30%,transparent)!important}
body .info-box:has(.bg-navy) .info-box-number{color:var(--bp-accent)!important}
body .info-box:has(.bg-navy) .info-box-text{color:color-mix(in srgb,var(--bp-accent) 72%,var(--bp-ink3))!important}
body .info-box:has(.bg-navy) .info-box-icon{background:color-mix(in srgb,var(--bp-accent) 22%,transparent)!important;color:var(--bp-accent)!important}
body .info-box:has(.bg-navy)::after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:4px;border-radius:99px 99px 0 0;background:color-mix(in srgb,var(--bp-accent) 55%,transparent)}
body .info-box:has(.bg-navy) .bp-cv{color:var(--bp-accent)!important}
body .info-box .progress-description{display:none!important}
body .info-box.bp-acc{cursor:pointer;padding-bottom:24px!important}
body .info-box.bp-open .progress-description{display:block!important;position:static!important;margin:12px 0 0!important;padding-top:10px!important;border-top:1px solid var(--bp-line2)!important;font-size:11.5px!important;color:var(--bp-ink2)!important;white-space:normal!important;line-height:1.7;clear:both}
body .bp-cv{position:absolute!important;right:16px!important;bottom:10px!important;font-size:13px;opacity:.85;transition:transform .2s}
body .info-box.bp-open .bp-cv{transform:rotate(180deg)}
body .bp-svg{width:18px;height:18px;display:inline-block;vertical-align:-4px}
body .bp-ico{display:inline-block;width:20px;text-align:center;margin-right:4px;color:inherit}
body .sidebar-menu .treeview-menu .bp-svg{width:14px;height:14px;vertical-align:-3px}
body .info-box-icon .bp-svg{width:20px;height:20px;vertical-align:middle}
body .info-box-icon{display:flex!important;align-items:center!important;justify-content:center!important}
/* ===== S9 PASS 11 · BRAND ===== */
:root{--bp-accent:#6d28d9;--bp-accent-ink:#4c1d95;--bp-accent-soft:#efe7fd;--bp-navy:#16246b}
html[data-bp-theme="dark"]{--bp-accent:#a78bfa;--bp-accent-ink:#c9b6fd;--bp-accent-soft:rgba(167,139,250,.16);--bp-navy:#0f1633}
body .sidebar-menu>li.active>a,body .sidebar-menu>li.menu-open>a{background:linear-gradient(100deg,#7a0be0,#4713a8)!important;color:#fff!important;box-shadow:0 6px 18px -8px rgba(122,11,224,.75)!important}
body .sidebar-menu>li.active>a .bp-svg,body .sidebar-menu>li.menu-open>a .bp-svg,body .sidebar-menu>li.active>a i{color:#fff!important}
body .main-header .logo{background:linear-gradient(100deg,#7a0be0,#16246b)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;font-weight:800!important}
body .box.box-primary>.box-header{background:linear-gradient(100deg,#16246b,#2b1a6b)!important}
body .box.box-success>.box-header{background:linear-gradient(100deg,#4713a8,#16246b)!important}
body .main-header .navbar a[href*="pos"].btn-success{background:linear-gradient(100deg,#7a0be0,#4713a8)!important;border-color:transparent!important;color:#fff!important}
/* ===== S9 PASS 12 ===== */
body .main-header .logo{background:none!important;-webkit-text-fill-color:currentColor!important;color:var(--bp-ink)!important}
body .main-header .logo .logo-lg{background:linear-gradient(100deg,#7a0be0,#16246b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:800}
html[data-bp-theme="dark"] .main-header .logo .logo-lg{background:linear-gradient(100deg,#c9a9ff,#8fb0ff);-webkit-background-clip:text;background-clip:text}
body .main-header .logo .logo-lg i{-webkit-text-fill-color:#22c55e!important}
body .navbar-default{background:transparent!important;border:0!important;box-shadow:none!important;min-height:0!important;margin:0!important}
body .navbar-default .container-fluid{padding:0!important}
body .navbar-default .navbar-header{float:none!important}
body .navbar-default .navbar-brand{color:var(--bp-ink)!important;font-weight:800!important;font-size:17px!important;height:auto!important;padding:4px 2px 10px!important;display:flex;align-items:center;gap:8px}
body .navbar-default .nav.navbar-nav{display:flex!important;flex-wrap:wrap!important;gap:5px;float:none!important;margin:0!important}
body .navbar-default .nav.navbar-nav>li{float:none!important}
body .navbar-default .nav.navbar-nav>li>a{display:flex!important;align-items:center;gap:6px;border-radius:999px!important;padding:7px 14px!important;font-size:12.5px!important;font-weight:600!important;color:var(--bp-ink2)!important;background:var(--bp-panel2)!important;border:1px solid var(--bp-line)!important}
body .navbar-default .nav.navbar-nav>li>a:hover{color:var(--bp-ink)!important;border-color:var(--bp-accent)!important;background:var(--bp-accent-soft)!important}
body .navbar-default .nav.navbar-nav>li.active>a{background:linear-gradient(100deg,#7a0be0,#4713a8)!important;color:#fff!important;border-color:transparent!important}
body .navbar-default .nav.navbar-nav>li.active>a .bp-svg{color:#fff!important}
body .navbar-default .label{position:static!important;float:none!important;margin-left:4px;border-radius:999px!important;padding:2px 7px!important;font-size:10px!important}
/* ===== S9 PASS 13 · BRAND UI ===== */
body .sidebar-menu>li.active>a,body.skin-blue-light .sidebar-menu>li.active>a,body .sidebar-menu>li.menu-open>a{background:#6d28d9!important;background-image:linear-gradient(100deg,#7a0be0,#4713a8)!important;color:#fff!important;font-weight:700!important}
body .sidebar-menu>li.active>a *,body .sidebar-menu>li.menu-open>a *{color:#fff!important}
body .sidebar-menu>li.active>a .bp-svg,body .sidebar-menu>li.menu-open>a .bp-svg{stroke:#fff!important;color:#fff!important}
body .sidebar-menu>li>a .bp-svg{color:#6d28d9;opacity:.85}
html[data-bp-theme="dark"] body .sidebar-menu>li>a .bp-svg{color:#a78bfa}
body .sidebar-menu>li>a:hover .bp-svg{opacity:1}
body .btn-primary,body .btn-info,body .content-wrapper .btn-app{background:linear-gradient(100deg,#7a0be0,#4713a8)!important;border-color:transparent!important;color:#fff!important}
body .btn-primary:hover,body .btn-info:hover{filter:brightness(1.1)}
body .btn-default,body .dt-buttons .btn,body .dt-button{background:var(--bp-panel2)!important;border:1px solid var(--bp-line)!important;color:var(--bp-ink2)!important;border-radius:999px!important;font-weight:600!important}
body .dt-buttons .btn:hover,body .dt-button:hover,body .btn-default:hover{border-color:#7a0be0!important;color:#4713a8!important;background:var(--bp-accent-soft)!important}
html[data-bp-theme="dark"] body .dt-buttons .btn:hover{color:#c9b6fd!important}
body .btn-group>.btn.active,body .btn-group>.btn-info.active{background:linear-gradient(100deg,#7a0be0,#4713a8)!important;color:#fff!important}
body .pagination>.active>a,body .pagination>.active>span{background:#6d28d9!important;border-color:#6d28d9!important}
body a{color:#6d28d9}
html[data-bp-theme="dark"] body a{color:#a78bfa}
body .box-header>.box-title>.bp-svg,body .box-title .bp-svg{color:#7a0be0!important}
body .highcharts-background{fill:transparent!important}
body .box .highcharts-container{margin:0 auto}
/* ===== S9 PASS 14 ===== */
body .sidebar-menu>li>a .bp-svg,body .sidebar-menu>li>a i{color:#6d28d9!important;opacity:.92}
html[data-bp-theme="dark"] body .sidebar-menu>li>a .bp-svg,html[data-bp-theme="dark"] body .sidebar-menu>li>a i{color:#a78bfa!important}
body .sidebar-menu>li.active>a .bp-svg,body .sidebar-menu>li.active>a i,body .sidebar-menu>li.menu-open>a .bp-svg{color:#fff!important;opacity:1}
body .sidebar-menu .treeview-menu>li>a .bp-svg{color:#8b7ab8!important}
body .content-wrapper .box{position:relative}
body .content-wrapper .box>.box-header{position:relative}
body .content-wrapper .box:not(.box-primary):not(.box-success)>.box-header.with-border:before,
body .content-wrapper .box:not(.box-primary):not(.box-success)>.box-header:first-child:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#7a0be0,#4713a8 45%,#16246b);border-radius:16px 16px 0 0}
body .box-title{display:flex!important;align-items:center;gap:9px}
body .box-title i,body .box-title .bp-svg,body .box-title .text-yellow,body .box-title .text-warning,body .box-title .text-aqua,body .box-title .text-info,body .box-title .text-red{color:#7a0be0!important}
html[data-bp-theme="dark"] body .box-title i,html[data-bp-theme="dark"] body .box-title .bp-svg{color:#a78bfa!important}
body .content-wrapper .box>.box-header>.box-title{font-weight:700!important;letter-spacing:-.2px}
body .dataTables_wrapper .dataTables_paginate .paginate_button.current{background:linear-gradient(100deg,#7a0be0,#4713a8)!important;border-color:transparent!important;color:#fff!important;border-radius:999px!important}
body .dataTables_wrapper .dataTables_paginate .paginate_button{border-radius:999px!important}
body .dataTables_filter input,body .dataTables_length select{border-radius:999px!important;border-color:var(--bp-line)!important;background:var(--bp-panel2)!important}
body .dataTables_filter input:focus{border-color:#7a0be0!important;outline:none}
body table.dataTable thead th{color:var(--bp-ink3)!important}
/* ===== S9 PASS 15 ===== */
body .sidebar-menu>li>a>i.fa,body .sidebar-menu>li>a>i.fas,body .sidebar-menu>li>a>i.fab,body .sidebar-menu>li>a>.fa,body .sidebar-menu>li>a i[class*="fa-"]{color:#6d28d9!important;opacity:.92}
html[data-bp-theme="dark"] body .sidebar-menu>li>a>i.fa,html[data-bp-theme="dark"] body .sidebar-menu>li>a>.fa,html[data-bp-theme="dark"] body .sidebar-menu>li>a i[class*="fa-"]{color:#a78bfa!important}
body .sidebar-menu>li.active>a>i.fa,body .sidebar-menu>li.active>a>.fa,body .sidebar-menu>li.active>a i[class*="fa-"]{color:#fff!important}
body .sidebar-menu .treeview-menu>li>a>i.fa,body .sidebar-menu .treeview-menu>li>a>.fa{color:#8b7ab8!important}
/* ===== S9 PASS 16 · CARD BRAND ===== */
body .content-wrapper .box:not(.box-primary):not(.box-success){border-top:3px solid #7a0be0!important;overflow:hidden}
html[data-bp-theme="dark"] body .content-wrapper .box:not(.box-primary):not(.box-success){border-top-color:#a78bfa!important}
body .content-wrapper .box:not(.box-primary):not(.box-success)>.box-header{background:linear-gradient(95deg,rgba(122,11,224,.09),rgba(22,36,107,.04) 60%,transparent)!important;border-bottom:1px solid var(--bp-line2)!important;padding:15px 18px!important}
html[data-bp-theme="dark"] body .content-wrapper .box:not(.box-primary):not(.box-success)>.box-header{background:linear-gradient(95deg,rgba(167,139,250,.14),rgba(167,139,250,.04) 60%,transparent)!important}
body .content-wrapper .box>.box-header .box-title{color:#4c1d95!important;font-weight:700!important;font-size:15px!important}
html[data-bp-theme="dark"] body .content-wrapper .box>.box-header .box-title{color:#c9b6fd!important}
body .content-wrapper .box:not(.box-primary):not(.box-success)>.box-header .box-title:before{content:"";width:6px;height:6px;border-radius:99px;background:#7a0be0;flex:none;margin-right:2px}
body .dt-buttons{margin-bottom:6px}
body .dataTables_wrapper .dataTables_info{color:var(--bp-ink3)!important;font-size:12px}
/* ===== S9 PASS 17 · POS TOOLBAR ===== */
body .main-header .btn-flat.btn-xs{border-radius:999px!important;padding:7px 13px!important;font-size:12px!important;font-weight:700!important;border:1px solid var(--bp-line)!important;background:var(--bp-panel)!important;color:var(--bp-ink2)!important;box-shadow:none!important;margin:5px 3px!important;opacity:1!important}
body #add_expense,body #add_expense.btn-flat.btn-xs{background:linear-gradient(100deg,#7a0be0,#4713a8)!important;color:#fff!important;border-color:transparent!important}
body #add_expense strong,body #add_expense i{color:#fff!important}
body #close_register.btn-flat.btn-xs,body #return_sale.btn-flat.btn-xs{background:#fdecef!important;color:#c53b52!important;border-color:#f0c4cd!important}
body #register_details.btn-flat.btn-xs,body #btnCalculator.btn-flat.btn-xs,body #full_screen.btn-flat.btn-xs,body #view_suspended_sales.btn-flat.btn-xs{background:#f3edfd!important;color:#4c1d95!important;border-color:#ddd0f7!important}
body .main-header .btn-flat.btn-xs .bp-svg,body .main-header .btn-flat.btn-xs i{color:inherit!important;opacity:1!important}
body .main-header .btn-flat.btn-xs:hover{border-color:#7a0be0!important;color:#4c1d95!important}
body #add_expense:hover{filter:brightness(1.12)}
html[data-bp-theme="dark"] body #register_details.btn-flat.btn-xs,html[data-bp-theme="dark"] body #btnCalculator.btn-flat.btn-xs,html[data-bp-theme="dark"] body #full_screen.btn-flat.btn-xs,html[data-bp-theme="dark"] body #view_suspended_sales.btn-flat.btn-xs{background:rgba(167,139,250,.14)!important;color:#c9b6fd!important;border-color:rgba(167,139,250,.3)!important}
/* ===== S9 PASS 18 · POS UNIT TILES ===== */
body .unit-filter-btn{
 display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:7px!important;
 min-height:82px!important;padding:14px 8px!important;border-radius:14px!important;
 background:var(--bp-panel)!important;border:1.5px solid var(--bp-line)!important;
 color:var(--bp-ink2)!important;font-size:13px!important;font-weight:700!important;
 box-shadow:0 1px 2px rgba(19,26,42,.04)!important;cursor:pointer;
 transition:transform .15s,border-color .15s,box-shadow .15s,background .15s!important;
}
body .unit-filter-btn>*{font-size:24px!important;line-height:1!important}
body .unit-filter-btn:hover{
 border-color:#7a0be0!important;background:#f7f2fe!important;color:#4c1d95!important;
 transform:translateY(-2px);box-shadow:0 8px 20px -10px rgba(122,11,224,.55)!important;
}
body .unit-filter-btn.active,body .unit-filter-btn:active{
 background:linear-gradient(140deg,#7a0be0,#4713a8)!important;border-color:transparent!important;color:#fff!important;
}
html[data-bp-theme="dark"] body .unit-filter-btn{background:var(--bp-panel2)!important;border-color:var(--bp-line)!important}
html[data-bp-theme="dark"] body .unit-filter-btn:hover{background:rgba(167,139,250,.14)!important;color:#c9b6fd!important;border-color:#a78bfa!important}
/* ===== S9 PASS 19 · POS ACTION TILES ===== */
body .pos-form-actions>.col-md-12{display:flex!important;flex-wrap:wrap!important;gap:10px!important;align-items:stretch!important;width:100%!important;float:none!important;padding:14px 16px!important}
body .pos-form-actions .btn,body .pos-form-actions>.col-md-12>a.btn{
 flex:1 1 108px!important;min-width:102px!important;min-height:84px!important;
 display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;
 border-radius:16px!important;padding:12px 8px!important;white-space:normal!important;
 font-size:12.5px!important;font-weight:700!important;line-height:1.25!important;
 border:1.5px solid var(--bp-line)!important;box-shadow:none!important;float:none!important;
 background:var(--bp-panel2)!important;color:var(--bp-ink2)!important;
 transition:transform .15s,box-shadow .15s,border-color .15s!important;
}
body .pos-form-actions .btn .bp-svg{width:24px!important;height:24px!important;opacity:1!important}
body .pos-form-actions .btn i{font-size:21px!important}
body .pos-form-actions .btn:hover{transform:translateY(-2px)!important;border-color:#7a0be0!important}
body .pos-form-actions .pos-express-finalize[data-pay_method="cash"]{background:linear-gradient(140deg,#7a0be0,#4713a8)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 8px 22px -10px rgba(122,11,224,.8)!important;flex:1 1 130px!important}
body .pos-form-actions .pos-express-finalize[data-pay_method="cash"] .bp-svg,body .pos-form-actions .pos-express-finalize[data-pay_method="cash"] i{color:#fff!important}
body .pos-form-actions .pos-express-finalize[data-pay_method="card"],body .pos-form-actions .pos-express-finalize[data-pay_method="credit_sale"],body #pos-finalize{background:#f3edfd!important;color:#4c1d95!important;border-color:#ddd0f7!important}
body .pos-form-actions .pos-express-finalize[data-pay_method="card"] .bp-svg,body .pos-form-actions .pos-express-finalize[data-pay_method="credit_sale"] .bp-svg,body #pos-finalize .bp-svg{color:#7a0be0!important}
body #pos-cancel,body #pos-delete{background:#fdecef!important;color:#c53b52!important;border-color:#f0c4cd!important}
body #pos-cancel .bp-svg,body #pos-delete .bp-svg{color:#c53b52!important}
body .pos-form-actions a[onclick*="loyalty"]{background:var(--bp-panel2)!important;color:var(--bp-ink2)!important;border-color:var(--bp-line)!important}
body .pos-total{
 display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:3px!important;
 flex:1 1 180px!important;min-width:170px!important;min-height:84px!important;padding:12px 20px!important;
 border-radius:16px!important;background:linear-gradient(140deg,#16246b,#3a1f7a)!important;color:#fff!important;border:0!important;
}
body .pos-total .text{font-size:10.5px!important;font-weight:800!important;letter-spacing:.13em!important;text-transform:uppercase!important;opacity:.78!important}
body .pos-total .number{font-size:30px!important;font-weight:800!important;letter-spacing:-1px!important;line-height:1.1!important;font-variant-numeric:tabular-nums}
body #recent-transactions{margin-left:auto!important;background:linear-gradient(140deg,#4713a8,#16246b)!important;color:#fff!important;border-color:transparent!important;flex:0 0 150px!important}
body #recent-transactions .bp-svg,body #recent-transactions i{color:#fff!important}
html[data-bp-theme="dark"] body .pos-form-actions .pos-express-finalize[data-pay_method="card"],html[data-bp-theme="dark"] body .pos-form-actions .pos-express-finalize[data-pay_method="credit_sale"],html[data-bp-theme="dark"] body #pos-finalize{background:rgba(167,139,250,.14)!important;color:#c9b6fd!important;border-color:rgba(167,139,250,.3)!important}
@media (max-width:900px){body .pos-form-actions .btn{flex:1 1 90px!important;min-width:88px!important;min-height:74px!important;font-size:11.5px!important}}
/* ===== S9 PASS 20 · COMPACT POS ACTION BAR ===== */
body .pos-form-actions>.col-md-12{gap:8px!important;padding:10px 12px!important}
body .pos-form-actions .btn,body .pos-form-actions>.col-md-12>a.btn{
 flex:1 1 118px!important;min-width:112px!important;min-height:56px!important;
 flex-direction:row!important;gap:8px!important;
 border-radius:12px!important;padding:10px 12px!important;
 font-size:12.5px!important;line-height:1.2!important;
}
body .pos-form-actions .btn .bp-svg{width:19px!important;height:19px!important}
body .pos-form-actions .btn i{font-size:17px!important}
body .pos-form-actions .pos-express-finalize[data-pay_method="cash"]{flex:1 1 140px!important}
body .pos-total{
 flex:1 1 168px!important;min-width:158px!important;min-height:56px!important;
 padding:8px 16px!important;border-radius:12px!important;gap:1px!important;
 flex-direction:row!important;align-items:center!important;justify-content:space-between!important;
}
body .pos-total .text{font-size:9.5px!important;letter-spacing:.11em!important;line-height:1.2!important;max-width:64px}
body .pos-total .number{font-size:24px!important;letter-spacing:-.7px!important}
body #recent-transactions{margin-left:0!important;flex:1 1 160px!important;min-width:150px!important}
@media (max-width:1200px){
 body .pos-form-actions .btn{flex:1 1 104px!important;min-width:98px!important;font-size:11.5px!important}
 body .pos-total{flex:1 1 150px!important}
}
/* ===== S9 PASS 21 · PAYMENTS POPUP ===== */
body .pos-form-actions>.col-md-12{position:relative!important}
body #bp-pay-btn{
 flex:1 1 180px!important;min-width:170px!important;min-height:56px!important;
 display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:9px!important;
 border-radius:12px!important;padding:10px 16px!important;font-size:14px!important;font-weight:800!important;
 background:linear-gradient(135deg,#7a0be0,#4713a8)!important;color:#fff!important;border:0!important;
 box-shadow:0 8px 22px -10px rgba(122,11,224,.85)!important;cursor:pointer;
}
body #bp-pay-btn .bp-svg{width:21px!important;height:21px!important;color:#fff!important}
body #bp-pay-btn:hover{filter:brightness(1.1)}
body #bp-pay-pop{
 display:none;position:absolute!important;right:12px;bottom:72px;z-index:1200;
 width:min(560px,calc(100vw - 40px));padding:16px;
 background:var(--bp-panel);border:1px solid var(--bp-line);border-radius:18px;
 box-shadow:0 24px 60px -18px rgba(19,26,42,.5);
}
body #bp-pay-pop.open{display:block}
body #bp-pay-pop:after{content:"";position:absolute;right:60px;bottom:-9px;width:16px;height:16px;background:var(--bp-panel);border-right:1px solid var(--bp-line);border-bottom:1px solid var(--bp-line);transform:rotate(45deg)}
body .bp-pay-head{font-size:10.5px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--bp-ink3);margin-bottom:12px}
body .bp-pay-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;gap:10px!important}
body .bp-pay-grid .btn,body .bp-pay-grid>a.btn{
 flex:none!important;width:100%!important;min-height:86px!important;
 flex-direction:column!important;gap:9px!important;border-radius:14px!important;
 font-size:13px!important;font-weight:700!important;padding:14px 8px!important;
}
body .bp-pay-grid .btn .bp-svg{width:24px!important;height:24px!important}
@media (max-width:760px){body #bp-pay-pop{right:8px;left:8px;width:auto}}
/* ===== S9 PASS 22 · POS ENTRY BAR ===== */
body .row:has(#search_product){
 background:var(--bp-panel)!important;
 border:1.5px solid #e0d4f7!important;border-radius:16px!important;
 box-shadow:0 1px 2px rgba(19,26,42,.04),0 10px 26px -18px rgba(122,11,224,.5)!important;
 margin:10px 12px 12px!important;padding:12px 14px!important;
 position:relative;overflow:hidden;
}
body .row:has(#search_product):before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#7a0be0,#16246b)}
html[data-bp-theme="dark"] body .row:has(#search_product){background:var(--bp-panel)!important;border-color:rgba(167,139,250,.35)!important}
body .input-group:has(#search_product) .form-control,body #search_product{
 border:1.5px solid var(--bp-line)!important;border-radius:999px!important;
 background:var(--bp-panel2)!important;color:var(--bp-ink)!important;
 height:44px!important;font-size:14px!important;padding:0 18px!important;box-shadow:none!important;
}
body #search_product:focus{border-color:#7a0be0!important;background:var(--bp-panel)!important;box-shadow:0 0 0 4px rgba(122,11,224,.12)!important}
body .row:has(#search_product) .input-group-addon{
 background:#f3edfd!important;border:1.5px solid #e0d4f7!important;color:#6d28d9!important;
 border-radius:12px!important;min-width:44px;height:44px;display:flex;align-items:center;justify-content:center;
}
body .row:has(#search_product) .input-group-addon .bp-svg,body .row:has(#search_product) .input-group-addon i{color:#6d28d9!important;font-size:16px!important}
body .row:has(#search_product) .btn-primary,body .row:has(#search_product) .btn-success,body .row:has(#search_product) .btn-info{
 background:linear-gradient(135deg,#7a0be0,#4713a8)!important;border:0!important;color:#fff!important;
 width:40px!important;height:40px!important;border-radius:999px!important;padding:0!important;
 display:inline-flex!important;align-items:center;justify-content:center;
 box-shadow:0 6px 16px -8px rgba(122,11,224,.8)!important;
}
body .row:has(#search_product) .btn-primary .bp-svg,body .row:has(#search_product) .btn-success .bp-svg,body .row:has(#search_product) .btn i{color:#fff!important}
body .row:has(#search_product) .select2-container--default .select2-selection--single{
 height:44px!important;border:1.5px solid var(--bp-line)!important;border-radius:999px!important;
 background:var(--bp-panel2)!important;display:flex;align-items:center;padding:0 16px!important;
}
body .row:has(#search_product) .select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--bp-ink)!important;font-weight:600!important;line-height:normal!important;padding:0!important}
body .row:has(#search_product) .select2-container--default .select2-selection--single .select2-selection__arrow{height:42px!important}
body .row:has(#search_product) .select2-container--default.select2-container--focus .select2-selection--single{border-color:#7a0be0!important}
body .row:has(#search_product) select.form-control{height:44px!important;border-radius:999px!important;border:1.5px solid var(--bp-line)!important;background:var(--bp-panel2)!important;padding:0 16px!important}
/* ===== S9 PASS 23 · POS ENTRY BUTTONS ===== */
body .row:has(#search_product) .btn-default.bg-white,body .row:has(#search_product) .btn.btn-default{
 background:linear-gradient(135deg,#7a0be0,#4713a8)!important;border:0!important;color:#fff!important;
 width:40px!important;height:40px!important;min-width:40px!important;border-radius:999px!important;padding:0!important;
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 box-shadow:0 6px 16px -8px rgba(122,11,224,.85)!important;
}
body .row:has(#search_product) .btn-default.bg-white .bp-svg,body .row:has(#search_product) .btn-default.bg-white i{color:#fff!important;opacity:1!important;width:18px!important;height:18px!important}
body .row:has(#search_product) .btn-default.bg-white:hover{filter:brightness(1.12)}
body .row:has(#search_product) .input-group-btn{width:auto!important}
body .row:has(#search_product) .input-group-addon{background:#f3edfd!important;border:1.5px solid #e0d4f7!important;color:#6d28d9!important;border-radius:999px!important;width:42px!important;height:42px!important;padding:0!important}
/* ===== S9 PASS 24 · PRODUCTS DRAWER ===== */
body .bp-drawer{
 position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;
 width:min(580px,46vw)!important;height:100vh!important;z-index:1300!important;
 background:var(--bp-panel)!important;border-left:3px solid #7a0be0!important;
 box-shadow:-26px 0 64px -22px rgba(19,26,42,.55)!important;
 transform:translateX(104%);transition:transform .28s cubic-bezier(.4,0,.2,1);
 overflow-y:auto!important;padding:12px 14px 22px!important;
}
body.bp-drawer-open .bp-drawer{transform:none}
body .bp-full{width:100%!important;float:none!important}
#bp-drawer-bd{position:fixed;inset:0;background:rgba(12,8,28,.45);z-index:1290;opacity:0;visibility:hidden;transition:opacity .25s}
body.bp-drawer-open #bp-drawer-bd{opacity:1;visibility:visible}
#bp-drawer-close{
 position:sticky;top:0;float:right;width:36px;height:36px;border-radius:999px;
 border:1px solid var(--bp-line);background:var(--bp-panel2);color:var(--bp-ink2);
 font-size:22px;line-height:1;cursor:pointer;z-index:5;
}
#bp-drawer-close:hover{border-color:#7a0be0;color:#4c1d95}
#bp-prod-btn{
 flex:1 1 150px!important;min-width:142px!important;min-height:56px!important;
 display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:9px!important;
 border-radius:12px!important;font-size:13.5px!important;font-weight:800!important;padding:10px 14px!important;
 background:var(--bp-panel2)!important;color:#4c1d95!important;border:1.5px solid #ddd0f7!important;
}
#bp-prod-btn .bp-svg{width:20px!important;height:20px!important;color:#7a0be0!important}
body.bp-drawer-open #bp-prod-btn{background:linear-gradient(135deg,#7a0be0,#4713a8)!important;color:#fff!important;border-color:transparent!important}
body.bp-drawer-open #bp-prod-btn .bp-svg{color:#fff!important}
@media (max-width:900px){body .bp-drawer{width:100vw!important}}
/* cart rows */
body .pos_product_row td{vertical-align:middle!important;padding:12px 10px!important}
body .pos_product_row a,body .pos_product_row .product_name{color:var(--bp-ink)!important;font-weight:700!important;text-decoration:none!important}
body .pos_product_row small,body .pos_product_row .text-muted{color:var(--bp-ink3)!important;font-weight:500!important}
body .pos_product_row input.pos_quantity{border-radius:999px!important;border:1.5px solid var(--bp-line)!important;background:var(--bp-panel2)!important;text-align:center!important;font-weight:700!important}
body .pos_product_row .btn-default{border-radius:999px!important;background:#f3edfd!important;border:1.5px solid #ddd0f7!important;color:#6d28d9!important}
body .pos_product_row select.form-control{border-radius:999px!important;border:1.5px solid var(--bp-line)!important;background:var(--bp-panel2)!important}
/* ===== S9 PASS 25 · ENTRY BAR ALIGNMENT ===== */
body .row:has(#search_product){display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:12px!important;padding:12px 16px!important}
body .row:has(#search_product)>div{float:none!important;display:flex!important;align-items:center!important;gap:8px!important;padding:0!important;width:auto!important;margin:0!important;min-height:0!important}
body .row:has(#search_product)>div:nth-child(2){flex:1 1 360px!important}
body .row:has(#search_product) .input-group{display:flex!important;align-items:center!important;gap:8px!important;width:100%!important;border-collapse:separate!important}
body .row:has(#search_product) .input-group>*{display:flex!important;align-items:center!important;width:auto!important;float:none!important}
body .row:has(#search_product) .input-group-btn{display:flex!important;gap:8px!important;align-items:center!important}
body #search_product{flex:1 1 300px!important;min-width:240px!important;width:auto!important}
body .row:has(#search_product) .select2-container{width:auto!important;min-width:200px!important;flex:1 1 200px!important}
body .row:has(#search_product) .form-group{margin:0!important;display:flex!important;align-items:center!important;gap:8px!important;width:auto!important}
body .row:has(#search_product) label{margin:0!important}
/* ===== S9 PASS 26 · DRAWER SIZE FIX ===== */
body .bp-drawer{width:580px!important;max-width:92vw!important;min-width:0!important;height:100vh!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;flex:none!important}
body .bp-drawer #bee-sidebar{width:100%!important;max-width:100%!important}
@media (max-width:1100px){body .bp-drawer{width:92vw!important}}

body .bp-drawer{width:620px!important;max-width:92vw!important}
@media (max-width:1100px){body .bp-drawer{width:92vw!important}}
/* ===== S9 PASS 27 · CART ROWS ===== */
body .pos_product_row td{vertical-align:middle!important;padding:12px 10px!important}
body .pos_product_row a,body .pos_product_row .product_name{color:var(--bp-ink)!important;font-weight:700!important;text-decoration:none!important}
body .pos_product_row a:hover{color:#6d28d9!important}
body .pos_product_row small,body .pos_product_row .text-muted{color:var(--bp-ink3)!important;font-weight:500!important}
body .pos_product_row input.pos_quantity,body .pos_product_row input[type="text"]{border-radius:999px!important;border:1.5px solid var(--bp-line)!important;background:var(--bp-panel2)!important;text-align:center!important;font-weight:700!important;color:var(--bp-ink)!important}
body .pos_product_row input.pos_quantity:focus{border-color:#7a0be0!important;box-shadow:0 0 0 3px rgba(122,11,224,.12)!important}
body .pos_product_row .btn-default,body .pos_product_row .btn{border-radius:999px!important;background:#f3edfd!important;border:1.5px solid #ddd0f7!important;color:#6d28d9!important;width:34px!important;height:34px!important;padding:0!important}
body .pos_product_row select.form-control{border-radius:999px!important;border:1.5px solid var(--bp-line)!important;background:var(--bp-panel2)!important;color:var(--bp-ink)!important;height:36px!important}
body .pos_product_row .pos_line_total,body .pos_product_row td:nth-child(3){font-weight:800!important;color:var(--bp-ink)!important;font-variant-numeric:tabular-nums}
body .pos_product_row .pos_remove_row,body .pos_product_row .fa-times,body .pos_product_row .bp-svg[class*="times"]{color:#c53b52!important}
body #pos_table thead th,body .table thead th{color:var(--bp-ink3)!important;font-size:10.5px!important;letter-spacing:.09em!important}
html[data-bp-theme="dark"] body .pos_product_row .btn-default{background:rgba(167,139,250,.14)!important;border-color:rgba(167,139,250,.3)!important;color:#c9b6fd!important}
/* ===== S9 PASS 28 · BACKDROP CLICK FIX ===== */
#bp-drawer-bd{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
body.bp-drawer-open #bp-drawer-bd{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
/* ===== S9 PASS 29 · DRAWER LAYOUT ===== */
html body .bp-drawer{width:620px!important;max-width:94vw!important;padding:0!important}
html body .bp-drawer>*:not(#bp-drawer-close){padding-left:14px!important;padding-right:14px!important}
#bp-drawer-close{position:absolute!important;top:10px!important;right:12px!important;float:none!important;z-index:20!important;background:var(--bp-panel2)!important}
body .bp-drawer #bee-sidebar{width:100%!important;max-width:100%!important;padding-top:8px!important}
body .bp-drawer #bee-tab-bar{position:sticky!important;top:0!important;background:var(--bp-panel)!important;z-index:6!important;padding:10px 46px 8px 0!important;margin-bottom:10px!important;border-bottom:2px solid var(--bp-line)!important}
body .bp-drawer #bee-brand-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(96px,1fr))!important;gap:8px!important}
body .bp-drawer #bee-brand-grid>*{min-width:0!important;width:auto!important}
body .bp-drawer #bee-cat-pills{display:flex!important;flex-wrap:wrap!important;gap:6px!important;overflow:visible!important}
body .bp-drawer #bee-cat-pills>*{white-space:nowrap!important}
body .bp-drawer #product_list_body{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;gap:10px!important}
body .bp-drawer #bee-prod-search-wrap input,body .bp-drawer #bee-brand-filter-wrap input{width:100%!important;border-radius:999px!important;border:1.5px solid var(--bp-line)!important;background:var(--bp-panel2)!important}
body .bp-full>div,body .bp-full .pos-form{width:100%!important;max-width:100%!important}
/* ===== S9 PASS 30 · DRAWER WIDTH OVERRIDE ===== */
@media (max-width:1100px){html body .bp-drawer{width:620px!important;max-width:94vw!important}}
@media (max-width:700px){html body .bp-drawer{width:94vw!important}}
html body .bp-drawer #product_list_body{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))!important}
html body .bp-drawer #product_list_body>*{min-width:0!important;overflow:hidden}
html body .bp-drawer #bee-brand-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr))!important}
/* ===== S9 PASS 30 · DRAWER CLEAN ===== */
@media (max-width:1100px){html body .bp-drawer{width:640px!important;max-width:94vw!important}}
@media (max-width:700px){html body .bp-drawer{width:94vw!important}}
html body .bp-drawer #bee-brand-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr))!important;gap:8px!important;max-height:230px!important;overflow-y:auto!important;padding-right:4px!important}
html body .bp-drawer #bee-brand-grid>*{min-width:0!important;padding:8px 4px!important;border-radius:12px!important;font-size:10.5px!important;line-height:1.25!important}
html body .bp-drawer #product_list_body{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))!important;gap:10px!important;padding-bottom:20px!important}
html body .bp-drawer #product_list_body>*{min-width:0!important;border:1px solid var(--bp-line)!important;border-radius:12px!important;padding:10px 8px!important;text-align:center!important;background:var(--bp-panel)!important;overflow:hidden!important;white-space:normal!important}
html body .bp-drawer #product_list_body>* *{white-space:normal!important;word-break:break-word!important;font-size:11.5px!important;line-height:1.35!important}
html body .bp-drawer #bee-tab-bar{padding:12px 50px 10px 0!important}
html body .bp-drawer #bee-empty-state{padding:24px 10px!important}
/* ===== S9 PASS 31 · DRAWER NATURAL WIDTH ===== */
html body .bp-drawer{width:52vw!important;min-width:560px!important;max-width:900px!important}
@media (max-width:1100px){html body .bp-drawer{width:62vw!important;min-width:520px!important}}
@media (max-width:760px){html body .bp-drawer{width:96vw!important;min-width:0!important}}
html body .bp-drawer #bee-brand-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))!important;max-height:250px!important;overflow-y:auto!important}
html body .bp-drawer #product_list_body{grid-template-columns:repeat(auto-fill,minmax(125px,1fr))!important}
/* ===== S9 PASS 32 · PRODUCT CARD WIDTH ===== */
html body .bp-drawer #product_list_body>*{width:auto!important;max-width:none!important;float:none!important;margin:0!important;padding:0!important;flex:none!important}
html body .bp-drawer #product_list_body>*>*{width:100%!important;max-width:100%!important;float:none!important;margin:0!important}
html body .bp-drawer #product_list_body{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))!important;gap:10px!important;align-items:start!important}
html body .bp-drawer #product_list_body>* *{white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important;font-size:11.5px!important;line-height:1.35!important}
/* ===== S9 PASS 33 · HEALTH PANEL + TABS ===== */
html body .bp-drawer #bee-tab-bar{width:100%!important;display:flex!important;flex-wrap:nowrap!important;align-items:center!important}
html body .bp-drawer #bee-tab-bar>*{flex:1 1 50%!important;min-width:0!important;text-align:center!important;white-space:nowrap!important}
html body .bp-drawer #bee-panel-health,html body .bp-drawer #bee-panel-medicine{width:100%!important;max-width:100%!important;overflow-x:hidden!important;float:none!important}
html body .bp-drawer #bee-panel-health *{max-width:100%!important;box-sizing:border-box!important}
html body .bp-drawer #bee-panel-health [style*="grid-template-columns"]{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))!important}
html body .bp-drawer #bee-panel-health [style*="display:flex"],html body .bp-drawer #bee-panel-health [style*="display: flex"]{flex-wrap:wrap!important}
html body .bp-drawer #bee-panel-health img{max-width:100%!important;height:auto!important}
html body .bp-drawer{overflow-x:hidden!important}
body .pos-form-actions{visibility:hidden!important}
body.bp-ready .pos-form-actions{visibility:visible!important}
/* ===== S9 PASS 34 · STACK DRAWER CHILDREN ===== */
html body .bp-drawer>*{float:none!important;clear:both!important;width:100%!important;max-width:100%!important;position:static!important}
html body .bp-drawer>#bp-drawer-close{position:absolute!important;width:36px!important;clear:none!important}
html body .bp-drawer #bee-sidebar>*{float:none!important;clear:both!important;width:100%!important;max-width:100%!important}
html body .bp-drawer #bee-panel-health{margin-top:0!important}
html body .bp-drawer .hb-cat-grid{grid-template-columns:repeat(3,1fr)!important}
html body .bp-drawer .hb-brand-grid{grid-template-columns:repeat(4,1fr)!important}
html body .bp-drawer .hb-prod-grid{grid-template-columns:repeat(3,1fr)!important;max-height:none!important}
/* ===== S9 PASS 35 · DRAWER MUST NOT BE FLEX ===== */
html body .bp-drawer{display:block!important;flex-direction:column!important;align-items:stretch!important}
html body .row:has(#search_product)>div.bp-drawer{display:block!important}
/* ===== S9 PASS 36 · BILL SUMMARY ===== */
#bp-summary{position:fixed!important;right:14px;top:92px;bottom:92px;width:310px;z-index:900;
 background:var(--bp-panel);border:1px solid var(--bp-line);border-top:3px solid #7a0be0;
 border-radius:18px;box-shadow:var(--bp-shadow);padding:16px;overflow-y:auto;
 display:flex;flex-direction:column;gap:12px}
.bp-sum-head{font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--bp-ink3)}
#bp-summary>.row,#bp-summary>div:not(.bp-sum-head):not(.pos-total){margin:0!important;width:100%!important;display:block!important}
#bp-summary [class*="col-"]{width:100%!important;float:none!important;padding:0!important;margin-bottom:9px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px;font-size:12.5px!important}
#bp-summary [class*="col-"] b,#bp-summary [class*="col-"] strong{color:var(--bp-ink3)!important;font-weight:700!important;font-size:11px!important;text-transform:uppercase;letter-spacing:.06em}
#bp-summary span,#bp-summary input{font-variant-numeric:tabular-nums;color:var(--bp-ink)!important;font-weight:700!important}
#bp-summary .pos-total{margin-top:auto!important;flex:none!important;width:100%!important;min-width:0!important;
 flex-direction:column!important;align-items:flex-start!important;gap:4px!important;
 min-height:0!important;padding:16px 18px!important;border-radius:14px!important}
#bp-summary .pos-total .text{font-size:10px!important;opacity:.8!important;max-width:none!important}
#bp-summary .pos-total .number{font-size:34px!important;letter-spacing:-1.2px!important}
body.bp-has-summary .bp-full{padding-right:336px!important}
body.bp-has-summary .pos-form-actions>.col-md-12{padding-right:336px!important}
@media (max-width:1250px){#bp-summary{display:none!important}body.bp-has-summary .bp-full,body.bp-has-summary .pos-form-actions>.col-md-12{padding-right:12px!important}}
/* ===== S9 PASS 37 · SUMMARY POLISH ===== */
#bp-summary .pos-total,#bp-summary .pos-total *{color:#fff!important}
#bp-summary .pos-total .text{opacity:.85!important;font-size:10px!important;letter-spacing:.14em!important}
#bp-summary .pos-total .number{font-size:32px!important}
#bp-summary [class*="col-"]{
 display:block!important;width:100%!important;float:none!important;
 background:var(--bp-panel2)!important;border:1px solid var(--bp-line)!important;
 border-radius:12px!important;padding:10px 13px!important;margin:0 0 8px 0!important;
 text-align:left!important;
}
#bp-summary [class*="col-"] b,#bp-summary [class*="col-"] strong{
 display:block!important;margin-bottom:3px!important;
 font-size:10px!important;font-weight:800!important;letter-spacing:.11em!important;
 text-transform:uppercase!important;color:var(--bp-ink3)!important;
}
#bp-summary [class*="col-"] span{
 display:inline-block!important;font-size:18px!important;font-weight:800!important;
 letter-spacing:-.4px!important;color:var(--bp-ink)!important;font-variant-numeric:tabular-nums;
}
#bp-summary [class*="col-"] i.fa,#bp-summary [class*="col-"] .bp-svg{width:14px!important;height:14px!important;opacity:.6}
#bp-summary [class*="col-"] a{color:#7a0be0!important}
#bp-vat-slot{background:#fdf7e6!important;border:1px solid #f0dfae!important;border-radius:12px!important;padding:10px 13px!important;font-size:12px!important;font-weight:700!important;color:#7a5a12!important}
html[data-bp-theme="dark"] #bp-vat-slot{background:rgba(245,180,61,.12)!important;border-color:rgba(245,180,61,.3)!important;color:#f0d08a!important}
#bp-vat-slot *{margin:0!important}
/* ===== S9 PASS 38 · SUMMARY TABLE AS CARDS ===== */
#bp-summary table,#bp-summary tbody,#bp-summary thead,#bp-summary tr{display:block!important;width:100%!important;border:0!important;margin:0!important}
#bp-summary td{
 display:block!important;width:100%!important;
 background:var(--bp-panel2)!important;border:1px solid var(--bp-line)!important;
 border-radius:12px!important;padding:11px 13px!important;margin:0 0 8px 0!important;
 vertical-align:top!important;text-align:left!important;
}
#bp-summary td:empty{display:none!important}
#bp-summary td>b,#bp-summary td>span>b{
 display:block!important;font-size:10px!important;font-weight:800!important;
 letter-spacing:.11em!important;text-transform:uppercase!important;color:var(--bp-ink3)!important;
 line-height:1.5!important;
}
#bp-summary td b span,#bp-summary td>span:not(:has(b)){
 display:block!important;margin-top:5px!important;
 font-size:19px!important;font-weight:800!important;letter-spacing:-.4px!important;
 color:var(--bp-ink)!important;text-transform:none!important;font-variant-numeric:tabular-nums;
}
#bp-summary td i.fa,#bp-summary td i.fas{font-size:12px!important;opacity:.65!important;color:#7a0be0!important;vertical-align:middle}
#bp-summary td .fa-edit,#bp-summary td #pos-edit-discount{
 float:right!important;opacity:1!important;font-size:14px!important;
 background:var(--bp-panel)!important;border:1px solid var(--bp-line)!important;
 border-radius:8px!important;padding:5px 7px!important;cursor:pointer!important;
}
#bp-summary td .fa-edit:hover{border-color:#7a0be0!important;background:var(--bp-accent-soft)!important}
/* ===== S9 PASS 39 · STICKY TOTAL PAYABLE ===== */
#bp-summary{padding-bottom:0!important;scroll-padding-bottom:110px}
#bp-summary .pos-total{
 position:sticky!important;bottom:0!important;z-index:6!important;
 margin-top:10px!important;margin-bottom:16px!important;
 box-shadow:0 -14px 22px -10px rgba(19,26,42,.3)!important;
}
#bp-summary td{padding:9px 12px!important;margin-bottom:7px!important}
#bp-summary td b span,#bp-summary td>span:not(:has(b)){font-size:17px!important;margin-top:4px!important}
#bp-vat-slot{padding:9px 12px!important;font-size:11.5px!important}
#bp-summary::-webkit-scrollbar{width:5px}
#bp-summary::-webkit-scrollbar-thumb{background:var(--bp-line);border-radius:99px}