/**
 * EmBRACER-specific styles
 * Extends the base BBMC/OU Medicine styles
 */

/* Loading placeholder styling */
.loading-placeholder {
    color: #999;
    font-style: italic;
    padding: 20px;
    text-align: center;
    background: #f9f9f9;
    border-radius: 4px;
}

/* Editable content sections */
.editable-content {
    min-height: 50px;
}

.editable-content p {
    margin-bottom: 1em;
}

.editable-content p:last-child {
    margin-bottom: 0;
}

/* Staff grid adjustments for dynamic loading */
.staff-grid[data-team-section] {
    min-height: 100px;
}

/* Ensure consistent image paths work */
.staff-card img {
    background-color: #f0f0f0;
}

/* Error state for failed content loads */
.content-error {
    color: #841617;
    padding: 15px;
    background: #fff5f5;
    border-left: 3px solid #841617;
    margin: 10px 0;
}

/* Animation for content loading */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

.editable-content:not(:has(.loading-placeholder)) {
    animation: fadeIn 0.3s ease-in;
}

/* Print styles - hide loading states */
@media print {
    .loading-placeholder {
        display: none;
    }
}