/* Compact POS CSS */
.items_table {
    margin-bottom: 0 !important;
}

.items_table thead th {
    padding: 8px 6px !important;
    font-size: 13px !important;
    font-weight: bold;
    background-color: #f5f5f5;
}

.items_table tbody td {
    padding: 8px 4px !important;
    font-size: 14px !important;
    vertical-align: middle;
    line-height: 1.4;
}

.items_table .input-group {
    margin-bottom: 0;
}

.items_table .form-control {
    padding: 4px 6px !important;
    height: 32px !important;
    font-size: 13px !important;
}

.items_table .input-group-btn .btn {
    padding: 4px 8px !important;
    height: 32px !important;
    line-height: 1.2;
}

.items_table .min_width {
    min-width: 60px !important;
}

/* Increase cart table height for better readability */
.items_table_container {
    height: 400px !important;
    overflow-y: auto;
    border: 1px solid #337ab7;
}

/* Compact footer buttons */
.box-footer .btn {
    padding: 8px 12px !important;
    font-size: 13px !important;
}

/* Sales type select styling */
#sales_type_id {
    font-weight: bold;
    color: #337ab7;
    height: 32px !important;
}

/* Make sales type dropdown compact */
.select2-container .select2-selection--single {
    height: 32px !important;
    padding: 2px 6px !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 28px !important;
    font-weight: bold;
    color: #337ab7;
    font-size: 13px;
}

.select2-container .select2-selection--single .select2-selection__arrow {
    height: 30px !important;
}

/* Invoice fields readonly styling */
#init_code, #count_id {
    background-color: #f9f9f9;
    font-weight: bold;
    color: #333;
    height: 32px !important;
    font-size: 13px !important;
}

/* Compact form groups */
.form-group {
    margin-bottom: 8px !important;
}

/* Compact input groups */
.input-group {
    margin-bottom: 5px;
}

/* Compact row spacing */
.pos-top-row {
    margin-bottom: 4px !important;
}

.pos-customer-row {
    margin-bottom: 4px !important;
}

/* Ensure consistent input group addon heights */
.input-group-addon {
    padding: 4px 6px !important;
    font-size: 12px !important;
    line-height: 1.42857143;
    height: 32px !important;
}

/* Compact the entire form */
.box-body {
    padding: 6px !important;
}

/* Additional compact styling for better space utilization */
.box-footer {
    padding: 8px !important;
}

/* Reduce spacing around form groups */
.row {
    margin-bottom: 2px !important;
}

/* Make SMS checkbox section more compact */
.checkbox {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
}

/* Make all form controls in top section compact */
.compact-section .form-control {
    height: 32px !important;
    font-size: 13px !important;
    padding: 4px 6px !important;
}

.compact-section .select2-container .select2-selection--single {
    height: 32px !important;
}

.compact-section .select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 28px !important;
    font-size: 13px !important;
}

/* Better spacing for customer info */
.customer_points, .customer_previous_due {
    font-size: 12px !important;
    margin: 2px 0 !important;
}

/* Reduce cart table height so buttons are visible without scrolling */
.items_table_container {
    height: 280px !important;
    overflow-y: auto;
    border: 2px solid #337ab7;
}

/* Cart table header styling */
.items_table thead {
    background-color: #337ab7 !important;
    color: white !important;
}

.items_table thead th {
    color: white !important;
    font-weight: bold;
    text-align: center;
    background-color: #337ab7 !important;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}

/* Better contrast for table borders */
.items_table {
    border: 2px solid #337ab7;
}

.items_table td, .items_table th {
    border: 1px solid #ddd;
}
