/* CRITICAL PORTAL STYLES - Must load with highest priority */

/* Force body classes */
body.logged-in .portal-dashboard {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Override any conflicting styles */
.portal-dashboard {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: auto !important;
    background-color: #f1f1f1 !important;
    min-height: 500px !important;
    padding: 2rem 1rem !important;
    color: #333 !important;
}

.portal-dashboard * {
    visibility: visible !important;
    opacity: 1 !important;
}

/* Fix all text colors */
.portal-dashboard,
.portal-dashboard p,
.portal-dashboard span,
.portal-dashboard div,
.portal-dashboard td,
.portal-dashboard li,
.portal-dashboard label {
    color: #333 !important;
}

/* Except for specific elements that should be white */
.portal-header *,
.stat-card-mini *,
.btn-primary,
.portal-button,
.action-btn {
    color: white !important;
}

/* Force content visibility */
.page-content {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    background-color: #f5f5f5 !important;
}

/* Ensure main container is visible */
.site-main,
#main {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Fix any potential white text issues */
.management-category h3,
.management-category p,
.action-item,
.action-title,
.action-desc,
.portal-modal h3,
.portal-modal h4,
.portal-modal p,
.content-panel h3,
.content-panel h4,
.content-panel p {
    color: #333 !important;
}

/* Force show portal elements */
.portal-header,
.portal-management-grid,
.management-category,
.portal-stats-overview {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Override any transform or animation that might hide content */
/* EXCEPTION: Allow animations for loading spinners */
.portal-dashboard *:not(.loading-spinner):not(.loading-spinner-mini):not(.spinner):not(.spinner-icon),
.portal-dashboard *::before,
.portal-dashboard *::after {
    transform: none !important;
    transition: none !important;
    animation: none !important;
}

/* Ensure loading spinners can animate */
.portal-dashboard .loading-spinner,
.portal-dashboard .loading-spinner::before,
.portal-dashboard .loading-spinner::after,
.portal-dashboard .loading-spinner-mini,
.portal-dashboard .spinner,
.portal-dashboard .spinner-icon {
    animation: spin 1s linear infinite !important;
}