.btp-account-header{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:24px;min-width:0}
.btp-account-header button,.btp-upgrade{border:1px solid #ddd9ee;border-radius:999px;padding:10px 16px;font-size:12px;font-weight:700;cursor:pointer;background:#fff;color:#352d52}
.btp-upgrade{width:fit-content;white-space:nowrap;flex-shrink:0}
.btp-upgrade.animate-pulse{animation:btp-upgrade-pulse 2s cubic-bezier(.4,0,.6,1) infinite}
@keyframes btp-upgrade-pulse{0%,100%{opacity:1}50%{opacity:.5}}
.btp-account-header button:hover,.btp-upgrade:hover{filter:brightness(.95)}
.btp-account-header :focus-visible{outline:2px solid #7c5cff;outline-offset:3px}
#headerAuthButton,.btp-upgrade{background:#7c5cff;color:#fff;border-color:#7c5cff}
#headerAccount{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:10px;min-width:0}
#headerAccount[hidden]{display:none}
.btp-avatar{width:34px;height:34px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#ece7ff;color:#6d47cf;font-weight:800;flex-shrink:0}
.btp-account-label{display:flex;flex-direction:column;max-width:220px;font-size:12px;overflow-wrap:anywhere}
#profileName{font-weight:700}#profileHandle{font-size:11px;color:#6b7280}
.btp-points{background:#fef3c7;color:#b45309;border:1px solid #fde68a;border-radius:999px;padding:9px 14px;font-size:12px;font-weight:800;white-space:nowrap}
html.dark,html.dark body{background:#15151f!important;color:#e9e7f2!important}
html.dark .bg-white,html.dark .btp-account-header button{background-color:#242431;color:#e9e7f2}
html.dark .bg-gray-50,html.dark .bg-gray-100{background-color:#30303d;color:#e9e7f2}
html.dark .border,html.dark .border-gray-200{border-color:#414151}
html.dark input,html.dark select,html.dark textarea{background-color:#242431;color:#e9e7f2}
html.dark .text-gray-500,html.dark .text-gray-600,html.dark #profileHandle{color:#b7b4c8}
html.dark #headerAuthButton{background:#7c5cff;color:#fff}
@media(max-width:640px){.btp-account-header{gap:8px;margin-bottom:16px}.btp-account-label{max-width:150px}.btp-upgrade{font-size:11px;padding:8px 12px}}

/* Compact dashboard identity, independent of utility CSS loading order. */
.dashboard-main{min-width:0;padding-top:8px}
.dashboard-main>.btp-account-header{margin-bottom:8px}
.brand-hero{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;width:100%;max-width:100%;height:60px;min-height:60px;max-height:60px;margin:0 0 8px;padding:8px 16px;border:1px solid #f3f4f6;border-radius:12px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.brand-hero img{flex:none;width:32px;height:32px;object-fit:contain;border-radius:10px}
.brand-hero>div{min-width:0;flex:1}
.brand-hero .brand-version{margin:0;font-size:10px;line-height:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#b61f2d}
.brand-hero h2{margin:0;font-size:14px;line-height:16px;font-weight:700;letter-spacing:-.02em;color:#242127;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.brand-channel{margin:0;font-size:14px;line-height:20px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dashboard-main .brand-channel{font-size:10px;line-height:12px}
.dashboard-actions{display:flex;justify-content:flex-end;margin:0 0 8px;min-width:0}
.dashboard-actions>div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;min-width:0}
html.dark .brand-channel{color:#b7b4c8}
html.dark .brand-hero{background:#242431;border-color:#414151}
html.dark .brand-hero h2{color:#e9e7f2}
html.dark .brand-hero .brand-version{color:#ff9aa6}
@media(max-width:768px){
  body>div.flex>main.dashboard-main{padding-top:8px}
  .brand-hero{width:100%}
  .dashboard-actions>div{flex-shrink:1}
}

/* Keep the shared identity close to page content at every breakpoint. */
body>div.flex>main{padding-top:8px}
.brand-hero+.btp-account-header{margin-bottom:8px}