/* Centri di assistenza: pagine del centro e gestione Unirig. Solo variabili di theme.css. */
.sc-page{ max-width:1180px; margin:20px auto; padding:0 16px; color:var(--ink); }
.sc-page *{ box-sizing:border-box; }
.sc-header{ display:flex; justify-content:space-between; align-items:flex-end; gap:12px; flex-wrap:wrap; margin-bottom:14px; }
.sc-header h1{ margin:0; font-size:22px; }
.sc-header p{ margin:4px 0 0; color:var(--muted); font-size:13px; }
.sc-card{
  background:linear-gradient(180deg, color-mix(in srgb, var(--paper) 96%, transparent), color-mix(in srgb, var(--paper-2) 96%, transparent));
  border:1px solid var(--border); border-radius:var(--radius); box-shadow:var(--shadow);
  padding:16px; margin-bottom:14px; min-width:0;
}
.sc-card h2{ margin:0 0 10px; font-size:16px; }
.sc-card h3{ margin:14px 0 8px; font-size:14px; }
.sc-muted{ color:var(--muted); font-size:13px; }
.sc-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:10px 16px; }
.sc-grid .label{ font-size:11px; font-weight:700; color:var(--muted); text-transform:uppercase; letter-spacing:.04em; }
.sc-grid .value{ margin-top:2px; overflow-wrap:anywhere; }
.sc-two{ display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:14px; align-items:start; }
.sc-btn{
  display:inline-flex; align-items:center; gap:7px; padding:8px 13px; border-radius:10px;
  border:1px solid var(--border); background:var(--paper-2); color:var(--ink);
  font:inherit; font-size:13px; font-weight:700; text-decoration:none; cursor:pointer;
}
.sc-btn:hover{ border-color:var(--accent); }
.sc-btn.primary{ background:var(--accent); color:var(--on-accent); border-color:transparent; }
.sc-btn.ok{ border-color:color-mix(in srgb, var(--ok) 55%, var(--border)); }
.sc-btn.danger{ color:var(--danger); border-color:color-mix(in srgb, var(--danger) 45%, var(--border)); }
.sc-actions{ display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
.sc-badge{
  display:inline-flex; align-items:center; gap:6px; padding:3px 9px; border-radius:999px;
  border:1px solid var(--border); background:var(--paper-2); font-size:12px; font-weight:700; white-space:nowrap;
}
.sc-badge.pending{ color:var(--warn); border-color:color-mix(in srgb, var(--warn) 45%, var(--border)); }
.sc-badge.approved{ color:var(--ok); border-color:color-mix(in srgb, var(--ok) 45%, var(--border)); }
.sc-badge.rejected, .sc-badge.suspended{ color:var(--danger); border-color:color-mix(in srgb, var(--danger) 45%, var(--border)); }
.sc-table-wrap{ overflow-x:auto; border:1px solid var(--border); border-radius:12px; }
.sc-table{ width:100%; border-collapse:collapse; font-size:14px; }
.sc-table th{ text-align:left; font-size:12px; color:var(--muted); background:var(--paper-2); padding:10px 12px; white-space:nowrap; }
.sc-table td{ padding:10px 12px; border-top:1px solid var(--border); background:var(--paper); vertical-align:top; }
.sc-table td.mono, .sc-mono{ font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.sc-table input[type=number]{ width:90px; }
.sc-form .field{ display:grid; gap:5px; margin-bottom:12px; }
.sc-form label{ font-size:13px; font-weight:700; }
.sc-form input:not([type=checkbox]):not([type=radio]), .sc-form select, .sc-form textarea{
  width:100%; padding:9px 10px; border:1px solid var(--border); border-radius:9px;
  background:var(--paper-2); color:var(--ink); font:inherit; font-size:14px;
}
.sc-form .help{ color:var(--muted); font-size:12px; }
.sc-form .errorlist{ color:var(--danger); font-size:13px; margin:2px 0; padding-left:18px; }
.sc-form-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:0 14px; }
.sc-empty{ padding:18px; border:1px dashed var(--border); border-radius:12px; color:var(--muted); text-align:center; }
.sc-list{ margin:0; padding-left:18px; }
.sc-chips{ display:flex; flex-wrap:wrap; gap:6px; }
.sc-chip{ padding:3px 9px; border-radius:999px; background:var(--paper-2); border:1px solid var(--border); font-size:12px; }
.sc-center-row{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; padding:12px 14px; border:1px solid var(--border); border-radius:12px; background:var(--paper); color:var(--ink); text-decoration:none; margin-bottom:8px; }
.sc-center-row:hover{ border-color:var(--accent); }
.sc-center-row .name{ font-weight:800; flex:1; min-width:180px; }
.sc-center-row .meta{ color:var(--muted); font-size:13px; }
.sc-status-box{ max-width:640px; margin:40px auto; text-align:center; }
.sc-status-box i.big{ font-size:38px; color:var(--accent); margin-bottom:10px; }

/* Selettore paesi */
.country-picker{ display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:14px; align-items:start; }
.country-picker.is-readonly{ grid-template-columns:1fr; }
.picker-toolbar{ display:flex; justify-content:space-between; align-items:center; gap:10px; margin-bottom:8px; flex-wrap:wrap; }
.picker-zoom{ display:inline-flex; gap:6px; }
.picker-btn{ padding:6px 11px; border-radius:9px; border:1px solid var(--border); background:var(--paper-2); color:var(--ink); font:inherit; font-size:12px; font-weight:700; cursor:pointer; }
.picker-btn.is-active{ border-color:var(--accent); color:var(--accent); }
.picker-count{ color:var(--muted); font-size:13px; font-weight:700; }
.picker-map{ position:relative; border:1px solid var(--border); border-radius:12px; overflow:hidden; background:color-mix(in srgb, var(--accent) 6%, var(--paper)); }
.world-map{ display:block; width:100%; height:auto; aspect-ratio:16/10; }
.world-map .country{ fill:var(--paper-2); stroke:color-mix(in srgb, var(--muted) 55%, var(--border)); stroke-width:.6; vector-effect:non-scaling-stroke; cursor:pointer; transition:fill .12s ease; }
.world-map .country:hover{ fill:color-mix(in srgb, var(--accent) 35%, var(--paper-2)); }
.world-map .country.is-selected{ fill:var(--accent); }
.world-map .country.is-selected:hover{ fill:color-mix(in srgb, var(--accent) 80%, var(--ink)); }
.world-map .country-dot{ fill:var(--muted); stroke:var(--paper); }
.world-map .country-dot.is-selected{ fill:var(--warn); }
.is-readonly .world-map .country{ cursor:default; }
.picker-tooltip{ position:absolute; z-index:5; pointer-events:none; max-width:260px; padding:6px 9px; border-radius:8px; background:var(--paper); border:1px solid var(--border); box-shadow:var(--shadow); font-size:12px; font-weight:700; }
.picker-hint{ color:var(--muted); font-size:12px; margin:6px 0 0; }
.picker-list{ border:1px solid var(--border); border-radius:12px; background:var(--paper); padding:10px; }
.picker-search{ width:100%; padding:8px 10px; border:1px solid var(--border); border-radius:9px; background:var(--paper-2); color:var(--ink); font:inherit; }
.picker-actions{ margin:8px 0; }
.picker-groups{ max-height:430px; overflow:auto; padding-right:4px; }
.picker-group{ border:0; margin:0 0 8px; padding:0; }
.picker-group legend{ font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.05em; color:var(--muted); padding:6px 0 4px; }
.picker-option{ display:flex; align-items:center; gap:8px; padding:3px 2px; font-size:13px; cursor:pointer; }
.picker-option input{ width:16px; height:16px; accent-color:var(--accent); }

@media (max-width: 900px){
  .country-picker, .sc-two{ grid-template-columns:1fr; }
  .picker-groups{ max-height:260px; }
}