ui: tab Diritti con tabella streaming + export CSV + settings Jamendo

- Nav item "⚖️ Diritti" nel gruppo Organizza (dopo Upgrade), feature=audio
- View #view-royalty: hero amber, folder picker, checkbox recursive,
  progress bar, tabella streaming (file · artista · titolo · stato ·
  match+licenza) con badge colorati
- Hint esplicito: "Non trovato" NON implica SIAE
- Modulo RoyaltyUI (pattern CatalogUI/DedupUI): streaming via
  royalty:progress / royalty:entry / royalty:done, link ai match
  aperti via open_external_url, export CSV client-side (Blob + download)
- Settings: nuovo campo jamendo_client_id (opzionale) + hint link
  devportal.jamendo.com; save/load via save_settings
- CSS: .royalty-scroll, .royalty-table, .royalty-badge-*,
  .royalty-row-rf/error, .progress-fill.amber, .percent.amber

node --check webui/js/app.js OK · 184 test verdi.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

webui/css/style.css

@@ -793,6 +793,7 @@ input[type="number"]::-webkit-inner-spin-button {
 .percent.blue { color: var(--blue-text); }
 .percent.pink { color: var(--pink-hover); }
 .percent.purple { color: var(--purple-text); }
+.percent.amber { color: var(--amber-text); }
 
 .progress {
   width: 100%;
@@ -825,6 +826,10 @@ input[type="number"]::-webkit-inner-spin-button {
   background: linear-gradient(90deg, var(--purple), var(--purple-hover));
 }
 
+.progress-fill.amber {
+  background: linear-gradient(90deg, var(--amber), var(--amber-hover));
+}
+
 /* ===============================
    LOG BOX
    =============================== */
@@ -2345,3 +2350,94 @@ input[type="number"]::-webkit-inner-spin-button {
   border: 1px solid var(--border);
 }
 
+
+/* ==================================================================
+ * Royalty (tab Diritti) — verifica royalty-free status.
+ * Riusa .catalog-table per lo stile base; override specifici qui.
+ * ================================================================== */
+.royalty-scroll {
+  max-height: 55vh;
+  overflow-y: auto;
+  overflow-x: auto;
+  padding-right: 6px;
+  border: 1px solid var(--border);
+  border-radius: var(--r-md);
+  background: var(--bg-card);
+}
+
+.royalty-table tbody td {
+  padding: 8px;
+  border-bottom: 1px solid var(--border);
+  vertical-align: middle;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  max-width: 320px;
+}
+
+.royalty-col-file   { max-width: 260px; }
+.royalty-col-artist { max-width: 160px; }
+.royalty-col-title  { max-width: 220px; }
+.royalty-col-status { width: 120px; }
+.royalty-col-match  { max-width: 320px; }
+
+/* Badge stato royalty */
+.royalty-badge {
+  display: inline-block;
+  padding: 2px 8px;
+  border-radius: 10px;
+  font-size: 10px;
+  font-weight: 700;
+  letter-spacing: 0.3px;
+  text-transform: uppercase;
+  white-space: nowrap;
+}
+.royalty-badge-rf {
+  background: var(--green-dim, rgba(16, 185, 129, 0.15));
+  color: var(--green-text);
+}
+.royalty-badge-unknown {
+  background: var(--bg-input);
+  color: var(--text-3);
+}
+.royalty-badge-error {
+  background: rgba(220, 38, 38, 0.15);
+  color: var(--red);
+}
+
+/* Dettaglio match (sorgente + licenza + link) */
+.royalty-match-cell {
+  display: block;
+  white-space: normal;
+  line-height: 1.4;
+  color: var(--text-2);
+  font-size: 12px;
+}
+.royalty-match-cell a {
+  color: var(--amber-text);
+  text-decoration: none;
+}
+.royalty-match-cell a:hover {
+  text-decoration: underline;
+}
+.royalty-match-source {
+  font-weight: 700;
+  color: var(--text-1);
+  margin-right: 6px;
+}
+.royalty-match-score {
+  color: var(--text-3);
+  font-size: 11px;
+  margin-left: 6px;
+}
+
+/* Riga con stato royalty_free: tinta verde tenue di sfondo */
+.royalty-table tbody tr.royalty-row-rf {
+  background: rgba(16, 185, 129, 0.06);
+}
+.royalty-table tbody tr.royalty-row-rf:hover {
+  background: rgba(16, 185, 129, 0.12);
+}
+.royalty-table tbody tr.royalty-row-error {
+  background: rgba(220, 38, 38, 0.05);
+}