/* PHALANX ID ve Hesap Merkezi stilleri: kimlik, profil, güvenlik ve kişiselleştirme ekranları. */
/* Source: membership-center.css */
.id-account-content{background:radial-gradient(circle at 92% 4%,rgba(255,42,48,.08),transparent 28%)}
.id-security-command{position:relative;overflow:hidden;margin-top:14px;border:1px solid rgba(255,60,66,.18);border-radius:17px;padding:22px;background:radial-gradient(circle at 100% 0,rgba(255,39,45,.13),transparent 35%),linear-gradient(145deg,#121212,#0b0b0b);box-shadow:0 24px 60px rgba(0,0,0,.22)}
.id-security-command::before{position:absolute;top:0;left:22px;width:74px;height:2px;background:#ff353b;box-shadow:0 0 18px rgba(255,53,59,.6);content:""}
.id-security-command-head{display:flex;align-items:center;justify-content:space-between;gap:24px}.id-security-command-head>div:first-child>span{color:#ff4c52;font-size:9px;font-weight:900;letter-spacing:.15em}.id-security-command-head h3{margin:7px 0 5px;color:#fff;font:400 23px "Russo One",Arial,sans-serif}.id-security-command-head p{margin:0;color:#777;font-size:10px;line-height:1.6}
.id-security-score{--security-score:0;position:relative;display:grid;flex:0 0 78px;width:78px;height:78px;place-items:center;border-radius:50%;background:conic-gradient(#ff3d43 calc(var(--security-score)*1%),#292929 0);box-shadow:0 0 28px rgba(255,45,51,.12)}.id-security-score::before{position:absolute;inset:6px;border-radius:50%;background:#101010;content:""}.id-security-score>span{position:relative;display:flex;align-items:baseline}.id-security-score b{color:#fff;font:400 20px "Russo One",Arial,sans-serif}.id-security-score small{color:#666;font-size:8px}
.id-security-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:20px}.id-security-status-grid article{display:flex;align-items:center;gap:11px;min-width:0;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:13px;background:rgba(0,0,0,.22)}.id-security-status-grid article>i{display:grid;flex:0 0 34px;width:34px;height:34px;place-items:center;border-radius:10px;background:rgba(255,52,58,.09);color:#ff575d}.id-security-status-grid article>span{display:grid;min-width:0;gap:3px}.id-security-status-grid small{color:#5f5f5f;font-size:7px;font-weight:900;letter-spacing:.1em}.id-security-status-grid b{overflow:hidden;color:#d7d7d7;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.id-security-status-grid em{overflow:hidden;color:#616161;font-size:8px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}
.id-current-session{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;margin-top:10px;border:1px solid rgba(255,255,255,.075);border-radius:13px;padding:14px;background:#0c0c0c}.id-current-session-icon{position:relative;display:grid;width:40px;height:40px;place-items:center;border-radius:11px;background:#171717;color:#bbb}.id-current-session-icon span{position:absolute;right:-2px;bottom:-2px;width:9px;height:9px;border:2px solid #0c0c0c;border-radius:50%;background:#45d58d}.id-current-session>div:nth-child(2){display:grid;gap:3px}.id-current-session small{color:#626262;font-size:7px;font-weight:900;letter-spacing:.11em}.id-current-session b{color:#ddd;font-size:11px}.id-current-session p{display:flex;align-items:center;gap:6px;margin:0;color:#676767;font-size:8px}.id-live-dot{width:5px;height:5px;border-radius:50%;background:#45d58d;box-shadow:0 0 8px rgba(69,213,141,.65)}.id-current-session-actions{display:flex;gap:7px}.id-current-session-actions button{min-height:33px;border:1px solid rgba(255,255,255,.09);border-radius:9px;padding:0 10px;background:#151515;color:#aaa;font-size:7px;font-weight:900;letter-spacing:.055em;cursor:pointer}.id-current-session-actions button:hover{border-color:rgba(255,68,74,.35);color:#fff}.id-current-session-actions .is-danger{border-color:rgba(255,55,60,.16);background:rgba(255,42,48,.07);color:#ff6267}
@media(max-width:820px){.id-security-status-grid{grid-template-columns:1fr}.id-current-session{grid-template-columns:auto 1fr}.id-current-session-actions{grid-column:1/-1}.id-current-session-actions button{flex:1}}@media(max-width:560px){.id-security-command{padding:18px}.id-security-command-head h3{font-size:19px}.id-security-score{flex-basis:66px;width:66px;height:66px}.id-current-session-actions{display:grid}.id-security-command-head p{max-width:220px}}

/* Source: membership-customization.css */
.id-member-navigation-footer{display:grid;grid-template-columns:1fr 1fr;gap:7px;border-top:1px solid rgba(255,255,255,.07);padding-top:12px}.id-member-navigation-footer :is(a,button){display:flex;align-items:center;justify-content:center;gap:7px;min-height:38px;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:0 9px;background:#111;font-size:8px;font-weight:850;text-decoration:none}.id-member-navigation-footer .id-navigation-logout{border-color:rgba(255,55,60,.16);background:rgba(255,45,50,.06);color:#ff6267}
.id-mfa-content{display:grid;gap:14px}.id-mfa-state{display:flex;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:13px;background:#0b0b0b}.id-mfa-state-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;background:rgba(255,48,54,.1);color:#ff555b}.id-mfa-state>div{display:grid;gap:4px}.id-mfa-state b{color:#ddd;font-size:11px}.id-mfa-state small{color:#686868;font-size:9px}.id-mfa-content #id-mfa-enrollment{display:grid;grid-template-columns:150px 1fr;gap:12px;border:1px solid rgba(255,70,70,.16);border-radius:13px;padding:14px;background:rgba(255,44,50,.035)}.id-mfa-content #id-mfa-enrollment[hidden]{display:none}.id-mfa-content #id-mfa-qr{grid-row:1/3;width:150px;height:150px;border-radius:10px;padding:7px;background:#fff}.id-mfa-content label{display:grid;align-content:start;gap:7px}.id-mfa-content input{box-sizing:border-box;width:100%}.id-mfa-actions{display:flex;gap:8px}.id-mfa-actions button{margin:0}.id-mfa-login-intro{display:flex;align-items:center;gap:13px;border:1px solid rgba(255,63,69,.17);border-radius:13px;padding:15px;background:rgba(255,45,50,.05)}.id-mfa-login-intro>i{display:grid;width:42px;height:42px;place-items:center;border-radius:11px;background:rgba(255,50,56,.11);color:#ff5c62}.id-mfa-login-intro>div{display:grid;gap:4px}.id-mfa-login-intro b{color:#fff}.id-mfa-login-intro small{color:#777;line-height:1.5}
.id-profile-dialog{background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--id-accent) 9%,transparent),transparent 28%),#101010}.phalanx-profile-category{transition:border-color .18s ease,transform .18s ease}.phalanx-profile-category[open]{border-color:color-mix(in srgb,var(--id-accent) 23%,transparent);box-shadow:0 15px 35px rgba(0,0,0,.16)}.phalanx-profile-category summary:hover{background:rgba(255,255,255,.018)}
@media(max-width:600px){.id-member-navigation-footer{grid-template-columns:1fr}.id-mfa-content #id-mfa-enrollment{grid-template-columns:1fr}.id-mfa-content #id-mfa-qr{grid-row:auto;justify-self:center}.id-mfa-actions{display:grid}}

/* Source: profile-personalization.css */
.id-customization-fields{display:grid;gap:14px}.id-customization-fields label{display:grid;gap:7px}.id-customization-fields textarea{box-sizing:border-box;width:100%;min-height:96px;resize:vertical}.id-customization-fields label>small{justify-self:end;color:#606060;font-size:8px}.id-accent-control{display:grid;grid-template-columns:48px 1fr;gap:8px}.id-accent-control input[type=color]{width:48px;height:42px;border:1px solid rgba(255,255,255,.1);border-radius:9px;padding:4px;background:#090909;cursor:pointer}.id-accent-control input[type=text]{text-transform:uppercase}.id-profile-remove-avatar{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:36px;margin-top:8px;border:1px solid rgba(255,55,60,.13);border-radius:9px;background:rgba(255,43,48,.045);color:#c95d61;font-size:8px;font-weight:850;letter-spacing:.06em;cursor:pointer}.id-profile-remove-avatar:hover{border-color:rgba(255,65,70,.32);color:#ff686d}

/* Source: membership-unified.css */
/* Kullanıcıya koruma durumunu ve tamamlaması gereken adımları gösterir. */
.id-security-audit{display:grid;gap:15px;border:1px solid color-mix(in srgb,var(--id-accent) 25%,#292929);border-radius:15px;padding:17px;background:linear-gradient(145deg,color-mix(in srgb,var(--id-accent) 5%,#111),#0d0d0d)}.id-security-audit-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.id-security-audit-head>div{display:grid;gap:4px}.id-security-audit-head span{color:var(--id-accent);font-size:8px;font-weight:900;letter-spacing:.11em}.id-security-audit-head h3{margin:0;color:#eee;font-size:16px}.id-security-audit-head p{margin:0;color:#707070;font-size:9px}.id-security-audit-head>strong{display:grid;flex:0 0 54px;width:54px;height:54px;place-items:center;border:3px solid var(--id-accent);border-radius:50%;color:#fff;font:15px "Russo One",sans-serif;box-shadow:0 0 22px color-mix(in srgb,var(--id-accent) 18%,transparent)}.id-security-audit-list{display:grid;gap:6px}.id-security-audit-list article{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:56px;border:1px solid #252525;border-radius:11px;padding:8px 9px;background:#0a0a0a}.id-security-audit-list article>i{display:grid;width:36px;height:36px;place-items:center;border-radius:9px;background:#171717;color:#777}.id-security-audit-list article>span{display:grid;gap:3px}.id-security-audit-list article b{color:#d2d2d2;font-size:10px}.id-security-audit-list article small{color:#686868;font-size:8px;line-height:1.4}.id-security-audit-list article>button{min-height:31px;border:1px solid color-mix(in srgb,var(--id-accent) 28%,#292929);border-radius:8px;padding:0 10px;background:color-mix(in srgb,var(--id-accent) 7%,#111);color:var(--id-accent);font-size:7px;font-weight:850;letter-spacing:.04em;cursor:pointer}.id-security-audit-list article>button:hover,.id-security-audit-list article>button:focus-visible{border-color:var(--id-accent);box-shadow:0 0 17px color-mix(in srgb,var(--id-accent) 12%,transparent);outline:0}.id-security-audit-list article.is-complete>i{background:rgba(45,188,113,.1);color:#4bd98e}.id-security-audit-list article.is-complete>button{border-color:rgba(45,188,113,.14);background:rgba(45,188,113,.05);color:#65c995;cursor:default}.id-security-audit-list article.is-recommended{border-color:color-mix(in srgb,var(--id-accent) 18%,#252525)}@media(max-width:620px){.id-security-audit-head{align-items:flex-start}.id-security-audit-list article{grid-template-columns:36px minmax(0,1fr)}.id-security-audit-list article>button{grid-column:2;justify-self:start}}

.id-security-history{display:grid;gap:13px;border:1px solid #282828;border-radius:15px;padding:17px;background:#0d0d0d}.id-security-history>div:first-child{display:grid;gap:4px}.id-security-history>div:first-child span{color:var(--id-accent);font-size:8px;font-weight:900;letter-spacing:.11em}.id-security-history h3{margin:0;color:#e7e7e7;font-size:15px}.id-security-history-list,#id-security-history-list{display:grid;gap:5px}.id-security-history #id-security-history-list>article{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;border-bottom:1px solid #222;padding:9px 2px}.id-security-history #id-security-history-list>article:last-child{border-bottom:0}.id-security-history article>i{display:grid;width:34px;height:34px;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--id-accent) 9%,#151515);color:var(--id-accent)}.id-security-history article>span{display:grid;gap:3px}.id-security-history article b{color:#cfcfcf;font-size:9px}.id-security-history article small{color:#666;font-size:8px}.id-security-history time{color:#5f5f5f;font-size:7px;white-space:nowrap}.id-security-history-empty{display:flex;align-items:center;gap:9px;border:1px dashed #292929;border-radius:10px;padding:13px;color:#707070;font-size:9px}.id-security-history-empty i{color:var(--id-accent)}@media(max-width:620px){.id-security-history #id-security-history-list>article{grid-template-columns:34px minmax(0,1fr)}.id-security-history time{grid-column:2}}

.phalanx-id-page{--id-accent:#ff3434;background:radial-gradient(circle at 12% 15%,color-mix(in srgb,var(--id-accent) 9%,transparent),transparent 30%),radial-gradient(circle at 88% 75%,rgba(255,40,46,.055),transparent 34%),#070707}
.phalanx-id-page.has-phalanx-account .phalanx-id-shell{width:min(1280px,calc(100% - 48px));padding-top:92px}.phalanx-id-page.has-phalanx-account .phalanx-account-card{border:1px solid rgba(255,255,255,.085);border-radius:24px;background:linear-gradient(145deg,#111,#090909);box-shadow:0 35px 100px rgba(0,0,0,.45)}
.id-account-layout{grid-template-columns:270px minmax(0,1fr);min-height:720px}.id-member-navigation{position:relative;padding:28px 20px 20px;background:radial-gradient(circle at 0 0,color-mix(in srgb,var(--id-accent) 10%,transparent),transparent 28%),#0c0c0c}.id-member-navigation::after{position:absolute;top:24px;right:-1px;width:1px;height:90px;background:linear-gradient(var(--id-accent),transparent);content:""}.id-member-navigation-heading{margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.065);padding-bottom:22px}.id-navigation-avatar,.id-avatar{border-color:color-mix(in srgb,var(--id-accent) 68%,#fff);box-shadow:0 0 0 4px color-mix(in srgb,var(--id-accent) 8%,transparent),0 12px 28px rgba(0,0,0,.3)}
.id-member-navigation-list{gap:7px}.id-member-navigation-list>[class],.id-member-navigation-list>button{transition:border-color .18s ease,background .18s ease,transform .18s ease}.id-member-navigation-list>:hover{transform:translateX(2px)}.id-member-navigation-list>.is-active{border-color:color-mix(in srgb,var(--id-accent) 25%,transparent);background:linear-gradient(90deg,color-mix(in srgb,var(--id-accent) 15%,transparent),transparent)}.id-member-navigation-list>.is-active::before{background:var(--id-accent);box-shadow:0 0 14px color-mix(in srgb,var(--id-accent) 55%,transparent)}
.id-account-content{padding:clamp(30px,4vw,54px);background:radial-gradient(circle at 96% 0,color-mix(in srgb,var(--id-accent) 7%,transparent),transparent 26%)}.id-account-overview{display:grid;gap:14px}.id-account-topline{margin-bottom:0;border-bottom:1px solid rgba(255,255,255,.065);padding-bottom:15px}.id-account-topline>span{color:var(--id-accent);font-size:9px;font-weight:900;letter-spacing:.15em}.id-account-profile{margin:8px 0 0;border:1px solid rgba(255,255,255,.075);border-radius:17px;padding:20px;background:linear-gradient(125deg,color-mix(in srgb,var(--id-accent) 7%,transparent),rgba(255,255,255,.012))}.id-account-profile h2{font-family:"Russo One",Arial,sans-serif;font-size:24px;font-weight:400}.id-account-meta{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.id-account-meta article{min-height:68px;border-radius:12px;padding:15px;background:#0d0d0d}.id-account-meta article:hover{border-color:color-mix(in srgb,var(--id-accent) 20%,transparent)}
.id-account-dashboard,.id-account-quick-actions{gap:10px;margin-top:0}.id-account-dashboard-card{border-radius:15px;padding:20px;background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(0,0,0,.18));transition:border-color .18s ease,transform .18s ease}.id-account-dashboard-card:hover{border-color:color-mix(in srgb,var(--id-accent) 22%,transparent);transform:translateY(-2px)}.id-account-health-track span{background:linear-gradient(90deg,var(--id-accent),color-mix(in srgb,var(--id-accent) 55%,#fff))}.id-account-notifications{margin-top:0}.id-security-command{margin-top:0!important}.id-account-quick-actions :is(button,a){border-radius:14px;padding:15px;background:#0d0d0d}.id-account-quick-actions :is(button,a):hover{border-color:color-mix(in srgb,var(--id-accent) 30%,transparent);background:color-mix(in srgb,var(--id-accent) 4%,#0d0d0d)}

.id-account-quick-actions > a{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;border:1px solid #272727}.id-account-quick-actions > a>span{display:grid;gap:3px;flex:1}.id-account-quick-actions > a>b,.id-account-quick-actions > a small{display:block}.id-account-quick-actions > a>i:first-child{background:color-mix(in srgb,var(--id-accent) 11%,transparent);color:var(--id-accent);width:34px;height:34px;border-radius:10px;display:grid;place-items:center}.id-account-quick-actions > a>i:last-child{color:#777}
.id-account-quick-actions > a b{font-size:12px}.id-account-quick-actions > a small{font-size:10px;color:#777}.id-account-quick-actions > a:hover>i:last-child,.id-account-quick-actions > a:focus-visible>i:last-child{color:color-mix(in srgb,var(--id-accent) 72%,#fff)}
.id-profile-dialog{border:1px solid rgba(255,255,255,.085);border-radius:20px}.id-profile-kicker{color:var(--id-accent)}.phalanx-profile-category[open]{border-color:color-mix(in srgb,var(--id-accent) 26%,transparent)}.id-primary-button{background:linear-gradient(100deg,var(--id-accent),color-mix(in srgb,var(--id-accent) 70%,#fff))}
@media(max-width:1050px){.id-account-meta{grid-template-columns:1fr 1fr}}@media(max-width:820px){.phalanx-id-page.has-phalanx-account .phalanx-id-shell{width:min(100% - 24px,680px)}.id-account-layout{grid-template-columns:1fr}.id-member-navigation::after{display:none}.id-member-navigation-list>:hover{transform:none}}@media(max-width:520px){.phalanx-id-page.has-phalanx-account .phalanx-account-card{border-radius:18px}.id-account-content{padding:22px 16px}.id-account-meta{grid-template-columns:1fr}.id-account-profile{align-items:flex-start;padding:16px}.id-account-profile h2{font-size:20px}}

/* Source: membership-scale.css */
.phalanx-id-page.has-phalanx-account .phalanx-id-shell{width:min(1420px,calc(100% - 56px));padding-top:86px}
.id-account-layout{grid-template-columns:300px minmax(0,1fr);min-height:740px}
.id-member-navigation{padding:30px 22px 22px}.id-member-navigation-heading strong{font-size:16px}.id-member-navigation-heading small{font-size:10px}.id-navigation-avatar{width:44px;height:44px}.id-member-navigation-list span{font-size:13px}.id-member-navigation-list small{font-size:10px}.id-member-navigation-list>button,.id-member-navigation-list>a{min-height:62px}
.id-member-navigation-footer{display:grid;grid-template-columns:1fr;gap:8px}.id-member-navigation-footer>a,.id-member-navigation-footer>button{display:flex;grid-template-columns:none;align-items:center;justify-content:flex-start;gap:10px;box-sizing:border-box;width:100%;min-height:46px;border-radius:11px;padding:7px 12px;white-space:nowrap}.id-member-navigation-footer i{display:grid;flex:0 0 30px;width:30px;height:30px;place-items:center;border-radius:8px}.id-member-navigation-footer span{display:block;font-size:10px;font-weight:800;line-height:1.2}.id-member-navigation-footer .id-navigation-logout{justify-content:flex-start}
.id-account-content{padding:clamp(36px,4vw,60px)}.id-account-topline>span{font-size:10px}.id-account-topline small{font-size:12px}.id-account-profile h2{font-size:27px}.id-account-profile p{font-size:14px}.id-account-status-chips span{font-size:10px}.id-account-meta span{font-size:11px}.id-account-meta b{font-size:14px}.id-account-dashboard-card{padding:22px}.id-account-section-heading{font-size:10px}.id-account-checks span{font-size:10px}.id-account-role-card>p{font-size:12px}.id-account-role-card>strong{font-size:22px}.id-account-notification-list article b{font-size:12px}.id-account-notification-list article p{font-size:11px}.id-account-quick-actions button b{font-size:12px}.id-account-quick-actions button small{font-size:10px}
.id-security-command-head>div:first-child>span{font-size:10px}.id-security-command-head h3{font-size:25px}.id-security-command-head p{font-size:11px}.id-security-status-grid small{font-size:8px}.id-security-status-grid b{font-size:11px}.id-security-status-grid em{font-size:9px}.id-current-session b{font-size:12px}.id-current-session p{font-size:9px}.id-current-session-actions button{font-size:8px}
@media(max-width:980px){.phalanx-id-page.has-phalanx-account .phalanx-id-shell{width:min(100% - 28px,760px);padding-top:82px}.id-account-layout{grid-template-columns:1fr}.id-member-navigation-footer{grid-template-columns:1fr 1fr}.id-member-navigation-footer>a,.id-member-navigation-footer>button{justify-content:center}}
@media(max-width:560px){.phalanx-id-page.has-phalanx-account .phalanx-id-shell{width:calc(100% - 18px)}.id-account-content{padding:24px 16px}.id-member-navigation-footer{grid-template-columns:1fr}.id-account-profile h2{font-size:22px}.id-account-meta b{font-size:13px}}

/* Source: profile-accordion-fixes.css */
.id-accent-reset{display:inline-flex;align-items:center;justify-content:center;gap:7px;justify-self:start;min-height:34px;border:1px solid color-mix(in srgb,var(--id-accent) 20%,transparent);border-radius:9px;padding:0 11px;background:#101010;color:color-mix(in srgb,var(--id-accent) 65%,#aaa);font-size:8px;font-weight:850;letter-spacing:.055em;cursor:pointer}.id-accent-reset:hover{border-color:color-mix(in srgb,var(--id-accent) 38%,transparent);color:color-mix(in srgb,var(--id-accent) 78%,#fff)}.phalanx-profile-category:not([open])>.phalanx-profile-category-content{display:none!important}.phalanx-profile-category[open]>.phalanx-profile-category-content{display:grid!important;animation:id-category-open .18s ease}@keyframes id-category-open{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}

/* Source: membership-accent-coverage.css */
.id-member-navigation-heading span,.id-account-topline>span,.id-profile-kicker,.id-security-command-head>div:first-child>span{color:var(--id-accent)}.id-member-navigation-list{align-content:start;grid-auto-rows:min-content;gap:4px}.id-member-navigation-list>button,.id-member-navigation-list>a{min-height:54px;margin:0}.id-member-navigation-list>.is-active{border-color:color-mix(in srgb,var(--id-accent) 38%,transparent);background:linear-gradient(90deg,color-mix(in srgb,var(--id-accent) 16%,transparent),color-mix(in srgb,var(--id-accent) 3%,transparent))}.id-member-navigation-list>.is-active i,.id-member-navigation-list>.id-navigation-management i,.id-account-section-heading>span i,.id-account-quick-actions button>i:first-child{background:color-mix(in srgb,var(--id-accent) 11%,transparent);color:var(--id-accent)}.id-member-navigation-list>.is-active::after,.id-account-inline-action,#id-dashboard-management-link{color:var(--id-accent)}.id-account-status-chips .is-good{border-color:color-mix(in srgb,var(--id-accent) 24%,transparent);color:color-mix(in srgb,var(--id-accent) 62%,#fff)}.id-security-command{border-color:color-mix(in srgb,var(--id-accent) 24%,transparent)}.id-security-command::before{background:var(--id-accent);box-shadow:0 0 18px color-mix(in srgb,var(--id-accent) 55%,transparent)}.id-security-status-grid article>i,.id-mfa-state-icon{background:color-mix(in srgb,var(--id-accent) 10%,transparent);color:var(--id-accent)}.id-access-permission-count{background:color-mix(in srgb,var(--id-accent) 9%,transparent);color:var(--id-accent)}
.id-customization-fields{border-radius:13px;background:linear-gradient(145deg,color-mix(in srgb,var(--id-accent) 5%,transparent),rgba(255,255,255,.01))}.id-customization-fields>label{border-bottom:1px solid rgba(255,255,255,.055);padding-bottom:13px}.id-customization-fields>label:last-of-type{border-bottom:0}.id-accent-control{border:1px solid rgba(255,255,255,.065);border-radius:11px;padding:8px;background:#0a0a0a}
.id-cosmetic-preview{margin-top:15px;border-top:1px solid rgba(255,255,255,.07);padding-top:15px}.id-cosmetic-preview-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.id-cosmetic-preview-head span{color:#aaa;font-size:9px;font-weight:900;letter-spacing:.09em}.id-cosmetic-preview-head em{border:1px solid color-mix(in srgb,var(--id-accent) 20%,transparent);border-radius:20px;padding:4px 7px;background:color-mix(in srgb,var(--id-accent) 6%,transparent);color:var(--id-accent);font-size:7px;font-style:normal;font-weight:900}.id-cosmetic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.id-cosmetic-grid article{position:relative;display:grid;min-height:78px;align-content:end;overflow:hidden;border:1px solid rgba(255,255,255,.07);border-radius:11px;padding:10px;background:radial-gradient(circle at 75% 10%,color-mix(in srgb,var(--id-accent) 12%,transparent),transparent 55%),#0b0b0b}.id-cosmetic-grid i{position:absolute;top:12px;left:12px;color:color-mix(in srgb,var(--id-accent) 60%,#777)}.id-cosmetic-grid b{color:#bcbcbc;font-size:9px}.id-cosmetic-grid small{margin-top:3px;color:#5f5f5f;font-size:7px}@media(max-width:560px){.id-cosmetic-grid{grid-template-columns:1fr}.id-member-navigation-list{gap:3px!important}}

/* Kaydedilebilir profil bannerı, avatar çerçevesi ve efekt seçenekleri. */
.id-cosmetic-preview{display:grid;gap:14px}.id-cosmetic-group{display:grid;gap:8px;margin:0;border:0;padding:0}.id-cosmetic-group legend{padding:0;color:#999;font-size:9px;font-weight:800;letter-spacing:.045em}.id-cosmetic-group legend i{width:18px;color:var(--id-accent)}.id-cosmetic-grid label{position:relative;min-width:0;cursor:pointer}.id-cosmetic-grid input{position:absolute;opacity:0;pointer-events:none}.id-cosmetic-grid label>span{position:relative;display:grid;min-height:72px;align-content:end;overflow:hidden;border:1px solid rgba(255,255,255,.07);border-radius:11px;padding:10px;background:radial-gradient(circle at 75% 10%,color-mix(in srgb,var(--id-accent) 12%,transparent),transparent 55%),#0b0b0b;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}.id-cosmetic-grid label>span::after{content:"";position:absolute;top:10px;right:10px;width:8px;height:8px;border:1px solid #555;border-radius:50%;background:#111}.id-cosmetic-grid input:checked+span{border-color:color-mix(in srgb,var(--id-accent) 70%,#303030);background:linear-gradient(145deg,color-mix(in srgb,var(--id-accent) 13%,#101010),#0b0b0b);box-shadow:0 0 22px color-mix(in srgb,var(--id-accent) 10%,transparent)}.id-cosmetic-grid input:checked+span::after{border-color:var(--id-accent);background:var(--id-accent);box-shadow:0 0 9px var(--id-accent)}.id-cosmetic-grid input:focus-visible+span{outline:2px solid var(--id-accent);outline-offset:2px}.id-cosmetic-grid label:hover>span{transform:translateY(-1px);border-color:color-mix(in srgb,var(--id-accent) 38%,#303030)}.id-cosmetic-grid b{color:#d0d0d0;font-size:9px}.id-cosmetic-grid small{margin-top:3px;color:#686868;font-size:7px}[data-cosmetic-preview^="banner-"]::before{content:"";position:absolute;inset:0 0 auto;height:31px;opacity:.8}[data-cosmetic-preview="banner-classic"]::before{background:linear-gradient(120deg,color-mix(in srgb,var(--id-accent) 35%,#111),#111)}[data-cosmetic-preview="banner-gradient"]::before{background:linear-gradient(105deg,var(--id-accent),color-mix(in srgb,var(--id-accent) 35%,#551b75),#101010)}[data-cosmetic-preview="banner-grid"]::before{background:linear-gradient(color-mix(in srgb,var(--id-accent) 16%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--id-accent) 16%,transparent) 1px,transparent 1px),#101010;background-size:8px 8px}@media(max-width:560px){.id-cosmetic-grid{grid-template-columns:1fr}}

/* Source: membership-color-system.css */
/* Profil ayarlarında kaydetmeden önce bütün görünüm tercihlerini birlikte gösterir. */
.id-live-profile-preview{--preview-accent:var(--id-accent);position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--preview-accent) 32%,#303030);border-radius:15px;background:#0b0b0b;box-shadow:0 18px 35px rgba(0,0,0,.2)}.id-live-profile-cover{height:86px;background:linear-gradient(120deg,color-mix(in srgb,var(--preview-accent) 35%,#111),#111)}.id-live-profile-preview[data-banner="gradient"] .id-live-profile-cover{background:linear-gradient(105deg,var(--preview-accent),color-mix(in srgb,var(--preview-accent) 30%,#4b195e),#111)}.id-live-profile-preview[data-banner="grid"] .id-live-profile-cover{background:linear-gradient(color-mix(in srgb,var(--preview-accent) 18%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--preview-accent) 18%,transparent) 1px,transparent 1px),#111;background-size:16px 16px}.id-live-profile-content{display:flex;align-items:end;gap:13px;margin-top:-29px;padding:0 16px}.id-live-profile-avatar{display:grid;flex:0 0 64px;width:64px;height:64px;place-items:center;overflow:hidden;border:3px solid #0b0b0b;border-radius:50%;background:#1a1a1a;color:#fff;font:20px "Russo One",sans-serif;box-shadow:0 0 0 2px var(--preview-accent)}.id-live-profile-avatar img{width:100%;height:100%;object-fit:cover}.id-live-profile-preview[data-frame="none"] .id-live-profile-avatar{box-shadow:none}.id-live-profile-preview[data-frame="double"] .id-live-profile-avatar{box-shadow:0 0 0 2px #0b0b0b,0 0 0 4px var(--preview-accent),0 0 0 6px color-mix(in srgb,var(--preview-accent) 30%,#222)}.id-live-profile-content>div{display:grid;gap:2px;padding-bottom:3px}.id-live-profile-content small{color:var(--preview-accent);font-size:7px;font-weight:900;letter-spacing:.1em}.id-live-profile-content b{color:#fff;font-size:14px}.id-live-profile-content em{color:#747474;font-size:9px;font-style:normal}.id-live-profile-preview>p{min-height:34px;margin:14px 16px 16px;color:#929292;font-size:9px;line-height:1.6;white-space:pre-wrap}.id-live-profile-preview[data-effect="glow"]{box-shadow:0 18px 35px rgba(0,0,0,.2),0 0 30px color-mix(in srgb,var(--preview-accent) 19%,transparent)}.id-live-profile-preview[data-effect="pulse"]::after{content:"";position:absolute;inset:0;border:1px solid var(--preview-accent);border-radius:inherit;pointer-events:none;animation:id-preview-pulse 2.5s ease-in-out infinite}@keyframes id-preview-pulse{0%,100%{opacity:.15}50%{opacity:.8;box-shadow:inset 0 0 22px color-mix(in srgb,var(--preview-accent) 14%,transparent)}}@media(prefers-reduced-motion:reduce){.id-live-profile-preview[data-effect="pulse"]::after{animation:none;opacity:.4}}

/* PHALANX ID: profile accent coverage and dark form controls */
.id-profile-dialog {
    background:
        radial-gradient(circle at 100% 0, color-mix(in srgb, var(--id-accent) 10%, transparent), transparent 34%),
        #101010;
}

.id-profile-dialog .id-profile-kicker,
.id-profile-dialog .phalanx-profile-category[open] > summary > i:first-child,
.id-profile-dialog .phalanx-profile-category summary > i:last-child,
.id-profile-dialog .id-cosmetic-grid article > i {
    color: var(--id-accent);
}

.id-profile-dialog .id-profile-kicker::before {
    background: var(--id-accent);
    box-shadow: 0 0 12px color-mix(in srgb, var(--id-accent) 60%, transparent);
}

.id-profile-dialog .phalanx-profile-category[open] {
    border-color: color-mix(in srgb, var(--id-accent) 48%, #292929);
    box-shadow: inset 0 1px color-mix(in srgb, var(--id-accent) 10%, transparent);
    background: color-mix(in srgb, var(--id-accent) 3%, #151515);
}

.id-profile-dialog .phalanx-profile-category[open] > summary {
    background: linear-gradient(90deg, color-mix(in srgb, var(--id-accent) 7%, transparent), transparent 58%);
}

.id-profile-dialog .phalanx-profile-category summary > i:first-child,
.id-profile-dialog .id-profile-media > i,
.id-profile-dialog .phalanx-profile-media > i {
    background: color-mix(in srgb, var(--id-accent) 13%, #171717);
}

.id-profile-dialog .id-profile-media,
.id-profile-dialog .phalanx-profile-media {
    border-color: color-mix(in srgb, var(--id-accent) 32%, #343434);
    background: linear-gradient(135deg, color-mix(in srgb, var(--id-accent) 7%, #181818), #171717);
}

.id-profile-dialog .id-profile-media img,
.id-profile-dialog .phalanx-profile-media img {
    border-color: color-mix(in srgb, var(--id-accent) 72%, #303030);
}

.id-profile-dialog .id-primary-button {
    background: var(--id-accent);
    border-color: var(--id-accent);
    color: var(--id-accent-contrast, #050505);
}

.id-profile-dialog .id-profile-close {
    border-color: color-mix(in srgb, var(--id-accent) 32%, #363636);
}

.id-customization-fields label {
    color: #d8d8d8;
}

.id-customization-fields :is(textarea, select, input[type="text"]) {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #303030;
    border-radius: 12px;
    background: #0b0b0b;
    color: #f4f4f4;
    caret-color: var(--id-accent);
    font: inherit;
    outline: none;
}

.id-customization-fields textarea {
    min-height: 112px;
    padding: 14px 15px;
    resize: vertical;
    line-height: 1.55;
}

.id-customization-fields select,
.id-customization-fields input[type="text"] {
    min-height: 46px;
    padding: 0 14px;
}

.id-customization-fields select {
    color-scheme: dark;
}

.id-customization-fields :is(textarea, select, input[type="text"]):focus {
    border-color: var(--id-accent);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--id-accent) 12%, transparent);
}

.id-customization-fields label > small {
    color: #777;
}

.id-accent-control {
    border-color: color-mix(in srgb, var(--id-accent) 28%, #292929);
    background: #090909;
}

.id-cosmetic-preview-head em,
.id-cosmetic-grid article {
    border-color: color-mix(in srgb, var(--id-accent) 28%, #292929);
}

.id-cosmetic-preview-head em {
    color: var(--id-accent);
    background: color-mix(in srgb, var(--id-accent) 9%, transparent);
}

.id-cosmetic-grid article {
    background: linear-gradient(135deg, color-mix(in srgb, var(--id-accent) 8%, #101010), #101010);
}

.id-security-score {
    background: conic-gradient(var(--id-accent) var(--security-angle, 0deg), #292929 0);
}

.id-profile-remove-avatar {
    color: var(--id-accent);
    border-color: color-mix(in srgb, var(--id-accent) 28%, transparent);
    background: color-mix(in srgb, var(--id-accent) 6%, transparent);
}

/* Only the section selected from the member navigation may be visible. */
.id-account-overview[hidden],
.id-profile-modal[hidden],
.id-profile-modal.is-inline[hidden],
.id-profile-section[hidden] {
    display: none !important;
}

/* Shared accent system: all ordinary interactive states use the profile accent. */
.phalanx-id-page {
    background:
        radial-gradient(circle at 12% 15%, color-mix(in srgb, var(--id-accent) 9%, transparent), transparent 30%),
        radial-gradient(circle at 88% 75%, color-mix(in srgb, var(--id-accent) 6%, transparent), transparent 34%),
        #070707;
}

.phalanx-id-page.has-phalanx-account::before,
.phalanx-id-page.has-phalanx-account::after {
    background: color-mix(in srgb, var(--id-accent) 13%, transparent);
    box-shadow: 0 0 80px color-mix(in srgb, var(--id-accent) 9%, transparent);
}

.phalanx-id-page.has-phalanx-account::after {
    background: color-mix(in srgb, var(--id-accent) 10%, transparent);
}

.id-account-content,
.id-profile-modal.is-inline .phalanx-profile-editor {
    background:
        radial-gradient(circle at 94% 0, color-mix(in srgb, var(--id-accent) 8%, transparent), transparent 30%),
        #0e0e0e;
}

.id-navigation-avatar {
    border-color: color-mix(in srgb, var(--id-accent) 54%, #333);
    background: color-mix(in srgb, var(--id-accent) 12%, #111);
    color: color-mix(in srgb, var(--id-accent) 55%, #fff);
    box-shadow: 0 0 16px color-mix(in srgb, var(--id-accent) 14%, transparent);
}

.id-avatar {
    background: color-mix(in srgb, var(--id-accent) 12%, #111);
    color: color-mix(in srgb, var(--id-accent) 58%, #fff);
}

.id-member-navigation-list > :is(button, a):not(.id-navigation-management):hover,
.id-member-navigation-list > :is(button, a):not(.id-navigation-management):focus-visible {
    border-color: color-mix(in srgb, var(--id-accent) 28%, transparent);
    background: linear-gradient(90deg, color-mix(in srgb, var(--id-accent) 12%, transparent), color-mix(in srgb, var(--id-accent) 3%, transparent));
    color: #fff;
    box-shadow:
        inset 0 0 0 1px color-mix(in srgb, var(--id-accent) 8%, transparent),
        0 10px 28px color-mix(in srgb, var(--id-accent) 15%, transparent),
        0 0 22px color-mix(in srgb, var(--id-accent) 12%, transparent);
    outline: none;
}

.id-member-navigation-list > :is(button, a):not(.id-navigation-management):hover > i,
.id-member-navigation-list > :is(button, a):not(.id-navigation-management):focus-visible > i,
.id-member-navigation-list > :is(button, a):not(.id-navigation-management):hover::after,
.id-member-navigation-list > :is(button, a):not(.id-navigation-management):focus-visible::after {
    color: var(--id-accent);
}

.id-member-navigation-list > :is(button, a):not(.id-navigation-management):hover > i,
.id-member-navigation-list > :is(button, a):not(.id-navigation-management):focus-visible > i {
    background: color-mix(in srgb, var(--id-accent) 11%, transparent);
}

.id-account-profile,
.id-security-command {
    background:
        radial-gradient(circle at 100% 0, color-mix(in srgb, var(--id-accent) 10%, transparent), transparent 38%),
        linear-gradient(145deg, #121212, #0b0b0b);
}

.id-account-inline-action:hover,
#id-dashboard-management-link:hover,
.id-account-quick-actions button:hover > i:last-child,
.id-account-quick-actions button:focus-visible > i:last-child {
    color: color-mix(in srgb, var(--id-accent) 72%, #fff);
}

.id-account-quick-actions button:focus-visible,
.id-current-session-actions button:not(.is-danger):focus-visible,
.id-current-session-actions button:not(.is-danger):hover {
    border-color: color-mix(in srgb, var(--id-accent) 38%, transparent);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--id-accent) 9%, transparent);
    outline: none;
}

.id-profile-dialog::-webkit-scrollbar-thumb {
    background: color-mix(in srgb, var(--id-accent) 38%, #242424);
}

.id-profile-dialog .phalanx-profile-category summary:hover {
    background: color-mix(in srgb, var(--id-accent) 4%, transparent);
}

.id-profile-section input:focus,
.id-mfa-content input:focus {
    border-color: var(--id-accent);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--id-accent) 11%, transparent);
}

.id-profile-close:hover,
.id-profile-close:focus-visible,
.id-accent-reset:hover,
.id-accent-reset:focus-visible {
    border-color: color-mix(in srgb, var(--id-accent) 55%, #343434);
    color: var(--id-accent);
    outline: none;
}

.id-profile-close {
    border-color: color-mix(in srgb, var(--id-accent) 42%, #343434);
    background: color-mix(in srgb, var(--id-accent) 7%, #171717);
    color: color-mix(in srgb, var(--id-accent) 72%, #fff);
    box-shadow:
        inset 0 0 0 1px color-mix(in srgb, var(--id-accent) 5%, transparent),
        0 7px 20px color-mix(in srgb, var(--id-accent) 12%, transparent),
        0 0 18px color-mix(in srgb, var(--id-accent) 9%, transparent);
    transition: border-color .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.id-profile-modal.is-inline .id-profile-close {
    top: 18px;
    right: 18px;
}

.id-profile-modal.is-inline .id-profile-dialog > :is(.id-profile-kicker, h2, .id-profile-description) {
    padding-right: 54px;
}

.id-profile-close:hover,
.id-profile-close:focus-visible {
    background: color-mix(in srgb, var(--id-accent) 14%, #171717);
    box-shadow:
        inset 0 0 0 1px color-mix(in srgb, var(--id-accent) 10%, transparent),
        0 9px 26px color-mix(in srgb, var(--id-accent) 20%, transparent),
        0 0 26px color-mix(in srgb, var(--id-accent) 18%, transparent);
    transform: translateX(-2px);
}

.id-profile-close:active {
    transform: translateX(-1px) scale(.96);
}

.id-profile-actions > .id-primary-button,
.id-profile-actions > .id-primary-button:hover,
.id-profile-actions > .id-primary-button:focus-visible {
    border-color: var(--id-accent);
    background: var(--id-accent);
    color: var(--id-accent-contrast, #050505);
    box-shadow: 0 8px 20px color-mix(in srgb, var(--id-accent) 16%, transparent);
    outline: none;
}

.id-mfa-state-icon,
.id-mfa-login-intro > i {
    background: color-mix(in srgb, var(--id-accent) 11%, transparent);
    color: var(--id-accent);
}

.id-mfa-content #id-mfa-enrollment,
.id-mfa-login-intro {
    border-color: color-mix(in srgb, var(--id-accent) 22%, transparent);
    background: color-mix(in srgb, var(--id-accent) 4%, #0b0b0b);
}

#id-mfa-enrollment[hidden],
#id-mfa-verify[hidden],
#id-mfa-toggle[hidden] {
    display: none !important;
}

.id-password-strength > div span:not([data-score="3"]):not([data-score="4"]):not([data-score="5"]) {
    background: var(--id-accent);
}

@media (prefers-reduced-motion: reduce) {
    .id-member-navigation-list > :is(button, a),
    .id-account-dashboard-card,
    .id-account-quick-actions button {
        transition: none !important;
        transform: none !important;
    }
}

/* Keep expanded profile categories inside the editor viewport. */
.id-profile-modal.is-inline {
    min-width: 0;
}

.id-profile-modal.is-inline .id-profile-dialog {
    max-width: 100%;
    max-height: none;
    overflow: visible;
    scrollbar-gutter: auto;
    border-color: color-mix(in srgb, var(--id-accent) 24%, #2b2b2b);
    background:
        radial-gradient(circle at 92% 0, color-mix(in srgb, var(--id-accent) 13%, transparent), transparent 34%),
        radial-gradient(circle at 4% 100%, color-mix(in srgb, var(--id-accent) 5%, transparent), transparent 30%),
        #0e0e0e;
    box-shadow:
        inset 0 1px color-mix(in srgb, var(--id-accent) 18%, transparent),
        0 24px 70px color-mix(in srgb, var(--id-accent) 9%, rgba(0, 0, 0, .58));
}

.id-profile-modal.is-inline .id-profile-form,
.id-profile-modal.is-inline .id-profile-section,
.id-profile-modal.is-inline .phalanx-profile-category,
.id-profile-modal.is-inline .phalanx-profile-category-content,
.id-profile-modal.is-inline .id-customization-fields,
.id-profile-modal.is-inline .id-accent-control,
.id-profile-modal.is-inline .id-cosmetic-preview,
.id-profile-modal.is-inline .id-cosmetic-grid {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
}

.id-profile-modal.is-inline .phalanx-profile-category-content {
    overflow: hidden;
}

.id-profile-modal.is-inline .id-customization-fields {
    padding: 16px;
}

.id-profile-modal.is-inline .id-customization-fields > label,
.id-profile-modal.is-inline .id-customization-fields :is(textarea, select, input),
.id-profile-modal.is-inline .id-cosmetic-grid article {
    min-width: 0;
    max-width: 100%;
}

.phalanx-id-page.has-phalanx-account .phalanx-account-card {
    border-color: color-mix(in srgb, var(--id-accent) 18%, rgba(255,255,255,.08));
    box-shadow:
        0 30px 90px rgba(0,0,0,.4),
        0 0 52px color-mix(in srgb, var(--id-accent) 7%, transparent);
}

.id-member-navigation {
    background:
        radial-gradient(circle at 0 0, color-mix(in srgb, var(--id-accent) 13%, transparent), transparent 32%),
        #0c0c0c;
}

.id-account-content {
    background:
        radial-gradient(circle at 100% 0, color-mix(in srgb, var(--id-accent) 11%, transparent), transparent 31%),
        radial-gradient(circle at 2% 100%, color-mix(in srgb, var(--id-accent) 4%, transparent), transparent 32%),
        #0e0e0e;
}

.id-account-profile {
    box-shadow: 0 18px 50px color-mix(in srgb, var(--id-accent) 6%, transparent);
}

.id-navigation-avatar,
.id-avatar {
    box-shadow:
        0 0 0 4px color-mix(in srgb, var(--id-accent) 10%, transparent),
        0 0 24px color-mix(in srgb, var(--id-accent) 24%, transparent),
        0 12px 28px rgba(0,0,0,.3);
}

.id-security-command {
    box-shadow:
        inset 0 1px color-mix(in srgb, var(--id-accent) 12%, transparent),
        0 24px 60px color-mix(in srgb, var(--id-accent) 7%, rgba(0,0,0,.3));
}

.id-security-score {
    box-shadow: 0 0 30px color-mix(in srgb, var(--id-accent) 24%, transparent);
}

@media (max-width: 820px) {
    .id-profile-modal.is-inline .id-profile-dialog {
        max-height: none;
        overflow: visible;
        scrollbar-gutter: auto;
    }
}

@media (max-width: 520px) {
    .id-profile-modal.is-inline .id-profile-close {
        top: 14px;
        right: 14px;
    }

    .id-profile-modal.is-inline .id-profile-dialog > :is(.id-profile-kicker, h2, .id-profile-description) {
        padding-right: 48px;
    }
}

/* Theme-native replacement for browser-dependent select popups. */
.id-native-select {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
}

.id-theme-select {
    position: relative;
    width: 100%;
}

.id-theme-select-trigger {
    display: flex;
    width: 100%;
    min-height: 46px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    box-sizing: border-box;
    border: 1px solid #303030;
    border-radius: 12px;
    padding: 0 14px;
    background: #0b0b0b;
    box-shadow: none;
    color: #f2f2f2;
    font: 700 12px/1 Inter, Arial, sans-serif;
    text-align: left;
    cursor: pointer;
    transform: none;
}

.id-theme-select-trigger > i {
    color: #666;
    font-size: 9px;
    transition: color .16s ease, transform .16s ease;
}

.id-theme-select-trigger:hover,
.id-theme-select-trigger:focus-visible,
.id-theme-select.is-open .id-theme-select-trigger {
    border-color: var(--id-accent);
    background: color-mix(in srgb, var(--id-accent) 4%, #0b0b0b);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--id-accent) 10%, transparent);
    outline: none;
}

.id-theme-select-trigger:hover > i,
.id-theme-select-trigger:focus-visible > i,
.id-theme-select.is-open .id-theme-select-trigger > i {
    color: var(--id-accent);
}

.id-theme-select.is-open .id-theme-select-trigger > i {
    transform: rotate(180deg);
}

.id-theme-select-menu {
    position: static;
    z-index: 20;
    display: grid;
    gap: 4px;
    margin-top: 7px;
    box-sizing: border-box;
    border: 1px solid color-mix(in srgb, var(--id-accent) 30%, #303030);
    border-radius: 12px;
    padding: 6px;
    background: #101010;
    box-shadow: 0 18px 42px rgba(0,0,0,.55), 0 0 24px color-mix(in srgb, var(--id-accent) 9%, transparent);
}

.id-theme-select-menu[hidden] {
    display: none !important;
}

.id-theme-select-menu > button {
    display: flex;
    min-height: 39px;
    height: 39px;
    align-items: center;
    justify-content: space-between;
    border: 1px solid transparent;
    border-radius: 9px;
    margin: 0;
    padding: 0 11px;
    background: transparent;
    box-shadow: none;
    color: #aaa;
    font: 650 11px/1 Inter, Arial, sans-serif;
    text-align: left;
    cursor: pointer;
    transform: none;
}

.id-theme-select-menu > button:hover,
.id-theme-select-menu > button:focus-visible,
.id-theme-select-menu > button.is-selected {
    border-color: color-mix(in srgb, var(--id-accent) 22%, transparent);
    background: color-mix(in srgb, var(--id-accent) 9%, #111);
    color: #fff;
    outline: none;
}

.id-theme-select-menu > button > i {
    color: var(--id-accent);
    font-size: 9px;
    opacity: 0;
}

.id-theme-select-menu > button.is-selected > i {
    opacity: 1;
}

/* Remaining non-semantic account-centre accents. */
.id-profile-dialog .phalanx-profile-category > summary > i:first-child {
    background: color-mix(in srgb, var(--id-accent) 12%, #171717);
    color: var(--id-accent);
}

.id-profile-dialog .phalanx-profile-category > summary > i:last-child {
    color: color-mix(in srgb, var(--id-accent) 78%, #777);
}

.id-account-notification-list article.is-unread > i,
.id-account-notifications #id-mark-notifications-read {
    background: color-mix(in srgb, var(--id-accent) 10%, transparent);
    color: var(--id-accent);
}

.id-profile-media:hover,
.id-profile-media:focus-visible,
.phalanx-profile-media:hover,
.phalanx-profile-media:focus-visible {
    border-color: color-mix(in srgb, var(--id-accent) 62%, #333);
    background: color-mix(in srgb, var(--id-accent) 5%, #171717);
    outline: none;
}

.phalanx-profile-editor :is(.id-profile-kicker)::before {
    background: var(--id-accent);
    box-shadow: 0 0 12px color-mix(in srgb, var(--id-accent) 62%, transparent);
}

.id-profile-dialog .id-profile-camera,
.id-profile-dialog .phalanx-profile-media-camera {
    box-shadow: 0 0 18px color-mix(in srgb, var(--id-accent) 20%, transparent);
}

.id-profile-dialog .id-secondary-button:not(.id-profile-remove-avatar):hover,
.id-profile-dialog .id-secondary-button:not(.id-profile-remove-avatar):focus-visible {
    border-color: color-mix(in srgb, var(--id-accent) 32%, #444);
    background: color-mix(in srgb, var(--id-accent) 5%, #171717);
    color: #fff;
    outline: none;
}

.id-profile-dialog .phalanx-profile-media-avatar,
.id-profile-dialog .id-profile-avatar {
    border-color: color-mix(in srgb, var(--id-accent) 72%, #343434);
    background: color-mix(in srgb, var(--id-accent) 12%, #141414);
    color: color-mix(in srgb, var(--id-accent) 58%, #fff);
    box-shadow:
        0 0 0 4px color-mix(in srgb, var(--id-accent) 8%, transparent),
        0 0 22px color-mix(in srgb, var(--id-accent) 20%, transparent);
}

.id-profile-dialog .phalanx-profile-media-copy small,
.id-profile-dialog .id-profile-media-copy small {
    color: var(--id-accent);
}

.id-profile-dialog .phalanx-profile-media:hover .phalanx-profile-media-avatar,
.id-profile-dialog .phalanx-profile-media:focus-visible .phalanx-profile-media-avatar {
    box-shadow:
        0 0 0 4px color-mix(in srgb, var(--id-accent) 12%, transparent),
        0 0 30px color-mix(in srgb, var(--id-accent) 30%, transparent);
}

/* Account-centre controls and information surfaces share one accent source. */
.id-account-content :is(button, a):focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--id-accent) 11%, transparent);
}

.id-member-navigation-list > .id-navigation-management {
  margin-top: 4px;
  border-color: color-mix(in srgb, var(--id-accent) 16%, transparent);
  background: color-mix(in srgb, var(--id-accent) 4%, #101010);
}

.id-member-navigation-list > .id-navigation-management:hover,
.id-member-navigation-list > .id-navigation-management:focus-visible {
  border-color: color-mix(in srgb, var(--id-accent) 34%, transparent);
  background: color-mix(in srgb, var(--id-accent) 9%, #101010);
    box-shadow:
        inset 0 0 0 1px color-mix(in srgb, var(--id-accent) 8%, transparent),
        0 10px 28px color-mix(in srgb, var(--id-accent) 15%, transparent),
    0 0 22px color-mix(in srgb, var(--id-accent) 12%, transparent);
}

.id-member-navigation-list > .id-navigation-management i,
.id-member-navigation-list > .id-navigation-management:hover i,
.id-member-navigation-list > .id-navigation-management:focus-visible i,
.id-member-navigation-list > .id-navigation-management:hover::after,
.id-member-navigation-list > .id-navigation-management:focus-visible::after {
  background: color-mix(in srgb, var(--id-accent) 11%, transparent);
  color: var(--id-accent);
}

.id-navigation-return:hover,
.id-navigation-return:focus-visible {
  border-color: color-mix(in srgb, var(--id-accent) 30%, transparent);
  background: color-mix(in srgb, var(--id-accent) 6%, #111);
  color: #fff;
    box-shadow:
        0 10px 26px color-mix(in srgb, var(--id-accent) 13%, transparent),
    0 0 20px color-mix(in srgb, var(--id-accent) 10%, transparent);
    outline: none;
}

.id-member-navigation-footer .id-navigation-return {
  border-color: color-mix(in srgb, var(--id-accent) 18%, #292929);
  background: color-mix(in srgb, var(--id-accent) 4%, #111);
  color: #c4c4c4;
  box-shadow: 0 7px 20px color-mix(in srgb, var(--id-accent) 6%, transparent);
}

.id-member-navigation-footer .id-navigation-return > i {
  background: color-mix(in srgb, var(--id-accent) 9%, #171717);
  color: color-mix(in srgb, var(--id-accent) 65%, #aaa);
}

.id-member-navigation-footer .id-navigation-return:active {
  transform: translateX(-1px) scale(.99);
}

.id-verification-back,
[data-id-back-login] {
  border-color: color-mix(in srgb, var(--id-accent) 22%, #333);
  background: color-mix(in srgb, var(--id-accent) 5%, #111);
  color: color-mix(in srgb, var(--id-accent) 70%, #fff);
  box-shadow: 0 8px 22px color-mix(in srgb, var(--id-accent) 8%, transparent);
}

.id-verification-back:hover,
.id-verification-back:focus-visible,
[data-id-back-login]:hover,
[data-id-back-login]:focus-visible {
  border-color: color-mix(in srgb, var(--id-accent) 46%, #333);
  background: color-mix(in srgb, var(--id-accent) 11%, #111);
  box-shadow: 0 10px 28px color-mix(in srgb, var(--id-accent) 16%, transparent), 0 0 22px color-mix(in srgb, var(--id-accent) 12%, transparent);
    outline: none;
}

.id-navigation-return:hover i,
.id-navigation-return:focus-visible i {
  background: color-mix(in srgb, var(--id-accent) 12%, transparent);
  color: var(--id-accent);
}

.id-account-meta article,
.id-account-dashboard-card,
.id-security-status-grid article,
.id-current-session,
.id-account-quick-actions button,
.id-mfa-state,
.id-customization-fields,
.id-cosmetic-grid article {
    transition: border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease;
}

.id-account-meta article:hover,
.id-account-dashboard-card:hover,
.id-security-status-grid article:hover,
.id-current-session:hover,
.id-mfa-state:hover,
.id-cosmetic-grid article:hover {
  border-color: color-mix(in srgb, var(--id-accent) 27%, #2b2b2b);
  background-color: color-mix(in srgb, var(--id-accent) 3%, #101010);
    box-shadow: 0 12px 30px color-mix(in srgb, var(--id-accent) 5%, transparent);
}

.id-email-verification {
  border-color: color-mix(in srgb, var(--id-accent) 25%, #303030);
  border-left-color: var(--id-accent);
  background: color-mix(in srgb, var(--id-accent) 5%, #101010);
}

.id-email-verification > div > span,
.id-email-verification .id-secondary-button,
.id-account-section-heading > div > b,
#id-mark-notifications-read {
  color: var(--id-accent);
}

.id-account-access {
  border-color: color-mix(in srgb, var(--id-accent) 22%, #303030);
  border-left-color: var(--id-accent);
  background: color-mix(in srgb, var(--id-accent) 5%, #101010);
}

.id-account-access > span {
  color: var(--id-accent);
}

.id-account-health-track span,
.id-password-strength > div span:not([data-score="3"]):not([data-score="4"]):not([data-score="5"]) {
  background: linear-gradient(90deg, var(--id-accent), color-mix(in srgb, var(--id-accent) 58%, #fff));
    box-shadow: 0 0 12px color-mix(in srgb, var(--id-accent) 32%, transparent);
}

.id-account-inline-action:hover,
#id-dashboard-management-link:hover,
#id-review-security:hover,
#id-review-security:focus-visible,
.id-accent-reset:hover,
.id-accent-reset:focus-visible {
  color: var(--id-accent);
}

#id-review-security:hover,
#id-review-security:focus-visible,
.id-mfa-actions .id-secondary-button:hover,
.id-mfa-actions .id-secondary-button:focus-visible {
  border-color: color-mix(in srgb, var(--id-accent) 36%, #333);
  background: color-mix(in srgb, var(--id-accent) 7%, #151515);
}

.id-profile-actions > .id-secondary-button:hover,
.id-profile-actions > .id-secondary-button:focus-visible {
  border-color: color-mix(in srgb, var(--id-accent) 32%, #444);
  background: color-mix(in srgb, var(--id-accent) 5%, #171717);
}

.id-account-checks .is-complete i {
  background: color-mix(in srgb, var(--id-accent) 12%, transparent);
  color: var(--id-accent);
}

.id-current-session-icon,
.id-security-status-grid article > i,
.id-account-quick-actions button > i:first-child {
  background: color-mix(in srgb, var(--id-accent) 10%, #151515);
  color: var(--id-accent);
}

.id-live-dot,
.id-current-session-icon span {
  background: var(--id-accent);
  box-shadow: 0 0 9px color-mix(in srgb, var(--id-accent) 62%, transparent);
}

.id-theme-select-menu {
    grid-auto-rows: 39px;
    align-content: start;
}

.id-theme-select-menu > button + button {
  margin-top: 0;
}

.id-profile-modal.is-inline .id-customization-fields {
    gap: 11px;
}

.id-profile-modal.is-inline .id-customization-fields > label {
    gap: 6px;
    padding-bottom: 11px;
}

.id-profile-modal.is-inline .id-accent-reset {
    margin: 0;
}

.phalanx-profile-editor::after {
  background: linear-gradient(90deg, transparent, var(--id-accent), transparent);
    box-shadow: 0 0 14px color-mix(in srgb, var(--id-accent) 46%, transparent);
}

.id-member-navigation-list > .id-navigation-management::before {
    display: none !important;
    content: none !important;
}

.id-member-navigation-footer {
    align-content: start;
    gap: 7px;
    margin-top: 18px;
    padding-top: 12px;
}

.id-member-navigation-footer > :is(a, button) {
    margin: 0;
}

.id-account-status-chips .is-warning {
  border-color: color-mix(in srgb, var(--id-accent) 24%, transparent);
  background: color-mix(in srgb, var(--id-accent) 7%, transparent);
  color: color-mix(in srgb, var(--id-accent) 68%, #fff);
}

.id-password-strength > div span[data-score="3"],
.id-password-strength > div span[data-score="4"],
.id-password-strength > div span[data-score="5"] {
  background: linear-gradient(90deg, var(--id-accent), color-mix(in srgb, var(--id-accent) 58%, #fff));
    box-shadow: 0 0 12px color-mix(in srgb, var(--id-accent) 30%, transparent);
}

.id-profile-dialog :is(input[type="checkbox"], input[type="radio"]) {
    accent-color: var(--id-accent);
}

.id-profile-dialog ::selection,
.id-account-content ::selection,
.id-member-navigation ::selection {
    background: color-mix(in srgb, var(--id-accent) 48%, #111);
    color: #fff;
}

.id-account-content a:not(.id-navigation-logout):not(.id-profile-remove-avatar) {
    text-decoration-color: color-mix(in srgb, var(--id-accent) 55%, transparent);
}

.id-account-content :is(input, textarea, select) {
    caret-color: var(--id-accent);
}

.phalanx-id-page.has-phalanx-account .phalanx-id-footer a {
    color: var(--id-accent) !important;
}

/* Central interaction glow: prevents legacy button shadows leaking into new UI. */
.phalanx-id-page.has-phalanx-account {
    --id-glow-soft: 0 8px 22px color-mix(in srgb, var(--id-accent) 9%, transparent);
    --id-glow-hover: 0 10px 28px color-mix(in srgb, var(--id-accent) 16%, transparent), 0 0 22px color-mix(in srgb, var(--id-accent) 12%, transparent);
    --id-glow-focus: 0 0 0 3px color-mix(in srgb, var(--id-accent) 11%, transparent), 0 9px 24px color-mix(in srgb, var(--id-accent) 11%, transparent);
}

.phalanx-id-page.has-phalanx-account :is(.id-account-content, .id-member-navigation) :is(button, a):not(.phalanx-verified-badge) {
    transition: border-color .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}

.phalanx-id-page.has-phalanx-account :is(.id-account-content, .id-member-navigation) button:not(:disabled):hover,
.phalanx-id-page.has-phalanx-account :is(.id-account-content, .id-member-navigation) a:hover {
    box-shadow: var(--id-glow-hover) !important;
}

.phalanx-id-page.has-phalanx-account :is(.id-account-content, .id-member-navigation) button:not(:disabled):focus-visible,
.phalanx-id-page.has-phalanx-account :is(.id-account-content, .id-member-navigation) a:focus-visible {
    box-shadow: var(--id-glow-focus) !important;
    outline: none;
}

.phalanx-id-page.has-phalanx-account :is(.id-account-content, .id-member-navigation) button:active,
.phalanx-id-page.has-phalanx-account :is(.id-account-content, .id-member-navigation) a:active {
    box-shadow: var(--id-glow-soft) !important;
}

.phalanx-id-page.has-phalanx-account button:disabled {
    box-shadow: none !important;
}

/* Account-centre brand navigation */
.phalanx-id-brand {
    display: grid !important;
    grid-template-columns: 42px minmax(0, auto) 22px;
    grid-template-rows: auto auto;
    align-items: center;
    column-gap: 11px;
    row-gap: 2px;
    box-sizing: border-box;
    min-height: 58px;
    margin: 0;
    border: 1px solid transparent;
    border-radius: 14px;
    padding: 7px 10px 7px 7px;
    color: #fff;
    background: color-mix(in srgb, var(--id-accent) 2%, transparent);
    transition: border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease !important;
}

.phalanx-id-page.has-phalanx-account .phalanx-id-brand {
    top: 20px;
    left: max(24px, calc((100% - 1420px) / 2));
}

.phalanx-id-brand-mark {
    position: relative;
    display: grid;
    grid-row: 1 / 3;
    width: 42px;
    height: 42px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--id-accent) 18%, rgba(255,255,255,.08));
    border-radius: 12px;
    background: radial-gradient(circle, color-mix(in srgb, var(--id-accent) 9%, transparent), transparent 72%), #0d0d0d;
    box-shadow: 0 8px 24px rgba(0,0,0,.28);
}

.phalanx-id-brand-mark::after {
    position: absolute;
    inset: 5px;
    border-radius: 9px;
    box-shadow: inset 0 0 16px color-mix(in srgb, var(--id-accent) 8%, transparent);
    content: "";
    pointer-events: none;
}

.phalanx-id-brand .phalanx-id-brand-mark img {
    position: relative;
    z-index: 1;
    width: 27px;
    height: 36px;
    object-fit: contain;
    filter: drop-shadow(0 0 8px rgba(255,35,45,.25));
}

.phalanx-id-brand > span[data-site-name] {
    grid-column: 2;
    align-self: end;
    font: 400 15px/1 "Russo One", Arial, sans-serif;
    letter-spacing: .055em;
}

.phalanx-id-brand > small {
    grid-column: 2;
    align-self: start;
    color: var(--id-accent);
    font: 850 7px/1 Inter, Arial, sans-serif;
    letter-spacing: .14em;
}

.phalanx-id-brand > i {
    grid-column: 3;
    grid-row: 1 / 3;
    color: #555;
    font-size: 9px;
    transition: color .18s ease, transform .18s ease;
}

.phalanx-id-brand:hover,
.phalanx-id-brand:focus-visible {
    border-color: color-mix(in srgb, var(--id-accent) 30%, transparent);
    background: color-mix(in srgb, var(--id-accent) 6%, #090909);
    box-shadow: 0 10px 30px color-mix(in srgb, var(--id-accent) 11%, transparent), 0 0 22px color-mix(in srgb, var(--id-accent) 8%, transparent);
    outline: none;
    transform: translateY(-1px);
}

.phalanx-id-brand:hover .phalanx-id-brand-mark,
.phalanx-id-brand:focus-visible .phalanx-id-brand-mark {
    border-color: color-mix(in srgb, var(--id-accent) 38%, #333);
    box-shadow: 0 8px 26px color-mix(in srgb, var(--id-accent) 13%, rgba(0,0,0,.3));
}

.phalanx-id-brand:hover > i,
.phalanx-id-brand:focus-visible > i {
    color: var(--id-accent);
    transform: translate(2px, -2px);
}

.phalanx-id-brand:active {
    transform: scale(.985);
}

@media (max-width: 1480px) {
    .phalanx-id-page.has-phalanx-account .phalanx-id-brand { left: 28px; }
}

@media (max-width: 980px) {
    .phalanx-id-page.has-phalanx-account .phalanx-id-brand { top: 14px; left: 14px; }
}

@media (max-width: 520px) {
    .phalanx-id-brand { grid-template-columns: 38px minmax(0, auto) 18px; min-height: 52px; border-radius: 12px; padding: 6px 8px 6px 6px; }
    .phalanx-id-brand-mark { width: 38px; height: 38px; }
    .phalanx-id-brand .phalanx-id-brand-mark img { width: 24px; height: 32px; }
}

.id-member-navigation-footer .id-navigation-logout,
.id-profile-remove-avatar,
.id-current-session-actions .is-danger {
    border-color: color-mix(in srgb, var(--id-accent) 24%, #292929);
    background: color-mix(in srgb, var(--id-accent) 6%, #111);
    color: color-mix(in srgb, var(--id-accent) 72%, #fff);
}

.id-member-navigation-footer .id-navigation-logout > i,
.id-profile-remove-avatar > i,
.id-current-session-actions .is-danger > i {
    background: color-mix(in srgb, var(--id-accent) 11%, transparent);
    color: var(--id-accent);
}

.id-member-navigation-footer .id-navigation-logout:hover,
.id-member-navigation-footer .id-navigation-logout:focus-visible,
.id-profile-remove-avatar:hover,
.id-profile-remove-avatar:focus-visible,
.id-current-session-actions .is-danger:hover,
.id-current-session-actions .is-danger:focus-visible {
    border-color: color-mix(in srgb, var(--id-accent) 48%, #333);
    background: color-mix(in srgb, var(--id-accent) 11%, #111);
    color: #fff;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--id-accent) 10%, transparent), 0 10px 24px color-mix(in srgb, var(--id-accent) 9%, transparent);
    outline: none;
}

.id-member-navigation-list > :is(button, a),
.id-member-navigation-footer > :is(button, a) {
    transition: border-color .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.id-member-navigation-list > .is-active {
    box-shadow:
        inset 0 0 0 1px color-mix(in srgb, var(--id-accent) 8%, transparent),
        0 8px 24px color-mix(in srgb, var(--id-accent) 11%, transparent),
        0 0 18px color-mix(in srgb, var(--id-accent) 9%, transparent) !important;
}

html[data-profile-personalization-enabled="false"] .id-profile-customization-category {
    display: none !important;
}

html[data-account-security-enabled="false"] #id-open-security-settings,
html[data-account-security-enabled="false"] .id-security-command,
html[data-account-security-enabled="false"] #id-profile-security-section {
    display: none !important;
}

html[data-account-glow-enabled="false"] .phalanx-id-page.has-phalanx-account :is(
    .phalanx-id-brand,
    .id-account-shell,
    .id-account-content,
    .id-account-hero,
    .id-account-panel,
    .id-security-command,
    .id-profile-modal-card,
    .id-member-navigation-list > button,
    .id-member-navigation-footer > :is(button, a),
    .id-primary-button,
    .id-secondary-button
) {
    box-shadow: none !important;
    text-shadow: none !important;
}