/* Step 36 - Responsive UI helpers for ERP, POS, Storefront and printable pages */
.side-section-title{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:rgba(255,255,255,.45);margin:16px 8px 6px;font-weight:800}.erp-sidebar-links a.active{background:rgba(255,255,255,.16)!important;color:#fff!important}.erp-sidebar-links a{transition:background .15s ease,color .15s ease,transform .15s ease}.erp-sidebar-links a:hover{transform:translateX(-2px)}html{scroll-behavior:smooth}body{overflow-x:hidden}.erp-shell{background:#f5f6fa}.erp-main{min-height:100vh}.erp-sidebar{position:sticky;top:0;max-height:100vh;overflow:auto}.erp-sidebar::-webkit-scrollbar,.erp-mobile-menu::-webkit-scrollbar{width:6px}.erp-sidebar::-webkit-scrollbar-thumb,.erp-mobile-menu::-webkit-scrollbar-thumb{background:rgba(255,255,255,.25);border-radius:999px}.erp-mobile-topbar{position:sticky;top:0;z-index:1040;background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 8px 24px rgba(15,23,42,.06)}.erp-mobile-menu{max-height:100vh;overflow-y:auto}.erp-mobile-menu a{color:#d1d5db;text-decoration:none;display:block;padding:10px 12px;border-radius:10px;margin-bottom:4px}.erp-mobile-menu a:hover{background:rgba(255,255,255,.10);color:#fff}.erp-responsive-table,.table-responsive{width:100%;overflow-x:auto}.erp-card{overflow-x:auto}.erp-card table,.table-wide{white-space:nowrap}.erp-actionbar{display:flex;gap:.5rem;flex-wrap:wrap}.erp-actionbar .btn{white-space:nowrap}.form-control,.form-select,.btn{border-radius:12px}.btn{white-space:normal}.badge{white-space:normal}.card{word-break:normal}.chart-wrap,canvas{max-width:100%}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.store-navbar .container{flex-wrap:wrap}.store-navbar .btn{white-space:nowrap}.store-hero{min-height:190px;display:flex;flex-direction:column;justify-content:center}.product-card img,.product-img{max-width:100%}.store-product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:1030;background:#fff;border-top:1px solid #e5e7eb;box-shadow:0 -10px 28px rgba(15,23,42,.08);padding:.35rem .5rem}.mobile-bottom-nav a{font-size:12px;text-decoration:none;color:#0f172a;display:flex;flex-direction:column;align-items:center;gap:2px}.mobile-bottom-nav .icon{font-size:18px;line-height:1}.mobile-scroll-x{overflow-x:auto}.mobile-scroll-x>*{min-width:max-content}@media (max-width:1199.98px){.erp-sidebar a,.erp-sidebar-links a{font-size:13px;padding:9px 10px}.erp-brand-logo,.erp-brand-fallback{width:38px!important;height:38px!important}}@media (max-width:991.98px){.erp-main{padding:16px!important}.stat-value{font-size:20px}.card.erp-card{border-radius:16px}.table{font-size:13px}.table th,.table td{padding:.55rem}.display-4{font-size:2rem}.display-6{font-size:1.45rem}.store-hero{padding:24px!important;border-radius:20px}.store-hero h1{font-size:1.6rem}.product-card{border-radius:18px}.product-img{height:170px!important}.gallery-main{height:330px!important}.pos-toolbar{position:relative!important}.pos-cart{position:relative!important;max-height:none!important}.pos-product-card{min-height:124px}.pos-product-img{width:46px!important;height:46px!important}.quick-pay button{min-width:auto!important}.offcanvas{max-width:86vw}.row.g-4,.row.g-3{--bs-gutter-x:.75rem}.btn-lg,.form-control-lg,.form-select-lg{font-size:1rem;padding:.65rem .9rem}.modal-dialog{margin:.75rem}.store-navbar .container{gap:.5rem}.store-navbar .d-flex{flex-wrap:wrap}}@media (max-width:767.98px){.container,.container-fluid{padding-left:12px;padding-right:12px}.card:not(.no-mobile-scroll){overflow-x:auto}.card table{min-width:640px}.card .table:not(.keep-fluid){white-space:nowrap}.nav-tabs,.nav-pills{overflow-x:auto;flex-wrap:nowrap;padding-bottom:.35rem}.nav-tabs .nav-link,.nav-pills .nav-link{white-space:nowrap}.input-group{flex-wrap:nowrap}.store-navbar .container{align-items:flex-start!important}.store-navbar .navbar-brand{width:100%;justify-content:center;margin:0}.store-navbar .d-flex{width:100%;justify-content:center}.store-navbar a:not(.navbar-brand){font-size:12px}.account-nav,.store-account-nav{overflow-x:auto;white-space:nowrap}}@media (max-width:575.98px){body{font-size:14px}.erp-main{padding:12px!important;padding-bottom:74px!important}h1,.h1{font-size:1.7rem}h2,.h2{font-size:1.45rem}h3,.h3{font-size:1.25rem}.d-flex.justify-content-between.align-items-center.mb-4,.d-flex.justify-content-between.align-items-center.mb-3{align-items:flex-start!important;gap:10px;flex-direction:column}.erp-actionbar,.d-flex.gap-2,.d-flex.flex-wrap.gap-2{width:100%;flex-wrap:wrap}.erp-actionbar .btn,.d-flex.gap-2>.btn,.d-flex.flex-wrap.gap-2>.btn{flex:1 1 auto}.table{font-size:12px}.erp-card{padding:12px!important}.product-img{height:150px!important}.store-hero{text-align:center}.store-navbar .container{gap:.5rem}.gallery-main{height:260px!important}.thumb{height:70px!important}.pos-shell .col-lg-8,.pos-shell .col-lg-4{width:100%}.cart-row .row .col-5{width:58%}.cart-row .row .col-4{width:42%}.cart-row .row .col-3{width:100%;text-align:start!important}.mobile-bottom-nav{display:flex!important;justify-content:space-around}.mobile-bottom-spacer{height:62px}.form-check{padding-inline-start:1.8rem}.pagination{flex-wrap:wrap;gap:.25rem}.pagination .page-link{border-radius:10px!important}.btn-group{display:flex;flex-wrap:wrap}.btn-group>.btn{flex:1 1 auto;border-radius:12px!important;margin:.1rem}}@media (min-width:576px){.mobile-bottom-nav{display:none!important}}@media print{.erp-mobile-topbar,.mobile-bottom-nav,.offcanvas,.d-print-none{display:none!important}.erp-main{padding:0!important}.erp-card{box-shadow:none!important;overflow:visible!important}.erp-card table,.card table{white-space:normal!important;min-width:0!important}.card{overflow:visible!important;box-shadow:none!important}.container,.container-fluid{max-width:100%!important;width:100%!important;padding:0!important}}
/* Step 37 - Realtime notification UI */
.erp-realtime-floating{position:fixed;top:16px;left:16px;z-index:1020}.erp-realtime-floating .btn{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center}.erp-realtime-floating .has-unread{animation:erpPulse 1.4s infinite}.erp-realtime-toast{min-width:290px;box-shadow:0 14px 38px rgba(15,23,42,.16);border-radius:18px;overflow:hidden}@keyframes erpPulse{0%{box-shadow:0 0 0 0 rgba(220,38,38,.36)}70%{box-shadow:0 0 0 12px rgba(220,38,38,0)}100%{box-shadow:0 0 0 0 rgba(220,38,38,0)}}@media(max-width:575.98px){.erp-realtime-floating{top:auto;bottom:74px;left:12px}.toast-container{right:12px!important;left:12px!important;top:60px!important}.erp-realtime-toast{min-width:0;width:100%}}