.account-layer{position:relative;z-index:31;border-bottom:1px solid var(--line);background:rgba(5,12,16,.96)}
.account-layer__inner{max-width:1180px;margin:0 auto;padding:14px 20px;display:grid;grid-template-columns:minmax(210px,1fr) auto auto;gap:12px 18px;align-items:end}
.account-layer__identity{min-width:0}
.account-layer__kicker{display:block;font-family:var(--title);font-size:9px;letter-spacing:.24em;text-transform:uppercase;color:var(--moon-dim)}
.account-layer__name{display:block;margin-top:4px;font-family:var(--serif);font-size:20px;line-height:1.1;color:var(--ivory)}
.account-layer__note{display:block;margin-top:4px;font-size:10px;line-height:1.35;color:var(--dim)}
.account-layer__control{display:grid;gap:5px;min-width:190px}
.account-layer__control label{font-family:var(--title);font-size:8.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--dim)}
.account-layer__control select{width:100%;min-height:38px;border:1px solid rgba(201,227,236,.25);border-radius:2px;padding:8px 34px 8px 10px;background:#071115;color:#dce8eb;font:12px var(--sans);color-scheme:dark}
.account-layer__control select:disabled{opacity:.52;cursor:not-allowed}
.account-layer__role{display:inline-flex;align-items:center;justify-self:start;gap:7px;margin-top:7px;padding:3px 7px;border:1px solid var(--line);border-radius:999px;font-family:var(--mono);font-size:8.5px;letter-spacing:.11em;text-transform:uppercase;color:var(--moon)}
.account-layer__role::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--pale)}
.account-layer__status{grid-column:1/-1;margin:0;padding-top:9px;border-top:1px solid var(--line-2);font-size:10.5px;color:var(--muted)}
.account-layer__status[data-state="error"]{color:#efb0a5}
.account-listings{margin:0 0 24px;border:1px solid var(--line);background:rgba(8,20,23,.44)}
.account-listings__head{display:flex;align-items:center;gap:10px;padding:10px 13px;border-bottom:1px solid var(--line-2)}
.account-listings__head h3{margin:0;font-family:var(--title);font-size:10px;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:var(--moon-dim)}
.account-listings__head span{margin-left:auto;font:9px var(--mono);letter-spacing:.08em;color:var(--dim)}
.account-listings__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.account-listing{padding:13px;border-left:1px solid var(--line-2)}
.account-listing:first-child{border-left:0}
.account-listing__name{display:block;font-family:var(--serif);font-size:18px;color:var(--ivory)}
.account-listing__facts{display:block;margin-top:3px;font:9px var(--mono);letter-spacing:.05em;color:var(--muted)}
.account-listing__price{display:block;margin-top:8px;font:11px var(--mono);color:var(--pale)}
.account-listing__status{display:block;margin-top:2px;font-size:10px;color:var(--dim)}
.account-empty{padding:18px;border:1px solid var(--line);font-size:12px;color:var(--muted)}
.account-empty b{display:block;margin-bottom:4px;font-family:var(--title);font-weight:400;letter-spacing:.08em;color:var(--ivory)}
@media (max-width:780px){
  .account-layer__inner{grid-template-columns:1fr 1fr;align-items:start}
  .account-layer__identity{grid-column:1/-1}
  .account-layer__control{min-width:0}
  .account-listings__grid{grid-template-columns:1fr}
  .account-listing{border-left:0;border-top:1px solid var(--line-2)}
  .account-listing:first-child{border-top:0}
}
@media (max-width:460px){
  .account-layer__inner{grid-template-columns:1fr;padding:13px 16px}
  .account-layer__identity,.account-layer__status{grid-column:1}
}

/* Record cards returned by the account scope link into their own record page. */
.account-listing--link{display:block;text-decoration:none;color:inherit;transition:background .25s}
.account-listing--link:hover{background:rgba(201,227,236,.05)}
.account-listing__open{display:block;margin-top:8px;font:9px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--moon)}