.bhi-register-card,.bhi-saas-shell,.bhi-modal{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#0f172a}.bhi-register-card{max-width:680px;margin:30px auto;padding:24px;border:1px solid #e2e8f0;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.06)}.bhi-register-card h2{margin:0 0 8px;font-size:26px}.bhi-register-card p{color:#64748b}.bhi-register-form{display:grid;gap:10px}.bhi-register-form label{font-weight:700;margin-top:6px}.bhi-register-form input,.bhi-register-form select{width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:10px;font-size:15px;box-sizing:border-box}.bhi-register-form button,.bhi-product-toolbar button,.bhi-primary-btn{background:#0284c7;color:#fff;border:0;border-radius:10px;padding:12px 16px;font-weight:800;cursor:pointer}.bhi-slug-row{display:flex;align-items:center;border:1px solid #cbd5e1;border-radius:10px;overflow:hidden}.bhi-slug-row span{background:#f1f5f9;padding:12px;color:#475569;white-space:nowrap}.bhi-slug-row input{border:0;border-radius:0}.bhi-alert{padding:12px 14px;border-radius:10px;margin:12px 0;font-weight:700}.bhi-alert-success{background:#dcfce7;color:#166534}.bhi-alert-error{background:#fee2e2;color:#991b1b}.bhi-saas-shell{display:flex;min-height:720px;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;background:#fff}.bhi-saas-menu{width:245px;background:#0f172a;color:#94a3b8;flex-shrink:0;padding:14px 0}.bhi-brand{color:#fff;font-size:18px;font-weight:900;padding:14px 20px;border-bottom:1px solid #1e293b;margin-bottom:8px}.bhi-saas-menu a{display:block;color:#94a3b8;text-decoration:none;padding:13px 20px;border-left:4px solid transparent;font-weight:700}.bhi-saas-menu a.active,.bhi-saas-menu a:hover{background:#1e293b;color:#38bdf8;border-left-color:#38bdf8}.bhi-saas-main{flex:1;padding:24px;min-width:0}.bhi-saas-main h1{margin-top:0;font-size:28px}.bhi-grid-3,.bhi-grid-4{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.bhi-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.bhi-stat{border:1px solid #e2e8f0;border-radius:14px;padding:14px;background:#f8fafc}.bhi-stat span{display:block;color:#64748b;font-size:13px;margin-bottom:6px}.bhi-stat strong{font-size:18px;word-break:break-word}.bhi-panel{border:1px solid #e2e8f0;border-radius:14px;padding:18px;margin-top:16px;background:#fff}.bhi-panel h2{margin-top:0}.bhi-section-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.bhi-section-head p{margin-top:4px;color:#64748b}.bhi-soft-btn,.bhi-secondary-btn{border:0;background:#e2e8f0;color:#0f172a;border-radius:10px;padding:11px 14px;font-weight:800;cursor:pointer}.bhi-product-toolbar{display:flex;gap:8px;margin:12px 0}.bhi-product-toolbar input{flex:1;padding:10px;border:1px solid #cbd5e1;border-radius:10px}.bhi-table{width:100%;border-collapse:collapse}.bhi-table th,.bhi-table td{border-bottom:1px solid #e2e8f0;text-align:left;padding:10px;vertical-align:top}.bhi-table th{background:#f8fafc}.bhi-pager{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:12px}.bhi-pager button{border:0;background:#e2e8f0;border-radius:999px;width:32px;height:32px;cursor:pointer;font-weight:900}.bhi-pager button:disabled{opacity:.4;cursor:not-allowed}.bhi-plan-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.bhi-plan-row>div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:14px}.bhi-red{color:#ef4444;font-weight:800}.bhi-locked{opacity:.78}.bhi-pos-grid{display:grid;grid-template-columns:25% 50% 25%;gap:14px;align-items:stretch}.bhi-pos-card{border:1px solid #eef2f7;border-radius:14px;padding:14px;background:#fff;min-width:0}.bhi-pos-card h3{margin:0 0 12px;font-size:17px}.bhi-pos-card label{display:block;font-weight:700;margin:10px 0 5px;color:#334155}.bhi-pos-card input,.bhi-pos-card textarea,.bhi-pos-card select,.bhi-modal-card input{width:100%;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:9px;padding:9px 10px;background:#fff}.bhi-pos-card textarea{height:74px;resize:vertical}.bhi-suggest-box{display:none;position:relative;z-index:5;margin-top:4px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;box-shadow:0 10px 20px rgba(15,23,42,.12);overflow:hidden}.bhi-suggest-box button{width:100%;text-align:left;border:0;background:#fff;padding:9px 10px;border-bottom:1px solid #f1f5f9;cursor:pointer}.bhi-suggest-box button:hover{background:#eff6ff}.bhi-suggest-box b{display:block}.bhi-suggest-box span{color:#0284c7;font-weight:800}.bhi-suggest-box small{display:block;color:#64748b;margin-top:2px}.bhi-doc-switch{display:flex;justify-content:center;gap:6px;margin-bottom:12px;background:#f8fafc;border:1px solid #cbd5e1;border-radius:999px;padding:5px;width:max-content;max-width:100%;margin-left:auto;margin-right:auto}.bhi-doc-switch label{margin:0;padding:8px 14px;border-radius:999px;font-size:13px;cursor:pointer}.bhi-doc-switch label.active{background:#0284c7;color:#fff}.bhi-cart-table-wrap{max-height:360px;overflow:auto;border:1px solid #eef2f7;border-radius:10px}.bhi-cart-table{width:100%;border-collapse:collapse;font-size:13px}.bhi-cart-table th,.bhi-cart-table td{border-bottom:1px solid #eef2f7;padding:6px;vertical-align:middle}.bhi-cart-table th{background:#f8fafc;text-align:left;position:sticky;top:0}.bhi-cart-table input{border:0;border-bottom:1px solid #cbd5e1;border-radius:0;padding:6px;background:transparent}.bhi-cart-table td:nth-child(1){width:42%}.bhi-cart-table td:nth-child(2){width:13%}.bhi-cart-table td:nth-child(3),.bhi-cart-table td:nth-child(4){width:13%}.bhi-cart-table td:nth-child(5){white-space:nowrap}.bhi-cart-table button{border:0;background:#fee2e2;color:#ef4444;border-radius:50%;width:24px;height:24px;cursor:pointer;font-weight:900}.bhi-empty-cart{text-align:center;color:#64748b;padding:18px!important}.bhi-cart-actions{display:flex;gap:8px;margin:10px 0}.bhi-cart-actions button{border:0;background:#64748b;color:#fff;border-radius:8px;padding:8px 10px;font-weight:800;cursor:pointer}.bhi-total-box{border-top:1px solid #e2e8f0;margin-top:8px;padding-top:8px}.bhi-total-box p{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:6px 0}.bhi-total-box input,.bhi-total-box select{max-width:150px;text-align:right}.bhi-total-box h3{display:flex;justify-content:space-between;border-top:1px solid #e2e8f0;padding-top:10px;margin:10px 0 0;color:#ef4444}.bhi-invoice-note{margin-top:10px;height:60px!important}.bhi-submit-row{display:flex;gap:10px;margin-top:10px}.bhi-submit-row button{flex:1}.bhi-products-quick{display:flex;flex-direction:column}.bhi-products-quick>input{margin-bottom:10px}.bhi-quick-product{display:block;width:100%;border:0;background:#fff;border-bottom:1px solid #eef2f7;padding:9px 6px;text-align:left;cursor:pointer;border-radius:8px;margin-bottom:3px}.bhi-quick-product:hover{background:#eff6ff}.bhi-quick-product span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:800}.bhi-quick-product b{color:#0284c7;font-size:13px}.bhi-modal{position:fixed;inset:0;background:rgba(15,23,42,.45);align-items:center;justify-content:center;z-index:99999;padding:20px}.bhi-modal-card{background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.25);padding:22px;max-width:460px;width:100%;position:relative}.bhi-modal-card h2{margin-top:0}.bhi-modal-card label{display:block;font-weight:800;margin:10px 0 5px}.bhi-modal-close{position:absolute;right:12px;top:10px;border:0;background:#f1f5f9;border-radius:50%;width:32px;height:32px;font-size:22px;cursor:pointer}.bhi-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.bhi-modal-actions button{border:0;border-radius:10px;padding:10px 14px;font-weight:800;cursor:pointer}@media(max-width:1200px){.bhi-pos-grid{grid-template-columns:1fr}.bhi-cart-table-wrap{max-height:none}.bhi-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.bhi-saas-shell{flex-direction:column}.bhi-saas-menu{width:100%}.bhi-grid-3,.bhi-grid-4,.bhi-plan-row{grid-template-columns:1fr}.bhi-slug-row{display:block}.bhi-slug-row span{display:block}.bhi-saas-main{padding:14px}.bhi-section-head,.bhi-submit-row{display:block}.bhi-submit-row button{width:100%;margin-top:8px}.bhi-doc-switch{width:100%;box-sizing:border-box}.bhi-cart-table{min-width:680px}.bhi-product-toolbar{display:block}.bhi-product-toolbar button{width:100%;margin-top:8px}}
.bhi-manager-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:12px 0;padding:10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px}.bhi-manager-toolbar input,.bhi-manager-toolbar select{border:1px solid #cbd5e1;border-radius:9px;padding:9px 10px;min-width:130px}.bhi-manager-toolbar input:first-child{min-width:240px;flex:1}.bhi-primary-mini,.bhi-dark-mini,.bhi-soft-mini{border:0;border-radius:9px;padding:9px 12px;font-weight:800;cursor:pointer}.bhi-primary-mini{background:#0284c7;color:#fff}.bhi-dark-mini{background:#334155;color:#fff}.bhi-soft-mini{background:#e2e8f0;color:#0f172a}.bhi-mini-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:10px 0}.bhi-mini-stats>div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:12px}.bhi-mini-stats span{display:block;color:#64748b;font-size:12px}.bhi-mini-stats b{font-size:18px}.bhi-table-scroll{width:100%;overflow:auto}.bhi-manager-table{min-width:940px}.bhi-right{text-align:right!important}.bhi-actions-cell{white-space:nowrap}.bhi-actions-cell button{border:0;background:#f1f5f9;border-radius:7px;padding:6px 8px;margin:2px;cursor:pointer;font-weight:700}.bhi-actions-cell button:hover{background:#dbeafe}.bhi-actions-cell .bhi-danger{background:#fee2e2;color:#dc2626}.bhi-badge{display:inline-block;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:800;margin-top:4px}.bhi-badge-green{background:#dcfce7;color:#166534}.bhi-badge-red{background:#fee2e2;color:#991b1b}.bhi-badge-yellow{background:#fef3c7;color:#92400e}.bhi-badge-gray{background:#e5e7eb;color:#374151}.bhi-modal-wide{max-width:920px;max-height:86vh;overflow:auto}.bhi-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:12px;margin-bottom:12px}.bhi-total-detail{max-width:360px;margin:14px 0 14px auto;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:12px}.bhi-total-detail p,.bhi-total-detail h3{display:flex;justify-content:space-between;gap:10px;margin:6px 0}.bhi-total-detail h3{border-top:1px solid #e2e8f0;padding-top:8px}.bhi-pay-line{padding:8px 0;border-bottom:1px solid #e2e8f0}@media(max-width:900px){.bhi-manager-toolbar{display:block}.bhi-manager-toolbar input,.bhi-manager-toolbar select,.bhi-manager-toolbar button{width:100%;box-sizing:border-box;margin-top:7px}.bhi-mini-stats{grid-template-columns:1fr 1fr}.bhi-detail-grid{grid-template-columns:1fr}}
.bhi-primary-link{display:inline-block;background:#0284c7;color:#fff!important;text-decoration:none;border-radius:10px;padding:10px 14px;font-weight:800}.bhi-billing-current{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0}.bhi-billing-current>div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:14px}.bhi-billing-current span{display:block;color:#64748b;font-size:13px}.bhi-billing-current b{font-size:20px}.bhi-billing-cycle{display:inline-flex;gap:6px;align-items:center;background:#f8fafc;border:1px solid #cbd5e1;border-radius:999px;padding:5px;margin:12px 0}.bhi-billing-cycle label{padding:8px 14px;border-radius:999px;font-weight:800;cursor:pointer}.bhi-billing-cycle input{margin-right:5px}.bhi-plan-compare{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:10px}.bhi-plan-card{border:1px solid #e2e8f0;border-radius:16px;padding:16px;background:#fff;position:relative;display:flex;flex-direction:column;gap:10px}.bhi-plan-card.recommended{border-color:#0284c7;box-shadow:0 10px 24px rgba(2,132,199,.12)}.bhi-plan-tag{position:absolute;right:12px;top:12px;background:#dcfce7;color:#166534;border-radius:999px;padding:3px 8px;font-size:12px;font-weight:900}.bhi-plan-card h3{margin:0;font-size:20px}.bhi-plan-price{font-size:22px;font-weight:900;color:#0284c7}.bhi-plan-features{list-style:none;padding:0;margin:0;display:grid;gap:7px;color:#334155;font-size:13px}.bhi-plan-features li:before{content:'✓ ';color:#16a34a;font-weight:900}.bhi-plan-card button{margin-top:auto;border:0;border-radius:10px;padding:11px 12px;background:#0284c7;color:#fff;font-weight:900;cursor:pointer}.bhi-plan-card button[disabled]{background:#e2e8f0;color:#64748b;cursor:not-allowed}.bhi-payment-box{margin-top:16px;border:1px solid #bae6fd;background:#f0f9ff;border-radius:16px;padding:16px;display:grid;grid-template-columns:220px 1fr;gap:16px;align-items:start}.bhi-payment-box img{width:210px;max-width:100%;border:1px solid #e2e8f0;border-radius:12px;background:#fff}.bhi-payment-box code{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:4px 7px}.bhi-payment-bank{display:grid;grid-template-columns:130px 1fr;gap:7px;margin-top:10px}.bhi-pending-orders{margin-top:14px}.bhi-pending-orders table{font-size:13px}.bhi-warning-soft{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;border-radius:12px;padding:12px;margin:10px 0;font-weight:700}@media(max-width:1200px){.bhi-plan-compare{grid-template-columns:repeat(2,minmax(0,1fr))}.bhi-billing-current{grid-template-columns:1fr 1fr}}@media(max-width:800px){.bhi-plan-compare,.bhi-billing-current,.bhi-payment-box{grid-template-columns:1fr}.bhi-payment-bank{grid-template-columns:1fr}.bhi-billing-cycle{display:flex;flex-direction:column;align-items:stretch;border-radius:14px}.bhi-billing-cycle label{display:block}}

/* Step 6: settings, print templates, QR invoice */
.bhi-settings-grid,.bhi-print-config-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:12px}.bhi-form-card{border:1px solid #e2e8f0;border-radius:14px;background:#f8fafc;padding:14px}.bhi-form-card h3{margin:0 0 12px;font-size:18px}.bhi-form-card h4{margin:14px 0 8px}.bhi-form-card label{display:block;font-weight:800;margin:10px 0 5px;color:#334155}.bhi-form-card input,.bhi-form-card textarea,.bhi-form-card select{width:100%;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:10px;padding:10px;background:#fff;font-size:14px}.bhi-form-card textarea{height:82px;resize:vertical}.bhi-help-box{background:#eff6ff;border:1px solid #bfdbfe;color:#1e3a8a;border-radius:12px;padding:10px;margin-top:12px;font-size:13px;font-weight:700;line-height:1.45}.bhi-submit-row-left{justify-content:flex-start}.bhi-submit-row-left button{flex:0 0 auto}.bhi-template-editor textarea{height:320px;font-family:Consolas,Monaco,monospace;font-size:12px;line-height:1.45}.bhi-check-line{display:flex!important;gap:8px;align-items:center}.bhi-check-line input{width:auto!important}.bhi-placeholder-list{display:flex;flex-wrap:wrap;gap:6px}.bhi-placeholder-list code{background:#fff;border:1px solid #cbd5e1;border-radius:999px;padding:4px 7px;font-size:12px}.bhi-form-card select[size]{height:170px;padding:6px}.bhi-form-card select[size] option{padding:8px;border-radius:6px}.bhi-template-editor button[disabled],.bhi-form-card input:disabled,.bhi-form-card textarea:disabled,.bhi-form-card select:disabled{opacity:.65;cursor:not-allowed;background:#f1f5f9}@media(max-width:1000px){.bhi-settings-grid,.bhi-print-config-grid{grid-template-columns:1fr}.bhi-template-editor textarea{height:240px}}

/* Step 7: dashboard reports */
.bhi-report-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:12px 0;padding:10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px}.bhi-report-toolbar select,.bhi-report-toolbar input{border:1px solid #cbd5e1;border-radius:9px;padding:9px 10px;background:#fff}.bhi-report-range-note{font-size:13px;color:#64748b;margin:8px 0 10px}.bhi-report-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0}.bhi-report-cards>div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:14px}.bhi-report-cards span{display:block;color:#64748b;font-size:13px;margin-bottom:6px}.bhi-report-cards b{display:block;font-size:22px}.bhi-report-cards em{display:block;color:#64748b;font-style:normal;font-size:12px;margin-top:6px}.bhi-today-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.bhi-report-layout{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.bhi-report-box{border:1px solid #e2e8f0;border-radius:14px;padding:14px;background:#fff;min-width:0}.bhi-report-box h3{margin:0 0 12px}.bhi-series-row{display:grid;grid-template-columns:90px 1fr 120px;gap:10px;align-items:center;border-bottom:1px solid #eef2f7;padding:7px 0}.bhi-series-row span{color:#475569;font-size:13px}.bhi-series-row b{text-align:right}.bhi-bar{height:8px;background:#e2e8f0;border-radius:999px;overflow:hidden}.bhi-bar i{display:block;height:100%;background:#0284c7;border-radius:999px}.bhi-report-box .bhi-bar{margin-top:5px}@media(max-width:1100px){.bhi-report-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.bhi-report-layout{grid-template-columns:1fr}}@media(max-width:700px){.bhi-report-toolbar{display:block}.bhi-report-toolbar select,.bhi-report-toolbar input,.bhi-report-toolbar button{width:100%;box-sizing:border-box;margin-top:7px}.bhi-report-cards,.bhi-today-cards{grid-template-columns:1fr}.bhi-series-row{grid-template-columns:1fr}.bhi-series-row b{text-align:left}}
.bhi-action-cell{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.bhi-inline-label{display:flex;align-items:center;gap:6px;color:#334155;font-weight:700;font-size:13px}.bhi-inline-label input{border:1px solid #cbd5e1;border-radius:8px;padding:8px}.bhi-inventory-log-box{margin-top:14px}.bhi-table .bhi-right{text-align:right}.bhi-soft-mini:disabled{opacity:.45;cursor:not-allowed}.bhi-locked .bhi-manager-toolbar,.bhi-locked #bhiInventorySummary,.bhi-locked #bhiInventoryTable,.bhi-locked #bhiInventoryLogs{opacity:.72}

/* Step 9 - Sales & CRM */
.bhi-crm-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px;align-items:start}.bhi-crm-pipeline{display:grid;grid-template-columns:repeat(4,minmax(210px,1fr));gap:12px;overflow-x:auto;padding-bottom:6px}.bhi-crm-col{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;min-height:220px;padding:10px}.bhi-crm-col h3{font-size:14px;margin:0 0 10px;color:#0f172a;display:flex;align-items:center;justify-content:space-between}.bhi-crm-col h3 span{font-size:12px;color:#64748b;background:#e2e8f0;padding:2px 7px;border-radius:999px}.bhi-crm-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:11px;margin-bottom:9px;box-shadow:0 1px 2px rgba(15,23,42,.04)}.bhi-crm-card:hover{border-color:#7dd3fc;box-shadow:0 6px 14px rgba(15,23,42,.08)}.bhi-crm-card-title{font-weight:800;color:#0f172a;margin-bottom:4px}.bhi-crm-card small{display:block;color:#64748b;line-height:1.45}.bhi-crm-value{font-weight:900;color:#0284c7;margin-top:7px}.bhi-crm-actions{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px}.bhi-crm-actions button{font-size:11px;padding:5px 7px}.bhi-crm-side{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:12px}.bhi-crm-side h3{margin:0 0 10px}.bhi-crm-task{border-bottom:1px solid #eef2f7;padding:9px 0}.bhi-crm-task:last-child{border-bottom:0}.bhi-crm-task b{display:block;color:#0f172a}.bhi-crm-task small{display:block;color:#64748b;margin-top:3px}.bhi-crm-task.is-overdue b{color:#dc2626}.bhi-crm-task-toolbar{padding:0;background:transparent;border:0;margin-bottom:8px}.bhi-crm-modal-grid{display:grid;grid-template-columns:minmax(360px,1fr) minmax(320px,.9fr);gap:14px}.bhi-two-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bhi-crm-detail-box{max-height:640px;overflow:auto}.bhi-crm-timeline{border-left:3px solid #e2e8f0;margin-left:8px;padding-left:12px}.bhi-crm-timeline-item{padding:8px 0;border-bottom:1px solid #f1f5f9}.bhi-crm-timeline-item small{display:block;color:#64748b}.bhi-stage-new{border-top:3px solid #38bdf8}.bhi-stage-consulting{border-top:3px solid #f59e0b}.bhi-stage-quoted{border-top:3px solid #8b5cf6}.bhi-stage-followup{border-top:3px solid #ef4444}.bhi-stage-won{border-top:3px solid #10b981}.bhi-stage-lost{border-top:3px solid #94a3b8}@media(max-width:1200px){.bhi-crm-layout{grid-template-columns:1fr}.bhi-crm-pipeline{grid-template-columns:repeat(4,260px)}}@media(max-width:760px){.bhi-crm-modal-grid,.bhi-two-cols{grid-template-columns:1fr}.bhi-crm-pipeline{grid-template-columns:1fr}}

/* Step 10 - Staff & permissions */
.bhi-staff-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:16px;align-items:start}.bhi-staff-list-card{min-width:0}.bhi-staff-summary{margin-bottom:14px}.bhi-staff-cards{margin-bottom:10px}.bhi-role-desc{display:block;color:#64748b;line-height:1.35;margin-top:5px;max-width:360px}.bhi-audit-card{margin-top:16px}.bhi-section-head-small{margin-bottom:10px}.bhi-section-head-small h3{margin:0}.bhi-section-head-small p{margin:3px 0 0;color:#64748b}.bhi-table select{padding:7px 9px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;max-width:180px}.bhi-table .bhi-role-desc{font-size:12px}.bhi-locked{position:relative;opacity:.76}.bhi-locked:before{content:'';position:absolute;inset:0;background:rgba(255,255,255,.15);pointer-events:none;border-radius:inherit}@media(max-width:980px){.bhi-staff-grid{grid-template-columns:1fr}}

/* Step 11 - Role based UI */
.bhi-role-chip{margin:0 14px 10px;padding:9px 10px;border-radius:12px;background:#1e293b;color:#e0f2fe;font-weight:800;font-size:13px;line-height:1.3}.bhi-role-hero{display:flex;justify-content:space-between;gap:16px;align-items:center;border:1px solid #bae6fd;background:linear-gradient(135deg,#f0f9ff,#ffffff);border-radius:16px;padding:16px;margin:10px 0 16px}.bhi-role-hero span{display:block;color:#0284c7;font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.bhi-role-hero h2{margin:3px 0 5px;font-size:22px}.bhi-role-hero p{margin:0;color:#475569;line-height:1.45}.bhi-role-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.bhi-role-actions a{display:inline-flex;align-items:center;justify-content:center;border:1px solid #7dd3fc;background:#fff;color:#0369a1;text-decoration:none;border-radius:999px;padding:9px 13px;font-weight:900;white-space:nowrap}.bhi-role-actions a:hover{background:#e0f2fe}.bhi-saas-shell[data-current-role="cashier"] .bhi-saas-main h1,.bhi-saas-shell[data-current-role="staff"] .bhi-saas-main h1{font-size:24px}.bhi-saas-shell[data-current-role="cashier"] .bhi-role-hero,.bhi-saas-shell[data-current-role="staff"] .bhi-role-hero{background:linear-gradient(135deg,#ecfeff,#fff)}.bhi-saas-shell[data-current-role="sales"] .bhi-role-hero{background:linear-gradient(135deg,#f5f3ff,#fff)}.bhi-saas-shell[data-current-role="warehouse"] .bhi-role-hero{background:linear-gradient(135deg,#f0fdf4,#fff)}@media(max-width:900px){.bhi-role-hero{display:block}.bhi-role-actions{justify-content:flex-start;margin-top:12px}.bhi-role-actions a{width:100%;box-sizing:border-box}.bhi-role-chip{display:inline-block}}

/* Step 12: Onboarding quản lý bán hàng trong 1 phút */
.bhi-onboarding-panel{background:linear-gradient(135deg,#f8fafc 0%,#eef6ff 100%);border-color:#bfdbfe!important;}
.bhi-onboarding-hero{display:flex;justify-content:space-between;gap:18px;align-items:center;background:#fff;border:1px solid #dbeafe;border-radius:18px;padding:18px;margin-bottom:14px;box-shadow:0 8px 24px rgba(15,23,42,.06);}
.bhi-onboarding-hero span{display:inline-block;color:#0284c7;font-weight:900;font-size:13px;margin-bottom:4px;}
.bhi-onboarding-hero h2{margin:0 0 6px!important;font-size:25px!important;color:#0f172a!important;}
.bhi-onboarding-hero p{margin:0;color:#475569;line-height:1.55;}
.bhi-onboarding-score{width:120px;height:120px;border-radius:999px;background:#0284c7;color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;flex:0 0 auto;box-shadow:0 12px 28px rgba(2,132,199,.28);}
.bhi-onboarding-score strong{font-size:30px;line-height:1;font-weight:900;}
.bhi-onboarding-score span{color:#e0f2fe;font-size:12px;margin-top:6px;}
.bhi-onboarding-progress{height:10px;border-radius:999px;background:#dbeafe;overflow:hidden;margin:8px 0 10px;}
.bhi-onboarding-progress span{display:block;height:100%;background:#0284c7;border-radius:999px;transition:width .25s ease;}
.bhi-onboarding-count{font-size:13px;color:#475569;margin-bottom:12px;}
.bhi-onboarding-steps{display:grid;gap:10px;}
.bhi-onboarding-step{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:14px;box-shadow:0 1px 4px rgba(15,23,42,.04);}
.bhi-onboarding-step.done{border-color:#bbf7d0;background:#f0fdf4;}
.bhi-onboarding-num{width:42px;height:42px;border-radius:999px;background:#dbeafe;color:#0369a1;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:18px;}
.bhi-onboarding-step.done .bhi-onboarding-num{background:#16a34a;color:#fff;}
.bhi-onboarding-body h3{margin:0 0 4px!important;font-size:16px!important;color:#0f172a!important;}
.bhi-onboarding-body p{margin:0 0 10px;color:#64748b;line-height:1.5;font-size:13px;}
.bhi-onboarding-step-actions{display:flex;gap:8px;flex-wrap:wrap;}
.bhi-onboarding-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px;}
.bhi-onboarding-complete{background:#fff;border:1px solid #bbf7d0;border-radius:16px;padding:18px;text-align:center;}
.bhi-onboarding-complete h3{margin:0 0 8px!important;color:#166534!important;font-size:20px!important;}
.bhi-onboarding-complete p{margin:0 0 12px;color:#475569;}
.bhi-onboarding-finish-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;}
@media(max-width:760px){.bhi-onboarding-hero{align-items:flex-start;flex-direction:column}.bhi-onboarding-score{width:94px;height:94px}.bhi-onboarding-score strong{font-size:24px}.bhi-onboarding-step{grid-template-columns:34px 1fr}.bhi-onboarding-num{width:34px;height:34px;font-size:15px}}

/* Step 13: Import / Export */
.bhi-import-export-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.bhi-import-actions{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 12px}
.bhi-export-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}
.bhi-export-cards button{border:1px solid #dbeafe;background:#f8fafc;border-radius:12px;padding:14px;text-align:left;cursor:pointer;min-height:84px}
.bhi-export-cards button:hover{background:#eff6ff;border-color:#38bdf8}
.bhi-export-cards b{display:block;color:#0f172a;margin-bottom:6px}
.bhi-export-cards span{display:block;color:#64748b;font-size:13px;line-height:1.35}
.bhi-muted{color:#64748b;line-height:1.55}
@media(max-width:1100px){.bhi-import-export-grid{grid-template-columns:1fr}.bhi-export-cards{grid-template-columns:1fr}}
/* Step 14 performance/mobile polish */
.bhi-cache-hit{opacity:.72;position:relative}.bhi-cache-hit:after{content:'Đang đồng bộ...';display:block;font-size:11px;color:#64748b;margin-top:4px}.bhi-saas-shell .bhi-panel{content-visibility:auto;contain-intrinsic-size:700px}.bhi-quick-product{will-change:transform}.bhi-table-scroll{overflow:auto;-webkit-overflow-scrolling:touch}@media(max-width:900px){.bhi-saas-shell{display:block}.bhi-saas-menu{position:sticky;top:0;z-index:50;width:100%;display:flex;overflow-x:auto;gap:4px;padding:8px;min-height:auto}.bhi-saas-menu .bhi-brand,.bhi-saas-menu .bhi-role-chip{display:none}.bhi-saas-menu a{white-space:nowrap;border-left:0;border-bottom:3px solid transparent;padding:10px 12px}.bhi-saas-menu a.active{border-left:0;border-bottom-color:#38bdf8}.bhi-saas-main{padding:12px}.bhi-pos-grid,.bhi-grid-4,.bhi-settings-grid,.bhi-print-config-grid,.bhi-import-export-grid{grid-template-columns:1fr!important}.bhi-cart-table-wrap{overflow-x:auto}.bhi-cart-table{min-width:720px}.bhi-submit-row{position:sticky;bottom:0;background:#fff;padding:8px;z-index:20}.bhi-report-cards{grid-template-columns:1fr 1fr!important}}@media(max-width:560px){.bhi-report-cards,.bhi-grid-4{grid-template-columns:1fr!important}.bhi-section-head{display:block}.bhi-manager-toolbar{display:grid;grid-template-columns:1fr!important}.bhi-pos-card{padding:10px}.bhi-total-box p{display:flex;justify-content:space-between;gap:10px}.bhi-total-box input,.bhi-total-box select{max-width:150px}}


/* Step 15 - Professional SaaS UI polish */
:root{--bhi-navy:#0f172a;--bhi-navy-2:#111827;--bhi-blue:#0284c7;--bhi-blue-2:#0ea5e9;--bhi-soft:#f8fafc;--bhi-line:#e2e8f0;--bhi-text:#0f172a;--bhi-muted:#64748b;--bhi-radius:16px;--bhi-shadow:0 10px 30px rgba(15,23,42,.07);}
.bhi-saas-app-page{background:#f6f8fb!important;}
.bhi-saas-app-page .entry-title,.bhi-saas-app-page .page-title,.bhi-saas-app-page h1.entry-title{display:none!important;}
.bhi-register-card,.bhi-saas-shell,.bhi-modal{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;color:var(--bhi-text);}
.bhi-register-card{border:1px solid rgba(148,163,184,.24)!important;box-shadow:var(--bhi-shadow)!important;border-radius:22px!important;}
.bhi-register-card h2{letter-spacing:-.03em!important;}
.bhi-register-form input,.bhi-register-form select,.bhi-pos-card input,.bhi-pos-card textarea,.bhi-pos-card select,.bhi-manager-toolbar input,.bhi-manager-toolbar select,.bhi-modal-card input,.bhi-form-card input,.bhi-form-card select,.bhi-form-card textarea{border-color:#d7e0ea!important;border-radius:12px!important;background:#fff!important;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;}
.bhi-register-form input:focus,.bhi-register-form select:focus,.bhi-pos-card input:focus,.bhi-pos-card textarea:focus,.bhi-pos-card select:focus,.bhi-manager-toolbar input:focus,.bhi-manager-toolbar select:focus,.bhi-modal-card input:focus,.bhi-form-card input:focus,.bhi-form-card select:focus,.bhi-form-card textarea:focus{outline:0!important;border-color:#7dd3fc!important;box-shadow:0 0 0 4px rgba(14,165,233,.12)!important;}
.bhi-saas-shell{min-height:calc(100vh - 48px)!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#f6f8fb!important;margin:0!important;overflow:visible!important;}
.bhi-saas-menu{width:268px!important;background:linear-gradient(180deg,#0b1220 0%,#111827 100%)!important;padding:18px 12px!important;position:sticky;top:0;align-self:flex-start;height:100vh;overflow-y:auto;border-right:1px solid rgba(255,255,255,.06);}
.bhi-brand{display:flex!important;align-items:center!important;gap:11px!important;padding:8px 10px 18px!important;margin:0 0 8px!important;border-bottom:1px solid rgba(148,163,184,.18)!important;color:#fff!important;font-size:17px!important;}
.bhi-brand-mark{width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,#0284c7,#38bdf8);display:flex;align-items:center;justify-content:center;font-weight:950;color:#fff;box-shadow:0 12px 26px rgba(2,132,199,.35);}
.bhi-brand b{display:block;font-weight:950;line-height:1;letter-spacing:-.02em}.bhi-brand small{display:block;margin-top:4px;color:#9bdcff;font-weight:800;font-size:11px;letter-spacing:.04em;text-transform:uppercase;}
.bhi-role-chip{margin:10px 6px 14px!important;background:rgba(2,132,199,.14)!important;border:1px solid rgba(56,189,248,.22)!important;color:#e0f2fe!important;border-radius:14px!important;padding:10px 12px!important;}
.bhi-saas-menu a{position:relative;display:flex!important;align-items:center;gap:9px;color:#cbd5e1!important;padding:12px 12px!important;margin:3px 0!important;border-left:0!important;border-radius:14px!important;font-size:14px!important;letter-spacing:-.01em;transition:background .15s ease,color .15s ease,transform .15s ease;}
.bhi-saas-menu a:hover{transform:translateX(2px);background:rgba(148,163,184,.12)!important;color:#fff!important;}
.bhi-saas-menu a.active{background:linear-gradient(135deg,#0284c7,#0ea5e9)!important;color:#fff!important;box-shadow:0 10px 24px rgba(2,132,199,.25);}
.bhi-saas-main{padding:24px 28px 48px!important;max-width:1720px;margin:0 auto;width:100%;box-sizing:border-box;}
.bhi-app-topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:18px;margin:-24px -28px 18px;padding:18px 28px;background:rgba(246,248,251,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(226,232,240,.85);}
.bhi-app-title .bhi-kicker{display:block;font-weight:900;color:var(--bhi-blue);text-transform:uppercase;letter-spacing:.06em;font-size:12px;margin-bottom:3px;}
.bhi-app-title h1{margin:0!important;font-size:26px!important;line-height:1.15!important;letter-spacing:-.035em!important;color:#0b1220!important;}
.bhi-app-title p{margin:5px 0 0;color:#64748b;font-size:13px;line-height:1.45;}
.bhi-app-topbar-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end;}
.bhi-header-primary,.bhi-header-soft{display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none!important;border-radius:999px;padding:10px 14px;font-weight:900;white-space:nowrap;border:1px solid transparent;}
.bhi-header-primary{background:linear-gradient(135deg,#0284c7,#0ea5e9);color:#fff!important;box-shadow:0 10px 22px rgba(2,132,199,.22);}
.bhi-header-soft{background:#fff;color:#0f172a!important;border-color:#dbeafe;box-shadow:0 4px 12px rgba(15,23,42,.04);}
.bhi-role-hero{border:1px solid rgba(186,230,253,.8)!important;background:linear-gradient(135deg,#eff6ff 0%,#fff 68%)!important;border-radius:22px!important;padding:18px 20px!important;box-shadow:0 8px 26px rgba(2,132,199,.07)!important;}
.bhi-role-hero h2{letter-spacing:-.025em!important;}.bhi-role-actions a{border-radius:14px!important;box-shadow:0 4px 14px rgba(2,132,199,.06);}
.bhi-grid-4{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important;}
.bhi-stat{background:#fff!important;border:1px solid rgba(226,232,240,.95)!important;border-radius:18px!important;padding:16px!important;box-shadow:0 6px 20px rgba(15,23,42,.04)!important;}
.bhi-stat strong{font-size:17px!important;letter-spacing:-.02em;}.bhi-stat span{font-weight:800;color:#64748b!important;}
.bhi-panel{background:#fff!important;border:1px solid rgba(226,232,240,.95)!important;border-radius:22px!important;padding:20px!important;margin-top:18px!important;box-shadow:0 8px 28px rgba(15,23,42,.045)!important;scroll-margin-top:96px;}
.bhi-panel h2{letter-spacing:-.03em!important;font-size:21px!important;color:#0b1220!important;}.bhi-panel h3{letter-spacing:-.02em;}
.bhi-section-head{border-bottom:1px solid #edf2f7;padding-bottom:14px;margin-bottom:14px;align-items:center!important;}.bhi-section-head p{color:#64748b!important;line-height:1.45;}
.bhi-primary-btn,.bhi-register-form button,.bhi-product-toolbar button,.bhi-primary-mini{background:linear-gradient(135deg,#0284c7,#0ea5e9)!important;border:0!important;color:#fff!important;border-radius:12px!important;box-shadow:0 8px 18px rgba(2,132,199,.18);}
.bhi-soft-btn,.bhi-secondary-btn,.bhi-soft-mini{background:#eef4fb!important;border:1px solid #e2e8f0!important;color:#0f172a!important;border-radius:12px!important;}.bhi-dark-mini{border-radius:12px!important;}
.bhi-primary-btn:hover,.bhi-primary-mini:hover,.bhi-header-primary:hover{filter:brightness(.98);transform:translateY(-1px);}.bhi-soft-btn:hover,.bhi-soft-mini:hover,.bhi-header-soft:hover{background:#e0f2fe!important;}
.bhi-manager-toolbar,.bhi-product-toolbar{background:#f8fafc!important;border:1px solid #e5edf6!important;border-radius:16px!important;padding:10px!important;}
.bhi-table-scroll{border:1px solid #edf2f7;border-radius:16px;background:#fff;}.bhi-table,.bhi-manager-table{border-collapse:separate!important;border-spacing:0!important;}.bhi-table th,.bhi-manager-table th{background:#f8fafc!important;color:#334155!important;font-size:12px!important;text-transform:uppercase;letter-spacing:.035em;border-bottom:1px solid #e2e8f0!important;}.bhi-table td,.bhi-manager-table td{border-bottom:1px solid #edf2f7!important;}.bhi-table tr:hover td,.bhi-manager-table tr:hover td{background:#fbfdff;}
.bhi-badge{border-radius:999px!important;padding:5px 9px!important;font-weight:900!important;}.bhi-mini-stats>div,.bhi-report-card,.bhi-form-card,.bhi-crm-side,.bhi-crm-col,.bhi-plan-card,.bhi-import-export-grid>div{border-radius:18px!important;border-color:#e5edf6!important;box-shadow:0 5px 18px rgba(15,23,42,.035)!important;background:#fff!important;}
.bhi-pos-panel{background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)!important;}.bhi-pos-grid{grid-template-columns:minmax(280px,.85fr) minmax(520px,1.55fr) minmax(280px,.9fr)!important;gap:16px!important;}
.bhi-pos-card{border:1px solid #e5edf6!important;border-radius:20px!important;box-shadow:0 6px 20px rgba(15,23,42,.035);}.bhi-pos-card h3{font-size:16px!important;letter-spacing:-.02em;}.bhi-doc-switch{background:#eef6ff!important;border:1px solid #dbeafe!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.7);}.bhi-doc-switch label.active{background:linear-gradient(135deg,#0284c7,#0ea5e9)!important;box-shadow:0 8px 18px rgba(2,132,199,.18);}
.bhi-cart-table-wrap{border-radius:16px!important;border-color:#e5edf6!important;}.bhi-cart-actions button{border-radius:12px!important;background:#475569!important;}.bhi-submit-row button{min-height:44px;}.bhi-products-quick>input{height:42px;}.bhi-quick-product{border:1px solid transparent!important;border-bottom:1px solid #eef2f7!important;padding:10px!important;border-radius:14px!important;}.bhi-quick-product:hover{border-color:#bae6fd!important;background:#f0f9ff!important;}
.bhi-total-box{background:#fbfdff;border:1px solid #eef2f7;border-radius:16px;padding:12px!important;margin-top:12px!important;}.bhi-total-box h3{color:#e11d48!important;}
.bhi-modal{backdrop-filter:blur(5px);}.bhi-modal-card{border-radius:22px!important;border:1px solid rgba(255,255,255,.45);}.bhi-modal-close{background:#eef2f7!important;}
.bhi-onboarding-panel{background:linear-gradient(135deg,#f0f9ff 0%,#fff 70%)!important;}.bhi-onboarding-score{background:linear-gradient(135deg,#0284c7,#0ea5e9)!important;}.bhi-onboarding-step{border-radius:18px!important;}
.bhi-crm-pipeline{gap:12px!important;}.bhi-crm-col{background:#f8fafc!important;}.bhi-crm-card{border-radius:16px!important;box-shadow:0 4px 14px rgba(15,23,42,.035)!important;}
@media(max-width:1400px){.bhi-grid-4{grid-template-columns:repeat(3,minmax(0,1fr))!important}.bhi-pos-grid{grid-template-columns:1fr!important}.bhi-pos-card{min-height:auto}}
@media(max-width:980px){.bhi-saas-shell{display:block!important}.bhi-saas-menu{position:sticky!important;top:0!important;height:auto!important;width:100%!important;display:flex!important;overflow-x:auto!important;padding:8px!important;z-index:60!important}.bhi-saas-menu .bhi-brand,.bhi-saas-menu .bhi-role-chip{display:none!important}.bhi-saas-menu a{white-space:nowrap;margin:0!important;border-radius:999px!important;padding:10px 12px!important}.bhi-saas-main{padding:12px!important}.bhi-app-topbar{position:relative!important;top:auto!important;margin:-12px -12px 14px!important;padding:14px!important;display:block!important}.bhi-app-topbar-actions{justify-content:flex-start;margin-top:10px}.bhi-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))!important}.bhi-panel{scroll-margin-top:86px}}
@media(max-width:620px){.bhi-app-title h1{font-size:22px!important}.bhi-grid-4,.bhi-mini-stats{grid-template-columns:1fr!important}.bhi-header-primary,.bhi-header-soft{flex:1}.bhi-section-head{display:block!important}.bhi-section-head>button,.bhi-section-head>a{margin-top:10px}.bhi-manager-toolbar{display:grid!important;grid-template-columns:1fr!important}.bhi-manager-toolbar input,.bhi-manager-toolbar select{width:100%!important;min-width:0!important}.bhi-panel{padding:14px!important;border-radius:18px!important}.bhi-submit-row{position:sticky;bottom:0;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);padding:10px;margin-left:-10px;margin-right:-10px;border-top:1px solid #e2e8f0}.bhi-modal-card{max-height:88vh;overflow:auto}}

/* Step 17 - Frontend account page */
.bhi-account-card{max-width:920px;margin:28px auto;padding:26px;background:#fff;border:1px solid #dbe7f3;border-radius:22px;box-shadow:0 18px 42px rgba(15,23,42,.08);font-family:Arial,sans-serif;color:#0f2742}.bhi-account-card h2{margin:0 0 8px;font-size:28px;color:#052846}.bhi-account-card p{color:#52657a;line-height:1.6}.bhi-account-form label{display:block;font-weight:800;color:#0f2742}.bhi-account-form input{width:100%;margin-top:7px;padding:12px 14px;border:1px solid #cbd8e6;border-radius:12px;font-size:15px}.bhi-account-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0}.bhi-account-grid label:nth-child(5){grid-column:span 1}@media(max-width:760px){.bhi-account-card{margin:16px 12px;padding:18px}.bhi-account-grid{grid-template-columns:1fr}}

/* Step 18 - Shop app page router: mỗi module là một trang ảo ?view=..., không còn onepage dài */
.bhi-saas-shell [hidden]{display:none!important}
.bhi-saas-shell[data-view-mode="pages"] .bhi-app-section.bhi-active-section{animation:bhiFadeIn .16s ease-out}
@keyframes bhiFadeIn{from{opacity:.25;transform:translateY(6px)}to{opacity:1;transform:none}}
.bhi-saas-shell[data-view-mode="pages"] .bhi-saas-main{min-height:calc(100vh - 40px)}
.bhi-saas-shell[data-view-mode="pages"] .bhi-saas-menu a.active{cursor:default}
.bhi-saas-shell[data-view-mode="pages"] .bhi-role-actions a.active,
.bhi-saas-shell[data-view-mode="pages"] .bhi-app-topbar-actions a.active{box-shadow:0 0 0 2px rgba(14,165,233,.18),0 4px 12px rgba(15,23,42,.04)}

/* Step 19: sidebar gọn/mở rộng, nhóm menu và sản phẩm thêm nhanh */
.bhi-saas-shell{position:relative;transition:all .18s ease;}
.bhi-saas-menu{position:relative;transition:width .18s ease;overflow:auto;}
.bhi-brand{display:flex;align-items:center;gap:10px;padding:14px 14px!important;}
.bhi-brand-mark{width:40px;height:40px;border-radius:13px;background:#0ea5e9;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;flex:0 0 auto;}
.bhi-brand-text{display:flex;flex-direction:column;line-height:1.05;min-width:0;}
.bhi-brand-text small{text-transform:uppercase;color:#93c5fd;font-size:11px;margin-top:4px;}
.bhi-sidebar-toggle{margin-left:auto;width:34px;height:34px;border:1px solid rgba(148,163,184,.35);background:#111827;color:#cbd5e1;border-radius:10px;cursor:pointer;font-weight:900;display:inline-flex;align-items:center;justify-content:center;}
.bhi-sidebar-toggle:hover{background:#0ea5e9;color:#fff;border-color:#0ea5e9;}
.bhi-role-chip{margin:10px 14px 12px!important;padding:10px 12px;border:1px solid rgba(56,189,248,.35);background:rgba(14,165,233,.08);border-radius:14px;color:#dbeafe;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.bhi-menu-group{margin:12px 10px 14px;}
.bhi-menu-group-title{padding:9px 12px 7px;color:#64748b;text-transform:uppercase;font-size:11px;font-weight:900;letter-spacing:.06em;}
.bhi-saas-menu .bhi-menu-group a{border-left:0!important;border-radius:13px;margin:3px 0;padding:12px 12px!important;color:#cbd5e1!important;background:transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.bhi-saas-menu .bhi-menu-group a.active,.bhi-saas-menu .bhi-menu-group a:hover{background:#0ea5e9!important;color:#fff!important;box-shadow:0 10px 22px rgba(14,165,233,.18);}
.bhi-saas-shell.bhi-sidebar-collapsed .bhi-saas-menu{width:76px!important;}
.bhi-saas-shell.bhi-sidebar-collapsed .bhi-brand{justify-content:center;padding:14px 8px!important;}
.bhi-saas-shell.bhi-sidebar-collapsed .bhi-brand-text,.bhi-saas-shell.bhi-sidebar-collapsed .bhi-role-chip span,.bhi-saas-shell.bhi-sidebar-collapsed .bhi-menu-group-title{display:none!important;}
.bhi-saas-shell.bhi-sidebar-collapsed .bhi-sidebar-toggle{position:absolute;right:8px;top:58px;margin:0;width:28px;height:28px;font-size:12px;z-index:5;}
.bhi-saas-shell.bhi-sidebar-collapsed .bhi-role-chip{margin:50px 9px 12px!important;padding:10px 0;text-align:center;}
.bhi-saas-shell.bhi-sidebar-collapsed .bhi-menu-group{margin:8px 8px;}
.bhi-saas-shell.bhi-sidebar-collapsed .bhi-saas-menu .bhi-menu-group a{padding:13px 0!important;text-align:center;letter-spacing:20px;text-indent:10px;}
.bhi-product-quick-add-card{display:grid;grid-template-columns:280px minmax(320px,1fr) auto;gap:14px;align-items:center;margin:14px 0;padding:16px;border:1px solid #dbeafe;background:linear-gradient(135deg,#f8fbff,#ffffff);border-radius:16px;box-shadow:0 10px 24px rgba(15,23,42,.04);}
.bhi-product-quick-add-card h3{margin:0 0 6px!important;color:#0f172a;font-size:18px!important;}
.bhi-product-quick-add-card p{margin:0;color:#64748b;font-size:13px;line-height:1.55;}
.bhi-product-quick-add-card code{background:#eff6ff;border:1px solid #bfdbfe;border-radius:7px;padding:2px 6px;color:#0369a1;}
.bhi-product-quick-add-card textarea{width:100%;min-height:82px;border:1px solid #cbd5e1;border-radius:12px;padding:11px 12px;resize:vertical;box-sizing:border-box;background:#fff;font-family:inherit;}
.bhi-product-quick-actions{display:flex;flex-direction:column;gap:8px;align-self:stretch;justify-content:center;min-width:150px;}
.bhi-product-quick-actions button{width:100%;}
#bhiProductQuickAddResult:empty{display:none;}
#bhiProductQuickAddResult{grid-column:1/-1;margin-top:0;}
@media(max-width:1100px){.bhi-product-quick-add-card{grid-template-columns:1fr;}.bhi-product-quick-actions{flex-direction:row;}.bhi-product-quick-actions button{width:auto;}}
@media(max-width:900px){.bhi-sidebar-toggle{display:none}.bhi-saas-menu{width:100%!important}.bhi-menu-group{margin:8px 12px}.bhi-menu-group-title{display:block}.bhi-saas-shell.bhi-sidebar-collapsed .bhi-saas-menu{width:100%!important}.bhi-saas-shell.bhi-sidebar-collapsed .bhi-brand-text,.bhi-saas-shell.bhi-sidebar-collapsed .bhi-role-chip span,.bhi-saas-shell.bhi-sidebar-collapsed .bhi-menu-group-title{display:block!important}.bhi-saas-shell.bhi-sidebar-collapsed .bhi-saas-menu .bhi-menu-group a{text-align:left;letter-spacing:0;text-indent:0;padding:12px!important}.bhi-product-quick-actions{flex-direction:column}.bhi-product-quick-actions button{width:100%;}}

/* Step 20: tối ưu module, menu, filter một hàng và CRM kéo/thả */
.bhi-section-head p{display:none!important;}
.bhi-saas-menu{width:250px!important;padding:12px 10px!important;overflow-y:auto!important;}
.bhi-brand{padding:10px 10px!important;margin-bottom:6px!important;}
.bhi-brand-mark{width:36px!important;height:36px!important;min-width:36px!important;}
.bhi-role-chip{padding:8px 10px!important;margin:8px 4px 12px!important;font-size:13px!important;}
.bhi-menu-group{margin:10px 4px!important;}
.bhi-menu-group-title{font-size:10.5px!important;letter-spacing:.08em!important;margin:0 8px 5px!important;line-height:1.2!important;}
.bhi-saas-menu .bhi-menu-group a{padding:8px 10px!important;margin:1px 0!important;border-radius:10px!important;font-size:13px!important;line-height:1.2!important;min-height:34px!important;}
.bhi-saas-shell.bhi-sidebar-collapsed .bhi-saas-menu{width:72px!important;}
.bhi-saas-shell.bhi-sidebar-collapsed .bhi-saas-menu .bhi-menu-group a{padding:10px 0!important;min-height:36px!important;}
.bhi-manager-toolbar,.bhi-product-toolbar,.bhi-toolbar-one-row{display:flex!important;flex-wrap:nowrap!important;gap:8px!important;align-items:center!important;overflow-x:auto!important;white-space:nowrap!important;}
.bhi-manager-toolbar input,.bhi-manager-toolbar select,.bhi-product-toolbar input,.bhi-product-toolbar select{min-width:150px!important;max-width:240px!important;flex:0 0 auto!important;}
.bhi-manager-toolbar input:first-child,.bhi-product-toolbar input:first-child{min-width:320px!important;max-width:520px!important;flex:1 1 360px!important;}
.bhi-manager-toolbar button,.bhi-product-toolbar button{flex:0 0 auto!important;}
.bhi-products-manager-table{min-width:980px;}
.bhi-product-edit-input{width:100%;min-width:90px;border:1px solid #d7e0ea;border-radius:9px;padding:7px 9px;font-weight:700;background:#fff;box-sizing:border-box;}
.bhi-products-manager-table td:nth-child(2){min-width:280px;}
.bhi-products-manager-table td:nth-child(3){width:110px;}
.bhi-products-manager-table td:nth-child(4){width:130px;}
.bhi-products-manager-table td:nth-child(5){min-width:180px;}
.bhi-products-manager-table small{display:block;margin-top:4px;color:#64748b;}
.bhi-settings-import-box{margin-top:18px;border-top:1px solid #e5edf6;padding-top:18px;}
.bhi-settings-import-box>h3{margin:0 0 12px;font-size:20px;color:#0f2742;}
.bhi-crm-col{min-height:300px;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;}
.bhi-crm-col.is-over{background:#eef8ff!important;border-color:#7dd3fc!important;box-shadow:inset 0 0 0 2px rgba(14,165,233,.18);}
.bhi-crm-card{cursor:grab;}
.bhi-crm-card.is-dragging{opacity:.55;transform:rotate(1deg);cursor:grabbing;}
.bhi-crm-pipeline{align-items:stretch;}
@media(max-width:980px){.bhi-saas-menu .bhi-menu-group a{padding:9px 12px!important;font-size:13px!important}.bhi-manager-toolbar,.bhi-product-toolbar,.bhi-toolbar-one-row{flex-wrap:wrap!important}.bhi-manager-toolbar input,.bhi-manager-toolbar select,.bhi-product-toolbar input,.bhi-product-toolbar select{max-width:none!important;width:100%!important;flex:1 1 100%!important}.bhi-crm-pipeline{overflow-x:auto}}

/* =========================================================
   Step 21 - App Navigation kiểu KiotViet
   Menu ngang, dropdown nhóm, bỏ phụ thuộc sidebar trái.
========================================================= */
.bhi-saas-shell.bhi-kv-shell{
  display:block!important;
  min-height:100vh!important;
  background:#f5f7fb!important;
  overflow:visible!important;
}
.bhi-kv-shell .bhi-saas-main{
  max-width:none!important;
  width:100%!important;
  margin:0!important;
  padding:0 28px 40px!important;
  box-sizing:border-box!important;
}
.bhi-kv-appbar{
  position:sticky;
  top:0;
  z-index:80;
  display:flex;
  align-items:center;
  gap:18px;
  min-height:58px;
  margin:0 -28px 0;
  padding:0 28px;
  background:#fff;
  border-bottom:1px solid #dbe5f0;
  box-shadow:0 8px 24px rgba(15,23,42,.05);
}
.bhi-kv-brand{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:185px;
  color:#0b2f57;
}
.bhi-kv-brand-mark{
  width:34px;
  height:34px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#0284c7,#38bdf8);
  color:#fff;
  font-weight:800;
  box-shadow:0 10px 22px rgba(2,132,199,.22);
}
.bhi-kv-brand-text b{
  display:block;
  font-size:16px;
  line-height:1;
  font-weight:700!important;
  letter-spacing:-.02em;
}
.bhi-kv-brand-text small{
  display:block;
  margin-top:3px;
  color:#0284c7;
  font-size:10.5px;
  text-transform:uppercase;
  font-weight:600!important;
}
.bhi-kv-tabs{
  flex:1;
  min-width:0;
  display:flex;
  align-items:stretch;
  gap:2px;
  height:58px;
  overflow:visible;
}
.bhi-kv-tab-wrap{
  position:relative;
  display:flex;
  align-items:stretch;
}
.bhi-kv-tab{
  display:flex!important;
  align-items:center;
  gap:5px;
  height:58px;
  padding:0 14px;
  color:#0f172a!important;
  text-decoration:none!important;
  border-bottom:3px solid transparent;
  font-weight:600!important;
  font-size:14px;
  white-space:nowrap;
  transition:color .14s ease, background .14s ease, border-color .14s ease;
}
.bhi-kv-tab:hover,
.bhi-kv-tab.active,
.bhi-kv-tab-wrap.active>.bhi-kv-tab{
  color:#0073e6!important;
  border-bottom-color:#0073e6;
  background:#f0f7ff;
}
.bhi-kv-caret{
  font-size:13px;
  color:#64748b;
}
.bhi-kv-dropdown{
  position:absolute;
  left:0;
  top:calc(100% + 1px);
  min-width:210px;
  padding:8px;
  background:#fff;
  border:1px solid #dbe5f0;
  border-radius:0 0 14px 14px;
  box-shadow:0 16px 34px rgba(15,23,42,.12);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(6px);
  transition:opacity .14s ease, transform .14s ease, visibility .14s ease;
}
.bhi-kv-tab-wrap:hover>.bhi-kv-dropdown,
.bhi-kv-tab-wrap:focus-within>.bhi-kv-dropdown{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0);
}
.bhi-kv-dropdown a{
  display:flex!important;
  align-items:center;
  min-height:38px;
  padding:9px 11px;
  color:#0f2742!important;
  text-decoration:none!important;
  border-radius:10px;
  font-weight:500!important;
  font-size:14px;
  white-space:nowrap;
}
.bhi-kv-dropdown a:hover,
.bhi-kv-dropdown a.active{
  background:#edf7ff;
  color:#0073e6!important;
}
.bhi-kv-tools{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  min-width:max-content;
}
.bhi-kv-sale,
.bhi-kv-tool{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:38px;
  padding:0 14px;
  border-radius:10px;
  text-decoration:none!important;
  font-weight:700!important;
  font-size:14px;
  white-space:nowrap;
}
.bhi-kv-sale{
  background:#0073e6;
  color:#fff!important;
  box-shadow:0 10px 20px rgba(0,115,230,.18);
}
.bhi-kv-tool{
  background:#f8fafc;
  color:#0f172a!important;
  border:1px solid #dbe5f0;
}
.bhi-kv-tool:hover{background:#eef7ff;color:#0073e6!important;}
.bhi-kv-shell .bhi-app-topbar{
  position:relative!important;
  top:auto!important;
  z-index:1!important;
  margin:0 -28px 18px!important;
  padding:20px 28px!important;
  background:#f7faff!important;
  border-bottom:1px solid #dbe5f0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.bhi-kv-shell .bhi-app-topbar-actions{
  display:none!important;
}
.bhi-kv-shell .bhi-app-title h1{
  font-weight:700!important;
  font-size:24px!important;
}
.bhi-kv-shell .bhi-app-title p{
  font-weight:400!important;
}
.bhi-kv-overview{
  margin-top:18px!important;
}
.bhi-kv-overview-hero{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  padding:8px 0 18px;
  border-bottom:1px solid #edf2f7;
  margin-bottom:16px;
}
.bhi-kv-overview-kicker{
  display:block;
  color:#0284c7;
  font-size:12px;
  font-weight:700!important;
  text-transform:uppercase;
  letter-spacing:.06em;
  margin-bottom:4px;
}
.bhi-kv-overview h2{
  margin:0!important;
  color:#0b1220!important;
  font-size:24px!important;
  font-weight:700!important;
  letter-spacing:-.03em;
}
.bhi-kv-overview p{
  margin:6px 0 0;
  color:#64748b;
  font-weight:400!important;
}
.bhi-kv-overview-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
}
.bhi-kv-overview-actions a{
  text-decoration:none!important;
}
.bhi-kv-overview-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.bhi-kv-shortcuts{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-top:14px;
}
.bhi-kv-shortcuts a{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding:12px;
  background:#fff;
  border:1px solid #dbe5f0;
  border-radius:16px;
  color:#0f2742!important;
  text-decoration:none!important;
  font-weight:600!important;
  box-shadow:0 6px 18px rgba(15,23,42,.035);
}
.bhi-kv-shortcuts a:hover{
  background:#eef7ff;
  color:#0073e6!important;
}
/* ẩn sidebar cũ nếu plugin/theme còn cache HTML cũ */
.bhi-kv-shell>.bhi-saas-menu{display:none!important;}

@media(max-width:1180px){
  .bhi-kv-appbar{flex-wrap:wrap;height:auto;min-height:58px;padding-top:8px;padding-bottom:8px;}
  .bhi-kv-brand{min-width:160px;}
  .bhi-kv-tabs{order:3;width:100%;height:48px;overflow-x:auto;overflow-y:visible;scrollbar-width:thin;}
  .bhi-kv-tab{height:48px;padding:0 12px;}
  .bhi-kv-tools{margin-left:auto;}
}
@media(max-width:780px){
  .bhi-kv-shell .bhi-saas-main{padding:0 12px 28px!important;}
  .bhi-kv-appbar{margin:0 -12px;padding-left:12px;padding-right:12px;}
  .bhi-kv-brand-text small{display:none;}
  .bhi-kv-tool{padding:0 10px;}
  .bhi-kv-sale{padding:0 12px;}
  .bhi-kv-shell .bhi-app-topbar{margin:0 -12px 12px!important;padding:14px 12px!important;}
  .bhi-kv-overview-hero{display:block;}
  .bhi-kv-overview-actions{justify-content:flex-start;margin-top:12px;}
  .bhi-kv-overview-stats,.bhi-kv-shortcuts{grid-template-columns:1fr 1fr;}
}
@media(max-width:520px){
  .bhi-kv-tools{width:100%;justify-content:flex-start;overflow-x:auto;}
  .bhi-kv-tabs{gap:0;}
  .bhi-kv-tab{font-size:13px;padding:0 10px;}
  .bhi-kv-overview-stats,.bhi-kv-shortcuts{grid-template-columns:1fr;}
}
.admin-bar .bhi-kv-appbar{top:32px;}
@media(max-width:782px){.admin-bar .bhi-kv-appbar{top:46px;}}

/* =========================================================
   STEP 22 - POS + HÀNG HÓA UX TỐI ƯU KHÔNG GÂY CUỘN TRANG
========================================================= */
.bhi-kv-shell .bhi-app-topbar{display:none!important;}
.bhi-kv-shell .bhi-saas-main{padding-top:0!important;}
.bhi-kv-shell .bhi-panel{margin:16px 24px!important;}
.bhi-kv-shell .bhi-section-head{padding-bottom:10px!important;margin-bottom:10px!important;min-height:52px;}
.bhi-kv-shell .bhi-section-head p{display:none!important;}
.bhi-kv-shell .bhi-section-head h2{margin:0!important;font-size:22px!important;line-height:1.2!important;font-weight:700!important;}
.bhi-kv-shell .bhi-section-head>.bhi-soft-btn,
.bhi-kv-shell .bhi-section-head>.bhi-primary-btn{height:48px!important;align-self:center!important;}

/* POS: giữ nút in/tạo hóa đơn luôn nhìn thấy */
.bhi-kv-shell #pos.bhi-pos-panel{height:calc(100vh - 92px);overflow:hidden;padding:18px!important;display:flex;flex-direction:column;background:#f8fbff!important;}
.bhi-kv-shell #pos .bhi-pos-grid{flex:1;min-height:0;display:grid!important;grid-template-columns:minmax(250px,.75fr) minmax(520px,1.65fr) minmax(230px,.7fr)!important;gap:12px!important;align-items:stretch!important;}
.bhi-kv-shell #pos .bhi-pos-card{min-height:0!important;overflow:auto;padding:12px!important;border-radius:16px!important;}
.bhi-kv-shell #pos .bhi-pos-card h3{margin-bottom:8px!important;font-size:15px!important;}
.bhi-kv-shell #pos .bhi-pos-card label{margin:7px 0 4px!important;font-size:13px!important;}
.bhi-kv-shell #pos .bhi-pos-card input,
.bhi-kv-shell #pos .bhi-pos-card select,
.bhi-kv-shell #pos .bhi-pos-card textarea{min-height:38px!important;padding:8px 10px!important;font-size:14px!important;}
.bhi-kv-shell #pos .bhi-pos-card textarea{height:54px!important;min-height:54px!important;}
.bhi-pos-address-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:end;}
.bhi-kv-shell #pos .bhi-cart-card{display:flex;flex-direction:column;overflow:hidden!important;}
.bhi-kv-shell #pos .bhi-cart-table-wrap{flex:1;min-height:112px;max-height:none!important;overflow:auto!important;}
.bhi-kv-shell #pos .bhi-cart-actions{margin:8px 0!important;}
.bhi-kv-shell #pos .bhi-total-box{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px;margin-top:6px!important;padding-top:6px!important;}
.bhi-kv-shell #pos .bhi-total-box p,
.bhi-kv-shell #pos .bhi-total-box h3{margin:3px 0!important;font-size:14px!important;}
.bhi-kv-shell #pos .bhi-total-box h3{grid-column:1/-1;}
.bhi-kv-shell #pos .bhi-invoice-note{height:44px!important;margin-top:6px!important;}
.bhi-kv-shell #pos .bhi-submit-row{position:sticky;bottom:0;z-index:30;background:rgba(255,255,255,.98);padding:8px 0 0;margin-top:6px;border-top:1px solid #e6edf5;}
.bhi-kv-shell #pos .bhi-submit-row button{min-height:44px!important;font-weight:700!important;}
.bhi-kv-shell #pos .bhi-products-quick{overflow:hidden!important;}
.bhi-kv-shell #pos #bhiQuickProducts{flex:1;min-height:0;overflow:auto;}
.bhi-kv-shell #pos .bhi-quick-product{padding:8px!important;margin-bottom:3px!important;}

/* Hàng hóa: gộp sản phẩm + tồn kho, bảng là trung tâm */
.bhi-kv-shell #products.bhi-goods-panel{height:calc(100vh - 92px);overflow:hidden;padding:18px!important;display:flex;flex-direction:column;}
.bhi-goods-workbench{flex:1;min-height:0;display:grid;grid-template-columns:310px minmax(0,1fr);gap:14px;align-items:stretch;}
.bhi-goods-quick-add{height:100%;overflow:auto;align-content:start;}
.bhi-goods-quick-add textarea{height:150px!important;min-height:150px!important;}
.bhi-goods-table-area{min-width:0;display:flex;flex-direction:column;min-height:0;}
.bhi-goods-table-area .bhi-manager-toolbar{flex:0 0 auto;}
.bhi-goods-table-area #bhiProductsTable{flex:1;min-height:0;display:flex;flex-direction:column;}
.bhi-goods-table-area #bhiProductsTable>.bhi-table-scroll{flex:1;min-height:0;overflow:auto;}
.bhi-products-manager-table th{position:sticky;top:0;z-index:5;}
.bhi-products-manager-table td{vertical-align:middle!important;}
.bhi-products-manager-table .bhi-product-edit-input{height:36px!important;min-height:36px!important;padding:7px 9px!important;font-size:14px!important;}
.bhi-stock-edit-cell{min-width:210px;}
.bhi-stock-current{margin-bottom:6px;}
.bhi-stock-quick{display:flex;align-items:center;gap:5px;flex-wrap:nowrap;}
.bhi-stock-quick input{width:62px!important;height:32px!important;min-height:32px!important;padding:4px 6px!important;}
.bhi-stock-quick button{height:32px;border:0;border-radius:8px;background:#eef6ff;color:#075985;font-size:12px;font-weight:700;cursor:pointer;padding:0 8px;}
.bhi-stock-quick button:hover{background:#dff1ff;}

/* Báo cáo tồn kho: bảng và log nằm trong màn hình */
.bhi-kv-shell #inventory{height:calc(100vh - 92px);overflow:hidden;padding:18px!important;display:flex;flex-direction:column;}
.bhi-kv-shell #inventory .bhi-mini-stats{flex:0 0 auto;}
.bhi-kv-shell #inventory #bhiInventoryTable{flex:1;min-height:0;display:flex;flex-direction:column;}
.bhi-kv-shell #inventory #bhiInventoryTable>.bhi-table-scroll{flex:1;min-height:0;overflow:auto;}
.bhi-kv-shell #inventory .bhi-inventory-log-box{flex:0 0 225px;overflow:hidden;margin-top:10px!important;display:flex;flex-direction:column;}
.bhi-kv-shell #inventory .bhi-inventory-log-box h3{margin:0 0 8px!important;font-size:16px!important;}
.bhi-kv-shell #inventory #bhiInventoryLogs{flex:1;min-height:0;display:flex;flex-direction:column;}
.bhi-kv-shell #inventory #bhiInventoryLogs>.bhi-table-scroll{flex:1;min-height:0;overflow:auto;}

/* Các trang bảng dữ liệu ưu tiên dữ liệu, tránh cuộn trang chính */
.bhi-kv-shell #orders,
.bhi-kv-shell #customers,
.bhi-kv-shell #crm,
.bhi-kv-shell #dashboard{max-height:calc(100vh - 92px);overflow:auto;}
.bhi-kv-shell .bhi-manager-toolbar{gap:8px!important;align-items:center!important;}
.bhi-kv-shell .bhi-manager-toolbar input,
.bhi-kv-shell .bhi-manager-toolbar select{height:38px!important;min-height:38px!important;font-size:14px!important;}

@media(max-width:1300px){
  .bhi-kv-shell #pos.bhi-pos-panel,
  .bhi-kv-shell #products.bhi-goods-panel,
  .bhi-kv-shell #inventory{height:auto;min-height:calc(100vh - 92px);overflow:visible;}
  .bhi-kv-shell #pos .bhi-pos-grid{grid-template-columns:1fr!important;}
  .bhi-goods-workbench{grid-template-columns:1fr;}
  .bhi-kv-shell #pos .bhi-submit-row{position:sticky;bottom:0;}
}
@media(max-width:720px){
  .bhi-kv-shell .bhi-panel{margin:12px!important;padding:14px!important;}
  .bhi-pos-address-row{grid-template-columns:1fr;}
  .bhi-kv-shell #pos .bhi-total-box{grid-template-columns:1fr;}
}

/* =========================================================
   STEP 23 - DATA FIRST UX: POS compact, tables, CRM, products
========================================================= */
.bhi-kv-shell .bhi-panel{margin:10px 18px!important;padding:12px 18px!important;border-radius:16px!important;}
.bhi-kv-shell .bhi-section-head{min-height:38px!important;padding-bottom:8px!important;margin-bottom:10px!important;align-items:center!important;}
.bhi-kv-shell .bhi-section-head h2{font-size:18px!important;line-height:1.15!important;font-weight:650!important;}
.bhi-kv-shell .bhi-section-head>.bhi-soft-btn,
.bhi-kv-shell .bhi-section-head>.bhi-primary-btn,
.bhi-compact-action{height:38px!important;min-height:38px!important;padding:0 14px!important;border-radius:10px!important;font-size:13px!important;font-weight:700!important;}

.bhi-kv-shell #pos.bhi-pos-panel{height:calc(100vh - 74px)!important;padding:10px 16px!important;}
.bhi-kv-shell #pos .bhi-pos-grid{grid-template-columns:minmax(250px,.8fr) minmax(560px,1.65fr) minmax(310px,.95fr)!important;gap:10px!important;}
.bhi-kv-shell #pos .bhi-pos-card{padding:10px!important;border-radius:14px!important;}
.bhi-kv-shell #pos .bhi-pos-card h3{font-size:14px!important;margin:0 0 7px!important;font-weight:650!important;}
.bhi-kv-shell #pos .bhi-pos-card label{font-size:12px!important;margin:5px 0 3px!important;font-weight:650!important;}
.bhi-kv-shell #pos .bhi-pos-card input,
.bhi-kv-shell #pos .bhi-pos-card select,
.bhi-kv-shell #pos .bhi-pos-card textarea{min-height:34px!important;height:34px!important;padding:6px 9px!important;font-size:13px!important;border-radius:10px!important;}
.bhi-kv-shell #pos .bhi-pos-card textarea{height:48px!important;min-height:48px!important;}
.bhi-pos-address-row{gap:7px!important;}
.bhi-pos-tabs{display:flex;gap:5px;align-items:center;overflow-x:auto;margin-bottom:6px;padding-bottom:2px;}
.bhi-pos-tabs button{border:1px solid #dbe7f3;background:#fff;color:#334155;border-radius:999px;min-height:28px;padding:0 10px;font-size:12px;font-weight:650;white-space:nowrap;cursor:pointer;}
.bhi-pos-tabs button.active{background:#0ea5e9;color:#fff;border-color:#0ea5e9;}
.bhi-pos-tabs .bhi-pos-tab-add{background:#f1f5f9;color:#0f172a;}
.bhi-doc-switch-compact{display:flex!important;gap:6px!important;justify-content:flex-start!important;width:auto!important;margin:0 0 8px!important;background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important;}
.bhi-doc-switch-compact .bhi-doc-type-btn{border:1px solid #cfe1f4;background:#fff;color:#0f2742;border-radius:999px;height:30px;padding:0 12px;font-size:12px;font-weight:700;cursor:pointer;}
.bhi-doc-switch-compact .bhi-doc-type-btn.active{background:#0284c7;color:#fff;border-color:#0284c7;box-shadow:0 6px 14px rgba(2,132,199,.15);}
.bhi-kv-shell #pos .bhi-cart-actions{display:flex;gap:6px;margin:6px 0!important;}
.bhi-kv-shell #pos .bhi-cart-actions button{height:34px!important;padding:0 10px!important;border-radius:9px!important;font-size:12px!important;font-weight:700!important;}
.bhi-kv-shell #pos .bhi-total-box{display:block!important;margin-top:6px!important;padding-top:6px!important;}
.bhi-kv-shell #pos .bhi-total-box p,
.bhi-kv-shell #pos .bhi-total-box h3{display:grid!important;grid-template-columns:120px minmax(0,1fr);align-items:center;gap:8px;margin:4px 0!important;font-size:13px!important;}
.bhi-kv-shell #pos .bhi-total-box p>b,
.bhi-kv-shell #pos .bhi-total-box h3>span{justify-self:end;text-align:right;}
.bhi-kv-shell #pos .bhi-total-box input,
.bhi-kv-shell #pos .bhi-total-box select{justify-self:end;max-width:145px!important;width:145px!important;height:32px!important;min-height:32px!important;}
.bhi-kv-shell #pos .bhi-invoice-note{height:42px!important;min-height:42px!important;}
.bhi-submit-row-side{position:static!important;display:grid!important;grid-template-columns:1fr;gap:8px!important;margin-top:8px!important;padding-top:8px!important;border-top:1px solid #e6edf5!important;background:transparent!important;}
.bhi-submit-row-side button{height:42px!important;min-height:42px!important;font-size:13px!important;}
.bhi-kv-shell #pos #bhiQuickProducts{display:grid!important;grid-template-columns:1fr 1fr;gap:6px;overflow:hidden!important;align-content:start;}
.bhi-kv-shell #pos .bhi-quick-product{text-transform:none!important;padding:7px 8px!important;min-height:62px;border:1px solid #eef2f7!important;border-radius:12px!important;margin:0!important;}
.bhi-kv-shell #pos .bhi-quick-product span{text-transform:none!important;font-size:12.5px!important;line-height:1.25;white-space:normal!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.bhi-kv-shell #pos .bhi-quick-product b{font-size:12px!important;}
.bhi-qty-control{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:4px;}
.bhi-qty-control input{width:54px!important;text-align:center!important;}
.bhi-qty-control button{opacity:0;visibility:hidden;width:24px!important;height:24px!important;border-radius:999px!important;background:#eef2f7!important;color:#0f172a!important;border:0!important;line-height:1!important;font-weight:700!important;cursor:pointer;}
.bhi-qty-control:hover button,.bhi-qty-control:focus-within button{opacity:1;visibility:visible;}
.bhi-cart-remove{width:22px!important;height:22px!important;}

.bhi-kv-shell #products.bhi-goods-panel{height:calc(100vh - 74px)!important;padding:12px 16px!important;}
.bhi-goods-full{flex:1;min-height:0;display:flex;flex-direction:column;}
.bhi-goods-full #bhiProductsTable{flex:1;min-height:0;display:flex;flex-direction:column;}
.bhi-goods-full #bhiProductsTable>.bhi-table-scroll{flex:1;min-height:0;overflow:auto;}
.bhi-products-manager-table tbody tr{cursor:pointer;}
.bhi-products-manager-table tbody tr:hover{background:#f8fbff;}
.bhi-products-manager-table tr.is-editing{background:#fff7ed!important;}
.bhi-product-bulk-modal textarea{width:100%;min-height:220px;border:1px solid #d7e0ea;border-radius:12px;padding:12px;box-sizing:border-box;font-size:14px;}
.bhi-product-bulk-modal .bhi-help-box{margin-top:10px;}
.bhi-center{text-align:center!important;}

.bhi-kv-shell #orders,
.bhi-kv-shell #customers,
.bhi-kv-shell #crm,
.bhi-kv-shell #dashboard{max-height:calc(100vh - 74px)!important;overflow:auto!important;padding:12px 16px!important;}
.bhi-kv-shell .bhi-manager-toolbar{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;gap:7px!important;padding:10px!important;border-radius:14px!important;}
.bhi-kv-shell .bhi-manager-toolbar input,
.bhi-kv-shell .bhi-manager-toolbar select{height:34px!important;min-height:34px!important;font-size:13px!important;min-width:160px;flex:0 0 auto;}
.bhi-kv-shell .bhi-manager-toolbar input:first-child{min-width:280px;}
.bhi-kv-shell .bhi-manager-toolbar button,.bhi-kv-shell .bhi-manager-toolbar a{height:34px!important;min-height:34px!important;padding:0 12px!important;font-size:12px!important;flex:0 0 auto;}
.bhi-orders-table{min-width:1280px;}
.bhi-orders-table th,.bhi-orders-table td{white-space:nowrap;}
.bhi-orders-table td:nth-child(4){white-space:normal;min-width:150px;}

.bhi-crm-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 320px;gap:12px!important;}
#bhiCrmSummary.bhi-mini-stats{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:8px 0 10px!important;}
#bhiCrmSummary.bhi-mini-stats>div{padding:10px 12px!important;min-height:52px!important;}
#bhiCrmSummary span{font-size:11px!important;text-transform:uppercase;letter-spacing:.03em;color:#64748b;}
#bhiCrmSummary b{font-size:15px!important;}
.bhi-crm-col h3{background:#f1f7ff!important;border:1px solid #dbeafe!important;border-radius:12px!important;padding:9px 10px!important;font-size:14px!important;font-weight:750!important;color:#0b2f57!important;}
.bhi-crm-col h3 span{float:right;background:#dbeafe;color:#075985;border-radius:999px;padding:2px 8px;font-size:12px;}
.bhi-crm-card-title{font-size:14px!important;font-weight:750!important;color:#0f2742!important;}

@media(max-width:1300px){
  .bhi-kv-shell #pos.bhi-pos-panel,.bhi-kv-shell #products.bhi-goods-panel{height:auto!important;min-height:calc(100vh - 74px)!important;}
  .bhi-kv-shell #pos .bhi-pos-grid{grid-template-columns:1fr!important;}
  .bhi-submit-row-side{position:sticky!important;bottom:0;background:#fff!important;}
  .bhi-crm-layout{grid-template-columns:1fr!important;}
  #bhiCrmSummary.bhi-mini-stats{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:720px){
  .bhi-kv-shell #pos #bhiQuickProducts{grid-template-columns:1fr;}
  #bhiCrmSummary.bhi-mini-stats{grid-template-columns:1fr;}
}

/* =========================================================
   STEP 24 - APP FIT SCREEN + POS KIOT-LIKE + CRM 5 CỘT
   Ưu tiên dữ liệu, không cuộn trang chính, không cuộn ngang ngoài bảng.
========================================================= */
body.bhi-saas-app-page{overflow:hidden!important;background:#f4f7fb!important;}
body.bhi-saas-app-page #wpadminbar{position:fixed!important;}
.bhi-kv-shell{height:100vh!important;max-height:100vh!important;overflow:hidden!important;background:#f4f7fb!important;}
.bhi-kv-shell .bhi-saas-main{height:100vh!important;max-height:100vh!important;overflow:hidden!important;padding:0 16px 0!important;display:flex!important;flex-direction:column!important;}
.admin-bar .bhi-kv-shell,.admin-bar .bhi-kv-shell .bhi-saas-main{height:calc(100vh - 32px)!important;max-height:calc(100vh - 32px)!important;}
@media(max-width:782px){.admin-bar .bhi-kv-shell,.admin-bar .bhi-kv-shell .bhi-saas-main{height:calc(100vh - 46px)!important;max-height:calc(100vh - 46px)!important;}}
.bhi-kv-appbar{flex:0 0 52px!important;min-height:52px!important;height:52px!important;margin:0 -16px!important;padding:0 16px!important;box-shadow:0 2px 10px rgba(15,23,42,.05)!important;}
.bhi-kv-tabs{height:52px!important;}
.bhi-kv-tab{height:52px!important;padding:0 12px!important;font-size:13px!important;border-bottom-width:2px!important;}
.bhi-kv-tool,.bhi-kv-sale{min-height:34px!important;height:34px!important;border-radius:9px!important;padding:0 12px!important;font-size:13px!important;font-weight:600!important;}
.bhi-kv-brand{min-width:170px!important;}
.bhi-kv-brand-mark{width:32px!important;height:32px!important;border-radius:10px!important;}
.bhi-kv-brand-text b{font-size:15px!important;}
.bhi-kv-brand-text small{font-size:10px!important;}
.bhi-kv-shell .bhi-panel{flex:1 1 auto!important;min-height:0!important;height:calc(100vh - 72px)!important;margin:10px 8px!important;padding:10px 14px!important;overflow:hidden!important;border-radius:14px!important;display:flex!important;flex-direction:column!important;}
.admin-bar .bhi-kv-shell .bhi-panel{height:calc(100vh - 104px)!important;}
.bhi-kv-shell .bhi-section-head{flex:0 0 auto!important;min-height:34px!important;padding:0 0 8px!important;margin:0 0 8px!important;border-bottom:1px solid #edf2f7!important;}
.bhi-kv-shell .bhi-section-head h2{font-size:17px!important;font-weight:650!important;letter-spacing:-.01em!important;}
.bhi-kv-shell .bhi-section-head p{display:none!important;}
.bhi-kv-shell .bhi-section-head>.bhi-soft-btn,.bhi-kv-shell .bhi-section-head>.bhi-primary-btn{height:34px!important;min-height:34px!important;padding:0 12px!important;border-radius:9px!important;font-size:12px!important;}
.bhi-pos-head-new{display:none!important;}

.bhi-kv-shell #pos.bhi-pos-panel{height:calc(100vh - 72px)!important;padding:10px 14px!important;background:#f6f9fd!important;}
.admin-bar .bhi-kv-shell #pos.bhi-pos-panel{height:calc(100vh - 104px)!important;}
.bhi-kv-shell #pos .bhi-pos-grid{flex:1 1 auto!important;min-height:0!important;display:grid!important;grid-template-columns:minmax(240px,.72fr) minmax(600px,1.7fr) minmax(300px,.82fr)!important;gap:9px!important;}
.bhi-kv-shell #pos .bhi-pos-card{padding:9px!important;border-radius:13px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;}
.bhi-kv-shell #pos .bhi-pos-card h3{font-size:13px!important;margin:0 0 6px!important;font-weight:600!important;}
.bhi-kv-shell #pos .bhi-pos-card label{font-size:11.5px!important;margin:4px 0 2px!important;font-weight:600!important;}
.bhi-kv-shell #pos .bhi-pos-card input,.bhi-kv-shell #pos .bhi-pos-card select,.bhi-kv-shell #pos .bhi-pos-card textarea{min-height:30px!important;height:30px!important;padding:5px 8px!important;font-size:12.5px!important;border-radius:9px!important;}
.bhi-kv-shell #pos .bhi-pos-card textarea{height:42px!important;min-height:42px!important;}
.bhi-kv-shell #pos .bhi-cart-card{padding-top:0!important;}
.bhi-pos-tabs{height:38px;margin:-9px -9px 6px!important;padding:0!important;background:#0876df!important;border-radius:13px 13px 0 0;overflow-x:auto;gap:0!important;align-items:stretch!important;}
.bhi-pos-tabs .bhi-pos-tab{position:relative;display:inline-flex;align-items:center;gap:8px;height:38px!important;min-width:126px;border:0!important;border-right:1px solid rgba(255,255,255,.25)!important;border-radius:0!important;background:#0876df!important;color:#fff!important;padding:0 12px!important;font-size:13px!important;font-weight:500!important;}
.bhi-pos-tabs .bhi-pos-tab.active{background:#fff!important;color:#0b2f57!important;font-weight:650!important;}
.bhi-pos-tabs .bhi-pos-tab em{font-style:normal;margin-left:auto;opacity:.75;font-size:16px;line-height:1;}
.bhi-pos-tabs .bhi-pos-tab em:hover{opacity:1;color:#ef4444;}
.bhi-pos-tab-plus{height:38px!important;width:38px!important;border:0!important;border-left:1px solid rgba(255,255,255,.25)!important;background:#0876df!important;color:#fff!important;border-radius:0!important;font-size:20px!important;font-weight:400!important;}
.bhi-pos-type-line{display:flex;justify-content:flex-end;margin:0 0 4px!important;}
.bhi-pos-type-toggle{height:28px!important;min-height:28px!important;border:1px solid #dbe7f3!important;background:#f8fbff!important;color:#0f2742!important;border-radius:999px!important;padding:0 10px!important;font-size:12px!important;font-weight:500!important;}
.bhi-kv-shell #pos .bhi-cart-table-wrap{flex:1 1 auto!important;min-height:160px!important;overflow:auto!important;border-radius:10px!important;}
.bhi-kv-shell #pos .bhi-cart-table th,.bhi-kv-shell #pos .bhi-cart-table td{padding:5px 6px!important;font-size:12.5px!important;}
.bhi-kv-shell #pos .bhi-cart-table input{height:28px!important;min-height:28px!important;border:0!important;border-bottom:1px solid #d8e4f0!important;border-radius:0!important;background:transparent!important;padding:3px 4px!important;}
.bhi-kv-shell #pos .bhi-cart-actions{margin:5px 0!important;}
.bhi-kv-shell #pos .bhi-cart-actions button{height:28px!important;min-height:28px!important;text-transform:none!important;font-size:12px!important;font-weight:500!important;padding:0 9px!important;border-radius:8px!important;}
.bhi-kv-shell #pos .bhi-total-box{margin-top:4px!important;padding:5px 0 0!important;border-top:1px solid #e7eef6!important;}
.bhi-kv-shell #pos .bhi-total-box p,.bhi-kv-shell #pos .bhi-total-box h3{height:26px!important;min-height:26px!important;display:grid!important;grid-template-columns:135px minmax(0,1fr)!important;align-items:center!important;margin:0!important;font-size:12.5px!important;border-bottom:1px dashed #edf2f7;}
.bhi-kv-shell #pos .bhi-total-box p>b,.bhi-kv-shell #pos .bhi-total-box h3>span{justify-self:end;text-align:right;}
.bhi-kv-shell #pos .bhi-total-box input,.bhi-kv-shell #pos .bhi-total-box select{justify-self:end!important;max-width:130px!important;width:130px!important;height:24px!important;min-height:24px!important;border:0!important;border-bottom:1px solid #ccd9e8!important;border-radius:0!important;background:transparent!important;text-align:right!important;padding:0 3px!important;}
.bhi-kv-shell #pos .bhi-invoice-note{height:34px!important;min-height:34px!important;margin-top:4px!important;}
.bhi-kv-shell #pos .bhi-products-quick{overflow:hidden!important;}
.bhi-kv-shell #pos #bhiQuickProducts{flex:1 1 auto!important;min-height:0!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:5px!important;overflow:hidden!important;align-content:start!important;}
.bhi-kv-shell #pos .bhi-quick-product{min-height:56px!important;padding:6px 7px!important;border-radius:10px!important;text-align:left!important;background:#fff!important;}
.bhi-kv-shell #pos .bhi-quick-product span{font-size:12px!important;font-weight:500!important;line-height:1.22!important;text-transform:none!important;}
.bhi-kv-shell #pos .bhi-quick-product b{font-size:11.5px!important;font-weight:600!important;color:#0284c7!important;}
.bhi-kv-shell #pos #bhiQuickPager{flex:0 0 auto!important;margin:6px 0!important;}
.bhi-submit-row-side{flex:0 0 auto!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;margin-top:4px!important;padding-top:6px!important;border-top:1px solid #e7eef6!important;}
.bhi-submit-row-side button{height:36px!important;min-height:36px!important;font-size:12px!important;font-weight:600!important;border-radius:9px!important;}
.bhi-qty-control input{width:44px!important;}
.bhi-qty-control button{width:22px!important;height:22px!important;font-size:13px!important;}

.bhi-kv-shell #orders,.bhi-kv-shell #customers,.bhi-kv-shell #crm,.bhi-kv-shell #dashboard,.bhi-kv-shell #products,.bhi-kv-shell #inventory{height:calc(100vh - 72px)!important;max-height:calc(100vh - 72px)!important;overflow:hidden!important;}
.admin-bar .bhi-kv-shell #orders,.admin-bar .bhi-kv-shell #customers,.admin-bar .bhi-kv-shell #crm,.admin-bar .bhi-kv-shell #dashboard,.admin-bar .bhi-kv-shell #products,.admin-bar .bhi-kv-shell #inventory{height:calc(100vh - 104px)!important;max-height:calc(100vh - 104px)!important;}
.bhi-kv-shell .bhi-manager-toolbar{flex:0 0 auto!important;display:flex!important;flex-wrap:nowrap!important;overflow:hidden!important;gap:6px!important;padding:8px!important;border-radius:12px!important;margin-bottom:8px!important;}
.bhi-kv-shell .bhi-manager-toolbar input,.bhi-kv-shell .bhi-manager-toolbar select{height:30px!important;min-height:30px!important;font-size:12.5px!important;min-width:145px!important;}
.bhi-kv-shell .bhi-manager-toolbar input:first-child{min-width:250px!important;flex:1 1 auto!important;}
.bhi-kv-shell .bhi-manager-toolbar button,.bhi-kv-shell .bhi-manager-toolbar a{height:30px!important;min-height:30px!important;padding:0 10px!important;font-size:12px!important;border-radius:8px!important;}
.bhi-mini-stats{flex:0 0 auto!important;margin:0 0 8px!important;gap:6px!important;}
.bhi-mini-stats>div{padding:8px 10px!important;min-height:45px!important;border-radius:10px!important;}
.bhi-mini-stats span{font-size:11px!important;}
.bhi-mini-stats b{font-size:15px!important;}
#bhiOrdersManager,#bhiCustomersTable,#bhiProductsTable,#bhiInventoryTable{flex:1 1 auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;}
#bhiOrdersManager>.bhi-table-scroll,#bhiCustomersTable>.bhi-table-scroll,#bhiProductsTable>.bhi-table-scroll,#bhiInventoryTable>.bhi-table-scroll{flex:1 1 auto!important;min-height:0!important;overflow:auto!important;}
#bhiOrdersManager>.bhi-pager,#bhiCustomersTable>.bhi-pager,#bhiProductsTable>.bhi-pager,#bhiInventoryTable>.bhi-pager{flex:0 0 auto!important;margin:6px 0 0!important;}
.bhi-table{font-size:12.5px!important;}
.bhi-table th,.bhi-table td{padding:7px 8px!important;}
.bhi-orders-table{min-width:0!important;width:100%!important;}
.bhi-orders-table th,.bhi-orders-table td{white-space:normal!important;}
.bhi-goods-full{flex:1 1 auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;}
.bhi-products-manager-table tbody tr{cursor:pointer;}
.bhi-products-manager-table th:nth-child(2),.bhi-products-manager-table td:nth-child(2){min-width:260px;}
.bhi-products-manager-table .bhi-product-edit-input{height:28px!important;min-height:28px!important;font-size:12.5px!important;padding:4px 6px!important;}
.bhi-stock-quick input{height:26px!important;min-height:26px!important;width:54px!important;}
.bhi-stock-quick button{height:26px!important;font-size:11.5px!important;padding:0 6px!important;}
#customers .bhi-manager-toolbar{overflow:visible!important;}
#bhiCustomerProvince,#bhiCustomerWard{min-width:145px!important;}
#bhiCustomersTable .bhi-center .bhi-soft-mini{display:inline-flex;align-items:center;justify-content:center;height:30px;min-width:70px;}
.bhi-crm-layout-full{flex:1 1 auto!important;min-height:0!important;display:flex!important;}
#crm .bhi-manager-toolbar{max-width:100%;}
#bhiCrmSummary.bhi-mini-stats{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:6px!important;}
#bhiCrmPipeline{flex:1 1 auto!important;min-height:0!important;display:grid!important;grid-template-columns:repeat(5,minmax(170px,1fr))!important;gap:8px!important;overflow:hidden!important;align-items:stretch!important;}
#bhiCrmPipeline>.bhi-pager{grid-column:1/-1;align-self:end;margin-top:4px!important;}
.bhi-crm-col{min-height:0!important;height:100%!important;overflow:auto!important;border-radius:12px!important;padding:8px!important;}
.bhi-crm-col h3{position:sticky;top:0;z-index:3;margin:0 0 8px!important;padding:8px 9px!important;font-size:13px!important;font-weight:700!important;background:#eaf5ff!important;border-color:#cfe8ff!important;}
.bhi-crm-card{padding:8px!important;border-radius:10px!important;margin-bottom:7px!important;}
.bhi-crm-card-title{font-size:13px!important;font-weight:650!important;}
.bhi-crm-card small{font-size:11.5px!important;}
.bhi-crm-value{font-size:13px!important;margin:4px 0!important;}
.bhi-crm-actions{gap:4px!important;}
.bhi-crm-actions .bhi-soft-mini,.bhi-crm-actions .bhi-primary-mini{height:25px!important;min-height:25px!important;padding:0 7px!important;font-size:11px!important;border-radius:7px!important;}
.bhi-crm-side{display:none!important;}
@media(max-width:1200px){body.bhi-saas-app-page{overflow:auto!important;}.bhi-kv-shell,.bhi-kv-shell .bhi-saas-main{height:auto!important;max-height:none!important;overflow:visible!important;}.bhi-kv-shell .bhi-panel,.bhi-kv-shell #pos.bhi-pos-panel,.bhi-kv-shell #orders,.bhi-kv-shell #customers,.bhi-kv-shell #crm,.bhi-kv-shell #products,.bhi-kv-shell #inventory{height:auto!important;max-height:none!important;min-height:calc(100vh - 72px)!important;overflow:visible!important;}.bhi-kv-shell #pos .bhi-pos-grid{grid-template-columns:1fr!important;}#bhiCrmPipeline{grid-template-columns:repeat(5,220px)!important;overflow-x:auto!important;}}

/* =========================================================
   STEP 24.1 HOTFIX - ẨN ĐÚNG MODULE ĐANG KHÔNG ACTIVE
   Lỗi trước đó: .bhi-kv-shell .bhi-panel dùng display:flex!important
   làm thuộc tính hidden của các section bị vô hiệu, khiến tất cả trang
   hiện thành một cục. Rule này phải đặt CUỐI FILE để thắng mọi display.
========================================================= */
.bhi-kv-shell .bhi-app-section[hidden],
.bhi-kv-shell .bhi-panel[hidden],
.bhi-kv-shell .bhi-grid-4.bhi-app-section[hidden],
.bhi-kv-shell main > .bhi-app-section[hidden],
.bhi-saas-main > .bhi-app-section[hidden]{
  display:none!important;
}
.bhi-kv-shell .bhi-app-section:not([hidden]).bhi-panel{
  display:flex!important;
}
.bhi-kv-shell .bhi-app-section:not([hidden]).bhi-grid-4{
  display:grid!important;
}

/* =========================================================
   STEP 27 - APP FONT + POS DRAFT UX + PRINT TEMPLATE UX
   Mặc định dùng system font, font dễ đọc, nút gọn hơn, POS ưu tiên bảng dữ liệu.
========================================================= */
.bhi-register-card,.bhi-saas-shell,.bhi-modal,.bhi-saas-shell *,.bhi-modal *{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;
}
.bhi-saas-shell{font-size:14px!important;line-height:1.38!important;}
.bhi-saas-shell h1{font-size:20px!important;font-weight:650!important;}
.bhi-saas-shell h2{font-size:18px!important;font-weight:650!important;}
.bhi-saas-shell h3{font-size:15px!important;font-weight:650!important;}
.bhi-table,.bhi-manager-table,.bhi-cart-table{font-size:13.5px!important;}
.bhi-table th,.bhi-manager-table th,.bhi-cart-table th{font-weight:650!important;color:#10233f!important;}
.bhi-table td,.bhi-manager-table td,.bhi-cart-table td{font-weight:400!important;color:#162033!important;}
.bhi-primary-btn,.bhi-secondary-btn,.bhi-soft-btn,.bhi-primary-mini,.bhi-dark-mini,.bhi-soft-mini,.bhi-kv-tool,.bhi-kv-sale,.bhi-cart-actions button,.bhi-submit-row button,.bhi-actions-cell button{
  border-radius:5px!important;
  padding:6px 10px!important;
  min-height:30px!important;
  height:auto!important;
  font-size:13px!important;
  font-weight:600!important;
  box-shadow:none!important;
  text-transform:none!important;
}
.bhi-soft-btn,.bhi-secondary-btn,.bhi-soft-mini{background:#f2f6fb!important;border:1px solid #d7e1ec!important;color:#10233f!important;}
.bhi-primary-btn,.bhi-primary-mini,.bhi-kv-sale{background:#0787d8!important;color:#fff!important;border:1px solid #0787d8!important;}
.bhi-dark-mini,.bhi-cart-actions button{background:#2f4056!important;color:#fff!important;border:1px solid #2f4056!important;}
.bhi-pager{margin-top:6px!important;flex:0 0 auto!important;}
.bhi-pager button{border-radius:5px!important;width:28px!important;height:28px!important;font-size:15px!important;background:#edf3f8!important;}

/* POS: tab gắn cột giữa, trượt ngang và ưu tiên diện tích sản phẩm */
.bhi-kv-shell #pos .bhi-cart-card{padding-top:0!important;}
.bhi-pos-tabs{display:flex!important;white-space:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:thin!important;}
.bhi-pos-tabs .bhi-pos-tab{flex:0 0 auto!important;min-width:108px!important;max-width:170px!important;height:34px!important;padding:0 10px!important;font-size:13px!important;}
.bhi-pos-tab-plus{flex:0 0 34px!important;height:34px!important;width:34px!important;}
.bhi-pos-type-line{height:28px!important;margin:0 0 4px!important;}
.bhi-pos-type-toggle{border-radius:5px!important;height:26px!important;min-height:26px!important;padding:0 8px!important;background:#fff!important;}
.bhi-kv-shell #pos .bhi-cart-table-wrap{min-height:220px!important;}
.bhi-kv-shell #pos .bhi-cart-table input{font-size:13px!important;}
.bhi-pos-checkout-grid{display:grid!important;grid-template-columns:160px minmax(0,1fr)!important;gap:8px!important;margin-top:5px!important;align-items:start!important;}
.bhi-pos-checkout-grid .bhi-cart-actions{display:flex!important;flex-direction:column!important;gap:6px!important;margin:0!important;}
.bhi-pos-checkout-grid .bhi-cart-actions button{width:100%!important;height:28px!important;min-height:28px!important;justify-content:center!important;}
.bhi-pos-checkout-grid .bhi-total-box{margin:0!important;padding:0!important;border-top:0!important;}
.bhi-kv-shell #pos .bhi-total-box p,.bhi-kv-shell #pos .bhi-total-box h3{
  height:24px!important;min-height:24px!important;grid-template-columns:150px minmax(0,1fr)!important;font-size:13px!important;
}
.bhi-kv-shell #pos .bhi-total-box input,.bhi-kv-shell #pos .bhi-total-box select{
  height:22px!important;min-height:22px!important;font-size:13px!important;width:140px!important;max-width:140px!important;
}
.bhi-invoice-note-left{background:#fff7ed!important;border-color:#fed7aa!important;height:46px!important;min-height:46px!important;}
.bhi-kv-shell #pos .bhi-invoice-note-left{height:46px!important;min-height:46px!important;}
.bhi-kv-shell #pos .bhi-pos-card textarea#bhiPosInternalNote{height:46px!important;min-height:46px!important;}
.bhi-kv-shell #pos .bhi-quick-product{border-radius:5px!important;min-height:46px!important;padding:6px!important;}
.bhi-kv-shell #pos .bhi-quick-product span{font-size:13px!important;font-weight:500!important;}
.bhi-kv-shell #pos .bhi-quick-product b{font-size:12px!important;}
.bhi-submit-row-side{grid-template-columns:1fr 1.2fr!important;gap:6px!important;}
.bhi-submit-row-side button{height:32px!important;min-height:32px!important;border-radius:5px!important;font-size:13px!important;}

/* Mẫu in người dùng: editor dễ nhìn hơn */
.bhi-print-config-grid{display:grid!important;grid-template-columns:300px minmax(0,1fr)!important;gap:12px!important;min-height:0!important;}
.bhi-template-editor textarea#bhiTplHtml{min-height:360px!important;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;font-size:13px!important;line-height:1.45!important;border-radius:5px!important;}
.bhi-placeholder-list{display:flex;flex-wrap:wrap;gap:5px;max-height:160px;overflow:auto;}
.bhi-placeholder-list code{cursor:pointer;background:#f0f6fc;border-radius:4px;padding:4px 6px;font-size:12px;}

@media(max-width:1200px){
  .bhi-pos-checkout-grid{grid-template-columns:1fr!important;}
  .bhi-print-config-grid{grid-template-columns:1fr!important;}
}

/* =========================================================
   STEP 28 - UX READABILITY + SMOOTH NAV + POS TOTALS + OVERVIEW CHARTS
   Mục tiêu: chữ lớn hơn, chuyển trang không giật, form không cắt chữ,
   POS thoáng phần sản phẩm và tổng quan có báo cáo nhanh.
========================================================= */
.bhi-register-card,
.bhi-saas-shell,
.bhi-modal,
.bhi-saas-shell *,
.bhi-modal *{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;
  box-sizing:border-box!important;
}
.bhi-saas-shell{font-size:15.5px!important;line-height:1.45!important;color:#111827!important;}
.bhi-saas-shell h1{font-size:23px!important;line-height:1.2!important;font-weight:650!important;}
.bhi-saas-shell h2{font-size:20px!important;line-height:1.22!important;font-weight:650!important;}
.bhi-saas-shell h3{font-size:16.5px!important;line-height:1.25!important;font-weight:650!important;}
.bhi-table,.bhi-manager-table,.bhi-cart-table{font-size:14.5px!important;line-height:1.42!important;}
.bhi-table th,.bhi-manager-table th,.bhi-cart-table th{font-size:13.5px!important;font-weight:650!important;}
.bhi-table td,.bhi-manager-table td,.bhi-cart-table td{font-size:14.2px!important;font-weight:400!important;}

/* Button gọn, ít bo tròn hơn */
.bhi-primary-btn,.bhi-secondary-btn,.bhi-soft-btn,
.bhi-primary-mini,.bhi-dark-mini,.bhi-soft-mini,
.bhi-kv-tool,.bhi-kv-sale,.bhi-cart-actions button,
.bhi-submit-row button,.bhi-actions-cell button,
.bhi-manager-toolbar button,.bhi-product-toolbar button{
  border-radius:4px!important;
  padding:5px 10px!important;
  min-height:31px!important;
  font-size:14px!important;
  line-height:1.35!important;
  font-weight:600!important;
  text-transform:none!important;
  box-shadow:none!important;
}

/* Sửa input/select bị che chữ phần dưới */
.bhi-saas-shell input,
.bhi-saas-shell select,
.bhi-saas-shell textarea,
.bhi-modal input,
.bhi-modal select,
.bhi-modal textarea{
  font-size:14.5px!important;
  line-height:1.38!important;
  padding:7px 10px!important;
  min-height:36px!important;
  height:auto!important;
  border-radius:6px!important;
}
.bhi-saas-shell select,
.bhi-modal select{padding-top:6px!important;padding-bottom:6px!important;}
.bhi-saas-shell input[type="date"],
.bhi-saas-shell input[type="time"]{line-height:1.2!important;}

/* Nút đóng/x không lệch */
.bhi-modal-close,
.bhi-pos-tabs .bhi-pos-tab em,
.bhi-cart-remove{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  padding:0!important;
  text-align:center!important;
}
.bhi-modal-close{font-size:20px!important;width:32px!important;height:32px!important;top:10px!important;right:10px!important;border-radius:4px!important;}
.bhi-pos-tabs .bhi-pos-tab em{width:22px!important;height:22px!important;margin-left:8px!important;font-size:18px!important;}
.bhi-cart-remove{width:24px!important;height:24px!important;border-radius:50%!important;}

/* Chuyển module mượt, không fade/scroll gây giật */
.bhi-saas-shell[data-view-mode="pages"] .bhi-app-section.bhi-active-section{animation:none!important;}
.bhi-kv-shell .bhi-saas-main{scroll-behavior:auto!important;}
.bhi-kv-shell .bhi-app-section[hidden]{display:none!important;}

/* Header/panel gọn nhưng chữ dễ đọc */
.bhi-kv-shell .bhi-section-head{
  min-height:36px!important;
  padding:0 0 7px!important;
  margin:0 0 8px!important;
}
.bhi-kv-shell .bhi-section-head h2{font-size:19px!important;line-height:1.2!important;}
.bhi-kv-appbar{height:54px!important;min-height:54px!important;flex-basis:54px!important;}
.bhi-kv-tabs{height:54px!important;}
.bhi-kv-tab{height:54px!important;font-size:14px!important;line-height:1.2!important;}
.bhi-kv-tab.active{border-bottom-color:#0876df!important;background:#eef6ff!important;color:#075bb8!important;}
.bhi-kv-tab-wrap:not(.active) > .bhi-kv-tab:not(.active){border-bottom-color:transparent!important;background:transparent!important;color:#111827!important;}

/* POS: tab xanh cao hơn, active rõ, bỏ border-right */
.bhi-kv-shell #pos.bhi-pos-panel{padding:8px 12px!important;}
.bhi-kv-shell #pos .bhi-pos-grid{grid-template-columns:minmax(270px,.78fr) minmax(620px,1.72fr) minmax(320px,.9fr)!important;gap:10px!important;}
.bhi-pos-tabs{
  height:42px!important;
  min-height:42px!important;
  margin:-9px -9px 7px!important;
  padding:0 6px!important;
  background:#0876df!important;
  border-radius:8px 8px 0 0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  gap:4px!important;
  align-items:flex-end!important;
}
.bhi-pos-tabs .bhi-pos-tab{
  height:36px!important;
  min-height:36px!important;
  min-width:122px!important;
  border:0!important;
  border-right:0!important;
  border-radius:7px 7px 0 0!important;
  padding:0 10px!important;
  justify-content:center!important;
  background:transparent!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:500!important;
}
.bhi-pos-tabs .bhi-pos-tab.active{
  background:#fff!important;
  color:#0f172a!important;
  font-weight:650!important;
}
.bhi-pos-tabs .bhi-pos-tab span{flex:0 1 auto;text-align:center;overflow:hidden;text-overflow:ellipsis;}
.bhi-pos-tab-plus{
  flex:0 0 36px!important;
  width:36px!important;
  height:36px!important;
  border:0!important;
  border-left:0!important;
  border-radius:7px 7px 0 0!important;
  background:rgba(255,255,255,.14)!important;
  color:#fff!important;
  font-size:22px!important;
  line-height:1!important;
}
.bhi-pos-type-line{height:30px!important;margin:0 0 6px!important;display:flex!important;justify-content:flex-end!important;}
.bhi-pos-type-toggle{
  height:28px!important;
  min-height:28px!important;
  min-width:92px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  padding:0 10px!important;
  border-radius:4px!important;
  font-size:13.5px!important;
}

/* POS: dành nhiều chiều cao cho bảng sản phẩm */
.bhi-kv-shell #pos .bhi-cart-table-wrap{min-height:280px!important;flex:1 1 auto!important;}
.bhi-kv-shell #pos .bhi-cart-table th,.bhi-kv-shell #pos .bhi-cart-table td{padding:6px 7px!important;}
.bhi-kv-shell #pos .bhi-cart-actions button{height:28px!important;min-height:28px!important;font-size:13px!important;font-weight:500!important;padding:0 8px!important;border-radius:4px!important;}
.bhi-pos-checkout-grid{grid-template-columns:126px minmax(0,1fr)!important;gap:10px!important;margin-top:6px!important;}
.bhi-pos-checkout-grid .bhi-cart-actions{gap:5px!important;}

/* POS: tạm tính/còn lại canh phải, nhập số dạng line thấp, chừa 50px bên dưới */
.bhi-kv-shell #pos .bhi-total-box{
  margin:0!important;
  padding:0 0 50px!important;
  border-top:0!important;
}
.bhi-kv-shell #pos .bhi-total-box p,
.bhi-kv-shell #pos .bhi-total-box h3{
  display:grid!important;
  grid-template-columns:minmax(130px,1fr) 150px!important;
  align-items:center!important;
  gap:12px!important;
  min-height:26px!important;
  height:26px!important;
  margin:0!important;
  padding:0!important;
  font-size:14.2px!important;
  line-height:1.2!important;
}
.bhi-kv-shell #pos .bhi-total-box p>b,
.bhi-kv-shell #pos .bhi-total-box h3>span{
  justify-self:end!important;
  text-align:right!important;
  font-size:14.4px!important;
  font-weight:650!important;
}
.bhi-kv-shell #pos .bhi-total-box input,
.bhi-kv-shell #pos .bhi-total-box select{
  justify-self:end!important;
  width:150px!important;
  max-width:150px!important;
  height:24px!important;
  min-height:24px!important;
  padding:0 4px!important;
  border:0!important;
  border-bottom:1px solid #cbd5e1!important;
  border-radius:0!important;
  background:transparent!important;
  text-align:right!important;
  font-size:14px!important;
  line-height:1.2!important;
}
.bhi-kv-shell #pos .bhi-total-box select{text-align-last:right!important;}
.bhi-kv-shell #pos .bhi-total-box h3{color:#ef4444!important;margin-top:3px!important;}
.bhi-kv-shell #pos .bhi-total-box h3:first-letter{text-transform:none!important;}

/* POS: ghi chú rõ nhưng thấp hơn */
.bhi-invoice-note-left{background:#fff4df!important;border-color:#fdba74!important;}
.bhi-kv-shell #pos .bhi-pos-card textarea#bhiInvoiceNote,
.bhi-kv-shell #pos .bhi-pos-card textarea#bhiPosInternalNote{height:44px!important;min-height:44px!important;}

/* Danh mục thêm nhanh đọc dễ hơn */
.bhi-kv-shell #pos #bhiQuickProducts{gap:6px!important;overflow:hidden!important;}
.bhi-kv-shell #pos .bhi-quick-product{border-radius:6px!important;min-height:58px!important;}
.bhi-kv-shell #pos .bhi-quick-product span{font-size:13.6px!important;font-weight:500!important;}
.bhi-kv-shell #pos .bhi-quick-product b{font-size:13px!important;}
.bhi-submit-row-side button{height:36px!important;min-height:36px!important;border-radius:4px!important;font-size:14px!important;}

/* Tổng quan: báo cáo nhanh kiểu dashboard */
.bhi-kv-overview{overflow:hidden!important;}
.bhi-overview-report{flex:1 1 auto;min-height:0;margin-top:10px;display:flex;flex-direction:column;}
.bhi-ov-kpi-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:10px;}
.bhi-ov-kpi-row>div,.bhi-ov-card{background:#fff;border:1px solid #dbe7f3;border-radius:8px;padding:10px 12px;box-shadow:0 3px 12px rgba(15,23,42,.035);}
.bhi-ov-kpi-row span{display:block;color:#64748b;font-size:12.5px;margin-bottom:3px;}
.bhi-ov-kpi-row b{display:block;font-size:19px;line-height:1.2;color:#0f172a;}
.bhi-ov-kpi-row em{display:block;font-style:normal;color:#64748b;font-size:12px;margin-top:3px;}
.bhi-ov-grid{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px;}
.bhi-ov-card{min-height:0;overflow:auto;}
.bhi-ov-card h3{margin:0 0 8px!important;font-size:16px!important;}
.bhi-ov-card ul{list-style:none;margin:0;padding:0;}
.bhi-ov-card li{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid #edf2f7;padding:7px 0;font-size:13.5px;}
.bhi-ov-card li b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.bhi-ov-card li span{color:#64748b;white-space:nowrap;}
.bhi-ov-bars{height:230px;display:flex;align-items:flex-end;gap:8px;padding:10px 6px 2px;border-left:1px solid #e5edf6;border-bottom:1px solid #e5edf6;background:linear-gradient(to top,#f8fbff,#fff);}
.bhi-ov-bar{flex:1;min-width:18px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;}
.bhi-ov-bar i{display:block;width:100%;max-width:34px;background:#0876df;border-radius:4px 4px 0 0;min-height:4px;}
.bhi-ov-bar span{font-size:11px;color:#64748b;}

/* Toolbar/khách hàng: tránh text bị chìm và form thấp */
.bhi-kv-shell .bhi-manager-toolbar input,
.bhi-kv-shell .bhi-manager-toolbar select{height:36px!important;min-height:36px!important;font-size:14px!important;line-height:1.35!important;}
#bhiCustomersTable .bhi-center .bhi-soft-mini{height:32px!important;min-width:74px!important;align-items:center!important;justify-content:center!important;}

@media(max-width:1300px){
  .bhi-ov-kpi-row{grid-template-columns:repeat(2,minmax(0,1fr));}
  .bhi-ov-grid{grid-template-columns:1fr;}
  .bhi-ov-bars{height:180px;}
}
@media(max-width:720px){
  .bhi-saas-shell{font-size:15px!important;}
  .bhi-ov-kpi-row{grid-template-columns:1fr;}
}

/* =========================================================
   STEP 29 - POS TAB + CHECKOUT COMPACT HOTFIX
   Fix tab hóa đơn bị che, căn giữa tiêu đề, nút không rớt dòng,
   và thu gọn khu tổng tiền để ưu tiên diện tích sản phẩm.
========================================================= */
.bhi-kv-shell #pos.bhi-pos-panel{
  overflow:visible!important;
}
.bhi-kv-shell #pos .bhi-cart-card{
  overflow:visible!important;
  padding-top:0!important;
}
.bhi-kv-shell #pos .bhi-pos-tabs{
  box-sizing:border-box!important;
  height:50px!important;
  min-height:50px!important;
  margin:0 -9px 10px!important;
  padding:6px 8px 0!important;
  background:#0876df!important;
  border-radius:8px 8px 0 0!important;
  display:flex!important;
  align-items:flex-end!important;
  gap:4px!important;
  white-space:nowrap!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:thin!important;
}
.bhi-kv-shell #pos .bhi-pos-tabs .bhi-pos-tab{
  position:relative!important;
  flex:0 0 auto!important;
  min-width:148px!important;
  max-width:210px!important;
  height:44px!important;
  min-height:44px!important;
  padding:0 34px!important;
  border:0!important;
  border-right:0!important;
  border-left:0!important;
  border-radius:8px 8px 0 0!important;
  background:transparent!important;
  color:#fff!important;
  font-size:15.2px!important;
  font-weight:600!important;
  line-height:1!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  overflow:visible!important;
}
.bhi-kv-shell #pos .bhi-pos-tabs .bhi-pos-tab.active{
  background:#fff!important;
  color:#0f172a!important;
  font-weight:700!important;
  box-shadow:0 -1px 0 rgba(255,255,255,.4) inset!important;
}
.bhi-kv-shell #pos .bhi-pos-tabs .bhi-pos-tab span{
  position:absolute!important;
  left:30px!important;
  right:30px!important;
  top:0!important;
  bottom:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  line-height:44px!important;
}
.bhi-kv-shell #pos .bhi-pos-tabs .bhi-pos-tab em{
  position:absolute!important;
  right:6px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:24px!important;
  height:24px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:50%!important;
  font-style:normal!important;
  font-size:20px!important;
  line-height:1!important;
  opacity:.78!important;
}
.bhi-kv-shell #pos .bhi-pos-tabs .bhi-pos-tab em:hover{
  background:#fee2e2!important;
  color:#ef4444!important;
  opacity:1!important;
}
.bhi-kv-shell #pos .bhi-pos-tab-plus{
  flex:0 0 44px!important;
  width:44px!important;
  height:44px!important;
  min-height:44px!important;
  border:0!important;
  border-left:0!important;
  border-radius:8px 8px 0 0!important;
  background:rgba(255,255,255,.14)!important;
  color:#fff!important;
  font-size:24px!important;
  font-weight:400!important;
  line-height:1!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.bhi-kv-shell #pos .bhi-pos-tab-plus:hover{
  background:rgba(255,255,255,.24)!important;
}

/* Nút chuyển Hóa đơn/Báo giá gọn, tiêu đề canh giữa */
.bhi-kv-shell #pos .bhi-pos-type-line{
  height:32px!important;
  margin:0 0 6px!important;
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
}
.bhi-kv-shell #pos .bhi-pos-type-toggle{
  height:30px!important;
  min-height:30px!important;
  min-width:108px!important;
  padding:0 12px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  text-align:center!important;
  border-radius:4px!important;
  font-size:14.2px!important;
  font-weight:600!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.bhi-kv-shell #pos #bhiDocTypeLabel{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:58px!important;
  text-align:center!important;
}

/* Khu checkout: nút không rớt dòng, tổng tiền chỉ chiếm vùng nhỏ bên phải */
.bhi-kv-shell #pos .bhi-pos-checkout-grid{
  display:grid!important;
  grid-template-columns:170px 330px!important;
  justify-content:space-between!important;
  align-items:start!important;
  column-gap:18px!important;
  margin-top:8px!important;
  width:100%!important;
}
.bhi-kv-shell #pos .bhi-pos-checkout-grid .bhi-cart-actions{
  width:170px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
  margin:0!important;
}
.bhi-kv-shell #pos .bhi-pos-checkout-grid .bhi-cart-actions button{
  width:170px!important;
  height:34px!important;
  min-height:34px!important;
  padding:0 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  line-height:1!important;
  font-size:13.8px!important;
  font-weight:500!important;
  text-transform:none!important;
  border-radius:4px!important;
}
.bhi-kv-shell #pos .bhi-pos-checkout-grid .bhi-total-box{
  width:330px!important;
  max-width:330px!important;
  margin:0!important;
  padding:0 0 50px!important;
  border-top:0!important;
  justify-self:end!important;
}
.bhi-kv-shell #pos .bhi-pos-checkout-grid .bhi-total-box p,
.bhi-kv-shell #pos .bhi-pos-checkout-grid .bhi-total-box h3{
  display:grid!important;
  grid-template-columns:132px 1fr!important;
  align-items:center!important;
  gap:8px!important;
  height:26px!important;
  min-height:26px!important;
  margin:0!important;
  padding:0!important;
  font-size:14px!important;
  line-height:1.15!important;
  border-bottom:1px dashed #eef2f7!important;
}
.bhi-kv-shell #pos .bhi-pos-checkout-grid .bhi-total-box p>b,
.bhi-kv-shell #pos .bhi-pos-checkout-grid .bhi-total-box h3>span{
  justify-self:end!important;
  text-align:right!important;
  font-size:14.3px!important;
  font-weight:700!important;
  white-space:nowrap!important;
}
.bhi-kv-shell #pos .bhi-pos-checkout-grid .bhi-total-box input,
.bhi-kv-shell #pos .bhi-pos-checkout-grid .bhi-total-box select{
  justify-self:end!important;
  width:138px!important;
  max-width:138px!important;
  height:23px!important;
  min-height:23px!important;
  padding:0 3px!important;
  border:0!important;
  border-bottom:1px solid #cbd5e1!important;
  border-radius:0!important;
  background:transparent!important;
  text-align:right!important;
  text-align-last:right!important;
  font-size:13.6px!important;
  line-height:1.1!important;
}

/* Khi màn hình hẹp, giữ bố cục không vỡ */
@media(max-width:1180px){
  .bhi-kv-shell #pos .bhi-pos-checkout-grid{
    grid-template-columns:150px minmax(260px,330px)!important;
  }
  .bhi-kv-shell #pos .bhi-pos-checkout-grid .bhi-cart-actions,
  .bhi-kv-shell #pos .bhi-pos-checkout-grid .bhi-cart-actions button{
    width:150px!important;
  }
  .bhi-kv-shell #pos .bhi-pos-tabs .bhi-pos-tab{
    min-width:136px!important;
  }
}
@media(max-width:900px){
  .bhi-kv-shell #pos .bhi-pos-checkout-grid{
    grid-template-columns:1fr!important;
    justify-content:stretch!important;
  }
  .bhi-kv-shell #pos .bhi-pos-checkout-grid .bhi-cart-actions{
    width:100%!important;
    flex-direction:row!important;
  }
  .bhi-kv-shell #pos .bhi-pos-checkout-grid .bhi-cart-actions button{
    width:auto!important;
    flex:1 1 0!important;
  }
  .bhi-kv-shell #pos .bhi-pos-checkout-grid .bhi-total-box{
    width:100%!important;
    max-width:100%!important;
    justify-self:stretch!important;
  }
}

/* =========================================================
   STEP 32 - THÔNG BÁO HỆ THỐNG / INBOX
========================================================= */
.bhi-kv-notify-wrap{position:relative;display:inline-flex;align-items:center}
.bhi-kv-notify-btn{position:relative;display:inline-flex!important;align-items:center;justify-content:center;width:38px;height:34px;border:1px solid #d6e4f2!important;background:#fff!important;border-radius:8px!important;box-shadow:none!important;color:#0f2742!important;font-size:18px!important;line-height:1!important;padding:0!important;cursor:pointer}
.bhi-kv-notify-btn:hover{background:#f3f9ff!important;border-color:#9fd5ff!important;color:#0787d8!important}
.bhi-kv-notify-count{position:absolute;right:-5px;top:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ef4444;color:#fff;font-size:11px;font-weight:700;display:none;align-items:center;justify-content:center;line-height:18px}
.bhi-kv-notify-count.is-visible{display:inline-flex}
.bhi-notify-panel{position:absolute;right:0;top:calc(100% + 10px);width:min(420px,calc(100vw - 24px));max-height:min(680px,calc(100vh - 90px));background:#fff;border:1px solid #dbe7f3;border-radius:12px;box-shadow:0 18px 45px rgba(15,39,66,.18);z-index:99999;display:none;overflow:hidden;color:#0f2742}
.bhi-notify-panel.is-open{display:flex;flex-direction:column;animation:bhiNotifyIn .15s ease-out}
@keyframes bhiNotifyIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
.bhi-notify-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:1px solid #e8f0f8;background:#fff}
.bhi-notify-head h3{margin:0;font-size:18px;line-height:1.3;font-weight:700;color:#0f2742}
.bhi-notify-mark-all{border:0;background:#eef6ff;color:#0787d8;border-radius:7px;padding:6px 9px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}
.bhi-notify-tabs{display:flex;gap:0;border-bottom:1px solid #e8f0f8;background:#fff;padding:0 12px}
.bhi-notify-tab{border:0;background:transparent;color:#64748b;padding:11px 10px;border-bottom:2px solid transparent;cursor:pointer;font-size:14px;font-weight:600}
.bhi-notify-tab.active{color:#0787d8;border-bottom-color:#0787d8;background:#fff}
.bhi-notify-list{overflow:auto;max-height:390px;background:#fff}
.bhi-notify-empty{padding:24px 16px;color:#64748b;text-align:center}
.bhi-notify-item{display:grid;grid-template-columns:42px 1fr 10px;gap:10px;padding:13px 14px;border-bottom:1px solid #edf3f9;cursor:pointer;background:#fff;align-items:start}
.bhi-notify-item:hover{background:#f8fbff}
.bhi-notify-item.unread{background:#f2f8ff}
.bhi-notify-icon{width:38px;height:38px;border-radius:10px;background:#eaf5ff;display:flex;align-items:center;justify-content:center;font-size:18px;color:#0787d8}
.bhi-notify-item.offer .bhi-notify-icon{background:#fff5e8;color:#f97316}
.bhi-notify-title{font-size:14px;font-weight:700;line-height:1.35;color:#0f2742;margin:0 0 4px}
.bhi-notify-meta{font-size:12px;color:#64748b;line-height:1.35;margin:0 0 5px}
.bhi-notify-preview{font-size:13px;color:#334155;line-height:1.45;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bhi-notify-dot{width:9px;height:9px;background:#0b84ff;border-radius:99px;margin-top:8px;opacity:0}
.bhi-notify-item.unread .bhi-notify-dot{opacity:1}
.bhi-notify-detail{display:none;overflow:auto;padding:0;background:#fff;max-height:520px}
.bhi-notify-detail.is-open{display:block}
.bhi-notify-back{display:flex;align-items:center;gap:8px;width:100%;border:0;background:#fff;padding:13px 16px;border-bottom:1px solid #e8f0f8;text-align:left;cursor:pointer;font-size:14px;color:#0f2742}
.bhi-notify-detail-body{padding:16px;font-size:14px;line-height:1.65;color:#0f2742}
.bhi-notify-detail-body h2,.bhi-notify-detail-body h3{font-weight:700;margin:0 0 12px;color:#0f2742}
.bhi-notify-detail-body img{max-width:100%;border-radius:8px;height:auto}
.bhi-notify-detail-title{font-size:18px;font-weight:750;line-height:1.35;margin:0 0 6px;color:#0f2742}.bhi-notify-detail-time{font-size:13px;color:#64748b;margin:0 0 14px}
@media(max-width:768px){.bhi-notify-panel{position:fixed;right:10px;left:10px;top:64px;width:auto;max-height:calc(100vh - 80px);border-radius:12px}.bhi-kv-notify-btn{width:36px;height:32px}.bhi-notify-list{max-height:calc(100vh - 210px)}}

/* =========================================================
   STEP 33 - Notification popup hotfix
   Giữ popup mở khi click/xem nội dung, bỏ nút đánh dấu đã đọc, canh lại chuông.
========================================================= */
.bhi-kv-notify-wrap{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;height:36px!important;flex:0 0 auto!important;vertical-align:middle!important;z-index:1000!important}
.bhi-kv-notify-btn{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:38px!important;height:36px!important;min-width:38px!important;min-height:36px!important;padding:0!important;margin:0!important;border:1px solid #d6e4f2!important;background:#fff!important;border-radius:6px!important;box-shadow:none!important;cursor:pointer!important;line-height:1!important;vertical-align:middle!important;overflow:visible!important}
.bhi-kv-notify-btn:hover,.bhi-kv-notify-btn[aria-expanded="true"]{background:#f3f9ff!important;border-color:#8bcaff!important;color:#0787d8!important}
.bhi-notify-bell{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;font-size:18px!important;line-height:1!important;transform:none!important;margin:0!important;padding:0!important}
.bhi-kv-notify-count{position:absolute!important;right:-7px!important;top:-7px!important;min-width:18px!important;height:18px!important;padding:0 5px!important;border-radius:999px!important;background:#ef4444!important;color:#fff!important;font-size:11px!important;font-weight:700!important;display:none!important;align-items:center!important;justify-content:center!important;line-height:18px!important;z-index:3!important}
.bhi-kv-notify-count.is-visible{display:inline-flex!important}
.bhi-notify-panel{position:fixed!important;right:auto!important;top:auto!important;width:430px;max-width:calc(100vw - 20px)!important;background:#fff!important;border:1px solid #dbe7f3!important;border-radius:10px!important;box-shadow:0 18px 45px rgba(15,39,66,.2)!important;z-index:999999!important;display:none!important;overflow:hidden!important;color:#0f2742!important;box-sizing:border-box!important}
.bhi-notify-panel.is-open{display:flex!important;flex-direction:column!important;animation:bhiNotifyIn .12s ease-out!important}
.bhi-notify-head{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;padding:14px 16px!important;border-bottom:1px solid #e8f0f8!important;background:#fff!important;min-height:54px!important}
.bhi-notify-head h3{margin:0!important;font-size:19px!important;line-height:1.25!important;font-weight:700!important;color:#0f2742!important}
.bhi-notify-mark-all{display:none!important}
.bhi-notify-tabs{display:flex!important;gap:0!important;border-bottom:1px solid #e8f0f8!important;background:#fff!important;padding:0 12px!important;flex:0 0 auto!important}
.bhi-notify-tab{border:0!important;background:transparent!important;color:#64748b!important;padding:12px 12px!important;border-bottom:2px solid transparent!important;cursor:pointer!important;font-size:14px!important;font-weight:600!important;border-radius:0!important;line-height:1.2!important}
.bhi-notify-tab.active{color:#0787d8!important;border-bottom-color:#0787d8!important;background:#fff!important}
.bhi-notify-list{overflow:auto!important;max-height:430px!important;background:#fff!important;overscroll-behavior:contain!important}
.bhi-notify-item{display:grid!important;grid-template-columns:42px 1fr 10px!important;gap:10px!important;padding:13px 14px!important;border-bottom:1px solid #edf3f9!important;cursor:pointer!important;background:#fff!important;align-items:start!important}
.bhi-notify-item:hover{background:#f8fbff!important}
.bhi-notify-item.unread{background:#f2f8ff!important}
.bhi-notify-icon{width:38px!important;height:38px!important;border-radius:10px!important;background:#eaf5ff!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:18px!important;line-height:1!important;color:#0787d8!important}
.bhi-notify-title{font-size:14px!important;font-weight:700!important;line-height:1.35!important;color:#0f2742!important;margin:0 0 4px!important}
.bhi-notify-meta{font-size:12px!important;color:#64748b!important;line-height:1.35!important;margin:0 0 5px!important}
.bhi-notify-preview{font-size:13px!important;color:#334155!important;line-height:1.45!important;margin:0!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
.bhi-notify-detail{display:block!important;overflow:auto!important;background:#fff!important;max-height:inherit!important;overscroll-behavior:contain!important}
.bhi-notify-back{display:flex!important;align-items:center!important;gap:8px!important;width:100%!important;border:0!important;background:#fff!important;padding:14px 16px!important;border-bottom:1px solid #e8f0f8!important;text-align:left!important;cursor:pointer!important;font-size:14px!important;color:#0f2742!important;border-radius:0!important;line-height:1.25!important}
.bhi-notify-detail-body{padding:16px!important;font-size:14px!important;line-height:1.65!important;color:#0f2742!important;overflow:auto!important;max-height:calc(100vh - 150px)!important}
.bhi-notify-detail-title{font-size:20px!important;font-weight:700!important;line-height:1.35!important;margin:0 0 6px!important;color:#0f2742!important}.bhi-notify-detail-time{font-size:13px!important;color:#64748b!important;margin:0 0 14px!important}
@media(max-width:680px){.bhi-notify-panel{left:10px!important;right:10px!important;width:auto!important;max-width:none!important;border-radius:10px!important}.bhi-notify-list{max-height:calc(100vh - 215px)!important}.bhi-notify-detail-body{max-height:calc(100vh - 150px)!important}.bhi-kv-notify-btn{width:36px!important;height:34px!important;min-width:36px!important;min-height:34px!important}.bhi-notify-bell{font-size:17px!important}}


/* =========================================================
   STEP 34 - Account settings + notification + settings scroll hotfix
========================================================= */
.bhi-kv-shell #settings:not([hidden]){
  height:calc(100vh - 72px)!important;
  max-height:calc(100vh - 72px)!important;
  overflow:auto!important;
  display:block!important;
  padding:10px 14px 24px!important;
  scroll-behavior:auto!important;
}
.admin-bar .bhi-kv-shell #settings:not([hidden]){
  height:calc(100vh - 104px)!important;
  max-height:calc(100vh - 104px)!important;
}
.bhi-settings-account-block{margin:0 0 12px!important;}
.bhi-account-card-embedded{border:1px solid #dbe7f3!important;border-radius:12px!important;background:#fff!important;padding:12px!important;box-shadow:none!important;margin:0!important;max-width:none!important;}
.bhi-account-card-embedded h3{margin:0 0 4px!important;font-size:16px!important;line-height:1.25!important;font-weight:700!important;color:#0f2742!important;}
.bhi-account-card-embedded .bhi-muted{margin:0 0 8px!important;color:#64748b!important;font-size:12.5px!important;}
.bhi-account-grid{display:grid!important;grid-template-columns:repeat(5,minmax(150px,1fr))!important;gap:8px!important;align-items:end!important;}
.bhi-account-form label{font-size:12px!important;font-weight:600!important;color:#334155!important;margin:0!important;display:block!important;}
.bhi-account-form input{width:100%!important;box-sizing:border-box!important;height:32px!important;min-height:32px!important;border:1px solid #cbd5e1!important;border-radius:8px!important;padding:5px 8px!important;font-size:13px!important;background:#fff!important;margin-top:3px!important;}
.bhi-account-actions{margin:8px 0 0!important;}
.bhi-account-actions .bhi-primary-btn{min-height:32px!important;height:32px!important;padding:0 12px!important;border-radius:8px!important;font-size:13px!important;font-weight:600!important;}
.bhi-settings-grid{grid-template-columns:1fr 1fr!important;gap:10px!important;margin-top:10px!important;}
.bhi-settings-import-box{margin-top:10px!important;}
.bhi-import-export-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;}
#settings .bhi-form-card{padding:10px!important;border-radius:12px!important;}
#settings .bhi-form-card h3{font-size:15px!important;margin:0 0 8px!important;}
#settings .bhi-form-card label{font-size:12px!important;margin:6px 0 2px!important;font-weight:600!important;}
#settings .bhi-form-card input,#settings .bhi-form-card select,#settings .bhi-form-card textarea{min-height:32px!important;height:32px!important;padding:5px 8px!important;font-size:13px!important;border-radius:8px!important;}
#settings .bhi-form-card textarea{height:54px!important;min-height:54px!important;}
#settings .bhi-help-box{font-size:12px!important;padding:8px!important;margin-top:8px!important;border-radius:9px!important;}
#settings .bhi-submit-row{padding-bottom:24px!important;}
.bhi-notify-panel.bhi-step34-open{display:flex!important;flex-direction:column!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;}
.bhi-kv-notify-btn{width:36px!important;height:32px!important;min-width:36px!important;min-height:32px!important;border-radius:7px!important;}
.bhi-notify-bell{font-size:17px!important;}
@media(max-width:1100px){.bhi-account-grid,.bhi-settings-grid,.bhi-import-export-grid{grid-template-columns:1fr 1fr!important;}}
@media(max-width:760px){
  .bhi-kv-shell #settings:not([hidden]){height:auto!important;max-height:none!important;overflow:auto!important;}
  .bhi-account-grid,.bhi-settings-grid,.bhi-import-export-grid{grid-template-columns:1fr!important;}
}

/* =========================================================
   STEP 35 - Notify stable + Theme appearance
========================================================= */
.bhi-kv-shell{
  --bhi-theme:#0876df;
  --bhi-theme-soft:rgba(8,118,223,.10);
  --bhi-theme-border:rgba(8,118,223,.30);
  --bhi-theme-shadow:rgba(8,118,223,.18);
  --bhi-font-scale:1;
  font-size:calc(14px * var(--bhi-font-scale))!important;
}
.bhi-kv-shell *{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;}
.bhi-kv-sale,.bhi-primary-btn,.bhi-primary-mini,.bhi-submit-row button.bhi-primary-btn{
  background:var(--bhi-theme)!important;
  border-color:var(--bhi-theme)!important;
  box-shadow:0 8px 18px var(--bhi-theme-shadow)!important;
}
.bhi-kv-tab.active,.bhi-kv-tab-wrap.active>.bhi-kv-tab{
  color:var(--bhi-theme)!important;
  background:var(--bhi-theme-soft)!important;
  border-bottom-color:var(--bhi-theme)!important;
}
.bhi-kv-dropdown a:hover,.bhi-kv-dropdown a.active,.bhi-soft-mini.active{
  background:var(--bhi-theme-soft)!important;
  color:var(--bhi-theme)!important;
}
.bhi-kv-tool:hover,.bhi-kv-tool.active,.bhi-theme-btn[aria-expanded="true"]{
  color:var(--bhi-theme)!important;
  background:var(--bhi-theme-soft)!important;
  border-color:var(--bhi-theme-border)!important;
}
.bhi-pos-tabs,.bhi-pos-tabs .bhi-pos-tab{background:var(--bhi-theme)!important;}
.bhi-pos-tabs .bhi-pos-tab.active{background:#fff!important;color:#0f2742!important;}
.bhi-kv-notify-wrap{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:34px!important;position:relative!important;}
.bhi-kv-notify-btn{width:36px!important;height:34px!important;min-width:36px!important;min-height:34px!important;padding:0!important;margin:0!important;border:1px solid #dbe5f0!important;background:#f8fafc!important;border-radius:8px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;line-height:1!important;position:relative!important;}
.bhi-kv-notify-btn:hover,.bhi-kv-notify-btn[aria-expanded="true"]{background:var(--bhi-theme-soft)!important;border-color:var(--bhi-theme-border)!important;}
.bhi-notify-bell{display:flex!important;align-items:center!important;justify-content:center!important;font-size:17px!important;line-height:1!important;margin:0!important;}
.bhi-kv-notify-count{position:absolute!important;right:-7px!important;top:-7px!important;min-width:18px!important;height:18px!important;padding:0 5px!important;border-radius:999px!important;background:#ef4444!important;color:#fff!important;font-size:11px!important;font-weight:700!important;line-height:18px!important;display:none!important;align-items:center!important;justify-content:center!important;z-index:3!important;}
.bhi-kv-notify-count.is-visible{display:inline-flex!important;}
.bhi-notify-panel{position:fixed!important;display:none!important;z-index:2147483000!important;background:#fff!important;border:1px solid #dbe7f3!important;border-radius:10px!important;box-shadow:0 18px 45px rgba(15,39,66,.20)!important;overflow:hidden!important;color:#0f2742!important;box-sizing:border-box!important;}
.bhi-notify-panel.open,.bhi-notify-panel.is-open{display:flex!important;flex-direction:column!important;}
.bhi-notify-head{display:flex!important;align-items:center!important;justify-content:flex-start!important;padding:14px 16px!important;border-bottom:1px solid #e8f0f8!important;background:#fff!important;}
.bhi-notify-head h3{margin:0!important;font-size:18px!important;line-height:1.25!important;font-weight:700!important;color:#0f2742!important;}
.bhi-notify-tabs{display:flex!important;gap:0!important;border-bottom:1px solid #e8f0f8!important;background:#fff!important;padding:0 12px!important;}
.bhi-notify-tab{border:0!important;background:transparent!important;color:#64748b!important;padding:12px 12px!important;border-bottom:2px solid transparent!important;cursor:pointer!important;font-size:14px!important;font-weight:600!important;border-radius:0!important;line-height:1.2!important;}
.bhi-notify-tab.active{color:var(--bhi-theme,#0876df)!important;border-bottom-color:var(--bhi-theme,#0876df)!important;background:#fff!important;}
.bhi-notify-list{overflow:auto!important;max-height:430px!important;background:#fff!important;overscroll-behavior:contain!important;}
.bhi-notify-item{display:grid!important;grid-template-columns:42px 1fr 10px!important;gap:10px!important;padding:13px 14px!important;border-bottom:1px solid #edf3f9!important;cursor:pointer!important;background:#fff!important;align-items:start!important;}
.bhi-notify-item:hover{background:#f8fbff!important;}
.bhi-notify-item.unread{background:#f2f8ff!important;}
.bhi-notify-icon{width:38px!important;height:38px!important;border-radius:10px!important;background:#eaf5ff!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:18px!important;line-height:1!important;color:var(--bhi-theme,#0876df)!important;}
.bhi-notify-item.offer .bhi-notify-icon{background:#fff5e8!important;color:#f97316!important;}
.bhi-notify-title{font-size:14px!important;font-weight:700!important;line-height:1.35!important;color:#0f2742!important;margin:0 0 4px!important;}
.bhi-notify-meta{font-size:12px!important;color:#64748b!important;line-height:1.35!important;margin:0 0 5px!important;}
.bhi-notify-preview{font-size:13px!important;color:#334155!important;line-height:1.45!important;margin:0!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
.bhi-notify-dot{width:9px!important;height:9px!important;background:var(--bhi-theme,#0876df)!important;border-radius:999px!important;margin-top:8px!important;opacity:0!important;}
.bhi-notify-item.unread .bhi-notify-dot{opacity:1!important;}
.bhi-notify-back{display:flex!important;align-items:center!important;gap:8px!important;width:100%!important;border:0!important;background:#fff!important;padding:14px 16px!important;border-bottom:1px solid #e8f0f8!important;text-align:left!important;cursor:pointer!important;font-size:14px!important;color:#0f2742!important;border-radius:0!important;line-height:1.25!important;}
.bhi-notify-detail-body{padding:16px!important;font-size:14px!important;line-height:1.65!important;color:#0f2742!important;overflow:auto!important;max-height:calc(100vh - 150px)!important;}
.bhi-notify-detail-title{font-size:20px!important;font-weight:700!important;line-height:1.35!important;margin:0 0 6px!important;color:#0f2742!important;}
.bhi-notify-detail-time{font-size:13px!important;color:#64748b!important;margin:0 0 14px!important;}
.bhi-notify-detail-body img{max-width:100%!important;height:auto!important;border-radius:8px!important;}
.bhi-theme-panel{position:fixed;z-index:2147482500;display:none;width:248px;background:#fff;border:1px solid #dbe7f3;border-radius:10px;box-shadow:0 18px 45px rgba(15,39,66,.18);padding:12px;color:#0f2742;}
.bhi-theme-panel.open{display:block;}
.bhi-theme-head{font-weight:700;font-size:15px;margin:0 0 10px;}
.bhi-theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px;}
.bhi-theme-color{height:36px;border:0;border-radius:8px;color:#fff;font-size:18px;font-weight:800;cursor:pointer;box-shadow:inset 0 0 0 0 transparent;}
.bhi-theme-color.active{box-shadow:0 0 0 3px rgba(15,23,42,.12), inset 0 0 0 2px rgba(255,255,255,.75);}
.bhi-theme-fonts{display:grid;grid-template-columns:1fr;gap:7px;}
.bhi-theme-fonts button{height:34px;border:1px solid #dbe7f3;background:#f8fafc;border-radius:8px;cursor:pointer;text-align:left;padding:0 10px;font-weight:600;color:#0f2742;}
.bhi-theme-fonts button.active{border-color:var(--bhi-theme,#0876df);background:var(--bhi-theme-soft,rgba(8,118,223,.1));color:var(--bhi-theme,#0876df);}
.bhi-theme-inline-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.bhi-appearance-card{margin:0 0 10px!important;}
.bhi-account-actions{display:flex!important;gap:8px!important;align-items:center!important;flex-wrap:wrap!important;}
.bhi-account-logout{height:36px!important;min-height:36px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}
@media(max-width:680px){.bhi-theme-panel{left:10px!important;right:10px!important;top:58px!important;width:auto!important}.bhi-notify-panel{left:10px!important;right:10px!important;width:auto!important}.bhi-theme-inline-settings{grid-template-columns:1fr;}}

/* =========================================================
   STEP 36 HOTFIX - notification button, theme button, account button, font scales
========================================================= */
.bhi-kv-shell{
  --bhi-body-scale:var(--bhi-font-scale,1);
  --bhi-title-scale:1;
}
.bhi-kv-shell,
.bhi-kv-shell input,
.bhi-kv-shell select,
.bhi-kv-shell textarea,
.bhi-kv-shell button{
  font-size:calc(14.5px * var(--bhi-body-scale,1))!important;
}
.bhi-kv-shell .bhi-section-head h2,
.bhi-kv-shell h1,
.bhi-kv-shell h2,
.bhi-kv-shell .bhi-panel>h2{
  font-size:calc(19px * var(--bhi-title-scale,1))!important;
  color:var(--bhi-theme,#0876df)!important;
}
.bhi-kv-shell h3,
.bhi-kv-shell .bhi-form-card h3,
.bhi-kv-shell .bhi-ov-card h3{
  font-size:calc(16px * var(--bhi-title-scale,1))!important;
}
.bhi-kv-tools{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
}
.bhi-kv-tool,
.bhi-theme-btn,
.bhi-kv-notify-wrap,
.bhi-kv-notify-btn,
.bhi-kv-tools>a.bhi-kv-tool{
  height:34px!important;
  min-height:34px!important;
  line-height:1!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  vertical-align:middle!important;
  margin:0!important;
}
.bhi-theme-btn,
.bhi-kv-notify-btn,
.bhi-kv-tools>a.bhi-kv-tool{
  width:38px!important;
  min-width:38px!important;
  padding:0!important;
}
.bhi-theme-btn{
  transform:none!important;
  position:relative!important;
  top:0!important;
}
.bhi-account-actions{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}
.bhi-account-actions .bhi-primary-btn,
.bhi-account-actions .bhi-account-logout,
.bhi-account-logout{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:36px!important;
  min-height:36px!important;
  line-height:1!important;
  margin:0!important;
  padding:0 14px!important;
  box-sizing:border-box!important;
  text-decoration:none!important;
  vertical-align:middle!important;
}
.bhi-notify-panel.bhi-step36-open,
.bhi-notify-panel.open,
.bhi-notify-panel.is-open{
  display:flex!important;
  flex-direction:column!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
.bhi-notify-panel .bhi-notify-empty{
  min-height:90px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.bhi-theme-panel{width:268px!important;}
.bhi-theme-selects{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:10px!important;}
.bhi-theme-selects label{display:block!important;font-size:12px!important;color:#64748b!important;font-weight:600!important;}
.bhi-theme-selects select{width:100%!important;height:34px!important;margin-top:4px!important;border:1px solid #dbe7f3!important;border-radius:7px!important;background:#fff!important;color:#0f2742!important;padding:0 8px!important;}
.bhi-theme-inline-settings{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
@media(max-width:800px){.bhi-theme-inline-settings{grid-template-columns:1fr!important}.bhi-theme-selects{grid-template-columns:1fr!important}}

/* =========================================================
   STEP 37 - Notification stable + billing toggle + toolbar align
========================================================= */
.bhi-kv-tools{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  flex-wrap:nowrap!important;
}
.bhi-kv-tool,
.bhi-theme-btn,
.bhi-kv-notify-wrap,
.bhi-kv-notify-btn{
  height:34px!important;
  min-height:34px!important;
  line-height:1!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  vertical-align:middle!important;
  margin:0!important;
}
.bhi-kv-tools a[data-bhi-section="billing"].bhi-kv-tool,
.bhi-kv-tools .bhi-kv-tool.bhi-billing-tool{
  width:auto!important;
  min-width:64px!important;
  padding:0 11px!important;
  gap:6px!important;
  white-space:nowrap!important;
  font-size:14px!important;
}
.bhi-theme-btn,
.bhi-kv-notify-btn,
.bhi-kv-tools a[data-bhi-section="settings"].bhi-kv-tool{
  width:38px!important;
  min-width:38px!important;
  padding:0!important;
}
.bhi-kv-notify-wrap{position:relative!important;flex:0 0 auto!important;overflow:visible!important;z-index:1002!important;}
.bhi-kv-notify-btn{position:relative!important;pointer-events:auto!important;cursor:pointer!important;border:1px solid #d6e4f2!important;background:#fff!important;border-radius:6px!important;}
.bhi-notify-panel{position:fixed!important;display:none!important;z-index:2147483000!important;background:#fff!important;border:1px solid #dbe7f3!important;border-radius:10px!important;box-shadow:0 18px 45px rgba(15,39,66,.20)!important;overflow:hidden!important;color:#0f2742!important;box-sizing:border-box!important;}
.bhi-notify-panel.is-open,.bhi-notify-panel.open{display:flex!important;flex-direction:column!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;}
.bhi-notify-panel *{box-sizing:border-box!important;}
.bhi-notify-list{overflow:auto!important;max-height:430px!important;overscroll-behavior:contain!important;}
.bhi-notify-detail{overflow:auto!important;max-height:inherit!important;}

.bhi-billing-cycle{
  width:min(430px,100%)!important;
  margin:20px auto 22px!important;
  padding:4px!important;
  border:2px solid #c7ccd3!important;
  border-radius:999px!important;
  background:#fff!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:4px!important;
  box-shadow:none!important;
}
.bhi-billing-cycle label{
  margin:0!important;
  padding:0!important;
  border-radius:999px!important;
  cursor:pointer!important;
  display:block!important;
  font-weight:700!important;
  color:#111827!important;
}
.bhi-billing-cycle input{
  position:absolute!important;
  opacity:0!important;
  pointer-events:none!important;
  width:1px!important;
  height:1px!important;
}
.bhi-billing-cycle label span{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:48px!important;
  min-height:48px!important;
  padding:0 18px!important;
  border-radius:999px!important;
  font-size:18px!important;
  line-height:1!important;
  transition:background .12s ease,color .12s ease,box-shadow .12s ease!important;
  white-space:nowrap!important;
}
.bhi-billing-cycle input:checked + span{
  background:var(--bhi-theme,#0876df)!important;
  color:#fff!important;
  box-shadow:0 5px 14px var(--bhi-theme-shadow,rgba(8,118,223,.18))!important;
}
.bhi-billing-cycle label:hover span{background:var(--bhi-theme-soft,rgba(8,118,223,.10))!important;}
.bhi-billing-cycle label:hover input:checked + span{background:var(--bhi-theme,#0876df)!important;}
@media(max-width:680px){
  .bhi-billing-cycle{width:100%!important;margin:14px auto!important;}
  .bhi-billing-cycle label span{height:42px!important;min-height:42px!important;font-size:15px!important;padding:0 10px!important;}
}


/* =========================================================
   STEP 38 - Full theme color coverage + notification hard layer
========================================================= */
.bhi-kv-shell .bhi-kv-brand-mark,
.bhi-kv-shell .bhi-kv-sale,
.bhi-kv-shell .bhi-primary-btn,
.bhi-kv-shell .bhi-primary-mini,
.bhi-kv-shell .bhi-submit-row button.bhi-primary-btn,
.bhi-kv-shell .bhi-header-primary,
.bhi-kv-shell .bhi-product-toolbar button,
.bhi-kv-shell .bhi-billing-card:not(.current) .bhi-primary-btn,
.bhi-kv-shell button.bhi-primary-btn{
  background:var(--bhi-theme,#0876df)!important;
  border-color:var(--bhi-theme,#0876df)!important;
  color:#fff!important;
  box-shadow:0 8px 18px var(--bhi-theme-shadow,rgba(8,118,223,.18))!important;
}
.bhi-kv-shell .bhi-kv-brand-mark{
  background:linear-gradient(135deg,var(--bhi-theme,#0876df),color-mix(in srgb,var(--bhi-theme,#0876df) 72%,#fff))!important;
}
.bhi-kv-shell .bhi-kv-brand-text small,
.bhi-kv-shell .bhi-section-head h2,
.bhi-kv-shell .bhi-panel>h2,
.bhi-kv-shell .bhi-kv-tab.active,
.bhi-kv-shell .bhi-kv-tab-wrap.active>.bhi-kv-tab,
.bhi-kv-shell .bhi-kv-dropdown a.active,
.bhi-kv-shell .bhi-kv-dropdown a:hover{
  color:var(--bhi-theme,#0876df)!important;
}
.bhi-kv-shell .bhi-kv-tab.active,
.bhi-kv-shell .bhi-kv-tab-wrap.active>.bhi-kv-tab{
  background:var(--bhi-theme-soft,rgba(8,118,223,.10))!important;
  border-bottom-color:var(--bhi-theme,#0876df)!important;
}
.bhi-kv-shell .bhi-kv-tool:hover,
.bhi-kv-shell .bhi-kv-tool.active,
.bhi-kv-shell .bhi-theme-btn[aria-expanded="true"],
.bhi-kv-shell .bhi-kv-notify-btn:hover,
.bhi-kv-shell .bhi-kv-notify-btn[aria-expanded="true"]{
  color:var(--bhi-theme,#0876df)!important;
  background:var(--bhi-theme-soft,rgba(8,118,223,.10))!important;
  border-color:var(--bhi-theme-border,rgba(8,118,223,.30))!important;
}
.bhi-kv-shell .bhi-ov-bar i,
.bhi-kv-shell .bhi-bar i,
.bhi-kv-shell .bhi-report-box .bhi-bar i,
.bhi-kv-shell .bhi-notify-dot{
  background:var(--bhi-theme,#0876df)!important;
}
.bhi-kv-shell .bhi-ov-bars{
  background:linear-gradient(to top,var(--bhi-theme-soft,rgba(8,118,223,.10)),#fff)!important;
}
.bhi-kv-shell .bhi-notify-icon{
  color:var(--bhi-theme,#0876df)!important;
  background:var(--bhi-theme-soft,rgba(8,118,223,.10))!important;
}
#bhiNotifyBtn{
  position:relative!important;
  z-index:2147483001!important;
  pointer-events:auto!important;
  cursor:pointer!important;
}
#bhiNotifyPanel.bhi-notify-panel{
  position:fixed!important;
  z-index:2147483647!important;
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  background:#fff!important;
  border:1px solid #dbe7f3!important;
  border-radius:10px!important;
  box-shadow:0 18px 45px rgba(15,39,66,.22)!important;
  overflow:hidden!important;
  color:#0f2742!important;
}
#bhiNotifyPanel.bhi-notify-panel.is-open,
#bhiNotifyPanel.bhi-notify-panel.open,
#bhiNotifyPanel.bhi-notify-panel.bhi-step38-open{
  display:flex!important;
  flex-direction:column!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
#bhiNotifyPanel .bhi-notify-list{max-height:430px!important;overflow:auto!important;overscroll-behavior:contain!important;}
#bhiNotifyPanel .bhi-notify-item{cursor:pointer!important;}

/* =========================================================
   STEP 39 - Notification definitive layer + billing/theme color fixes
========================================================= */
#bhiNotifyBtn.bhi-kv-notify-btn{
  position:relative!important;
  z-index:2147483001!important;
  pointer-events:auto!important;
  cursor:pointer!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:38px!important;
  height:34px!important;
  min-width:38px!important;
  min-height:34px!important;
}
#bhiNotifyPanel.bhi-notify-panel{
  position:fixed!important;
  z-index:2147483647!important;
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  background:#fff!important;
  border:1px solid #dbe7f3!important;
  border-radius:10px!important;
  box-shadow:0 18px 45px rgba(15,39,66,.22)!important;
  overflow:hidden!important;
  color:#0f2742!important;
}
#bhiNotifyPanel.bhi-notify-panel.is-open,
#bhiNotifyPanel.bhi-notify-panel.open,
#bhiNotifyPanel.bhi-notify-panel.bhi-step39-open{
  display:flex!important;
  flex-direction:column!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
#bhiNotifyPanel .bhi-notify-list{max-height:430px!important;overflow:auto!important;overscroll-behavior:contain!important;background:#fff!important;}
#bhiNotifyPanel .bhi-notify-head h3{color:#0f2742!important;}
#bhiNotifyPanel .bhi-notify-tab.active{color:var(--bhi-theme,#0876df)!important;border-bottom-color:var(--bhi-theme,#0876df)!important;}
#bhiNotifyPanel .bhi-notify-icon{color:var(--bhi-theme,#0876df)!important;background:var(--bhi-theme-soft,rgba(8,118,223,.10))!important;}
#bhiNotifyPanel .bhi-notify-dot{background:var(--bhi-theme,#0876df)!important;}

.bhi-kv-shell .bhi-plan-card button:not([disabled]),
.bhi-kv-shell .bhi-plan-card:not(.current) button:not([disabled]),
.bhi-kv-shell #bhiBillingPanel .bhi-plan-card button:not([disabled]){
  background:var(--bhi-theme,#0876df)!important;
  border-color:var(--bhi-theme,#0876df)!important;
  color:#fff!important;
  box-shadow:0 8px 18px var(--bhi-theme-shadow,rgba(8,118,223,.18))!important;
}
.bhi-kv-shell .bhi-plan-card button:not([disabled]):hover,
.bhi-kv-shell #bhiBillingPanel .bhi-plan-card button:not([disabled]):hover{
  filter:brightness(.96)!important;
}
.bhi-kv-shell .bhi-plan-price,
.bhi-kv-shell .bhi-plan-price span,
.bhi-kv-shell .bhi-billing-current b,
.bhi-kv-shell #billing .bhi-section-head h2{
  color:var(--bhi-theme,#0876df)!important;
}
.bhi-kv-shell .bhi-plan-card.recommended{
  border-color:var(--bhi-theme,#0876df)!important;
  box-shadow:0 10px 24px var(--bhi-theme-shadow,rgba(8,118,223,.14))!important;
}
.bhi-kv-shell .bhi-plan-tag{
  background:var(--bhi-theme-soft,rgba(8,118,223,.10))!important;
  color:var(--bhi-theme,#0876df)!important;
}
.bhi-kv-shell .bhi-billing-cycle input:checked + span{
  background:var(--bhi-theme,#0876df)!important;
  color:#fff!important;
  box-shadow:0 5px 14px var(--bhi-theme-shadow,rgba(8,118,223,.18))!important;
}
.bhi-kv-shell .bhi-kv-brand-mark,
.bhi-kv-shell .bhi-header-primary,
.bhi-kv-shell .bhi-primary-btn,
.bhi-kv-shell .bhi-pos-submit,
.bhi-kv-shell .bhi-pos-save,
.bhi-kv-shell .bhi-kv-sale-btn{
  background:var(--bhi-theme,#0876df)!important;
  border-color:var(--bhi-theme,#0876df)!important;
  color:#fff!important;
}
.bhi-kv-shell .bhi-ov-bar i,
.bhi-kv-shell .bhi-report-box .bhi-bar i,
.bhi-kv-shell .bhi-bar i{
  background:var(--bhi-theme,#0876df)!important;
}

/* =========================================================
   STEP 40 - Notification Center fallback page
   Chuông không còn mở popup; chuyển sang màn hình Hộp thư ổn định.
========================================================= */
.bhi-kv-shell #bhiNotifyBtn.bhi-kv-notify-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:38px!important;
  height:34px!important;
  min-width:38px!important;
  padding:0!important;
  text-decoration:none!important;
  color:#0f2742!important;
  background:#fff!important;
  border:1px solid #d6e4f2!important;
  border-radius:6px!important;
  position:relative!important;
}
.bhi-kv-shell #bhiNotifyBtn.bhi-kv-notify-btn.active,
.bhi-kv-shell #bhiNotifyBtn.bhi-kv-notify-btn:hover{
  color:var(--bhi-theme,#0876df)!important;
  background:var(--bhi-theme-soft,rgba(8,118,223,.10))!important;
  border-color:var(--bhi-theme-border,rgba(8,118,223,.30))!important;
}
.bhi-notify-page .bhi-section-head h2{color:var(--bhi-theme,#0876df)!important;}
.bhi-notify-center{display:block;width:100%;}
.bhi-notify-page-tabs{
  display:inline-flex;
  align-items:center;
  gap:0;
  margin:0 0 14px;
  padding:4px;
  border:1px solid #d6e4f2;
  border-radius:999px;
  background:#f8fbff;
}
.bhi-notify-page-tabs button{
  border:0!important;
  background:transparent!important;
  color:#42526b!important;
  min-height:34px!important;
  padding:0 18px!important;
  border-radius:999px!important;
  font-weight:700!important;
  cursor:pointer!important;
}
.bhi-notify-page-tabs button.active{
  background:var(--bhi-theme,#0876df)!important;
  color:#fff!important;
  box-shadow:0 5px 14px var(--bhi-theme-shadow,rgba(8,118,223,.16))!important;
}
.bhi-notify-page-list{display:grid;grid-template-columns:1fr;gap:10px;max-width:920px;}
.bhi-notify-page-item{
  display:grid;
  grid-template-columns:44px 1fr 12px;
  gap:12px;
  align-items:flex-start;
  padding:14px 16px;
  border:1px solid #dce8f5;
  border-radius:12px;
  background:#fff;
  box-shadow:0 8px 22px rgba(15,39,66,.04);
}
.bhi-notify-page-item.is-unread{background:linear-gradient(90deg,var(--bhi-theme-soft,rgba(8,118,223,.08)),#fff 42%);border-color:var(--bhi-theme-border,rgba(8,118,223,.22));}
.bhi-notify-page-icon{
  width:38px;height:38px;border-radius:10px;
  display:flex;align-items:center;justify-content:center;
  color:var(--bhi-theme,#0876df);
  background:var(--bhi-theme-soft,rgba(8,118,223,.10));
  font-size:18px;
}
.bhi-notify-page-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:6px;}
.bhi-notify-page-row h3{margin:0!important;font-size:16px!important;line-height:1.35!important;color:#0f2742!important;}
.bhi-notify-page-row span{font-size:12px;color:#6b7a90;white-space:nowrap;}
.bhi-notify-page-body{font-size:14px;line-height:1.6;color:#26384d;}
.bhi-notify-page-body p{margin:.35em 0;}
.bhi-notify-page-body img{max-width:100%;height:auto;border-radius:10px;}
.bhi-notify-page-dot{width:9px;height:9px;border-radius:99px;background:var(--bhi-theme,#0876df);margin-top:14px;}
.bhi-kv-shell #bhiNotifyCount{background:#ff4d4f!important;color:#fff!important;}
.bhi-kv-shell .bhi-plan-card button:not([disabled]),
.bhi-kv-shell .bhi-plan-card:not(.current) button:not([disabled]),
.bhi-kv-shell #bhiBillingPanel .bhi-plan-card button:not([disabled]),
.bhi-kv-shell #billing .bhi-primary-btn,
.bhi-kv-shell #billing button.bhi-primary-btn{
  background:var(--bhi-theme,#0876df)!important;
  border-color:var(--bhi-theme,#0876df)!important;
  color:#fff!important;
}
@media(max-width:680px){
  .bhi-notify-page-tabs{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;border-radius:12px;}
  .bhi-notify-page-tabs button{padding:0 8px!important;}
  .bhi-notify-page-item{grid-template-columns:38px 1fr 10px;padding:12px;}
  .bhi-notify-page-row{display:block;}
  .bhi-notify-page-row span{display:block;margin-top:3px;white-space:normal;}
}


/* =========================================================
   STEP 41 - Hóa đơn tab style + theme propagation
========================================================= */
.bhi-kv-shell #orders .bhi-order-tabs{
  display:flex!important;
  align-items:flex-end!important;
  gap:6px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:6px 8px 0!important;
  margin:0 0 10px!important;
  border-bottom:2px solid var(--bhi-theme,#0876df)!important;
  scrollbar-width:thin!important;
}
.bhi-kv-shell #orders .bhi-order-tab{
  position:relative!important;
  flex:0 0 auto!important;
  min-width:92px!important;
  height:38px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 18px!important;
  border:1px solid var(--bhi-theme-border,rgba(8,118,223,.3))!important;
  border-bottom:0!important;
  border-radius:10px 10px 0 0!important;
  background:var(--bhi-theme-soft,rgba(8,118,223,.10))!important;
  color:#0f2742!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1!important;
  cursor:pointer!important;
  white-space:nowrap!important;
  box-shadow:none!important;
  clip-path:polygon(0 0, calc(100% - 14px) 0, 100% 100%, 0 100%)!important;
}
.bhi-kv-shell #orders .bhi-order-tab.active{
  background:var(--bhi-theme,#0876df)!important;
  border-color:var(--bhi-theme,#0876df)!important;
  color:#fff!important;
  font-weight:800!important;
  box-shadow:0 -2px 12px var(--bhi-theme-shadow,rgba(8,118,223,.18))!important;
}
.bhi-kv-shell #orders .bhi-order-tab:focus-visible{outline:2px solid var(--bhi-theme,#0876df)!important;outline-offset:2px!important;}
.bhi-kv-shell #orders .bhi-manager-toolbar{margin-top:0!important;}
.bhi-kv-shell .bhi-kv-brand-mark,
.bhi-kv-shell .bhi-primary-btn,
.bhi-kv-shell .bhi-primary-mini,
.bhi-kv-shell .bhi-submit-row button.bhi-primary-btn,
.bhi-kv-shell .bhi-plan-card button:not([disabled]),
.bhi-kv-shell #bhiBillingPanel .bhi-plan-card button:not([disabled]){
  background:var(--bhi-theme,#0876df)!important;
  border-color:var(--bhi-theme,#0876df)!important;
}

/* =========================================================
   STEP 42 - Hóa đơn tabs kiểu folder/trapezoid theo màu giao diện
   - Áp dụng cho tabs lọc nhanh: Tất cả / Hóa đơn / Báo giá / Còn nợ...
   - Nền tab tự đổi theo --bhi-theme khi khách chọn màu giao diện.
========================================================= */
.bhi-kv-shell #orders .bhi-order-tabs{
  --bhi-tab-bg: var(--bhi-theme,#0876df);
  --bhi-tab-shadow: var(--bhi-theme-shadow,rgba(8,118,223,.18));
  display:flex!important;
  align-items:flex-end!important;
  gap:0!important;
  min-height:52px!important;
  height:52px!important;
  padding:8px 14px 0!important;
  margin:0 0 0!important;
  border:0!important;
  border-bottom:0!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  scrollbar-width:thin!important;
  background:transparent!important;
  isolation:isolate!important;
}
.bhi-kv-shell #orders .bhi-order-tab{
  position:relative!important;
  flex:0 0 auto!important;
  min-width:118px!important;
  height:44px!important;
  margin:0 4px 0 0!important;
  padding:0 30px 0 22px!important;
  border:0!important;
  border-radius:10px 10px 0 0!important;
  background:var(--bhi-tab-bg)!important;
  color:#fff!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  font-size:14px!important;
  font-weight:750!important;
  line-height:1!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  box-shadow:0 -1px 0 rgba(255,255,255,.25) inset, 0 8px 18px var(--bhi-tab-shadow)!important;
  clip-path:polygon(0 0, calc(100% - 22px) 0, 100% 100%, 0 100%)!important;
  opacity:.82!important;
  transform:translateY(0)!important;
  transition:opacity .12s ease, transform .12s ease, filter .12s ease!important;
  z-index:1!important;
}
.bhi-kv-shell #orders .bhi-order-tab:hover{
  opacity:1!important;
  filter:brightness(1.03)!important;
}
.bhi-kv-shell #orders .bhi-order-tab.active{
  background:#fff!important;
  color:var(--bhi-tab-bg)!important;
  opacity:1!important;
  z-index:3!important;
  transform:translateY(1px)!important;
  box-shadow:0 -1px 0 #fff inset, 0 -6px 20px rgba(15,23,42,.08)!important;
  font-weight:850!important;
}
.bhi-kv-shell #orders .bhi-order-tab.active::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:22px!important;
  bottom:-1px!important;
  height:2px!important;
  background:#fff!important;
  pointer-events:none!important;
}
.bhi-kv-shell #orders .bhi-order-tabs::after{
  content:""!important;
  flex:1 0 18px!important;
  min-width:18px!important;
  height:44px!important;
  border-bottom:0!important;
}
.bhi-kv-shell #orders .bhi-manager-toolbar{
  border-top:1px solid #e3edf7!important;
  margin-top:0!important;
  border-radius:0 0 12px 12px!important;
}
@media(max-width:760px){
  .bhi-kv-shell #orders .bhi-order-tabs{height:48px!important;min-height:48px!important;padding-left:10px!important;padding-right:10px!important;}
  .bhi-kv-shell #orders .bhi-order-tab{height:40px!important;min-width:104px!important;font-size:13px!important;padding-left:16px!important;padding-right:26px!important;}
}


/* =========================================================
   STEP 43 - POS tabs style + Print template editor layout
========================================================= */
.bhi-kv-shell #pos .bhi-pos-tabs{
  height:44px!important;min-height:44px!important;margin:-10px -10px 8px!important;padding:0 0 0 0!important;background:transparent!important;border-radius:0!important;overflow-x:auto!important;overflow-y:hidden!important;gap:0!important;align-items:flex-end!important;border-bottom:1px solid color-mix(in srgb,var(--bhi-theme,#0876df) 35%,#dbe7f3)!important;scrollbar-width:thin!important;
}
.bhi-kv-shell #pos .bhi-pos-tabs .bhi-pos-tab{
  height:42px!important;min-height:42px!important;min-width:132px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;border:1px solid color-mix(in srgb,var(--bhi-theme,#0876df) 28%,#dbe7f3)!important;border-bottom:0!important;border-radius:0!important;background:color-mix(in srgb,var(--bhi-theme,#0876df) 11%,#fff)!important;color:#0f172a!important;font-size:15px!important;font-weight:700!important;padding:0 14px!important;margin:0 2px 0 0!important;box-shadow:none!important;position:relative!important;white-space:nowrap!important;
}
.bhi-kv-shell #pos .bhi-pos-tabs .bhi-pos-tab.active{
  background:#fff!important;color:#071a35!important;border-top:4px solid var(--bhi-theme,#0876df)!important;box-shadow:0 -1px 0 #fff inset!important;z-index:2!important;
}
.bhi-kv-shell #pos .bhi-pos-tabs .bhi-pos-tab:not(.active){color:var(--bhi-theme,#0876df)!important;}
.bhi-kv-shell #pos .bhi-pos-tabs .bhi-pos-tab em{width:22px!important;height:22px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;margin-left:2px!important;border-radius:999px!important;font-style:normal!important;font-size:16px!important;line-height:1!important;color:inherit!important;opacity:.75!important;}
.bhi-kv-shell #pos .bhi-pos-tabs .bhi-pos-tab em:hover{background:#fee2e2!important;color:#dc2626!important;opacity:1!important;}
.bhi-kv-shell #pos .bhi-pos-tab-plus{
  height:42px!important;min-height:42px!important;width:46px!important;border:0!important;border-radius:0!important;background:var(--bhi-theme,#0876df)!important;color:#fff!important;font-size:24px!important;font-weight:500!important;margin:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
}
.bhi-kv-shell #pos .bhi-pos-type-line{justify-content:flex-end!important;margin:-2px 0 6px!important;}
.bhi-kv-shell #pos .bhi-pos-type-toggle{height:30px!important;min-height:30px!important;padding:0 12px!important;border-radius:5px!important;font-size:13px!important;color:var(--bhi-theme,#0876df)!important;border-color:color-mix(in srgb,var(--bhi-theme,#0876df) 30%,#cbd5e1)!important;}

.bhi-print-workspace-v43{display:flex;flex-direction:column;gap:10px;min-height:0;}
.bhi-print-template-tabs{display:flex;gap:0;overflow-x:auto;border-bottom:1px solid #d7e5f4;margin-top:2px;}
.bhi-print-template-tab{height:38px;border:1px solid #d7e5f4;border-bottom:0;background:color-mix(in srgb,var(--bhi-theme,#0876df) 10%,#fff);color:var(--bhi-theme,#0876df);padding:0 16px;border-radius:9px 9px 0 0;margin-right:2px;font-weight:700;white-space:nowrap;cursor:pointer;}
.bhi-print-template-tab.active{background:#fff;color:#0f172a;border-top:3px solid var(--bhi-theme,#0876df);}
.bhi-print-editor-preview-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,44%);gap:12px;min-height:0;}
.bhi-template-top-row{display:grid;grid-template-columns:minmax(0,1fr) 95px auto;gap:10px;align-items:end;margin-bottom:8px;}
.bhi-template-default-check{margin-bottom:5px!important;white-space:nowrap;}
.bhi-template-editor textarea#bhiTplHtml{height:calc(100vh - 330px)!important;min-height:420px!important;}
.bhi-template-preview-card{display:flex;flex-direction:column;min-height:0;}
.bhi-preview-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;}
.bhi-preview-head h3{margin:0!important;}
.bhi-template-preview-frame{flex:1 1 auto;width:100%;min-height:420px;border:1px solid #d7e5f4;border-radius:8px;background:#f8fafc;}
.bhi-template-vars summary{font-weight:700;cursor:pointer;}
@media(max-width:1100px){.bhi-print-editor-preview-grid{grid-template-columns:1fr}.bhi-template-editor textarea#bhiTplHtml{height:360px!important}.bhi-template-preview-frame{height:420px;min-height:420px}.bhi-template-top-row{grid-template-columns:1fr}}

/* =========================================================
   STEP 44 - Print template settings layout + invoice tabs like sample
   - Admin page uses inline CSS in PHP; frontend and POS/orders tabs are here.
========================================================= */
.bhi-kv-shell #print.bhi-print-panel-v44{
  background:#f6f9fc!important;
  border:0!important;
  box-shadow:none!important;
  padding:16px!important;
  overflow:auto!important;
  max-height:calc(100vh - 74px)!important;
}
.bhi-print-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px;}
.bhi-print-page-head h2{font-size:24px!important;line-height:1.12!important;margin:0 0 4px!important;color:#071a35!important;font-weight:850!important;}
.bhi-print-page-head p{margin:0!important;color:#64748b!important;font-weight:550!important;}
.bhi-print-workspace-v44{display:flex;flex-direction:column;gap:12px;min-height:0;}
.bhi-print-template-tabs-v44{display:flex!important;align-items:center!important;gap:8px!important;overflow-x:auto!important;padding:0 0 2px!important;margin:0!important;border:0!important;scrollbar-width:thin!important;}
.bhi-print-template-tabs-v44 .bhi-print-template-tab{height:40px!important;min-height:40px!important;border:1px solid #dce7f3!important;border-radius:8px!important;background:#fff!important;color:#0f172a!important;padding:0 16px!important;margin:0!important;display:inline-flex!important;align-items:center!important;gap:8px!important;font-size:14px!important;font-weight:750!important;white-space:nowrap!important;box-shadow:0 1px 2px rgba(15,23,42,.03)!important;}
.bhi-print-template-tabs-v44 .bhi-print-template-tab.active{background:color-mix(in srgb,var(--bhi-theme,#0b5fe8) 10%,#fff)!important;color:var(--bhi-theme,#0b5fe8)!important;border-color:color-mix(in srgb,var(--bhi-theme,#0b5fe8) 45%,#dce7f3)!important;}
.bhi-print-selected-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fff;border:1px solid #dce7f3;border-radius:14px;padding:14px 16px;box-shadow:0 8px 20px rgba(15,23,42,.04);}
.bhi-print-selected-bar span{display:inline-block;margin-right:14px;color:#475569;font-weight:800;}
.bhi-print-selected-bar strong{font-size:17px;color:#0f172a;font-weight:850;}
.bhi-print-status-badge{display:inline-flex;align-items:center;margin-left:10px;background:#dcfce7;color:#166534;border:1px solid #bbf7d0;border-radius:8px;padding:3px 8px;font-style:normal;font-size:12px;font-weight:850;}
.bhi-print-selected-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;}
.bhi-print-lock-v44{margin:0!important;border-radius:12px!important;}
.bhi-print-editor-preview-grid-v44{display:grid!important;grid-template-columns:minmax(420px,40%) minmax(520px,1fr)!important;gap:14px!important;align-items:start!important;}
.bhi-template-editor-v44,.bhi-template-preview-card-v44{background:#fff!important;border:1px solid #dce7f3!important;border-radius:14px!important;box-shadow:0 8px 22px rgba(15,23,42,.04)!important;padding:14px!important;}
.bhi-template-two-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.bhi-template-editor-v44 label{font-weight:800!important;color:#334155!important;margin:10px 0 6px!important;}
.bhi-template-editor-v44 input,.bhi-template-editor-v44 select,.bhi-template-editor-v44 textarea{border:1px solid #cbd5e1!important;border-radius:8px!important;background:#fff!important;min-height:38px!important;padding:8px 10px!important;font-size:14px!important;box-sizing:border-box!important;}
.bhi-template-editor-v44 textarea[readonly],.bhi-template-editor-v44 input[readonly]{background:#fbfdff!important;}
.bhi-template-style-row{display:grid;grid-template-columns:1fr 170px;gap:14px;align-items:end;border:1px solid #e6edf5;border-radius:12px;padding:12px;margin-top:12px;background:#fff;}
.bhi-template-color-swatches>span{font-weight:850;display:block;margin-bottom:8px;color:#334155;}
.bhi-template-color-swatches>div{display:flex;gap:10px;flex-wrap:wrap;}
.bhi-template-color-swatches label{margin:0!important;text-align:center;font-size:12px!important;color:#475569!important;font-weight:700!important;}
.bhi-template-color-swatches i,.bhi-template-color-swatches input[type=color]{display:block;width:52px!important;height:30px!important;border:1px solid #cbd5e1!important;border-radius:7px!important;margin-top:4px!important;box-shadow:inset 0 0 0 3px #fff!important;padding:2px!important;background:#fff!important;cursor:pointer!important}.bhi-template-color-swatches input[type=color]::-webkit-color-swatch-wrapper{padding:0}.bhi-template-color-swatches input[type=color]::-webkit-color-swatch{border:0;border-radius:5px}
.bhi-template-theme-toggle{display:grid!important;grid-template-columns:42px auto!important;grid-template-rows:auto auto!important;column-gap:10px!important;align-items:center!important;border:1px solid #e6edf5!important;border-radius:12px!important;padding:10px!important;margin-top:12px!important;background:#fff!important;}
.bhi-template-theme-toggle input{display:none!important;}
.bhi-template-theme-toggle span{grid-row:1 / span 2;position:relative;width:38px;height:22px;border-radius:999px;background:var(--bhi-theme,#0b5fe8);box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);}
.bhi-template-theme-toggle span:after{content:"";position:absolute;right:3px;top:3px;width:16px;height:16px;border-radius:999px;background:#fff;box-shadow:0 1px 3px rgba(15,23,42,.22);}
.bhi-template-theme-toggle b{font-weight:850;color:#0f172a;}
.bhi-template-theme-toggle small{display:block;color:#64748b;}
.bhi-template-accordion{border:1px solid #e2e8f0!important;border-radius:10px!important;background:#fbfdff!important;margin-top:10px!important;overflow:hidden!important;}
.bhi-template-accordion summary{padding:10px 12px!important;font-weight:850!important;color:#1e293b!important;cursor:pointer!important;}
.bhi-template-accordion textarea#bhiTplHtml{border:0!important;border-top:1px solid #e2e8f0!important;border-radius:0!important;width:100%!important;height:250px!important;min-height:250px!important;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;font-size:12px!important;line-height:1.45!important;}
.bhi-template-muted{padding:12px;color:#64748b;font-weight:600;}
.bhi-template-default-check{display:flex!important;align-items:center!important;gap:8px!important;margin-top:12px!important;}
.bhi-template-default-check input{width:auto!important;min-height:0!important;}
.bhi-template-actions-v44{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;}
.bhi-template-actions-v44 button{height:40px!important;min-height:40px!important;border-radius:8px!important;padding:0 14px!important;font-weight:850!important;}
.bhi-template-actions-v44 button:not(.bhi-primary-btn):not(.bhi-danger-btn){background:#fff!important;border:1px solid #cfdbe8!important;color:#0f172a!important;}
.bhi-danger-btn{background:#fff5f5!important;border:1px solid #fecaca!important;color:#dc2626!important;}
.bhi-template-vars .bhi-placeholder-list{padding:0 12px 12px;}
.bhi-template-preview-card-v44{display:flex!important;flex-direction:column!important;min-height:0!important;}
.bhi-template-preview-card-v44 .bhi-preview-head{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;margin-bottom:10px!important;}
.bhi-template-preview-card-v44 .bhi-preview-head h3{font-size:18px!important;margin:0!important;color:#0f172a!important;}
.bhi-template-preview-card-v44 .bhi-preview-head div{display:flex;gap:8px;}
.bhi-template-preview-card-v44 .bhi-template-preview-frame{display:block!important;width:100%!important;height:calc(100vh - 305px)!important;min-height:560px!important;border:1px solid #d7e3f0!important;border-radius:10px!important;background:#eef2f7!important;}

/* POS document tabs: simple rectangular style like the user's sample image */
.bhi-kv-shell #pos .bhi-pos-tabs{
  height:56px!important;min-height:56px!important;margin:-10px -10px 14px!important;padding:0!important;background:transparent!important;border:0!important;border-bottom:1px solid color-mix(in srgb,var(--bhi-theme,#0b5fe8) 34%,#d7e1ee)!important;border-radius:0!important;display:flex!important;align-items:flex-end!important;gap:0!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:thin!important;
}
.bhi-kv-shell #pos .bhi-pos-tabs .bhi-pos-tab{
  height:52px!important;min-height:52px!important;min-width:154px!important;margin:0!important;padding:0 18px!important;border:1px solid #d7e1ee!important;border-bottom:0!important;border-radius:0!important;background:color-mix(in srgb,var(--bhi-theme,#0b5fe8) 8%,#fff)!important;color:#0f172a!important;font-size:17px!important;font-weight:850!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;box-shadow:none!important;position:relative!important;white-space:nowrap!important;
}
.bhi-kv-shell #pos .bhi-pos-tabs .bhi-pos-tab + .bhi-pos-tab{border-left:0!important;}
.bhi-kv-shell #pos .bhi-pos-tabs .bhi-pos-tab.active{background:#fff!important;color:var(--bhi-theme,#0b5fe8)!important;border-top:3px solid var(--bhi-theme,#0b5fe8)!important;z-index:2!important;box-shadow:0 -1px 0 #fff inset!important;}
.bhi-kv-shell #pos .bhi-pos-tabs .bhi-pos-tab em{width:22px!important;height:22px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;margin-left:4px!important;border-radius:999px!important;font-style:normal!important;font-size:18px!important;line-height:1!important;color:inherit!important;opacity:.68!important;}
.bhi-kv-shell #pos .bhi-pos-tabs .bhi-pos-tab em:hover{background:#fee2e2!important;color:#dc2626!important;opacity:1!important;}
.bhi-kv-shell #pos .bhi-pos-tab-plus{height:52px!important;min-height:52px!important;width:56px!important;border:1px solid #d7e1ee!important;border-bottom:0!important;border-left:0!important;border-radius:0!important;background:#fff!important;color:#0f172a!important;font-size:26px!important;font-weight:500!important;margin:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}

/* Orders filter tabs: same flat tab language, theme-aware */
.bhi-kv-shell #orders .bhi-order-tabs{display:flex!important;align-items:flex-end!important;gap:0!important;min-height:48px!important;height:48px!important;padding:0!important;margin:0 0 12px!important;background:transparent!important;border:0!important;border-bottom:1px solid color-mix(in srgb,var(--bhi-theme,#0b5fe8) 34%,#d7e1ee)!important;overflow-x:auto!important;overflow-y:hidden!important;}
.bhi-kv-shell #orders .bhi-order-tab{height:46px!important;min-width:126px!important;margin:0!important;padding:0 18px!important;border:1px solid #d7e1ee!important;border-bottom:0!important;border-left:0!important;border-radius:0!important;background:color-mix(in srgb,var(--bhi-theme,#0b5fe8) 8%,#fff)!important;color:#0f172a!important;clip-path:none!important;opacity:1!important;box-shadow:none!important;transform:none!important;font-size:15px!important;font-weight:850!important;}
.bhi-kv-shell #orders .bhi-order-tab:first-child{border-left:1px solid #d7e1ee!important;}
.bhi-kv-shell #orders .bhi-order-tab.active{background:#fff!important;color:var(--bhi-theme,#0b5fe8)!important;border-top:3px solid var(--bhi-theme,#0b5fe8)!important;box-shadow:0 -1px 0 #fff inset!important;}
.bhi-kv-shell #orders .bhi-order-tab.active::before,.bhi-kv-shell #orders .bhi-order-tabs::after{display:none!important;content:none!important;}
.bhi-kv-shell #orders .bhi-manager-toolbar{border-top:0!important;border-radius:12px!important;}

@media(max-width:1200px){
  .bhi-print-editor-preview-grid-v44{grid-template-columns:1fr!important;}
  .bhi-template-preview-card-v44 .bhi-template-preview-frame{height:520px!important;min-height:520px!important;}
}
@media(max-width:720px){
  .bhi-print-page-head,.bhi-print-selected-bar{display:block!important;}
  .bhi-print-selected-actions{margin-top:12px;justify-content:flex-start;}
  .bhi-template-two-cols,.bhi-template-style-row{grid-template-columns:1fr!important;}
  .bhi-kv-shell #pos .bhi-pos-tabs .bhi-pos-tab{min-width:126px!important;font-size:15px!important;padding:0 12px!important;}
}

/* STEP 45 - interactive print options */
.bhi-template-editor-v44 #bhiTplSizeSelect,.bhi-template-editor-v44 #bhiTplOrientation,.bhi-template-editor-v44 #bhiTplFont,.bhi-form-card #bhiSetDefaultPrintSize{cursor:pointer!important;background-color:#fff!important;background-image:none!important;color:#0f172a!important;appearance:auto!important;-webkit-appearance:auto!important;}
.bhi-template-size-help{display:block;margin-top:5px;color:#64748b;font-size:12px;font-weight:700;line-height:1.35;}
.bhi-template-editor-v44 .bhi-print-color-input{cursor:pointer!important;}

/* STEP 47 - Professional print HTML editor + thermal paper fix */
.bhi-pro-editor-details summary{display:flex!important;align-items:center!important;gap:8px!important;}
.bhi-pro-editor{border-top:1px solid #e2e8f0!important;background:#fff!important;}
.bhi-pro-toolbar{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important;padding:8px!important;background:#f8fafc!important;border-bottom:1px solid #e2e8f0!important;}
.bhi-pro-toolbar button{height:30px!important;min-height:30px!important;border:1px solid #cbd5e1!important;background:#fff!important;color:#0f172a!important;border-radius:6px!important;padding:0 9px!important;font-weight:800!important;cursor:pointer!important;box-shadow:none!important;}
.bhi-pro-toolbar button.active{background:color-mix(in srgb,var(--bhi-theme,#0b5fe8) 12%,#fff)!important;border-color:color-mix(in srgb,var(--bhi-theme,#0b5fe8) 45%,#cbd5e1)!important;color:var(--bhi-theme,#0b5fe8)!important;}
.bhi-pro-toolbar button:disabled{opacity:.55!important;cursor:not-allowed!important;}
.bhi-pro-toolbar span{flex:1 1 auto!important;}
.bhi-pro-canvas{display:block!important;width:100%!important;min-height:280px!important;max-height:430px!important;overflow:auto!important;padding:12px!important;background:#fff!important;border:0!important;outline:none!important;line-height:1.45!important;box-sizing:border-box!important;}
.bhi-pro-canvas:focus{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--bhi-theme,#0b5fe8) 20%,transparent)!important;}
.bhi-pro-source{display:none!important;width:100%!important;height:360px!important;min-height:360px!important;border:0!important;border-radius:0!important;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;font-size:12px!important;line-height:1.45!important;box-sizing:border-box!important;}
.bhi-pro-editor.is-source .bhi-pro-canvas{display:none!important;}
.bhi-pro-editor.is-source .bhi-pro-source{display:block!important;}
.bhi-template-editor-v44 #bhiTplOrientation:disabled{background:#f1f5f9!important;color:#64748b!important;cursor:not-allowed!important;}
.bhi-template-editor-v44 .bhi-template-accordion textarea#bhiTplHtml.bhi-pro-source{height:360px!important;min-height:360px!important;}

/* STEP 48 - Professional editor controls + compact frontend print tabs */
.bhi-kv-shell #print .bhi-print-template-tabs-v44{
  gap:7px!important;
  padding-bottom:4px!important;
  border-bottom:1px solid #dbe7f3!important;
}
.bhi-kv-shell #print .bhi-print-template-tabs-v44 .bhi-print-template-tab{
  height:34px!important;
  min-height:34px!important;
  padding:0 12px!important;
  border-radius:7px!important;
  font-size:13px!important;
  font-weight:750!important;
  text-transform:none!important;
  letter-spacing:0!important;
  box-shadow:0 1px 2px rgba(15,23,42,.04)!important;
}
.bhi-kv-shell #print .bhi-print-template-tabs-v44 .bhi-print-template-tab span{
  font-size:13px!important;
  line-height:1!important;
}
.bhi-kv-shell #print .bhi-print-page-head{
  margin-bottom:10px!important;
}
.bhi-kv-shell #print .bhi-print-page-head h2{
  font-size:22px!important;
}
.bhi-kv-shell #print .bhi-print-page-head p{
  font-size:14px!important;
}
.bhi-kv-shell #print .bhi-print-selected-bar{
  padding:12px 14px!important;
}
.bhi-pro-toolbar select{
  height:30px!important;
  min-height:30px!important;
  max-width:116px!important;
  border:1px solid #cbd5e1!important;
  background:#fff!important;
  color:#0f172a!important;
  border-radius:6px!important;
  padding:0 6px!important;
  font-size:12px!important;
  font-weight:750!important;
  cursor:pointer!important;
  appearance:auto!important;
  -webkit-appearance:auto!important;
}
.bhi-pro-color{
  height:30px!important;
  min-height:30px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  border:1px solid #cbd5e1!important;
  background:#fff!important;
  border-radius:6px!important;
  padding:0 6px!important;
  margin:0!important;
  color:#0f172a!important;
  font-size:12px!important;
  font-weight:900!important;
  cursor:pointer!important;
}
.bhi-pro-color input[type=color]{
  display:block!important;
  width:22px!important;
  height:22px!important;
  min-height:22px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  cursor:pointer!important;
}
.bhi-pro-canvas table{border-collapse:collapse!important;width:100%!important;}
.bhi-pro-canvas td,.bhi-pro-canvas th{border:1px solid #cbd5e1!important;padding:6px!important;}
.bhi-pro-canvas img{max-width:100%!important;height:auto!important;}
.bhi-pro-canvas h1,.bhi-pro-canvas h2,.bhi-pro-canvas h3{line-height:1.15!important;margin:.35em 0!important;}

/* Step 49 - professional print editor toolbar */
.bhi-pro-toolbar-wpstyle{align-items:center;gap:6px!important;background:#f8fafc;border-bottom:1px solid #dbe4ef;position:sticky;top:0;z-index:5}
.bhi-pro-toolbar-wpstyle button{height:30px;line-height:28px;border-radius:6px;padding:0 9px;background:#fff;border:1px solid #cbd5e1;color:#0f172a;font-weight:800;box-shadow:0 1px 1px rgba(15,23,42,.03)}
.bhi-pro-toolbar-wpstyle button:hover{border-color:var(--bhi-theme,#2563eb);color:var(--bhi-theme,#2563eb)}
.bhi-pro-toolbar-wpstyle button.active{background:var(--bhi-theme-soft,#eff6ff);border-color:var(--bhi-theme-border,#93c5fd);color:var(--bhi-theme,#2563eb)}
.bhi-pro-toolbar-wpstyle select{height:30px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#0f172a;font-weight:700;padding:0 8px;max-width:140px!important}
.bhi-pro-toolbar-wpstyle .bhi-editor-sep{display:inline-block!important;flex:0 0 1px!important;width:1px;height:22px;background:#d8e2ee;margin:0 2px}
.bhi-pro-toolbar-wpstyle .bhi-editor-grow{flex:1 1 auto!important;min-width:12px}
.bhi-pro-editor .bhi-pro-canvas{font-family:Arial,sans-serif;font-size:14px;background:#fff;background-image:linear-gradient(#fff,#fff),radial-gradient(circle at 1px 1px,rgba(148,163,184,.22) 1px,transparent 0);background-size:100% 100%,18px 18px}
.bhi-pro-editor .bhi-pro-canvas a{color:#2563eb;text-decoration:underline}.bhi-pro-editor .bhi-pro-canvas hr{border:0;border-top:2px solid #e2e8f0;margin:14px 0}.bhi-pro-editor .bhi-pro-canvas [style*="page-break-before"]{border-top:2px dashed #f59e0b;margin:14px 0;min-height:8px;background:#fff7ed}
@media(max-width:760px){.bhi-pro-toolbar-wpstyle select{max-width:100%!important;flex:1 1 125px}.bhi-pro-toolbar-wpstyle .bhi-editor-grow{display:none!important}}

/* =========================================================
   STEP 50 - Industry Pack Foundation UI
========================================================= */
.bhi-industry-section .bhi-section-head{align-items:flex-start}
.bhi-industry-panel{display:block}
.bhi-industry-current-card{display:flex;justify-content:space-between;gap:18px;align-items:center;background:linear-gradient(135deg,#eff6ff,#f8fafc);border:1px solid #dbeafe;border-radius:18px;padding:18px 20px;margin-bottom:16px;box-shadow:0 10px 30px rgba(15,23,42,.06)}
.bhi-industry-current-card h2{margin:4px 0 8px;font-size:24px;color:#0f172a;line-height:1.15}
.bhi-industry-current-card p{margin:0;color:#475569;line-height:1.55;max-width:760px}
.bhi-industry-kicker{display:inline-flex;align-items:center;gap:6px;color:#2563eb;font-weight:800;text-transform:uppercase;letter-spacing:.04em;font-size:12px}
.bhi-industry-plan{min-width:220px;text-align:right;background:#fff;border:1px solid #dbeafe;border-radius:14px;padding:12px 14px;color:#0f172a}
.bhi-industry-plan b{display:block;margin-bottom:5px}.bhi-industry-plan span{color:#2563eb;font-weight:700;font-size:13px}
.bhi-industry-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:16px;align-items:start}
.bhi-industry-main,.bhi-industry-side{display:grid;gap:14px}
.bhi-industry-module-tags,.bhi-industry-print-tags{display:flex;flex-wrap:wrap;gap:8px}
.bhi-industry-module-tags span,.bhi-industry-print-tags span{display:inline-flex;align-items:center;border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8;border-radius:999px;padding:7px 10px;font-weight:800;font-size:13px}
.bhi-industry-print-tags span{border-color:#d9f99d;background:#f7fee7;color:#3f6212}
.bhi-industry-steps{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.bhi-industry-steps li{display:grid;grid-template-columns:90px 1fr;gap:10px;align-items:center;padding:10px 12px;border:1px solid #e2e8f0;border-radius:12px;background:#fff}
.bhi-industry-steps li b{color:#2563eb}.bhi-industry-steps li span{font-weight:700;color:#0f172a}
.bhi-industry-fields{display:grid;gap:8px}.bhi-industry-fields span{display:flex;justify-content:space-between;gap:10px;border:1px solid #e2e8f0;border-radius:12px;padding:9px 10px;background:#fff}.bhi-industry-fields small{color:#64748b;font-weight:800;text-transform:uppercase;font-size:11px}
.bhi-industry-list{margin:0;padding-left:18px;color:#334155;line-height:1.7;font-weight:650}
.bhi-industry-task-grid{display:grid;gap:8px}.bhi-industry-task{padding:10px 12px;border-radius:12px;border:1px solid #e2e8f0;background:#fff;display:flex;justify-content:space-between;gap:10px;align-items:center}.bhi-industry-task b{color:#0f172a}.bhi-industry-task span{color:#64748b;font-size:12px;font-weight:700}.bhi-industry-task.status-open{border-left:4px solid #2563eb}.bhi-industry-task.status-planned{border-left:4px solid #f59e0b}.bhi-industry-task.status-done{border-left:4px solid #16a34a}
.bhi-industry-add-task{display:flex;gap:8px;margin-top:10px}.bhi-industry-add-task input{flex:1}.bhi-industry-add-task button{border:1px solid var(--bhi-theme,#2563eb);background:var(--bhi-theme,#2563eb);color:#fff;border-radius:10px;padding:9px 12px;font-weight:800;cursor:pointer}
.bhi-industry-change{margin-top:16px;background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:16px}.bhi-industry-change h3{margin:0 0 6px}.bhi-industry-change>p{margin:0 0 14px;color:#64748b}
.bhi-industry-group{margin-top:14px}.bhi-industry-group h3{font-size:15px;margin:0 0 9px;color:#0f172a}.bhi-industry-pack-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.bhi-industry-pack{background:#fff;border:1px solid #e2e8f0;border-radius:15px;padding:12px;display:flex;flex-direction:column;gap:8px;min-height:170px}.bhi-industry-pack.active{border-color:#2563eb;background:#eff6ff}.bhi-industry-pack-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.bhi-industry-pack-head b{font-size:14px;color:#0f172a}.bhi-industry-pack-head span{background:#dcfce7;color:#166534;border:1px solid #bbf7d0;border-radius:999px;padding:3px 7px;font-weight:800;font-size:11px;white-space:nowrap}.bhi-industry-pack p{margin:0;color:#334155;font-weight:700;line-height:1.45}.bhi-industry-pack small{display:block;color:#64748b;line-height:1.45}.bhi-industry-pack button{margin-top:auto;border:1px solid var(--bhi-theme,#2563eb);border-radius:10px;padding:8px 10px;background:#fff;color:var(--bhi-theme,#2563eb);font-weight:800;cursor:pointer}.bhi-industry-pack button:not(:disabled):hover{background:var(--bhi-theme,#2563eb);color:#fff}.bhi-industry-pack button:disabled{opacity:.65;cursor:default;background:#dbeafe;color:#1d4ed8}
.bhi-industry-settings-inline{display:flex;align-items:center;justify-content:space-between;gap:16px}.bhi-industry-settings-inline h3{margin:0 0 6px}.bhi-industry-settings-inline p{margin:0 0 6px}.bhi-industry-mini-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;font-weight:800;font-size:12px}
@media(max-width:1100px){.bhi-industry-layout{grid-template-columns:1fr}.bhi-industry-pack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bhi-industry-current-card{flex-direction:column;align-items:flex-start}.bhi-industry-plan{text-align:left;width:100%}}
@media(max-width:720px){.bhi-industry-pack-grid{grid-template-columns:1fr}.bhi-industry-steps li{grid-template-columns:1fr}.bhi-industry-settings-inline,.bhi-industry-add-task{flex-direction:column;align-items:stretch}}

/* STEP 51 - Industry Modules Lite */
.bhi-step51-dashboard{margin:14px 0 18px;padding:16px;border:1px solid var(--bhi-theme-border,#c7d2fe);border-radius:18px;background:linear-gradient(135deg,rgba(37,99,235,.08),rgba(255,255,255,.94));box-shadow:0 12px 30px rgba(15,23,42,.06)}
.bhi-step51-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.bhi-step51-head span{display:inline-flex;background:var(--bhi-theme-soft,#eef4ff);color:var(--bhi-theme,#2563eb);border:1px solid var(--bhi-theme-border,#bfdbfe);padding:3px 9px;border-radius:999px;font-weight:800;font-size:12px}
.bhi-step51-head h3{margin:7px 0 4px;font-size:20px;line-height:1.15;color:#0f172a}
.bhi-step51-head p{margin:0;color:#64748b;font-weight:600}
.bhi-step51-head button{border:1px solid #cbd5e1;background:#fff;border-radius:12px;padding:9px 12px;font-weight:800;cursor:pointer;color:#0f172a}
.bhi-step51-widgets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}
.bhi-step51-widgets article{background:#fff;border:1px solid #dbe4ef;border-radius:15px;padding:12px;min-height:86px}
.bhi-step51-widgets b{display:block;color:#0f172a;font-size:24px;line-height:1;margin-bottom:8px}
.bhi-step51-widgets span{display:block;font-weight:900;color:#1e293b;margin-bottom:4px}
.bhi-step51-widgets small{display:block;color:#64748b;font-weight:600}
.bhi-step51-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:12px;margin-top:12px}
.bhi-step51-grid section,.bhi-step51-modules article{background:#fff;border:1px solid #dbe4ef;border-radius:15px;padding:13px}
.bhi-step51-grid h4,.bhi-step51-modules h4{margin:0 0 10px;color:#0f172a;font-size:15px}
.bhi-step51-actions{display:flex;flex-wrap:wrap;gap:8px}
.bhi-step51-actions button{border:1px solid #cbd5e1;background:#fff;border-radius:12px;padding:10px 12px;font-weight:900;cursor:pointer;display:inline-flex;align-items:center;gap:8px;color:#0f172a}
.bhi-step51-actions button:hover{border-color:var(--bhi-theme,#2563eb);color:var(--bhi-theme,#2563eb);box-shadow:0 8px 20px rgba(37,99,235,.10)}
.bhi-step51-actions button.premium{background:#fff7ed;border-color:#fed7aa;color:#9a3412}
.bhi-step51-actions em{font-style:normal;background:#f97316;color:#fff;border-radius:999px;padding:2px 7px;font-size:11px}
.bhi-step51-playbook{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.bhi-step51-playbook li{display:grid;grid-template-columns:30px 1fr;gap:8px;align-items:flex-start}
.bhi-step51-playbook b{display:grid;place-items:center;width:26px;height:26px;border-radius:999px;background:var(--bhi-theme,#2563eb);color:#fff;font-size:13px}
.bhi-step51-playbook span{display:block;color:#334155;font-weight:700;padding-top:3px}
.bhi-step51-modules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}
.bhi-step51-modules article div{display:flex;gap:7px;flex-wrap:wrap}
.bhi-step51-modules span{display:inline-flex;border:1px solid #dbe4ef;background:#f8fafc;border-radius:999px;padding:6px 9px;font-weight:800;color:#334155;font-size:12px}
.bhi-step51-upgrade{margin-top:12px;border:1px dashed var(--bhi-theme-border,#bfdbfe);background:#fff;border-radius:14px;padding:11px 13px;color:#334155}
.bhi-step51-upgrade b{color:#0f172a}
@media(max-width:1100px){.bhi-step51-widgets{grid-template-columns:repeat(2,minmax(0,1fr))}.bhi-step51-grid,.bhi-step51-modules{grid-template-columns:1fr}}
@media(max-width:640px){.bhi-step51-widgets{grid-template-columns:1fr}.bhi-step51-head{display:block}.bhi-step51-head button{margin-top:10px}}

/* =========================================================
   STEP 52 - Industry custom fields in real product/customer forms
========================================================= */
.bhi-industry-badges{display:flex;flex-wrap:wrap;gap:5px;max-width:260px}
.bhi-industry-badges span{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border:1px solid #dbeafe;background:#eff6ff;border-radius:999px;font-size:12px;color:#1e3a8a;line-height:1.25}
.bhi-industry-badges em{font-style:normal;padding:3px 7px;border-radius:999px;background:#f1f5f9;color:#475569;font-size:12px}
.bhi-product-inline-editor{padding:14px;border:1px solid #bfdbfe;border-radius:14px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 12px 24px rgba(15,23,42,.06)}
.bhi-product-inline-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #e2e8f0}
.bhi-product-inline-head b{font-size:15px;color:#0f172a}.bhi-product-inline-head span{color:#64748b;font-size:12px}
.bhi-product-inline-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:10px;margin-bottom:12px}.bhi-product-inline-grid label,.bhi-customer-editor-grid label,.bhi-industry-field{display:flex;flex-direction:column;gap:5px;font-weight:700;color:#334155;font-size:12px}.bhi-product-inline-grid input,.bhi-customer-editor-grid input,.bhi-customer-editor-grid textarea,.bhi-industry-field input,.bhi-industry-field select,.bhi-industry-field textarea{width:100%;border:1px solid #cbd5e1;border-radius:9px;padding:9px 10px;background:#fff;color:#0f172a;font-weight:500;box-sizing:border-box}.bhi-product-inline-split{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin-top:8px}.bhi-product-inline-split h4{margin:0 0 8px;font-size:14px;color:#0f172a}.bhi-industry-real-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bhi-industry-field-wide{grid-column:1/-1}.bhi-industry-empty{padding:12px;border:1px dashed #cbd5e1;border-radius:10px;background:#f8fafc;color:#64748b;font-size:13px}.bhi-inline-actions{margin-top:12px;justify-content:flex-end}.bhi-industry-quick-fields{margin-top:12px;padding:12px;border:1px solid #dbeafe;border-radius:12px;background:#f8fbff}.bhi-industry-quick-fields h3{font-size:14px;margin:0 0 10px;color:#0f172a}.bhi-customer-detail-editor h2{margin-top:0}.bhi-customer-editor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}.bhi-customer-editor-grid .wide{grid-column:1/-1}.bhi-customer-editor-grid textarea{min-height:74px}.bhi-industry-customer-card{margin:12px 0}.bhi-industry-customer-card h3{margin-top:0}.bhi-products-manager-table .bhi-product-inline-editor input{min-width:0}.bhi-products-manager-table .bhi-stock-quick{align-items:center}
@media(max-width:980px){.bhi-product-inline-grid,.bhi-product-inline-split,.bhi-industry-real-fields,.bhi-customer-editor-grid{grid-template-columns:1fr}.bhi-customer-editor-grid .wide,.bhi-industry-field-wide{grid-column:auto}}

/* =========================================================
   STEP 53 - Industry CRM Workflow Lite
========================================================= */
.bhi-step53-crm{margin:16px 0 18px;padding:16px;border:1px solid #dbe7ff;border-radius:20px;background:linear-gradient(180deg,#f8fbff 0%,#fff 100%);box-shadow:0 12px 28px rgba(30,64,175,.07)}
.bhi-step53-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.bhi-step53-head span{display:inline-flex;padding:3px 9px;border-radius:999px;background:#e0edff;color:#1d4ed8;font-size:12px;font-weight:800;letter-spacing:.02em;text-transform:uppercase}
.bhi-step53-head h3{margin:6px 0 4px;font-size:19px;color:#0f172a;line-height:1.25}
.bhi-step53-head p{margin:0;color:#64748b;font-size:13px}
.bhi-step53-head button{border:1px solid #bfd4ff;background:#fff;color:#1d4ed8;border-radius:10px;padding:9px 12px;font-weight:800;cursor:pointer}
.bhi-step53-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}
.bhi-step53-summary article{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:13px 14px;min-height:84px}
.bhi-step53-summary b{display:block;font-size:24px;color:#0f172a;line-height:1;margin-bottom:8px}
.bhi-step53-summary span{display:block;font-weight:800;color:#334155;font-size:13px}
.bhi-step53-summary small{display:block;color:#64748b;margin-top:3px;font-size:12px}
.bhi-step53-layout{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:14px;align-items:start}
.bhi-step53-suggestions,.bhi-step53-board-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:14px;min-width:0}
.bhi-step53-suggestions h4,.bhi-step53-board-wrap h4{margin:0 0 12px;color:#0f172a;font-size:15px}
.bhi-step53-suggestion{border:1px solid #e2e8f0;border-radius:14px;padding:12px;margin-bottom:10px;background:#ffffff;box-shadow:0 5px 12px rgba(15,23,42,.04)}
.bhi-step53-suggestion.locked{background:#f8fafc;opacity:.82}
.bhi-step53-suggestion>div{display:flex;align-items:center;justify-content:space-between;gap:8px}
.bhi-step53-suggestion b{font-size:14px;color:#0f172a;line-height:1.3}
.bhi-step53-suggestion em{font-style:normal;background:#fff1c2;color:#92400e;border:1px solid #fde68a;border-radius:999px;padding:2px 7px;font-size:11px;font-weight:900;white-space:nowrap}
.bhi-step53-suggestion p{margin:7px 0;color:#475569;font-size:12.5px;line-height:1.45}
.bhi-step53-suggestion small{display:block;color:#64748b;font-size:11.5px;margin-bottom:9px}
.bhi-step53-suggestion button{width:100%;border:1px solid #c7d2fe;background:#1d4ed8;color:#fff;border-radius:10px;padding:9px 10px;font-weight:900;cursor:pointer}
.bhi-step53-suggestion button:disabled{background:#e2e8f0;color:#64748b;border-color:#cbd5e1;cursor:not-allowed}
.bhi-step53-board{display:grid;grid-template-columns:repeat(5,minmax(180px,1fr));gap:10px;overflow:auto;padding-bottom:3px}
.bhi-step53-col{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:10px;min-height:230px;min-width:180px}
.bhi-step53-col h4{display:flex;align-items:center;justify-content:space-between;margin:0 0 10px;font-size:13px;color:#334155}
.bhi-step53-col h4 span{display:inline-flex;min-width:22px;height:22px;align-items:center;justify-content:center;border-radius:999px;background:#e2e8f0;color:#334155;font-size:12px;font-weight:900}
.bhi-step53-col.status-open h4 span{background:#fee2e2;color:#991b1b}
.bhi-step53-col.status-planned h4 span{background:#dbeafe;color:#1e40af}
.bhi-step53-col.status-doing h4 span{background:#fef3c7;color:#92400e}
.bhi-step53-col.status-done h4 span{background:#dcfce7;color:#166534}
.bhi-step53-card{background:#fff;border:1px solid #e2e8f0;border-left:4px solid #94a3b8;border-radius:12px;padding:10px;margin-bottom:9px;box-shadow:0 4px 10px rgba(15,23,42,.04)}
.bhi-step53-card.priority-high{border-left-color:#ef4444}
.bhi-step53-card.priority-normal{border-left-color:#3b82f6}
.bhi-step53-card.priority-low{border-left-color:#22c55e}
.bhi-step53-card b{display:block;color:#0f172a;font-size:13px;line-height:1.35;margin-bottom:4px}
.bhi-step53-card p{margin:0 0 5px;color:#475569;font-size:12px;line-height:1.4}
.bhi-step53-card small{display:block;color:#64748b;font-size:11px;margin-bottom:8px}
.bhi-step53-card-actions{display:flex;flex-wrap:wrap;gap:5px}
.bhi-step53-card-actions button{border:1px solid #cbd5e1;background:#fff;border-radius:8px;padding:5px 7px;color:#334155;font-weight:800;font-size:11px;cursor:pointer}
.bhi-step53-card-actions button:hover{border-color:#2563eb;color:#1d4ed8;background:#eff6ff}
@media(max-width:1100px){.bhi-step53-layout{grid-template-columns:1fr}.bhi-step53-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.bhi-step53-board{grid-template-columns:repeat(3,minmax(180px,1fr))}}
@media(max-width:640px){.bhi-step53-head{display:block}.bhi-step53-head button{margin-top:10px}.bhi-step53-summary{grid-template-columns:1fr}.bhi-step53-board{grid-template-columns:1fr;overflow:visible}.bhi-step53-col{min-width:0}}

/* =========================================================
   STEP 54 - Industry Reports Lite
========================================================= */
.bhi-step54-reports{margin:16px 0 0;padding:16px;border:1px solid #dbe5f5;border-radius:18px;background:linear-gradient(180deg,#ffffff,#f8fbff);box-shadow:0 12px 34px rgba(15,23,42,.06)}
.bhi-step54-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}
.bhi-step54-head span{display:inline-flex;padding:3px 8px;border-radius:999px;background:#eaf2ff;color:#2563eb;font-weight:800;font-size:11px;text-transform:uppercase;letter-spacing:.04em}
.bhi-step54-head h3{margin:7px 0 3px;font-size:20px;line-height:1.2;color:#0f172a}
.bhi-step54-head p{margin:0;color:#64748b;font-size:13px}
.bhi-step54-ranges{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.bhi-step54-ranges button{border:1px solid #dbe5f5;background:#fff;color:#475569;border-radius:10px;padding:8px 10px;font-weight:700;cursor:pointer}
.bhi-step54-ranges button.active{border-color:#2563eb;background:#eff6ff;color:#1d4ed8;box-shadow:0 6px 14px rgba(37,99,235,.12)}
.bhi-step54-scoregrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:14px}
.bhi-step54-score{padding:12px;border:1px solid #e2e8f0;border-radius:14px;background:#fff;min-height:94px}
.bhi-step54-score small{display:block;color:#64748b;font-size:12px;margin-bottom:6px}
.bhi-step54-score b{display:block;color:#0f172a;font-size:18px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bhi-step54-score span{display:block;color:#94a3b8;font-size:12px;margin-top:6px}
.bhi-step54-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:12px;align-items:start}
.bhi-step54-panel{border:1px solid #e2e8f0;border-radius:16px;background:#fff;padding:14px;min-width:0}
.bhi-step54-panel h4{margin:0 0 12px;color:#0f172a;font-size:15px}
.bhi-step54-wide{grid-column:auto}
.bhi-step54-chart{height:220px;display:flex;align-items:flex-end;gap:7px;padding:12px 8px 4px;border-radius:14px;background:linear-gradient(180deg,#f8fafc,#fff);border:1px dashed #dbe5f5;overflow-x:auto}
.bhi-step54-bar{height:100%;min-width:34px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px;color:#64748b;font-size:11px}
.bhi-step54-bar i{display:block;width:100%;min-height:4px;border-radius:9px 9px 3px 3px;background:linear-gradient(180deg,#3b82f6,#93c5fd);box-shadow:0 8px 18px rgba(37,99,235,.16)}
.bhi-step54-top-list{display:grid;gap:8px}
.bhi-step54-top-list div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border-radius:12px;background:#f8fafc;border:1px solid #edf2f7}
.bhi-step54-top-list b{font-size:13px;color:#0f172a;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bhi-step54-top-list span{font-size:12px;color:#64748b;white-space:nowrap}
.bhi-step54-alerts{display:grid;gap:8px}
.bhi-step54-alert{border:1px solid #e2e8f0;border-radius:14px;padding:11px;background:#fff}
.bhi-step54-alert b{display:block;color:#0f172a;margin-bottom:4px}
.bhi-step54-alert p{margin:0;color:#64748b;font-size:13px;line-height:1.45}
.bhi-step54-alert ul{margin:8px 0 0 18px;color:#475569;font-size:12px;padding:0}
.bhi-step54-alert.type-warning{border-color:#fde68a;background:#fffbeb}
.bhi-step54-alert.type-danger{border-color:#fecaca;background:#fff1f2}
.bhi-step54-alert.type-info{border-color:#bfdbfe;background:#eff6ff}
.bhi-step54-alert.type-success{border-color:#bbf7d0;background:#f0fdf4}
.bhi-step54-insights{display:grid;gap:8px;margin-bottom:10px}
.bhi-step54-insights article{padding:11px;border:1px solid #edf2f7;border-radius:14px;background:#f8fafc}
.bhi-step54-insights b{display:block;color:#0f172a;margin-bottom:4px}
.bhi-step54-insights p{margin:0;color:#64748b;font-size:13px;line-height:1.45}
.bhi-step54-actions{display:flex;flex-wrap:wrap;gap:8px;border-top:1px solid #edf2f7;padding-top:10px}
.bhi-step54-actions button{border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8;border-radius:10px;padding:8px 10px;font-weight:800;cursor:pointer}
.bhi-step54-actions button:disabled{opacity:.55;cursor:not-allowed;background:#f1f5f9;color:#64748b;border-color:#e2e8f0}
.bhi-step54-actions em{font-style:normal;margin-left:6px;padding:2px 5px;border-radius:999px;background:#f97316;color:#fff;font-size:10px}
.bhi-step54-premium{display:flex;justify-content:space-between;gap:14px;margin-top:12px;padding:14px;border-radius:16px;border:1px solid #e2e8f0;background:#fff}
.bhi-step54-premium.locked{background:linear-gradient(90deg,#fff7ed,#fff)}
.bhi-step54-premium.unlocked{background:linear-gradient(90deg,#eff6ff,#fff)}
.bhi-step54-premium b{display:block;color:#0f172a;margin-bottom:4px}
.bhi-step54-premium p{margin:0;color:#64748b;font-size:13px}
.bhi-step54-premium div:last-child{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}
.bhi-step54-premium span{display:inline-flex;border:1px solid #e2e8f0;background:#fff;border-radius:999px;padding:6px 9px;color:#334155;font-size:12px;font-weight:700}
@media(max-width:1100px){.bhi-step54-scoregrid{grid-template-columns:repeat(3,minmax(0,1fr))}.bhi-step54-layout{grid-template-columns:1fr}.bhi-step54-premium{flex-direction:column}.bhi-step54-premium div:last-child{justify-content:flex-start}}
@media(max-width:640px){.bhi-step54-head{flex-direction:column}.bhi-step54-scoregrid{grid-template-columns:repeat(2,minmax(0,1fr))}.bhi-step54-top-list div{align-items:flex-start;flex-direction:column}.bhi-step54-chart{height:180px}}

/* =========================================================
   STEP 55 - Industry automation + scroll hotfix for ?view=industry
========================================================= */
.bhi-kv-shell #industry:not([hidden]){
  display:block!important;
  height:calc(100vh - 72px)!important;
  max-height:calc(100vh - 72px)!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:10px 14px 34px!important;
  scroll-behavior:auto!important;
  overscroll-behavior:contain!important;
}
.admin-bar .bhi-kv-shell #industry:not([hidden]){
  height:calc(100vh - 104px)!important;
  max-height:calc(100vh - 104px)!important;
}
.bhi-kv-shell #industry:not([hidden]) .bhi-section-head{
  position:sticky!important;
  top:0!important;
  z-index:35!important;
  margin:-10px -14px 14px!important;
  padding:10px 14px 12px!important;
  background:rgba(255,255,255,.96)!important;
  border-bottom:1px solid #dbe7f3!important;
  backdrop-filter:blur(10px)!important;
}
.bhi-kv-shell #industry .bhi-industry-panel{display:block!important;min-height:0!important;overflow:visible!important;padding-bottom:28px!important;}
.bhi-kv-shell #industry .bhi-industry-current-card{margin-top:0!important;}
.bhi-step55-automation{margin:14px 0!important;border:1px solid #dbeafe!important;background:linear-gradient(135deg,#f8fbff,#fff)!important;border-radius:18px!important;padding:14px!important;box-shadow:0 10px 28px rgba(15,23,42,.05)!important;}
.bhi-step55-head{display:flex!important;justify-content:space-between!important;gap:12px!important;align-items:flex-start!important;margin-bottom:12px!important;}
.bhi-step55-head span{display:inline-flex!important;align-items:center!important;gap:6px!important;font-size:11px!important;text-transform:uppercase!important;letter-spacing:.06em!important;color:#2563eb!important;font-weight:900!important;}
.bhi-step55-head h3{margin:3px 0 4px!important;color:#0f172a!important;font-size:17px!important;line-height:1.25!important;}
.bhi-step55-head p{margin:0!important;color:#64748b!important;font-weight:650!important;line-height:1.5!important;max-width:820px!important;}
.bhi-step55-head button{border:1px solid #cbd5e1!important;background:#fff!important;color:#0f172a!important;border-radius:10px!important;padding:8px 11px!important;font-weight:850!important;cursor:pointer!important;white-space:nowrap!important;}
.bhi-step55-summary{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin:0 0 12px!important;}
.bhi-step55-summary span{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px!important;padding:10px!important;color:#475569!important;font-size:12px!important;font-weight:750!important;}
.bhi-step55-summary b{display:block!important;color:#0f172a!important;font-size:18px!important;line-height:1.15!important;margin-bottom:2px!important;}
.bhi-step55-rule-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;}
.bhi-step55-rule{border:1px solid #e2e8f0!important;border-radius:15px!important;background:#fff!important;padding:12px!important;display:flex!important;flex-direction:column!important;gap:9px!important;min-height:230px!important;box-shadow:0 4px 14px rgba(15,23,42,.035)!important;}
.bhi-step55-rule.is-applied{border-color:#bfdbfe!important;background:#f8fbff!important;}
.bhi-step55-rule.is-locked{background:#fffaf5!important;border-color:#fed7aa!important;}
.bhi-step55-rule-title{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:8px!important;}
.bhi-step55-rule-title b{font-size:14px!important;line-height:1.3!important;color:#0f172a!important;}
.bhi-step55-rule-title em{font-style:normal!important;border:1px solid #dbeafe!important;background:#eff6ff!important;color:#1d4ed8!important;border-radius:999px!important;padding:3px 7px!important;font-size:11px!important;font-weight:900!important;white-space:nowrap!important;}
.bhi-step55-rule-title em.on{background:#dcfce7!important;border-color:#bbf7d0!important;color:#166534!important;}
.bhi-step55-rule-title em.locked{background:#ffedd5!important;border-color:#fdba74!important;color:#9a3412!important;}
.bhi-step55-rule p{margin:0!important;color:#475569!important;line-height:1.45!important;font-size:13px!important;font-weight:650!important;}
.bhi-step55-rule dl{margin:0!important;display:grid!important;gap:6px!important;}
.bhi-step55-rule dl div{display:grid!important;grid-template-columns:62px minmax(0,1fr)!important;gap:8px!important;border:1px solid #edf2f7!important;background:#f8fafc!important;border-radius:10px!important;padding:7px 8px!important;}
.bhi-step55-rule dt{font-size:11px!important;text-transform:uppercase!important;letter-spacing:.04em!important;color:#64748b!important;font-weight:900!important;}
.bhi-step55-rule dd{margin:0!important;color:#0f172a!important;font-size:12.5px!important;line-height:1.35!important;font-weight:750!important;}
.bhi-step55-rule button{margin-top:auto!important;border:1px solid var(--bhi-theme,#2563eb)!important;background:var(--bhi-theme,#2563eb)!important;color:#fff!important;border-radius:10px!important;padding:9px 10px!important;font-weight:900!important;cursor:pointer!important;}
.bhi-step55-rule button:disabled{background:#f1f5f9!important;border-color:#e2e8f0!important;color:#94a3b8!important;cursor:not-allowed!important;}
.bhi-step55-note{margin-top:12px!important;border:1px dashed #bfdbfe!important;background:#eff6ff!important;color:#1e3a8a!important;border-radius:12px!important;padding:10px 12px!important;line-height:1.5!important;font-weight:650!important;}
@media(max-width:1180px){.bhi-step55-rule-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}.bhi-step55-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(max-width:760px){
  .bhi-kv-shell #industry:not([hidden]){height:auto!important;max-height:none!important;overflow:visible!important;padding:14px!important;}
  .bhi-kv-shell #industry:not([hidden]) .bhi-section-head{position:static!important;margin:0 0 12px!important;padding:0 0 12px!important;background:#fff!important;}
  .bhi-step55-head{display:block!important;}.bhi-step55-head button{margin-top:10px!important;width:100%!important;}
  .bhi-step55-summary,.bhi-step55-rule-grid{grid-template-columns:1fr!important;}
}

/* =========================================================
   STEP 56 - GLOBAL SCROLL FIX + FAST PAGE MODE
   - Chỉ giữ layout fit-screen/không cuộn cho POS.
   - Các trang còn lại dùng scroll trang chính để xem hết nội dung.
========================================================= */
body.bhi-saas-scroll-page{
  overflow:auto!important;
  height:auto!important;
  max-height:none!important;
  background:#f4f7fb!important;
}
body.bhi-saas-scroll-page .bhi-kv-shell,
body.bhi-saas-scroll-page .bhi-kv-shell .bhi-saas-main{
  height:auto!important;
  max-height:none!important;
  min-height:100vh!important;
  overflow:visible!important;
}
body.bhi-saas-scroll-page .bhi-kv-shell .bhi-saas-main{
  display:block!important;
  padding-bottom:36px!important;
}
body.bhi-saas-scroll-page .bhi-kv-shell .bhi-app-section:not(#pos):not([hidden]),
body.bhi-saas-scroll-page .bhi-kv-shell .bhi-panel:not(#pos):not([hidden]),
body.bhi-saas-scroll-page .bhi-kv-shell #orders:not([hidden]),
body.bhi-saas-scroll-page .bhi-kv-shell #customers:not([hidden]),
body.bhi-saas-scroll-page .bhi-kv-shell #crm:not([hidden]),
body.bhi-saas-scroll-page .bhi-kv-shell #dashboard:not([hidden]),
body.bhi-saas-scroll-page .bhi-kv-shell #products:not([hidden]),
body.bhi-saas-scroll-page .bhi-kv-shell #inventory:not([hidden]),
body.bhi-saas-scroll-page .bhi-kv-shell #industry:not([hidden]),
body.bhi-saas-scroll-page .bhi-kv-shell #settings:not([hidden]),
body.bhi-saas-scroll-page .bhi-kv-shell #print:not([hidden]),
body.bhi-saas-scroll-page .bhi-kv-shell #billing:not([hidden]),
body.bhi-saas-scroll-page .bhi-kv-shell #staff:not([hidden]),
body.bhi-saas-scroll-page .bhi-kv-shell #notifications:not([hidden]),
body.bhi-saas-scroll-page .bhi-kv-shell #importexport:not([hidden]){
  height:auto!important;
  max-height:none!important;
  min-height:calc(100vh - 92px)!important;
  overflow:visible!important;
}
body.bhi-saas-scroll-page .bhi-kv-shell .bhi-app-section:not(#pos):not([hidden]).bhi-panel{
  display:block!important;
}
body.bhi-saas-scroll-page .bhi-kv-shell .bhi-section-head{
  position:sticky!important;
  top:0!important;
  z-index:20!important;
  background:#fff!important;
  padding-top:10px!important;
  margin-top:-10px!important;
}
.admin-bar body.bhi-saas-scroll-page .bhi-kv-shell .bhi-section-head,
body.admin-bar.bhi-saas-scroll-page .bhi-kv-shell .bhi-section-head{
  top:32px!important;
}
@media(max-width:782px){
  body.admin-bar.bhi-saas-scroll-page .bhi-kv-shell .bhi-section-head{top:46px!important;}
}
body.bhi-saas-scroll-page .bhi-kv-shell .bhi-manager-toolbar{
  flex-wrap:wrap!important;
  overflow:visible!important;
}
body.bhi-saas-scroll-page #bhiCrmPipeline,
body.bhi-saas-scroll-page .bhi-crm-layout-full,
body.bhi-saas-scroll-page .bhi-goods-full,
body.bhi-saas-scroll-page #bhiOrdersManager,
body.bhi-saas-scroll-page #bhiCustomersTable,
body.bhi-saas-scroll-page #bhiProductsTable,
body.bhi-saas-scroll-page #bhiInventoryTable{
  height:auto!important;
  max-height:none!important;
  min-height:0!important;
  overflow:visible!important;
}
body.bhi-saas-scroll-page #bhiOrdersManager>.bhi-table-scroll,
body.bhi-saas-scroll-page #bhiCustomersTable>.bhi-table-scroll,
body.bhi-saas-scroll-page #bhiProductsTable>.bhi-table-scroll,
body.bhi-saas-scroll-page #bhiInventoryTable>.bhi-table-scroll{
  max-height:none!important;
  overflow:auto!important;
}
body.bhi-saas-scroll-page .bhi-crm-col{
  height:auto!important;
  max-height:none!important;
  min-height:120px!important;
}
body.bhi-saas-scroll-page .bhi-industry-scroll-section{
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
}
body.bhi-saas-pos-page{
  overflow:hidden!important;
}
body.bhi-saas-pos-page .bhi-kv-shell,
body.bhi-saas-pos-page .bhi-kv-shell .bhi-saas-main{
  overflow:hidden!important;
}

/* =========================================================
   STEP 58 - Industry Operations MVP
========================================================= */
.bhi-step58-ops{margin-top:18px;border:1px solid #dbe7f3;border-radius:18px;background:linear-gradient(180deg,#ffffff 0,#f8fbff 100%);padding:18px;box-shadow:0 10px 28px rgba(15,23,42,.06)}
.bhi-step58-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}
.bhi-step58-head span{display:inline-flex;align-items:center;border-radius:999px;background:#eaf4ff;color:var(--bhi-theme,#0876df);font-weight:800;font-size:12px;padding:4px 10px;margin-bottom:6px}
.bhi-step58-head h3{margin:0;color:#0f172a;font-size:20px;line-height:1.25}
.bhi-step58-head p{margin:5px 0 0;color:#64748b;font-size:13px;max-width:720px}
.bhi-step58-head>div:last-child{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.bhi-step58-scoregrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}
.bhi-step58-scoregrid article{border:1px solid #e2e8f0;border-radius:14px;background:#fff;padding:12px;min-height:76px}
.bhi-step58-scoregrid span{display:block;color:#64748b;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.02em}
.bhi-step58-scoregrid b{display:block;margin-top:4px;font-size:24px;color:#0f172a}
.bhi-step58-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}
.bhi-step58-module{border:1px solid #dbe7f3;border-radius:15px;background:#fff;padding:12px;cursor:pointer;transition:.18s ease;position:relative;min-height:118px}
.bhi-step58-module:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(15,23,42,.08)}
.bhi-step58-module.active{border-color:var(--bhi-theme,#0876df);box-shadow:0 0 0 3px color-mix(in srgb,var(--bhi-theme,#0876df) 14%,transparent);background:linear-gradient(180deg,#fff,#f5faff)}
.bhi-step58-module div{display:flex;align-items:center;justify-content:space-between;gap:8px}
.bhi-step58-module b{font-size:14px;color:#0f172a}
.bhi-step58-module em,.bhi-step58-form-title em{font-style:normal;border-radius:999px;background:#fff7ed;color:#c2410c;border:1px solid #fed7aa;font-weight:800;font-size:11px;padding:2px 7px;white-space:nowrap}
.bhi-step58-module p{margin:8px 0;color:#64748b;font-size:12.5px;line-height:1.45}
.bhi-step58-module span{display:inline-flex;border-radius:999px;background:#f1f5f9;color:#334155;padding:4px 8px;font-size:12px;font-weight:700}
.bhi-step58-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:12px;align-items:start}
.bhi-step58-card{border:1px solid #dbe7f3;background:#fff;border-radius:16px;padding:14px;min-width:0}
.bhi-step58-card h4{margin:0 0 12px;color:#0f172a;font-size:15px}
.bhi-step58-card-wide{min-height:240px}
.bhi-step58-form{display:grid;gap:10px}
.bhi-step58-form-title{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf2f7;padding-bottom:8px;color:#0f172a}
.bhi-step58-form label{display:grid;gap:5px;font-size:12px;font-weight:800;color:#334155}
.bhi-step58-form input,.bhi-step58-form textarea,.bhi-step58-form select{width:100%;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:10px;background:#fff;padding:9px 10px;font-size:13px;color:#0f172a;outline:none}
.bhi-step58-form textarea{min-height:76px;resize:vertical}
.bhi-step58-form input:focus,.bhi-step58-form textarea:focus,.bhi-step58-form select:focus{border-color:var(--bhi-theme,#0876df);box-shadow:0 0 0 3px color-mix(in srgb,var(--bhi-theme,#0876df) 14%,transparent)}
.bhi-step58-fields{display:grid;grid-template-columns:1fr;gap:10px}
.bhi-step58-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:2px}
.bhi-step58-records{display:grid;gap:10px;max-height:520px;overflow:auto;padding-right:3px}
.bhi-step58-record{border:1px solid #e2e8f0;border-radius:14px;padding:11px;background:#fff;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start}
.bhi-step58-record>div:first-child b{display:block;color:#0f172a;font-size:14px}
.bhi-step58-record small{display:block;color:#64748b;margin-top:3px}
.bhi-step58-record p{grid-column:1/-1;display:flex;gap:6px;flex-wrap:wrap;margin:0;color:#475569;font-size:12px}
.bhi-step58-record p span{border-radius:999px;background:#f8fafc;border:1px solid #e2e8f0;padding:4px 8px}
.bhi-step58-record>div:last-child{display:flex;gap:6px;justify-content:flex-end}
.bhi-step58-record button{border:1px solid #cbd5e1;background:#fff;border-radius:9px;padding:6px 9px;font-size:12px;font-weight:800;color:#334155;cursor:pointer}
.bhi-step58-record button:hover{border-color:var(--bhi-theme,#0876df);color:var(--bhi-theme,#0876df)}
.bhi-step58-ux{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.bhi-step58-ux span{border:1px solid #dbeafe;background:#eff6ff;color:#1d4ed8;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:700}
@media (max-width:1100px){.bhi-step58-scoregrid{grid-template-columns:repeat(2,minmax(0,1fr))}.bhi-step58-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bhi-step58-layout{grid-template-columns:1fr}}
@media (max-width:700px){.bhi-step58-head{display:block}.bhi-step58-head>div:last-child{justify-content:flex-start;margin-top:10px}.bhi-step58-scoregrid,.bhi-step58-module-grid{grid-template-columns:1fr}.bhi-step58-record{grid-template-columns:1fr}.bhi-step58-record>div:last-child{justify-content:flex-start}}

/* =========================================================
   STEP 59 - Industry POS Integration + header fixed + list UX
   Ưu tiên: dữ liệu gọn, tải nhanh, hạn chế scrollbar nội bộ.
========================================================= */
body.bhi-saas-app-page .bhi-kv-appbar,
body.bhi-saas-scroll-page .bhi-kv-appbar,
body.bhi-saas-pos-page .bhi-kv-appbar{
  position:sticky!important;
  top:0!important;
  z-index:1200!important;
  background:#fff!important;
}
body.admin-bar.bhi-saas-app-page .bhi-kv-appbar,
body.admin-bar.bhi-saas-scroll-page .bhi-kv-appbar,
body.admin-bar.bhi-saas-pos-page .bhi-kv-appbar{top:32px!important;}
@media(max-width:782px){
  body.admin-bar.bhi-saas-app-page .bhi-kv-appbar,
  body.admin-bar.bhi-saas-scroll-page .bhi-kv-appbar,
  body.admin-bar.bhi-saas-pos-page .bhi-kv-appbar{top:46px!important;}
}
body.bhi-saas-scroll-page .bhi-kv-shell .bhi-section-head{top:54px!important;z-index:70!important;}
body.admin-bar.bhi-saas-scroll-page .bhi-kv-shell .bhi-section-head{top:86px!important;}
@media(max-width:782px){body.admin-bar.bhi-saas-scroll-page .bhi-kv-shell .bhi-section-head{top:100px!important;}}

/* Không khóa nội dung bằng thanh cuộn lồng nhau ở các trang quản trị dữ liệu */
body.bhi-saas-scroll-page #overview:not([hidden]),
body.bhi-saas-scroll-page #dashboard:not([hidden]),
body.bhi-saas-scroll-page #orders:not([hidden]),
body.bhi-saas-scroll-page #products:not([hidden]),
body.bhi-saas-scroll-page #customers:not([hidden]),
body.bhi-saas-scroll-page #crm:not([hidden]),
body.bhi-saas-scroll-page #staff:not([hidden]),
body.bhi-saas-scroll-page #billing:not([hidden]),
body.bhi-saas-scroll-page #inventory:not([hidden]){
  overflow:visible!important;
}
body.bhi-saas-scroll-page #bhiOrdersManager>.bhi-table-scroll,
body.bhi-saas-scroll-page #bhiCustomersTable>.bhi-table-scroll,
body.bhi-saas-scroll-page #bhiProductsTable>.bhi-table-scroll,
body.bhi-saas-scroll-page #bhiInventoryTable>.bhi-table-scroll,
body.bhi-saas-scroll-page #bhiInventoryLogs>.bhi-table-scroll,
body.bhi-saas-scroll-page #bhiStaffTable>.bhi-table-scroll,
body.bhi-saas-scroll-page #bhiAuditTable>.bhi-table-scroll{
  max-height:none!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  scrollbar-width:thin;
}
body.bhi-saas-scroll-page .bhi-manager-table,
body.bhi-saas-scroll-page .bhi-orders-table,
body.bhi-saas-scroll-page .bhi-products-manager-table{
  min-width:0!important;
  width:100%!important;
}
body.bhi-saas-scroll-page .bhi-table th,
body.bhi-saas-scroll-page .bhi-table td{word-break:break-word;}
.bhi-pager-pro{justify-content:flex-end!important;border-top:1px solid #eef2f7;padding-top:8px;margin-top:8px!important;gap:8px;flex-wrap:wrap;}
.bhi-page-size-bottom{display:inline-flex;align-items:center;gap:6px;margin-left:10px;color:#64748b;font-size:12px;font-weight:700;}
.bhi-page-size-bottom select{border:1px solid #cbd5e1;border-radius:8px;background:#fff;height:30px;padding:0 8px;font-size:12px;}

.bhi-industry-pos-card{max-width:780px!important;width:min(780px,96vw)!important;max-height:88vh;overflow:auto;}
.bhi-industry-pos-card h2{font-size:20px;margin-bottom:4px;}
.bhi-industry-pos-module{border:1px solid #e2e8f0;border-radius:14px;background:#f8fafc;padding:12px;margin:12px 0;}
.bhi-industry-pos-module h3{margin:0 0 8px;font-size:15px;color:#0f2742;}
.bhi-industry-pos-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
.bhi-industry-pos-option{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:6px;align-items:center;border:1px solid #dbe7f3;border-radius:12px;background:#fff;padding:10px;cursor:pointer;}
.bhi-industry-pos-option:hover{border-color:var(--bhi-theme,#0876df);box-shadow:0 8px 18px rgba(2,132,199,.08);}
.bhi-industry-pos-option b{font-size:13px;line-height:1.35;}
.bhi-industry-pos-option em{font-style:normal;color:#0f766e;font-weight:800;font-size:12px;}
.bhi-industry-pos-option small{grid-column:2/4;color:#64748b;font-size:12px;}
.bhi-industry-pos-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px;}
.bhi-industry-pos-inputs label{display:block;font-weight:700;color:#334155;font-size:12px;}
.bhi-industry-pos-inputs span{display:block;margin-bottom:4px;}
.bhi-industry-pos-inputs input,.bhi-industry-pos-inputs select{width:100%;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:9px;padding:8px;background:#fff;}
.bhi-pos-industry-line{display:block;margin:4px 0 0;color:#0f766e;font-weight:700;font-size:11.5px;line-height:1.3;}
.bhi-line-option-btn{display:inline-flex!important;width:auto!important;height:24px!important;margin-top:4px!important;padding:0 7px!important;border-radius:999px!important;background:#eaf4ff!important;color:var(--bhi-theme,#0876df)!important;font-size:11px!important;}
@media(max-width:720px){.bhi-industry-pos-options,.bhi-industry-pos-inputs{grid-template-columns:1fr}.bhi-industry-pos-card{width:96vw!important;}}

/* Step 60 - Industry Print & Label Packs */
.bhi-industry-print-pack-panel{margin:10px 0 14px;padding:12px;border:1px solid #dbe4f0;border-radius:16px;background:linear-gradient(180deg,#fff,#f8fafc);box-shadow:0 8px 22px rgba(15,23,42,.05)}
.bhi-industry-print-pack-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}
.bhi-industry-print-pack-head b{display:block;color:#0f172a;font-size:14px}.bhi-industry-print-pack-head p{margin:3px 0 0;color:#64748b;font-size:12px;line-height:1.45}
.bhi-industry-print-pack-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;padding:8px 10px;border-radius:12px;background:#eff6ff;color:#1e3a8a;font-size:12px}.bhi-industry-print-pack-summary strong{font-size:13px}.bhi-industry-print-pack-summary span{color:#475569}
.bhi-industry-print-pack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:10px}.bhi-industry-print-pack-card{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:10px;border:1px solid #e2e8f0;border-radius:14px;background:#fff;min-width:0}.bhi-industry-print-pack-card.is-locked{background:#fbfbfd;opacity:.86}.bhi-industry-print-pack-card b{display:block;color:#111827;font-size:13px;line-height:1.25}.bhi-industry-print-pack-card span{display:block;color:#2563eb;font-size:11px;font-weight:700;margin-top:3px}.bhi-industry-print-pack-card p{margin:5px 0 0;color:#64748b;font-size:11px;line-height:1.35}.bhi-industry-print-pack-actions{display:flex;flex-direction:column;align-items:flex-end;gap:5px;flex:0 0 auto}.bhi-industry-print-pack-actions em{font-style:normal;color:#64748b;font-size:10px;text-transform:uppercase;letter-spacing:.04em}.bhi-industry-print-pack-actions small{display:inline-flex;align-items:center;justify-content:center;padding:2px 7px;border-radius:999px;background:#fff7ed;color:#c2410c;font-weight:800;font-size:10px}.bhi-industry-print-pack-actions button{border:1px solid #cbd5e1;background:#fff;border-radius:8px;padding:5px 8px;font-size:11px;font-weight:700;cursor:pointer}.bhi-industry-print-pack-actions button:last-child{background:#2563eb;border-color:#2563eb;color:#fff}.bhi-industry-print-pack-actions button:disabled{background:#e5e7eb;border-color:#e5e7eb;color:#94a3b8;cursor:not-allowed}.bhi-industry-print-pack-notes{margin:10px 0 0;padding-left:18px;color:#64748b;font-size:11px;line-height:1.5}
@media(max-width:720px){.bhi-industry-print-pack-head,.bhi-industry-print-pack-summary,.bhi-industry-print-pack-card{display:block}.bhi-industry-print-pack-actions{margin-top:8px;flex-direction:row;align-items:center;justify-content:flex-start}.bhi-industry-print-pack-grid{grid-template-columns:1fr}}

/* =========================================================
   STEP 61 - Work Center + fixed industry + compact settings
   Ưu tiên: ít query, không bảng mới, giảm scroll lồng nhau, header cố định.
========================================================= */
body.bhi-saas-app-page .bhi-kv-appbar,
body.bhi-saas-scroll-page .bhi-kv-appbar,
body.bhi-saas-pos-page .bhi-kv-appbar{
  position:sticky!important;
  top:0!important;
  z-index:999!important;
  backdrop-filter:saturate(150%) blur(8px);
  background:rgba(255,255,255,.96)!important;
}
body.admin-bar.bhi-saas-app-page .bhi-kv-appbar,
body.admin-bar.bhi-saas-scroll-page .bhi-kv-appbar,
body.admin-bar.bhi-saas-pos-page .bhi-kv-appbar{top:32px!important;}
@media(max-width:782px){body.admin-bar.bhi-saas-app-page .bhi-kv-appbar,body.admin-bar.bhi-saas-scroll-page .bhi-kv-appbar,body.admin-bar.bhi-saas-pos-page .bhi-kv-appbar{top:46px!important;}}
.bhi-work-page{overflow:visible!important;}
.bhi-work-center{display:block;min-height:360px;}
.bhi-work-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0 16px;}
.bhi-work-summary article{border:1px solid #e2e8f0;background:#f8fafc;border-radius:16px;padding:14px;}
.bhi-work-summary small{display:block;color:#64748b;font-weight:800;margin-bottom:6px;}
.bhi-work-summary b{font-size:24px;color:var(--bhi-theme,#0876df);}
.bhi-work-quick{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid #dbeafe;background:linear-gradient(135deg,#eff6ff,#fff);border-radius:16px;padding:12px;margin-bottom:16px;}
.bhi-work-quick>div:first-child{display:grid;grid-template-columns:minmax(260px,1fr) 190px;gap:10px;flex:1;}
.bhi-work-quick input,.bhi-work-quick select{border:1px solid #cbd5e1;border-radius:10px;padding:10px;background:#fff;box-sizing:border-box;width:100%;}
.bhi-work-quick>div:last-child{display:flex;gap:8px;align-items:center;}
.bhi-work-grid{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(420px,1.15fr);gap:16px;align-items:start;}
.bhi-work-grid section{border:1px solid #e2e8f0;background:#fff;border-radius:16px;padding:14px;}
.bhi-work-grid h3{margin:0 0 12px;}
.bhi-work-alert{border:1px solid #e2e8f0;border-left:4px solid #0ea5e9;border-radius:14px;padding:12px;margin-bottom:10px;background:#f8fafc;}
.bhi-work-alert.type-danger{border-left-color:#ef4444;background:#fff7f7;}
.bhi-work-alert.type-warning{border-left-color:#f59e0b;background:#fffbeb;}
.bhi-work-alert b{display:block;margin-bottom:4px;}
.bhi-work-alert p{margin:0 0 8px;color:#475569;line-height:1.45;}
.bhi-work-alert button,.bhi-work-actions button{border:1px solid #dbeafe;background:#fff;color:#0369a1;border-radius:999px;padding:7px 10px;font-weight:800;cursor:pointer;}
.bhi-work-item{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;border:1px solid #e2e8f0;border-radius:14px;padding:12px;margin-bottom:10px;background:#fff;}
.bhi-work-item.status-in_progress{background:#eff6ff;border-color:#bfdbfe;}
.bhi-work-item.type-note{background:#f8fafc;}
.bhi-work-item b{display:block;margin-bottom:3px;}
.bhi-work-item span{display:block;color:#64748b;font-size:12px;font-weight:700;}
.bhi-work-item p{margin:8px 0 0;color:#475569;}
.bhi-work-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;}
.bhi-work-actions button:nth-child(2){background:#dcfce7;color:#166534;border-color:#bbf7d0;}
.bhi-work-actions button:nth-child(3){background:#f8fafc;color:#64748b;border-color:#e2e8f0;}
.bhi-industry-locked-note{display:grid;gap:3px;margin-top:10px;border:1px solid #bae6fd;background:#f0f9ff;color:#075985;border-radius:12px;padding:10px;font-size:12px;line-height:1.35;}
.bhi-industry-change-disabled{border:1px dashed #cbd5e1;background:#f8fafc;border-radius:16px;padding:14px;margin-top:14px;color:#475569;}
.bhi-industry-change-disabled h3{margin:0 0 4px;color:#0f172a;}
.bhi-settings-compact .bhi-section-head{margin-bottom:10px;}
.bhi-settings-compact .bhi-form-card{padding:14px!important;border-radius:14px;}
.bhi-settings-compact .bhi-settings-account-block{margin-bottom:12px;}
.bhi-settings-details{border:1px solid #e2e8f0;border-radius:16px;background:#fff;margin-top:14px;padding:0!important;}
.bhi-settings-details>summary{cursor:pointer;list-style:none;padding:14px 16px;font-weight:900;color:#0f172a;background:#f8fafc;border-radius:16px;}
.bhi-settings-details[open]>summary{border-bottom:1px solid #e2e8f0;border-radius:16px 16px 0 0;}
.bhi-settings-details .bhi-import-export-grid{padding:14px;}
.bhi-industry-settings-card .bhi-soft-btn{white-space:nowrap;}
body.bhi-saas-scroll-page #work:not([hidden]){min-height:calc(100vh - 82px)!important;overflow:visible!important;}
@media(max-width:980px){.bhi-work-summary{grid-template-columns:repeat(2,minmax(0,1fr));}.bhi-work-grid{grid-template-columns:1fr;}.bhi-work-quick,.bhi-work-quick>div:last-child{display:block}.bhi-work-quick>div:first-child{grid-template-columns:1fr}.bhi-work-quick select,.bhi-work-quick button{margin-top:8px;width:100%;}}
@media(max-width:560px){.bhi-work-summary{grid-template-columns:1fr;}}

/* Step 62 - dùng trình soạn thảo WordPress mặc định cho mẫu in */
.bhi-front-pro-editor.bhi-wp-editor-mode .bhi-pro-toolbar,
.bhi-front-pro-editor.bhi-wp-editor-mode .bhi-pro-canvas{display:none!important;}
.bhi-front-pro-editor.bhi-wp-editor-mode .wp-editor-wrap{border:1px solid #dbe6f3;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 1px 2px rgba(15,23,42,.04);}
.bhi-front-pro-editor.bhi-wp-editor-mode .wp-editor-wrap.html-active textarea.bhi-pro-source{display:block!important;min-height:360px!important}.bhi-front-pro-editor.bhi-wp-editor-mode .wp-editor-wrap.tmce-active textarea.bhi-pro-source{display:none!important}.bhi-front-pro-editor.bhi-wp-editor-mode .wp-editor-container{border-color:#cbd5e1!important;border-left:0!important;border-right:0!important;border-bottom:0!important;}
.bhi-front-pro-editor.bhi-wp-editor-mode .mce-toolbar .mce-btn button,
.bhi-front-pro-editor.bhi-wp-editor-mode .quicktags-toolbar input{min-height:26px!important;}
.bhi-front-pro-editor.bhi-wp-editor-mode:before{content:'Đang dùng trình soạn thảo WordPress mặc định: Visual/Text, định dạng chữ, màu, căn lề, liên kết, ảnh/media. Bản xem trước sẽ tự đồng bộ.';display:block;margin:0 0 8px;padding:9px 11px;border:1px solid #bae6fd;border-radius:10px;background:#f0f9ff;color:#075985;font-size:12px;font-weight:800;line-height:1.45;}
.bhi-front-pro-editor.bhi-wp-editor-mode textarea#bhiTplHtml{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;font-size:12px!important;line-height:1.45!important;}
.bhi-front-pro-editor.bhi-wp-editor-mode .wp-media-buttons .button{height:30px!important;min-height:30px!important;border-radius:7px!important;font-weight:800!important;}
.bhi-template-editor .mce-statusbar{display:none!important;}

/* =========================================================
   STEP 64 - WordPress native editor UX fix + POS option declutter
   - Tránh CSS global của app làm hỏng toolbar TinyMCE/Quicktags.
   - Ẩn nút tùy chọn ngành trong giỏ để POS gọn và nhanh.
========================================================= */
.bhi-line-option-btn{display:none!important;}
.bhi-front-pro-editor.bhi-wp-editor-mode .wp-editor-wrap,
.bhi-template-editor .wp-editor-wrap{clear:both!important;max-width:100%!important;overflow:hidden!important;background:#fff!important;}
.bhi-front-pro-editor.bhi-wp-editor-mode .wp-editor-tabs,
.bhi-template-editor .wp-editor-tabs{display:flex!important;align-items:flex-end!important;justify-content:flex-end!important;gap:0!important;margin:0!important;}
.bhi-front-pro-editor.bhi-wp-editor-mode .wp-switch-editor,
.bhi-template-editor .wp-switch-editor{box-sizing:border-box!important;width:auto!important;min-width:0!important;min-height:0!important;height:auto!important;margin:0 0 -1px 4px!important;padding:6px 11px!important;border:1px solid #cbd5e1!important;border-bottom-color:#cbd5e1!important;border-radius:8px 8px 0 0!important;background:#f8fafc!important;color:#334155!important;font-size:12px!important;font-weight:800!important;line-height:1.35!important;text-transform:uppercase!important;box-shadow:none!important;}
.bhi-front-pro-editor.bhi-wp-editor-mode .tmce-active .switch-tmce,
.bhi-front-pro-editor.bhi-wp-editor-mode .html-active .switch-html,
.bhi-template-editor .tmce-active .switch-tmce,
.bhi-template-editor .html-active .switch-html{background:#fff!important;color:#0f172a!important;border-bottom-color:#fff!important;}
.bhi-front-pro-editor.bhi-wp-editor-mode .wp-media-buttons,
.bhi-template-editor .wp-media-buttons{display:flex!important;align-items:center!important;gap:6px!important;margin:0 0 8px!important;}
.bhi-front-pro-editor.bhi-wp-editor-mode .wp-media-buttons .button,
.bhi-template-editor .wp-media-buttons .button{box-sizing:border-box!important;width:auto!important;min-width:0!important;min-height:30px!important;height:30px!important;padding:4px 10px!important;border:1px solid #2563eb!important;border-radius:8px!important;background:#fff!important;color:#2563eb!important;font-size:13px!important;font-weight:800!important;line-height:20px!important;box-shadow:none!important;}
.bhi-front-pro-editor.bhi-wp-editor-mode .wp-media-buttons .dashicons,
.bhi-template-editor .wp-media-buttons .dashicons{font-family:dashicons!important;font-size:18px!important;line-height:18px!important;width:18px!important;height:18px!important;vertical-align:middle!important;}
.bhi-front-pro-editor.bhi-wp-editor-mode .quicktags-toolbar,
.bhi-template-editor .quicktags-toolbar{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:4px!important;padding:8px!important;background:#f8fafc!important;border:1px solid #cbd5e1!important;border-bottom:0!important;}
.bhi-front-pro-editor.bhi-wp-editor-mode .quicktags-toolbar input,
.bhi-template-editor .quicktags-toolbar input{box-sizing:border-box!important;width:auto!important;min-width:0!important;min-height:28px!important;height:28px!important;padding:3px 8px!important;border:1px solid #cbd5e1!important;border-radius:6px!important;background:#fff!important;color:#0f172a!important;font-size:12px!important;font-weight:700!important;line-height:20px!important;margin:0!important;box-shadow:none!important;}
.bhi-front-pro-editor.bhi-wp-editor-mode .mce-tinymce,
.bhi-template-editor .mce-tinymce{border:1px solid #cbd5e1!important;border-radius:0 0 10px 10px!important;box-shadow:none!important;overflow:hidden!important;}
.bhi-front-pro-editor.bhi-wp-editor-mode .mce-toolbar-grp,
.bhi-template-editor .mce-toolbar-grp{background:#f8fafc!important;border-bottom:1px solid #dbe4ef!important;padding:4px!important;}
.bhi-front-pro-editor.bhi-wp-editor-mode .mce-toolbar,
.bhi-template-editor .mce-toolbar{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:2px!important;}
.bhi-front-pro-editor.bhi-wp-editor-mode .mce-toolbar .mce-btn,
.bhi-template-editor .mce-toolbar .mce-btn{box-shadow:none!important;border:1px solid transparent!important;background:transparent!important;border-radius:5px!important;margin:1px!important;}
.bhi-front-pro-editor.bhi-wp-editor-mode .mce-toolbar .mce-btn:hover,
.bhi-template-editor .mce-toolbar .mce-btn:hover{border-color:#cbd5e1!important;background:#fff!important;}
.bhi-front-pro-editor.bhi-wp-editor-mode .mce-toolbar .mce-btn button,
.bhi-template-editor .mce-toolbar .mce-btn button{box-sizing:border-box!important;width:auto!important;min-width:24px!important;min-height:24px!important;height:24px!important;padding:2px 4px!important;border:0!important;border-radius:4px!important;background:transparent!important;color:#1f2937!important;font-size:13px!important;line-height:20px!important;box-shadow:none!important;}
.bhi-front-pro-editor.bhi-wp-editor-mode .mce-ico,
.bhi-template-editor .mce-ico{font-family:dashicons!important;font-size:20px!important;line-height:20px!important;width:20px!important;height:20px!important;color:#334155!important;speak:never!important;}
.bhi-front-pro-editor.bhi-wp-editor-mode .mce-listbox button,
.bhi-template-editor .mce-listbox button{min-width:80px!important;max-width:190px!important;}
.bhi-front-pro-editor.bhi-wp-editor-mode .mce-edit-area iframe,
.bhi-template-editor .mce-edit-area iframe{width:100%!important;min-height:420px!important;background:#fff!important;}
.bhi-front-pro-editor.bhi-wp-editor-mode textarea.wp-editor-area,
.bhi-template-editor textarea.wp-editor-area{box-sizing:border-box!important;width:100%!important;min-height:420px!important;height:420px!important;border:1px solid #cbd5e1!important;border-radius:0 0 10px 10px!important;background:#fff!important;color:#0f172a!important;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;font-size:12px!important;line-height:1.5!important;padding:10px 12px!important;white-space:pre!important;}
.bhi-front-pro-editor.bhi-wp-editor-mode .mce-statusbar,
.bhi-template-editor .mce-statusbar{display:none!important;}

/* =========================================================
   STEP 65 - Plan Gates & Upgrade UX
   Tối ưu nhẹ: chỉ CSS, không thêm thư viện ngoài.
========================================================= */
.bhi-plan-gates-front{margin:14px 0 18px;border:1px solid var(--bhi-border,#dbe5f3);border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbff);padding:16px;box-shadow:0 10px 24px rgba(15,23,42,.05)}
.bhi-plan-gates-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.bhi-plan-gates-head span{display:block;color:#64748b;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.bhi-plan-gates-head h2{margin:2px 0 0;font-size:20px}.bhi-plan-gates-head small{color:#64748b;text-align:right;max-width:280px}.bhi-plan-gate-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.bhi-plan-gate-group{border:1px solid #e2e8f0;border-radius:14px;background:#fff;padding:12px}.bhi-plan-gate-group h3{margin:0 0 8px;font-size:15px}.bhi-plan-gate-group ul{margin:0;padding:0;list-style:none;display:grid;gap:6px}.bhi-plan-gate-group li{display:grid;grid-template-columns:22px 1fr auto;gap:8px;align-items:center;border:1px solid #eef2f7;border-radius:10px;padding:8px;color:#334155}.bhi-plan-gate-group li.is-on{background:#f0fdf4;border-color:#bbf7d0}.bhi-plan-gate-group li.is-off{background:#fff7ed;border-color:#fed7aa}.bhi-plan-gate-group li b{font-size:13px}.bhi-plan-gate-group li em{font-style:normal;color:#64748b;font-size:12px;font-weight:800}.bhi-upgrade-contexts{margin-top:14px;border-top:1px dashed #cbd5e1;padding-top:14px}.bhi-upgrade-contexts h3{margin:0 0 10px}.bhi-upgrade-contexts>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bhi-upgrade-contexts article{border:1px solid #e2e8f0;border-radius:14px;padding:12px;background:#fff}.bhi-upgrade-contexts article b{display:block;margin-bottom:4px}.bhi-upgrade-contexts article span{display:block;color:#64748b;margin-bottom:10px}.bhi-upgrade-contexts article button,.bhi-upgrade-actions button:first-child{background:var(--bhi-theme,#2563eb);color:#fff;border:0;border-radius:10px;padding:10px 14px;font-weight:900;cursor:pointer}.bhi-upgrade-modal{position:fixed;inset:0;background:rgba(15,23,42,.42);display:none;align-items:center;justify-content:center;z-index:99999;padding:20px}.bhi-upgrade-card{max-width:520px;width:100%;background:#fff;border-radius:22px;padding:22px;position:relative;box-shadow:0 30px 90px rgba(15,23,42,.25)}.bhi-upgrade-hero span{display:inline-flex;width:52px;height:52px;align-items:center;justify-content:center;border-radius:16px;background:#eff6ff;font-size:28px}.bhi-upgrade-hero h2{margin:14px 0 8px;font-size:24px}.bhi-upgrade-hero p{color:#475569;line-height:1.5}.bhi-upgrade-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.bhi-upgrade-actions button[data-bhi-upgrade-close]{border:1px solid #dbe5f3;background:#fff;border-radius:10px;padding:10px 14px;font-weight:800;cursor:pointer}.bhi-plan-card[data-bhi-plan-code="pro"]{box-shadow:0 18px 40px rgba(37,99,235,.10)}
@media(max-width:1100px){.bhi-plan-gate-grid{grid-template-columns:1fr 1fr}.bhi-upgrade-contexts>div{grid-template-columns:1fr}}@media(max-width:720px){.bhi-plan-gate-grid{grid-template-columns:1fr}.bhi-plan-gates-head{display:block}.bhi-plan-gates-head small{text-align:left}.bhi-upgrade-card{border-radius:16px}.bhi-upgrade-actions{flex-direction:column}.bhi-upgrade-actions button{width:100%}}

/* =========================================================
   STEP 66 - Mobile UX & Speed Polish
   - Giảm scroll lồng nhau ở các trang danh sách.
   - Header/menu luôn gọn, cuộn ngang tốt trên tablet/mobile.
   - Bảng chỉ scroll ngang khi cần; phân trang nằm dưới để người dùng thao tác rõ hơn.
========================================================= */
body.bhi-step66-speed{background:#eef3f8!important;}
body.bhi-step66-speed .bhi-kv-appbar{backdrop-filter:saturate(140%) blur(8px);-webkit-backdrop-filter:saturate(140%) blur(8px);z-index:9999!important;}
body.bhi-step66-speed .bhi-kv-tabs{scrollbar-width:thin;}
body.bhi-step66-speed .bhi-kv-tabs::-webkit-scrollbar{height:6px;}
body.bhi-step66-speed .bhi-kv-tabs::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px;}
body.bhi-step66-speed .bhi-table-scroll{overflow-x:auto!important;overflow-y:visible!important;max-height:none!important;-webkit-overflow-scrolling:touch;}
body.bhi-step66-speed #bhiOrdersManager,
body.bhi-step66-speed #bhiCustomersTable,
body.bhi-step66-speed #bhiProductsTable,
body.bhi-step66-speed #bhiInventoryTable,
body.bhi-step66-speed #bhiInventoryLogs{overflow:visible!important;max-height:none!important;}
body.bhi-step66-speed .bhi-pager-pro{position:sticky;bottom:0;z-index:5;background:linear-gradient(180deg,rgba(255,255,255,.88),#fff);border:1px solid #e2e8f0;border-radius:14px;padding:8px 10px;box-shadow:0 -6px 18px rgba(15,23,42,.05);}
body.bhi-step66-speed .bhi-page-size-bottom select{min-height:34px;border-radius:9px;border:1px solid #cbd5e1;background:#fff;padding:4px 8px;font-weight:800;}
body.bhi-step66-speed .bhi-manager-toolbar{position:sticky;top:62px;z-index:20;box-shadow:0 8px 18px rgba(15,23,42,.05);}
body.admin-bar.bhi-step66-speed .bhi-manager-toolbar{top:94px;}
@media(max-width:1180px){
  body.bhi-step66-speed .bhi-kv-appbar{align-items:center;gap:8px;}
  body.bhi-step66-speed .bhi-kv-tabs{order:3;width:100%;display:flex;overflow-x:auto;white-space:nowrap;padding-bottom:4px;}
  body.bhi-step66-speed .bhi-kv-tab-wrap{flex:0 0 auto;}
  body.bhi-step66-speed .bhi-kv-tools{margin-left:auto;}
  body.bhi-step66-speed .bhi-manager-toolbar{top:96px;}
  body.admin-bar.bhi-step66-speed .bhi-manager-toolbar{top:128px;}
}
@media(max-width:760px){
  body.bhi-step66-speed .bhi-saas-main{padding:12px!important;}
  body.bhi-step66-speed .bhi-kv-brand-text small{display:none;}
  body.bhi-step66-speed .bhi-kv-tools .bhi-kv-tool:not(.bhi-theme-btn),
  body.bhi-step66-speed .bhi-kv-tools .bhi-kv-sale{padding:7px 9px!important;font-size:12px!important;}
  body.bhi-step66-speed .bhi-manager-toolbar{top:104px!important;display:grid!important;grid-template-columns:1fr 1fr;gap:8px;}
  body.admin-bar.bhi-step66-speed .bhi-manager-toolbar{top:146px!important;}
  body.bhi-step66-speed .bhi-manager-toolbar input:first-child{grid-column:1/-1;min-width:0!important;width:100%;}
  body.bhi-step66-speed .bhi-manager-toolbar input,
  body.bhi-step66-speed .bhi-manager-toolbar select,
  body.bhi-step66-speed .bhi-manager-toolbar button{min-width:0!important;width:100%;}
  body.bhi-step66-speed .bhi-pager-pro{flex-wrap:wrap;gap:6px;}
  body.bhi-step66-speed .bhi-page-size-bottom{width:100%;text-align:center;}
}


/* =========================================================
   STEP 85 - Unified UX & Sidebar Layout Overrides
========================================================= */
.bhi-saas-shell,
.bhi-saas-shell button,
.bhi-saas-shell input,
.bhi-saas-shell select,
.bhi-saas-shell textarea{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;}
.bhi-saas-shell .bhi-section-head h2,
.bhi-saas-shell .bhi-kv-tab,
.bhi-saas-shell .bhi-kv-tool,
.bhi-saas-shell .bhi-kv-sale,
.bhi-saas-shell .bhi-pos-tab,
.bhi-saas-shell .bhi-table,
.bhi-saas-shell .bhi-form-card{font-family:inherit!important;}
.bhi-saas-shell .bhi-section-head h2{font-size:28px!important;line-height:1.2!important;font-weight:800!important;}
.bhi-saas-shell .bhi-section-head p{font-size:13px!important;line-height:1.55!important;}
.bhi-saas-shell .bhi-kv-tab{font-size:14px!important;font-weight:700!important;}
.bhi-saas-shell .bhi-pos-tab span{font-size:12.5px!important;font-family:inherit!important;font-weight:700!important;}
.bhi-saas-shell .bhi-pos-tab{font-size:12.5px!important;}
.bhi-kv-shell #pos .bhi-pos-type-toggle{font-size:13px!important;font-family:inherit!important;}
.bhi-kv-shell #pos #bhiDocTypeLabel{width:100%!important;min-width:72px!important;text-align:center!important;justify-content:center!important;}

.bhi-plan-gates-front{display:none!important;}

.bhi-pager-pro{justify-content:flex-start!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;}
.bhi-pager-pro .bhi-page-size-bottom{order:-1!important;margin:0 10px 0 0!important;font-size:11px!important;white-space:nowrap!important;line-height:1!important;display:inline-flex!important;align-items:center!important;gap:6px!important;}
.bhi-pager-pro span{font-size:12px!important;white-space:nowrap!important;}
.bhi-pager-pro button{min-width:28px!important;height:28px!important;font-size:12px!important;}
.bhi-page-size-bottom select{height:28px!important;font-size:11px!important;padding:0 24px 0 8px!important;white-space:nowrap!important;}

.bhi-overview-ops{margin-top:16px;border:1px solid #e2e8f0;border-radius:18px;background:#fff;padding:16px;box-shadow:0 8px 22px rgba(15,23,42,.04);}
.bhi-overview-ops-head{margin-bottom:10px;}
.bhi-overview-ops-head h3{margin:0 0 4px!important;font-size:18px!important;}
.bhi-overview-ops-head p{margin:0;color:#64748b;font-size:13px;}
.bhi-overview-ops .bhi-work-summary article{padding:12px;}
.bhi-overview-ops .bhi-work-summary b{font-size:22px;}

.bhi-pos-top-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-left:auto;}
#pos .bhi-pos-grid{align-items:start!important;}
#pos.bhi-pos-customer-hidden .bhi-pos-card:first-child{display:none!important;}
#pos.bhi-pos-customer-hidden .bhi-pos-grid{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr)!important;}
#pos.bhi-pos-customer-hidden .bhi-cart-card{grid-column:1/2!important;}
#pos.bhi-pos-customer-hidden .bhi-products-quick{grid-column:2/3!important;}
#pos .bhi-products-quick .bhi-submit-row-side{position:sticky;bottom:10px;z-index:8;background:rgba(255,255,255,.95);backdrop-filter:blur(8px);padding-top:8px;}
#pos .bhi-products-quick .bhi-submit-row-side button{white-space:nowrap!important;}

.bhi-list-shell{display:grid;grid-template-columns:minmax(220px,260px) minmax(0,1fr);gap:14px;align-items:start;}
.bhi-list-sidebar{position:sticky;top:78px;align-self:start;}
.bhi-list-main{min-width:0;display:grid;gap:12px;}
.bhi-list-sidebar .bhi-manager-toolbar,
.bhi-list-sidebar .bhi-report-toolbar{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;padding:14px!important;border:1px solid #e2e8f0!important;border-radius:16px!important;background:#f8fafc!important;}
.bhi-list-sidebar .bhi-manager-toolbar input,
.bhi-list-sidebar .bhi-manager-toolbar select,
.bhi-list-sidebar .bhi-report-toolbar input,
.bhi-list-sidebar .bhi-report-toolbar select{width:100%!important;max-width:100%!important;min-width:0!important;}
.bhi-list-sidebar .bhi-inline-label{display:grid!important;gap:6px!important;align-items:start!important;}
.bhi-list-sidebar .bhi-inline-label input{width:100%!important;}
.bhi-list-sidebar .bhi-manager-toolbar button,
.bhi-list-sidebar .bhi-report-toolbar button{width:100%!important;justify-content:center!important;}
.bhi-list-actions{display:flex;justify-content:flex-start;align-items:center;gap:8px;flex-wrap:wrap;}
.bhi-list-actions button{white-space:nowrap!important;}
#products .bhi-goods-table-area{display:block!important;}
#products .bhi-manager-toolbar{margin-bottom:0!important;}
#products .bhi-goods-table-area>.bhi-list-shell{margin-top:0!important;}

.bhi-kv-tools .bhi-kv-tool,.bhi-kv-tools .bhi-kv-sale{white-space:nowrap!important;}

@media(max-width:1100px){
  .bhi-saas-shell .bhi-section-head h2{font-size:24px!important;}
  .bhi-kv-tabs{display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;overflow:visible!important;gap:4px!important;width:auto!important;flex:1 1 auto!important;}
  .bhi-kv-tab-wrap{min-width:0!important;}
  .bhi-kv-tab{padding:0 6px!important;justify-content:center!important;font-size:12px!important;min-width:0!important;text-align:center!important;}
  .bhi-kv-tools{gap:6px!important;}
  .bhi-kv-tools .bhi-kv-tool,.bhi-kv-tools .bhi-kv-sale{padding:8px 10px!important;font-size:12px!important;}
  #pos .bhi-pos-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)!important;gap:12px!important;}
  #pos .bhi-pos-card:first-child{grid-column:1/-1!important;order:2!important;}
  #pos .bhi-cart-card{grid-column:1/2!important;order:1!important;}
  #pos .bhi-products-quick{grid-column:2/3!important;order:1!important;display:grid!important;grid-template-rows:auto auto 1fr auto!important;max-height:none!important;}
  #pos .bhi-products-quick .bhi-submit-row-side{display:flex!important;position:sticky!important;bottom:8px!important;gap:8px!important;margin-top:10px!important;}
  #pos .bhi-products-quick .bhi-submit-row-side button{flex:1 1 0!important;min-height:42px!important;}
  #pos.bhi-pos-customer-hidden .bhi-pos-grid{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr)!important;}
  #pos.bhi-pos-customer-hidden .bhi-cart-card{grid-column:1/2!important;order:1!important;}
  #pos.bhi-pos-customer-hidden .bhi-products-quick{grid-column:2/3!important;order:1!important;}
  .bhi-list-shell{grid-template-columns:220px minmax(0,1fr)!important;}
}
@media(max-width:860px){
  .bhi-list-shell{grid-template-columns:1fr!important;}
  .bhi-list-sidebar{position:static!important;}
  #pos .bhi-pos-grid,
  #pos.bhi-pos-customer-hidden .bhi-pos-grid{grid-template-columns:1fr!important;}
  #pos .bhi-cart-card,#pos .bhi-products-quick,#pos .bhi-pos-card:first-child{grid-column:auto!important;order:initial!important;}
  .bhi-pos-top-actions{width:100%;margin-top:8px;}
  .bhi-pos-top-actions button{flex:1 1 calc(50% - 8px);}
  .bhi-kv-tabs{grid-template-columns:repeat(4,minmax(0,1fr))!important;row-gap:4px!important;}
}