/* NUMERA customer Profile 50: ordered identity / market / contact / settings. */
.numera-50-profile-hero{display:flex;align-items:center;gap:19px;padding:23px 27px;
 background:#1a1d29;border:1px solid #373946;border-radius:22px;margin-bottom:13px;
 min-width:0;flex-wrap:wrap}
.numera-50-profile-avatar{height:80px;width:80px;flex:none;display:grid;place-items:center;
 border-radius:23px;border:1px solid #625772;background:#2d283c;
 overflow:hidden;color:#ede7f5;font-size:28px;font-weight:780;position:relative}
.numera-50-profile-avatar>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.numera-50-profile-avatar>img:not([hidden])+span{display:none}
.numera-50-profile-intro{flex:1;min-width:165px}
.numera-50-profile-intro h2{font-size:clamp(21px,2.6vw,30px);letter-spacing:-.035em;
 margin:6px 0 5px;line-height:1.2;overflow-wrap:anywhere}
.numera-50-profile-intro>p:last-child{font-size:12px;color:#b5b4c3;line-height:1.5;
 margin:0;overflow-wrap:anywhere}
.numera-50-profile-photo-form{display:flex;flex-wrap:wrap;gap:7px;align-items:center;
 justify-content:flex-end;max-width:300px}
.numera-50-profile-photo-form label{font-size:11px;max-width:165px;color:#bdb7ca;
 display:grid;gap:6px;font-weight:750}
.numera-50-profile-photo-form input[type=file]{font:500 10px system-ui;
 width:100%;color:#aaa5b9}
.numera-50-profile-photo-form input::file-selector-button{background:#302d3e;
 border:1px solid #5b536a;color:#f1edf6;border-radius:8px;cursor:pointer;
 padding:7px;margin-right:8px}
.numera-50-profile-photo-form button{font-size:11px;padding:9px 12px;min-height:38px}
.numera-50-profile-photo-form small{width:100%;color:#9995a8;
 font-size:10px;text-align:right}
.numera-50-market-summary{display:grid;grid-template-columns:minmax(185px,1.4fr) minmax(110px,.7fr)
 minmax(155px,.8fr) auto;gap:10px;align-items:center;
 background:#1c1f2b;border:1px solid #383a48;border-radius:18px;
 padding:13px 16px;margin-bottom:22px}
.numera-50-market-summary>div{display:flex;align-items:center;gap:10px;min-width:0}
.numera-50-market-summary>div:not(:first-child){flex-direction:column;
 align-items:flex-start;gap:4px}
.numera-50-market-summary>div>span:last-child{display:grid;gap:3px;min-width:0}
.numera-50-market-summary small{font-size:10px;color:#a9a7b8;line-height:1.2}
.numera-50-market-summary strong{font-size:13px;color:#f6f3fa;line-height:1.3;
 overflow-wrap:anywhere}
.numera-50-market-flag{height:38px;width:38px;flex:none;border-radius:11px;
 background:#292938;display:grid;place-items:center;font-size:25px}
.numera-50-market-summary>button{background:transparent;color:#c7b5e1;
 cursor:pointer;border:0;padding:12px 6px;font:750 11px system-ui;
 white-space:nowrap}
.numera-50-market-summary>button:hover{color:#fff}
.numera-50-profile-layout{grid-template-columns:minmax(0,1.04fr) minmax(275px,.96fr);
 gap:17px;align-items:start}
.numera-50-profile-layout .numera-profile-primary{min-width:0}
.numera-50-profile-layout .numera-profile-primary>.numera-card{padding:24px;
 border-radius:19px;background:#191c27;border-color:#393a4a}
.numera-50-profile-layout #profile-form{display:grid;gap:16px}
.numera-50-profile-layout #profile-form>label{display:grid;gap:7px;
 font-size:11px;font-weight:700;color:#b9b6c4}
.numera-50-profile-layout #profile-form input,
.numera-50-profile-layout #profile-form select{background:#232532;
 border:1px solid #444352;border-radius:11px;color:#f0eef5;
 font:600 13px system-ui;min-height:45px;padding:11px 13px;width:100%}
.numera-50-profile-layout #profile-form input:focus,
.numera-50-profile-layout #profile-form select:focus{border-color:#af97cb}
.numera-50-profile-layout #profile-form>.numera-button-primary{justify-self:start;
 min-width:135px}
.numera-50-profile-layout .numera-profile-phone{gap:10px}
.numera-50-profile-layout .numera-profile-settings{display:grid;gap:12px}
.numera-50-profile-layout .numera-profile-settings-group{border-radius:19px;
 padding:20px;background:#191c27;border:1px solid #393a48}
.numera-50-profile-layout .numera-account-links{gap:7px}
.numera-50-profile-layout .numera-account-tile{padding:12px 14px;min-height:58px}
.numera-50-profile-layout .numera-account-tile strong{font-size:12px}
.numera-50-account-identifiers{margin-top:12px;background:#181b27;
 border:1px solid #373945;border-radius:15px;color:#e7e3ee}
.numera-50-account-identifiers summary{cursor:pointer;padding:16px 18px;
 font:750 12px system-ui;list-style:none}
.numera-50-account-identifiers summary::-webkit-details-marker{display:none}
.numera-50-account-identifiers summary:after{content:"⌄";float:right;color:#bda8d5}
.numera-50-account-identifiers[open] summary:after{content:"⌃"}
.numera-50-account-identifiers>div{padding:0 18px 14px;border-top:1px solid #353744}
.numera-50-account-identifiers p{display:grid;gap:5px;font-size:11px;color:#9fa2b2}
.numera-50-account-identifiers code{overflow-wrap:anywhere;white-space:normal;
 color:#e4dbed;background:transparent}
.numera-50-market-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
 gap:12px;margin-top:16px}
.numera-50-market-facts>div{padding:13px;background:#242631;border:1px solid #3b3d4a;
 border-radius:12px;display:grid;gap:7px}
.numera-50-market-facts small{font-size:10px;color:#b5b1c1}
.numera-50-market-facts strong{font-size:12px;font-weight:750;color:#eeeaf5;overflow-wrap:anywhere}
@media(max-width:1110px){
 .numera-50-market-summary{grid-template-columns:minmax(165px,1fr) repeat(2,minmax(105px,.5fr))}
 .numera-50-market-summary>button{grid-column:1/-1;justify-self:start}
 .numera-50-profile-layout{grid-template-columns:1fr}
}
@media(max-width:650px){
 .numera-50-profile-hero{padding:17px;gap:13px}
 .numera-50-profile-avatar{width:64px;height:64px;border-radius:18px;font-size:24px}
 .numera-50-profile-photo-form{max-width:100%;flex:1 1 100%;justify-content:flex-start;
 padding-top:10px;border-top:1px solid #393944}
 .numera-50-profile-photo-form small{text-align:left}
 .numera-50-market-summary{grid-template-columns:repeat(2,minmax(0,1fr));padding:13px}
 .numera-50-market-summary>div:first-child{grid-column:1/-1}
 .numera-50-market-summary>button{grid-column:1/-1}
 .numera-50-market-facts{grid-template-columns:1fr}
}