/* ROOT */
/* body{
    background: #EB9783 !important;
} */

/* Custom VENTA Theme Colors */
.ant-bg-dark { background-color: #25252d !important; }
.ant-bg-light { background-color: #f8f9fa !important; }
.venta-primary { background-color: #059669; color: white; } /* Emerald Green */
.venta-primary-text { color: #059669; }
.rounded-lg { border-radius: 0.5rem !important; }
.card-header-venta {
    background-color: #e9ecef;
    border-bottom: 3px solid #059669;
}
.info-label {
    font-weight: 600;
    color: #495057;
    padding-right: 10px;
}
.info-value {
    color: #000;
}
.form-control-sm {
    height: calc(1.5em + .5rem + 2px); /* Adjusted height for better vertical alignment */
}

/* ---------------------------------- */
/* MODERN AESTHETICS (Bootstrap Overrides) */
/* ---------------------------------- */
:root {
    --venta-primary: #059669; /* Emerald Green */
    --venta-dark: #1f2937;
    --venta-accent: #3b82f6; /* Blue for info/sort */
    --venta-danger: #DC3848;
    --venta-warning: #ffc107;
}

/* General Layout */
.ant-bg-dark { background-color: var(--venta-dark) !important; }
.ant-bg-light { background-color: #f8f9fa !important; }
.ant-round { border-radius: 0.75rem !important; }

.strikethrough {
    text-decoration: line-through !important;
}

.notification_box{
    z-index: 10000; position: fixed;top:10px;right:10px;width:20vw;
    height: 50%;
    display: none !important;

}

.canvasjs-chart-credit{
    display: none !important;
}


th{
    padding: .5rem!important;
    font-size: 15px;
    color: #FFFFFF;
    font-weight: bold;
}
td{
    font-size: 12px;
    color: #020204;
    padding: .5rem!important;
    border: 0px none !important;
}



tbody tr{
    cursor: pointer;
}

/*tbody tr:nth-of-type(odd) {*/
/*    background-color: rgba(134, 131, 111, 0.47) !important;*/
/*}*/

tbody tr:hover {
    background-color: rgba(134, 131, 111, 0.47) !important;
}



header{height: 10%; width: 100%;}
article{height: 90%; width: 100%;}

/*!* Chrome, Safari, Edge, Opera *!*/
/*input::-webkit-outer-spin-button,*/
/*input::-webkit-inner-spin-button {*/
/*  -webkit-appearance: none;*/
/*  margin: 0;*/
/*}*/

/*!* Firefox *!*/
/*input[type=number] {*/
/*  -moz-appearance: textfield;*/
/*}*/


.border{border: none !important;}

.key_number_hw
{

    height: 50px !important;
    background: rgb(17, 17, 17);
    color: #fdfdfe;
    font-size: x-large;
    font-weight: bolder;
    cursor: pointer;
    border-radius: 0px !important;

}

.grade_default
{
    background: rgb(2,0,36);
    background: -moz-linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%);
    background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020024",endColorstr="#00d4ff",GradientType=1);
}

.grade_danger
{
    background: rgb(238,174,202);
    background: -moz-linear-gradient(90deg, rgba(238,174,202,1) 0%, rgba(148,187,233,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(238,174,202,1) 0%, rgba(148,187,233,1) 100%);
    background: linear-gradient(90deg, rgba(238,174,202,1) 0%, rgba(148,187,233,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeaeca",endColorstr="#94bbe9",GradientType=1);
}

.h-fit
{
    height: fit-content;
}

.img_bg
{
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
}



main{
    /*position: relative;*/
    /* height: 657px !important;
    width: 1024px !important; */
    height: 100vh !important;
    width: 100% !important;
    overflow: hidden !important;
    /*background: #2a4077;*/
    /*z-index: 9998 !important;*/
}

.ant-round
{
    border-radius: 18px !important;
}

.tool-box
{
    color: inherit;
}

.mach_num_and_exit
{
    width:100%;
    height: 50px;
}

.mach_num{width: 45%; height: 50px; background-color: #B4B5B8; color: #C82333; font-size: 50px; font-weight: bold;}
.logout{width: 45%; height: 50px; background-color: #EB9783; color: #C82333; font-size: 20px; font-weight: bold;}
.logout:hover{background-color: #C82333; color: #C82333;}

.text-ant-lg {
    color: #EB9783;
}

.bg-xr {
    background-color: #B4B5B8;
}

.min_button
{
    width: 100%;
    height: 70px;
    background: #020204;
    cursor: pointer;
    color: #F0F2F8;
    font-size: 20px;
    font-weight: bold;
    box-shadow: 0px 3px 6px #000000;
    border-radius: 10px;
}
.min_button_active
{
    background: rgb(254,115,120);
    background: -moz-linear-gradient(0deg, rgba(254,115,120,1) 0%, rgba(133,29,137,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(254,115,120,1) 0%, rgba(133,29,137,1) 100%);
    background: linear-gradient(0deg, rgba(254,115,120,1) 0%, rgba(133,29,137,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fe7378",endColorstr="#851d89",GradientType=1);
    cursor: pointer;
    color: #F0F2F8;
    font-size: 32px;
    font-weight: bold;
}
.min_button:hover
{
    background: rgb(213,97,101);
    background: -moz-linear-gradient(0deg, rgba(213,97,101,1) 0%, rgba(103,23,106,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(213,97,101,1) 0%, rgba(103,23,106,1) 100%);
    background: linear-gradient(0deg, rgba(213,97,101,1) 0%, rgba(103,23,106,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d56165",endColorstr="#67176a",GradientType=1);
}

.text-elipse
{
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ellipsized-text-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Show only 2 lines */
    line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal; /* Allows wrapping within the container */
    max-height: 3em; /* Adjust based on your font size and line height */
  }
  

.x_border
{
    border: 4px solid #092f09 !important;
    font-size: small;
}

.billing-header{width: 100%;height: 10% !important;}
/*.billing-header{width: 100%;height: 70px;}*/
/*.bill-body{width: 100%;height: 587px;background-color: #18191D;}*/
.bill-body{width: 100%;height: 90% !important;background-color: #18191D;}
.time{color: #537DEB;font-size: 35px;}
.date{color: #05813F;font-size: 15px;font-weight: bold;}
.company_name{font-size: 25px;}
.bill-item-header{width: 100%; height: 8%; background-color: #303136;}
.bill-item-body{width: 100%; height: 92%; overflow: hidden !important}
.cat_button{width: 108px; height: 108px; background-color: #232429; color: #FFFFFF; font-size: 12px; border-radius: 10px;}
.cat_button_active{width: 108px; height: 108px; background-color: #537DEB; color: #FFFFFF; font-size: 12px; border-radius: 10px;}
.cat_button_active:hover{width: 108px; height: 108px; background-color: #537DEB; color: #FFFFFF; font-size: 12px; border-radius: 10px;}
.cat_button:hover{width: 108px; height: 108px; background-color: #4062b6; color: #FFFFFF; font-size: 12px; border-radius: 10px;}
.cat_button_scroll{width: 108px; height: 45px; background-color: #AE87F2; color: #FFFFFF; font-size: 12px;}
.cat_button_scroll:hover{width: 108px; height: 45px; background-color: #775ba8; color: #FFFFFF; font-size: 12px;}
.item_btn{

    height: 85px;
    width: 30% !important;
    cursor: pointer;
}


.item_btn_bg
{
    background: rgb(58,29,137);
    background: -moz-linear-gradient(0deg, rgba(58,29,137,1) 0%, rgba(166,115,254,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(58,29,137,1) 0%, rgba(166,115,254,1) 100%);
    background: linear-gradient(0deg, rgba(58,29,137,1) 0%, rgba(166,115,254,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3a1d89",endColorstr="#a673fe",GradientType=1);
}
.item_btn_bg:hover
 {
    background: rgb(37,19,87);
    background: -moz-linear-gradient(0deg, rgba(37,19,87,1) 0%, rgba(122,84,186,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(37,19,87,1) 0%, rgba(122,84,186,1) 100%);
    background: linear-gradient(0deg, rgba(37,19,87,1) 0%, rgba(122,84,186,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#251357",endColorstr="#7a54ba",GradientType=1);
 }

.item_btn_discount
{
    background: #093028;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #237A57, #093028);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #237A57, #093028); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}
.item_btn_discount:hover
{
    background: #093028;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #237A57, #093028);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #237A57, #093028); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}



.item_scroll{background-color: #4062b6; color: #FFFFFF; font-size: 12px;}
.item_scroll:hover{background-color: #2a4077; color: #FFFFFF; font-size: 12px;}
.cart_display{height: 50%; width: 100%; background-color: #232428; color: #FFFFFF; overflow: auto;}
.cart_message{height: 5%; width: 100% !important;background-color: #303136;}
.border-dotted{border-bottom:1px dotted #dee2e6!important;}
.bill_main_input{height: 54px; width: 75%;background-color: #B4B5B8; color: #303136; font-size: 25px; overflow: hidden !important}
.card_functions{height: 45%; width: 100%; background-color: #303136;}
.bill_func_main_btn{height: 55px; width: 32%; background-color: #020204; color: #FFFFFF; font-size: 25px;text-align: center;font-weight: bold;}
.bill_func_sub_btn{height: 50px; width: 32%; font-size: 15px;text-align: center;font-weight: bold;}

#functionButtons button
{
    margin: 1px !important;
}

#discountMain,.modal-content{
    background-color: #f8f9fa!important
}

.modal-header{
    background-color: #007bff!important
}
.disc_btn{background-color: #303136; color: #FFFFFF; border: 2px solid #FFFFFF; height: 80px; width: 30%;}
.disc_btn:hover{background-color: #212225; color: #FFFFFF; border: 2px solid #FFFFFF; height: 80px; width: 30%;}

.modal-header{padding:1.5rem!important}
.modal-body{padding:3rem!important; max-height: 70vh; overflow: auto;}
.modal_card{width: 100%; background-color: #E3D231;color: #020204;border-radius: 10px;}

.print_25{width: 25px; height: 25px; overflow: hidden;}
.pointer{cursor: pointer;}
.m-btn{height: 44px; width:108px; font-weight: bold;border-radius: 0px !important}
.modal_yes{background-color: #FE7378; color: #020204;}.modal_yes:hover{background-color: #b13c40; color: #020204;}
.modal_no{background-color: #537DEB; color: #FFFFFF;}.modal_no:hover{background-color: #2b58c9; color: #FFFFFF;}
.modal_danger{color: #ffbbbd;}
.btn_traditional{background: #F7FFF7; color: #1b1e21}
.btn_traditional:disabled{background: #bbb09b; color: #1b1e21}
.btn_traditional:hover{background: #bbb09b; color: #1b1e21}

button:hover, button:focus {
    outline: none !important;
    border: 0 !important;
}

button
{

    border: none !important;
    outline:none !important;
    border: 0 !important;
}


.exit_button{ width: 25%; height: 35px;background-color: #c82333; color: #f0f0f7;}
.exit_button:hover{height: 35px; background-color: #7c1721; color: #f0f0f7;}

.cart_item:hover{background-color: #4062b6; cursor: pointer;}
.cart_item:active{background-color: #4062b6 !important; cursor: pointer;}
.cart_item:focus{background-color: #4062b6 !important; cursor: pointer;}
.cart_item.active {background-color: #4062b6 !important; cursor: pointer;}


.master_input{height: 35px;  background-color: #5E75D1;}

.master_button{
    background-color: #ccc;

    color: #000000;
    height: 100px;
    width: 30% !important;
    font-weight: bold;
    box-shadow: 0px 3px 6px #000000;
    border-radius: 10px;
    font-size: 20px;
}
.master_button:hover{
    background-color: #af6757;
    border: 5px solid rgb(0, 0, 0);
    color: #f0f0f0;
    width: 22%;font-weight: bold;}

.master_button_v2{


    height: 100px;
    font-weight: bold;
    box-shadow: 0px 3px 6px #000000;
    border-radius: 0 !important;
    font-size: 20px;
}

.product_container{background-color: #303136 !important;border-radius: 18px !important;}
.product_header{background-color: #B4B5B8;height: 5%;}
.header_icon{
    height: 20px; width: 20px;padding: .2rem!important; margin-right: .5rem!important;
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.header_icon:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5
}

.header_icon.focus, .header_icon:focus {
    box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
}

.product_search_bar{height: 8vh; width: 100%;}
.search_container{height: 45vh; overflow: auto; width: 100%;}

.product_body{height: 95%; overflow: hidden; width: 100%;background-color: #F6F6F6;}
.prod_button{background-color: #FE7378;}

select {
    appearance: none;
    padding-right: .25rem!important;
    padding-left: .25rem!important
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
    appearance: textfield;
}


.text_xx
{
    font-size: xx-large;
}
.text_xxs
{
    font-size: xx-small;
}

.h-80 {height: 80% !important;}  .h-20{height: 20% !important}
.h-30{height: 30% !important}
.w-16{
    width: 16% !important;
}

.w-85{width: 85% !important}.w-15{width: 15% !important}.w-fit{width: fit-content !important}

.text_xs
{
    font-size: x-small;
}

.text_sm{
    font-size: small;
}




.btn:focus,.btn:active,input:focus,input:active,select:focus,select:active {
    outline: none !important;
    box-shadow: none;
}

.abs_1
{
    background-size: cover;
}

.order-card {
    color: #fff;
}

.bg-c-blue {
    background: linear-gradient(45deg,#4099ff,#73b4ff);
}

.bg-c-green {
    background: linear-gradient(45deg,#2ed8b6,#59e0c5);
}

.bg-c-yellow {
    background: linear-gradient(45deg,#FFB64D,#ffcb80);
}

.bg-c-pink {
    background: linear-gradient(45deg,#FF5370,#ff869a);
}

.order-card i {
    font-size: 26px;
}

.f-left {
    float: left;
}

.f-right {
    float: right;
}

.card-block {
    padding: 25px;
}

.ant-bg-black{background-color: #000000 !important; color: #f0f0f7 !important;}
.ant-bg-dark{background-color: #303136; color: #f0f0f7;}
.ant-bg-light{background: #C7C7C7; color: #1b1e21}
.prod_button header{height: 15% !important; overflow: hidden !important; background-color: #B4B5B8;}
.prod_button article{height: 85%; overflow: auto;}
.btn_p_more_nav{
    background-color: #dae0e5; color: #000000; font-weight: bold; font-size: x-small;
    padding: .3rem .3rem !important;
    line-height: 1.5 !important;
    margin-right: .35rem!important;
    width: fit-content;
    height: fit-content;
    cursor: pointer;
}
.btn_p_more_nav:hover{background-color: #d15f63; color: #000000;}
.btn_p_more_nav:focus{
    background-color: #FE7378; color: #000000; outline: none !important; border: 0px !important;
    display: block !important;
    border: none !important;
}
.bg_search{background-color: #B4B5B8; color: #000000; font-weight: bolder;}

.bg_balance
{
    background-color: #d15f63; color: #f1f1f1 !important;
}

.bg_trans_50{
    background: rgba(0, 0, 0, 0.8);
}

.bg-x
{
    background: #E5B9A8 !important;
    color: #1b1e21;
}

.bg_more_table
{
    background: #E5B9A8;
    color: #1b1e21;
    box-shadow:         inset 2px 2px 5px #000000;
}
.prod_inp_container{
    height: 25px;
    overflow: hidden !important;
    margin-bottom: .5rem!important;
    font-size: 15px;
    color: #FFFFFF;
    font-weight: bolder;
}

.prod_inp_container_sm{
    height: 15px;
    overflow: hidden !important;
    margin-bottom: .5rem!important;
    font-size: 10px;
    color: #FFFFFF;
    font-weight: bolder;
}

.inp_text{
    width: 40%;
    overflow: hidden;
}

.grn_nums
{
    width: 100px;
    font-size: 15px !important;
}

input
{
    font-size: 10px;
}



.prod_inp,.prod_inp_view{
    width: 60%;
    background-color: #5E75D1;
    border-radius: 0px !important;
    border: 2px inset #000000;
    height: 100%;
    font-size: xx-small;
    color: #ffffff;
    padding-left: .5rem!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important;
    -ms-flex-line-pack: center!important;
    align-content: center!important
}

.prod_inp_view_half{
    width: 30%;
    background-color: #5E75D1;
    border-radius: 0px !important;
    border: 2px inset #000000;
    height: 100%;
    font-size: xx-small;
    color: #ffffff;
    padding-left: .5rem!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important;
    -ms-flex-line-pack: center!important;
    align-content: center!important
}

.prod_inp_sm,.prod_inp_view_sm{
    width: 60%;
    background-color: #5E75D1;
    border-radius: 0px !important;
    border: 2px inset #000000;
    height: 100%;
    font-size: 8px;
    color: #ffffff;
    padding-left: .5rem!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important;
    -ms-flex-line-pack: center!important;
    align-content: center!important
}

.prod_inp:focus{
    border: 0px !important;
    background-color: #495a9c;
    border: 0px !important;
    outline: none !important;
    color: #f0f0f0;
}
.prod_inp:active{
    border: 0px !important;
    background-color: #495a9c;
    border: 0px !important;
    outline: none !important;
}

.prod_inp:read-only{
    border: 0px !important;
    background-color: #495a9c;
    outline: none !important;
}
.prod_inp_descriptio{width: 40%; height: 100%;color: #000000; font-weight: bolder; font-size: small}

.inside_card_header{
    background-color: #303136;
    box-shadow: 0px 3px 6px #000000;
    border-radius: 10px;
    height: 10% !important;
    overflow: hidden !important;
}
.inside_card_header button
{
    /* height: 25px; width: 25px; */
    margin-right: .5rem !important;
}

.inside_card_body{
    background-color: #303136;
    box-shadow: 0px 3px 6px #000000;
    border-radius: 10px;
    height: 85%;
}

.shadow_inside
{
    -moz-box-shadow:    inset 0 0 10px #000000;
    -webkit-box-shadow: inset 0 0 10px #000000;
    box-shadow:         inset 0 0 10px #000000;
}



/* ROOT */

/* COLORS */





.ant-text-sec{color: #fbdac2 !important;}

/* COLORS */


/* HEIGHTS AND WIDTHS */

  /* H */

  .vh-100{height: 100vh !important;}
  .h-80{height: 80%!important;}.h-85{height: 85% !important}
  .h-10{height: 10%;}.h-15{height: 15% !important}
  .h-90{height: 90% !important;}.h-95{height: 95% !important}
  .h-20{height: 20%;}
  .h-45{height: 45% !important}
  .h-30{height: 30% !important}
  .h-70{height: 70% !important}
  .h-40{height: 40% !important}
  .h-60{height: 60% !important}

  /* WIDTH */
  .w-45{width: 45% !important;}
  .w-fit{width: fit-content;}
  .w-10{width: 10% !important;}
  .w-20{width: 20%;}.w-80{width: 80% !important}
  .w-15{width: 15% !important;}
  .w-60{width: 60% !important}
  .w-65{width: 65% !important}
  .w-30{width: 30% !important}
  .w-90{width: 90% !important}
  .w-95{width: 95% !important}

  .button-25px{width: 20px; height: 20px}




  /* WIDTH */

/* HEIGHTS AND WIDTHS */


/* FONTS */

  .enc{font-size: large !important; color: #333 !important; cursor: pointer;}
  .enc:hover{font-size: xxx-large !important; color: #17a2b8 !important;}
  .f-xxlg{font-size: xxx-large !important;}
  .f-lg{font-size: large;}
  .f-20px{font-size: 20px;}

/* FONTS */


/* SCROLL BAR */
/* width */
::-webkit-scrollbar {
    width: 0px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: red;
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #b30000;
}


.si-wrap { font-family: 'DM Sans', sans-serif; padding: 8px 0; }

.si-logo-row { display: flex; align-items: center; gap: 14px; padding-bottom: 20px; border-bottom: 1px solid #f0f0f0; margin-bottom: 20px; }
.si-logo { width: 48px; height: 48px; background: #0f1117; border-radius: 10px; display: flex; align-items: center; justify-content: center; }

.si-app-name { font-size: 17px; font-weight: 500; color: #111; letter-spacing: -0.2px; }
.si-app-sub  { font-size: 12px; color: #999; margin-top: 1px; font-family: 'DM Mono', monospace; }
.si-badge    { display: inline-block; background: #e6f1fb; color: #0c447c; font-size: 11px; font-weight: 500; padding: 2px 8px; border-radius: 20px; margin-left: 6px; vertical-align: middle; }

.si-section-label { font-size: 10px; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; color: #aaa; margin-bottom: 10px; }

.si-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 20px; }
.si-card       { background: #f7f7f5; border-radius: 8px; padding: 12px 14px; }
.si-card-label { font-size: 11px; color: #aaa; margin-bottom: 4px; }
.si-card-value { font-size: 13px; font-weight: 500; color: #111; font-family: 'DM Mono', monospace; }

.si-row         { display: flex; justify-content: space-between; align-items: center; padding: 9px 0; border-bottom: 1px solid #f0f0f0; }
.si-row:last-child { border-bottom: none; }
.si-row-label   { font-size: 13px; color: #666; }
.si-row-value   { font-size: 13px; color: #111; font-family: 'DM Mono', monospace; }

.si-status { display: inline-flex; align-items: center; gap: 5px; font-size: 12px; font-weight: 500; color: #27500a; background: #eaf3de; border-radius: 20px; padding: 2px 10px; }
.si-dot    { width: 6px; height: 6px; border-radius: 50%; background: #639922; }

.si-footer      { border-top: 1px solid #f0f0f0; padding-top: 14px; display: flex; justify-content: space-between; align-items: center; }
.si-footer-note { font-size: 11px; color: #bbb; }
.si-copy-btn    { font-size: 12px; color: #555; background: none; border: 1px solid #e0e0e0; border-radius: 6px; padding: 4px 12px; cursor: pointer; }
.si-copy-btn:hover { background: #f7f7f5; }

/* ==========================================================================
   MODERN MINIMAL DARK ORDER MANAGEMENT (VO - Venta Orders)
   Dark concept: crisp white text on deep dark/black surfaces
   ========================================================================== */

.vo-container {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: #f8fafc;
    background: transparent;
    padding: 2px;
}



.vo-clean-modal .modal-content {
    border: 1px solid #ffffff !important;
    border-radius: 10px !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.95), 0 0 0 1px #ffffff !important;
    overflow: hidden;
    background: #000000 !important;
    color: #ffffff !important;
}

.vo-clean-modal-head {
    background: #000000 !important;
    border-bottom: 1px solid #ffffff !important;
    padding: 14px 20px !important;
}

.vo-clean-modal-head .modal-title {
    color: #ffffff !important;
    font-size: 1.05rem !important;
    font-weight: 600 !important;
    width: 100%;
}

.vo-clean-modal-head .close {
    color: #ffffff !important;
    text-shadow: none !important;
    opacity: 0.9;
    outline: none !important;
    margin-top: -8px;
    font-size: 1.5rem;
}

.vo-clean-modal-head .close:hover {
    color: #ffffff !important;
    opacity: 1;
}

.vo-clean-modal-footer {
    background: #000000 !important;
    border-top: 1px solid #ffffff !important;
    padding: 12px 20px !important;
}

/* Toolbar & Filters */
.vo-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}

.vo-search-wrap {
    position: relative;
    flex: 1;
    min-width: 200px;
}

.vo-search-icon {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #ffffff;
    font-size: 12px;
    pointer-events: none;
}

.vo-search-input {
    width: 100%;
    height: 36px;
    padding: 6px 12px 6px 32px;
    font-size: 13px;
    color: #ffffff;
    background: #000000;
    border: 1px solid #ffffff;
    border-radius: 6px;
    outline: none;
    transition: all 0.15s ease;
}

.vo-search-input::placeholder {
    color: #888888;
}

.vo-search-input:focus {
    border-color: #ffffff;
    box-shadow: 0 0 0 1px #ffffff;
    background: #0a0a0a;
}

.vo-filter-tabs {
    display: inline-flex;
    background: #000000;
    border: 1px solid #ffffff;
    padding: 2px;
    border-radius: 6px;
    gap: 2px;
}

.vo-tab-btn {
    border: none;
    background: transparent;
    padding: 5px 12px;
    font-size: 12px;
    font-weight: 500;
    color: #cccccc;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.15s ease;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    outline: none !important;
}

.vo-tab-btn:hover {
    color: #ffffff;
    background: #1a1a1a;
}

.vo-tab-btn.active {
    background: #ffffff;
    color: #000000;
    font-weight: 700;
}

.vo-tab-count {
    font-size: 10px;
    padding: 1px 6px;
    border-radius: 10px;
    background: #222222;
    color: #ffffff;
}

.vo-tab-btn.active .vo-tab-count {
    background: #000000;
    color: #ffffff;
}

/* Modern Minimal Dark Tables */
.vo-table-card {
    border: 1px solid #ffffff;
    border-radius: 6px;
    overflow: hidden;
    background: #000000;
}

.vo-table {
    width: 100%;
    margin-bottom: 0;
    border-collapse: collapse;
    font-size: 13px;
    color: #ffffff;
}

.vo-table thead th {
    background: #000000;
    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 10px 14px;
    border-top: none;
    border-bottom: 1px solid #ffffff;
    white-space: nowrap;
}

.vo-table tbody td {
    padding: 11px 14px;
    vertical-align: middle;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    color: #ffffff;
    background: #000000;
}

.vo-order-row {
    cursor: pointer;
    transition: background-color 0.12s ease;
}

.vo-order-row:hover {
    background-color: #141414;
}

.vo-order-row:hover td {
    background-color: #141414;
}

.vo-view-badge {
    background: #000000;
    border: 1px solid #ffffff;
    color: #ffffff;
    border-radius: 4px;
    padding: 2px 8px;
    font-size: 11px;
    display: inline-flex;
    align-items: center;
    transition: all 0.12s ease;
}

.vo-order-row:hover .vo-view-badge {
    color: #000000;
    background: #ffffff;
    border-color: #ffffff;
}

/* Typography Helpers */
.vo-mono {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

.vo-bold {
    font-weight: 700 !important;
    color: #ffffff !important;
}

.vo-ref {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-weight: 700;
    color: #ffffff;
    letter-spacing: -0.3px;
}

.vo-cust-name {
    font-weight: 600;
    color: #ffffff;
}

.vo-subtext {
    font-size: 12px;
    color: #aaaaaa;
}

/* Discrete, Minimal Dark Status Badges */
.vo-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 3px 9px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
}

.vo-badge-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    flex-shrink: 0;
}

.vo-badge-pending {
    background: #000000;
    color: #fbbf24;
    border: 1px solid #fbbf24;
}
.vo-badge-pending .vo-badge-dot {
    background: #fbbf24;
}

.vo-badge-accepted {
    background: #000000;
    color: #34d399;
    border: 1px solid #34d399;
}
.vo-badge-accepted .vo-badge-dot {
    background: #34d399;
}

.vo-badge-completed {
    background: #000000;
    color: #ffffff;
    border: 1px solid #ffffff;
}
.vo-badge-completed .vo-badge-dot {
    background: #ffffff;
}

.vo-badge-rejected {
    background: #000000;
    color: #f87171;
    border: 1px solid #f87171;
}
.vo-badge-rejected .vo-badge-dot {
    background: #ef4444;
}

/* Empty State */
.vo-empty-state {
    padding: 48px 20px;
    text-align: center;
    background: #000000;
}

.vo-empty-icon {
    font-size: 32px;
    color: #666666;
    margin-bottom: 12px;
}

.vo-empty-title {
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 4px;
}

.vo-empty-desc {
    font-size: 12px;
    color: #888888;
}

/* Order Details / Items Screen */
.vo-back-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 600;
    color: #ffffff;
    background: #000000;
    border: 1px solid #ffffff;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.12s ease;
    text-decoration: none !important;
}

.vo-back-btn:hover {
    color: #000000;
    background: #ffffff;
}

.vo-order-title-ref {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-weight: 700;
    color: #ffffff;
    font-size: 1.05rem;
}

.vo-header-card {
    background: #000000;
    border: 1px solid #ffffff;
    border-radius: 6px;
    padding: 14px 16px;
    margin-bottom: 16px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)) auto;
    align-items: center;
    gap: 16px;
}

.vo-header-cell-label {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #aaaaaa;
    margin-bottom: 4px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.vo-header-cell-val {
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
}

.vo-header-cell-sub {
    font-size: 12px;
    color: #888888;
    margin-top: 1px;
}

.vo-header-cell-amount {
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

.vo-kot-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    font-size: 13px;
    font-weight: 600;
    color: #ffffff;
    background: #000000;
    border: 1px solid #ffffff;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.12s ease;
    white-space: nowrap;
}

.vo-kot-btn:hover {
    color: #000000;
    background: #ffffff;
}

/* Items Toolbar */
.vo-items-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    flex-wrap: wrap;
    gap: 8px;
}

.vo-section-heading {
    font-size: 13px;
    font-weight: 700;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.vo-selection-summary {
    font-size: 12px;
    color: #cccccc;
}

.vo-item-row {
    transition: background-color 0.12s ease, opacity 0.15s ease;
}

.vo-item-row:hover td {
    background-color: #111111;
}

.vo-item-row.vo-item-unaccepted {
    opacity: 0.35;
    background-color: #000000 !important;
}

.vo-item-name {
    font-weight: 600;
    color: #ffffff;
    font-size: 13px;
}

.vo-item-barcode {
    font-size: 11px;
    color: #888888;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

.vo-qty-pill {
    display: inline-block;
    padding: 2px 8px;
    background: #000000;
    border: 1px solid #ffffff;
    border-radius: 4px;
    font-weight: 700;
    font-size: 12px;
    color: #ffffff;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

/* Custom Checkbox */
.vo-checkbox {
    width: 16px;
    height: 16px;
    cursor: pointer;
    accent-color: #ffffff;
    vertical-align: middle;
    margin: 0;
}

/* Footer Action Buttons */
.vo-btn-primary {
    background-color: #ffffff !important;
    border: 1px solid #ffffff !important;
    color: #000000 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    padding: 7px 16px !important;
    border-radius: 6px !important;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.vo-btn-primary:hover {
    background-color: #e2e8f0 !important;
    border-color: #e2e8f0 !important;
    color: #000000 !important;
}

.vo-btn-white {
    background-color: #ffffff !important;
    border: 1px solid #ffffff !important;
    color: #000000 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    padding: 5px 12px !important;
    border-radius: 6px !important;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.vo-btn-white:hover {
    background-color: #e2e8f0 !important;
    color: #000000 !important;
}

.vo-btn-dark {
    background-color: #000000 !important;
    border: 1px solid #ffffff !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 7px 16px !important;
    border-radius: 6px !important;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.vo-btn-dark:hover {
    background-color: #ffffff !important;
    color: #000000 !important;
}

.vo-btn-danger-outline {
    background-color: #000000 !important;
    border: 1px solid #ef4444 !important;
    color: #f87171 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 7px 16px !important;
    border-radius: 6px !important;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.vo-btn-danger-outline:hover {
    background-color: #ef4444 !important;
    color: #ffffff !important;
}

.vo-btn-danger-sm {
    background-color: #000000 !important;
    border: 1px solid #ef4444 !important;
    color: #f87171 !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    padding: 3px 8px !important;
    border-radius: 4px !important;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    transition: all 0.12s ease;
}

.vo-btn-danger-sm:hover {
    background-color: #ef4444 !important;
    color: #ffffff !important;
}

.vo-btn-secondary {
    background-color: #000000 !important;
    border: 1px solid #ffffff !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 7px 16px !important;
    border-radius: 6px !important;
}

.vo-btn-secondary:hover {
    background-color: #ffffff !important;
    color: #000000 !important;
}

/* Add Item Collapsible Panel */
.vo-add-panel {
    background: #000000;
    border: 1px solid #ffffff;
    border-radius: 6px;
    padding: 14px 16px;
    margin-bottom: 14px;
    position: relative;
}

.vo-add-panel-title {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #ffffff;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.vo-add-grid {
    display: grid;
    grid-template-columns: 2fr 100px 110px auto;
    gap: 10px;
    align-items: flex-end;
}

@media (max-width: 768px) {
    .vo-add-grid {
        grid-template-columns: 1fr;
    }
}

.vo-field-label {
    font-size: 11px;
    font-weight: 600;
    color: #cccccc;
    margin-bottom: 4px;
    text-transform: uppercase;
}

.vo-input {
    width: 100%;
    height: 34px;
    padding: 4px 10px;
    font-size: 13px;
    color: #ffffff;
    background: #000000;
    border: 1px solid #ffffff;
    border-radius: 4px;
    outline: none;
}

.vo-input:focus {
    border-color: #ffffff;
    box-shadow: 0 0 0 1px #ffffff;
}

.vo-autocomplete-wrap {
    position: relative;
}

.vo-autocomplete-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #000000;
    border: 1px solid #ffffff;
    border-top: none;
    border-radius: 0 0 6px 6px;
    max-height: 220px;
    overflow-y: auto;
    z-index: 1050;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.9);
}

.vo-autocomplete-item {
    padding: 8px 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    cursor: pointer;
    transition: background 0.1s ease;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.vo-autocomplete-item:hover, .vo-autocomplete-item.selected {
    background: #ffffff;
    color: #000000;
}

.vo-autocomplete-item:hover .vo-item-barcode,
.vo-autocomplete-item.selected .vo-item-barcode {
    color: #444444;
}

.vo-autocomplete-item:hover .vo-mono,
.vo-autocomplete-item.selected .vo-mono {
    color: #000000 !important;
}

/* Staged Multiple Items Queue */
.vo-staged-wrap {
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px dashed rgba(255, 255, 255, 0.3);
}

.vo-staged-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #ffffff;
}

.vo-staged-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 10px;
    font-size: 12px;
}

.vo-staged-table th {
    padding: 6px 10px;
    background: #111111;
    color: #888888;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-bottom: 1px solid #333333;
}

.vo-staged-table td {
    padding: 7px 10px;
    border-bottom: 1px solid #222222;
    color: #ffffff;
    vertical-align: middle;
}

.vo-staged-table tbody tr:hover {
    background: #0d0d0d;
}

.vo-staged-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #111111;
    border: 1px solid #333333;
    border-radius: 4px;
    padding: 8px 12px;
    margin-top: 8px;
}

/* Order Payment Modal Styles (Dark Monochrome Theme) */
.vo-payment-container {
    background: #000000;
    color: #ffffff;
    font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.vo-payment-methods {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin-bottom: 16px;
}

.vo-pmt-btn {
    background: #111111;
    border: 1px solid #333333;
    color: #aaaaaa;
    border-radius: 6px;
    padding: 14px 10px;
    text-align: center;
    cursor: pointer;
    transition: all 0.15s ease;
    user-select: none;
    outline: none !important;
}

.vo-pmt-btn:hover {
    background: #1a1a1a;
    border-color: #666666;
    color: #ffffff;
}

.vo-pmt-btn.active {
    background: #000000 !important;
    border: 2px solid #ffffff !important;
    color: #ffffff !important;
    box-shadow: 0 0 12px rgba(255, 255, 255, 0.18);
}

.vo-pmt-icon {
    font-size: 20px;
    display: block;
    margin-bottom: 6px;
}

.vo-pmt-title {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.vo-tender-wrap {
    background: #0a0a0a;
    border: 1px solid #222222;
    border-radius: 6px;
    padding: 14px 16px;
    margin-bottom: 16px;
}

.vo-tender-input {
    background: #000000 !important;
    border: 1px solid #ffffff !important;
    color: #ffffff !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    font-family: monospace !important;
    padding: 8px 12px !important;
    border-radius: 6px !important;
    height: auto !important;
    width: 100%;
}

.vo-tender-input:focus {
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.25) !important;
    border-color: #ffffff !important;
    color: #ffffff !important;
}

.vo-change-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0 0 0;
    margin-top: 8px;
    border-top: 1px solid #1a1a1a;
    font-size: 13px;
}

.vo-change-val {
    font-family: monospace;
    font-weight: 700;
    font-size: 16px;
    color: #10b981;
}

.vo-change-val.negative {
    color: #ef4444;
}

.vo-payment-summary-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 14px;
    font-size: 12px;
}

.vo-payment-summary-table th {
    padding: 6px 8px;
    background: #111111;
    color: #888888;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 1px solid #333333;
}

.vo-payment-summary-table td {
    padding: 6px 8px;
    border-bottom: 1px solid #1a1a1a;
    color: #ffffff;
    vertical-align: middle;
}

/* ==========================================================================
   Customer Registration Modal Redesign
   ========================================================================== */
#newCustomer .modal-dialog {
    max-width: 620px;
    margin: 1.75rem auto;
}

#newCustomer .modal-content {
    background-color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.25) !important;
    color: #212529 !important;
    overflow: hidden;
}

#newCustomer .modal-header {
    background-color: #1f2937 !important;
    color: #ffffff !important;
    border-bottom: 1px solid #374151 !important;
    padding: 14px 20px !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#newCustomer .modal-title {
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px;
    margin: 0;
}

#newCustomer .close {
    color: #9ca3af !important;
    text-shadow: none !important;
    opacity: 0.8 !important;
    font-size: 20px;
    padding: 0;
    margin: 0;
    outline: none !important;
    transition: color 0.15s ease;
}

#newCustomer .close:hover {
    color: #ffffff !important;
    opacity: 1 !important;
}

#newCustomer .modal-body {
    padding: 24px 22px !important;
    background-color: #ffffff !important;
    color: #212529 !important;
    max-height: 75vh;
    overflow-y: auto;
}

#newCustomer .modal-body label,
#newCustomer label {
    display: block;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    color: #374151 !important;
    margin-bottom: 6px !important;
}

#newCustomer .form-control {
    background-color: #f9fafb !important;
    border: 1px solid #d1d5db !important;
    border-radius: 4px !important;
    color: #111827 !important;
    font-size: 13.5px !important;
    height: 38px;
    padding: 6px 12px;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

#newCustomer .form-control:focus {
    background-color: #ffffff !important;
    border-color: #059669 !important;
    box-shadow: 0 0 0 3px rgba(5, 150, 105, 0.15) !important;
    color: #111827 !important;
    outline: none !important;
}

#newCustomer .modal-footer {
    background-color: #f9fafb !important;
    border-top: 1px solid #e5e7eb !important;
    padding: 12px 20px !important;
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

#newCustomer .modal-footer .btn {
    font-weight: 600;
    font-size: 13px;
    padding: 6px 16px;
    border-radius: 4px !important;
    letter-spacing: 0.3px;
}

/* ==========================================================================
   Customer Master Screen - Modern & Premium UI
   ========================================================================== */
.cust-master-card {
    border-radius: 10px !important;
    overflow: hidden;
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
}

.cust-master-header {
    background-color: #ffffff !important;
    border-bottom: 1px solid #e5e7eb !important;
}

.cust-header-icon {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: #eff6ff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

.cust-master-header .btn {
    font-size: 12.5px;
    font-weight: 500;
    padding: 5px 12px;
    border-radius: 6px;
    transition: all 0.15s ease;
}

.cust-master-header .btn-primary {
    background-color: #2563eb !important;
    border-color: #2563eb !important;
    color: #ffffff !important;
}

.cust-master-header .btn-primary:hover {
    background-color: #1d4ed8 !important;
    border-color: #1d4ed8 !important;
}

.cust-master-header .btn-success {
    background-color: #059669 !important;
    border-color: #059669 !important;
    color: #ffffff !important;
}

.cust-master-header .btn-success:hover {
    background-color: #047857 !important;
    border-color: #047857 !important;
}

.cust-info-card {
    background-color: #f9fafb !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 8px !important;
    transition: box-shadow 0.15s ease;
}

.cust-info-card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.cust-info-card input:disabled,
.cust-info-card textarea:disabled {
    background-color: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 4px;
    color: #111827 !important;
    cursor: default;
}

#balance:disabled {
    background-color: transparent !important;
    border: none !important;
}

.cust-ledger-section {
    border: 1px solid #e5e7eb !important;
    border-radius: 8px !important;
}

.cust-ledger-head {
    background-color: #f9fafb !important;
    border-bottom: 1px solid #e5e7eb !important;
}

.cust-ledger-table {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
}

.cust-ledger-table thead th {
    background-color: #f3f4f6 !important;
    color: #4b5563 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 10px 14px !important;
    border-top: none !important;
    border-bottom: 1px solid #e5e7eb !important;
}

.cust-ledger-table tbody tr {
    transition: background-color 0.12s ease;
}

.cust-ledger-table tbody tr:hover {
    background-color: #f9fafb !important;
}

.cust-ledger-table tbody td {
    padding: 9px 14px !important;
    font-size: 13px !important;
    color: #374151 !important;
    border-bottom: 1px solid #f3f4f6 !important;
    vertical-align: middle;
}

.cust-ledger-table tbody td:first-child {
    font-family: monospace;
    font-weight: 600;
    color: #1f2937 !important;
}

.cust-ledger-table tbody td:nth-child(3) {
    font-family: monospace;
    font-weight: 600;
}