/* FakturaPL Frontend — Theme-Adaptive Styles */
:root {
    --fpl-accent: #2196F3;
    --fpl-radius: 4px;
    --fpl-spacing: 16px;
    --fpl-text: #333;
    --fpl-text-muted: #666;
    --fpl-border: #ddd;
    --fpl-bg: #fff;
    --fpl-badge-success: #28a745;
    --fpl-badge-primary: #007bff;
    --fpl-badge-warning: #ffc107;
    --fpl-badge-default: #6c757d;
}

/* Card variants */
.fpl-invoice-card { margin-top: 16px; }
.fpl-card-bordered { background: var(--fpl-bg); border: 1px solid var(--fpl-border); border-radius: var(--fpl-radius); }
.fpl-card-shadow { background: var(--fpl-bg); border: none; border-radius: var(--fpl-radius); box-shadow: 0 2px 8px rgba(0,0,0,0.1); }
.fpl-card-minimal { background: transparent; border-bottom: 1px solid var(--fpl-border); border-radius: 0; }
.fpl-card-none { background: transparent; border: none; }

.fpl-invoice-header { padding: var(--fpl-spacing); border-bottom: 1px solid var(--fpl-border); }
.fpl-card-minimal .fpl-invoice-header,
.fpl-card-none .fpl-invoice-header { border-bottom: none; padding-bottom: 8px; }

.fpl-invoice-title { font-size: 16px; font-weight: 600; margin: 0; display: flex; align-items: center; gap: 8px; color: var(--fpl-text); }
.fpl-invoice-title i, .fpl-invoice-title svg { opacity: 0.7; }

.fpl-invoice-body { padding: var(--fpl-spacing); display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 16px; }
.fpl-card-none .fpl-invoice-body { padding: 8px 0; }

.fpl-invoice-details { display: flex; flex-direction: column; gap: 8px; }
.fpl-invoice-field { display: flex; align-items: center; gap: 8px; }
.fpl-field-label { color: var(--fpl-text-muted); font-size: 14px; min-width: 120px; }
.fpl-field-value { font-size: 14px; color: var(--fpl-text); }

.fpl-invoice-actions { display: flex; gap: 8px; align-items: flex-start; flex-wrap: wrap; }

/* Badges */
.fpl-badge { display: inline-block; padding: 2px 8px; border-radius: 3px; font-size: 12px; font-weight: 600; text-transform: uppercase; }
.fpl-badge-success { background: var(--fpl-badge-success); color: #fff; }
.fpl-badge-primary { background: var(--fpl-badge-primary); color: #fff; }
.fpl-badge-warning { background: var(--fpl-badge-warning); color: #333; }
.fpl-badge-default { background: var(--fpl-badge-default); color: #fff; }

/* Custom button styles (when not using theme defaults) */
.fpl-btn-filled { display: inline-flex; align-items: center; gap: 6px; padding: 8px 16px; border: none; border-radius: var(--fpl-radius); background: var(--fpl-accent); color: #fff; font-size: 14px; font-weight: 500; text-decoration: none; cursor: pointer; transition: opacity 0.2s; }
.fpl-btn-filled:hover { opacity: 0.9; color: #fff; text-decoration: none; }
.fpl-btn-filled-secondary { display: inline-flex; align-items: center; gap: 6px; padding: 8px 16px; border: none; border-radius: var(--fpl-radius); background: var(--fpl-text-muted); color: #fff; font-size: 14px; font-weight: 500; text-decoration: none; cursor: pointer; transition: opacity 0.2s; }
.fpl-btn-filled-secondary:hover { opacity: 0.9; color: #fff; text-decoration: none; }

.fpl-btn-outline { display: inline-flex; align-items: center; gap: 6px; padding: 7px 15px; border: 1px solid var(--fpl-accent); border-radius: var(--fpl-radius); background: transparent; color: var(--fpl-accent); font-size: 14px; font-weight: 500; text-decoration: none; cursor: pointer; transition: all 0.2s; }
.fpl-btn-outline:hover { background: var(--fpl-accent); color: #fff; text-decoration: none; }
.fpl-btn-outline-secondary { display: inline-flex; align-items: center; gap: 6px; padding: 7px 15px; border: 1px solid var(--fpl-border); border-radius: var(--fpl-radius); background: transparent; color: var(--fpl-text); font-size: 14px; font-weight: 500; text-decoration: none; cursor: pointer; transition: all 0.2s; }
.fpl-btn-outline-secondary:hover { background: var(--fpl-border); text-decoration: none; }

/* My Invoices table */
.fpl-invoices-table { width: 100%; border-collapse: collapse; }
.fpl-invoices-table th { text-align: left; padding: 12px; border-bottom: 2px solid var(--fpl-border); font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; color: var(--fpl-text-muted); }
.fpl-invoices-table td { padding: 12px; border-bottom: 1px solid var(--fpl-border); font-size: 14px; color: var(--fpl-text); }
.fpl-invoices-table tbody tr:hover { background: rgba(0,0,0,0.02); }

/* My Account link */
.fpl-account-link { display: flex; align-items: center; gap: 8px; }
.fpl-account-link i, .fpl-account-link svg { opacity: 0.7; }

#fakturapl-invoices-link .link-item { display: flex; align-items: center; gap: 8px; }
#fakturapl-invoices-link .material-icons { font-size: 20px; }

/* Responsive */
@media (max-width: 767px) {
    .fpl-invoice-body { flex-direction: column; }
    .fpl-invoice-actions { width: 100%; }
    .fpl-invoice-actions a { flex: 1; justify-content: center; }
    .fpl-field-label { min-width: 100px; }
}

/* Empty state */
.fpl-empty-state { text-align: center; padding: 40px 20px; color: var(--fpl-text-muted); }
.fpl-empty-state svg, .fpl-empty-state i { font-size: 48px; opacity: 0.3; margin-bottom: 16px; display: block; }