/* Identity colors retain meaning regardless of the selected canvas/accent. */
.ur-identity,.ur-title,.ur-level {--ur-ink:var(--content-slate-ink,#49596b);--ur-bg:var(--content-slate-bg,#edf0f5);--ur-line:var(--content-slate-line,#c3cdda)}
[data-style=level-1]{--ur-ink:#49596b}
[data-style=level-2]{--ur-ink:var(--content-green-ink);--ur-bg:var(--content-green-bg);--ur-line:var(--content-green-line)}
[data-style=level-3]{--ur-ink:var(--content-blue-ink);--ur-bg:var(--content-blue-bg);--ur-line:var(--content-blue-line)}
[data-style=level-4]{--ur-ink:var(--content-plum-ink);--ur-bg:var(--content-plum-bg);--ur-line:var(--content-plum-line)}
[data-style=level-5]{--ur-ink:#804626;--ur-bg:#f7e9dd;--ur-line:#d9bfa9}
[data-style=level-6]{--ur-ink:#315771;--ur-bg:#e6eff8;--ur-line:#b7ccdd}
[data-style=honor]{--ur-ink:#765119;--ur-bg:#faf0d8;--ur-line:#dec997}
[data-style=invited]{--ur-ink:#803c4d;--ur-bg:#f8e6e9;--ur-line:#dfbdc6}
[data-style=prestige]{--ur-ink:#555a86;--ur-bg:#eeeff8;--ur-line:#c7cbe0}
:root[data-color-theme=dark] [data-style=level-1]{--ur-ink:var(--content-slate-ink)}
:root[data-color-theme=dark] [data-style=level-5]{--ur-ink:#f0c29f;--ur-bg:#423126;--ur-line:#71513c}
:root[data-color-theme=dark] [data-style=level-6]{--ur-ink:#c8e1f6;--ur-bg:#293b4d;--ur-line:#506981}
:root[data-color-theme=dark] [data-style=honor]{--ur-ink:#f4d899;--ur-bg:#443725;--ur-line:#76613f}
:root[data-color-theme=dark] [data-style=invited]{--ur-ink:#f1c4d0;--ur-bg:#492e3a;--ur-line:#795365}
:root[data-color-theme=dark] [data-style=prestige]{--ur-ink:#c6c9ee;--ur-bg:#303348;--ur-line:#5d6389}
body.beui .ur-identity {display:inline-flex;align-items:center;flex-wrap:wrap;gap:0 8px;min-width:0;max-width:100%;vertical-align:middle;line-height:1.5}
/* Match the uploader's small, flat label. Rank changes the palette, not the badge geometry. */
body.beui :is(.ur-level,.ur-title) {display:inline-flex;align-items:center;gap:0;min-width:0;max-width:100%;min-height:18px;padding:1px 4px;border:0;border-radius:3px;background:var(--ur-bg);color:var(--ur-ink);font-size:12px;font-weight:400;line-height:16px;text-align:left;box-sizing:border-box;vertical-align:middle;box-shadow:none;background-image:none}
body.beui .ur-level-prefix {flex:none;white-space:pre;font-variant-numeric:tabular-nums}
body.beui .ur-title-name {min-width:0;overflow-wrap:anywhere}
/* Keep comfortable hit areas without making the visible labels button-sized. */
body.beui :is(.ur-title-trigger,.ur-more) {display:inline-flex;align-items:center;justify-content:center;flex:none;max-width:100%;min-width:44px;min-height:44px;padding:0;border:0;border-radius:3px;background:transparent;color:var(--ui-fg);font:inherit;font-size:12px;cursor:pointer;box-shadow:none;text-decoration:none}
body.beui .ur-title-trigger:hover .ur-title-name,body.beui .ur-more:hover {text-decoration:underline;text-underline-offset:3px}
body.beui .ur-more {color:var(--ui-muted);font-weight:500}
body.beui :is(.ur-title-trigger,.ur-more):focus-visible {outline:2px solid var(--ui-primary);outline-offset:1px}
body.beui .ur-dialog {width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-surface);color:var(--ui-fg);overflow:hidden;box-sizing:border-box;box-shadow:none;background-image:none}
body.beui .ur-dialog[open] {display:flex;flex-direction:column}
body.beui .ur-dialog::backdrop {background:rgb(12 19 28 / .32);backdrop-filter:none}
.ur-dialog-heading {display:flex;align-items:center;justify-content:space-between;flex:none;gap:12px;margin:0;padding:10px 20px;border-bottom:1px solid var(--ui-border)}
.ur-dialog-heading h2 {margin:0;font:600 18px/1.5 var(--ui-font,system-ui,sans-serif)}
body.beui .ur-dialog-close {display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 8px;border:0;border-radius:6px;background:transparent;color:var(--ui-muted);font:500 13px/1.5 var(--ui-font,system-ui,sans-serif);box-shadow:none;cursor:pointer}
body.beui .ur-dialog-close:hover {background:var(--ui-soft);color:var(--ui-fg)}
body.beui .ur-dialog-close:focus-visible {outline:2px solid var(--ui-primary);outline-offset:1px}
.ur-dialog-body {min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 20px 16px}
.ur-dialog-level {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 12px;padding:16px 0;border-bottom:1px solid var(--ui-border)}
.ur-title-collection {display:grid;gap:0}
.ur-title-item {display:flex;align-items:flex-start;flex-wrap:wrap;gap:7px 10px;padding:16px 0;border-bottom:1px solid var(--ui-border);min-width:0}
.ur-title-item>p {flex-basis:100%;margin:0;font-size:13px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}
.ur-title-item>small {font-size:12px;color:var(--ui-muted)}
.ur-dialog .ur-title-collection {list-style:none;margin:0;padding:0}
.ur-dialog .ur-title-item {display:block;padding:16px 0}
.ur-dialog .ur-title-item-heading {display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 12px}
.ur-dialog .ur-title-item-heading h3 {min-width:0;margin:0;font-size:14px;font-weight:600;line-height:1.6;overflow-wrap:anywhere}
.ur-dialog .ur-title-item-heading small {font-size:12px;color:var(--ui-muted)}
.ur-dialog .ur-title-item>p {margin:6px 0 0}
.ur-dialog .ur-title-item>.ur-title-dates {font-size:12px;color:var(--ui-muted)}
.ur-dialog .ur-empty {padding:20px 0;font-size:13px;line-height:1.7}
.ur-dialog-body>.ur-caption {margin:14px 0 0}
.ur-caption {font-size:12px;color:var(--ui-muted);line-height:1.7}
#workspace .ws-uploader-chip .ur-identity {display:inline-flex;flex-wrap:wrap;margin:0;gap:0 8px}
.account-recognition-body {padding:12px 0;min-width:0}
#account-recognition>summary {display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;cursor:pointer;list-style:none}
#account-recognition>summary::after {content:'+';font-size:18px;flex:none;color:var(--ui-muted)}
#account-recognition[open]>summary::after {content:'−'}
#account-recognition>summary::-webkit-details-marker {display:none}
#account-recognition>summary:focus-visible {outline:2px solid var(--ui-primary);outline-offset:2px;border-radius:6px}
#account-recognition-preview {margin-left:auto}
.account-recognition-summary {display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.account-recognition-summary strong {font-size:18px}
.account-recognition-progress {width:100%;height:8px;accent-color:var(--content-plum-ink);margin:14px 0 4px}
.account-recognition-wear {display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;margin:14px 0}
.account-recognition-wear label {display:grid;gap:6px;flex:1;min-width:min(200px,100%)}
.account-recognition-wear select {width:100%}
.account-recognition-history {margin-top:20px}
.account-recognition-history>summary {min-height:44px;box-sizing:border-box;align-content:center;cursor:pointer}
.account-recognition-history ol {list-style:none;padding:0;margin:8px 0}
.account-recognition-history li {display:flex;justify-content:space-between;gap:8px;padding:10px 0;border-bottom:1px solid var(--ui-border);font-size:13px;overflow-wrap:anywhere}
.account-recognition-history li>span {min-width:0}
.account-recognition-history small {display:block;color:var(--ui-muted);font-size:12px}
.account-recognition-pages {display:flex;gap:10px;align-items:center;flex-wrap:wrap}
@media(max-width:480px){.ur-dialog-heading{padding:8px 16px}.ur-dialog-body{padding:0 16px 16px}.account-recognition-wear{align-items:stretch}.account-recognition-wear label{flex-basis:100%}}