/* SVILUPPO SAAS → Regia, licenze della piattaforma video (#66) */
.rgl { display:grid; gap:16px; max-width:1240px; }
.rgl-head { padding:22px; }
.rgl-head h2 { margin:2px 0 6px; font-size:24px; }
.rgl-head p { margin:0; color:var(--muted); font-size:13px; line-height:1.5; }
.rgl-notice { padding:16px 20px; border-color:#f0d29d; background:var(--amber2); color:#6f4510; }
.rgl-notice b { display:block; font-size:14px; }
.rgl-notice p { margin:4px 0 0; font-size:13px; line-height:1.5; }
.rgl-names { margin:0; color:var(--muted); font-size:13px; }
.rgl-names b { color:var(--ink); }
.rgl-summary { display:flex; flex-wrap:wrap; gap:8px; }
.rgl-summary span { padding:6px 14px; border:1px solid var(--line); border-radius:999px; background:#fff; color:var(--muted); font-size:13px; font-weight:600; }
.rgl-summary b { color:var(--ink); font-weight:800; }
.rgl-filters { display:flex; flex-wrap:wrap; gap:12px; align-items:end; padding:14px 18px; }
.rgl-filters label { display:grid; gap:4px; color:var(--muted); font-size:11px; font-weight:700; }
.rgl-filters input { min-width:240px; }
.rgl-count { margin-left:auto; color:var(--muted); font-size:12px; font-weight:700; }
/* Su schermi stretti la tabella scorre in orizzontale invece di stringere le colonne. */
.rgl-table table { min-width:1040px; }
.rgl-table td { vertical-align:top; }
.rgl-table td small { display:block; margin-top:3px; color:var(--muted); font-size:11px; line-height:1.35; }
.rgl-table td small.rgl-warning { color:var(--red); font-weight:700; }
.rgl-link { padding:0; border:0; background:none; color:var(--ink); font:800 14px 'DM Sans',sans-serif; text-align:left; cursor:pointer; }
.rgl-link:hover { color:#901110; text-decoration:underline; }
.rgl-email { overflow-wrap:anywhere; }
.rgl-muted { color:var(--muted); }
.rgl-expired { color:var(--red); font-weight:700; }
.rgl-badge { display:inline-block; padding:2px 9px; border-radius:999px; background:#efe9e9; color:#5d4d50; font-size:11px; font-weight:800; white-space:nowrap; }
.rgl-pay-saldato, .rgl-state-attiva { background:var(--green2); color:var(--green); }
.rgl-pay-in_pagamento, .rgl-state-da_abilitare { background:var(--amber2); color:var(--amber); }
.rgl-pay-non_pagato, .rgl-state-sospesa { background:var(--red2); color:var(--red); }
.rgl-pay-omaggio, .rgl-pay-manuale { background:#e8eef8; color:#2f4f7f; }
.rgl-pay-da_verificare { background:#edf0ee; color:#617068; }
@media (max-width:700px) {
  .rgl-filters input { min-width:0; width:100%; }
  .rgl-filters label { flex:1 1 100%; }
  .rgl-count { margin-left:0; }
}