/* ============================================================
   components.css — Buttons, Badges (бяло на тъмно)
   ============================================================ */
.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;white-space:nowrap}
.badge-gold{background:#fee2e2;color:#7b241c}
.badge-green{background:#dcfce7;color:#15803d}
.badge-red{background:#fee2e2;color:#b91c1c}
.badge-blue{background:#dbeafe;color:#1d4ed8}
.badge-gray{background:#f3f4f6;color:#374151}
.badge-purple{background:#ede9fe;color:#6d28d9}
.badge-role{background:rgba(255,255,255,.15);color:#ffffff;font-weight:600}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 14px;border-radius:7px;font-size:13px;font-weight:500;cursor:pointer;border:1px solid var(--border-mid);background:var(--white);color:var(--text-mid);text-decoration:none;transition:all .13s;white-space:nowrap;line-height:1}
.btn:hover{background:#f9fafb;border-color:#9ca3af}
.btn:active{transform:scale(.98)}

.btn-primary{background:var(--navy);color:#ffffff;border-color:var(--navy)}
.btn-primary:hover{background:var(--navy-mid);border-color:var(--navy-mid);color:#ffffff}

.btn-gold{background:var(--red);color:#ffffff;border-color:var(--red-dark)}
.btn-gold:hover{background:var(--red-dark);color:#ffffff}

.btn-green{background:#16a34a;color:#fff;border-color:#15803d}
.btn-green:hover{background:#15803d}

.btn-red{background:#dc2626;color:#fff;border-color:#b91c1c}
.btn-red:hover{background:#b91c1c}

.btn-outline{background:transparent;color:rgba(255,255,255,.7);border-color:rgba(255,255,255,.3)}
.btn-outline:hover{color:#fff;border-color:rgba(255,255,255,.7);background:rgba(255,255,255,.08)}

.btn-sm{padding:4px 10px;font-size:12px}
.btn-lg{padding:10px 20px;font-size:15px}
.btn-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}

.filter-bar{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;margin-bottom:14px;padding:12px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}
.filter-bar .form-group{margin-bottom:0}

.info-box{background:var(--red-light);border-left:3px solid var(--red);padding:10px 14px;border-radius:4px;font-size:13px;color:#7b241c;margin-bottom:14px}

.result-summary{background:var(--red-light);border:1px solid var(--red-border);border-radius:var(--radius);padding:12px 16px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-top:12px}
.result-summary .summary-item{font-size:13px}
.result-summary .summary-val{font-weight:700;font-size:16px;color:var(--red-dark)}
.result-summary .aktiv-val{color:var(--green);font-weight:700;font-size:16px}

.pref-row{display:grid;grid-template-columns:90px 1fr 130px;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid #f3f0f0}
.pref-row:last-child{border-bottom:none}
@media(max-width:600px){.pref-row{grid-template-columns:70px 1fr 100px;gap:6px}}

.empty-state{text-align:center;padding:40px 20px;color:var(--text-muted);font-size:14px}