/* The test catalogue follows both Apple_v2 semantic palettes. */
#loginScreen .demo75-logo-button {display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:44px;min-height:44px;padding:2px;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer}
#loginScreen .demo75-logo-button:hover {background:rgb(255 255 255 / .14)}
#loginScreen .demo75-logo-button:focus-visible {outline:3px solid #b9dcff;outline-offset:4px}
#loginScreen .demo75-logo-button img {display:block;margin:0}
#demoLoginDialog_v75.demo75-dialog {padding:0;width:min(940px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto;background:var(--ui-surface);color:var(--ui-text);border:1px solid var(--ui-border);border-radius:18px;font-size:calc(15px * var(--font-scale,1))}
#demoLoginDialog_v75 .demo75-head {display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;border-bottom:1px solid var(--ui-border);position:sticky;top:0;z-index:1;background:var(--ui-surface)}
#demoLoginDialog_v75 h2 {margin:0;font-size:calc(23px * var(--font-scale,1));line-height:1.35}
#demoLoginDialog_v75 .demo75-head button {flex:0 0 auto}
#demoLoginDialog_v75 .demo75-body {padding:20px 24px 24px}
#demoLoginDialog_v75 .demo75-notice,#demoLoginDialog_v75 .demo75-restriction {background:var(--ui-wait-bg);color:var(--ui-wait-fg);border-radius:10px;padding:12px 16px;line-height:1.5}
#demoLoginDialog_v75 .demo75-notice p {margin:0}
#demoLoginDialog_v75 .demo75-notice p+p {margin-top:6px}
#demoLoginDialog_v75 .demo75-restriction {border:1px solid var(--ui-wait-fg);margin-top:12px}
#demoLoginDialog_v75 .demo75-zh,#demoLoginDialog_v75 .demo75-en,#demoLoginFillStatus_v75 .demo75-zh,#demoLoginFillStatus_v75 .demo75-en {display:block}
#demoLoginDialog_v75 .demo75-zh+.demo75-en,#demoLoginFillStatus_v75 .demo75-zh+.demo75-en {font-size:.88em;margin-top:3px;opacity:.92}
#demoLoginDialog_v75 .demo75-filters {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin:20px 0 8px}
#demoLoginDialog_v75 .demo75-filters label {display:block;min-width:0;font-size:.94em;color:var(--ui-muted)}
#demoLoginDialog_v75 .demo75-filters .demo75-search {grid-column:1/-1}
#demoLoginDialog_v75 .demo75-filters :is(input,select) {display:block;width:100%;margin-top:6px;padding:10px 12px;font:inherit}
#demoLoginDialog_v75 .demo75-count {margin:10px 0;color:var(--ui-muted);font-size:.9em}
#demoLoginDialog_v75 .demo75-list {display:grid;gap:10px}
#demoLoginDialog_v75 .demo75-account {display:flex;align-items:center;justify-content:space-between;gap:20px;text-align:left;width:100%;padding:16px;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-display-bg);color:var(--ui-text);font:inherit;line-height:1.5;cursor:pointer}
#demoLoginDialog_v75 .demo75-account:hover {border-color:var(--ui-brand);background:var(--ui-selected)}
#demoLoginDialog_v75 .demo75-account:focus-visible {outline:2px solid var(--ui-info);outline-offset:3px}
#demoLoginDialog_v75 .demo75-account-details {display:grid;gap:6px;min-width:0}
#demoLoginDialog_v75 .demo75-identity {display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline}
#demoLoginDialog_v75 .demo75-company {font-weight:650}
#demoLoginDialog_v75 .demo75-role {color:var(--ui-muted);font-size:.9em}
#demoLoginDialog_v75 .demo75-email {color:var(--ui-info);overflow-wrap:anywhere}
#demoLoginDialog_v75 .demo75-password {display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;color:var(--ui-muted);font-size:.88em}
#demoLoginDialog_v75 .demo75-mask {letter-spacing:1.5px}
#demoLoginDialog_v75 .demo75-fill {border:1px solid var(--ui-control-border);border-radius:9px;background:var(--ui-surface);color:var(--ui-info);padding:10px 14px;flex:0 0 auto;text-align:center;font-weight:600;font-size:.92em}
#demoLoginDialog_v75 .demo75-empty {padding:24px 12px;text-align:center;color:var(--ui-muted)}
#demoLoginDialog_v75 .demo75-pin-form {display:grid;gap:14px;max-width:480px;margin:22px auto}
#demoLoginDialog_v75 .demo75-pin-form label {display:grid;gap:8px;color:var(--ui-text)}
#demoLoginDialog_v75 .demo75-pin-form input {width:100%;padding:12px;font:inherit;background:var(--ui-surface);color:var(--ui-text);border:1px solid var(--ui-control-border);border-radius:9px}
#loginScreen #demoLoginFillStatus_v75 {color:var(--ui-info);font-size:.9em;line-height:1.5;margin:0}
#loginScreen #demoLoginFillStatus_v75:empty {display:none}
@media(max-width:600px) {
 #demoLoginDialog_v75.demo75-dialog {width:calc(100vw - 20px);max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:14px}
 #demoLoginDialog_v75 .demo75-head {padding:14px 16px;gap:10px}
 #demoLoginDialog_v75 .demo75-body {padding:14px 16px 18px}
 #demoLoginDialog_v75 h2 {font-size:calc(20px * var(--font-scale,1))}
 #demoLoginDialog_v75 .demo75-account {align-items:stretch;flex-direction:column;gap:10px;padding:12px}
 #demoLoginDialog_v75 .demo75-fill {align-self:stretch}
 #demoLoginDialog_v75 .demo75-filters {grid-template-columns:minmax(0,1fr)}
}