/* Meta Suite - stile base (sostituibile con il tema HUD in fase 2) */
:root { --bg:#0f1419; --card:#171d24; --line:#263038; --text:#e6edf3; --muted:#8b98a5; --primary:#1d9bf0; --ok:#2ea043; --err:#e5484d; --radius:10px; }
*{box-sizing:border-box} html,body{margin:0;padding:0}
body{font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text)}
a{color:var(--primary);text-decoration:none} a:hover{text-decoration:underline}
h1{font-size:22px;margin:0 0 4px} h2{font-size:16px;margin:0 0 12px}
.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}
.brand{font-weight:700;color:var(--text);font-size:17px} .nav{display:flex;gap:12px;align-items:center} .nav a{color:var(--text);display:inline-flex;align-items:center;min-height:44px;padding:0 8px} .user{color:var(--muted);font-size:13px}
.container{max-width:1100px;margin:0 auto;padding:16px} .container.narrow{max-width:460px;padding-top:48px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px;margin-bottom:16px} .card.narrow{max-width:560px} .card.empty{text-align:center;color:var(--muted)}
.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:4px 0 16px}
.muted{color:var(--muted)} a.back{display:inline-flex;align-items:center;min-height:44px} .small{font-size:12.5px} .inline{display:inline}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:8px;border:1px solid var(--line);background:transparent;color:var(--text);font:inherit;cursor:pointer}
.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff} .btn-ghost{background:transparent} .btn-sm{min-height:44px;padding:0 12px;font-size:13.5px}
.btn:hover{filter:brightness(1.08)}
.stack{display:grid;gap:12px} label{display:grid;gap:6px;font-size:13.5px;color:var(--muted)}
input,select{min-height:44px;padding:8px 12px;border-radius:8px;border:1px solid var(--line);background:#0b1016;color:var(--text);font:inherit;width:100%}
.actions{display:flex;gap:8px;justify-content:flex-end}
.alert{padding:10px 14px;border-radius:8px;margin-bottom:12px;border:1px solid} .alert-ok{border-color:var(--ok);color:#9be39e} .alert-error{border-color:var(--err);color:#ffb4b4}
.badge{display:inline-block;padding:2px 8px;border-radius:999px;border:1px solid var(--line);font-size:12.5px}
.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px} .dot.ok{background:var(--ok)} .dot.off{background:var(--muted)}
.table{width:100%;border-collapse:collapse} .table th,.table td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:middle} .table th{color:var(--muted);font-weight:600;font-size:12.5px;text-transform:uppercase;letter-spacing:.03em}
.table tr.muted td{opacity:.6}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);background:#1f2a35;color:var(--text);padding:12px 18px;border-radius:8px;border:1px solid var(--line);opacity:0;transition:.25s;pointer-events:none;max-width:90vw}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.login h1{text-align:center}
@media (max-width:767px){ .col-md{display:none} .container{padding:12px} .page-head form,.page-head .btn{width:100%} .topbar{padding:10px 12px} .nav{gap:8px} }