.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:32px;background:var(--paper,#faf9f6)}
.auth-card{width:min(100%,500px);padding:40px;background:white;border:1px solid #ddd9d0;border-top:4px solid #a48251;border-radius:12px;box-shadow:0 16px 48px #2d426512}
.auth-card h1{font-size:30px;line-height:1.2;margin:20px 0}.auth-card p{line-height:1.6}.auth-card input{min-height:44px}.auth-card button{min-height:44px}
#auth-error{color:#9b2929;min-height:1.5em;margin:0}.auth-panel{padding:24px}.account-links{display:flex;gap:8px;flex-wrap:wrap;padding:8px 0}.account-links button{min-height:44px;padding:8px;color:inherit;border:1px solid currentColor;background:transparent;border-radius:5px}.access-note{margin:12px 0;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.access-note button{min-height:44px}
@media(max-width:600px){.auth-wrap{padding:16px}.auth-card{padding:24px}.auth-card h1{font-size:26px}}
.support-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:24px;align-items:start}.support-layout .padded{padding:28px}.support-layout h2{margin-top:0}.support-layout [hidden]{display:none}.support-layout textarea{resize:vertical;min-height:100px}.support-layout small{line-height:1.5}.support-guide ol{padding-left:22px}.support-guide li{margin:20px 0}.support-guide li p{margin:6px 0}.support-ticket{border-top:1px solid var(--line,#ddd9d0);padding:18px 0}.support-ticket summary{cursor:pointer;min-height:44px;line-height:1.5}.support-ticket summary span{display:block;font-size:13px;color:#586274;margin:4px 0}.support-ticket dt{font-weight:600;margin-top:18px}.support-ticket dd{margin:6px 0 18px;white-space:pre-wrap;overflow-wrap:anywhere}.support-ticket strong,.support-ticket summary{overflow-wrap:anywhere}.support-note p{white-space:pre-wrap}.support-update{max-width:720px;margin:20px 0}.support-layout input,.support-layout select,.support-layout button,.support-update button{min-height:44px}
@media(max-width:900px){.support-layout{grid-template-columns:1fr}.support-layout .padded{padding:20px}}
.sidebar{overflow-y:auto}
@media(max-width:760px){.sidebar-bottom{display:flex;flex-wrap:wrap;gap:8px;padding:8px 12px;border-bottom:1px solid var(--line)}.sidebar-bottom .local-status,.sidebar-bottom .user{display:none}.sidebar-bottom .account-links{padding:0;margin-left:auto}.sidebar-bottom .account-links button{font-size:11px}}
