/* B account page. Original mobile and classic layout remain available. */
.b-account-read-status{margin:0 0 18px;padding:12px 16px;border:1px solid #eed7b6;border-radius:10px;background:#fff8ed;color:#806036;font-size:13px;line-height:1.7;display:flex;align-items:center;justify-content:space-between;gap:16px}
.b-account-read-status[hidden]{display:none!important}
#mainArea#mainArea #accountCheckin[hidden]{display:none!important}
.b-account-read-status button{border:0;background:none;color:inherit;text-decoration:underline;cursor:pointer;font:inherit;white-space:nowrap}
.b-account-read-status button:focus-visible{outline:2px solid #806036;outline-offset:3px}
@media(min-width:981px){
 body.b-studio #mainArea#mainArea #panel-settings>.b-account-origin{display:none!important}
 body.b-studio #mainArea#mainArea #accountBView{display:grid;gap:20px;width:100%;color:#233d56;font-weight:400;line-height:1.6}
 body.b-studio #mainArea#mainArea #accountBView *{box-sizing:border-box;-webkit-text-fill-color:currentColor;letter-spacing:normal}
 body.b-studio #mainArea#mainArea #accountBView :is(h1,h2,p){margin:0}
 body.b-studio #mainArea#mainArea #accountBView h1{font-size:24px;line-height:1.4;font-weight:600;color:#172b3f}
 body.b-studio #mainArea#mainArea #accountBView h2{font-size:17px;line-height:1.5;font-weight:600;color:inherit}
 body.b-studio #mainArea#mainArea #accountBView button{appearance:none;-webkit-appearance:none;font-family:inherit;cursor:pointer;font-weight:500;transition:background .16s,border-color .16s,opacity .16s;transform:none;box-shadow:none;white-space:normal}
 body.b-studio #mainArea#mainArea #accountBView button:disabled{cursor:default;opacity:.55}
 body.b-studio #mainArea#mainArea #accountBView :is(button,[role=button]):focus-visible{outline:2px solid #527fa6!important;outline-offset:3px}
 body.b-studio #mainArea#mainArea #accountBView .dyl-tool-icon{width:21px;height:21px;flex:none}
 body.b-studio #mainArea#mainArea #accountBView .b-account-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 2px}
 body.b-studio #mainArea#mainArea #accountBView .b-account-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:6px;background:transparent;padding:5px 0;min-height:32px;color:#537792;font-size:13px}
 body.b-studio #mainArea#mainArea #accountBView .b-account-link:hover:not(:disabled){color:#203f5c;text-decoration:underline}
 body.b-studio #mainArea#mainArea #accountBView .b-account-identity{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding:24px 28px;border:1px solid #dde6ee;border-radius:20px;background:#fff}
 body.b-studio #mainArea#mainArea #accountBView .account-profile-top{display:flex;align-items:center;gap:16px;padding:0;margin:0;min-width:0}
 body.b-studio #mainArea#mainArea #accountBView .profile-avatar-wrap{width:56px;height:56px;min-width:56px;flex:none;border-radius:16px;background:#edf3f8;border:1px solid #dbe6ef;box-shadow:none;overflow:hidden}
 body.b-studio #mainArea#mainArea #accountBView .profile-avatar-wrap :is(img,.profile-avatar-initial){width:100%;height:100%;border-radius:0;object-fit:cover}
 body.b-studio #mainArea#mainArea #accountBView .profile-avatar-initial{font-size:23px!important;font-weight:600!important;color:#385976!important;background:none!important;text-align:center;line-height:54px!important}
 body.b-studio #mainArea#mainArea #accountBView .account-profile-copy{display:flex;flex-wrap:wrap;align-items:center;gap:3px 12px;min-width:0}
 body.b-studio #mainArea#mainArea #accountBView #infoUser{order:0;font-size:22px!important;font-weight:600!important;color:#1a334b;line-height:1.5;max-width:100%;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
 body.b-studio #mainArea#mainArea #accountBView .account-profile-badges{order:1;display:flex!important;margin:0;gap:6px}
 body.b-studio #mainArea#mainArea #accountBView #accountMembershipBadge{display:inline-flex!important;align-items:center;padding:3px 10px;min-height:26px;border:1px solid #d9e5ef;border-radius:7px;background:#f1f6fa;color:#52718c;font-size:12px;font-weight:500}
 body.b-studio #mainArea#mainArea #accountBView #profilePhoneLine{order:2;flex-basis:100%;font-size:13px;line-height:1.7;color:#7a8b9b;font-weight:400;margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;overflow-wrap:anywhere}
 body.b-studio #mainArea#mainArea #accountBView #profileMemberLine{display:none!important}
 body.b-studio #mainArea#mainArea #accountBView .b-account-edit{display:inline-flex;align-items:center;justify-content:center;gap:8px;position:static;width:auto;height:42px;min-width:112px;padding:0 15px;border:1px solid #d8e3ed;border-radius:10px;background:#fff;color:#45667f;font-size:13px}
 body.b-studio #mainArea#mainArea #accountBView .b-account-edit:hover{background:#f3f7fb;border-color:#b6ccdf}
 body.b-studio #mainArea#mainArea #accountBView .b-account-edit .dyl-tool-icon{width:17px;height:17px}
 body.b-studio #mainArea#mainArea #accountBView .b-account-columns{display:grid;grid-template-columns:minmax(0,1fr) 334px;gap:20px;align-items:stretch}
 body.b-studio #mainArea#mainArea #accountBView .b-account-points{padding:24px 28px;background:linear-gradient(132deg,#0a182a 0%,#142d48 67%,#264564 100%);color:#fff;border:1px solid #19344d;border-radius:20px;min-width:0;box-shadow:0 10px 26px #142d450b}
 body.b-studio #mainArea#mainArea #accountBView .b-account-points>header{display:flex;align-items:center;justify-content:space-between;gap:16px}
 body.b-studio #mainArea#mainArea #accountBView .b-account-membership{padding:8px 14px;min-height:38px;border:1px solid #61798f;border-radius:9px;background:#ffffff08;color:#e7f0f7;font-size:13px}
 body.b-studio #mainArea#mainArea #accountBView .b-account-membership:hover{background:#ffffff16;border-color:#9bb5cd}
 body.b-studio #mainArea#mainArea #accountBView .b-account-balance{padding:19px 0 17px}
 body.b-studio #mainArea#mainArea #accountBView .b-account-balance>span{font-size:12px;color:#b2c6d9}
 body.b-studio #mainArea#mainArea #accountBView #infoFast{display:block;margin:4px 0 5px;font-size:40px;line-height:1.3;font-weight:550;color:#fff;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
 body.b-studio #mainArea#mainArea #accountBView [data-point-detail]{font-size:12px;color:#abc3d8;line-height:1.8;min-height:22px}
 body.b-studio #mainArea#mainArea #accountBView .b-account-member{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;border-top:1px solid #ffffff16;padding:13px 0 0}
 body.b-studio #mainArea#mainArea #accountBView #infoExp{font-size:13px;line-height:1.8;font-weight:400;color:#cfdeec;overflow-wrap:anywhere}
 body.b-studio #mainArea#mainArea #accountBView .b-account-points .b-account-link{color:#d4e4f1}
 body.b-studio #mainArea#mainArea #accountBView .b-account-points button:focus-visible{outline-color:#b7d8f4!important}
 body.b-studio #mainArea#mainArea #accountBView #accountCheckin{display:none!important;margin:14px 0 0;padding:13px 15px;border:1px solid #ffffff18;border-radius:12px;background:#ffffff09;gap:15px;box-shadow:none}
 body.b-studio #mainArea#mainArea #accountBView #accountCheckin.show{display:flex!important;align-items:center;justify-content:space-between}
 body.b-studio #mainArea#mainArea #accountBView.b-account-unknown #accountCheckin{display:none!important}
 body.b-studio #mainArea#mainArea #accountBView #accountCheckin .account-checkin-copy{display:grid;gap:3px;min-width:0;flex:1!important}
 body.b-studio #mainArea#mainArea #accountBView #accountCheckinTitle{font-size:13px;font-weight:500;color:#eaf2f8;line-height:1.5}
 body.b-studio #mainArea#mainArea #accountBView #accountCheckinHint{font-size:11px;font-weight:400;color:#a9bfd4;line-height:1.6}
 body.b-studio #mainArea#mainArea #accountBView #accountCheckinBtn{width:auto!important;flex:none!important;min-width:100px;min-height:38px;padding:9px 14px!important;border:1px solid #dce8f1!important;border-radius:9px!important;background:#eaf2f8;color:#213f5b;font-size:12px;line-height:1.4;box-shadow:none}
 body.b-studio #mainArea#mainArea #accountBView .b-account-capacity{display:flex;flex-direction:column;padding:24px;border:1px solid #dce6ef;border-radius:20px;background:#fff;min-width:0}
 body.b-studio #mainArea#mainArea #accountBView .b-account-capacity>header{display:flex;align-items:center;gap:10px;color:#2a4b66}
 body.b-studio #mainArea#mainArea #accountBView .b-account-capacity>header>.dyl-tool-icon{width:32px;height:32px;padding:6px;border-radius:9px;background:#eef4f9}
 body.b-studio #mainArea#mainArea #accountBView .b-account-capacity-value{margin:25px 0 3px;display:flex;align-items:baseline;flex-wrap:wrap;gap:7px;font-variant-numeric:tabular-nums;color:#8092a2;font-size:14px}
 body.b-studio #mainArea#mainArea #accountBView [data-capacity-used]{font-size:38px;font-weight:500;color:#233f58;line-height:1.3}
 body.b-studio #mainArea#mainArea #accountBView [data-capacity-note]{font-size:12px;color:#7a8e9f;line-height:1.8}
 body.b-studio #mainArea#mainArea #accountBView .b-account-capacity-error{font-size:12px;color:#9b6536;line-height:1.8;margin-top:8px}
 body.b-studio #mainArea#mainArea #accountBView .b-account-month{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #e7eef4;margin:20px 0 17px;padding-top:16px;font-size:13px;color:#7890a2}
 body.b-studio #mainArea#mainArea #accountBView #infoUsage{font-size:15px;color:#34536e;font-weight:500}
 body.b-studio #mainArea#mainArea #accountBView [data-library]{margin-top:auto}
 body.b-studio #mainArea#mainArea #accountBView .b-account-library{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:42px;padding:10px 14px;border:1px solid #dce7ef;border-radius:10px;background:#f7fafc;color:#466b89;font-size:13px}
 body.b-studio #mainArea#mainArea #accountBView .b-account-library:hover{background:#ecf3f8;border-color:#bad0e1}
 body.b-studio #mainArea#mainArea #accountBView .b-account-shortcuts{padding:22px 26px 24px;border:1px solid #dce6ef;border-radius:20px;background:#fff}
 body.b-studio #mainArea#mainArea #accountBView .b-account-shortcuts>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
 body.b-studio #mainArea#mainArea #accountBView .b-account-entry-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
 body.b-studio #mainArea#mainArea #accountBView .b-account-entry{display:flex;align-items:center;gap:11px;min-height:62px;padding:11px 13px;border:1px solid #e2eaf1;border-radius:12px;background:#fbfcfe;color:#42647e;font-size:13px;text-align:left}
 body.b-studio #mainArea#mainArea #accountBView .b-account-entry:hover{border-color:#b8cfdf;background:#f2f7fb}
 body.b-studio #mainArea#mainArea #accountBView .b-account-entry-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;flex:none;border-radius:9px;background:#edf3f8;color:#557b99}
 body.b-studio #mainArea#mainArea #accountBView .b-account-entry-arrow{margin-left:auto;color:#9fb0be}
 body.b-studio #mainArea#mainArea #accountBView .b-account-support{display:flex;justify-content:space-between;align-items:center;padding:15px 22px;border:1px solid #dfe8ef;border-radius:16px;background:#ffffffb0;gap:20px}
 body.b-studio #mainArea#mainArea #accountBView .b-account-contact{display:flex;align-items:center;gap:10px;color:#607c92;font-size:13px;cursor:pointer;min-height:30px;padding:0;border:0;background:none;box-shadow:none}
 body.b-studio #mainArea#mainArea #accountBView .b-account-contact:hover{color:#284b67}
 body.b-studio #mainArea#mainArea #accountBView .b-account-logout{border:0;border-radius:7px;min-height:32px;padding:5px 10px;background:none;color:#8a7880;font-size:12px}
 body.b-studio #mainArea#mainArea #accountBView .b-account-logout:hover{color:#9f5359;background:#fff4f3}
 body.b-studio #mainArea#mainArea #accountBView [hidden]{display:none!important}
 body.b-studio #mainArea#mainArea #accountBView .b-account-read-status{margin:0}
}
@media(min-width:1700px){body.b-studio #mainArea#mainArea #accountBView .b-account-columns{grid-template-columns:minmax(0,1fr) 370px}body.b-studio #mainArea#mainArea #accountBView .b-account-points{padding:27px 34px}body.b-studio #mainArea#mainArea #accountBView .b-account-identity{padding:27px 34px}}
@media(min-width:981px) and (max-width:1150px){body.b-studio #mainArea#mainArea #accountBView .b-account-columns{grid-template-columns:minmax(0,1fr) 295px}body.b-studio #mainArea#mainArea #accountBView .b-account-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.b-studio #mainArea#mainArea #accountBView .b-account-points{padding:22px}body.b-studio #mainArea#mainArea #accountBView .b-account-edit{min-width:0}}