/* Round 2 live theme. Only presentation: existing PHP, IDs, routes and JS own data and actions. */
:root {
  --r2-canvas:#f7f2e9;
  --r2-paper:#fffdf7;
  --r2-ink:#273a36;
  --r2-muted:#586a64;
  --r2-line:#d6d9c9;
  --r2-green:#2e604a;
  --r2-blue:#2e687f;
  --r2-clay:#aa593d;
  --r2-ochre:#a9782f;
  --r2-plum:#725d79;
  --r2-serif:"Noto Serif CJK SC","Songti SC","SimSun",serif;
  --r2-shadow:none;
  --ui-shadow:none;
  --ui-radius-panel:14px;--ui-radius-control:8px;--ui-radius-collection:14px;
  --surface-inset:24px;--surface-gap:20px;
}
body.beui {
  background-color:var(--r2-canvas);
  background-image:none;
  color:var(--r2-ink);
  font-size:15px;
}
:is(#workspace,#account-shell,#admin-intake)[data-app-shell] {
  --forest-canvas:var(--r2-canvas);--forest-paper:var(--r2-paper);
  --forest-ink:var(--r2-ink);--forest-muted:var(--r2-muted);--forest-line:var(--r2-line);
  --forest-green:var(--r2-green);--forest-green-deep:#204c39;
  --ui-bg:var(--r2-canvas);--ui-fg:var(--r2-ink);--ui-surface:var(--r2-paper);
  --ui-muted:var(--r2-muted);--ui-border:var(--r2-line);--ui-soft:#edf2e7;
  --ui-primary:var(--r2-green);--ui-primary-hover:#204c39;
  --ui-shadow:var(--r2-shadow);--primary:var(--r2-green);--primary-hover:#204c39;
  --ink:var(--r2-ink);--muted:var(--r2-muted);--bg:var(--r2-canvas);
  --surface:var(--r2-paper);--border:var(--r2-line);--shadow:var(--r2-shadow);
  background-color:var(--r2-canvas);
}
#admin-intake[data-app-shell] {
  --ai-canvas:var(--r2-canvas);--ai-paper:var(--r2-paper);
  --ai-ink:var(--r2-ink);--ai-muted:var(--r2-muted);--ai-line:var(--r2-line);
  --ai-green:var(--r2-green);--ai-green-deep:#204c39;
}
/* Shared frame: recognizable identity and a quiet page context bar. */
[data-app-shell] .shell-page-context {
  display:flex;align-items:center;min-height:72px;padding:10px clamp(20px,3vw,48px);
  border-bottom:1px solid var(--r2-line);background:var(--r2-paper);
  color:var(--r2-muted);font-size:12px;
}
[data-app-shell] .shell-page-context strong {color:var(--r2-ink);font-family:var(--r2-sans);font-size:14px;font-weight:650}
#admin-intake .shell-page-context #ai-context {color:var(--r2-ink);font-family:var(--r2-sans);font-size:14px;font-weight:650}

/* System-wide controls retain their real disabled, error and loading behavior. */
body.beui :is(.button,.text-button,input,select,textarea,summary) {touch-action:manipulation}
body.beui .button {border-radius:8px;font-weight:550;transition:background-color .16s,border-color .16s,color .16s}
body.beui .button.primary {
  background:var(--primary,var(--r2-green));border-color:var(--primary,var(--r2-green));
  box-shadow:none;
}
body.beui .button.primary:hover:not(:disabled) {transform:none}
body.beui .button.primary:active:not(:disabled) {transform:none;box-shadow:none}
body.beui .button.secondary {background:var(--r2-paper);border-color:var(--r2-line);color:var(--r2-ink);box-shadow:none}
body.beui .button.secondary:hover:not(:disabled) {background:var(--ui-soft);border-color:var(--ui-border-strong)}
/* Shared action variants and focus states live in beui-components.css. */
body.beui :is(input:not([type=checkbox]),select,textarea) {border-color:var(--r2-line);border-radius:10px;background:var(--r2-paper);color:var(--r2-ink)}
body.beui :is(input:not([type=checkbox]),select,textarea):focus-visible {outline:3px solid var(--ui-primary);outline-offset:2px}
body.beui :is(.card,.ws-panel,.ai-panel) {border-color:var(--r2-line);box-shadow:none}
body.beui :is(.notice,.form-error,[data-ui=alert]) {border-radius:10px}

/* User side: illustration stays restricted to the announcement Hero and empty states. */
#workspace .ws-container {max-width:1400px;padding:26px clamp(20px,3vw,48px) 34px}
#workspace :is(.ws-heading h1,.ws-announcement-article h1) {color:var(--r2-ink);font-family:var(--r2-serif)}
#workspace :is(#ws-new,#ws-dashboard,#ws-notifications,#ws-detail,#ws-own-comments)>.ws-heading h1 {font-size:clamp(26px,3vw,38px);line-height:1.28}
#workspace :is(#ws-new,#ws-dashboard,#ws-notifications,#ws-detail,#ws-own-comments)>.ws-heading {padding:10px 0 18px;margin-bottom:20px}
#workspace .ws-heading p {color:var(--r2-muted)}
#workspace #ws-list-heading {align-items:center;margin-bottom:15px}
#workspace #ws-list-heading h1 {font-size:clamp(25px,2.5vw,34px)}
#workspace .ws-gallery-toolbar {gap:9px}
#workspace .ws-gallery-toolbar :is(input,select) {background:var(--r2-paper);border-color:var(--r2-line)}
#workspace .ws-gallery-list {border:0;box-shadow:none}
#workspace .ws-owned-list {border:1px solid var(--r2-line);box-shadow:var(--r2-shadow)}
:root body.beui #workspace #ws-gallery-tools :is(.button,input,select,.ws-view-switch) {box-shadow:none;transform:none;border-radius:8px}
:root body.beui #workspace #ws-gallery-tools .button {font-weight:500}
:root body.beui #workspace .ws-view-switch {border:0;background:var(--ui-soft);padding:3px}
:root body.beui #workspace .ws-view-switch .button[aria-pressed=true] {background:var(--ui-surface);box-shadow:none}
:root body.beui #workspace .ws-period .button[aria-pressed=true] {background:var(--ui-soft);color:var(--ui-primary);border-color:transparent;font-weight:650}
:root body.beui #workspace #ws-gallery-reset {background:transparent;border-color:transparent;color:var(--ui-muted)}
@media(max-width:480px){:root body.beui #workspace #ws-gallery-views .ws-view-label{display:none}:root body.beui #workspace #ws-gallery-views .button{min-width:44px;padding:8px}:root body.beui #workspace .ws-gallery-sort button{padding:8px 10px}}
:root body.beui #workspace #ws-gallery-reset:hover {background:var(--ui-soft);color:var(--ui-fg)}
@media(max-width:580px){:root body.beui #workspace .ws-gallery-list .ws-gallery-footer{display:grid;grid-template-areas:'uploader meta';grid-template-columns:minmax(0,1fr) auto}:root body.beui #workspace .ws-gallery-list .ws-app-card{grid-template-areas:'app' 'description' 'footer'}}
#workspace .ws-empty {border:1px dashed var(--r2-line);border-radius:18px;background:var(--r2-paper);padding:30px 22px}
#workspace .ws-empty::before {content:"";display:block;width:min(100%,210px);height:118px;margin:0 auto 15px;border:1px solid #d4decf;border-radius:12px;background:#e7ece1 url('/r2-empty-scene.webp') center 42%/cover no-repeat;box-shadow:none}
#workspace .ws-empty-symbol {display:none}
#workspace #ws-new {--primary:var(--r2-clay);--primary-hover:#8b432e;--primary-soft:#f9ebe1}
#workspace #ws-new>.ws-heading {border-bottom:1px solid var(--r2-line)}
#workspace :is(.ws-file-zone,.ws-shot-zone) {border:2px dashed var(--r2-line);border-radius:15px;background:var(--ui-soft)}
#workspace :is(.ws-file-zone,.ws-shot-zone):hover {background:var(--r2-paper-raised)}
#workspace #ws-detail .ws-detail-status {border-radius:12px}
#workspace .ws-uploader-badge {border-radius:99px;background:#e5efdf;color:#2e604a}
#workspace #ws-dashboard {--primary:var(--r2-blue);--primary-hover:#245469;--primary-soft:#e7f0f3}
#workspace #ws-notifications {--primary:var(--r2-blue);--primary-hover:#245469;--primary-soft:#e7f0f3}
#workspace .ws-notification-row {padding:11px 2px;min-width:0}
#workspace .ws-notification-row>* {min-width:0;overflow-wrap:anywhere}

/* Account and management surfaces use the same material, not the decorative Hero. */
.account-page #main {max-width:1320px;padding:30px clamp(20px,3vw,46px)}
.account-page .auth-card {background:var(--r2-paper);border-radius:18px;box-shadow:var(--r2-shadow)}
.account-page .auth-card h1,.account-page .account-panel-heading h1 {font-family:var(--r2-serif);color:var(--r2-ink)}
.account-page .auth-tabs {background:var(--ui-soft);border-radius:11px}
.account-page .account-settings-sheet {border:0;border-radius:0;background:transparent;box-shadow:none}
#admin-intake main {max-width:1500px;padding:25px clamp(20px,3vw,48px) 42px}
#admin-intake .ai-heading h1 {font-size:clamp(22px,2.3vw,29px);font-family:var(--r2-serif);color:var(--r2-ink)}
#admin-intake .ai-row {border-left:0;background:var(--r2-paper)}
#admin-intake .ai-row:hover {background:var(--ui-soft)}
#admin-intake :is(#ai-announcements,#ai-comments) {--primary:var(--r2-clay);--primary-hover:#8b432e;--primary-soft:#f9ebe1}
#admin-intake :is(#ai-host,#ai-dashboard) {--primary:var(--r2-blue);--primary-hover:#245469;--primary-soft:#e7f0f3}
#admin-intake :is(#ai-site,#ai-service,#ai-users) {--primary:var(--r2-plum);--primary-hover:#594863;--primary-soft:#f0ebf2}
#admin-intake .ai-empty {border-style:dashed;background:var(--r2-paper)}
.admin-login-page .admin-login-intro {border-color:var(--r2-line);border-radius:20px;background:linear-gradient(145deg,var(--ui-soft),var(--r2-paper-raised))}
.admin-login-page .admin-login-card {border-color:var(--r2-line);border-radius:20px;background:var(--r2-paper)}
.admin-login-page .admin-login-intro h1 {font-family:var(--r2-serif)}

@media (max-width:800px) {
  [data-app-shell] .shell-page-context {min-height:58px;padding:7px 16px}
  #workspace .ws-container {padding:18px 16px 28px}
  #admin-intake main {padding:18px 16px 32px}
}
@media (max-width:700px) {
  #workspace .ws-gallery-cards .ws-app-card {border-radius:16px}
  .account-page #main {padding:18px 14px}
}
@media (max-width:480px) {
  #workspace .ws-container {padding-inline:13px}
  #workspace #ws-list-heading h1 {font-size:25px}
  #workspace #ws-new>.ws-heading {padding-top:3px}
  #admin-intake #ai-dashboard>.ai-heading {align-content:center;gap:7px}
  #admin-intake #ai-dashboard>.ai-heading>div:first-child>h1 {font-size:23px}
}
@media (prefers-reduced-motion:reduce) {
  body.beui :is(.button,.ws-app-card,.ai-row) {transition:none!important}
  body.beui .button.primary:hover:not(:disabled) {transform:none}
}

/* Two coordinated color modes. Structure and imagery stay shared. */
body.beui .theme-toggle {
  display:inline-flex;align-items:center;justify-content:flex-start;gap:10px;
  min-height:44px;min-width:44px;padding:9px 12px;border:1px solid var(--ui-border);
  border-radius:11px;background:var(--ui-surface);color:var(--ui-fg);
  font:inherit;font-size:13px;font-weight:650;line-height:1.4;cursor:pointer;box-shadow:var(--ui-shadow);
}
body.beui .theme-toggle::before {
  content:"";display:block;flex:0 0 20px;width:20px;height:20px;background:currentColor;
  -webkit-mask:url("/ui-icons/moon.svg") center / contain no-repeat;
  mask:url("/ui-icons/moon.svg") center / contain no-repeat;
}
:root[data-color-theme='dark'] body.beui .theme-toggle::before {
  -webkit-mask-image:url("/ui-icons/sun.svg");mask-image:url("/ui-icons/sun.svg");
}
body.beui .theme-toggle:hover {background:var(--ui-soft);border-color:var(--ui-border-strong)}
body.beui .theme-toggle:focus-visible {outline:2px solid var(--ui-primary);outline-offset:3px}
/* Every top-bar mode switch is icon-only, including the standalone admin login. */
body.beui .shell-theme-button {
  flex:none;justify-content:center;gap:0;width:44px;height:44px;padding:0;white-space:nowrap;
}
body.beui .shell-theme-button [data-theme-label] {
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip-path:inset(50%);white-space:nowrap;border:0;
}
.admin-login-header .theme-header-actions {display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}
.admin-login-header .theme-header-actions>a {display:inline-flex;align-items:center;min-height:44px;font-size:13px}

:root[data-color-theme='dark'] {
  color-scheme:dark;
  /* Warm charcoal and inked paper. Legacy green tokens stay as aliases only. */
  --r2-canvas:#201d1b;--r2-paper:#2c2825;--r2-paper-deep:#25211f;
  --r2-paper-raised:#36302b;--r2-ink:#f3ece3;--r2-muted:#c3b7aa;
  --r2-line:#554a41;--r2-line-strong:#77685a;
  --r2-green:#e8b979;--r2-blue:#a1c1cd;--r2-clay:#e1a28a;
  --r2-ochre:#ecca8d;--r2-plum:#cbb1c7;
  --r2-shadow:none;
  --forest-canvas:var(--r2-canvas);--forest-paper:var(--r2-paper);
  --forest-paper-deep:var(--r2-paper-deep);--forest-ink:var(--r2-ink);
  --forest-muted:var(--r2-muted);--forest-line:var(--r2-line);
  --forest-green:var(--r2-green);--forest-green-deep:#f3ce96;
  --ui-bg:var(--r2-canvas);--ui-surface:var(--r2-paper);--ui-soft:#39332e;
  --ui-fg:var(--r2-ink);--ui-muted:var(--r2-muted);--ui-border:var(--r2-line);
  --ui-border-strong:var(--r2-line-strong);--ui-primary:var(--r2-green);
  --ui-primary-hover:#f3ce96;--ui-on-primary:#2d2119;
  --ui-success:#b6d1a5;--ui-success-soft:#343b2f;
  --ui-warning:#efc985;--ui-warning-soft:#443829;
  --ui-danger:#efaaa0;--ui-danger-soft:#47302d;--ui-danger-border:#9b625d;
  --ui-info:#a1c1cd;--ui-info-soft:#303c42;
  --ui-shadow:var(--r2-shadow);
  --ui-shadow-overlay:0 8px 24px rgb(12 9 7 / .24);
  --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);
  --shadow:var(--ui-shadow);--danger:var(--ui-danger);
}
:root[data-color-theme='dark'] body.beui {
  background-color:var(--r2-canvas);
  background-image:radial-gradient(rgb(234 209 177 / .035) .6px,transparent .6px);
  color:var(--r2-ink);
}
:root[data-color-theme='dark'] :is(#workspace,#account-shell,#admin-intake)[data-app-shell] {
  --forest-canvas:var(--r2-canvas);--forest-paper:var(--r2-paper);
  --forest-paper-deep:var(--r2-paper-deep);--forest-ink:var(--r2-ink);
  --forest-muted:var(--r2-muted);--forest-line:var(--r2-line);
  --forest-green:var(--r2-green);--forest-green-deep:#f3ce96;
  --ui-bg:var(--r2-canvas);--ui-fg:var(--r2-ink);--ui-surface:var(--r2-paper);
  --ui-soft:#39332e;--ui-muted:var(--r2-muted);--ui-border:var(--r2-line);
  --ui-border-strong:var(--r2-line-strong);--ui-primary:var(--r2-green);
  --ui-primary-hover:#f3ce96;--ui-on-primary:#2d2119;
  --ui-success:#b6d1a5;--ui-success-soft:#343b2f;
  --ui-warning:#efc985;--ui-warning-soft:#443829;
  --ui-danger:#efaaa0;--ui-danger-soft:#47302d;--ui-danger-border:#9b625d;
  --ui-info:#a1c1cd;--ui-info-soft:#303c42;
  --ui-shadow:var(--r2-shadow);--primary:var(--r2-green);
  --primary-hover:#f3ce96;--primary-soft:#44362b;
  --primary-border:var(--r2-line-strong);--ink:var(--r2-ink);--muted:var(--r2-muted);
  --bg:var(--r2-canvas);--surface:var(--r2-paper);
  --border:var(--r2-line);--shadow:var(--r2-shadow);
  background-color:var(--r2-canvas);
}
:root[data-color-theme='dark'] #workspace {
  background-image:radial-gradient(rgb(234 209 177 / .035) .6px,transparent .6px);
}
:root[data-color-theme='dark'] #admin-intake[data-app-shell] {
  --ai-canvas:var(--r2-canvas);--ai-paper:var(--r2-paper);
  --ai-paper-deep:var(--r2-paper-deep);--ai-gold:var(--r2-ochre);
  --ai-ink:var(--r2-ink);--ai-muted:var(--r2-muted);--ai-line:var(--r2-line);
  --ai-green:var(--r2-green);--ai-green-deep:#f3ce96;
}
:root[data-color-theme='dark'] [data-app-shell] .shell-page-context {background:var(--r2-paper);color:var(--r2-muted)}
:root[data-color-theme='dark'] body.beui .button.secondary {
  background:var(--r2-paper-raised);border-color:var(--r2-line);color:var(--r2-ink);
  box-shadow:none;
}
:root[data-color-theme='dark'] body.beui .button.secondary:hover:not(:disabled) {background:var(--ui-soft);border-color:var(--r2-line-strong)}
:root[data-color-theme='dark'] body.beui .button.primary {
  color:var(--ui-on-primary);box-shadow:none;
}
:root[data-color-theme='dark'] body.beui .button.primary:hover:not(:disabled) {color:var(--ui-on-primary)}
:root[data-color-theme='dark'] body.beui :is(input:not([type=checkbox]),select,textarea) {
  background:var(--r2-paper-deep);border-color:var(--r2-line-strong);color:var(--r2-ink);
}
:root[data-color-theme='dark'] body.beui :is(input:not([type=checkbox]),select,textarea):focus-visible {outline-color:var(--r2-ochre)}
:root[data-color-theme='dark'] body.beui :is(.button,.text-button,input,select,textarea,summary):focus-visible {outline-color:var(--r2-ochre)}
:root[data-color-theme='dark'] body.beui .button:disabled {color:var(--r2-muted)}
:root[data-color-theme='dark'] body.beui :is(.notice,.form-error,[data-ui=alert]) {background:var(--ui-soft);border-color:var(--ui-border);color:var(--r2-ink)}
:root[data-color-theme='dark'] body.beui .form-error {background:var(--ui-danger-soft);border-color:var(--ui-danger-border);color:var(--ui-danger)}
:root[data-color-theme='dark'] body.beui :is(input,textarea)::placeholder {color:var(--r2-muted)}
:root[data-color-theme='dark'] body.beui :is(.card,.ws-panel,.ai-panel) {
  border-color:var(--r2-line);box-shadow:var(--r2-shadow);
}
/* Badge state colors are paired centrally in theme-content.css for both modes. */

:root[data-color-theme='dark'] #workspace .ws-gallery-toolbar :is(input,select) {background:var(--r2-paper-deep);border-color:var(--r2-line-strong)}
:root[data-color-theme='dark'] #workspace .ws-gallery-cards .ws-app-card,
:root[data-color-theme='dark'] #workspace .ws-empty {background:var(--r2-paper);border-color:var(--r2-line)}
:root[data-color-theme='dark'] #workspace .ws-gallery-cards .ws-app-symbol {background:var(--r2-paper-raised);border-color:var(--r2-line);color:var(--r2-ochre)}
:root[data-color-theme='dark'] #workspace .ws-empty::before {border-color:var(--r2-line);box-shadow:none}
:root[data-color-theme='dark'] #workspace #ws-new {--primary:var(--r2-clay);--primary-hover:#efb49f;--primary-soft:#47332d}
:root[data-color-theme='dark'] #workspace #ws-new>.ws-heading {border-bottom-color:var(--r2-line)}
:root[data-color-theme='dark'] #workspace :is(.ws-file-zone,.ws-shot-zone) {background:var(--ui-soft);border-color:var(--ui-border-strong)}
:root[data-color-theme='dark'] #workspace :is(.ws-file-zone,.ws-shot-zone):hover {background:#453830}
:root[data-color-theme='dark'] #workspace .ws-uploader-badge {background:var(--ui-success-soft);color:var(--ui-success);border-color:var(--ui-border-strong)}
:root[data-color-theme='dark'] #workspace :is(#ws-dashboard,#ws-notifications) {--primary:var(--r2-blue);--primary-hover:#b8d3da;--primary-soft:#303c42}
:root[data-color-theme='dark'] #workspace .ws-announcement-article {background:var(--r2-paper);border-color:var(--r2-line)}
:root[data-color-theme='dark'] .account-page .auth-card {background:var(--r2-paper)}
:root[data-color-theme='dark'] .account-page .auth-tabs {background:var(--ui-soft)}

:root[data-color-theme='dark'] #admin-intake :is(.ai-row,.ai-empty) {background:var(--r2-paper);border-color:var(--r2-line)}
:root[data-color-theme='dark'] #admin-intake .ai-row:hover {background:var(--ui-soft)}
:root[data-color-theme='dark'] #admin-intake :is(#ai-announcements,#ai-comments) {--primary:var(--r2-clay);--primary-hover:#efb49f;--primary-soft:#47332d}
:root[data-color-theme='dark'] #admin-intake :is(#ai-host,#ai-dashboard) {--primary:var(--r2-blue);--primary-hover:#b8d3da;--primary-soft:#303c42}
:root[data-color-theme='dark'] #admin-intake :is(#ai-site,#ai-service,#ai-users) {--primary:var(--r2-plum);--primary-hover:#ddc7d8;--primary-soft:#40343e}
:root[data-color-theme='dark'] .admin-login-header {background:var(--r2-paper-deep);border-bottom-color:var(--r2-line)}
:root[data-color-theme='dark'] .admin-login-header>a:first-child {color:var(--r2-ink)}
:root[data-color-theme='dark'] .admin-login-header .theme-header-actions>a {color:var(--r2-ink)}
:root[data-color-theme='dark'] .admin-login-page .admin-login-intro {border-color:var(--r2-line);background:linear-gradient(145deg,var(--r2-paper-raised),var(--r2-paper) 65%)}
:root[data-color-theme='dark'] .admin-login-page .admin-login-card {border-color:var(--r2-line);background:var(--r2-paper)}

/* Bound overrides for earlier page styles that still pin a light or forest color. */
:root[data-color-theme='dark'] body.beui [data-app-shell] .shell-top-actions :is(.shell-theme-button,.shell-account-trigger) {
  border-color:transparent;background:transparent;color:var(--r2-ink);box-shadow:none;
}
:root[data-color-theme='dark'] body.beui [data-app-shell] .shell-top-actions :is(.shell-theme-button,.shell-account-trigger):hover {
  border-color:var(--r2-line-strong);background:var(--ui-soft);
}
:root[data-color-theme='dark'] body.beui [data-app-shell] .shell-account-menu {
  border-color:var(--r2-line-strong);background:var(--r2-paper-raised);color:var(--r2-ink);
  box-shadow:var(--ui-shadow-overlay);
}
:root[data-color-theme='dark'] body.beui [data-app-shell] .shell-account-menu :is(a,button):hover {
  background:var(--ui-soft);color:var(--r2-ink);
}
:root[data-color-theme='dark'] #workspace .ws-view-switch {background:var(--r2-paper-deep);border-color:var(--r2-line)}
:root[data-color-theme='dark'] #workspace .ws-view-switch [aria-pressed=true] {background:var(--r2-paper-raised);color:var(--r2-ochre);box-shadow:none}
:root[data-color-theme='dark'] #workspace .ws-gallery-cards .ws-uploader-primary {border-bottom-color:var(--r2-line)}
:root[data-color-theme='dark'] #workspace :is(.ws-gallery-list,.ws-owned-list) .ws-list-columns {background:var(--r2-paper-raised);color:var(--r2-muted)}
:root[data-color-theme='dark'] #workspace :is(.ws-gallery-list,.ws-owned-list) .ws-app-card:hover {background:var(--r2-paper-raised)}
:root[data-color-theme='dark'] #workspace #ws-detail .ws-app-section h2,
:root[data-color-theme='dark'] #workspace #ws-comments-title {color:var(--r2-ink)}
:root[data-color-theme='dark'] #workspace .ws-detail-status {background:var(--ui-info-soft);border-color:var(--r2-line)}
:root[data-color-theme='dark'] #workspace #ws-detail .ws-images img,
:root[data-color-theme='dark'] #workspace :is(.ws-shot-preview,.ws-shot-missing) {background:var(--r2-paper-raised)}
:root[data-color-theme='dark'] #workspace .ws-comment-avatar {background:var(--r2-paper-raised);color:var(--r2-ochre)}
:root[data-color-theme='dark'] #workspace .ws-announcements-dialog {background:var(--r2-paper);border-color:var(--r2-line)}

:root[data-color-theme='dark'] #admin-intake .ai-body {background-image:radial-gradient(rgb(234 209 177 / .035) .6px,transparent .6px)}
:root[data-color-theme='dark'] #admin-intake :is(.ai-register-heading,.ai-grouped-table th,.ai-evidence,.ai-section-nav) {background:var(--r2-paper-raised)}
:root[data-color-theme='dark'] #admin-intake .ai-state {background:var(--ui-success-soft);border-color:var(--r2-line-strong);color:var(--ui-success)}
:root[data-color-theme='dark'] #admin-intake :is(.ai-user-initial,.ai-user-table .ai-list-actions .ai-user-open.button:not(.quiet)) {
  background:var(--r2-paper-raised);border-color:var(--r2-line-strong);color:var(--r2-ochre);
}
:root[data-color-theme='dark'] #admin-intake .ai-user-table .ai-list-actions .ai-user-open.button:not(.quiet):hover:not(:disabled) {background:var(--ui-soft);border-color:var(--r2-line-strong)}
:root[data-color-theme='dark'] #admin-intake .ai-user-verification::before {background:var(--ui-success)}
:root[data-color-theme='dark'] #admin-intake .ai-session-avatar {background:var(--r2-paper-raised);color:var(--r2-ochre)}

:root[data-color-theme='dark'] .account-page .auth-tabs button[aria-current=page] {background:var(--r2-paper-raised);color:var(--r2-ink)}
:root[data-color-theme='dark'] .admin-login-page .admin-login-card {box-shadow:var(--r2-shadow)}

/* Business layout: open reading areas balanced by a few purposeful cards.
   Color roles live in theme-content.css; brand selection lives in theme-accent.css. */
:root body.beui :is(#workspace,#account-shell,#admin-intake)[data-app-shell] {
  --ui-radius-panel:14px;--ui-radius-control:8px;--ui-radius-collection:14px;
  --ui-shadow:none;--shadow:none;
  --surface-card-bg:var(--ui-surface);
  --surface-card-line:color-mix(in srgb,var(--ui-border) 72%,var(--ui-surface));
  --surface-card-inset:clamp(16px,2vw,24px);
}
:root body.beui,:root body.beui #workspace,:root body.beui #admin-intake .ai-body {background-image:none}
:root body.beui :is(#admin-intake .ai-body,#workspace .ws-content-shell,#account-shell [data-shell-main]) {background:color-mix(in srgb,var(--ui-surface) 75%,var(--ui-bg))}
:root body.beui :is(.button,input:not([type=range]),select,textarea) {box-shadow:none}
:root body.beui .button:is(:hover,:active):not(:disabled) {transform:none;box-shadow:none}
:root body.beui :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea) {border-radius:8px}
:root body.beui :is(.card,.ws-panel,.ai-panel,.intake-stats-panel,.ws-compose-grid,.auth-card) {box-shadow:none}
#admin-intake #ai-main {container:admin-content / inline-size}
#workspace .ws-container {container:workspace-content / inline-size}
:root body.beui #workspace [data-shell-main] {display:flex;flex-direction:column;min-height:100dvh}
:root body.beui #workspace .ws-container {display:flex;flex:1;flex-direction:column;margin:0 auto}
:root body.beui #workspace #ws-content {padding-bottom:24px}
:root body.beui #workspace .ws-container>.site-footer {margin-top:auto}
:root body.beui .intake-stats-panel {border-radius:14px;padding:var(--surface-card-inset,20px);box-shadow:none}
:root body.beui [data-app-shell] .shell-top-actions :is(.shell-theme-button,.shell-account-trigger) {box-shadow:none}

/* Settings retain open introductions; each independently saved form owns one quiet card. */
:root body.beui #admin-intake .ai-settings-section {
  padding:28px 0;margin:0;border:0;border-top:1px solid var(--ui-border);border-radius:0;
  background:transparent;box-shadow:none;min-width:0;
}
:root body.beui #admin-intake .ai-settings-layout {display:grid;grid-template-columns:minmax(0,1fr);gap:20px 36px;align-items:start}
:root body.beui #admin-intake .ai-settings-layout[hidden] {display:none}
:root body.beui #admin-intake :is(.ai-connection-panel:first-child,#ai-runtime-site,#ai-mail-config-panel) {border-top:0;padding-top:8px}
#admin-intake :is(.ai-settings-intro,.ai-settings-body) {min-width:0}
#admin-intake .ai-settings-body {container:settings-body / inline-size}
:root body.beui #admin-intake .ai-settings-body {padding:var(--surface-card-inset);border:1px solid var(--surface-card-line);border-radius:14px;background:var(--surface-card-bg)}
#admin-intake .ai-settings-intro>.muted {margin:6px 0 0;font-size:13px;line-height:1.75;overflow-wrap:anywhere}
:root body.beui #admin-intake .ai-settings-heading {margin:0 0 8px;min-height:28px;gap:6px 10px}
:root body.beui #admin-intake .ai-settings-heading .ai-text-button {margin-left:0}
:root body.beui #admin-intake .ai-settings-intro>.ai-heading {padding:0;border:0;margin:0 0 8px}
:root body.beui #admin-intake :is(.ai-runtime-form,.ai-site-form) {margin-top:0}
:root body.beui #admin-intake :is(.ai-site-form,#ai-runtime-service-form,#ai-runtime-mail-form) {grid-template-columns:minmax(0,1fr);gap:24px}
:root body.beui #admin-intake :is(.ai-site-form,#ai-runtime-service-form,#ai-runtime-mail-form)>fieldset+fieldset {border-top:1px solid var(--ui-border);padding-top:24px}
:root body.beui #admin-intake .ai-connection-form {display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
:root body.beui #admin-intake .ai-connection-form>.ai-actions {width:100%;align-self:stretch}
:root body.beui #admin-intake .ai-connection-extras {padding-top:4px;justify-content:flex-start}
:root body.beui #admin-intake .ai-save-status {margin:0;flex:1 1 140px;font-size:12px;line-height:1.6}
:root body.beui #admin-intake :is(.ai-settings-section label,.ai-settings-section legend) {color:var(--ui-fg)}
:root body.beui #admin-intake :is(.ai-settings-heading h2,.ai-panel>h2,.ai-runtime-form legend) {font-family:inherit;font-size:17px;line-height:1.4;font-weight:650}
:root body.beui #admin-intake :is(.ai-runtime-form,.ai-site-form,.ai-connection-form) :is(input:not([type=checkbox]),select,textarea) {box-shadow:none;font-weight:400}

/* Collections: filters, selection and rows share the same working surface. */
:root body.beui #admin-intake :is(.ai-filters,.ai-register,.ai-panel,.ai-batch-toolbar) {padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
:root body.beui #admin-intake .ai-filters {padding:0 0 20px;margin:0;border-bottom:1px solid var(--ui-border)}
:root body.beui #admin-intake .ai-register-heading {background:transparent;padding:16px 0}
:root body.beui #admin-intake .ai-batch-toolbar {padding:14px 0;border-bottom:1px solid var(--ui-border)}
:root body.beui #admin-intake .ai-panel {padding:24px 0;margin:0;border-top:1px solid var(--ui-border)}
:root body.beui #admin-intake .ai-panel>h2 {border:0;padding:0;margin:0 0 18px}
:root body.beui #admin-intake :is(.ai-section-nav,.ai-template-nav) {background:transparent;border-radius:0;box-shadow:none}
:root body.beui #admin-intake #ai-dashboard>.ai-heading {min-height:0;padding:0 0 20px;margin-bottom:0;border:0;border-bottom:1px solid var(--ui-border);border-radius:0;background:transparent;box-shadow:none}
:root body.beui #admin-intake #ai-dashboard>.ai-heading::before {display:none}
:root body.beui #admin-intake #ai-dashboard>.ai-heading :is(h1,label,.muted) {color:var(--ui-fg)}
:root body.beui #admin-intake .ai-stat-grid {gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin:20px 0 24px;padding:0;border:0;border-radius:0;background:transparent}
:root body.beui :is(#admin-intake .ai-stat-card,#workspace .ws-overview-card) {padding:18px;border:1px solid var(--surface-card-line);border-radius:14px;min-width:0;min-height:116px;gap:12px 8px;background:var(--surface-card-bg)}
@container admin-content (min-width:560px) {
  :root body.beui #admin-intake .ai-stat-grid {grid-template-columns:repeat(3,minmax(0,1fr))}
}
@container admin-content (min-width:960px) {
  :root body.beui #admin-intake .ai-stat-grid {grid-template-columns:repeat(6,minmax(0,1fr))}
}
@container admin-content (max-width:280px) {
  :root body.beui #admin-intake .ai-stat-grid {grid-template-columns:minmax(0,1fr)}
}
:root body.beui #admin-intake .ai-stat-card {position:relative;cursor:pointer}
:root body.beui #admin-intake .ai-stat-open {position:absolute;inset:0;grid-area:auto;z-index:1;width:100%;height:100%;min-width:0;min-height:0;padding:0;border:0;border-radius:inherit;background:transparent;box-shadow:none;cursor:pointer}
:root body.beui #admin-intake .ai-stat-card:hover h3 {color:var(--ui-primary)}
:root body.beui #admin-intake .ai-stat-card:focus-within {outline:2px solid var(--ui-primary);outline-offset:2px}
:root body.beui #admin-intake .ai-stat-open:focus-visible {outline:0}
:root body.beui #admin-intake .ai-dashboard-maintenance {gap:16px;margin-top:24px}
:root body.beui #admin-intake .ai-dashboard-maintenance>.ai-panel {padding:var(--surface-card-inset);border:1px solid var(--surface-card-line);border-radius:16px;background:var(--surface-card-bg)}

/* Detail views: the reading column leads; review tools and metadata are secondary. */
:root body.beui #admin-intake :is(.ai-comment-reading,.ai-comment-moderation,.ai-comment-metadata,.ai-template-variables) {padding:20px 0;border:0;border-top:1px solid var(--ui-border);border-radius:0;box-shadow:none;background:transparent}
:root body.beui #admin-intake .ai-comment-reading {padding:var(--surface-card-inset);border:1px solid var(--surface-card-line);border-radius:14px;background:var(--surface-card-bg)}
:root body.beui #admin-intake .ai-comment-metadata:not([open]) {padding-block:8px}
:root body.beui #admin-intake .ai-upload-disclosure .ai-panel {padding:0;border:0;background:transparent}

/* Public: identity and auxiliary facts are cards; prose, images and discussion remain open. */
:root body.beui #workspace :is(.ws-panel,.ws-app-section,#ws-app-header) {padding:24px 0;margin:0;border:0;border-top:1px solid var(--ui-border);border-radius:0;background:transparent}
:root body.beui #workspace #ws-app-header {padding:var(--surface-card-inset);margin-bottom:24px;border:1px solid var(--surface-card-line);border-radius:16px;background:var(--surface-card-bg)}
:root body.beui #workspace #ws-detail .ws-detail-preview {padding-top:0;border-top:0}
:root body.beui #workspace #ws-detail .ws-detail-overview {padding:var(--surface-card-inset);border:1px solid var(--surface-card-line);border-radius:14px;background:var(--surface-card-bg)}
#workspace .ws-detail-overview .app-preview-facts>div:has(.ws-uploader-chip) {grid-column:1/-1}
:root body.beui #workspace :is(.ws-panel,.ws-app-section) h2 {font-family:inherit;font-size:17px;line-height:1.45}
:root body.beui #workspace .ws-detail-columns {gap:0 32px}
:root body.beui #workspace .ws-overview-grid {gap:12px;margin:0 0 24px;padding:0;border:0;border-radius:0;background:transparent}
:root body.beui #workspace .ws-overview-card {grid-template-columns:minmax(0,1fr) auto;align-content:center;gap:12px}
:root body.beui #workspace #ws-dashboard .ws-mail-overview {padding:var(--surface-card-inset);border:1px solid var(--surface-card-line);border-radius:16px;background:var(--surface-card-bg)}
@container workspace-content (min-width:640px) {
  :root body.beui #workspace .ws-overview-grid {grid-template-columns:repeat(4,minmax(0,1fr))}
}
:root body.beui #workspace :is(.ws-owned-list,#ws-notifications-items,.ws-mail-filter) {padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
:root body.beui #workspace .ws-mail-filter {padding-bottom:20px;border-bottom:1px solid var(--ui-border)}
:root body.beui #workspace .ws-notification-row {padding-block:16px}
:root body.beui #workspace .ws-notification-detail {padding:16px 0;border:0;border-top:1px solid var(--ui-border);border-radius:0}
:root body.beui #workspace .ws-announcement-article {border:0;border-radius:0;box-shadow:none;background:transparent}
:root body.beui #workspace .ws-announcement-article-body {padding:24px 0;max-width:780px;margin-inline:auto}
:root body.beui #workspace .ws-announcement-detail-image {border-radius:12px}
:root body.beui #workspace .ws-compose-grid {padding:0 var(--surface-card-inset);border:1px solid var(--surface-card-line);border-radius:14px;background:var(--surface-card-bg);box-shadow:none}
:root body.beui #workspace .ws-compose-panel {padding:24px 0}
:root body.beui #workspace #ws-compose-steps {padding:0;border-bottom:1px solid var(--ui-border);gap:16px}
:root body.beui #workspace #ws-compose-steps button {flex:1;justify-content:flex-start;min-height:48px;padding:10px 0;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;box-shadow:none;color:var(--ui-muted)}
:root body.beui #workspace #ws-compose-steps button[aria-current=step] {color:var(--ui-primary);border-bottom-color:currentColor;font-weight:650}
:root body.beui #workspace :is(.ws-file-zone,.ws-shot-zone) {border-width:1px;border-radius:10px}
:root body.beui .app-preview-catalog {padding:var(--surface-card-inset,20px);margin-block:16px 24px;border:1px solid var(--surface-card-line,var(--ui-border));border-radius:14px;box-shadow:none;background:var(--surface-card-bg,var(--ui-surface))}
:root body.beui :is(.auth-card,.admin-login-card,.admin-login-intro) {border-radius:14px;box-shadow:none}
:root body.beui.account-page [data-signed-in=true] .auth-card {border-radius:0}
:root body.beui .account-settings-sheet {background:transparent;box-shadow:none}
:root body.beui.account-page .account-profile-panel {padding:var(--surface-card-inset);margin:24px 0;border:1px solid var(--surface-card-line);border-radius:14px;background:var(--surface-card-bg);box-shadow:none}

/* Collection language: one frame, quiet headers, strong identities, aligned actions.
   Keep native table semantics on wide content; reflow the same records on narrow content. */
:root body.beui [data-app-shell] {
  --list-bg:var(--ui-surface);--list-line:color-mix(in srgb,var(--ui-border) 70%,var(--ui-surface));
  --list-heading-bg:color-mix(in srgb,var(--ui-surface) 60%,var(--ui-bg));
  --list-hover:color-mix(in srgb,var(--ui-primary) 5%,var(--ui-surface));
  --list-inset:18px;--list-row-block:16px;--list-radius:12px;
}
 :root body.beui #admin-intake {--list-inset:16px;--list-row-block:13px;--list-heading-bg:color-mix(in srgb,var(--ui-surface) 47%,var(--ui-bg))}
:root body.beui #admin-intake :is(#ai-rows,#ai-comments-rows,#ai-mail-rows,#ai-ann-rows,#ai-audit-rows,.ai-honor-catalog),
:root body.beui #workspace :is(.ws-owned-list,.ws-gallery-list,#ws-notifications-items,#ws-own-comments-items),
:root body.beui #ai-host .ah-table-region {
  min-width:0;padding:0;border:1px solid var(--list-line);border-radius:var(--list-radius);
  background:var(--list-bg);box-shadow:none;overflow:hidden;
}
:root body.beui #admin-intake .ai-grouped-table {display:table;min-width:0;width:100%;border-collapse:collapse;background:transparent}
:root body.beui #admin-intake .ai-grouped-table thead {display:table-header-group;position:static;clip-path:none;width:auto;height:auto;overflow:visible}
:root body.beui #admin-intake .ai-grouped-table tbody {display:table-row-group}
:root body.beui #admin-intake .ai-grouped-table tbody tr {display:table-row;background:transparent;border:0;padding:0}
:root body.beui #admin-intake .ai-grouped-table :is(th,td) {display:table-cell;padding:var(--list-row-block) var(--list-inset);border:0;border-bottom:1px solid var(--list-line);vertical-align:middle;text-align:left;overflow-wrap:anywhere}
 :root body.beui #admin-intake .ai-grouped-table th {padding-block:11px;background:var(--list-heading-bg);color:var(--ui-muted);font-size:12px;font-weight:650;line-height:1.45}
 :root body.beui #admin-intake .ai-grouped-table .ai-list-heading {font-size:12px;font-weight:650;color:inherit}
:root body.beui #admin-intake .ai-grouped-table tbody tr:last-child td {border-bottom:0}
:root body.beui #admin-intake .ai-grouped-table tbody tr:is(:hover,:focus-within) td {background:var(--list-hover)}
:root body.beui #admin-intake .ai-grouped-table tbody tr:has(input:checked) td {background:var(--ui-primary-soft,var(--list-hover))}
 :root body.beui #admin-intake .ai-grouped-table h2 {font:700 15px/1.45 var(--font-sans,system-ui,sans-serif);color:var(--ui-fg);margin:0}
:root body.beui #admin-intake .ai-grouped-table .ai-list-group-label {display:none}
:root body.beui #admin-intake .ai-grouped-table :is(p,small,.ai-list-facts) {font-size:12px;line-height:1.65;color:var(--ui-muted)}
:root body.beui #admin-intake .ai-grouped-table .ai-list-actions {text-align:right;padding-inline:12px}
:root body.beui #admin-intake .ai-grouped-table th:last-child {text-align:right}
:root body.beui #admin-intake .ai-grouped-table td:first-child:has(.ai-select-row) {position:relative;padding-left:54px}
:root body.beui #admin-intake .ai-grouped-table .ai-select-row {left:5px;top:50%;transform:translateY(-50%)}
:root body.beui #admin-intake .ai-user-table th:nth-child(1) {width:38%}
:root body.beui #admin-intake .ai-user-table th:nth-child(2) {width:32%}
:root body.beui #admin-intake .ai-user-table th:nth-child(3) {width:14%}
:root body.beui #admin-intake .ai-user-table th:nth-child(4) {width:16%}
:root body.beui #admin-intake .ai-user-identity {align-items:center;gap:12px}
:root body.beui #admin-intake .ai-user-name-line {display:flex;align-items:center;flex-wrap:wrap;gap:0 10px;min-width:0}
:root body.beui #admin-intake .ai-user-name-line .ur-identity {margin:0}
:root body.beui #admin-intake .ai-user-handle {margin:2px 0 0;font-size:12px;line-height:1.5}
:root body.beui #admin-intake .ai-user-email {display:block;font-size:13px;line-height:1.6;color:var(--ui-fg);overflow-wrap:anywhere}
:root body.beui #admin-intake .ai-user-verification {display:flex;min-height:0;margin-top:5px;font-size:12px;line-height:1.5;white-space:normal;color:var(--content-teal-ink)}
:root body.beui #admin-intake .ai-user-verification[data-verified=false] {color:var(--content-amber-ink)}
:root body.beui #admin-intake .ai-user-initial {width:40px;height:40px;flex-basis:40px;border:0;background:var(--content-plum-bg);color:var(--content-plum-ink);font-weight:600}
:root body.beui #admin-intake .ai-user-table .ai-user-open {white-space:nowrap}
:root body.beui #admin-intake .ai-upload-table th:last-child {width:132px}
:root body.beui #admin-intake .ai-upload-table .ai-list-app>div>p:not(.ai-upload-version) {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
:root body.beui #admin-intake .ai-upload-table .ai-list-app h2 {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
:root body.beui #admin-intake :is(.ai-list-actions .button,.ai-user-table .ai-list-actions .ai-user-open.button),
:root body.beui #workspace :is(.ws-owned-list .ws-card-link,.ws-gallery-list .ws-gallery-meta .button) {
  display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:64px;max-width:100%;padding:8px 12px;
  box-shadow:none;font-size:13px;font-weight:500;line-height:1.5;
}
:root body.beui #admin-intake :is(.ai-list-actions .button,.ai-user-table .ai-list-actions .ai-user-open.button):not(.quiet),
:root body.beui #workspace :is(.ws-owned-list .ws-card-link,.ws-gallery-list .ws-gallery-meta .button):not(.quiet) {
  border:1px solid var(--list-line);border-radius:8px;background:var(--list-bg);color:var(--ui-fg);box-shadow:none;font-size:13px;font-weight:500;line-height:1.5;
}
:root body.beui #admin-intake .ai-list-actions .button:not(.quiet):hover:not(:disabled),
:root body.beui #workspace :is(.ws-owned-list .ws-card-link,.ws-gallery-list .ws-gallery-meta .button):not(.quiet):hover {background:var(--ui-soft);border-color:var(--ui-border-strong);color:var(--ui-fg);box-shadow:none;transform:none}
:root body.beui #admin-intake :is(#ai-mail-rows,#ai-ann-rows)>.ai-grouped-row {display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.1fr) minmax(0,.7fr) 104px;gap:20px;align-items:center;padding:var(--list-row-block) var(--list-inset);background:transparent;border:0;border-bottom:1px solid var(--list-line);border-radius:0}
:root body.beui #admin-intake :is(#ai-mail-rows,#ai-ann-rows)>.ai-grouped-row:last-child {border-bottom:0}
:root body.beui #admin-intake :is(#ai-mail-rows,#ai-ann-rows) .ai-list-group {padding:0;border:0;grid-column:auto;grid-row:auto;min-width:0}
:root body.beui #admin-intake :is(#ai-mail-rows,#ai-ann-rows) h2 {font:650 15px/1.5 var(--font-sans,system-ui,sans-serif);margin:0 0 5px;color:var(--ui-fg)}
:root body.beui #admin-intake :is(#ai-mail-rows,#ai-ann-rows) .ai-list-facts {grid-template-columns:max-content minmax(0,1fr);gap:3px 10px;font-size:12px;line-height:1.6}
:root body.beui #admin-intake :is(#ai-mail-rows,#ai-ann-rows)>.ai-grouped-row:is(:hover,:focus-within) {background:var(--list-hover)}
:root body.beui #admin-intake :is(#ai-list,#ai-comments,#ai-mail,#ai-announcements,#ai-audit) .ai-section-nav {padding:0 0 8px;border:0;border-bottom:1px solid var(--ui-border);gap:4px}
:root body.beui #admin-intake :is(#ai-list,#ai-comments,#ai-mail,#ai-announcements,#ai-audit) .ai-section-nav button {background:transparent;border-color:transparent;color:var(--ui-muted);font-weight:500}
:root body.beui #admin-intake :is(#ai-list,#ai-comments,#ai-mail,#ai-announcements,#ai-audit) .ai-section-nav button[aria-pressed=true] {background:var(--ui-soft);color:var(--ui-fg);font-weight:650}
:root body.beui #admin-intake #ai-list[data-list-view=users] #ai-filters {grid-template-columns:minmax(0,540px) auto;justify-content:start;gap:10px}
:root body.beui #admin-intake :is(.ai-register-heading,#ai-ann-counts,#ai-comments-counts,#ai-mail-counts) {padding:18px 0 12px;margin:0;font-size:12px;color:var(--ui-muted)}
:root body.beui #admin-intake .ai-register-heading strong {font-size:14px;font-weight:600;color:var(--ui-fg)}
:root body.beui :is(#admin-intake .ai-pagination,#workspace .ws-pagination) {justify-content:flex-end;gap:12px;margin:0;padding:16px 0;font-size:12px;color:var(--ui-muted);font-variant-numeric:tabular-nums}
:root body.beui :is(#admin-intake .ai-pagination,#workspace .ws-pagination) .button {min-height:44px;padding:8px 12px;border-radius:8px;font-size:13px;box-shadow:none}
:root body.beui #workspace :is(.ws-owned-list,.ws-gallery-list) .ws-list-columns {background:var(--list-heading-bg);color:var(--ui-muted);padding:12px var(--list-inset);border-color:var(--list-line);border-radius:0}
:root body.beui #workspace :is(.ws-owned-list,.ws-gallery-list) .ws-app-card {padding:var(--list-row-block) var(--list-inset);border:0;border-bottom:1px solid var(--list-line);border-radius:0;background:transparent;box-shadow:none;min-height:88px}
:root body.beui #workspace :is(.ws-owned-list,.ws-gallery-list)>.ws-app-card:last-child {border-bottom:0}
:root body.beui #workspace :is(.ws-owned-list,.ws-gallery-list) .ws-app-card:is(:hover,:focus-within) {background:var(--list-hover)}
:root body.beui #workspace :is(.ws-owned-list,.ws-gallery-list) .ws-card-summary h2 {font:650 15px/1.5 var(--font-sans,system-ui,sans-serif);color:var(--ui-fg)}
:root body.beui #workspace :is(.ws-notification-row,#ws-own-comments-items .ws-comment) {padding:var(--list-row-block) var(--list-inset);border:0;border-bottom:1px solid var(--list-line);border-radius:0;background:transparent}
:root body.beui #workspace :is(.ws-notification-row,#ws-own-comments-items .ws-comment):last-child {border-bottom:0}
:root body.beui #workspace :is(.ws-notification-row,#ws-own-comments-items .ws-comment):is(:hover,:focus-within) {background:var(--list-hover)}
:root body.beui #workspace .ws-notification-copy h2 {font:600 15px/1.5 var(--font-sans,system-ui,sans-serif);color:var(--ui-fg)}
:root body.beui #workspace .ws-notification-delivery {margin-top:5px;color:var(--ui-muted)}
:root body.beui #workspace #ws-own-comments-items .ws-comment-heading {gap:8px 16px;color:var(--ui-muted)}
:root body.beui #workspace #ws-own-comments-items .ws-comment>.ws-prose {font-size:14px;color:var(--ui-fg);line-height:1.7}
:root body.beui #admin-intake .ai-honor-catalog>article {padding:var(--list-row-block) var(--list-inset);border-color:var(--list-line);gap:16px}
:root body.beui #admin-intake .ai-honor-catalog>article:last-child {border-bottom:0}
:root body.beui #admin-intake .ai-honor-catalog>article:is(:hover,:focus-within) {background:var(--list-hover)}
:root body.beui #admin-intake .ai-honor-catalog .button {min-height:44px;box-shadow:none}
:root body.beui #ai-host .ah-table :is(th,td) {padding:14px var(--list-inset);border:0;border-bottom:1px solid var(--list-line);vertical-align:middle}
:root body.beui #ai-host .ah-table th {background:var(--list-heading-bg);color:var(--ui-muted);font-weight:500}
:root body.beui #ai-host .ah-table tbody tr:last-child td {border-bottom:0}
:root body.beui #ai-host .ah-table tbody tr:is(:hover,:focus-within) {background:var(--list-hover)}
 @container admin-content (max-width:690px) {
   :root body.beui #admin-intake .ai-grouped-table:not(.ai-comment-table) {display:block}
   :root body.beui #admin-intake .ai-grouped-table:not(.ai-comment-table) thead {position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}
   :root body.beui #admin-intake .ai-grouped-table:not(.ai-comment-table) tbody {display:block}
   :root body.beui #admin-intake .ai-grouped-table:not(.ai-comment-table) tbody tr {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 12px;padding:13px var(--list-inset);border-bottom:1px solid var(--list-line)}
   :root body.beui #admin-intake .ai-grouped-table:not(.ai-comment-table) tbody tr:last-child {border-bottom:0}
   :root body.beui #admin-intake .ai-grouped-table:not(.ai-comment-table) tbody td {display:block;grid-column:1/-1;grid-row:auto;padding:0;border:0;background:transparent;text-align:left}
   :root body.beui #admin-intake .ai-grouped-table:not(.ai-comment-table) tbody tr:is(:hover,:focus-within) {background:var(--list-hover)}
   :root body.beui #admin-intake .ai-grouped-table:not(.ai-comment-table) tbody tr:is(:hover,:focus-within) td {background:transparent}
   :root body.beui #admin-intake .ai-grouped-table:not(.ai-comment-table) td.ai-list-identity {grid-column:1;grid-row:1}
   :root body.beui #admin-intake .ai-grouped-table:not(.ai-comment-table) td.ai-list-actions {grid-column:2;grid-row:1;align-self:center;text-align:right}
   :root body.beui #admin-intake .ai-grouped-table:not(.ai-comment-table) td:first-child:has(.ai-select-row) {padding-left:38px}
   :root body.beui #admin-intake .ai-grouped-table:not(.ai-comment-table) .ai-select-row {left:-6px}
   :root body.beui #admin-intake .ai-grouped-table:not(.ai-comment-table) :is(.ai-list-meta,.ai-list-status) {display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px}
   :root body.beui #admin-intake .ai-grouped-table:not(.ai-comment-table) :is(.ai-list-meta,.ai-list-status,.ai-list-contact)>.ai-list-group-label {display:inline;font-size:12px;font-weight:400;color:var(--ui-muted);margin:0}
   :root body.beui #admin-intake .ai-grouped-table.ai-user-table tbody td.ai-list-contact {display:flex;align-items:center;flex-wrap:wrap;gap:3px 12px}
   :root body.beui #admin-intake .ai-grouped-table.ai-user-table td.ai-list-contact>.ai-list-group-label,
   :root body.beui #admin-intake .ai-grouped-table.ai-user-table td.ai-list-status>.ai-list-group-label {display:none}
   :root body.beui #admin-intake .ai-user-table .ai-list-contact .ai-user-verification {margin:0}
   :root body.beui #admin-intake .ai-user-name-line {display:block}
   :root body.beui #admin-intake .ai-grouped-table.ai-upload-table td.ai-list-identity {grid-column:1/-1}
   :root body.beui #admin-intake .ai-grouped-table.ai-upload-table td.ai-list-meta {grid-column:1/-1;grid-row:2}
   :root body.beui #admin-intake .ai-grouped-table.ai-upload-table td.ai-list-status {grid-column:1;grid-row:3;min-width:0}
   :root body.beui #admin-intake .ai-grouped-table.ai-upload-table td.ai-list-actions {grid-column:2;grid-row:3;align-self:end}
   :root body.beui #admin-intake .ai-upload-table .ai-list-meta .ai-list-facts {display:flex;flex-wrap:wrap;gap:2px 12px}
   :root body.beui #admin-intake .ai-upload-table .ai-list-status p {margin:0}
  /* Comment queues are dense records, not three stacked fact sections. Keep
     the author/tag on one line, two preview lines, and app/time metadata below. */
  :root body.beui #admin-intake :is(#ai-mail-rows,#ai-ann-rows)>.ai-grouped-row {grid-template-columns:minmax(0,1fr) auto;gap:10px 16px}
  :root body.beui #admin-intake :is(#ai-mail-rows,#ai-ann-rows) .ai-list-actions {grid-column:2;grid-row:1;align-self:center}
  :root body.beui #admin-intake :is(#ai-mail-rows,#ai-ann-rows) .ai-list-meta {grid-column:1/-1;grid-row:2}
  :root body.beui #admin-intake :is(#ai-mail-rows,#ai-ann-rows) .ai-list-status {grid-column:1/-1;grid-row:3;flex-direction:row;justify-content:flex-start;align-items:center}
}
 @container admin-content (max-width:620px) {
   :root body.beui #admin-intake #ai-list[data-list-view=users] #ai-filters {grid-template-columns:minmax(0,1fr)}
   :root body.beui #admin-intake #ai-list[data-list-view=users] .ai-filter-actions {grid-column:1;justify-content:flex-end}
   :root body.beui #admin-intake .ai-comment-table {display:block}
   :root body.beui #admin-intake .ai-comment-table thead {position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}
   :root body.beui #admin-intake .ai-comment-table tbody {display:block}
   :root body.beui #admin-intake .ai-comment-table tbody tr {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;padding:12px var(--list-inset);border-bottom:1px solid var(--list-line)}
   :root body.beui #admin-intake .ai-comment-table tbody tr:last-child {border-bottom:0}
   :root body.beui #admin-intake .ai-comment-table tbody td {display:block;grid-column:1/-1;grid-row:auto;padding:0;border:0;background:transparent;text-align:left}
   :root body.beui #admin-intake .ai-comment-table tbody tr:is(:hover,:focus-within) {background:var(--list-hover)}
   :root body.beui #admin-intake .ai-comment-table tbody tr:is(:hover,:focus-within) td {background:transparent}
   :root body.beui #admin-intake .ai-comment-table td.ai-list-identity {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0;grid-column:1;grid-row:1}
   :root body.beui #admin-intake .ai-comment-table td.ai-list-actions {grid-column:2;grid-row:1;align-self:center;text-align:right}
   :root body.beui #admin-intake .ai-comment-table td.ai-list-meta {display:flex;flex-wrap:nowrap;gap:4px 10px}
   :root body.beui #admin-intake .ai-comment-table td.ai-list-status {display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px}
   :root body.beui #admin-intake .ai-comment-table .ai-comment-excerpt {grid-column:1/-1;margin-top:4px}
   :root body.beui #admin-intake .ai-comment-table .ai-list-group-label {display:none}
   :root body.beui #admin-intake .ai-comment-table .ai-comment-app-name {min-width:0;flex:1}
   :root body.beui #admin-intake .ai-comment-table .ai-comment-app-id {flex:none;margin:0}
   :root body.beui #admin-intake .ai-comment-table .ai-comment-time {margin:0}
 }
@media(max-width:800px) {
  :root body.beui #ai-host .ah-table tr {padding:14px var(--list-inset);border-color:var(--list-line)}
  :root body.beui #ai-host .ah-table td {padding:6px 0;border:0}
  :root body.beui #ai-host .ah-table caption {padding:12px var(--list-inset)}
}
@media(max-width:420px) {
  :root body.beui [data-app-shell] {--list-inset:14px}
  :root body.beui :is(#admin-intake .ai-pagination,#workspace .ws-pagination) {justify-content:space-between;gap:6px}
}

/* Break on usable content width, not the window width behind the sidebar. */
@container admin-content (min-width:680px) {
  :root body.beui #admin-intake .ai-settings-layout {grid-template-columns:minmax(170px,.3fr) minmax(0,1fr)}
}
@container settings-body (min-width:440px) {
  :root body.beui #admin-intake .ai-connection-form {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@container settings-body (min-width:720px) {
  :root body.beui #admin-intake :is(.ai-site-form,#ai-runtime-service-form,#ai-runtime-mail-form) {grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 32px}
  :root body.beui #admin-intake :is(.ai-site-form,#ai-runtime-service-form,#ai-runtime-mail-form)>fieldset+fieldset {border:0;padding:0}
}
@container settings-body (max-width:440px) {
  #admin-intake :is(#ai-service-limits,#ai-runtime-mail-form .ai-runtime-group) {grid-template-columns:minmax(0,1fr)}
  :root body.beui #admin-intake :is(.ai-settings-footer,.ai-connection-panel .ai-actions) {flex-wrap:wrap;gap:12px}
}
@container workspace-content (max-width:700px) {
  :root body.beui #workspace .ws-detail-columns {grid-template-columns:minmax(0,1fr)}
  :root body.beui #workspace .ws-compose-panel {grid-template-columns:minmax(0,1fr)}
  :root body.beui #workspace .ws-compose-title {flex-direction:row;align-items:center;margin-bottom:16px}
}
@media(max-width:800px) {:root {--surface-inset:20px;--surface-gap:16px}}
@media(max-width:420px) {
  :root {--surface-inset:16px}
  :root body.beui #workspace #ws-compose-steps {gap:8px}
  :root body.beui #workspace #ws-compose-steps button {flex-wrap:wrap;gap:4px;font-size:12px}
}
:root[data-color-theme='dark'] .admin-login-page .admin-login-emblem {background:var(--r2-paper-raised);color:var(--r2-ochre)}
:root[data-color-theme='dark'] .admin-login-page .theme-header-actions .shell-theme-button {
  background:var(--r2-paper-raised);border-color:var(--r2-line);color:var(--r2-ink);
}