/* Identity homes consume the native shared design system, including its fonts. */
[data-client-home]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:var(--site-gap-md);margin-block:var(--site-gap-md);color:var(--bb-theme-ink, var(--site-text));font-family:var(--site-font);font-size:var(--site-size-body);line-height:1.6;font-variant-numeric:tabular-nums}
[data-client-home] .site-card{gap:var(--site-gap-sm)}
[data-client-home] :is(h2,p,dl,ol){margin:0}
[data-client-home] h2{font-size:var(--site-size-card);font-weight:600;line-height:1.2}
.client-home-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--site-gap-xs);flex-wrap:wrap}
.client-home-partner>.site-control{margin-top:auto}
.client-home-eyebrow{font-size:var(--site-size-note);font-weight:500;letter-spacing:.14em}
.client-home-description,.client-home-metric dt,.client-home-progress small{font-size:var(--site-size-note);color:var(--bb-theme-secondary, var(--site-muted));overflow-wrap:anywhere}
.client-home-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--site-gap-md)}
.client-home-metric{min-width:0}
.client-home-metric dd{margin:var(--site-gap-xs) 0 0;font-size:var(--site-size-card);font-weight:600;overflow-wrap:anywhere;line-height:1.2}
.client-home-metric dd small{font-size:var(--site-size-note);font-weight:400}
.client-home-actions{display:flex;flex-wrap:wrap;gap:var(--site-gap-xs);margin-top:auto}
[data-client-home] .site-control{height:auto;min-height:48px;padding:var(--site-gap-sm) var(--site-gap-md);font-size:var(--site-size-body);max-width:100%;overflow-wrap:anywhere}
[data-client-home] .site-control span{display:block}
[data-client-home] .site-control--accent{color:var(--bb-theme-accent-ink, var(--site-text))}
.client-home-progress{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:0;list-style:none}
.client-home-progress li{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;position:relative;text-align:center;font-size:12px;line-height:1.4;overflow-wrap:anywhere}.client-home-progress small{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.client-home-opening{display:grid;gap:12px;min-width:0}
.client-home-progress-caption{display:flex;justify-content:space-between;gap:12px;font-size:var(--site-size-note);color:var(--bb-theme-muted,var(--site-muted))}
.client-home-progress-caption strong{color:var(--bb-theme-ink,var(--site-text));font-weight:500;font-variant-numeric:tabular-nums}
.client-home-progress-bar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.client-home-progress-bar i{height:8px;border-radius:999px;background:var(--bb-theme-inset,var(--site-border))}
.client-home-progress-bar [data-step-state=complete]{background:var(--bb-theme-accent,var(--site-accent))}
.client-home-progress-bar [data-step-state=current]{background:var(--bb-theme-surface,var(--site-panel));box-shadow:inset 0 0 0 2px var(--bb-theme-accent,var(--site-accent))}
.client-home-step-mark{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:var(--bb-theme-inset,var(--site-border));color:var(--bb-theme-muted,var(--site-muted));font-size:12px}
.client-home-step-mark svg{width:20px;height:20px}
.client-home-progress [data-step-state=complete] .client-home-step-mark{background:var(--bb-theme-accent,var(--site-accent));color:var(--bb-theme-accent-ink,var(--site-text))}
.client-home-progress [data-step-state=current] .client-home-step-mark{background:var(--bb-theme-surface,var(--site-panel));color:var(--bb-theme-ink,var(--site-text));box-shadow:inset 0 0 0 2px var(--bb-theme-accent,var(--site-accent))}
.client-home-history summary{cursor:pointer;font-size:var(--site-size-note);padding-block:var(--site-gap-xs)}
.client-home-history .bb-chart{background:var(--bb-theme-surface, var(--site-panel));color:var(--bb-theme-ink, var(--site-text));border-color:var(--bb-theme-line, var(--site-border));border-radius:var(--site-radius-card);font-family:var(--site-font);font-size:var(--site-size-note);padding:var(--site-gap-sm)}
.client-home-history .bb-chart :is(.bb-chart-title,.bb-chart-description,.bb-chart-source,.bb-chart-status,label,table,.bb-chart-button){font-size:var(--site-size-note);color:var(--bb-theme-ink, var(--site-text))}
.client-home-history .bb-chart :is(input,button,td,th){border-color:var(--bb-theme-line, var(--site-border));color:var(--bb-theme-ink, var(--site-text))}
.client-home-history .bb-chart-swatch{background:var(--bb-theme-surface, var(--site-text))!important}
.client-home-history .bb-chart polyline{stroke:var(--site-text)}
.client-home-history .bb-chart :focus-visible{outline-color:var(--bb-theme-line, var(--site-text))}
.client-home-loading{margin:0;padding:var(--site-gap-lg);font-size:var(--site-size-note);color:var(--bb-theme-secondary, var(--site-muted))}
[data-me-page]{--nk-bg:var(--site-canvas);--nk-layer:var(--site-panel);--nk-field:var(--site-canvas);--nk-raised:var(--site-panel);--nk-text:var(--site-text);--nk-muted:var(--site-muted);--nk-soft:var(--site-muted);--nk-accent:var(--site-accent);--nk-accent-ink:var(--bb-theme-accent-ink, #111);--nk-line:var(--site-border);margin:0;padding:var(--site-gap-md) var(--site-gap-md) calc(96px + env(safe-area-inset-bottom));-webkit-font-smoothing:antialiased}
[data-me-page] .me-content{max-width:var(--site-width);margin-inline:auto}
[data-me-page] .item{font:inherit;color:inherit;background:none;border:0;cursor:pointer;text-decoration:none}
[data-me-page] :is(button,a):focus-visible{outline:2px solid var(--site-text);outline-offset:4px}
[data-me-page] h1{margin:0;font-size:var(--site-size-title);font-weight:600}
[data-me-page] .me{display:flex;gap:var(--site-gap-md);align-items:center;padding-block:var(--site-gap-lg)}
[data-me-page] .me img{width:56px;height:56px;border-radius:50%;flex:none}
[data-me-page] .me>div{min-width:0;overflow-wrap:anywhere}
[data-me-page] .me b{display:block;font-size:var(--site-size-card);font-weight:600}
[data-me-page] .me small{display:block;font-size:var(--site-size-note);color:var(--bb-theme-secondary, var(--site-muted));margin-top:var(--site-gap-xs)}
[data-me-page] .me .site-pill{display:inline-flex;margin-top:var(--site-gap-xs);font-size:var(--site-size-note)}
[data-me-page] .group{margin-block:var(--site-gap-md);border-radius:var(--site-radius-card);background:var(--bb-theme-surface, var(--site-panel));border:1px solid var(--site-border);overflow:hidden}
[data-me-page] .item{display:flex;align-items:center;gap:var(--site-gap-sm);width:100%;min-height:48px;padding:var(--site-gap-md);font-size:var(--site-size-body);text-align:left;position:relative;overflow-wrap:anywhere}
[data-me-page] .item+.item{border-top:1px solid var(--site-border)}
[data-me-page] .item .v{margin-left:auto;color:var(--bb-theme-secondary, var(--site-muted));font-size:var(--site-size-note);display:flex;align-items:center;gap:var(--site-gap-xs);text-align:right;min-width:0;overflow-wrap:anywhere}
[data-me-page] .item svg{width:20px;height:20px;flex:none;stroke-width:1.5}
[data-me-page] .note{font-size:var(--site-size-note);color:var(--bb-theme-secondary, var(--site-muted));line-height:1.6;overflow-wrap:anywhere}
[data-me-page] .nk-sheet{border:1px solid var(--site-border);border-radius:var(--site-radius-panel) var(--site-radius-panel) 0 0;box-shadow:none}
[data-me-page] .nk-sheet-head,[data-me-page] .nk-sheet-body{padding:var(--site-gap-md)}
[data-me-page] .nk-collapse{font-size:var(--site-size-note);min-height:40px;padding:var(--site-gap-xs) var(--site-gap-sm);gap:var(--site-gap-xs)}
[data-me-page] .nk-sheet::backdrop,[data-me-page] .web-sheet::backdrop{background:color-mix(in srgb,var(--bb-theme-scrim, var(--site-text)) 55%,rgba(var(--bb-theme-shadow-rgb, 0,0,0), 0.0))}
[data-me-page] .web-sheet{color-scheme:var(--bb-theme-color-scheme, light);color:var(--bb-theme-ink, var(--site-text));background:var(--bb-theme-surface, var(--site-panel));border-color:var(--bb-theme-line, var(--site-border));border-radius:var(--site-radius-panel) var(--site-radius-panel) 0 0;font-family:var(--site-font);font-size:var(--site-size-body);padding:var(--site-gap-md);box-shadow:none}
[data-me-page] .web-sheet button{display:inline-flex;align-items:center;justify-content:center;font-size:var(--site-size-body);color:var(--bb-theme-ink, var(--site-text));background:var(--bb-theme-surface, var(--site-panel));border-color:var(--bb-theme-line, var(--site-border));border-radius:999px}
@media(min-width:768px){[data-me-page]{padding:var(--site-gap-lg)}[data-me-page] .me-content{max-width:900px}}

/* Keep the opening actions inside the existing mobile chat hero viewport.
   ui-spec gives the shared step list 24px vertical margins and 40px marks;
   this compact treatment belongs only to the embedded opening card. */
@media(max-width:767px){
  #broker-first-home[data-client-home][data-chat-home] .client-home-account[data-account-home-state=opening]{padding:12px;gap:8px}
  #broker-first-home[data-chat-home] .client-home-account[data-account-home-state=opening] .client-home-opening{gap:8px}
  #broker-first-home[data-chat-home] .client-home-account[data-account-home-state=opening] .client-home-progress{margin:0}
  #broker-first-home[data-chat-home] .client-home-account[data-account-home-state=opening] .client-home-progress li{gap:6px;font-size:12px}
  #broker-first-home[data-chat-home] .client-home-account[data-account-home-state=opening] .client-home-step-mark{width:28px!important;height:28px!important}
  #broker-first-home[data-chat-home] .client-home-account[data-account-home-state=opening] .client-home-progress li:not(:first-child)::before{top:13px;right:calc(50% + 20px);left:calc(-50% + 20px)}
  #broker-first-home[data-chat-home] .client-home-account[data-account-home-state=opening] .client-home-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  #broker-first-home[data-chat-home] .client-home-account[data-account-home-state=opening] .client-home-actions .site-control{min-width:0;width:100%;min-height:48px;padding:8px;font-size:14px;line-height:1.35;text-align:center;white-space:normal}
}