/* Configuration guidance and long Chinese labels, scoped to the center UI. */
/* Contain the form's vertical margins and paint one background over the full page. */
.auth-page{display:flow-root;min-height:100vh;min-height:100dvh;background-repeat:no-repeat}
.auth-page .auth{overflow-wrap:anywhere}
.auth-page .brand small{display:block}
.totp-qr img{display:block;max-width:100%;height:auto;background:#fff}
.field-help{display:block;color:#647780;font-size:12px;line-height:1.65;font-weight:400}
textarea{width:100%;border:1px solid #d6e0e1;border-radius:6px;background:#fff;color:var(--ink);padding:11px 12px;font:inherit;resize:vertical}
textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #087e8010}
pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.8 Consolas,"Microsoft YaHei",monospace}
td{white-space:pre-wrap;overflow-wrap:anywhere}
.checkbox-setting span{display:flex;align-items:center;gap:8px}
aside nav{min-height:0;overflow-y:auto}
aside .brand,aside .nav-caption,aside .sidefoot{flex-shrink:0}
aside .sidefoot{padding-top:16px}
.compact-form label{max-width:440px}
details{margin:16px 0;overflow-wrap:anywhere}
@media(min-width:761px){aside nav{flex:1}}
@media(max-width:760px){aside nav{overflow-x:auto;overflow-y:hidden}td{min-width:120px}.compact-form label{max-width:100%}}