.status-color1 {
    background-color: var(--color-white);
    color: #333;
}
.status-color2 {
    background-color: var(--color-green1);
    color: white;
}
.status-color3 {
    background-color: var(--color-red1);
    color: white;
}
.status-color4 {
    background-color: var(--color-blue1);
    color: white;
}
.status-color5 {
    background-color: var(--color-slate500);
    color: white;
}
.status-color6 {
    background-color: var(--color-slate700);
    color: white;
}
.status-color7 {
    background-color: var(--color-slate950);
    color: white;
}


.status-text-color1 {
    color: var(--color-gray4);
}
.status-text-color2 {
    color: var(--color-green1);
}
.status-text-color3 {
    color: var(--color-red1);
}
.status-text-color4 {
    color: var(--color-blue1);
}
.status-text-color5 {
    color: var(--color-gray1);
}

/* Kolory edycji zlecenie po stronie warsztatu */
.new_position-bg { background-color: var(--color-red1); }
.new_position-border { border-color: var(--color-red1); }

.add_employee-bg { background-color: var(--color-red2); }
.add_employee-border { border-color: var(--color-red2); }

.office_message-bg { background-color: var(--color-green1); }
.office_message-border { border-color: var(--color-green1); }

.status-bg { background-color: var(--color-orange1); }
.status-border { border-color: var(--color-orange1); }

.add_time-bg { background-color: var(--color-blue1); }
.add_time-border { border-color: var(--color-blue1); }

.other_source-bg { background-color: var(--color-gray3); }
.other_source-border { border-color: var(--color-gray3); }

.workshop-info-bg { background-color: var(--workshop-info-color); }
.workshop-info-border { border-color: var(--workshop-info-color); }

.return-bg, .intercars_return-bg { background-color: var(--color-gray1); }
.return-border, .intercars_return-border { border-color: var(--color-gray1); }

.warehouse-bg { background-color: var(--color-blue1); }
.warehouse-border { border-color: var(--color-blue1); }

.intercars-bg { background-color: var(--color-gray2); }
.intercars-border { border-color: var(--color-gray2); }

div.workshop-cases a {
    display: block;
}
div.workshop-cases div.case-row {
    @apply grid grid-cols-24 gap-2 rounded-lg p-2 mb-1 border-4 border-white hover:border-slate-700;
}
div.workshop-cases div.case-keychain {
    @apply col-span-6 md:col-span-2 xl:col-span-1 flex items-center justify-center text-2xl font-bold rounded-sm bg-gray-200 rounded-sm;
}
div.workshop-cases div.case-plate_number {
    @apply col-span-18 md:col-span-5 lg:col-span-5 xl:col-span-3 flex flex-col justify-center items-start font-bold pl-4 py-1 bg-gray-200 rounded-sm text-2xl xl:text-3xl;
    text-shadow: 1px 1px 0 #FFFFFF;
}
div.workshop-cases div.case-car_brand {
    @apply col-span-24 md:col-span-17 lg:col-span-17 xl:col-span-7 flex flex-col justify-center items-start text-xl font-bold text-left leading-tight pl-4 py-1 bg-gray-200 rounded-sm;
}
div.workshop-cases div.case-mechanic {
    @apply col-span-24 lg:col-start-3 lg:col-span-11 xl:col-start-auto xl:col-span-6 flex flex-col justify-center items-start text-xl font-bold text-left leading-tight pl-4 py-1 bg-gray-200 rounded-sm;
}
div.workshop-cases div.case-mechanic p {
    font-size: 0.8em;
}
div.workshop-cases div.case-positions_number {
    @apply col-span-24 sm:col-span-12 lg:col-span-6 xl:col-span-4 flex flex-col justify-center items-start text-xl font-bold text-left leading-tight pl-4 py-1 bg-gray-200 rounded-sm;
}
div.workshop-cases div.case-status {
    @apply col-span-24 sm:col-span-12 lg:col-span-5 xl:col-span-3 flex flex-col justify-center items-center text-xl font-bold text-left leading-tight py-1 bg-gray-200 rounded-sm;
}