/*
 * beUI native component adaptation — upstream 6ece797917b1365764ce5f339641d641f10ea2c2.
 * Copyright (c) 2026 Saurabh Chauhan. MIT; see third_party/beui/LICENSE.
 * Sources: globals.css, button/base, input, switch, tabs, animated-badge,
 * animated-sidebar, file-upload, center-morph-modal, table/table-header.
 * Native semantics and business controllers are retained; no React runtime required.
 */
:root {
  --ui-bg:#f6f7f9;--ui-fg:#20242a;--ui-surface:#fff;--ui-soft:#f0f2f5;
  --ui-muted:#616975;--ui-border:#e2e5e9;--ui-border-strong:#bdc4ce;
  --ui-primary:#242424;--ui-primary-hover:#404040;--ui-on-primary:#fff;
  --ui-success:#26704a;--ui-success-soft:#edf7f0;--ui-warning:#805a14;--ui-warning-soft:#fff7e7;
  --ui-danger:#a33532;--ui-danger-soft:#fff1f0;--ui-info:#365f93;--ui-info-soft:#eff4fc;
  --ui-radius-panel:10px;--ui-radius-control:7px;--ui-radius-collection:4px;
  --ui-radius-media:12px;--ui-radius-pill:999px;--ui-control-height:44px;
  --ui-ease:cubic-bezier(.16,1,.3,1);--ui-duration:180ms;
  --ui-shadow:none;--ui-shadow-overlay:0 8px 24px rgb(0 0 0 / .12);
  --primary:var(--ui-primary);--primary-hover:var(--ui-primary-hover);--primary-soft:var(--ui-soft);
  --primary-border:var(--ui-border-strong);--ink:var(--ui-fg);--muted:var(--ui-muted);
  --bg:var(--ui-bg);--surface:var(--ui-surface);--border:var(--ui-border);--navy:var(--ui-fg);
  --radius:var(--ui-radius-panel);--shadow:var(--ui-shadow);--danger:var(--ui-danger);
}
body.beui {background:var(--ui-bg);color:var(--ui-fg);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;}
.beui :where(h1,h2,h3) {color:var(--ui-fg);text-wrap:pretty;}
.beui :where(h1) {font-weight:650;letter-spacing:-.025em;}
.beui :where(h2,h3,label) {font-weight:600;}
.beui :where(small,.muted,.field-hint) {color:var(--ui-muted);}
.beui :where(button,a,input,textarea,select,summary):focus-visible {outline:2px solid var(--ui-fg);outline-offset:3px;}
/* Firm action controls, softer panels, round identity/status cues. */
/* Mixed links/buttons must not inherit different text/icon baselines. */
.beui :is(.button,.text-button) {display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;box-sizing:border-box;min-width:44px;max-width:100%;white-space:normal;overflow-wrap:anywhere;font-family:inherit;text-decoration:none;}
.beui :is(#workspace,#admin-intake,.account-page,.admin-login-page,#main) .button,
.beui .button {min-height:var(--ui-control-height);min-width:44px;border:1px solid var(--ui-border);border-radius:var(--ui-radius-control);padding:9px 16px;gap:8px;background:var(--ui-surface);color:var(--ui-fg);font-size:14px;font-weight:550;line-height:1.5;box-shadow:var(--ui-shadow);transition:background var(--ui-duration) var(--ui-ease),border-color var(--ui-duration) var(--ui-ease),transform 120ms var(--ui-ease);}
.beui :is(#workspace,#admin-intake,.account-page,.admin-login-page,#main) .button.primary,
.beui .button.primary {background:var(--ui-primary);border-color:var(--ui-primary);color:var(--ui-on-primary);border-radius:var(--ui-radius-control);box-shadow:none;}
.beui :is(#workspace,#admin-intake,#main) .button:not(:disabled):hover,.beui .button:not(:disabled):hover {background:var(--ui-soft);border-color:var(--ui-border-strong);}
.beui :is(#workspace,#admin-intake,#main) .button.primary:not(:disabled):hover,.beui .button.primary:not(:disabled):hover {background:var(--ui-primary-hover);border-color:var(--ui-primary-hover);color:var(--ui-on-primary);}
.beui .button:not(:disabled):active {transform:none;}
.beui :is(#workspace,#admin-intake,.account-page,.admin-login-page,#main) .button:disabled,
.beui .button:disabled {background:var(--ui-soft);border-color:var(--ui-border);color:var(--ui-muted);opacity:.65;box-shadow:none;cursor:not-allowed;transform:none;}
.beui :is(#workspace,#admin-intake,#main) :is(.button.danger,.button.red,.ws-danger-action),.beui :is(.button.danger,.button.red,.ws-danger-action) {color:var(--ui-danger);background:var(--ui-danger-soft);border-color:#edc7c5;}
/* Auxiliary controls belong to the component system, including standalone pages
   and dialogs. Do not infer action importance from labels or recolor all buttons. */
:root body.beui :is(#admin-intake,#workspace,#account-shell,.admin-login-layout,.host-shell,#main) .button.quiet,
:root body.beui .button.quiet {
  min-height:44px;min-width:44px;max-width:100%;padding:8px 12px;gap:7px;
  border:1px solid transparent;border-radius:6px;background:transparent;color:var(--ui-muted);
  box-shadow:none;font-size:13px;font-weight:500;line-height:1.5;transform:none;
}
:root body.beui :is(#admin-intake,#workspace,#account-shell,.admin-login-layout,.host-shell,#main) .button.quiet:hover:not(:disabled),
:root body.beui .button.quiet:hover:not(:disabled) {background:var(--ui-soft);border-color:transparent;color:var(--ui-fg);box-shadow:none;transform:none}
:root body.beui :is(#admin-intake,#workspace,#account-shell,.admin-login-layout,.host-shell,#main) .button.quiet:disabled,
:root body.beui .button.quiet:disabled {background:transparent;border-color:transparent;color:var(--ui-muted);opacity:.5;cursor:not-allowed}
:root body.beui :is(.button,.text-button):focus-visible {outline:2px solid var(--ui-primary);outline-offset:3px}
/* Input/Select use the same native field surface, including dynamically created controls. */
.beui :is(#workspace,#admin-intake,.account-page,.admin-login-page,#main) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]):not([type=file]),textarea,select),
.beui :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]):not([type=file]),textarea,select) {min-height:44px;max-width:100%;border:1px solid var(--ui-border-strong);border-radius:var(--ui-radius-control);background:var(--ui-surface);color:var(--ui-fg);padding:10px 12px;line-height:1.5;font-family:inherit;box-shadow:var(--ui-shadow);transition:border-color var(--ui-duration) var(--ui-ease),box-shadow var(--ui-duration) var(--ui-ease);}
.beui textarea {height:auto;resize:vertical;}
.beui :is(input,textarea)::placeholder {color:#777;opacity:1;}
.beui :is(input,textarea,select):focus-visible {border-color:var(--ui-fg);box-shadow:0 0 0 3px rgb(0 0 0 / .07);}
.beui :is(input,textarea,select)[aria-invalid=true] {border-color:var(--ui-danger);outline-color:var(--ui-danger);}
.beui :is(input,textarea,select):disabled {background:var(--ui-soft);color:var(--ui-muted);cursor:not-allowed;}
/* Single-line native selects share one trailing arrow and a reserved text area.
   Only geometry/background-image longhands are locked: later page/theme background
   shorthands must not erase the arrow. Surface, border, focus and validation colors
   still come from the active theme. No wrapper or replacement input is needed. */
:root {
  --ui-select-arrow:url('/ui-icons/select-chevron.svg');
}
:root[data-color-theme=dark] {
  --ui-select-arrow:url('/ui-icons/select-chevron-dark.svg');
}
body.beui select:not([multiple]):is(:not([size]),[size="0"],[size="1"]) {
  appearance:none;-webkit-appearance:none;box-sizing:border-box;
  min-width:0;max-width:100%;height:44px!important;min-height:44px!important;
  padding-block:9px!important;padding-inline:12px 40px!important;
  background-image:var(--ui-select-arrow)!important;background-repeat:no-repeat!important;
  background-size:16px 16px!important;background-position:right 12px center!important;
  background-origin:padding-box!important;white-space:nowrap;text-overflow:ellipsis;
}
body.beui select:not([multiple]):is(:not([size]),[size="0"],[size="1"]):dir(rtl) {background-position:left 12px center!important;}
body.beui select:enabled {cursor:pointer;}
body.beui select:disabled {cursor:not-allowed;}
@media(forced-colors:active) {
  /* Let the platform draw a high-contrast arrow rather than losing a background image. */
  body.beui select:not([multiple]):is(:not([size]),[size="0"],[size="1"]) {
    appearance:auto;-webkit-appearance:auto;background-image:none!important;padding-inline:12px!important;
  }
}
/* Native checkbox switch retains its associated label and keyboard semantics. */
.beui :is(#workspace,#admin-intake,.account-page,.admin-login-page,#main) input[role=switch],
.beui input[role=switch] {appearance:none;width:48px;min-width:48px;height:44px;min-height:44px;border:0;border-radius:var(--ui-radius-control);padding:0;margin:0;background:transparent;position:relative;vertical-align:middle;cursor:pointer;box-shadow:none;}
.beui input[role=switch]::before {content:"";position:absolute;left:0;top:8px;width:48px;height:28px;border:0;border-radius:var(--ui-radius-pill);background:#8b8b8b;transform:none;box-shadow:none;transition:background var(--ui-duration) var(--ui-ease);}
.beui input[role=switch]::after {content:"";position:absolute;left:4px;top:12px;width:20px;height:20px;border-radius:50%;background:white;box-shadow:0 1px 3px rgb(0 0 0 / .15);transform:translateX(0);transition:transform var(--ui-duration) var(--ui-ease);}
.beui input[role=switch]:checked {background:transparent;}
.beui input[role=switch]:checked::before {background:var(--ui-primary);transform:none;}
.beui input[role=switch]:checked::after {transform:translateX(20px);background:var(--ui-on-primary);}
.beui input[role=switch]:disabled {opacity:.55;cursor:not-allowed;}
.beui label:has(>input[role=switch]) {min-height:44px;}
.beui input[type=checkbox]:not([role=switch]),.beui input[type=radio] {accent-color:var(--ui-primary);}
.beui label:has(>input:is([type=checkbox],[type=radio])) {min-height:44px;display:flex;align-items:center;gap:10px;}
/* A 44px hit area is not a 44px glyph. Align copy to the glyph's first line,
   including long labels, help text and dynamically rendered radio choices. */
:root body.beui label.ui-choice-row {display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;justify-content:flex-start;gap:8px;min-width:0;min-height:44px;padding-block:0;cursor:pointer;}
:root body.beui label.ui-choice-row>input:is([type=checkbox],[type=radio]) {flex:none;align-self:flex-start;margin:0;}
:root body.beui label.ui-choice-row>.ui-choice-copy {display:block;flex:1;min-width:0;padding:10px 0;line-height:24px;overflow-wrap:anywhere;}
:root body.beui label.ui-choice-row>.ui-choice-copy small {display:block;font-size:12px;line-height:1.6;}
.beui :is(#workspace,#admin-intake,#main) :is(input[type=checkbox]:not([role=switch]),input[type=radio]),
.beui :is(input[type=checkbox]:not([role=switch]),input[type=radio]) {appearance:none;position:relative;flex:0 0 44px;width:44px;min-width:44px;height:44px;min-height:44px;margin:0;padding:0;background:transparent;border:0;border-radius:6px;cursor:pointer;}
.beui :is(input[type=checkbox]:not([role=switch]),input[type=radio])::before {content:"";position:absolute;left:13px;top:13px;width:18px;height:18px;border:1px solid var(--ui-border-strong);border-radius:var(--ui-choice-radius,4px);background:var(--ui-surface);}
.beui input[type=radio] {--ui-choice-radius:50%;}
.beui :is(input[type=checkbox]:not([role=switch]),input[type=radio]):checked::before {background:var(--ui-primary);border-color:var(--ui-primary);}
.beui input[type=checkbox]:not([role=switch]):checked::after {content:"";position:absolute;left:17px;top:18px;width:10px;height:6px;border-left:2px solid var(--ui-on-primary);border-bottom:2px solid var(--ui-on-primary);transform:rotate(-45deg);}
/* Shared login preference: lightweight copy beside the existing 44px checkbox. */
.beui :is(#auth-form,#admin-login-form) .login-remember {margin:12px 0 0;font-weight:400;}
.beui :is(#auth-form,#admin-login-form) .login-remember>span {color:var(--ui-fg);}
.beui :is(#auth-form,#admin-login-form) .login-remember small {display:block;margin-top:2px;font-size:12px;font-weight:400;line-height:1.65;color:var(--ui-muted);overflow-wrap:anywhere;}
.beui input[type=checkbox]:not([role=switch]):indeterminate::after {content:"";position:absolute;left:17px;top:21px;width:10px;height:2px;background:var(--ui-fg);}
.beui input[type=radio]:checked::after {content:"";position:absolute;left:19px;top:19px;width:6px;height:6px;border-radius:50%;background:var(--ui-on-primary);}
.beui :is(input[type=checkbox],input[type=radio]):disabled {opacity:.55;cursor:not-allowed;}
/* Table/Panel: structural surfaces stay square-ish; media and status stay softer. */
.beui :is(.card,.ai-panel,.intake-stats-panel,[data-ui=panel]) {background:var(--ui-surface);border-color:var(--ui-border);border-radius:var(--ui-radius-panel);box-shadow:var(--ui-shadow);}
.beui table {border-collapse:collapse;font-variant-numeric:tabular-nums;}
.beui table th {background:var(--ui-soft);color:var(--ui-muted);font-size:12px;font-weight:550;text-align:left;}
.beui table :is(td,th) {border-color:var(--ui-border);}
.beui table tbody tr:hover {background:var(--ui-bg);}
.beui :is(.badge,.ai-badge,[data-ui=badge]) {display:inline-flex;align-items:center;gap:5px;max-width:100%;border:1px solid var(--ui-border);border-radius:var(--ui-radius-pill);background:var(--ui-soft);color:var(--ui-muted);font-size:12px;line-height:1.5;padding:3px 9px;}
.beui :is(.badge.green,.ai-badge.green,[data-tone=success]) {color:var(--ui-success);background:var(--ui-success-soft);}
.beui :is(.badge.amber,.ai-badge.amber,[data-tone=pending]) {color:var(--ui-warning);background:var(--ui-warning-soft);}
.beui :is(.badge.red,.ai-badge.red,[data-tone=attention]) {color:var(--ui-danger);background:var(--ui-danger-soft);}
.beui :is(.badge.blue,.ai-badge.blue) {color:var(--ui-info);background:var(--ui-info-soft);}
/* Sidebar/Tabs: shared selected surface, never a leading selection stripe. */
.beui :is(.ws-nav,.user-nav,.ai-nav) a {border-radius:var(--ui-radius-control);transition:background var(--ui-duration) var(--ui-ease),color var(--ui-duration) var(--ui-ease);}
.beui :is(.ws-nav,.user-nav,.ai-nav) a:is([aria-current=page],.current) {color:var(--ui-fg);background:var(--ui-soft);box-shadow:none;font-weight:600;border-left:0;}
.beui :is(.ws-view-switch,.ws-period,.auth-tabs,.ai-tabs,.ha-tabs,[data-ui=tabs]) {gap:4px;padding:4px;background:var(--ui-soft);border:1px solid var(--ui-border);border-radius:var(--ui-radius-control);}
.beui :is(#workspace,#admin-intake,#main) :is(.ws-view-switch,.ws-period,.auth-tabs,.ai-tabs,.ha-tabs,[data-ui=tabs]) :is(button,a) {min-height:44px;border:0;border-radius:6px;background:transparent;color:var(--ui-muted);box-shadow:none;}
.beui :is(#workspace,#admin-intake,#main) :is(.ws-view-switch,.ws-period,.auth-tabs,.ai-tabs,.ha-tabs,[data-ui=tabs]) :is([aria-selected=true],[aria-pressed=true],[aria-current=page],.active) {color:var(--ui-fg);background:var(--ui-surface);box-shadow:var(--ui-shadow);}
/* Modal uses native dialog focus containment. No background interaction or dismissal changes. */
.beui dialog {background:var(--ui-surface);color:var(--ui-fg);border:1px solid var(--ui-border);border-radius:var(--ui-radius-media);box-shadow:var(--ui-shadow-overlay);max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);}
.beui dialog::backdrop {background:rgb(0 0 0 / .4);backdrop-filter:blur(3px);}
.beui dialog[open] {animation:ui-panel-in 180ms var(--ui-ease);}
.beui :is(.notice,.form-error,[data-ui=alert]) {border-radius:var(--ui-radius-control);font-size:13px;line-height:1.7;}
.beui .notice {background:var(--ui-soft);border-color:var(--ui-border);color:var(--ui-muted);}
.beui .form-error {background:var(--ui-danger-soft);border-color:var(--ui-danger);color:var(--ui-danger);}
.beui :is(.ws-local-picker,.ws-file-zone,.drop-zone) {border:1px dashed var(--ui-border-strong);border-radius:var(--ui-radius-media);background:#fafafa;box-shadow:none;transition:background var(--ui-duration) var(--ui-ease),border-color var(--ui-duration) var(--ui-ease);}
.beui :is(.ws-local-picker,.ws-file-zone,.drop-zone):is(:hover,:focus-within,.dragover) {border-color:var(--ui-fg);background:var(--ui-soft);}
:root body.beui :is(#workspace,#admin-intake,#main,.account-page) input[type=file],
:root body.beui input[type=file] {max-width:100%;box-sizing:border-box;background:var(--ui-surface);color:var(--ui-fg);border-color:var(--ui-border-strong);font:inherit;}
.beui input[type=file]::file-selector-button {font:inherit;min-height:44px;border:1px solid var(--ui-border);border-radius:6px;padding:8px 12px;margin-right:12px;background:var(--ui-soft);color:var(--ui-fg);cursor:pointer;}
.beui input[type=file]:focus-visible {outline:2px solid var(--ui-primary);outline-offset:3px}
@keyframes ui-panel-in {from {opacity:0;transform:translateY(6px)}to {opacity:1;transform:translateY(0)}}
@media(max-width:650px) {.beui :is(input,textarea,select) {font-size:16px}.beui .button {white-space:normal}.beui dialog {max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}}
@media(prefers-reduced-motion:reduce) {.beui *, .beui *::before,.beui *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important}.beui .button:active {transform:none}}
@media(forced-colors:active) {
  .beui :is(#workspace,#admin-intake,#main) input[role=switch],.beui input[role=switch] {border:1px solid ButtonText;background:Canvas}
  .beui input[role=switch]::before {border:1px solid ButtonText;background:Canvas}
  .beui input[role=switch]::after {background:ButtonText}
  .beui :is(input[type=checkbox]:not([role=switch]),input[type=radio])::before {border-color:ButtonText}
  .beui :is(input[type=checkbox]:not([role=switch]),input[type=radio]):checked::before {background:Highlight}
  .beui :is(.button,input,textarea,select):focus-visible {outline-color:Highlight}
  .beui :is(.ws-nav,.user-nav,.ai-nav) a[aria-current=page] {outline:1px solid Highlight}
}

/* Shared four-character picture challenge: the image itself is the refresh control. */
.beui :is(#workspace,#main,.admin-login-layout) .captcha-control {display:flex;align-items:center;flex-wrap:nowrap;gap:10px;width:100%;max-width:360px;min-width:0;min-height:48px}
.beui :is(#workspace,#main,.admin-login-layout) .captcha-control>input {flex:1 1 0;width:0;min-width:0;height:48px;min-height:48px;margin:0;font-size:16px;letter-spacing:.08em}
.beui :is(#workspace,#main,.admin-login-layout) .captcha-control .captcha-picture {position:relative;display:grid;place-items:center;flex:0 0 132px;width:132px;min-width:132px;max-width:132px;height:48px;min-height:48px;padding:0;overflow:hidden;border:1px solid var(--ui-border);border-radius:6px;background:var(--ui-surface);color:var(--ui-muted);box-shadow:none;cursor:pointer}
.beui :is(#workspace,#main,.admin-login-layout) .captcha-control .captcha-picture img {display:block;width:100%;max-width:100%;min-width:0;height:100%;aspect-ratio:11/4;object-fit:contain;border:0;border-radius:0;margin:0;background:#fff}
.beui :is(#workspace,#main,.admin-login-layout) .captcha-control .captcha-picture span {font-size:12px;line-height:1.4;white-space:normal;padding:0 4px}
.beui :is(#workspace,#main,.admin-login-layout) .captcha-control .captcha-picture:focus-visible {outline:2px solid var(--ui-fg);outline-offset:3px}
.beui :is(#workspace,#main,.admin-login-layout) .captcha-control .captcha-picture:disabled {cursor:wait;opacity:.65}
.beui .captcha-hint {margin:6px 0 0;font-size:12px;line-height:1.6;color:var(--ui-muted)}
.beui .security-picture-field {min-width:0}
.beui .security-picture-field>label {display:block;margin:0 0 6px}
#workspace .ws-captcha {display:grid;gap:6px;min-width:0}
#workspace .ws-captcha>label {margin:0;font-size:13px}
#workspace #ws-upload-captcha .captcha-control>input {flex:1 1 0;width:0;min-width:0}
#workspace .ws-captcha .captcha-picture {font-size:12px;padding:0}
@media(max-width:480px) {
 .beui :is(#workspace,#main,.admin-login-layout) .captcha-control {gap:8px;min-height:44px}
 .beui :is(#workspace,#main,.admin-login-layout) .captcha-control>input {height:44px;min-height:44px;padding:0 10px}
 .beui :is(#workspace,#main,.admin-login-layout) .captcha-control .captcha-picture {flex-basis:121px;width:121px;min-width:121px;max-width:121px;height:44px;min-height:44px}
}
/* Supplemental data and focused edits: one stable native dialog, original DOM
   nodes and form ownership retained. Navigation disclosures are not promoted. */
:root body.beui details.ui-disclosure {box-shadow:none;background:transparent}
:root body.beui .ui-disclosure>summary {display:flex;align-items:center;gap:10px;min-height:44px;max-width:100%;padding:8px 0;box-sizing:border-box;list-style:none;cursor:pointer;color:var(--ui-primary);font-size:13px;font-weight:550;line-height:1.6}
:root body.beui :is(.ui-disclosure,.ui-disclosure-section)>summary::-webkit-details-marker {display:none}
:root body.beui :is(.ui-disclosure,.ui-disclosure-section)>summary::marker {content:''}
:root body.beui :is(.ui-disclosure,.ui-disclosure-section)>summary::after {display:none}
:root body.beui .ui-disclosure>summary:hover {color:var(--ui-primary-hover);text-decoration:underline;text-underline-offset:4px}
:root body.beui :is(#admin-intake,#workspace,#main,#account-shell,.host-shell) .ui-disclosure-dialog,
:root body.beui .ui-disclosure-dialog {box-sizing:border-box;width:min(860px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 48px);margin:auto;padding:0;border:1px solid var(--ui-border-strong);border-radius:12px;background:var(--ui-surface);color:var(--ui-fg);box-shadow:var(--ui-shadow-overlay);overflow:hidden;text-align:left}
:root body.beui .ui-disclosure-dialog[open] {display:flex;flex-direction:column}
:root body.beui .ui-disclosure-dialog:not([open]) {display:none}
:root body.beui .ui-disclosure-dialog::backdrop {background:rgb(15 23 28 / .48)}
:root body.beui .ui-disclosure-dialog>.ui-disclosure-header {display:flex;align-items:center;justify-content:space-between;flex:none;gap:16px;padding:12px 24px;border:0;border-bottom:1px solid var(--ui-border);background:var(--ui-surface)}
:root body.beui .ui-disclosure-header>h2 {min-width:0;margin:0;padding:0;border:0;color:var(--ui-fg);font-size:18px;line-height:1.5;font-weight:600;overflow-wrap:anywhere}
/* Reading focus is announced on the title; visible focus rings stay on controls. */
:root body.beui .ui-disclosure-header>h2[tabindex="-1"]:focus {outline:none}
:root body.beui .ui-disclosure-header>.ui-disclosure-close {flex:none;min-width:44px;min-height:44px}
:root body.beui .ui-disclosure-footer {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;flex:none;padding:12px 24px;border-top:1px solid var(--ui-border)}
:root body.beui .ui-disclosure-footer p {margin:0;color:var(--ui-muted);font-size:12px}
:root body.beui .ui-disclosure-body {display:flex;flex-direction:column;gap:18px;min-height:0;min-width:0;padding:24px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;line-height:1.7}
:root body.beui .ui-disclosure-body>* {min-width:0;max-width:100%;flex-shrink:0}
:root body.beui .ui-disclosure-body>.button {align-self:flex-start}
:root body.beui .ui-disclosure-body>.app-preview-version-row:first-child {border-top:0;padding-top:0}
:root body.beui .ui-disclosure-body :is(pre,code,dd,p) {overflow-wrap:anywhere}
:root body.beui .ui-disclosure-body pre {white-space:pre-wrap;word-break:break-word;max-height:none;overflow:visible}
:root body.beui .ui-disclosure-section {padding:0;margin:0;border:0;border-radius:0;box-shadow:none;background:transparent}
:root body.beui .ui-disclosure-section>summary {display:block;min-height:0;padding:0 0 12px;margin:0;list-style:none;cursor:default;font-size:14px;font-weight:600;color:var(--ui-fg)}
:root body.beui .ui-disclosure-section+.ui-disclosure-section {padding-top:18px;border-top:1px solid var(--ui-border)}
:root body.beui .ui-disclosure :is(.when-open),:root body.beui .ui-disclosure[open] .when-open {display:none}
:root body.beui .ui-disclosure .when-closed {display:inline}
:root.ui-disclosure-active {overflow:hidden}
@media(max-width:600px) {
 :root body.beui :is(#admin-intake,#workspace,#main,#account-shell,.host-shell) .ui-disclosure-dialog,
 :root body.beui .ui-disclosure-dialog {width:calc(100vw - 16px);max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:10px}
 :root body.beui .ui-disclosure-dialog>.ui-disclosure-header {padding:10px 16px;gap:12px}
 :root body.beui .ui-disclosure-header>h2 {font-size:16px}
 :root body.beui .ui-disclosure-body {padding:18px 16px;gap:16px}
 :root body.beui .ui-disclosure-footer {padding:12px 16px}
}