/* ========================================== */
/* --- AI Briefing Card Custom Styles --- */
/* ========================================== */

.ai-briefing-card {
    /*border: 0px solid #e3e6f0 !important;*/
    border: none; !important;
    border-radius: 16px !important;
    overflow: hidden; /* Κρατάει τα περιεχόμενα μέσα στα όρια των γωνιών */
}

.ai-briefing-card .card-header {
    background: linear-gradient(135deg, #f8f9fc 0%, #edf2f9 100%) !important;
    transition: border-bottom-left-radius 0.2s ease, border-bottom-right-radius 0.2s ease;
    border-bottom: none; !important;
    /* Όταν είναι ανοιχτό: στρογγυλεμένες μόνο οι πάνω γωνίες, οι κάτω 0px */
    border-top-left-radius: 16px !important;
    border-top-right-radius: 16px !important;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

/* Όταν η κάρτα είναι κλειστή, οι κάτω γωνίες γίνονται 16px */
.ai-briefing-card .card-header.header-collapsed {
    border-bottom-left-radius: 16px !important;
    border-bottom-right-radius: 16px !important;
}

/* 1. Περιορισμός ύψους και ενεργοποίηση κάθετης scrollbar */
.ai-briefing-card .card-body {
    max-height: 280px !important; /* Μπορείς να το κάνεις 400px ή 500px ανάλογα με το τι προτιμάς */
    overflow-y: auto !important;   /* Εμφανίζει scrollbar αυτόματα αν το περιεχόμενο μεγαλώσει */
    padding-right: 12px !important; /* Μικρό padding για να μην κολλάει το περιεχόμενο στη μπάρα */
}

/* Οπτική βελτίωση της scrollbar για να δείχνει πιο "clean" (προαιρετικό) */
.ai-briefing-card .card-body::-webkit-scrollbar {
    width: 6px;
}

.ai-briefing-card .card-body::-webkit-scrollbar-thumb {
    background-color: #d1d3e2;
    border-radius: 16px;
}

.ai-briefing-card .bg-light {
    background-color: #fcfcfd !important;
}

.ai-briefing-card ul li {
    padding: 3px 0;
    border-bottom: 1px dashed #f0f1f5;
}

.ai-briefing-card ul li:last-child {
    border-bottom: none;
}

/* Περιστροφή βέλους κατά το άνοιγμα/κλείσιμο */
.ai-briefing-card .card-header [data-bs-toggle="collapse"] .ai-arrow {
    display: inline-block;
    transition: transform 0.2s ease;
}

.ai-briefing-card .card-header [data-bs-toggle="collapse"][aria-expanded="false"] .ai-arrow {
    transform: rotate(180deg);
}

.ai-briefing-card .card-header [data-bs-toggle="collapse"][aria-expanded="true"] .ai-arrow {
    transform: rotate(0deg);
}