/* ═══════════════════════════════════════════════════════════════════════════
   Sub-tab „Penalități & Reținere Comisioane" — modulul Scadențar Creanțe
   Folosește DOAR tokenii existenți (var(--brand-navy), var(--brand-red), …).
   ═══════════════════════════════════════════════════════════════════════════ */

/* Comutarea sub-tab-urilor: în modul „penalitati" se ascund blocurile vederii generale */
#view-scadentar.sc-mode-penalitati .sc-tab-general { display: none !important; }

/* Bandă stare (data referință + acțiuni) */
.sc-pen-statusbar { display: flex; flex-wrap: wrap; gap: .6rem 1.2rem; align-items: center; justify-content: space-between; padding: 12px 16px; }
.sc-pen-status-left { display: flex; flex-wrap: wrap; gap: .4rem 1.4rem; align-items: center; font-size: .88rem; color: var(--text-muted, #64748b); }
.sc-pen-status-left strong { color: var(--text-main, #1e293b); }
.sc-pen-ref small { margin-left: .35rem; opacity: .8; }
.sc-pen-status-actions { display: flex; flex-wrap: wrap; gap: .5rem; }
.sc-pen-loading { padding: 14px 6px; font-size: .9rem; color: var(--text-muted, #64748b); }

/* Butoanele de export respectă dreptul feat-export (același mecanism ca .ux-csv-btn) */
body:not([data-can-export="1"]) .sc-pen-export-btn { display: none !important; }

/* KPI-uri: rând compact, 7 carduri */
.sc-pen-kpis .kpi-card h2 { font-size: 1.35rem; }
.sc-pen-kpis .kpi-info small { display: block; margin-top: 2px; font-size: .72rem; color: var(--text-muted, #64748b); }

/* Avertismente */
#sc-pen-warnings { display: flex; flex-direction: column; gap: .5rem; margin: .25rem 0 .75rem; }
.sc-pen-warning { display: flex; gap: .6rem; align-items: flex-start; padding: 10px 14px; border-radius: 10px; font-size: .84rem; line-height: 1.45; border: 1px solid rgba(245, 158, 11, .45); background: rgba(245, 158, 11, .08); color: var(--text-main, #1e293b); }
.sc-pen-warning i { margin-top: 2px; color: #d97706; }
.sc-pen-warning.sc-pen-warning-red { border-color: rgba(224, 0, 77, .35); background: rgba(224, 0, 77, .07); }
.sc-pen-warning.sc-pen-warning-red i { color: var(--brand-red, #E0004D); }
.sc-pen-warning.sc-pen-warning-info { border-color: rgba(0, 51, 73, .25); background: rgba(0, 51, 73, .05); }
.sc-pen-warning.sc-pen-warning-info i { color: var(--brand-navy, #003349); }
body.dark-mode .sc-pen-warning { color: #e2e8f0; }

/* Titluri secțiuni */
.sc-pen-card { margin-bottom: 4px; }
.sc-pen-h3 { margin: 0 0 4px; font-size: 1.02rem; display: flex; align-items: center; gap: .5rem; }
.sc-pen-h3 i { color: var(--brand-red, #E0004D); }
.sc-pen-sub { font-size: .8rem; color: var(--text-muted, #64748b); margin: 0 0 12px; }
.sc-pen-count { font-size: .78rem; color: var(--text-muted, #64748b); margin-left: auto; }
.sc-pen-check { display: inline-flex; align-items: center; gap: .35rem; font-size: .82rem; cursor: pointer; color: var(--text-main, #1e293b); }
.sc-pen-check input { accent-color: var(--brand-red, #E0004D); }
body.dark-mode .sc-pen-check { color: #cbd5e1; }

/* Tabele */
.sc-pen-table { width: 100%; border-collapse: collapse; font-size: .8rem; }
.sc-pen-table th { text-align: right; padding: 8px 9px; white-space: nowrap; font-size: .7rem; text-transform: uppercase; letter-spacing: .03em; color: var(--text-muted, #64748b); border-bottom: 2px solid var(--border-color, #e2e8f0); position: sticky; top: 0; background: var(--card-bg, #fff); z-index: 1; }
.sc-pen-table th:first-child, .sc-pen-table td:first-child { text-align: left; }
.sc-pen-table th.sc-pen-sortable { cursor: pointer; user-select: none; }
.sc-pen-table th.sc-pen-sortable:hover { color: var(--brand-navy, #003349); }
.sc-pen-table th .sc-pen-arrow { font-size: .85em; margin-left: 2px; color: var(--brand-red, #E0004D); }
.sc-pen-table td { text-align: right; padding: 7px 9px; border-bottom: 1px solid var(--border-color, #eef2f7); white-space: nowrap; }
.sc-pen-table td.sc-pen-cell-text { text-align: left; white-space: normal; }
.sc-pen-table tbody tr:hover { background: rgba(0, 51, 73, .04); }
.sc-pen-table tfoot td { font-weight: 700; border-top: 2px solid var(--border-color, #e2e8f0); border-bottom: none; background: rgba(0, 51, 73, .04); }
.sc-pen-detail-wrap { max-height: 560px; overflow: auto; }
body.dark-mode .sc-pen-table th { background: var(--card-bg, #1e293b); border-bottom-color: #334155; }
body.dark-mode .sc-pen-table td { border-bottom-color: #26334a; }
body.dark-mode .sc-pen-table tbody tr:hover { background: rgba(255, 255, 255, .04); }
body.dark-mode .sc-pen-table tfoot td { background: rgba(255, 255, 255, .04); }

/* Valori semantice */
.sc-pen-neg { color: var(--brand-red, #E0004D); font-weight: 600; }
.sc-pen-ok { color: #10b981; }
.sc-pen-muted { color: var(--text-muted, #94a3b8); }
.sc-pen-strong { font-weight: 700; }

/* Marcaj watchlist + FĂRĂ AGENT */
.sc-pen-badge { display: inline-flex; align-items: center; gap: .3rem; font-size: .68rem; font-weight: 700; padding: 2px 8px; border-radius: 999px; vertical-align: 1px; margin-left: .45rem; }
.sc-pen-badge-watch { background: rgba(224, 0, 77, .12); color: var(--brand-red, #E0004D); border: 1px solid rgba(224, 0, 77, .3); }
.sc-pen-badge-noagent { background: rgba(245, 158, 11, .14); color: #b45309; border: 1px solid rgba(245, 158, 11, .4); }
tr.sc-pen-row-watch td:first-child { box-shadow: inset 3px 0 0 var(--brand-red, #E0004D); }

/* Watchlist card */
.sc-pen-watch-card .sc-pen-watch-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: .7rem; margin-bottom: .8rem; }
.sc-pen-watch-item { border: 1px solid rgba(224, 0, 77, .25); border-radius: 12px; padding: 12px 14px; background: rgba(224, 0, 77, .04); }
.sc-pen-watch-item h4 { margin: 0 0 6px; font-size: .9rem; color: var(--brand-red, #E0004D); }
.sc-pen-watch-item .sc-pen-watch-nums { display: flex; flex-wrap: wrap; gap: .35rem 1.1rem; font-size: .78rem; color: var(--text-muted, #64748b); }
.sc-pen-watch-item .sc-pen-watch-nums strong { color: var(--text-main, #1e293b); }
body.dark-mode .sc-pen-watch-item .sc-pen-watch-nums strong { color: #e2e8f0; }

/* Parametri */
.sc-pen-params-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: .8rem 1rem; margin-bottom: 14px; }
.sc-pen-params-grid label { display: flex; flex-direction: column; gap: .3rem; font-size: .78rem; font-weight: 600; color: var(--text-muted, #64748b); }
.sc-pen-params-grid input, .sc-pen-params-grid select { font: inherit; padding: .5rem .6rem; border: 1px solid var(--border-color, #e2e8f0); border-radius: 8px; background: var(--card-bg, #fff); color: var(--text-main, #1e293b); }
.sc-pen-params-grid input:disabled, .sc-pen-params-grid select:disabled { opacity: .7; cursor: not-allowed; background: rgba(100, 116, 139, .07); }
.sc-pen-params-wide { grid-column: 1 / -1; }
.sc-pen-params-actions { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; }
body.dark-mode .sc-pen-params-grid input, body.dark-mode .sc-pen-params-grid select { border-color: #334155; color: #e2e8f0; }

/* Mobil */
@media (max-width: 820px) {
    .sc-pen-statusbar { flex-direction: column; align-items: flex-start; }
    .sc-pen-detail-wrap { max-height: 70vh; }
    .sc-pen-table { font-size: .74rem; }
    .sc-pen-table th, .sc-pen-table td { padding: 6px 6px; }
}