.ts-dropdown {
    z-index: 900 !important;
}

:root {
    /* --form-switch-checked-bg: rgb(128, 0, 64); */
    /* --sidebar-menu-active-item-color: rgb(128, 0, 64) */
    --color-primary: rgb(128, 0, 64);
    --button-primary-bg: rgb(128, 0, 64);
    --button-primary-hover-bg: rgb(200, 0, 64);
    --button-primary-active-bg: rgb(200, 0, 64);
    --form-switch-checked-bg: rgb(120, 0, 64);
}
.btn-primary {
    --bs-btn-disabled-bg: rgb(100, 0, 64);
    --bs-btn-disabled-border-color: rgb(100, 0, 64);
    --bs-btn-color: #fff;
    --bs-btn-bg: rgb(128, 0, 64);
    --bs-btn-border-color: rgb(128, 0, 64);
    --bs-btn-hover-color: rgb(200, 0, 64);
    --bs-btn-hover-bg: rgb(200, 0, 64);
    --bs-btn-hover-border-color: rgb(200, 0, 64);
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgb(200, 0, 64);
    --bs-btn-active-border-color: rgb(200, 0, 64);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #fff;
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm{
    background-color: rgb(128, 0, 64) !important;
}
div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:hover {
    background-color: rgb(200, 0, 64) !important;
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm:focus{
  box-shadow: 0 0 0 3px rgba(128, 0, 64,.5);
}

/* File upload validation styles */
.file-size-error {
    color: #842029;
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
    padding: 0.75rem 1.25rem;
    border-radius: 0.375rem;
    margin-bottom: 1rem;
    font-size: 0.875rem;
    display: flex;
    align-items: center;
}

.file-size-error i {
    font-size: 1rem;
    margin-right: 0.5rem;
}

/* Attachment chip styles */
.attachment-chip {
    position: relative;
    transition: all 0.2s ease;
}

.attachment-chip:hover {
    background-color: #e9ecef !important;
    border-color: #adb5bd !important;
}

.attachment-chip .filename {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.attachment-chip .fa-times:hover {
    color: #dc3545 !important;
}

/* File upload widget styles */
.ticket-file-entry .form-widget,
.comment-file-entry .form-widget {
    position: relative;
    border: 2px dashed #dee2e6;
    border-radius: 0.375rem;
    padding: 3rem 2rem;
    text-align: center;
    color: #6c757d;
    cursor: pointer;
    transition: all 0.2s ease;
    background-color: #f8f9fa;
}

.ticket-file-entry .form-widget:hover,
.comment-file-entry .form-widget:hover {
    border-color: rgb(128, 0, 64);
    background-color: #fff;
}

.ticket-file-entry .form-widget input[type=file],
.comment-file-entry .form-widget input[type=file] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 10;
}

.ticket-file-entry .form-widget::before,
.comment-file-entry .form-widget::before {
    content: '\f56d';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    display: block;
    font-size: 2rem;
    margin-bottom: 0.5rem;
    color: #adb5bd;
}

.ticket-file-entry .form-widget::after,
.comment-file-entry .form-widget::after {
    content: 'Arrastra y suelta un archivo o haz clic para seleccionar';
    font-size: 0.875rem;
    color: #6c757d;
}