/* Tata letak installer + halaman sederhana (error, beranda sementara). Komponen = Arc (arc-*); di sini hanya tata letak. */
.brand { display: flex; align-items: center; gap: var(--space-3); }
.brand img { width: 3rem; height: 3rem; border-radius: var(--radius-control); }
.brand-name { font-size: var(--text-xl); font-weight: 600; }
.brand-sub { color: var(--text-secondary); font-size: var(--text-sm); }

/* Host + Port sebaris: port hanya 4–5 angka. */
.install-row { display: grid; gap: var(--space-4); grid-template-columns: minmax(0, 1fr) 7rem; }

.install-checks > summary { list-style: none; display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); min-height: 44px; cursor: pointer; }
.install-checks > summary::-webkit-details-marker { display: none; }
.install-checks > summary:focus-visible { outline: 2px solid var(--foreground); outline-offset: 2px; border-radius: var(--radius-control); }
.install-checks__toggle { color: var(--text-muted); font-size: var(--text-sm); }
.install-checks__toggle::after { content: "Lihat rincian"; }
.install-checks[open] .install-checks__toggle::after { content: "Tutup"; }
.install-checks__list { list-style: none; margin: var(--space-2) 0 0; padding: 0; display: grid; gap: var(--space-2); }
.install-checks__list li { display: flex; align-items: center; gap: var(--space-3); min-height: 32px; font-size: var(--text-sm); }
.install-checks__list li > .arc-badge { min-width: 3.25rem; }
.install-checks__list small { color: var(--text-muted); }

code { font-size: .92em; background: var(--surface-muted); padding: 1px var(--space-1); border-radius: 6px; word-break: break-all; }