.custom-normal {
    color: blue;
}

.custom-replace {
    color: #800029;
}

.custom-subs {
    color: #ff4fe5;
}

.custom-red {
    color: #ff0000;
}

.replacnote{
    font-size: 14px;
    color: #757575;
}

.rep_replaced{
    color: #800029;
}

.rep_substitute{
    color: #ff4fe5;
}
.wasrejected{
    color: red;
}
.its_done{
    color: #59b83a;
}
.by_who_done{
    color: #757575;
    font-size: 16px;
}
.btndone_task{
    background-color: rgb(82, 88, 100);
    color: white;
    font-size: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 8px;
    font-weight: normal; 
}
.filament-main-content {
    max-width: 90%; /* Aumenta a largura da lista */
    padding-left: 10px; /* Diminui o padding à esquerda */
    padding-right: 10px; /* Diminui o padding à direita */
}
.order_expedt{
    background-color: rgb(166, 7, 7);
    color: rgb(253, 253, 253);
}
.order_substitute_not{
    background-color: rgb(200, 8, 174);
    color: rgb(250, 250, 250);
}
.ord_stand{

}

/* AdesiivoStudioHub - Primary Color Override: Blue #4381CF */

/* Primary buttons and actions */
.filament-button-primary,
.bg-primary-500,
.bg-primary-600 {
    background-color: #4381CF !important;
    border-color: #4381CF !important;
}

.filament-button-primary:hover,
.bg-primary-600:hover {
    background-color: #3670B8 !important;
    border-color: #3670B8 !important;
}

/* Primary text colors */
.text-primary-500,
.text-primary-600,
.text-primary-700 {
    color: #4381CF !important;
}

/* Primary borders and outlines */
.border-primary-500,
.border-primary-600,
.ring-primary-500,
.ring-primary-600 {
    border-color: #4381CF !important;
    --tw-ring-color: #4381CF !important;
}

/* Focus states */
.focus\:border-primary-500:focus,
.focus\:ring-primary-500:focus {
    border-color: #4381CF !important;
    --tw-ring-color: #4381CF !important;
}

/* Links and anchors */
a.text-primary-600,
.filament-link {
    color: #4381CF !important;
}

a.text-primary-600:hover,
.filament-link:hover {
    color: #3670B8 !important;
}

/* Checkboxes and radio buttons */
input[type="checkbox"]:checked,
input[type="radio"]:checked {
    background-color: #4381CF !important;
    border-color: #4381CF !important;
}

/* Toggle switches */
.filament-forms-toggle-component input:checked + div {
    background-color: #4381CF !important;
}

/* Navigation active states */
.filament-sidebar-item-active,
.filament-sidebar-item-active .filament-sidebar-item-icon,
.filament-sidebar-item.active {
    background-color: rgba(67, 129, 207, 0.1) !important;
    color: #4381CF !important;
}

/* Badges and tags */
.filament-tables-badge-primary {
    background-color: rgba(67, 129, 207, 0.1) !important;
    color: #4381CF !important;
}

/* Progress bars */
.bg-primary-500[role="progressbar"] {
    background-color: #4381CF !important;
}

/* Dark Mode Toggle - Asegurar que siempre sea visible */
button[x-on\\:click*="darkMode"],
button[x-on\\:click*="dark"],
.dark-mode-toggle,
[aria-label*="dark mode"],
[aria-label*="Dark mode"],
button[title*="dark"],
button[title*="Dark"] {
    opacity: 1 !important;
    visibility: visible !important;
    display: flex !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 6px !important;
    padding: 8px !important;
    transition: all 0.2s ease !important;
}

button[x-on\\:click*="darkMode"]:hover,
button[x-on\\:click*="dark"]:hover,
.dark-mode-toggle:hover {
    background-color: rgba(255, 255, 255, 0.2) !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
}

/* Iconos del toggle de dark mode */
button[x-on\\:click*="darkMode"] svg,
button[x-on\\:click*="dark"] svg,
.dark-mode-toggle svg {
    color: currentColor !important;
    fill: currentColor !important;
}

/* En modo oscuro */
.dark button[x-on\\:click*="darkMode"],
.dark button[x-on\\:click*="dark"],
.dark .dark-mode-toggle {
    background-color: rgba(255, 255, 255, 0.15) !important;
    border-color: rgba(255, 255, 255, 0.25) !important;
    color: #ffffff !important;
}

.dark button[x-on\\:click*="darkMode"]:hover,
.dark button[x-on\\:click*="dark"]:hover,
.dark .dark-mode-toggle:hover {
    background-color: rgba(255, 255, 255, 0.25) !important;
    border-color: rgba(255, 255, 255, 0.35) !important;
}

/* Asegurar que el header sea visible en dark mode */
.dark header,
.dark .filament-header {
    background-color: #1f2937 !important;
}

/* Asegurar que los botones del header sean visibles */
.dark header button,
.dark .filament-header button {
    color: #f9fafb !important;
}