/* DECK PAGES STYLES
-------------------------------------------------- */
.deck-page-header h1 {
    color: #64CCC5; /* Primary Calm Accent for page titles */
    margin-bottom: 0.5rem;
}

.deck-page-header .btn-success {
    background-color: #A7F3D0; /* Light green accent */
    border-color: #A7F3D0;
    color: #1E293B;
}

.deck-page-header .btn-success:hover {
    background-color: #6EE7B7; /* Darker light green */
    border-color: #6EE7B7;
}

.deck-page-header .btn-primary {
    background-color: #64CCC5;
    border-color: #64CCC5;
    color: #1E293B;
}

.deck-page-header .btn-primary:hover {
    background-color: #4CA09A;
    border-color: #4CA09A;
}

.deck-page-header .btn-warning {
    background-color: #FACC15;
    border-color: #FACC15;
    color: #1E293B;
}

.deck-page-header .btn-warning:hover {
    background-color: #D4A017;
    border-color: #D4A017;
}

.deck-filters-form .form-label {
    color: #E2E8F0;
}

.deck-filters-form .form-select {
    background-color: #334155;
    color: #CBD5E1;
    border-color: #475569;
}

.deck-filters-form .form-select:focus {
    border-color: #64CCC5;
    box-shadow: 0 0 0 0.25rem rgba(100, 204, 197, 0.25);
}

.deck-filters-form .form-text {
    color: #CBD5E1;
}

.deck-show-badges .badge {
    margin-right: 0.5rem;
}

.deck-show-meta h2,
.deck-show-meta h3 {
    color: #FACC15; /* Secondary Vibrant Accent */
    margin-bottom: 1rem;
}

.deck-show-meta .card {
    background-color: #334155;
    color: #E2E8F0;
    border: 1px solid #475569;
    border-radius: 0.75rem;
    margin-bottom: 1rem;
}

.deck-show-meta .card-title {
    color: #CBD5E1;
    font-size: 0.9rem;
    margin-bottom: 0.5rem;
}

.deck-show-meta .card-text {
    font-size: 1.2rem;
    font-weight: bold;
}

.deck-show-meta .card-body p {
    margin-bottom: 0.25rem;
}

.deck-show-meta .card-body strong {
    color: #64CCC5;
}

.deck-show-meta .card-body ul li {
    margin-bottom: 0.25rem;
}

.deck-show-meta .card-body .text-danger {
    color: #F87171; /* A reddish color for emphasis on "worst" */
    font-weight: bold;
}

.deck-show-meta .card-body .text-success {
    color: #6EE7B7; /* A greenish color for emphasis on "best" */
    font-weight: bold;
}