body {
    overflow-x: hidden;
}

.avatar-custom {
    width: 40px; 
    height: 40px; 
    background: var(--bs-primary); 
    color: #fff; 
    font-weight: 600; 
    font-size: 18px;
}

.profile .avatar-custom {
    width: 60px; 
    height: 60px; 
}

.toast {
    --bs-toast-bg: rgb(47 51 73);
}

.toast-container {
    z-index: 9999;
}

.table-responsive select {
    width: max-content !important;
    min-width: 100% !important;
}

.nav-align-top .nav-tabs .nav-link:not(.active):hover {
    border-block-end: none !important;
}

.work-hours-wrapper {
    position: relative; 
    overflow: visible;
}

.swal2-popup {
    background: #2f3349 !important;
    color: #fff !important;
}

.swal2-title,
.swal2-html-container {
    color: #fff !important;
}

.swal2-confirm {
    background-color: #d33 !important;
}

.swal2-cancel {
    background-color: #555 !important;
    color: #fff !important;
}

input[disabled],
input:disabled {
    cursor: not-allowed !important;
}

/* Daily Management: keep disabled values readable (viewer mode disables most fields) */
.daily-management-card .form-control:disabled,
.daily-management-card .form-select:disabled,
.daily-management-card input:disabled,
.daily-management-card textarea:disabled,
.daily-management-card select:disabled {
    color: #000 !important;
    -webkit-text-fill-color: #000 !important; /* Chrome/Safari for disabled inputs */
    opacity: 1 !important;
}

/* Dark theme: ONLY dark rows should have light disabled text */
[data-bs-theme="dark"] .daily-management-card .box-table-row input:disabled,
[data-bs-theme="dark"] .daily-management-card .box-table-row textarea:disabled,
[data-bs-theme="dark"] .daily-management-card .box-table-row select:disabled {
    color: #e6e6e6 !important;
    -webkit-text-fill-color: #e6e6e6 !important;
}

/* Also remove "dark input" fill so black text stays visible on colored rows */
.daily-management-card .box-table-row input:disabled,
.daily-management-card .box-table-row textarea:disabled,
.daily-management-card .box-table-row select:disabled {
    background-color: transparent !important;
}

.daily-management-card .select2-container--disabled .select2-selection__rendered {
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
    opacity: 1 !important;
}

[data-bs-theme="dark"] .daily-management-card .box-table-row .select2-container--disabled .select2-selection__rendered {
    color: #e6e6e6 !important;
    -webkit-text-fill-color: #e6e6e6 !important;
    background: none !important;
    background-color: transparent !important;
}

.daily-management-card .select2-container--disabled .select2-selection--single,
.daily-management-card .select2-container--disabled .select2-selection--multiple {
    background-color: transparent !important;
}

/* Dark theme: light-background status rows should keep black text even when disabled */
[data-bs-theme="dark"] .daily-management-card .daily-status--waiting input:disabled,
[data-bs-theme="dark"] .daily-management-card .daily-status--waiting textarea:disabled,
[data-bs-theme="dark"] .daily-management-card .daily-status--waiting select:disabled,
[data-bs-theme="dark"] .daily-management-card .daily-status--car_in_box input:disabled,
[data-bs-theme="dark"] .daily-management-card .daily-status--car_in_box textarea:disabled,
[data-bs-theme="dark"] .daily-management-card .daily-status--car_in_box select:disabled,
[data-bs-theme="dark"] .daily-management-card .daily-status--client_has_paid input:disabled,
[data-bs-theme="dark"] .daily-management-card .daily-status--client_has_paid textarea:disabled,
[data-bs-theme="dark"] .daily-management-card .daily-status--client_has_paid select:disabled,
[data-bs-theme="dark"] .daily-management-card .daily-status--service_completed input:disabled,
[data-bs-theme="dark"] .daily-management-card .daily-status--service_completed textarea:disabled,
[data-bs-theme="dark"] .daily-management-card .daily-status--service_completed select:disabled,
[data-bs-theme="dark"] .daily-management-card .daily-status--contacted input:disabled,
[data-bs-theme="dark"] .daily-management-card .daily-status--contacted textarea:disabled,
[data-bs-theme="dark"] .daily-management-card .daily-status--contacted select:disabled,
[data-bs-theme="dark"] .daily-management-card .daily-status--client_not_arrived input:disabled,
[data-bs-theme="dark"] .daily-management-card .daily-status--client_not_arrived textarea:disabled,
[data-bs-theme="dark"] .daily-management-card .daily-status--client_not_arrived select:disabled {
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
}

[data-bs-theme="dark"] .daily-management-card .daily-status--waiting .select2-container--disabled .select2-selection__rendered,
[data-bs-theme="dark"] .daily-management-card .daily-status--car_in_box .select2-container--disabled .select2-selection__rendered,
[data-bs-theme="dark"] .daily-management-card .daily-status--client_has_paid .select2-container--disabled .select2-selection__rendered,
[data-bs-theme="dark"] .daily-management-card .daily-status--service_completed .select2-container--disabled .select2-selection__rendered,
[data-bs-theme="dark"] .daily-management-card .daily-status--contacted .select2-container--disabled .select2-selection__rendered,
[data-bs-theme="dark"] .daily-management-card .daily-status--client_not_arrived .select2-container--disabled .select2-selection__rendered {
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
}

.loader-overlay {
    position: fixed;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--bs-body-bg);
    z-index: 9999;
    transition: opacity .2s ease;
}

:root:not([data-bs-theme="dark"]) .loader-overlay {
    background: #ffffff;
}

[data-bs-theme="dark"] .loader-overlay {
    background: #0d0d0d;
}

[data-bs-theme="light"] .prev-days-card {
    color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
}

.online-box-bg {
    background: #79cd1521;
}

.tire-buyer-box-bg {
    background: #ff990026;
}

.prev-days-wrapper::-webkit-scrollbar {
    height: 6px;
}

.date-scroll {
    white-space: nowrap;
}

.prev-days-card {
    min-width: 150px;
}

.daily-date-picker {
    width: 150px !important;
}

.waves-button, .waves-button:hover, .waves-button:visited, .waves-button-input {
    padding: 6px !important;
}

.btn:not(.dropdown-toggle):not([class*=btn-text-]) {
    transform: none !important;
}

.mmk-logo {
    width: 90%;
}

.layout-menu-collapsed .mmk-logo {
    width: 40px;
}

.layout-menu-hover .mmk-logo {
    width: 90%;
}

.select2-container[class*="daily-status--"] .select2-selection {
    border: 1px solid #ffffffd1 !important;
}

.select2-container[class*="daily-status--"] .select2-selection__rendered {
    font-weight: 600;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    margin-right: 5px;
}

.daily-footer-toggle {
    position: absolute;
    top: 50%;
    left: 5px;
    transform: translateY(-50%);
}

.daily-footer-toggle .menu-toggle-icon {
    block-size: 1.25rem;
    content: "";
    inline-size: 1.25rem;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M11 12a1 1 0 1 0 2 0a1 1 0 1 0-2 0'/%3E%3Cpath d='M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0'/%3E%3C/g%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
}

.prev-days-card {
    transition: height 0.3s ease;
}

.prev-days-card.collapsed .date-scroll {
    display: none !important;
}

.prev-days-card.collapsed .card-body {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.prev-days-card.collapsed {
    height: 29px;
    overflow: hidden;
}

.box-table-row.no-appointment .appoint-management i {
    color: #bbb;
}

.box-table-row.no-appointment:hover .appoint-management i {
    cursor: pointer;
}

.box-table-row.has-appointment .appoint-management i {
    cursor: pointer;
}

.row-locked {
    opacity: 0.6;
    pointer-events: none;
}

/* Out-of-order lock: all cells, inputs and selects go black */
tr.row-oo-locked td {
    background-color: #1a1a1a !important;
}

tr.row-oo-locked input,
tr.row-oo-locked textarea,
tr.row-oo-locked input:disabled,
tr.row-oo-locked textarea:disabled {
    background-color: #1a1a1a !important;
    color: #555 !important;
    -webkit-text-fill-color: #555 !important;
    pointer-events: none;
    opacity: 1 !important;
    border-color: #333 !important;
}

tr.row-oo-locked select:disabled,
tr.row-oo-locked select {
    background-color: #1a1a1a !important;
    color: #555 !important;
    -webkit-text-fill-color: #555 !important;
    opacity: 1 !important;
    border-color: #333 !important;
}

/* Keep the status select itself clickable */
tr.row-oo-locked .daily-status,
tr.row-oo-locked .daily-status + .select2 .select2-selection,
tr.row-oo-locked .daily-status + .select2 .select2-selection__rendered,
tr.row-oo-locked .daily-status + .select2 .select2-selection__arrow {
    pointer-events: auto;
    cursor: pointer;
}

.statistic-modal-btn.collapsed {
    display: none;
}

.layout-menu-hover .statistic-modal-btn.collapsed {
    display: none !important;
}

.layout-menu-collapsed .statistic-modal-btn.collapsed {
    display: block;
}

.layout-menu-collapsed .statistic-modal-btn {
    display: none;
}

.layout-menu-hover .statistic-modal-btn {
    display: block;
}

.layout-menu-collapsed .menu-inner--sidebar.align-items-center {
    align-items: unset !important;
}

.layout-menu-hover .menu-inner--sidebar.align-items-center {
    align-items: center !important;
}

.input-keys.keys--client_left_keys, .input-keys.keys--client_left_keys + .select2 .select2-selection {
    background: #ff0000;
}

.input-keys.keys--rims, .input-keys.keys--rims + .select2 .select2-selection  {
    background: #0000ff;
}

.tire-status.tire-status--all_bought, .tire-status.tire-status--all_bought + .select2 .select2-selection {
    background: #28a745;
}

.tire-status.tire-status--searching, .tire-status.tire-status--searching + .select2 .select2-selection  {
    background: #ffeb3b;
}

.tire-status.tire-status--no_tires, .tire-status.tire-status--no_tires + .select2 .select2-selection  {
    background: #dc3545;
}

/* Native <select> (before Select2 initializes) should stay readable */
.tire-status {
    color: #000;
}

/* Ensure Select2 text is readable on colored tire-status backgrounds */
.tire-status + .select2 .select2-selection__rendered,
.tire-status + .select2 .select2-selection,
.tire-status + .select2 .select2-selection__placeholder {
    color: #000 !important;
}

.daily-status.daily-status--free, .daily-status.daily-status--free + .select2 .select2-selection, .daily-status.daily-status--free + .select2 .select2-selection__rendered {
    background: #28a745;
    color: #000;
}

.daily-status--waiting, .daily-status--waiting + .select2 .select2-selection {
    background: #ea9999;
}

.daily-status--car_in_box, .daily-status--car_in_box + .select2 .select2-selection {
    background: #ffe599;
}

.daily-status--client_has_paid, .daily-status--client_has_paid + .select2 .select2-selection {
    background: #a4c2f4;
}

.daily-status--service_completed, .daily-status--service_completed + .select2 .select2-selection {
    background: #9df56b;
}

.daily-status--contacted, .daily-status--contacted + .select2 .select2-selection {
    background: #ff6d01;
}

.daily-status--out_of_order, .daily-status--out_of_order + .select2 .select2-selection {
    background: #2c2a2a;
}

.daily-status--client_not_arrived, .daily-status--client_not_arrived + .select2 .select2-selection {
    background: #efefef;
}

.daily-management-card .table thead tr th {
    border-right: 2px solid #605f5e;
    text-align: center;
    padding: 1rem 10px;
}

.daily-management-card .table tbody tr td {
    text-align: center;
}

.daily-management-card .table > :not(caption) > * > * {
    padding: 0.782rem 4px;
}

.daily-management-card textarea.form-control {
    padding: 5px 0;
    text-align: center;
}

.daily-management-card .input-tires-rims {
    padding: 5px 6px;
    text-align: left;
}

.input-service-native + .select2 .select2-search__field {
    text-transform: uppercase;
}

/* Mobile: Select2 is skipped so the native <select multiple> shows through.
   Android Chrome (and Samsung Internet) renders an empty multi-select as
   "0 items" — hide that placeholder using multiple layered techniques so
   it works across Chrome / Blink / WebKit variants. The marker class is
   toggled by applyPakColors() whenever the selection changes. */
@media (max-width: 991px) {
    select.input-service-native.pak-empty {
        color: transparent !important;
        -webkit-text-fill-color: transparent !important;
        text-shadow: none !important;
    }
    /* The Select2-skipped native select still uses .form-control sizing;
       make sure the tap target stays large enough even with transparent text. */
    select.input-service-native {
        min-height: 38px;
    }
}

.row-manager {
    max-width: 10ch;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.daily-management-card select {
    text-align: center;
}

[data-bs-theme="dark"] .daily-status--waiting td, [data-bs-theme="dark"] .daily-status--waiting select, [data-bs-theme="dark"] .daily-status--waiting input, 
[data-bs-theme="dark"] .daily-status--waiting textarea, [data-bs-theme="dark"] .daily-status--waiting .select2 .select2-selection__rendered,

[data-bs-theme="dark"] .daily-status--car_in_box td, [data-bs-theme="dark"] .daily-status--car_in_box select, [data-bs-theme="dark"] .daily-status--car_in_box input,
[data-bs-theme="dark"] .daily-status--car_in_box textarea, [data-bs-theme="dark"] .daily-status--car_in_box .select2 .select2-selection__rendered,

[data-bs-theme="dark"] .daily-status--client_has_paid td, [data-bs-theme="dark"] .daily-status--client_has_paid select, [data-bs-theme="dark"] .daily-status--client_has_paid input, 
[data-bs-theme="dark"] .daily-status--client_has_paid textarea, [data-bs-theme="dark"] .daily-status--client_has_paid .select2 .select2-selection__rendered,

[data-bs-theme="dark"] .daily-status--service_completed td, [data-bs-theme="dark"] .daily-status--service_completed select, [data-bs-theme="dark"] .daily-status--service_completed input,
[data-bs-theme="dark"] .daily-status--service_completed textarea, [data-bs-theme="dark"] .daily-status--service_completed .select2 .select2-selection__rendered,

[data-bs-theme="dark"] .daily-status--contacted td, [data-bs-theme="dark"] .daily-status--contacted select, [data-bs-theme="dark"] .daily-status--contacted input,
[data-bs-theme="dark"] .daily-status--contacted textarea, [data-bs-theme="dark"] .daily-status--contacted .select2 .select2-selection__rendered,

[data-bs-theme="dark"] .daily-status--client_not_arrived td, [data-bs-theme="dark"] .daily-status--client_not_arrived select, [data-bs-theme="dark"] .daily-status--client_not_arrived input,
[data-bs-theme="dark"] .daily-status--client_not_arrived textarea, [data-bs-theme="dark"] .daily-status--client_not_arrived .select2 .select2-selection__rendered {
    color: #000 !important;
}

/* Keep custom/manual service values readable on status-colored rows. */
.daily-status--waiting .input-service-native:not([class*="pak--"]) + .select2 .select2-selection__rendered,
.daily-status--car_in_box .input-service-native:not([class*="pak--"]) + .select2 .select2-selection__rendered,
.daily-status--client_has_paid .input-service-native:not([class*="pak--"]) + .select2 .select2-selection__rendered,
.daily-status--service_completed .input-service-native:not([class*="pak--"]) + .select2 .select2-selection__rendered,
.daily-status--contacted .input-service-native:not([class*="pak--"]) + .select2 .select2-selection__rendered,
.daily-status--out_of_order .input-service-native:not([class*="pak--"]) + .select2 .select2-selection__rendered,
.daily-status--client_not_arrived .input-service-native:not([class*="pak--"]) + .select2 .select2-selection__rendered {
    color: #000 !important;
}

.input-service-native.pak--glab + .select2 .select2-selection--multiple {
    background: #c27ba0 !important;
}

.input-service-native.pak--bp + .select2 .select2-selection--multiple {
    background:#ea9999 !important;
}

.input-service-native.pak--balancing + .select2 .select2-selection--multiple {
    background:#ff00ff !important;
}

.input-service-native.pak--rr + .select2 .select2-selection--multiple {
    background:#fbbc04 !important;
}

.input-service-native.pak--ac + .select2 .select2-selection--multiple {
    background:#ffff00 !important;
}

.input-service-native.pak--valce + .select2 .select2-selection--multiple {
    background:#46bdc6 !important;
}

.input-service[class*="pak--"] + .select2 .select2-selection__choice {
    color:#000;
}

.time-change-row td {
    border-top: 14px solid #b9b8b8;
}

.custom-option-basic.checked {
    background: #79cd15;
}

.custom-option-basic.checked .h6 {
    color: #000;
}

.layout-menu-toggle.collapsed {
    display: block;
}

.layout-menu-collapsed .layout-menu-toggle {
    display: none;
}

.layout-menu-toggle.collapsed {
    display: none;
}

.layout-menu-collapsed .layout-menu-toggle.collapsed {
    display: block;
}

#time-slots-container {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

#time-slots-container button {
    flex: 0 0 80px;
    height: 40px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

#time-slots-container button.active {
    background-color: #79cd15;
    color: #fff;
    border-color: #79cd15;
}

#tire_change-free-together, #tire_change-paid {
    font-weight: 600;
}

.daily-management-card textarea {
    resize: none;
}

.input-additional {
    min-height: unset;
    overflow: hidden;
    line-height: 1.4;
}

.custom-option-basic.checked .custom-option-body {
    color: #010101 !important;
}

.form-check-input:checked {
    border-color: #ffffff;
}

.layout-menu-collapsed .menu-item.open .menu-sub {
    display: block !important;
}

.menu .menu-sub > .menu-item.menu-item--branches > .menu-link::before {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M3 21h9'/%3E%3Cpath d='M9 8h1'/%3E%3Cpath d='M9 12h1'/%3E%3Cpath d='M9 16h1'/%3E%3Cpath d='M14 8h1'/%3E%3Cpath d='M14 12h1'/%3E%3Cpath d='M5 21v-16c0 -.53 .211 -1.039 .586 -1.414c.375 -.375 .884 -.586 1.414 -.586h10c.53 0 1.039 .211 1.414 .586c.375 .375 .586 .884 .586 1.414v7'/%3E%3Cpath d='M16 18c0 .53 .211 1.039 .586 1.414c.375 .375 .884 .586 1.414 .586c.53 0 1.039 -.211 1.414 -.586c.375 -.375 .586 -.884 .586 -1.414c0 -.53 -.211 -1.039 -.586 -1.414c-.375 -.375 -.884 -.586 -1.414 -.586c-.53 0 -1.039 .211 -1.414 .586c-.375 .375 -.586 .884 -.586 1.414'/%3E%3Cpath d='M18 14.5v1.5'/%3E%3Cpath d='M18 20v1.5'/%3E%3Cpath d='M21.032 16.25l-1.299 .75'/%3E%3Cpath d='M16.27 19l-1.3 .75'/%3E%3Cpath d='M14.97 16.25l1.3 .75'/%3E%3Cpath d='M19.733 19l1.3 .75'/%3E%3C/svg%3E");
}

.menu .menu-sub > .menu-item.menu-item--boxes > .menu-link::before {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M7 16.5l-5 -3l5 -3l5 3v5.5l-5 3l0 -5.5'/%3E%3Cpath d='M2 13.5v5.5l5 3'/%3E%3Cpath d='M7 16.545l5 -3.03'/%3E%3Cpath d='M17 16.5l-5 -3l5 -3l5 3v5.5l-5 3l0 -5.5'/%3E%3Cpath d='M12 19l5 3'/%3E%3Cpath d='M17 16.5l5 -3'/%3E%3Cpath d='M12 13.5v-5.5l-5 -3l5 -3l5 3v5.5'/%3E%3Cpath d='M7 5.03v5.455'/%3E%3Cpath d='M12 8l5 -3'/%3E%3C/svg%3E");
}

.menu .menu-sub > .menu-item.menu-item--users > .menu-link::before {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M5 7a4 4 0 1 0 8 0a4 4 0 1 0 -8 0'/%3E%3Cpath d='M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3Cpath d='M21 21v-2a4 4 0 0 0 -3 -3.85'/%3E%3C/svg%3E");
}

.menu .menu-sub > .menu-item.menu-item--permissions > .menu-link::before {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M15 21h-9a3 3 0 0 1 -3 -3v-1h10v2a2 2 0 0 0 4 0v-14a2 2 0 1 1 2 2h-2m2 -4h-11a3 3 0 0 0 -3 3v11'/%3E%3Cpath d='M9 7l4 0'/%3E%3Cpath d='M9 11l4 0'/%3E%3C/svg%3E");
}

.menu .menu-sub > .menu-item.menu-item--services > .menu-link::before {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M10.5 20h-5.5a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v5.5'/%3E%3Cpath d='M9 17h1'/%3E%3Cpath d='M17.8 20.817l-2.172 1.138a.392 .392 0 0 1 -.568 -.41l.415 -2.411l-1.757 -1.707a.389 .389 0 0 1 .217 -.665l2.428 -.352l1.086 -2.193a.392 .392 0 0 1 .702 0l1.086 2.193l2.428 .352a.39 .39 0 0 1 .217 .665l-1.757 1.707l.414 2.41a.39 .39 0 0 1 -.567 .411l-2.172 -1.138'/%3E%3C/svg%3E");
}

.menu .menu-sub > .menu-item.menu-item--cancelled > .menu-link::before {
    content: "A";
    mask-image: none;
    background-color: #cfcde400 !important;
}

.menu .menu-sub > .menu-item.menu-item--history > .menu-link::before {
    content: "V";
    mask-image: none;
    background-color: #cfcde400 !important;
}


.select2-container--default .select2-results__options {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.select2-container--default .select2-results__options::-webkit-scrollbar {
    width: 0;
    height: 0;
}

[id$="-free"] {
    background-color: #28a745;
    color: #000 !important;
}

[id$="-scheduled"] {
    background-color: #64b5f6;
    color: #000 !important;
}

[id$="-waiting"] {
    background-color: #ea9999;
    color: #000 !important;
}

[id$="-car_in_box"] {
    background-color: #ffe599;
    color: #000 !important;
}

[id$="-client_has_paid"] {
    background-color: #a4c2f4;
    color: #000 !important;
}

[id$="-service_completed"] {
    background-color: #9df56b;
    color: #000 !important;
}

[id$="-contacted"] {
    background-color: #ff6d01;
    color: #000 !important;
}

[id$="-out_of_order"] {
    background-color: #2c2a2a;
    color: #fff !important;
}

[id$="-client_not_arrived"] {
    background-color: #efefef;
    color: #000 !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    color: #fff !important;
}

.btn-flags.flags_vip_marcis {
    background: #00ff00;
}

.btn-flags.flags_vip_zigis {
    background: #ffff00;
}

.btn-flags.flags_problem {
    background: #ff0000;
}

.btn-flags.flags_other {
    background: #9900ff;
}

.input-service + .select2 .select2-selection__choice__remove {
    display: none;
}

.input-service + .select2 .select2-selection__choice {
    background: none !important;
    border: none !important;
    padding: 2px 4px;
    margin: 5px 0px;
    color: inherit !important;
}

.row-manager.is-online {
    background: #16a34a;
    color: #000;
}

.input-service + .select2-container .select2-selection--multiple {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.input-service + .select2-container .select2-selection__rendered {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.input-service-native + .select2 .select2-selection--multiple {
    min-height: 38px !important;
}

/* Service select text defaults to white on dark/neutral backgrounds. */
.input-service-native + .select2 .select2-selection__rendered,
.input-service-native + .select2 .select2-selection__choice {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

/* Bright pak backgrounds: switch tags text to black for contrast. */
.input-service-native.pak--glab + .select2 .select2-selection__rendered,
.input-service-native.pak--glab + .select2 .select2-selection__choice,
.input-service-native.pak--bp + .select2 .select2-selection__rendered,
.input-service-native.pak--bp + .select2 .select2-selection__choice,
.input-service-native.pak--balancing + .select2 .select2-selection__rendered,
.input-service-native.pak--balancing + .select2 .select2-selection__choice,
.input-service-native.pak--rr + .select2 .select2-selection__rendered,
.input-service-native.pak--rr + .select2 .select2-selection__choice,
.input-service-native.pak--ac + .select2 .select2-selection__rendered,
.input-service-native.pak--ac + .select2 .select2-selection__choice,
.input-service-native.pak--valce + .select2 .select2-selection__rendered,
.input-service-native.pak--valce + .select2 .select2-selection__choice {
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
}

/* Light status rows without pak color: keep service text black and readable. */
.daily-status--waiting .input-service-native:not([class*="pak--"]) + .select2 .select2-selection__choice,
.daily-status--car_in_box .input-service-native:not([class*="pak--"]) + .select2 .select2-selection__choice,
.daily-status--client_has_paid .input-service-native:not([class*="pak--"]) + .select2 .select2-selection__choice,
.daily-status--service_completed .input-service-native:not([class*="pak--"]) + .select2 .select2-selection__choice,
.daily-status--contacted .input-service-native:not([class*="pak--"]) + .select2 .select2-selection__choice,
.daily-status--out_of_order .input-service-native:not([class*="pak--"]) + .select2 .select2-selection__choice,
.daily-status--client_not_arrived .input-service-native:not([class*="pak--"]) + .select2 .select2-selection__choice {
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
}

/* service_completed has a bright green background — force black chip text even with pak-- class. */
.daily-status--service_completed .input-service-native + .select2 .select2-selection__choice {
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
}

@media (max-width: 767.98px) {
    .mobile-branch-dropdown {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }
}

@media (max-width: 768px) {
    .mmk-logo {
        width: 90% !important;
    }

    .daily-management-card .table-wrapper {
        zoom: 0.6;
    }

    .prev-days-card {
        zoom: 0.85;
        width: 100% !important;
    }

    .daily-date-picker {
        width: 100% !important;
    }

    .time-scroll {
        width: 100% !important;
    }

    #add-manual-box {
        width: 100%;
    }

    .daily-header-left {
        width: 100%;
        justify-content: space-between;
    }

    .daily-header-left > div {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .daily-header-left > div .card-header {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .daily-header-left small.p-6 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .daily-controls-group {
        width: 100%;
        max-width: 93%;
        gap: 1rem !important;
        margin-bottom: 0.5rem;
    }

    .daily-controls-group > input,
    .daily-controls-group > div,
    .daily-controls-group > button {
        width: 100% !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
}

.daily-management-card .table > :not(caption) > * > * {
    border-bottom-width: 5px !important;
    border-bottom: 5px solid #252527 !important;
}

.box-time {
    font-size: 1.2rem;
    font-weight: 600;
}

.swal2-container {
    z-index: 9999 !important;
}