:root {
    color-scheme: light;
    font-family: Arial, Helvetica, sans-serif;
    background: #f4f6f8;
    color: #1f2933;
}

* { box-sizing: border-box; }
html { min-height: 100%; }
body { margin: 0; min-height: 100vh; background: #f4f6f8; }

.site-header {
    background: #ffffff;
    border-bottom: 1px solid #d9e2ec;
}

.site-header__inner,
.site-main,
.site-footer {
    width: min(1180px, calc(100% - 32px));
    margin-inline: auto;
}

.site-header__inner {
    min-height: 92px;
    display: flex;
    align-items: center;
    gap: 18px;
}

.site-header__inner strong { display: block; font-size: 1.25rem; }
.site-header__inner span { display: block; margin-top: 4px; color: #52606d; }
.site-logo { display: block; max-width: 180px; max-height: 64px; object-fit: contain; }
.site-main { padding-block: 34px; }

.panel {
    background: #ffffff;
    border: 1px solid #d9e2ec;
    border-radius: 10px;
    padding: 28px;
    box-shadow: 0 8px 30px rgba(31, 41, 51, .06);
}

.eyebrow {
    margin: 0 0 8px;
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .13em;
    color: #486581;
}

h1 { margin: 0 0 14px; font-size: clamp(1.8rem, 4vw, 2.6rem); }
.grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 26px; }
.status-card { border: 1px solid #e4e7eb; border-radius: 8px; padding: 18px; }
.status-card h2 { margin: 0 0 8px; font-size: 1.05rem; }
.status-card p { margin: 0; color: #52606d; line-height: 1.55; }
.environment { margin: 24px 0 0; color: #7b8794; font-size: .9rem; }
.site-footer { padding: 14px 0 30px; color: #7b8794; text-align: center; font-size: .85rem; }

@media (max-width: 700px) {
    .grid { grid-template-columns: 1fr; }
    .site-header__inner { min-height: 78px; }
    .site-logo { max-width: 130px; }
    .panel { padding: 20px; }
}

.panel--narrow{max-width:620px;margin-left:auto;margin-right:auto}.form-stack{display:grid;gap:16px;margin-top:24px}.form-stack label{display:grid;gap:7px;font-weight:700}.form-stack input{width:100%;box-sizing:border-box;padding:11px 12px;border:1px solid #c9d0d8;border-radius:6px;background:#fff;color:#1d2430;font:inherit}.form-stack button,.action-row button,.member-box button,.button-link{display:inline-block;border:0;border-radius:6px;padding:10px 15px;background:#183b67;color:#fff;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}.form-stack button:hover,.action-row button:hover,.member-box button:hover,.button-link:hover{filter:brightness(1.08)}.form-stack .remember-option{display:flex;grid-template-columns:none;align-items:center;gap:8px;font-weight:600}.form-stack .remember-option input{width:auto;margin:0;padding:0;box-shadow:none}button:disabled{opacity:.5;cursor:not-allowed}.notice{margin:18px 0;padding:12px 14px;border-radius:6px;border:1px solid #cfd6de;background:#f7f9fb}.notice--error{border-color:#b43c3c}.notice--success{border-color:#3c8a53}.notice--warning{border-color:#a5791f}.muted{opacity:.72;font-size:.92rem}.member-box{margin-top:24px;padding:16px;border:1px solid #d8dde4;border-radius:8px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.member-box form{margin:0}.member-box span{opacity:.72}.dev-link{margin-top:22px}.action-row{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.action-row form{margin:0}.facts{display:grid;gap:6px}.facts div{display:grid;grid-template-columns:minmax(160px,220px) 1fr;gap:12px;padding:7px 0;border-bottom:1px solid #e6e9ed}.facts dt{font-weight:700}.facts dd{margin:0}.migration-report{margin-top:24px}
.facts-table{width:100%;border-collapse:collapse;margin:12px 0 20px;background:#fff}.facts-table th,.facts-table td{padding:8px 10px;text-align:left;vertical-align:top;border-bottom:1px solid #e6e9ed}.facts-table th{font-weight:700;background:#f7f9fb;white-space:nowrap}
.dev-scroll-x{overflow-x:auto}.dev-inline-form{display:inline}