/* ============================================================
   Invoice Dispatch — Frontend (My Account) Styles
   ============================================================ */

.invd-my-invoices h3 {
    font-size: 18px;
    color: #1a2e44;
    margin-bottom: 14px;
    padding-bottom: 8px;
    border-bottom: 2px solid #e2e8f0;
}

/* Status badges */
.invd-badge {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .5px;
    text-transform: uppercase;
    color: #fff;
}
.invd-badge-pending { background: #d97706; }
.invd-badge-paid    { background: #16a34a; }
.invd-badge-overdue { background: #dc2626; }

/* Overdue row highlight */
.invd-table-frontend tr.invd-overdue-row td {
    background: #fff7ed;
}

/* Action buttons */
.invd-front-actions { white-space: nowrap; }
.invd-front-actions .button { margin: 2px 3px; font-size: 13px; }
.invd-btn-pay {
    background: #16a34a !important;
    border-color: #15803d !important;
    color: #fff !important;
    font-weight: 700 !important;
}
.invd-btn-pay:hover { background: #15803d !important; }

@media (max-width: 600px) {
    .invd-table-frontend thead { display: none; }
    .invd-table-frontend tbody td { display: block; text-align: right; padding: 8px 12px; }
    .invd-table-frontend tbody td::before { content: attr(data-title); float: left; font-weight: 700; color: #475569; }
    .invd-front-actions { text-align: center; }
}