/* ======================================================================
   BOM PREÇO — CAMADA VISUAL NATURAL / PROFISSIONAL
   Escopo: painel administrativo inteiro. Não altera regras de negócio.
   ====================================================================== */

:root{
  --bp-bg:#0b0c0e;
  --bp-bg-soft:#0f1013;
  --bp-surface:#141519;
  --bp-surface-2:#181a1f;
  --bp-surface-3:#1d2026;
  --bp-border:#2a2d34;
  --bp-border-soft:#22252b;
  --bp-text:#f2f3f5;
  --bp-text-soft:#c8cbd1;
  --bp-muted:#858b95;
  --bp-muted-2:#676d76;
  --bp-accent:#e1bd36;
  --bp-accent-strong:#f0ca3b;
  --bp-accent-soft:rgba(225,189,54,.10);
  --bp-accent-line:rgba(225,189,54,.28);
  --bp-danger:#df5b62;
  --bp-danger-soft:rgba(223,91,98,.10);
  --bp-success:#63c98d;
  --bp-success-soft:rgba(99,201,141,.10);
  --bp-info:#7fa6df;
  --bp-radius-sm:9px;
  --bp-radius:13px;
  --bp-radius-lg:17px;
  --bp-shadow:0 10px 30px rgba(0,0,0,.16);
  --bp-shadow-soft:0 5px 18px rgba(0,0,0,.12);
}

/* ---------- Base ---------- */
.bp-natural-ui{
  background:var(--bp-bg)!important;
  color:var(--bp-text)!important;
  font-size:14px;
  letter-spacing:0;
}

.bp-natural-ui .app-shell{
  background:var(--bp-bg)!important;
}

.bp-natural-ui .content{
  background:transparent!important;
}

.bp-natural-ui .main{
  width:100%;
  max-width:1600px!important;
  padding:26px 28px 30px!important;
}

.bp-natural-ui a,
.bp-natural-ui button,
.bp-natural-ui input,
.bp-natural-ui select,
.bp-natural-ui textarea{
  -webkit-tap-highlight-color:transparent;
}

.bp-natural-ui ::selection{
  background:rgba(225,189,54,.28);
  color:#fff;
}

.bp-natural-ui ::-webkit-scrollbar{width:9px;height:9px}
.bp-natural-ui ::-webkit-scrollbar-track{background:transparent}
.bp-natural-ui ::-webkit-scrollbar-thumb{background:#343840;border-radius:999px;border:2px solid transparent;background-clip:padding-box}
.bp-natural-ui ::-webkit-scrollbar-thumb:hover{background:#474c56;background-clip:padding-box}

/* ---------- Sidebar ---------- */
.bp-natural-ui .sidebar{
  background:#0a0b0d!important;
  border-right:1px solid var(--bp-border-soft)!important;
  box-shadow:none!important;
}

.bp-natural-ui .sidebar-head{
  min-height:88px!important;
  padding:14px 16px 10px!important;
  border-bottom:0!important;
}

.bp-natural-ui .logo{
  min-height:62px!important;
  padding:6px 10px!important;
  border:0!important;
  border-radius:12px!important;
  background:transparent!important;
  box-shadow:none!important;
}

.bp-natural-ui .logo img{
  max-width:205px!important;
  max-height:55px!important;
}

.bp-natural-ui .nav-section-title{
  margin:18px 10px 8px!important;
  color:#5f6570!important;
  font-size:9px!important;
  font-weight:850!important;
  letter-spacing:.14em!important;
}

.bp-natural-ui .nav-link,
.bp-natural-ui .nav-group-toggle{
  min-height:44px!important;
  border-radius:10px!important;
  border-color:transparent!important;
  background:transparent!important;
  color:#bfc3ca!important;
  font-size:12.5px!important;
  font-weight:720!important;
  box-shadow:none!important;
  transform:none!important;
}

.bp-natural-ui .nav-icon{
  width:31px!important;
  height:31px!important;
  border:1px solid transparent!important;
  border-radius:9px!important;
  background:#111318!important;
  color:#8f959f!important;
  font-size:10px!important;
}

.bp-natural-ui .nav-link:hover,
.bp-natural-ui .nav-group-toggle:hover{
  background:#111318!important;
  border-color:#202329!important;
  color:#fff!important;
  transform:none!important;
}

.bp-natural-ui .nav-link:hover .nav-icon,
.bp-natural-ui .nav-group-toggle:hover .nav-icon{
  border-color:#2c3038!important;
  background:#17191e!important;
  color:#d9dce1!important;
}

.bp-natural-ui .nav-group{
  border-radius:12px!important;
  margin-bottom:5px!important;
}

.bp-natural-ui .nav-group.open{
  border-color:#20232a!important;
  background:#0e1013!important;
  box-shadow:none!important;
}

.bp-natural-ui .nav-group.open>.nav-group-toggle{
  background:#121419!important;
  color:#fff!important;
}

.bp-natural-ui .nav-group.open>.nav-group-toggle .nav-icon{
  border-color:var(--bp-accent-line)!important;
  background:var(--bp-accent-soft)!important;
  color:var(--bp-accent)!important;
}

.bp-natural-ui .nav-sub-link{
  min-height:38px!important;
  margin:2px 0!important;
  padding:5px 8px!important;
  border-radius:9px!important;
  font-size:12px!important;
}

.bp-natural-ui .nav-sub-link .nav-icon{
  width:27px!important;
  height:27px!important;
  background:#0b0d10!important;
}

.bp-natural-ui .nav-link.active,
.bp-natural-ui .nav-home.active,
.bp-natural-ui .nav-sub-link.active{
  border-color:var(--bp-accent-line)!important;
  background:var(--bp-accent-soft)!important;
  color:#f7f0d7!important;
  box-shadow:inset 2px 0 0 var(--bp-accent)!important;
}

.bp-natural-ui .nav-link.active .nav-icon,
.bp-natural-ui .nav-home.active .nav-icon,
.bp-natural-ui .nav-sub-link.active .nav-icon{
  border-color:var(--bp-accent-line)!important;
  background:rgba(225,189,54,.13)!important;
  color:var(--bp-accent)!important;
}

.bp-natural-ui .nav-chevron{
  color:#5f6570!important;
}

.bp-natural-ui .nav-group.open .nav-chevron{
  color:var(--bp-accent)!important;
}

.bp-natural-ui .sidebar-account{
  padding:10px 12px max(11px,env(safe-area-inset-bottom))!important;
  border-top:1px solid var(--bp-border-soft)!important;
  background:#0a0b0d!important;
  box-shadow:none!important;
}

.bp-natural-ui .sidebar-account>a,
.bp-natural-ui .sidebar-account>a.active{
  min-height:58px!important;
  padding:9px 10px!important;
  border:1px solid #22252b!important;
  border-radius:12px!important;
  background:#0f1115!important;
  box-shadow:none!important;
}

.bp-natural-ui .account-avatar,
.bp-natural-ui .top-avatar{
  background:#232017!important;
  color:var(--bp-accent)!important;
  border:1px solid var(--bp-accent-line)!important;
}

/* ---------- Topbar ---------- */
.bp-natural-ui .topbar{
  min-height:70px!important;
  padding:10px 22px!important;
  background:rgba(11,12,14,.94)!important;
  border-bottom:1px solid var(--bp-border-soft)!important;
  box-shadow:none!important;
  backdrop-filter:blur(14px)!important;
}

.bp-natural-ui .menu-toggle,
.bp-natural-ui .icon-button{
  border:1px solid #2a2e35!important;
  border-radius:10px!important;
  background:#13151a!important;
  color:#c9cdd4!important;
  box-shadow:none!important;
}

.bp-natural-ui .menu-toggle:hover,
.bp-natural-ui .menu-toggle.is-collapsed,
.bp-natural-ui .icon-button:hover{
  border-color:#3a3f48!important;
  background:#181b20!important;
  color:#fff!important;
}

.bp-natural-ui .top-title{
  gap:1px!important;
}

.bp-natural-ui .top-title .top-brand{
  color:#666d77!important;
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:.12em!important;
}

.bp-natural-ui .top-title strong{
  color:#f0f1f3!important;
  font-size:18px!important;
  font-weight:760!important;
  letter-spacing:-.015em!important;
}

.bp-natural-ui .branch-topbar,
.bp-natural-ui .top-account{
  min-height:40px!important;
  border:1px solid #252930!important;
  border-radius:10px!important;
  background:#101216!important;
  box-shadow:none!important;
}

.bp-natural-ui .branch-topbar select,
.bp-natural-ui .branch-topbar .branch-fixed{
  min-height:38px!important;
  background:transparent!important;
  border:0!important;
}

.bp-natural-ui .branch-dot{
  background:var(--bp-success)!important;
  box-shadow:0 0 0 3px rgba(99,201,141,.10)!important;
}

.bp-natural-ui .top-account{
  padding:4px 7px!important;
}

.bp-natural-ui .user-name{color:#d8dbe0!important;font-weight:720!important}
.bp-natural-ui .user-role{background:#1c1f25!important;color:#858c96!important}

.bp-natural-ui .logout{
  min-height:40px!important;
  padding:8px 12px!important;
  border:1px solid var(--bp-accent-line)!important;
  border-radius:10px!important;
  background:var(--bp-accent-soft)!important;
  color:#e8cc68!important;
  font-weight:800!important;
}
.bp-natural-ui .logout:hover{background:rgba(225,189,54,.16)!important;color:#f5d970!important}

/* ---------- Page header ---------- */
.bp-natural-ui .page-head,
.bp-natural-ui .fixed-screen-head,
.bp-natural-ui .products-pro-head,
.bp-natural-ui .delivery-pro-top,
.bp-natural-ui .delivery-ops-top,
.bp-natural-ui .owner-page-head,
.bp-natural-ui .bec-page-head{
  margin-bottom:18px!important;
}

.bp-natural-ui .page-head h1,
.bp-natural-ui .fixed-screen-head h1,
.bp-natural-ui .products-pro-title h1,
.bp-natural-ui .delivery-pro-title h1,
.bp-natural-ui .delivery-ops-title h1,
.bp-natural-ui .owner-page-head h1,
.bp-natural-ui .bec-page-head h1{
  color:#f3f4f5!important;
  font-size:24px!important;
  font-weight:750!important;
  line-height:1.18!important;
  letter-spacing:-.025em!important;
}

.bp-natural-ui .page-head p,
.bp-natural-ui .fixed-screen-head p,
.bp-natural-ui .products-pro-copy,
.bp-natural-ui .delivery-pro-desc,
.bp-natural-ui .owner-page-head p,
.bp-natural-ui .bec-page-head p{
  margin-top:5px!important;
  color:var(--bp-muted)!important;
  font-size:12px!important;
  line-height:1.5!important;
}

.bp-natural-ui .eyebrow,
.bp-natural-ui .dash-kicker,
.bp-natural-ui .bec-eyebrow{
  color:#9c8750!important;
  font-size:9px!important;
  font-weight:850!important;
  letter-spacing:.11em!important;
}

/* ---------- Cards / surfaces ---------- */
.bp-natural-ui .card,
.bp-natural-ui .fixed-data-card,
.bp-natural-ui .dash-card,
.bp-natural-ui .cash-card,
.bp-natural-ui .products-list-card,
.bp-natural-ui .delivery-pro-card,
.bp-natural-ui .delivery-order-card,
.bp-natural-ui .owner-summary-card,
.bp-natural-ui .owner-history-card,
.bp-natural-ui .bulk-input-card,
.bp-natural-ui .bulk-preview-card,
.bp-natural-ui .product-form-card,
.bp-natural-ui .stock-operation-card,
.bp-natural-ui .bec-panel,
.bp-natural-ui .settings-system-card{
  border:1px solid var(--bp-border)!important;
  border-radius:var(--bp-radius-lg)!important;
  background:var(--bp-surface)!important;
  box-shadow:var(--bp-shadow-soft)!important;
}

.bp-natural-ui .card:hover,
.bp-natural-ui .dash-card:hover,
.bp-natural-ui .delivery-pro-card:hover{
  border-color:#333740!important;
}

.bp-natural-ui .card-title,
.bp-natural-ui .fixed-data-card-head,
.bp-natural-ui .dash-card-head,
.bp-natural-ui .cash-card-head,
.bp-natural-ui .delivery-pro-list-head,
.bp-natural-ui .products-pro-head{
  border-bottom-color:var(--bp-border-soft)!important;
}

.bp-natural-ui .card-title h2,
.bp-natural-ui .card h2,
.bp-natural-ui .fixed-data-card-head h2,
.bp-natural-ui .dash-card-head h2{
  color:#e8eaed!important;
  font-size:14px!important;
  font-weight:720!important;
}

.bp-natural-ui .muted{color:var(--bp-muted)!important}
.bp-natural-ui .success{color:#7bd49f!important}
.bp-natural-ui .danger{color:#e87b81!important}
.bp-natural-ui .warning-text{color:#e5c86d!important}

/* ---------- Forms ---------- */
.bp-natural-ui label,
.bp-natural-ui .field>label,
.bp-natural-ui .settings-field>span{
  margin-bottom:6px!important;
  color:#a6abb3!important;
  font-size:10px!important;
  font-weight:760!important;
  letter-spacing:.01em!important;
}

.bp-natural-ui input:not([type="checkbox"]):not([type="radio"]),
.bp-natural-ui select,
.bp-natural-ui textarea{
  min-height:44px!important;
  padding:9px 11px!important;
  border:1px solid #30343b!important;
  border-radius:10px!important;
  outline:none!important;
  background:#0e1013!important;
  color:#f0f1f3!important;
  box-shadow:none!important;
}

.bp-natural-ui textarea{min-height:92px!important}
.bp-natural-ui input::placeholder,
.bp-natural-ui textarea::placeholder{color:#626873!important}

.bp-natural-ui input:not([type="checkbox"]):not([type="radio"]):focus,
.bp-natural-ui select:focus,
.bp-natural-ui textarea:focus{
  border-color:#75652d!important;
  box-shadow:0 0 0 3px rgba(225,189,54,.07)!important;
}

.bp-natural-ui input[type="checkbox"],
.bp-natural-ui input[type="radio"]{
  accent-color:var(--bp-accent);
}

/* ---------- Buttons ---------- */
.bp-natural-ui .btn,
.bp-natural-ui .cash-btn,
.bp-natural-ui .u37-btn,
.bp-natural-ui .access-manage-btn{
  min-height:40px;
  border:1px solid #333740!important;
  border-radius:10px!important;
  background:#1a1d22!important;
  color:#dce0e5!important;
  box-shadow:none!important;
  font-weight:760!important;
  transition:background .14s ease,border-color .14s ease,color .14s ease,transform .14s ease!important;
}

.bp-natural-ui .btn:hover,
.bp-natural-ui .cash-btn:hover,
.bp-natural-ui .u37-btn:hover,
.bp-natural-ui .access-manage-btn:hover{
  filter:none!important;
  transform:translateY(-1px)!important;
  border-color:#444a55!important;
  background:#20242a!important;
  color:#fff!important;
}

.bp-natural-ui .btn-yellow,
.bp-natural-ui .primary,
.bp-natural-ui .cash-btn.primary,
.bp-natural-ui .u37-btn.primary{
  border-color:#d3b137!important;
  background:#d9b735!important;
  color:#15130c!important;
  box-shadow:none!important;
}
.bp-natural-ui .btn-yellow:hover,
.bp-natural-ui .primary:hover{background:#e3bf38!important;border-color:#e7c443!important;color:#111!important}

.bp-natural-ui .btn-red,
.bp-natural-ui .cash-btn.red{
  border-color:rgba(223,91,98,.34)!important;
  background:var(--bp-danger-soft)!important;
  color:#ea8b90!important;
}
.bp-natural-ui .btn-red:hover{background:rgba(223,91,98,.16)!important;color:#f2a2a6!important}

.bp-natural-ui .btn-green,
.bp-natural-ui .cash-btn.green{
  border-color:rgba(99,201,141,.28)!important;
  background:var(--bp-success-soft)!important;
  color:#86d9a8!important;
}

.bp-natural-ui .btn-sm,
.bp-natural-ui .btn-small{min-height:34px!important;border-radius:9px!important}

/* ---------- Tables ---------- */
.bp-natural-ui .table-wrap,
.bp-natural-ui .fixed-table-scroll,
.bp-natural-ui .products-table-scroll,
.bp-natural-ui .receipt-history-table-wrap{
  scrollbar-color:#343840 transparent;
}

.bp-natural-ui table{
  color:#d8dbe0;
}

.bp-natural-ui th{
  padding:11px 12px!important;
  border-bottom:1px solid var(--bp-border)!important;
  background:#101216!important;
  color:#7f858f!important;
  font-size:9px!important;
  font-weight:850!important;
  letter-spacing:.065em!important;
}

.bp-natural-ui td{
  padding:12px!important;
  border-bottom:1px solid #23262c!important;
  color:#d0d4da!important;
  font-size:12px!important;
}

.bp-natural-ui tbody tr{
  transition:background .12s ease;
}

.bp-natural-ui tbody tr:hover{
  background:#17191e!important;
}

.bp-natural-ui td small{color:#777e88!important}

/* ---------- Status / chips ---------- */
.bp-natural-ui .pill,
.bp-natural-ui .status,
.bp-natural-ui .rate-chip,
.bp-natural-ui .products-branch-chip,
.bp-natural-ui .stock-summary-chips span,
.bp-natural-ui .pay-chip,
.bp-natural-ui .delivery-status{
  border:1px solid #30343c!important;
  border-radius:999px!important;
  background:#171a1f!important;
  color:#aab0b8!important;
  box-shadow:none!important;
}

.bp-natural-ui .pill-green,
.bp-natural-ui .is-good{
  border-color:rgba(99,201,141,.24)!important;
  background:var(--bp-success-soft)!important;
  color:#80d8a4!important;
}

.bp-natural-ui .pill-yellow,
.bp-natural-ui .pill-orange,
.bp-natural-ui .is-accent{
  border-color:var(--bp-accent-line)!important;
  background:var(--bp-accent-soft)!important;
  color:#e4c85e!important;
}

.bp-natural-ui .pill-red{
  border-color:rgba(223,91,98,.27)!important;
  background:var(--bp-danger-soft)!important;
  color:#e9898f!important;
}

/* ---------- Flash ---------- */
.bp-natural-ui .flash{
  border-radius:11px!important;
  box-shadow:none!important;
  color:#e7e9ec!important;
}
.bp-natural-ui .flash-success{border-color:rgba(99,201,141,.28)!important;background:rgba(99,201,141,.09)!important}
.bp-natural-ui .flash-error{border-color:rgba(223,91,98,.30)!important;background:rgba(223,91,98,.09)!important}
.bp-natural-ui .flash-info{border-color:rgba(127,166,223,.28)!important;background:rgba(127,166,223,.09)!important}

/* ---------- Modal family ---------- */
.bp-natural-ui .product-quick-backdrop,
.bp-natural-ui .receipt-edit-backdrop,
.bp-natural-ui .sale-cancel-backdrop,
.bp-natural-ui .pos-price-modal-backdrop,
.bp-natural-ui .owner-modal,
.bp-natural-ui .delivery-config-modal,
.bp-natural-ui .u37-backdrop,
.bp-natural-ui .access-modal-backdrop{
  background:rgba(0,0,0,.70)!important;
  backdrop-filter:blur(4px)!important;
}

.bp-natural-ui .product-quick-dialog,
.bp-natural-ui .receipt-edit-dialog,
.bp-natural-ui .sale-cancel-dialog,
.bp-natural-ui .pos-price-modal,
.bp-natural-ui .owner-modal-card,
.bp-natural-ui .delivery-config-dialog,
.bp-natural-ui .u37-dialog,
.bp-natural-ui .access-modal-dialog{
  border:1px solid #333740!important;
  border-radius:18px!important;
  background:#111318!important;
  box-shadow:0 24px 70px rgba(0,0,0,.42)!important;
}

/* ---------- Dashboard ---------- */
.bp-natural-ui.page-dashboard .dash-pro{
  gap:18px!important;
}

.bp-natural-ui.page-dashboard .dash-top{
  align-items:flex-end!important;
}

.bp-natural-ui.page-dashboard .dash-top h1{
  color:#f3f4f5!important;
  font-size:27px!important;
  font-weight:740!important;
  letter-spacing:-.03em!important;
}

.bp-natural-ui.page-dashboard .dash-top p{color:var(--bp-muted)!important;font-size:12px!important}

.bp-natural-ui.page-dashboard .dash-actions{
  gap:8px!important;
}

.bp-natural-ui.page-dashboard .dash-action{
  min-height:40px!important;
  border:1px solid #30343b!important;
  border-radius:10px!important;
  background:#15171b!important;
  color:#cdd1d7!important;
  box-shadow:none!important;
}

.bp-natural-ui.page-dashboard .dash-action.primary{
  border-color:var(--bp-accent-line)!important;
  background:var(--bp-accent-soft)!important;
  color:#e3c65c!important;
}

.bp-natural-ui.page-dashboard .dash-kpis{
  gap:12px!important;
}

.bp-natural-ui.page-dashboard .dash-kpi{
  min-height:112px!important;
  padding:17px!important;
  border:1px solid var(--bp-border)!important;
  border-radius:15px!important;
  background:#131519!important;
  box-shadow:none!important;
}

.bp-natural-ui.page-dashboard .dash-kpi.highlight{
  border-color:var(--bp-accent-line)!important;
  background:linear-gradient(180deg,rgba(225,189,54,.07),#131519 70%)!important;
}

.bp-natural-ui.page-dashboard .dash-kpi strong{
  color:#f0f1f3!important;
  font-size:26px!important;
  font-weight:740!important;
}

.bp-natural-ui.page-dashboard .dash-kpi span,
.bp-natural-ui.page-dashboard .dash-kpi small{color:var(--bp-muted)!important}
.bp-natural-ui.page-dashboard .sales-track,
.bp-natural-ui.page-dashboard .mini-track{background:#20232a!important}
.bp-natural-ui.page-dashboard .sales-bar,
.bp-natural-ui.page-dashboard .mini-fill,
.bp-natural-ui.page-dashboard .top-fill{background:#b99c34!important}

/* ---------- POS ---------- */
.bp-natural-ui.page-pos .main{
  background:#0b0c0e!important;
}

.bp-natural-ui.page-pos .pos-kiosk{
  gap:14px!important;
}

.bp-natural-ui.page-pos .pos-kiosk-panel,
.bp-natural-ui.page-pos .pos-products-panel,
.bp-natural-ui.page-pos .pos-payment-panel{
  border:1px solid var(--bp-border)!important;
  border-radius:17px!important;
  background:#121419!important;
  box-shadow:none!important;
}

.bp-natural-ui.page-pos .pos-products-header,
.bp-natural-ui.page-pos .pos-payment-title,
.bp-natural-ui.page-pos .pos-list-head{
  border-bottom-color:var(--bp-border-soft)!important;
}

.bp-natural-ui.page-pos .pos-panel-title h1{font-size:22px!important;font-weight:740!important}
.bp-natural-ui.page-pos .pos-panel-title p{color:var(--bp-muted)!important}

.bp-natural-ui.page-pos .pos-scan-bar{
  border-color:#30343c!important;
  background:#0e1013!important;
  box-shadow:none!important;
}

.bp-natural-ui.page-pos .pos-item-row{
  border-bottom-color:#25282e!important;
  background:transparent!important;
}
.bp-natural-ui.page-pos .pos-item-row:hover{background:#17191e!important}

.bp-natural-ui.page-pos .pos-payment-tabs button{
  border-color:#2b2f36!important;
  background:#111318!important;
  color:#90969f!important;
}
.bp-natural-ui.page-pos .pos-payment-tabs button.active{
  border-color:var(--bp-accent-line)!important;
  background:var(--bp-accent-soft)!important;
  color:#e4c75e!important;
  box-shadow:none!important;
}

.bp-natural-ui.page-pos .pos-total-value{
  color:#f0f1f3!important;
  font-weight:720!important;
}
.bp-natural-ui.page-pos .pos-finalize-button{
  border-color:#d5b238!important;
  background:#d9b735!important;
  color:#14120b!important;
  box-shadow:none!important;
}

/* ---------- Cash ---------- */
.bp-natural-ui.page-cash .cash-pro,
.bp-natural-ui.page-cash .cash-workspace{gap:16px!important}

.bp-natural-ui.page-cash .cash-open-hero,
.bp-natural-ui.page-cash .cash-summary,
.bp-natural-ui.page-cash .cash-table-card,
.bp-natural-ui.page-cash .cash-open-box{
  border:1px solid var(--bp-border)!important;
  border-radius:17px!important;
  background:#131519!important;
  box-shadow:none!important;
}

.bp-natural-ui.page-cash .cash-state.open{
  border-color:rgba(99,201,141,.25)!important;
  background:rgba(99,201,141,.08)!important;
  color:#82d7a6!important;
}
.bp-natural-ui.page-cash .cash-state.closed{
  border-color:#30343b!important;background:#181a1f!important;color:#9298a2!important;
}
.bp-natural-ui.page-cash .cash-metric{border-color:#292d34!important;background:#101216!important}

/* ---------- Delivery ---------- */
.bp-natural-ui.page-delivery_orders .delivery-workspace,
.bp-natural-ui.page-delivery_catalog .delivery-pro-screen{gap:16px!important}

.bp-natural-ui.page-delivery_orders .delivery-kpis,
.bp-natural-ui.page-delivery_catalog .delivery-pro-metrics{gap:10px!important}

.bp-natural-ui.page-delivery_orders .delivery-kpis>*,
.bp-natural-ui.page-delivery_catalog .delivery-pro-metric{
  border:1px solid var(--bp-border)!important;
  border-radius:14px!important;
  background:#131519!important;
  box-shadow:none!important;
}

.bp-natural-ui.page-delivery_orders .delivery-filter-tabs,
.bp-natural-ui.page-delivery_catalog .delivery-pro-toolbar{
  border:1px solid var(--bp-border)!important;
  border-radius:13px!important;
  background:#111318!important;
  box-shadow:none!important;
}

.bp-natural-ui.page-delivery_orders .delivery-filter-tabs a{
  border-radius:9px!important;
  color:#8d939d!important;
}
.bp-natural-ui.page-delivery_orders .delivery-filter-tabs a.active{
  background:var(--bp-accent-soft)!important;
  color:#e2c45c!important;
  box-shadow:none!important;
}

.bp-natural-ui.page-delivery_orders .delivery-order-card{
  padding:16px!important;
}
.bp-natural-ui.page-delivery_orders .delivery-order-card.is-new{
  border-color:var(--bp-accent-line)!important;
  box-shadow:inset 3px 0 0 var(--bp-accent)!important;
}

.bp-natural-ui.page-delivery_catalog .delivery-pro-row{
  border-bottom-color:#25282e!important;
}
.bp-natural-ui.page-delivery_catalog .delivery-pro-row:hover{background:#17191e!important}
.bp-natural-ui.page-delivery_catalog .delivery-pro-photo{border-color:#30343c!important;background:#0e1013!important}

/* ---------- Products ---------- */
.bp-natural-ui.page-products .products-design-v2{
  gap:16px!important;
}

.bp-natural-ui.page-products .products-pro-head,
.bp-natural-ui.page-products .products-filter-bar,
.bp-natural-ui.page-products .products-bulk-toolbar,
.bp-natural-ui.page-products .products-restore-toolbar{
  border-color:var(--bp-border)!important;
  background:#121419!important;
  box-shadow:none!important;
}

.bp-natural-ui.page-products .products-filter-field{
  gap:6px!important;
}
.bp-natural-ui.page-products .products-filter-label{color:#858b95!important;font-size:9px!important}

.bp-natural-ui.page-products .products-table tr.is-selected{
  background:rgba(225,189,54,.055)!important;
  box-shadow:inset 3px 0 0 var(--bp-accent)!important;
}

.bp-natural-ui.page-products .product-photo-tile{
  border-color:#30343b!important;
  border-radius:12px!important;
  background:#0e1013!important;
  box-shadow:none!important;
}
.bp-natural-ui.page-products .product-photo-tile:hover,
.bp-natural-ui.page-products .product-photo-tile.is-dragover{
  border-color:#7a692e!important;
  background:#15150f!important;
  box-shadow:0 0 0 3px rgba(225,189,54,.06)!important;
}
.bp-natural-ui.page-products .product-price{color:#e0c35a!important}

/* ---------- Product form ---------- */
.bp-natural-ui.page-product_form .product-form-screen{gap:16px!important}
.bp-natural-ui.page-product_form .product-form-section{
  border-color:var(--bp-border-soft)!important;
  background:transparent!important;
}
.bp-natural-ui.page-product_form .product-form-section h2,
.bp-natural-ui.page-product_form .product-form-section-title{color:#e7e9ec!important}
.bp-natural-ui.page-product_form .product-form-footer{
  border-top-color:var(--bp-border-soft)!important;
  background:#111318!important;
}
.bp-natural-ui.page-product_form .product-validity-entry,
.bp-natural-ui.page-product_form .product-lot-row{
  border-color:#2a2e35!important;
  background:#101216!important;
}

/* ---------- Stock / Validity / Purchases / Suppliers ---------- */
.bp-natural-ui.page-stock .stock-screen{gap:15px!important}
.bp-natural-ui.page-stock .stock-tabs,
.bp-natural-ui.page-stock .stock-table-toolbar{
  border-color:var(--bp-border)!important;
  background:#111318!important;
  box-shadow:none!important;
}
.bp-natural-ui.page-stock .stock-tabs a{color:#8c929b!important}
.bp-natural-ui.page-stock .stock-tabs a.active{
  border-color:var(--bp-accent-line)!important;
  background:var(--bp-accent-soft)!important;
  color:#e3c65e!important;
}
.bp-natural-ui.page-stock .stock-operation-icon{background:var(--bp-accent-soft)!important;color:var(--bp-accent)!important;border-color:var(--bp-accent-line)!important}

.bp-natural-ui.page-validity .compact-toolbar,
.bp-natural-ui.page-purchases .product-autocomplete-selected,
.bp-natural-ui.page-stock .product-autocomplete-selected{
  border-color:var(--bp-border)!important;
  background:#111318!important;
}

.bp-natural-ui.page-purchases .product-autocomplete-results,
.bp-natural-ui.page-stock .product-autocomplete-results,
.bp-natural-ui.page-pos .pos-product-autocomplete-results{
  border-color:#333740!important;
  background:#111318!important;
  box-shadow:0 16px 40px rgba(0,0,0,.30)!important;
}

/* ---------- Exchange ---------- */
.bp-natural-ui.page-exchange .exchange-screen{gap:16px!important}
.bp-natural-ui.page-exchange .fixed-screen-tabs,
.bp-natural-ui.page-reports .reports-tabs{
  border:1px solid var(--bp-border)!important;
  border-radius:12px!important;
  background:#111318!important;
  box-shadow:none!important;
}
.bp-natural-ui.page-exchange .fixed-screen-tabs a,
.bp-natural-ui.page-reports .reports-tabs a{color:#8d939c!important;border-radius:9px!important}
.bp-natural-ui.page-exchange .fixed-screen-tabs a.active,
.bp-natural-ui.page-reports .reports-tabs a.active{
  border-color:var(--bp-accent-line)!important;
  background:var(--bp-accent-soft)!important;
  color:#e3c65e!important;
  box-shadow:none!important;
}
.bp-natural-ui.page-exchange .exchange-rate-card,
.bp-natural-ui.page-exchange .exchange-converter-card,
.bp-natural-ui.page-exchange .exchange-rule-card{
  border-color:var(--bp-border)!important;
  background:#131519!important;
  box-shadow:none!important;
}

/* ---------- Reports ---------- */
.bp-natural-ui.page-reports .reports-screen{gap:16px!important}
.bp-natural-ui.page-reports .reports-period-filter{
  border:1px solid var(--bp-border)!important;
  border-radius:12px!important;
  background:#111318!important;
  box-shadow:none!important;
}
.bp-natural-ui.page-reports .reports-kpi-grid article,
.bp-natural-ui.page-reports .reports-payment-summary article{
  border:1px solid var(--bp-border)!important;
  border-radius:14px!important;
  background:#131519!important;
  box-shadow:none!important;
}
.bp-natural-ui.page-reports .reports-kpi-grid strong,
.bp-natural-ui.page-reports .reports-payment-summary strong{color:#f0f1f3!important;font-weight:730!important}
.bp-natural-ui.page-reports .reports-summary-footnote{border-color:#2a2e35!important;background:#101216!important;color:#858c95!important}

/* ---------- Finance ---------- */
.bp-natural-ui.page-finance .kpi{
  border-color:var(--bp-border)!important;
  background:#131519!important;
  box-shadow:none!important;
}
.bp-natural-ui.page-finance .kpi>strong{font-weight:730!important}

/* ---------- Settings ---------- */
.bp-natural-ui.page-settings .settings-pro{
  border:1px solid var(--bp-border)!important;
  border-radius:18px!important;
  background:#101216!important;
  box-shadow:none!important;
}
.bp-natural-ui.page-settings .settings-pro-nav,
.bp-natural-ui.page-settings .settings-pro-top,
.bp-natural-ui.page-settings .settings-savebar{
  border-color:var(--bp-border-soft)!important;
  background:#111318!important;
}
.bp-natural-ui.page-settings .settings-pro-link{
  border-radius:9px!important;
  color:#9298a1!important;
}
.bp-natural-ui.page-settings .settings-pro-link.active{
  border-color:var(--bp-accent-line)!important;
  background:var(--bp-accent-soft)!important;
  color:#e2c55d!important;
  box-shadow:none!important;
}
.bp-natural-ui.page-settings .settings-cardline,
.bp-natural-ui.page-settings .settings-toggle,
.bp-natural-ui.page-settings .delivery-promotion-picker{
  border-color:#2a2e35!important;
  background:#101216!important;
  box-shadow:none!important;
}

/* ---------- Users / Access ---------- */
.bp-natural-ui.page-users .users37,
.bp-natural-ui.page-users .access-console-v4{gap:15px!important}
.bp-natural-ui.page-users .u37-kpi,
.bp-natural-ui.page-users .access-stat,
.bp-natural-ui.page-users .u37-panel,
.bp-natural-ui.page-users .access-panel,
.bp-natural-ui.page-users .access-roles-panel{
  border-color:var(--bp-border)!important;
  background:#131519!important;
  box-shadow:none!important;
}
.bp-natural-ui.page-users .u37-user,
.bp-natural-ui.page-users .access-user-row{
  border-color:#292d34!important;
  background:#101216!important;
  box-shadow:none!important;
}
.bp-natural-ui.page-users .u37-user:hover,
.bp-natural-ui.page-users .access-user-row:hover{background:#16181d!important;border-color:#343841!important}
.bp-natural-ui.page-users .u37-avatar,
.bp-natural-ui.page-users .access-stat-icon,
.bp-natural-ui.page-users .access-role-mark{
  background:#1d1a12!important;
  color:var(--bp-accent)!important;
  border-color:var(--bp-accent-line)!important;
}

/* ---------- BEC QR ---------- */
.bp-natural-ui.page-bec_qr .bec-kpis{gap:10px!important}
.bp-natural-ui.page-bec_qr .bec-kpis>*{
  border-color:var(--bp-border)!important;
  background:#131519!important;
  box-shadow:none!important;
}
.bp-natural-ui.page-bec_qr .bec-tabs{
  border:1px solid var(--bp-border)!important;
  background:#111318!important;
  border-radius:12px!important;
}
.bp-natural-ui.page-bec_qr .bec-tabs button.active{
  background:var(--bp-accent-soft)!important;
  color:#e3c65e!important;
  box-shadow:none!important;
}
.bp-natural-ui.page-bec_qr .bec-test-display,
.bp-natural-ui.page-bec_qr .bec-webhook-box,
.bp-natural-ui.page-bec_qr .bec-enable-card{
  border-color:#2b2f36!important;
  background:#101216!important;
}

/* ---------- Owner purchases / Bulk adjust ---------- */
.bp-natural-ui.page-owner_purchases .owner-purchases-screen,
.bp-natural-ui.page-bulk_adjust .bulk-adjust-screen{gap:16px!important}
.bp-natural-ui.page-owner_purchases .owner-product-picker,
.bp-natural-ui.page-owner_purchases .owner-cart,
.bp-natural-ui.page-owner_purchases .owner-search-results{
  border-color:var(--bp-border)!important;
  background:#111318!important;
  box-shadow:none!important;
}
.bp-natural-ui.page-owner_purchases .owner-avatar{background:var(--bp-accent-soft)!important;color:var(--bp-accent)!important;border-color:var(--bp-accent-line)!important}
.bp-natural-ui.page-bulk_adjust .bulk-help,
.bp-natural-ui.page-bulk_adjust .bulk-actions{
  border-color:#2a2e35!important;
  background:#101216!important;
}

/* ---------- Receipt history ---------- */
.bp-natural-ui.page-receipt_history .receipt-history-card,
.bp-natural-ui.page-receipt_history .receipt-history-filter{
  border-color:var(--bp-border)!important;
  border-radius:16px!important;
  background:#131519!important;
  box-shadow:none!important;
}
.bp-natural-ui.page-receipt_history .receipt-sale-number{color:#e0c35a!important}

/* ---------- Account ---------- */
.bp-natural-ui.page-account .metric-row{
  border-bottom-color:#25282e!important;
}

/* ---------- Footer ---------- */
.bp-natural-ui .app-footer{
  margin-top:24px!important;
  padding-top:14px!important;
  border-top:1px solid #1c1f24!important;
  color:#565c65!important;
}

/* ---------- Login ---------- */
.bp-natural-ui.login-page{
  background:#0b0c0e!important;
}
.bp-natural-ui.login-page::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 50% -12%,rgba(225,189,54,.08),transparent 32%);
}
.bp-natural-ui .login-card{
  position:relative;
  width:min(430px,100%)!important;
  padding:30px!important;
  border:1px solid var(--bp-border)!important;
  border-radius:18px!important;
  background:#121419!important;
  box-shadow:0 26px 70px rgba(0,0,0,.30)!important;
}
.bp-natural-ui .login-card img{max-height:86px!important;margin-bottom:22px!important}
.bp-natural-ui .login-card h1{font-size:22px!important;font-weight:740!important;letter-spacing:-.02em!important}
.bp-natural-ui .login-card p{color:var(--bp-muted)!important;font-size:12px!important}
.bp-natural-ui .login-card .btn-yellow{min-height:46px!important;margin-top:4px!important}

/* ---------- Mobile / tablet ---------- */
@media(max-width:1180px){
  .bp-natural-ui .main{padding:20px!important}
  .bp-natural-ui .topbar{padding-left:15px!important;padding-right:15px!important}
}

@media(max-width:900px){
  .bp-natural-ui .sidebar{
    background:#0a0b0d!important;
    box-shadow:18px 0 48px rgba(0,0,0,.40)!important;
  }
  .bp-natural-ui .sidebar-overlay{background:rgba(0,0,0,.66)!important;backdrop-filter:blur(2px)}
  .bp-natural-ui .topbar{
    min-height:60px!important;
    padding:8px 10px!important;
  }
  .bp-natural-ui .main{
    padding:13px!important;
  }
  .bp-natural-ui .page-head,
  .bp-natural-ui .fixed-screen-head,
  .bp-natural-ui .products-pro-head,
  .bp-natural-ui .delivery-pro-top,
  .bp-natural-ui .delivery-ops-top{
    gap:10px!important;
    margin-bottom:13px!important;
  }
  .bp-natural-ui .page-head h1,
  .bp-natural-ui .fixed-screen-head h1,
  .bp-natural-ui .products-pro-title h1,
  .bp-natural-ui .delivery-pro-title h1,
  .bp-natural-ui .delivery-ops-title h1{
    font-size:21px!important;
  }
  .bp-natural-ui .card,
  .bp-natural-ui .fixed-data-card,
  .bp-natural-ui .dash-card,
  .bp-natural-ui .cash-card,
  .bp-natural-ui .products-list-card,
  .bp-natural-ui .delivery-pro-card,
  .bp-natural-ui .delivery-order-card,
  .bp-natural-ui .product-form-card,
  .bp-natural-ui .stock-operation-card{
    border-radius:14px!important;
    box-shadow:none!important;
  }
  .bp-natural-ui input:not([type="checkbox"]):not([type="radio"]),
  .bp-natural-ui select,
  .bp-natural-ui textarea{
    min-height:44px!important;
    font-size:16px!important;
  }
  .bp-natural-ui .btn{min-height:42px}
  .bp-natural-ui.page-dashboard .dash-top h1{font-size:23px!important}
  .bp-natural-ui.page-dashboard .dash-kpis{gap:8px!important}
  .bp-natural-ui.page-dashboard .dash-kpi{min-height:98px!important;padding:13px!important}
  .bp-natural-ui.page-dashboard .dash-kpi strong{font-size:22px!important}
  .bp-natural-ui.page-pos .pos-kiosk-panel,
  .bp-natural-ui.page-pos .pos-products-panel,
  .bp-natural-ui.page-pos .pos-payment-panel{border-radius:14px!important}
}

@media(max-width:560px){
  .bp-natural-ui .main{padding:9px!important}
  .bp-natural-ui .top-title strong{font-size:15px!important}
  .bp-natural-ui .logout{padding:7px 9px!important;font-size:10px!important}
  .bp-natural-ui .page-head h1,
  .bp-natural-ui .fixed-screen-head h1,
  .bp-natural-ui .products-pro-title h1,
  .bp-natural-ui .delivery-pro-title h1,
  .bp-natural-ui .delivery-ops-title h1{font-size:20px!important}
  .bp-natural-ui .card{padding:13px!important}
  .bp-natural-ui.page-dashboard .dash-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .bp-natural-ui.page-dashboard .dash-kpi{min-height:90px!important;padding:11px!important}
  .bp-natural-ui.page-dashboard .dash-kpi strong{font-size:19px!important}
  .bp-natural-ui .login-card{padding:24px 20px!important;border-radius:16px!important}
}

@media(prefers-reduced-motion:reduce){
  .bp-natural-ui *,
  .bp-natural-ui *::before,
  .bp-natural-ui *::after{
    scroll-behavior:auto!important;
    transition-duration:.01ms!important;
  }
}