@import url("/app-fonts.css?v=20261012-noto-ui");
:root{--app-font-family:"Noto Sans SC","Microsoft YaHei UI","PingFang SC",system-ui,sans-serif}
/* Enterprise settings share the product palette. */
body[data-app-page="identity"]{--id-primary:#6962d9;--id-ink:#24252d;--id-muted:#8b8d9b;--id-line:#ececf1;--id-soft:#f0effb;margin:0;color:var(--id-ink);background:#fff;font:13px/1.5 var(--app-font-family,"Microsoft YaHei",system-ui,sans-serif)}
.identity-shell *,.identity-drawer *{box-sizing:border-box}
.identity-shell button,.identity-drawer button{font:inherit;color:inherit;cursor:pointer;white-space:nowrap;transition:background .12s,border-color .12s;border:1px solid #dedee7;border-radius:5px;background:#fff;min-height:34px;padding:6px 13px}
.identity-shell button:hover,.identity-drawer button:hover{background:#f8f8fc;border-color:#c9c6e7}
.identity-shell button:disabled,.identity-drawer button:disabled{opacity:.45;cursor:not-allowed}
.identity-shell .primary,.identity-drawer .primary{background:var(--id-primary);border-color:var(--id-primary);color:#fff;font-weight:500}
.identity-shell .primary:hover,.identity-drawer .primary:hover{background:#5e56cd;border-color:#5e56cd}
.identity-shell button:focus-visible,.identity-drawer button:focus-visible{outline:2px solid #a7a2ec;outline-offset:2px}
.identity-shell svg,.identity-drawer svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.identity-shell [hidden],.identity-drawer [hidden]{display:none!important}
.identity-shell h1,.identity-shell h2,.identity-shell h3,.identity-drawer h2{margin:0;font-weight:600}
.identity-shell{height:100%;min-width:0;display:flex;flex-direction:column;overflow:hidden;background:#fff}
/* Account navigation uses one full-size control, matching the secondary menu. */
html body[data-app-page="identity"] .identity-settings-nav .identity-nav-tools{display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:0;min-height:38px;height:38px!important;padding:0!important;margin:0 0 4px;border:0;background:transparent;color:#646574;font-size:13px}
html body[data-app-page="identity"] .identity-nav-tools .app-navigation-collapse-slot{flex:1;width:100%;margin:0}
html body[data-app-page="identity"] .identity-nav-tools .app-navigation-collapse{display:flex;align-items:center;justify-content:flex-start;gap:9px;width:100%!important;min-height:38px!important;height:38px!important;padding:0 12px!important;margin:0;border-radius:9px;background:#f0f0f6!important;color:#646574!important;font-size:13px;text-align:left}
html body[data-app-page="identity"] .identity-nav-tools .app-navigation-collapse:hover{background:#e9e6f5!important;color:#655bd0!important}
html body[data-app-page="identity"] .identity-nav-tools .app-navigation-collapse>span{margin:0;font-size:inherit}




.identity-layout{flex:1;min-height:0;min-width:0;display:flex}
.identity-settings-nav{width:160px;flex:0 0 160px;background:#fafafd;border-right:1px solid var(--id-line);padding:17px 10px;overflow-y:auto}
.identity-nav-label{margin:22px 12px 9px;color:#a0a1ad;font-size:11px;letter-spacing:.04em}
.identity-nav-label:first-child{margin-top:5px}
.identity-settings-nav button{display:flex;align-items:center;gap:9px;width:100%;height:38px;margin-bottom:4px;padding:0 12px;border:0;background:transparent;color:#646574;font-size:13px;text-align:left}
.identity-settings-nav button svg{width:16px;height:16px;color:#8a8b9a}
.identity-settings-nav button:hover{background:#f0f0f6}
.identity-settings-nav button.active{background:#edebfa;color:#655bd0;font-weight:600}
.identity-settings-nav button.active svg{color:#7167d8}
.nav-count{margin-left:auto;color:#9e99c8;font-size:11px;font-weight:400}
.identity-main{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;padding:20px 24px 0;overflow:hidden}
#heading-count{font-size:13px;color:#9899a6}
.identity-page-actions{display:flex;flex:none;gap:8px;align-items:center;margin-left:auto}
#identity-feedback{padding:10px 13px;margin:0 0 16px;border:1px solid #dedaf6;background:#f7f6ff;border-radius:5px;color:#655bc0;flex-shrink:0}
#identity-feedback.error{border-color:#f4d7d7;background:#fff6f6;color:#bc4a4a}
#identity-content{flex:1;min-height:0;min-width:0;overflow:auto;display:flex;flex-direction:column;padding-bottom:24px}
.identity-toolbar{display:flex;min-width:0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;flex-shrink:0}
.member-status-tabs{display:flex;align-items:center;gap:20px;height:36px}
.member-status-tabs button{height:36px;padding:0 1px;background:transparent;border:0;border-radius:0;color:#8a8b99;position:relative}
.member-status-tabs button:hover{background:transparent;color:var(--id-primary)}
.member-status-tabs button.active{color:#655bd0;font-weight:600}
.member-status-tabs button.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#756ada;border-radius:2px}
.member-status-tabs button span{font-size:13px;padding-left:5px;color:#aaa7c1}
.member-status-tabs button small{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:16px;padding:0 4px;margin-left:6px;border-radius:4px;background:#f1f1f5;color:#a4a2b1;font-size:13px;font-weight:400;vertical-align:middle}
.member-status-tabs button.active small{background:#efecfb;color:#9588c7}
.table-filters{display:flex;flex:none;width:min(325px,100%);max-width:100%;flex-wrap:wrap;align-items:center;gap:10px}
.identity-shell .identity-search{display:flex;flex:1 1 180px;min-width:0;align-items:center;gap:8px;padding:0 10px;border:1px solid #dddde6;border-radius:7px;background:#fff}
.identity-shell .identity-search:focus-within{border-color:#8d83e4;box-shadow:0 0 0 2px #f0edff}
.identity-search>svg{position:static;flex:none;width:15px;height:15px;color:#a2a3af}
.identity-shell input,.identity-shell select,.identity-drawer input,.identity-drawer select{font:inherit;color:#3e3e4a;background:#fff;border:1px solid #dddde6;border-radius:5px;outline:none;min-height:35px;padding:7px 10px;transition:border-color .12s,box-shadow .12s}
.identity-shell input:focus,.identity-shell select:focus,.identity-drawer input:focus,.identity-drawer select:focus{border-color:#8d83e4;box-shadow:0 0 0 2px #f0edff}
.identity-shell input::placeholder,.identity-drawer input::placeholder{color:#b0b1bc;font-size:12px}
html body[data-app-page="identity"] .identity-shell .identity-search input{display:block;flex:1;width:0;min-width:0;height:36px;min-height:36px;padding:0;border:0;box-shadow:none;background:transparent}
.table-filters select{flex:0 0 105px;width:105px;max-width:100%;font-size:12px;min-height:35px}
.table-filters>.app-select-trigger{flex:0 0 105px;width:105px;min-height:35px}
.identity-table-wrap{min-width:0;overflow:auto;border-top:1px solid var(--id-line)}
.identity-shell table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:12px}
.identity-shell th{height:42px;padding:10px 16px;background:#fafafd;color:#90919e;font-size:12px;font-weight:400;border-bottom:1px solid var(--id-line)}
.identity-shell td{height:62px;padding:10px 14px;border-bottom:1px solid #f0f0f5;color:#656675}
.identity-shell tbody tr:hover{background:#fcfcfe}
.person-cell{display:flex;align-items:center;gap:11px}
.identity-avatar{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:#ece9fb;color:#8274ca;font-size:13px;font-weight:500}
.identity-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}.identity-avatar img[hidden]{display:none!important}
.identity-avatar.tone-1{background:#e8f0fb;color:#5c84ba}
.identity-avatar.tone-2{background:#e7f3f0;color:#56968b}
.identity-avatar.tone-3{background:#fcf0e6;color:#c18c59}
.person-name{display:flex;align-items:center;gap:7px;color:#444550;font-size:13px;font-weight:500}
.person-account{display:block;margin-top:3px;color:#a1a2af;font-size:11px;font-weight:400}
.self-tag{color:#9893b8;background:#f1eff8;border-radius:3px;padding:1px 5px;font-size:10px;font-weight:400}
.role-tag{display:inline-flex;align-items:center;border:1px solid #e8e8ef;border-radius:4px;padding:2px 7px;background:#f9f9fc;color:#838492;font-size:11px}
.role-tag.admin{background:#f2effd;border-color:#e9e3fb;color:#8a7ac2}
.permission-source{display:block;margin-top:5px;color:#93939f;font-size:11px}
.settings-help{margin:0 0 18px;color:#797985;font-size:12px;line-height:1.7}
.member-permissions-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:5px}
.member-permissions-heading h3{font-size:13px;margin:0;font-weight:500}
.identity-drawer .text-button{padding:3px 0;min-height:26px;color:#6962d9;background:transparent;border:0;font-size:13px}
.permission-help{color:#767683;font-size:12px;line-height:1.7;margin:7px 0 12px}
#member-permissions{margin:0 0 25px;padding:0 0 19px;border-bottom:1px solid #eeeef4}
#member-permissions .permission-group{padding:0;border:0}
#member-permissions .permission-group h3{display:none}
#member-permissions .permission-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#member-permissions .permission-check{color:#555565;padding:9px!important;border:1px solid #e8e7ee;border-radius:5px;background:#fcfcfe;min-height:38px}
.profile-permissions h2{font-size:14px;margin-bottom:18px}
.member-state{display:inline-flex;align-items:center;gap:6px;color:#999ba7;font-size:13px}
.member-state:before{content:"";width:5px;height:5px;border-radius:50%;background:#c1c1cb}
.member-state.active{color:#69a58f}
.member-state.active:before{background:#76b79e}
.identity-shell .text-button{border:0;background:transparent;padding:4px 0;min-height:25px;font-size:13px;color:#8e83cd;margin-right:13px}
.identity-shell .text-button:last-child{margin-right:0}
.identity-shell .text-button:hover{color:#6254bd;background:transparent;text-decoration:underline;text-underline-offset:3px}
.table-muted{color:#b0b1bd;font-size:12px}
.table-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;color:#a0a1ae;font-size:12px}
.page-controls{display:flex;gap:6px;align-items:center}
.page-controls button{padding:3px 9px;min-height:28px;font-size:13px;border-color:#e7e7ef;color:#a0a1ae}
.page-controls button.current{color:#7b6fc6;background:#f4f1fe;border-color:#e8e1fa}
.identity-empty{padding:72px 20px;text-align:center;color:#b0b0bd;font-size:13px}
.role-layout{display:grid;grid-template-columns:190px minmax(0,1fr);border:1px solid var(--id-line);border-radius:6px;min-height:450px;flex:1}
.role-list{padding:12px 9px;border-right:1px solid var(--id-line);background:#fcfcfe}
.role-list .role-item{width:100%;border:0;display:flex;justify-content:space-between;align-items:center;gap:9px;text-align:left;background:transparent;padding:12px;margin:2px 0;color:#747585;min-height:44px}
.role-list .role-item.active{background:#efecfb;color:#6f62c2}
.role-item small,.role-item>span:last-child:not(:first-child){font-size:11px;color:#aaa5c4}
.role-detail{padding:25px 28px;min-width:0}
.role-detail-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}
.role-detail-heading h2{font-size:17px;color:#474754}
.role-detail-heading p{font-size:12px;color:#a3a3b1;margin:5px 0 0}
.role-detail-tabs{display:flex;gap:24px;border-bottom:1px solid var(--id-line,#ececf1);padding-bottom:0;color:#7e72c9;font-size:13px;margin-bottom:6px}
.role-detail-tabs button{position:relative;border:0;border-radius:0;background:transparent;color:#9593a3;min-height:38px;padding:0 0 11px;font-size:13px}
.role-detail-tabs button:hover{background:transparent;color:#7567bd}
.role-detail-tabs button.active{color:#7e70c1;font-weight:500}
.role-detail-tabs button.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#8e7ed0}
.permission-group{padding:13px 0;border-bottom:1px solid #f1f1f5}
.permission-group:last-child{border-bottom:0}
.permission-group h3,.permission-group>strong{font-size:12px;font-weight:500;color:#6e6e7d;margin:0 0 13px;display:block}
.permission-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px}
.permission-check{display:flex!important;align-items:center;gap:8px;color:#8a8a99;font-size:12px!important;margin:0!important;font-weight:400!important}
.permission-check input[type="checkbox"]{width:14px!important;min-height:14px!important;height:14px!important;margin:0!important;padding:0!important;accent-color:#8b7fd0;box-shadow:none;flex:none}
.permission-check input:disabled{opacity:.8}
.identity-drawer{position:fixed;inset:0 0 0 auto;margin:0;height:100dvh;max-height:100dvh;width:430px;max-width:calc(100vw - 30px);border:0;border-left:1px solid #e6e5ed;border-radius:0;padding:0;color:#3f3f4c;background:#fff;box-shadow:-12px 0 45px #24213c12;font:13px/1.5 var(--app-font-family,"Microsoft YaHei",system-ui,sans-serif);--id-primary:#6962d9}
.identity-drawer::backdrop{background:#26233630}
.identity-drawer form{height:100%;display:flex;flex-direction:column;margin:0}
.identity-drawer header{height:72px;min-height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 27px;border-bottom:1px solid #ededf2}
.identity-drawer h2{font-size:18px}
.identity-drawer .icon-button{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;padding:5px;width:30px;min-height:30px;color:#9b9ba9}
.identity-drawer .icon-button:hover{background:#f5f4fa;color:#686076}
.drawer-body{flex:1;min-height:0;overflow:auto;padding:24px 27px}
.identity-drawer footer{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:18px 27px;border-top:1px solid #ededf2;background:#fff}
.identity-drawer label{display:block;font-size:13px;font-weight:400;color:#656573;margin:0 0 21px}
.identity-drawer label>input,.identity-drawer label>select{display:block;width:100%;margin-top:8px;min-height:38px}
.drawer-person{display:flex;align-items:center;gap:12px;padding-bottom:21px;margin-bottom:22px;border-bottom:1px solid #eeeef4}
.drawer-separator{border:0;border-top:1px solid #eeeef4;margin:25px 0}
.field-note{font-size:12px;color:#a2a1af;line-height:1.7;margin:8px 0 18px}
.form-error{color:#bd6464;font-size:12px;line-height:1.7;white-space:pre-wrap;margin:8px 0 15px}
.form-error:empty{display:none}
.profile-layout{max-width:750px;min-width:0}
.profile-hero{display:flex;align-items:center;gap:16px;padding:12px 0 28px;border-bottom:1px solid #eeeef4;margin-bottom:6px}
.profile-hero .identity-avatar{width:64px;height:64px;flex-basis:64px;font-size:24px}.profile-person{min-width:0}.profile-avatar-actions{display:flex;gap:13px;flex-wrap:wrap;margin-left:auto}.profile-avatar-actions .text-button{margin-right:0}.profile-avatar-actions .text-button:disabled{color:#a2a1af;background:transparent;cursor:not-allowed;text-decoration:none}@media(max-width:600px){.profile-hero{flex-wrap:wrap}.profile-avatar-actions{width:100%;margin-left:80px;gap:18px}}
.profile-hero h2{font-size:17px;font-weight:500;margin-bottom:5px}
.profile-hero p{font-size:12px;color:#a0a0ae;margin:0}
.profile-row{display:flex;align-items:center;gap:25px;min-height:68px;padding:18px 0;border-bottom:1px solid #f0f0f5;font-size:13px;color:#6b6b79}
.profile-row>span:first-child,.profile-row>label:first-child{width:95px;flex-shrink:0;color:#a2a1b0}
.profile-row .text-button{margin-left:auto}
.profile-permissions{padding-top:27px}
.profile-permissions h3{font-size:14px;color:#646271;margin-bottom:18px}
.allowed-permission{display:inline-flex;align-items:center;gap:7px;border:1px solid #e8e6f0;border-radius:4px;color:#9690b2;background:#fcfbff;font-size:12px;padding:6px 10px;margin:0 8px 10px 0}
.allowed-permission:before{content:"✓";color:#8f80c3}
@media(max-width:1150px){.identity-main{padding-left:22px;padding-right:22px}.identity-settings-nav{width:145px;flex-basis:145px}.identity-shell td,.identity-shell th{padding-left:12px;padding-right:12px}.role-layout{grid-template-columns:160px minmax(0,1fr)}.role-detail{padding:23px}}
@media(max-width:850px){.identity-settings-nav{width:130px;flex-basis:130px;padding-left:6px;padding-right:6px}.identity-settings-nav button{padding-left:10px;gap:7px}.identity-main{padding:23px 18px 0}.permission-items{grid-template-columns:1fr}.role-layout{grid-template-columns:140px minmax(0,1fr)}.role-detail{padding:20px 16px}.identity-page-actions button{font-size:13px;padding:6px 10px}}
@media(max-width:600px){.identity-settings-nav{width:112px;flex-basis:112px}.identity-settings-nav button{font-size:13px}.identity-settings-nav button svg{display:none}.identity-nav-label{margin-left:10px}.identity-main{padding-left:14px;padding-right:14px}.role-layout{display:block}.role-list{display:flex;overflow-x:auto;border-right:0;border-bottom:1px solid var(--id-line)}.role-list .role-item{width:auto;min-width:110px}.identity-page-actions{flex-wrap:wrap}.profile-row{gap:12px}.profile-row>span:first-child{width:70px}}


/* Shared browser and desktop login cover. All selectors are login-scoped. */
body.identity-login{color-scheme:light;--ink:#202126;--purple:#6962d9;--line:#e9e9ee;margin:0;background:#fafafb;color:var(--ink);font-family:var(--app-font-family);font-synthesis:none;line-height:normal}
.identity-login *{box-sizing:border-box}
.identity-login [hidden]{display:none!important}
.identity-login button,.identity-login input{font:inherit}
.identity-login button{cursor:pointer}
.identity-login svg{display:block}
.identity-login button:focus-visible{outline:3px solid #bdb8f1;outline-offset:4px}
.identity-login .svg-definitions{position:absolute;width:0;height:0;overflow:hidden}
.identity-login .page-shell{max-width:1600px;min-height:100svh;margin:auto;padding:0 64px;display:flex;flex-direction:column}
.identity-login .masthead{height:106px;flex:none;display:flex;align-items:center;justify-content:space-between}
.identity-login .brand{display:flex;align-items:center;gap:10px}
.identity-login .brand>svg{width:34px;height:34px}
.identity-login .brand>span{font:600 26px var(--app-font-family);letter-spacing:-.8px}
.identity-login .brand i{height:17px;width:1px;background:#d9d9e0;margin:0 7px}
.identity-login .brand small{font-size:14px;font-weight:500;color:#676973;letter-spacing:1px}
.identity-login .language{display:flex;align-items:center;gap:8px;font-size:12px;color:#75717e}
.identity-login .language svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4}
.identity-login .cover{flex:1;display:grid;grid-template-columns:minmax(0,1.85fr) minmax(330px,1fr);min-height:600px;align-items:center;padding:24px 0 26px}
.identity-login .product{padding-right:45px;min-width:0}
.identity-login .product-copy{padding-left:12px}
.identity-login .eyebrow{font-size:13px;font-weight:400;letter-spacing:2px;color:#777180;margin:0 0 21px}
.identity-login h1{font-size:62px;line-height:1.2;letter-spacing:1px;font-weight:400;margin:0}
.identity-login h1 span{color:#75707d}
.identity-login .introduction{font-size:16px;line-height:1.9;color:#7f7888;font-weight:400;margin:21px 0 0;letter-spacing:.2px}
.identity-login .login-area{border-left:1px solid #e7e7ed;padding-left:54px;display:flex;align-items:center;justify-content:center;min-height:525px}
.identity-login .login-panel{width:100%;max-width:330px}
.identity-login .login-symbol{width:68px;height:68px;background:linear-gradient(145deg,#fff,#f0eff5);box-shadow:0 5px 11px #3130460a,inset 0 0 0 1px #ffffff;border:1px solid #e9e8f0;border-radius:18px;display:grid;place-items:center;margin-bottom:29px}
.identity-login .login-symbol svg{width:44px;height:44px;color:#34343f}
.identity-login .login-panel h2{font-size:31px;letter-spacing:1.5px;font-weight:400;margin:0 0 9px}
.identity-login .login-description{font-size:14px;letter-spacing:.3px;color:#8b8994;margin:0 0 34px}
.identity-login form label{display:block;font-size:13px;color:#595763;font-weight:500;margin-top:20px}
.identity-login input{width:100%;height:51px;border:1px solid #dedde5;border-radius:9px;background:#fff;padding:0 15px;font-size:14px;color:var(--ink);outline:none;transition:border-color .2s,box-shadow .2s}
.identity-login label>input,.identity-login .password-field{margin-top:9px}
.identity-login input::placeholder{color:#b0aeb8;font-weight:400}
.identity-login input:focus{border-color:var(--purple);box-shadow:0 0 0 3px #6962d910}
.identity-login .password-field{position:relative;display:block}
.identity-login .password-field input{padding-right:48px}
.identity-login .password-field button{position:absolute;right:7px;top:7px;width:37px;height:37px;display:grid;place-items:center;background:none;border:0;color:#9996a5}
.identity-login .password-field svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.4}
.identity-login .eye-slash{display:none}
.identity-login [aria-pressed=true] .eye-slash{display:block}
.identity-login .form-error{display:block;font-size:11px;line-height:1.4;color:#b55255;min-height:18px;margin:9px 0 10px;white-space:pre-wrap}
.identity-login .login-submit{width:100%;height:49px;background:var(--purple);border:1px solid transparent;border-radius:9px;color:#fff;font-weight:400;font-size:15px;letter-spacing:3px;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 3px 5px #6962d91c;transition:background .2s,transform .2s}
.identity-login .login-submit::after{content:'→';font:17px var(--app-font-family);letter-spacing:0;transition:transform .2s}
.identity-login .login-submit:hover{background:#5e57cc}
.identity-login .login-submit:hover::after{transform:translateX(3px)}
.identity-login .login-submit:active{transform:scale(.993)}
.identity-login .login-submit:disabled{opacity:.45;cursor:wait}
.identity-login .login-retry{width:100%;margin-top:10px;border:0;background:transparent;color:var(--purple);font-size:12px;padding:6px}
.identity-login .account-help{display:flex;align-items:center;justify-content:center;gap:5px;font-size:11px;color:#a09da9;margin-top:23px}
.identity-login .account-help button{border:0;background:none;color:#777180;padding:3px;font-size:13px}
.identity-login .account-help button:hover{color:var(--purple)}
.identity-login .account-help button>span{padding-left:3px}
.identity-login footer{height:69px;border-top:1px solid #e9e9ef;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#a29eac;flex:none}
.identity-login dialog{max-width:380px;border:1px solid #ecebf1;border-radius:20px;padding:28px;box-shadow:0 25px 90px #1d1c3626;background:#fff;color:var(--ink)}
.identity-login dialog::backdrop{background:#24213738}
.identity-login dialog h2{font-size:20px;margin:0 0 15px}
.identity-login dialog p{font-size:14px;line-height:1.8;color:#77717f}
.identity-login .dialog-close{position:absolute;right:12px;top:10px;font-size:24px;color:#8d8796;background:none;border:0}
.identity-login .dialog-confirm{background:var(--purple);color:#fff;border:0;padding:10px 19px;border-radius:8px;float:right}
.identity-login .matrix-art{width:640px;height:300px;position:relative;max-width:100%;isolation:isolate;transform:scale(.77);transform-origin:left top;margin:22px 0 -75px 30px}
.identity-login .matrix-lines{position:absolute;width:100%;height:100%;inset:0}
.identity-login .matrix-center{--tilt:-7deg;--arrival:.12s;position:absolute;width:120px;height:120px;left:257px;top:96px;border:1px solid #dedde7;border-radius:31px;background:linear-gradient(145deg,#fff 10%,#eeedf6);box-shadow:0 19px 35px -17px #65627755,inset 0 2px 3px #fff,inset 0 -2px 4px #d6d3e449;display:grid;place-items:center;transform:rotate(-7deg);transition:transform .5s}
.identity-login .matrix-center svg{width:79px;height:79px;color:#373640}

.identity-login .matrix-node{position:absolute;display:grid;place-items:center;border:1px solid #e5e4ed;background:linear-gradient(145deg,#fff,#f2f2f7);border-radius:20px;box-shadow:0 9px 19px -10px #6e698f3d,inset 0 1px 2px #fff;color:#b4b0c8}
.identity-login .node-a{--tilt:-11deg;--arrival:0.08s;width:73px;height:73px;left:49px;top:59px;transform:rotate(-11deg)}
.identity-login .node-b{--tilt:9deg;--arrival:0.3s;width:65px;height:65px;left:98px;top:203px;transform:rotate(9deg)}
.identity-login .node-c{--tilt:9deg;--arrival:0.18s;width:78px;height:78px;left:482px;top:21px;transform:rotate(9deg)}
.identity-login .node-d{--tilt:-7deg;--arrival:0.38s;width:66px;height:66px;left:542px;top:124px;transform:rotate(-7deg)}
.identity-login .node-e{--tilt:8deg;--arrival:0.48s;width:72px;height:72px;left:522px;top:214px;transform:rotate(8deg)}
.identity-login .node-f{--tilt:12deg;--arrival:0.04s;width:40px;height:40px;left:297px;top:1px;border-radius:12px;transform:rotate(12deg)}
.identity-login .dot-grid{display:grid;grid-template-columns:repeat(2,7px);gap:5px}
.identity-login .dot-grid i{width:7px;height:7px;border-radius:2px;background:#c5c2d5}
.identity-login .node-a .dot-grid i:first-child,.identity-login .node-e .dot-grid i:last-child{background:#a7a0d9}
.identity-login .orbit-symbol{width:22px;height:22px;border:1.7px solid #bcb8ce;border-radius:50%;position:relative}
.identity-login .orbit-symbol:after{content:'';position:absolute;width:11px;height:11px;border:1.7px solid #bcb8ce;border-radius:50%;left:12px;top:10px;background:#f4f4f8}
.identity-login .orbit-symbol.small{transform:scale(.8)}
.identity-login .node-bars{display:flex;align-items:center;gap:4px;height:23px}
.identity-login .node-bars i{height:15px;width:5px;background:#bbb6d3;border-radius:5px;transform:rotate(24deg)}
.identity-login .node-bars i:nth-child(2){height:25px;background:#a59ccb}
.identity-login .node-bars i:nth-child(3){height:19px}
.identity-login .single-dot{width:7px;height:7px;border-radius:50%;background:#bfbacf}
.identity-login .automation-flow{display:flex;align-items:center;justify-content:space-between;max-width:640px;padding:23px 3px 0 12px;margin-top:14px;border-top:1px solid #e9e7ed}
.identity-login .automation-flow>div{display:flex;align-items:center;gap:9px}
.identity-login .automation-flow>div>span{font:10px/1.2 var(--app-font-family);color:#aaa4b7}
.identity-login .automation-flow strong{font-size:14px;letter-spacing:1px;font-weight:400;color:#57515f}
.identity-login .automation-flow i{font-style:normal;color:#c9c3d2;font-size:14px}
.identity-login [data-setup=true] .login-symbol{display:none}
.identity-login [data-setup=true] .account-help{display:none}
.identity-login [data-setup=true] .login-description{margin-bottom:22px}
@media(max-width:1250px){.identity-login .page-shell{padding:0 42px}.identity-login .product{padding-right:28px}.identity-login .matrix-art{max-width:none}.identity-login .login-area{padding-left:35px}}
@media(max-width:1000px){.identity-login .page-shell{padding:0 28px}.identity-login .login-area{padding-left:27px}}
@media(min-width:761px) and (max-height:800px){.identity-login .masthead{height:76px}.identity-login .cover{min-height:0;padding:12px 0 16px}.identity-login h1{font-size:48px}.identity-login .eyebrow{margin-bottom:17px}.identity-login .introduction{font-size:14px;line-height:1.8;margin-top:16px}.identity-login .matrix-art{transform:scale(.64);margin-top:18px;margin-bottom:-110px}.identity-login .automation-flow{margin-top:10px;padding-top:18px;max-width:540px}.identity-login .automation-flow strong{font-size:12px}.identity-login .login-area{min-height:455px}.identity-login .login-symbol{width:56px;height:56px;border-radius:16px;margin-bottom:20px}.identity-login .login-symbol svg{width:38px;height:38px}.identity-login .login-description{margin-bottom:22px}.identity-login form label{margin-top:17px}.identity-login input{height:47px}.identity-login .password-field button{top:5px}.identity-login .form-error{min-height:16px;margin:7px 0 8px}.identity-login .login-submit{height:47px}.identity-login .account-help{margin-top:19px}.identity-login footer{height:52px}}
@media(min-width:761px) and (max-width:1100px){.identity-login h1{font-size:45px}.identity-login .matrix-art{transform:scale(.6);margin-left:0;margin-bottom:-120px}.identity-login .automation-flow{gap:6px}.identity-login .automation-flow strong{font-size:11px;letter-spacing:0}.identity-login .automation-flow>div{gap:5px}.identity-login .automation-flow i{font-size:10px}}
@media(max-width:760px){.identity-login .page-shell{padding:0 26px}.identity-login .masthead{height:80px}.identity-login .brand>span{font-size:23px}.identity-login .brand small{font-size:12px}.identity-login .language{font-size:0}.identity-login .cover{display:flex;flex-direction:column;gap:32px;padding:25px 0 40px;min-height:0}.identity-login .product{padding:0;width:100%;max-width:520px}.identity-login .product-copy{padding:0;text-align:center}.identity-login .eyebrow{font-size:10px;margin-bottom:16px}.identity-login h1{font-size:39px;letter-spacing:0;line-height:1.25}.identity-login .introduction{font-size:12px;line-height:1.8;margin-top:17px}.identity-login .matrix-art{display:none}.identity-login .automation-flow{gap:9px;padding:22px 0 0;border:0;margin:0}.identity-login .automation-flow strong{font-size:10px;letter-spacing:0}.identity-login .automation-flow>div{gap:4px}.identity-login .automation-flow>div>span{font-size:8px}.identity-login .automation-flow i{font-size:9px}.identity-login .login-area{padding:30px 0 0;border:0;border-top:1px solid var(--line);min-height:0;width:100%;max-width:400px}.identity-login .login-symbol{display:none}.identity-login .login-panel h2{font-size:27px}.identity-login .login-description{font-size:12px;margin-bottom:22px}.identity-login .account-help{margin-top:18px}.identity-login footer{height:55px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.identity-login *,.identity-login *::before,.identity-login *::after{transition:none!important;animation:none!important}}

.identity-shell .profile-logout{margin-top:24px;color:#8a5360}

/* Login controls share one language and one password visibility control. */
.identity-login .password-field input::-ms-reveal,.identity-login .password-field input::-ms-clear{display:none}
.identity-login .language{border:0;background:transparent;cursor:pointer;font-family:inherit;padding:5px 0}
.identity-login .language:hover{color:var(--purple)}
.identity-login .language:focus-visible{outline:2px solid var(--purple);outline-offset:5px;border-radius:3px}
.identity-login h1 .headline-first{color:var(--ink)}
html[lang="en"] .identity-login{font-family:var(--app-font-family)}
html[lang="en"] .identity-login h1{font-size:clamp(36px,3.8vw,54px);line-height:1.18;letter-spacing:-1.2px}
html[lang="en"] .identity-login :is(.eyebrow,.automation-flow strong,.login-panel h2,.login-submit){letter-spacing:0}
html[lang="en"] .identity-login .introduction{font-size:14px;letter-spacing:0}
html[lang="en"] .identity-login .automation-flow strong{font-size:13px}
.identity-login :is(.matrix-node,.matrix-center){animation:leadora-drop .85s cubic-bezier(.22,.68,.1,1) var(--arrival,0s) both,leadora-float 7s ease-in-out calc(var(--arrival,0s) + .85s) infinite}
.identity-login .matrix-art:hover .matrix-center svg{animation:leadora-nod .65s ease-in-out}
@keyframes leadora-drop{0%{opacity:0;transform:translateY(-38px) scale(.94) rotate(calc(var(--tilt,0deg) - 8deg))}70%{opacity:1;transform:translateY(5px) scale(1.015) rotate(calc(var(--tilt,0deg) + 3deg))}86%{transform:translateY(-2px) rotate(calc(var(--tilt,0deg) - 1deg))}100%{opacity:1;transform:translateY(0) scale(1) rotate(var(--tilt,0deg))}}
@keyframes leadora-float{0%,100%{transform:translateY(0) rotate(var(--tilt,0deg))}50%{transform:translateY(-5px) rotate(calc(var(--tilt,0deg) + 1.5deg))}}
@keyframes leadora-nod{0%,100%{transform:rotate(0)}30%{transform:rotate(-7deg)}65%{transform:rotate(4deg)}}
/* Personal center: compact account cards and real team data. */
.identity-shell button,.identity-shell input,.identity-shell select{border-radius:8px}
.identity-settings-nav button{border-radius:9px}
.identity-table-wrap{border:1px solid var(--id-line);border-radius:12px;background:#fff}
.identity-message-link{color:#6962d9;text-decoration:none;font-size:12px;margin-left:10px;white-space:nowrap}
.identity-message-link:hover{text-decoration:underline;text-underline-offset:3px}
.profile-dashboard{display:grid;grid-template-columns:minmax(340px,1.45fr) minmax(250px,1fr);gap:18px;align-items:start;width:100%;max-width:1180px}
.profile-card{max-width:none;border:1px solid var(--id-line);border-radius:16px;padding:20px 24px;background:#fff}
.profile-card .profile-hero{padding:0 0 18px;gap:12px}
.profile-card .profile-hero .identity-avatar{width:48px;height:48px;flex-basis:48px;font-size:19px}
.profile-card .profile-row{min-height:52px;padding:12px 0;gap:15px}
.profile-card .profile-permissions{padding-top:14px}
.profile-card .profile-logout{margin-top:16px}
.profile-card .permission-items{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}
.profile-card .allowed-permission{margin:0;padding:4px 8px;border-radius:7px}
.profile-shortcuts{border:1px solid #e9e6f5;border-radius:16px;padding:20px;background:linear-gradient(150deg,#f8f6ff,#fdfcff)}
.section-eyebrow{font-size:11px;color:#8b829f;letter-spacing:.03em}
.profile-shortcuts .profile-shortcut{display:flex;align-items:center;gap:13px;width:100%;min-height:73px;margin-top:10px;padding:13px;border:1px solid #ece8f6;border-radius:11px;background:#fff;color:#514b65;text-decoration:none;text-align:left;white-space:normal}
.profile-shortcut>svg{color:#8779c2;width:21px;height:21px}
.profile-shortcut span{flex:1;min-width:0}.profile-shortcut strong{display:block;font-size:13px;font-weight:500}.profile-shortcut small{display:block;font-size:11px;color:#9b94a7;margin-top:5px;line-height:1.6}.profile-shortcut b{font-size:21px;color:#aea4c3;font-weight:400}
.permission-details summary{cursor:pointer;color:#666172;font-size:13px;padding:7px 0}.permission-details summary>span{float:right;color:#9890ac;font-size:11px}.permission-details[open]>summary{margin-bottom:8px}
.member-scope-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.member-scope-fields label{margin-bottom:5px}
#member-permissions{padding:10px 0;margin-bottom:15px;border-top:1px solid #eeeef4}.identity-drawer .field-note{margin:7px 0 16px;color:#96909e}
.team-message-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 11px;border:1px solid #ded8f0;border-radius:7px;color:#7766ba;text-decoration:none;font-size:13px;white-space:nowrap}
.team-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}.team-metrics>div{padding:14px 18px;border:1px solid var(--id-line);border-radius:11px;background:#fff}.team-metrics span{display:block;color:#95909f;font-size:12px}.team-metrics strong{display:block;font-size:24px;line-height:1.3;color:#61577b;font-weight:500;margin-top:6px}
.team-actions{display:flex;gap:8px}.team-assignment-note{padding:9px 12px;margin:-6px 0 12px;background:#faf8ff;color:#9383b0;border-radius:8px;font-size:12px}
.identity-shell .audit-description{white-space:normal;min-width:210px;line-height:1.7;color:#666171}.log-result{display:inline-block;border-radius:6px;padding:2px 7px;color:#6b967f;background:#f1f8f4;font-size:11px}.log-result.failed{color:#b57171;background:#fff3f3}
.team-toolbar{gap:10px;margin-bottom:16px}.team-toolbar .identity-search{flex:1 1 180px;max-width:330px}.team-date{display:flex;align-items:center;gap:8px;color:#7c748c;font-size:12px;white-space:nowrap}.team-date input{max-width:160px}.team-actions{flex-wrap:wrap;margin-left:auto;align-items:center}.team-detail-drawer{width:680px}.team-detail-tabs{display:flex;gap:6px;margin-bottom:18px}.identity-drawer .team-detail-tabs button{flex:1;border:0;background:#f7f5fb;color:#8b819d}.identity-drawer .team-detail-tabs button.active{background:#eee9fb;color:#7158bd}.team-detail-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#92859f;font-size:12px;margin-bottom:18px}.team-record{padding:15px 0;border-bottom:1px solid #efecf5}.team-record:first-child{padding-top:0}.team-record header{height:auto;min-height:0;padding:0;border:0;gap:8px;margin:0 0 7px;align-items:flex-start}.team-record header strong{font-size:13px;font-weight:500;flex:1;min-width:0;overflow-wrap:anywhere}.team-record p{font-size:13px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere;color:#615970;margin:7px 0}.team-record footer{display:flex;justify-content:space-between;gap:8px;padding:0;border:0;margin:8px 0 0;color:#a39aae;font-size:11px}.team-record time{white-space:nowrap}.team-detail-empty{padding:48px 0;text-align:center;color:#aaa0b8}.team-detail-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:16px;font-size:12px;color:#a093af}
@media(max-width:1050px){.profile-dashboard{grid-template-columns:1fr}.profile-shortcuts{display:flex;gap:10px;flex-wrap:wrap}.profile-shortcuts>.section-eyebrow{width:100%}.profile-shortcuts .profile-shortcut{flex:1;min-width:160px;margin:0}.profile-shortcut small{font-size:10px}.identity-main{padding:18px 18px 0}}
@media(max-width:720px){.team-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-card{padding:16px}.identity-main{padding:14px 12px 0}.profile-dashboard{display:flex;flex-direction:column}.profile-card,.profile-shortcuts{width:100%}}

/* The existing brand cover also serves remembered and demo sessions. */
.identity-login #login-credentials{border:0;padding:0;margin:0;min-width:0}
.identity-login [hidden]{display:none!important}
.identity-login .matrix-flow-light{stroke-dasharray:7 190;animation:leadora-flow 7s linear infinite;opacity:.75}
.identity-login .matrix-flow-light path:nth-child(2){stroke-dashoffset:90}
.identity-login .matrix-flow-light path:nth-child(3){stroke-dashoffset:160}
@keyframes leadora-flow{to{stroke-dashoffset:-394}}
@media(prefers-reduced-motion:reduce){.identity-login .matrix-flow-light{animation:none}}