/* Page-family layout, migrated from the shared workspace stylesheet. */
html.sixconsole #account .main-card{background:transparent;box-shadow:none;padding:0!important}
html.sixconsole #account .main-card-title{background:white;margin:-20px -20px 20px;padding:16px 20px!important}
html.sixconsole #account .six-profile-layout{display:grid;grid-template-columns:minmax(260px,1fr) minmax(0,2fr);gap:20px;align-items:start}
html.sixconsole #account .six-profile-summary{padding:24px!important;background:#fff;margin:0;height:auto;min-height:360px;display:flex;flex-direction:column;align-items:center;border:0;border-radius:1px;box-shadow:var(--six-shadow);box-sizing:border-box}
html.sixconsole #account .six-profile-summary>.six-section-title{align-self:flex-start}
html.sixconsole #account .six-profile-summary .el-avatar{background:#edf2ff;color:var(--color-primary);margin:12px 0 20px;font-size:32px;flex-shrink:0}
html.sixconsole #account .six-profile-summary .right-name{display:flex;align-items:center;flex-direction:column;gap:12px;width:100%;text-align:center;margin:0}
html.sixconsole #account .six-profile-summary .name-text{font-size:18px;line-height:26px;overflow-wrap:anywhere}
html.sixconsole #account .six-profile-summary .name-country{display:none}
html.sixconsole #account .six-profile-summary .attestation-status{margin:0;white-space:normal;max-width:100%;height:auto;line-height:22px;cursor:pointer}
html.sixconsole #account .six-profile-summary .attestation-status img{width:20px;height:20px;object-fit:contain}
html.sixconsole #account .six-profile-contacts{border-top:1px solid #edf0f5;width:100%;margin:24px 0 0;padding:16px 0 0}
html.sixconsole #account .six-profile-contacts>div{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;margin:12px 0;font-size:13px;line-height:22px}
html.sixconsole #account .six-profile-contacts dt{color:var(--six-muted)}
html.sixconsole #account .six-profile-contacts dd{margin:0;color:var(--six-text);overflow-wrap:anywhere}
html.sixconsole #account .box-main{min-width:0;padding:0;margin:0}
html.sixconsole #account .box-main>:is(.basic,.account,.oauth){background:#fff;padding:24px;margin:0 0 20px;border:0;border-radius:1px;box-shadow:var(--six-shadow)}
html.sixconsole #account .basic .el-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
html.sixconsole #account .basic .el-row::before,html.sixconsole #account .basic .el-row::after{display:none}
html.sixconsole #account .basic .el-col{width:auto;min-width:0;float:none}
html.sixconsole #account .basic .el-col:empty{display:none}
html.sixconsole #account .basic .el-row:first-child{display:block;margin-bottom:20px}
html.sixconsole #account .basic .basic-title{font-size:14px;padding:0;margin:0;line-height:22px}
html.sixconsole #account .box-item{height:auto;min-height:0;margin:0 0 18px}
html.sixconsole #account .box-item-t{font-size:13px;color:var(--six-text);line-height:22px;margin-bottom:6px}
html.sixconsole #account .box-item-b{height:auto;min-height:0}
html.sixconsole #account .box-item-b :is(.el-input,.el-select){width:100%;height:auto}
html.sixconsole #account .box-item-b .el-input__inner{height:36px!important;line-height:34px!important;font-size:13px;background:#fff;border:1px solid var(--six-line);padding:0 10px}
html.sixconsole #account .six-security-row{display:flex;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid #eef0f5;min-height:80px;box-sizing:border-box}
html.sixconsole #account .six-security-row:last-of-type{border-bottom:0}
html.sixconsole #account .six-security-row>i{font-size:24px;color:var(--color-primary);flex:0 0 28px;text-align:center}
html.sixconsole #account .six-security-row>div{flex:1;min-width:0}
html.sixconsole #account .six-security-row h3{font-size:14px;line-height:22px;font-weight:600;margin:0;color:var(--six-text)}
html.sixconsole #account .six-security-row h3 span{display:inline-block;font-size:12px;font-weight:400;color:var(--six-muted);margin-left:8px;overflow-wrap:anywhere;max-width:100%}
html.sixconsole #account .six-security-row p{font-size:12px;line-height:20px;color:var(--six-muted);margin:3px 0 0}
html.sixconsole #account .six-security-row .el-button{flex-shrink:0;min-width:76px;color:var(--color-primary);border-color:var(--color-primary)}
html.sixconsole #account .six-security-row .el-button:not(.is-disabled):hover{color:#fff;background:var(--color-primary);border-color:var(--color-primary)}
html.sixconsole #account .six-security-row .el-button.is-disabled{color:#adb5c2;border-color:#e6e9ef}
html.sixconsole #account .btn-save{margin:0 0 20px;min-width:120px}
html.sixconsole #account #pane-2{background:#fff;padding:20px}
@media(max-width:900px){
html.sixconsole #account .six-profile-layout{grid-template-columns:1fr}
html.sixconsole #account .six-profile-summary{min-height:0}
}
@media(max-width:760px){
html.sixconsole #account .main-card-title,html.sixconsole :is(.news.six-plugin-page,.file_download) .main-card-title{margin:-16px -16px 16px;padding:16px!important}
html.sixconsole #account .basic .el-row{grid-template-columns:1fr}
html.sixconsole #account .box-main>:is(.basic,.account,.oauth),html.sixconsole #account .six-profile-summary{padding:20px!important}
html.sixconsole #account .box-item-b .el-input__inner{height:44px!important;line-height:42px!important;font-size:14px}
html.sixconsole #account .six-security-row{gap:10px;min-height:88px}
html.sixconsole #account .six-security-row>i{flex-basis:24px;font-size:22px}
html.sixconsole #account .six-security-row h3 span{display:block;margin-left:0}
html.sixconsole #account .six-security-row .el-button{min-width:64px;padding:0 10px;min-height:40px}
}
html.sixconsole #account .basic{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}
html.sixconsole #account .basic .el-row{display:contents;margin:0}
html.sixconsole #account .basic .el-row:first-child{display:block;grid-column:1/-1;margin:0 0 20px}
html.sixconsole #account .basic .el-col{margin:0}
@media(max-width:760px){
html.sixconsole #account .basic{grid-template-columns:1fr}
}
html.sixconsole .six-account-page .left-btn{height:34px;min-height:34px;line-height:34px;padding:0 20px;border-radius:0;font-size:13px}
@media(max-width:760px){
html.sixconsole #account .six-profile-summary{flex-direction:row;flex-wrap:wrap;gap:12px;align-items:center}
html.sixconsole #account .six-profile-summary>.six-section-title{width:100%;margin:0 0 4px}
html.sixconsole #account .six-profile-summary .el-avatar{width:48px!important;height:48px!important;line-height:48px!important;font-size:24px;margin:0}
html.sixconsole #account .six-profile-summary .right-name{flex:1;min-width:0;width:auto;align-items:flex-start;text-align:left;gap:6px}
html.sixconsole #account .six-profile-summary .name-text{font-size:16px;line-height:24px}
html.sixconsole #account .six-profile-contacts{margin:4px 0 0;padding:8px 0 0}
}

/* Account profile and security additions. Keep scoped to the account page. */
.six-account-page .six-profile-layout,
.six-account-page .six-security-layout { min-width: 0; }
.six-account-page .six-profile-summary { display: grid; grid-template-columns: auto 1fr; gap: 12px 16px; align-items: center; }
.six-account-page .six-profile-summary .six-section-title { grid-column: 1 / -1; }
.six-account-page .six-profile-contacts { grid-column: 1 / -1; display: flex; gap: 24px; margin: 4px 0 0; padding-top: 12px; border-top: 1px solid #edf0f5; }
.six-account-page .six-profile-contacts div { display: flex; gap: 8px; min-width: 0; }
.six-account-page .six-profile-contacts dt { color: #86909c; white-space: nowrap; }
.six-account-page .six-profile-contacts dd { margin: 0; color: #1d2129; overflow-wrap: anywhere; }
.six-account-page .six-security-panel { max-width: 860px; }
.six-account-page .six-security-intro { margin-bottom: 8px; }
.six-account-page .six-security-intro p { margin: 4px 0 16px; color: #86909c; font-size: 13px; }
.six-account-page .six-security-row { min-height: 68px; display: grid; grid-template-columns: 28px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 12px 0; border-bottom: 1px solid #edf0f5; }
.six-account-page .six-security-row > i { color: #4e5969; font-size: 18px; text-align: center; }
.six-account-page .six-security-row h3 { margin: 0; color: #1d2129; font-size: 14px; font-weight: 600; }
.six-account-page .six-security-row h3 span { margin-left: 8px; color: #86909c; font-size: 13px; font-weight: 400; overflow-wrap: anywhere; }
.six-account-page .six-security-row p { margin: 4px 0 0; color: #86909c; font-size: 13px; }
.six-account-page .six-security-row .el-button { min-height: 36px; }
.six-account-page .six-profile-group { margin-top: 20px; padding: 16px 20px; border: 1px solid #edf0f5; border-radius: 4px; background: #fff; }
.six-account-page .six-profile-group .account-title { margin-bottom: 12px; font-size: 14px; font-weight: 600; color: #1d2129; }
.six-account-page .six-profile-notifications .box-item { max-width: 320px; }
.six-account-page .six-profile-save { margin-top: 16px; min-height: 44px; }
@media (max-width: 768px) {
  .six-account-page .six-profile-summary { grid-template-columns: 48px minmax(0, 1fr); gap: 8px 12px; }
  .six-account-page .six-profile-contacts { display: block; }
  .six-account-page .six-profile-contacts div { margin-top: 8px; }
  .six-account-page .six-security-row { min-height: 72px; grid-template-columns: 24px minmax(0, 1fr) auto; gap: 8px; }
  .six-account-page .six-security-row p { line-height: 1.4; }
  .six-account-page .six-security-row .el-button { min-height: 44px; padding: 0 12px; }
}
.six-account-page .main-card-title { font-weight: 600; }
.six-account-page .six-security-back { display: inline-block; margin: 0 0 12px; color: #0052d9; font-size: 13px; }
.six-account-page .content-table { min-width: 0; }
.six-account-page .content_searchbar { min-height: 44px; align-items: center; }
.six-account-page .tabledata .el-table { font-size: 13px; }
.six-account-page .top-text { color: #86909c; line-height: 1.6; margin-bottom: 12px; }
@media (max-width: 768px) {
  .six-account-page .content_searchbar { flex-wrap: wrap; gap: 8px; }
  .six-account-page .content_searchbar .left-btn { min-height: 44px; display: inline-flex; align-items: center; }
}

html.sixconsole #account .six-security-panel{max-width:none;background:white;padding:24px;box-shadow:var(--six-shadow)}
html.sixconsole #account .six-security-tools{display:flex;flex-wrap:wrap;gap:12px 24px;padding:0 0 20px;margin-bottom:20px;border-bottom:1px solid #e6e9ef}
html.sixconsole #account .six-security-tools a{font-size:13px;line-height:24px;color:#0052d9}
html.sixconsole #account .six-profile-group{padding:24px;margin:0 0 16px;border:0;border-radius:1px;background:#fff;box-shadow:var(--six-shadow)}
html.sixconsole #account .six-profile-group .box-item{margin-bottom:0}
html.sixconsole #account .six-profile-save{margin:0 0 20px}
@media(max-width:760px){html.sixconsole #account .six-security-panel,html.sixconsole #account .six-profile-group{padding:20px}html.sixconsole #account .six-security-tools{gap:4px 20px}html.sixconsole #account .six-security-tools a{display:flex;align-items:center;min-height:44px}}
html.sixconsole #account .six-profile-contacts{display:block;width:100%}
html.sixconsole #account .six-profile-contacts>div{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;width:100%;margin:12px 0}
html.sixconsole #account .six-profile-contacts dd{min-width:0;overflow-wrap:anywhere;white-space:normal}

/* One owner for profile, certification and the account's own security tab. */
html.sixconsole #account .six-profile-left-column{display:flex;flex-direction:column;gap:20px;min-width:0}
html.sixconsole #account .six-profile-certification{padding:24px;border-radius:1px;background:#fff;box-shadow:var(--six-shadow);font-size:13px;line-height:22px;min-width:0}
html.sixconsole #account .six-profile-id{font-size:12px;line-height:20px;margin:0;color:#8187a1}
html.sixconsole #account .six-cert-link{font:13px/22px var(--six-font);background:none;color:var(--color-primary);border:0;cursor:pointer;padding:4px}
html.sixconsole #account .six-cert-record{padding:14px 0;border-bottom:1px solid #edf0f5}
html.sixconsole #account .six-cert-record-heading{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
html.sixconsole #account .six-cert-record-heading>i{color:var(--color-primary);font-size:22px}
html.sixconsole #account .six-cert-record-heading strong{font-size:13px;font-weight:500}
html.sixconsole #account .six-cert-record-heading span{margin-left:auto;font-size:12px}
html.sixconsole #account .six-cert-record dl{margin:10px 0 0}
html.sixconsole #account .six-cert-record dl>div{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;margin-top:8px}
html.sixconsole #account .six-cert-record dt{color:#8187a1}html.sixconsole #account .six-cert-record dd{margin:0;overflow-wrap:anywhere}
html.sixconsole #account .six-cert-record .is-success{color:#55a85b}html.sixconsole #account .six-cert-record .is-pending{color:#8b8fa0}html.sixconsole #account .six-cert-record .is-error{color:#d45050}
html.sixconsole #account .six-profile-security{background:#fff;padding:24px;box-shadow:var(--six-shadow);margin:0}
html.sixconsole #account .six-account-security-summary{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:0 0 18px;border-bottom:1px solid #eceef5}
html.sixconsole #account .six-account-security-summary h2{font-size:16px;margin:0 0 8px}
html.sixconsole #account .six-account-security-summary p{font-size:13px;color:#8187a1;margin:0;overflow-wrap:anywhere}
html.sixconsole #account .six-account-completion{display:block;min-width:0}
html.sixconsole #account .six-account-completion span{font-size:13px}html.sixconsole #account .six-account-completion strong{font-size:13px;font-weight:500}
html.sixconsole #account .six-account-completion small{font-size:12px;color:#8187a1}
html.sixconsole #account .six-security-intro,html.sixconsole #account .six-completion-rule{font-size:12px;color:#8187a1;line-height:20px;margin:14px 0}
html.sixconsole #account .six-security-row{min-height:86px}
html.sixconsole .six-account-dialog{width:560px!important}
html.sixconsole .six-account-dialog .el-dialog__header{display:block}
html.sixconsole .six-account-dialog .el-dialog__body{padding:24px!important}
html.sixconsole .six-account-dialog .dialog-title{display:none}
html.sixconsole .six-account-dialog .mian-form{margin:0;padding:0}
html.sixconsole .six-account-dialog .el-form-item{margin:0 0 20px}
html.sixconsole .six-account-dialog .el-form-item__label{font-size:14px;line-height:22px;padding:0 0 8px;float:none;display:block}
html.sixconsole .six-account-dialog .el-input__inner{font-size:14px;height:36px;line-height:34px}
html.sixconsole .six-account-dialog .dialog-footer{display:flex;justify-content:flex-end;gap:10px;margin:8px 0 0;padding:8px 0 0}
html.sixconsole .six-account-dialog .dialog-footer .el-button{margin:0!important;width:auto;min-width:72px;font-size:13px;line-height:30px;min-height:32px;padding:0 16px}
html.sixconsole .six-account-dialog .btn-ok{background:var(--color-primary);border-color:var(--color-primary);color:white}
html.sixconsole .six-account-dialog .btn-no{background:#f2f3f5;border-color:#f2f3f5;color:#303747}
html.sixconsole .six-account-dialog .forget-pass{font-size:12px;line-height:20px;display:block;text-align:right;margin-top:6px}
html.sixconsole .six-account-dialog .forget-pass a{margin-left:8px;cursor:pointer}
@media(max-width:760px){
 html.sixconsole #account .six-profile-certification,html.sixconsole #account .six-profile-security{padding:20px}
 html.sixconsole #account .six-account-security-summary{align-items:flex-start;flex-direction:column;gap:16px}
 html.sixconsole #account .six-account-completion{width:100%}
 html.sixconsole #account .six-profile-contacts>div{grid-template-columns:64px minmax(0,1fr)}
 html.sixconsole .six-account-dialog{width:calc(100vw - 24px)!important}
 html.sixconsole .six-account-dialog .el-dialog__body{padding:20px!important}
 html.sixconsole .six-account-dialog .el-input__inner{height:44px;line-height:42px;font-size:16px}
 html.sixconsole .six-account-dialog .dialog-footer .el-button{min-height:44px;line-height:42px}
}

/* Reference: userCenter/security.tpl and inherited default/assets_custom/css/global.css. */
html.sixconsole #account .six-profile-security{background:transparent;padding:0;border:0;box-shadow:none}
html.sixconsole #account .six-account-security-banner{display:flex;align-items:center;gap:24px;min-height:162px;padding:22px 40px;background:url('../img/six006-security-top.png') right center/auto 100% no-repeat,linear-gradient(87deg,#4d83ff,#3656ff);color:#fff}
html.sixconsole #account .six-security-avatar{width:100px;height:100px;flex:0 0 100px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 10px #4677fb,inset 0 0 0 20px #527ef5;background:#438efe;font-size:26px}
html.sixconsole #account .six-security-identity{background:#2f54ea;border-radius:4px;padding:18px 20px;flex:0 1 270px;min-width:220px;max-width:320px;overflow-wrap:anywhere}
html.sixconsole #account .six-security-identity h2{font-size:18px;line-height:26px;color:#fff;margin:0 0 4px}
html.sixconsole #account .six-security-name-line{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;flex-wrap:wrap}
html.sixconsole #account .six-security-name-line h2{margin:0}
html.sixconsole #account .six-security-name-line>span{font-size:11px;color:#fff;line-height:18px;border-radius:2px;padding:0 4px;max-width:100%}
html.sixconsole #account .six-security-name-line>span.is-verified{background:#60bd93}
html.sixconsole #account .six-account-completion{margin-top:14px;color:#dce7ff}
html.sixconsole #account .six-security-completion-label{display:flex;align-items:center;justify-content:space-between;gap:12px}
html.sixconsole #account .six-account-completion small{display:block;margin-top:8px;color:#dce7ff;font-size:11px;line-height:17px}
html.sixconsole #account .six-security-progress{height:3px;margin-top:8px;background:rgba(255,255,255,.75);overflow:hidden}
html.sixconsole #account .six-security-progress span{display:block;height:100%;background:#ff5b63;transition:width .2s ease}
html.sixconsole #account .six-security-contact{min-width:0;font-size:13px;line-height:24px;margin:0}
html.sixconsole #account .six-security-contact>div{display:flex;margin:8px 0}
html.sixconsole #account .six-security-contact dt{flex:0 0 70px;color:#e3eaff}
html.sixconsole #account .six-security-contact dd{margin:0;overflow-wrap:anywhere}
html.sixconsole #account .six-profile-security-list{margin-top:20px;padding:12px 20px;border-radius:1px;background:#fff;box-shadow:var(--six-shadow)}
html.sixconsole #account .six-security-row{min-height:88px;border:0;padding:16px 0;gap:16px}
html.sixconsole #account .six-security-row>i{width:40px;height:40px;flex:0 0 40px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;background:var(--color-primary);font-size:20px}
html.sixconsole #account .six-security-row:nth-child(even)>i{background:#438efe}
html.sixconsole #account .six-security-row>.el-button{min-width:108px}
@media(max-width:760px){
 html.sixconsole #account .six-account-security-banner{padding:20px;gap:16px;flex-wrap:wrap}
 html.sixconsole #account .six-security-avatar{width:64px;height:64px;flex-basis:64px;font-size:22px;box-shadow:inset 0 0 0 6px #4677fb,inset 0 0 0 12px #527ef5}
 html.sixconsole #account .six-security-identity{flex:1;min-width:0;padding:14px}
 html.sixconsole #account .six-security-contact{width:100%}
 html.sixconsole #account .six-security-row>.el-button{min-width:80px}
}

/* Manual log paging is a single trailing group; standard count pagination stays unchanged. */
html.sixconsole .six-log-pagination .myPage{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:16px}
html.sixconsole .six-log-pagination .el-pagination{flex:0 1 auto!important;margin:0!important;padding:0;justify-content:flex-end}
html.sixconsole .six-log-pagination .manual-btn{display:flex;align-items:center;gap:12px;margin:0;flex:none}
html.sixconsole .six-log-pagination .manual-btn .el-button{margin:0!important}
html.sixconsole .six-account-page .six-log-ip .cell{white-space:nowrap!important;word-break:normal!important}
@media(max-width:760px){html.sixconsole .six-log-pagination .myPage{gap:12px}html.sixconsole .six-log-pagination .el-pagination{max-width:100%;flex-wrap:wrap;row-gap:8px}}

/* Personal details: one left identity column, with the editor tabs confined to the right card. */
html.sixconsole #account .six-profile-summary{padding:20px!important;min-height:0;display:block}
html.sixconsole #account .six-profile-identity{padding:32px 0 60px;text-align:center}
html.sixconsole #account .six-profile-avatar{width:80px;height:80px;margin:0 auto 24px;border-radius:50%;overflow:hidden;background:#ecf2ff;color:var(--color-primary);display:flex;flex-direction:column}
html.sixconsole #account .six-profile-avatar>span{font-size:40px;font-weight:600;line-height:58px;flex:1}
html.sixconsole #account .six-profile-avatar small{height:22px;background:var(--color-primary);color:white;line-height:22px;font-size:11px}
html.sixconsole #account .six-profile-summary .right-name{gap:12px}
html.sixconsole #account .six-profile-summary .name-text{font-size:20px;font-weight:500;line-height:24px}
html.sixconsole #account .six-profile-contacts{border-top:0;border-bottom:1px solid #e5e8ef;margin:0;padding:0 0 16px}
html.sixconsole #account .six-profile-contacts>div{grid-template-columns:64px minmax(0,1fr) auto;gap:8px;margin:12px 0;font-size:12px;align-items:center}
html.sixconsole #account .six-profile-binding{font-size:12px;white-space:nowrap}
html.sixconsole #account .six-profile-binding.is-bound{color:#00aa2a}
html.sixconsole #account .six-profile-binding.is-unbound{color:#fa9600}
html.sixconsole #account .six-profile-register{margin:12px 0 0;color:#86909c;font-size:12px;line-height:20px;text-align:center}
html.sixconsole #account .six-profile-certification{padding:20px}
html.sixconsole #account .six-profile-cert-detail{display:flex;align-items:center;gap:16px;padding:20px 0 24px}
html.sixconsole #account .six-profile-cert-icon{font-size:24px;color:var(--color-primary);border-radius:50%;background:#f4f7fc;padding:12px}
html.sixconsole #account .six-profile-cert-detail dl{min-width:0;flex:1;margin:0}
html.sixconsole #account .six-profile-cert-detail dl>div{display:grid;grid-template-columns:54px minmax(0,1fr);gap:12px;margin:6px 0}
html.sixconsole #account .six-profile-cert-detail dt{font-size:12px;line-height:20px;color:#86909c}
html.sixconsole #account .six-profile-cert-detail dd{margin:0;font-size:12px;line-height:20px;overflow-wrap:anywhere}
html.sixconsole #account .six-cert-badge{display:inline-block;padding:0 4px;line-height:18px;margin-left:6px;font-size:11px;background:#fff4e5;color:#fa9600}
html.sixconsole #account .six-cert-badge.is-success{background:#e9f8ee;color:#00aa2a}
html.sixconsole #account .six-cert-badge.is-error{background:#fff1f0;color:#e34d59}
html.sixconsole #account .six-profile-editor{min-width:0;background:white;box-shadow:var(--six-shadow);padding:0 20px 32px}
html.sixconsole #account .six-profile-form-tabs>.el-tabs__header{margin:0 -20px 24px;background:#e9eaf2;padding:0}
html.sixconsole #account .six-profile-form-tabs>.el-tabs__header .el-tabs__item{height:44px;line-height:44px;min-width:0;padding:0 16px!important;text-align:center;border-right:1px solid #dfe3eb;font-size:13px}
html.sixconsole #account .six-profile-form-tabs>.el-tabs__header .el-tabs__item.is-active{background:white;color:#071344}
html.sixconsole #account .six-profile-form-tabs>.el-tabs__header .el-tabs__active-bar{top:0;bottom:auto}
html.sixconsole #account .six-profile-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
html.sixconsole #account .six-profile-fields .box-item{width:auto;float:none;min-width:0;margin:0 0 18px}
html.sixconsole #account .six-profile-fields .box-item-t{display:block}
html.sixconsole #account .six-profile-fields :is(.el-select,.el-input){width:100%;font-size:13px}
html.sixconsole #account .six-profile-fields .el-input__inner{height:36px;line-height:34px;border-color:#e5e8ef;background:white}
html.sixconsole #account .six-profile-fields input[readonly]{background:#fafafa}
html.sixconsole #account .six-profile-fields .el-switch{margin-bottom:8px}
html.sixconsole #account .six-profile-wide{grid-column:1/-1}
html.sixconsole #account .six-profile-custom .el-form-item{margin:0}
html.sixconsole #account .six-profile-submit{display:flex;align-items:center;gap:20px}
html.sixconsole #account .six-profile-submit .el-button{min-width:160px;margin:0}
html.sixconsole #account .six-profile-submit a{font-size:12px}
html.sixconsole #account .six-profile-connections:empty{display:none}
html.sixconsole #account .six-profile-connections .oauth{margin-top:20px}
@media(max-width:760px){
 html.sixconsole #account .six-profile-layout{grid-template-columns:minmax(0,1fr)}
 html.sixconsole #account .six-profile-identity{padding:24px 0 32px}
 html.sixconsole #account .six-profile-fields{grid-template-columns:minmax(0,1fr)}
 html.sixconsole #account .six-profile-form-tabs>.el-tabs__header .el-tabs__item{min-width:0;padding:0 18px!important}
 html.sixconsole #account .six-profile-fields .el-input__inner{height:44px;font-size:16px}
 html.sixconsole #account .six-profile-submit .el-button{min-height:44px;min-width:120px}
}

html.sixconsole #account .six-profile-contacts dd{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.sixconsole #account .six-profile-form-tabs>.el-tabs__header .el-tabs__nav-wrap:not(.is-scrollable){padding:0!important}
html.sixconsole #account .six-profile-editor .six-profile-form-tabs>.el-tabs__header .el-tabs__active-bar{height:2px}
html.sixconsole #account .six-profile-summary .six-profile-identity .right-name{align-items:center;justify-content:center;text-align:center}
html.sixconsole #account .six-profile-form-tabs>.el-tabs__header .el-tabs__item{box-sizing:border-box;border-top:2px solid transparent}
html.sixconsole #account .six-profile-form-tabs>.el-tabs__header .el-tabs__item.is-active{border-top-color:var(--color-primary)}
html.sixconsole #account .six-profile-form-tabs>.el-tabs__header .el-tabs__active-bar{display:none}
html.sixconsole #account .six-profile-fields .el-textarea__inner{border:1px solid #e5e8ef;padding:8px 10px;font-size:13px}

/* Notification preferences occupy their own row rather than an uneven field column. */
html.sixconsole #account .six-profile-fields .six-notice-preference{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,1fr);gap:20px;padding:16px;background:#f8f9fc;border:1px solid #e5e8ef;box-sizing:border-box;align-items:center}
html.sixconsole #account .six-notice-toggle{display:flex;align-items:center;gap:10px;min-height:36px;color:var(--six-muted);font-size:12px}
html.sixconsole #account .six-notice-toggle .el-switch{margin:0;flex:none}
html.sixconsole #account .six-notice-heading,html.sixconsole #account .six-notice-method{min-width:0}
@media(max-width:760px){html.sixconsole #account .six-profile-fields .six-notice-preference{grid-template-columns:minmax(0,1fr);gap:12px}html.sixconsole #account .six-notice-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}html.sixconsole #account .six-notice-heading .box-item-t{margin:0}}

/* Personal-center subcards share one tab strip and one persistent identity column. */
html.sixconsole #account .six-profile-logs-only{grid-template-columns:minmax(0,1fr)}
html.sixconsole #account .six-profile-editor .six-profile-form-tabs>.el-tabs__header .el-tabs__nav-wrap.is-scrollable{padding:0 24px!important}
html.sixconsole #account .six-profile-editor .six-profile-form-tabs>.el-tabs__header .el-tabs__nav-prev,
html.sixconsole #account .six-profile-editor .six-profile-form-tabs>.el-tabs__header .el-tabs__nav-next{line-height:44px;width:24px;text-align:center}
html.sixconsole #account .six-profile-editor .six-account-security-banner{display:flex;flex-wrap:wrap;gap:16px;padding:20px;min-height:0;background:#315cf6;box-sizing:border-box}
html.sixconsole #account .six-profile-editor .six-security-avatar{width:56px;height:56px;flex:0 0 56px;font-size:24px;box-shadow:none;background:rgba(255,255,255,.14)}
html.sixconsole #account .six-profile-editor .six-security-identity{flex:1;min-width:0;max-width:none;padding:0;background:transparent}
html.sixconsole #account .six-profile-editor .six-security-contact{flex:0 0 100%;border-top:1px solid rgba(255,255,255,.18);padding-top:8px}
html.sixconsole #account .six-profile-editor .six-profile-security-list{padding:8px 0 0;background:transparent}
html.sixconsole #account .six-profile-editor .six-security-row{gap:10px;min-height:84px;padding:16px 0;border-bottom:1px solid #edf0f5}
html.sixconsole #account .six-profile-editor .six-security-row h3 span{display:block;margin:4px 0 0}
html.sixconsole #account .six-profile-editor .six-security-row>.el-button{min-width:90px;padding:0 10px}
html.sixconsole #account .six-profile-logs .searchbar{margin:0 0 16px;display:flex;padding:0;justify-content:flex-end}
html.sixconsole #account .six-profile-logs .six-profile-log-search{width:100%;max-width:320px;margin:0!important}
html.sixconsole #account .six-profile-logs .content_table,html.sixconsole #account .six-profile-logs .tabledata{width:100%;min-width:0;margin:0;padding:0}
html.sixconsole #account .six-profile-logs .el-table .cell{padding:0 8px!important;white-space:normal;overflow-wrap:anywhere;line-height:20px}
@media(max-width:760px){
 html.sixconsole #account .six-profile-editor .six-profile-form-tabs>.el-tabs__header .el-tabs__item{padding:0 16px!important}
 html.sixconsole #account .six-profile-editor .six-security-row{flex-wrap:wrap}
 html.sixconsole #account .six-profile-editor .six-security-row>.el-button{margin-left:50px;min-height:44px}
 html.sixconsole #account .six-profile-editor .six-security-row>div{flex-basis:calc(100% - 50px)}
 html.sixconsole #account .six-profile-editor .six-account-security-banner{padding:16px}
 html.sixconsole #account .six-profile-editor .six-security-name-line h2{font-size:16px}
}

html.sixconsole #account .six-profile-editor .six-profile-logs .el-table :is(td,th){padding-left:0!important;padding-right:0!important}
html.sixconsole #account .six-profile-editor .six-profile-logs .el-table .cell{font-weight:400;font-size:13px;word-break:normal;overflow-wrap:anywhere;white-space:normal!important}
html.sixconsole #account .six-profile-editor .six-profile-logs .el-table th .cell{font-weight:600}
html.sixconsole #account .six-profile-editor .six-profile-logs .el-table td:first-child .cell{white-space:nowrap!important}
/* IP:port is a single readable value; the native column is 180px wide. */
html.sixconsole #account .six-profile-editor .six-profile-logs .el-table .six-log-ip>.cell{overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important;word-break:normal!important}
@media(max-width:760px){
 html.sixconsole #account .six-profile-editor .six-profile-form-tabs>.el-tabs__header .el-tabs__nav-wrap{padding:0!important;overflow:visible}
 html.sixconsole #account .six-profile-editor .six-profile-form-tabs>.el-tabs__header .el-tabs__nav-scroll{overflow:visible}
 html.sixconsole #account .six-profile-editor .six-profile-form-tabs>.el-tabs__header .el-tabs__nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%!important;transform:none!important;float:none}
 html.sixconsole #account .six-profile-editor .six-profile-form-tabs>.el-tabs__header .el-tabs__nav-prev,
 html.sixconsole #account .six-profile-editor .six-profile-form-tabs>.el-tabs__header .el-tabs__nav-next{display:none!important}
 html.sixconsole #account .six-profile-editor .six-profile-form-tabs>.el-tabs__header .el-tabs__item{width:auto;padding:0 8px!important}
}