/* Preserve the existing profile card design; additional cards need a scrollable page. */
body.profile-page .content{height:auto!important;min-height:calc(100vh - 78px);overflow:visible!important}
#profile{height:auto!important}
#profile .panel{flex-shrink:0}
#profile #additionalIdentities{margin-top:10px!important}
#profile #additionalIdentities .section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
#additionalIdentities .identity-refresh{border:0;background:transparent;color:inherit;white-space:nowrap;font:inherit;font-size:12px;cursor:pointer;padding:4px 0}
#profile #additionalIdentities .identity-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 16px;align-items:center}
#profile #additionalIdentities .identity-field{display:grid;grid-template-columns:120px minmax(0,1fr);gap:8px;align-items:center;min-width:0}
#profile #additionalIdentities .identity-field label{padding-left:10px;margin:0;font-weight:900;white-space:nowrap}
#profile #additionalIdentities .field-input{width:100%;min-width:0}
#additionalIdentities .identity-wallet{grid-column:1/-1;margin-top:5px;color:var(--muted,#5d6574);font-size:12px;line-height:1.6}
#additionalIdentityWallet{overflow-wrap:anywhere;user-select:text}
#additionalIdentities .identity-action{grid-column:2;padding-left:128px;display:flex;justify-content:flex-start}
#additionalIdentities .identity-action .btn{width:auto!important;min-width:148px!important;max-width:100%;margin:0;background:var(--mint-primary,#61e3ca)!important;color:#000!important;border-color:var(--mint-primary-strong,#45d6b9)!important;font-weight:900;white-space:normal;height:auto;min-height:48px;padding:10px 18px}
#additionalIdentities button:disabled{opacity:.55;cursor:not-allowed}
#additionalIdentities .identity-help{margin:12px 0 0;font-size:12px;line-height:1.7;color:var(--muted,#5d6574)}
#additionalIdentityCount{display:block;font-weight:850;color:var(--text,#171820)}
#additionalIdentityStatus{font-size:13px;line-height:1.6;margin-top:10px;overflow-wrap:anywhere}
#additionalIdentityStatus:empty{display:none}
#additionalIdentities .identity-error,#additionalIdentityLimitReached,#additionalIdentityNoCodes{color:#9b3434}
#additionalIdentityLists{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;border-top:1px solid var(--line,#e4e6ee);margin-top:16px;padding-top:14px}
#additionalIdentityLists[hidden]{display:none}
#additionalIdentityLists h4{font-size:13px;margin:0 0 8px}
#additionalIdentityLists ul{list-style:none;margin:0;padding:0}
#additionalIdentities .identity-record{display:flex;flex-wrap:wrap;gap:8px;align-items:center;border:1px solid var(--line,#e4e6ee);border-radius:12px;padding:10px 12px;margin-bottom:8px;min-width:0;font-size:12px}
#additionalIdentities .identity-record-name{display:flex;gap:8px;align-items:center;flex:1;min-width:0;overflow-wrap:anywhere}
#additionalIdentities .identity-record-name strong{min-width:0}
#additionalIdentities .identity-code{font-size:11px;padding:3px 5px;border-radius:5px;background:#eef2f7;font-weight:850;flex:none}
#additionalIdentities .identity-badge{font-size:11px;border-radius:12px;padding:4px 8px;background:#eef2f7;white-space:nowrap}
#additionalIdentities .identity-approved{background:#e4f8ef;color:#19684f}
#additionalIdentities .identity-pending{background:#fff5d9;color:#795410}
#additionalIdentities .identity-rejected{background:#fce9e9;color:#923c3c}
#additionalIdentities .identity-note{flex-basis:100%;margin:0;color:var(--muted,#5d6574);overflow-wrap:anywhere}
#additionalIdentities .identity-cancel{font:inherit;font-size:11px;border:1px solid var(--line,#e4e6ee);border-radius:8px;background:#fff;color:inherit;padding:5px 8px;cursor:pointer}
#additionalIdentities .identity-empty{font-size:12px;color:var(--muted,#5d6574);margin:0;padding:8px 0}
@media(max-width:900px){
 #profile #additionalIdentities .identity-form,#additionalIdentityLists{grid-template-columns:minmax(0,1fr)}
 #profile #additionalIdentities .identity-field{grid-template-columns:90px minmax(0,1fr)}
 #profile #additionalIdentities .identity-field label{padding-left:0}
 #additionalIdentities .identity-action{grid-column:1;padding-left:0}
 #additionalIdentities .identity-action .btn{width:100%!important}
 #additionalIdentities .section-head p{line-height:1.6}
}

@media(min-width:901px){body.profile-page main{overflow-y:auto!important;overflow-x:hidden!important}}

/* Collapsed by default; native summary supports mouse and keyboard. */
#profile #additionalIdentities > .identity-toggle{display:flex;align-items:center;justify-content:flex-start;gap:8px;list-style:none;cursor:pointer;color:var(--text,#171820)}
#additionalIdentities > .identity-toggle::-webkit-details-marker{display:none}
#additionalIdentities > .identity-toggle h3{margin:0;font-weight:900}
#additionalIdentities .identity-chevron{display:block;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid currentColor;flex:none;transition:transform .15s ease}
#additionalIdentities[open] > .identity-toggle .identity-chevron{transform:rotate(180deg)}
#additionalIdentities > .identity-toggle:focus-visible{outline:2px solid var(--mint-primary,#61e3ca);outline-offset:5px;border-radius:4px}
#additionalIdentities > .identity-body{padding-top:14px}
#additionalIdentities:not([open]) > .identity-body{display:none}

/* V24.6: one left application column; explanation and approved accounts right. */
#additionalIdentities .identity-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto auto auto;gap:12px 24px;margin-top:0;padding-top:0;border:0;align-items:start}
#profile #additionalIdentities .identity-form{display:contents}
#profile #additionalIdentities .identity-form>.identity-field{grid-column:1;grid-template-columns:120px minmax(0,1fr);min-height:48px}
#profile #additionalIdentities .identity-form>.identity-field:nth-child(1){grid-row:1}
#profile #additionalIdentities .identity-form>.identity-field:nth-child(2){grid-row:2}
#additionalIdentities .identity-action{grid-column:1;grid-row:3;padding-left:128px;align-self:start}
#additionalIdentities .identity-description{grid-column:2;grid-row:1 / 3;min-width:0;color:var(--text,#171820)}
#additionalIdentities .identity-description .identity-help,#additionalIdentities .identity-description .identity-wallet{color:var(--text,#171820)}
#additionalIdentities .identity-description .section-head p{margin-top:0}
#additionalIdentities #additionalIdentityLists{grid-column:2;grid-row:3 / 5;display:block;margin:0;padding:0;border:0;text-align:left;align-self:start}
#additionalIdentities #additionalIdentityLists[hidden]{display:none}
#additionalIdentityHistorySection{grid-column:1;grid-row:4;margin-top:6px;min-width:0}
#additionalIdentityHistorySection h4,#additionalIdentityLists h4{font-size:13px;margin:0 0 8px}
#additionalIdentityHistory{list-style:none;margin:0;padding:0}
@media(max-width:900px){
 #profile #additionalIdentities .identity-form>.identity-field{grid-template-columns:90px minmax(0,1fr)}
 #additionalIdentities .identity-action{padding-left:98px}
 #additionalIdentities .identity-action .btn{width:auto!important}
}
@media(max-width:600px){
 #additionalIdentities .identity-layout{grid-template-columns:minmax(0,1fr)}
 #additionalIdentities .identity-description{grid-column:1;grid-row:5}
 #additionalIdentities #additionalIdentityLists{grid-column:1;grid-row:6}
 #additionalIdentities .identity-action{padding-left:98px}
}

/* V24.8: prevent the shared aside/sidebar skin from styling this explanation. */
#profile #additionalIdentities .identity-layout{grid-template-rows:48px minmax(48px,auto) 48px auto}
#profile #additionalIdentities .identity-description{position:static;inset:auto;display:block;width:auto;height:auto;min-height:0;max-height:none;background:transparent!important;color:#000!important;padding:0!important;margin:0;border:0;border-radius:0;box-shadow:none;overflow:visible;align-self:start}
#profile #additionalIdentities .identity-description p,#profile #additionalIdentities .identity-description span,#profile #additionalIdentities .identity-description strong,#profile #additionalIdentities .identity-description output{color:#000!important}
#profile #additionalIdentities .identity-description .identity-help{margin-top:5px;line-height:1.45}
#profile #additionalIdentities .identity-description .section-head{margin:0 0 5px;padding:0}
#profile #additionalIdentities .identity-description .identity-wallet{margin-top:5px;line-height:1.45}
#profile #additionalIdentities .identity-field{align-self:start}
#profile:has(#additionalIdentities[open])::after{content:"";display:block;height:var(--identity-scroll-room,0px);flex-shrink:0}
@media(max-width:600px){#profile #additionalIdentities .identity-layout{grid-template-rows:48px 48px 48px auto auto auto}}

#profile #additionalIdentities .identity-wallet-line{display:block;color:#000;margin:0 0 14px;padding:0;font-size:12px;line-height:1.6;overflow-wrap:anywhere}

/* V24.9: both account-list titles start on the history row. */
#profile #additionalIdentities #additionalIdentityLists{grid-row:4;margin-top:6px}
@media(max-width:600px){#profile #additionalIdentities #additionalIdentityLists{grid-row:6;margin-top:0}}

/* V24.10: refresh pill in the upper-right corner of the account panel. */
#profile #additionalIdentities{position:relative}
#profile #additionalIdentities>.identity-toggle{padding-right:112px;min-height:34px}
#profile #additionalIdentities .identity-refresh{position:absolute;top:14px;right:20px;display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 16px;border:1px solid #c6f2e7;border-radius:999px;background:#e5f8f2;color:#000;font-size:12px;font-weight:800;line-height:1.4;white-space:nowrap;cursor:pointer}
#profile #additionalIdentities .identity-refresh:hover{background:#d3f3e9}
#profile #additionalIdentities .identity-refresh:focus-visible{outline:2px solid #45d6b9;outline-offset:3px}
#profile #additionalIdentities .identity-refresh:disabled{opacity:.55;cursor:wait}
@media(max-width:600px){#profile #additionalIdentities .identity-refresh{right:14px;padding:7px 12px}}

/* V24.11: readable bullet items in the explanation column. */
#profile #additionalIdentities .identity-description .section-head p,#profile #additionalIdentities .identity-description p.identity-help{position:relative;padding-left:14px;margin-top:8px;line-height:1.6;color:#000}
#profile #additionalIdentities .identity-description .section-head p::before,#profile #additionalIdentities .identity-description p.identity-help::before{content:"•";position:absolute;left:0;top:0;color:#000;font-weight:800}
#profile #additionalIdentities .identity-description .section-head p{margin-top:0}

/* V24.12: lift only the request button; keep the two list titles aligned. */
#profile #additionalIdentities .identity-action{position:relative;top:-12px}
@media(max-width:600px){#profile #additionalIdentities .identity-action{top:-6px}}

/* V24.13: higher request action and loading notice immediately before refresh. */
#profile #additionalIdentities .identity-action{top:-20px}
#profile #additionalIdentities .identity-refresh-status{position:absolute;top:14px;right:128px;min-height:34px;display:flex;align-items:center;font-size:12px;line-height:1.4;color:#000;text-align:right;max-width:calc(100% - 430px)}
#profile #additionalIdentities .identity-refresh-status:empty{display:none}
@media(max-width:600px){
 #profile #additionalIdentities .identity-action{top:-12px}
 #profile #additionalIdentities .identity-refresh-status{position:static;max-width:none;min-height:0;justify-content:flex-end;margin:0 0 8px}
}