/* =============================================
   Board Portal Styles
   ============================================= */

/* Portal main content area */
.portal-main-content {
    background-color: #FAF5F7;
    min-height: 100vh;
}

/* Make data grid rows clickable */
.cursor-pointer {
    cursor: pointer;
}

.cursor-pointer:hover {
    background-color: rgba(212, 103, 138, 0.04) !important;
}

/* Portal cards hover effect */
.mud-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.mud-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 20px rgba(212, 103, 138, 0.15) !important;
}

/* Timeline improvements */
.mud-timeline .mud-timeline-item-dot {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* Stat card border accents */
.mud-paper[style*="border-left"] {
    transition: transform 0.2s ease;
}

.mud-paper[style*="border-left"]:hover {
    transform: translateY(-1px);
}

/* Drawer nav styling */
.mud-nav-link.active {
    background-color: rgba(212, 103, 138, 0.1) !important;
    border-right: 3px solid #D4678A;
}

/* Receipt preview container */
.receipt-preview-container {
    border: 1px solid #EDD8E2;
    border-radius: 12px;
    padding: 24px;
    background: white;
}

/* Chip set filter styling */
.mud-chipset {
    gap: 4px;
}

/* Smooth page transitions */
.portal-main-content .mud-container {
    animation: fadeIn 0.3s ease-in-out;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(4px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Responsive adjustments for portal */
@media (max-width: 960px) {
    .portal-main-content .mud-container {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}

/* Dialog styling improvements */
.mud-dialog .mud-dialog-title {
    color: #D4678A;
}

/* Data grid header accent */
.mud-table .mud-table-head .mud-table-cell {
    font-weight: 700;
}