/* Skylark professional safe theme - CSS only, no PHP logic changes */
:root{
  --pb-dark:#082f36;
  --pb-dark-2:#0b4b4c;
  --pb-teal:#0f8f7b;
  --pb-teal-2:#14b89e;
  --pb-soft:#eaf6f3;
  --pb-card:#ffffff;
  --pb-text:#07253d;
  --pb-muted:#6c7b8a;
  --pb-line:#dbe8ef;
  --pb-danger:#d94b5f;
  --pb-shadow:0 20px 50px rgba(9,47,54,.12);
}
html,body{min-height:100%;}
body.body,
body{font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--pb-text);background:linear-gradient(135deg,#e5f3ef 0%,#f7fbfa 55%,#dff4ef 100%) fixed;}
a{color:#087d71;} a:hover{color:#045d55;text-decoration:none;}
#wrap{background:transparent!important;min-height:100vh;}
.wrapper{background:transparent!important;}
.bg-container,.inner.bg-light,.inner.lter{background:transparent!important;}
#content{background:transparent!important;padding:24px 24px 42px 24px;min-height:calc(100vh - 70px);}
#content .outer{max-width:100%;margin:0 auto;}
#content .row{margin-left:-10px;margin-right:-10px;}
#content [class*="col-"]{padding-left:10px;padding-right:10px;}
/* Top bar */
#top .navbar{min-height:70px;background:linear-gradient(90deg,var(--pb-dark) 0%,#075f5c 52%,var(--pb-teal) 100%)!important;border:0;box-shadow:0 12px 32px rgba(8,47,54,.18);}
#top .container-fluid{display:flex;align-items:center;min-height:70px;width:100%;}
#top .navbar-brand{height:auto!important;display:flex!important;align-items:center;gap:12px;padding:0!important;margin:0 18px 0 0!important;color:#fff!important;}
#top .navbar-brand img{max-height:44px!important;width:auto;border-radius:12px;object-fit:contain;background:#fff;padding:4px;box-shadow:0 8px 18px rgba(0,0,0,.18);}
#top .menu{display:flex;align-items:center;}
#top #menu-toggle,.toggle-left{display:inline-flex!important;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.22);color:#fff;cursor:pointer;}
#top #menu-toggle i,.toggle-left i{font-size:18px;color:#fff!important;}
#top .topnav{margin-left:auto!important;display:flex;align-items:center;gap:8px;float:none!important;}
#top .topnav .btn,#top .topnav a.btn{border-radius:999px!important;border:1px solid rgba(255,255,255,.25)!important;background:rgba(255,255,255,.12)!important;color:#fff!important;padding:10px 16px!important;font-weight:800!important;box-shadow:none!important;margin:0 3px!important;text-transform:none!important;}
#top .topnav .btn:hover{background:rgba(255,255,255,.22)!important;transform:none!important;}
/* Sidebar */
#left{background:linear-gradient(180deg,#08343d 0%,#0b5358 50%,#08313b 100%)!important;box-shadow:12px 0 35px rgba(8,47,54,.16);border-right:1px solid rgba(255,255,255,.1);}
#left:before{content:"Skylark";display:block;margin:18px 14px 8px 14px;padding:15px 16px;border-radius:18px;background:rgba(255,255,255,.08);color:#fff;font-size:18px;font-weight:900;letter-spacing:.2px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);}
#left:after{content:"Professional control menu";display:block;margin:-4px 14px 12px 14px;color:#b8dad5;font-size:12px;font-weight:700;}
#left ul,#left li{list-style:none;margin:0;padding:0;}
#left #menu{background:transparent!important;padding:8px 10px 22px 10px;}
#left #menu>li{margin:6px 0;border-radius:14px;overflow:hidden;}
#left #menu>li>a{display:flex;align-items:center;gap:8px;color:#e7fffb!important;padding:13px 15px;border-radius:14px;font-size:14px;font-weight:800;transition:.18s ease;background:transparent;}
#left #menu>li>a i{width:22px;height:22px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1);color:#dbfffa!important;font-size:13px;}
#left #menu>li:hover>a,#left #menu>li.active>a{background:linear-gradient(135deg,rgba(20,184,158,.95),rgba(15,143,123,.95))!important;color:#fff!important;box-shadow:0 12px 24px rgba(20,184,158,.22);}
#left #menu>li>ul{background:rgba(0,0,0,.13);border-radius:13px;margin:0 0 8px 0;padding:8px;}
#left #menu>li>ul>li>a{display:flex;align-items:center;color:#d6f4ef!important;padding:10px 12px 10px 20px;border-radius:10px;font-size:13px;font-weight:700;}
#left #menu>li>ul>li>a:hover{background:rgba(255,255,255,.11)!important;color:#fff!important;}
#left .arrow{margin-left:auto;}
/* Page header */
.head{background:transparent!important;border:0!important;margin:0 0 18px 0!important;padding:0!important;}
.head .main-bar{background:linear-gradient(120deg,var(--pb-dark) 0%,#0b5f5c 52%,var(--pb-teal) 100%);border-radius:22px;padding:24px 28px!important;margin:0!important;box-shadow:var(--pb-shadow);align-items:center;position:relative;overflow:hidden;}
.head .main-bar:before,.head .main-bar:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.12);pointer-events:none;}
.head .main-bar:before{width:190px;height:190px;right:-55px;top:-70px;}.head .main-bar:after{width:140px;height:140px;right:140px;bottom:-85px;}
.head h4.nav_top_align{color:#fff!important;font-size:25px;font-weight:900;margin:0!important;padding:0!important;line-height:1.25;position:relative;z-index:1;}
.head .text-danger,.head .text-success{display:inline-block;background:#fff;border-radius:999px;padding:7px 12px;margin-left:8px;font-size:12px;font-weight:800;}
.head form{position:relative;z-index:1;}
.head .form-control{height:42px;border-radius:14px;border:1px solid rgba(255,255,255,.35);box-shadow:none;background:rgba(255,255,255,.95);font-weight:800;color:var(--pb-text);}
.head .btn{border-radius:999px!important;padding:10px 18px!important;font-weight:900!important;border:0!important;}
/* Cards */
.card{border:0!important;border-radius:22px!important;background:var(--pb-card)!important;box-shadow:var(--pb-shadow)!important;overflow:hidden;margin-bottom:22px;}
.card:hover{box-shadow:var(--pb-shadow)!important;}
.card-header,.card-header.bg-white{background:linear-gradient(180deg,#fff,#f8fffd)!important;border-bottom:1px solid var(--pb-line)!important;color:#08343d!important;font-weight:900!important;font-size:16px;padding:17px 20px!important;}
.card-block{padding:20px!important;}
.modal-content{border:0;border-radius:22px;overflow:hidden;box-shadow:0 28px 70px rgba(8,47,54,.25);}
.modal-header{background:linear-gradient(120deg,var(--pb-dark),var(--pb-teal))!important;color:#fff!important;border:0;}
.modal-title,.modal-header h4{color:#fff!important;font-weight:900;}
.modal-body{padding:20px!important;}.modal-footer{border-top:1px solid var(--pb-line);padding:16px 20px;}
/* Forms */
.input_field_sections{margin-top:12px!important;}
h5,label,.form-control-label{font-weight:900!important;color:#073044!important;font-size:12px!important;text-transform:uppercase;letter-spacing:.35px;margin-bottom:8px!important;}
.label_desc{font-size:11px!important;color:#7d91a1!important;text-transform:none;letter-spacing:0;}
.form-control,input[type="text"],input[type="number"],input[type="date"],input[type="email"],input[type="password"],select,textarea{border:1px solid #cddde7!important;border-radius:14px!important;background:#fff!important;color:var(--pb-text)!important;box-shadow:0 4px 12px rgba(7,37,61,.04)!important;min-height:42px;font-weight:700;}
.form-control:focus,input:focus,select:focus,textarea:focus{border-color:var(--pb-teal)!important;box-shadow:0 0 0 4px rgba(20,184,158,.15)!important;outline:0!important;}
textarea.form-control{min-height:110px;}
.chosen-container{width:100%!important;}.chosen-container-single .chosen-single{height:42px!important;line-height:40px!important;border:1px solid #cddde7!important;border-radius:14px!important;background:#fff!important;box-shadow:0 4px 12px rgba(7,37,61,.04)!important;font-weight:800;color:var(--pb-text)!important;}.chosen-container-single .chosen-single div{top:8px!important;}
/* Buttons */
.btn,.button,input[type="submit"],button{border-radius:999px!important;font-weight:900!important;letter-spacing:.1px;border:0!important;box-shadow:0 12px 26px rgba(15,143,123,.18)!important;transition:.15s ease!important;text-transform:none!important;}
.btn:hover,.button:hover,input[type="submit"]:hover,button:hover{transform:translateY(-1px);box-shadow:0 16px 32px rgba(15,143,123,.22)!important;}
.btn-success,.btn-primary,.login_button,input[type="submit"].btn-primary{background:linear-gradient(135deg,var(--pb-teal),#087d71)!important;color:#fff!important;}
.btn-warning{background:linear-gradient(135deg,#f7b84b,#f39c12)!important;color:#fff!important;}
.btn-danger,.button-delete{background:linear-gradient(135deg,#e4586d,#c9344c)!important;color:#fff!important;}
.btn-default{background:#f4faf8!important;color:#0b5552!important;border:1px solid var(--pb-line)!important;}
/* Tables */
.data_tables{width:100%;}.table-responsive,.pb-table-scroll{width:100%;overflow:auto!important;border-radius:18px;border:1px solid var(--pb-line);background:#fff;}
table.table{width:100%!important;margin-bottom:0!important;background:#fff;border-collapse:separate!important;border-spacing:0!important;}
.table thead th{background:linear-gradient(135deg,#0b5d58,#0f8478)!important;color:#fff!important;border:0!important;padding:14px 13px!important;font-size:12px!important;font-weight:900!important;text-transform:uppercase;letter-spacing:.35px;white-space:nowrap;position:sticky;top:0;z-index:2;}
.table tbody td{border-color:#e4edf2!important;padding:13px!important;vertical-align:middle!important;font-weight:700;color:#0b2b44;background:#fff;}
.table tbody tr:nth-child(even) td{background:#f8fbfb;}.table tbody tr:hover td{background:#eefaf7!important;}
.table tfoot th,.table tfoot td{background:#0f776e!important;color:#fff!important;font-weight:900!important;border:0!important;}
.dataTables_wrapper{padding:0!important;}.dataTables_length,.dataTables_filter{margin:0 0 14px 0;font-weight:900;color:#073044;}.dataTables_filter input{margin-left:8px;min-width:220px;}.dataTables_info{font-weight:800;color:#657889;margin-top:12px;}.dataTables_paginate{margin-top:12px;}.dataTables_paginate .paginate_button,.pagination .page-link{border-radius:10px!important;border:1px solid var(--pb-line)!important;margin:0 3px!important;background:#fff!important;color:#0b6d64!important;font-weight:900!important;}.dataTables_paginate .paginate_button.current,.pagination .active .page-link{background:var(--pb-teal)!important;color:#fff!important;}
/* Login page */
body:not(.body){background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.16),transparent 26%),linear-gradient(135deg,#062e35 0%,#087c73 55%,#14b89e 100%) fixed!important;min-height:100vh;}
.login_top_bottom{margin-top:0!important;padding-top:8vh!important;}
.login_logo{max-width:460px;margin:0 auto!important;border-radius:24px 24px 0 0!important;background:linear-gradient(135deg,var(--pb-dark),var(--pb-teal))!important;padding:20px 24px!important;box-shadow:0 22px 50px rgba(8,47,54,.25);}
.login_logo h3{padding:0!important;margin:0!important;font-size:28px!important;line-height:1.1;font-weight:900!important;}
.login_content{max-width:460px;margin:0 auto!important;border-radius:0 0 24px 24px!important;padding:28px!important;box-shadow:0 24px 60px rgba(8,47,54,.25);}
.login_content .form-group{margin-bottom:18px;}.login_content label{display:block;color:#073044!important;}
.login_content .input-group{display:flex!important;width:100%!important;align-items:stretch;}
.login_content .input-group-addon{width:48px!important;min-width:48px!important;display:flex!important;align-items:center;justify-content:center;border:1px solid #cddde7!important;border-right:0!important;border-radius:14px 0 0 14px!important;background:#effaf7!important;}
.login_content .input-group .form-control{border-radius:0 14px 14px 0!important;width:100%!important;height:46px!important;}
.login_button{height:48px!important;border-radius:14px!important;font-size:15px!important;margin-top:8px;}
.login_content p{margin:16px 0 0 0;}.login_content p a{font-weight:800;color:#0b7e73!important;}
/* Utility */
.alert,.pnotify{border-radius:16px!important;}.text-right{text-align:right!important;}.small,small{color:#667f8c;font-weight:800;}
@media (min-width:1200px){#content{padding-left:30px;padding-right:30px}.card-block{padding:22px!important}}
@media (max-width:991px){#content{padding:18px 14px 32px}.head .main-bar{padding:20px!important}.head h4.nav_top_align{font-size:22px}.topnav .btn-group{display:none!important}.card-block{padding:16px!important}.dataTables_filter input{min-width:0;width:100%!important;margin:8px 0 0 0!important}.dataTables_length,.dataTables_filter{float:none!important;text-align:left!important;width:100%;}.table-responsive,.pb-table-scroll{max-height:72vh;}}
@media (max-width:575px){#content{padding:14px 10px 24px}.head .main-bar{border-radius:18px}.card{border-radius:18px!important}.login_top_bottom{padding-top:4vh!important}.login_logo,.login_content{max-width:calc(100vw - 24px)!important}.login_logo h3{font-size:24px!important}.table thead th,.table tbody td{padding:11px 10px!important;font-size:12px!important}}

/* Sidebar single-color fix: remove old red/blue submenu colors */
#left,
#left.pb-sidebar{
    background: linear-gradient(180deg,#073b3f 0%,#075057 55%,#07363f 100%) !important;
}
#left #menu,
#left #menu.bg-blue,
#left #menu.pb-menu,
#menu.bg-blue.pb-menu{
    background: transparent !important;
}
#left #menu li,
#left #menu li:hover,
#left #menu li:focus,
#left #menu > li,
#left #menu > li:hover,
#left #menu > li:focus,
#left #menu > li.active,
#left #menu > li.active:hover,
#left #menu > li.active:focus,
#menu.pb-menu li,
#menu.pb-menu li:hover,
#menu.pb-menu > li.active,
#menu.pb-menu > li:hover{
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}
#left #menu > li > a,
#menu.pb-menu > li > a{
    background: transparent !important;
    color: #eafffb !important;
    border: 0 !important;
}
#left #menu > li:hover > a,
#left #menu > li.active > a,
#menu.pb-menu > li:hover > a,
#menu.pb-menu > li.active > a{
    background: rgba(32,178,154,.72) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    box-shadow: 0 10px 22px rgba(0,0,0,.12) !important;
}
#left #menu li.active > ul,
#left #menu > li.active > ul,
#left #menu > li > ul,
#left #menu ul,
#menu.pb-menu li.active > ul,
#menu.pb-menu > li.active > ul,
#menu.pb-menu > li > ul,
#menu.pb-menu ul{
    background: rgba(7,67,72,.88) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 14px !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.04) !important;
    margin: 7px 0 8px 0 !important;
    padding: 8px !important;
}
#left #menu ul li,
#left #menu ul li:hover,
#left #menu ul li.active,
#left #menu li.active ul li.active,
#menu.pb-menu ul li,
#menu.pb-menu ul li:hover,
#menu.pb-menu ul li.active,
#menu.pb-menu li.active ul li.active{
    background: transparent !important;
    border: 0 !important;
}
#left #menu ul li a,
#left #menu li.active ul li a,
#left #menu li.active ul li.active > a,
#left #menu li.active ul li:hover > a,
#menu.pb-menu ul li a,
#menu.pb-menu li.active ul li a,
#menu.pb-menu li.active ul li.active > a,
#menu.pb-menu li.active ul li:hover > a{
    background: transparent !important;
    color: #dffdf8 !important;
    border: 0 !important;
    box-shadow: none !important;
}
#left #menu ul li a:hover,
#left #menu ul li.active > a,
#menu.pb-menu ul li a:hover,
#menu.pb-menu ul li.active > a{
    background: rgba(255,255,255,.10) !important;
    color: #ffffff !important;
}

/* =========================================================
   PRINT PAGE PROTECTION - CSS ONLY
   This keeps professional screen style away from receipt/KOT/report print pages.
   Applies only when a page contains a table/div with class="print".
   ========================================================= */
body:has(.print){
    background:#ffffff !important;
    color:#000000 !important;
    font-family:Arial, Helvetica, sans-serif !important;
    font-size:12px !important;
    min-height:auto !important;
    overflow:auto !important;
}
body:has(.print) #wrap,
body:has(.print) #top,
body:has(.print) #left,
body:has(.print) .head,
body:has(.print) .navbar,
body:has(.print) .topnav,
body:has(.print) .sidebar,
body:has(.print) .preloader{
    display:none !important;
    visibility:hidden !important;
    height:0 !important;
    min-height:0 !important;
    overflow:hidden !important;
}
body:has(.print) .bg-container,
body:has(.print) .wrapper,
body:has(.print) #content,
body:has(.print) .outer,
body:has(.print) .inner,
body:has(.print) .card,
body:has(.print) .card-block,
body:has(.print) .row,
body:has(.print) [class*="col-"]{
    background:#ffffff !important;
    box-shadow:none !important;
    border:0 !important;
    margin:0 !important;
    padding:0 !important;
    width:auto !important;
    max-width:none !important;
    min-height:0 !important;
}
body:has(.print) .pb-table-scroll,
body:has(.print) .table-responsive,
body:has(.print) .data_tables,
body:has(.print) .dataTables_wrapper{
    display:block !important;
    overflow:visible !important;
    background:#ffffff !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    padding:0 !important;
    margin:0 !important;
    width:auto !important;
    max-width:none !important;
    max-height:none !important;
}
body:has(.print) .dataTables_length,
body:has(.print) .dataTables_filter,
body:has(.print) .dataTables_info,
body:has(.print) .dataTables_paginate,
body:has(.print) .dt-buttons,
body:has(.print) .buttons-print,
body:has(.print) .btn,
body:has(.print) button,
body:has(.print) input[type="submit"]{
    display:none !important;
}
body:has(.print) div[style*="max-width:300px"]{
    max-width:300px !important;
    width:300px !important;
    margin:10px !important;
    padding:0 !important;
    background:#ffffff !important;
    box-shadow:none !important;
}
body:has(.print) table.print,
body:has(.print) table.table.print,
body:has(.print) table.table-bordered.print,
body:has(.print) .print{
    width:100% !important;
    max-width:300px !important;
    margin:0 !important;
    background:#ffffff !important;
    color:#000000 !important;
    border-collapse:collapse !important;
    border-spacing:0 !important;
    box-shadow:none !important;
    border-radius:0 !important;
    overflow:visible !important;
    page-break-after:always;
}
body:has(.print) .print:last-child{
    page-break-after:auto;
}
body:has(.print) .print thead,
body:has(.print) .print tbody,
body:has(.print) .print tfoot,
body:has(.print) .print tr,
body:has(.print) .print th,
body:has(.print) .print td{
    background:#ffffff !important;
    color:#000000 !important;
    border-color:#000000 !important;
    box-shadow:none !important;
    text-shadow:none !important;
    position:static !important;
    top:auto !important;
    z-index:auto !important;
}
body:has(.print) .print th,
body:has(.print) .print td,
body:has(.print) .table.print th,
body:has(.print) .table.print td,
body:has(.print) .table-bordered.print th,
body:has(.print) .table-bordered.print td{
    border:1px solid #000000 !important;
    padding:3px 5px !important;
    font-size:12px !important;
    line-height:1.25 !important;
    font-weight:normal !important;
    text-transform:none !important;
    letter-spacing:0 !important;
    white-space:normal !important;
    vertical-align:top !important;
}
body:has(.print) .print th,
body:has(.print) .print tfoot td,
body:has(.print) .print tfoot th{
    font-weight:bold !important;
}
body:has(.print) .print img{
    max-width:100% !important;
    height:auto !important;
    box-shadow:none !important;
    border-radius:0 !important;
    background:transparent !important;
}

@media print{
    @page{ margin:0; }
    html, body{
        background:#ffffff !important;
        color:#000000 !important;
        -webkit-print-color-adjust:exact;
        print-color-adjust:exact;
    }
    body:has(.print){
        margin:0 !important;
        padding:0 !important;
        width:auto !important;
    }
    body:has(.print) *{
        box-shadow:none !important;
        text-shadow:none !important;
        animation:none !important;
        transition:none !important;
    }
    body:has(.print) #wrap,
    body:has(.print) #top,
    body:has(.print) #left,
    body:has(.print) .head,
    body:has(.print) .navbar,
    body:has(.print) .topnav,
    body:has(.print) .sidebar{
        display:none !important;
    }
    body:has(.print) .pb-table-scroll,
    body:has(.print) .table-responsive{
        overflow:visible !important;
        border:0 !important;
    }
    body:has(.print) div[style*="max-width:300px"]{
        margin:0 !important;
        width:300px !important;
        max-width:300px !important;
    }
    body:has(.print) table.print,
    body:has(.print) .print{
        max-width:300px !important;
        width:300px !important;
    }
}

/* =========================================================
   PRINT EMPTY PAGE FIX
   Do NOT hide #wrap on print pages because printSale/printForKitchen/
   printDashboard place the receipt tables inside #wrap from MasterTop.php.
   This override keeps the receipt content visible while still keeping the
   receipt/KOT/report clean for printing.
   ========================================================= */
body:has(.print) #wrap,
body:has(.print) .Wrap,
body:has(.print) .wrapper,
body:has(.print) #content,
body:has(.print) .outer,
body:has(.print) .inner{
    display:block !important;
    visibility:visible !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
    background:#ffffff !important;
    box-shadow:none !important;
    border:0 !important;
    margin:0 !important;
    padding:0 !important;
}

/* Hide only real screen navigation/header on print pages, not the page wrapper. */
body:has(.print) #top,
body:has(.print) #left,
body:has(.print) .head,
body:has(.print) .navbar,
body:has(.print) .topnav,
body:has(.print) .sidebar,
body:has(.print) .preloader{
    display:none !important;
    visibility:hidden !important;
    height:0 !important;
    min-height:0 !important;
    max-height:0 !important;
    overflow:hidden !important;
}

body:has(.print) div[style*="max-width:300px"]{
    display:block !important;
    visibility:visible !important;
    max-width:300px !important;
    width:300px !important;
    margin:10px !important;
    padding:0 !important;
    background:#ffffff !important;
    color:#000000 !important;
}

body:has(.print) table.print,
body:has(.print) .print{
    display:table !important;
    visibility:visible !important;
    opacity:1 !important;
    background:#ffffff !important;
    color:#000000 !important;
}

@media print{
    body:has(.print) #wrap,
    body:has(.print) .Wrap,
    body:has(.print) .wrapper,
    body:has(.print) #content,
    body:has(.print) .outer,
    body:has(.print) .inner{
        display:block !important;
        visibility:visible !important;
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;
        overflow:visible !important;
        background:#ffffff !important;
        box-shadow:none !important;
        border:0 !important;
        margin:0 !important;
        padding:0 !important;
    }
    body:has(.print) #top,
    body:has(.print) #left,
    body:has(.print) .head,
    body:has(.print) .navbar,
    body:has(.print) .topnav,
    body:has(.print) .sidebar,
    body:has(.print) .preloader{
        display:none !important;
        visibility:hidden !important;
        height:0 !important;
        min-height:0 !important;
        max-height:0 !important;
        overflow:hidden !important;
    }
    body:has(.print) div[style*="max-width:300px"]{
        display:block !important;
        visibility:visible !important;
        margin:0 !important;
        width:300px !important;
        max-width:300px !important;
    }
    body:has(.print) table.print,
    body:has(.print) .print{
        display:table !important;
        visibility:visible !important;
        opacity:1 !important;
        width:300px !important;
        max-width:300px !important;
        background:#ffffff !important;
        color:#000000 !important;
    }
}

/* =========================================================
   PRINT TWO SHEETS / BLANK SECOND PAGE FIX - CSS ONLY
   The print pages already have inline .print { page-break-after: always; }
   This override removes that forced extra sheet and keeps only receipt content.
   ========================================================= */
body:has(.print) .print,
body:has(.print) table.print,
body:has(.print) table.table.print,
body:has(.print) table.table-bordered.print,
body:has(.print) div[style*="max-width:300px"]{
    page-break-before:auto !important;
    break-before:auto !important;
    page-break-after:auto !important;
    break-after:auto !important;
    page-break-inside:avoid !important;
    break-inside:avoid !important;
}

@media print{
    html,
    body{
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;
        overflow:visible !important;
        margin:0 !important;
        padding:0 !important;
    }
    body:has(.print){
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;
        overflow:visible !important;
        margin:0 !important;
        padding:0 !important;
    }
    body:has(.print) #wrap,
    body:has(.print) .Wrap,
    body:has(.print) .wrapper,
    body:has(.print) #content,
    body:has(.print) .outer,
    body:has(.print) .inner,
    body:has(.print) .bg-container,
    body:has(.print) .container,
    body:has(.print) .container-fluid{
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;
        overflow:visible !important;
        margin:0 !important;
        padding:0 !important;
        width:auto !important;
        max-width:none !important;
    }
    body:has(.print) div[style*="max-width:300px"]{
        display:block !important;
        width:300px !important;
        max-width:300px !important;
        margin:0 !important;
        padding:0 !important;
        height:auto !important;
        min-height:0 !important;
        page-break-before:auto !important;
        break-before:auto !important;
        page-break-after:auto !important;
        break-after:auto !important;
        page-break-inside:avoid !important;
        break-inside:avoid !important;
    }
    body:has(.print) .print,
    body:has(.print) table.print,
    body:has(.print) table.table.print,
    body:has(.print) table.table-bordered.print{
        display:table !important;
        width:300px !important;
        max-width:300px !important;
        margin:0 !important;
        height:auto !important;
        min-height:0 !important;
        page-break-before:auto !important;
        break-before:auto !important;
        page-break-after:auto !important;
        break-after:auto !important;
        page-break-inside:avoid !important;
        break-inside:avoid !important;
    }
    body:has(.print) #footer,
    body:has(.print) footer,
    body:has(.print) .footer,
    body:has(.print) .copyright,
    body:has(.print) .fixed-bottom,
    body:has(.print) .page-footer{
        display:none !important;
        height:0 !important;
        min-height:0 !important;
        max-height:0 !important;
        overflow:hidden !important;
    }
}