:root { --bg: #0b1324; --card:#111a2e; --fg:#e6e8ee; --muted:#9aa3b2; --acc:#4f86ff; }
* { box-sizing:border-box; }
body { margin:0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, 'Helvetica Neue', Arial, 'Noto Sans', 'Apple Color Emoji', 'Segoe UI Emoji'; background:var(--bg); color:var(--fg); }
a { color: var(--acc); text-decoration: none; }
.container { max-width: 1100px; margin: 0 auto; padding: 24px; }
.card { background: var(--card); border-radius: 16px; padding: 18px; box-shadow: 0 10px 30px rgba(0,0,0,.3); margin-bottom: 16px; }
h1,h2,h3 { margin: 0 0 12px 0; }
label { display:block; margin: 8px 0 4px; color: var(--muted); }
input, select { width:100%; padding:10px 12px; border-radius: 10px; border:1px solid #223; background:#0f1a31; color:var(--fg); }
button { padding:10px 14px; border:0; border-radius:12px; background:var(--acc); color:white; cursor:pointer; }
button.secondary { background:#1e2a47; }
.grid { display:grid; gap: 12px; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
.badge { padding:4px 8px; border-radius:12px; background:#1e2a47; color:var(--muted); font-size:12px; }
.row { display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
.table { width:100%; border-collapse: collapse; }
.table th, .table td { padding:10px; border-bottom:1px solid #24304d; text-align:left; }
hr { border:0; border-top:1px solid #24304d; margin:16px 0; }
/* prima era: .select-inline { min-width: 160px; } */
.select-inline { min-width: 300px; max-width: 100%; }

/* permette a molte UI di NON troncare con ellissi */
select.select-inline {
  white-space: normal;
}

/* su schermi piccoli allarghiamo ancora un po' */
@media (max-width: 480px) {
  .select-inline { min-width: 100%; }
}
form.inline { display:flex; gap:10px; flex-wrap:wrap; align-items:flex-end; }
.alert { padding:10px 12px; border-radius:10px; background:#1a2a1a; color:#b6f3b6; }
.alert.err { background:#2a1a1a; color:#f3b6b6; }
.nav { display:flex; gap:12px; }
.nav a { padding:8px 12px; border-radius:10px; background:#101b33; }
.nav a.active { background:#1b2a4f; }
.small { font-size: 13px; color: var(--muted); }