.login-card,.setup-card{width:min(100% - 32px,500px);margin:8vh auto;padding:32px;background:#fff;border:1px solid #dce4ef;border-radius:20px;box-shadow:0 12px 36px #17355d14}
.login-card h1{font-size:30px;margin:20px 0 4px}.login-card p{margin-bottom:22px}.login-card .brand-mark{width:54px;height:54px;font-size:28px}.login-card label,.setup-card label{display:flex;flex-direction:column;gap:8px;margin:18px 0}.login-card input,.setup-card input,.setup-card select{width:100%;min-height:48px;padding:12px;font-size:16px;border:1px solid #c6d1df;border-radius:9px}.login-card form>button,.setup-card form>button{width:100%;min-height:48px;margin-top:12px}.setup-card h2{margin-top:28px;font-size:19px}.setup-card p{line-height:1.8}.cloud-layer{position:fixed;inset:0;background:#10233f88;z-index:20000;display:flex;align-items:center;justify-content:center;padding:20px}.cloud-dialog{background:#fff;border-radius:18px;padding:28px;max-width:540px;width:100%;box-shadow:0 12px 50px #10233f40}.cloud-dialog h2{margin-bottom:12px}.cloud-dialog p{line-height:1.8;white-space:pre-line}.cloud-dialog .actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.cloud-dialog button{min-height:46px}.cloud-dialog .field-hint{margin-top:18px}.cloud-logout{white-space:nowrap;margin-left:12px}.topbar{flex-wrap:wrap;gap:8px}.setup-body{padding-bottom:24px}
@media(max-width:760px){.login-card,.setup-card{margin:24px auto;padding:24px}.cloud-logout{font-size:12px;margin-left:auto}.topbar .save-state{font-size:11px}.cloud-dialog .actions button{width:100%}.cloud-dialog{max-height:90vh;overflow:auto}}
.topbar{height:auto;min-height:65px;padding-top:10px;padding-bottom:10px}
@media(max-width:760px){.topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}.topbar-left{grid-column:1 / -1;flex-wrap:wrap}.topbar .save-state{min-width:0;line-height:1.5}.cloud-logout{margin:0;min-height:44px!important}}