/* POP FRIENDS ERP efficiency polish
   目标：保持泡饭品牌感，同时压缩导航、工具栏、表格和表单高度，让一屏显示更多业务数据。 */
:root{
  --topbar-height:52px;
  --sidebar-width:184px;
  --sidebar-collapsed:56px;
  --sidebar-logo-width:128px;
  --topbar-logo-width:76px;
  --page-padding:14px;
  --card-radius:14px;
  --table-min-width:1120px;
  --cell-max-width:220px;
  --card-pad:14px;
}
html,body{font-size:13px!important;}
body{background:#F8F7F3!important;}

/* Global shell: narrower menu, shorter topbar, more content area */
.sidebar{width:var(--sidebar-width)!important;box-shadow:8px 0 24px rgba(20,24,32,.032)!important;}
.topbar{left:var(--sidebar-width)!important;height:var(--topbar-height)!important;padding:0 14px!important;}
.main-content{margin-left:var(--sidebar-width)!important;width:calc(100% - var(--sidebar-width))!important;padding:calc(var(--topbar-height) + 12px) 14px 14px!important;}
html.sidebar-collapsed .sidebar{width:var(--sidebar-collapsed)!important;}
html.sidebar-collapsed .topbar{left:var(--sidebar-collapsed)!important;}
html.sidebar-collapsed .main-content{margin-left:var(--sidebar-collapsed)!important;width:calc(100% - var(--sidebar-collapsed))!important;}

/* Sidebar: keep brand but reduce space */
.logo-block{height:54px!important;padding:10px 14px!important;border-bottom:1px solid rgba(236,232,221,.72)!important;}
.logo-mark{width:var(--sidebar-logo-width)!important;max-width:var(--sidebar-logo-width)!important;height:24px!important;}
.logo-mark img{width:var(--sidebar-logo-width)!important;max-width:var(--sidebar-logo-width)!important;max-height:22px!important;object-fit:contain!important;}
.sidebar nav{padding:8px 8px 10px!important;gap:3px!important;}
.sidebar nav>a,.nav-parent{height:34px!important;min-height:34px!important;border-radius:11px!important;padding:0 9px!important;font-size:12.5px!important;font-weight:800!important;gap:8px!important;}
.nav-icon{width:23px!important;height:23px!important;min-width:23px!important;border-radius:8px!important;font-size:10px!important;}
.sidebar-foot{display:none!important;}
html.sidebar-collapsed .logo-block{height:54px!important;padding:12px 7px!important;}
html.sidebar-collapsed .logo-mark{width:30px!important;max-width:30px!important;height:22px!important;overflow:hidden!important;}
html.sidebar-collapsed .logo-mark img{width:72px!important;max-width:none!important;max-height:20px!important;}
html.sidebar-collapsed .sidebar nav>a,html.sidebar-collapsed .nav-parent{padding:0!important;}

/* Topbar: compact but still clear */
.sidebar-toggle{width:30px!important;height:30px!important;border-radius:10px!important;}
.topbar-title{gap:0!important;}
.topbar h1{font-size:16px!important;line-height:1.15!important;font-weight:900!important;}
.brand-small{font-size:9px!important;line-height:1.1!important;letter-spacing:.11em!important;}
.topbar-wordmark img{width:var(--topbar-logo-width)!important;max-width:90px!important;max-height:18px!important;}
.user-avatar{width:30px!important;height:30px!important;border-radius:10px!important;font-size:13px!important;}
.user-box{gap:8px!important;}
.user-box span{font-size:12.5px!important;font-weight:800!important;}
.user-box small{font-size:10.5px!important;}
.user-box a{font-size:12px!important;padding:5px 9px!important;border-radius:9px!important;}

/* Cards/forms/buttons: reduce vertical space */
.card,.purchase-list-card,.purchase-edit-card,.purchase-edit-table-card,.purchase-filter-panel,.purchase-order-toolbar,.purchase-doc-statusbar,.purchase-kpi-card{border-radius:var(--card-radius)!important;}
.card{padding:14px!important;margin-bottom:12px!important;box-shadow:0 6px 18px rgba(17,17,17,.035)!important;}
.card-head{margin-bottom:12px!important;gap:10px!important;}
.card h2,.purchase-section-title strong{font-size:16px!important;line-height:1.25!important;}
.card p,.muted{font-size:12px!important;line-height:1.55!important;}
.btn,button.btn,.doc-btn{height:32px!important;min-height:32px!important;padding:0 11px!important;border-radius:9px!important;font-size:12.5px!important;line-height:1!important;}
input,select,textarea,.doc-main-search,.product-picker-search{min-height:32px!important;height:32px!important;border-radius:9px!important;font-size:12.5px!important;padding:6px 10px!important;}
label,.form-grid label,.purchase-filter-form label,.purchase-form-grid label{font-size:12.5px!important;line-height:1.35!important;gap:5px!important;}
.form-grid,.visual-grid{gap:10px 12px!important;}
.alert{padding:9px 12px!important;border-radius:12px!important;font-size:12.5px!important;margin-bottom:10px!important;}

/* Tables: denser rows, keep horizontal scroll */
.table-scroll,.purchase-table-wrap{border-radius:12px!important;}
table{min-width:var(--table-min-width)!important;}
th{height:34px!important;padding:7px 10px!important;font-size:12px!important;line-height:1.25!important;}
td{height:34px!important;padding:7px 10px!important;font-size:12.5px!important;line-height:1.35!important;}
.badge{padding:4px 8px!important;font-size:11.5px!important;border-radius:999px!important;}
.table-toolbar,.toolbar-line,.page-actions,.toolbar-actions,.report-filter{gap:8px!important;}

/* Mega submenu: readable but not oversized */
.sidebar .nav-group > .nav-children{left:calc(100% + 8px)!important;min-width:238px!important;padding:10px!important;border-radius:14px!important;}
.sidebar .nav-children a{height:32px!important;font-size:12.5px!important;border-radius:9px!important;padding:0 10px!important;}
.sidebar .nav-children.nav-mega{width:760px!important;min-width:690px!important;max-width:calc(100vw - var(--sidebar-width) - 28px)!important;grid-template-columns:repeat(3,minmax(200px,1fr))!important;gap:10px!important;padding:14px!important;}
.sidebar .nav-mega-section{min-width:0!important;padding:10px!important;border-radius:14px!important;}
.sidebar .nav-mega-section .nav-child-section{font-size:13px!important;min-height:22px!important;margin-bottom:7px!important;padding-left:8px!important;}
.sidebar .nav-mega-section a{height:32px!important;font-size:12.5px!important;padding:0 10px!important;}
@media(max-width:1180px){.sidebar .nav-children.nav-mega{width:600px!important;min-width:560px!important;grid-template-columns:repeat(2,minmax(220px,1fr))!important;}}

/* Purchase order pages: compact high-information workbench while preserving POP FRIENDS style */
.purchase-orders-page,.purchase-order-entry-page{gap:10px!important;}
.purchase-orders-page .purchase-order-toolbar,.purchase-order-entry-page .purchase-order-toolbar{padding:9px 12px!important;gap:8px!important;box-shadow:0 6px 18px rgba(17,17,17,.038)!important;}
.purchase-orders-page .doc-actions-left,.purchase-order-entry-page .doc-actions-left{gap:7px!important;}
.purchase-orders-page .doc-actions-right,.purchase-order-entry-page .doc-actions-right{gap:7px!important;}
.purchase-orders-page .doc-btn,.purchase-order-entry-page .doc-btn,.purchase-modal-actions .doc-btn{height:32px!important;min-height:32px!important;padding:0 12px!important;border-radius:9px!important;font-size:12.5px!important;letter-spacing:0!important;}
.purchase-orders-page .doc-main-search{height:32px!important;min-height:32px!important;min-width:210px!important;width:240px!important;border-radius:9px!important;}
.purchase-orders-page .purchase-filter-panel{padding:10px 12px!important;}
.purchase-orders-page .purchase-filter-form{grid-template-columns:minmax(280px,1.2fr) repeat(4,minmax(150px,1fr))!important;gap:9px 12px!important;}
.purchase-orders-page .purchase-filter-form input,.purchase-orders-page .purchase-filter-form select,.purchase-order-entry-page .purchase-form-grid input,.purchase-order-entry-page .purchase-form-grid select,.product-picker-search{height:32px!important;min-height:32px!important;border-radius:9px!important;font-size:12.5px!important;}
.range-inline{grid-template-columns:1fr 20px 1fr!important;gap:6px!important;}
.purchase-kpi-row{gap:10px!important;}
.purchase-kpi-card{padding:11px 12px 11px 14px!important;min-height:auto!important;}
.purchase-kpi-card span{font-size:11px!important;}
.purchase-kpi-card strong{font-size:18px!important;}
.purchase-kpi-card small{font-size:11px!important;}
.purchase-orders-page .purchase-order-table{min-width:1360px!important;}
.purchase-orders-page .purchase-order-table th,.purchase-order-entry-page .purchase-line-table th{height:34px!important;font-size:12px!important;padding:7px 9px!important;}
.purchase-orders-page .purchase-order-table td,.purchase-order-entry-page .purchase-line-table td{height:34px!important;font-size:12.5px!important;padding:6px 9px!important;}
.purchase-pager{padding:8px 12px!important;gap:7px!important;}
.purchase-pager select,.purchase-pager input,.pager-btn{height:30px!important;min-height:30px!important;border-radius:8px!important;font-size:12px!important;}
.pager-btn{min-width:30px!important;}
.purchase-order-entry-page form{gap:10px!important;}
.purchase-order-entry-page .purchase-edit-toolbar{top:calc(var(--topbar-height) + 8px)!important;}
.purchase-doc-statusbar{padding:9px 12px!important;gap:8px!important;}
.purchase-doc-statusbar span{font-size:11px!important;}
.purchase-doc-statusbar strong{font-size:13.5px!important;}
.purchase-order-entry-page .purchase-section-title{padding:11px 14px 0!important;}
.purchase-order-entry-page .purchase-section-title strong{font-size:15px!important;}
.purchase-order-entry-page .purchase-section-title span{font-size:11.5px!important;}
.purchase-order-entry-page .purchase-form-grid{grid-template-columns:repeat(4,minmax(160px,1fr))!important;padding:10px 14px 12px!important;gap:9px 12px!important;}
.purchase-order-entry-page .purchase-line-wrap{min-height:calc(100vh - 250px)!important;}
.purchase-order-entry-page .purchase-line-table{min-width:1460px!important;}
.purchase-order-entry-page .purchase-line-table input{height:28px!important;min-height:28px!important;font-size:12.5px!important;border-radius:7px!important;}
.purchase-empty-lines{font-size:12.5px!important;}
.purchase-modal-card{padding:14px!important;border-radius:16px!important;}
.purchase-modal-head h2{font-size:16px!important;}
#productSelect{height:240px!important;font-size:12.5px!important;}

/* More compact regular module link pages */
.module-section-title{font-size:17px!important;margin-bottom:8px!important;gap:8px!important;}
.module-link{min-height:34px!important;padding:0 12px!important;font-size:13.5px!important;border-radius:9px!important;}
.module-grid{gap:10px!important;margin-top:12px!important;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;}
.module-card{padding:14px!important;min-height:92px!important;border-radius:14px!important;}
.module-card strong{font-size:15px!important;}.module-card span{font-size:12px!important;}

@media(max-width:1360px){
  .purchase-orders-page .purchase-filter-form{grid-template-columns:repeat(3,minmax(160px,1fr))!important;}
  .purchase-order-entry-page .purchase-form-grid{grid-template-columns:repeat(3,minmax(150px,1fr))!important;}
}
@media(max-width:860px){
  :root{--sidebar-width:184px;--page-padding:12px;}
  .topbar{left:0!important;height:52px!important;}
  .main-content,html.sidebar-collapsed .main-content{margin-left:0!important;width:100%!important;padding:64px 12px 12px!important;}
  .purchase-order-entry-page .purchase-form-grid,.purchase-orders-page .purchase-filter-form{grid-template-columns:1fr!important;}
}


/* Fixed package: sidebar expanded width tuning
   目标：保留一屏信息密度，同时让左侧菜单展开状态更接近用户标记宽度；
   采购管理等分组菜单展开后不挤、不丢、不跑屏。 */
:root{
  --sidebar-width:220px;
  --sidebar-logo-width:170px;
}
.sidebar{
  width:var(--sidebar-width)!important;
  overflow:visible!important;
}
.topbar{left:var(--sidebar-width)!important;}
.main-content{
  margin-left:var(--sidebar-width)!important;
  width:calc(100% - var(--sidebar-width))!important;
}
.logo-block{
  height:72px!important;
  padding:16px 18px 14px!important;
  justify-content:flex-start!important;
  align-items:center!important;
}
.logo-mark{
  width:var(--sidebar-logo-width)!important;
  max-width:var(--sidebar-logo-width)!important;
  height:38px!important;
  overflow:visible!important;
  display:flex!important;
  align-items:center!important;
}
.logo-mark img{
  width:var(--sidebar-logo-width)!important;
  max-width:var(--sidebar-logo-width)!important;
  max-height:36px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
.sidebar nav{
  padding:10px 12px 12px!important;
  gap:5px!important;
  overflow:visible!important;
}
.sidebar .nav-group,
.sidebar nav>a,
.sidebar .nav-parent{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
.sidebar nav>a,
.sidebar .nav-parent{
  height:38px!important;
  min-height:38px!important;
  border-radius:13px!important;
  padding:0 11px!important;
  font-size:13px!important;
  gap:9px!important;
}
.sidebar nav>a.active,
.sidebar .nav-parent.active{
  transform:none!important;
  box-shadow:0 10px 22px rgba(17,17,17,.10)!important;
}
.sidebar .nav-label{
  min-width:0!important;
  max-width:100%!important;
}
.nav-icon{
  width:25px!important;
  height:25px!important;
  min-width:25px!important;
}
.sidebar-foot{
  display:block!important;
  margin-top:auto!important;
  padding:10px 16px 14px!important;
  border-top:1px solid rgba(236,232,221,.72)!important;
  color:#B3AEA4!important;
  font-size:10px!important;
  line-height:1.55!important;
  background:#fff!important;
}
html.sidebar-collapsed .sidebar{width:var(--sidebar-collapsed)!important;}
html.sidebar-collapsed .topbar{left:var(--sidebar-collapsed)!important;}
html.sidebar-collapsed .main-content{
  margin-left:var(--sidebar-collapsed)!important;
  width:calc(100% - var(--sidebar-collapsed))!important;
}
html.sidebar-collapsed .logo-block{
  height:54px!important;
  padding:12px 7px!important;
  justify-content:center!important;
}
html.sidebar-collapsed .logo-mark{
  width:30px!important;
  max-width:30px!important;
  height:22px!important;
  overflow:hidden!important;
}
html.sidebar-collapsed .logo-mark img{
  width:72px!important;
  max-width:none!important;
  max-height:20px!important;
}
html.sidebar-collapsed .sidebar-foot{display:none!important;}

/* Purchase submenu expanded width: clearer three-column menu without taking over the screen */
.sidebar .nav-group[data-module="purchases"] > .nav-children.nav-mega{
  width:820px!important;
  min-width:760px!important;
  max-width:calc(100vw - var(--sidebar-width) - 28px)!important;
  grid-template-columns:repeat(3,minmax(220px,1fr))!important;
  column-gap:14px!important;
  row-gap:12px!important;
}
.sidebar .nav-group[data-module="purchases"] .nav-mega-section{
  min-width:0!important;
}
.sidebar .nav-group[data-module="purchases"] .nav-mega-section a{
  font-size:13px!important;
  height:36px!important;
}
@media(max-width:1200px){
  .sidebar .nav-group[data-module="purchases"] > .nav-children.nav-mega{
    width:640px!important;
    min-width:600px!important;
    grid-template-columns:repeat(2,minmax(260px,1fr))!important;
  }
}
@media(max-width:860px){
  :root{--sidebar-width:220px;}
  .topbar{left:0!important;}
  .main-content,
  html.sidebar-collapsed .main-content{margin-left:0!important;width:100%!important;}
  .sidebar .nav-group[data-module="purchases"] > .nav-children.nav-mega{
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    grid-template-columns:1fr!important;
  }
}

/* Runtime display settings override: sidebar width and logo size */
.sidebar{
  width:var(--sidebar-width)!important;
}
.topbar{
  left:var(--sidebar-width)!important;
}
.main-content{
  margin-left:var(--sidebar-width)!important;
  width:calc(100% - var(--sidebar-width))!important;
}
.logo-block{
  height:72px!important;
  padding:14px 18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  background:#fff!important;
}
.logo-mark{
  width:min(var(--sidebar-logo-width), calc(var(--sidebar-width) - 36px))!important;
  min-width:min(var(--sidebar-logo-width), calc(var(--sidebar-width) - 36px))!important;
  max-width:none!important;
  height:42px!important;
  overflow:visible!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
}
.logo-mark img{
  width:min(var(--sidebar-logo-width), calc(var(--sidebar-width) - 36px))!important;
  max-width:none!important;
  max-height:38px!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:left center!important;
}
.sidebar nav{
  padding:10px 12px 14px!important;
  gap:6px!important;
}
.sidebar-foot{
  display:block!important;
}
html.sidebar-collapsed .sidebar{
  width:var(--sidebar-collapsed)!important;
}
html.sidebar-collapsed .topbar{
  left:var(--sidebar-collapsed)!important;
}
html.sidebar-collapsed .main-content{
  margin-left:var(--sidebar-collapsed)!important;
  width:calc(100% - var(--sidebar-collapsed))!important;
}
html.sidebar-collapsed .logo-block{
  height:54px!important;
  padding:12px 7px!important;
  justify-content:center!important;
}
html.sidebar-collapsed .logo-mark{
  width:30px!important;
  min-width:30px!important;
  max-width:30px!important;
  height:22px!important;
  overflow:hidden!important;
}
html.sidebar-collapsed .logo-mark img{
  width:72px!important;
  max-width:none!important;
  max-height:20px!important;
}
.sidebar-size-settings small{
  display:block;
  margin-top:5px;
  color:#9b9589;
  font-size:11px;
  line-height:1.45;
  font-weight:500;
}
@media(max-width:860px){
  .topbar{left:0!important;}
  .main-content,
  html.sidebar-collapsed .main-content{margin-left:0!important;width:100%!important;}
}

/* Top quick tabs mode: 参考威店式功能快速切换，但保持 POP FRIENDS 轻量高级感 */
.topbar.topbar-tabs-mode{
  height:var(--topbar-height)!important;
  padding:0 14px!important;
  gap:12px!important;
  background:rgba(255,255,255,.94)!important;
  border-bottom:1px solid rgba(232,230,223,.9)!important;
}
.topbar-tabs-mode .topbar-left{
  flex:1 1 auto!important;
  min-width:0!important;
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  overflow:hidden!important;
}
.topbar-tabs-mode .topbar-title,
.topbar-tabs-mode .brand-small,
.topbar-tabs-mode .topbar-wordmark{
  display:none!important;
}
.quick-tabs{
  flex:1 1 auto!important;
  min-width:0!important;
  height:100%!important;
  display:flex!important;
  align-items:stretch!important;
  gap:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
  padding:0 4px!important;
}
.quick-tabs::-webkit-scrollbar{display:none!important;}
.quick-tab-item{
  flex:0 0 auto!important;
  height:100%!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  position:relative!important;
  padding:0 13px!important;
  border-radius:0 0 14px 14px!important;
  color:#6F6B64!important;
  font-size:13px!important;
  font-weight:750!important;
  max-width:178px!important;
  min-width:74px!important;
  transition:background .16s ease,color .16s ease,box-shadow .16s ease!important;
}
.quick-tab-item:not(:first-child)::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:17px!important;
  bottom:17px!important;
  width:1px!important;
  background:#E3DFD4!important;
}
.quick-tab-item:hover{
  background:#FFF9DF!important;
  color:#222!important;
}
.quick-tab-item.active{
  background:#F2F0EA!important;
  color:#171717!important;
  box-shadow:inset 0 -2px 0 var(--pf-yellow)!important;
}
.quick-tab-item.active::before,
.quick-tab-item.active + .quick-tab-item::before{display:none!important;}
.quick-tab-item a{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  display:block!important;
  line-height:var(--topbar-height)!important;
  color:inherit!important;
  font-size:inherit!important;
  font-weight:inherit!important;
}
.quick-tab-close{
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  border:0!important;
  border-radius:50%!important;
  background:transparent!important;
  color:#AAA39A!important;
  font-size:14px!important;
  line-height:14px!important;
  padding:0!important;
  cursor:pointer!important;
  display:grid!important;
  place-items:center!important;
}
.quick-tab-close:hover{
  background:#FFE8D9!important;
  color:var(--pf-orange)!important;
}
.topbar-tabs-mode .user-box{
  margin-left:auto!important;
  flex:0 0 auto!important;
}
@media(max-width:980px){
  .quick-tab-item{max-width:132px!important;padding:0 10px!important;}
  .topbar-tabs-mode .user-box small{display:none!important;}
}
@media(max-width:860px){
  .topbar-tabs-mode .topbar-left{gap:8px!important;}
  .quick-tab-item{max-width:118px!important;min-width:64px!important;font-size:12px!important;}
}

/* Global menu/table overflow guard */
.sidebar .nav-group > .nav-children{
  max-height:calc(100vh - 28px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  scrollbar-width:thin!important;
  scrollbar-color:#D8D2C4 #F7F4EC!important;
}
.sidebar .nav-group > .nav-children::-webkit-scrollbar{
  width:8px!important;
  height:8px!important;
}
.sidebar .nav-group > .nav-children::-webkit-scrollbar-thumb{
  background:#D8D2C4!important;
  border-radius:999px!important;
}
.sidebar .nav-group > .nav-children::-webkit-scrollbar-track{
  background:#F7F4EC!important;
  border-radius:999px!important;
}
.sidebar .nav-group[data-module="settings"] > .nav-children{
  min-width:220px!important;
  max-width:min(280px, calc(100vw - var(--sidebar-width) - 28px))!important;
  grid-template-columns:1fr!important;
  gap:4px!important;
  padding:8px!important;
}
.sidebar .nav-group[data-module="settings"] > .nav-children a{
  height:30px!important;
  min-height:30px!important;
  padding:0 9px!important;
  font-size:12.5px!important;
}
.erp-table-scroll-ready,
.table-scroll,
.table-wrap,
.table-wrap-x,
.purchase-table-wrap,
.permission-table-wrap{
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:thin!important;
  scrollbar-color:#D9D2C4 #F7F4EC!important;
}
.erp-table-scroll-ready::-webkit-scrollbar,
.table-scroll::-webkit-scrollbar,
.table-wrap::-webkit-scrollbar,
.table-wrap-x::-webkit-scrollbar,
.purchase-table-wrap::-webkit-scrollbar,
.permission-table-wrap::-webkit-scrollbar{
  height:10px!important;
  width:10px!important;
}
.erp-table-scroll-ready::-webkit-scrollbar-thumb,
.table-scroll::-webkit-scrollbar-thumb,
.table-wrap::-webkit-scrollbar-thumb,
.table-wrap-x::-webkit-scrollbar-thumb,
.purchase-table-wrap::-webkit-scrollbar-thumb,
.permission-table-wrap::-webkit-scrollbar-thumb{
  background:#D9D2C4!important;
  border-radius:999px!important;
}
.erp-table-scroll-ready::-webkit-scrollbar-track,
.table-scroll::-webkit-scrollbar-track,
.table-wrap::-webkit-scrollbar-track,
.table-wrap-x::-webkit-scrollbar-track,
.purchase-table-wrap::-webkit-scrollbar-track,
.permission-table-wrap::-webkit-scrollbar-track{
  background:#F7F4EC!important;
  border-radius:999px!important;
}
.erp-data-table,
.table-scroll table,
.table-wrap table,
.table-wrap-x table,
.purchase-table-wrap table,
.permission-table-wrap table{
  width:100%!important;
  min-width:100%!important;
  min-width:max(var(--table-min-width, 1120px), 100%)!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  table-layout:auto!important;
}
.erp-data-table th,
.erp-data-table td,
.table-scroll th,
.table-scroll td,
.table-wrap th,
.table-wrap td,
.table-wrap-x th,
.table-wrap-x td,
.purchase-table-wrap th,
.purchase-table-wrap td,
.permission-table-wrap th,
.permission-table-wrap td{
  height:36px!important;
  padding:8px 10px!important;
  line-height:1.35!important;
  vertical-align:middle!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
}
.erp-data-table th,
.table-scroll th,
.table-wrap th,
.table-wrap-x th,
.purchase-table-wrap th,
.permission-table-wrap th{
  font-size:12px!important;
  font-weight:900!important;
}
.erp-data-table td,
.table-scroll td,
.table-wrap td,
.table-wrap-x td,
.purchase-table-wrap td,
.permission-table-wrap td{
  font-size:12.5px!important;
}
@media(max-width:860px){
  .sidebar .nav-group > .nav-children{
    max-height:none!important;
    overflow:visible!important;
  }
}

/* Final viewport-safe flyout and count-sheet workspace fixes */
.sidebar .nav-group.submenu-positioned > .nav-children{
  position:fixed!important;
  z-index:9999!important;
}
.sidebar .nav-group[data-module="settings"] > .nav-children{
  max-height:calc(100vh - 28px)!important;
  overflow-y:auto!important;
}
.purchase-desk,
.purchase-orders-page,
.inventory-count-page{
  overflow:visible!important;
}
.purchase-filter-panel,
.inventory-count-filter-panel,
.inventory-count-init-card{
  position:relative!important;
  z-index:6!important;
  overflow:visible!important;
}
.purchase-filter-panel.is-collapsed{
  display:none!important;
}
.inventory-count-filter-form{
  grid-template-columns:minmax(320px,1.35fr) repeat(3,minmax(210px,1fr))!important;
  align-items:end!important;
}
.inventory-count-filter-form .purchase-filter-actions{
  align-self:end!important;
}
.inventory-count-order-table{
  min-width:1480px!important;
}
.inventory-count-line-table{
  min-width:2100px!important;
}
.inventory-count-create-line-table{
  min-width:2020px!important;
}
.inventory-count-detail-table{
  min-width:2420px!important;
}
.inventory-count-line-table .right,
.inventory-count-detail-table .right{
  text-align:right!important;
}
.inventory-count-scan-panel{
  position:relative!important;
  z-index:2!important;
}
.inventory-count-info-grid{
  grid-template-columns:repeat(4,minmax(180px,1fr))!important;
}
.inventory-count-init-form [hidden]{
  display:none!important;
}
.count-final-actions{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  white-space:nowrap!important;
}
.doc-more-wrap{
  position:relative!important;
  display:inline-flex!important;
}
.doc-more-menu{
  position:absolute!important;
  top:calc(100% + 8px)!important;
  left:0!important;
  min-width:168px!important;
  padding:8px!important;
  border:1px solid #D9DEE8!important;
  border-radius:8px!important;
  background:#fff!important;
  box-shadow:0 16px 36px rgba(44,54,78,.14)!important;
  z-index:30!important;
}
.doc-more-menu[hidden]{
  display:none!important;
}
.doc-more-menu button{
  width:100%!important;
  height:34px!important;
  border:0!important;
  border-radius:6px!important;
  background:transparent!important;
  color:#2D3445!important;
  font-weight:800!important;
  text-align:left!important;
  padding:0 10px!important;
  cursor:pointer!important;
}
.doc-more-menu button:hover{
  background:#F2F6FF!important;
  color:#4E83F1!important;
}
#countProductSelect{
  height:240px!important;
  font-size:12.5px!important;
  border:1px solid #EDE2C9!important;
  border-radius:14px!important;
  background:#FFFEFA!important;
  font-weight:700!important;
  color:#2F3540!important;
}
.line-mini-btn{
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  min-height:24px!important;
  border:0!important;
  border-radius:999px!important;
  padding:0!important;
  margin-right:5px!important;
  color:#fff!important;
  font-size:18px!important;
  line-height:20px!important;
  font-weight:900!important;
  cursor:pointer!important;
  display:inline-grid!important;
  place-items:center!important;
}
.line-mini-btn.add{
  background:#619AF7!important;
}
.line-mini-btn.remove{
  background:#E27474!important;
}
.inventory-count-create-line-table .line-op-cell{
  min-width:92px!important;
  text-align:center!important;
}
.inventory-count-create-line-table input[readonly]{
  background:#FAF8F1!important;
  color:#6E7564!important;
}
.inventory-count-create-line-table .right{
  text-align:right!important;
}
.action-link{
  border:0!important;
  background:transparent!important;
  padding:0!important;
  min-height:0!important;
  height:auto!important;
  color:#F68B3A!important;
  font:inherit!important;
  font-weight:900!important;
  cursor:pointer!important;
}
.action-link:hover{
  text-decoration:underline!important;
  transform:none!important;
  box-shadow:none!important;
}
.inventory-completion-order-table{
  min-width:1420px!important;
}
.inventory-completion-entry-page .purchase-edit-toolbar .doc-actions-left{
  gap:8px!important;
}
.inventory-completion-action-card{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  padding:14px 16px!important;
  border:1px solid #DDE6F7!important;
  border-radius:14px!important;
  background:#F7FAFF!important;
  box-shadow:0 10px 26px rgba(44,92,180,.08)!important;
}
.inventory-completion-action-card strong{
  display:block!important;
  color:#172033!important;
  font-size:17px!important;
  font-weight:950!important;
  line-height:1.25!important;
}
.inventory-completion-action-card span{
  display:block!important;
  margin-top:5px!important;
  color:#667085!important;
  font-size:12.5px!important;
  line-height:1.45!important;
}
.inventory-completion-action-card.is-locked{
  background:#FAFAFB!important;
  border-color:#E2E6EF!important;
}
.inventory-completion-actions{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex:0 0 auto!important;
}
.completion-action-main,
.completion-action-void{
  height:44px!important;
  min-height:44px!important;
  border:0!important;
  border-radius:10px!important;
  padding:0 20px!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:950!important;
  cursor:pointer!important;
  box-shadow:0 12px 26px rgba(54,102,217,.22)!important;
}
.completion-action-main{
  background:#356FEA!important;
}
.completion-action-main:hover{
  background:#245EDD!important;
}
.completion-action-void{
  background:#E05A4F!important;
  box-shadow:0 12px 26px rgba(224,90,79,.22)!important;
}
.completion-action-void:hover{
  background:#C9473D!important;
}
.inventory-completion-line-table{
  min-width:2260px!important;
}
.inventory-completion-detail-card{
  position:relative!important;
  overflow:hidden!important;
}
.inventory-completion-detail-card.has-watermark::after{
  content:attr(data-watermark)!important;
  position:absolute!important;
  left:50%!important;
  top:55%!important;
  transform:translate(-50%,-50%) rotate(-22deg)!important;
  color:rgba(52,64,84,.11)!important;
  border:5px solid rgba(52,64,84,.10)!important;
  border-radius:18px!important;
  padding:18px 42px!important;
  font-size:58px!important;
  font-weight:1000!important;
  letter-spacing:0!important;
  pointer-events:none!important;
  z-index:8!important;
}
.inventory-completion-detail-card.has-watermark .purchase-table-wrap{
  filter:saturate(.82)!important;
}
.inventory-completion-detail-card.has-watermark td{
  color:#6D7480!important;
}
@media(max-width:1360px){
  .inventory-count-filter-form{
    grid-template-columns:repeat(3,minmax(180px,1fr))!important;
  }
  .inventory-count-info-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:860px){
  .inventory-count-filter-form,
  .inventory-count-info-grid{
    grid-template-columns:1fr!important;
  }
  .inventory-completion-action-card,
  .inventory-completion-actions{
    align-items:stretch!important;
    flex-direction:column!important;
  }
  .completion-action-main,
  .completion-action-void{
    width:100%!important;
  }
}

/* Other inbound/outbound document workspace */
.inventory-other-page,
.inventory-other-entry-page{
  overflow:visible!important;
}
.inventory-other-filter-panel,
.inventory-other-add-panel{
  position:relative!important;
  z-index:6!important;
  overflow:visible!important;
}
.inventory-other-filter-form{
  grid-template-columns:minmax(320px,1.35fr) repeat(3,minmax(210px,1fr))!important;
  align-items:end!important;
}
.inventory-other-filter-form .purchase-filter-actions{
  align-self:end!important;
}
.inventory-other-order-table{
  min-width:1680px!important;
}
.inventory-other-line-table{
  min-width:1780px!important;
}
.inventory-other-line-table .right,
.inventory-other-order-table .right{
  text-align:right!important;
}
.inventory-other-info-grid{
  grid-template-columns:repeat(4,minmax(180px,1fr))!important;
}
.inventory-other-info-grid .span-2{
  grid-column:span 2!important;
}
.inventory-other-add-panel{
  z-index:2!important;
}
@media(max-width:1360px){
  .inventory-other-filter-form{
    grid-template-columns:repeat(3,minmax(180px,1fr))!important;
  }
  .inventory-other-info-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:860px){
  .inventory-other-filter-form,
  .inventory-other-info-grid{
    grid-template-columns:1fr!important;
  }
  .inventory-other-info-grid .span-2{
    grid-column:auto!important;
  }
}

/* Chain management documents */
.chain-doc-page,
.chain-doc-entry-page{
  overflow:visible!important;
}
.chain-doc-filter-panel,
.chain-doc-add-panel{
  position:relative!important;
  z-index:6!important;
  overflow:visible!important;
}
.chain-doc-filter-form{
  grid-template-columns:minmax(320px,1.35fr) repeat(3,minmax(210px,1fr))!important;
  align-items:end!important;
}
.chain-doc-filter-form .purchase-filter-actions{
  align-self:end!important;
}
.chain-doc-order-table{
  min-width:1860px!important;
}
.chain-doc-line-table{
  min-width:1920px!important;
}
.chain-doc-order-table .right,
.chain-doc-line-table .right{
  text-align:right!important;
}
.chain-doc-info-grid{
  grid-template-columns:repeat(4,minmax(180px,1fr))!important;
}
.chain-doc-info-grid .span-2{
  grid-column:span 2!important;
}
.chain-doc-add-panel{
  z-index:2!important;
}
.chain-report-page{
  overflow:visible!important;
}
.chain-report-hero{
  padding:0 0 16px!important;
}
.chain-report-hero .purchase-section-title{
  padding:18px 20px 0!important;
}
.chain-report-filter-panel{
  position:relative!important;
  z-index:6!important;
  overflow:visible!important;
}
.chain-report-filter-form{
  grid-template-columns:minmax(320px,1.35fr) repeat(4,minmax(190px,1fr))!important;
  align-items:end!important;
}
.chain-report-filter-form .purchase-filter-actions{
  align-self:end!important;
}
.chain-report-kpi-row{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
.chain-report-table{
  min-width:1980px!important;
}
.chain-report-table .right{
  text-align:right!important;
}
.chain-report-table td[title]{
  max-width:260px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
@media(max-width:1360px){
  .chain-doc-filter-form{
    grid-template-columns:repeat(3,minmax(180px,1fr))!important;
  }
  .chain-doc-info-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .chain-report-filter-form{
    grid-template-columns:repeat(3,minmax(180px,1fr))!important;
  }
  .chain-report-kpi-row{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:860px){
  .chain-doc-filter-form,
  .chain-doc-info-grid,
  .chain-report-filter-form{
    grid-template-columns:1fr!important;
  }
  .chain-doc-info-grid .span-2{
    grid-column:auto!important;
  }
  .chain-report-kpi-row{
    grid-template-columns:1fr!important;
  }
}

/* POP FRIENDS 2026 multicolor brand lift */
:root{
  --pf-purple:#7B63F0;
  --pf-pink:#F58ABC;
  --pf-rust:#E46238;
  --pf-sun:#F7EF48;
  --pf-cream:#FAF9F5;
}
html,body{
  letter-spacing:0!important;
  background:#FAF9F5!important;
}
.logo-text strong,
.logo-text span,
.brand-small,
.eyebrow,
.stat-card strong,
.module-card strong,
.badge,
label,
th,
td{
  letter-spacing:0!important;
}
.brand-strip-on:before{
  height:6px!important;
  background:linear-gradient(90deg,#BE86E8 0 16%,#E46238 16% 18.3%,#F7EF48 18.3% 63.2%,#BE86E8 63.2% 67.6%,#F58ABC 67.6% 82.3%,#E46238 82.3% 100%)!important;
}
.topbar.topbar-tabs-mode{
  background:rgba(255,255,255,.96)!important;
  border-bottom:1px solid rgba(229,226,218,.92)!important;
  box-shadow:0 8px 22px rgba(35,31,23,.04)!important;
}
.quick-tab-item{
  letter-spacing:0!important;
  color:#65615B!important;
}
.quick-tab-item:hover{
  background:#FFF6CB!important;
  color:#1E1E20!important;
}
.quick-tab-item.active{
  background:#F3F0FF!important;
  color:#1E1E20!important;
  box-shadow:inset 0 -3px 0 #FF8740!important;
}
.quick-tab-close:hover{
  background:#FFE7D8!important;
  color:#E46238!important;
}
.sidebar{
  background-color:#FFFFFF!important;
  border-right:1px solid #EEEAE1!important;
}
.logo-block{
  background:linear-gradient(180deg,#FFFFFF 0%,#FFFDF0 100%)!important;
}
.sidebar nav>a:hover,
.nav-parent:hover{
  background:#FFF6CB!important;
  color:#202124!important;
}
.sidebar nav>a.active,
.nav-parent.active{
  background:#1D1D20!important;
  color:#F7EF48!important;
  box-shadow:0 12px 24px rgba(123,99,240,.15)!important;
}
.nav-icon{
  background:#F4F1FF!important;
  color:#7B63F0!important;
  letter-spacing:0!important;
}
.active .nav-icon{
  background:rgba(247,239,72,.16)!important;
  color:#F7EF48!important;
}
.nav-children a:hover,
.nav-children a.active{
  background:#FFF0B6!important;
  color:#19191B!important;
}
.card,
.purchase-list-card,
.purchase-edit-card,
.purchase-edit-table-card,
.purchase-filter-panel,
.purchase-order-toolbar,
.purchase-doc-statusbar,
.purchase-kpi-card,
.inventory-completion-action-card,
.purchase-modal-card{
  border-color:#EEEAE1!important;
  box-shadow:0 10px 28px rgba(34,31,24,.055)!important;
}
.purchase-order-toolbar,
.purchase-filter-panel,
.purchase-list-card,
.purchase-edit-card,
.purchase-edit-table-card{
  background-color:#FFFFFF!important;
}
.purchase-order-toolbar,
.purchase-edit-toolbar,
.inventory-count-create-page .purchase-order-toolbar,
.chain-doc-entry-page .purchase-order-toolbar,
.inventory-other-entry-page .purchase-order-toolbar{
  border-top:4px solid #FF8740!important;
}
.card-head h2,
.purchase-section-title strong,
.module-section-title{
  letter-spacing:0!important;
  color:#222326!important;
}
.card-head h2{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}
.card-head h2:before{
  content:""!important;
  width:5px!important;
  height:18px!important;
  border-radius:999px!important;
  background:#FF8740!important;
  flex:0 0 auto!important;
}
.btn,
button.btn,
.doc-btn,
.pager-btn{
  letter-spacing:0!important;
  border-color:#E6E2D8!important;
  color:#25272B!important;
  background-color:#FFFFFF!important;
}
.btn:hover,
button.btn:hover,
.doc-btn:hover,
.pager-btn:hover{
  border-color:#FF8740!important;
  color:#E46238!important;
  background:#FFF7ED!important;
}
.btn.primary,
.doc-btn-primary,
.pager-btn.doc-btn-primary{
  background:linear-gradient(90deg,#FF8740 0%,#E46238 100%)!important;
  border-color:transparent!important;
  color:#FFFFFF!important;
  box-shadow:0 10px 20px rgba(228,98,56,.18)!important;
}
.btn.primary:hover,
.doc-btn-primary:hover,
.pager-btn.doc-btn-primary:hover{
  background:linear-gradient(90deg,#F47B38 0%,#D95832 100%)!important;
  color:#FFFFFF!important;
}
.doc-btn-save,
.btn.accent{
  background:#7B63F0!important;
  border-color:#7B63F0!important;
  color:#FFFFFF!important;
  box-shadow:0 10px 20px rgba(123,99,240,.18)!important;
}
.doc-btn-save:hover,
.btn.accent:hover{
  background:#6D57E6!important;
  border-color:#6D57E6!important;
  color:#FFFFFF!important;
}
.doc-btn-ghost,
.doc-btn-reset{
  background:#F6F4EF!important;
  color:#5B5A56!important;
}
.doc-btn-danger,
.btn.danger{
  background:#FFF0EF!important;
  border-color:#FFD2CF!important;
  color:#C6423A!important;
}
input:focus,
select:focus,
textarea:focus,
.doc-main-search:focus,
.product-picker-search:focus{
  border-color:#FF8740!important;
  box-shadow:0 0 0 3px rgba(255,135,64,.14)!important;
}
.table-scroll,
.table-wrap,
.table-wrap-x,
.purchase-table-wrap,
.permission-table-wrap,
.erp-table-scroll-ready{
  border-color:#EEEAE1!important;
  box-shadow:0 8px 22px rgba(34,31,24,.035)!important;
}
th,
.erp-data-table th,
.table-scroll th,
.table-wrap th,
.table-wrap-x th,
.purchase-table-wrap th,
.permission-table-wrap th{
  background:#FFFDF3!important;
  color:#3C3B37!important;
  letter-spacing:0!important;
  border-bottom:1px solid #E8E2D4!important;
}
tbody tr:hover td,
tr:hover td{
  background:#FFFBE5!important;
}
.badge.ok{
  background:#EAF8E8!important;
  color:#238A35!important;
}
.badge.warn{
  background:#FFF0B6!important;
  color:#8A6100!important;
}
.badge.info{
  background:#F0EDFF!important;
  color:#6D57E6!important;
}
.badge.danger,
.muted-badge{
  background:#FFF0EF!important;
  color:#C6423A!important;
}
.purchase-kpi-card:before,
.stat-card:before{
  background:rgba(247,239,72,.32)!important;
}
.module-card:hover,
.product-tile:hover{
  border-color:#FF8740!important;
  box-shadow:0 12px 28px rgba(228,98,56,.10)!important;
}
.module-link:hover{
  background:#FFF6CB!important;
  border-color:#F7EF48!important;
  color:#202124!important;
}

/* Purchase delivery status tracking */
.purchase-status-filter-form{
  grid-template-columns:minmax(320px,1.35fr) repeat(4,minmax(180px,1fr))!important;
}
.purchase-status-table{
  min-width:2240px!important;
}
.purchase-status-table input{
  min-width:120px!important;
  height:30px!important;
  min-height:30px!important;
  border-radius:8px!important;
  padding:5px 8px!important;
}
.purchase-status-table td{
  vertical-align:middle!important;
}
.purchase-status-table [data-express-company-input]{
  min-width:150px!important;
}
.purchase-status-table td:nth-child(7){
  max-width:360px!important;
}
.purchase-tracking-actions form{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  white-space:nowrap!important;
}
.pf-org-locked{
  opacity:.72!important;
}
.pf-org-locked select:disabled{
  background:#F5F6F8!important;
  color:#6B7280!important;
  cursor:not-allowed!important;
}
@media(max-width:1360px){
  .purchase-status-filter-form{
    grid-template-columns:repeat(3,minmax(180px,1fr))!important;
  }
}
@media(max-width:860px){
  .purchase-status-filter-form{
    grid-template-columns:1fr!important;
  }
  .purchase-tracking-actions form{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
}

/* Global table column resize handles */
th.pf-col-resizable{
  padding-right:18px!important;
}
.pf-col-resizer{
  position:absolute!important;
  top:0!important;
  right:0!important;
  width:10px!important;
  height:100%!important;
  cursor:col-resize!important;
  z-index:12!important;
  user-select:none!important;
  touch-action:none!important;
}
.pf-col-resizer:before{
  content:""!important;
  position:absolute!important;
  left:4px!important;
  top:7px!important;
  bottom:7px!important;
  width:2px!important;
  border-radius:999px!important;
  background:transparent!important;
  transition:background .12s ease,box-shadow .12s ease!important;
}
th.pf-col-resizable:hover>.pf-col-resizer:before,
.pf-col-resizer:hover:before,
html.pf-col-resizing .pf-col-resizer:before{
  background:#FF8740!important;
  box-shadow:0 0 0 3px rgba(255,135,64,.12)!important;
}
html.pf-col-resizing,
html.pf-col-resizing *{
  cursor:col-resize!important;
  user-select:none!important;
}
.pf-resizable-table th{
  position:sticky!important;
}
@media(max-width:860px){
  .pf-col-resizer{
    width:13px!important;
    right:0!important;
  }
}

/* Display management */
.display-page-head .card-head{
  align-items:flex-start!important;
}
.display-store-filter{
  display:flex!important;
  align-items:end!important;
  gap:12px!important;
  flex-wrap:wrap!important;
}
.display-store-filter label{
  min-width:240px!important;
}
.display-settings-grid{
  align-items:start!important;
}
.display-asset-form,
.display-cabinet-form{
  display:grid!important;
  gap:14px!important;
}
.display-asset-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
}
.display-image-upload,
.display-cabinet-upload{
  display:grid!important;
  gap:10px!important;
  border:1px solid #EEEAE1!important;
  background:#FFFDF8!important;
  border-radius:12px!important;
  padding:12px!important;
}
.display-image-upload img{
  width:100%!important;
  aspect-ratio:16/9!important;
  object-fit:contain!important;
  background-color:#FFFFFF!important;
  border:1px solid #E9E4D7!important;
  border-radius:10px!important;
}
.display-cabinet-upload img,
.display-selected-cabinet-image img{
  width:100%!important;
  max-height:220px!important;
  object-fit:contain!important;
  background:#FFFFFF!important;
  border:1px solid #E9E4D7!important;
  border-radius:10px!important;
  padding:8px!important;
}
.display-image-empty{
  min-height:160px!important;
  display:grid!important;
  place-items:center!important;
  border:1px dashed #D8D2C4!important;
  background:#FFFFFF!important;
  border-radius:10px!important;
  color:#928B7D!important;
  font-weight:800!important;
}
.display-shelf-builder{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(260px,.72fr)!important;
  gap:16px!important;
  align-items:start!important;
}
.display-shelf-fields{
  display:grid!important;
  gap:8px!important;
  margin-top:10px!important;
}
.display-shelf-field-row{
  display:grid!important;
  grid-template-columns:34px minmax(120px,.7fr) minmax(140px,1fr)!important;
  gap:8px!important;
  align-items:center!important;
}
.display-shelf-field-row span{
  display:grid!important;
  place-items:center!important;
  height:34px!important;
  border-radius:9px!important;
  background:#F0EDFF!important;
  color:#6D57E6!important;
  font-weight:900!important;
}
.display-cabinet-preview{
  border:1px solid #E6E2D8!important;
  border-radius:12px!important;
  background:#FFFFFF!important;
  padding:12px!important;
  box-shadow:0 10px 24px rgba(34,31,24,.04)!important;
}
.display-cabinet-preview-large{
  min-height:320px!important;
}
.display-preview-title{
  font-weight:900!important;
  color:#292A2E!important;
  margin-bottom:10px!important;
}
.display-preview-body{
  display:flex!important;
  flex-direction:column-reverse!important;
  gap:8px!important;
  min-height:220px!important;
  padding:12px!important;
  border:2px solid #3C3B37!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,#FFFDF3 0%,#FFFFFF 100%)!important;
}
.display-preview-shelf{
  min-height:38px!important;
  border:1px solid #D8D2C4!important;
  border-radius:8px!important;
  background:#FFF7ED!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  padding:8px 10px!important;
}
.display-preview-shelf strong{
  color:#E46238!important;
}
.display-preview-shelf span{
  color:#5B5A56!important;
  font-size:12px!important;
}
.display-cabinet-list{
  display:grid!important;
  gap:12px!important;
}
.display-cabinet-card{
  display:grid!important;
  grid-template-columns:96px minmax(0,1fr) auto!important;
  gap:14px!important;
  align-items:center!important;
  border:1px solid #EEEAE1!important;
  border-radius:12px!important;
  background:#FFFFFF!important;
  padding:12px!important;
}
.display-cabinet-thumb{
  width:96px!important;
  height:76px!important;
  border-radius:10px!important;
  background:#FFFDF3!important;
  border:1px solid #E9E4D7!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  color:#E46238!important;
  font-weight:900!important;
}
.display-cabinet-thumb img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
.display-cabinet-title{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}
.display-cabinet-title strong{
  font-size:16px!important;
}
.display-cabinet-title span{
  color:#5B5A56!important;
}
.display-shelf-chips{
  display:flex!important;
  gap:6px!important;
  flex-wrap:wrap!important;
  margin:8px 0!important;
}
.display-shelf-chips span{
  display:inline-flex!important;
  align-items:center!important;
  min-height:24px!important;
  border-radius:999px!important;
  padding:3px 9px!important;
  background:#F6F4EF!important;
  color:#5B5A56!important;
  font-size:12px!important;
  font-weight:800!important;
}
.display-cabinet-actions{
  display:flex!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
}
.display-shelf-layout{
  align-items:start!important;
}
.display-product-multiselect{
  min-height:360px!important;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;
}
.display-binding-table{
  min-width:1180px!important;
}
.display-binding-table-wrap{
  overflow:auto!important;
}
.inventory-summary-table{
  min-width:2100px!important;
}
.line-cabinet-select{
  min-width:150px!important;
}
.display-shelving-grid{
  align-items:start!important;
}
.display-shelving-workbench{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 420px!important;
  gap:14px!important;
  align-items:start!important;
}
.display-product-summary-card,
.display-price-action-card{
  min-width:0!important;
}
.display-product-compact{
  display:grid!important;
  grid-template-columns:86px minmax(0,1fr)!important;
  gap:14px!important;
  align-items:start!important;
}
.display-product-thumb{
  width:86px!important;
  height:86px!important;
  border:1px solid #E9E4D7!important;
  border-radius:12px!important;
  background:#FFFDF3!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  color:#E46238!important;
  font-weight:1000!important;
}
.display-product-thumb img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
.display-product-main{
  min-width:0!important;
}
.display-product-name{
  display:block!important;
  font-size:18px!important;
  line-height:1.35!important;
  margin-bottom:10px!important;
}
.display-product-facts{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(150px,1fr))!important;
  gap:8px!important;
}
.display-product-facts div{
  min-width:0!important;
  padding:8px 10px!important;
  border:1px solid #E9E4D7!important;
  border-radius:10px!important;
  background:#FFFDF8!important;
}
.display-product-facts span{
  display:block!important;
  color:#7A7468!important;
  font-size:12px!important;
  font-weight:800!important;
  margin-bottom:4px!important;
}
.display-product-facts strong{
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#111111!important;
  font-size:13px!important;
}
.display-product-actions{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  margin-top:12px!important;
  padding-top:10px!important;
  border-top:1px solid #EEE7D8!important;
}
.display-product-detail{
  display:grid!important;
  grid-template-columns:112px minmax(0,1fr)!important;
  gap:14px!important;
  align-items:start!important;
}
.display-product-detail img{
  width:112px!important;
  height:112px!important;
  object-fit:cover!important;
  border:1px solid #E9E4D7!important;
  border-radius:12px!important;
  background:#FFFFFF!important;
}
.display-product-detail strong{
  display:block!important;
  font-size:18px!important;
  margin-bottom:8px!important;
}
.display-product-detail span{
  display:block!important;
  color:#5B5A56!important;
  line-height:1.8!important;
}
.tag-template-switcher{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto auto!important;
  gap:8px!important;
  align-items:end!important;
  margin-bottom:12px!important;
  padding:10px!important;
  border:1px solid #E9E4D7!important;
  border-radius:10px!important;
  background:#FFFDF8!important;
}
.tag-template-switcher label{
  display:grid!important;
  gap:6px!important;
  font-weight:900!important;
  color:#111111!important;
}
.tag-template-switcher select{
  min-width:0!important;
}
.price-tag-print-area{
  display:flex!important;
  justify-content:center!important;
}
.price-tag{
  width:360px!important;
  min-height:220px!important;
  border:2px solid #111111!important;
  border-radius:8px!important;
  background-color:#FFFFFF!important;
  padding:18px!important;
  display:grid!important;
  gap:8px!important;
  color:#111111!important;
}
.price-tag-brand{
  font-weight:1000!important;
  color:#E46238!important;
}
.price-tag-name{
  font-size:20px!important;
  line-height:1.25!important;
  font-weight:1000!important;
}
.price-tag-meta,
.price-tag-location,
.price-tag-barcode{
  color:#555555!important;
  font-size:12px!important;
}
.price-tag-price{
  font-size:34px!important;
  line-height:1!important;
  font-weight:1000!important;
}
.price-tag-barcode{
  border-top:1px solid #E6E2D8!important;
  padding-top:8px!important;
  letter-spacing:2px!important;
  text-align:center!important;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;
}
.price-tag.price-tag-template{
  width:var(--tag-width,360px)!important;
  height:var(--tag-height,220px)!important;
  min-height:0!important;
  padding:0!important;
  display:block!important;
  position:relative!important;
  overflow:hidden!important;
  background-color:#FFFFFF!important;
  background-image:var(--tag-background,none)!important;
  background-size:100% 100%!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  -webkit-print-color-adjust:exact!important;
  print-color-adjust:exact!important;
}
.price-tag-background-image{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:fill!important;
  z-index:0!important;
  pointer-events:none!important;
  -webkit-print-color-adjust:exact!important;
  print-color-adjust:exact!important;
}
.price-tag-field{
  position:absolute!important;
  z-index:1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  line-height:1.15!important;
}
.price-tag-manager-layout{
  display:grid!important;
  grid-template-columns:260px minmax(0,1fr)!important;
  gap:14px!important;
  align-items:start!important;
}
.tag-template-list{
  display:grid!important;
  gap:8px!important;
}
.tag-template-link{
  display:grid!important;
  gap:4px!important;
  padding:12px!important;
  border:1px solid #E7E1D3!important;
  border-radius:10px!important;
  color:#111111!important;
  text-decoration:none!important;
  background:#FFFFFF!important;
}
.tag-template-link strong{
  font-size:14px!important;
}
.tag-template-link span{
  color:#6B6760!important;
  font-size:12px!important;
}
.tag-template-link.active{
  border-color:#E46238!important;
  background:#FFF8E7!important;
  box-shadow:0 8px 24px rgba(228,98,56,.12)!important;
}
.tag-template-basic .checkbox-line{
  min-height:42px!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  font-weight:900!important;
}
.tag-template-basic .checkbox-line input{
  width:auto!important;
}
.price-tag-editor-grid{
  display:grid!important;
  grid-template-columns:minmax(420px,1fr) 420px!important;
  gap:16px!important;
  align-items:start!important;
  margin-top:16px!important;
}
.tag-designer-panel,
.tag-field-panel{
  min-width:0!important;
}
.tag-designer-stage{
  min-height:520px!important;
  padding:24px!important;
  border:1px dashed #DCD4C3!important;
  border-radius:12px!important;
  background:#FAF7ED!important;
  overflow:auto!important;
  display:grid!important;
  place-items:start center!important;
}
.tag-template-canvas{
  width:var(--tag-width,360px)!important;
  height:var(--tag-height,220px)!important;
  position:relative!important;
  overflow:hidden!important;
  background-color:#FFFFFF!important;
  background-size:100% 100%!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  border:2px solid #111111!important;
  border-radius:8px!important;
  box-shadow:0 12px 30px rgba(20,20,20,.13)!important;
}
.tag-template-field{
  position:absolute!important;
  cursor:move!important;
  user-select:none!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  line-height:1.15!important;
  padding:2px!important;
  border:1px dashed rgba(228,98,56,.6)!important;
  background:rgba(255,255,255,.42)!important;
}
.tag-template-field:hover{
  background:rgba(247,239,72,.45)!important;
}
.tag-add-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:8px!important;
  margin-bottom:12px!important;
}
.tag-field-controls{
  display:grid!important;
  gap:10px!important;
  max-height:620px!important;
  overflow:auto!important;
  padding-right:4px!important;
}
.tag-field-control{
  border:1px solid #E7E1D3!important;
  border-radius:10px!important;
  padding:10px!important;
  background:#FFFFFF!important;
}
.tag-field-control-head{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:8px!important;
  margin-bottom:8px!important;
}
.tag-field-control-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}
.tag-field-control-grid label{
  display:grid!important;
  gap:4px!important;
  color:#6B6760!important;
  font-size:12px!important;
  font-weight:800!important;
}
.tag-field-control-grid input,
.tag-field-control-grid select{
  min-width:0!important;
  height:34px!important;
}
.supplier-settlement-page .purchase-edit-card{
  margin-bottom:14px!important;
}
.supplier-settlement-generate-grid{
  align-items:start!important;
  margin-bottom:14px!important;
}
.supplier-settlement-meta{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(160px,1fr))!important;
  gap:10px!important;
}
.supplier-settlement-meta div{
  border:1px solid #E9E4D7!important;
  border-radius:10px!important;
  background:#FFFDF8!important;
  padding:10px!important;
}
.supplier-settlement-meta span{
  display:block!important;
  color:#7A7468!important;
  font-size:12px!important;
  font-weight:800!important;
  margin-bottom:4px!important;
}
.supplier-settlement-meta strong{
  color:#111111!important;
  font-size:13px!important;
}
.supplier-settlement-table{
  min-width:2060px!important;
}
.settlement-qty-input{
  width:88px!important;
  min-width:88px!important;
  text-align:right!important;
}
.settlement-remark-input{
  width:340px!important;
  min-width:340px!important;
  max-width:340px!important;
  height:34px!important;
  border:1px solid #E0D7C8!important;
  border-radius:8px!important;
  background:#FFFDF8!important;
  color:#111827!important;
  font-weight:800!important;
  padding:0 10px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.settlement-remark-input:focus{
  outline:2px solid rgba(255,135,64,.22)!important;
  border-color:#FF8740!important;
}
.settlement-remark-cell{
  max-width:360px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
@media(max-width:1180px){
  .display-shelf-builder,
  .display-asset-grid,
  .display-shelving-grid,
  .display-shelving-workbench,
  .display-shelf-layout,
  .display-settings-grid,
  .supplier-settlement-generate-grid,
  .price-tag-manager-layout,
  .price-tag-editor-grid{
    grid-template-columns:1fr!important;
  }
  .supplier-settlement-meta{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .display-cabinet-card{
    grid-template-columns:80px minmax(0,1fr)!important;
  }
  .display-cabinet-actions{
    grid-column:1 / -1!important;
    justify-content:flex-start!important;
  }
}
@media(max-width:760px){
  .display-store-filter,
  .display-store-filter label{
    display:grid!important;
    width:100%!important;
    min-width:0!important;
  }
  .display-shelf-field-row{
    grid-template-columns:30px 1fr!important;
  }
  .display-shelf-field-row input:last-child{
    grid-column:2!important;
  }
  .display-cabinet-card{
    grid-template-columns:1fr!important;
  }
  .display-cabinet-thumb{
    width:100%!important;
    height:150px!important;
  }
  .display-product-detail{
    grid-template-columns:1fr!important;
  }
  .display-product-compact,
  .tag-template-switcher{
    grid-template-columns:1fr!important;
  }
  .display-product-thumb{
    width:100%!important;
    height:140px!important;
  }
  .display-product-facts{
    grid-template-columns:1fr!important;
  }
  .supplier-settlement-meta{
    grid-template-columns:1fr!important;
  }
}
.role-management-page .role-management-grid{
  grid-template-columns:minmax(320px,.8fr) minmax(520px,1.4fr);
  align-items:start;
}
.role-management-page .purchase-order-table tr.is-selected td{
  background:color-mix(in srgb,var(--primary-color) 18%,#fff);
}
.role-edit-card{
  gap:16px;
}
.role-permission-body{
  width:min(1160px,calc(100% - 48px));
  margin:4px auto 0;
  display:grid;
  gap:16px;
}
.role-permission-head{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-end;
  padding-top:4px;
}
.role-permission-head strong{
  font-size:17px;
}
.role-permission-head span{
  color:var(--muted);
  font-size:13px;
}
.role-permission-groups{
  display:grid;
  gap:12px;
}
.role-permission-group{
  border:1px solid var(--line);
  border-radius:8px;
  overflow:hidden;
  background:#fff;
}
.role-permission-group-title{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding:10px 12px;
  background:#fafafa;
  border-bottom:1px solid var(--line);
}
.role-permission-grid,
.role-category-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
  gap:10px;
  padding:12px;
}
.role-check,
.role-radio{
  display:flex;
  align-items:flex-start;
  gap:9px;
  border:1px solid var(--line);
  border-radius:8px;
  padding:10px;
  background:#fff;
  min-height:54px;
}
.role-radio{
  min-height:0;
  align-items:center;
}
.role-check input,
.role-radio input{
  margin-top:3px;
  width:16px;
  height:16px;
}
.role-check span{
  display:grid;
  gap:3px;
  min-width:0;
}
.role-check small{
  color:var(--muted);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.role-category-scope{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.role-backend-scope,
.role-cost-scope{
  display:grid;
  grid-template-columns:minmax(280px,520px);
}
.role-backend-scope .role-check,
.role-cost-scope .role-check{
  border-radius:12px;
  background:linear-gradient(180deg,#fff 0%,#FFFDF6 100%);
  box-shadow:0 10px 24px rgba(20,24,32,.045);
}
@media(max-width:1100px){
  .role-management-page .role-management-grid{
    grid-template-columns:1fr;
  }
  .role-permission-body{
    width:100%;
  }
  .role-backend-scope,
  .role-cost-scope{
    grid-template-columns:1fr;
  }
}
@media print{
  .no-print,
  .sidebar,
  .topbar,
  .alert,
  body > .app-shell > .main-content > section:not(.price-tag-print-area),
  body > .app-shell > .main-content > div{
    display:none!important;
  }
  .main-content{
    margin:0!important;
    width:100%!important;
    padding:0!important;
  }
  .price-tag-print-area{
    display:flex!important;
    box-shadow:none!important;
    border:0!important;
    margin:0!important;
    padding:0!important;
  }
  .price-tag{
    box-shadow:none!important;
    page-break-inside:avoid!important;
  }
}

/* Decision analysis: compact secondary-menu board and matching sidebar mega menu */
.decision-menu-page{
  padding:18px 20px!important;
}
.decision-menu-page .card-head{
  margin-bottom:16px!important;
}
.decision-menu-grid{
  display:grid!important;
  grid-template-columns:minmax(250px,1fr) minmax(250px,1fr) minmax(250px,1fr)!important;
  grid-template-areas:
    "product inventory chain"
    "product purchase chain"
    "product display chain" !important;
  gap:14px!important;
  align-items:start!important;
}
.decision-menu-card{
  border:1px solid #E9E4D7!important;
  border-radius:16px!important;
  background:#FFFDF8!important;
  padding:16px!important;
  box-shadow:0 8px 24px rgba(22,24,32,.035)!important;
  min-width:0!important;
}
.decision-menu-product{grid-area:product!important;}
.decision-menu-inventory{grid-area:inventory!important;}
.decision-menu-purchase{grid-area:purchase!important;}
.decision-menu-display{grid-area:display!important;}
.decision-menu-chain{grid-area:chain!important;}
.decision-menu-card h3{
  margin:0 0 12px!important;
  padding-left:12px!important;
  border-left:6px solid #344055!important;
  color:#2D3748!important;
  font-size:18px!important;
  line-height:1.2!important;
  font-weight:900!important;
}
.decision-menu-links{
  display:grid!important;
  gap:8px!important;
}
.decision-menu-links a{
  display:flex!important;
  align-items:center!important;
  min-height:42px!important;
  padding:0 14px!important;
  border-radius:13px!important;
  background:#fff!important;
  color:#343A46!important;
  font-size:15px!important;
  font-weight:900!important;
  border:1px solid transparent!important;
  box-shadow:0 4px 14px rgba(22,24,32,.025)!important;
}
.decision-menu-links a:hover,
.decision-menu-links a.active{
  background:#FFF3B8!important;
  border-color:#F4DE63!important;
  color:#111827!important;
}
.sidebar .nav-group[data-module="decision"] > .nav-children.nav-mega{
  width:min(880px, calc(100vw - var(--sidebar-width) - 36px))!important;
  min-width:min(760px, calc(100vw - var(--sidebar-width) - 36px))!important;
  max-width:min(880px, calc(100vw - var(--sidebar-width) - 36px))!important;
  grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) minmax(220px,1fr)!important;
  grid-template-areas:
    "product inventory chain"
    "product purchase chain"
    "product display chain" !important;
  gap:14px!important;
  align-items:start!important;
  padding:18px!important;
}
.sidebar .nav-group[data-module="decision"] .nav-mega-section{
  min-width:0!important;
  border:1px solid #E9E4D7!important;
  border-radius:16px!important;
  background:#FFFDF8!important;
  padding:14px!important;
}
.sidebar .nav-group[data-module="decision"] .nav-mega-section:nth-child(1){grid-area:product!important;}
.sidebar .nav-group[data-module="decision"] .nav-mega-section:nth-child(2){grid-area:inventory!important;}
.sidebar .nav-group[data-module="decision"] .nav-mega-section:nth-child(3){grid-area:purchase!important;}
.sidebar .nav-group[data-module="decision"] .nav-mega-section:nth-child(4){grid-area:display!important;}
.sidebar .nav-group[data-module="decision"] .nav-mega-section:nth-child(5){grid-area:chain!important;}
.sidebar .nav-group[data-module="decision"] .nav-mega-section .nav-child-section{
  margin:0 0 10px!important;
  padding-left:10px!important;
  border-left:6px solid #344055!important;
  color:#2D3748!important;
  font-size:15px!important;
  line-height:1.25!important;
  font-weight:900!important;
}
.sidebar .nav-group[data-module="decision"] .nav-mega-section a{
  height:38px!important;
  min-height:38px!important;
  border-radius:12px!important;
  background:#fff!important;
  font-size:13.5px!important;
  font-weight:900!important;
}
@media(max-width:1180px){
  .decision-menu-grid{
    grid-template-columns:1fr 1fr!important;
    grid-template-areas:
      "product inventory"
      "product purchase"
      "chain display" !important;
  }
  .sidebar .nav-group[data-module="decision"] > .nav-children.nav-mega{
    width:min(620px, calc(100vw - var(--sidebar-width) - 32px))!important;
    min-width:min(560px, calc(100vw - var(--sidebar-width) - 32px))!important;
    grid-template-columns:1fr 1fr!important;
    grid-template-areas:
      "product inventory"
      "product purchase"
      "chain display" !important;
  }
}
@media(max-width:860px){
  .decision-menu-grid,
  .sidebar .nav-group[data-module="decision"] > .nav-children.nav-mega{
    grid-template-columns:1fr!important;
    grid-template-areas:none!important;
  }
  .decision-menu-product,
  .decision-menu-inventory,
  .decision-menu-purchase,
  .decision-menu-display,
  .decision-menu-chain,
  .sidebar .nav-group[data-module="decision"] .nav-mega-section:nth-child(n){
    grid-area:auto!important;
  }
}

/* Display barcode generator */
.barcode-generator-page{
  display:grid!important;
  gap:14px!important;
}
.barcode-generator-hero{
  padding:18px!important;
  background:linear-gradient(135deg,#FFFDF7 0%,#FFFFFF 55%,#FFF8D6 100%)!important;
}
.barcode-generator-form{
  display:grid!important;
  grid-template-columns:minmax(220px,.8fr) minmax(240px,1fr) minmax(120px,.45fr) minmax(120px,.45fr) minmax(180px,.75fr) minmax(0,1fr) auto!important;
  gap:12px!important;
  align-items:end!important;
}
.barcode-generator-copy{
  min-width:0!important;
  display:grid!important;
  gap:5px!important;
  align-self:center!important;
}
.barcode-generator-copy span{
  color:#EA7D3F!important;
  font-size:11px!important;
  font-weight:1000!important;
  letter-spacing:.04em!important;
}
.barcode-generator-copy strong{
  color:#111827!important;
  font-size:22px!important;
  line-height:1.1!important;
  font-weight:1000!important;
}
.barcode-generator-copy small{
  color:#78736A!important;
  font-size:12px!important;
  line-height:1.45!important;
  font-weight:700!important;
}
.barcode-generator-form label{
  min-width:0!important;
  display:grid!important;
  gap:7px!important;
  color:#1F2937!important;
  font-size:13px!important;
  font-weight:900!important;
}
.barcode-generator-form label.wide{
  min-width:180px!important;
}
.barcode-generator-form input{
  width:100%!important;
  height:48px!important;
  min-height:48px!important;
  border-radius:14px!important;
  border:1px solid #E3DBC9!important;
  background:#fff!important;
  color:#111827!important;
  font-weight:900!important;
}
.barcode-generator-action{
  display:flex!important;
  align-items:end!important;
  justify-content:flex-end!important;
}
.barcode-generator-grid{
  display:grid!important;
  grid-template-columns:minmax(520px,1.15fr) minmax(380px,.85fr)!important;
  gap:14px!important;
  align-items:start!important;
}
.barcode-generator-page .row-active td{
  background:#FFF8CB!important;
}
.barcode-kpi-row{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  margin:0 0 12px!important;
}
.barcode-print-actions{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}
.barcode-print-actions .inline-form{
  margin:0!important;
}
.barcode-print-area{
  margin:18px 0 0!important;
  padding:18px!important;
  border:1px solid #ECE2CB!important;
  border-radius:16px!important;
  background:#FFFDF7!important;
  box-shadow:0 10px 28px rgba(22,24,32,.045)!important;
}
.barcode-label-sheet{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(260px,1fr))!important;
  gap:12px!important;
  align-items:start!important;
}
.pf-barcode-label{
  position:relative!important;
  overflow:hidden!important;
  min-height:158px!important;
  padding:16px 16px 12px!important;
  display:grid!important;
  grid-template-rows:auto 1fr auto!important;
  gap:8px!important;
  border:1px solid #E7DEC8!important;
  border-radius:12px!important;
  background:#FFFEFA!important;
  color:#111827!important;
  box-shadow:0 12px 26px rgba(20,24,32,.055)!important;
  break-inside:avoid!important;
  page-break-inside:avoid!important;
}
.pf-barcode-strip{
  position:absolute!important;
  left:0!important;
  top:0!important;
  right:0!important;
  height:8px!important;
  display:grid!important;
  grid-template-columns:1.1fr .22fr 2.35fr .55fr .9fr!important;
}
.pf-barcode-strip i:nth-child(1){background:#C28AE6!important;}
.pf-barcode-strip i:nth-child(2){background:#E46539!important;}
.pf-barcode-strip i:nth-child(3){background:#F7EF48!important;}
.pf-barcode-strip i:nth-child(4){background:#F295C6!important;}
.pf-barcode-strip i:nth-child(5){background:#E46539!important;}
.pf-barcode-label header{
  display:grid!important;
  gap:2px!important;
  padding-top:3px!important;
}
.pf-barcode-label header span{
  color:#111827!important;
  font-size:16px!important;
  line-height:1!important;
  font-weight:1000!important;
  letter-spacing:0!important;
}
.pf-barcode-label header strong{
  color:#6F7480!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:900!important;
}
.pf-barcode-body{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:78px!important;
  padding:4px 6px 2px!important;
  border-radius:10px!important;
  background:#fff!important;
  border:1px solid #EEE7D8!important;
}
.pf-ean13-svg{
  display:block!important;
  width:100%!important;
  max-width:230px!important;
  height:auto!important;
}
.pf-barcode-label footer{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  color:#6B7280!important;
  font-size:10.5px!important;
  line-height:1.2!important;
  font-weight:800!important;
}
.pf-barcode-label footer span{
  min-width:0!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
.pf-barcode-label footer em{
  max-width:48%!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  font-style:normal!important;
  color:#9A8965!important;
}
@media(max-width:1320px){
  .barcode-generator-form{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .barcode-generator-copy,
  .barcode-generator-form label.wide{
    grid-column:auto/span 2!important;
  }
}
@media(max-width:980px){
  .barcode-generator-grid,
  .barcode-generator-form{
    grid-template-columns:1fr!important;
  }
  .barcode-generator-copy,
  .barcode-generator-form label.wide{
    grid-column:auto!important;
  }
}
@media print{
  @page{
    size:A4 landscape;
    margin:0;
  }
  html,
  body{
    background:#fff!important;
  }
  .barcode-print-area.price-tag-print-area{
    display:block!important;
    width:297mm!important;
    min-height:210mm!important;
    margin:0!important;
    padding:9mm!important;
    border:0!important;
    border-radius:0!important;
    background:#fff!important;
    box-shadow:none!important;
  }
  .barcode-label-sheet{
    display:grid!important;
    grid-template-columns:repeat(3, 86mm)!important;
    gap:7mm 6mm!important;
    align-items:start!important;
  }
  .pf-barcode-label{
    width:86mm!important;
    min-height:50mm!important;
    padding:5mm 5mm 4mm!important;
    border-radius:4mm!important;
    box-shadow:none!important;
    page-break-inside:avoid!important;
    break-inside:avoid!important;
    -webkit-print-color-adjust:exact!important;
    print-color-adjust:exact!important;
  }
  .pf-barcode-label header span{
    font-size:15px!important;
  }
  .pf-barcode-label header strong{
    font-size:10px!important;
  }
  .pf-barcode-body{
    min-height:24mm!important;
  }
  .pf-ean13-svg{
    max-width:70mm!important;
  }
}

.barcode-generator-hero-clean{
  padding:16px!important;
}
.barcode-generator-form-clean{
  grid-template-columns:minmax(210px,.8fr) minmax(190px,1fr) minmax(260px,1.25fr) minmax(120px,.5fr) minmax(120px,.5fr) auto!important;
  gap:12px!important;
  align-items:end!important;
}
.barcode-generator-form-clean .barcode-generator-copy{
  align-self:center!important;
}
.barcode-generator-form-clean .barcode-generator-action{
  align-self:end!important;
}
.barcode-generator-form-clean .barcode-generator-action .doc-btn{
  height:48px!important;
  min-height:48px!important;
  min-width:112px!important;
  border-radius:14px!important;
}
.barcode-import-card{
  padding:12px 16px!important;
}
.barcode-import-card .import-bar,
.barcode-import-bar{
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  display:flex!important;
  align-items:end!important;
  justify-content:flex-start!important;
  gap:12px!important;
  flex-wrap:wrap!important;
}
.barcode-import-bar label{
  min-width:320px!important;
  max-width:460px!important;
}
.barcode-import-bar input[type=file]{
  height:46px!important;
  min-height:46px!important;
  background:#fff!important;
}
.barcode-import-bar .muted{
  color:#7A7468!important;
  font-size:12px!important;
  line-height:1.5!important;
  font-weight:700!important;
}
.barcode-print-control-card{
  display:grid!important;
  gap:12px!important;
}
.barcode-size-form{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr)) auto!important;
  gap:10px!important;
  align-items:end!important;
  padding:12px!important;
  border:1px solid #EAE3D3!important;
  border-radius:14px!important;
  background:#FFFDF8!important;
}
.barcode-size-form label{
  min-width:0!important;
  gap:6px!important;
  color:#1F2937!important;
  font-size:12.5px!important;
  font-weight:900!important;
}
.barcode-size-form input{
  height:44px!important;
  min-height:44px!important;
}
.barcode-size-form .doc-btn{
  height:44px!important;
  min-height:44px!important;
}
.barcode-kpi-row .purchase-kpi-card{
  min-width:0!important;
}
.barcode-kpi-row .purchase-kpi-card strong{
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:20px!important;
  letter-spacing:0!important;
}
.barcode-print-area{
  --barcode-label-width:60mm;
  --barcode-label-height:38mm;
  --barcode-label-columns:3;
}
.barcode-print-area .barcode-label-sheet{
  grid-template-columns:repeat(auto-fill,minmax(var(--barcode-label-width),var(--barcode-label-width)))!important;
  justify-content:flex-start!important;
}
.barcode-print-area .pf-barcode-label{
  width:var(--barcode-label-width)!important;
  min-height:var(--barcode-label-height)!important;
}
@media(max-width:1380px){
  .barcode-generator-form-clean{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .barcode-generator-form-clean .barcode-generator-copy{
    grid-column:1 / -1!important;
  }
}
@media(max-width:900px){
  .barcode-generator-form-clean,
  .barcode-size-form{
    grid-template-columns:1fr!important;
  }
  .barcode-import-bar label{
    min-width:0!important;
    width:100%!important;
  }
}
@media print{
  .barcode-print-area .barcode-label-sheet{
    grid-template-columns:repeat(var(--barcode-label-columns), var(--barcode-label-width))!important;
    gap:5mm!important;
  }
  .barcode-print-area .pf-barcode-label{
    width:var(--barcode-label-width)!important;
    height:var(--barcode-label-height)!important;
    min-height:var(--barcode-label-height)!important;
    padding:4mm!important;
  }
  .barcode-print-area .pf-ean13-svg{
    max-width:calc(var(--barcode-label-width) - 12mm)!important;
  }
}

/* Supplier settlement and decision table readability pass */
.supplier-settlement-generator-card{
  display:grid!important;
  grid-template-columns:minmax(220px,.42fr) minmax(0,1fr)!important;
  gap:18px!important;
  align-items:center!important;
  margin-bottom:14px!important;
  padding:18px 20px!important;
  border:1px solid #E9E4D7!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,#FFFDF8 0%,#FFFFFF 58%,#FFF9DE 100%)!important;
  box-shadow:0 14px 36px rgba(38,38,38,.06)!important;
}
.supplier-settlement-generator-copy{
  min-width:0!important;
  display:grid!important;
  gap:6px!important;
}
.supplier-settlement-generator-copy strong{
  color:#111827!important;
  font-size:17px!important;
  line-height:1.25!important;
  font-weight:900!important;
}
.supplier-settlement-generator-copy span{
  max-width:360px!important;
  color:#7A7468!important;
  font-size:12.5px!important;
  line-height:1.6!important;
  font-weight:700!important;
}
.supplier-settlement-generator-form{
  display:grid!important;
  grid-template-columns:minmax(150px,.75fr) minmax(300px,1.35fr) minmax(180px,.85fr) auto!important;
  gap:12px!important;
  align-items:end!important;
}
.supplier-settlement-generator-form label{
  min-width:0!important;
  color:#1F2937!important;
  font-size:13px!important;
  font-weight:900!important;
  gap:7px!important;
}
.supplier-settlement-generator-form select,
.supplier-settlement-generator-form input{
  height:52px!important;
  min-height:52px!important;
  border-radius:14px!important;
  border-color:#E4DDCB!important;
  background:#fff!important;
  color:#111827!important;
  font-weight:900!important;
}
.supplier-settlement-supplier-field{
  display:flex!important;
  flex-direction:column!important;
}
.supplier-settlement-combobox{
  position:relative!important;
  display:block!important;
  width:100%!important;
}
.supplier-settlement-combobox > input[type="search"]{
  width:100%!important;
}
.supplier-settlement-dropdown{
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:calc(100% + 8px)!important;
  z-index:80!important;
  display:none!important;
  max-height:268px!important;
  overflow:auto!important;
  padding:8px!important;
  border:1px solid #E4DDCB!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 18px 44px rgba(17,24,39,.14)!important;
}
.supplier-settlement-combobox.is-open .supplier-settlement-dropdown{
  display:grid!important;
  gap:4px!important;
}
.supplier-settlement-dropdown .supplier-settlement-option{
  display:block!important;
  width:100%!important;
  min-height:40px!important;
  padding:9px 12px!important;
  border:0!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#1F2937!important;
  text-align:left!important;
  font-size:13px!important;
  font-weight:850!important;
  cursor:pointer!important;
}
.supplier-settlement-dropdown .supplier-settlement-option:hover,
.supplier-settlement-dropdown .supplier-settlement-option:focus{
  background:#FFF6C9!important;
  outline:none!important;
}
.supplier-settlement-dropdown .supplier-settlement-option[hidden]{
  display:none!important;
}
.supplier-settlement-supplier-field::before{
  content:""!important;
  display:none!important;
}
.supplier-settlement-generator-action{
  display:flex!important;
  align-items:end!important;
}
.supplier-settlement-generator-action .doc-btn{
  height:52px!important;
  min-width:132px!important;
  border-radius:15px!important;
  font-size:15px!important;
  font-weight:900!important;
}
.supplier-settlement-generate-grid{
  grid-template-columns:repeat(3,minmax(260px,1fr))!important;
}
.supplier-settlement-generate-grid .purchase-form-grid{
  grid-template-columns:1fr!important;
  gap:10px!important;
  padding:0!important;
}
.supplier-settlement-generate-grid .purchase-form-grid .span-2{
  grid-column:1!important;
}
.table-scroll table,
.purchase-table-wrap table{
  border-collapse:separate!important;
  border-spacing:0!important;
}
.table-scroll th,
.table-scroll td,
.purchase-table-wrap th,
.purchase-table-wrap td{
  vertical-align:middle!important;
}
.table-scroll th.right,
.table-scroll td.right,
.purchase-table-wrap th.right,
.purchase-table-wrap td.right,
.purchase-order-table th.right,
.purchase-order-table td.right,
.decision-table th.right,
.decision-table td.right{
  text-align:right!important;
  font-variant-numeric:tabular-nums!important;
}
.decision-table{
  table-layout:fixed!important;
  min-width:max(1120px,100%)!important;
}
.decision-table th,
.decision-table td{
  height:40px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.decision-table th{
  text-align:left!important;
}
.decision-table th.right,
.decision-table td.right{
  text-align:right!important;
}
.decision-table .compact-number{
  width:86px!important;
  min-width:86px!important;
  height:34px!important;
  padding:0 10px!important;
  text-align:right!important;
  border:1px solid var(--line)!important;
  border-radius:10px!important;
  background:#fff!important;
  font-variant-numeric:tabular-nums!important;
}
.strong-link{
  color:#111827!important;
  text-decoration:none!important;
}
.strong-link:hover{
  color:#2F6FEF!important;
  text-decoration:underline!important;
}

/* Windows front-counter POS */
.pos-terminal{
  --pos-blue:#2F6FEF;
  --pos-green:#18A058;
  --pos-red:#D83B36;
  display:grid!important;
  gap:12px!important;
  min-height:calc(100vh - var(--topbar-height) - 30px)!important;
  color:#111827!important;
}
.pos-terminal-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto auto!important;
  gap:12px!important;
  align-items:center!important;
  padding:14px 16px!important;
  border:1px solid #E8E2D3!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 10px 30px rgba(20,24,32,.055)!important;
}
.pos-terminal-head span,
.pos-cart-head span{
  display:block!important;
  color:#7A7468!important;
  font-size:12px!important;
  font-weight:900!important;
}
.pos-terminal-head strong{
  display:block!important;
  margin-top:2px!important;
  color:#111827!important;
  font-size:24px!important;
  line-height:1.12!important;
  font-weight:950!important;
}
.pos-terminal-head em{
  display:block!important;
  margin-top:4px!important;
  color:#6B7280!important;
  font-size:12.5px!important;
  font-style:normal!important;
  font-weight:800!important;
}
.pos-store-switch{
  display:flex!important;
  gap:8px!important;
  align-items:center!important;
}
.pos-store-switch select{
  min-width:180px!important;
  height:42px!important;
  min-height:42px!important;
}
.pos-lite-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:42px!important;
  padding:0 14px!important;
  border:1px solid #E4DDCB!important;
  border-radius:13px!important;
  background:#fff!important;
  color:#1F2937!important;
  font-weight:900!important;
  cursor:pointer!important;
  white-space:nowrap!important;
}
.pos-lite-btn:hover{
  border-color:#F7DB31!important;
  background:#FFF8C7!important;
}
.pos-lite-btn.danger{
  color:var(--pos-red)!important;
  border-color:#FFD2CC!important;
  background:#FFF5F3!important;
}
.pos-lite-btn[disabled],
.pos-checkout-btn[disabled]{
  opacity:.45!important;
  cursor:not-allowed!important;
}
.pos-workspace{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(420px,480px)!important;
  gap:12px!important;
  align-items:start!important;
}
.pos-main-panel,
.pos-cart-panel{
  min-width:0!important;
  border:1px solid #E8E2D3!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 14px 36px rgba(20,24,32,.06)!important;
}
.pos-main-panel{
  padding:14px!important;
}
.pos-cart-panel{
  position:sticky!important;
  top:calc(var(--topbar-height) + 12px)!important;
  display:grid!important;
  gap:12px!important;
  padding:14px!important;
}
.pos-scan-form{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 120px!important;
  gap:10px!important;
}
.pos-scan-form input{
  height:62px!important;
  min-height:62px!important;
  border:2px solid #111827!important;
  border-radius:17px!important;
  padding:0 18px!important;
  color:#111827!important;
  font-size:22px!important;
  font-weight:900!important;
}
.pos-scan-form button,
.pos-checkout-btn{
  border:0!important;
  border-radius:17px!important;
  background:linear-gradient(90deg,#F7EF48 0%,#FFD84A 100%)!important;
  color:#111827!important;
  font-size:18px!important;
  font-weight:950!important;
  cursor:pointer!important;
}
.pos-shortcuts{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin:10px 0 12px!important;
}
.pos-shortcuts span{
  display:inline-flex!important;
  align-items:center!important;
  min-height:26px!important;
  padding:0 9px!important;
  border-radius:999px!important;
  background:#F4F6F9!important;
  color:#536070!important;
  font-size:12px!important;
  font-weight:850!important;
}
.pos-product-search{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto auto!important;
  gap:8px!important;
  margin-bottom:12px!important;
}
.pos-product-search input{
  height:44px!important;
  min-height:44px!important;
  border-radius:13px!important;
}
.pos-product-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
}
.pos-product-card{
  display:grid!important;
  grid-template-columns:82px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  gap:10px!important;
  min-height:136px!important;
  padding:10px!important;
  border:1px solid #ECE7DA!important;
  border-radius:16px!important;
  background:#FFFDF8!important;
  box-shadow:0 8px 22px rgba(20,24,32,.045)!important;
}
.pos-product-image{
  grid-row:1 / span 2!important;
  width:82px!important;
  height:82px!important;
  border:1px solid #E8E2D3!important;
  border-radius:14px!important;
  background:#fff!important;
  overflow:hidden!important;
  display:grid!important;
  place-items:center!important;
}
.pos-product-image img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
.pos-product-image span{
  color:#F0CB1A!important;
  font-weight:950!important;
}
.pos-product-info{
  min-width:0!important;
  display:grid!important;
  align-content:start!important;
  gap:4px!important;
}
.pos-product-info strong{
  color:#111827!important;
  font-size:13.5px!important;
  line-height:1.25!important;
  font-weight:950!important;
  overflow:hidden!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
}
.pos-product-info span,
.pos-product-info em{
  color:#6B7280!important;
  font-size:11.5px!important;
  line-height:1.25!important;
  font-style:normal!important;
  font-weight:800!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.pos-product-card button{
  grid-column:2!important;
  height:36px!important;
  border:0!important;
  border-radius:11px!important;
  background:#111827!important;
  color:#fff!important;
  font-weight:950!important;
  cursor:pointer!important;
}
.pos-cart-head{
  display:flex!important;
  justify-content:space-between!important;
  gap:12px!important;
  align-items:center!important;
}
.pos-cart-head strong{
  display:block!important;
  color:#111827!important;
  font-size:22px!important;
  line-height:1.1!important;
  font-weight:950!important;
}
.pos-cart-actions{
  display:flex!important;
  gap:8px!important;
}
.pos-cart-lines{
  display:grid!important;
  gap:8px!important;
  max-height:34vh!important;
  overflow:auto!important;
  padding-right:2px!important;
}
.pos-cart-line{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 78px 132px 84px 42px!important;
  gap:8px!important;
  align-items:center!important;
  padding:10px!important;
  border:1px solid #ECE7DA!important;
  border-radius:14px!important;
  background:#FFFDF8!important;
}
.pos-line-name{
  min-width:0!important;
}
.pos-line-name strong{
  display:block!important;
  color:#111827!important;
  font-size:13px!important;
  font-weight:950!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.pos-line-name span{
  display:block!important;
  margin-top:3px!important;
  color:#7A7468!important;
  font-size:11.5px!important;
  font-weight:800!important;
}
.pos-line-price,
.pos-line-amount{
  text-align:right!important;
  color:#111827!important;
  font-weight:950!important;
  font-variant-numeric:tabular-nums!important;
}
.pos-line-qty{
  display:grid!important;
  grid-template-columns:30px 1fr 30px!important;
  gap:4px!important;
  align-items:center!important;
}
.pos-line-qty button,
.pos-line-remove button{
  width:30px!important;
  height:30px!important;
  min-height:30px!important;
  border:0!important;
  border-radius:9px!important;
  background:#EEF2F7!important;
  color:#111827!important;
  font-weight:950!important;
  cursor:pointer!important;
}
.pos-qty-form{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
}
.pos-qty-form input{
  height:30px!important;
  min-height:30px!important;
  padding:0 4px!important;
  border-radius:9px!important;
  text-align:center!important;
  font-weight:950!important;
}
.pos-qty-form button{
  display:none!important;
}
.pos-line-remove button{
  width:42px!important;
  color:#fff!important;
  background:var(--pos-red)!important;
  font-size:11px!important;
}
.pos-pay-panel{
  display:grid!important;
  gap:9px!important;
  padding:12px!important;
  border-radius:16px!important;
  background:#111827!important;
  color:#fff!important;
}
.pos-pay-panel label{
  color:#E5E7EB!important;
  font-size:12px!important;
}
.pos-pay-panel input,
.pos-pay-panel select{
  height:40px!important;
  min-height:40px!important;
  border:0!important;
  border-radius:12px!important;
  font-weight:900!important;
}
.pos-total-row{
  display:flex!important;
  justify-content:space-between!important;
  gap:12px!important;
  align-items:center!important;
  color:#E5E7EB!important;
  font-weight:900!important;
}
.pos-total-row strong{
  color:#fff!important;
  font-size:22px!important;
  font-weight:950!important;
  font-variant-numeric:tabular-nums!important;
}
.pos-total-row.payable strong{
  color:#F7EF48!important;
  font-size:32px!important;
}
.pos-total-row.change strong{
  color:#93F6BD!important;
}
.pos-cash-buttons{
  display:grid!important;
  grid-template-columns:repeat(5,1fr)!important;
  gap:6px!important;
}
.pos-cash-buttons button{
  height:34px!important;
  border:0!important;
  border-radius:10px!important;
  background:#263245!important;
  color:#fff!important;
  font-weight:950!important;
  cursor:pointer!important;
}
.pos-member-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
}
.pos-checkout-btn{
  height:58px!important;
  margin-top:2px!important;
}
.pos-side-list{
  display:grid!important;
  gap:6px!important;
  padding:10px!important;
  border:1px solid #ECE7DA!important;
  border-radius:14px!important;
  background:#fff!important;
}
.pos-side-list > strong{
  color:#111827!important;
  font-size:13px!important;
  font-weight:950!important;
}
.pos-side-list a,
.pos-side-list em,
.pos-hold-item span{
  color:#6B7280!important;
  font-size:12px!important;
  font-style:normal!important;
  font-weight:800!important;
}
.pos-hold-item{
  display:grid!important;
  gap:4px!important;
}
.pos-hold-item form{
  display:flex!important;
  gap:6px!important;
}
.pos-hold-item button{
  height:28px!important;
  min-height:28px!important;
  border:1px solid #E4DDCB!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#111827!important;
  font-size:12px!important;
  font-weight:900!important;
  cursor:pointer!important;
}
.pos-empty{
  grid-column:1 / -1!important;
  min-height:110px!important;
  display:grid!important;
  place-items:center!important;
  border:1px dashed #E4DDCB!important;
  border-radius:16px!important;
  color:#8A8173!important;
  font-weight:900!important;
  background:#FFFDF8!important;
}
.pos-payment-hint{
  border:1px solid #EFE3B3!important;
  border-radius:12px!important;
  background:#FFF9D9!important;
  color:#5E5530!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.45!important;
  padding:8px 10px!important;
}
.pos-payment-scan-panel{
  display:grid!important;
  gap:8px!important;
  border:1px solid #9F7AEA!important;
  border-radius:14px!important;
  background:#F6F1FF!important;
  color:#33235F!important;
  padding:10px!important;
}
.pos-payment-scan-panel[hidden]{
  display:none!important;
}
.pos-payment-scan-panel label{
  color:#2B1D54!important;
  font-weight:950!important;
}
.pos-payment-scan-panel input{
  height:42px!important;
  border-color:#9F7AEA!important;
  background:#fff!important;
  font-size:15px!important;
  font-weight:900!important;
}
.pos-payment-scan-panel div{
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.45!important;
}
.payment-settings-hero{
  background:linear-gradient(135deg,#fff 0%,#FFFDF4 100%)!important;
  border-color:#EEE6D6!important;
}
.payment-settings-hero .settings-preview-card{
  min-width:280px!important;
  background:linear-gradient(135deg,#FFFDF2 0%,#FFFFFF 74%)!important;
  color:#242424!important;
  border:1px solid #E8DDC7!important;
  border-left:5px solid #F7EF48!important;
  border-radius:16px!important;
  box-shadow:0 12px 28px rgba(17,17,17,.055)!important;
  padding:18px 20px!important;
}
.payment-settings-hero .settings-preview-card span{
  color:#8A8172!important;
  font-size:12px!important;
  letter-spacing:0!important;
}
.payment-settings-hero .settings-preview-card strong{
  color:#111827!important;
  font-size:22px!important;
  line-height:1.2!important;
  word-break:break-word!important;
}
.payment-settings-hero .settings-preview-card em{
  color:#6B7280!important;
  font-size:12px!important;
  line-height:1.45!important;
}
@media(max-width:860px){
  .payment-settings-hero .settings-preview-card{
    min-width:0!important;
    width:100%!important;
  }
}
.payment-settings-form .full-span{
  grid-column:1 / -1!important;
}
.payment-settings-form input[readonly]{
  background:#F9FAFB!important;
  color:#6B7280!important;
}
.payment-provider-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
}
.payment-provider-card{
  display:grid!important;
  gap:14px!important;
  align-content:start!important;
  border:1px solid #E8DDC7!important;
  background:linear-gradient(180deg,#fff 0%,#FFFDF6 100%)!important;
}
.payment-provider-card.is-active{
  border-color:#EFD72B!important;
  box-shadow:0 14px 34px rgba(247,239,72,.18)!important;
}
.payment-provider-card h2{
  margin:0 0 6px!important;
}
.payment-provider-mark{
  justify-self:start!important;
  border-radius:999px!important;
  background:#111827!important;
  color:#F7EF48!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:0!important;
  padding:6px 10px!important;
}
.payment-provider-status,
.payment-provider-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:8px!important;
}
.payment-provider-actions form{
  margin:0!important;
}
.payment-provider-actions .btn{
  margin:0!important;
}
.payment-provider-actions button[disabled]{
  opacity:.55!important;
  cursor:not-allowed!important;
}
.payment-order-card .table-scroll{
  border-radius:16px!important;
}
.payment-order-cell{
  width:96px!important;
  min-width:96px!important;
}
.payment-order-input{
  width:78px!important;
  min-height:34px!important;
  height:34px!important;
  border-radius:10px!important;
  text-align:center!important;
  font-weight:900!important;
  padding:0 8px!important;
}
.payment-default-radio{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  min-height:30px!important;
  padding:4px 10px!important;
  border:1px solid #E8DDC7!important;
  border-radius:999px!important;
  background:#FFFDF4!important;
  color:#303030!important;
  font-size:12px!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
.payment-default-radio input{
  width:15px!important;
  height:15px!important;
  min-height:15px!important;
  accent-color:#F7EF48!important;
}
.payment-order-actions{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  flex-wrap:wrap!important;
  margin-top:14px!important;
}
.receipt-template-form .full-span,
.receipt-template-form .span-2{
  grid-column:1 / -1!important;
}
.receipt-template-preview-card{
  overflow:hidden!important;
}
.receipt-template-preview{
  width:min(100%, 360px)!important;
  background:#fff!important;
  border:1px solid #E8DDC7!important;
  border-radius:10px!important;
  box-shadow:0 14px 35px rgba(17,24,39,.08)!important;
  padding:14px!important;
  color:#111827!important;
  font-family:Arial, "Microsoft YaHei", sans-serif!important;
}
.receipt-template-preview.receipt-paper-58{max-width:240px!important;}
.receipt-template-preview.receipt-paper-80{max-width:320px!important;}
.receipt-template-preview h3{
  margin:0!important;
  text-align:center!important;
  font-size:16px!important;
  font-weight:950!important;
}
.receipt-template-preview p,
.receipt-template-preview footer{
  margin:5px 0 8px!important;
  text-align:center!important;
  color:#6B7280!important;
  font-size:11px!important;
  font-weight:800!important;
}
.receipt-template-preview table{
  min-width:0!important;
  width:100%!important;
  margin:8px 0!important;
  border-collapse:collapse!important;
}
.receipt-template-preview th,
.receipt-template-preview td{
  border-top:1px dashed #D8D3C5!important;
  padding:6px 2px!important;
  font-size:11px!important;
}
.receipt-preview-line,
.receipt-preview-total{
  font-size:11px!important;
  font-weight:800!important;
  color:#374151!important;
  line-height:1.55!important;
}
.receipt-preview-total{
  border-top:1px dashed #D8D3C5!important;
  padding-top:8px!important;
  text-align:right!important;
  font-size:14px!important;
  font-weight:950!important;
}
.receipt-ticket{
  max-width:80mm!important;
  margin:0 auto 14px!important;
  background:#fff!important;
  color:#111!important;
  font-family:Arial, "Microsoft YaHei", sans-serif!important;
  font-size:var(--receipt-font-size, 12px)!important;
  line-height:1.45!important;
}
.receipt-paper-58 .receipt-ticket{max-width:58mm!important;}
.receipt-paper-80 .receipt-ticket{max-width:80mm!important;}
.receipt-ticket-head{
  text-align:center!important;
  border-bottom:1px dashed #999!important;
  margin-bottom:8px!important;
  padding-bottom:8px!important;
}
.receipt-ticket-head h1{
  margin:0!important;
  font-size:1.28em!important;
  font-weight:950!important;
}
.receipt-ticket-head p{
  margin:3px 0 0!important;
  font-size:.9em!important;
}
.receipt-ticket table{
  min-width:0!important;
  width:100%!important;
  border-collapse:collapse!important;
  margin:8px 0!important;
}
.receipt-ticket th,
.receipt-ticket td{
  border-top:1px dashed #bbb!important;
  padding:5px 2px!important;
  font-size:1em!important;
}
.receipt-ticket .right{
  text-align:right!important;
}
.receipt-ticket small{
  color:#555!important;
}
.receipt-ticket .receipt-total{
  border-top:1px dashed #999!important;
  padding-top:7px!important;
}
.receipt-ticket .receipt-total p,
.receipt-ticket .receipt-total h2{
  margin:3px 0!important;
}
.receipt-ticket .receipt-total h2{
  text-align:right!important;
  font-size:1.25em!important;
}
.receipt-ticket footer,
.receipt-qr-text{
  margin-top:8px!important;
  border-top:1px dashed #aaa!important;
  padding-top:8px!important;
  text-align:center!important;
}
@media(max-width:1380px){
  .pos-workspace{grid-template-columns:minmax(0,1fr) minmax(390px,440px)!important;}
  .pos-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:1080px){
  .pos-terminal-head,
  .pos-workspace{grid-template-columns:1fr!important;}
  .pos-cart-panel{position:static!important;}
}
@media(max-width:760px){
  .payment-provider-grid{
    grid-template-columns:1fr!important;
  }
  .pos-scan-form,
  .pos-product-search,
  .pos-store-switch,
  .pos-product-grid,
  .pos-member-grid{grid-template-columns:1fr!important;}
  .pos-cart-line{grid-template-columns:1fr!important;}
  .pos-line-price,
  .pos-line-amount{text-align:left!important;}
  .pos-cash-buttons{grid-template-columns:repeat(3,1fr)!important;}
}
@media print{
  .sidebar,
  .topbar,
  .receipt .card-head button,
  .receipt > .btn{
    display:none!important;
  }
  .main-content,
  html.sidebar-collapsed .main-content{
    margin:0!important;
    width:100%!important;
    padding:0!important;
  }
  .receipt{
    max-width:80mm!important;
    margin:0 auto!important;
    border:0!important;
    box-shadow:none!important;
    padding:8px!important;
    font-size:12px!important;
  }
  .receipt.receipt-paper-58{max-width:58mm!important;}
  .receipt.receipt-paper-80{max-width:80mm!important;}
  .receipt-ticket{
    margin:0!important;
    max-width:100%!important;
  }
  .receipt table{
    min-width:0!important;
    width:100%!important;
  }
  .receipt th,
  .receipt td{
    padding:5px 3px!important;
    font-size:11px!important;
  }
}

/* More forgiving flyout corridor: the menu should stay open while the pointer travels from level 1 to level 2. */
.sidebar .nav-group{
  z-index:20!important;
}
.sidebar .nav-group:hover,
.sidebar .nav-group.is-submenu-open,
.sidebar .nav-group:focus-within{
  z-index:10000!important;
}
.sidebar .nav-group::after{
  top:-22px!important;
  width:52px!important;
  height:calc(100% + 44px)!important;
}
.sidebar .nav-group > .nav-children:before{
  left:-52px!important;
  width:52px!important;
  top:-18px!important;
  height:calc(100% + 36px)!important;
}
.sidebar .nav-group.is-submenu-open > .nav-children,
.sidebar .nav-group:focus-within > .nav-children{
  display:grid!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}

/* Sidebar flyout hitbox patch: keep a small bridge, but do not let hover areas spill into business forms. */
.sidebar .nav-group::after{
  top:-8px!important;
  width:18px!important;
  height:calc(100% + 16px)!important;
}
.sidebar .nav-group > .nav-children:before{
  left:-18px!important;
  width:18px!important;
  top:0!important;
  height:100%!important;
}
.sidebar .nav-group:not(:hover):not(.is-submenu-open):not(:focus-within) > .nav-children{
  pointer-events:none!important;
}
.sidebar .nav-group:hover:not(.is-submenu-open):not(:focus-within) > .nav-children{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
@media(max-width:1180px){
  .supplier-settlement-generator-card,
  .supplier-settlement-generate-grid{
    grid-template-columns:1fr!important;
  }
  .supplier-settlement-generator-form{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .supplier-settlement-generator-action{
    grid-column:1 / -1!important;
  }
}
@media(max-width:760px){
  .supplier-settlement-generator-form{
    grid-template-columns:1fr!important;
  }
  .supplier-settlement-generator-action .doc-btn{
    width:100%!important;
  }
}

/* Decision: product selection and reorder flow */
.product-selection-filter-card .card-head,
.product-selection-table-card .card-head,
.product-reorder-head .card-head,
.product-reorder-form-card .card-head{
  align-items:flex-start!important;
  gap:18px!important;
}
.product-selection-filter{
  grid-template-columns:repeat(4,minmax(180px,1fr))!important;
}
.product-selection-filter .search-box{
  grid-column:span 2!important;
}
.rate-input{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:8px!important;
}
.rate-input span{
  font-weight:900!important;
  color:#6B7280!important;
}
.product-selection-table th,
.product-selection-table td,
.product-reorder-analysis-table th,
.product-reorder-analysis-table td,
.product-reorder-line-table th,
.product-reorder-line-table td{
  vertical-align:top!important;
}
.product-selection-table .strong-cell,
.product-reorder-analysis-table .strong-cell,
.product-reorder-line-table .strong-cell{
  font-weight:900!important;
  color:#111827!important;
}
.position-cell{
  min-width:260px!important;
  white-space:normal!important;
}
.position-history summary{
  cursor:pointer!important;
  color:#5B8DEF!important;
  font-weight:900!important;
  list-style:none!important;
}
.position-history summary::-webkit-details-marker{
  display:none!important;
}
.position-history-list{
  display:grid!important;
  gap:8px!important;
  margin-top:10px!important;
  padding:10px!important;
  border:1px solid #ECE6D8!important;
  border-radius:8px!important;
  background:#FFFDF6!important;
}
.position-history-list p{
  margin:0!important;
  color:#374151!important;
  line-height:1.45!important;
}
.btn.compact{
  min-height:30px!important;
  padding:5px 12px!important;
  width:max-content!important;
}
.product-reorder-base-grid{
  grid-template-columns:repeat(4,minmax(180px,1fr))!important;
}
.product-reorder-base-grid .span-2{
  grid-column:span 2!important;
}
.product-reorder-line-table input{
  min-width:110px!important;
}
.product-reorder-footer{
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:18px!important;
  margin-top:18px!important;
}
.product-reorder-total{
  color:#374151!important;
  font-weight:900!important;
}
.product-reorder-total strong{
  font-size:20px!important;
  color:#111827!important;
}
.reports-menu-grid{
  grid-template-areas:
    "sales product inventory"
    "sales purchase chain" !important;
}
.reports-menu-sales{grid-area:sales!important;}
.reports-menu-product{grid-area:product!important;}
.reports-menu-inventory{grid-area:inventory!important;}
.reports-menu-purchase{grid-area:purchase!important;}
.reports-menu-chain{grid-area:chain!important;}
.reports-menu-links a{
  display:grid!important;
  align-items:center!important;
  gap:4px!important;
  min-height:58px!important;
  padding:10px 14px!important;
}
.reports-menu-links a strong{
  display:block!important;
  font-size:14px!important;
  line-height:1.25!important;
  color:#262B35!important;
}
.reports-menu-links a span{
  display:block!important;
  font-size:12px!important;
  line-height:1.45!important;
  color:#77736A!important;
  font-weight:700!important;
}
.reports-filter{
  align-items:end!important;
}
.reports-table th,
.reports-table td{
  white-space:nowrap!important;
}
.reports-metric-grid{
  margin-bottom:14px!important;
}
.sidebar .nav-group[data-module="reports"] > .nav-children.nav-mega{
  width:min(940px, calc(100vw - var(--sidebar-width) - 36px))!important;
  min-width:min(780px, calc(100vw - var(--sidebar-width) - 36px))!important;
  max-width:min(940px, calc(100vw - var(--sidebar-width) - 36px))!important;
  grid-template-columns:repeat(3,minmax(220px,1fr))!important;
}
.voucher-page{
  padding:16px!important;
}
.voucher-sheet{
  background:#fff!important;
  border:1px solid #E8DFCE!important;
  border-radius:10px!important;
  box-shadow:0 18px 48px rgba(20,20,20,.08)!important;
  padding:28px!important;
  max-width:1320px!important;
  margin:0 auto!important;
}
.voucher-title-row{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:20px!important;
  border-bottom:2px solid #262B35!important;
  padding-bottom:18px!important;
  margin-bottom:18px!important;
}
.voucher-title-row p{
  margin:0 0 6px!important;
  color:#7A7466!important;
  font-weight:900!important;
  letter-spacing:0!important;
}
.voucher-logo{
  display:block!important;
  width:168px!important;
  max-width:32vw!important;
  height:auto!important;
  max-height:46px!important;
  object-fit:contain!important;
  object-position:left center!important;
  margin:0 0 8px!important;
}
.voucher-logo-fallback{
  display:block!important;
  margin:0 0 8px!important;
  color:#111827!important;
  font-size:18px!important;
  font-weight:900!important;
  letter-spacing:0!important;
}
.voucher-slogan{
  margin-top:8px!important;
  color:#6B7280!important;
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:0!important;
}
.voucher-title-row h1{
  margin:0!important;
  color:#111827!important;
  font-size:30px!important;
  line-height:1.15!important;
}
.voucher-no{
  text-align:right!important;
}
.voucher-no span,
.voucher-meta-grid span,
.voucher-note-grid span{
  display:block!important;
  color:#7A7466!important;
  font-size:12px!important;
  font-weight:900!important;
  margin-bottom:4px!important;
}
.voucher-no strong{
  display:block!important;
  font-size:18px!important;
  color:#111827!important;
}
.voucher-meta-grid,
.voucher-note-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  margin-bottom:18px!important;
}
.voucher-meta-grid div,
.voucher-note-grid div{
  border:1px solid #EFE7D7!important;
  border-radius:8px!important;
  padding:10px 12px!important;
  background:#FFFDF8!important;
  min-width:0!important;
}
.voucher-meta-grid strong,
.voucher-note-grid strong{
  display:block!important;
  color:#1F2937!important;
  font-size:14px!important;
  line-height:1.45!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.voucher-note-grid .span-2{
  grid-column:span 2!important;
}
.voucher-rule-box{
  border:1px solid #EFE7D7!important;
  border-left:5px solid #FF8740!important;
  border-radius:8px!important;
  background:#FFFDF8!important;
  color:#374151!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1.5!important;
  padding:10px 12px!important;
  margin:0 0 14px!important;
}
.voucher-table-wrap{
  overflow:auto!important;
  border:1px solid #E5E7EB!important;
  border-radius:8px!important;
  margin-bottom:18px!important;
}
.voucher-table{
  width:100%!important;
  min-width:1280px!important;
  border-collapse:collapse!important;
}
.voucher-table-document{
  min-width:1120px!important;
}
.supplier-settlement-document-table{
  min-width:1460px!important;
}
.voucher-remark-cell{
  min-width:160px!important;
  max-width:220px!important;
  white-space:normal!important;
  word-break:break-word!important;
  overflow:hidden!important;
}
.voucher-product-name{
  min-width:190px!important;
}
.voucher-table th,
.voucher-table td{
  border-bottom:1px solid #E5E7EB!important;
  border-right:1px solid #EEF0F3!important;
  padding:9px 10px!important;
  white-space:nowrap!important;
  vertical-align:middle!important;
}
.voucher-table th{
  background:#FFF9D7!important;
  color:#111827!important;
  font-weight:900!important;
}
.voucher-table tfoot td{
  background:#FAF9F5!important;
  font-weight:900!important;
}
.voucher-sign-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:54px!important;
  width:min(760px,100%)!important;
  min-height:142px!important;
  margin:34px auto 58px!important;
  padding:18px 22px 72px!important;
  color:#111827!important;
  font-size:14px!important;
  font-weight:800!important;
  align-items:start!important;
  box-sizing:border-box!important;
}
.voucher-sign-item{
  text-align:center!important;
}
.voucher-sign-item span{
  display:block!important;
  margin-bottom:34px!important;
}
.voucher-sign-item b{
  display:block!important;
  height:1px!important;
  width:84%!important;
  margin:0 auto!important;
  background:#111827!important;
}
@media print{
  @page{
    size:A4 landscape;
    margin:8mm;
  }
  body.pf-voucher-printing{
    background:#fff!important;
  }
  html,
  body{
    width:297mm!important;
    min-height:210mm!important;
    background:#fff!important;
  }
  .sidebar,
  .topbar,
  .voucher-toolbar,
  .alert{
    display:none!important;
  }
  .main-content{
    margin:0!important;
    padding:0!important;
    width:100%!important;
  }
  .app-shell{
    display:block!important;
    min-height:0!important;
  }
  .voucher-page{
    position:static!important;
    width:281mm!important;
    min-height:194mm!important;
    padding:0!important;
    margin:0 auto!important;
    background:#fff!important;
  }
  .voucher-sheet{
    box-shadow:none!important;
    border:0!important;
    border-radius:0!important;
    padding:0!important;
    width:281mm!important;
    max-width:281mm!important;
    min-height:194mm!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
  .voucher-table-wrap{
    overflow:visible!important;
    border-radius:0!important;
  }
  .voucher-table,
  .voucher-table-document{
    width:100%!important;
    min-width:0!important;
    table-layout:fixed!important;
    font-size:10px!important;
  }
  .voucher-table th,
  .voucher-table td{
    padding:5px 6px!important;
    white-space:normal!important;
    word-break:break-word!important;
    line-height:1.32!important;
  }
  .supplier-settlement-document-table th,
  .supplier-settlement-document-table td{
    padding:3px 3px!important;
    font-size:7.5px!important;
    line-height:1.25!important;
  }
  .voucher-remark-cell{
    max-width:none!important;
  }
  .voucher-title-row{
    margin-bottom:10px!important;
    padding-bottom:10px!important;
  }
  .voucher-logo{
    width:145px!important;
    max-height:38px!important;
    margin-bottom:5px!important;
  }
  .voucher-title-row h1{
    font-size:24px!important;
  }
  .voucher-meta-grid,
  .voucher-note-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:6px!important;
    margin-bottom:10px!important;
  }
  .voucher-meta-grid div,
  .voucher-note-grid div{
    padding:7px 8px!important;
  }
  .voucher-meta-grid strong,
  .voucher-note-grid strong{
    font-size:11px!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  .voucher-sign-grid{
    font-size:12px!important;
    padding-top:4px!important;
  }
}
@media(max-width:1180px){
  .product-selection-filter,
  .product-reorder-base-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .reports-menu-grid{
    grid-template-columns:1fr 1fr!important;
    grid-template-areas:
      "sales product"
      "inventory purchase"
      "chain chain" !important;
  }
  .sidebar .nav-group[data-module="reports"] > .nav-children.nav-mega{
    width:min(640px, calc(100vw - var(--sidebar-width) - 32px))!important;
    min-width:min(560px, calc(100vw - var(--sidebar-width) - 32px))!important;
    grid-template-columns:1fr 1fr!important;
  }
  .voucher-meta-grid,
  .voucher-note-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:760px){
  .product-selection-filter,
  .product-reorder-base-grid{
    grid-template-columns:1fr!important;
  }
  .reports-menu-grid{
    grid-template-columns:1fr!important;
    grid-template-areas:none!important;
  }
  .reports-menu-sales,
  .reports-menu-product,
  .reports-menu-inventory,
  .reports-menu-purchase,
  .reports-menu-chain{
    grid-area:auto!important;
  }
  .product-selection-filter .search-box,
  .product-reorder-base-grid .span-2{
    grid-column:auto!important;
  }
  .product-reorder-footer{
    align-items:stretch!important;
    flex-direction:column!important;
  }
  .voucher-title-row{
    flex-direction:column!important;
  }
  .voucher-no{
    text-align:left!important;
  }
  .voucher-meta-grid,
  .voucher-note-grid{
    grid-template-columns:1fr!important;
  }
  .voucher-note-grid .span-2{
    grid-column:auto!important;
  }
}

/* Employee account permissions */
.employee-account-page .employee-form-grid{
  grid-template-columns:repeat(2,minmax(260px,1fr))!important;
  align-items:start!important;
}
.employee-account-page .purchase-edit-card{
  overflow:visible!important;
}
.employee-password-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:center!important;
}
.employee-password-row input{
  font-family:Calibri,Arial,sans-serif!important;
  font-weight:800!important;
}
.employee-password-row .doc-btn{
  min-height:42px!important;
  white-space:nowrap!important;
}
.employee-field-label{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-bottom:10px!important;
}
.employee-field-label strong{
  color:#202633!important;
  font-size:13px!important;
  font-weight:1000!important;
}
.employee-field-label span{
  color:#857E72!important;
  font-size:12px!important;
  font-weight:800!important;
}
.employee-cloud-field{
  display:block!important;
}
.employee-cloud-field.is-all-warehouse .employee-cloud-picker{
  background:linear-gradient(180deg,#FFFDF2 0%,#FFFFFF 100%)!important;
}
.employee-cloud-picker{
  border:1px solid #E9E1D1!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#FFFFFF 0%,#FFFDF6 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important;
  padding:12px!important;
}
.employee-cloud-selected{
  min-height:42px!important;
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:8px!important;
  padding:8px!important;
  border:1px dashed #E4D8BD!important;
  border-radius:13px!important;
  background:#FFF9E7!important;
}
.employee-cloud-field.is-all-warehouse .employee-cloud-selected{
  border-color:#F1DD4E!important;
  background:#FFFDEE!important;
}
.employee-cloud-field.is-all-warehouse .employee-cloud-tools,
.employee-cloud-field.is-all-warehouse .employee-cloud-options{
  opacity:.48!important;
  pointer-events:none!important;
}
.employee-cloud-none{
  color:#8A8173!important;
  font-weight:900!important;
  font-size:13px!important;
}
.employee-cloud-chip{
  border:1px solid #111!important;
  border-radius:999px!important;
  background:#111!important;
  color:#F8DF3F!important;
  min-height:30px!important;
  padding:0 9px 0 12px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  font-weight:900!important;
  cursor:pointer!important;
}
.employee-cloud-chip small{
  color:rgba(248,223,63,.72)!important;
  font-weight:800!important;
}
.employee-cloud-chip span{
  width:18px!important;
  height:18px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(255,255,255,.12)!important;
  color:#fff!important;
  font-size:14px!important;
  line-height:1!important;
}
.employee-cloud-tools{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;
  margin-top:10px!important;
}
.employee-cloud-tools input{
  height:38px!important;
  border-radius:12px!important;
  border:1px solid #DED4C2!important;
  background:#fff!important;
  padding:0 12px!important;
  font-weight:800!important;
  color:#202633!important;
}
.employee-cloud-tools button{
  height:38px!important;
  border:1px solid #E46238!important;
  border-radius:12px!important;
  background:#FFF1E9!important;
  color:#D84D27!important;
  padding:0 14px!important;
  font-weight:1000!important;
  cursor:pointer!important;
}
.employee-cloud-options{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  margin-top:10px!important;
  max-height:260px!important;
  overflow:auto!important;
  padding-right:4px!important;
}
.employee-cloud-option{
  position:relative!important;
  min-height:68px!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:center!important;
  border:1px solid #ECE4D5!important;
  border-radius:14px!important;
  background:#fff!important;
  padding:10px!important;
  cursor:pointer!important;
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease!important;
}
.employee-cloud-option:hover{
  border-color:#F0C541!important;
  background:#FFFDF3!important;
  box-shadow:0 10px 24px rgba(20,24,32,.07)!important;
  transform:translateY(-1px)!important;
}
.employee-cloud-option input{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
}
.employee-cloud-mark{
  width:34px!important;
  height:34px!important;
  border-radius:12px!important;
  background:#F4F1EA!important;
  color:#6A6358!important;
  display:grid!important;
  place-items:center!important;
  font-weight:1000!important;
}
.employee-cloud-main{
  min-width:0!important;
  display:grid!important;
  gap:3px!important;
}
.employee-cloud-main strong{
  color:#1F2530!important;
  font-size:14px!important;
  font-weight:1000!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.employee-cloud-main small{
  color:#8A8173!important;
  font-size:12px!important;
  font-weight:800!important;
}
.employee-cloud-option em{
  opacity:0!important;
  font-style:normal!important;
  border-radius:999px!important;
  padding:4px 8px!important;
  background:#111!important;
  color:#F8DF3F!important;
  font-size:12px!important;
  font-weight:1000!important;
}
.employee-cloud-option.is-selected{
  border-color:#111!important;
  background:#FFF7D6!important;
}
.employee-cloud-option.is-selected .employee-cloud-mark{
  background:#111!important;
  color:#F8DF3F!important;
}
.employee-cloud-option.is-selected em{
  opacity:1!important;
}
.employee-cloud-empty{
  grid-column:1 / -1!important;
  min-height:70px!important;
  display:grid!important;
  place-items:center!important;
  color:#8A8173!important;
  font-weight:900!important;
  border:1px dashed #E4D8BD!important;
  border-radius:14px!important;
  background:#FFFDF6!important;
}
.employee-permission-toggle{
  position:relative!important;
  min-height:74px!important;
  display:grid!important;
  grid-template-columns:56px minmax(0,1fr)!important;
  gap:14px!important;
  align-items:center!important;
  border:1px solid #E9E1D1!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#fff 0%,#FFFDF6 100%)!important;
  padding:14px 16px!important;
  cursor:pointer!important;
}
.employee-toggle-input{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
}
.employee-toggle-ui{
  width:52px!important;
  height:30px!important;
  border-radius:999px!important;
  border:1px solid #D7CDBD!important;
  background:#F2EEE6!important;
  display:flex!important;
  align-items:center!important;
  padding:3px!important;
  transition:background .16s ease,border-color .16s ease!important;
}
.employee-toggle-ui span{
  width:22px!important;
  height:22px!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:0 3px 10px rgba(20,24,32,.16)!important;
  transition:transform .16s ease!important;
}
.employee-toggle-copy{
  display:grid!important;
  gap:4px!important;
}
.employee-toggle-copy strong{
  color:#202633!important;
  font-size:15px!important;
  font-weight:1000!important;
}
.employee-toggle-copy small{
  color:#857E72!important;
  font-size:12px!important;
  font-weight:800!important;
}
.employee-toggle-input:checked + .employee-toggle-ui{
  background:#111!important;
  border-color:#111!important;
}
.employee-toggle-input:checked + .employee-toggle-ui span{
  transform:translateX(22px)!important;
  background:#F8DF3F!important;
}
@media(max-width:860px){
.employee-account-page .employee-form-grid,
  .employee-cloud-options,
  .employee-cloud-tools{
    grid-template-columns:1fr!important;
  }
}

/* Product archive taxonomy split */
.product-taxonomy-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(260px,1fr))!important;
  gap:14px!important;
  align-items:stretch!important;
}
.product-taxonomy-card{
  display:grid!important;
  gap:12px!important;
  padding:14px!important;
  border:1px solid #E9E1D1!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#FFFFFF 0%,#FFFDF7 100%)!important;
  box-shadow:0 10px 24px rgba(20,24,32,.045)!important;
}
.product-taxonomy-card label{
  margin:0!important;
}
.product-taxonomy-head{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding-bottom:10px!important;
  border-bottom:1px solid #F0E8DA!important;
}
.product-taxonomy-head strong{
  color:#202633!important;
  font-size:15px!important;
  font-weight:1000!important;
}
.product-taxonomy-head span{
  color:#8A8173!important;
  font-size:12px!important;
  font-weight:900!important;
}
.product-brand-card{
  border-left:4px solid #F7EF48!important;
}
.product-category-card{
  border-left:4px solid #FF8740!important;
}
@media(max-width:760px){
  .product-taxonomy-grid{
    grid-template-columns:1fr!important;
  }
}

/* Sidebar parent items with children are navigation toggles, not links. */
.sidebar .nav-parent{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  border:0!important;
  outline:0!important;
  font:inherit!important;
  text-align:left!important;
  background:transparent!important;
  color:#4D4D4D!important;
  cursor:pointer!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
.sidebar .nav-parent.has-children{
  position:relative!important;
}
.sidebar .nav-parent.active{
  background:#1D1D20!important;
  color:#F7EF48!important;
}
.sidebar .nav-group.is-submenu-open > .nav-parent:not(.active),
.sidebar .nav-parent:hover:not(.active){
  background:#FFF6CB!important;
  color:#202124!important;
}
.sidebar .nav-parent .nav-caret{
  margin-left:auto!important;
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  border-radius:999px!important;
  display:inline-grid!important;
  place-items:center!important;
  background:#F4F1FF!important;
  color:#7B63F0!important;
  font-size:15px!important;
  font-weight:1000!important;
  line-height:1!important;
  transition:transform .16s ease,background .16s ease,color .16s ease!important;
}
.sidebar .nav-parent:hover .nav-caret{
  background:rgba(17,17,17,.10)!important;
  color:#111!important;
}
.sidebar .nav-parent.active .nav-caret,
.sidebar .nav-group.is-submenu-open > .nav-parent .nav-caret{
  background:rgba(247,239,72,.16)!important;
  color:#F7EF48!important;
}
.sidebar .nav-group.is-submenu-open > .nav-parent .nav-caret,
.sidebar .nav-group:focus-within > .nav-parent .nav-caret{
  transform:rotate(90deg)!important;
}
html.sidebar-collapsed .sidebar .nav-parent .nav-caret{
  position:absolute!important;
  right:4px!important;
  top:4px!important;
  width:9px!important;
  height:9px!important;
  min-width:9px!important;
  background:#F8DF3F!important;
  color:transparent!important;
  font-size:0!important;
  box-shadow:0 0 0 2px rgba(17,17,17,.10)!important;
  transform:none!important;
}
html.sidebar-collapsed .sidebar .nav-parent.active .nav-caret{
  background:#111!important;
}

/* Marketing activity module */
.marketing-page{
  display:grid!important;
  gap:12px!important;
}
.marketing-page .purchase-order-toolbar{
  padding:10px 12px!important;
  border:1px solid #ECE4D5!important;
  background:linear-gradient(180deg,#fff 0%,#FFFDF7 100%)!important;
}
.marketing-layout{
  display:grid!important;
  grid-template-columns:280px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:start!important;
}
.marketing-side-list{
  padding:10px!important;
  display:grid!important;
  gap:8px!important;
  max-height:calc(100vh - 150px)!important;
  overflow:auto!important;
}
.marketing-side-list .purchase-section-title{
  padding:4px 4px 8px!important;
}
.marketing-template-link{
  min-height:72px!important;
  display:grid!important;
  align-content:center!important;
  gap:7px!important;
  padding:12px 13px!important;
  border:1px solid #EEE4CF!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#242A35!important;
  text-decoration:none!important;
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease!important;
}
.marketing-template-link:hover{
  border-color:#F0D23D!important;
  background:#FFFBE8!important;
  box-shadow:0 10px 26px rgba(20,24,32,.07)!important;
  transform:translateY(-1px)!important;
}
.marketing-template-link.active{
  border-color:#111!important;
  background:#FFF4B8!important;
  box-shadow:inset 4px 0 0 #111!important;
}
.marketing-template-link strong{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:14px!important;
  font-weight:1000!important;
}
.marketing-template-link span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#7B7468!important;
  font-size:12px!important;
  font-weight:800!important;
}
.marketing-editor-card{
  overflow:visible!important;
}
.marketing-editor-card .purchase-form-grid,
.marketing-page .purchase-edit-card .purchase-form-grid{
  grid-template-columns:repeat(4,minmax(160px,1fr))!important;
  padding:12px 16px 14px!important;
  gap:11px 14px!important;
}
.marketing-editor-card textarea,
.marketing-page textarea{
  height:auto!important;
  min-height:78px!important;
  resize:vertical!important;
  line-height:1.5!important;
}
.marketing-editor-card input[type=color]{
  padding:3px 6px!important;
}
.marketing-rule-box{
  margin:0 12px 12px!important;
  border:1px solid #EFE5D2!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#fff 0%,#FFFDF4 100%)!important;
  overflow:hidden!important;
}
.marketing-rule-box .purchase-section-title{
  padding:13px 16px 0!important;
}
.marketing-preview-wrap{
  padding:0 16px 16px!important;
  overflow:auto!important;
}
.marketing-coupon-preview{
  --coupon-accent:#F7EF48;
  position:relative!important;
  min-width:260px!important;
  max-width:100%!important;
  display:grid!important;
  grid-template-rows:auto 1fr auto auto!important;
  gap:10px!important;
  padding:18px!important;
  border:1px solid #1E2430!important;
  border-radius:18px!important;
  background:
    linear-gradient(90deg,var(--coupon-accent) 0 14px,transparent 14px),
    linear-gradient(135deg,#fff 0%,#FFFCEF 100%)!important;
  box-shadow:0 18px 42px rgba(18,24,34,.10)!important;
  color:#171B24!important;
}
.marketing-coupon-preview:before,
.marketing-coupon-preview:after{
  content:""!important;
  position:absolute!important;
  top:50%!important;
  width:18px!important;
  height:18px!important;
  border-radius:50%!important;
  background:#F8F7F3!important;
  border:1px solid #1E2430!important;
  transform:translateY(-50%)!important;
}
.marketing-coupon-preview:before{left:-10px!important;}
.marketing-coupon-preview:after{right:-10px!important;}
.coupon-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:14px!important;
  min-width:0!important;
}
.coupon-head span{
  color:#202633!important;
  font-size:20px!important;
  font-weight:1000!important;
  line-height:1.15!important;
  word-break:break-word!important;
}
.coupon-head strong{
  min-width:max-content!important;
  color:#111!important;
  font-size:28px!important;
  font-weight:1000!important;
  line-height:1!important;
  padding:7px 10px!important;
  border-radius:13px!important;
  background:var(--coupon-accent)!important;
}
.marketing-coupon-preview p{
  margin:0!important;
  color:#555E6E!important;
  font-size:13px!important;
  line-height:1.65!important;
  font-weight:800!important;
  white-space:pre-wrap!important;
}
.coupon-barcode{
  display:grid!important;
  gap:6px!important;
  justify-items:start!important;
}
.coupon-barcode div{
  min-height:48px!important;
  display:flex!important;
  align-items:flex-end!important;
  gap:2px!important;
  padding:7px 9px!important;
  border-radius:10px!important;
  background:#fff!important;
  border:1px solid #E5DDCE!important;
}
.coupon-barcode i{
  display:block!important;
  background:#111!important;
  border-radius:1px!important;
}
.coupon-barcode small,
.marketing-coupon-preview footer{
  color:#6E675C!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:0!important;
}
.marketing-page .purchase-table-wrap{
  overflow:auto!important;
}
.marketing-page .purchase-order-table{
  min-width:1420px!important;
}
.marketing-page .purchase-order-table th,
.marketing-page .purchase-order-table td{
  text-align:left!important;
  vertical-align:middle!important;
}
.marketing-page .purchase-order-table th.right,
.marketing-page .purchase-order-table td.right{
  text-align:right!important;
  font-variant-numeric:tabular-nums!important;
}
.marketing-page .success-text{color:#16834D!important;font-weight:1000!important;}
.marketing-page .danger-text{color:#D94A3A!important;font-weight:1000!important;}
.marketing-page .inline-form{
  display:inline!important;
  margin:0!important;
  padding:0!important;
}
.marketing-page .button-link{
  appearance:none!important;
  border:0!important;
  background:transparent!important;
  padding:0!important;
  height:auto!important;
  min-height:0!important;
  color:#4D86FF!important;
  font:inherit!important;
  font-weight:900!important;
  cursor:pointer!important;
  text-decoration:none!important;
}
.marketing-page .button-link:hover{
  color:#E46238!important;
  text-decoration:underline!important;
}
.success-text{color:#16834D!important;font-weight:1000!important;}
.danger-text{color:#D94A3A!important;font-weight:1000!important;}

/* POS cashier app shell */
.pos-kiosk-body{
  min-height:100vh!important;
  background:
    linear-gradient(90deg,#C58DEB 0 16%,#DE6338 16% 18%,#F7EF48 18% 63%,#C58DEB 63% 67%,#F19BC9 67% 82%,#DE6338 82% 100%) top/100% 8px no-repeat,
    linear-gradient(180deg,#FFFDF7 0%,#F7F6F1 100%)!important;
  color:#20242E!important;
}
.pos-app-shell{
  min-height:100vh!important;
  display:grid!important;
  grid-template-rows:auto 1fr!important;
}
.pos-app-topbar{
  height:72px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  padding:12px 28px!important;
  border-bottom:1px solid #ECE4D5!important;
  background:rgba(255,255,255,.92)!important;
  backdrop-filter:blur(16px)!important;
  position:sticky!important;
  top:0!important;
  z-index:100!important;
}
.pos-app-brand{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:13px!important;
  color:#1F2430!important;
  text-decoration:none!important;
}
.pos-app-brand img{
  width:132px!important;
  height:auto!important;
  max-height:36px!important;
  object-fit:contain!important;
}
.pos-app-brand div{
  display:grid!important;
  gap:2px!important;
  min-width:0!important;
}
.pos-app-brand strong{
  font-size:17px!important;
  font-weight:1000!important;
  line-height:1!important;
}
.pos-app-brand span{
  color:#777061!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:0!important;
}
.pos-app-context{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}
.pos-app-context span{
  min-height:34px!important;
  display:inline-flex!important;
  align-items:center!important;
  padding:0 12px!important;
  border-radius:999px!important;
  background:#FFF8CF!important;
  border:1px solid #EFE2A5!important;
  color:#2B2E36!important;
  font-size:12px!important;
  font-weight:900!important;
}
.pos-app-main{
  width:100%!important;
  max-width:1760px!important;
  margin:0 auto!important;
  padding:18px 22px 28px!important;
}
.pos-primary-btn,
.pos-danger-btn,
.pos-ghost-btn{
  min-height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  border-radius:12px!important;
  padding:10px 16px!important;
  border:1px solid #1F2430!important;
  text-decoration:none!important;
  font-weight:1000!important;
  cursor:pointer!important;
  line-height:1.1!important;
}
.pos-primary-btn{
  background:#F7EF48!important;
  color:#111!important;
  border-color:#F7EF48!important;
}
.pos-danger-btn{
  background:#E46238!important;
  color:#fff!important;
  border-color:#E46238!important;
}
.pos-ghost-btn{
  background:#fff!important;
  color:#20242E!important;
  border-color:#E7DECC!important;
}
.pos-primary-btn.full-span,
.pos-danger-btn.full-span{
  width:100%!important;
}
.pos-auth-card,
.pos-shift-card{
  width:min(980px,100%)!important;
  margin:34px auto!important;
  padding:26px!important;
  border:1px solid #E9DFCC!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 28px 70px rgba(23,26,34,.10)!important;
}
.pos-login-card{
  width:min(520px,100%)!important;
  margin-top:8vh!important;
}
.pos-auth-copy{
  margin-bottom:18px!important;
}
.pos-auth-copy span,
.pos-shift-head span{
  color:#E46238!important;
  font-size:12px!important;
  font-weight:1000!important;
  letter-spacing:.08em!important;
}
.pos-auth-copy h1,
.pos-shift-head h1{
  margin:7px 0 6px!important;
  color:#1F2430!important;
  font-size:30px!important;
  line-height:1.15!important;
  font-weight:1000!important;
}
.pos-auth-copy p,
.pos-shift-head p{
  margin:0!important;
  color:#6E7480!important;
  font-size:14px!important;
  line-height:1.7!important;
  font-weight:700!important;
}
.pos-auth-form{
  display:grid!important;
  gap:14px!important;
}
.pos-shift-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin-bottom:18px!important;
}
.pos-shift-form{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:13px!important;
}
.pos-shift-form .full-span{
  grid-column:1 / -1!important;
}
.pos-cash-total{
  min-height:74px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:16px 18px!important;
  border-radius:16px!important;
  border:1px solid #E8DCBE!important;
  background:linear-gradient(135deg,#FFF9C7 0%,#FFFFFF 100%)!important;
}
.pos-cash-total span,
.pos-cash-total em{
  color:#5D6470!important;
  font-style:normal!important;
  font-weight:900!important;
}
.pos-cash-total strong{
  color:#111!important;
  font-size:28px!important;
  font-weight:1000!important;
  font-variant-numeric:tabular-nums!important;
}
.pos-cash-total b{
  font-variant-numeric:tabular-nums!important;
}
.pos-shift-summary{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:10px!important;
  margin:14px 0!important;
}
.pos-shift-summary div{
  min-height:76px!important;
  display:grid!important;
  align-content:center!important;
  gap:7px!important;
  padding:13px!important;
  border:1px solid #ECE4D5!important;
  border-radius:14px!important;
  background:#FFFDF8!important;
}
.pos-shift-summary span{
  color:#747B87!important;
  font-size:12px!important;
  font-weight:900!important;
}
.pos-shift-summary strong{
  min-width:0!important;
  color:#20242E!important;
  font-size:16px!important;
  font-weight:1000!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-variant-numeric:tabular-nums!important;
}
.pos-payment-summary{
  margin:14px 0!important;
}
.pos-payment-summary h2{
  margin:0 0 10px!important;
  font-size:17px!important;
}
.pos-kiosk-body .pos-terminal{
  max-width:none!important;
}
.pos-kiosk-body .pos-terminal-head{
  top:72px!important;
}

/* POS cashier first-screen fit */
.pos-kiosk-body{
  overflow:hidden!important;
}
.pos-kiosk-body .pos-app-shell{
  height:100vh!important;
  min-height:100vh!important;
  overflow:hidden!important;
}
.pos-kiosk-body .pos-app-topbar{
  height:64px!important;
  padding:8px 24px!important;
}
.pos-kiosk-body .pos-app-brand img{
  width:118px!important;
  max-height:30px!important;
}
.pos-kiosk-body .pos-app-brand strong{
  font-size:15px!important;
}
.pos-kiosk-body .pos-app-brand span{
  font-size:10px!important;
}
.pos-kiosk-body .pos-app-context{
  gap:8px!important;
}
.pos-kiosk-body .pos-app-context span{
  min-height:30px!important;
  padding:0 10px!important;
  font-size:11px!important;
}
.pos-kiosk-body .pos-primary-btn,
.pos-kiosk-body .pos-danger-btn,
.pos-kiosk-body .pos-ghost-btn{
  min-height:36px!important;
  padding:8px 14px!important;
  border-radius:11px!important;
}
.pos-kiosk-body .pos-app-main{
  height:calc(100vh - 64px)!important;
  max-width:none!important;
  padding:10px 14px 12px!important;
  overflow:hidden!important;
}
.pos-kiosk-body .pos-terminal{
  height:100%!important;
  min-height:0!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  gap:8px!important;
}
.pos-kiosk-body .pos-terminal-head{
  position:static!important;
  grid-template-columns:minmax(0,1fr) auto auto auto!important;
  padding:10px 12px!important;
  border-radius:16px!important;
}
.pos-kiosk-body .pos-terminal-head strong{
  font-size:19px!important;
}
.pos-kiosk-body .pos-terminal-head em{
  margin-top:2px!important;
  font-size:11.5px!important;
}
.pos-kiosk-body .pos-store-switch select{
  min-width:168px!important;
  height:36px!important;
  min-height:36px!important;
}
.pos-kiosk-body .pos-lite-btn{
  min-height:36px!important;
  padding:0 12px!important;
  border-radius:12px!important;
}
.pos-kiosk-body .pos-workspace{
  height:100%!important;
  min-height:0!important;
  align-items:stretch!important;
  grid-template-columns:minmax(0,1fr) minmax(390px,430px)!important;
  gap:10px!important;
}
.pos-kiosk-body .pos-main-panel{
  min-height:0!important;
  display:grid!important;
  grid-template-rows:auto auto auto minmax(0,1fr)!important;
  padding:10px!important;
  overflow:hidden!important;
  border-radius:17px!important;
}
.pos-kiosk-body .pos-scan-form{
  grid-template-columns:minmax(0,1fr) 110px!important;
  gap:8px!important;
}
.pos-kiosk-body .pos-scan-form input{
  height:54px!important;
  min-height:54px!important;
  border-radius:15px!important;
  font-size:20px!important;
}
.pos-kiosk-body .pos-shortcuts{
  margin:8px 0 9px!important;
  gap:6px!important;
}
.pos-kiosk-body .pos-shortcuts span{
  min-height:22px!important;
  padding:0 8px!important;
  font-size:11px!important;
}
.pos-kiosk-body .pos-product-search{
  margin-bottom:9px!important;
}
.pos-kiosk-body .pos-product-search input{
  height:40px!important;
  min-height:40px!important;
}
.pos-kiosk-body .pos-product-grid{
  min-height:0!important;
  overflow:auto!important;
  align-content:start!important;
  padding-right:4px!important;
}
.pos-kiosk-body .pos-product-card{
  min-height:118px!important;
  grid-template-columns:70px minmax(0,1fr)!important;
  gap:9px!important;
  padding:9px!important;
}
.pos-kiosk-body .pos-product-image{
  width:70px!important;
  height:70px!important;
}
.pos-kiosk-body .pos-product-info strong{
  font-size:12.5px!important;
}
.pos-kiosk-body .pos-product-card button{
  height:32px!important;
}
.pos-kiosk-body .pos-cart-panel{
  position:static!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  display:grid!important;
  grid-template-rows:auto minmax(58px,1fr) auto auto!important;
  gap:8px!important;
  padding:10px!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  scrollbar-gutter:stable!important;
  border-radius:17px!important;
}
.pos-kiosk-body .pos-cart-head{
  gap:8px!important;
}
.pos-kiosk-body .pos-cart-head strong{
  font-size:19px!important;
}
.pos-kiosk-body .pos-cart-actions{
  gap:6px!important;
}
.pos-kiosk-body .pos-cart-lines{
  min-height:0!important;
  max-height:none!important;
  overflow:auto!important;
  gap:6px!important;
}
.pos-kiosk-body .pos-cart-line{
  grid-template-columns:minmax(0,1fr) 58px 102px 62px 38px!important;
  gap:6px!important;
  padding:8px!important;
  border-radius:12px!important;
}
.pos-kiosk-body .pos-line-name strong{
  font-size:12px!important;
}
.pos-kiosk-body .pos-line-name span{
  margin-top:2px!important;
  font-size:10.5px!important;
}
.pos-kiosk-body .pos-line-price,
.pos-kiosk-body .pos-line-amount{
  font-size:12px!important;
}
.pos-kiosk-body .pos-line-qty{
  grid-template-columns:26px 1fr 26px!important;
}
.pos-kiosk-body .pos-line-qty button,
.pos-kiosk-body .pos-line-remove button,
.pos-kiosk-body .pos-qty-form input{
  height:28px!important;
  min-height:28px!important;
  border-radius:8px!important;
}
.pos-kiosk-body .pos-line-remove button{
  width:38px!important;
}
.pos-kiosk-body .pos-pay-panel{
  gap:6px!important;
  padding:10px!important;
  border-radius:14px!important;
}
.pos-kiosk-body .pos-pay-panel label{
  display:grid!important;
  gap:4px!important;
  font-size:11px!important;
  line-height:1.15!important;
}
.pos-kiosk-body .pos-pay-panel input,
.pos-kiosk-body .pos-pay-panel select{
  height:34px!important;
  min-height:34px!important;
  border-radius:10px!important;
}
.pos-kiosk-body .pos-total-row strong{
  font-size:18px!important;
}
.pos-kiosk-body .pos-total-row.payable strong{
  font-size:27px!important;
}
.pos-kiosk-body .pos-cash-buttons{
  gap:5px!important;
}
.pos-kiosk-body .pos-cash-buttons button{
  height:30px!important;
  border-radius:9px!important;
}
.pos-kiosk-body .pos-payment-scan-panel{
  gap:5px!important;
  padding:8px!important;
  border-radius:12px!important;
}
.pos-kiosk-body .pos-payment-scan-panel input{
  height:34px!important;
  min-height:34px!important;
  font-size:13px!important;
}
.pos-kiosk-body .pos-payment-scan-panel div{
  display:none!important;
}
.pos-extra-fields{
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:12px!important;
  padding:0!important;
}
.pos-extra-fields summary{
  min-height:30px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding:0 10px!important;
  color:#E5E7EB!important;
  font-size:11px!important;
  font-weight:900!important;
  cursor:pointer!important;
}
.pos-extra-fields[open]{
  padding:0 10px 10px!important;
}
.pos-extra-fields[open] summary{
  padding:0!important;
}
.pos-kiosk-body .pos-member-grid{
  gap:6px!important;
}
.pos-kiosk-body .pos-checkout-btn{
  height:46px!important;
  min-height:46px!important;
  margin-top:0!important;
  border-radius:13px!important;
}
.pos-side-drawer{
  min-height:34px!important;
  border:1px solid #ECE7DA!important;
  border-radius:12px!important;
  background:#fff!important;
  overflow:hidden!important;
}
.pos-side-drawer summary{
  min-height:34px!important;
  display:flex!important;
  align-items:center!important;
  padding:0 10px!important;
  color:#1F2937!important;
  font-size:12px!important;
  font-weight:950!important;
  cursor:pointer!important;
}
.pos-side-drawer .pos-side-list{
  border:0!important;
  border-top:1px solid #ECE7DA!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.pos-side-drawer:not([open]) .pos-side-list{
  display:none!important;
}

/* POS shift pages: cashier close/open forms need natural page scrolling. */
.pos-kiosk-body.pos-shift-page{
  overflow:auto!important;
}
.pos-kiosk-body.pos-shift-page .pos-app-shell{
  min-height:100vh!important;
  height:auto!important;
  overflow:visible!important;
}
.pos-kiosk-body.pos-shift-page .pos-app-main{
  height:auto!important;
  max-width:1280px!important;
  padding:14px 18px 28px!important;
  overflow:visible!important;
}
.pos-kiosk-body.pos-shift-page .pos-shift-card{
  width:min(1180px,100%)!important;
  margin:14px auto 26px!important;
  padding:18px!important;
  border-radius:18px!important;
}
.pos-kiosk-body.pos-shift-page .pos-shift-head{
  margin-bottom:12px!important;
  align-items:center!important;
}
.pos-kiosk-body.pos-shift-page .pos-shift-head h1{
  margin:4px 0!important;
  font-size:23px!important;
}
.pos-kiosk-body.pos-shift-page .pos-shift-head p{
  font-size:13px!important;
  line-height:1.5!important;
}
.pos-kiosk-body.pos-shift-page .pos-shift-summary{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:8px!important;
  margin:10px 0!important;
}
.pos-kiosk-body.pos-shift-page .pos-shift-summary div{
  min-height:62px!important;
  gap:5px!important;
  padding:10px!important;
  border-radius:13px!important;
}
.pos-kiosk-body.pos-shift-page .pos-shift-summary span{
  font-size:11px!important;
}
.pos-kiosk-body.pos-shift-page .pos-shift-summary strong{
  font-size:14px!important;
}
.pos-kiosk-body.pos-shift-page .pos-payment-summary{
  margin:10px 0!important;
}
.pos-kiosk-body.pos-shift-page .pos-payment-summary h2{
  margin:0 0 8px!important;
  font-size:15px!important;
}
.pos-kiosk-body.pos-shift-page .pos-payment-summary .table-scroll{
  max-height:180px!important;
  overflow:auto!important;
}
.pos-kiosk-body.pos-shift-page .pos-payment-summary th,
.pos-kiosk-body.pos-shift-page .pos-payment-summary td{
  height:34px!important;
  padding:7px 10px!important;
}
.pos-kiosk-body.pos-shift-page .pos-shift-form{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:10px!important;
}
.pos-kiosk-body.pos-shift-page .pos-shift-form label{
  font-size:12px!important;
}
.pos-kiosk-body.pos-shift-page .pos-shift-form input,
.pos-kiosk-body.pos-shift-page .pos-shift-form select{
  height:38px!important;
  min-height:38px!important;
  border-radius:11px!important;
}
.pos-kiosk-body.pos-shift-page .pos-cash-total{
  min-height:58px!important;
  padding:12px 14px!important;
  border-radius:14px!important;
}
.pos-kiosk-body.pos-shift-page .pos-cash-total strong{
  font-size:24px!important;
}
.pos-kiosk-body.pos-shift-page .pos-primary-btn.full-span,
.pos-kiosk-body.pos-shift-page .pos-danger-btn.full-span{
  min-height:48px!important;
}
@media(max-width:1120px){
  .pos-shift-form{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .pos-shift-summary{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .pos-kiosk-body.pos-shift-page .pos-shift-form{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .pos-kiosk-body.pos-shift-page .pos-shift-summary{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media(max-width:1080px){
  .pos-kiosk-body{overflow:auto!important;}
  .pos-kiosk-body .pos-app-shell{height:auto!important;overflow:visible!important;}
  .pos-kiosk-body .pos-app-main{height:auto!important;overflow:visible!important;}
  .pos-kiosk-body .pos-terminal{height:auto!important;min-height:0!important;}
  .pos-kiosk-body .pos-workspace{grid-template-columns:1fr!important;height:auto!important;}
  .pos-kiosk-body .pos-cart-panel{height:auto!important;overflow:visible!important;}
}
@media(max-width:720px){
  .pos-app-topbar{height:auto!important;align-items:flex-start!important;display:grid!important;padding:12px 14px!important;}
  .pos-app-context{justify-content:flex-start!important;}
  .pos-app-main{padding:14px!important;}
  .pos-shift-form,
  .pos-shift-summary{grid-template-columns:1fr!important;}
  .pos-shift-head{display:grid!important;}
  .pos-cash-total{display:grid!important;}
}
@media(max-width:1180px){
  .marketing-layout{
    grid-template-columns:1fr!important;
  }
  .marketing-side-list{
    max-height:none!important;
  }
  .marketing-editor-card .purchase-form-grid,
  .marketing-page .purchase-edit-card .purchase-form-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:760px){
  .marketing-editor-card .purchase-form-grid,
  .marketing-page .purchase-edit-card .purchase-form-grid{
    grid-template-columns:1fr!important;
  }
  .coupon-head{
    display:grid!important;
  }
  .coupon-head strong{
    width:max-content!important;
  }
}

/* System initialization and backup */
.system-init-hero .settings-preview-card strong{
  font-size:34px;
  line-height:1;
}
.system-init-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin-bottom:16px;
}
.system-init-card{
  display:flex;
  flex-direction:column;
  gap:14px;
  margin-bottom:0;
}
.system-init-card .card-head,
.system-init-danger-zone .card-head{
  margin-bottom:0;
}
.system-init-card p,
.system-init-danger-zone p{
  margin:0;
  line-height:1.8;
}
.system-init-file{
  display:grid;
  gap:5px;
  padding:14px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#fffdf2;
}
.system-init-file span{
  color:#89836a;
  font-size:12px;
  font-weight:800;
}
.system-init-file strong{
  color:#1f2937;
  font-size:13px;
  word-break:break-all;
}
.system-init-actions{
  margin-top:auto;
  display:flex;
  justify-content:flex-end;
}
.system-init-form{
  gap:12px;
}
.system-init-card .badge.danger,
.system-init-danger-zone .badge.danger{
  background:#fff1f0;
  color:#c73535;
  border:1px solid #ffd0cc;
}
.system-init-danger-zone{
  border-color:#ffd6d1;
  background:linear-gradient(180deg,#fff 0%,#fff8f7 100%);
}
.system-init-danger-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,360px);
  gap:18px;
  align-items:start;
}
.system-init-chip-list{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:14px;
}
.system-init-chip-list span{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:4px 9px;
  border-radius:999px;
  background:#fff;
  border:1px solid #f0d7d4;
  color:#7f3b34;
  font-size:12px;
  font-weight:800;
}
@media(max-width:980px){
  .system-init-grid,
  .system-init-danger-layout{
    grid-template-columns:1fr;
  }
  .system-init-actions{
    justify-content:stretch;
  }
  .system-init-actions .btn{
    width:100%;
  }
}

/* Global form validation guard */
.pf-validation-summary{
  display:grid;
  gap:4px;
  margin:10px 0 12px;
  padding:11px 13px;
  border:1px solid #ffc9c2;
  border-radius:13px;
  background:#fff5f3;
  color:#b42318;
  box-shadow:0 10px 24px rgba(180,35,24,.08);
}
.pf-validation-summary strong{
  font-size:13px;
  line-height:1.25;
  font-weight:900;
}
.pf-validation-summary span{
  font-size:12px;
  line-height:1.55;
  font-weight:800;
}
input.pf-field-error,
select.pf-field-error,
textarea.pf-field-error{
  border-color:#e5483f!important;
  background:#fffafa!important;
  box-shadow:0 0 0 3px rgba(229,72,63,.14)!important;
}
.pf-field-required-missing{
  color:#b42318!important;
}
.pf-field-required-missing input,
.pf-field-required-missing select,
.pf-field-required-missing textarea{
  border-color:#e5483f!important;
}
.pf-line-required-missing{
  outline:2px solid rgba(229,72,63,.5)!important;
  outline-offset:2px!important;
  border-radius:12px!important;
  background:#fffafa!important;
}

/* Operation board refinements */
.settings-hero .settings-preview-card{
  min-width:280px!important;
  background:linear-gradient(135deg,#FFFDF2 0%,#FFFFFF 74%)!important;
  color:#242424!important;
  border:1px solid #E8DDC7!important;
  border-left:5px solid #F7EF48!important;
  border-radius:16px!important;
  box-shadow:0 12px 28px rgba(17,17,17,.055)!important;
  padding:18px 20px!important;
}
.settings-hero .settings-preview-card span{
  color:#8A8172!important;
  font-size:12px!important;
  letter-spacing:0!important;
}
.settings-hero .settings-preview-card strong{
  color:#111827!important;
  font-size:22px!important;
  line-height:1.2!important;
  word-break:break-word!important;
}
.settings-hero .settings-preview-card em{
  color:#6B7280!important;
  font-size:12px!important;
  line-height:1.45!important;
}
.system-init-hero .settings-preview-card strong{
  font-size:34px!important;
}
.dashboard-kpi-row{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
}
.dashboard-traffic-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:10px!important;
}
.dashboard-traffic-grid div{
  border:1px solid #ECE5D5!important;
  border-radius:14px!important;
  background:#FFFDF6!important;
  padding:14px!important;
  display:grid!important;
  gap:8px!important;
}
.dashboard-traffic-grid span{
  color:#7A7468!important;
  font-size:12px!important;
  font-weight:900!important;
}
.dashboard-traffic-grid strong{
  color:#111827!important;
  font-size:22px!important;
  line-height:1!important;
  font-variant-numeric:tabular-nums!important;
}
.dashboard-card-note{
  margin-top:12px!important;
  line-height:1.7!important;
}
.dashboard-filter-card{
  padding:20px 22px!important;
}
.dashboard-filter-form{
  grid-template-columns:repeat(3,minmax(220px,1fr)) minmax(360px,max-content)!important;
  gap:16px 18px!important;
  align-items:end!important;
}
.dashboard-filter-form label{
  min-width:0!important;
}
.dashboard-filter-actions{
  align-self:end!important;
  justify-self:end!important;
  min-width:360px!important;
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:nowrap!important;
}
.dashboard-filter-actions .btn,
.dashboard-filter-actions button{
  min-width:76px!important;
  white-space:nowrap!important;
}
.dashboard-action-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
}
.dashboard-action-card{
  display:grid!important;
  gap:8px!important;
  min-height:132px!important;
  padding:18px!important;
  border:1px solid #E8DDC7!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#fff 0%,#FFFDF6 100%)!important;
  box-shadow:0 10px 24px rgba(17,17,17,.045)!important;
  color:#111827!important;
  text-decoration:none!important;
}
.dashboard-action-card:hover{
  border-color:#EFD72B!important;
  box-shadow:0 14px 34px rgba(247,239,72,.18)!important;
  transform:translateY(-1px)!important;
}
.dashboard-action-card span{
  color:#E17B3C!important;
  font-size:12px!important;
  font-weight:950!important;
  letter-spacing:.04em!important;
}
.dashboard-action-card strong{
  color:#111827!important;
  font-size:18px!important;
  line-height:1.25!important;
}
.dashboard-action-card em{
  color:#6B7280!important;
  font-size:12px!important;
  font-style:normal!important;
  line-height:1.55!important;
}
.store-compare-form{
  display:grid!important;
  gap:14px!important;
}
.store-compare-date-row{
  margin-bottom:0!important;
}
.store-compare-summary{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  padding:12px 14px!important;
  border:1px solid #EFE5CB!important;
  border-radius:14px!important;
  background:#FFFDF4!important;
}
.store-compare-summary span{
  color:#111827!important;
  font-weight:950!important;
}
.store-compare-summary em{
  color:#6B7280!important;
  font-style:normal!important;
  font-size:12px!important;
}
.store-compare-picker{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
}
.store-compare-option{
  position:relative!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  grid-template-areas:"check code" "check name"!important;
  gap:4px 10px!important;
  min-height:82px!important;
  padding:14px!important;
  border:1px solid #E8DDC7!important;
  border-radius:16px!important;
  background:#fff!important;
  cursor:pointer!important;
  box-shadow:0 8px 18px rgba(17,17,17,.035)!important;
  transition:border .15s ease,box-shadow .15s ease,background .15s ease,transform .15s ease!important;
}
.store-compare-option:hover{
  border-color:#EFD72B!important;
  transform:translateY(-1px)!important;
}
.store-compare-option.is-selected{
  border-color:#EFD72B!important;
  background:linear-gradient(135deg,#FFFBE0 0%,#FFFFFF 100%)!important;
  box-shadow:0 12px 28px rgba(247,239,72,.16)!important;
}
.store-compare-option input{
  grid-area:check!important;
  align-self:center!important;
  width:18px!important;
  min-height:18px!important;
  accent-color:#F7EF48!important;
}
.store-compare-option span{
  grid-area:code!important;
  color:#9A7D22!important;
  font-size:11px!important;
  font-weight:950!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.store-compare-option strong{
  grid-area:name!important;
  color:#111827!important;
  font-size:15px!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
@media(max-width:1320px){
  .dashboard-kpi-row,
  .dashboard-traffic-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .dashboard-action-grid,
  .store-compare-picker{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:760px){
  .settings-hero .settings-preview-card{
    min-width:0!important;
    width:100%!important;
  }
  .dashboard-kpi-row,
  .dashboard-traffic-grid,
  .dashboard-action-grid,
  .store-compare-picker{
    grid-template-columns:1fr!important;
  }
}

/* Compact, consistent selection controls */
input[type="checkbox"]{
  width:18px!important;
  min-width:18px!important;
  height:18px!important;
  min-height:18px!important;
  padding:0!important;
  margin:0!important;
  accent-color:#F7EF48!important;
  flex:0 0 auto!important;
  box-shadow:none!important;
}
table input[type="checkbox"],
.decision-table input[type="checkbox"],
.purchase-order-table input[type="checkbox"],
.chain-doc-order-table input[type="checkbox"]{
  width:16px!important;
  min-width:16px!important;
  height:16px!important;
  min-height:16px!important;
  vertical-align:middle!important;
}
th:has(> input[type="checkbox"]),
td:has(> input[type="checkbox"]),
.select-col{
  text-align:center!important;
  width:52px!important;
  min-width:52px!important;
}

/* Store comparison selector for large store counts */
.store-compare-topline{
  display:grid!important;
  grid-template-columns:minmax(180px,.28fr) minmax(180px,.28fr) minmax(280px,1fr)!important;
  gap:14px!important;
  align-items:end!important;
}
.store-compare-workspace{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(300px,360px)!important;
  gap:16px!important;
  align-items:start!important;
}
.store-compare-pool,
.store-compare-selected-panel{
  border:1px solid #E8DDC7!important;
  border-radius:16px!important;
  background:#FFFDF8!important;
  padding:14px!important;
}
.store-compare-pane-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-bottom:12px!important;
}
.store-compare-pane-head h3,
.store-compare-selected-panel h3{
  margin:0!important;
  color:#111827!important;
  font-size:16px!important;
  line-height:1.2!important;
  font-weight:950!important;
}
.store-compare-pane-head span{
  display:block!important;
  color:#6B7280!important;
  font-size:12px!important;
  font-weight:800!important;
  margin-top:4px!important;
}
.store-compare-pane-head em{
  color:#E17B3C!important;
  font-style:normal!important;
}
.store-compare-mini-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  justify-content:flex-end!important;
}
.store-compare-picker{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  max-height:430px!important;
  overflow:auto!important;
  padding-right:4px!important;
}
.store-compare-option{
  position:relative!important;
  display:grid!important;
  grid-template-columns:28px minmax(82px,.24fr) minmax(0,1fr)!important;
  grid-template-areas:"check code name"!important;
  gap:10px!important;
  align-items:center!important;
  min-height:50px!important;
  padding:10px 12px!important;
  border:1px solid #E8DDC7!important;
  border-radius:13px!important;
  background:#fff!important;
  cursor:pointer!important;
  box-shadow:none!important;
  transition:border .15s ease,background .15s ease,transform .15s ease!important;
}
.store-compare-option:hover{
  border-color:#EFD72B!important;
  transform:none!important;
}
.store-compare-option.is-selected{
  border-color:#EFD72B!important;
  background:#FFFBE0!important;
  box-shadow:none!important;
}
.store-compare-option input{
  grid-area:check!important;
  align-self:center!important;
  justify-self:center!important;
}
.store-compare-option span{
  grid-area:code!important;
  color:#9A7D22!important;
  font-size:12px!important;
  font-weight:950!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.store-compare-option strong{
  grid-area:name!important;
  color:#111827!important;
  font-size:14px!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.store-compare-selected-panel{
  position:sticky!important;
  top:92px!important;
  display:grid!important;
  gap:12px!important;
  align-content:start!important;
  background:linear-gradient(135deg,#FFFDF2 0%,#FFFFFF 74%)!important;
  border-left:5px solid #F7EF48!important;
}
.store-compare-selected-panel > span{
  color:#8A8172!important;
  font-size:12px!important;
  font-weight:900!important;
}
.store-compare-selected-panel > strong{
  color:#111827!important;
  font-size:28px!important;
  line-height:1!important;
  font-weight:950!important;
}
.store-compare-selected-panel > strong em{
  font-style:normal!important;
}
.store-compare-selected-list{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  max-height:180px!important;
  overflow:auto!important;
  padding:2px!important;
}
.store-compare-selected-list p{
  margin:0!important;
  color:#6B7280!important;
  font-size:12px!important;
  line-height:1.7!important;
}
.store-compare-selected-list button{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  border:1px solid #E8DDC7!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#111827!important;
  padding:6px 9px!important;
  font-size:12px!important;
  font-weight:900!important;
  cursor:pointer!important;
}
.store-compare-selected-list b{
  color:#E17B3C!important;
  font-size:14px!important;
  line-height:1!important;
}
.store-compare-panel-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
}
.store-compare-panel-actions .btn.primary{
  grid-column:1 / -1!important;
}
@media(max-width:1100px){
  .store-compare-topline,
  .store-compare-workspace{
    grid-template-columns:1fr!important;
  }
  .store-compare-selected-panel{
    position:static!important;
  }
}

/* Final launch polish: regular submenu matrix and clipped-label fix. */
body .sidebar .nav-group > .nav-children{
  border:1px solid #EEE6D8!important;
  background:rgba(255,255,255,.98)!important;
  box-shadow:0 28px 70px rgba(28,27,22,.16)!important;
}
body .sidebar .nav-children:not(.nav-mega){
  width:246px!important;
  min-width:246px!important;
  padding:12px!important;
  display:grid!important;
  gap:8px!important;
}
body .sidebar .nav-children:not(.nav-mega) a{
  height:38px!important;
  min-height:38px!important;
  border-radius:12px!important;
  padding:0 14px!important;
  background:#FFFDF7!important;
  border:1px solid transparent!important;
  font-size:13px!important;
}
body .sidebar .nav-children:not(.nav-mega) a:hover,
body .sidebar .nav-children:not(.nav-mega) a.active{
  background:#FFF3B8!important;
  border-color:#F1DF72!important;
}
body .sidebar .nav-children.nav-mega{
  --pf-mega-cols:3;
  width:840px!important;
  min-width:0!important;
  max-width:calc(100vw - var(--sidebar-width) - 34px)!important;
  grid-template-columns:repeat(var(--pf-mega-cols), minmax(0,1fr))!important;
  grid-auto-flow:row!important;
  gap:14px!important;
  padding:18px!important;
  align-items:start!important;
  align-content:start!important;
  border-radius:22px!important;
}
body .sidebar .nav-children.nav-mega.nav-mega-sections-1{
  --pf-mega-cols:1;
  width:292px!important;
}
body .sidebar .nav-children.nav-mega.nav-mega-sections-2{
  --pf-mega-cols:2;
  width:584px!important;
}
body .sidebar .nav-children.nav-mega.nav-mega-sections-3{
  --pf-mega-cols:3;
  width:840px!important;
}
body .sidebar .nav-children.nav-mega.nav-mega-sections-4{
  --pf-mega-cols:2;
  width:584px!important;
}
body .sidebar .nav-children.nav-mega.nav-mega-sections-5,
body .sidebar .nav-children.nav-mega.nav-mega-sections-6{
  --pf-mega-cols:3;
  width:840px!important;
}
body .sidebar .nav-mega-section{
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  padding:15px!important;
  display:grid!important;
  gap:9px!important;
  align-content:start!important;
  border:1px solid #EDE6D8!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#FFFDF8 0%,#FFFDF9 100%)!important;
  box-shadow:0 12px 30px rgba(36,32,23,.055)!important;
}
body .sidebar .nav-mega-section .nav-child-section{
  min-height:24px!important;
  margin:0 0 3px!important;
  padding-left:15px!important;
  border-left:0!important;
  display:flex!important;
  align-items:center!important;
  font-size:16px!important;
  line-height:1.25!important;
  font-weight:1000!important;
  color:#2E3444!important;
  letter-spacing:0!important;
  position:relative!important;
}
body .sidebar .nav-mega-section .nav-child-section:before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:2px!important;
  width:5px!important;
  height:22px!important;
  border-radius:999px!important;
  background:#3F4657!important;
}
body .sidebar .nav-mega-section a{
  height:42px!important;
  min-height:42px!important;
  margin:0!important;
  padding:0 14px!important;
  border-radius:13px!important;
  display:flex!important;
  align-items:center!important;
  background:#FFFFFF!important;
  border:1px solid rgba(238,230,216,.52)!important;
  color:#3B3D42!important;
  font-size:14px!important;
  font-weight:900!important;
  letter-spacing:0!important;
  box-shadow:none!important;
}
body .sidebar .nav-mega-section a + a{
  margin-top:0!important;
}
body .sidebar .nav-mega-section a:hover,
body .sidebar .nav-mega-section a.active{
  background:#FFF4BF!important;
  border-color:#F2DF69!important;
  color:#111317!important;
}
body .sidebar .nav-parent .nav-caret{
  font-size:0!important;
  position:relative!important;
}
body .sidebar .nav-parent .nav-caret:before{
  content:""!important;
  width:6px!important;
  height:6px!important;
  border-right:2px solid currentColor!important;
  border-bottom:2px solid currentColor!important;
  transform:rotate(-45deg)!important;
  display:block!important;
}
body .sidebar .nav-group.is-submenu-open > .nav-parent .nav-caret:before,
body .sidebar .nav-group:focus-within > .nav-parent .nav-caret:before{
  transform:rotate(45deg)!important;
}
body .purchase-list-card > .purchase-filter-form{
  padding:16px 18px!important;
  grid-template-columns:minmax(260px,1.15fr) minmax(190px,.75fr) auto!important;
  align-items:end!important;
  gap:12px 16px!important;
  overflow:visible!important;
}
body .purchase-list-card > .purchase-filter-form label{
  margin:0!important;
  padding:0!important;
  line-height:1.35!important;
  align-self:end!important;
  overflow:visible!important;
}
body .purchase-list-card > .purchase-filter-form input,
body .purchase-list-card > .purchase-filter-form select{
  margin-top:5px!important;
}
body .purchase-list-card > .purchase-filter-form .purchase-filter-actions{
  align-self:end!important;
  margin:0!important;
  padding:0!important;
}
body .purchase-edit-toolbar .doc-actions-left > .inline-form,
body .purchase-order-toolbar .doc-actions-left > .inline-form{
  display:inline-flex!important;
  align-items:center!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  flex:0 0 auto!important;
}
body .purchase-edit-toolbar .doc-actions-left > .inline-form .doc-btn,
body .purchase-order-toolbar .doc-actions-left > .inline-form .doc-btn{
  width:auto!important;
  min-width:0!important;
  white-space:nowrap!important;
}
body .purchase-edit-toolbar .doc-actions-left,
body .purchase-order-toolbar .doc-actions-left{
  row-gap:8px!important;
}
@media(max-width:1360px){
  body .sidebar .nav-children.nav-mega,
  body .sidebar .nav-children.nav-mega.nav-mega-sections-3,
  body .sidebar .nav-children.nav-mega.nav-mega-sections-5,
  body .sidebar .nav-children.nav-mega.nav-mega-sections-6{
    --pf-mega-cols:2;
    width:584px!important;
  }
}
@media(max-width:860px){
  body .sidebar .nav-children.nav-mega,
  body .sidebar .nav-children.nav-mega[class*="nav-mega-sections-"]{
    --pf-mega-cols:1;
    width:auto!important;
    max-width:none!important;
    padding:10px!important;
  }
  body .sidebar .nav-mega-section{
    padding:12px!important;
  }
  body .purchase-list-card > .purchase-filter-form{
    grid-template-columns:1fr!important;
  }
}
body .sidebar{
  display:flex!important;
  flex-direction:column!important;
}
body .sidebar nav{
  flex:1 1 auto!important;
  min-height:0!important;
}
body .sidebar-demo-mode{
  flex:0 0 auto!important;
  padding:10px 10px 14px!important;
  border-top:1px solid rgba(236,234,228,.86)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.92),#fff)!important;
}
body .sidebar-demo-mode.is-slogan{
  padding:10px 12px 14px!important;
}
body .sidebar-demo-mode form{
  margin:0!important;
}
body .sidebar-slogan{
  width:100%!important;
  min-height:46px!important;
  border:1px solid #ECE7D8!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#FFFDF2 0%,#FFFFFF 100%)!important;
  display:grid!important;
  align-content:center!important;
  gap:2px!important;
  padding:8px 10px!important;
  color:#252A34!important;
  box-shadow:0 8px 20px rgba(17,17,17,.028)!important;
}
body .sidebar-slogan span{
  font-size:9.5px!important;
  line-height:1.1!important;
  font-weight:950!important;
  color:#E17B3C!important;
  letter-spacing:.04em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body .sidebar-slogan strong{
  font-size:12px!important;
  line-height:1.18!important;
  font-weight:950!important;
  color:#111827!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body .demo-mode-toggle{
  position:relative!important;
  width:100%!important;
  min-height:44px!important;
  border:1px solid #ECE7D8!important;
  border-radius:14px!important;
  background:#FFFDF2!important;
  color:#2D2A22!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  padding:7px 9px!important;
  cursor:pointer!important;
  box-shadow:0 8px 20px rgba(17,17,17,.035)!important;
  font-family:inherit!important;
  text-align:left!important;
}
body .demo-mode-toggle .nav-icon{
  background:#111!important;
  color:var(--pf-yellow)!important;
  flex:0 0 26px!important;
}
body .demo-mode-toggle .nav-label{
  min-width:0!important;
  display:grid!important;
  gap:1px!important;
  flex:1 1 auto!important;
}
body .demo-mode-toggle strong{
  font-size:12.5px!important;
  line-height:1.15!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
body .demo-mode-toggle small{
  color:#8B8064!important;
  font-size:10.5px!important;
  line-height:1.2!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
body .demo-mode-switch{
  width:34px!important;
  height:20px!important;
  border-radius:999px!important;
  background:#E4E0D3!important;
  position:relative!important;
  flex:0 0 auto!important;
  transition:background .16s ease!important;
}
body .demo-mode-switch:before{
  content:""!important;
  position:absolute!important;
  left:3px!important;
  top:3px!important;
  width:14px!important;
  height:14px!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:0 2px 5px rgba(17,17,17,.16)!important;
  transition:transform .16s ease!important;
}
body .demo-mode-toggle.is-on{
  border-color:#F1E04F!important;
  background:linear-gradient(135deg,#FFF9B8,#FFFDF2)!important;
}
body .demo-mode-toggle.is-on .demo-mode-switch{
  background:#111!important;
}
body .demo-mode-toggle.is-on .demo-mode-switch:before{
  transform:translateX(14px)!important;
  background:var(--pf-yellow)!important;
}
body.demo-mode-on .masked-field{
  background:#FFF6C7!important;
  color:#6A5D00!important;
  border:1px solid rgba(247,239,72,.72)!important;
}
html.sidebar-collapsed body .sidebar-demo-mode{
  padding:9px 7px 12px!important;
}
html.sidebar-collapsed body .sidebar-demo-mode.is-slogan{
  display:none!important;
}
html.sidebar-collapsed body .demo-mode-toggle{
  justify-content:center!important;
  min-height:42px!important;
  padding:7px!important;
}
html.sidebar-collapsed body .demo-mode-toggle .nav-label{
  display:none!important;
}
html.sidebar-collapsed body .demo-mode-switch{
  position:absolute!important;
  right:6px!important;
  bottom:5px!important;
  width:17px!important;
  height:10px!important;
}
html.sidebar-collapsed body .demo-mode-switch:before{
  width:6px!important;
  height:6px!important;
  left:2px!important;
  top:2px!important;
}
html.sidebar-collapsed body .demo-mode-toggle.is-on .demo-mode-switch:before{
  transform:translateX(7px)!important;
}
@media(max-width:860px){
  body .sidebar-demo-mode{
    padding:10px 12px 14px!important;
  }
}
body input[type="file"]{
  min-height:44px!important;
  padding:5px 12px 5px 5px!important;
  border:1px solid #E6DECC!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#1F2937!important;
  font-weight:900!important;
  box-shadow:0 8px 22px rgba(17,17,17,.035)!important;
}
body input[type="file"]::file-selector-button{
  min-height:34px!important;
  margin-right:12px!important;
  padding:0 16px!important;
  border:0!important;
  border-radius:10px!important;
  background:#111!important;
  color:var(--pf-yellow)!important;
  font-family:inherit!important;
  font-size:13px!important;
  font-weight:900!important;
  cursor:pointer!important;
  box-shadow:0 8px 18px rgba(17,17,17,.12)!important;
}
body input[type="file"]:hover::file-selector-button{
  background:#F7EF48!important;
  color:#111!important;
}
.pf-file-field{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
}
.pf-file-title{
  display:none!important;
  color:#2E3440!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1.2!important;
}
.pf-file-control{
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  width:max-content!important;
  max-width:100%!important;
  min-height:38px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body input[type="file"].pf-file-input{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
  opacity:0!important;
}
body .import-panel form label.pf-file-button,
.pf-file-button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  width:auto!important;
  min-height:38px!important;
  padding:0 14px!important;
  border:1px solid #E8D659!important;
  border-radius:11px!important;
  background:#F7EF48!important;
  color:#111!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1!important;
  cursor:pointer!important;
  box-shadow:0 8px 18px rgba(241,214,40,.22)!important;
}
.pf-file-button:hover{
  background:#111!important;
  color:var(--pf-yellow)!important;
}
.pf-file-name{
  color:#1F2937!important;
  font-size:12px!important;
  font-weight:900!important;
  max-width:168px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  pointer-events:none!important;
}
body .import-panel{
  display:grid!important;
  align-items:center!important;
  justify-content:stretch!important;
  grid-template-columns:1fr!important;
  gap:12px!important;
}
body .import-panel form label:not(.pf-file-button){
  min-width:min(520px,52vw)!important;
  color:#2E3440!important;
  font-size:13px!important;
}
.product-import-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  flex-wrap:wrap!important;
  width:100%!important;
  min-width:0!important;
}
.product-import-actions form{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  flex-wrap:wrap!important;
  margin:0!important;
}
.pompom-batch-form{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:0!important;
}
.pompom-batch-form span{
  color:#7B7F87!important;
  font-size:12px!important;
  line-height:38px!important;
  white-space:nowrap!important;
}
.pompom-btn{
  background:linear-gradient(135deg,#F7EF48 0%,#FFF27A 54%,#FF8740 100%)!important;
  border-color:#F0DA39!important;
  color:#111827!important;
  box-shadow:0 12px 24px rgba(241,214,40,.22)!important;
}
.list-pagination{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:12px 2px 0!important;
  color:#667085!important;
  font-size:12px!important;
  font-weight:800!important;
}
.pagination-actions{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}
.pagination-actions .btn.disabled{
  opacity:.42!important;
  pointer-events:none!important;
}
.pompom-assistant-shell{
  position:fixed!important;
  right:24px!important;
  bottom:24px!important;
  z-index:520!important;
  font-family:inherit!important;
}
.pompom-assistant-launcher{
  width:92px!important;
  height:92px!important;
  border:1px solid rgba(232,214,89,.72)!important;
  border-radius:26px!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:0 18px 46px rgba(17,17,17,.16)!important;
  cursor:pointer!important;
  display:grid!important;
  place-items:center!important;
  padding:7px!important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease!important;
  overflow:hidden!important;
}
.pompom-assistant-launcher:hover{
  transform:translateY(-3px)!important;
  border-color:#F7EF48!important;
  box-shadow:0 24px 56px rgba(241,214,40,.24)!important;
}
.pompom-assistant-launcher img{
  width:82px!important;
  height:82px!important;
  object-fit:contain!important;
  display:block!important;
}
.pompom-assistant-launcher span{
  display:none!important;
  font-size:13px!important;
  font-weight:950!important;
  letter-spacing:.02em!important;
  color:#111827!important;
}
.pompom-assistant-shell.is-text-only .pompom-assistant-launcher{
  width:auto!important;
  height:42px!important;
  min-width:118px!important;
  border-radius:999px!important;
  padding:0 16px!important;
  background:#111827!important;
  border-color:#111827!important;
}
.pompom-assistant-shell.is-text-only .pompom-assistant-launcher img{
  display:none!important;
}
.pompom-assistant-shell.is-text-only .pompom-assistant-launcher span{
  display:block!important;
  color:#F7EF48!important;
}
.pompom-assistant-panel{
  position:absolute!important;
  right:0!important;
  bottom:106px!important;
  width:min(420px,calc(100vw - 36px))!important;
  max-height:min(680px,calc(100vh - 150px))!important;
  display:grid!important;
  grid-template-rows:auto auto minmax(180px,1fr) auto!important;
  border:1px solid rgba(232,224,205,.95)!important;
  border-radius:24px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 30px 80px rgba(17,17,17,.18)!important;
  overflow:hidden!important;
  backdrop-filter:blur(18px)!important;
}
.pompom-assistant-panel[hidden]{
  display:none!important;
}
.pompom-assistant-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:14px!important;
  padding:16px 16px 12px!important;
  border-bottom:1px solid #EFE7D8!important;
  background:linear-gradient(135deg,#FFFDF2 0%,#FFFFFF 72%)!important;
}
.pompom-assistant-head strong{
  display:block!important;
  font-size:20px!important;
  line-height:1.1!important;
  color:#111827!important;
  font-weight:950!important;
}
.pompom-assistant-head span{
  display:block!important;
  margin-top:4px!important;
  font-size:12px!important;
  color:#767B85!important;
  font-weight:800!important;
}
.pompom-assistant-head-actions{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}
.pompom-assistant-head-actions button{
  border:1px solid #E7DECC!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#3F4653!important;
  min-height:30px!important;
  padding:0 10px!important;
  font-size:12px!important;
  font-weight:900!important;
  cursor:pointer!important;
}
.pompom-assistant-head-actions button:hover{
  border-color:#FF8A3D!important;
  color:#FF8A3D!important;
}
.pompom-assistant-tools{
  display:flex!important;
  gap:10px!important;
  padding:12px 16px!important;
  background:#fff!important;
}
.pompom-assistant-tools button{
  flex:1 1 0!important;
  min-height:38px!important;
  border:1px solid #E7DECC!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#111827!important;
  font-size:13px!important;
  font-weight:950!important;
  cursor:pointer!important;
}
.pompom-assistant-tools button:first-child{
  background:#F7EF48!important;
  border-color:#F0DA39!important;
}
.pompom-assistant-tools button:hover{
  box-shadow:0 10px 22px rgba(17,17,17,.08)!important;
  transform:translateY(-1px)!important;
}
.pompom-assistant-messages{
  min-height:220px!important;
  max-height:430px!important;
  overflow:auto!important;
  padding:14px 16px!important;
  background:#FBFAF5!important;
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
}
.pompom-message{
  max-width:88%!important;
  border-radius:16px!important;
  padding:10px 12px!important;
  font-size:13px!important;
  line-height:1.65!important;
  white-space:pre-wrap!important;
  word-break:break-word!important;
}
.pompom-message.assistant{
  align-self:flex-start!important;
  background:#fff!important;
  border:1px solid #EEE6D6!important;
  color:#2E3440!important;
}
.pompom-message.user{
  align-self:flex-end!important;
  background:#111827!important;
  border:1px solid #111827!important;
  color:#fff!important;
}
.pompom-message.pending{
  color:#767B85!important;
}
.pompom-assistant-form{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;
  padding:14px 16px 16px!important;
  background:#fff!important;
  border-top:1px solid #EFE7D8!important;
}
.pompom-assistant-form input{
  min-height:42px!important;
  border-radius:13px!important;
}
.pompom-assistant-form button{
  min-height:42px!important;
  border:0!important;
  border-radius:13px!important;
  background:#FF8A3D!important;
  color:#fff!important;
  padding:0 16px!important;
  font-size:13px!important;
  font-weight:950!important;
  cursor:pointer!important;
}
.pompom-assistant-shell.is-busy button{
  cursor:wait!important;
}
body .sidebar nav > a,
body .sidebar .nav-parent,
body .sidebar .nav-children a,
body .sidebar .nav-mega-section a,
body .sidebar .nav-mega-section .nav-child-section{
  font-size:13px!important;
  font-weight:800!important;
  letter-spacing:0!important;
}
body .sidebar .nav-children a,
body .sidebar .nav-mega-section a{
  line-height:1.15!important;
}
@media(max-width:760px){
  body .import-panel form label:not(.pf-file-button){
    min-width:0!important;
    width:100%!important;
  }
  .pf-file-field,
  .pf-file-control{
    min-width:0!important;
    width:100%!important;
  }
  .pf-file-name{
    max-width:calc(100vw - 190px)!important;
  }
  .pompom-assistant-shell{
    right:14px!important;
    bottom:14px!important;
  }
  .pompom-assistant-launcher{
    width:74px!important;
    height:74px!important;
    border-radius:22px!important;
  }
  .pompom-assistant-launcher img{
    width:66px!important;
    height:66px!important;
  }
  .pompom-assistant-panel{
    bottom:86px!important;
    width:calc(100vw - 28px)!important;
    max-height:calc(100vh - 110px)!important;
  }
  .product-import-actions,
  .product-import-actions form,
  .pompom-batch-form,
  .list-pagination,
  .pagination-actions{
    display:grid!important;
    width:100%!important;
    align-items:stretch!important;
  }
  .pompom-batch-form span{
    line-height:1.4!important;
  }
}

/* Final submenu typography pass: one title marker, one font rhythm. */
body .sidebar .nav-group > .nav-children.nav-mega .nav-mega-section .nav-child-section,
body .sidebar .nav-group[data-module="decision"] > .nav-children.nav-mega .nav-mega-section .nav-child-section{
  min-height:24px!important;
  margin:0 0 6px!important;
  padding:0 0 0 14px!important;
  border-left:0!important;
  display:flex!important;
  align-items:center!important;
  position:relative!important;
  color:#2E3444!important;
  font-size:13px!important;
  line-height:1.2!important;
  font-weight:900!important;
  letter-spacing:0!important;
}
body .sidebar .nav-group > .nav-children.nav-mega .nav-mega-section .nav-child-section:before,
body .sidebar .nav-group[data-module="decision"] > .nav-children.nav-mega .nav-mega-section .nav-child-section:before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:4px!important;
  height:22px!important;
  border:0!important;
  border-radius:999px!important;
  background:#3F4657!important;
  box-shadow:none!important;
}
body .sidebar .nav-group > .nav-children.nav-mega .nav-mega-section .nav-child-section:after,
body .sidebar .nav-group[data-module="decision"] > .nav-children.nav-mega .nav-mega-section .nav-child-section:after{
  content:none!important;
  display:none!important;
}
body .sidebar .nav-group > .nav-children.nav-mega .nav-mega-section a,
body .sidebar .nav-group[data-module="decision"] > .nav-children.nav-mega .nav-mega-section a{
  height:38px!important;
  min-height:38px!important;
  padding:0 13px!important;
  border-radius:12px!important;
  font-size:13px!important;
  line-height:1.15!important;
  font-weight:800!important;
  letter-spacing:0!important;
}

/* Dashboard and interface-management layout refinements */
.integration-provider-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:stretch!important;
}
.integration-provider-card{
  min-height:220px!important;
}
.integration-provider-card .payment-provider-actions{
  margin-top:auto!important;
}
.integration-store-filter{
  grid-template-columns:minmax(280px,1fr) minmax(360px,max-content)!important;
}
.product-ai-assist{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  padding:12px 14px!important;
  border:1px solid rgba(238,130,72,.28)!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,rgba(255,247,130,.34),rgba(255,255,255,.94) 48%,rgba(255,231,243,.38))!important;
  box-shadow:0 12px 28px rgba(31,35,45,.06)!important;
}
.product-ai-assist.is-disabled{
  opacity:.72!important;
  background:rgba(250,249,245,.86)!important;
}
.product-ai-copy{
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
  min-width:0!important;
}
.product-ai-copy strong{
  font-size:13px!important;
  font-weight:900!important;
  color:#101828!important;
}
.product-ai-copy span,
.product-ai-actions em{
  font-style:normal!important;
  font-size:12px!important;
  color:#667085!important;
}
.product-ai-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}
.product-ai-actions em[data-tone="success"]{color:#2F8F4E!important;font-weight:800!important;}
.product-ai-actions em[data-tone="danger"]{color:#C94437!important;font-weight:800!important;}
.product-ai-actions em[data-tone="warn"]{color:#BA7818!important;font-weight:800!important;}
.deepseek-config-form textarea{
  min-height:210px!important;
  line-height:1.6!important;
}
.dashboard-filter-actions a[href*="modules/settings/display.php"]{
  display:none!important;
}
.payment-store-filter{
  grid-template-columns:minmax(320px,560px) auto!important;
  align-items:end!important;
  gap:18px 24px!important;
}
.payment-store-filter > label{
  min-width:0!important;
}
.payment-store-actions{
  display:flex!important;
  align-items:end!important;
  justify-content:flex-start!important;
  gap:10px 12px!important;
  flex-wrap:wrap!important;
  min-width:0!important;
}
.payment-store-actions .btn,
.payment-store-actions button,
.payment-store-actions .pf-table-settings-btn{
  width:auto!important;
  white-space:nowrap!important;
}
@media(max-width:1380px){
  .integration-provider-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .dashboard-filter-form{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .dashboard-filter-actions{
    grid-column:1 / -1!important;
    justify-self:start!important;
    justify-content:flex-start!important;
    min-width:0!important;
    flex-wrap:wrap!important;
  }
}
@media(max-width:900px){
  .integration-provider-grid{
    grid-template-columns:1fr!important;
  }
  .integration-store-filter{
    grid-template-columns:1fr!important;
  }
  .payment-store-filter{
    grid-template-columns:1fr!important;
  }
  .payment-store-actions{
    width:100%!important;
  }
}
@media(max-width:760px){
  .product-ai-assist,
  .product-ai-actions{
    align-items:stretch!important;
    flex-direction:column!important;
  }
  .dashboard-filter-form{
    grid-template-columns:1fr!important;
  }
  .dashboard-filter-actions{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .dashboard-filter-actions .btn,
  .dashboard-filter-actions button{
    width:100%!important;
  }
}

/* Supplier portal */
.supplier-portal-body{
  min-height:100vh!important;
  background:var(--bg,#FAF9F5)!important;
  color:#111827!important;
}
.supplier-portal-shell{
  width:min(1480px,calc(100vw - 32px))!important;
  margin:0 auto!important;
  padding:18px 0 44px!important;
}
.supplier-portal-topbar{
  min-height:74px!important;
  padding:14px 18px!important;
  border:1px solid rgba(226,218,199,.88)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 18px 42px rgba(31,35,45,.07)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
}
.supplier-portal-brand{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  color:#111827!important;
  text-decoration:none!important;
  font-weight:900!important;
  font-size:16px!important;
}
.supplier-portal-brand img{
  width:142px!important;
  max-height:44px!important;
  object-fit:contain!important;
}
.supplier-portal-user{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  padding:0!important;
  border:1px solid rgba(226,218,199,.8)!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,rgba(255,247,130,.46),rgba(255,255,255,.9))!important;
}
.supplier-portal-user-trigger{
  min-height:44px!important;
  padding:8px 12px!important;
  border:0!important;
  background:transparent!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:2px!important;
  text-align:left!important;
  cursor:pointer!important;
}
.supplier-portal-user strong{
  max-width:240px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:13px!important;
}
.supplier-portal-user span,
.supplier-portal-user a{
  color:#667085!important;
  font-size:12px!important;
  font-weight:800!important;
}
.supplier-portal-user-menu{
  position:absolute!important;
  top:calc(100% + 8px)!important;
  right:0!important;
  min-width:148px!important;
  padding:8px!important;
  border:1px solid rgba(226,218,199,.9)!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 18px 40px rgba(31,35,45,.13)!important;
  opacity:0!important;
  visibility:hidden!important;
  transform:translateY(-4px)!important;
  transition:.16s ease!important;
  z-index:30!important;
}
.supplier-portal-user:hover .supplier-portal-user-menu,
.supplier-portal-user:focus-within .supplier-portal-user-menu{
  opacity:1!important;
  visibility:visible!important;
  transform:translateY(0)!important;
}
.supplier-portal-user-menu a{
  height:36px!important;
  padding:0 10px!important;
  border-radius:10px!important;
  display:flex!important;
  align-items:center!important;
  color:#303642!important;
  text-decoration:none!important;
  font-size:13px!important;
  font-weight:900!important;
}
.supplier-portal-user-menu a:hover{
  background:#FFF9D7!important;
  color:#111827!important;
}
.supplier-portal-user-menu a:last-child{
  color:#C7503E!important;
}
.supplier-portal-nav{
  margin:16px 0!important;
  padding:10px!important;
  border:1px solid rgba(226,218,199,.86)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.88)!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  overflow:auto!important;
}
.supplier-portal-nav a{
  flex:0 0 auto!important;
  min-width:96px!important;
  height:40px!important;
  padding:0 16px!important;
  border:1px solid rgba(226,218,199,.78)!important;
  border-radius:13px!important;
  background:#fff!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#303642!important;
  font-weight:900!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
.supplier-portal-nav a.is-active{
  border-color:rgba(238,130,72,.44)!important;
  background:linear-gradient(135deg,var(--pf-yellow,#F7EF48),#FFF9B8)!important;
  color:#101828!important;
  box-shadow:0 12px 26px rgba(238,130,72,.14)!important;
}
.supplier-portal-main{
  display:flex!important;
  flex-direction:column!important;
  gap:16px!important;
}
.supplier-portal-alert{
  padding:12px 14px!important;
  border-radius:14px!important;
  border:1px solid rgba(226,218,199,.9)!important;
  background:#fff!important;
  color:#344054!important;
  font-weight:800!important;
}
.supplier-portal-alert.danger{
  border-color:rgba(201,68,55,.22)!important;
  background:#FFF5F3!important;
  color:#B42318!important;
}
.supplier-portal-alert.success{
  border-color:rgba(47,143,78,.18)!important;
  background:#F1FFF5!important;
  color:#207A40!important;
}
.supplier-login-body{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.supplier-login-shell{
  width:min(1120px,calc(100vw - 28px))!important;
  min-height:calc(100vh - 36px)!important;
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.supplier-login-card{
  width:min(460px,calc(100vw - 32px))!important;
  position:relative!important;
  z-index:2!important;
  padding:34px!important;
  border:1px solid rgba(226,218,199,.9)!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 26px 62px rgba(31,35,45,.1)!important;
}
.supplier-login-logo{
  width:166px!important;
  max-height:58px!important;
  object-fit:contain!important;
  margin-bottom:20px!important;
}
.supplier-login-eyebrow,
.supplier-page-heading p,
.supplier-hero-card p{
  margin:0 0 8px!important;
  color:var(--pf-orange,#FF8740)!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:900!important;
  letter-spacing:0!important;
  text-transform:uppercase!important;
}
.supplier-login-card h1,
.supplier-page-heading h1,
.supplier-hero-card h1{
  margin:0!important;
  color:#101828!important;
  font-size:28px!important;
  line-height:1.18!important;
  font-weight:950!important;
  letter-spacing:0!important;
}
.supplier-login-card > p:not(.supplier-login-eyebrow){
  margin:12px 0 22px!important;
  color:#667085!important;
  font-weight:800!important;
}
.supplier-login-form{
  display:flex!important;
  flex-direction:column!important;
  gap:14px!important;
}
.supplier-login-form label,
.supplier-form-grid label,
.supplier-filter-card label{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  min-width:0!important;
  color:#2F3542!important;
  font-size:13px!important;
  font-weight:900!important;
}
.supplier-login-form input,
.supplier-login-form select,
.supplier-form-grid input,
.supplier-filter-card input,
.supplier-filter-card select{
  width:100%!important;
  min-height:44px!important;
  padding:0 14px!important;
  border:1px solid rgba(203,213,225,.9)!important;
  border-radius:13px!important;
  background:#fff!important;
  color:#111827!important;
  font-size:14px!important;
  font-weight:800!important;
  outline:none!important;
}
.supplier-login-captcha{
  display:grid!important;
  grid-template-columns:1fr 96px!important;
  gap:10px!important;
}
.supplier-login-captcha a{
  min-height:44px!important;
  border:1px solid rgba(238,130,72,.28)!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,var(--pf-yellow,#F7EF48),#FFF9B8)!important;
  color:#101828!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-weight:950!important;
  text-decoration:none!important;
  letter-spacing:2px!important;
}
.supplier-login-mascot{
  position:absolute!important;
  right:max(20px,6vw)!important;
  bottom:40px!important;
  width:min(320px,34vw)!important;
  opacity:.28!important;
  pointer-events:none!important;
  filter:drop-shadow(0 22px 28px rgba(31,35,45,.10))!important;
  z-index:1!important;
}
.supplier-hero-card,
.supplier-card,
.supplier-filter-card{
  border:1px solid rgba(226,218,199,.9)!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 16px 36px rgba(31,35,45,.06)!important;
}
.supplier-hero-card{
  padding:24px 26px!important;
  display:flex!important;
  align-items:stretch!important;
  justify-content:space-between!important;
  gap:18px!important;
}
.supplier-hero-card span{
  display:block!important;
  margin-top:10px!important;
  color:#667085!important;
  font-size:14px!important;
  font-weight:800!important;
}
.supplier-hero-status{
  min-width:230px!important;
  padding:16px 18px!important;
  border-left:8px solid var(--pf-yellow,#F7EF48)!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,rgba(255,247,130,.25),rgba(255,255,255,.94))!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:6px!important;
}
.supplier-hero-status small,
.supplier-summary-grid span,
.supplier-kpi-card span{
  color:#667085!important;
  font-weight:900!important;
  font-size:12px!important;
}
.supplier-hero-status strong{
  color:#101828!important;
  font-size:24px!important;
  font-weight:950!important;
}
.supplier-kpi-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:14px!important;
}
.supplier-kpi-card{
  min-height:128px!important;
  padding:18px!important;
  border:1px solid rgba(226,218,199,.86)!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#fff 0%,#fff 78%,rgba(255,247,130,.35) 78%)!important;
  box-shadow:0 14px 32px rgba(31,35,45,.055)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
}
.supplier-kpi-card strong{
  color:#101828!important;
  font-size:28px!important;
  line-height:1!important;
  font-weight:950!important;
}
.supplier-kpi-card small{
  color:#667085!important;
  font-weight:800!important;
  font-size:12px!important;
}
.supplier-grid-two{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:16px!important;
}
.supplier-card{
  padding:18px!important;
  min-width:0!important;
}
.supplier-section-title{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-bottom:14px!important;
}
.supplier-section-title strong{
  font-size:17px!important;
  color:#101828!important;
  font-weight:950!important;
}
.supplier-section-title a{
  color:#D46B3F!important;
  font-weight:900!important;
  text-decoration:none!important;
}
.supplier-table-wrap{
  width:100%!important;
  overflow:auto!important;
}
.supplier-table{
  width:100%!important;
  min-width:980px!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  table-layout:fixed!important;
}
.supplier-table th,
.supplier-table td{
  height:46px!important;
  padding:10px 12px!important;
  border-bottom:1px solid rgba(226,218,199,.72)!important;
  color:#303642!important;
  font-size:13px!important;
  line-height:1.25!important;
  font-weight:800!important;
  vertical-align:middle!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.supplier-table th{
  background:#FFF9D9!important;
  color:#101828!important;
  font-weight:950!important;
}
.supplier-table .right{
  text-align:right!important;
}
.supplier-table .empty{
  text-align:center!important;
  color:#98A2B3!important;
  font-weight:900!important;
}
.supplier-filter-card{
  padding:16px 18px!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr)) auto!important;
  align-items:end!important;
  gap:14px!important;
}
.supplier-filter-simple{
  grid-template-columns:minmax(320px,1fr) auto!important;
}
.supplier-filter-actions,
.supplier-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}
.supplier-portal-body .doc-btn,
.supplier-portal-body button.doc-btn,
.supplier-portal-body a.doc-btn{
  min-height:42px!important;
  padding:0 18px!important;
  border:1px solid rgba(226,218,199,.92)!important;
  border-radius:13px!important;
  background:#fff!important;
  color:#111827!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  font-size:13px!important;
  font-weight:950!important;
  line-height:1!important;
  text-decoration:none!important;
  box-shadow:0 10px 22px rgba(31,35,45,.06)!important;
}
.supplier-portal-body .doc-btn-primary,
.supplier-portal-body button.doc-btn-primary,
.supplier-portal-body a.doc-btn-primary{
  border-color:rgba(238,130,72,.35)!important;
  background:linear-gradient(135deg,var(--pf-yellow,#F7EF48),#FFF26A)!important;
  color:#111827!important;
  box-shadow:0 16px 34px rgba(238,130,72,.16)!important;
}
.supplier-portal-body .supplier-filter-actions .doc-btn:first-child,
.supplier-portal-body .supplier-actions .doc-btn-primary{
  background:linear-gradient(135deg,#E88149,#D66B3C)!important;
  border-color:rgba(238,130,72,.28)!important;
  color:#fff!important;
}
.supplier-page-heading{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding:4px 2px!important;
}
.supplier-summary-grid{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:12px!important;
  margin-bottom:16px!important;
}
.supplier-summary-grid div{
  min-height:76px!important;
  padding:12px!important;
  border:1px solid rgba(226,218,199,.78)!important;
  border-radius:14px!important;
  background:rgba(250,249,245,.65)!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
}
.supplier-summary-grid strong{
  color:#101828!important;
  font-size:15px!important;
  font-weight:950!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.supplier-profile-form{
  padding:18px!important;
}
.supplier-form-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
}
.supplier-form-grid label.is-required-missing input{
  border-color:rgba(201,68,55,.68)!important;
  background:#FFF8F6!important;
  box-shadow:0 0 0 4px rgba(201,68,55,.08)!important;
}
.supplier-profile-form .supplier-actions{
  margin-top:16px!important;
}
.supplier-password-form{
  max-width:880px!important;
}
.supplier-password-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
@media(max-width:1180px){
  .supplier-kpi-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .supplier-grid-two,
  .supplier-filter-card,
  .supplier-summary-grid,
  .supplier-form-grid{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:760px){
  .supplier-portal-shell{
    width:calc(100vw - 20px)!important;
    padding-top:10px!important;
  }
  .supplier-portal-topbar,
  .supplier-hero-card{
    flex-direction:column!important;
    align-items:stretch!important;
  }
  .supplier-portal-user{
    justify-content:space-between!important;
  }
  .supplier-login-shell{
    min-height:auto!important;
    padding:18px 0!important;
  }
  .supplier-login-mascot{
    display:none!important;
  }
  .supplier-kpi-grid{
    grid-template-columns:1fr!important;
  }
  .supplier-filter-actions,
  .supplier-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    width:100%!important;
  }
  .supplier-filter-actions .doc-btn,
  .supplier-actions .doc-btn{
    width:100%!important;
  }
}