/* Aggiunte per il sito centrale (il resto e' app.css delle pagine PLC) */

.user { color: var(--muted); font-size: 13px; }
.topbar__right .btn { padding: 6px 12px; text-decoration: none; }

/* login */
.login-box { display: grid; place-items: center; min-height: 60vh; }
.login-box form { width: min(380px, 100%); display: flex; flex-direction: column; gap: 14px; }
.login-box .field input { width: 100%; }
.msg-err { margin: 0; padding: 10px 12px; border-radius: var(--radius-sm);
  background: rgba(239,68,68,.12); border: 1px solid var(--alarm); color: #fca5a5; }

/* riepilogo in alto */
.riepilogo .big-stat { padding: 14px 18px; }

/* tabella macchine */
.table-wrap--full { max-height: none; }
table.data th small { color: var(--faint); font-weight: 500; }
table.data td.txt, table.data th.txt { text-align: left; }
table.data td.txt { font-family: var(--font); }
table.data td.txt--alarm { color: #fca5a5; }
table.data td a { color: var(--accent); text-decoration: none; font-family: var(--font); font-weight: 600; }
table.data td a:hover { text-decoration: underline; }
table.data tr.is-stale td { color: var(--faint); }
table.data td.empty-row { text-align: center; color: var(--muted); padding: 24px; font-family: var(--font); }

/* stato turbina */
.stato { display: inline-block; min-width: 92px; text-align: center; padding: 2px 10px; border-radius: 999px;
  font: 600 12px var(--font); border: 1px solid var(--line); background: var(--card-2); color: var(--muted); }
.stato--ok    { border-color: var(--ok);    color: var(--ok);    background: rgba(34,197,94,.10); }
.stato--run   { border-color: var(--accent); color: var(--accent); background: rgba(56,189,248,.10); }
.stato--warn  { border-color: var(--warn);  color: var(--warn);  background: rgba(250,204,21,.08); }
.stato--alarm { border-color: var(--alarm); color: #fca5a5;      background: rgba(239,68,68,.12); }
.stato--off   { color: var(--faint); }

@media (max-width: 760px) {
  .page-head .field { width: 100%; }
  .user { display: none; }
}