/* Account forms use the existing green palette and remain readable at small widths. */
.auth-page{margin:0;padding:clamp(16px,5vw,56px);background:#eef2ef;color:#111514;font:16px/1.6 system-ui,sans-serif;min-height:100vh;box-sizing:border-box}
.auth-card{max-width:480px;margin:3vh auto;padding:clamp(24px,5vw,40px);background:#fff;border-radius:20px;box-shadow:0 12px 36px #173d2410}
.auth-logo{display:block;width:200px;max-width:100%;height:auto;margin-bottom:24px}
.auth-card h1{font-size:28px;line-height:1.25;margin:0 0 16px;letter-spacing:-.025em}
.auth-card p{margin:12px 0 20px}.auth-page a{color:#256d58;text-underline-offset:3px}
.auth-card label,.account-settings label{display:block;margin:18px 0 6px;font-weight:550}
.auth-card input,.account-settings input:not([type=checkbox]){box-sizing:border-box;width:100%;min-height:46px;padding:11px 13px;border:1px solid #b9c9c0;border-radius:9px;font:inherit;background:#fff;color:#111514;caret-color:#256d58}
.auth-card small,.account-settings small{display:block;margin-top:6px;color:#52665a;font-size:13px}
.auth-card button,.account-settings button,.account-link-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 18px;border:0;border-radius:9px;background:#256d58;color:#fff;font:600 15px/1.5 system-ui,sans-serif;cursor:pointer;text-decoration:none}
.auth-card button{width:100%;margin-top:24px}.auth-card .auth-secondary{display:block;margin-top:12px;font-size:14px}.auth-card .auth-footer{margin-top:26px;padding-top:20px;border-top:1px solid #dce5df}
.account-error{padding:14px 16px;border-radius:10px;background:#fff0ef!important;color:#8e2424!important;overflow-wrap:anywhere}
.account-success{padding:14px 16px;border-radius:10px;background:#e1f4eb!important;color:#18543f!important}
.account-settings{max-width:1000px!important;min-width:0;margin:0 auto!important}.account-settings h1{font-size:36px;font-weight:550;letter-spacing:-.03em;margin:0 0 24px}
.account-panel{margin:0 0 24px;padding:clamp(20px,3vw,32px);background:#fff;border-radius:16px;max-width:760px;box-sizing:border-box}
.account-panel h2{font-size:21px;font-weight:600;margin:0 0 12px}.account-panel p{line-height:1.65;margin:10px 0 16px}.account-panel form{max-width:560px}.account-panel button{margin-top:20px}.account-panel summary{font-size:20px;font-weight:600;cursor:pointer;min-height:36px}.account-hint{font-size:14px;color:#52665a}.account-check{display:flex!important;align-items:center;gap:10px;min-height:36px}.account-check input{width:20px;height:20px;margin:0}
.account-welcome{background:#e1f4eb}.account-signout{margin:16px 0 32px}.account-signout button{background:transparent;color:#256d58;border:1px solid #b9c9c0}
.sidebar-account{font-size:13px;overflow-wrap:anywhere;margin:0;color:#52665a}.sidebar-signout{margin:0;width:100%}.sidebar-signout button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;width:100%;padding:9px 12px;border:1px solid #d5e1da;border-radius:9px;background:transparent;color:#256d58;font-size:13px;cursor:pointer}.sidebar-signout svg{width:19px;height:19px;flex-shrink:0}
.auth-page :is(input,button,a):focus-visible,.account-settings :is(input,button,a,summary):focus-visible,.sidebar-signout button:focus-visible{outline:3px solid #256d58;outline-offset:3px}
html[data-theme=dark] .account-panel{background:#232725;color:#e3ece6}html[data-theme=dark] .account-panel small,html[data-theme=dark] .account-hint,html[data-theme=dark] .sidebar-account{color:#b4c6ba}html[data-theme=dark] .account-settings :is(button,.account-link-button){background:#61b79d;color:#102c23}html[data-theme=dark] .sidebar-signout button{color:#a4e2c8;border-color:#465a4d}html[data-theme=dark] .account-welcome{background:#263e34}
/* Keep all four destinations and account controls discoverable on mobile. */
@media(max-width:760px){html body[data-page]>header nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;overflow:visible!important}html body[data-page]>header nav a{min-height:44px;box-sizing:border-box;white-space:normal!important}.sidebar-account{width:100%;text-align:center}.workspace-sidebar-bottom .sidebar-signout{width:100%}.account-settings h1{font-size:30px}.account-panel{padding:20px}.account-settings button{max-width:100%;white-space:normal}}
.account-panel details{margin:14px 0}.account-panel details summary{font-size:16px;line-height:1.6;min-height:44px;padding:8px 0}.auth-card .account-panel{padding:0;margin-bottom:24px}.auth-page .account-link-button{color:#fff}