/* install/assets/installer.css - scoped tweaks for installer */
:root{ --install-max: 760px; }

main.container{ max-width: var(--install-max); }
.card form .row{ display:grid; grid-template-columns: 220px 1fr; gap:12px; align-items:center; }
.card form .row.stack{ grid-template-columns: 1fr; }
.card form label{ color: var(--text-muted); font-size: .95rem; }
.card form input[type="text"],
.card form input[type="email"],
.card form input[type="password"],
.card form input[type="number"],
.card form select,
.card form textarea{
  width:100%;
  max-width: 520px;
}
.card .actions{ display:flex; gap:12px; align-items:center; }
.card .actions .spacer{ flex:1 1 auto; }

/* tighten notices to avoid big inline blocks; errors still show */
.notice{ display:none; }
.error{ display:block; }

/* mobile */
@media (max-width: 640px){
  .card form .row{ grid-template-columns: 1fr; }
}
/* preflight legend */
.table-preflight { width:100%; border-collapse:collapse; }
.table-preflight th, .table-preflight td { padding:8px 10px; border-bottom:1px solid var(--border); }
.badge { display:inline-block; padding:.15rem .5rem; border-radius:999px; font-size:.82rem; }
.badge.ok { background: rgba(34,197,94,.15); color:#22c55e; }
.badge.warn { background: rgba(245,158,11,.15); color:#f59e0b; }
.badge.fail { background: rgba(239,68,68,.15); color:#ef4444; }
.legend { margin:.5rem 0 1rem; color: var(--text-muted); font-size:.9rem; }
    /* preflight colors + notes visibility */
.ok   { color: #22c55e; font-weight: 600; }
.warn { color: #f59e0b; font-weight: 600; }
.bad  { color: #ef4444; font-weight: 600; }
.notice { 
  display: block; 
  background: rgba(148,163,184,.08); 
  border: 1px solid var(--border,rgba(255,255,255,.1)); 
  border-radius: 12px; 
  padding: .75rem 1rem; 
  margin-top: .75rem; 
  color: var(--text-muted,#a0aec0);
}
/* spacing tweaks so Continue isn't crowded */
.table { margin-bottom: 10px; }             /* space below checks table */
.notice { margin-bottom: 14px; }            /* space under Notes box */
.notice + .actions { margin-top: 10px; }    /* extra gap before button */
.card .actions { display:flex; gap:12px; }  /* keep consistent layout */