/* Account UI shares the administrative font and theme tokens. */
#bk-account-root{position:fixed;z-index:25;overflow:auto;box-sizing:border-box;background:var(--bk-bg);color:var(--bk-text);padding:24px;font:inherit;scrollbar-gutter:stable}
.bk-account-trigger{display:grid!important;place-items:center!important;flex:none;width:40px;height:40px;border:1px solid var(--bk-border)!important;border-radius:10px;background:var(--bk-panel)!important;color:var(--bk-text)!important;cursor:pointer}
.bk-account-trigger:has(.bk-account-trigger-name){display:flex!important;gap:8px;width:auto;max-width:210px;padding:5px 10px!important}.bk-account-trigger .bk-account-avatar{width:28px;height:28px;border-radius:7px;font-size:13px}.bk-account-trigger-name{font-size:12px;text-align:left;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bk-account-trigger-name small{display:block;font-size:10px;color:var(--bk-muted);margin-top:2px}
body:has(#bk-account-root) #dashboard-app main>:not(header){display:none!important}
/* Account has its own loading/error state; the legacy dashboard skeleton must not cover it. */
body:has(#bk-account-root) #bk-adaptive-loading{display:none!important}
.bk-account-menu{position:fixed;z-index:1100;display:grid;gap:3px;width:232px;padding:12px;border:1px solid var(--bk-border);border-radius:12px;background:var(--bk-panel);color:var(--bk-text);box-shadow:0 12px 36px #0004}
.bk-account-menu>strong,.bk-account-menu>small{padding:4px 8px;overflow-wrap:anywhere}.bk-account-menu>small{color:var(--bk-muted);font-size:11px;margin-bottom:6px}
.bk-account-menu a{display:flex;gap:10px;align-items:center;padding:10px 8px;color:inherit;text-decoration:none;border-radius:7px;font-size:13px}.bk-account-menu a:hover{background:var(--bk-active)}
#bk-account-root *,.bk-account-modal *,.bk-account-menu *{box-sizing:border-box}
.bk-account-heading{display:flex;justify-content:space-between;margin:0 0 22px}.bk-account-heading h1{font-size:28px;letter-spacing:-.035em;margin:14px 0 6px}.bk-account-heading p{font-size:13px;color:var(--bk-muted);margin:0}.bk-account-heading a{color:var(--bk-muted);font-size:12px;text-decoration:none}
#bk-account-root>nav{display:flex;gap:5px;padding:5px;margin-bottom:20px;overflow-x:auto;border:1px solid var(--bk-border);border-radius:11px;background:var(--bk-panel)}
#bk-account-root>nav a{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;flex:1;white-space:nowrap;text-decoration:none;color:var(--bk-muted);border-radius:7px;font-size:13px}
#bk-account-root>nav a[aria-current=page]{background:var(--bk-active);color:var(--bk-text)}
.bk-account-content{width:100%;min-width:0}.bk-account-card{background:var(--bk-panel);border:1px solid var(--bk-border);border-radius:14px;padding:24px;width:100%;max-width:none;min-width:0;margin:0}.bk-account-card h2{font-size:17px;margin:0 0 10px}.bk-account-card h3{font-size:14px;margin:24px 0 8px}.bk-account-card p{font-size:13px;color:var(--bk-muted);line-height:1.6}
.bk-account-profile{display:grid;grid-template-columns:230px minmax(0,1fr);padding:0}.bk-account-profile>aside{padding:28px 20px;text-align:center;border-right:1px solid var(--bk-border)}.bk-account-profile>div{padding:12px 24px 24px}.bk-account-profile aside h2{margin:18px 0 5px}.bk-account-profile aside p{overflow-wrap:anywhere}.bk-account-profile aside small{display:block;font-size:11px;overflow-wrap:anywhere;color:var(--bk-muted);margin:12px 0}
.bk-account-avatar{display:inline-grid;place-items:center;position:relative;background:#202020;border:1px solid #3a3a3a;color:#fff;width:40px;height:40px;border-radius:10px;overflow:hidden;flex:none;font-size:18px}
.bk-account-profile aside>.bk-account-avatar{width:80px;height:80px;font-size:30px;border-radius:18px}.bk-account-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:3px;background:#202020}
.bk-account-avatar.is-user{border:0}.bk-account-avatar.is-user img{display:block;object-fit:cover;padding:0;border:0;border-radius:inherit;background:transparent}
.bk-account-field{padding:17px 0;border-bottom:1px solid var(--bk-border);display:grid;gap:6px}.bk-account-field span{font-size:12px;color:var(--bk-muted)}.bk-account-field strong{font-size:14px;font-weight:500;overflow-wrap:anywhere}
.bk-account-row{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid var(--bk-border)}.bk-account-row>div{min-width:0}.bk-account-row strong{font-size:13px;font-weight:600}.bk-account-row small{display:block;font-size:12px;color:var(--bk-muted);line-height:1.6;margin-top:5px;overflow-wrap:anywhere}
.bk-account-actions{display:flex;gap:10px;margin-top:20px}.bk-account-note{font-size:12px!important;color:var(--bk-muted);line-height:1.7;margin:20px 0 0}
#bk-account-root button,.bk-account-button,.bk-account-modal button,.bk-account-store>a{font:inherit;font-size:12px;border:1px solid var(--bk-border);border-radius:8px;background:var(--bk-card);color:var(--bk-text);padding:9px 13px;text-decoration:none;cursor:pointer;white-space:nowrap}
#bk-account-root button:disabled{opacity:.45;cursor:default}.bk-account-primary{background:var(--bk-text)!important;color:var(--bk-bg)!important;border-color:var(--bk-text)!important;font-weight:600!important}
#bk-account-root :is(button,a,input,select):focus-visible,.bk-account-modal :is(button,a,input):focus-visible,.bk-account-menu a:focus-visible{outline:2px solid var(--bk-muted);outline-offset:2px}
.bk-account-card-heading{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-bottom:14px}.bk-account-device,.bk-account-store{display:flex;gap:14px;align-items:center;margin-top:10px;padding:16px;border:1px solid var(--bk-border);border-radius:10px;background:var(--bk-card)}
.bk-account-device>div,.bk-account-store>div{flex:1;min-width:0}.bk-account-device strong,.bk-account-store strong{font-size:13px;font-weight:550}.bk-account-device small,.bk-account-store small{display:block;color:var(--bk-muted);font-size:11px;line-height:1.7;margin-top:4px;overflow-wrap:anywhere}.bk-account-device>span{font-size:11px;color:var(--bk-muted)}
.bk-account-badge{font-size:10px;font-weight:500;border:1px solid var(--bk-border);border-radius:20px;padding:4px 8px;margin-left:5px;color:var(--bk-muted);white-space:nowrap}
#bk-account-root select,.bk-account-modal input{border:1px solid var(--bk-border);background:var(--bk-card);color:var(--bk-text);font:inherit;font-size:13px;border-radius:8px;padding:10px}#bk-account-root input[type=checkbox]{accent-color:var(--bk-text)}
#bk-account-root input[type=checkbox]{appearance:none;width:18px;height:18px;display:inline-grid;place-content:center;vertical-align:middle;border:1px solid var(--bk-border);border-radius:5px;background:var(--bk-card);margin:0 6px 0 0;cursor:pointer}
#bk-account-root input[type=checkbox]:checked{background:var(--bk-text);border-color:var(--bk-text)}
#bk-account-root input[type=checkbox]:checked::after{content:"";width:5px;height:9px;border:solid var(--bk-bg);border-width:0 2px 2px 0;transform:translateY(-1px) rotate(45deg)}
#bk-account-root form>.bk-account-primary{margin-top:20px}
.bk-account-modal{position:fixed;inset:0;z-index:1200;background:#0008;display:flex;align-items:center;justify-content:center;padding:20px;color:var(--bk-text)}
.bk-account-modal form{background:var(--bk-panel);border:1px solid var(--bk-border);border-radius:16px;padding:24px;width:min(520px,100%);max-height:90dvh;overflow:auto;box-shadow:0 20px 60px #0005}
.bk-account-modal header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.bk-account-modal h2{font-size:19px;margin:0}.bk-account-modal header button{padding:6px;display:grid;place-items:center}.bk-account-modal label{display:grid;gap:7px;font-size:12px;margin:14px 0}.bk-account-modal p{color:var(--bk-muted);font-size:13px;line-height:1.6}.bk-account-modal footer{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.bk-account-modal pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--bk-card);padding:14px;user-select:all}.bk-account-qr{display:block;width:200px;height:200px;max-width:100%;margin:15px auto;background:#fff;border-radius:10px}.bk-account-modal details{font-size:12px;overflow-wrap:anywhere}.bk-account-modal code{display:block;padding:12px}
@media(max-width:760px){#bk-account-root{padding:18px 12px}.bk-account-profile{grid-template-columns:1fr}.bk-account-profile>aside{border-right:0;border-bottom:1px solid var(--bk-border)}.bk-account-card{padding:18px}.bk-account-profile>div{padding:10px 18px 18px}#bk-account-root>nav a{flex:none;padding:10px}.bk-account-device,.bk-account-store{flex-wrap:wrap}.bk-account-row{align-items:flex-start;flex-wrap:wrap}.bk-account-heading h1{font-size:24px}.bk-account-card-heading{flex-wrap:wrap}}
@media(max-width:900px){.bk-account-trigger-name{display:none}.bk-account-trigger:has(.bk-account-trigger-name){padding:5px!important}}
/* Account details use the panel's rectangular surfaces, not loose divider rows. */
.bk-account-profile>div{display:flex;flex-direction:column;gap:12px;padding:24px}
.bk-account-field{padding:16px 18px;border:1px solid var(--bk-border);border-radius:10px;background:var(--bk-card);min-width:0}
.bk-account-profile .bk-account-actions{margin-top:4px}.bk-account-profile .bk-account-note{margin-top:0}
.bk-account-card:not(.bk-account-preferences)>.bk-account-row{padding:18px;margin-top:12px;border:1px solid var(--bk-border);border-radius:10px;background:var(--bk-card)}
.bk-account-preferences{padding:18px 24px}.bk-account-preferences .bk-account-row{min-height:92px;padding:24px 0;gap:24px}
.bk-account-preferences .bk-account-row:last-of-type{border-bottom:0}.bk-account-preferences .bk-account-row strong{font-weight:550;font-size:14px}.bk-account-preferences .bk-account-row small{font-size:13px}
#bk-account-root .bk-account-theme-segments{display:flex;padding:4px;gap:2px;border:1px solid var(--bk-border);border-radius:13px;background:var(--bk-card)}
#bk-account-root .bk-account-theme-segments button{display:flex;align-items:center;gap:7px;border:0!important;border-radius:9px;padding:9px 11px;background:transparent!important;color:var(--bk-muted);font-size:13px;line-height:1.2}
#bk-account-root .bk-account-theme-segments button[aria-pressed=true]{background:var(--bk-panel)!important;color:var(--bk-text);box-shadow:0 1px 4px #0000000a}
.bk-account-switch{position:relative;display:inline-block;width:38px;height:22px;flex:none;cursor:pointer}
#bk-account-root .bk-account-switch input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;z-index:1;cursor:pointer}
.bk-account-switch>span{position:absolute;inset:0;border-radius:20px;background:#737373;transition:background .18s}
.bk-account-switch>span::after{content:"";position:absolute;width:18px;height:18px;left:2px;top:2px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0002;transition:transform .18s}
.bk-account-switch input:checked+span{background:#ededed}.bk-account-switch input:checked+span::after{transform:translateX(16px);background:#171717}
html[data-bk-theme=light] .bk-account-switch input:checked+span{background:#202020}html[data-bk-theme=light] .bk-account-switch input:checked+span::after{background:#fff}
.bk-account-switch input:focus-visible+span{outline:2px solid var(--bk-muted);outline-offset:3px}.bk-account-switch:has(input:disabled){opacity:.6;cursor:wait}
.bk-account-language{display:flex;align-items:center;gap:7px;border:1px solid var(--bk-border);border-radius:13px;background:var(--bk-panel);padding:0 9px;font-size:13px}
#bk-account-root .bk-account-language select{border:0;background:transparent;font-size:13px;padding:8px 5px;cursor:pointer}
#bk-account-root .bk-account-export{display:flex;align-items:center;gap:7px;padding:9px 12px;border-radius:13px;background:transparent;font-size:12px}
#bk-account-root .bk-account-export small{display:inline;margin:0;font-size:11px;line-height:1;color:var(--bk-muted)}
.bk-account-pref-status:empty{display:none}.bk-account-pref-status{margin:4px 0 0!important;text-align:right;font-size:12px!important}
.bk-account-skeleton>div{min-width:0}.bk-account-skeleton.is-profile{display:grid;grid-template-columns:220px minmax(0,1fr);gap:26px}
.bk-account-skeleton aside{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px}
.bk-account-skeleton-row{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0;border-bottom:1px solid var(--bk-border)}
.bk-account-skeleton-row>span{display:grid;gap:12px;width:min(480px,65%)}
.bk-account-skeleton .bk-skeleton{display:block;position:relative;overflow:hidden;background:var(--bk-skeleton)!important;border-radius:7px}
.bk-account-skeleton-line{width:100%;height:12px}.bk-account-skeleton-line.short{width:45%}.bk-account-skeleton-control{width:120px;height:36px}.bk-account-skeleton-avatar{width:80px;height:80px;border-radius:18px!important}
.bk-account-skeleton .bk-skeleton::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 15%,#ffffff0f 45%,#ffffff1a 52%,transparent 85%);animation:bk-account-shimmer 1.5s ease-in-out infinite;transform:translateX(-100%)}
@keyframes bk-account-shimmer{to{transform:translateX(100%)}}
.bk-account-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:760px){.bk-account-profile{padding:0}.bk-account-profile>div{padding:18px}.bk-account-preferences{padding:12px 18px}.bk-account-preferences .bk-account-row{gap:16px;min-height:90px}.bk-account-skeleton.is-profile{grid-template-columns:1fr}.bk-account-skeleton-control{width:80px}}
@media(prefers-reduced-motion:reduce){.bk-account-skeleton .bk-skeleton::after{animation:none}.bk-account-switch>span,.bk-account-switch>span::after{transition:none}}
/* Account surfaces own the same light-theme contract as the other portal roots. */
html[data-bk-theme=light] :is(#bk-account-root,#bk-account-root *,.bk-account-modal,.bk-account-modal *,.bk-account-menu,.bk-account-menu *){--bk-bg:#f7f7f7!important;--bk-panel:#fff!important;--bk-card:#fff!important;--bk-active:#f1f1f1!important;--bk-skeleton:#e8e8e8!important;--bk-text:#111827!important;--bk-muted:#667085!important;--bk-border:#e4e7ec!important;--bk-hover:#f1f1f1!important}
#bk-account-root .bk-account-preferences{display:grid;gap:12px;padding:0;border:0;background:transparent;margin:0}
#bk-account-root .bk-account-preferences>.bk-account-row{margin:0;min-height:86px;padding:20px 22px;border:1px solid var(--bk-border);border-radius:12px;background:var(--bk-panel);gap:24px}
#bk-account-root .bk-account-preferences>.bk-account-row:last-of-type{border-bottom:1px solid var(--bk-border)}
#bk-account-root .bk-account-language{display:block;flex:none;width:180px;padding:0;border:0;background:transparent;border-radius:10px}
#bk-account-root .bk-account-language>.bk-select-trigger{min-height:40px;border-radius:10px;background:var(--bk-card);border-color:var(--bk-border);font-size:13px}
.bk-account-language-option{display:inline-flex;align-items:center;gap:9px;min-width:0}
.bk-account-language-option>img{display:block;object-fit:cover;flex:none;width:20px;height:15px;border-radius:2px}
#bk-account-root .bk-select-popup{--bk-hover:var(--bk-active);display:flex;flex-direction:column;gap:6px;font-size:13px;padding:6px;border-radius:12px;background:var(--bk-panel);color:var(--bk-text);border-color:var(--bk-border)}
#bk-account-root .bk-select-popup button{flex-shrink:0;font-size:13px;border-radius:8px;min-height:38px}
#bk-account-root .bk-select-popup button:is(:hover,:focus-visible,[aria-selected=true]){background:var(--bk-active)!important;color:var(--bk-text)!important;outline:none!important;box-shadow:none!important}
#bk-account-root .bk-account-skeleton{color:var(--bk-text);--bk-hover:var(--bk-active)}
#bk-account-root .bk-account-skeleton.is-preferences{border:0;padding:0;background:transparent!important}
#bk-account-root .bk-account-skeleton.is-preferences>div{display:grid;gap:12px}
#bk-account-root .bk-account-skeleton-row{margin:0;border:1px solid var(--bk-border);border-radius:12px;background:var(--bk-panel);min-height:86px;padding:20px 22px}
#bk-account-root .bk-account-skeleton:not(.is-preferences) .bk-account-skeleton-row{margin-bottom:12px}
html[data-bk-theme=light] #bk-account-root .bk-account-skeleton.bk-account-card,html[data-bk-theme=light] #bk-account-root .bk-account-skeleton-row{background:#fff!important;border-color:#e4e7ec!important}
html[data-bk-theme=light] #bk-account-root .bk-account-skeleton .bk-skeleton{background:#e8e8e8!important;background-image:none!important}
html[data-bk-theme=light] #bk-account-root .bk-account-skeleton .bk-skeleton::after{background:linear-gradient(100deg,transparent 15%,#ffffff55 45%,#ffffff99 52%,transparent 85%)}
@media(max-width:760px){#bk-account-root .bk-account-preferences>.bk-account-row{padding:18px;gap:18px;align-items:center}#bk-account-root .bk-account-language{width:165px}#bk-account-root .bk-account-skeleton-row{padding:18px}}