.auth-forgot{display:block;margin:7px auto 5px;padding:2px 6px;min-height:22px;border:0;background:none;color:#00dce6;text-decoration:underline;text-underline-offset:3px;font:14px/1.2 var(--kino-font-ui,'IBM Plex Sans',sans-serif);cursor:pointer}.auth-forgot[hidden]{display:none!important}.auth-forgot:focus-visible{outline:1px solid #00dce6;outline-offset:3px}
.auth-recovery{box-sizing:border-box;width:min(390px,calc(100vw - 28px));max-height:calc(100dvh - 28px);padding:20px;border:1px solid #087e8c;border-radius:4px;background:#041a21;color:#e0f4f6;font:15px/1.35 var(--kino-font-ui,'IBM Plex Sans',sans-serif)}.auth-recovery::backdrop{background:#000a}.auth-recovery header{display:flex;align-items:center;gap:12px;margin-bottom:14px}.auth-recovery h2{font-size:18px;margin:0;font-weight:500}.auth-recovery header button{margin-left:auto;background:none;border:0;color:#aad2db;font-size:25px;cursor:pointer;min-width:32px;min-height:32px}.auth-recovery form>div{display:flex;gap:8px}.auth-recovery input{width:0;flex:1;min-width:0;padding:10px;border:1px solid #24515c;background:#00131a;color:#edffff;border-radius:3px;font:inherit;font-size:16px}.auth-recovery form button{border:1px solid #00cbd6;background:#073039;color:#00e3ed;padding:8px 15px;border-radius:3px;cursor:pointer;font:inherit}.auth-recovery p{font-size:12px;color:#a4c7d0;margin:10px 0 0}.auth-recovery p:empty{display:none}.auth-recovery button:disabled{opacity:.6;cursor:wait}
@media(orientation:landscape) and (max-height:600px){.auth-forgot{font-size:12px;min-height:18px;margin:3px auto}.auth-panel:has(.auth-forgot:not([hidden])) .keypad{row-gap:3px}}

.auth-stage>.auth-panel[data-step=login] #login-form:has(.auth-forgot:not([hidden])){grid-template-rows:auto clamp(34px,7svh,56px) auto minmax(0,1fr)!important}.auth-forgot{align-self:center;justify-self:center}
