/* QuickPOS presentation only. Existing forms, actions and database remain unchanged. */
:root{--sidebar-bg:#0a0c55;--sidebar-active-text:#124e89;--main-bg:#124e89;--main-text:#fff;--hover-text:#0a0c55}
html{max-width:100%;scroll-behavior:smooth}
body.qpos-admin,body.qpos-counter{background:#f2f6fb!important;color:#172644;position:static!important;min-height:100vh;height:auto!important;width:100%!important}
body.qpos-login{background:radial-gradient(ellipse at top right,#2bbec82a,transparent 60%),#eff4fa!important;color:#172644}
.qpos-login #login-center{padding:24px 12px;min-height:100svh}
.qpos-login #login-center>.col-12{width:100%;max-width:480px;flex:0 1 480px}
.qpos-login .card{border:1px solid #dce5f0;border-top:4px solid #2bbec8;border-radius:20px!important;box-shadow:0 20px 65px #0a0c5514!important}
.qpos-login .card img{width:240px;max-width:100%!important;height:auto}
.qpos-login main#main{margin:0!important;padding:0!important;width:100%!important}
.qpos-admin .navbar.fixed-top,.qpos-counter .navbar.fixed-top{min-height:80px;border-bottom:1px solid #dce5f0;box-shadow:0 3px 18px #0a0c5510;padding:8px 18px!important}
.navbar.fixed-top>.container-fluid{margin:0!important;padding:0!important}
.navbar.fixed-top>.container-fluid>.col-lg-12{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0!important;min-width:0}
.navbar.fixed-top .col-md-1:empty,.navbar.fixed-top .col-md-8:empty{display:none!important}
.navbar.fixed-top .col-md-2{width:auto!important;max-width:none!important;flex:0 1 auto!important;padding:0!important}
.navbar.fixed-top img{width:180px!important;height:52px;max-width:100%;object-fit:contain}
.navbar.fixed-top .float-right{margin-top:0!important;flex-shrink:0}
.navbar.fixed-top .dropdown{margin-right:0!important}
.navbar.fixed-top .dropdown-menu{right:0;left:auto}
#google_translate_element{position:static!important;margin-left:auto;max-width:150px}
#google_translate_element .goog-te-combo{max-width:100%}
.qpos-admin nav#sidebar{position:fixed!important;top:80px!important;left:0;width:250px!important;height:calc(100vh - 80px)!important;overflow-y:auto;background:linear-gradient(170deg,#0a0c55,#17538c)!important;z-index:1035}
.qpos-admin main#view-panel{margin:80px 0 0 250px!important;padding:24px!important;width:calc(100% - 250px)!important;height:auto!important;min-height:calc(100vh - 80px);min-width:0}
.qpos-counter main#view-panel{margin:80px 0 0!important;padding:20px!important;width:100%!important;height:auto!important;min-height:calc(100vh - 80px)}
.qpos-counter main .card,.qpos-counter main .card-body{height:auto!important;min-width:0}
.qpos-counter #prod-list{max-height:none!important;overflow:visible!important}
.qpos-counter #cat-list{display:flex;flex-wrap:nowrap;overflow-x:auto;margin:0 0 16px!important;padding:4px;gap:8px}
.qpos-counter #cat-list>div{flex:0 0 auto;padding:0!important}
.qpos-counter #cat-list button{width:auto!important;min-width:100px;white-space:nowrap}
.qpos-counter #prod-list .col-md-2{flex:0 0 25%!important;max-width:25%!important;padding:6px!important}
.qpos-counter .prod-item{border-radius:12px;overflow:hidden;border:1px solid #dce5f0;box-shadow:0 3px 10px #0a0c5508}
.qpos-counter .prod-item .card-body{padding:12px!important;min-height:64px}
.qpos-counter #o-list{max-height:none!important;overflow-x:auto!important}
.qpos-counter #calc{position:static!important;width:100%!important;padding:16px 8px!important}
.card{border-color:#dce5f0!important;border-radius:12px}
.btn-primary,.bg-primary,.btn-primary-gradient{background:#124e89!important;border-color:#124e89!important;color:#fff!important}
.btn-primary:hover,.btn-primary:focus{background:#0a0c55!important;border-color:#0a0c55!important}
.form-control:focus,.custom-select:focus{border-color:#2bbec8;box-shadow:0 0 0 3px #2bbec826}
.form-control,.custom-select,.select2-container{max-width:100%}
.table-responsive,.dataTables_wrapper{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.card-body{min-width:0}
.modal-dialog{max-width:calc(100vw - 24px)!important}
.modal-dialog.large{width:min(1100px,calc(100vw - 24px))!important}
.modal-dialog.mid-large{width:min(760px,calc(100vw - 24px))!important}
.modal-content{max-height:calc(100svh - 36px);overflow-y:auto;border-radius:14px}
.modal-header{background:#124e89!important;color:#fff}
img{max-width:100%}
@media(min-width:992px){#sidebarToggle{display:none!important}}
@media(max-width:1199.98px){.qpos-counter #prod-list .col-md-2{flex-basis:33.333%!important;max-width:33.333%!important}}
@media(max-width:991.98px){
 .qpos-admin nav#sidebar{transform:translateX(-100%);transition:transform .2s ease}
 .qpos-admin nav#sidebar.active{transform:translateX(0)}
 #sidebarToggle{display:block!important;position:fixed!important;top:20px!important;left:10px!important;z-index:1040!important;background:#124e89!important;color:#fff!important;border:0;margin:0!important;min-height:40px}
 #sidebar-overlay{display:none;position:fixed;inset:80px 0 0!important;background:#07123870;z-index:1034!important;width:100%!important;height:calc(100vh - 80px)!important}
 #sidebar-overlay.show{display:block!important}
 .qpos-admin .navbar.fixed-top{padding-left:112px!important}
 .qpos-admin main#view-panel{margin-left:0!important;width:100%!important;padding:18px!important}
 .qpos-counter main#view-panel>.container-fluid>.row>.col-lg-8,.qpos-counter main#view-panel>.container-fluid>.row>.col-lg-4{flex:0 0 100%!important;max-width:100%!important}
 .qpos-counter #prod-list .col-md-2{flex-basis:25%!important;max-width:25%!important}
 #google_translate_element{max-width:120px}
}
@media(max-width:575.98px){
 .qpos-admin main#view-panel,.qpos-counter main#view-panel{padding:12px!important}
 .navbar.fixed-top{padding-right:10px!important;gap:6px}
 .navbar.fixed-top>.container-fluid>.col-lg-12{flex-wrap:wrap;gap:4px 8px}
 .navbar.fixed-top img{width:130px!important;height:38px}
 .navbar.fixed-top #account_settings{font-size:12px;display:inline-block;max-width:125px;overflow-wrap:anywhere}
 #google_translate_element{flex:0 0 100%;max-width:none;text-align:right;font-size:10px}
 #google_translate_element .goog-te-combo{margin:0!important;padding:2px 4px!important;font-size:11px}
 .qpos-counter #prod-list .col-md-2{flex-basis:50%!important;max-width:50%!important}
 .qpos-counter .prod-item img{height:110px!important}
 .qpos-counter #o-list table{min-width:340px}
 .qpos-counter input[name="qty[]"]{min-width:40px!important}
 .qpos-counter #pay,.qpos-counter #save_order{min-width:90px;min-height:44px}
 .qpos-counter #apayable{font-size:30px!important}
 .form-control,.custom-select{font-size:16px;min-height:42px}
 .btn{white-space:normal}
 .modal-footer{flex-wrap:wrap;gap:6px}
 .dataTables_length,.dataTables_filter,.dataTables_info,.dataTables_paginate{float:none!important;text-align:left!important;white-space:normal!important}
 .dataTables_filter input{max-width:180px}
}
@media print{.qpos-admin nav#sidebar,#sidebarToggle,#sidebar-overlay{display:none!important}.qpos-admin main#view-panel,.qpos-counter main#view-panel{margin:0!important;width:100%!important;padding:0!important}.navbar.fixed-top{position:static!important;box-shadow:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}nav#sidebar{transition:none!important}}

.navbar.fixed-top .col-md-1,.navbar.fixed-top .col-md-8{display:none!important}
.qpos-admin .card-body{overflow-x:auto}
@media(max-width:575.98px){.qpos-counter .o-field{padding:0!important}.qpos-counter .o-field>.row{margin-left:-6px!important;margin-right:-6px!important}.qpos-counter .o-field>.row>div{padding-left:6px!important;padding-right:6px!important}}

.qpos-admin #sidebar .sidebar-list a{background:transparent;color:#e5efff!important}
.qpos-admin #sidebar .sidebar-list a.active,.qpos-admin #sidebar .sidebar-list a:hover{background:#e5f5f8!important;color:#0a0c55!important;box-shadow:inset 4px 0 #2bbec8}
.navbar.fixed-top #google_translate_element:empty{display:none!important}
.navbar.fixed-top #google_translate_element{order:3}
@media(min-width:992px){.qpos-admin nav#sidebar{transform:none!important}}