/* ── Bare layout (login, install, error pages) ───────────────────────────── */
body {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    background: var(--color-bg);
}

.bare-box {
    width: 100%;
    max-width: 400px;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius);
    padding: 36px;
    box-shadow: 0 4px 24px rgba(0,0,0,.08);
}

.bare-box__logo {
    text-align: center;
    margin-bottom: 28px;
}
.bare-box__logo-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    background: var(--color-primary);
    border-radius: var(--radius);
    margin-bottom: 12px;
}
.bare-box__logo-mark .material-symbols-outlined {
    color: #fff;
    font-size: 28px;
    font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 28;
}
.bare-box__title {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--color-text);
    margin-bottom: 4px;
    text-align: center;
}
.bare-box__subtitle {
    font-size: .85rem;
    color: var(--color-text-muted);
    text-align: center;
}

.bare-box form { margin-top: 4px; }
.bare-box .btn { width: 100%; justify-content: center; padding: 10px 16px; margin-top: 6px; }

/* error / blocked pages */
.bare-error {
    text-align: center;
}
.bare-error .material-symbols-outlined {
    font-size: 48px;
    color: var(--color-text-muted);
    margin-bottom: 12px;
    display: block;
}
.bare-error h1 { font-size: 1.3rem; margin-bottom: 8px; }
.bare-error p  { font-size: .9rem; color: var(--color-text-muted); }