/* Custom Badge Colors */
.osac-status-badge.status-publish { background-color: #198754; }
.osac-status-badge.status-pending { background-color: #ffc107; color: #000; }
.osac-status-badge.status-draft { background-color: #6c757d; }

/* BUG FIX: Ensure long biography text wraps correctly */
.osac-bio-container {
    min-width: 0; /* Allows flex item to shrink below its content size */
}
.osac-bio-text {
    word-break: break-word;
}

/* Featured Image Preview */
#osac-image-preview-wrapper img {
    max-width: 200px;
    height: auto;
    border: 1px solid #dee2e6;
    padding: 0.25rem;
    border-radius: 0.375rem;
}

/* Review Notes Section Styling */
.osac-review-notes-section {
    margin-top: 2.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid #dee2e6;
}
.osac-review-notes-list li {
    padding: 1rem;
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
    margin-bottom: 1rem;
}
.osac-review-notes-list li.admin-note {
    background-color: #e7f5ff;
    border-left: 0.25rem solid #0d6efd;
}
.osac-review-notes-list li.author-note {
    background-color: #fff3cd;
    border-left: 0.25rem solid #ffc107;
}
.osac-comment-meta {
    font-size: 0.9em;
    color: #6c757d;
    margin-bottom: 0.5rem;
}
.osac-comment-content p:last-child {
    margin-bottom: 0;
}

/* Desktop Table Layout */
.osac-dashboard-wrapper .table {
    table-layout: fixed;
    width: 100%;
}
.osac-desktop-table .osac-col-title { width: 55%; word-break: break-word; }
.osac-desktop-table .osac-col-status,
.osac-desktop-table .osac-col-note-status,
.osac-desktop-table .osac-col-actions { width: 15%; }

/* Pagination Spacing */
.pagination {
    margin-top: 1.5rem !important;
}

/* MOBILE ACCORDION STYLES */
.accordion-button { font-weight: 600; }
.accordion-button:not(.collapsed) { color: #0c63e4; background-color: #e7f1ff; }
.accordion-button:focus { box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); }
.accordion-button::after { transition: transform 0.2s ease-in-out; }

/* Status Dot styling */
.status-dot {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 12px;
    flex-shrink: 0;
}
.status-dot.status-publish { background-color: #198754; } /* Green */
.status-dot.status-pending { background-color: #ffc107; } /* Yellow */
.status-dot.status-draft { background-color: #6c757d; }  /* Grey */
.status-dot.status-review { background-color: #dc3545; }  /* Red */

.accordion-body { padding: 0; }

/* 2. Add styling in buttons to hightlight */
.osac-login-button{
    color: #295cff!important;
}
.osac-login-button:hover{
    text-decoration: underline;
}
/* --- END STYLING --- */

/* Frontend FAQ Section Styling */
.osac-faq-section {
    margin-top: 2.5rem;
    padding: 1.5rem;
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
}
.osac-faq-section h3 {
    margin-top: 0;
    margin-bottom: 1.5rem;
}
.osac-faq-section .accordion-button {
    font-weight: bold;
    color: #212529 !important;
    background-color: #f8f9fa !important;
    box-shadow: none !important;
}
.osac-faq-section .accordion-button:not(.collapsed) {
    color: #212529 !important;
    background-color: #f8f9fa !important;
}
.osac-faq-section .accordion-button:focus,
.osac-faq-section .accordion-button:active,
.osac-faq-section .accordion-button:hover {
    color: #212529 !important;
    background-color: #f8f9fa !important;
}
.osac-faq-section .accordion-body {
    padding: 0px 15px;
}

/* Styles for the dynamic author menu container */
.osac-dynamic-author-menu > a {
    display: flex !important;
    align-items: center;
    white-space: nowrap; 
}

/* Styles for our unique avatar class (non-conflicting properties) */
.osac-menu-avatar {
    width: 24px !important;
    height: 24px !important;
    border-radius: 50% !important;
    margin-right: 8px !important;
}

/* Responsive styles for the dynamic author menu */
@media (max-width: 768px) {
        .osac-dynamic-author-menu .osac-menu-author-name {
        display: inline!important;
        text-transform: capitalize;
    }
    .osac-dynamic-author-menu .osac-menu-avatar {
        margin-right: 10px !important;
    }
}