/* Shared login/registration widgets: one visual language across every gate. */
.ds-account-tabs[hidden],.ds-signup-form[hidden] {display:none!important}
.ds-account-tabs {
    display:flex;gap:5px;margin:12px 0 16px;padding:4px;
    border:1px solid var(--ds-color-border);
    border-radius:var(--ds-radius-control);
    background:var(--ds-color-surface-tint);
}
.ds-account-tabs button {
    flex:1;min-width:0;padding:10px 9px;border:0;
    border-radius:var(--ds-radius-control);
    background:transparent;color:var(--ds-color-text);
    cursor:pointer;font:600 13px/1.3 var(--ds-font-body);
}
.ds-account-tabs button[aria-selected="true"] {
    background:var(--ds-color-paper);
    color:var(--ds-color-heading);
    box-shadow:0 1px 4px rgba(31,54,40,.12);
}
.ds-account-tabs button:hover:not([aria-selected="true"]) {background:var(--ds-color-surface-hover)}
.ds-account-tabs button:focus-visible,
.ds-signup-form :is(button,input):focus-visible {
    outline:var(--ds-focus-outline);outline-offset:2px;
}
.ds-signup-form {display:grid;gap:13px;text-align:left;width:100%}
.ds-signup-form label {
    display:grid;gap:6px;
    color:var(--ds-color-text);font:13px/1.45 var(--ds-font-body);
}
.ds-signup-form input {
    box-sizing:border-box;width:100%;min-height:var(--ds-input-height);padding:10px 11px;
    background:var(--ds-color-paper);color:var(--ds-color-text);
    border:1px solid var(--ds-input-border);
    border-radius:var(--ds-radius-control);
    font:14px/1.4 var(--ds-font-body);
}
.ds-signup-form button[type="submit"] {
    padding:10px 14px;min-height:40px;
    border:1px solid var(--ds-color-primary-border);
    border-radius:var(--ds-radius-control);
    background:var(--ds-color-primary);color:#fff;
    cursor:pointer;font:600 14px/1.4 var(--ds-font-body);
}
.ds-signup-form button[type="submit"]:hover:not(:disabled) {background:var(--ds-color-header)}
.ds-signup-form button:disabled {opacity:.6;cursor:wait}
.ds-signup-hint,.ds-signup-message {
    margin:0;color:var(--ds-color-muted);
    font:13px/1.5 var(--ds-font-body);
    overflow-wrap:anywhere;
}
.ds-signup-message:not(:empty) {
    padding:9px 11px;
    border-left:3px solid var(--ds-color-primary-border);
    background:var(--ds-color-surface-tint);
}