/* Account center adapted from the user's kuakezy.top mobile screenshot. */
html[data-meirl-theme] body:has(.kp-account) {
 --ml-page:#eff2f6;--ml-primary:#3399ff;--bs-primary:#3399ff;--bs-primary-rgb:51,153,255;
 --bs-link-color:#3399ff;--bs-link-hover-color:#2089ee;--kp-account-text:#252a2e;--kp-account-muted:#717b84;
 background:var(--ml-page);color:var(--kp-account-text);
}
html[data-meirl-theme][data-bs-theme="dark"] body:has(.kp-account) {
 --ml-page:#1a1f27;--kp-account-text:#e7edf4;--kp-account-muted:#aab5c1;
}
html[data-meirl-theme] #body:has(#settingsTabMobile.kp-account-settings-nav) {padding-top:0}
.kp-account {margin:0 auto;min-width:0}
.kp-account-hero {padding:23px 20px 18px;background:radial-gradient(ellipse at 13% 0,#a3bfff 0,transparent 57%),radial-gradient(ellipse at 41% 0,#c7f2fa 0,transparent 64%),linear-gradient(#e4effe,var(--ml-page));margin:0 -20px 12px}
.kp-account-breadcrumb {color:var(--kp-account-muted);display:inline-flex;align-items:center;gap:5px;line-height:21px;font-size:14px}
.kp-account-breadcrumb i {font-size:14px}
.kp-account-identity {position:relative;display:flex;align-items:center;justify-content:space-between;gap:15px;margin:17px 7px 25px 0;min-height:60px}
.kp-account-name {min-width:0}
.kp-account-name h1 {font-size:24px;font-weight:700;line-height:1.3;margin:0 0 15px;overflow-wrap:anywhere}
.kp-account-badges {display:flex;gap:5px;flex-wrap:wrap;align-items:center;font-size:10px;font-weight:700;line-height:15px}
.kp-account-badges>* {color:#fff!important;border-radius:20px;padding:0 6px}
.kp-account-uid {background:linear-gradient(110deg,#51c7f8,#268eff)}
.kp-account-group {background:linear-gradient(110deg,#0498b3,#51dace)}
.kp-account-avatar {flex:none;display:inline-flex;align-items:center;justify-content:center}
.kp-account-avatar .avatar-wrap,.kp-account-avatar img {width:64px!important;height:64px!important;min-width:64px!important;border-radius:50%!important}
.kp-account-avatar img {border:1px solid #fff;object-fit:cover;display:block}
.kp-account-main-nav {display:flex;align-items:center;gap:10px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:none;padding:0 0 5px}
.kp-account-main-nav::-webkit-scrollbar {display:none}
.kp-account-main-nav>a {background:var(--ml-surface);color:var(--kp-account-text);padding:5px 12px;font-size:13px;line-height:16px;min-height:26px;border-radius:5px;flex:none;position:relative}
.kp-account-main-nav>a.is-active {background:#399eff;color:#fff}
.kp-account-main-nav>a.is-active:after {content:"";position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #399eff}
.kp-account-main-nav>a:hover {filter:brightness(.97)}
.kp-account-layout {--bs-gutter-x:24px;--bs-gutter-y:0;margin-top:0}
.kp-account-layout>.kp-account-sidebar {width:220px;flex:none}
.kp-account-layout>.kp-account-content {width:calc(100% - 220px);flex:none;min-width:0;margin-top:0}
.kp-account-layout>.col-xl-3 {display:none!important}
html[data-meirl-theme] .kp-account .card,html[data-meirl-theme] .kp-account .x-card {border:0;border-radius:5px;margin-bottom:14px}
.kp-account-sidebar .side-nav {padding:10px 0}
.kp-account-sidebar .side-nav-item.active .side-nav-link {color:#3399ff}
.kp-account-stats {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--ml-surface);border-radius:5px;margin-bottom:14px;padding:8px 5px;gap:5px}
.kp-account-stats a {display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--kp-account-muted);font-size:14px;line-height:19px;min-width:0}
.kp-account-stats strong {color:var(--kp-account-text);font-size:14px;line-height:18px;font-weight:700;overflow-wrap:anywhere}
.kp-account-wallet {background:var(--ml-surface);border-radius:5px;margin-bottom:14px;overflow:hidden}
.kp-account-wallet h2 {padding:11px 17px;border-bottom:1px solid #dfe4e9;margin:0;display:flex;align-items:center;gap:4px;font-size:14px;line-height:18px;font-weight:400;color:#505b65}
.kp-account-wallet h2 i {font-size:15px}
.kp-account-assets {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;padding:18px 18px 20px}
.kp-account-balance,.kp-account-level {background:#f1f3f5;border:3px solid #fafbfc;border-radius:5px;color:var(--kp-account-text);min-width:0}
.kp-account-balance {display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:76px;padding:13px 13px}
.kp-account-balance>div {min-width:0}
.kp-account-balance span {display:block;color:var(--kp-account-muted);font-size:14px;line-height:20px;overflow-wrap:anywhere}
.kp-account-balance strong {display:block;font-size:20px;line-height:24px;font-weight:600;overflow-wrap:anywhere}
.kp-account-balance>i {font-size:33px;color:var(--kp-account-muted);flex:none}
.kp-account-level {grid-column:1/-1;display:block;min-height:92px;padding:14px 13px}
.kp-account-level-heading {display:flex;justify-content:space-between;align-items:center;gap:10px;line-height:26px}
.kp-account-level-heading>strong {font-size:18px;font-weight:700;overflow-wrap:anywhere}
.kp-account-level-heading>span {font-size:24px;font-weight:600;color:var(--kp-account-muted)}
.kp-account-experience {font-size:12px;color:var(--kp-account-muted);line-height:18px;display:flex;align-items:center;gap:4px;margin:1px 0 11px}
.kp-account-experience i {font-size:12px}
.kp-account-progress {height:3px;border-radius:2px;background:#e7ebef;overflow:hidden}
.kp-account-progress span {display:block;height:100%;background:#69a700;border-radius:2px}
.kp-account-level-note {font-size:11px;line-height:16px;color:var(--kp-account-muted);margin:0}
html[data-meirl-theme] #settingsTabMobile.kp-account-settings-nav {display:flex;position:static;top:auto;z-index:auto;background:var(--ml-surface);border:0;border-bottom:1px solid #dbe1e7;border-radius:5px 5px 0 0;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;max-width:100%;padding:0 22px;margin:0;gap:22px}
#settingsTabMobile.kp-account-settings-nav::-webkit-scrollbar {display:none}
html[data-meirl-theme] #settingsTabMobile.kp-account-settings-nav .nav-link {border:0!important;background:none!important;border-radius:0;color:#3d464e;padding:15px 0 10px;min-height:43px;line-height:18px;font-size:14px;flex:none;position:relative;white-space:nowrap}
html[data-meirl-theme] #settingsTabMobile.kp-account-settings-nav .nav-link.active {font-weight:600;color:#4e5861}
html[data-meirl-theme] #settingsTabMobile.kp-account-settings-nav .nav-link.active:after {content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:#399eff}
html[data-meirl-theme] .kp-account-settings-nav+.card {border-radius:0 0 5px 5px;margin-top:0;padding-top:0;padding-bottom:0}
html[data-meirl-theme] .kp-account-content>.card>.card-body {padding:22px 17px}
.kp-profile-panel[hidden] {display:none!important}
.kp-account-details {margin:0;font-size:14px;line-height:21px}
.kp-account-details>div {display:flex;gap:5px;align-items:baseline;margin:0 0 13px;min-width:0}
.kp-account-details dt {font-weight:400;color:var(--kp-account-muted);flex:none}
.kp-account-details dd {margin:0;color:var(--kp-account-text);overflow-wrap:anywhere}
.kp-account-more-links {display:flex;gap:16px;flex-wrap:wrap;margin-top:25px;padding-top:16px;border-top:1px solid #e6eaee;font-size:12px}
.kp-account-more-links a {color:#3399ff}
.kp-account .btn-primary {--bs-btn-bg:#3399ff;--bs-btn-border-color:#3399ff;--bs-btn-hover-bg:#268be8;--bs-btn-hover-border-color:#268be8}
.kp-account .form-control:disabled {background:#f1f3f5}
.kp-account-profile .form-control {font-size:14px}
.kp-account-profile .form-text {font-size:12px;overflow-wrap:anywhere}
.kp-account-content .nav-tabs {flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;white-space:nowrap}
.kp-account-content .nav-tabs .nav-link {flex:none}
.kp-account-content .notice-card,.kp-account-content .threadlist {min-width:0}
html[data-meirl-theme] body:has(.kp-account) .floating-actions {display:none}
html[data-meirl-theme][data-bs-theme="dark"] .kp-account-hero {background:radial-gradient(ellipse at 13% 0,#263f68,transparent 65%),linear-gradient(#202c40,var(--ml-page))}
html[data-meirl-theme][data-bs-theme="dark"] .kp-account-balance,html[data-meirl-theme][data-bs-theme="dark"] .kp-account-level {background:#2b333e;border-color:#29303a}
html[data-meirl-theme][data-bs-theme="dark"] .kp-account-wallet h2,html[data-meirl-theme][data-bs-theme="dark"] #settingsTabMobile.kp-account-settings-nav {border-color:#37404c;color:var(--kp-account-muted)}
html[data-meirl-theme][data-bs-theme="dark"] #settingsTabMobile.kp-account-settings-nav .nav-link {color:var(--kp-account-muted)}
@media(max-width:1199.98px) {
 .kp-account-layout>.kp-account-content {width:100%}
}
@media(min-width:768px) and (max-width:991.98px) {
 .kp-account-hero {margin-left:-14px;margin-right:-14px;padding-left:14px;padding-right:14px}
}
@media(max-width:767.98px) {
 html[data-meirl-theme] body:has(.kp-account) #header.ml-header {display:none}
 html[data-meirl-theme] #body:has(.kp-account)>.container {padding:0 7px}
 .kp-account-hero {margin:0 -7px 14px;padding:23px 7px 0}
 .kp-account-breadcrumb {margin-left:7px}
 .kp-account-identity {margin:12px 7px 15px;min-height:60px}
 .kp-account-name h1 {font-size:21px;line-height:27px;margin-bottom:15px}
 .kp-account-avatar .avatar-wrap,.kp-account-avatar img {width:62px!important;height:62px!important;min-width:62px!important}
 .kp-account-main-nav {gap:10px;padding:0 0 5px}
 .kp-account-main-nav>a {padding:5px 11px;font-size:13px}
 .kp-account-layout {--bs-gutter-x:0!important;margin:0}
 .kp-account-layout>.kp-account-content {padding:0}
 html[data-meirl-theme] #mobileTabbar.kp-account-dock {left:0;right:0;bottom:0;height:calc(54px + env(safe-area-inset-bottom));min-height:54px;max-width:none;border-radius:0;padding:5px 0 calc(5px + env(safe-area-inset-bottom));border-top:1px solid #edf0f4;box-shadow:none;background:var(--ml-surface)}
 html[data-meirl-theme] #mobileTabbar.kp-account-dock .bottom-nav-item {min-height:43px;font-size:11px;line-height:14px;color:#8b98b0;gap:3px}
 html[data-meirl-theme] #mobileTabbar.kp-account-dock .bottom-nav-item>i {color:#384149;font-size:21px;line-height:24px}
 html[data-meirl-theme] #mobileTabbar.kp-account-dock .bottom-nav-item.active>i {color:#399eff}
 html[data-meirl-theme] #mobileTabbar.kp-account-dock .ml-bottom-home>span {font-size:11px;height:auto}
 html[data-meirl-theme] #mobileTabbar.kp-account-dock .ml-create-icon {width:36px;height:28px;border-radius:5px;background:linear-gradient(130deg,#57c5f8,#258fff);box-shadow:none}
 html[data-meirl-theme] #mobileTabbar.kp-account-dock .ml-create-icon:before {display:none}
 html[data-meirl-theme] #mobileTabbar.kp-account-dock .ml-create-icon i {font-size:24px}
 .kp-account-unread {position:absolute;top:0;left:calc(50% + 8px);background:#ff5e55;color:#fff!important;min-width:15px;height:15px;border-radius:12px;font-size:10px!important;line-height:15px!important;font-weight:600!important;padding:0 3px}
 .kp-account-content {padding-bottom:calc(54px + env(safe-area-inset-bottom))}
}
@media(max-width:374px) {
 html[data-meirl-theme] #settingsTabMobile.kp-account-settings-nav {padding:0 16px;gap:19px}
 .kp-account-assets {padding:16px 15px 18px;gap:14px 10px}
 .kp-account-balance {padding:12px 10px}
}