/* Password-only Ratio login form and generic security feedback. */
.ratio-login-card{width:min(430px,100%);border:1px solid var(--interface-border);border-radius:var(--interface-card-radius)}.ratio-login-form{display:grid;gap:16px}.ratio-login-form>div{display:grid;gap:5px}.ratio-login-form label{color:var(--text-emphasis);font-size:var(--interface-label-size);font-weight:750}.ratio-login-form input{width:100%;min-height:var(--interface-control-height);padding:var(--interface-control-padding);border:1px solid var(--interface-border);border-radius:var(--radius-small);color:var(--text-strong);font-size:var(--interface-value-size);font-weight:450;line-height:1.5}.login-error{display:grid;gap:4px;margin-bottom:18px;padding:12px 14px;border-radius:var(--interface-tile-radius);background:var(--danger-light);color:var(--danger);font-size:var(--interface-value-size);font-weight:650}

/* Organisation choice after sign-in: one full-width button per organisation. */
.organisation-choice {
    display: grid;
    gap: 10px;
    margin-top: 18px;
}

.organisation-choice-option {
    width: 100%;
    justify-content: flex-start;
}

/* Organisation choice notes: the current and the last-used organisation are named beside the name. */
.organisation-choice-option {
    gap: 10px;
}

.organisation-choice-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.organisation-choice-note {
    margin-left: auto;
    font-size: 12px;
    font-weight: 600;
    opacity: 0.75;
}

.organisation-choice-option:disabled {
    cursor: default;
}

/* Organisation switch inside the application: a narrow card with the same option list. */
.organisation-switch {
    max-width: 520px;
}

.organisation-switch .organisation-choice {
    margin-top: 12px;
}

.organisation-switch-intro,
.organisation-choice-empty {
    margin: 0;
    color: var(--text-secondary);
}