body.platform-account-mode #view-login{display:none!important}
body.platform-account-mode .topbar.lobby-topbar{flex-wrap:wrap}
body.platform-account-mode .topbar-account{min-width:0;max-width:100%;flex:0 1 auto}
body.platform-account-mode .topbar-account .user{min-width:0}
body.platform-account-mode #main-username{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.platform-account-mode .topbar-account #btn-logout{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 auto;min-height:38px;padding:8px 12px;white-space:nowrap;color:#2867d5;border:1px solid #ccdef6;border-radius:10px;background:#f0f6ff}
body.platform-account-mode .lobby-live .live-dot{background:#98a7ba;box-shadow:0 0 0 4px #98a7ba20}
body.platform-account-mode .lobby-live[data-connection="connected"] .live-dot{background:#36bd8b;box-shadow:0 0 0 4px #36bd8b21}
body.platform-account-mode .lobby-live[data-connection="unavailable"] .live-dot{background:#c99335;box-shadow:0 0 0 4px #c9933520}
.platform-account-mode .pa-record{width:100%;text-align:left;background:none;border:0;border-bottom:1px solid #e8edf5;color:#1d3858;font:inherit}
.platform-account-mode button.pa-record{cursor:pointer;border-radius:8px;padding:12px 8px}
.platform-account-mode button.pa-record:hover{background:#f2f7fe}
.pa-record-result{display:grid;gap:5px;text-align:right;flex:none}
.pa-record-result small{font-size:11px;color:#7389a4}
.pa-dialog{width:min(560px,calc(100vw - 28px));max-height:calc(100dvh - 36px);padding:0;border:1px solid #cfdef1;border-radius:24px;background:#fff;color:#193451;box-shadow:0 30px 100px #0b254e40;overflow:auto;font-family:inherit}
.pa-dialog::backdrop{background:#102c4a70;backdrop-filter:blur(5px)}
.pa-dialog-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:14px;padding:22px 24px;background:#f7faff;border-bottom:1px solid #e3ebf6}
.pa-dialog-brand{display:grid;place-items:center;flex:none;width:44px;height:44px;border:2px solid #82b4f5;border-radius:50%;background:#132d4d;color:#fff;font-size:19px;font-weight:800;letter-spacing:-2px}
.pa-dialog-head small{font-size:10px;letter-spacing:.13em;color:#7990ad;font-weight:700}.pa-dialog-head h2{margin:6px 0 0;font-size:22px;line-height:1.2;font-weight:800;color:#173654}
.pa-close{margin-left:auto;flex:none;width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:50%;background:#eaf1fb;color:#466887;font-size:26px;line-height:1;cursor:pointer}
.pa-dialog-body{padding:24px;display:grid;gap:16px}.pa-dialog-body>.pa-button{width:100%}.pa-form{display:grid;gap:16px}
.pa-field{display:grid;gap:8px;margin:0;font-size:13px;font-weight:700;color:#526e8d}
.pa-field input,.pa-field select,.pa-field textarea{display:block;width:100%;box-sizing:border-box;min-height:48px;padding:12px 14px;border:1px solid #d4e0f0;border-radius:11px;background:#f8fbff;color:#203c5e;font:inherit;font-size:15px;font-weight:400;outline:none}
.pa-field input:focus,.pa-field select:focus,.pa-field textarea:focus{border-color:#2c77ec;box-shadow:0 0 0 3px #2c77ec1a}.pa-field textarea{resize:vertical;min-height:80px}.pa-field input:disabled,.pa-field select:disabled{opacity:.65;cursor:not-allowed}
.pa-info{margin:0;padding:13px 15px;background:#f1f6fe;border:1px solid #dfebfa;border-radius:11px;color:#627d9b;font-size:13px;line-height:1.7}
.pa-button{display:flex;align-items:center;justify-content:center;min-height:44px;padding:11px 17px;border:1px solid #cbdcf1;border-radius:11px;background:#fff;color:#33618f;font:inherit;font-size:14px;font-weight:700;text-decoration:none;cursor:pointer;box-sizing:border-box}
.pa-button:hover{background:#f2f7ff}.pa-button.is-primary{border-color:#d79b25;background:linear-gradient(115deg,#edb33d,#cf911d);color:#483007;box-shadow:0 5px 14px #dba32a24}.pa-button.is-primary:hover{filter:brightness(1.04)}.pa-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}
.pa-message{margin:0 24px 24px;color:#29724d;font-size:13px;line-height:1.6;word-break:break-word}.pa-message:empty{display:none}.pa-message.is-error{color:#b63b3f}
.pa-order-line{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;font-size:13px;line-height:1.5;padding-bottom:12px;border-bottom:1px solid #edf1f6}.pa-order-line>span{color:#7b91a9;flex:none}.pa-order-line>strong{color:#1c4268;text-align:right;word-break:break-word}
.pa-address{display:grid;gap:10px;padding:14px;border:1px solid #dae5f4;border-radius:11px;background:#f7faff}.pa-address code{word-break:break-all;font-size:14px;line-height:1.5;color:#22476c;user-select:all}
.pa-dialog .record-item{display:flex;gap:12px;justify-content:space-between;padding:14px 4px}.pa-dialog .record-title{color:#284b71}.pa-dialog .record-sub{color:#8495ab;word-break:break-all}.pa-dialog .record-amount{font-size:14px;color:#2e608e}.pa-dialog .empty{color:#7b91a9}
@media(max-width:600px){.pa-dialog{border-radius:18px;max-height:calc(100dvh - 20px)}.pa-dialog-head{padding:18px}.pa-dialog-body{padding:18px}.pa-message{margin:0 18px 18px}.pa-dialog-head h2{font-size:20px}.pa-record-result{max-width:45%}.pa-order-line{font-size:12px}}
@media(max-width:1100px){body.platform-account-mode .header-wallet{order:4;width:100%;justify-content:flex-end}body.platform-account-mode .topbar-account{margin-left:auto}}
@media(max-width:680px){body.platform-account-mode .header-wallet{flex-wrap:wrap}body.platform-account-mode .header-wallet-balance{flex:1 1 100%;min-width:0}body.platform-account-mode .topbar-account #btn-logout{font-size:12px;padding:7px 9px}body.platform-account-mode #main-username{max-width:90px}}
