/* Email registration/recovery. Preserve the terjemahin.id palette. */
#login.login{width:min(450px,calc(100% - 28px));max-width:450px;margin:46px auto;padding:27px 31px;border-radius:22px;background:#1b1b1e;border:1px solid #3b3834;box-shadow:0 20px 70px #0005}
#login .brand.td-login-brand{margin:0 auto 13px;gap:0}
#login .td-login-logo{width:115px;height:115px}
#login .td-login-tagline{font-size:12px}
.auth-intro{font-size:13px;color:#aaa6a1;line-height:1.75;text-align:center;margin:0 0 18px}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;background:#111113;border:1px solid #343338;border-radius:11px;padding:5px;margin-bottom:21px}
#login .auth-tabs button{padding:10px 16px;min-height:40px;border:0;border-radius:7px;background:transparent;color:#a9a5a0;font-size:14px;font-weight:650;box-shadow:none;cursor:pointer}
#login .auth-tabs button.selected{background:#F78C1B;color:#171412}
#login [data-auth-pane][hidden],#login .auth-tabs[hidden],#authStatus[hidden]{display:none!important}
#login form{display:grid;gap:13px;margin:0}
#login form label{display:grid;gap:6px;font-size:12px;color:#d4d0cb;line-height:1.5}
#login form input{width:100%;box-sizing:border-box;min-height:43px;padding:10px 12px;border-radius:9px;border:1px solid #444247;background:#242427;color:#f6f2ed;font:inherit;font-size:14px}
#login form>button[type=submit],#authVerifyConfirm{width:100%;min-height:44px;border:1px solid #F78C1B;border-radius:9px;background:#F78C1B;color:#171412;font-size:14px;font-weight:750;cursor:pointer;margin-top:4px}
#login form>button[type=submit]:hover,#authVerifyConfirm:hover{background:#ff9f3c}
#login button.auth-link{border:0;background:transparent;color:#e6ae72;padding:3px 0;font-size:12px;box-shadow:none;min-height:25px;cursor:pointer}
#login .auth-secondary{background:#29292d;border:1px solid #454348;color:#ddd6ce;font-size:13px;border-radius:9px;min-height:40px;width:100%;margin-top:10px;cursor:pointer}
#login .auth-help{font-size:11px;color:#9a958f;line-height:1.7;margin:0}
#authStatus{font-size:12px;color:#d2e9d2;line-height:1.8;border:1px solid #44583e;background:#20301f;padding:11px 12px;border-radius:9px;overflow-wrap:anywhere;margin:17px 0 0}
#authStatus.is-error{color:#ffc2b9;border-color:#734038;background:#38231f}
.auth-home{display:block;font-size:11px;text-align:center;margin-top:21px;color:#a49d94}
#emailProfileButton{font-size:12px}
#smtpSettingsButton{font-size:12px}
.account-dialog{box-sizing:border-box;width:calc(100% - 28px);max-width:660px;max-height:90dvh;overflow:auto;padding:25px;background:#1d1e22;color:#f4f1ec;border:1px solid #454348;border-radius:18px;box-shadow:0 20px 80px #0008}
.account-dialog::backdrop{background:#000b}
.account-dialog:not([open]){display:none}
.account-dialog h2{font-size:23px;margin:0 0 13px}
.account-dialog p{font-size:12px;color:#b5aea6;line-height:1.8;overflow-wrap:anywhere}
.account-dialog form label{display:grid;gap:6px;font-size:12px;line-height:1.6;color:#d7cfc7}
.account-dialog input,.account-dialog select{width:100%;box-sizing:border-box;min-height:42px;padding:9px 11px;border:1px solid #454348;border-radius:8px;background:#27272b;color:#f6f1ec;font:inherit;font-size:13px}
.account-dialog .account-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:18px 0}
.account-dialog .account-span{grid-column:1/-1}
.account-dialog small{font-size:10px;color:#a29b92;line-height:1.6}
.account-dialog .account-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:17px}
.account-dialog button{min-height:39px;padding:8px 17px;border-radius:8px;font-size:12px;cursor:pointer}
.account-dialog #smtpSave,.account-dialog #emailProfileSave{background:#F78C1B;color:#171412;border:1px solid #F78C1B;font-weight:700}
#smtpTestForm{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;padding-top:19px;border-top:1px solid #454348;margin-top:22px}
#emailProfileDialog{max-width:440px}
#emailProfileForm{display:grid;gap:13px;margin-top:18px}
#smtpStatus,#emailProfileStatus{padding:10px 12px;border-radius:8px;background:#282522;border:1px solid #514334;margin-top:17px}
@media(max-width:560px){#login.login{margin:23px auto;padding:23px 23px;border-radius:18px}#login .td-login-logo{width:100px;height:100px}.account-dialog{padding:20px}.account-dialog .account-grid{grid-template-columns:1fr}.account-dialog .account-span{grid-column:auto}#smtpTestForm{grid-template-columns:1fr}.topbar #emailProfileButton,.topbar #smtpSettingsButton{font-size:11px;padding:8px}}

.auth-token-dialog{max-width:450px}.auth-token-dialog form{display:grid;gap:13px;margin-top:18px}.auth-token-dialog button[type=submit]{min-height:43px;background:#F78C1B;color:#171412;border:1px solid #F78C1B;border-radius:9px;font-weight:700}.auth-token-dialog [data-auth-pane][hidden]{display:none!important}.auth-token-back{margin-top:14px}#authTokenStatus{font-size:12px;color:#d2e9d2;line-height:1.8;padding:11px 12px;border-radius:9px;border:1px solid #44583e;background:#20301f}#authTokenStatus[hidden]{display:none!important}#authTokenStatus.is-error{color:#ffc2b9;border-color:#734038;background:#38231f}

/* v1.11.1: dashboard brand returns to public homepage. */
.topbar a.td-header-brand{text-decoration:none;color:inherit}
.topbar a.td-header-brand:focus-visible{outline:2px solid #F78C1B;outline-offset:5px;border-radius:8px}