/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */
/* Theme is loaded dynamically from layout via stylesheet_link_tag */
/* @import "actiontext.css"; - Removed to fix 404, now loaded via link_tag in layout */

/* Choices.js Bootstrap 5 & Dark Mode Integration */
.choices__inner {
    background-color: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    color: var(--bs-body-color);
    font-size: 1rem;
}

.choices__input {
    background-color: transparent;
    color: var(--bs-body-color);
    margin-bottom: 0;
}

.choices__list--dropdown, .choices__list[aria-expanded] {
    background-color: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color);
    color: var(--bs-body-color);
    z-index: 1056; /* Higher than modal (1055) */
}

.choices__list--dropdown .choices__item--selectable.is-highlighted, 
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
    background-color: var(--bs-tertiary-bg);
    color: var(--bs-body-color);
}

.choices__item {
    color: var(--bs-body-color);
}

/* Fix for choices input placeholder color */
.choices__input::placeholder {
    color: var(--bs-secondary-color);
}

/* Fix for multiple select items */
.choices__list--multiple .choices__item {
    background-color: var(--bs-primary);
    border: 1px solid var(--bs-primary);
}

/* Ensure dropdown appears above modal */
.choices__list.is-active {
    z-index: 1056; 
}

/* Toastr Light Mode Fixes */
html[data-bs-theme="light"] #toast-container > .toast {
    background-image: none !important;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    opacity: 1 !important;
}

html[data-bs-theme="light"] #toast-container > .toast-success {
    background-color: #d1e7dd !important;
    color: #0f5132 !important;
    border: 1px solid #badbcc !important;
}

html[data-bs-theme="light"] #toast-container > .toast-error {
    background-color: #f8d7da !important;
    color: #842029 !important;
    border: 1px solid #f5c2c7 !important;
}

html[data-bs-theme="light"] #toast-container > .toast-info {
    background-color: #cff4fc !important;
    color: #055160 !important;
    border: 1px solid #b6effb !important;
}

html[data-bs-theme="light"] #toast-container > .toast-warning {
    background-color: #fff3cd !important;
    color: #664d03 !important;
    border: 1px solid #ffecb5 !important;
}

html[data-bs-theme="light"] #toast-container > .toast .toast-close-button {
    color: inherit !important;
    text-shadow: none !important;
    opacity: 0.5;
}

html[data-bs-theme="light"] #toast-container > .toast .toast-close-button:hover {
    color: inherit !important;
    opacity: 1;
}

/* Toastr Dark Mode Fixes (Optional adjustments for consistency) */
html[data-bs-theme="dark"] #toast-container > .toast {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.5) !important;
    opacity: 0.95 !important;
}

/* Row Blink Animation */
@keyframes blink-bg {
    0% { background-color: rgba(141, 52, 219, 0.3); }
    100% { background-color: transparent; }
}

.blink-row {
    animation: blink-bg 2s ease-out;
}

/* Login Page Background */
.login-page {
    background-image: url("/assets/bg/bg-02-aee11414.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.breadcrumb .breadcrumb-item:not(.active) {
    opacity: 0.45;
    filter: blur(0.6px);
    transition: opacity 160ms ease, filter 160ms ease;
}

.breadcrumb .breadcrumb-item:not(.active):hover {
    opacity: 1;
    filter: none;
}

.breadcrumb .breadcrumb-item:not(.active) a {
    transition: color 160ms ease;
}