/* ============ RESPONSIVE TABLE (Mobile = Card View) ============ */
@media (max-width: 768px) {
    .responsive-table thead { display: none; }
    .responsive-table, .responsive-table tbody,
    .responsive-table tr, .responsive-table td { display: block; width: 100%; }
    .responsive-table tr {
        background: #fff;
        border-radius: var(--radius);
        box-shadow: var(--shadow);
        padding: 16px 18px;
        margin-bottom: 14px;
        border-left: 4px solid var(--primary);
    }
    .responsive-table td {
        text-align: right;
        padding: 8px 0;
        border: none;
        position: relative;
        padding-left: 50%;
        font-size: 14px;
    }
    .responsive-table td::before {
        content: attr(data-label);
        position: absolute;
        left: 0; top: 8px;
        width: 45%;
        text-align: left;
        font-weight: 700;
        color: var(--dark-text);
        font-size: 13px;
    }
    .responsive-table td:last-child { border-bottom: none; }
}