:root {
  color-scheme: dark;
  --canvas: #090a08;
  --ambient-gold-core: rgba(190, 144, 48, .16);
  --ambient-gold-mid: rgba(165, 126, 43, .072);
  --ambient-gold-edge: rgba(135, 105, 40, 0);
  --window: rgba(23, 23, 19, .82);
  --window-raised: rgba(30, 30, 25, .86);
  --window-subtle: rgba(13, 14, 11, .66);
  --window-fallback: #171713;
  --border: rgba(231, 216, 168, .13);
  --border-strong: rgba(224, 195, 102, .28);
  --text: #f1efe8;
  --text-muted: #aaa79c;
  --text-faint: #74736b;
  --gold: #cfad52;
  --gold-strong: #e1c36c;
  --gold-ink: #17140b;
  --primary-action-ink: #28251f;
  --success: #86c997;
  --warning: #d6b76c;
  --danger: #e98d86;
  --focus: #eed27a;
  --shadow: rgba(0, 0, 0, .38);
  font-family: "Arial Narrow", "Roboto Condensed", "Helvetica Neue", Arial, sans-serif;
}
* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { min-width: 860px; background: var(--canvas); }
body { margin: 0; min-height: 100vh; color: var(--text); background: var(--canvas); line-height: 1.35; position: relative; }
.ambient-layer { position: fixed; inset: 0; pointer-events: none; z-index: 0; background: radial-gradient(ellipse 74rem 50rem at 49% 17%, var(--ambient-gold-core) 0%, var(--ambient-gold-mid) 35%, var(--ambient-gold-edge) 73%); }
.app-header, .primary-nav, main, footer { position: relative; z-index: 1; }
button, input, select { font: inherit; }
button, input, select { min-height: 2.15rem; border: 1px solid var(--border); border-radius: .48rem; }
button { color: var(--text); background: var(--window-raised); cursor: pointer; letter-spacing: .12em; font-size: .71rem; font-weight: 800; }
button:hover { border-color: var(--border-strong); }
button:disabled { cursor: not-allowed; opacity: .42; }
button:focus-visible,
summary:focus-visible {
  outline: 1px solid var(--focus);
  outline-offset: -2px;
}
input:focus-visible,
select:focus-visible {
  outline: 0;
  outline-offset: 0;
}
input, select { width: 100%; padding: .42rem .65rem; color: var(--text); background: var(--window-subtle); }
input::placeholder { color: var(--text-faint); }
label { display: grid; gap: .35rem; }
label > span, .derived-channel > span { color: var(--text-faint); font-size: .63rem; font-weight: 800; letter-spacing: .18em; }
.skip-link { position: fixed; left: .75rem; top: -5rem; z-index: 20; padding: .6rem; background: var(--gold-strong); color: var(--gold-ink); }
.skip-link:focus { top: .75rem; }
.app-header { min-height: 4.4rem; padding: .75rem 2.2rem; display: flex; align-items: center; justify-content: space-between; gap: 2rem; border-bottom: 1px solid rgba(225, 195, 108, .08); background: rgba(11, 12, 9, .52); backdrop-filter: blur(8px) saturate(105%); }
.brand-lockup { display: flex; align-items: center; gap: .78rem; }
.brand-emblem { display: block; width: 2.25rem; height: 2.25rem; object-fit: contain; }
.brand-rule { width: 1px; height: 2rem; background: linear-gradient(var(--gold), transparent); }
.brand-copy { display: grid; align-content: center; justify-items: start; }
.brand-wordmark { display: block; width: 6.05rem; height: auto; }
.brand-copy small { display: block; margin-top: .24rem; color: var(--gold); font-size: .48rem; letter-spacing: .32em; }
.canonical-context { display: grid; justify-items: end; color: var(--text-faint); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .62rem; letter-spacing: .06em; }
.primary-nav { display: flex; gap: .45rem; padding: .55rem 2.2rem; border-bottom: 1px solid rgba(225, 195, 108, .07); background: rgba(9, 10, 8, .58); backdrop-filter: blur(8px); }
.primary-nav button { padding: .25rem 1rem; border-color: transparent; background: transparent; color: var(--text-faint); user-select: none; -webkit-user-select: none; }
.primary-nav button::selection { background: transparent; color: inherit; }
.primary-nav button[aria-current="page"] { color: var(--gold-strong); border-color: rgba(207, 173, 82, .55); background: rgba(207, 173, 82, .055); }
main { max-width: 1540px; margin: 0 auto; padding: 1.35rem 2.2rem 3rem; }
.auth-gate { max-width: 42rem; margin: 8vh auto; padding: 1.35rem; }
.auth-gate .primary-action { display: inline-flex; margin-top: .9rem; text-decoration: none; }

html[data-auth-state="checking"] :is(#app-header, #main-content, #app-footer, #message),
html[data-auth-state="guest"] :is(#app-header, #app-footer, #message),
html[data-auth-state="guest"] [data-view-panel],
html[data-auth-state="guest"] #view-status { display: none !important; }
html[data-auth-state="guest"] { min-width: 0; }
html[data-auth-state="guest"] #main-content { display: grid; width: 100%; max-width: none; min-height: 100vh; margin: 0; padding: 2rem; place-items: center; }
html[data-auth-state="guest"] .auth-gate {
  display: grid !important;
  width: min(42rem, 100%);
  margin: 0;
  padding: clamp(2rem, 7vw, 4.5rem);
  justify-items: center;
  border-color: transparent;
  background: transparent;
  box-shadow: none;
  text-align: center;
  overflow: visible;
}
.auth-gate-emblem-shell {
  position: relative;
  isolation: isolate;
  width: 6rem;
  height: 6rem;
  margin-bottom: 1.4rem;
}
.auth-gate-emblem-glow {
  position: absolute;
  z-index: 0;
  inset: -1.75rem;
  display: block;
  width: calc(100% + 3.5rem);
  height: calc(100% + 3.5rem);
  object-fit: contain;
  opacity: .72;
  pointer-events: none;
}
.auth-gate-emblem { position: relative; z-index: 1; display: block; width: 100%; height: 100%; object-fit: contain; filter: none; }
html[data-auth-state="guest"] .auth-gate h1 { margin: .75rem 0 .45rem; font-size: clamp(2rem, 5vw, 3.4rem); }
html[data-auth-state="guest"] .auth-gate .window-help { max-width: 38rem; }
html[data-auth-state="guest"] .auth-gate .primary-action { min-height: 3.2rem; margin-top: 1.65rem; padding: .75rem 1.4rem; color: #11120e; background: linear-gradient(145deg, #f4d875, #c99822); box-shadow: 0 .8rem 2.2rem rgba(199, 148, 31, .2), inset 0 1px rgba(255, 255, 255, .5); }

.header-identity { position: relative; margin-left: auto; }
.header-identity-button { position: relative; isolation: isolate; display: flex; min-height: 2.8rem; overflow: hidden; align-items: center; gap: .65rem; padding: .3rem .7rem .3rem .35rem; border-color: transparent; background: rgba(8, 9, 7, .4); box-shadow: none; transition: transform .14s ease-out, background-color .14s ease-out; }
.header-identity-button::after { content: ""; position: absolute; z-index: 0; inset: 0 auto 0 -45%; width: 34%; opacity: 0; transform: skewX(-18deg); background: linear-gradient(90deg, transparent, rgba(224, 227, 222, .12), transparent); pointer-events: none; }
.header-identity-button:hover:not(:disabled) { border-color: transparent; background: rgba(28, 30, 27, .48); box-shadow: none; transform: translateY(-1px); }
.header-identity-button:focus-visible { border-color: transparent; outline-color: rgba(207, 211, 206, .52); background: rgba(28, 30, 27, .48); box-shadow: none; transform: translateY(-1px); }
@media (prefers-reduced-motion: no-preference) {
  .header-identity-button:hover::after, .header-identity-button:focus-visible::after { animation: visionx-identity-shimmer .72s ease-out 1; }
  @keyframes visionx-identity-shimmer { 0% { left: -45%; opacity: 0; } 24% { opacity: .8; } 100% { left: 118%; opacity: 0; } }
}
@media (prefers-reduced-motion: reduce) { .header-identity-button, .header-identity-button::after { animation: none !important; transition: none !important; } }
.header-avatar-shell { position: relative; z-index: 1; display: block; width: 2.15rem; height: 2.15rem; flex: 0 0 auto; }
.header-avatar { display: block; width: 100%; height: 100%; border: 0; border-radius: 50%; object-fit: cover; }
.header-avatar-decoration { position: absolute; inset: -.28rem; width: calc(100% + .56rem); height: calc(100% + .56rem); object-fit: contain; pointer-events: none; }
.header-display-name { position: relative; z-index: 1; max-width: 15rem; overflow: hidden; color: var(--text); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .9rem; font-weight: 500; letter-spacing: .035em; text-overflow: ellipsis; white-space: nowrap; }
.header-identity-menu { position: absolute; z-index: 80; top: calc(100% + .4rem); right: 0; min-width: 100%; padding: .3rem; border: 1px solid rgba(231, 216, 168, .16); border-radius: .55rem; background: rgba(12, 13, 10, .98); box-shadow: 0 1rem 2.5rem rgba(0, 0, 0, .5); }
.header-identity-menu button { width: 100%; border-color: transparent; color: #c9c9c6; background: transparent; text-align: left; }
.header-identity-menu button:hover, .header-identity-menu button:focus-visible { color: #f1f1ee; background: rgba(207, 211, 214, .1); }
#app-footer { display: flex; flex-wrap: wrap; justify-content: center; gap: .25rem; }
.view { display: grid; gap: 1.05rem; }
.window { background: var(--window-fallback); background: var(--window); border: 1px solid var(--border); border-radius: 1rem; box-shadow: 0 18px 50px var(--shadow); overflow: clip; backdrop-filter: blur(9px) saturate(105%); }
.window-header { min-height: 3.1rem; padding: .7rem 1.1rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; border-bottom: 1px solid rgba(231, 216, 168, .08); }
.window-header-actions { display: flex; align-items: center; gap: .75rem; }
h1, h2 { margin: 0; font-size: .78rem; letter-spacing: .15em; font-weight: 850; }
.micro-label { margin: 0 0 .16rem; color: var(--text-faint); font-size: .54rem; letter-spacing: .21em; font-weight: 800; }
.context-fact { color: var(--text-faint); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .58rem; letter-spacing: .08em; }
.compact-fields { display: grid; grid-template-columns: 1fr 1.7fr 1.2fr 1fr; gap: .75rem; align-items: end; padding: .85rem 1.1rem 1.05rem; }
.derived-channel { min-height: 2.15rem; padding: .4rem .65rem; display: grid; align-content: center; border: 1px solid var(--border); border-radius: .48rem; background: var(--window-subtle); }
.derived-channel strong { color: var(--text-muted); font-size: .67rem; letter-spacing: .08em; }
.window-help { margin: 0; padding: .7rem 1.1rem; color: var(--text-muted); font-size: .76rem; border-bottom: 1px solid rgba(231, 216, 168, .06); }
.outline-action { padding: .3rem .7rem; color: var(--gold-strong); border-color: rgba(207, 173, 82, .55); background: rgba(207, 173, 82, .04); }
.danger-action { padding: .3rem .7rem; color: var(--danger); border-color: rgba(233, 141, 134, .38); background: rgba(112, 35, 32, .12); }
.danger-action:hover { border-color: rgba(233, 141, 134, .7); background: rgba(112, 35, 32, .24); }
.compact-action { min-height: 1.7rem; padding: .15rem .5rem; font-size: .55rem; }
.member-list { list-style: none; margin: 0; padding: 0; }
.member-row { border-bottom: 1px solid rgba(231, 216, 168, .075); background: rgba(16, 17, 14, .28); }
.member-row:last-child { border-bottom: 0; }
.member-summary { min-height: 3.15rem; padding: .55rem 1.1rem; display: grid; grid-template-columns: 2.1rem minmax(15rem, 1fr) auto; gap: .75rem; align-items: center; }
.member-index { color: var(--text-faint); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.member-primary { display: block; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .72rem; letter-spacing: .05em; }
.member-secondary { color: var(--text-muted); font-size: .71rem; }
.member-status { display: inline-flex; margin-left: .55rem; padding: .1rem .42rem; border: 1px solid var(--border); border-radius: 999px; color: var(--text-faint); font-size: .54rem; letter-spacing: .12em; }
.member-status.valid { color: var(--success); border-color: rgba(134, 201, 151, .34); }
.member-status.missing { color: var(--warning); border-color: rgba(214, 183, 108, .34); }
.member-actions { display: flex; gap: .3rem; }
.member-actions button { width: 2.1rem; padding: 0; }
.field-error { grid-column: 1 / -1; margin: 0; color: var(--danger); font-size: .72rem; }
.empty-state { margin: 0; padding: 2.4rem; text-align: center; color: var(--text-faint); font-size: .64rem; letter-spacing: .18em; }
.preview-content { padding: 1rem 1.1rem; color: var(--text-muted); }
.preview-content h3 { margin: 0 0 .65rem; color: var(--text); font-size: .9rem; letter-spacing: .12em; }
.preview-assets { display: grid; gap: .28rem; margin: .65rem 0; padding: 0; list-style: none; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .7rem; }
.preview-counts { display: flex; flex-wrap: wrap; gap: .5rem 1.5rem; margin-top: .8rem; }
.preview-counts strong { color: var(--gold-strong); }
.technical-details { border-top: 1px solid rgba(231, 216, 168, .08); }
.technical-details summary { padding: .7rem 1.1rem; cursor: pointer; color: var(--text-faint); font-size: .61rem; letter-spacing: .16em; }
.technical-details pre { margin: 0; padding: 1rem; max-height: 28rem; overflow: auto; color: var(--text-muted); background: rgba(5, 6, 4, .42); font-size: .66rem; }
.create-row { display: flex; align-items: center; justify-content: flex-end; gap: 1.5rem; padding: .85rem 1.1rem; border-top: 1px solid rgba(231, 216, 168, .08); }
.create-row p { margin: 0 auto 0 0; color: var(--text-faint); font-size: .68rem; }
.primary-action { min-width: 10rem; padding: .45rem 1.2rem; color: var(--primary-action-ink); border-color: var(--gold-strong); background: linear-gradient(180deg, #e1c36c, #c9a54d); box-shadow: 0 8px 24px rgba(0, 0, 0, .25); }
.primary-action:hover:not(:disabled) { background: #e8cb76; }
.message { margin-bottom: 1rem; padding: .75rem 1rem; border: 1px solid var(--danger); border-radius: .65rem; background: rgba(80, 22, 20, .32); }
.message.success { border-color: rgba(134, 201, 151, .55); background: rgba(25, 74, 38, .28); }
.result-window { border-color: rgba(134, 201, 151, .28); }
.result-window #result-content { padding: 1rem 1.1rem; }
.renderer-fields { display: grid; grid-template-columns: 1.35fr .65fr 1.7fr auto; gap: .75rem; align-items: end; padding: 1rem 1.1rem .75rem; }
.renderer-file input[type="file"] { min-height: 2.15rem; padding: .34rem .5rem; font-size: .68rem; }
.renderer-fields .primary-action { min-width: 9.5rem; }
.renderer-guidance { display: flex; justify-content: space-between; gap: 1rem; padding: 0 1.1rem 1rem; color: var(--text-faint); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .59rem; letter-spacing: .06em; }
.renderer-result { border-color: rgba(207, 173, 82, .28); }
.renderer-preview { margin: 0; padding: 1.1rem; }
.renderer-preview img { display: block; width: 100%; max-height: 70vh; object-fit: contain; border: 1px solid var(--border); border-radius: .65rem; background: #090a08; }
.renderer-preview figcaption { margin-top: .7rem; color: var(--text-muted); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .67rem; }
.renderer-downloads { display: flex; justify-content: flex-end; gap: .65rem; padding: 0 1.1rem 1.1rem; }
.workspace-overview-grid { display: grid; grid-template-columns: 1.35fr .65fr .65fr .65fr; gap: .75rem; align-items: end; padding: 1rem 1.1rem .75rem; }
.thread-overview-grid { display: grid; grid-template-columns: 1.3fr .7fr .9fr .9fr; gap: .75rem; align-items: end; padding: 1rem 1.1rem .75rem; }
.thread-adoption-fields { display: grid; grid-template-columns: 1.1fr 1fr 1.3fr auto auto auto; gap: .75rem; align-items: end; padding: 1rem 1.1rem .75rem; }
.thread-adoption-fields .primary-action { min-width: 11.5rem; }
.thread-provisioning-fields { display: grid; grid-template-columns: auto 1.3fr 1.25fr auto; gap: .75rem; align-items: end; padding: 1rem 1.1rem .75rem; }
.thread-provisioning-fields button { min-width: 11.5rem; }
.thread-readiness-grid { display: grid; grid-template-columns: .8fr .8fr .65fr auto; gap: .75rem; align-items: end; padding: 1rem 1.1rem .75rem; }
.thread-readiness-grid .primary-action { min-width: 13rem; }
.thread-adoption { scroll-margin-top: 7rem; }
.thread-tags { margin: 0 1.1rem .8rem; padding: .7rem .8rem; border: 1px solid var(--border); border-radius: .55rem; }
.thread-tags legend { padding: 0 .35rem; color: var(--text-faint); font-size: .57rem; font-weight: 800; letter-spacing: .12em; }
.thread-tags p { margin: 0; color: var(--text-faint); font-size: .62rem; }
.thread-tag-options { display: flex; flex-wrap: wrap; gap: .5rem; }
.thread-tag-option { display: inline-flex; width: auto; flex-direction: row; align-items: center; gap: .4rem; padding: .32rem .55rem; border: 1px solid var(--border); border-radius: 999px; }
.thread-tag-option input { width: auto; min-height: auto; }
.thread-tag-option span { font-size: .61rem; }
.workspace-progress-track { height: .3rem; margin: 0 1.1rem .8rem; overflow: hidden; border-radius: 999px; background: rgba(231, 216, 168, .08); }
.workspace-progress-track span { display: block; width: 0; height: 100%; background: linear-gradient(90deg, #aa8530, var(--gold-strong)); transition: width .2s ease; }
.workspace-remaining { margin: 0; padding: 0 1.1rem 1rem; color: var(--text-faint); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .6rem; letter-spacing: .06em; }
.workspace-session-grid { display: grid; grid-template-columns: 1.4fr 1fr .8fr .8fr; gap: .75rem; padding: 1rem 1.1rem; }
.workspace-session-actions { display: flex; justify-content: flex-end; gap: .65rem; padding: 0 1.1rem 1rem; }
.workspace-scan-results { margin: 0 1.1rem 1rem; padding: .7rem; border: 1px solid var(--border); border-radius: .5rem; }
.workspace-scan-results p { margin: 0 0 .5rem; color: var(--text-faint); font-size: .64rem; }
.workspace-scan-results ul { display: flex; flex-wrap: wrap; gap: .4rem; margin: 0; padding: 0; list-style: none; }
.workspace-scan-results button { width: auto; padding: .25rem .55rem; }
.workspace-import-fields { display: grid; grid-template-columns: 1.25fr 1.8fr auto; gap: .75rem; align-items: end; padding: 1rem 1.1rem .75rem; }
.workspace-import-fields .primary-action { min-width: 10rem; }
.workspace-review-actions { display: flex; justify-content: flex-end; gap: .65rem; padding: 0 1.1rem 1.1rem; }
.workspace-review-actions button { min-width: 8rem; padding: .35rem .9rem; }
.workspace-table-wrap { max-height: 34rem; }
.workspace-status { display: inline-flex; padding: .12rem .42rem; border: 1px solid var(--border); border-radius: 999px; color: var(--text-faint); font-size: .53rem; font-weight: 800; letter-spacing: .1em; white-space: nowrap; }
.workspace-status.valid { color: var(--success); border-color: rgba(134, 201, 151, .34); }
.workspace-status.pending { color: var(--warning); border-color: rgba(214, 183, 108, .34); }
.workspace-status.blocked { color: var(--danger); border-color: rgba(233, 141, 134, .3); }
.workspace-asset-name { margin-right: .45rem; }
.workspace-preview-pill { min-height: 1.45rem; padding: .08rem .42rem; color: var(--gold-strong); border-color: rgba(207, 173, 82, .38); border-radius: 999px; background: rgba(207, 173, 82, .04); font-size: .5rem; letter-spacing: .08em; }
.workspace-revision-row td { padding: 0; background: rgba(7, 8, 6, .42); }
.workspace-revision-panel { padding: .85rem 1.1rem 1.1rem; }
.workspace-revision-summary { margin: 0 0 .65rem; color: var(--text-faint); font-size: .55rem; letter-spacing: .12em; }
.workspace-revision-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr)); gap: .75rem; }
.workspace-revision-card { display: grid; gap: .55rem; align-content: start; padding: .7rem; border: 1px solid var(--border); border-radius: .65rem; background: rgba(20, 21, 17, .66); }
.workspace-revision-card.current { border-color: rgba(134, 201, 151, .38); }
.workspace-revision-card.pending { border-color: rgba(214, 183, 108, .38); }
.workspace-revision-card header { display: flex; justify-content: space-between; gap: .75rem; color: var(--text-faint); font-size: .54rem; letter-spacing: .07em; }
.workspace-revision-card header strong { color: var(--text-muted); }
.workspace-revision-card img { display: block; width: 100%; height: 12rem; object-fit: contain; border: 1px solid var(--border); border-radius: .45rem; background: #090a08; }
.workspace-revision-card p { margin: 0; overflow-wrap: anywhere; color: var(--text-faint); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .57rem; }
.workspace-revision-actions { display: flex; justify-content: flex-end; gap: .45rem; }
.workspace-revision-actions .primary-action { min-width: 8rem; }
.download-link { display: inline-flex; min-height: 2.15rem; align-items: center; padding: .3rem .8rem; text-decoration: none; letter-spacing: .12em; font-size: .68rem; font-weight: 800; border: 1px solid rgba(207, 173, 82, .55); border-radius: .48rem; }
.download-link:hover { border-color: var(--gold-strong); }
.registry-toolbar { display: flex; align-items: end; justify-content: space-between; gap: 1rem; padding: .9rem 1.1rem; border-top: 1px solid rgba(231, 216, 168, .055); }
.registry-search { width: min(42rem, 100%); }
.registry-layout { display: grid; grid-template-columns: minmax(0, 1.75fr) minmax(19rem, .75fr); border-top: 1px solid rgba(231, 216, 168, .07); }
.registry-results { min-width: 0; border-right: 1px solid rgba(231, 216, 168, .07); }
.table-wrap.registry-table-wrap { max-height: 58vh; border-top: 0; }
.registry-table-wrap td:nth-child(6) { max-width: 16rem; color: var(--text-faint); }
.registry-table-wrap .compact-action { min-width: 5.2rem; }
.registry-pagination { display: flex; align-items: center; justify-content: space-between; gap: .75rem; min-height: 3.3rem; padding: .55rem 1.1rem; border-top: 1px solid rgba(231, 216, 168, .07); color: var(--text-faint); font-size: .58rem; font-weight: 800; letter-spacing: .12em; }
.registry-inspector { display: grid; align-content: start; gap: .9rem; min-width: 0; padding: 1rem 1.1rem 1.15rem; background: rgba(9, 10, 8, .28); }
.registry-inspector > header { display: flex; align-items: start; justify-content: space-between; gap: .75rem; }
.registry-inspector h2 { margin: .12rem 0 0; font-size: 1rem; letter-spacing: .08em; }
.registry-inspector > p { margin: 0; color: var(--text-faint); font-size: .65rem; line-height: 1.55; }
.registry-asset-facts { display: grid; grid-template-columns: minmax(7rem, .7fr) minmax(0, 1.3fr); gap: 0; margin: 0; border: 1px solid var(--border); border-radius: .55rem; overflow: hidden; }
.registry-asset-facts dt, .registry-asset-facts dd { margin: 0; padding: .55rem .65rem; border-bottom: 1px solid rgba(231, 216, 168, .065); font-size: .62rem; overflow-wrap: anywhere; }
.registry-asset-facts dt { color: var(--text-faint); font-weight: 800; letter-spacing: .1em; }
.registry-asset-facts dd { color: var(--text-muted); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.registry-asset-facts dt:last-of-type, .registry-asset-facts dd:last-of-type { border-bottom: 0; }
.registry-management-controls { display: grid; gap: .55rem; }
.registry-management-controls label { margin-bottom: .2rem; }
.registry-management-controls button { width: 100%; }
.registry-non-effect { padding-top: .75rem; border-top: 1px solid rgba(231, 216, 168, .07); }
.table-wrap { max-height: 68vh; overflow: auto; border-top: 1px solid rgba(231, 216, 168, .07); }
table { width: 100%; border-collapse: collapse; }
th, td { padding: .6rem 1.1rem; text-align: left; border-bottom: 1px solid rgba(231, 216, 168, .065); font-size: .7rem; }
th { position: sticky; top: 0; color: var(--text-faint); background: rgba(17, 18, 14, .94); font-size: .57rem; letter-spacing: .16em; }
td:first-child, td:nth-child(3), td:nth-child(4) { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
footer { padding: 1rem 2.2rem; color: var(--text-faint); font-size: .55rem; letter-spacing: .16em; border-top: 1px solid rgba(231, 216, 168, .06); }
@supports not (backdrop-filter: blur(1px)) { .app-header, .primary-nav, .window { background: var(--window-fallback); } }
@media (max-width: 1100px) {
  html { min-width: 720px; }
  .compact-fields { grid-template-columns: 1fr 1fr; }
  .renderer-fields { grid-template-columns: 1fr 1fr; }
  .workspace-overview-grid { grid-template-columns: 1fr 1fr; }
  .workspace-session-grid { grid-template-columns: 1fr 1fr; }
  .thread-overview-grid { grid-template-columns: 1fr 1fr; }
  .thread-adoption-fields { grid-template-columns: 1fr 1fr; }
  .thread-provisioning-fields { grid-template-columns: 1fr 1fr; }
  .thread-readiness-grid { grid-template-columns: 1fr 1fr; }
  .workspace-import-fields { grid-template-columns: 1fr 1fr; }
  .registry-layout { grid-template-columns: 1fr; }
  .registry-results { border-right: 0; border-bottom: 1px solid rgba(231, 216, 168, .07); }
}
@media (prefers-reduced-motion: no-preference) {
  button, input, select { transition: border-color .12s ease, background-color .12s ease, opacity .12s ease; }
}

/* Registry-owned selection and governed editing */
.asset-search-picker,
.renderer-asset-search { position: relative; }
.asset-search-results {
  position: absolute;
  z-index: 12;
  top: calc(100% + .35rem);
  left: 0;
  right: 0;
  max-height: 22rem;
  overflow: auto;
  padding: .35rem;
  border: 1px solid var(--border-strong);
  border-radius: .72rem;
  background: rgba(18, 19, 16, .98);
  box-shadow: 0 18px 50px rgba(0, 0, 0, .5);
}
.asset-search-results button {
  width: 100%;
  min-height: 3.25rem;
  display: grid;
  justify-items: start;
  align-content: center;
  gap: .18rem;
  padding: .5rem .65rem;
  border-color: transparent;
  background: transparent;
  text-align: left;
  letter-spacing: normal;
}
.asset-search-results button:hover { border-color: var(--border-strong); background: rgba(207, 173, 82, .06); }
.asset-search-results button strong { font-size: .74rem; letter-spacing: .04em; }
.asset-search-results button span,
.asset-search-empty { color: var(--text-faint); font-size: .61rem; }
.asset-search-empty { margin: 0; padding: .75rem; }
.selected-asset-summary { margin: .35rem 0 0; color: var(--text-faint); font-size: .62rem; letter-spacing: .05em; }
.selected-asset-summary.ready { color: var(--success); }
.selected-asset-summary.reconciliation { color: var(--warning); }
.renderer-asset-search > .compact-action { margin-top: .45rem; }
.asset-search-results button[data-render-ready="false"] { border-left: 2px solid rgba(214, 183, 108, .48); }
.asset-search-results button .asset-search-readiness { color: var(--warning); font-weight: 800; letter-spacing: .08em; }
.asset-search-results button[data-render-ready="true"] .asset-search-readiness { color: var(--success); }
.registry-logo-card {
  display: grid;
  grid-template-columns: 4.5rem minmax(0, 1fr);
  align-items: center;
  gap: .75rem;
  padding: .65rem;
  border: 1px solid var(--border);
  border-radius: .65rem;
  background: rgba(13, 14, 11, .42);
}
.registry-logo-card img { width: 4.5rem; height: 4.5rem; object-fit: contain; border-radius: .55rem; background: #090a08; }
.registry-logo-card div { display: grid; gap: .22rem; min-width: 0; }
.registry-logo-card strong { font-size: .66rem; letter-spacing: .08em; }
.registry-logo-card span { color: var(--text-faint); font-size: .58rem; overflow-wrap: anywhere; }
.registry-logo-upload input { padding: .38rem .5rem; font-size: .66rem; }
.secondary-id { color: var(--text-faint); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.registry-editor {
  position: fixed;
  z-index: 31;
  top: 0;
  right: 0;
  width: min(36rem, 92vw);
  height: 100vh;
  height: 100dvh;
  overflow: auto;
  border-left: 1px solid var(--border-strong);
  background: rgba(20, 21, 18, .97);
  box-shadow: -24px 0 70px rgba(0, 0, 0, .55);
  backdrop-filter: blur(20px) saturate(115%);
}
body.registry-editor-open { overflow: hidden; }
.registry-editor-backdrop {
  position: fixed;
  z-index: 30;
  inset: 0;
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: rgba(0, 0, 0, .55);
  backdrop-filter: blur(3px);
  cursor: default;
}
.registry-editor:focus { outline: none; }
.registry-editor .icon-action { min-width: 2.2rem; padding: 0; font-size: 1rem; }
.registry-editor-fields { display: grid; gap: .8rem; padding: 1rem 1.1rem; }
.registry-editor-fields details label { padding: 0 1.1rem 1rem; }
.registry-change-preview { margin: 0 1.1rem 1rem; border: 1px solid var(--border); border-radius: .7rem; overflow: hidden; }
.registry-change-preview h3 { margin: 0; padding: .7rem .8rem; font-size: .68rem; letter-spacing: .12em; border-bottom: 1px solid var(--border); }
.registry-change-preview > div { padding: .8rem; color: var(--text-muted); font-size: .72rem; }
.registry-change-preview > div > p { margin: 0 0 .65rem; }
.registry-editor-actions { position: sticky; bottom: 0; display: flex; justify-content: flex-end; gap: .65rem; padding: .85rem 1.1rem; border-top: 1px solid var(--border); background: rgba(20, 21, 18, .96); }
.registry-editor-actions .primary-action { min-width: 13rem; }
@media (prefers-reduced-motion: no-preference) {
  .registry-editor { animation: registry-panel-in .18s ease-out; }
  @keyframes registry-panel-in { from { transform: translateX(2rem); opacity: 0; } to { transform: translateX(0); opacity: 1; } }
}

/* Step 538 — Pack role, Registry Pack filters, and governed CSV import */
.pack-role-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .75rem; padding: 0 1.1rem 1.1rem; }
.pack-role-grid > div { display: grid; gap: .35rem; min-height: 6.2rem; align-content: start; padding: .85rem; border: 1px solid var(--border); border-radius: .72rem; background: rgba(12, 13, 10, .42); }
.pack-role-grid strong { color: var(--gold-strong); font-size: .64rem; letter-spacing: .12em; }
.pack-role-grid span { color: var(--text-faint); font-size: .62rem; line-height: 1.55; }
.registry-pack-filter-bar { display: flex; align-items: center; gap: .85rem; padding: 0 1.1rem .9rem; }
.registry-pack-filter-bar > span { flex: 0 0 auto; color: var(--text-faint); font-size: .55rem; font-weight: 800; letter-spacing: .13em; }
.registry-pack-filters { display: flex; flex-wrap: wrap; gap: .42rem; }
.registry-pack-filter { width: auto; min-height: 1.9rem; padding: .22rem .7rem; border-radius: 999px; color: var(--text-faint); background: rgba(207, 173, 82, .025); font-size: .56rem; letter-spacing: .1em; }
.registry-pack-filter[aria-pressed="true"] { color: #18160f; border-color: var(--gold-strong); background: linear-gradient(135deg, var(--gold-strong), #aa8b3e); box-shadow: 0 0 20px rgba(207, 173, 82, .16); }
.registry-import-fields { display: grid; gap: .8rem; padding: 1rem 1.1rem; }
.registry-import-fields > p { margin: 0; color: var(--text-faint); font-size: .62rem; letter-spacing: .06em; }
.registry-import-fields code { color: var(--gold-strong); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .62rem; }
.registry-import-dialog { width: min(36rem, 92vw); }
.registry-import-preview { display: grid; }
.registry-import-preview > div { padding: .8rem; }
.registry-import-preview .registry-import-issues { padding-top: 0; }
.registry-import-issues ul { display: grid; gap: .4rem; margin: 0; padding: 0; list-style: none; }
.registry-import-issues li { padding: .5rem .6rem; border: 1px solid rgba(233, 141, 134, .28); border-radius: .5rem; color: var(--danger); background: rgba(233, 141, 134, .04); font-size: .62rem; line-height: 1.45; }
.registry-import-table-wrap { max-height: 18rem; border-top: 1px solid var(--border); }
.registry-import-table-wrap th, .registry-import-table-wrap td { padding: .48rem .65rem; font-size: .61rem; }
.registry-import-dialog .registry-editor-actions { flex-wrap: wrap; }
@media (max-width: 1100px) {
  .pack-role-grid { grid-template-columns: 1fr 1fr; }
  .registry-pack-filter-bar { align-items: flex-start; flex-direction: column; }
}

/* Deliberate multi-Pack publication */
.workspace-publication { border-color: rgba(207, 173, 82, .24); }
.publication-pack-pills { display: flex; flex-wrap: wrap; gap: .55rem; padding: 1rem 1.1rem .75rem; }
.publication-pack-item { display: inline-flex; align-items: center; gap: .35rem; }
.publication-pack-pill { width: auto; min-height: 2rem; padding: .28rem .72rem; border-radius: 999px; color: var(--text-muted); background: rgba(18, 19, 15, .7); }
.publication-pack-pill strong { color: inherit; }
.publication-pack-pill span { margin-left: .35rem; color: var(--text-faint); font-size: .52rem; }
.publication-pack-pill.ready { border-color: rgba(134, 201, 151, .38); }
.publication-pack-pill.blocked { border-color: rgba(233, 141, 134, .3); }
.publication-pack-pill.interrupted { border-color: rgba(214, 183, 108, .42); }
.publication-pack-pill.selected { color: var(--gold-strong); border-color: rgba(225, 195, 108, .78); background: rgba(207, 173, 82, .09); box-shadow: 0 0 18px rgba(207, 173, 82, .08); }
.publication-policy-pill { width: auto; min-height: 1.8rem; padding: .18rem .5rem; border-radius: 999px; color: var(--warning); border-color: rgba(214, 183, 108, .34); background: rgba(98, 70, 18, .13); font-size: .5rem; }
.publication-policy-pill.selected { color: var(--gold-strong); border-color: var(--gold); background: rgba(207, 173, 82, .11); }
.publication-resume-pill { width: auto; min-height: 1.8rem; padding: .18rem .5rem; border-radius: 999px; color: var(--success); border-color: rgba(134, 201, 151, .34); background: rgba(23, 78, 38, .12); font-size: .5rem; }
.publication-queue-actions { display: flex; justify-content: flex-end; gap: .55rem; padding: 0 1.1rem .75rem; }
.publication-queue-actions .primary-action { margin-left: auto; }
.publication-preview { margin: 0 1.1rem 1.1rem; border: 1px solid var(--border); border-radius: .8rem; overflow: hidden; background: rgba(8, 9, 7, .36); }
.publication-preview > header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .75rem .85rem; border-bottom: 1px solid rgba(231, 216, 168, .07); }
.publication-preview h3 { margin: 0; font-size: .75rem; letter-spacing: .13em; }
.publication-preview-packs { display: grid; gap: .55rem; padding: .8rem; }
.publication-preview-card { display: grid; grid-template-columns: minmax(12rem, 1fr) auto; gap: .75rem; align-items: start; padding: .65rem .75rem; border: 1px solid var(--border); border-radius: .6rem; background: rgba(22, 23, 18, .62); }
.publication-preview-card.ready { border-color: rgba(134, 201, 151, .3); }
.publication-preview-card.blocked { border-color: rgba(233, 141, 134, .28); }
.publication-preview-card h4 { margin: 0 0 .25rem; font-size: .72rem; letter-spacing: .09em; }
.publication-preview-card p { margin: 0; color: var(--text-faint); font-size: .61rem; }
.publication-blockers { display: grid; gap: .22rem; margin: .45rem 0 0; padding: 0; list-style: none; color: var(--danger); font-size: .59rem; }
.publication-caveat { margin: 0; padding: .7rem .85rem; color: var(--text-faint); border-top: 1px solid rgba(231, 216, 168, .07); font-size: .63rem; line-height: 1.55; }
.publication-confirmation { display: grid; grid-template-columns: minmax(16rem, 1fr) auto; gap: .75rem; align-items: end; padding: .8rem .85rem; border-top: 1px solid rgba(231, 216, 168, .07); }
.publication-result { margin: 0 1.1rem 1.1rem; padding: .8rem .9rem; border: 1px solid rgba(134, 201, 151, .28); border-radius: .65rem; background: rgba(25, 74, 38, .14); color: var(--text-muted); }
.publication-result.error { border-color: rgba(233, 141, 134, .34); background: rgba(80, 22, 20, .18); }
.publication-result h3 { margin: 0 0 .4rem; color: var(--text); font-size: .76rem; letter-spacing: .1em; }
.publication-result p { margin: .25rem 0; font-size: .66rem; }
@media (max-width: 1100px) {
  .publication-confirmation { grid-template-columns: 1fr; }
  .publication-preview-card { grid-template-columns: 1fr; }
}

/* Governed server configuration and migration */
.server-fact-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .75rem; padding: 1rem 1.1rem .75rem; }
.server-overview-actions, .server-route-actions { display: flex; align-items: center; justify-content: flex-end; gap: .75rem; padding: 0 1.1rem 1rem; }
.server-overview-actions .context-fact { margin-right: auto; }
.server-route-table-wrap { max-height: 38rem; }
.server-route-table-wrap td:nth-child(2) { min-width: 18rem; }
.server-route-table-wrap td:nth-child(6) { min-width: 15rem; max-width: 25rem; }
.server-route-table-wrap input { min-width: 15rem; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.server-migration-facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .75rem; padding: 1rem 1.1rem; }
.server-migration-facts > div { display: grid; gap: .35rem; padding: .75rem; border: 1px solid var(--border); border-radius: .6rem; background: var(--window-subtle); }
.server-migration-facts strong { color: var(--gold-strong); font-size: .62rem; letter-spacing: .12em; }
.server-migration-facts span { color: var(--text-muted); font-size: .68rem; line-height: 1.5; }
.server-preview-summary { padding: .9rem 1.1rem; border-bottom: 1px solid rgba(231, 216, 168, .07); }
.server-preview-summary p { margin: 0 0 .4rem; color: var(--text-muted); font-size: .7rem; }
.server-preview-summary p:last-child { margin-bottom: 0; }
.server-preview-summary strong { color: var(--gold-strong); }
.server-preview-issues { margin: .85rem 1.1rem 0; padding: .7rem .85rem; border: 1px solid rgba(233, 141, 134, .4); border-radius: .55rem; background: rgba(80, 22, 20, .25); }
.server-preview-issues ul { margin: 0; padding-left: 1.1rem; color: var(--danger); font-size: .68rem; }
.server-preview-routes { display: grid; grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr)); gap: .75rem; padding: 1rem 1.1rem; }
.server-preview-route { padding: .75rem; border: 1px solid var(--border); border-radius: .6rem; background: var(--window-subtle); }
.server-preview-route.changed { border-color: rgba(207, 173, 82, .45); }
.server-preview-route header { display: flex; justify-content: space-between; gap: .75rem; color: var(--gold-strong); font-size: .62rem; letter-spacing: .1em; }
.server-preview-route p { margin: .45rem 0 0; overflow-wrap: anywhere; color: var(--text-muted); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .61rem; }
.server-confirmation { display: grid; grid-template-columns: minmax(18rem, 1fr) auto; gap: .75rem; align-items: end; padding: 1rem 1.1rem; border-top: 1px solid rgba(231, 216, 168, .08); }
.server-confirmation .primary-action { min-width: 15rem; }
@media (max-width: 1100px) {
  .server-fact-grid, .server-migration-facts { grid-template-columns: 1fr 1fr; }
}

/* Audited operator tools, current Pack maintenance, and Release archive */
.operator-audit-grid,
.archive-fact-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .75rem; padding: 1rem 1.1rem .75rem; }
.operator-audit-sections { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; padding: 0 1.1rem 1rem; }
.operator-audit-section { min-width: 0; padding: .8rem; border: 1px solid var(--border); border-radius: .65rem; background: var(--window-subtle); }
.operator-audit-section > header { display: flex; align-items: center; justify-content: space-between; gap: .75rem; margin-bottom: .65rem; }
.operator-audit-section h3 { margin: 0; color: var(--gold-strong); font-size: .68rem; letter-spacing: .12em; }
.operator-audit-results { max-height: 18rem; overflow: auto; color: var(--text-muted); font-size: .63rem; line-height: 1.5; }
.operator-audit-results h3 { margin: .8rem 0 .35rem; }
.operator-audit-results ul { display: grid; gap: .3rem; margin: 0; padding-left: 1.15rem; }
.operator-audit-results p { margin: .35rem 0; }

.pack-maintenance-fields { display: grid; grid-template-columns: minmax(12rem, 1.2fr) minmax(12rem, 1fr) minmax(12rem, 1fr) repeat(3, minmax(8rem, .65fr)); gap: .75rem; align-items: end; padding: 1rem 1.1rem .75rem; }
.pack-order-actions,
.pack-held-asset,
.pack-maintenance-actions { display: flex; flex-wrap: wrap; align-items: end; gap: .55rem; padding: 0 1.1rem .8rem; }
.pack-order-actions .context-fact { margin-left: auto; }
.pack-held-asset label { min-width: min(28rem, 100%); flex: 1; }
.pack-maintenance-actions { justify-content: flex-end; }
.pack-maintenance-actions .primary-action { margin-left: auto; }
.pack-maintenance .member-list { margin: 0 1.1rem .8rem; }
.pack-maintenance .publication-preview ul { color: var(--text-muted); font-size: .64rem; line-height: 1.5; }

.archive-toolbar { display: flex; align-items: end; justify-content: space-between; gap: 1rem; padding: 0 1.1rem 1rem; }
.archive-toolbar label { width: min(28rem, 100%); }
.archive-detail-facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .75rem; padding: 1rem 1.1rem; }
.archive-detail-facts > div { display: grid; gap: .3rem; padding: .7rem; border: 1px solid var(--border); border-radius: .6rem; background: var(--window-subtle); }
.archive-detail-facts strong { color: var(--gold-strong); font-size: .58rem; letter-spacing: .12em; }
.archive-detail-facts span { overflow-wrap: anywhere; color: var(--text-muted); font-size: .66rem; }
.archive-analysis-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(19rem, 1fr)); gap: .8rem; padding: 0 1.1rem 1.1rem; }
.archive-analysis-grid article { display: grid; grid-template-columns: minmax(9rem, 1fr) minmax(10rem, .9fr); gap: .75rem; padding: .7rem; border: 1px solid var(--border); border-radius: .65rem; background: var(--window-subtle); }
.archive-analysis-grid img { width: 100%; height: 12rem; object-fit: contain; border: 1px solid var(--border); border-radius: .5rem; background: #090a08; }
.archive-analysis-grid article > div { display: grid; align-content: start; gap: .45rem; min-width: 0; }
.archive-analysis-grid strong { font-size: .73rem; }
.archive-analysis-grid span { overflow-wrap: anywhere; color: var(--text-faint); font-size: .59rem; }
.archive-analysis-grid .download-link { margin-top: auto; justify-content: center; }
.table-secondary { display: block; margin-top: .2rem; color: var(--text-faint); font-size: .56rem; }

@media (max-width: 1100px) {
  .operator-audit-grid, .archive-fact-grid, .archive-detail-facts { grid-template-columns: 1fr 1fr; }
  .operator-audit-sections { grid-template-columns: 1fr; }
  .pack-maintenance-fields { grid-template-columns: 1fr 1fr; }
  .archive-analysis-grid article { grid-template-columns: 1fr; }
}

.operator-audits > .technical-details { margin: 0 1.1rem .8rem; }
.operator-audits > .operator-audit-results { margin: 0 1.1rem 1rem; padding: .75rem; border: 1px solid var(--border); border-radius: .65rem; background: var(--window-subtle); }
.operator-backup-actions { display: flex; align-items: end; justify-content: space-between; gap: 1rem; padding: .15rem 1.1rem 1.1rem; }
.operator-backup-actions p { max-width: 52rem; margin: 0; color: var(--text-faint); font-size: .58rem; line-height: 1.55; letter-spacing: .04em; }
.operator-backup-actions .outline-action { flex: 0 0 auto; width: 12rem; min-width: 12rem; max-width: 17rem; height: 2.65rem; min-height: 2.65rem; padding: .48rem 1rem; font-size: .7rem; line-height: 1; letter-spacing: .09em; }
@media (max-width: 720px) {
  .operator-backup-actions { align-items: stretch; flex-direction: column; }
  .operator-backup-actions .outline-action { width: 100%; max-width: none; }
}

/* Step 542 — VisionX full design language */
:root {
  --canvas: #070806;
  --canvas-deep: #030403;
  --canvas-warm: #111008;
  --surface-0: rgba(10, 11, 9, .76);
  --surface-1: rgba(19, 20, 16, .82);
  --surface-2: rgba(28, 28, 22, .88);
  --surface-3: rgba(37, 35, 27, .9);
  --window: linear-gradient(145deg, rgba(31, 31, 25, .84), rgba(13, 14, 11, .9));
  --window-raised: rgba(37, 36, 28, .9);
  --window-subtle: rgba(9, 10, 8, .68);
  --window-fallback: #151611;
  --border: rgba(238, 219, 155, .14);
  --border-strong: rgba(236, 201, 93, .42);
  --border-hot: rgba(251, 220, 112, .72);
  --text: #f7f3e8;
  --text-muted: #c1bbab;
  --text-faint: #8e897d;
  --gold: #d9af43;
  --gold-strong: #f0cf6b;
  --gold-soft: #b98d2d;
  --gold-ink: #181307;
  --primary-action-ink: #28251f;
  --success: #8bd5a1;
  --warning: #e6c16d;
  --danger: #f2978f;
  --focus: #ffe18a;
  --shadow: rgba(0, 0, 0, .56);
  --shadow-gold: rgba(203, 153, 45, .13);
  --radius-xl: 1.4rem;
  --radius-lg: 1rem;
  --radius-md: .76rem;
  --radius-pill: 999px;
  --font-condensed: "Avenir Next Condensed", "Arial Narrow", "Roboto Condensed", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Avenir Next", Inter, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-family: var(--font-body);
  font-size: 16px;
}

* { scrollbar-width: thin; scrollbar-color: rgba(224, 181, 71, .42) rgba(8, 9, 7, .72); }
*::-webkit-scrollbar { width: .7rem; height: .7rem; }
*::-webkit-scrollbar-track { background: rgba(8, 9, 7, .72); }
*::-webkit-scrollbar-thumb { border: 2px solid rgba(8, 9, 7, .72); border-radius: var(--radius-pill); background: rgba(224, 181, 71, .42); }
*::-webkit-scrollbar-thumb:hover { background: rgba(240, 207, 107, .62); }
::selection { color: var(--gold-ink); background: var(--gold-strong); }

html {
  min-width: 0;
  min-height: 100%;
  background: var(--canvas-deep);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

body.visionx-shell {
  min-height: 100vh;
  min-height: 100dvh;
  color: var(--text);
  background:
    radial-gradient(circle at 14% -8%, rgba(230, 179, 54, .14), transparent 32rem),
    radial-gradient(circle at 88% 7%, rgba(119, 86, 22, .11), transparent 36rem),
    linear-gradient(155deg, #080907 0%, #050604 52%, #0a0905 100%);
  font-family: var(--font-body);
  font-size: .94rem;
  line-height: 1.55;
  overflow-x: hidden;
}

.ambient-layer {
  overflow: hidden;
  background:
    radial-gradient(ellipse 78rem 52rem at 48% 10%, rgba(213, 160, 45, .17) 0%, rgba(142, 105, 28, .06) 38%, transparent 72%),
    linear-gradient(115deg, transparent 18%, rgba(255, 228, 145, .022) 48%, transparent 72%);
}
.ambient-layer::before,
.ambient-layer::after {
  content: "";
  position: absolute;
  inset: -20%;
  pointer-events: none;
}
.ambient-layer::before {
  opacity: .22;
  background-image:
    linear-gradient(rgba(239, 210, 119, .05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(239, 210, 119, .05) 1px, transparent 1px);
  background-size: 4rem 4rem;
  mask-image: radial-gradient(circle at 50% 20%, #000 0, transparent 68%);
}
.ambient-layer::after {
  inset: -8rem auto auto 50%;
  width: 52rem;
  height: 52rem;
  border: 1px solid rgba(240, 207, 107, .09);
  border-radius: 50%;
  box-shadow:
    0 0 0 7rem rgba(240, 207, 107, .018),
    0 0 0 15rem rgba(240, 207, 107, .012);
  transform: translateX(-50%);
}

.app-header {
  position: sticky;
  top: 0;
  z-index: 18;
  min-height: 5.35rem;
  padding: .9rem clamp(1rem, 3vw, 3rem);
  border-bottom: 1px solid rgba(242, 213, 122, .13);
  background:
    linear-gradient(180deg, rgba(14, 15, 12, .94), rgba(7, 8, 6, .82)),
    radial-gradient(circle at 18% 0, rgba(222, 171, 47, .11), transparent 22rem);
  box-shadow: 0 1rem 2.6rem rgba(0, 0, 0, .24);
  backdrop-filter: blur(22px) saturate(130%);
}
.app-header::after {
  content: "";
  position: absolute;
  right: clamp(1rem, 3vw, 3rem);
  bottom: -1px;
  left: clamp(1rem, 3vw, 3rem);
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(240, 207, 107, .45), transparent);
}
.brand-lockup { gap: 1rem; }
.brand-emblem {
  width: 2.85rem;
  height: 2.85rem;
  filter: drop-shadow(0 0 1rem rgba(231, 185, 65, .24));
}
.brand-rule { height: 2.65rem; background: linear-gradient(transparent, var(--gold-strong), transparent); }
.brand-wordmark { width: 7.5rem; }
.brand-copy small {
  margin-top: .32rem;
  color: var(--gold-strong);
  font-family: var(--font-condensed);
  font-size: .58rem;
  font-weight: 800;
  letter-spacing: .38em;
}
.canonical-context {
  gap: .18rem;
  padding: .55rem .8rem;
  border: 1px solid rgba(239, 207, 106, .13);
  border-radius: var(--radius-md);
  background: rgba(5, 6, 4, .36);
  color: var(--text-faint);
  font-family: var(--font-mono);
  font-size: .68rem;
  line-height: 1.45;
  letter-spacing: .055em;
  box-shadow: inset 0 1px rgba(255, 255, 255, .025);
}

.primary-nav {
  position: sticky;
  top: 5.35rem;
  z-index: 17;
  gap: .5rem;
  padding: .7rem clamp(1rem, 3vw, 3rem);
  overflow-x: auto;
  border-bottom: 1px solid rgba(238, 208, 116, .1);
  background: rgba(7, 8, 6, .84);
  box-shadow: 0 .8rem 2rem rgba(0, 0, 0, .16);
  backdrop-filter: blur(18px) saturate(120%);
}
.primary-nav button {
  position: relative;
  flex: 0 0 auto;
  min-height: 2.45rem;
  padding: .35rem 1.05rem;
  border: 1px solid transparent;
  border-radius: var(--radius-pill);
  color: #9c978b;
  background: transparent;
  font-family: var(--font-condensed);
  font-size: .75rem;
  font-weight: 850;
  letter-spacing: .15em;
}
.primary-nav button:hover:not(:disabled) {
  color: var(--text);
  border-color: rgba(238, 208, 116, .16);
  background: rgba(238, 208, 116, .045);
}
.primary-nav button[aria-current="page"] {
  color: var(--gold-strong);
  border-color: rgba(240, 207, 107, .48);
  background: linear-gradient(180deg, rgba(229, 183, 60, .13), rgba(170, 126, 30, .055));
  box-shadow: inset 0 1px rgba(255, 237, 180, .08), 0 0 1.5rem rgba(208, 157, 40, .09);
}

main {
  width: min(100%, 1720px);
  max-width: none;
  padding: clamp(1rem, 2.2vw, 2rem) clamp(.85rem, 3vw, 3rem) 5rem;
}
.view { gap: clamp(.9rem, 1.6vw, 1.35rem); }
.view:not([hidden]) { isolation: isolate; }

.window {
  position: relative;
  isolation: isolate;
  border: 1px solid var(--border);
  border-radius: var(--radius-xl);
  background: var(--window-fallback);
  background: var(--window);
  box-shadow:
    0 1.6rem 4.5rem rgba(0, 0, 0, .38),
    0 .25rem 1rem rgba(0, 0, 0, .22),
    inset 0 1px rgba(255, 245, 214, .035);
  backdrop-filter: blur(22px) saturate(118%);
}
.window::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background:
    radial-gradient(circle at 0 0, rgba(244, 207, 100, .075), transparent 22rem),
    linear-gradient(120deg, rgba(255, 255, 255, .018), transparent 34%);
}
.window:hover { border-color: rgba(238, 211, 132, .21); }
.window-header {
  min-height: 4.2rem;
  padding: .95rem 1.25rem;
  border-bottom: 1px solid rgba(241, 219, 151, .1);
  background: linear-gradient(90deg, rgba(255, 235, 172, .025), transparent 58%);
}
.window-header > div:first-child { min-width: 0; }
.window-header-actions { flex-wrap: wrap; justify-content: flex-end; }
h1, h2 {
  color: var(--text);
  font-family: var(--font-condensed);
  font-size: clamp(.98rem, 1.3vw, 1.2rem);
  font-weight: 850;
  line-height: 1.15;
  letter-spacing: .13em;
  text-wrap: balance;
}
.micro-label {
  margin-bottom: .24rem;
  color: var(--gold-soft);
  font-family: var(--font-condensed);
  font-size: .65rem;
  font-weight: 850;
  line-height: 1;
  letter-spacing: .22em;
}
.context-fact {
  color: #a9a394;
  font-family: var(--font-mono);
  font-size: .68rem;
  line-height: 1.4;
  letter-spacing: .055em;
}
.window-help {
  padding: .9rem 1.25rem;
  color: var(--text-muted);
  font-size: .88rem;
  line-height: 1.65;
  border-bottom-color: rgba(241, 219, 151, .075);
}

button,
input,
select {
  min-height: 2.75rem;
  border-radius: var(--radius-md);
  transition: border-color .16s ease, background-color .16s ease, box-shadow .16s ease, color .16s ease, transform .16s ease, opacity .16s ease;
}
button {
  padding: .45rem .85rem;
  border-color: rgba(239, 214, 139, .16);
  background: linear-gradient(180deg, rgba(46, 45, 35, .92), rgba(25, 25, 20, .94));
  color: var(--text);
  font-family: var(--font-condensed);
  font-size: .76rem;
  font-weight: 850;
  letter-spacing: .13em;
  box-shadow: inset 0 1px rgba(255, 255, 255, .035), 0 .35rem 1rem rgba(0, 0, 0, .16);
}
button:hover:not(:disabled) {
  border-color: rgba(240, 207, 107, .48);
  background: linear-gradient(180deg, rgba(59, 55, 40, .96), rgba(29, 28, 21, .96));
  transform: translateY(-1px);
}
button:active:not(:disabled) { transform: translateY(0); }
button:disabled { opacity: .38; filter: saturate(.55); }
input,
select {
  padding: .55rem .78rem;
  border-color: rgba(238, 214, 143, .15);
  background: linear-gradient(180deg, rgba(7, 8, 6, .78), rgba(13, 14, 10, .72));
  color: var(--text);
  font-size: .88rem;
  box-shadow: inset 0 1px .25rem rgba(0, 0, 0, .34), inset 0 1px rgba(255, 255, 255, .018);
}
input:hover,
select:hover { border-color: rgba(238, 214, 143, .28); }
input:focus,
select:focus {
  border-color: var(--border-hot);
  box-shadow: inset 0 1px .25rem rgba(0, 0, 0, .32);
}
input::placeholder { color: #777368; }
label { gap: .42rem; }
label > span,
.derived-channel > span {
  color: #8e897d;
  font-family: var(--font-condensed);
  font-size: .69rem;
  font-weight: 850;
  line-height: 1.1;
  letter-spacing: .17em;
}
button:focus-visible,
summary:focus-visible {
  outline: 1px solid var(--focus);
  outline-offset: -2px;
}
input:focus-visible,
select:focus-visible {
  outline: 0;
  outline-offset: 0;
}
a:focus-visible {
  outline: 2px solid var(--focus);
  outline-offset: 3px;
}

.derived-channel,
.server-migration-facts > div,
.archive-detail-facts > div,
.operator-audit-section,
.pack-role-grid > div,
.workspace-revision-card,
.publication-preview-card,
.server-preview-route,
.registry-logo-card {
  border-color: rgba(238, 214, 143, .14);
  border-radius: var(--radius-lg);
  background:
    linear-gradient(145deg, rgba(34, 33, 26, .58), rgba(9, 10, 8, .52)),
    rgba(12, 13, 10, .62);
  box-shadow: inset 0 1px rgba(255, 255, 255, .024);
}
.derived-channel {
  min-height: 2.75rem;
  padding: .55rem .78rem;
}
.derived-channel strong {
  color: var(--text-muted);
  font-size: .78rem;
  line-height: 1.3;
  letter-spacing: .055em;
}

.primary-action {
  position: relative;
  overflow: hidden;
  min-height: 2.8rem;
  min-width: 10rem;
  padding: .55rem 1.25rem;
  border-color: #f3d573;
  border-radius: var(--radius-pill);
  color: var(--primary-action-ink);
  background: linear-gradient(135deg, #f3d573 0%, #d7aa3b 54%, #b98220 100%);
  box-shadow:
    inset 0 1px rgba(255, 250, 222, .56),
    0 .75rem 1.8rem rgba(0, 0, 0, .3),
    0 0 1.7rem rgba(215, 170, 59, .12);
  text-shadow: 0 1px rgba(255, 255, 255, .18);
}
.primary-action::after {
  content: "";
  position: absolute;
  inset: -30% auto -30% -50%;
  width: 34%;
  transform: skewX(-18deg);
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .42), transparent);
  pointer-events: none;
}
.primary-action:hover:not(:disabled) {
  border-color: #ffe58c;
  background: linear-gradient(135deg, #ffe58c 0%, #e3b94d 54%, #c58f27 100%);
  box-shadow:
    inset 0 1px rgba(255, 250, 222, .68),
    0 .9rem 2.1rem rgba(0, 0, 0, .34),
    0 0 2rem rgba(227, 185, 77, .19);
}
.outline-action,
.download-link {
  min-height: 2.65rem;
  padding: .42rem .85rem;
  border-color: rgba(240, 207, 107, .46);
  border-radius: var(--radius-pill);
  color: var(--gold-strong);
  background: linear-gradient(180deg, rgba(222, 174, 52, .075), rgba(112, 80, 20, .025));
}
.outline-action:hover:not(:disabled),
.download-link:hover {
  color: #ffe48a;
  border-color: rgba(255, 226, 135, .78);
  background: rgba(224, 177, 57, .1);
  box-shadow: 0 0 1.3rem rgba(224, 177, 57, .09);
}
.danger-action {
  min-height: 2.65rem;
  padding: .42rem .85rem;
  border-radius: var(--radius-pill);
  background: linear-gradient(180deg, rgba(116, 38, 34, .2), rgba(58, 20, 18, .18));
}
.compact-action { min-height: 2rem; padding: .25rem .62rem; font-size: .64rem; }

.message {
  position: sticky;
  top: 9.2rem;
  z-index: 12;
  margin-bottom: 1.1rem;
  padding: .9rem 1rem;
  border-radius: var(--radius-lg);
  background: linear-gradient(145deg, rgba(92, 31, 27, .9), rgba(48, 18, 16, .94));
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, .3);
  font-size: .86rem;
}
.message.success { background: linear-gradient(145deg, rgba(28, 83, 45, .86), rgba(14, 43, 24, .92)); }

.member-row { background: rgba(10, 11, 9, .3); }
.member-row:hover { background: rgba(239, 205, 107, .025); }
.member-summary { min-height: 4rem; padding: .72rem 1.25rem; }
.member-index { color: var(--gold-soft); font-family: var(--font-mono); font-size: .72rem; }
.member-primary { font-family: var(--font-mono); font-size: .79rem; }
.member-secondary { color: var(--text-muted); font-size: .78rem; line-height: 1.5; }
.member-status,
.workspace-status,
.registry-pack-filter,
.publication-pack-pill,
.publication-policy-pill,
.publication-resume-pill,
.workspace-preview-pill,
.thread-tag-option {
  border-radius: var(--radius-pill);
  box-shadow: inset 0 1px rgba(255, 255, 255, .025);
}
.member-status { padding: .18rem .5rem; font-size: .61rem; }
.workspace-status { padding: .2rem .52rem; font-size: .61rem; }
.workspace-preview-pill { min-height: 1.9rem; padding: .16rem .56rem; font-size: .58rem; }

.preview-content { padding: 1.1rem 1.25rem; font-size: .86rem; line-height: 1.65; }
.preview-content h3 { font-family: var(--font-condensed); font-size: 1.05rem; }
.technical-details summary {
  padding: .85rem 1.25rem;
  color: #989285;
  font-family: var(--font-condensed);
  font-size: .69rem;
  font-weight: 850;
}
.technical-details summary:hover { color: var(--gold-strong); background: rgba(231, 185, 65, .035); }
.technical-details pre { padding: 1.1rem 1.25rem; color: #b7b1a4; font-family: var(--font-mono); font-size: .72rem; line-height: 1.55; }
.create-row { padding: 1rem 1.25rem; }
.create-row p { font-size: .75rem; line-height: 1.5; }

.workspace-progress-track {
  height: .42rem;
  border: 1px solid rgba(238, 214, 143, .08);
  background: rgba(0, 0, 0, .28);
  box-shadow: inset 0 1px .3rem rgba(0, 0, 0, .5);
}
.workspace-progress-track span {
  background: linear-gradient(90deg, #9b6b18, #e0b442 55%, #ffe38a);
  box-shadow: 0 0 1rem rgba(231, 187, 70, .5);
}
.workspace-remaining,
.renderer-guidance,
.workspace-revision-summary,
.selected-asset-summary,
.registry-pagination {
  color: #8e897d;
  font-size: .68rem;
  line-height: 1.5;
}
.workspace-scan-results { border-radius: var(--radius-lg); background: rgba(6, 7, 5, .28); }

.table-wrap {
  overflow: auto;
  border-top-color: rgba(241, 219, 151, .08);
}
table { font-size: .8rem; }
th {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: .76rem .85rem;
  border-bottom: 1px solid rgba(241, 219, 151, .15);
  background: rgba(12, 13, 10, .96);
  color: #9c9689;
  font-family: var(--font-condensed);
  font-size: .66rem;
  font-weight: 850;
  letter-spacing: .14em;
  backdrop-filter: blur(12px);
}
td {
  padding: .72rem .85rem;
  border-bottom-color: rgba(241, 219, 151, .065);
  color: var(--text-muted);
  font-size: .78rem;
  line-height: 1.45;
}
tbody tr { transition: background-color .16s ease; }
tbody tr:hover { background: rgba(235, 198, 92, .035); }

.registry-layout { grid-template-columns: minmax(0, 1.8fr) minmax(21rem, .72fr); }
.registry-inspector {
  gap: 1rem;
  padding: 1.15rem 1.25rem 1.35rem;
  background: linear-gradient(180deg, rgba(17, 18, 14, .58), rgba(7, 8, 6, .32));
}
.registry-inspector h2 { font-size: 1.25rem; }
.registry-inspector > p { color: var(--text-muted); font-size: .78rem; }
.registry-asset-facts { border-radius: var(--radius-lg); }
.registry-asset-facts dt,
.registry-asset-facts dd { padding: .65rem .72rem; font-size: .7rem; }
.registry-editor {
  border-left-color: rgba(240, 207, 107, .32);
  background:
    radial-gradient(circle at 100% 0, rgba(215, 166, 45, .11), transparent 24rem),
    rgba(16, 17, 13, .975);
  box-shadow: -2.5rem 0 6rem rgba(0, 0, 0, .68);
  backdrop-filter: blur(28px) saturate(125%);
}
.registry-editor-backdrop { background: rgba(1, 2, 1, .7); backdrop-filter: blur(8px) saturate(80%); }
.registry-editor-actions { background: rgba(13, 14, 11, .96); backdrop-filter: blur(18px); }
.registry-change-preview { border-radius: var(--radius-lg); background: rgba(7, 8, 6, .38); }
.asset-search-results {
  border-radius: var(--radius-lg);
  background: rgba(12, 13, 10, .98);
  box-shadow: 0 1.3rem 3rem rgba(0, 0, 0, .52);
  backdrop-filter: blur(20px);
}
.asset-search-results button { min-height: 3.7rem; }
.asset-search-results button strong { font-size: .82rem; }
.asset-search-results button span,
.asset-search-empty { font-size: .69rem; }

.renderer-preview img,
.workspace-revision-card img,
.archive-analysis-grid img {
  border-radius: var(--radius-lg);
  border-color: rgba(238, 214, 143, .17);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .012), transparent),
    #060705;
  box-shadow: inset 0 0 2rem rgba(0, 0, 0, .42), 0 .8rem 2rem rgba(0, 0, 0, .22);
}
.renderer-preview figcaption { font-size: .75rem; line-height: 1.5; }

.publication-pack-pills { gap: .65rem; }
.publication-pack-pill { min-height: 2.35rem; padding: .34rem .82rem; }
.publication-pack-pill.selected {
  color: #ffe38a;
  background: linear-gradient(180deg, rgba(224, 177, 57, .16), rgba(115, 80, 16, .07));
  box-shadow: 0 0 1.5rem rgba(224, 177, 57, .1), inset 0 1px rgba(255, 245, 202, .06);
}
.publication-preview { border-radius: var(--radius-lg); background: rgba(4, 5, 3, .32); }
.publication-preview-card { padding: .82rem .9rem; }
.publication-preview-card h4 { font-size: .82rem; }
.publication-preview-card p,
.publication-blockers,
.publication-caveat,
.publication-result p { font-size: .7rem; line-height: 1.55; }

.pack-role-grid > div { min-height: 7.4rem; padding: 1rem; }
.pack-role-grid strong,
.server-migration-facts strong,
.archive-detail-facts strong,
.operator-audit-section h3 { font-size: .72rem; }
.pack-role-grid span,
.server-migration-facts span,
.archive-detail-facts span,
.operator-audit-results { font-size: .73rem; }
.operator-audit-section { padding: .95rem; }
.archive-analysis-grid article { padding: .9rem; border-radius: var(--radius-lg); }

footer {
  padding: 1.5rem 1rem 2.5rem;
  color: #777267;
  font-family: var(--font-condensed);
  font-size: .65rem;
  font-weight: 800;
  letter-spacing: .2em;
  text-align: center;
}

@media (prefers-reduced-motion: no-preference) {
  html { scroll-behavior: smooth; }
  .ambient-layer::after { animation: visionx-orbit 24s ease-in-out infinite alternate; }
  .ambient-layer::before { animation: visionx-grid-drift 32s linear infinite; }
  .view:not([hidden]) > .window { animation: visionx-panel-in .34s both; }
  .view:not([hidden]) > .window:nth-child(2) { animation-delay: .035s; }
  .view:not([hidden]) > .window:nth-child(3) { animation-delay: .07s; }
  .view:not([hidden]) > .window:nth-child(4) { animation-delay: .105s; }
  .primary-action:hover:not(:disabled)::after { animation: visionx-shimmer .75s ease-out; }
  .workspace-progress-track span { transition: width .35s cubic-bezier(.2, .7, .2, 1); }
  @keyframes visionx-panel-in {
    from { opacity: 0; transform: translateY(.55rem); }
    to { opacity: 1; transform: translateY(0); }
  }
  @keyframes visionx-shimmer {
    from { left: -50%; }
    to { left: 125%; }
  }
  @keyframes visionx-orbit {
    from { transform: translateX(-50%) rotate(-3deg) scale(.96); opacity: .55; }
    to { transform: translateX(-50%) rotate(4deg) scale(1.04); opacity: .9; }
  }
  @keyframes visionx-grid-drift {
    from { transform: translate3d(0, 0, 0); }
    to { transform: translate3d(4rem, 4rem, 0); }
  }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
  }
}

/* Step 562 — Safari finish, polished controls, and restored emblem light */

/* WebKit can split a collapsed sticky-header border into independently
   composited cell fragments. Give the two affected custody tables separate
   borders and an unfiltered, identical inset divider on every header cell. */
.registry-table-wrap table,
.server-route-table-wrap table {
  border-collapse: separate;
  border-spacing: 0;
}

.registry-table-wrap th,
.server-route-table-wrap th {
  border-bottom: 0;
  background: rgba(12, 13, 10, .96);
  background-clip: border-box;
  box-shadow: inset 0 -1px rgba(241, 219, 151, .15);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

/* A restrained midpoint between the original Step 557 highlight and the
   nearly invisible Step 561 edge. */
body .view > .window:hover {
  border-color: rgba(238, 211, 132, .27);
  box-shadow:
    0 1.6rem 4.5rem rgba(0, 0, 0, .42),
    0 .25rem 1rem rgba(0, 0, 0, .24),
    0 0 0 1px rgba(238, 211, 132, .027),
    inset 0 1px rgba(255, 245, 214, .039);
}

/* Premium circular controls: a quiet graphite face at rest, an embossed
   rounded mark, and one polished gold state for hover and keyboard focus. */
.safari-circle-action,
.safari-close-action {
  border-color: rgba(226, 192, 96, .25);
  color: rgba(238, 211, 132, .88);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .09), transparent 31%),
    linear-gradient(145deg, rgba(48, 46, 39, .99), rgba(18, 19, 18, .995) 70%);
  box-shadow:
    inset 0 1px rgba(255, 247, 216, .075),
    inset 0 -1px rgba(0, 0, 0, .72),
    0 0 0 1px rgba(0, 0, 0, .34),
    0 .34rem .9rem rgba(0, 0, 0, .3);
}

.safari-circle-action:hover:not(:disabled),
.safari-circle-action:focus-visible:not(:disabled) {
  border-color: rgba(255, 229, 144, .82);
  color: #17130a;
  background:
    linear-gradient(145deg, rgba(255, 247, 201, .82), transparent 28%),
    linear-gradient(145deg, #f0d173 0%, #d3aa42 51%, #ad7920 100%);
  box-shadow:
    inset 0 1px rgba(255, 251, 223, .75),
    inset 0 -2px rgba(94, 59, 10, .42),
    0 0 0 1px rgba(77, 49, 12, .72),
    0 .42rem 1rem rgba(0, 0, 0, .32),
    0 0 1rem rgba(221, 177, 56, .2);
}

.safari-circle-action:focus-visible:not(:disabled) {
  outline: none;
  box-shadow:
    inset 0 1px rgba(255, 251, 223, .75),
    inset 0 -2px rgba(94, 59, 10, .42),
    0 0 0 2px rgba(246, 216, 119, .2),
    0 0 1rem rgba(221, 177, 56, .24);
}

.safari-circle-action:disabled {
  color: rgba(223, 205, 153, .3);
  border-color: rgba(226, 192, 96, .09);
  background:
    linear-gradient(145deg, rgba(39, 39, 36, .76), rgba(20, 21, 20, .82));
}

.safari-close-action::before,
.safari-close-action::after {
  width: min(.86rem, 46%);
  height: 2.2px;
  box-shadow: 0 1px rgba(0, 0, 0, .24);
}

.safari-chevron {
  width: .84rem;
  height: .56rem;
}

.safari-chevron::before,
.safari-chevron::after {
  width: .55rem;
  height: 2.2px;
  box-shadow: 0 1px rgba(0, 0, 0, .24);
}

.safari-chevron-up::before {
  transform: translate(-100%, -50%) rotate(-43deg);
}

.safari-chevron-up::after {
  transform: translate(100%, -50%) rotate(43deg);
}

.safari-chevron-down::before {
  transform: translate(-100%, -50%) rotate(43deg);
}

.safari-chevron-down::after {
  transform: translate(100%, -50%) rotate(-43deg);
}

/* The renderer must keep overflow visible for its menus, so clipping the
   whole window is not viable. Removing only its WebKit backdrop raster keeps
   the rounded background and eliminates the escaped top-left tile. */
#view-renderer .renderer-window {
  background: var(--window-fallback);
  background: var(--window);
  background-clip: padding-box;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

#view-renderer .renderer-window::before {
  content: none;
  display: none;
  background: none;
}

/* Restore both original glow radii on oversized alpha-masked layers. The
   visible PNG remains unfiltered, while the generous transparent padding
   prevents Safari from exposing the glow layer's rectangular raster bounds. */
:root {
  --visionx-emblem-glow-pad: 1.75rem;
}

.brand-lockup::before,
.brand-lockup::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 50%;
  left: calc(-1 * var(--visionx-emblem-glow-pad));
  width: calc(var(--visionx-emblem-size) + (2 * var(--visionx-emblem-glow-pad)));
  height: calc(var(--visionx-emblem-size) + (2 * var(--visionx-emblem-glow-pad)));
  background: #e0b73f;
  -webkit-mask: url("/visionx-emblem.png") center / var(--visionx-emblem-size) var(--visionx-emblem-size) no-repeat;
  mask: url("/visionx-emblem.png") center / var(--visionx-emblem-size) var(--visionx-emblem-size) no-repeat;
  transform: translateY(calc(-50% - 3px));
  transform-origin: center;
  pointer-events: none;
  transition: opacity .18s ease, transform .18s ease;
}

.brand-lockup::before {
  opacity: .58;
  filter: blur(.55rem);
}

.brand-lockup::after {
  opacity: .28;
  filter: blur(1.2rem);
}

.brand-emblem {
  position: relative;
  z-index: 1;
  filter: none !important;
  -webkit-filter: none !important;
}

.brand-lockup:hover::before {
  opacity: .72;
  transform: translateY(calc(-50% - 5px)) scale(1.04);
}

.brand-lockup:hover::after {
  opacity: .38;
  transform: translateY(calc(-50% - 5px)) scale(1.075);
}

@media (prefers-reduced-motion: reduce) {
  .brand-lockup::before,
  .brand-lockup::after {
    transition: none !important;
  }

  .brand-lockup::before,
  .brand-lockup::after,
  .brand-lockup:hover::before,
  .brand-lockup:hover::after {
    transform: translateY(calc(-50% - 3px));
  }
}

@media (max-width: 1280px) {
  .compact-fields,
  .workspace-overview-grid,
  .thread-overview-grid,
  .workspace-session-grid,
  .server-fact-grid,
  .server-migration-facts,
  .operator-audit-grid,
  .archive-fact-grid,
  .archive-detail-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .thread-adoption-fields { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .thread-provisioning-fields,
  .thread-readiness-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .renderer-fields { grid-template-columns: 1fr 1fr; }
  .renderer-fields .primary-action { justify-self: stretch; }
  .pack-maintenance-fields { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
  .app-header { position: relative; min-height: 0; align-items: flex-start; padding: .85rem 1rem; }
  .primary-nav { top: 0; padding: .6rem 1rem; }
  .canonical-context { max-width: 55%; text-align: right; }
  main { padding: 1rem .85rem 4rem; }
  .message { top: 4.2rem; }
  .window { border-radius: 1.15rem; }
  .window-header { align-items: flex-start; padding: .9rem 1rem; }
  .window-header-actions { max-width: 55%; }
  .window-help { padding: .85rem 1rem; }
  .registry-layout { grid-template-columns: 1fr; }
  .registry-results { border-right: 0; border-bottom: 1px solid rgba(241, 219, 151, .08); }
  .registry-inspector { padding: 1rem; }
  .operator-audit-sections,
  .pack-role-grid,
  .server-preview-routes { grid-template-columns: 1fr; }
  .workspace-import-fields,
  .publication-confirmation,
  .server-confirmation { grid-template-columns: 1fr; }
  .publication-preview-card { grid-template-columns: 1fr; }
  .server-confirmation .primary-action { min-width: 0; }
  .renderer-guidance { flex-direction: column; }
  .archive-toolbar,
  .server-overview-actions,
  .server-route-actions,
  .workspace-session-actions,
  .workspace-review-actions,
  .renderer-downloads,
  .publication-queue-actions,
  .pack-maintenance-actions { align-items: stretch; flex-wrap: wrap; }
}

@media (max-width: 640px) {
  :root { font-size: 15px; }
  .app-header { flex-direction: column; gap: .8rem; }
  .canonical-context { width: 100%; max-width: none; justify-items: start; text-align: left; }
  .brand-emblem { width: 2.45rem; height: 2.45rem; }
  .brand-wordmark { width: 6.65rem; }
  .primary-nav { gap: .35rem; }
  .primary-nav button { min-height: 2.3rem; padding: .3rem .8rem; font-size: .7rem; }
  main { padding-right: .65rem; padding-left: .65rem; }
  .window-header { flex-direction: column; }
  .window-header-actions { width: 100%; max-width: none; justify-content: flex-start; }
  .compact-fields,
  .workspace-overview-grid,
  .thread-overview-grid,
  .thread-adoption-fields,
  .thread-provisioning-fields,
  .thread-readiness-grid,
  .workspace-session-grid,
  .renderer-fields,
  .server-fact-grid,
  .server-migration-facts,
  .operator-audit-grid,
  .archive-fact-grid,
  .archive-detail-facts,
  .pack-maintenance-fields { grid-template-columns: 1fr; }
  .member-summary { grid-template-columns: 1.65rem minmax(0, 1fr); }
  .member-actions { grid-column: 2; justify-content: flex-start; }
  .create-row { align-items: stretch; flex-direction: column; }
  .primary-action { min-width: 0; }
  .publication-queue-actions .primary-action,
  .pack-maintenance-actions .primary-action { margin-left: 0; }
  .archive-analysis-grid { grid-template-columns: 1fr; }
  .archive-analysis-grid article { grid-template-columns: 1fr; }
  .registry-editor,
  .registry-import-dialog { width: 100vw; }
  .registry-editor-actions { align-items: stretch; flex-direction: column; }
  .registry-editor-actions .primary-action { min-width: 0; }
  .table-wrap { overscroll-behavior-inline: contain; }
  table { min-width: 46rem; }
  footer { letter-spacing: .12em; }
}

/* Step 543 — operator UX, responsive behavior, and accessibility */
.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

main:focus,
.view:focus { outline: none; }
.view {
  position: relative;
  min-width: 0;
  scroll-margin-top: 10rem;
}
.window,
.registry-layout,
.registry-results,
.table-wrap {
  min-width: 0;
  max-width: 100%;
}
.table-wrap { width: 100%; }
.view:focus-visible {
  outline: 2px solid var(--focus);
  outline-offset: .45rem;
  border-radius: var(--radius-xl);
}
.view[aria-busy="true"]::before {
  content: "";
  position: sticky;
  z-index: 14;
  top: 9rem;
  display: block;
  width: 100%;
  height: 3px;
  margin-bottom: -3px;
  border-radius: var(--radius-pill);
  background: linear-gradient(90deg, transparent 0 8%, var(--gold-strong) 42% 58%, transparent 92% 100%);
  background-size: 220% 100%;
  box-shadow: 0 0 1rem rgba(240, 207, 107, .45);
}

.primary-nav {
  scroll-padding-inline: clamp(1rem, 3vw, 3rem);
  overscroll-behavior-inline: contain;
  scrollbar-gutter: stable;
}
.primary-nav button {
  scroll-snap-align: center;
  touch-action: manipulation;
}
.primary-nav button[tabindex="0"] { z-index: 1; }

.message {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 1rem;
  line-height: 1.55;
}
.message-dismiss {
  min-width: 0;
  min-height: 2.25rem;
  padding: .3rem .7rem;
  border-color: currentColor;
  border-radius: var(--radius-pill);
  color: inherit;
  background: rgba(0, 0, 0, .18);
  font-size: .64rem;
}
.message-dismiss:hover:not(:disabled) { background: rgba(255, 255, 255, .07); }

.table-wrap[role="region"] {
  scroll-padding: .75rem;
  outline: none;
}
.table-wrap[role="region"]:focus-visible {
  border-color: var(--focus);
  box-shadow: inset 0 0 0 2px rgba(240, 207, 107, .2), 0 0 0 3px rgba(240, 207, 107, .08);
}
.table-wrap[role="region"]:focus-visible::after {
  content: "SCROLL TO INSPECT ALL COLUMNS";
  position: sticky;
  right: .65rem;
  bottom: .55rem;
  float: right;
  padding: .28rem .48rem;
  border: 1px solid rgba(240, 207, 107, .28);
  border-radius: var(--radius-pill);
  color: var(--gold-strong);
  background: rgba(7, 8, 6, .92);
  font-family: var(--font-condensed);
  font-size: .56rem;
  font-weight: 850;
  letter-spacing: .12em;
  pointer-events: none;
}

.registry-editor[aria-busy="true"]::after {
  content: "WORKING";
  position: sticky;
  right: 1rem;
  bottom: 5rem;
  display: block;
  width: max-content;
  margin-left: auto;
  padding: .35rem .58rem;
  border: 1px solid rgba(240, 207, 107, .32);
  border-radius: var(--radius-pill);
  color: var(--gold-strong);
  background: rgba(7, 8, 6, .94);
  font-family: var(--font-condensed);
  font-size: .6rem;
  font-weight: 850;
  letter-spacing: .14em;
}
[inert] { user-select: none; }

button,
a,
summary,
input[type="file"],
input[type="checkbox"],
select { touch-action: manipulation; }

@media (prefers-reduced-motion: no-preference) {
  .view[aria-busy="true"]::before { animation: visionx-loading-sweep 1.15s linear infinite; }
  @keyframes visionx-loading-sweep {
    from { background-position: 100% 0; }
    to { background-position: -100% 0; }
  }
}

@media (prefers-contrast: more) {
  :root {
    --text-muted: #d0ccc1;
    --text-faint: #b3aea2;
    --border: rgba(255, 236, 177, .3);
    --border-strong: rgba(255, 226, 135, .62);
  }
  button:disabled { opacity: .62; }
  .window,
  .derived-channel,
  .registry-inspector { background-color: #10110e; }
}

@media (forced-colors: active) {
  .ambient-layer,
  .window::before,
  .primary-action::after { display: none; }
  button,
  input,
  select,
  .window,
  .message,
  .table-wrap { forced-color-adjust: auto; }
  .workspace-status,
  .member-status,
  .context-fact { border: 1px solid currentColor; }
}

@media (max-width: 900px) {
  .view { scroll-margin-top: 5rem; }
  .view[aria-busy="true"]::before { top: 4rem; }
  .message {
    position: relative;
    top: auto;
  }
}

@media (max-width: 640px) {
  .primary-nav {
    padding-right: max(.65rem, env(safe-area-inset-right));
    padding-left: max(.65rem, env(safe-area-inset-left));
    scroll-snap-type: inline proximity;
  }
  main {
    padding-right: max(.65rem, env(safe-area-inset-right));
    padding-bottom: max(4rem, env(safe-area-inset-bottom));
    padding-left: max(.65rem, env(safe-area-inset-left));
  }
  .message { grid-template-columns: 1fr; }
  .message-dismiss { justify-self: start; }
  .publication-queue-actions > *,
  .server-overview-actions > *,
  .server-route-actions > *,
  .workspace-session-actions > *,
  .workspace-review-actions > *,
  .renderer-downloads > *,
  .pack-maintenance-actions > * { width: 100%; }
  .table-wrap[role="region"]:focus-visible::after { content: "HORIZONTAL SCROLL"; }
}

/* Step 545 post-acceptance refinements */
.workspace-session-actions { align-items: center; flex-wrap: wrap; }
.workspace-import { margin: 0 1.1rem 1rem; border: 1px solid var(--border); border-radius: .65rem; background: var(--window-subtle); }
.workspace-import .window-help { padding-top: .75rem; border-top: 1px solid var(--border); }
.publication-queue-actions { align-items: center; }
.publication-queue-actions > span { color: var(--text-faint); font-size: .56rem; font-weight: 800; letter-spacing: .12em; }
.thread-tags legend { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 1rem; }
.thread-tags legend strong { color: var(--gold-strong); white-space: nowrap; }
.server-route-builder { display: grid; grid-template-columns: minmax(12rem, .8fr) minmax(18rem, 1.2fr) auto; gap: .75rem; align-items: end; padding: 1rem 1.1rem; border-top: 1px solid var(--border); }
.server-route-builder button { min-width: 9rem; }
.server-route-table-wrap td:nth-child(7) { min-width: 10rem; }
.server-route-table-wrap td:nth-child(7) button { width: 100%; }
.server-route-table-wrap td:nth-child(7) .table-secondary { margin-top: .35rem; }
.archive-empty-state { margin: 0 1.1rem 1.1rem; padding: 1.15rem; border: 1px dashed var(--border-strong); border-radius: .65rem; text-align: center; color: var(--text-muted); }
.renderer-fields { grid-template-columns: repeat(3, minmax(0, 1fr)) auto; align-items: start; }
.renderer-control { min-width: 0; }
.renderer-control > span,
.renderer-control > label > span { min-height: .85rem; }
.renderer-control input,
.renderer-control select { height: 2.5rem; min-height: 2.5rem; }
.renderer-fields > .primary-action { height: 2.5rem; min-height: 2.5rem; margin-top: 1.2rem; }
.workspace-quick-look {
  position: fixed;
  z-index: 31;
  inset: 4vh 5vw;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  overflow: hidden;
  border: 1px solid var(--border-strong);
  border-radius: .85rem;
  background: var(--window-fallback);
  box-shadow: 0 2rem 6rem var(--shadow);
}
.workspace-quick-look .renderer-preview { min-height: 0; margin: 0; padding: 1rem; display: grid; grid-template-rows: minmax(0, 1fr) auto; }
.workspace-quick-look .renderer-preview img { width: 100%; height: 100%; min-height: 16rem; object-fit: contain; background: var(--canvas); border: 1px solid var(--border); border-radius: .6rem; }
.workspace-quick-look .renderer-preview figcaption { padding: .75rem 0 0; color: var(--text-muted); font-size: .65rem; overflow-wrap: anywhere; }
.workspace-quick-look-actions { display: flex; align-items: center; justify-content: center; gap: .7rem; padding: .8rem 1rem 1rem; border-top: 1px solid var(--border); }
.workspace-quick-look-actions .context-fact { min-width: 6rem; text-align: center; }

@media (max-width: 1100px) {
  .server-route-builder { grid-template-columns: 1fr 1fr; }
  .server-route-builder button { grid-column: 1 / -1; }
  .renderer-fields { grid-template-columns: 1fr 1fr; }
  .renderer-fields > .primary-action { margin-top: 0; }
}
@media (max-width: 900px) {
  .thread-tags legend { align-items: flex-start; flex-direction: column; gap: .3rem; }
  .workspace-quick-look { inset: 2vh 2vw; }
}
@media (max-width: 640px) {
  .server-route-builder,
  .renderer-fields { grid-template-columns: 1fr; }
  .server-route-builder button { grid-column: auto; }
  .renderer-fields > .primary-action { width: 100%; }
  .workspace-quick-look-actions { flex-wrap: wrap; }
}

/* Step 547 workflow refinements */
.workspace-downloads-channel { position: relative; padding-right: 6.4rem; }
.inline-link-action {
  position: absolute;
  right: .7rem;
  bottom: .65rem;
  width: auto;
  min-height: 1.65rem;
  padding: .12rem .45rem;
  border: 0;
  background: transparent;
  color: var(--gold-strong);
  font-size: .55rem;
  letter-spacing: .1em;
}
.inline-link-action:hover:not(:disabled) { text-decoration: underline; }
.workspace-downloads-configuration {
  display: grid;
  grid-template-columns: minmax(18rem, 1fr) auto auto;
  gap: .65rem;
  align-items: end;
  margin: 0 1.1rem 1rem;
  padding: .8rem;
  border: 1px solid var(--border);
  border-radius: .65rem;
  background: var(--window-subtle);
}
.workspace-downloads-configuration[hidden] { display: none; }
.revision-count-pill {
  display: inline-flex;
  min-height: 1.9rem;
  align-items: center;
  padding: .16rem .58rem;
  border: 1px solid rgba(207, 173, 82, .38);
  border-radius: var(--radius-pill);
  background: rgba(207, 173, 82, .04);
  color: var(--gold-strong);
  font-size: .58rem;
  font-weight: 800;
  letter-spacing: .08em;
  white-space: nowrap;
}
.workspace-quick-look { grid-template-rows: auto minmax(0, 1fr) auto auto; }
.workspace-quick-look-navigation { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--border); }
.workspace-quick-look-navigation .workspace-quick-look-actions { border-top: 0; padding-bottom: .8rem; }
.workspace-quick-look-navigation .workspace-quick-look-actions + .workspace-quick-look-actions { border-left: 1px solid var(--border); }
.workspace-quick-look-footer-actions { justify-content: flex-end; }
.workspace-quick-look-footer-actions > * { min-width: 10rem; justify-content: center; }

@media (max-width: 900px) {
  .workspace-downloads-configuration { grid-template-columns: 1fr 1fr; }
  .workspace-downloads-configuration label { grid-column: 1 / -1; }
  .workspace-quick-look-navigation { grid-template-columns: 1fr; }
  .workspace-quick-look-navigation .workspace-quick-look-actions + .workspace-quick-look-actions { border-left: 0; border-top: 1px solid var(--border); }
}

@media (max-width: 640px) {
  .workspace-downloads-configuration { grid-template-columns: 1fr; }
  .workspace-downloads-configuration label { grid-column: auto; }
  .workspace-downloads-configuration > * { width: 100%; }
  .workspace-quick-look-footer-actions > * { width: 100%; }
}

/* Step 550 — overlay consistency, workflow clarity, and resilient controls */
.registry-editor-backdrop,
.registry-editor-backdrop:hover:not(:disabled),
.registry-editor-backdrop:focus,
.registry-editor-backdrop:focus-visible,
.registry-editor-backdrop:active {
  border: 0;
  background: rgba(24, 25, 21, .16);
  box-shadow: none;
  backdrop-filter: blur(12px) saturate(102%);
  -webkit-backdrop-filter: blur(12px) saturate(102%);
  transform: none;
}

.message {
  position: fixed;
  z-index: 40;
  top: 10rem;
  right: clamp(1rem, 3vw, 3rem);
  left: clamp(1rem, 3vw, 3rem);
  width: min(78rem, calc(100vw - 2rem));
  max-height: calc(100dvh - 11rem);
  margin: 0 auto;
  overflow: auto;
}

.publication-diagnostics {
  margin: 0 1.1rem 1rem;
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  background: rgba(7, 8, 6, .3);
}
.publication-diagnostics > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: .75rem .85rem;
  border-bottom: 1px solid var(--border);
}
.publication-diagnostics h3 { margin: .12rem 0 0; font-size: .82rem; letter-spacing: .09em; }
.publication-diagnostics-content { display: grid; gap: .65rem; padding: .75rem .85rem .85rem; }
.publication-diagnostics-content > p { margin: 0; color: var(--text-muted); font-size: .73rem; line-height: 1.55; }
.publication-gate-card {
  display: grid;
  grid-template-columns: minmax(11rem, .85fr) minmax(0, 2fr) auto;
  align-items: center;
  gap: .75rem;
  padding: .7rem .75rem;
  border: 1px solid rgba(231, 216, 168, .1);
  border-radius: var(--radius-md);
  background: rgba(12, 13, 10, .42);
}
.publication-gate-card.ready { border-color: rgba(134, 201, 151, .28); }
.publication-gate-card.blocked { border-color: rgba(233, 141, 134, .25); }
.publication-gate-card strong { color: var(--text); font-size: .72rem; letter-spacing: .07em; }
.publication-gate-card p { margin: .18rem 0 0; color: var(--text-muted); font-size: .68rem; line-height: 1.5; }
.publication-gate-code { color: var(--danger); font-family: var(--font-mono); font-size: .58rem; letter-spacing: .06em; }
.publication-gate-card.ready .publication-gate-code { color: var(--success); }
.publication-gate-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .4rem; }
.publication-external-note {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  padding: .7rem .75rem;
  border-left: 2px solid var(--warning);
  color: var(--text-muted);
  background: rgba(214, 183, 108, .055);
  font-size: .68rem;
  line-height: 1.55;
}
.publication-external-note p { margin: 0; }
.publication-external-note .publication-gate-actions { flex: 0 0 auto; }

.workspace-session-actions { justify-content: flex-end; }
.workspace-import { margin-top: 0; }
.workspace-import > .window-header { min-height: 3.2rem; padding: .7rem .8rem; }
.workspace-import > .window-header h3 { margin: .12rem 0 0; font-size: .8rem; letter-spacing: .08em; }

.file-picker { min-width: 0; }
.file-picker > .file-picker-shell {
  color: inherit;
  font-size: inherit;
  font-weight: 400;
  letter-spacing: normal;
}
.file-picker-shell {
  position: relative;
  display: grid;
  grid-template-columns: 9rem minmax(0, 1fr);
  align-items: center;
  gap: .65rem;
  width: 100%;
  min-width: 0;
  height: 2.5rem;
  padding: .24rem .45rem .24rem .24rem;
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: var(--radius-pill);
  background: var(--window-subtle);
}
.file-picker-shell:focus-within {
  outline: 0;
  outline-offset: 0;
}
.file-picker-shell input[type="file"] {
  position: absolute;
  inset: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 0;
  opacity: 0;
  cursor: pointer;
}
.file-picker-button {
  display: inline-flex;
  width: 9rem;
  height: 2rem;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(240, 207, 107, .42);
  border-radius: var(--radius-pill);
  color: var(--gold-strong);
  background: rgba(224, 177, 57, .07);
  font-family: var(--font-condensed);
  font-size: .64rem;
  font-weight: 850;
  letter-spacing: .12em;
  white-space: nowrap;
}
.file-picker-name {
  min-width: 0;
  overflow: hidden;
  color: var(--text-faint);
  font-family: var(--font-mono);
  font-size: .61rem;
  letter-spacing: .03em;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.registry-logo-upload.file-picker { width: min(100%, 25rem); }

.renderer-window { position: relative; z-index: 4; overflow: visible; }
.renderer-fields { grid-template-columns: minmax(15rem, 1.35fr) minmax(8rem, .55fr) minmax(16rem, 1.2fr) minmax(9rem, .55fr) auto; }
.renderer-asset-search { z-index: 8; }
.renderer-asset-search .asset-search-results {
  position: absolute;
  z-index: 60;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  max-height: min(22rem, var(--asset-results-max-height, 22rem));
  overscroll-behavior: contain;
}
.renderer-watermark-control { cursor: pointer; }
.visionx-switch-row {
  position: relative;
  display: flex;
  height: 2.5rem;
  align-items: center;
  gap: .65rem;
  padding: .25rem .55rem;
  border: 1px solid var(--border);
  border-radius: var(--radius-pill);
  background: var(--window-subtle);
}
.visionx-switch-input {
  position: absolute;
  width: 1px;
  height: 1px;
  min-height: 0;
  padding: 0;
  opacity: 0;
}
.visionx-switch {
  position: relative;
  display: inline-block;
  flex: 0 0 auto;
  width: 3.2rem;
  height: 1.85rem;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 999px;
  background: #3a3b37;
  box-shadow: inset 0 .08rem .25rem rgba(0, 0, 0, .42);
  transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.visionx-switch > span {
  position: absolute;
  top: .14rem;
  left: .15rem;
  width: 1.48rem;
  height: 1.48rem;
  border-radius: 50%;
  background: #f4f1e7;
  box-shadow: 0 .12rem .35rem rgba(0, 0, 0, .46);
  transition: transform .18s ease;
}
.visionx-switch-input:checked + .visionx-switch {
  border-color: rgba(240, 207, 107, .58);
  background: linear-gradient(135deg, #f3d573, #c88f27);
  box-shadow: 0 0 1rem rgba(224, 177, 57, .18), inset 0 1px rgba(255, 255, 255, .18);
}
.visionx-switch-input:checked + .visionx-switch > span { transform: translateX(1.32rem); }
.visionx-switch-input:focus-visible + .visionx-switch { outline: 1px solid var(--focus); outline-offset: -2px; }
.visionx-switch-row strong { color: var(--text-muted); font-family: var(--font-condensed); font-size: .67rem; letter-spacing: .12em; }
.visionx-switch-input:checked ~ strong { color: var(--gold-strong); }

.pack-maintenance-fields {
  grid-template-columns: repeat(5, minmax(10rem, 1fr));
  align-items: stretch;
}
.pack-maintenance-fields > label,
.pack-maintenance-fields > .derived-channel { min-width: 0; min-height: 4.45rem; }
.pack-maintenance-fields > label { grid-template-rows: .85rem 2.75rem; align-content: end; }
.pack-maintenance-fields > label input,
.pack-maintenance-fields > label select { height: 2.75rem; min-height: 2.75rem; border-radius: var(--radius-md); }
.pack-maintenance-fields > .derived-channel { align-content: end; grid-template-rows: .85rem 2.75rem; padding: .35rem .65rem; border-radius: var(--radius-md); }
.pack-maintenance-fields > .derived-channel strong { display: flex; min-width: 0; height: 2.75rem; align-items: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.server-confirmation { grid-template-columns: minmax(0, 1fr) auto; }
.server-confirmation p { margin: 0; align-self: center; color: var(--text-muted); font-size: .72rem; line-height: 1.55; }

@media (max-width: 1280px) {
  .renderer-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .renderer-fields > .primary-action { margin-top: 0; }
  .pack-maintenance-fields { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
  .message { top: 8.65rem; max-height: calc(100dvh - 9.5rem); }
  .publication-gate-card { grid-template-columns: 1fr; align-items: start; }
  .publication-gate-actions { justify-content: flex-start; }
  .publication-external-note { align-items: flex-start; flex-direction: column; }
  .publication-external-note .publication-gate-actions { flex: 1 1 auto; }
  .server-confirmation { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
  .message { top: 8.2rem; right: .65rem; left: .65rem; width: auto; max-height: calc(100dvh - 9rem); }
  .workspace-session-actions > * { width: 100%; }
  .file-picker-shell { grid-template-columns: 8rem minmax(0, 1fr); }
  .file-picker-button { width: 8rem; }
  .renderer-fields,
  .pack-maintenance-fields { grid-template-columns: 1fr; }
}

/* Step 551 — selected-Pack publication and proprietary controls */
.visionx-native-select {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  min-height: 0 !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.visionx-select {
  position: relative;
  display: block;
  width: 100%;
  min-width: 0;
}
.visionx-select-button {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  width: 100%;
  min-width: 0;
  min-height: 2.75rem;
  align-items: center;
  gap: .75rem;
  padding: .55rem .72rem .55rem .78rem;
  border-color: rgba(238, 214, 143, .15);
  border-radius: var(--radius-md);
  background: linear-gradient(180deg, rgba(7, 8, 6, .82), rgba(13, 14, 10, .76));
  color: var(--text);
  font-family: inherit;
  font-size: .86rem;
  font-weight: 650;
  letter-spacing: .025em;
  text-align: left;
  box-shadow: inset 0 1px .25rem rgba(0, 0, 0, .34), inset 0 1px rgba(255, 255, 255, .018);
}
.visionx-select-button:hover:not(:disabled) {
  border-color: rgba(238, 214, 143, .34);
  background: linear-gradient(180deg, rgba(22, 22, 17, .9), rgba(12, 13, 10, .82));
  transform: none;
}
.visionx-select.open .visionx-select-button,
.visionx-select-button:focus-visible {
  border-color: var(--border-hot);
  box-shadow: inset 0 1px .25rem rgba(0, 0, 0, .32);
}
.visionx-select-button.placeholder .visionx-select-value { color: #777368; }
.visionx-select-value {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.visionx-select-chevron {
  color: var(--gold-strong);
  font-size: 1rem;
  line-height: 1;
  transition: transform .16s ease;
}
.visionx-select.open .visionx-select-chevron { transform: rotate(180deg); }
.visionx-select-menu {
  position: fixed;
  z-index: 90;
  display: grid;
  gap: .18rem;
  overflow: auto;
  overscroll-behavior: contain;
  padding: .34rem;
  border: 1px solid rgba(238, 214, 143, .28);
  border-radius: var(--radius-md);
  background: linear-gradient(180deg, rgba(24, 25, 20, .995), rgba(11, 12, 9, .995));
  box-shadow: 0 1.25rem 3.5rem rgba(0, 0, 0, .62), inset 0 1px rgba(255, 255, 255, .035);
}
.visionx-select-menu[hidden] { display: none; }
.visionx-select-menu,
.asset-search-results,
.timeframe-search-results {
  scrollbar-gutter: stable;
  scrollbar-color: rgba(224, 181, 71, .68) transparent;
}
.visionx-select-menu::-webkit-scrollbar,
.asset-search-results::-webkit-scrollbar,
.timeframe-search-results::-webkit-scrollbar { width: .66rem; }
.visionx-select-menu::-webkit-scrollbar-track,
.asset-search-results::-webkit-scrollbar-track,
.timeframe-search-results::-webkit-scrollbar-track {
  margin-block: .58rem;
  background: transparent;
}
.visionx-select-menu::-webkit-scrollbar-thumb,
.asset-search-results::-webkit-scrollbar-thumb,
.timeframe-search-results::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 999px;
  background: rgba(224, 181, 71, .68);
  background-clip: padding-box;
}
.visionx-select-option {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  width: 100%;
  min-height: 2.55rem;
  align-items: center;
  gap: .7rem;
  padding: .5rem .62rem;
  border-color: transparent;
  border-radius: calc(var(--radius-md) - .12rem);
  background: transparent;
  color: var(--text-muted);
  font-family: inherit;
  font-size: .8rem;
  font-weight: 650;
  letter-spacing: .025em;
  text-align: left;
  box-shadow: none;
}
.visionx-select-option:hover:not(:disabled),
.visionx-select-option:focus-visible {
  border-color: rgba(238, 214, 143, .22);
  background: rgba(207, 173, 82, .08);
  color: var(--text);
  transform: none;
}
.visionx-select-option.selected {
  border-color: rgba(238, 214, 143, .32);
  background: rgba(207, 173, 82, .12);
  color: var(--gold-strong);
}
.visionx-select-option i {
  color: var(--gold-strong);
  font-style: normal;
}

.workspace-session-actions { justify-content: flex-end; }

.pack-maintenance-pack-selector {
  width: min(28rem, calc(100% - 2.2rem));
  margin: 1rem 1.1rem 0;
}
.pack-maintenance-fields {
  grid-template-columns: repeat(5, minmax(10rem, 1fr));
  padding-top: .85rem;
}
.pack-maintenance-fields > label,
.pack-maintenance-fields > .derived-channel { min-height: 4.45rem; }
.pack-maintenance-fields .visionx-select-button { height: 2.75rem; min-height: 2.75rem; }
.pack-order-tools {
  display: flex;
  align-items: flex-start;
  gap: .4rem;
  padding: 0 1.1rem .85rem;
}
.pack-order-preview {
  display: flex;
  min-width: 0;
  flex: 1;
  flex-wrap: wrap;
  gap: .4rem;
}
.pack-order-position {
  display: inline-flex;
  min-height: 2rem;
  align-items: center;
  gap: .45rem;
  padding: .3rem .55rem;
  border: 1px solid rgba(238, 214, 143, .12);
  border-radius: var(--radius-pill);
  background: rgba(11, 12, 9, .48);
  color: var(--text-faint);
  font-size: .65rem;
  letter-spacing: .05em;
}
.pack-order-sort-action {
  height: 2rem;
  min-height: 2rem;
  flex: 0 0 auto;
  padding: .3rem .7rem;
}
.pack-order-position b {
  color: var(--text-muted);
  font-family: var(--font-mono);
  font-size: .57rem;
}
.pack-order-position.current {
  border-color: rgba(238, 214, 143, .42);
  background: rgba(207, 173, 82, .09);
  color: var(--gold-strong);
}

.renderer-asset-search .asset-search-results {
  position: absolute;
  z-index: 60;
  right: auto;
  max-height: min(22rem, var(--asset-results-max-height, 22rem));
}
.renderer-control .visionx-select-button { height: 2.5rem; min-height: 2.5rem; }

.registry-layout { align-items: stretch; min-height: 58vh; }
.registry-results {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  min-height: 58vh;
}
.table-wrap.registry-table-wrap {
  width: 100%;
  height: 100%;
  min-height: 0;
  max-height: none;
}
.registry-inspector { height: 100%; }

@media (max-width: 1280px) {
  .pack-maintenance-fields { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 1100px) {
  .registry-layout { min-height: 0; }
  .registry-results { min-height: 58vh; }
  .registry-inspector { height: auto; }
}
@media (max-width: 640px) {
  .pack-maintenance-pack-selector { width: auto; }
  .pack-maintenance-fields { grid-template-columns: 1fr; }
}

/* Step 551 review corrections */
.publication-confirmation-standard {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}
.publication-confirmation-standard p {
  margin: 0;
  color: var(--text-muted);
  font-size: .72rem;
  line-height: 1.55;
}
.publication-confirmation-standard .primary-action { min-width: 13.5rem; }

.manual-fallback-control {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  width: min(25rem, 100%);
  min-height: 3.2rem;
  align-items: center;
  gap: 1rem;
  margin-right: auto;
  padding: .62rem .8rem;
  border: 1px solid var(--border);
  border-radius: .65rem;
  background: var(--window-subtle);
  color: var(--text);
  text-align: left;
  box-shadow: none;
}
.manual-fallback-control:hover:not(:disabled),
.manual-fallback-control:focus-visible {
  border-color: var(--border-strong);
  background: var(--window-subtle);
  color: var(--text);
  transform: none;
}
.manual-fallback-control > span:first-child {
  display: grid;
  min-width: 0;
  gap: .12rem;
}
.manual-fallback-control strong {
  overflow: hidden;
  color: var(--text);
  font-size: .8rem;
  letter-spacing: .08em;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.manual-fallback-state::before {
  content: "EXPAND";
  color: var(--text-faint);
  font-size: .55rem;
  font-weight: 800;
  letter-spacing: .12em;
}
.manual-fallback-control[aria-expanded="true"] {
  border-color: var(--border-strong);
  background: var(--window-subtle);
  color: var(--text);
  box-shadow: none;
}
.manual-fallback-control[aria-expanded="true"] .manual-fallback-state::before { content: "COLLAPSE"; }

@media (max-width: 900px) {
  .publication-confirmation-standard { grid-template-columns: 1fr; }
  .publication-confirmation-standard .primary-action { min-width: 0; }
  .manual-fallback-control { width: 100%; }
}

/* Step 552 post-test roadmap */
.server-credential-editor {
  margin: 0 1.1rem 1.1rem;
  padding: 1rem;
  border: 1px solid rgba(207, 173, 82, .24);
  border-radius: .75rem;
  background: rgba(13, 14, 11, .58);
}
.server-credential-editor > header { display: flex; align-items: start; justify-content: space-between; gap: 1rem; }
.server-credential-editor h2 { margin: .12rem 0 0; font-size: .95rem; letter-spacing: .08em; }
.server-credential-editor > p { color: var(--text-faint); font-size: .66rem; line-height: 1.55; }
.server-credential-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; align-items: end; }
.server-credential-actions { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; }
.server-credential-actions > button { width: 100%; }
.server-credential-result { margin-top: .8rem; padding: .65rem .75rem; border: 1px solid var(--border); border-radius: .5rem; color: var(--text-muted); font-size: .62rem; letter-spacing: .08em; }
.folder-selection-summary { display: grid; gap: .28rem; min-width: 0; flex: 1 1 auto; padding: .55rem .7rem; border: 1px solid var(--border); border-radius: .55rem; background: var(--window-subtle); }
.folder-selection-summary span { color: var(--text-faint); font-size: .56rem; font-weight: 800; letter-spacing: .12em; }
.folder-selection-summary strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--text-muted); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .68rem; }
.workspace-downloads-configuration { align-items: end; }
.workspace-session-actions { display: grid; grid-template-columns: minmax(0, 2fr) minmax(12rem, 1fr) minmax(12rem, 1fr); align-items: stretch; }
.workspace-session-actions > button { min-height: 3.45rem; height: 100%; }
.manual-fallback-control { width: 100%; max-width: none; }
.segmented-filter { display: inline-flex; align-items: stretch; gap: 2px; padding: 2px; border: 1px solid var(--border); border-radius: .58rem; background: rgba(5, 6, 5, .46); }
.segmented-filter button { min-height: 2.15rem; padding: .35rem .75rem; border: 0; border-radius: .42rem; background: transparent; color: var(--text-faint); font-size: .58rem; letter-spacing: .1em; }
.segmented-filter button[aria-pressed="true"] { color: var(--primary-action-ink); background: linear-gradient(135deg, #f3d573 0%, #d7aa3b 54%, #b98220 100%); }
.renderer-timeframe-search { position: relative; }
.timeframe-search-results { z-index: 80; top: calc(100% - 1.65rem); }
.timeframe-search-results button { display: block; min-height: 2.5rem; }
.timeframe-search-results button[aria-selected="true"] { border-color: var(--gold-strong); background: rgba(207, 173, 82, .1); }
.renderer-result { background: transparent; box-shadow: none; }
.renderer-result .renderer-preview { display: grid; justify-items: center; padding: 1rem; background: transparent; }
.renderer-result .renderer-preview img { width: auto; max-width: 100%; height: auto; max-height: 72vh; background: transparent; box-shadow: 0 12px 36px rgba(0,0,0,.24); }
.workspace-quick-look,
.archive-quick-look { width: fit-content; max-width: min(94vw, 96rem); height: fit-content; max-height: 94vh; inset: 50% auto auto 50%; transform: translate(-50%, -50%); overflow: auto; }
.workspace-quick-look .renderer-preview,
.archive-quick-look .renderer-preview { display: grid; justify-items: center; min-height: 0; padding: .9rem; }
.workspace-quick-look .renderer-preview img,
.archive-quick-look .renderer-preview img { width: auto; max-width: 88vw; height: auto; max-height: 72vh; min-height: 0; object-fit: contain; background: transparent; }
.archive-quick-look { position: fixed; z-index: 1002; display: grid; grid-template-rows: auto minmax(0, auto) auto; border: 1px solid var(--border-strong); border-radius: .85rem; background: var(--window-fallback); box-shadow: 0 24px 90px rgba(0,0,0,.65); }
.archive-row-actions, .archive-analysis-actions { display: flex; flex-wrap: wrap; gap: .45rem; }
.archive-analysis-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); }
.archive-analysis-grid article { display: block; }
.archive-analysis-grid article > div { display: grid; gap: .45rem; }
.brand-emblem { filter: drop-shadow(0 0 .55rem rgba(224, 183, 63, .58)) drop-shadow(0 0 1.2rem rgba(191, 139, 32, .28)); }
.brand-copy { position: relative; width: 7.5rem; overflow: hidden; }
.brand-wordmark { width: 100%; }
.brand-copy::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 1.05rem;
  left: -48%;
  width: 30%;
  opacity: 0;
  transform: skewX(-18deg);
  background: linear-gradient(90deg, transparent, rgba(255, 244, 197, .32), transparent);
  pointer-events: none;
}
.brand-copy small { width: 100%; box-sizing: border-box; text-align: justify; text-align-last: justify; letter-spacing: .18em; }
@media (prefers-reduced-motion: no-preference) {
  .brand-emblem { transition: transform .22s ease, filter .22s ease; }
  .brand-lockup:hover .brand-emblem { transform: translateY(-3px); filter: drop-shadow(0 0 .75rem rgba(224, 183, 63, .72)) drop-shadow(0 0 1.5rem rgba(191, 139, 32, .38)); }
  .brand-copy::after { animation: visionx-wordmark-shimmer 5.8s ease-in-out infinite; }
  @keyframes visionx-wordmark-shimmer {
    0%, 72%, 100% { left: -48%; opacity: 0; }
    76% { opacity: .72; }
    84% { left: 118%; opacity: 0; }
  }
}
@media (prefers-reduced-motion: reduce) {
  .brand-emblem, .brand-wordmark, .brand-copy::after { animation: none !important; transition: none !important; transform: none !important; }
}
@media (max-width: 1100px) {
  .server-credential-fields { grid-template-columns: 1fr 1fr; }
  .server-credential-actions { grid-template-columns: 1fr; }
  .workspace-session-actions { grid-template-columns: 1fr; }
}

/* Step 552 final alignment and control geometry */
.renderer-timeframe-anchor { position: relative; }
.renderer-timeframe-anchor .timeframe-search-results { top: calc(100% + .35rem); right: 0; left: 0; }

/* Step 552 final roadmap corrections */
.membership-workspace > .asset-search-picker {
  width: calc(100% - 2.2rem);
  margin: .95rem 1.1rem 1rem;
}
.membership-workspace > .asset-search-picker > label { width: 100%; }

.workspace-session-grid,
.workspace-session-actions {
  grid-template-columns: 1.4fr 1fr .8fr .8fr;
  gap: .75rem;
}
.workspace-session-grid > .derived-channel,
.workspace-session-actions > button { min-height: 3.85rem; }
.workspace-session-actions { padding: 0 1.1rem 1rem; }
.workspace-session-actions .manual-fallback-control { grid-column: 1 / 3; }
#workspace-start-session { grid-column: 3; }
#workspace-scan-session { grid-column: 4; }
.manual-fallback-control,
.manual-fallback-control:hover:not(:disabled),
.manual-fallback-control:focus-visible,
.manual-fallback-control[aria-expanded="true"] {
  border-color: var(--border);
  background: var(--window-subtle);
  color: var(--text-muted);
  box-shadow: none;
}
.manual-fallback-control:hover:not(:disabled),
.manual-fallback-control:focus-visible,
.manual-fallback-control[aria-expanded="true"] { border-color: var(--border-strong); }
.manual-fallback-control strong {
  color: var(--text-muted);
  font-size: .67rem;
  letter-spacing: .08em;
}
.manual-fallback-control .micro-label,
.manual-fallback-state::before {
  color: var(--text-faint);
  font-size: .63rem;
  letter-spacing: .18em;
}

.publication-queue-caveat { margin: 0; padding: 0 1.1rem 1rem; }
.publication-queue-actions #publication-publish {
  min-width: 13.5rem;
  min-height: 2.75rem;
}
.publication-queue-actions #publication-publish.confirm-armed {
  color: #2a210d;
  border-color: rgba(255, 226, 130, .82);
  background: linear-gradient(135deg, #ffe28a, #d9aa36 58%, #b77c18);
  box-shadow: 0 0 1.25rem rgba(224, 177, 57, .2);
}

#view-renderer .asset-search-results,
#view-renderer .timeframe-search-results {
  padding: .45rem;
  border: 1px solid rgba(238, 214, 143, .56);
  border-radius: var(--radius-lg);
  background: linear-gradient(180deg, rgba(27, 28, 23, .995) 0%, rgba(11, 12, 9, .995) 100%);
  box-shadow: 0 1.25rem 3.4rem rgba(0, 0, 0, .72), inset 0 1px rgba(255, 255, 255, .04);
}
#view-renderer .asset-search-results button,
#view-renderer .timeframe-search-results button {
  border: 1px solid transparent;
  border-radius: calc(var(--radius-lg) - .18rem);
  color: var(--text-muted);
  background: rgba(8, 9, 7, .18);
  font-family: var(--font-condensed);
  letter-spacing: .035em;
}
#view-renderer .asset-search-results button:hover,
#view-renderer .asset-search-results button:focus-visible,
#view-renderer .timeframe-search-results button:hover,
#view-renderer .timeframe-search-results button:focus-visible,
#view-renderer .timeframe-search-results button[aria-selected="true"] {
  border-color: rgba(238, 214, 143, .36);
  color: var(--gold-strong);
  background: rgba(207, 173, 82, .11);
  box-shadow: inset 0 1px rgba(255, 255, 255, .025);
}

.workspace-quick-look,
.archive-quick-look {
  overflow-x: hidden;
  overflow-y: auto;
}
.workspace-quick-look .renderer-preview,
.archive-quick-look .renderer-preview {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}
.workspace-quick-look .renderer-preview img,
.archive-quick-look .renderer-preview img {
  display: block;
  max-width: 100%;
  max-height: 66vh;
  object-fit: contain;
}

.registry-logo-upload.file-picker,
.registry-logo-upload .file-picker-shell,
#registry-retire-asset,
.registry-workflow-actions { width: 100%; max-width: none; }
.registry-workflow-actions {
  margin: 0;
  border: 0;
}
.registry-workflow-actions > summary {
  display: flex;
  width: 100%;
  min-height: 2.5rem;
  align-items: center;
  justify-content: center;
  padding: .38rem .8rem;
  list-style: none;
  cursor: pointer;
  border: 1px solid rgba(207, 173, 82, .55);
  border-radius: var(--radius-pill);
  color: var(--gold-strong);
  background: rgba(207, 173, 82, .04);
  font-size: .64rem;
  font-weight: 850;
  letter-spacing: .12em;
}
.registry-workflow-actions > summary::-webkit-details-marker { display: none; }
.registry-workflow-actions > summary::after { content: "＋"; margin-left: auto; }
.registry-workflow-actions[open] > summary::after { content: "−"; }
.registry-workflow-actions > .registry-management-controls {
  margin-top: .55rem;
  padding: .65rem;
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--window-subtle);
}


.thread-adoption { scroll-margin-top: 9rem; }
.primary-nav { border-bottom: 0; }

.registry-logo-filter-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: .75rem 1.1rem .9rem;
  border-top: 1px solid rgba(231, 216, 168, .055);
  background: rgba(9, 10, 8, .18);
}
.registry-logo-filter-bar > span {
  color: var(--text-faint);
  font-size: .55rem;
  font-weight: 800;
  letter-spacing: .13em;
}
.registry-logo-filter-bar .segmented-filter { margin-left: auto; }

.server-credential-disclosure {
  margin: 0 1.1rem 1.1rem;
  border: 1px solid rgba(207, 173, 82, .24);
  border-radius: .75rem;
  background: rgba(13, 14, 11, .58);
  overflow: clip;
}
.server-credential-disclosure > summary {
  display: flex;
  min-height: 3.2rem;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: .72rem .9rem;
  list-style: none;
  cursor: pointer;
}
.server-credential-disclosure > summary::-webkit-details-marker { display: none; }
.server-credential-disclosure > summary::after {
  content: "＋";
  flex: 0 0 auto;
  color: var(--gold-strong);
  font-size: 1rem;
}
.server-credential-disclosure[open] > summary {
  border-bottom: 1px solid rgba(231, 216, 168, .08);
}
.server-credential-disclosure[open] > summary::after { content: "−"; }
.server-credential-disclosure .server-credential-editor {
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.renderer-asset-search .asset-search-results {
  top: calc(100% + .35rem);
  right: 0;
  bottom: auto;
  left: 0;
  width: auto;
}
.renderer-timeframe-manager {
  margin-top: .35rem;
  padding-top: .35rem;
  border-top: 1px solid rgba(238, 214, 143, .14);
}
.renderer-timeframe-manager > summary {
  padding: .4rem .55rem;
  list-style: none;
  cursor: pointer;
  color: var(--gold-strong);
  font-size: .58rem;
  font-weight: 850;
  letter-spacing: .12em;
}
.renderer-timeframe-manager > summary::-webkit-details-marker { display: none; }
.renderer-timeframe-manager > summary::after { content: "＋"; float: right; }
.renderer-timeframe-manager[open] > summary::after { content: "−"; }
.renderer-timeframe-manager-controls {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: .45rem;
  padding: .35rem .45rem;
}
.renderer-timeframe-manager-controls input { min-height: 2.2rem; }
.renderer-timeframe-manager > p {
  margin: 0;
  padding: .2rem .45rem .5rem;
  color: var(--text-faint);
  font-size: .56rem;
  line-height: 1.45;
}
.timeframe-option-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: stretch;
  gap: .25rem;
}
.timeframe-option-row > [data-renderer-timeframe] { min-width: 0; }
.timeframe-remove-action {
  min-width: 2.4rem;
  border-color: transparent;
  color: var(--text-faint);
  background: transparent;
  font-size: .52rem;
}
.timeframe-remove-action:hover:not(:disabled) {
  border-color: rgba(233, 141, 134, .42);
  color: var(--danger);
  background: rgba(112, 35, 32, .14);
}

.brand-copy {
  --wordmark-visible-left: 0px;
  --wordmark-visible-width: 100%;
}
.brand-copy small {
  width: var(--wordmark-visible-width);
  margin-left: var(--wordmark-visible-left);
  padding: 0;
  letter-spacing: var(--administration-tracking, .18em);
  text-align: left;
  white-space: nowrap;
}


@media (max-width: 1100px) {
  .registry-logo-filter-bar { align-items: flex-start; flex-direction: column; }
  .registry-logo-filter-bar .segmented-filter { margin-left: 0; }
  .workspace-session-actions { grid-template-columns: 1fr 1fr; }
  .workspace-session-actions .manual-fallback-control { grid-column: 1 / -1; }
  #workspace-start-session { grid-column: 1; }
  #workspace-scan-session { grid-column: 2; }
}

@media (max-width: 640px) {
  .workspace-session-actions { grid-template-columns: 1fr; }
  #workspace-start-session,
  #workspace-scan-session { grid-column: 1; }
  .publication-queue-actions #publication-publish { width: 100%; min-width: 0; }
}

/* Step 552 additional UI revisions */
.message {
  right: clamp(1rem, 3vw, 3rem);
  left: auto;
  width: fit-content;
  min-width: min(19rem, calc(100vw - 2rem));
  max-width: min(52rem, calc(100vw - 2rem));
  max-height: calc(100dvh - 11rem);
  margin: 0;
  overflow: auto;
}
#message-text {
  min-width: 0;
  max-width: 42rem;
  overflow-wrap: anywhere;
}

.registry-toolbar {
  display: grid;
  grid-template-columns: minmax(22rem, 1fr) auto auto;
  align-items: end;
  justify-content: stretch;
  gap: .75rem;
}
.registry-toolbar .registry-search { width: 100%; min-width: 0; }
.registry-toolbar .segmented-filter { align-self: end; white-space: nowrap; }
.registry-toolbar #registry-refresh { min-height: 2.75rem; white-space: nowrap; }

input:focus,
input:focus-visible {
  outline: none;
  border-color: rgba(238, 214, 143, .38);
  box-shadow: inset 0 1px .25rem rgba(0, 0, 0, .32);
}

.archive-fact-grid > .derived-channel,
.archive-filter-control {
  display: grid;
  min-width: 0;
  min-height: 4.45rem;
  align-content: end;
  grid-template-rows: .85rem 2.75rem;
  gap: .35rem;
  padding: .35rem .65rem;
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  background: var(--window-subtle);
}
.archive-filter-control > span { align-self: end; }
.archive-filter-control .visionx-select-button { height: 2.75rem; min-height: 2.75rem; }
.archive-detail-header { flex-wrap: wrap; }
.archive-detail-header-actions { flex-wrap: wrap; justify-content: flex-end; }
.archive-detail-navigation {
  display: inline-flex;
  min-height: 2.75rem;
  align-items: center;
  gap: .38rem;
  padding: .28rem .38rem .28rem .7rem;
  border: 1px solid var(--border);
  border-radius: var(--radius-pill);
  background: var(--window-subtle);
}
.archive-detail-navigation > span {
  margin-right: .12rem;
  color: var(--text-faint);
  font-size: .57rem;
  font-weight: 850;
  letter-spacing: .12em;
  white-space: nowrap;
}
.safari-circle-action {
  position: relative;
  display: inline-grid;
  width: 2.05rem;
  min-width: 2.05rem;
  height: 2.05rem;
  min-height: 2.05rem;
  place-items: center;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 50%;
  color: var(--text-muted);
  background: rgba(255, 255, 255, .035);
  box-shadow: none;
  transition: color .18s ease, background-color .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}
.safari-circle-action:hover:not(:disabled),
.safari-circle-action:focus-visible {
  border-color: rgba(255, 225, 125, .72);
  color: #211a09;
  background: linear-gradient(145deg, #f3d573, #c9962c);
  box-shadow: 0 .3rem 1rem rgba(207, 173, 82, .22);
  transform: scale(1.035);
}
.safari-circle-action:active:not(:disabled) { transform: scale(.96); }
.safari-close-action { font-size: 1.08rem; font-weight: 500; line-height: 1; }
.safari-chevron {
  display: block;
  width: .48rem;
  height: .48rem;
  border-top: 1.7px solid currentColor;
  border-left: 1.7px solid currentColor;
}
.safari-chevron-up { transform: translateY(.12rem) rotate(45deg); }
.safari-chevron-down { transform: translateY(-.12rem) rotate(225deg); }

.server-credential-disclosure {
  border-color: var(--border);
  border-radius: .65rem;
  background: var(--window-subtle);
  box-shadow: none;
  transition: border-color .16s ease, background-color .16s ease, box-shadow .16s ease;
}
.server-credential-disclosure:hover,
.server-credential-disclosure:focus-within,
.server-credential-disclosure[open] {
  border-color: var(--border-strong);
  background: var(--window-subtle);
}
.server-credential-disclosure > summary {
  min-height: 3.85rem;
  padding: .62rem .8rem;
  color: var(--text-muted);
}
.server-credential-disclosure > summary::after {
  content: "";
  width: .52rem;
  height: .52rem;
  margin-right: .3rem;
  border-right: 1.6px solid var(--gold-strong);
  border-bottom: 1.6px solid var(--gold-strong);
  transform: translateY(-.12rem) rotate(45deg);
  transition: transform .18s ease;
}
.server-credential-disclosure[open] > summary::after { transform: translateY(.12rem) rotate(225deg); }
.server-credential-disclosure[open] > summary { border-bottom-color: var(--border); }
.server-credential-disclosure[open] .server-credential-editor { animation: visionx-disclosure-open .18s ease-out both; }
@keyframes visionx-disclosure-open {
  from { opacity: 0; transform: translateY(-.3rem); }
  to { opacity: 1; transform: translateY(0); }
}

.pack-maintenance-pack-selector {
  display: grid;
  width: auto;
  grid-template-columns: minmax(16rem, 1fr) auto;
  align-items: end;
  gap: .75rem;
  margin: 1rem 1.1rem .75rem;
  padding: .85rem;
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--window-subtle);
}
.pack-maintenance-order-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: .5rem;
}
.pack-maintenance-order-actions button { min-height: 2.75rem; }
.pack-maintenance-order-actions .context-fact {
  display: inline-flex;
  min-height: 2.75rem;
  align-items: center;
  padding: .35rem .65rem;
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  background: rgba(7, 8, 6, .34);
  white-space: nowrap;
}
.pack-maintenance-fields {
  margin: 0 1.1rem .75rem;
  padding: .85rem;
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  background: rgba(7, 8, 6, .26);
}
.pack-held-asset {
  margin: 0 1.1rem .8rem;
  padding: .8rem;
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--window-subtle);
}
.pack-maintenance .member-list {
  overflow: clip;
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  background: rgba(7, 8, 6, .24);
}
.pack-maintenance-actions { align-items: center; padding-top: .1rem; }

.folder-selection-action {
  width: 10.5rem;
  min-width: 10.5rem;
  height: 2.75rem;
  min-height: 2.75rem;
  padding: .45rem .9rem;
  border-radius: var(--radius-md);
  font-size: .76rem;
  line-height: 1;
}

.visionx-select-menu,
.asset-search-results,
.timeframe-search-results {
  gap: .32rem;
  padding: .52rem;
  border-color: rgba(238, 214, 143, .52);
  border-radius: var(--radius-lg);
  background: linear-gradient(180deg, rgba(25, 26, 21, .997), rgba(9, 10, 8, .997));
  box-shadow: 0 1.4rem 3.8rem rgba(0, 0, 0, .68), inset 0 1px rgba(255, 255, 255, .04);
}
.visionx-select-option {
  min-height: 3rem;
  padding: .68rem .78rem;
  border-radius: calc(var(--radius-lg) - .2rem);
  font-size: .82rem;
  line-height: 1.35;
}
.asset-search-results button,
.timeframe-search-results button {
  min-height: 3.15rem;
  padding: .68rem .78rem;
  border-radius: calc(var(--radius-lg) - .2rem);
  line-height: 1.35;
}
.asset-search-results button strong { line-height: 1.25; }
.asset-search-results button span,
.asset-search-results button .asset-search-readiness { line-height: 1.45; }

.visionx-select-menu,
.asset-search-results,
.timeframe-search-results,
.table-wrap,
.operator-audit-results,
.technical-details pre,
.workspace-quick-look,
.archive-quick-look {
  scrollbar-color: rgba(224, 181, 71, .7) transparent;
  scrollbar-gutter: stable;
}
.visionx-select-menu::-webkit-scrollbar,
.asset-search-results::-webkit-scrollbar,
.timeframe-search-results::-webkit-scrollbar,
.table-wrap::-webkit-scrollbar,
.operator-audit-results::-webkit-scrollbar,
.technical-details pre::-webkit-scrollbar,
.workspace-quick-look::-webkit-scrollbar,
.archive-quick-look::-webkit-scrollbar { width: .68rem; height: .68rem; }
.visionx-select-menu::-webkit-scrollbar-track,
.asset-search-results::-webkit-scrollbar-track,
.timeframe-search-results::-webkit-scrollbar-track,
.table-wrap::-webkit-scrollbar-track,
.operator-audit-results::-webkit-scrollbar-track,
.technical-details pre::-webkit-scrollbar-track,
.workspace-quick-look::-webkit-scrollbar-track,
.archive-quick-look::-webkit-scrollbar-track {
  margin-block: .72rem;
  background: transparent;
}
.visionx-select-menu::-webkit-scrollbar-thumb,
.asset-search-results::-webkit-scrollbar-thumb,
.timeframe-search-results::-webkit-scrollbar-thumb,
.table-wrap::-webkit-scrollbar-thumb,
.operator-audit-results::-webkit-scrollbar-thumb,
.technical-details pre::-webkit-scrollbar-thumb,
.workspace-quick-look::-webkit-scrollbar-thumb,
.archive-quick-look::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 999px;
  background: rgba(224, 181, 71, .7);
  background-clip: padding-box;
}
.visionx-select-menu::-webkit-scrollbar-corner,
.asset-search-results::-webkit-scrollbar-corner,
.timeframe-search-results::-webkit-scrollbar-corner,
.table-wrap::-webkit-scrollbar-corner,
.operator-audit-results::-webkit-scrollbar-corner,
.technical-details pre::-webkit-scrollbar-corner,
.workspace-quick-look::-webkit-scrollbar-corner,
.archive-quick-look::-webkit-scrollbar-corner { background: transparent; }


@media (max-width: 1180px) {
  .registry-toolbar { grid-template-columns: minmax(18rem, 1fr) auto; }
  .registry-toolbar .registry-search { grid-column: 1 / -1; }
  .registry-toolbar #registry-refresh { justify-self: end; }
  .pack-maintenance-pack-selector { grid-template-columns: 1fr; }
  .pack-maintenance-order-actions { justify-content: flex-start; flex-wrap: wrap; }
}

@media (max-width: 760px) {
  .message { right: .65rem; left: .65rem; width: auto; min-width: 0; max-width: none; }
  .registry-toolbar { grid-template-columns: 1fr; }
  .registry-toolbar .registry-search { grid-column: auto; }
  .registry-toolbar .segmented-filter { display: grid; grid-template-columns: 1fr; width: 100%; }
  .registry-toolbar #registry-refresh { width: 100%; justify-self: stretch; }
  .archive-detail-header-actions,
  .archive-detail-navigation { width: 100%; }
  .archive-detail-navigation { justify-content: flex-end; }
  .archive-detail-navigation > span { margin-right: auto; }
  .pack-maintenance-order-actions { display: grid; grid-template-columns: 1fr 1fr; }
  .pack-maintenance-order-actions .context-fact { grid-column: 1 / -1; justify-content: center; }
  .folder-selection-action { width: 100%; min-width: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .server-credential-disclosure[open] .server-credential-editor { animation: none; }
  .safari-circle-action { transition: none; }
}

/* Step 552 additional UI revisions — alignment and component unification */
.message {
  right: auto;
  left: 50%;
  width: fit-content;
  min-width: min(19rem, calc(100vw - 2rem));
  max-width: min(52rem, calc(100vw - 2rem));
  transform: translateX(-50%);
}

.workspace-downloads-configuration {
  grid-template-columns: 1.4fr 1fr .8fr .8fr;
  align-items: stretch;
  gap: .75rem;
}
.folder-selection-summary {
  grid-column: 1 / 4;
  min-height: 3.85rem;
  align-content: center;
}
.folder-selection-actions {
  display: grid;
  min-width: 0;
  grid-column: 4;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .75rem;
}
.folder-selection-actions .folder-selection-action {
  width: 100%;
  min-width: 0;
  height: 100%;
  min-height: 3.85rem;
  padding-inline: .7rem;
}

.pack-maintenance-fields > .pack-maintenance-field-box,
.pack-maintenance-fields > .derived-channel {
  min-width: 0;
  min-height: 4.45rem;
  padding: .35rem .65rem;
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  background: var(--window-subtle);
}
.pack-maintenance-fields > .pack-maintenance-field-box {
  display: grid;
  align-content: end;
  grid-template-rows: .85rem 2.75rem;
  gap: .35rem;
}
.pack-maintenance-fields > .pack-maintenance-field-box input,
.pack-maintenance-fields > .pack-maintenance-field-box .visionx-select-button {
  height: 2.75rem;
  min-height: 2.75rem;
  border-radius: var(--radius-md);
  background: rgba(7, 8, 6, .34);
}
.pack-maintenance .member-actions {
  align-items: center;
  gap: .42rem;
}
.pack-maintenance .member-actions .safari-circle-action {
  width: 2.05rem;
  min-width: 2.05rem;
  height: 2.05rem;
  min-height: 2.05rem;
  padding: 0;
}

.archive-detail-header-actions {
  margin-left: auto;
  justify-content: flex-end;
}
.archive-detail-navigation { order: 3; }
#archive-record-download { order: 2; }
#archive-delete-release { order: 1; }
.archive-fact-grid { align-items: stretch; }
.archive-fact-grid > .derived-channel,
.archive-filter-control {
  display: grid;
  min-width: 0;
  min-height: 3.85rem;
  align-content: center;
  grid-template-rows: auto;
  gap: .35rem;
  padding: .4rem .65rem;
  border: 1px solid var(--border);
  border-radius: .48rem;
  background: var(--window-subtle);
}
.archive-filter-control .visionx-select-button {
  height: 2.15rem;
  min-height: 2.15rem;
  border-radius: .48rem;
}

.server-credential-disclosure.manual-fallback-disclosure {
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: .65rem;
  background: var(--window-subtle);
  box-shadow: none;
}
.server-credential-disclosure.manual-fallback-disclosure:hover,
.server-credential-disclosure.manual-fallback-disclosure:focus-within,
.server-credential-disclosure.manual-fallback-disclosure[open] {
  border-color: var(--border-strong);
  background: var(--window-subtle);
  box-shadow: none;
}
.server-credential-disclosure.manual-fallback-disclosure > summary {
  display: grid;
  min-height: 3.85rem;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 1rem;
  padding: .62rem .8rem;
  border-bottom: 1px solid transparent;
  color: var(--text-muted);
  background: transparent;
  text-align: left;
}
.server-credential-disclosure.manual-fallback-disclosure > summary > div {
  display: grid;
  min-width: 0;
  gap: .12rem;
}
.server-credential-disclosure.manual-fallback-disclosure > summary h2 {
  overflow: hidden;
  color: var(--text-muted);
  font-size: .67rem;
  letter-spacing: .08em;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.server-credential-disclosure.manual-fallback-disclosure > summary::after {
  content: "EXPAND";
  width: auto;
  height: auto;
  margin: 0;
  border: 0;
  color: var(--text-faint);
  font-size: .55rem;
  font-weight: 800;
  letter-spacing: .12em;
  transform: none;
}
.server-credential-disclosure.manual-fallback-disclosure[open] > summary {
  border-bottom-color: var(--border);
}
.server-credential-disclosure.manual-fallback-disclosure[open] > summary::after {
  content: "COLLAPSE";
  transform: none;
}
.server-credential-disclosure.manual-fallback-disclosure .server-credential-editor {
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.primary-nav button,
.segmented-filter button,
.visionx-select-button,
.visionx-select-option,
.asset-search-results button,
.timeframe-search-results button,
input:not([type="file"]),
.file-picker-shell,
.derived-channel,
.pack-maintenance-field-box,
.archive-filter-control {
  font-family: "Arial Narrow", "Roboto Condensed", "Helvetica Neue", Arial, sans-serif;
}
.primary-nav button,
.segmented-filter button,
.visionx-select-button,
.visionx-select-option,
.asset-search-results button,
.timeframe-search-results button {
  font-weight: 800;
  letter-spacing: .08em;
  line-height: 1.35;
}
.visionx-select-button,
.visionx-select-option,
.asset-search-results button,
.timeframe-search-results button {
  padding: .72rem .85rem;
}
label > span,
.derived-channel > span,
.pack-maintenance-field-box > span,
.archive-filter-control > span {
  font-size: .63rem;
  font-weight: 800;
  letter-spacing: .18em;
  line-height: 1.2;
}
input:not([type="file"]) {
  padding: .55rem .7rem;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .055em;
  line-height: 1.35;
}

.window-header .safari-close-action,
.registry-editor .safari-close-action {
  flex: 0 0 auto;
}

@media (max-width: 900px) {
  .message {
    position: fixed;
    top: 4.2rem;
    right: auto;
    left: 50%;
    width: fit-content;
    min-width: min(19rem, calc(100vw - 1.3rem));
    max-width: calc(100vw - 1.3rem);
    transform: translateX(-50%);
  }
  .workspace-downloads-configuration {
    grid-template-columns: 1fr;
  }
  .folder-selection-summary,
  .folder-selection-actions {
    grid-column: 1;
  }
  .archive-detail-header-actions { width: 100%; }
}

@media (max-width: 640px) {
  .message {
    right: auto;
    left: 50%;
    width: calc(100vw - 1.3rem);
    min-width: 0;
    max-width: calc(100vw - 1.3rem);
  }
  .folder-selection-actions { grid-template-columns: 1fr; }
  .archive-detail-header-actions { justify-content: flex-start; }
  .archive-detail-navigation { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .server-credential-disclosure.manual-fallback-disclosure[open] .server-credential-editor { animation: none; }
}

/* Step 552 additional UI revisions v3 — header navigation and control geometry */
:root { --visionx-inline-control-height: 2.75rem; }

.brand-lockup {
  flex: 1 1 auto;
  min-width: 0;
}
.brand-copy {
  width: min(48rem, calc(100vw - 28rem));
  min-width: 34rem;
  overflow: visible;
  align-items: center;
  justify-items: center;
  gap: .34rem;
}
.brand-wordmark {
  width: 7.5rem;
  justify-self: center;
}
.brand-copy::after {
  right: auto;
  bottom: auto;
  height: 1.45rem;
}
.brand-copy > .primary-nav {
  position: static;
  top: auto;
  z-index: auto;
  display: flex;
  width: max-content;
  max-width: 100%;
  min-height: 1rem;
  align-items: center;
  justify-content: center;
  gap: 0;
  margin: 0 auto;
  padding: 0;
  overflow-x: auto;
  border: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  scrollbar-width: none;
}
.brand-copy > .primary-nav::-webkit-scrollbar { display: none; }
.brand-copy > .primary-nav button {
  position: relative;
  flex: 0 0 auto;
  min-height: 1rem;
  padding: 0 .43rem;
  border: 0;
  border-radius: 0;
  color: #8e8a80;
  background: transparent;
  box-shadow: none;
  font-family: var(--font-condensed);
  font-size: .49rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .16em;
  white-space: nowrap;
}
.brand-copy > .primary-nav button + button::before {
  content: "·";
  position: absolute;
  top: 50%;
  left: -.08rem;
  color: #5e5b54;
  font-size: .7rem;
  font-weight: 700;
  line-height: 1;
  transform: translateY(-54%);
}
.brand-copy > .primary-nav button:hover:not(:disabled),
.brand-copy > .primary-nav button:focus-visible {
  color: var(--text-muted);
  border: 0;
  background: transparent;
  box-shadow: 0 0 .8rem rgba(240, 207, 107, .08);
  transform: none;
}
.brand-copy > .primary-nav button[aria-current="page"] {
  color: var(--gold-strong);
  border: 0;
  background: transparent;
  box-shadow: 0 0 .75rem rgba(240, 207, 107, .18);
  font-weight: 900;
}
.brand-copy > .primary-nav button[aria-current="page"]::after { content: none; }
.brand-navigation-scrollable > .primary-nav { justify-content: flex-start; }

.server-overview-actions {
  display: grid;
  grid-template-columns: auto minmax(17rem, 22rem) minmax(0, 1fr);
  align-items: start;
  justify-content: start;
  gap: .75rem;
}
.server-overview-actions .context-fact {
  align-self: center;
  margin-right: 0;
}
.server-credential-disclosure.transport-disclosure {
  min-width: 0;
  margin: 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.server-credential-disclosure.transport-disclosure[open] { grid-column: 2 / -1; }
.server-credential-disclosure.transport-disclosure > summary {
  position: relative;
  display: grid;
  min-height: var(--visionx-inline-control-height);
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: auto auto;
  align-content: center;
  align-items: center;
  gap: .08rem .65rem;
  padding: .4rem 2.1rem .4rem .65rem;
  border: 1px solid var(--border);
  border-radius: .48rem;
  color: inherit;
  background: var(--window-subtle);
  box-shadow: inset 0 1px rgba(255, 255, 255, .018);
  list-style: none;
  cursor: pointer;
}
.server-credential-disclosure.transport-disclosure > summary > span {
  color: var(--text-faint);
  font-size: .63rem;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: .18em;
}
.server-credential-disclosure.transport-disclosure > summary > strong {
  color: var(--text-muted);
  font-size: .67rem;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: .08em;
}
.server-credential-disclosure.transport-disclosure > summary::after {
  content: "";
  position: absolute;
  top: 50%;
  right: .8rem;
  width: .42rem;
  height: .42rem;
  margin-top: -.28rem;
  border-right: 1px solid var(--text-faint);
  border-bottom: 1px solid var(--text-faint);
  transform: rotate(45deg);
  transition: transform .16s ease, margin-top .16s ease;
}
.server-credential-disclosure.transport-disclosure:hover > summary,
.server-credential-disclosure.transport-disclosure:focus-within > summary {
  border-color: var(--border-strong);
  background: var(--window-subtle);
}
.server-credential-disclosure.transport-disclosure[open] > summary {
  border-color: var(--border-strong);
  border-radius: .48rem .48rem 0 0;
}
.server-credential-disclosure.transport-disclosure[open] > summary::after {
  margin-top: -.08rem;
  transform: rotate(225deg);
}
.server-credential-disclosure.transport-disclosure .server-credential-editor {
  margin: 0;
  padding: .9rem;
  border: 1px solid var(--border-strong);
  border-top: 0;
  border-radius: 0 0 .65rem .65rem;
  background: rgba(10, 11, 8, .88);
  animation: visionx-disclosure-open .18s ease-out both;
}

.archive-fact-grid { align-items: stretch; }
.archive-fact-grid > .derived-channel {
  min-height: 2.75rem;
  padding: .55rem .78rem;
  border: 1px solid rgba(238, 214, 143, .14);
  border-radius: var(--radius-lg);
  background:
    linear-gradient(145deg, rgba(34, 33, 26, .58), rgba(9, 10, 8, .52)),
    rgba(12, 13, 10, .62);
  box-shadow: inset 0 1px rgba(255, 255, 255, .024);
}
.archive-fact-grid > .derived-channel > span {
  color: #8e897d;
  font-family: var(--font-condensed);
  font-size: .69rem;
  font-weight: 850;
  line-height: 1.1;
  letter-spacing: .17em;
}
.archive-fact-grid > .derived-channel strong {
  color: var(--text-muted);
  font-size: .78rem;
  line-height: 1.3;
  letter-spacing: .055em;
}
.archive-filter-control {
  position: relative;
  display: block;
  min-width: 0;
  min-height: 2.75rem;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}
.archive-filter-control > span {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}
.archive-filter-control .visionx-select,
.archive-filter-control .visionx-select-button { width: 100%; height: 100%; }
.archive-filter-control .visionx-select-button {
  min-height: 2.75rem;
  padding: .55rem .78rem;
  border: 1px solid rgba(238, 214, 143, .14);
  border-radius: var(--radius-lg);
  background:
    linear-gradient(145deg, rgba(34, 33, 26, .58), rgba(9, 10, 8, .52)),
    rgba(12, 13, 10, .62);
  box-shadow: inset 0 1px rgba(255, 255, 255, .024);
}
.visionx-select-copy {
  display: grid;
  min-width: 0;
  gap: .08rem;
  text-align: left;
}
.visionx-select-inline-label {
  color: #8e897d;
  font-family: var(--font-condensed);
  font-size: .69rem;
  font-style: normal;
  font-weight: 850;
  line-height: 1.1;
  letter-spacing: .17em;
}
.archive-filter-control .visionx-select-value {
  color: var(--text-muted);
  font-size: .78rem;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: .055em;
}
.visionx-select-option i,
.visionx-select-tick {
  width: 1rem;
  color: var(--gold-strong);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI Symbol", sans-serif;
  font-size: .82rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  text-align: center;
}

.workspace-downloads-configuration {
  grid-template-columns: 1.4fr 1fr .8fr .8fr;
  align-items: stretch;
  gap: .75rem;
  padding: .8rem;
  border: 1px solid rgba(238, 214, 143, .12);
  border-radius: .78rem;
  background: linear-gradient(180deg, rgba(19, 20, 16, .72), rgba(8, 9, 7, .72));
  box-shadow: inset 0 1px rgba(255, 255, 255, .025);
}
.folder-selection-summary {
  grid-column: 1 / 4;
  min-height: 3.5rem;
  padding: .6rem .8rem;
  border-color: rgba(238, 214, 143, .2);
  border-radius: .62rem;
  background: rgba(7, 8, 6, .5);
  box-shadow: inset 0 1px rgba(255, 255, 255, .02);
}
.folder-selection-actions {
  grid-column: 4;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .55rem;
}
.folder-selection-actions .folder-selection-action {
  min-width: 0;
  height: 100%;
  min-height: 3.5rem;
  padding-inline: .6rem;
  border-radius: .62rem;
}

input:not([type="file"]),
.visionx-select-button,
.file-picker-shell { min-height: var(--visionx-inline-control-height); }
.thread-adoption-fields > .derived-channel,
.thread-provisioning-fields > .derived-channel,
.thread-overview-grid > .derived-channel,
.thread-readiness-grid > .derived-channel,
.workspace-overview-grid > .derived-channel,
.workspace-session-grid > .derived-channel,
.server-fact-grid > .derived-channel,
.compact-fields > .derived-channel,
.pack-maintenance-fields > .derived-channel { min-height: var(--visionx-inline-control-height); }
.thread-adoption-fields > button,
.thread-provisioning-fields > button,
.thread-readiness-grid > button,
.server-route-builder > button,
.renderer-fields > .primary-action,
.registry-toolbar > button,
.pack-maintenance-order-actions > button { height: var(--visionx-inline-control-height); min-height: var(--visionx-inline-control-height); }
.thread-adoption-fields .visionx-select-button,
.thread-adoption-fields input,
.thread-provisioning-fields input,
.thread-overview-grid .visionx-select-button,
.workspace-overview-grid .visionx-select-button,
.compact-fields input,
.compact-fields .visionx-select-button,
.pack-maintenance-pack-selector .visionx-select-button,
.registry-toolbar input,
.registry-toolbar .visionx-select-button { height: var(--visionx-inline-control-height); }

#view-renderer .asset-search-results,
#view-renderer .timeframe-search-results {
  border-color: rgba(238, 214, 143, .56);
  background: linear-gradient(180deg, #1b1c17 0%, #090a08 100%);
  box-shadow: 0 1.35rem 3.6rem rgba(0, 0, 0, .78), inset 0 1px rgba(255, 255, 255, .04);
  backdrop-filter: none;
}
.timeframe-option-row { grid-template-columns: minmax(0, 1fr); }
.timeframe-option-row.managing { grid-template-columns: minmax(0, 1fr) auto; }
.renderer-timeframe-manage {
  display: flex;
  width: 100%;
  min-height: 2.7rem;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  padding: .55rem .7rem;
  border: 1px solid transparent;
  border-radius: .5rem;
  color: var(--text-muted);
  background: rgba(255, 255, 255, .015);
  font-family: var(--font-condensed);
  font-size: .62rem;
  font-weight: 850;
  letter-spacing: .12em;
  text-align: left;
}
.renderer-timeframe-manage:hover:not(:disabled),
.renderer-timeframe-manage:focus-visible {
  border-color: rgba(238, 214, 143, .24);
  color: var(--text);
  background: rgba(207, 173, 82, .07);
  transform: none;
}
.renderer-timeframe-manage-state {
  width: .42rem;
  height: .42rem;
  border-right: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  transform: translateY(-.12rem) rotate(45deg);
  transition: transform .16s ease;
}
.renderer-timeframe-manage[aria-expanded="true"] .renderer-timeframe-manage-state {
  transform: translateY(.12rem) rotate(225deg);
}
.renderer-timeframe-manager-panel {
  padding: .2rem .2rem .05rem;
  animation: visionx-disclosure-open .16s ease-out both;
}
.renderer-timeframe-manager-panel > p {
  margin: 0;
  padding: .2rem .45rem .5rem;
  color: var(--text-faint);
  font-size: .56rem;
  line-height: 1.45;
}

.message { top: 6.1rem; }
.view[aria-busy="true"]::before { top: 6.1rem; }
.thread-adoption { scroll-margin-top: 6.5rem; }

@media (max-width: 1180px) {
  .brand-copy {
    width: min(42rem, calc(100vw - 20rem));
    min-width: 30rem;
  }
  .brand-copy > .primary-nav button { padding-inline: .34rem; font-size: .46rem; }
  .server-overview-actions { grid-template-columns: auto minmax(16rem, 20rem) minmax(0, 1fr); }
}

@media (max-width: 900px) {
  .app-header { position: sticky; top: 0; }
  .brand-lockup { width: 100%; }
  .brand-copy { width: min(100%, 40rem); min-width: 0; }
  .brand-copy > .primary-nav { width: 100%; justify-content: flex-start; }
  .canonical-context { align-self: flex-end; }
  .server-overview-actions { grid-template-columns: 1fr 1fr; }
  .server-overview-actions .context-fact { grid-column: 1 / -1; }
  .server-credential-disclosure.transport-disclosure[open] { grid-column: 1 / -1; }
  .message { top: 7.4rem; }
  .workspace-downloads-configuration { grid-template-columns: 1fr; }
  .folder-selection-summary,
  .folder-selection-actions { grid-column: 1; }
}

@media (max-width: 640px) {
  .brand-lockup { gap: .65rem; }
  .brand-emblem { width: 2.3rem; height: 2.3rem; }
  .brand-rule { height: 2.2rem; }
  .brand-copy > .primary-nav button { padding-inline: .3rem; font-size: .44rem; }
  .server-overview-actions { grid-template-columns: 1fr; }
  .server-credential-disclosure.transport-disclosure,
  .server-credential-disclosure.transport-disclosure[open],
  .server-overview-actions .context-fact { grid-column: 1; }
  .folder-selection-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (prefers-reduced-motion: reduce) {
  .server-credential-disclosure.transport-disclosure .server-credential-editor,
  .renderer-timeframe-manager-panel { animation: none; }
  .renderer-timeframe-manage-state,
  .server-credential-disclosure.transport-disclosure > summary::after { transition: none; }
}

/* Step 552 additional UI revisions v4 */
.archive-filter-control > .archive-filter-label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}
.archive-filter-control > .visionx-select {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  min-height: 2.75rem;
  overflow: visible;
  clip: auto;
  clip-path: none;
  white-space: normal;
}
.archive-filter-control .visionx-select-button {
  width: 100%;
  height: 100%;
  min-height: 2.75rem;
  padding: .55rem .78rem;
  border: 1px solid rgba(238, 214, 143, .14);
  border-radius: var(--radius-lg);
  background:
    linear-gradient(145deg, rgba(34, 33, 26, .58), rgba(9, 10, 8, .52)),
    rgba(12, 13, 10, .62);
  box-shadow: inset 0 1px rgba(255, 255, 255, .024);
}

.renderer-dropdown-anchor,
.renderer-timeframe-anchor { position: relative; }
.renderer-dropdown-menu {
  position: absolute;
  z-index: 180;
  top: calc(100% + .42rem);
  right: 0;
  left: 0;
  display: grid;
  max-height: min(24rem, 52vh);
  gap: .22rem;
  padding: .45rem;
  overflow-x: hidden;
  overflow-y: auto;
  border: 1px solid rgba(239, 205, 102, .66);
  border-radius: .72rem;
  background:
    linear-gradient(180deg, rgba(25, 26, 21, .995), rgba(7, 8, 6, .995)),
    #090a08;
  box-shadow: 0 1.4rem 3.8rem rgba(0, 0, 0, .82), inset 0 1px rgba(255, 255, 255, .045);
  isolation: isolate;
  scrollbar-gutter: stable;
  overscroll-behavior: contain;
  animation: visionx-renderer-menu-open .11s cubic-bezier(.2, .78, .24, 1) both;
}
.renderer-dropdown-menu[hidden] { display: none; }
.renderer-dropdown-menu::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  border-radius: inherit;
  background: #0b0c09;
  opacity: .98;
}
.renderer-dropdown-menu button[role="option"] {
  position: relative;
  display: grid;
  width: 100%;
  min-height: 3rem;
  gap: .16rem;
  padding: .62rem .75rem;
  border: 1px solid transparent;
  border-radius: .5rem;
  color: var(--text-muted);
  background: transparent;
  font-family: var(--font-condensed);
  line-height: 1.35;
  text-align: left;
}
.renderer-dropdown-menu button[role="option"] strong {
  color: var(--text);
  font-size: .75rem;
  font-weight: 850;
  letter-spacing: .075em;
}
.renderer-dropdown-menu button[role="option"] span {
  color: var(--text-faint);
  font-size: .59rem;
  font-weight: 700;
  letter-spacing: .065em;
}
.renderer-dropdown-menu button[role="option"]:hover,
.renderer-dropdown-menu button[role="option"]:focus-visible {
  border-color: rgba(238, 214, 143, .23);
  color: var(--text);
  background: rgba(255, 255, 255, .038);
  transform: none;
}
.renderer-dropdown-menu button[role="option"][aria-selected="true"] {
  border-color: rgba(240, 207, 107, .46);
  background: linear-gradient(135deg, rgba(207, 173, 82, .16), rgba(207, 173, 82, .045));
  box-shadow: inset 0 1px rgba(255, 239, 184, .05);
}
.renderer-dropdown-menu::-webkit-scrollbar { width: .68rem; }
.renderer-dropdown-menu::-webkit-scrollbar-track {
  margin-block: .58rem;
  border-radius: 999px;
  background: transparent;
}
.renderer-dropdown-menu::-webkit-scrollbar-thumb {
  min-height: 2.2rem;
  border: .19rem solid transparent;
  border-radius: 999px;
  background: rgba(225, 195, 108, .48);
  background-clip: padding-box;
}
.renderer-dropdown-menu::-webkit-scrollbar-corner { background: transparent; }
@keyframes visionx-renderer-menu-open {
  from { opacity: 0; transform: translateY(-.28rem) scale(.992); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

.renderer-timeframe-manager {
  display: grid;
  gap: .42rem;
  margin-top: .5rem;
  border: 0;
  border-radius: .72rem;
  background: transparent;
}
.renderer-timeframe-manage {
  display: flex;
  width: 100%;
  min-height: 3rem;
  align-items: center;
  justify-content: space-between;
  gap: .8rem;
  padding: .55rem .72rem;
  border: 1px solid rgba(238, 214, 143, .14);
  border-radius: .68rem;
  color: var(--text-muted);
  background: linear-gradient(180deg, rgba(28, 29, 23, .74), rgba(10, 11, 8, .74));
  box-shadow: inset 0 1px rgba(255, 255, 255, .028);
  text-align: left;
  transition: border-color .12s ease, background-color .12s ease, box-shadow .12s ease;
}
.renderer-timeframe-manage > span:first-child { display: grid; gap: .12rem; }
.renderer-timeframe-manage small {
  color: var(--text-faint);
  font-family: var(--font-condensed);
  font-size: .51rem;
  font-weight: 800;
  letter-spacing: .15em;
}
.renderer-timeframe-manage strong {
  color: var(--text-muted);
  font-family: var(--font-condensed);
  font-size: .68rem;
  font-weight: 850;
  letter-spacing: .095em;
}
.renderer-timeframe-manage:hover:not(:disabled),
.renderer-timeframe-manage:focus-visible,
.renderer-timeframe-manage[aria-expanded="true"] {
  border-color: rgba(239, 205, 102, .34);
  background: linear-gradient(180deg, rgba(36, 35, 27, .82), rgba(11, 12, 9, .82));
  box-shadow: inset 0 1px rgba(255, 255, 255, .035), 0 .55rem 1.4rem rgba(0, 0, 0, .2);
  transform: none;
}
.renderer-timeframe-manage-state {
  width: .48rem;
  height: .48rem;
  flex: 0 0 auto;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: translateY(-.13rem) rotate(45deg);
  transition: transform .11s ease;
}
.renderer-timeframe-manage[aria-expanded="true"] .renderer-timeframe-manage-state { transform: translateY(.13rem) rotate(225deg); }
.renderer-timeframe-manager-panel {
  display: grid;
  gap: .55rem;
  padding: .65rem;
  border: 1px solid rgba(238, 214, 143, .15);
  border-radius: .68rem;
  background: linear-gradient(180deg, rgba(20, 21, 17, .96), rgba(8, 9, 7, .96));
  box-shadow: inset 0 1px rgba(255, 255, 255, .025), 0 .8rem 2rem rgba(0, 0, 0, .28);
  animation: visionx-disclosure-open .12s ease-out both;
}
.renderer-timeframe-manager-panel[hidden] { display: none; }
.renderer-timeframe-manager-controls {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: .5rem;
  padding: 0;
}
.renderer-timeframe-management-list { display: grid; gap: .28rem; }
.renderer-timeframe-management-row {
  display: flex;
  min-height: 2.55rem;
  align-items: center;
  justify-content: space-between;
  gap: .65rem;
  padding: .3rem .38rem .3rem .7rem;
  border: 1px solid rgba(238, 214, 143, .09);
  border-radius: .55rem;
  background: rgba(255, 255, 255, .018);
}
.renderer-timeframe-management-row > span { display: flex; align-items: baseline; gap: .55rem; }
.renderer-timeframe-management-row strong { color: var(--text); font-size: .7rem; letter-spacing: .08em; }
.renderer-timeframe-management-row small { color: var(--text-faint); font-size: .5rem; font-weight: 800; letter-spacing: .12em; }
.renderer-timeframe-management-row .safari-circle-action { width: 1.85rem; min-width: 1.85rem; height: 1.85rem; min-height: 1.85rem; }
.renderer-timeframe-manager-panel > p { margin: 0; padding: .1rem .15rem 0; }

.workspace-downloads-configuration {
  grid-template-columns: 1.4fr 1fr .8fr .8fr;
  align-items: stretch;
  gap: .75rem;
  margin: 0 1.1rem 1rem;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.folder-selection-summary {
  grid-column: 1 / 4;
  min-height: 3.85rem;
  padding: .62rem .82rem;
  border: 1px solid rgba(238, 214, 143, .18);
  border-radius: .7rem;
  background: linear-gradient(180deg, rgba(27, 28, 22, .78), rgba(9, 10, 8, .78));
  box-shadow: inset 0 1px rgba(255, 255, 255, .028), 0 .5rem 1.3rem rgba(0, 0, 0, .12);
}
.folder-selection-actions { grid-column: 4; gap: .55rem; }
.folder-selection-actions .folder-selection-action {
  height: 3.85rem;
  min-height: 3.85rem;
  padding-inline: .5rem;
  border-radius: .7rem;
}
.manual-fallback-control,
.manual-fallback-control:hover:not(:disabled),
.manual-fallback-control:focus-visible,
.manual-fallback-control[aria-expanded="true"] {
  border-color: rgba(238, 214, 143, .18);
  background: linear-gradient(180deg, rgba(27, 28, 22, .78), rgba(9, 10, 8, .78));
  box-shadow: inset 0 1px rgba(255, 255, 255, .028), 0 .5rem 1.3rem rgba(0, 0, 0, .12);
}
.manual-fallback-control:hover:not(:disabled),
.manual-fallback-control:focus-visible,
.manual-fallback-control[aria-expanded="true"] { border-color: rgba(238, 214, 143, .34); }

.thread-adoption-fields { align-items: end; }
.thread-adoption-fields > label,
.thread-adoption-fields > .derived-channel {
  display: grid;
  min-width: 0;
  min-height: 4.45rem;
  grid-template-rows: .85rem 2.75rem;
  align-content: end;
  gap: .35rem;
  padding: .35rem .65rem;
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  background: var(--window-subtle);
}
.thread-adoption-fields > label > span,
.thread-adoption-fields > .derived-channel > span { align-self: end; }
.thread-adoption-fields > .derived-channel strong {
  display: flex;
  min-width: 0;
  height: 2.75rem;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.thread-adoption-fields input,
.thread-adoption-fields .visionx-select,
.thread-adoption-fields .visionx-select-button {
  width: 100%;
  height: 2.75rem;
  min-height: 2.75rem;
}
.thread-adoption-fields > button {
  height: 2.75rem;
  min-height: 2.75rem;
  align-self: end;
  padding-block: .35rem;
  border-radius: var(--radius-pill);
}

.server-overview-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: start;
  gap: .75rem;
  padding: 0 1.1rem 1rem;
}
#server-test-current { grid-column: 1; width: 100%; min-width: 0; height: var(--visionx-inline-control-height); }
.server-credential-disclosure.transport-disclosure,
.server-credential-disclosure.transport-disclosure[open] {
  grid-column: 2 / 5;
  width: 100%;
  min-width: 0;
}

.safari-circle-action {
  transition: color .085s cubic-bezier(.2, .8, .2, 1), background-color .085s cubic-bezier(.2, .8, .2, 1), border-color .085s cubic-bezier(.2, .8, .2, 1), transform .085s cubic-bezier(.2, .8, .2, 1), box-shadow .085s cubic-bezier(.2, .8, .2, 1);
}

.brand-lockup { width: auto; gap: 1rem; }
.brand-emblem { width: 2.85rem; height: 2.85rem; }
.brand-rule { height: 2.65rem; }
.brand-copy {
  position: relative;
  display: grid;
  width: 7.5rem;
  min-width: 7.5rem;
  align-content: center;
  justify-items: start;
  overflow: visible;
}
.brand-copy::after { content: none; animation: none; }
.brand-wordmark-shell {
  position: relative;
  display: block;
  width: 7.5rem;
  overflow: hidden;
}
.brand-wordmark { display: block; width: 100%; height: auto; }
.brand-wordmark-shell::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -48%;
  width: 30%;
  opacity: 0;
  transform: skewX(-18deg);
  background: linear-gradient(90deg, transparent, rgba(255, 244, 197, .32), transparent);
  pointer-events: none;
}
.brand-copy > .primary-nav {
  position: static;
  display: flex;
  width: max-content;
  max-width: min(76vw, 64rem);
  justify-self: center;
  align-items: center;
  justify-content: center;
  gap: 0;
  margin-top: .3rem;
  padding: 0;
  overflow-x: auto;
  overflow-y: hidden;
  border: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  scrollbar-width: none;
}
.brand-copy > .primary-nav::-webkit-scrollbar { display: none; }
.brand-copy > .primary-nav button {
  position: relative;
  z-index: 1;
  flex: 0 0 auto;
  width: auto;
  min-width: 0;
  min-height: 0;
  padding: .06rem .42rem;
  border: 0;
  border-radius: 0;
  background: linear-gradient(180deg, #d0cec8 0%, #77746d 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  box-shadow: none;
  font-family: var(--font-condensed);
  font-size: .61rem;
  font-weight: 820;
  line-height: 1.25;
  letter-spacing: .105em;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .02);
  transition: filter .1s ease, text-shadow .1s ease;
}
.brand-copy > .primary-nav button + button::before {
  content: "·";
  position: absolute;
  top: 50%;
  left: -.08rem;
  color: #77746d;
  -webkit-text-fill-color: #77746d;
  transform: translate(-50%, -51%);
  font-size: .58rem;
  font-weight: 800;
  opacity: .82;
}
.brand-copy > .primary-nav button:hover:not(:disabled),
.brand-copy > .primary-nav button:focus-visible {
  filter: brightness(1.25);
  background-color: transparent;
  transform: none;
}
.brand-copy > .primary-nav button[aria-current="page"] {
  border: 0;
  background: linear-gradient(180deg, #fff0af 0%, #e0b748 52%, #a97219 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  box-shadow: none;
  font-weight: 900;
  filter: drop-shadow(0 0 .22rem rgba(224, 183, 63, .44));
}
.brand-copy > .primary-nav button[aria-current="page"]::after {
  content: "";
  position: absolute;
  z-index: -1;
  right: .05rem;
  bottom: -.22rem;
  left: .05rem;
  height: .65rem;
  border-radius: 50%;
  background: radial-gradient(ellipse at center, rgba(220, 171, 51, .32), rgba(201, 145, 31, .12) 42%, transparent 74%);
  filter: blur(.32rem);
  opacity: .78;
  pointer-events: none;
}
.brand-navigation-scrollable > .primary-nav { justify-content: flex-start; }
@media (prefers-reduced-motion: no-preference) {
  .brand-wordmark-shell::after { animation: visionx-wordmark-shimmer-restored 5.8s ease-in-out infinite; }
  @keyframes visionx-wordmark-shimmer-restored {
    0%, 72%, 100% { left: -48%; opacity: 0; }
    76% { opacity: .72; }
    84% { left: 118%; opacity: 0; }
  }
}

/* Step 554 final browser corrections */

/* Registry Membership Status is intentionally native-backed. Keeping the
   select in its own visible shell avoids the detached-vault failure mode of
   the global enhanced-select system while retaining native keyboard and
   pointer behaviour. */
.registry-toolbar {
  align-items: end;
}

.registry-query-controls {
  align-items: end;
}

.registry-query-controls .registry-search,
.registry-query-controls .registry-membership-filter {
  display: grid;
  grid-template-rows: auto var(--visionx-inline-control-height);
  gap: .36rem;
  align-content: end;
  min-height: calc(var(--visionx-inline-control-height) + .96rem);
}

.registry-query-controls .registry-search > span,
.registry-membership-filter > span:first-child {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  clip-path: none;
  white-space: nowrap;
}

.registry-query-controls .registry-search input,
.registry-membership-select-shell,
.registry-membership-filter select,
.registry-toolbar .segmented-filter {
  min-height: var(--visionx-inline-control-height);
  height: var(--visionx-inline-control-height);
}

.registry-membership-filter {
  display: grid;
  min-width: 12rem;
  visibility: visible;
  opacity: 1;
}

.registry-membership-select-shell {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  border: 1px solid rgba(238, 214, 143, .24);
  border-radius: var(--radius-lg);
  background:
    linear-gradient(145deg, rgba(36, 35, 28, .98), rgba(10, 11, 8, .99)),
    #0b0c09;
  box-shadow:
    inset 0 1px rgba(255, 255, 255, .035),
    0 .35rem 1rem rgba(0, 0, 0, .16);
}

.registry-membership-filter select {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  margin: 0;
  padding: .52rem 2.45rem .52rem .78rem;
  border: 0;
  border-radius: inherit;
  outline: 0;
  appearance: none;
  -webkit-appearance: none;
  color: var(--text-muted);
  background: transparent;
  font-family: var(--font-condensed);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .055em;
  line-height: 1.2;
  cursor: pointer;
  color-scheme: dark;
}

.registry-membership-filter select option {
  color: var(--text-muted);
  background: #11120e;
}

.registry-membership-select-shell:hover {
  border-color: rgba(238, 214, 143, .42);
}

.registry-membership-select-shell:focus-within {
  border-color: var(--gold-strong);
  box-shadow:
    inset 0 1px rgba(255, 255, 255, .035);
}

.registry-membership-chevron {
  position: absolute;
  z-index: 0;
  top: 50%;
  right: .86rem;
  width: .48rem;
  height: .48rem;
  border-right: 1px solid var(--gold-strong);
  border-bottom: 1px solid var(--gold-strong);
  transform: translateY(-68%) rotate(45deg);
  pointer-events: none;
}

.registry-toolbar .segmented-filter {
  box-sizing: border-box;
  align-self: end;
}

/* Render close marks geometrically instead of relying on the asymmetric
   metrics of the multiplication glyph. */
.safari-close-action {
  position: relative;
  display: grid;
  place-items: center;
  padding: 0;
  font-size: 0;
  line-height: 0;
}

.renderer-timeframe-management-row .safari-close-action {
  padding: 0;
  font-size: 0;
  line-height: 0;
}

.safari-close-action::before,
.safari-close-action::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: .72rem;
  height: 1.5px;
  border-radius: 999px;
  background: currentColor;
  transform-origin: center;
}

.safari-close-action::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.safari-close-action::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

/* WebKit can rasterise transformed/composited descendants at an insufficient
   backing resolution. Quick Look uses integer dimensions, transform-free
   centring, and an opaque surface so the publication image remains sharp. */
#workspace-quick-look-backdrop,
#archive-quick-look-backdrop {
  background: rgba(3, 4, 3, .82);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.workspace-quick-look,
.archive-quick-look {
  inset: 0;
  margin: auto;
  transform: none;
  isolation: isolate;
  background: var(--window-fallback);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.workspace-quick-look .renderer-preview img,
.archive-quick-look .renderer-preview img {
  image-rendering: auto;
  transform: none;
  filter: none;
  backface-visibility: visible;
  -webkit-font-smoothing: auto;
}

@media (max-width: 760px) {
  .registry-query-controls {
    grid-template-columns: 1fr;
  }

  .registry-membership-filter {
    min-width: 0;
  }
}

@media (max-width: 1180px) {
  .brand-copy { width: 7.5rem; min-width: 7.5rem; }
  .brand-copy > .primary-nav { max-width: calc(100vw - 19rem); }
  .brand-copy > .primary-nav button { padding-inline: .34rem; font-size: .56rem; }
}
@media (max-width: 900px) {
  .brand-lockup { width: auto; }
  .brand-copy { width: 6.65rem; min-width: 6.65rem; }
  .brand-wordmark-shell { width: 6.65rem; }
  .brand-copy > .primary-nav { width: max-content; max-width: calc(100vw - 9rem); justify-content: flex-start; }
  .workspace-downloads-configuration { grid-template-columns: 1fr; }
  .folder-selection-summary,
  .folder-selection-actions { grid-column: 1; }
  .server-overview-actions { grid-template-columns: 1fr 1fr; }
  #server-test-current { grid-column: 1; }
  .server-credential-disclosure.transport-disclosure,
  .server-credential-disclosure.transport-disclosure[open] { grid-column: 2; }
}
@media (max-width: 640px) {
  .brand-emblem { width: 2.45rem; height: 2.45rem; }
  .brand-rule { height: 2.3rem; }
  .brand-copy { width: 6.15rem; min-width: 6.15rem; }
  .brand-wordmark-shell { width: 6.15rem; }
  .brand-copy > .primary-nav { max-width: calc(100vw - 7.6rem); }
  .brand-copy > .primary-nav button { padding-inline: .3rem; font-size: .52rem; }
  .server-overview-actions { grid-template-columns: 1fr; }
  #server-test-current,
  .server-credential-disclosure.transport-disclosure,
  .server-credential-disclosure.transport-disclosure[open] { grid-column: 1; }
  .thread-adoption-fields > button { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .renderer-dropdown-menu,
  .renderer-timeframe-manager-panel { animation: none; }
  .renderer-timeframe-manage-state,
  .safari-circle-action { transition: none; }
  .brand-wordmark-shell::after { animation: none; }
}

/* Step 552 v4 final specificity corrections */
#view-renderer .renderer-dropdown-menu {
  border-color: rgba(239, 205, 102, .66);
  background:
    linear-gradient(180deg, rgba(25, 26, 21, .995), rgba(7, 8, 6, .995)),
    #090a08;
  box-shadow: 0 1.4rem 3.8rem rgba(0, 0, 0, .82), inset 0 1px rgba(255, 255, 255, .045);
  backdrop-filter: none;
}
#view-renderer .renderer-dropdown-menu button[role="option"] {
  display: grid;
  min-height: 3rem;
  padding: .62rem .75rem;
  border-color: transparent;
  background: transparent;
  line-height: 1.35;
}
#view-renderer .renderer-dropdown-menu button[role="option"]:hover,
#view-renderer .renderer-dropdown-menu button[role="option"]:focus-visible {
  border-color: rgba(238, 214, 143, .23);
  background: rgba(255, 255, 255, .038);
}
#view-renderer .renderer-dropdown-menu button[role="option"][aria-selected="true"] {
  border-color: rgba(240, 207, 107, .46);
  background: linear-gradient(135deg, rgba(207, 173, 82, .16), rgba(207, 173, 82, .045));
}
.brand-lockup { flex: 0 0 auto; min-width: 0; }
.brand-copy { gap: 0; align-items: center; }

/* Step 552 v5 UI foundation */
:root {
  --v5-primary-control-height: 3.85rem;
  --v5-notification-layer: 240;
  --v5-dropdown-border-gradient:
    linear-gradient(
      135deg,
      rgba(154, 154, 149, .44),
      rgba(219, 190, 104, .52),
      rgba(117, 117, 112, .32)
    );
}

.app-header {
  background:
    linear-gradient(
      180deg,
      rgba(8, 9, 7, .72),
      rgba(8, 9, 7, .48)
    );
  backdrop-filter: blur(1.15rem) saturate(118%);
  -webkit-backdrop-filter: blur(1.15rem) saturate(118%);
}

.primary-nav {
  gap: .56rem;
}

.primary-nav button {
  letter-spacing: .185em;
  color: transparent;
  background:
    linear-gradient(
      105deg,
      #858680 0%,
      #e2e3df 30%,
      #969791 54%,
      #f0f1ed 72%,
      #858680 100%
    );
  background-size: 230% 100%;
  background-position: 100% 50%;
  background-clip: text;
  -webkit-background-clip: text;
  transition:
    background-position .18s ease-out,
    filter .18s ease-out,
    opacity .18s ease-out,
    transform .14s ease-out;
}

.primary-nav button:hover,
.primary-nav button:focus-visible {
  background-position: 0 50%;
  filter: drop-shadow(0 0 .45rem rgba(225, 226, 220, .18));
}

.primary-nav button[aria-current="page"] {
  background:
    linear-gradient(
      105deg,
      #9c7428,
      #f3d987 42%,
      #c99a39 72%,
      #f5dfa0
    );
  background-clip: text;
  -webkit-background-clip: text;
  filter: drop-shadow(0 0 .55rem rgba(211, 171, 74, .2));
}

.brand-wordmark-shell::after {
  mask-image: url("/visionx-wordmark.png");
  -webkit-mask-image: url("/visionx-wordmark.png");
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}

.workspace-session-actions > #workspace-manual-fallback,
.workspace-session-actions > #workspace-start-session,
.workspace-session-actions > #workspace-scan-session,
.folder-selection-summary,
#workspace-downloads-cancel,
#workspace-downloads-pick {
  height: var(--v5-primary-control-height);
  min-height: var(--v5-primary-control-height);
  align-self: stretch;
}

#workspace-start-session,
#workspace-scan-session,
#workspace-downloads-cancel,
#workspace-downloads-pick {
  border-radius: 999px;
}

#workspace-manual-fallback {
  padding-block: .52rem;
}

.folder-selection-summary {
  padding-block: .48rem;
}

.workspace-overview-grid > label:first-child {
  border-color: rgba(216, 195, 130, .17);
  background:
    linear-gradient(
      145deg,
      rgba(63, 58, 39, .32),
      rgba(17, 18, 14, .76)
    );
}

.workspace-overview-grid > label:first-child > span {
  color: rgba(220, 211, 180, .72);
}

.message {
  z-index: var(--v5-notification-layer);
}

.registry-editor-backdrop {
  z-index: 180;
}

.registry-editor,
.workspace-quick-look,
.archive-quick-look {
  z-index: 190;
}

.registry-workflow-actions.secondary {
  border-color: rgba(185, 186, 181, .18);
  background:
    linear-gradient(
      180deg,
      rgba(59, 60, 57, .2),
      rgba(18, 19, 17, .58)
    );
}

.registry-workflow-actions.secondary summary {
  color: #b9bab5;
}

.membership-workspace {
  overflow: visible;
}

.membership-workspace > .asset-search-picker {
  position: relative;
  z-index: 55;
}

#pack-asset-results {
  position: fixed;
  z-index: 210;
  max-height: min(24rem, calc(100dvh - 2rem));
  overflow: auto;
  overscroll-behavior: contain;
}

.visionx-select-menu,
#pack-asset-results,
.renderer-dropdown-menu {
  border: 1px solid transparent;
  background:
    linear-gradient(
      180deg,
      rgba(24, 25, 20, .995),
      rgba(9, 10, 8, .995)
    ) padding-box,
    var(--v5-dropdown-border-gradient) border-box;
  box-shadow:
    0 1.3rem 3.6rem rgba(0, 0, 0, .7),
    inset 0 1px rgba(255, 255, 255, .035);
}

.safari-circle-action {
  transition:
    transform .11s ease-out,
    border-color .11s ease-out,
    background .11s ease-out,
    color .11s ease-out,
    box-shadow .11s ease-out;
}

.safari-circle-action:hover:not(:disabled),
.safari-circle-action:focus-visible:not(:disabled) {
  background:
    linear-gradient(
      145deg,
      rgba(231, 196, 95, .98),
      rgba(184, 139, 43, .96)
    );
  color: #17140b;
  transform: translateY(-1px) scale(1.025);
}

.server-credential-disclosure.transport-disclosure {
  border-color: rgba(216, 195, 130, .16);
  border-radius: var(--radius-md);
  background:
    linear-gradient(
      145deg,
      rgba(56, 52, 36, .26),
      rgba(14, 15, 12, .72)
    );
}

.server-preview-summary,
.server-preview-routes,
.server-preview-issues {
  margin-inline: auto;
  width: min(100%, 76rem);
}

button,
summary,
.visionx-select-menu,
.asset-search-results,
.renderer-dropdown-menu,
.registry-editor,
.workspace-quick-look,
.archive-quick-look {
  transition-duration: .14s;
  transition-timing-function: ease-out;
}

@media (prefers-reduced-motion: reduce) {
  .primary-nav button,
  .safari-circle-action,
  button,
  summary,
  .registry-editor,
  .workspace-quick-look,
  .archive-quick-look {
    transition: none;
  }
}

/* Step 553 — post-browser acceptance corrections */
.message {
  position: fixed;
  z-index: 500;
  top: 6.1rem;
  right: auto;
  left: 50%;
  width: fit-content;
  min-width: min(19rem, calc(100vw - 2rem));
  max-width: min(52rem, calc(100vw - 2rem));
  margin: 0;
  transform: translateX(-50%);
}

.visionx-select-menu-modal {
  z-index: 260;
}

.registry-toolbar {
  grid-template-columns: minmax(24rem, 1fr) auto auto;
}

.registry-query-controls {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(14rem, 1fr) minmax(12rem, .52fr);
  align-items: end;
  gap: .75rem;
}

.registry-query-controls .registry-search,
.registry-query-controls .registry-membership-filter {
  width: 100%;
  min-width: 0;
}

.registry-membership-filter {
  position: relative;
  display: block;
  min-height: var(--visionx-inline-control-height);
}

.registry-membership-filter > span {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}

.registry-membership-filter > .visionx-select,
.registry-membership-filter .visionx-select-button {
  width: 100%;
  height: var(--visionx-inline-control-height);
}

.registry-membership-filter .visionx-select-button {
  min-height: var(--visionx-inline-control-height);
  padding: .48rem .72rem;
  border: 1px solid rgba(238, 214, 143, .14);
  border-radius: var(--radius-lg);
  background:
    linear-gradient(145deg, rgba(34, 33, 26, .58), rgba(9, 10, 8, .52)),
    rgba(12, 13, 10, .62);
  box-shadow: inset 0 1px rgba(255, 255, 255, .024);
}

.registry-membership-filter .visionx-select-inline-label {
  color: #8e897d;
  font-size: .61rem;
}

.registry-membership-filter .visionx-select-value {
  color: var(--text-muted);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .05em;
}

#pack-asset-results {
  position: fixed;
  z-index: 260;
  max-height: min(24rem, calc(100dvh - 2rem));
  overflow: auto;
  overscroll-behavior: contain;
}

#pack-asset-results[data-placement="above"] {
  transform-origin: bottom center;
}

#pack-asset-results[data-placement="below"] {
  transform-origin: top center;
}

.server-preview-summary,
.server-preview-routes {
  width: auto;
  margin-inline: 1.1rem;
}

#server-preview-issues.server-preview-issues {
  width: auto;
  max-width: none;
  margin: 0 1.1rem 1rem;
  padding: .75rem .85rem;
  border-radius: var(--radius-lg);
}

.server-preview-summary {
  display: grid;
  grid-template-columns: minmax(18rem, 1.35fr) minmax(15rem, .65fr);
  align-items: stretch;
  gap: .75rem;
  padding: 1rem 1.1rem;
  text-align: left;
}

.server-preview-summary p {
  display: flex;
  min-height: 4rem;
  align-items: center;
  margin: 0;
  padding: .7rem .8rem;
  border: 1px solid rgba(238, 214, 143, .1);
  border-radius: var(--radius-md);
  background: rgba(7, 8, 6, .38);
}

.server-preview-routes {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 23rem), 1fr));
  align-items: stretch;
}

.server-preview-route {
  display: grid;
  align-content: start;
  gap: .12rem;
}

.server-preview-route header,
.server-preview-route p {
  text-align: left;
}

.server-confirmation {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}

.server-routes .server-route-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: .55rem;
}

.server-routes .server-route-actions > button {
  width: auto;
  min-width: 11rem;
  max-width: 16rem;
  min-height: 2.65rem;
  height: 2.65rem;
  padding: .4rem .85rem;
  border-radius: var(--radius-pill);
  font-size: .62rem;
  letter-spacing: .085em;
}

.brand-wordmark-shell::after {
  inset: 0;
  width: 100%;
  opacity: 0;
  transform: none;
  background:
    linear-gradient(
      105deg,
      transparent 28%,
      rgba(255, 248, 219, .08) 41%,
      rgba(255, 250, 226, .64) 50%,
      rgba(255, 248, 219, .1) 59%,
      transparent 72%
    );
  background-size: 260% 100%;
  background-position: 150% 50%;
  mask-image: url("/visionx-wordmark.png");
  -webkit-mask-image: url("/visionx-wordmark.png");
  mask-size: 100% 100%;
  -webkit-mask-size: 100% 100%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}

.brand-copy > .primary-nav button:not([aria-current="page"]) {
  color: #c8c9c5;
  -webkit-text-fill-color: transparent;
}

.brand-copy > .primary-nav button:not([aria-current="page"]):hover,
.brand-copy > .primary-nav button:not([aria-current="page"]):focus-visible {
  color: #dde0dc;
  background:
    linear-gradient(
      105deg,
      #a6a8a3 0%,
      #f2f3ef 36%,
      #c5c7c2 62%,
      #e2e4df 100%
    );
  background-size: 210% 100%;
  background-position: 0 50%;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 0 .4rem rgba(225, 226, 220, .16));
}

.brand-copy > .primary-nav button[aria-current="page"],
.brand-copy > .primary-nav button[aria-current="page"]:hover,
.brand-copy > .primary-nav button[aria-current="page"]:focus-visible {
  background:
    linear-gradient(
      105deg,
      #9c7428,
      #f3d987 42%,
      #c99a39 72%,
      #f5dfa0
    );
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

@media (prefers-reduced-motion: no-preference) {
  .brand-wordmark-shell::after {
    animation: visionx-wordmark-reflection 5.8s ease-in-out infinite;
  }

  @keyframes visionx-wordmark-reflection {
    0%, 70%, 100% {
      opacity: 0;
      background-position: 150% 50%;
    }
    74% {
      opacity: .82;
    }
    86% {
      opacity: 0;
      background-position: -150% 50%;
    }
  }
}

@media (max-width: 1180px) {
  .registry-toolbar {
    grid-template-columns: minmax(22rem, 1fr) auto;
  }

  .registry-query-controls {
    grid-column: 1 / -1;
  }

  .registry-toolbar #registry-refresh {
    justify-self: end;
  }

}

@media (max-width: 900px) {
  .message {
    top: 7.4rem;
  }

  .server-preview-summary {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .message {
    top: 7.4rem;
    right: .65rem;
    left: .65rem;
    width: auto;
    min-width: 0;
    max-width: none;
    transform: none;
  }

  .registry-toolbar,
  .registry-query-controls,
  .pack-held-asset {
    grid-template-columns: 1fr;
  }

  .registry-query-controls {
    grid-column: auto;
  }

  .registry-toolbar #registry-refresh,
  .pack-held-asset > button {
    width: 100%;
    max-width: none;
    justify-self: stretch;
  }

  .server-confirmation {
    grid-template-columns: 1fr;
  }

  .server-routes .server-route-actions > button {
    width: 100%;
    max-width: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .brand-wordmark-shell::after {
    animation: none;
    opacity: 0;
  }
}

/* Step 554 — stable workflows and unified dropdown system */
.brand-emblem { transform: translateY(-3px); }
.brand-lockup:hover .brand-emblem { transform: translateY(-5px); }

.registry-membership-filter,
.registry-membership-filter > .visionx-select,
.registry-membership-filter .visionx-select-button,
.registry-membership-filter .visionx-select-copy,
.registry-membership-filter .visionx-select-inline-label,
.registry-membership-filter .visionx-select-value {
  visibility: visible;
  opacity: 1;
}

.registry-membership-filter { min-width: 12rem; }
.registry-membership-filter .visionx-select-button {
  border-color: rgba(238, 214, 143, .24);
  background: linear-gradient(145deg, rgba(36, 35, 28, .98), rgba(10, 11, 8, .99)), #0b0c09;
  color: var(--text);
  -webkit-text-fill-color: currentColor;
}
.registry-membership-filter .visionx-select-inline-label {
  color: #aaa497;
  -webkit-text-fill-color: currentColor;
}
.registry-membership-filter .visionx-select-value {
  color: #e0ddd4;
  -webkit-text-fill-color: currentColor;
}

.visionx-select-menu,
#pack-asset-results,
.renderer-dropdown-menu {
  isolation: isolate;
  overflow-x: hidden;
  overflow-y: auto;
  gap: .28rem;
  padding: .46rem;
  border: 1px solid rgba(239, 205, 102, .58);
  border-radius: .72rem;
  background: linear-gradient(180deg, rgba(25, 26, 21, .998), rgba(7, 8, 6, .998)), #090a08;
  box-shadow: 0 1.35rem 3.8rem rgba(0, 0, 0, .82), inset 0 1px rgba(255, 255, 255, .045);
  scrollbar-color: rgba(225, 195, 108, .54) transparent;
  scrollbar-gutter: stable;
  overscroll-behavior: contain;
}
.visionx-select-menu,
#pack-asset-results {
  position: fixed;
  z-index: 260;
  animation: visionx-renderer-menu-open .11s cubic-bezier(.2, .78, .24, 1) both;
}
.visionx-select-option,
#pack-asset-results button[role="option"],
.renderer-dropdown-menu button[role="option"] {
  display: grid;
  width: 100%;
  min-height: 3rem;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: .7rem;
  padding: .62rem .75rem;
  border: 1px solid transparent;
  border-radius: .5rem;
  color: var(--text-muted);
  background: transparent;
  font-family: var(--font-condensed);
  line-height: 1.35;
  text-align: left;
}
#pack-asset-results button[role="option"] > span,
.renderer-dropdown-menu button[role="option"] > span {
  display: grid;
  min-width: 0;
  gap: .14rem;
}
#pack-asset-results button[role="option"] strong,
.renderer-dropdown-menu button[role="option"] strong {
  color: var(--text);
  font-size: .75rem;
  font-weight: 850;
  letter-spacing: .075em;
}
#pack-asset-results button[role="option"] small,
.renderer-dropdown-menu button[role="option"] small {
  overflow: hidden;
  color: var(--text-faint);
  font-size: .59rem;
  font-weight: 700;
  letter-spacing: .065em;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#pack-asset-results button[role="option"] i,
.renderer-dropdown-menu button[role="option"] i,
.visionx-select-option i {
  color: var(--gold-strong);
  font-style: normal;
}
.visionx-select-option:hover,
.visionx-select-option:focus-visible,
#pack-asset-results button[role="option"]:hover,
#pack-asset-results button[role="option"]:focus-visible,
#pack-asset-results button[role="option"][aria-selected="true"],
.renderer-dropdown-menu button[role="option"]:hover,
.renderer-dropdown-menu button[role="option"]:focus-visible,
.renderer-dropdown-menu button[role="option"][aria-selected="true"] {
  border-color: rgba(240, 207, 107, .42);
  background: linear-gradient(135deg, rgba(207, 173, 82, .15), rgba(207, 173, 82, .04));
  color: var(--text);
  transform: none;
}
.asset-search-empty {
  margin: 0;
  padding: .8rem;
  color: var(--text-faint);
  font-family: var(--font-condensed);
  font-size: .64rem;
  font-weight: 800;
  letter-spacing: .09em;
}
.asset-search-error { color: var(--danger); }
.visionx-select-menu::-webkit-scrollbar,
#pack-asset-results::-webkit-scrollbar,
.renderer-dropdown-menu::-webkit-scrollbar { width: .68rem; }
.visionx-select-menu::-webkit-scrollbar-track,
#pack-asset-results::-webkit-scrollbar-track,
.renderer-dropdown-menu::-webkit-scrollbar-track {
  margin-block: .58rem;
  border-radius: 999px;
  background: transparent;
}
.visionx-select-menu::-webkit-scrollbar-thumb,
#pack-asset-results::-webkit-scrollbar-thumb,
.renderer-dropdown-menu::-webkit-scrollbar-thumb {
  min-height: 2.2rem;
  border: .19rem solid transparent;
  border-radius: 999px;
  background: rgba(225, 195, 108, .54);
  background-clip: padding-box;
}
.visionx-select-menu::-webkit-scrollbar-corner,
#pack-asset-results::-webkit-scrollbar-corner,
.renderer-dropdown-menu::-webkit-scrollbar-corner { background: transparent; }

#renderer-timeframe-results { max-height: min(32rem, 68vh); }
#renderer-timeframe-results .renderer-timeframe-manager {
  margin: .35rem 0 0;
  padding-top: .38rem;
  border-top: 1px solid rgba(238, 214, 143, .11);
}

.registry-table-wrap,
.server-route-table-wrap {
  background:
    linear-gradient(#151612, #151612) top right / .78rem 3.15rem no-repeat,
    rgba(6, 7, 5, .22);
}

@media (max-width: 740px) {
  .registry-membership-filter { min-width: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .brand-emblem,
  .brand-lockup:hover .brand-emblem {
    transform: translateY(-3px) !important;
  }
  .visionx-select-menu,
  #pack-asset-results,
  .renderer-dropdown-menu { animation: none; }
}

/* Step 554 browser-acceptance corrections */
.brand-emblem {
  width: 3.135rem;
  height: 3.135rem;
}

.visionx-floating-combobox {
  position: fixed !important;
  inset: auto;
  z-index: 1400 !important;
  display: grid;
  gap: .28rem;
  margin: 0 !important;
  padding: .42rem;
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid transparent;
  border-radius: .72rem;
  background:
    linear-gradient(180deg, rgba(24, 25, 20, .998), rgba(8, 9, 7, .998)) padding-box,
    var(--v5-dropdown-border-gradient) border-box;
  box-shadow:
    0 1.35rem 3.8rem rgba(0, 0, 0, .78),
    inset 0 1px rgba(255, 255, 255, .04);
  isolation: isolate;
  animation: visionx-menu-enter .13s ease-out both;
}
.visionx-floating-combobox[hidden] { display: none !important; }
.visionx-floating-combobox[data-placement="above"] {
  transform-origin: center bottom;
}
.visionx-floating-combobox[data-placement="below"] {
  transform-origin: center top;
}
.visionx-floating-combobox button[role="option"] {
  display: grid;
  width: 100%;
  min-height: 3.25rem;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: .7rem;
  padding: .58rem .7rem;
  border: 1px solid transparent;
  border-radius: .5rem;
  background: transparent;
  color: var(--text-soft);
  text-align: left;
}
.visionx-floating-combobox button[role="option"] > span {
  display: grid;
  min-width: 0;
  gap: .16rem;
}
.visionx-floating-combobox button[role="option"][data-active="true"],
.visionx-floating-combobox button[role="option"]:hover,
.visionx-floating-combobox button[role="option"]:focus-visible,
.visionx-floating-combobox button[role="option"][aria-selected="true"] {
  border-color: rgba(240, 207, 107, .42);
  background: linear-gradient(135deg, rgba(207, 173, 82, .17), rgba(207, 173, 82, .045));
  color: var(--text);
  outline: none;
}
.visionx-floating-combobox::-webkit-scrollbar { width: .68rem; }
.visionx-floating-combobox::-webkit-scrollbar-track {
  margin-block: .58rem;
  border-radius: 999px;
  background: transparent;
}
.visionx-floating-combobox::-webkit-scrollbar-thumb {
  min-height: 2.2rem;
  border: .19rem solid transparent;
  border-radius: 999px;
  background: rgba(225, 195, 108, .54);
  background-clip: padding-box;
}
.visionx-floating-combobox::-webkit-scrollbar-corner { background: transparent; }

#renderer-timeframe-options {
  display: grid;
  gap: .28rem;
}

.registry-member-row .member-actions .safari-circle-action {
  width: 2.05rem;
  min-width: 2.05rem;
  height: 2.05rem;
  min-height: 2.05rem;
  padding: 0;
}

.registry-table-wrap,
.server-route-table-wrap {
  background:
    linear-gradient(rgba(12, 13, 10, .96), rgba(12, 13, 10, .96)) top right / .78rem 3.15rem no-repeat,
    rgba(6, 7, 5, .22);
}

@media (max-width: 740px) {
  .brand-emblem {
    width: 2.695rem;
    height: 2.695rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .visionx-floating-combobox { animation: none; }
}

/* Step 554 — final browser refinements */

/* Use one opaque, high-custody dropdown surface for native selects and
   searchable comboboxes throughout every administration room. */
.visionx-select-menu,
.visionx-floating-combobox,
#pack-asset-results,
.renderer-dropdown-menu {
  position: fixed !important;
  z-index: 1400 !important;
  display: grid;
  gap: .28rem;
  padding: .42rem;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  border: 1px solid transparent;
  border-radius: .72rem;
  background:
    linear-gradient(180deg, rgba(24, 25, 20, .998), rgba(8, 9, 7, .998)) padding-box,
    var(--v5-dropdown-border-gradient) border-box;
  box-shadow:
    0 1.35rem 3.8rem rgba(0, 0, 0, .78),
    inset 0 1px rgba(255, 255, 255, .04);
  isolation: isolate;
  scrollbar-color: rgba(225, 195, 108, .54) transparent;
  scrollbar-gutter: stable;
  animation: visionx-menu-enter .095s cubic-bezier(.2, .8, .2, 1) both;
}

.visionx-select-menu-modal { z-index: 1550 !important; }

.visionx-select-option,
.visionx-floating-combobox button[role="option"],
#pack-asset-results button[role="option"],
.renderer-dropdown-menu button[role="option"] {
  min-height: 3.25rem;
  padding: .58rem .7rem;
  border-radius: .5rem;
  transition:
    border-color .075s ease-out,
    background-color .075s ease-out,
    color .075s ease-out;
}

.visionx-select-menu::-webkit-scrollbar,
.visionx-floating-combobox::-webkit-scrollbar,
#pack-asset-results::-webkit-scrollbar,
.renderer-dropdown-menu::-webkit-scrollbar { width: .68rem; }

.visionx-select-menu::-webkit-scrollbar-track,
.visionx-floating-combobox::-webkit-scrollbar-track,
#pack-asset-results::-webkit-scrollbar-track,
.renderer-dropdown-menu::-webkit-scrollbar-track {
  margin-block: .58rem;
  border-radius: 999px;
  background: transparent;
}

.visionx-select-menu::-webkit-scrollbar-thumb,
.visionx-floating-combobox::-webkit-scrollbar-thumb,
#pack-asset-results::-webkit-scrollbar-thumb,
.renderer-dropdown-menu::-webkit-scrollbar-thumb {
  min-height: 2.2rem;
  border: .19rem solid transparent;
  border-radius: 999px;
  background: rgba(225, 195, 108, .54);
  background-clip: padding-box;
}

.visionx-select-menu::-webkit-scrollbar-corner,
.visionx-floating-combobox::-webkit-scrollbar-corner,
#pack-asset-results::-webkit-scrollbar-corner,
.renderer-dropdown-menu::-webkit-scrollbar-corner { background: transparent; }

/* The Timeframe Library is its own clear action card; expansion moves the
   manager to the top of the menu instead of exposing a decorative glyph. */
.renderer-timeframe-manage {
  justify-content: flex-start;
}

/* Binding Management uses the same single-layer field language as Discord
   Thread Routing, without nested cards or inflated control heights. */
.thread-adoption-fields {
  grid-template-columns: minmax(12rem, 1.05fr) minmax(11rem, .85fr) minmax(15rem, 1.25fr);
  align-items: end;
  gap: .75rem;
}

.thread-adoption-fields > label {
  min-height: 0;
  grid-template-rows: auto var(--visionx-inline-control-height);
  gap: .35rem;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.thread-adoption-fields > .derived-channel {
  min-height: var(--visionx-inline-control-height);
  height: var(--visionx-inline-control-height);
  grid-template-rows: auto auto;
  gap: .15rem;
  padding: .38rem .65rem;
  border-radius: var(--radius-md);
  background: var(--window-subtle);
}

.thread-adoption-fields > .derived-channel strong {
  height: auto;
  min-height: 0;
}

.thread-adoption-fields input,
.thread-adoption-fields .visionx-select,
.thread-adoption-fields .visionx-select-button,
.thread-adoption-fields > button {
  height: var(--visionx-inline-control-height);
  min-height: var(--visionx-inline-control-height);
}

.thread-adoption-fields > button {
  min-width: 0;
  align-self: end;
}

/* Current Pack maintenance is one coherent workspace. Only the actual
   controls and facts retain a surface; the former wrapper cards disappear. */
.pack-maintenance-pack-selector,
.pack-maintenance-fields,
.pack-held-asset {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.pack-maintenance-pack-selector {
  margin: 1rem 1.1rem .75rem;
  padding: 0;
}

.pack-maintenance-fields {
  margin: 0 1.1rem .75rem;
  padding: 0;
}

.pack-held-asset {
  margin: 0 1.1rem .8rem;
  padding: 0;
}

.pack-maintenance-fields > .pack-maintenance-field-box {
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.pack-maintenance-fields > .derived-channel {
  min-height: 2.75rem;
  height: 2.75rem;
  grid-template-rows: auto auto;
  gap: .15rem;
  padding: .38rem .65rem;
  border-radius: var(--radius-md);
  background: var(--window-subtle);
}

.pack-maintenance-fields > .derived-channel strong {
  height: auto;
  min-height: 0;
}

.pack-maintenance .member-list {
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
}

/* Registry refreshes after governed writes and view activation. The manual
   action is intentionally absent, leaving a balanced two-part toolbar. */
.registry-toolbar {
  grid-template-columns: minmax(22rem, 1fr) auto;
}

/* Remove the WebKit scrollbar corner tile without altering table scrolling. */
.registry-table-wrap {
  scrollbar-gutter: auto;
  background: rgba(6, 7, 5, .22);
}

.registry-table-wrap::-webkit-scrollbar-track,
.registry-table-wrap::-webkit-scrollbar-corner {
  background: #11120e;
}

/* Circular move/remove controls now resolve in one short, continuous motion. */
.safari-circle-action {
  color: var(--gold-strong);
  -webkit-text-fill-color: currentColor;
  background-clip: border-box;
  -webkit-background-clip: border-box;
  will-change: transform;
  transition:
    transform .065s cubic-bezier(.2, .86, .25, 1),
    border-color .065s linear,
    background-color .065s linear,
    color .065s linear,
    box-shadow .065s linear;
}

.safari-circle-action:hover:not(:disabled),
.safari-circle-action:focus-visible:not(:disabled) {
  border-color: rgba(240, 207, 107, .72);
  background: #d9b95f;
  color: #17140b;
  transform: translateY(-1px) scale(1.035);
  box-shadow: 0 .4rem 1rem rgba(0, 0, 0, .28);
}

.safari-circle-action:active:not(:disabled) {
  transform: translateY(0) scale(.96);
  transition-duration: .04s;
}

/* Route actions retain their pill footprint but sit comfortably below the
   table and use the same readable action typography as neighbouring cards. */
.server-routes .server-route-actions {
  align-items: center;
  padding: .8rem 1.1rem 1rem;
}

.server-routes .server-route-actions > button {
  min-width: 12rem;
  max-width: 17rem;
  min-height: 2.65rem;
  height: 2.65rem;
  padding: .48rem 1rem;
  font-size: .7rem;
  line-height: 1;
  letter-spacing: .09em;
}

@media (max-width: 1180px) {
  .registry-toolbar {
    grid-template-columns: 1fr;
  }

  .registry-query-controls {
    grid-column: auto;
  }

  .registry-toolbar .segmented-filter {
    justify-self: start;
  }
}

@media (max-width: 900px) {
  .thread-adoption-fields {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  .visionx-select-menu,
  .visionx-floating-combobox,
  #pack-asset-results,
  .renderer-dropdown-menu,
  .safari-circle-action {
    animation: none;
    transition: none;
  }
}

/* Step 554 follow-up — operator acceptance refinements */

/* The Pack selector is a control, not a highlighted sub-card. */
.workspace-overview-grid > label:first-child {
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}

/* Short operational statements are reserved for places where a write can
   follow a read-only selection or review. */
.operation-guidance {
  margin: 0;
  padding: .68rem 1.1rem .82rem;
  border-top: 1px solid rgba(231, 216, 168, .055);
  color: var(--text-faint);
  font-family: var(--font-condensed);
  font-size: .58rem;
  font-weight: 800;
  letter-spacing: .115em;
  line-height: 1.45;
}

.registry-operation-guidance {
  padding-block: .6rem;
  border-top: 0;
  border-bottom: 1px solid rgba(231, 216, 168, .055);
}

/* Forum tags are complete selectable surfaces. The native checkbox remains
   accessible but no longer defines the visual design. */
.thread-tags {
  margin: 0 1.1rem .9rem;
  padding: .9rem;
  border: 1px solid rgba(238, 214, 143, .13);
  border-radius: var(--radius-lg);
  background:
    linear-gradient(145deg, rgba(24, 25, 20, .72), rgba(8, 9, 7, .84));
  box-shadow: inset 0 1px rgba(255, 255, 255, .025);
}

.thread-tags legend {
  padding: 0 .45rem;
}

.thread-tag-options {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
  gap: .55rem;
}

.thread-tag-option {
  position: relative;
  display: grid;
  width: 100%;
  min-height: 3.35rem;
  grid-template-columns: 1.35rem minmax(0, 1fr);
  align-items: center;
  gap: .68rem;
  padding: .62rem .72rem;
  overflow: hidden;
  border: 1px solid rgba(238, 214, 143, .12);
  border-radius: var(--radius-md);
  background: rgba(255, 255, 255, .018);
  cursor: pointer;
  transition:
    border-color .12s ease,
    background-color .12s ease,
    box-shadow .12s ease;
}

.thread-tag-option:hover,
.thread-tag-option:focus-within {
  border-color: rgba(239, 205, 102, .38);
  background: rgba(207, 173, 82, .075);
}

.thread-tag-option:has(input:checked) {
  border-color: rgba(239, 205, 102, .62);
  background:
    linear-gradient(135deg, rgba(207, 173, 82, .18), rgba(207, 173, 82, .045));
  box-shadow: inset 0 0 0 1px rgba(239, 205, 102, .08);
}

.thread-tag-option input {
  position: absolute;
  width: 1px;
  height: 1px;
  min-height: 0;
  opacity: 0;
  pointer-events: none;
}

.thread-tag-selection {
  display: grid;
  width: 1.25rem;
  height: 1.25rem;
  place-items: center;
  border: 1px solid rgba(238, 214, 143, .34);
  border-radius: 50%;
  background: rgba(7, 8, 6, .7);
}

.thread-tag-option:has(input:checked) .thread-tag-selection {
  border-color: var(--gold-strong);
  background: var(--gold-strong);
}

.thread-tag-option:has(input:checked) .thread-tag-selection::after {
  content: "";
  width: .42rem;
  height: .22rem;
  border-bottom: 2px solid #17140b;
  border-left: 2px solid #17140b;
  transform: translateY(-.06rem) rotate(-45deg);
}

.thread-tag-copy {
  display: grid;
  min-width: 0;
  gap: .12rem;
}

.thread-tag-copy strong {
  overflow: hidden;
  color: var(--text);
  font-size: .72rem;
  font-weight: 850;
  letter-spacing: .075em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.thread-tag-copy small {
  color: var(--text-faint);
  font-size: .53rem;
  font-weight: 800;
  letter-spacing: .1em;
}

/* Exact Pack Preflight uses the same centred fact-grid rhythm as the other
   governed review surfaces instead of a left-anchored text dump. */
#pack-maintenance-preview-summary {
  display: grid;
  width: min(100%, 72rem);
  gap: .8rem;
  margin-inline: auto;
  padding: 1rem 1.1rem;
}

.pack-preflight-overview {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .65rem;
}

.pack-preflight-overview > span {
  display: grid;
  min-height: 3.65rem;
  align-content: center;
  gap: .22rem;
  padding: .62rem .78rem;
  border: 1px solid rgba(238, 214, 143, .13);
  border-radius: var(--radius-md);
  background: var(--window-subtle);
}

.pack-preflight-overview small {
  color: var(--text-faint);
  font-size: .53rem;
  font-weight: 800;
  letter-spacing: .11em;
}

.pack-preflight-overview strong {
  color: var(--gold-strong);
  font-size: .76rem;
  letter-spacing: .075em;
}

.pack-preflight-changes {
  display: grid;
  gap: .4rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.pack-preflight-changes li {
  display: grid;
  grid-template-columns: minmax(8rem, .28fr) minmax(0, 1fr);
  gap: .75rem;
  align-items: start;
  padding: .58rem .72rem;
  border-left: 2px solid rgba(239, 205, 102, .42);
  background: rgba(255, 255, 255, .014);
}

.pack-preflight-changes strong {
  color: var(--text-muted);
  font-size: .58rem;
  letter-spacing: .09em;
}

.pack-preflight-changes span {
  overflow-wrap: anywhere;
  color: var(--text-faint);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: .59rem;
}

/* Timeframe management controls share one exact control line. */
.renderer-timeframe-manager-controls {
  align-items: end;
}

.renderer-timeframe-manager-controls label input,
#renderer-timeframe-add-button {
  height: var(--visionx-inline-control-height);
  min-height: var(--visionx-inline-control-height);
}

#renderer-timeframe-add-button {
  min-width: 5rem;
  padding-block: 0;
}

.renderer-timeframe-management-row .safari-close-action {
  display: grid;
  place-items: center;
  padding: 0 0 .06rem;
  font-size: 1.05rem;
  line-height: 1;
}

/* Registered Assets use a restrained, even surface instead of a long
   high-contrast fade from the first result to the last. */
#renderer-asset-results {
  background:
    linear-gradient(
      180deg,
      rgba(20, 21, 17, .999) 0%,
      rgba(17, 18, 14, .999) 52%,
      rgba(14, 15, 12, .999) 100%
    ),
    #10110e;
}

/* Fact cards align with the actual Display Name and Logical Channel controls,
   not their labels. */
.pack-maintenance-fields {
  align-items: end;
}

.pack-maintenance-fields > .derived-channel {
  align-self: end;
}

/* The downloads selector, its chosen-folder summary, and manual fallback
   share the same card silhouette without changing their existing footprint. */
#workspace-manual-fallback,
.folder-selection-summary {
  border-radius: var(--radius-md);
  background: var(--window-subtle);
}

/* Match the Registry table's corrected scrollbar corner treatment. */
.server-route-table-wrap {
  scrollbar-gutter: auto;
  background: rgba(6, 7, 5, .22);
}

.server-route-table-wrap::-webkit-scrollbar-track,
.server-route-table-wrap::-webkit-scrollbar-corner {
  background: #11120e;
}

/* Restore the pre-follow-up circular control motion. */
.safari-circle-action {
  transition:
    transform .11s ease-out,
    border-color .11s ease-out,
    background .11s ease-out,
    color .11s ease-out,
    box-shadow .11s ease-out;
}

.safari-circle-action:hover:not(:disabled),
.safari-circle-action:focus-visible:not(:disabled) {
  border-color: rgba(240, 207, 107, .72);
  background:
    linear-gradient(145deg, rgba(231, 196, 95, .98), rgba(184, 139, 43, .96));
  color: #17140b;
  transform: translateY(-1px) scale(1.025);
  box-shadow: 0 .4rem 1rem rgba(0, 0, 0, .28);
}

.safari-circle-action:active:not(:disabled) {
  transform: translateY(0) scale(.96);
  transition-duration: .07s;
}

/* The native select is moved to a vault, so target the enhanced root by the
   source select ID. This keeps Membership Status visible independent of its
   original label subtree. */
.visionx-select[data-select-id="registry-membership-filter"] {
  display: block;
  min-width: 12rem;
  visibility: visible !important;
  opacity: 1 !important;
}

.visionx-select[data-select-id="registry-membership-filter"] .visionx-select-button,
.visionx-select[data-select-id="registry-membership-filter"] .visionx-select-copy,
.visionx-select[data-select-id="registry-membership-filter"] .visionx-select-inline-label,
.visionx-select[data-select-id="registry-membership-filter"] .visionx-select-value {
  visibility: visible !important;
  opacity: 1 !important;
}

.visionx-select[data-select-id="registry-membership-filter"] .visionx-select-button {
  min-height: var(--visionx-inline-control-height);
  border-color: rgba(238, 214, 143, .24);
  background:
    linear-gradient(145deg, rgba(36, 35, 28, .98), rgba(10, 11, 8, .99)),
    #0b0c09;
}

@media (max-width: 760px) {
  .pack-preflight-overview,
  .pack-preflight-changes li {
    grid-template-columns: 1fr;
  }

  .visionx-select[data-select-id="registry-membership-filter"] {
    min-width: 0;
  }
}

/* Step 554 — archive, membership, and control-surface polish */

/* Archive summary facts use the exact Filter Pack card surface. */
.archive-fact-grid {
  align-items: stretch;
}

.archive-fact-grid > .derived-channel,
.archive-filter-control .visionx-select-button {
  min-height: 2.75rem;
  padding: .55rem .78rem;
  border: 1px solid rgba(238, 214, 143, .14);
  border-radius: var(--radius-lg);
  background:
    linear-gradient(145deg, rgba(34, 33, 26, .58), rgba(9, 10, 8, .52)),
    rgba(12, 13, 10, .62);
  box-shadow: inset 0 1px rgba(255, 255, 255, .024);
}

.archive-fact-grid > .derived-channel {
  display: grid;
  grid-template-rows: auto auto;
  align-content: center;
  gap: .2rem;
}

.archive-fact-grid > .derived-channel > span {
  align-self: auto;
  color: #8e897d;
  font-family: var(--font-condensed);
  font-size: .69rem;
  font-weight: 850;
  line-height: 1.1;
  letter-spacing: .17em;
}

.archive-fact-grid > .derived-channel > strong {
  color: var(--text-muted);
  font-size: .78rem;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: .055em;
}

/* A selected forum tag is marked by the gold state alone. */
.thread-tag-option:has(input:checked) .thread-tag-selection::after {
  content: none;
}

/* Registered Asset results share one menu surface; individual rows no longer
   introduce black blocks behind the first results. */
#renderer-asset-results button,
#renderer-asset-results button[role="option"] {
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}

#renderer-asset-results button:hover,
#renderer-asset-results button:focus-visible,
#renderer-asset-results button[aria-selected="true"] {
  border-color: rgba(238, 214, 143, .36);
  color: var(--gold-strong);
  background: rgba(207, 173, 82, .11);
  box-shadow: inset 0 1px rgba(255, 255, 255, .025);
}

/* Exact Pack Preflight uses the complete panel width and separates changes
   into scan-friendly cards. */
#pack-maintenance-preview-summary {
  width: 100%;
  max-width: none;
  gap: 1rem;
  margin: 0;
  padding: 1rem 1.1rem 1.1rem;
}

.pack-preflight-overview {
  grid-template-columns:
    minmax(12rem, .8fr)
    minmax(18rem, 1.6fr)
    minmax(10rem, .65fr);
  gap: .75rem;
}

.pack-preflight-overview > span {
  min-height: 4rem;
  padding: .7rem .85rem;
  border-color: rgba(238, 214, 143, .14);
  border-radius: var(--radius-lg);
  background:
    linear-gradient(145deg, rgba(29, 29, 24, .7), rgba(10, 11, 8, .78)),
    var(--window-subtle);
  box-shadow: inset 0 1px rgba(255, 255, 255, .024);
}

.pack-preflight-changes {
  grid-template-columns: repeat(auto-fit, minmax(min(24rem, 100%), 1fr));
  gap: .55rem;
}

.pack-preflight-changes li {
  min-width: 0;
  min-height: 3.25rem;
  align-content: center;
  padding: .68rem .78rem;
  border: 1px solid rgba(238, 214, 143, .1);
  border-left: 2px solid rgba(239, 205, 102, .48);
  border-radius: var(--radius-md);
  background:
    linear-gradient(145deg, rgba(26, 27, 22, .54), rgba(9, 10, 8, .64));
}

/* Membership conflicts stay inside the member card and present a clear next
   action instead of flowing beyond the tab. */
.member-dependency-alert {
  display: grid;
  min-width: 0;
  gap: .28rem;
  margin: 0 .85rem .85rem 3.9rem;
  padding: .65rem .75rem;
  overflow: hidden;
  border: 1px solid rgba(255, 119, 119, .22);
  border-left: 2px solid rgba(255, 119, 119, .72);
  border-radius: var(--radius-md);
  background:
    linear-gradient(145deg, rgba(76, 25, 25, .22), rgba(21, 12, 11, .52));
}

.member-dependency-alert > span {
  color: rgba(255, 158, 158, .9);
  font-family: var(--font-condensed);
  font-size: .55rem;
  font-weight: 850;
  letter-spacing: .13em;
}

.member-dependency-alert > p {
  min-width: 0;
  margin: 0;
  overflow-wrap: anywhere;
  color: var(--text-muted);
  font-size: .68rem;
  font-weight: 650;
  line-height: 1.45;
}

/* Safari-derived primitives: the close mark is a rotated New Tab plus and
   the reorder arrows are centred previous/next-page chevrons. */
.safari-circle-action {
  display: inline-grid;
  place-items: center;
}

.safari-close-action {
  position: relative;
  display: inline-grid;
  place-items: center;
  padding: 0;
  font-size: 0;
  line-height: 0;
}

.safari-close-action::before,
.safari-close-action::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: .7rem;
  height: 1.5px;
  border-radius: 999px;
  background: currentColor;
  transform-origin: center;
}

.safari-close-action::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.safari-close-action::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.safari-chevron {
  box-sizing: border-box;
  display: block;
  width: .5rem;
  height: .5rem;
  border: 0;
  border-top: 1.6px solid currentColor;
  border-left: 1.6px solid currentColor;
  border-radius: 1px 0 0;
  transform-origin: center;
}

.safari-chevron-up {
  transform: rotate(45deg);
}

.safari-chevron-down {
  transform: rotate(225deg);
}

@media (max-width: 760px) {
  .pack-preflight-overview,
  .pack-preflight-changes {
    grid-template-columns: 1fr;
  }

  .member-dependency-alert {
    margin-inline: .75rem;
  }
}

/* Step 555 — browser acceptance corrections */

/* The active route remains available to assistive technology through
   aria-current, but it does not acquire a persistent gold visual state. */
body .brand-copy > .primary-nav button[aria-current="page"] {
  color: #c8c9c5;
  background:
    linear-gradient(
      105deg,
      #858680 0%,
      #c5c6c1 38%,
      #969792 66%,
      #b5b6b1 100%
    );
  background-size: 210% 100%;
  background-position: 100% 50%;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: none;
  box-shadow: none;
}

body .brand-copy > .primary-nav button[aria-current="page"]:hover,
body .brand-copy > .primary-nav button[aria-current="page"]:focus-visible {
  color: #dde0dc;
  background:
    linear-gradient(
      105deg,
      #a6a8a3 0%,
      #f2f3ef 36%,
      #c5c7c2 62%,
      #e2e4df 100%
    );
  background-size: 210% 100%;
  background-position: 0 50%;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 0 .4rem rgba(225, 226, 220, .16));
}

/* Membership Status is rebuilt on the same enhanced-select primitive as the
   working Current Pack control. Undo every legacy native-shell constraint. */
.registry-query-controls .registry-membership-filter {
  position: relative;
  display: block;
  width: 100%;
  min-width: 12rem;
  min-height: var(--visionx-inline-control-height);
  visibility: visible;
  opacity: 1;
}

.registry-query-controls .registry-membership-filter > span:first-child {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}

.registry-query-controls .registry-membership-filter > .visionx-select {
  position: relative;
  display: block;
  width: 100%;
  min-width: 0;
  height: var(--visionx-inline-control-height);
  overflow: visible;
  clip: auto;
  clip-path: none;
  visibility: visible !important;
  opacity: 1 !important;
  white-space: normal;
}

.registry-query-controls .registry-membership-filter .visionx-select-button {
  display: grid;
  width: 100%;
  height: var(--visionx-inline-control-height);
  min-height: var(--visionx-inline-control-height);
  grid-template-columns: minmax(0, 1fr) auto;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Registry menus have one uninterrupted surface. Legacy option decorations
   and a permanently reserved WebKit gutter no longer form a partial black
   strip at the top of either menu. */
.visionx-select-menu[data-select-id="registry-membership-filter"],
.visionx-select-menu[data-select-id="registry-field-channel"] {
  scrollbar-gutter: auto;
  background:
    linear-gradient(180deg, rgba(24, 25, 20, .998), rgba(12, 13, 10, .998)) padding-box,
    var(--v5-dropdown-border-gradient) border-box;
}

.visionx-select-menu[data-select-id="registry-membership-filter"]::before,
.visionx-select-menu[data-select-id="registry-field-channel"]::before {
  content: none;
}

.visionx-select-menu[data-select-id="registry-membership-filter"] .visionx-select-option,
.visionx-select-menu[data-select-id="registry-field-channel"] .visionx-select-option {
  background: rgba(255, 255, 255, .018);
}

/* Registered Asset options use the exact restrained row surface and selected
   treatment used by Timeframe options. */
#renderer-asset-results button,
#renderer-asset-results button[role="option"] {
  border-color: transparent;
  background: rgba(8, 9, 7, .18);
  box-shadow: none;
}

#renderer-asset-results button:hover,
#renderer-asset-results button:focus-visible,
#renderer-asset-results button[data-active="true"],
#renderer-asset-results button[aria-selected="true"] {
  border-color: rgba(238, 214, 143, .36);
  color: var(--gold-strong);
  background: rgba(207, 173, 82, .11);
  box-shadow: inset 0 1px rgba(255, 255, 255, .025);
}

#renderer-asset-results button[role="option"] > i {
  width: 1rem;
  color: var(--gold-strong);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI Symbol", sans-serif;
  font-size: .82rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  text-align: center;
}

/* Labels occupy their own row; the actual control cards share one baseline
   and one exact height across the three requested identity grids. */
.workspace-overview-grid,
.thread-overview-grid,
.thread-provisioning-fields,
.compact-fields {
  align-items: end;
}

.workspace-overview-grid > label:first-child,
.thread-overview-grid > label:first-child,
.thread-provisioning-fields > label,
.compact-fields > label {
  align-self: end;
}

.workspace-overview-grid > label:first-child > .visionx-select,
.thread-overview-grid > label:first-child > .visionx-select,
.compact-fields > label > input,
.compact-fields > label > .visionx-select,
.thread-provisioning-fields > label > input,
.workspace-overview-grid > .derived-channel,
.thread-overview-grid > .derived-channel,
.thread-provisioning-fields > .derived-channel,
.compact-fields > .derived-channel {
  height: var(--visionx-inline-control-height);
  min-height: var(--visionx-inline-control-height);
  align-self: end;
}

/* Pack Builder DESTINATION is a read-only field peer, not a generic status card. */
#pack-channel-destination {
  background: var(--window-subtle);
  box-shadow: inset 0 1px .22rem rgba(0, 0, 0, .18);
}

/* Tag cards themselves communicate selection; no checkbox circle remains. */
.thread-tag-option {
  grid-template-columns: minmax(0, 1fr);
}

.thread-tag-selection {
  display: none;
}

/* Keep Pack blockers within the governed preflight's inset content rhythm. */
#pack-maintenance-preview-blockers.server-preview-issues {
  width: auto;
  max-width: none;
  margin: 0 1.1rem 1rem;
  padding: .75rem .85rem;
  border-radius: var(--radius-lg);
}

/* Purpose-built, centred glyphs replace font symbols and border chevrons. */
.safari-circle-action {
  display: inline-grid;
  place-items: center;
  padding: 0;
}

.safari-close-action {
  position: relative;
  font-size: 0;
  line-height: 0;
}

.safari-close-action::before,
.safari-close-action::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: .66rem;
  height: 1.6px;
  border-radius: 999px;
  background: currentColor;
  transform-origin: center;
}

.safari-close-action::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.safari-close-action::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.safari-chevron {
  position: relative;
  display: block;
  width: .78rem;
  height: .58rem;
  border: 0;
  border-radius: 0;
  transform: none;
}

.safari-chevron::before,
.safari-chevron::after {
  content: "";
  position: absolute;
  top: 50%;
  width: .48rem;
  height: 1.6px;
  border-radius: 999px;
  background: currentColor;
}

.safari-chevron::before {
  left: 50%;
  transform-origin: right center;
}

.safari-chevron::after {
  right: 50%;
  transform-origin: left center;
}

.safari-chevron-up::before {
  transform: translate(-100%, -50%) rotate(-42deg);
}

.safari-chevron-up::after {
  transform: translate(100%, -50%) rotate(42deg);
}

.safari-chevron-down::before {
  transform: translate(-100%, -50%) rotate(42deg);
}

.safari-chevron-down::after {
  transform: translate(100%, -50%) rotate(-42deg);
}

/* Manual Fallback and Downloads Folder are deliberately the same silhouette. */
#workspace-manual-fallback,
.workspace-downloads-channel {
  border-radius: var(--radius-lg);
}

/* Safari can rasterise fixed, fractionally translated layers. Centre the
   notification with auto margins and keep readable surfaces out of backdrop
   and filter compositing without changing their visual colours. */
.message {
  z-index: 2200;
  right: 1rem;
  left: 1rem;
  width: fit-content;
  margin-inline: auto;
  transform: none;
  filter: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  isolation: isolate;
  -webkit-font-smoothing: antialiased;
}

@supports (-webkit-hyphens: none) {
  .message,
  .visionx-select-menu,
  .visionx-floating-combobox,
  #pack-asset-results,
  .renderer-dropdown-menu,
  .registry-editor,
  .workspace-quick-look,
  .archive-quick-look {
    filter: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    -webkit-font-smoothing: antialiased;
  }

  .visionx-select-menu,
  .visionx-floating-combobox,
  #pack-asset-results,
  .renderer-dropdown-menu {
    animation-name: visionx-menu-enter-safari;
  }

  @keyframes visionx-menu-enter-safari {
    from { opacity: 0; }
    to { opacity: 1; }
  }
}

@media (max-width: 760px) {
  .registry-query-controls .registry-membership-filter {
    min-width: 0;
  }
}

/* Step 556 — exact dropdown and control-system acceptance */

:root {
  --visionx-dropdown-trigger-border: rgba(238, 214, 143, .15);
  --visionx-dropdown-trigger-outline: rgba(210, 213, 208, .42);
  --visionx-dropdown-row: rgba(8, 9, 7, .18);
  --visionx-dropdown-row-border: rgba(238, 214, 143, .045);
  --visionx-dropdown-row-selected: rgba(207, 173, 82, .11);
  --visionx-dropdown-row-selected-border: rgba(238, 214, 143, .36);
  --visionx-card-surface:
    linear-gradient(145deg, rgba(34, 33, 26, .58), rgba(9, 10, 8, .52)),
    rgba(12, 13, 10, .62);
  --visionx-card-border: rgba(238, 214, 143, .14);
}

/* Opening a dropdown never turns its trigger card into a bright gold frame.
   Keyboard focus remains visible through a restrained metallic outline. */
.visionx-select.open .visionx-select-button,
.visionx-select-button[aria-expanded="true"],
.archive-filter-control .visionx-select.open .visionx-select-button,
.registry-membership-filter .visionx-select.open .visionx-select-button,
input[role="combobox"][aria-expanded="true"] {
  border-color: var(--visionx-dropdown-trigger-border);
  box-shadow:
    inset 0 1px .25rem rgba(0, 0, 0, .34),
    inset 0 1px rgba(255, 255, 255, .018);
}

.visionx-select-button:focus-visible,
input[role="combobox"]:focus-visible {
  outline-color: var(--visionx-dropdown-trigger-outline);
}

/* Every dropdown uses the corrected Timeframe menu as its single source of
   visual truth: one uninterrupted surface, matching rows and one scrollbar. */
.visionx-select-menu,
.visionx-floating-combobox,
#pack-asset-results,
.renderer-dropdown-menu {
  display: grid;
  gap: .28rem;
  padding: .42rem;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  border: 1px solid transparent;
  border-radius: .72rem;
  background:
    linear-gradient(180deg, rgba(24, 25, 20, .998), rgba(8, 9, 7, .998)) padding-box,
    var(--v5-dropdown-border-gradient) border-box;
  box-shadow:
    0 1.35rem 3.8rem rgba(0, 0, 0, .78),
    inset 0 1px rgba(255, 255, 255, .04);
  isolation: isolate;
  scrollbar-color: rgba(225, 195, 108, .54) transparent;
  scrollbar-gutter: auto;
}

/* This obsolete absolute layer caused the black rectangle that ended partway
   through the Timeframe list in Safari. Menus now paint only their own shared
   background, with no secondary surface or decorative overlay. */
.visionx-select-menu::before,
.visionx-select-menu::after,
.visionx-floating-combobox::before,
.visionx-floating-combobox::after,
#pack-asset-results::before,
#pack-asset-results::after,
.renderer-dropdown-menu::before,
.renderer-dropdown-menu::after,
#renderer-timeframe-results::before,
#renderer-timeframe-results::after {
  content: none;
  display: none;
}

.visionx-select-option,
.visionx-floating-combobox button[role="option"],
#pack-asset-results button[role="option"],
.renderer-dropdown-menu button[role="option"],
#renderer-asset-results button[role="option"],
#renderer-timeframe-results button[role="option"] {
  display: grid;
  width: 100%;
  min-height: 3.25rem;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: .7rem;
  padding: .58rem .7rem;
  border: 1px solid var(--visionx-dropdown-row-border);
  border-radius: .5rem;
  color: var(--text-muted);
  background: var(--visionx-dropdown-row);
  box-shadow: inset 0 1px rgba(255, 255, 255, .018);
  font-family: var(--font-condensed);
  line-height: 1.35;
  text-align: left;
  transform: none;
}

.visionx-select-option:hover:not(:disabled),
.visionx-select-option:focus-visible,
.visionx-select-option.selected,
.visionx-select-option[aria-selected="true"],
.visionx-floating-combobox button[role="option"]:hover,
.visionx-floating-combobox button[role="option"]:focus-visible,
.visionx-floating-combobox button[role="option"][data-active="true"],
.visionx-floating-combobox button[role="option"][aria-selected="true"],
#pack-asset-results button[role="option"]:hover,
#pack-asset-results button[role="option"]:focus-visible,
#pack-asset-results button[role="option"][data-active="true"],
#pack-asset-results button[role="option"][aria-selected="true"],
.renderer-dropdown-menu button[role="option"]:hover,
.renderer-dropdown-menu button[role="option"]:focus-visible,
.renderer-dropdown-menu button[role="option"][data-active="true"],
.renderer-dropdown-menu button[role="option"][aria-selected="true"] {
  border-color: var(--visionx-dropdown-row-selected-border);
  color: var(--gold-strong);
  background: var(--visionx-dropdown-row-selected);
  box-shadow: inset 0 1px rgba(255, 255, 255, .025);
  outline: none;
  transform: none;
}

.visionx-select-option i,
.visionx-floating-combobox button[role="option"] > i,
#pack-asset-results button[role="option"] > i,
.renderer-dropdown-menu button[role="option"] > i {
  width: 1rem;
  color: var(--gold-strong);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI Symbol", sans-serif;
  font-size: .82rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  text-align: center;
}

.visionx-select-menu::-webkit-scrollbar,
.visionx-floating-combobox::-webkit-scrollbar,
#pack-asset-results::-webkit-scrollbar,
.renderer-dropdown-menu::-webkit-scrollbar {
  width: .68rem;
}

.visionx-select-menu::-webkit-scrollbar-track,
.visionx-floating-combobox::-webkit-scrollbar-track,
#pack-asset-results::-webkit-scrollbar-track,
.renderer-dropdown-menu::-webkit-scrollbar-track {
  margin-block: .58rem;
  border-radius: 999px;
  background: transparent;
}

.visionx-select-menu::-webkit-scrollbar-thumb,
.visionx-floating-combobox::-webkit-scrollbar-thumb,
#pack-asset-results::-webkit-scrollbar-thumb,
.renderer-dropdown-menu::-webkit-scrollbar-thumb {
  min-height: 2.2rem;
  border: .19rem solid transparent;
  border-radius: 999px;
  background: rgba(225, 195, 108, .54);
  background-clip: padding-box;
}

.visionx-select-menu::-webkit-scrollbar-corner,
.visionx-floating-combobox::-webkit-scrollbar-corner,
#pack-asset-results::-webkit-scrollbar-corner,
.renderer-dropdown-menu::-webkit-scrollbar-corner {
  background: transparent;
}

/* Rebuild the shared circular controls from the supplied references. The
   neutral graphite surface, centred silver marks and proportional geometry
   remain crisp at every locally overridden control size. */
.safari-circle-action {
  position: relative;
  display: inline-grid;
  place-items: center;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(205, 207, 203, .14);
  border-radius: 50%;
  color: #c8cac7;
  background:
    radial-gradient(circle at 34% 24%, rgba(255, 255, 255, .055), transparent 42%),
    linear-gradient(180deg, #2b2c30, #222327);
  box-shadow:
    inset 0 1px rgba(255, 255, 255, .035),
    inset 0 -1px rgba(0, 0, 0, .42),
    0 .32rem .9rem rgba(0, 0, 0, .22);
  -webkit-text-fill-color: currentColor;
}

.safari-circle-action:hover:not(:disabled),
.safari-circle-action:focus-visible:not(:disabled) {
  border-color: rgba(225, 227, 222, .32);
  color: #eceeeb;
  background:
    radial-gradient(circle at 34% 24%, rgba(255, 255, 255, .08), transparent 44%),
    linear-gradient(180deg, #34353a, #28292d);
  box-shadow:
    inset 0 1px rgba(255, 255, 255, .05),
    inset 0 -1px rgba(0, 0, 0, .42),
    0 .38rem 1rem rgba(0, 0, 0, .28);
}

.safari-close-action {
  font-size: 0;
  line-height: 0;
  background:
    radial-gradient(circle at 32% 22%, rgba(255, 255, 255, .065), transparent 40%),
    linear-gradient(155deg, #111214, #050607);
  border-color: rgba(216, 218, 214, .3);
  box-shadow:
    inset 1px 1px rgba(255, 255, 255, .045),
    inset -1px -1px rgba(0, 0, 0, .72),
    0 .38rem 1.05rem rgba(0, 0, 0, .34);
}

.safari-close-action::before,
.safari-close-action::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: min(.86rem, 48%);
  height: .14rem;
  border-radius: 999px;
  background: currentColor;
  transform-origin: center;
}

.safari-close-action::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.safari-close-action::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.safari-chevron {
  position: relative;
  display: block;
  width: .88rem;
  height: .56rem;
  border: 0;
  border-radius: 0;
  transform: none;
}

.safari-chevron::before,
.safari-chevron::after {
  content: "";
  position: absolute;
  top: 50%;
  width: .58rem;
  height: 1.8px;
  border-radius: 999px;
  background: currentColor;
}

.safari-chevron::before {
  left: 50%;
  transform-origin: right center;
}

.safari-chevron::after {
  right: 50%;
  transform-origin: left center;
}

.safari-chevron-up::before {
  transform: translate(-100%, -50%) rotate(-43deg);
}

.safari-chevron-up::after {
  transform: translate(100%, -50%) rotate(43deg);
}

.safari-chevron-down::before {
  transform: translate(-100%, -50%) rotate(43deg);
}

.safari-chevron-down::after {
  transform: translate(100%, -50%) rotate(-43deg);
}

/* Card contrast audit: common informational cards share one coherent surface
   and retain the established VisionX text hierarchy. Error/success cards keep
   their semantic colours and are intentionally excluded. */
.derived-channel,
.server-migration-facts > div,
.archive-detail-facts > div,
.operator-audit-section,
.pack-role-grid > div,
.workspace-revision-card,
.publication-preview-card,
.server-preview-route,
.registry-logo-card,
.thread-tag-option {
  border-color: var(--visionx-card-border);
  color: var(--text);
  background: var(--visionx-card-surface);
}

.derived-channel > span,
.server-migration-facts > div > span,
.archive-detail-facts > div > span,
.pack-role-grid > div > span,
.workspace-revision-card small,
.publication-preview-card small,
.server-preview-route small,
.registry-logo-card small,
.thread-tag-option small {
  color: var(--text-faint);
}

@media (prefers-reduced-motion: reduce) {
  .safari-circle-action {
    transition: none;
  }
}

/* Step 557 — final dropdown, preview, Pack-card and workflow refinements */

/* An open dropdown retains the same quiet trigger treatment as the Render
   Timeframe card. The menu keeps its own gold edge; the card never inherits it. */
.visionx-select.open .visionx-select-button,
.visionx-select-button[aria-expanded="true"],
.archive-filter-control .visionx-select.open .visionx-select-button,
.registry-membership-filter .visionx-select.open .visionx-select-button,
input[role="combobox"][aria-expanded="true"],
input[role="combobox"][aria-expanded="true"]:focus {
  border-color: var(--visionx-dropdown-trigger-border);
  outline-color: transparent;
  background-color: inherit;
  box-shadow:
    inset 0 1px .25rem rgba(0, 0, 0, .34),
    inset 0 1px rgba(255, 255, 255, .018);
}

.visionx-select.open .visionx-select-button:focus-visible,
input[role="combobox"][aria-expanded="true"]:focus-visible {
  outline: 0;
  outline-offset: 0;
}

/* The Timeframe list and every replicated dropdown have one painted surface.
   No pseudo-element is allowed to form the WebKit-only partial black box. */
.visionx-select-menu::before,
.visionx-select-menu::after,
.visionx-floating-combobox::before,
.visionx-floating-combobox::after,
#pack-asset-results::before,
#pack-asset-results::after,
.renderer-dropdown-menu::before,
.renderer-dropdown-menu::after,
#renderer-asset-results::before,
#renderer-asset-results::after,
#renderer-timeframe-results::before,
#renderer-timeframe-results::after {
  content: none !important;
  display: none !important;
  background: none !important;
}

/* Circular controls keep the supplied graphite/silver structure. VisionX's
   quick gold hover and movement remain part of the interaction language. */
.safari-circle-action {
  transition:
    color .14s ease-out,
    border-color .14s ease-out,
    background .14s ease-out,
    box-shadow .14s ease-out,
    transform .14s ease-out;
}

.safari-circle-action:hover:not(:disabled),
.safari-circle-action:focus-visible:not(:disabled) {
  color: var(--gold-strong);
  border-color: rgba(238, 214, 143, .48);
  background:
    linear-gradient(145deg, rgba(238, 214, 143, .12), transparent 46%),
    linear-gradient(180deg, #35332d, #24241f);
  box-shadow:
    inset 0 1px rgba(255, 255, 255, .055),
    inset 0 -1px rgba(0, 0, 0, .42),
    0 0 1rem rgba(207, 173, 82, .18);
  transform: translateY(-1px) scale(1.035);
}

.safari-circle-action:active:not(:disabled) {
  transform: translateY(0) scale(.97);
}

/* Manage Current Packs uses the same compact fact-card row as Release Archive. */
.pack-maintenance-fields {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  align-items: stretch;
}

.pack-maintenance-fields > .pack-maintenance-field-box,
.pack-maintenance-fields > .derived-channel {
  display: grid;
  min-width: 0;
  min-height: 3.85rem;
  height: 3.85rem;
  align-content: center;
  grid-template-rows: auto minmax(0, 1fr);
  gap: .22rem;
  padding: .4rem .65rem;
  border: 1px solid var(--border);
  border-radius: .48rem;
  color: var(--text);
  background: var(--window-subtle);
  box-shadow: none;
}

.pack-maintenance-fields > .pack-maintenance-field-box > span,
.pack-maintenance-fields > .derived-channel > span {
  color: #8e897d;
  font-family: var(--font-condensed);
  font-size: .63rem;
  font-weight: 850;
  line-height: 1.1;
  letter-spacing: .17em;
}

.pack-maintenance-fields > .pack-maintenance-field-box input,
.pack-maintenance-fields > .pack-maintenance-field-box .visionx-select,
.pack-maintenance-fields > .pack-maintenance-field-box .visionx-select-button {
  width: 100%;
  height: 2.15rem;
  min-height: 2.15rem;
}

.pack-maintenance-fields > .pack-maintenance-field-box input,
.pack-maintenance-fields > .pack-maintenance-field-box .visionx-select-button {
  padding: .38rem .55rem;
  border-radius: .48rem;
  background:
    linear-gradient(145deg, rgba(34, 33, 26, .58), rgba(9, 10, 8, .52)),
    rgba(12, 13, 10, .62);
}

.pack-maintenance-fields > .derived-channel strong {
  display: flex;
  min-width: 0;
  height: auto;
  min-height: 0;
  align-items: center;
  overflow: hidden;
  color: var(--text-muted);
  font-size: .78rem;
  line-height: 1.3;
  letter-spacing: .055em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Quick Look now carries the transparent, warm-edged Local Result treatment. */
.workspace-quick-look,
.archive-quick-look {
  overflow: auto;
  border-color: rgba(207, 173, 82, .28);
  background:
    linear-gradient(155deg, rgba(207, 173, 82, .075), transparent 38%),
    linear-gradient(145deg, rgba(18, 19, 15, .965), rgba(6, 7, 5, .945));
  box-shadow:
    0 2rem 6rem rgba(0, 0, 0, .68),
    inset 0 1px rgba(255, 255, 255, .025);
  filter: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.workspace-quick-look > .window-header,
.archive-quick-look > .window-header,
.workspace-quick-look-navigation,
.workspace-quick-look-actions {
  background: rgba(5, 6, 4, .18);
}

.workspace-quick-look .renderer-preview,
.archive-quick-look .renderer-preview {
  background: transparent;
}

.workspace-quick-look .renderer-preview img,
.archive-quick-look .renderer-preview img {
  border-color: rgba(238, 214, 143, .14);
  background: transparent;
  box-shadow: 0 .8rem 2.4rem rgba(0, 0, 0, .28);
}

.workspace-quick-look .renderer-preview figcaption,
.archive-quick-look .renderer-preview figcaption {
  color: var(--text-muted);
}

/* The primary workflow's action row is exactly as tall as Downloads Folder. */
.workspace-session-actions {
  align-items: stretch;
}

.workspace-session-actions > #workspace-manual-fallback,
.workspace-session-actions > #workspace-start-session,
.workspace-session-actions > #workspace-scan-session {
  height: var(--visionx-inline-control-height);
  min-height: var(--visionx-inline-control-height);
  align-self: stretch;
}

#workspace-manual-fallback {
  padding-block: .32rem;
}

@media (max-width: 1180px) {
  .pack-maintenance-fields {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .pack-maintenance-fields {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  .safari-circle-action:hover:not(:disabled),
  .safari-circle-action:focus-visible:not(:disabled),
  .safari-circle-action:active:not(:disabled) {
    transform: none;
  }
}

/* Step 558 — polished controls, warm surfaces and Safari table containment */

/* V1 design branch: retain the Step 557 global window theme. Quick Look keeps
   its warm Local Result treatment, while the site-wide expansion is omitted. */

/* Return to the original restrained circular control architecture, then
   finish it with an Apple-like highlight, exact centred geometry and a
   decisive VisionX gold interaction state. */
.safari-circle-action,
.safari-close-action {
  position: relative;
  display: inline-grid;
  place-items: center;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(238, 235, 222, .14);
  border-radius: 50%;
  color: rgba(224, 222, 214, .76);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .012)),
    rgba(20, 21, 18, .9);
  box-shadow:
    inset 0 1px rgba(255, 255, 255, .055),
    inset 0 -1px rgba(0, 0, 0, .38),
    0 .28rem .75rem rgba(0, 0, 0, .24);
  -webkit-text-fill-color: currentColor;
  transition:
    color .11s cubic-bezier(.2, .8, .2, 1),
    border-color .11s cubic-bezier(.2, .8, .2, 1),
    background .11s cubic-bezier(.2, .8, .2, 1),
    box-shadow .11s cubic-bezier(.2, .8, .2, 1),
    transform .11s cubic-bezier(.2, .8, .2, 1);
}

.safari-circle-action:hover:not(:disabled),
.safari-circle-action:focus-visible:not(:disabled) {
  border-color: #f3d573;
  color: #17140b;
  background: linear-gradient(145deg, #f5dc83 0%, #d8ab3f 55%, #b77d1d 100%);
  box-shadow:
    inset 0 1px rgba(255, 250, 222, .62),
    inset 0 -1px rgba(92, 58, 7, .22),
    0 .42rem 1.05rem rgba(0, 0, 0, .3),
    0 0 1.15rem rgba(215, 170, 59, .18);
  transform: translateY(-1px) scale(1.025);
}

.safari-circle-action:active:not(:disabled) {
  transform: translateY(0) scale(.965);
  transition-duration: .065s;
}

.safari-close-action {
  font-size: 0;
  line-height: 0;
}

.safari-close-action::before,
.safari-close-action::after {
  top: 50%;
  left: 50%;
  width: min(.76rem, 44%);
  height: 1.7px;
  border-radius: 999px;
  background: currentColor;
  transform-origin: center;
}

.safari-close-action::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.safari-close-action::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.safari-chevron {
  position: relative;
  display: block;
  width: .78rem;
  height: .54rem;
  border: 0;
  transform: none;
}

.safari-chevron::before,
.safari-chevron::after {
  top: 50%;
  width: .48rem;
  height: 1.7px;
  border-radius: 999px;
  background: currentColor;
}

.safari-chevron::before {
  left: 50%;
  transform-origin: right center;
}

.safari-chevron::after {
  right: 50%;
  transform-origin: left center;
}

.safari-chevron-up::before {
  transform: translate(-100%, -50%) rotate(-42deg);
}

.safari-chevron-up::after {
  transform: translate(100%, -50%) rotate(42deg);
}

.safari-chevron-down::before {
  transform: translate(-100%, -50%) rotate(42deg);
}

.safari-chevron-down::after {
  transform: translate(100%, -50%) rotate(-42deg);
}

/* Restore the pre-Step-557 Manage Current Packs geometry. Only the five
   visible control/fact surfaces inherit the Release Archive fact colours. */
.pack-maintenance-fields {
  grid-template-columns: repeat(5, minmax(10rem, 1fr));
  align-items: end;
}

.pack-maintenance-fields > .pack-maintenance-field-box {
  display: grid;
  min-width: 0;
  min-height: 0;
  height: auto;
  align-content: end;
  grid-template-rows: .85rem 2.75rem;
  gap: .35rem;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.pack-maintenance-fields > .pack-maintenance-field-box input,
.pack-maintenance-fields > .pack-maintenance-field-box .visionx-select,
.pack-maintenance-fields > .pack-maintenance-field-box .visionx-select-button {
  width: 100%;
  height: 2.75rem;
  min-height: 2.75rem;
}

.pack-maintenance-fields > .pack-maintenance-field-box input,
.pack-maintenance-fields > .pack-maintenance-field-box .visionx-select-button,
.pack-maintenance-fields > .derived-channel {
  border: 1px solid rgba(238, 214, 143, .14);
  border-radius: var(--radius-lg);
  background:
    linear-gradient(145deg, rgba(34, 33, 26, .58), rgba(9, 10, 8, .52)),
    rgba(12, 13, 10, .62);
  box-shadow: inset 0 1px rgba(255, 255, 255, .024);
}

.pack-maintenance-fields > .derived-channel {
  display: grid;
  min-width: 0;
  min-height: 2.75rem;
  height: 2.75rem;
  align-self: end;
  align-content: center;
  grid-template-rows: auto auto;
  gap: .15rem;
  padding: .38rem .65rem;
}

.pack-maintenance-fields > .derived-channel strong {
  display: flex;
  min-width: 0;
  height: auto;
  min-height: 0;
  align-items: center;
  overflow: hidden;
  color: var(--text-muted);
  font-size: .78rem;
  line-height: 1.3;
  letter-spacing: .055em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Restore the complete Primary Workflow action row to its established
   pre-Step-557 height and padding. */
.workspace-session-actions {
  align-items: stretch;
}

.workspace-session-actions > #workspace-manual-fallback,
.workspace-session-actions > #workspace-start-session,
.workspace-session-actions > #workspace-scan-session {
  height: 100%;
  min-height: 3.85rem;
  align-self: auto;
}

#workspace-manual-fallback {
  padding: .62rem .8rem;
}

/* The selected route is always legible as a metallic gold label. */
body .brand-copy > .primary-nav button[aria-current="page"],
body .brand-copy > .primary-nav button[aria-current="page"]:hover,
body .brand-copy > .primary-nav button[aria-current="page"]:focus-visible {
  color: #f3d987;
  background:
    linear-gradient(
      105deg,
      #9b6815 0%,
      #ffeaa0 30%,
      #c9942e 56%,
      #fff0af 76%,
      #a66e17 100%
    );
  background-size: 220% 100%;
  background-position: 48% 50%;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 0 .26rem rgba(224, 183, 63, .42));
}

/* Registry Pack filters use the Add Asset action material and its light
   sweep, scaled down to pill proportions. */
.registry-pack-filter {
  position: relative;
  width: auto;
  min-height: 1.9rem;
  overflow: hidden;
  padding: .22rem .72rem;
  border-color: #e2bf60;
  border-radius: 999px;
  color: var(--primary-action-ink);
  background: linear-gradient(135deg, #efd277 0%, #d0a23a 54%, #aa741b 100%);
  box-shadow:
    inset 0 1px rgba(255, 250, 222, .46),
    0 .3rem .8rem rgba(0, 0, 0, .22);
}

.registry-pack-filter::after {
  content: "";
  position: absolute;
  inset: -35% auto -35% -48%;
  width: 34%;
  transform: skewX(-18deg);
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .46), transparent);
  pointer-events: none;
}

.registry-pack-filter:hover:not(:disabled),
.registry-pack-filter:focus-visible {
  border-color: #ffe58c;
  color: #201b10;
  background: linear-gradient(135deg, #ffe58c 0%, #e2b64a 54%, #bd8621 100%);
  box-shadow:
    inset 0 1px rgba(255, 250, 222, .62),
    0 .42rem 1rem rgba(0, 0, 0, .26),
    0 0 1rem rgba(227, 185, 77, .14);
}

.registry-pack-filter[aria-pressed="true"] {
  color: #17140b;
  border-color: #ffe58c;
  background: linear-gradient(135deg, #ffe58c 0%, #ddb044 54%, #b77d1d 100%);
  box-shadow:
    inset 0 1px rgba(255, 250, 222, .68),
    0 0 1.2rem rgba(207, 173, 82, .2);
}

@media (prefers-reduced-motion: no-preference) {
  .registry-pack-filter:hover:not(:disabled)::after,
  .registry-pack-filter:focus-visible::after {
    animation: step558-pack-filter-shimmer .46s ease-out both;
  }

  @keyframes step558-pack-filter-shimmer {
    from { left: -48%; }
    to { left: 118%; }
  }
}

/* Retain the corrected shared dropdown design with just enough translucency
   to carry the warm page ambience through the menu surface. */
.visionx-select-menu,
.visionx-floating-combobox,
#pack-asset-results,
.renderer-dropdown-menu {
  background:
    linear-gradient(180deg, rgba(24, 25, 20, .965), rgba(8, 9, 7, .94)) padding-box,
    var(--v5-dropdown-border-gradient) border-box;
}

@media (prefers-reduced-motion: reduce) {
  .safari-circle-action,
  .registry-pack-filter {
    transition: none;
  }

  .registry-pack-filter::after {
    display: none;
  }
}

/* Step 559 — focused filter, menu and governed-table corrections */

/* Only the active Registry Pack filter carries the primary gold material.
   Every inactive filter returns to the established quiet pill state. */
.registry-pack-filter,
.registry-pack-filter:hover:not(:disabled),
.registry-pack-filter:focus-visible {
  position: relative;
  width: auto;
  min-height: 1.9rem;
  overflow: hidden;
  padding: .22rem .7rem;
  border-color: var(--border);
  border-radius: 999px;
  color: var(--text-faint);
  background: rgba(207, 173, 82, .025);
  box-shadow: inset 0 1px rgba(255, 255, 255, .025);
}

.registry-pack-filter::after {
  content: none;
  display: none;
}

.registry-pack-filter[aria-pressed="true"],
.registry-pack-filter[aria-pressed="true"]:hover,
.registry-pack-filter[aria-pressed="true"]:focus-visible {
  color: #17140b;
  border-color: #ffe58c;
  background: linear-gradient(135deg, #ffe58c 0%, #ddb044 54%, #b77d1d 100%);
  box-shadow:
    inset 0 1px rgba(255, 250, 222, .68),
    0 0 1.2rem rgba(207, 173, 82, .2);
}

.registry-pack-filter[aria-pressed="true"]::after {
  content: "";
  position: absolute;
  inset: -35% auto -35% -48%;
  display: block;
  width: 34%;
  transform: skewX(-18deg);
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .46), transparent);
  pointer-events: none;
}

@media (prefers-reduced-motion: no-preference) {
  .registry-pack-filter[aria-pressed="true"]:hover::after,
  .registry-pack-filter[aria-pressed="true"]:focus-visible::after {
    animation: step558-pack-filter-shimmer .46s ease-out both;
  }
}

/* Restore the fully opaque shared dropdown surface used before Step 558. */
.visionx-select-menu,
.visionx-floating-combobox,
#pack-asset-results,
.renderer-dropdown-menu {
  background:
    linear-gradient(180deg, rgba(24, 25, 20, .998), rgba(8, 9, 7, .998)) padding-box,
    var(--v5-dropdown-border-gradient) border-box;
}

/* Registered Assets previously replaced the shared border-box background with
   its own fill. Paint both layers explicitly so its thin gradient edge matches
   every other dropdown without changing the option rows. */
#renderer-asset-results {
  border: 1px solid transparent;
  background:
    linear-gradient(
      180deg,
      rgba(20, 21, 17, .999) 0%,
      rgba(17, 18, 14, .999) 52%,
      rgba(14, 15, 12, .999) 100%
    ) padding-box,
    var(--v5-dropdown-border-gradient) border-box;
}

@media (prefers-reduced-motion: reduce) {
  .registry-pack-filter[aria-pressed="true"]::after {
    display: none;
  }
}

/* Step 560 — navigation, dropdown and panel-interaction corrections */

/* Every dropdown trigger uses one restrained VisionX gold focus/open glow.
   This supersedes generic white focus rings on the Render comboboxes without
   turning the card border into a bright frame. */
.visionx-select.open .visionx-select-button,
.visionx-select-button[aria-expanded="true"],
.visionx-select-button:focus,
.archive-filter-control .visionx-select.open .visionx-select-button,
.registry-membership-filter .visionx-select.open .visionx-select-button,
input[role="combobox"][aria-expanded="true"],
input[role="combobox"]:focus {
  border-color: rgba(238, 214, 143, .34);
  outline: none;
  box-shadow:
    0 0 .9rem rgba(214, 170, 57, .12),
    inset 0 1px .25rem rgba(0, 0, 0, .34),
    inset 0 1px rgba(255, 255, 255, .018);
}

.visionx-select.open .visionx-select-button:focus-visible,
.visionx-select-button:focus-visible,
input[role="combobox"][aria-expanded="true"]:focus-visible,
input[role="combobox"]:focus-visible {
  border-color: rgba(255, 226, 133, .46);
  outline: none;
  box-shadow:
    0 0 1.05rem rgba(214, 170, 57, .16),
    inset 0 1px .25rem rgba(0, 0, 0, .34);
}

/* Restore the subtle brightening edge that was masked by the Step 558 window
   specificity. The interaction changes only border light and shadow depth. */
body .view > .window {
  transition:
    border-color .16s ease-out,
    box-shadow .16s ease-out;
}

body .view > .window:hover {
  border-color: rgba(238, 211, 132, .36);
  box-shadow:
    0 1.6rem 4.5rem rgba(0, 0, 0, .42),
    0 .25rem 1rem rgba(0, 0, 0, .24),
    0 0 0 1px rgba(238, 211, 132, .035),
    inset 0 1px rgba(255, 245, 214, .052);
}

@media (prefers-reduced-motion: reduce) {
  body .view > .window {
    transition: none;
  }
}

/* Step 561 — V1 main branch finish: native controls and Safari compositing */

/* One authoritative Apple-style control system replaces every accumulated
   arrow and close glyph. Marks are drawn from centred CSS geometry so no
   platform font can shift them off-axis. */
.safari-circle-action,
.safari-close-action {
  position: relative;
  display: inline-grid;
  place-items: center;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(229, 230, 226, .16);
  border-radius: 50%;
  color: rgba(224, 225, 221, .84);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .075), transparent 38%),
    linear-gradient(180deg, rgba(43, 44, 47, .98), rgba(24, 25, 27, .99));
  box-shadow:
    inset 0 1px rgba(255, 255, 255, .065),
    inset 0 -1px rgba(0, 0, 0, .56),
    0 .3rem .82rem rgba(0, 0, 0, .25);
  font-size: 0;
  line-height: 0;
  -webkit-appearance: none;
  appearance: none;
  -webkit-text-fill-color: currentColor;
  transition:
    color .13s cubic-bezier(.2, .8, .2, 1),
    border-color .13s cubic-bezier(.2, .8, .2, 1),
    background .13s cubic-bezier(.2, .8, .2, 1),
    box-shadow .13s cubic-bezier(.2, .8, .2, 1),
    transform .13s cubic-bezier(.2, .8, .2, 1);
}

.safari-circle-action:hover:not(:disabled),
.safari-circle-action:focus-visible:not(:disabled) {
  border-color: rgba(246, 216, 119, .64);
  color: #f6d877;
  background:
    linear-gradient(145deg, rgba(255, 244, 197, .14), transparent 40%),
    linear-gradient(180deg, rgba(57, 52, 38, .99), rgba(31, 29, 23, .99));
  box-shadow:
    inset 0 1px rgba(255, 248, 218, .11),
    inset 0 -1px rgba(0, 0, 0, .52),
    0 .36rem .95rem rgba(0, 0, 0, .28),
    0 0 .9rem rgba(215, 170, 59, .15);
  outline: none;
  transform: translateY(-1px) scale(1.025);
}

.safari-circle-action:focus-visible:not(:disabled) {
  box-shadow:
    inset 0 1px rgba(255, 248, 218, .11),
    inset 0 -1px rgba(0, 0, 0, .52),
    0 0 0 2px rgba(246, 216, 119, .14),
    0 0 1rem rgba(215, 170, 59, .17);
}

.safari-circle-action:active:not(:disabled) {
  transform: translateY(0) scale(.965);
  transition-duration: .065s;
}

.safari-circle-action:disabled {
  color: rgba(224, 225, 221, .34);
  border-color: rgba(229, 230, 226, .08);
  box-shadow: inset 0 1px rgba(255, 255, 255, .025);
}

.safari-close-action::before,
.safari-close-action::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: min(.78rem, 43%);
  height: 1.65px;
  border-radius: 999px;
  background: currentColor;
  transform-origin: 50% 50%;
}

.safari-close-action::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.safari-close-action::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.safari-chevron {
  position: relative;
  display: block;
  width: .72rem;
  height: .48rem;
  border: 0;
  border-radius: 0;
  transform: none;
}

.safari-chevron::before,
.safari-chevron::after {
  content: "";
  position: absolute;
  top: 50%;
  width: .47rem;
  height: 1.65px;
  border-radius: 999px;
  background: currentColor;
}

.safari-chevron::before {
  left: 50%;
  transform-origin: right center;
}

.safari-chevron::after {
  right: 50%;
  transform-origin: left center;
}

.safari-chevron-up::before {
  transform: translate(-100%, -50%) rotate(-42deg);
}

.safari-chevron-up::after {
  transform: translate(100%, -50%) rotate(42deg);
}

.safari-chevron-down::before {
  transform: translate(-100%, -50%) rotate(42deg);
}

.safari-chevron-down::after {
  transform: translate(100%, -50%) rotate(-42deg);
}

/* Keep the established V1 tab treatment, with half the former hover light. */
body .view > .window:hover {
  border-color: rgba(238, 211, 132, .18);
  box-shadow:
    0 1.6rem 4.5rem rgba(0, 0, 0, .42),
    0 .25rem 1rem rgba(0, 0, 0, .24),
    0 0 0 1px rgba(238, 211, 132, .018),
    inset 0 1px rgba(255, 245, 214, .026);
}

/* The Standalone Renderer is intentionally free of the generic top-left
   window sheen, which otherwise escapes its overflow-visible corner. */
#view-renderer .renderer-window::before {
  content: none;
  display: none;
  background: none;
}

/* Preserve the exact Step 557 table colour language. These rules only create
   a Safari-safe stacking boundary and seal the one-pixel sticky-header seam. */
.workspace-members .workspace-table-wrap,
.thread-members .workspace-table-wrap {
  position: relative;
  isolation: isolate;
  contain: paint;
  overflow: auto;
}

.workspace-members .workspace-table-wrap::before,
.thread-members .workspace-table-wrap::before {
  content: "";
  position: sticky;
  z-index: 30;
  top: 0;
  display: block;
  width: 100%;
  height: 1px;
  margin-bottom: -1px;
  background: rgba(12, 13, 10, .99);
  pointer-events: none;
}

.workspace-members .workspace-table-wrap table,
.thread-members .workspace-table-wrap table {
  border-collapse: separate;
  border-spacing: 0;
  isolation: isolate;
}

.workspace-members .workspace-table-wrap thead,
.thread-members .workspace-table-wrap thead {
  position: relative;
  z-index: 20;
}

.workspace-members .workspace-table-wrap th,
.thread-members .workspace-table-wrap th {
  z-index: 21;
  top: 0;
  background: rgba(12, 13, 10, .96);
  background-clip: padding-box;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}

.workspace-members .workspace-table-wrap tbody,
.thread-members .workspace-table-wrap tbody {
  position: relative;
  z-index: 1;
}

/* Safari occasionally rasterises a filtered transparent PNG as a rectangular
   layer. The emblem itself is never filtered; its alpha-shaped glow lives on
   a separately masked layer and therefore cannot reveal image bounds. */
:root {
  --visionx-emblem-size: 3.135rem;
}

.brand-lockup {
  position: relative;
  isolation: isolate;
}

.brand-lockup::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 0;
  width: var(--visionx-emblem-size);
  height: var(--visionx-emblem-size);
  opacity: .5;
  background: rgba(224, 183, 63, .72);
  -webkit-mask: url("/visionx-emblem.png") center / contain no-repeat;
  mask: url("/visionx-emblem.png") center / contain no-repeat;
  filter: blur(.48rem);
  transform: translateY(calc(-50% - 3px)) scale(1.045);
  transform-origin: center;
  pointer-events: none;
  transition: opacity .18s ease, transform .18s ease;
}

.brand-emblem {
  width: var(--visionx-emblem-size);
  height: var(--visionx-emblem-size);
  filter: none !important;
  -webkit-filter: none !important;
  backface-visibility: visible;
  will-change: auto;
  transform: translateY(-3px);
  transition: transform .18s ease !important;
}

.brand-lockup:hover::before {
  opacity: .68;
  transform: translateY(calc(-50% - 5px)) scale(1.075);
}

.brand-lockup:hover .brand-emblem {
  filter: none !important;
  -webkit-filter: none !important;
  transform: translateY(-5px);
}

@media (max-width: 740px) {
  :root {
    --visionx-emblem-size: 2.695rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .safari-circle-action,
  .brand-lockup::before,
  .brand-emblem {
    transition: none !important;
  }

  .safari-circle-action:hover:not(:disabled),
  .safari-circle-action:focus-visible:not(:disabled) {
    transform: none;
  }

  .brand-lockup::before,
  .brand-lockup:hover::before {
    transform: translateY(calc(-50% - 3px)) scale(1.045);
  }

  .brand-emblem,
  .brand-lockup:hover .brand-emblem {
    transform: translateY(-3px) !important;
  }
}

/* Step 562 final cascade — these browser corrections intentionally follow
   every historical V1 rule so Safari and Chromium resolve the same result. */
.registry-table-wrap table,
.server-route-table-wrap table {
  border-collapse: separate;
  border-spacing: 0;
}

.registry-table-wrap th,
.server-route-table-wrap th {
  border-bottom: 0;
  background: rgba(12, 13, 10, .96);
  background-clip: border-box;
  box-shadow: inset 0 -1px rgba(241, 219, 151, .15);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

body .view > .window:hover {
  border-color: rgba(238, 211, 132, .27);
  box-shadow:
    0 1.6rem 4.5rem rgba(0, 0, 0, .42),
    0 .25rem 1rem rgba(0, 0, 0, .24),
    0 0 0 1px rgba(238, 211, 132, .027),
    inset 0 1px rgba(255, 245, 214, .039);
}

.safari-circle-action,
.safari-close-action {
  border-color: rgba(226, 192, 96, .25);
  color: rgba(238, 211, 132, .88);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .09), transparent 31%),
    linear-gradient(145deg, rgba(48, 46, 39, .99), rgba(18, 19, 18, .995) 70%);
  box-shadow:
    inset 0 1px rgba(255, 247, 216, .075),
    inset 0 -1px rgba(0, 0, 0, .72),
    0 0 0 1px rgba(0, 0, 0, .34),
    0 .34rem .9rem rgba(0, 0, 0, .3);
}

.safari-circle-action:hover:not(:disabled),
.safari-circle-action:focus-visible:not(:disabled) {
  border-color: rgba(255, 229, 144, .82);
  color: #17130a;
  background:
    linear-gradient(145deg, rgba(255, 247, 201, .82), transparent 28%),
    linear-gradient(145deg, #f0d173 0%, #d3aa42 51%, #ad7920 100%);
  box-shadow:
    inset 0 1px rgba(255, 251, 223, .75),
    inset 0 -2px rgba(94, 59, 10, .42),
    0 0 0 1px rgba(77, 49, 12, .72),
    0 .42rem 1rem rgba(0, 0, 0, .32),
    0 0 1rem rgba(221, 177, 56, .2);
}

.safari-circle-action:focus-visible:not(:disabled) {
  outline: none;
  box-shadow:
    inset 0 1px rgba(255, 251, 223, .75),
    inset 0 -2px rgba(94, 59, 10, .42),
    0 0 0 2px rgba(246, 216, 119, .2),
    0 0 1rem rgba(221, 177, 56, .24);
}

.safari-circle-action:disabled {
  color: rgba(223, 205, 153, .3);
  border-color: rgba(226, 192, 96, .09);
  background: linear-gradient(145deg, rgba(39, 39, 36, .76), rgba(20, 21, 20, .82));
}

.safari-close-action::before,
.safari-close-action::after {
  width: min(.86rem, 46%);
  height: 2.2px;
  box-shadow: 0 1px rgba(0, 0, 0, .24);
}

.safari-chevron {
  width: .84rem;
  height: .56rem;
}

.safari-chevron::before,
.safari-chevron::after {
  width: .55rem;
  height: 2.2px;
  box-shadow: 0 1px rgba(0, 0, 0, .24);
}

.safari-chevron-up::before { transform: translate(-100%, -50%) rotate(-43deg); }
.safari-chevron-up::after { transform: translate(100%, -50%) rotate(43deg); }
.safari-chevron-down::before { transform: translate(-100%, -50%) rotate(43deg); }
.safari-chevron-down::after { transform: translate(100%, -50%) rotate(-43deg); }

#view-renderer .renderer-window {
  background: var(--window-fallback);
  background: var(--window);
  background-clip: padding-box;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

#view-renderer .renderer-window::before {
  content: none;
  display: none;
  background: none;
}

:root { --visionx-emblem-glow-pad: 1.75rem; }

.brand-lockup::before,
.brand-lockup::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 50%;
  left: calc(-1 * var(--visionx-emblem-glow-pad));
  width: calc(var(--visionx-emblem-size) + (2 * var(--visionx-emblem-glow-pad)));
  height: calc(var(--visionx-emblem-size) + (2 * var(--visionx-emblem-glow-pad)));
  background: #e0b73f;
  -webkit-mask: url("/visionx-emblem.png") center / var(--visionx-emblem-size) var(--visionx-emblem-size) no-repeat;
  mask: url("/visionx-emblem.png") center / var(--visionx-emblem-size) var(--visionx-emblem-size) no-repeat;
  transform: translateY(calc(-50% - 3px));
  transform-origin: center;
  pointer-events: none;
  transition: opacity .18s ease, transform .18s ease;
}

.brand-lockup::before {
  opacity: .58;
  filter: blur(.55rem);
}

.brand-lockup::after {
  opacity: .28;
  filter: blur(1.2rem);
}

.brand-emblem {
  position: relative;
  z-index: 1;
  filter: none !important;
  -webkit-filter: none !important;
}

.brand-lockup:hover::before {
  opacity: .72;
  transform: translateY(calc(-50% - 5px)) scale(1.04);
}

.brand-lockup:hover::after {
  opacity: .38;
  transform: translateY(calc(-50% - 5px)) scale(1.075);
}

@media (prefers-reduced-motion: reduce) {
  .brand-lockup::before,
  .brand-lockup::after { transition: none !important; }

  .brand-lockup::before,
  .brand-lockup::after,
  .brand-lockup:hover::before,
  .brand-lockup:hover::after {
    transform: translateY(calc(-50% - 3px));
  }
}

/* Step 563 — exact supplied controls and resolved Safari surfaces */

/* Every affected scroll table has one opaque sticky seal above its header.
   The header cells are also fully opaque, so no Asset row can become visible
   through the one-pixel WebKit compositor seam while scrolling either way. */
.registry-table-wrap,
.server-route-table-wrap,
.workspace-members .workspace-table-wrap,
.thread-members .workspace-table-wrap {
  position: relative;
  isolation: isolate;
  contain: paint;
  overflow: auto;
}

.registry-table-wrap::before,
.server-route-table-wrap::before,
.workspace-members .workspace-table-wrap::before,
.thread-members .workspace-table-wrap::before {
  content: "";
  position: sticky;
  z-index: 60;
  top: 0;
  display: block;
  width: 100%;
  height: 2px;
  margin-bottom: -2px;
  background: #0c0d0a;
  pointer-events: none;
}

.registry-table-wrap thead,
.server-route-table-wrap thead,
.workspace-members .workspace-table-wrap thead,
.thread-members .workspace-table-wrap thead {
  position: relative;
  z-index: 50;
}

.registry-table-wrap th,
.server-route-table-wrap th,
.workspace-members .workspace-table-wrap th,
.thread-members .workspace-table-wrap th {
  z-index: 51;
  top: 0;
  background: #0c0d0a;
  background-clip: border-box;
  box-shadow:
    0 -3px 0 3px #0c0d0a,
    inset 0 -1px rgba(241, 219, 151, .15);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

/* These are the supplied, byte-identical PNG controls. Their artwork is not
   redrawn, recoloured, filtered, animated, or transformed in any state. */
.safari-circle-action,
.safari-close-action,
.safari-circle-action:hover:not(:disabled),
.safari-circle-action:focus-visible:not(:disabled),
.safari-circle-action:active:not(:disabled),
.safari-circle-action:disabled {
  overflow: visible;
  border: 0;
  border-radius: 50%;
  color: transparent;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  box-shadow: none;
  filter: none;
  opacity: 1;
  outline-offset: 2px;
  transform: none !important;
  transition: none !important;
  -webkit-appearance: none;
  appearance: none;
}

.safari-close-action,
.safari-close-action:hover:not(:disabled),
.safari-close-action:focus-visible:not(:disabled),
.safari-close-action:active:not(:disabled) {
  background-image: url("/visionx-control-close.png");
}

.safari-circle-action:has(> .safari-chevron-up),
.safari-circle-action:has(> .safari-chevron-up):hover:not(:disabled),
.safari-circle-action:has(> .safari-chevron-up):focus-visible:not(:disabled),
.safari-circle-action:has(> .safari-chevron-up):active:not(:disabled) {
  background-image: url("/visionx-control-up.png");
}

.safari-circle-action:has(> .safari-chevron-down),
.safari-circle-action:has(> .safari-chevron-down):hover:not(:disabled),
.safari-circle-action:has(> .safari-chevron-down):focus-visible:not(:disabled),
.safari-circle-action:has(> .safari-chevron-down):active:not(:disabled) {
  background-image: url("/visionx-control-down.png");
}

.safari-close-action::before,
.safari-close-action::after,
.safari-chevron,
.safari-chevron::before,
.safari-chevron::after {
  content: none;
  display: none;
}

/* The renderer host now contributes no painted rectangular surface at all.
   Its entire visual card is painted by one non-filtered, rounded layer while
   the host remains overflow-visible for dropdown menus. */
#view-renderer .renderer-window,
#view-renderer .renderer-window:hover {
  overflow: visible;
  border-color: transparent;
  background: none;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

#view-renderer .renderer-window::before {
  content: none;
  display: none;
}

#view-renderer .renderer-window::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -1px;
  border: 1px solid var(--border);
  border-radius: inherit;
  background: var(--window-fallback);
  background: var(--window);
  background-clip: padding-box;
  box-shadow:
    0 1.6rem 4.5rem rgba(0, 0, 0, .38),
    0 .25rem 1rem rgba(0, 0, 0, .22),
    inset 0 1px rgba(255, 245, 214, .035);
  pointer-events: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

#view-renderer .renderer-window:hover::after {
  border-color: rgba(238, 211, 132, .27);
  box-shadow:
    0 1.6rem 4.5rem rgba(0, 0, 0, .42),
    0 .25rem 1rem rgba(0, 0, 0, .24),
    0 0 0 1px rgba(238, 211, 132, .027),
    inset 0 1px rgba(255, 245, 214, .039);
}

/* Restore the exact pre-Step-561 emblem implementation. The two experimental
   masked layers are removed; the original inner and outer drop shadows live
   on the transparent emblem itself again. */
.brand-lockup::before,
.brand-lockup::after {
  content: none !important;
  display: none !important;
}

.brand-emblem {
  position: relative;
  z-index: auto;
  filter:
    drop-shadow(0 0 .55rem rgba(224, 183, 63, .58))
    drop-shadow(0 0 1.2rem rgba(191, 139, 32, .28)) !important;
  -webkit-filter:
    drop-shadow(0 0 .55rem rgba(224, 183, 63, .58))
    drop-shadow(0 0 1.2rem rgba(191, 139, 32, .28)) !important;
  transform: translateY(-3px);
  transition: transform .22s ease, filter .22s ease !important;
}

.brand-lockup:hover .brand-emblem {
  filter:
    drop-shadow(0 0 .75rem rgba(224, 183, 63, .72))
    drop-shadow(0 0 1.5rem rgba(191, 139, 32, .38)) !important;
  -webkit-filter:
    drop-shadow(0 0 .75rem rgba(224, 183, 63, .72))
    drop-shadow(0 0 1.5rem rgba(191, 139, 32, .38)) !important;
  transform: translateY(-5px);
}

@media (prefers-reduced-motion: reduce) {
  .brand-emblem,
  .brand-lockup:hover .brand-emblem {
    transform: translateY(-3px) !important;
    transition: none !important;
  }
}

/* Step 564 — permanent browser-safe visual surfaces */

/* Treat each affected header as one sticky painted surface. Individual cells
   no longer draw their own underline, so WebKit cannot expose fractional gaps
   between column compositor layers. */
.registry-table-wrap thead,
.server-route-table-wrap thead,
.workspace-members .workspace-table-wrap thead,
.thread-members .workspace-table-wrap thead {
  position: sticky;
  z-index: 50;
  top: 0;
  background:
    linear-gradient(
      to bottom,
      #0c0d0a 0,
      #0c0d0a calc(100% - 1px),
      rgba(241, 219, 151, .15) calc(100% - 1px),
      rgba(241, 219, 151, .15) 100%
    );
  box-shadow: 0 -3px 0 3px #0c0d0a;
  isolation: isolate;
}

.registry-table-wrap th,
.server-route-table-wrap th,
.workspace-members .workspace-table-wrap th,
.thread-members .workspace-table-wrap th {
  position: relative;
  z-index: 1;
  top: auto;
  border-bottom: 0;
  background: transparent;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

/* The exact supplied gold PNGs remain the hover/focus artwork. A neutral
   treatment is applied only at rest; geometry, centring and dimensions never
   change and no CSS mark is drawn over the source image. */
.safari-circle-action,
.safari-close-action {
  opacity: .8;
  filter: grayscale(1) saturate(0) brightness(.72) contrast(.94) !important;
  transition: filter .13s ease, opacity .13s ease !important;
}

.safari-circle-action:hover:not(:disabled),
.safari-circle-action:focus-visible:not(:disabled),
.safari-circle-action:active:not(:disabled),
.safari-close-action:hover:not(:disabled),
.safari-close-action:focus-visible:not(:disabled),
.safari-close-action:active:not(:disabled) {
  opacity: 1;
  filter: none !important;
}

.safari-circle-action:disabled,
.safari-close-action:disabled {
  opacity: .34;
  filter: grayscale(1) saturate(0) brightness(.54) !important;
}

/* The outer Renderer remains overflow-visible for floating menus. Its visual
   card is an ordinary clipped child rather than a negative-z pseudo-element,
   preventing Safari from displaying an offscreen rectangular corner tile. */
#view-renderer .renderer-window,
#view-renderer .renderer-window:hover {
  position: relative;
  isolation: isolate;
  overflow: visible;
  border-color: transparent;
  background: none;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

#view-renderer .renderer-window::before,
#view-renderer .renderer-window::after {
  content: none !important;
  display: none !important;
}

#view-renderer .renderer-window-surface {
  position: absolute;
  z-index: 0;
  inset: 0;
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: inherit;
  background: var(--window-fallback);
  background: var(--window);
  background-clip: padding-box;
  clip-path: inset(0 round 1rem);
  box-shadow:
    0 1.6rem 4.5rem rgba(0, 0, 0, .38),
    0 .25rem 1rem rgba(0, 0, 0, .22),
    inset 0 1px rgba(255, 245, 214, .035);
  pointer-events: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

#view-renderer .renderer-window > :not(.renderer-window-surface) {
  position: relative;
  z-index: 1;
}

#view-renderer .renderer-window:hover .renderer-window-surface {
  border-color: rgba(238, 211, 132, .27);
  box-shadow:
    0 1.6rem 4.5rem rgba(0, 0, 0, .42),
    0 .25rem 1rem rgba(0, 0, 0, .24),
    0 0 0 1px rgba(238, 211, 132, .027),
    inset 0 1px rgba(255, 245, 214, .039);
}

/* The workflow disclosure owns no painted rectangle. Its summary and expanded
   content paint separate, fully rounded surfaces in both states. */
.registry-workflow-actions.secondary,
.registry-workflow-actions.secondary[open] {
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.registry-workflow-actions.secondary > summary {
  overflow: hidden;
  border-radius: var(--radius-pill);
  background:
    linear-gradient(180deg, rgba(59, 60, 57, .2), rgba(18, 19, 17, .58));
  background-clip: padding-box;
}

.registry-workflow-actions.secondary > .registry-management-controls {
  overflow: hidden;
  border-radius: var(--radius-lg);
  background:
    linear-gradient(180deg, rgba(34, 35, 32, .82), rgba(13, 14, 12, .94));
  background-clip: padding-box;
}

/* The glow is baked into a padded transparent PNG. The visible emblem is
   unfiltered, so Safari never creates a clipped rectangular filter surface. */
.brand-lockup::before,
.brand-lockup::after {
  content: none !important;
  display: none !important;
}

.brand-lockup {
  position: relative;
  isolation: isolate;
}

.brand-emblem-glow {
  position: absolute;
  z-index: 0;
  top: 50%;
  left: calc(var(--visionx-emblem-size) / 2);
  display: block;
  width: calc(var(--visionx-emblem-size) + 3.5rem);
  height: calc(var(--visionx-emblem-size) + 3.5rem);
  object-fit: contain;
  opacity: .72;
  filter: none;
  transform: translate(-50%, calc(-50% - 3px));
  pointer-events: none;
  transition: opacity .18s ease;
}

.brand-emblem {
  position: relative;
  z-index: 1;
  filter: none !important;
  -webkit-filter: none !important;
}

.brand-lockup:hover .brand-emblem-glow {
  opacity: .92;
}

@media (prefers-reduced-motion: reduce) {
  .safari-circle-action,
  .safari-close-action,
  .brand-emblem-glow {
    transition: none !important;
  }
}