/* Existing showroom tokens and controls own the visual language. */
.client-access{padding-block:var(--space-4) var(--space-8);max-width:65ch}
.client-access-icon{width:36px;height:36px;color:var(--color-ice);margin-bottom:var(--space-4)}
.client-access h1{font-size:var(--type-title);font-weight:800;line-height:1.15;letter-spacing:-.03em;text-wrap:balance;margin:0 0 var(--space-5)}
.client-access p{font-size:var(--type-body);line-height:1.55;margin:0 0 var(--space-4);color:var(--color-text)}
.client-access .client-access-status{padding-block:var(--space-3);font-weight:650;min-height:3em;color:var(--color-ice)}
.client-access-actions{display:flex;flex-direction:column;gap:var(--space-3);align-items:stretch;margin-bottom:var(--space-5)}
.buyers-art .client-access .button{white-space:normal;min-height:48px;text-align:center;justify-content:center;line-height:1.35}
.client-access-manual{display:flex;flex-direction:column;gap:var(--space-3);margin-block:var(--space-5) var(--space-6)}
.client-access-manual label{font-weight:650}
.client-access-manual input{box-sizing:border-box;width:100%;min-height:48px;background:var(--surface-card);border:1px solid var(--control-edge);border-radius:var(--radius-small);color:var(--color-text);font:inherit;font-size:16px;padding:12px}
.client-access .client-access-manual p,.client-access .client-access-help{font-size:var(--type-caption);line-height:1.55;color:var(--color-muted)}
.client-access a{color:var(--color-ice);text-underline-offset:3px}
.client-access .client-access-help a{text-decoration-line:underline;text-decoration-thickness:1px}
.client-access :is(a,button,input):focus-visible{outline:2px solid var(--color-ice);outline-offset:4px}
.client-access :disabled{opacity:.6;cursor:wait}
.client-access button:not(:disabled){cursor:pointer}

/* The gate has its own manager help; the device support dock would obscure it. */
.has-access-gate>.support-dock{display:none!important}
.client-access-manual input{scroll-margin-block:100px}

.client-access-summary{background:var(--surface-card);border:1px solid var(--color-edge);border-radius:12px;padding:16px;margin-bottom:var(--space-4)}
.client-access .client-access-summary p{font-size:var(--type-caption);line-height:1.5;margin:0}
.client-access .client-access-summary p+p{border-top:1px solid var(--color-edge);padding-top:12px;margin-top:12px}
.client-access-summary strong{display:inline-block;font-weight:750;margin-bottom:4px;color:var(--color-text)}

.buyers-art .client-access .client-access-secondary{display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px 16px;border:1px solid var(--control-edge);border-radius:var(--radius-small);background:var(--surface-card);color:var(--color-text);font-weight:650;line-height:1.35;text-align:center;text-decoration:none}
.client-access [data-access-manual][hidden]{display:none}
@media(hover:hover){.client-access .client-access-secondary:hover{border-color:var(--color-ice);text-decoration:none}}

.buyers-art .client-access .button{font-family:inherit;font-size:16px;font-weight:650;line-height:1.35}
.client-access>[data-tab-target="products"]{width:100%;box-sizing:border-box}