/* Cards UI */
.fl-cards { display:grid; grid-template-columns: repeat(auto-fill, minmax(520px, 1fr)); gap:20px; }
.fl-card { background:#fff; border:1px solid #e2e2e2; border-radius:8px; box-shadow:0 1px 3px rgba(0,0,0,.05); }
.fl-card__header { display:flex; justify-content:space-between; align-items:center; padding:14px 16px; border-bottom:1px solid #eee; }
.fl-card__header h2 { margin:0; font-size:16px; }
.fl-card__header small { color:#666; }
.fl-card__body { padding:16px; }
.fl-grid { display:grid; grid-template-columns: 1fr 1fr; gap:14px; }
.fl-grid label { display:block; margin-bottom:6px; color:#444; }
.fl-switch { display:flex; align-items:center; gap:8px; }

.fl-quotas { display:flex; flex-direction:column; gap:10px; margin-top:8px; }
.fl-quota-row { display:grid; grid-template-columns: 1fr 1fr 120px 1fr 40px; gap:8px; align-items:center; }
.fl-quota-row input.regular-text { width:100%; }
.fl-remove-quota { border-color:#e33; color:#e33; }
.fl-remove-quota:hover { background:#fee; }

/* Front message + counter reuse */
.fl-message {
    padding: 1em;
    background: #fff4f4;
    border: 1px solid #e22;
    color: #7a0000;
    text-align: center;
    font-weight: 600;
    border-radius: 6px;
}
.fl-counter { display:inline-flex; align-items:baseline; gap:6px; font-weight:600; }
.fl-counter-number { font-variant-numeric: tabular-nums; }