/* ALL FONT-FAMILY CALLS REMOVED FOR THEME INHERITANCE */
.fde-wrapper { background: #fff; padding: 20px; max-width: 1200px; margin: 0 auto; }
.fde-card { border-radius: 12px; border: 1px solid #eee; box-shadow: 0 4px 15px rgba(0,0,0,0.05); overflow: hidden; }
.fde-table { width: 100%; border-collapse: collapse; }
.fde-table th { background: #f9f9f9; padding: 15px; border-bottom: 3px solid #e31e24; text-align: left; font-size: 12px; text-transform: uppercase; color: #333; }
.fde-table td { padding: 15px; border-bottom: 1px solid #f1f1f1; color: #444; }

.fde-badge { padding: 5px 12px; border-radius: 4px; font-size: 11px; font-weight: 700; text-transform: uppercase; }
.fde-upcoming { background: #e31e24; color: #fff; }
.fde-completed { background: #eee; color: #777; }

.fde-view { background: transparent; border: 2px solid #e31e24; color: #e31e24; padding: 8px 16px; border-radius: 6px; font-weight: 700; cursor: pointer; transition: 0.3s; }
.fde-view:hover { background: #e31e24; color: #fff; }

/* MOBILE RESPONSIVE - VERTICAL STACKING RESTORED */
@media screen and (max-width: 768px) {
    .fde-table thead { display: none; }
    
    /* Forces columns to stack vertically so they don't break */
    .fde-table, .fde-table tbody, .fde-table tr, .fde-table td { 
        display: block; 
        width: 100% !important; 
    }
    
    .fde-table tr { margin-bottom: 25px; border: 1px solid #eee; border-radius: 12px; padding: 15px 5px; background: #fff; box-shadow: 0 6px 18px rgba(0,0,0,0.06); }
    
    .fde-table td { 
        text-align: left !important; 
        padding: 10px 20px !important; 
        border-bottom: none; 
        position: relative;
    }
    
    .fde-table td::before { 
        content: attr(data-label); 
        display: block; 
        font-weight: 700; 
        color: #e31e24; 
        font-size: 10px; 
        text-transform: uppercase; 
        margin-bottom: 4px; 
        letter-spacing: 0.5px;
    }

    .fde-table td.fde-cell-action { 
        text-align: center !important; 
        padding: 20px 15px !important; 
        border-top: 1px solid #f0f0f0; 
        margin-top: 10px;
    }
    .fde-table td.fde-cell-action::before { display: none; }
    .fde-view { width: 100%; padding: 12px; }
}