.sz-upload-files a:not(:first-child):not(.original-invoice, .merge-icon) {
    display: none;
}

.headline-color {
    background: #c1c1c1;
}

.sz-card-elements > div {
    text-align: center;
}

.btn-green {
    color: #fff;
    box-shadow: none;
    background-color: rgb(18, 157, 54);
    border-color: rgba(18, 157, 54, 0.8);
}

.btn-green:hover {
    color: rgb(18, 157, 54);
    background-color: #fff;
    border-color: rgb(18, 157, 54);
}

.select-all-position {
    padding-right: 2rem !important;
}

.select-all-margin {
    margin-left: 0.9rem;
}

.select-all-checkbox input {
    float: right;
    margin-left: 10px;
    margin-top: 4px;
}

.invoice-stop-button{
    border-radius: 9px;
}

.log-event-stop, .log-event-start{
    border-radius: 7px;
    font-size: 10px;
    padding: 2px;
}

.log-event-stop{
    border: 1px solid #dc3545;
    color: #dc3545;
}

.log-event-start{
    border: 1px solid #28a745;
    color: #28a745;
}

.unique-select2-design .select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 25px !important;
}

.unique-select2-design .select2-container--krajee-bs4 .select2-selection {
    box-shadow: none !important;
    background-color: #efefef !important;
    border: none !important;
}
.col-sm-date-picker {
    flex: 0 0 100%;
    min-width: 100%;
    max-width: 100%;

    @media (min-width: 576px) {
        min-width: 13.6667%;
        max-width: 13.6667%;
        flex: 0 0 16.6777%;
    }
}

.col-sm-text-input {
    flex: 0 0 100%;
    min-width: 100%;
    max-width: 100%;

    @media (min-width: 576px) {
        min-width: 13.6667%;
        max-width: 13.6667%;
        flex: 0 0 16.6777%;
    }

}

.file-viewer-page-btn.disabled {
    color: grey;
    pointer-events: none;
}

.file-viewer-panel-container {
    height: 75vh;
}
.invoice-files-panel-container.has-file, .file-viewer-panel-container {
    background-color: rgb(82, 86, 89);
}

.invoice-files-panel-container, .file-viewer-panel-container {
    overflow-x: auto;
}

/*[class^="invoice-label-"] {*/
/*    font-size: 11px;*/
/*    font-weight: 500;*/
/*    padding: .1em .3em .15em;*/
/*    border-radius: .25em;*/
/*    cursor: default;*/
/*    margin-top: 0.2em;*/
/*}*/

div[class^="invoice-label-"] {
    border-left: 3px solid #ddd;
    padding-left: 0.2rem;
}

div[class^="invoice-label-"][href] {
    cursor: pointer;
}

.label-remove-btn {
    position: absolute;
    right: 10px;
    top: 0;
    opacity: 1;
}

.sz-part-transaction {
    color: #FF8C00;
}

.sz-auto-transaction {
    color: #044152;
    font-weight: 700 !important;
}

.select2-container--open {
    z-index: 1101;
}

.sz-validation {
    border-radius: 9px;
}

.sz-auto-icon {
    padding: 0.15rem !important;
    border: 2px solid #044152;
    border-radius: 1rem;
}

/* Mobile responsive table styles */
@media (max-width: 768px) {
    .invoice-file-index .kv-grid-table thead tr {
        display: none;
    }

    .invoice-file-index .kv-grid-table tbody {
        display: block;
    }

    .invoice-file-index .kv-grid-table tbody tr {
        display: block;
        margin-bottom: 15px;
        border: 1px solid #dee2e6;
        border-radius: 8px;
        background-color: #fff;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    }

    .invoice-file-index .kv-grid-table tbody td {
        display: block;
        text-align: left !important;
        padding: 12px 15px !important;
        border: none !important;
        border-bottom: 1px solid #f1f3f4 !important;
        position: relative;
        padding-left: 45% !important;
        min-height: 48px;
    }

    .invoice-file-index .kv-grid-table tbody td:last-child {
        border-bottom: none !important;
    }

    .invoice-file-index .kv-grid-table tbody td::before {
        content: attr(data-label);
        position: absolute;
        left: 15px;
        top: 12px;
        font-weight: 600;
        color: #495057;
        white-space: nowrap;
        width: 40%;
    }

    /* Action buttons mobile styling */
    .invoice-file-index .kv-grid-table .btn {
        margin: 2px;
        padding: 8px 12px;
    }
}

/* Invoice Items Table Styles - Compact & Modern */
.invoice-items-table {
    font-size: 0.8rem;
    margin-bottom: 0;
}

.invoice-items-table thead th {
    background-color: #f1f3f5;
    color: #495057;
    font-weight: 600;
    font-size: 0.75rem;
    padding: 0.4rem 0.5rem;
    vertical-align: middle;
    border-bottom: 2px solid #dee2e6;
    white-space: nowrap;
}

.invoice-items-table tbody tr {
    transition: background-color 0.15s ease;
}

.invoice-items-table tbody tr:hover {
    background-color: #f8f9fa;
}

.invoice-items-table tbody td {
    padding: 0.4rem 0.5rem;
    vertical-align: top;
    font-size: 0.8rem;
    line-height: 1.4;
}

/* Item name styling */
.item-name {
    font-weight: 500;
    color: #212529;
    font-size: 0.8rem;
    line-height: 1.3;
}

/* Product link styling */
.product-link {
    display: inline-block;
    text-decoration: none;
    font-size: 0.7rem;
    padding: 0.15rem 0.4rem;
    border-radius: 0.25rem;
    transition: all 0.15s ease;
    line-height: 1.4;
}

.product-link i {
    font-size: 0.7rem;
    margin-right: 0.2rem;
}

/* Vehicle product - blue */
.product-vehicle {
    background-color: #d0e7ff;
    color: #0056b3;
    border: 1px solid #99ccff;
}

.product-vehicle:hover {
    background-color: #99ccff;
    color: #003d82;
    text-decoration: none;
}

/* Regular product - green */
.product-item {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #a3d9b1;
}

.product-item:hover {
    background-color: #a3d9b1;
    color: #0c3d18;
    text-decoration: none;
}

/* Work number badge */
.work-number-badge {
    font-size: 0.7rem;
    padding: 0.1rem 0.3rem;
    border-radius: 0.2rem;
    background-color: #e9ecef;
    color: #495057;
    cursor: pointer;
}

/* Mobile product row - spans across all columns */
.product-row td {
    background-color: #f8f9fa;
    border-top: none !important;
}

.product-row .product-link {
    width: 100%;
    text-align: left;
}

/* Numeric values */
.fw-medium {
    font-weight: 500;
}

.text-nowrap {
    white-space: nowrap;
}

/* Responsive adjustments */
@media (max-width: 992px) {
    .invoice-items-table {
        font-size: 0.75rem;
    }

    .invoice-items-table thead th {
        font-size: 0.7rem;
        padding: 0.3rem 0.4rem;
    }

    .invoice-items-table tbody td {
        padding: 0.3rem 0.4rem;
        font-size: 0.75rem;
    }

    .item-name {
        font-size: 0.75rem;
    }

    .product-link {
        font-size: 0.65rem;
        padding: 0.1rem 0.3rem;
    }
}

@media (max-width: 768px) {
    .invoice-items-table {
        font-size: 0.7rem;
    }

    .invoice-items-table thead th {
        font-size: 0.65rem;
        padding: 0.25rem 0.3rem;
    }

    .invoice-items-table tbody td {
        padding: 0.25rem 0.3rem;
        font-size: 0.7rem;
    }
}