/* Nexus administrator preview. All rules stay within the independent admin mount. */
#nexus-cabinet-demo .nxa {
  --nxa-bg: #0b0b0f;
  --nxa-surface: #111116;
  --nxa-raised: #17161e;
  --nxa-line: #292630;
  --nxa-ink: #f4f4f6;
  --nxa-muted: #aaa5b7;
  --nxa-subtle: #7f788e;
  --nxa-accent: #9161e7;
  --nxa-accent-light: #ceb7f3;
  background: var(--nxa-bg);
  color: var(--nxa-ink);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color-scheme: dark;
  width: 100%;
  min-width: 0;
  overflow-wrap: break-word;
}
#nexus-cabinet-demo .nxa *,
#nexus-cabinet-demo .nxa *::before,
#nexus-cabinet-demo .nxa *::after { box-sizing: border-box; }
#nexus-cabinet-demo .nxa :is(h1, h2, h3, p) { margin: 0; }
#nexus-cabinet-demo .nxa button,
#nexus-cabinet-demo .nxa input,
#nexus-cabinet-demo .nxa textarea { font: inherit; }
#nexus-cabinet-demo .nxa button { cursor: pointer; color: inherit; }
#nexus-cabinet-demo .nxa button:disabled { cursor: default; opacity: .42; box-shadow: none; transform: none; }
#nexus-cabinet-demo .nxa button:disabled:hover { transform: none; }
#nexus-cabinet-demo .nxa :is(button, a, input, textarea, [tabindex]):focus-visible { outline: 2px solid #b992ff; outline-offset: 4px; }
#nexus-cabinet-demo .nxa h1 { font-size: 29px; line-height: 1.2; letter-spacing: -.8px; font-weight: 600; }
#nexus-cabinet-demo .nxa h2 { font-size: 18px; line-height: 1.4; letter-spacing: -.35px; font-weight: 600; }
#nexus-cabinet-demo .nxa h3 { font-size: 14px; line-height: 1.5; letter-spacing: 0; font-weight: 500; }
#nexus-cabinet-demo .nxa code { font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace; }
#nexus-cabinet-demo .nxa .nxa-icon { display: block; width: 18px; height: 18px; flex: 0 0 18px; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; }
#nexus-cabinet-demo .nxa .nxa-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
#nexus-cabinet-demo .nxa .nxa-eyebrow { font-size: 10px; font-weight: 600; line-height: 1.4; letter-spacing: 1.55px; text-transform: uppercase; color: #a899bf; }

/* Quiet utility bar keeps the simulated environment clear at every viewport. */
#nexus-cabinet-demo .nxa .nxa-demo-bar { display: flex; align-items: center; justify-content: space-between; gap: 12px 20px; padding: 8px 27px; min-height: 46px; background: #15101d; border-bottom: 1px solid #30223e; font-size: 11px; }
#nexus-cabinet-demo .nxa .nxa-demo-context { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 12px; color: #9c8aad; }
#nexus-cabinet-demo .nxa .nxa-demo-context strong { color: #d2bbed; font-size: 11px; font-weight: 600; }
#nexus-cabinet-demo .nxa .nxa-demo-dot { width: 5px; height: 5px; border-radius: 50%; background: var(--nxa-accent); flex-shrink: 0; }
#nexus-cabinet-demo .nxa .nxa-demo-tools { display: flex; align-items: center; gap: 22px; flex-shrink: 0; }
#nexus-cabinet-demo .nxa .nxa-utility-link { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 30px; border: 0; padding: 0; background: transparent; color: #bca9d3; font-size: 11px; text-decoration: none; line-height: 1.4; white-space: nowrap; }
#nexus-cabinet-demo .nxa .nxa-utility-link .nxa-icon { width: 14px; height: 14px; flex-basis: 14px; }
#nexus-cabinet-demo .nxa .nxa-utility-link:hover { color: #f0e3ff; }

/* The sidebar is intentionally a player selector, rather than dashboard navigation. */
#nexus-cabinet-demo .nxa .nxa-app { display: grid; grid-template-columns: 280px minmax(0, 1fr); min-height: max(790px, calc(100svh - 46px)); }
#nexus-cabinet-demo .nxa .nxa-sidebar { display: flex; flex-direction: column; padding: 33px 19px 23px; border-right: 1px solid var(--nxa-line); background: #0d0c11; min-width: 0; }
#nexus-cabinet-demo .nxa .nxa-brand { padding: 0 11px; margin-bottom: 45px; }
#nexus-cabinet-demo .nxa .nxa-brand img { display: block; width: 176px; height: auto; max-width: 100%; }
#nexus-cabinet-demo .nxa .nxa-admin-label { display: block; font-size: 9px; font-weight: 500; letter-spacing: 1.55px; text-transform: uppercase; color: #92859e; margin-top: 9px; }
#nexus-cabinet-demo .nxa .nxa-sidebar-title { display: flex; align-items: center; justify-content: space-between; margin: 0 11px 17px; }
#nexus-cabinet-demo .nxa .nxa-sidebar-title h2 { font-size: 15px; letter-spacing: -.1px; }
#nexus-cabinet-demo .nxa .nxa-count { display: inline-grid; place-items: center; min-width: 24px; height: 23px; padding: 0 7px; border: 1px solid #34303e; border-radius: 6px; background: #1c1824; font-size: 11px; line-height: 1; font-weight: 500; color: #b8acc8; font-variant-numeric: tabular-nums; }
#nexus-cabinet-demo .nxa .nxa-search-label { position: relative; display: flex; align-items: center; color: #716b7f; margin: 0 4px 20px; }
#nexus-cabinet-demo .nxa .nxa-search-label > .nxa-icon { position: absolute; left: 13px; pointer-events: none; width: 16px; height: 16px; }
#nexus-cabinet-demo .nxa .nxa-search-label input { display: block; width: 100%; min-width: 0; height: 41px; padding: 9px 11px 9px 37px; border: 1px solid #2c2734; border-radius: 8px; background: #141118; color: #e8e1f1; font-size: 12px; }
#nexus-cabinet-demo .nxa .nxa-search-label input::placeholder { color: #82798f; opacity: 1; }
#nexus-cabinet-demo .nxa .nxa-search-label input:focus { border-color: #7854a6; }
#nexus-cabinet-demo .nxa .nxa-player-list { display: grid; gap: 7px; }
#nexus-cabinet-demo .nxa .nxa-player { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 73px; padding: 12px 13px; border: 1px solid transparent; border-radius: 10px; background: transparent; text-align: left; transition: background 140ms, border-color 140ms; }
#nexus-cabinet-demo .nxa .nxa-player:hover { background: #17131f; }
#nexus-cabinet-demo .nxa .nxa-player.is-selected { background: linear-gradient(110deg, #261b36, #1a1324); border-color: #4b345f; box-shadow: inset 3px 0 0 #9161e7; }
#nexus-cabinet-demo .nxa .nxa-player-avatar { display: grid; place-items: center; width: 36px; height: 36px; flex: 0 0 36px; border: 1px solid #302939; border-radius: 10px; background: #1c1625; color: #bba4d5; font-size: 11px; font-weight: 500; letter-spacing: .3px; }
#nexus-cabinet-demo .nxa .nxa-player.is-selected .nxa-player-avatar { background: #362144; border-color: #5a3b71; color: #e1c4fb; }
#nexus-cabinet-demo .nxa .nxa-player-info { display: grid; gap: 4px; flex: 1; min-width: 0; }
#nexus-cabinet-demo .nxa .nxa-player-info strong { font-size: 12px; font-weight: 500; color: #d5cfdf; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#nexus-cabinet-demo .nxa .nxa-player.is-selected .nxa-player-info strong { color: #f4ebfc; }
#nexus-cabinet-demo .nxa .nxa-player-info small { font-size: 10px; color: #80758e; line-height: 1.35; letter-spacing: .25px; }
#nexus-cabinet-demo .nxa .nxa-player.is-selected .nxa-player-info small { color: #a48fb8; }
#nexus-cabinet-demo .nxa .nxa-player-dot { width: 6px; height: 6px; flex: 0 0 6px; border-radius: 50%; background: #60b28e; }
#nexus-cabinet-demo .nxa .nxa-player-dot[data-status="leave"] { background: #c5a76c; }
#nexus-cabinet-demo .nxa .nxa-player-dot[data-status="pending"] { background: #a284d1; }
#nexus-cabinet-demo .nxa .nxa-player-dot[data-status="exited"] { background: #786c82; }
#nexus-cabinet-demo .nxa .nxa-search-empty { padding: 19px 12px; color: #c3b6d1; }
#nexus-cabinet-demo .nxa .nxa-search-empty strong { font-size: 13px; font-weight: 500; }
#nexus-cabinet-demo .nxa .nxa-search-empty p { font-size: 12px; margin-top: 5px; color: #8d809a; }
#nexus-cabinet-demo .nxa .nxa-sidebar-foot { display: flex; align-items: center; gap: 11px; border-top: 1px solid #211d28; padding: 21px 10px 0; margin-top: auto; color: #776b83; }
#nexus-cabinet-demo .nxa .nxa-foot-mark { color: #72617f; }
#nexus-cabinet-demo .nxa .nxa-foot-mark .nxa-icon { width: 17px; height: 17px; }
#nexus-cabinet-demo .nxa .nxa-sidebar-foot strong { font-size: 11px; font-weight: 500; color: #a395b0; }
#nexus-cabinet-demo .nxa .nxa-sidebar-foot p { font-size: 10px; margin-top: 4px; }

/* A single spacious profile surface holds the records and persistent actions. */
#nexus-cabinet-demo .nxa .nxa-main { min-width: 0; padding: 32px 36px 40px; background: radial-gradient(ellipse at 60% 0%, #34204017, transparent 68%), #0b0b0f; }
#nexus-cabinet-demo .nxa .nxa-workspace-heading { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 27px; }
#nexus-cabinet-demo .nxa .nxa-workspace-description { font-size: 12px; color: #80788e; margin-top: 6px; }
#nexus-cabinet-demo .nxa .nxa-workspace-label { display: inline-flex; align-items: center; gap: 7px; color: #897b99; font-size: 11px; white-space: nowrap; }
#nexus-cabinet-demo .nxa .nxa-workspace-label .nxa-icon { width: 15px; height: 15px; flex-basis: 15px; }
#nexus-cabinet-demo .nxa .nxa-player-chooser,
#nexus-cabinet-demo .nxa .nxa-back-list,
#nexus-cabinet-demo .nxa .nxa-mobile-brand { display: none; }
#nexus-cabinet-demo .nxa .nxa-player-card { overflow: hidden; border: 1px solid #332a3b; border-radius: 14px; background: #101015; box-shadow: 0 10px 35px #00000017; }
#nexus-cabinet-demo .nxa .nxa-selected-header { display: flex; align-items: center; justify-content: space-between; gap: 22px; padding: 30px 28px; background: linear-gradient(110deg, #21172999, #111015 65%); }
#nexus-cabinet-demo .nxa .nxa-selected-person { display: flex; align-items: center; gap: 17px; min-width: 0; }
#nexus-cabinet-demo .nxa .nxa-selected-avatar { display: grid; place-items: center; flex: 0 0 60px; width: 60px; height: 60px; border: 1px solid #5b3a72; border-radius: 16px; background: linear-gradient(140deg, #482956, #261932); color: #e2c8f9; font-size: 19px; font-weight: 500; letter-spacing: .2px; }
#nexus-cabinet-demo .nxa .nxa-selected-info { min-width: 0; }
#nexus-cabinet-demo .nxa .nxa-name-line { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
#nexus-cabinet-demo .nxa .nxa-status { display: inline-flex; align-items: center; gap: 5px; border: 1px solid #2b483c; border-radius: 5px; background: #15251d; padding: 3px 7px; color: #87bba4; font-size: 10px; font-weight: 500; line-height: 1.35; white-space: nowrap; }
#nexus-cabinet-demo .nxa .nxa-status::before { content: ""; width: 4px; height: 4px; border-radius: 50%; background: currentColor; }
#nexus-cabinet-demo .nxa .nxa-status[data-status="leave"] { color: #c4ae7b; background: #272217; border-color: #49412b; }
#nexus-cabinet-demo .nxa .nxa-status[data-status="pending"] { color: #b89bdb; background: #251b31; border-color: #4b345c; }
#nexus-cabinet-demo .nxa .nxa-status[data-status="exited"] { color: #ac98b7; background: #211c25; border-color: #3d3243; }
#nexus-cabinet-demo .nxa .nxa-player-reference { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; margin-top: 9px; font-size: 10px; color: #85778f; }
#nexus-cabinet-demo .nxa .nxa-player-reference code { font-size: 10px; color: #a895ba; letter-spacing: .2px; }
#nexus-cabinet-demo .nxa .nxa-player-actions { display: flex; gap: 9px; flex-shrink: 0; }
#nexus-cabinet-demo .nxa .nxa-button { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 40px; padding: 10px 14px; border: 1px solid #3c3346; border-radius: 8px; background: #1b1622; font-size: 11px; font-weight: 500; line-height: 1.35; text-align: center; transition: background 140ms, border-color 140ms; }
#nexus-cabinet-demo .nxa .nxa-button .nxa-icon { width: 15px; height: 15px; flex-basis: 15px; }
#nexus-cabinet-demo .nxa .nxa-button-secondary { color: #cbbdd9; background: #1a1520; border-color: #3d3148; }
#nexus-cabinet-demo .nxa .nxa-button-secondary:hover:not(:disabled) { background: #271d31; border-color: #5f4275; }
#nexus-cabinet-demo .nxa .nxa-button-primary { color: #f8f4ff; border-color: #9663d3; background: linear-gradient(110deg, #8450c8, #67349f); box-shadow: inset 0 1px 0 #d1a6ff22; }
#nexus-cabinet-demo .nxa .nxa-button-primary:hover:not(:disabled) { background: linear-gradient(110deg, #9362d6, #7945b1); border-color: #af7fe6; }
#nexus-cabinet-demo .nxa .nxa-button-danger-quiet { color: #c7909d; background: #20161c; border-color: #4c2f3c; }
#nexus-cabinet-demo .nxa .nxa-button-danger-quiet:hover:not(:disabled) { background: #321d27; border-color: #794051; }
#nexus-cabinet-demo .nxa .nxa-tabs { display: flex; align-items: stretch; gap: 28px; border-top: 1px solid #29212f; border-bottom: 1px solid #302735; padding: 0 28px; background: #121015; }
#nexus-cabinet-demo .nxa .nxa-tab { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 58px; padding: 15px 0; border: 0; border-bottom: 2px solid transparent; border-radius: 0; background: transparent; font-size: 12px; font-weight: 500; color: #95889f; position: relative; margin-bottom: -1px; transition: color 140ms; }
#nexus-cabinet-demo .nxa .nxa-tab .nxa-icon { width: 16px; height: 16px; flex-basis: 16px; }
#nexus-cabinet-demo .nxa .nxa-tab:hover { color: #d0bcdf; }
#nexus-cabinet-demo .nxa .nxa-tab[aria-selected="true"] { border-bottom-color: #a06fe7; color: #d5b9f4; }
#nexus-cabinet-demo .nxa .nxa-tab-panel { padding: 29px 28px 22px; min-height: 380px; }
#nexus-cabinet-demo .nxa .nxa-tab-panel:focus { outline-offset: -4px; }
#nexus-cabinet-demo .nxa .nxa-panel-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 22px; }
#nexus-cabinet-demo .nxa .nxa-section-title { display: flex; align-items: center; gap: 10px; }
#nexus-cabinet-demo .nxa .nxa-section-title .nxa-count { height: 21px; min-width: 22px; padding: 0 6px; border-color: #393040; background: #211729; color: #b397cf; font-size: 10px; }
#nexus-cabinet-demo .nxa .nxa-panel-heading p { margin-top: 5px; color: #92859e; font-size: 11px; }
#nexus-cabinet-demo .nxa .nxa-record-list { display: grid; gap: 10px; }
#nexus-cabinet-demo .nxa .nxa-record { display: flex; align-items: center; gap: 15px; min-height: 86px; padding: 16px 18px; border: 1px solid #302934; border-radius: 9px; background: linear-gradient(105deg, #19151e, #141117); transition: border-color 140ms; }
#nexus-cabinet-demo .nxa .nxa-record:hover { border-color: #4d395c; }
#nexus-cabinet-demo .nxa .nxa-record-icon { display: grid; place-items: center; flex: 0 0 39px; width: 39px; height: 39px; border: 1px solid #493251; border-radius: 10px; background: #26172e; color: #c6a6e1; font-size: 12px; font-weight: 600; letter-spacing: -.2px; }
#nexus-cabinet-demo .nxa .nxa-record-details { flex: 1; min-width: 0; }
#nexus-cabinet-demo .nxa .nxa-record-details > strong { display: inline; font-size: 13px; font-weight: 500; color: #ddd3e6; }
#nexus-cabinet-demo .nxa .nxa-pill { display: inline-flex; vertical-align: 1px; margin-left: 8px; padding: 2px 6px; border: 1px solid #43304e; border-radius: 4px; background: #2b1c36; color: #c5a6df; font-size: 9px; line-height: 1.3; }
#nexus-cabinet-demo .nxa .nxa-record-value { display: block; font-size: 11px; line-height: 1.55; color: #94829f; margin-top: 6px; overflow-wrap: anywhere; word-break: break-word; letter-spacing: .1px; }
#nexus-cabinet-demo .nxa .nxa-record-actions { display: flex; align-items: center; gap: 6px; flex-shrink: 0; }
#nexus-cabinet-demo .nxa .nxa-icon-button { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; min-width: 34px; padding: 7px; border: 1px solid transparent; border-radius: 6px; background: transparent; color: #8f7c9c; line-height: 1; }
#nexus-cabinet-demo .nxa .nxa-icon-button .nxa-icon { width: 16px; height: 16px; flex-basis: 16px; }
#nexus-cabinet-demo .nxa .nxa-icon-button:hover:not(:disabled) { border-color: #4b345b; background: #2a1e34; color: #dec4f4; }
#nexus-cabinet-demo .nxa .nxa-panel-note { display: flex; align-items: flex-start; gap: 7px; font-size: 10px; line-height: 1.6; color: #796c86; margin-top: 21px; }
#nexus-cabinet-demo .nxa .nxa-panel-note .nxa-icon { width: 13px; height: 13px; flex-basis: 13px; margin-top: 1px; }
#nexus-cabinet-demo .nxa .nxa-empty { padding: 32px 20px; border: 1px dashed #3c2f46; border-radius: 9px; background: #17111d; color: #a48aB6; font-size: 12px; text-align: center; }
#nexus-cabinet-demo .nxa .nxa-access-record { display: flex; align-items: center; gap: 15px; min-height: 112px; padding: 21px 18px; border: 1px solid #302934; border-radius: 9px; background: linear-gradient(105deg, #19151e, #141117); margin-top: 10px; }
#nexus-cabinet-demo .nxa .nxa-access-icon { display: grid; place-items: center; width: 39px; height: 39px; flex: 0 0 39px; color: #b89bce; border: 1px solid #493251; border-radius: 10px; background: #26172e; }
#nexus-cabinet-demo .nxa .nxa-access-details { flex: 1; min-width: 0; }
#nexus-cabinet-demo .nxa .nxa-access-details h3 { font-size: 13px; color: #d8cfdf; }
#nexus-cabinet-demo .nxa .nxa-login { display: block; color: #aa95b8; font-size: 11px; margin-top: 7px; overflow-wrap: anywhere; }
#nexus-cabinet-demo .nxa .nxa-access-details p { font-size: 11px; color: #98889f; margin-top: 5px; }
#nexus-cabinet-demo .nxa .nxa-access-details small { display: block; color: #796a87; font-size: 10px; margin-top: 6px; }

/* A manual workflow appears only when the selected player has a demo request. */
#nexus-cabinet-demo .nxa .nxa-workflow { margin-top: 22px; padding: 24px 27px 20px; border: 1px solid #3a2c46; border-radius: 13px; background: linear-gradient(120deg, #1c1423, #111015 80%); }
#nexus-cabinet-demo .nxa .nxa-workflow-heading { display: flex; justify-content: space-between; gap: 16px; align-items: flex-start; }
#nexus-cabinet-demo .nxa .nxa-workflow-heading .nxa-eyebrow { color: #9f81b8; }
#nexus-cabinet-demo .nxa .nxa-workflow-heading h2 { font-size: 17px; margin-top: 5px; }
#nexus-cabinet-demo .nxa .nxa-workflow-heading > div > p:last-child { color: #96849f; font-size: 11px; margin-top: 6px; }
#nexus-cabinet-demo .nxa .nxa-workflow-tag { flex-shrink: 0; font-size: 9px; line-height: 1.5; color: #9275a8; border: 1px solid #41304c; background: #24182e; border-radius: 5px; padding: 4px 7px; }
#nexus-cabinet-demo .nxa .nxa-workflow-steps { list-style: none; margin: 19px 0 20px; padding: 0; display: grid; }
#nexus-cabinet-demo .nxa .nxa-workflow-steps li { display: flex; align-items: center; gap: 13px; padding: 13px 0; border-bottom: 1px solid #2d2234; }
#nexus-cabinet-demo .nxa .nxa-workflow-steps li:last-child { border-bottom: 0; }
#nexus-cabinet-demo .nxa .nxa-step-index { display: grid; place-items: center; width: 26px; height: 26px; flex: 0 0 26px; background: #201626; border: 1px solid #41304b; color: #897395; border-radius: 50%; font-size: 10px; font-weight: 500; }
#nexus-cabinet-demo .nxa .nxa-workflow-steps li > div { flex: 1; min-width: 0; }
#nexus-cabinet-demo .nxa .nxa-workflow-steps strong { display: block; font-size: 12px; font-weight: 500; color: #8d7b98; }
#nexus-cabinet-demo .nxa .nxa-workflow-steps small { display: block; color: #6f5e7b; font-size: 10px; margin-top: 3px; }
#nexus-cabinet-demo .nxa .nxa-step-state { font-size: 9px; color: #725f7d; white-space: nowrap; }
#nexus-cabinet-demo .nxa .nxa-workflow-steps .is-current .nxa-step-index { color: #e1c9f7; border-color: #8856b6; background: #583775; }
#nexus-cabinet-demo .nxa .nxa-workflow-steps .is-current strong { color: #d4bcE4; }
#nexus-cabinet-demo .nxa .nxa-workflow-steps .is-current small { color: #a48ab3; }
#nexus-cabinet-demo .nxa .nxa-workflow-steps .is-current .nxa-step-state { color: #c09eda; }
#nexus-cabinet-demo .nxa .nxa-workflow-steps .is-complete .nxa-step-index { color: #91bda6; background: #1b2a23; border-color: #395443; }
#nexus-cabinet-demo .nxa .nxa-workflow-steps .is-complete strong { color: #b5b6b0; }
#nexus-cabinet-demo .nxa .nxa-workflow-steps .is-complete .nxa-step-state { color: #83a990; }
#nexus-cabinet-demo .nxa .nxa-workflow-footer { display: flex; justify-content: space-between; align-items: center; gap: 16px; border-top: 1px solid #35263e; padding-top: 17px; }
#nexus-cabinet-demo .nxa .nxa-workflow-footer p { max-width: 260px; color: #7e6c8d; font-size: 10px; }
#nexus-cabinet-demo .nxa .nxa-live { color: #bfa8d3; font-size: 11px; line-height: 1.6; margin-top: 17px; min-height: 18px; }
#nexus-cabinet-demo .nxa .nxa-live:empty { margin-top: 0; min-height: 0; }

/* Native dialogs: constrained width, scrollable height, and proper form labels. */
#nexus-cabinet-demo .nxa .nxa-dialog { width: min(520px, calc(100vw - 32px)); max-width: 520px; max-height: calc(100dvh - 48px); margin: auto; padding: 0; overflow-y: auto; overflow-x: hidden; border: 1px solid #5b406e; border-radius: 15px; background: #151019; color: #ede3f5; box-shadow: 0 28px 100px #000a; }
#nexus-cabinet-demo .nxa .nxa-dialog::backdrop { background: #07050cbf; backdrop-filter: blur(3px); }
#nexus-cabinet-demo .nxa .nxa-dialog-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 26px 27px 0; }
#nexus-cabinet-demo .nxa .nxa-dialog-heading .nxa-eyebrow { margin-bottom: 6px; }
#nexus-cabinet-demo .nxa .nxa-dialog-heading h2 { font-size: 23px; font-weight: 600; letter-spacing: -.65px; }
#nexus-cabinet-demo .nxa .nxa-dialog-close { margin-top: -5px; margin-right: -8px; flex-shrink: 0; }
#nexus-cabinet-demo .nxa .nxa-dialog-description { font-size: 12px; line-height: 1.7; color: #9c8ba8; padding: 12px 27px 0; }
#nexus-cabinet-demo .nxa .nxa-dialog-player { font-size: 11px; color: #a08aad; margin-top: 9px; }
#nexus-cabinet-demo .nxa .nxa-form { margin: 0; }
#nexus-cabinet-demo .nxa .nxa-form-fields { display: grid; gap: 18px; padding: 25px 27px 22px; }
#nexus-cabinet-demo .nxa .nxa-field { display: grid; gap: 8px; min-width: 0; }
#nexus-cabinet-demo .nxa .nxa-field label { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 12px; font-weight: 500; color: #c6b7d2; }
#nexus-cabinet-demo .nxa .nxa-optional { color: #776581; font-size: 10px; font-weight: 400; }
#nexus-cabinet-demo .nxa .nxa-field input,
#nexus-cabinet-demo .nxa .nxa-field textarea { width: 100%; min-width: 0; border: 1px solid #483451; border-radius: 8px; background: #0e0a13; padding: 11px 12px; color: #ece0f4; font-size: 14px; line-height: 1.5; min-height: 45px; }
#nexus-cabinet-demo .nxa .nxa-field input:focus,
#nexus-cabinet-demo .nxa .nxa-field textarea:focus { border-color: #9470b6; }
#nexus-cabinet-demo .nxa .nxa-field input::placeholder,
#nexus-cabinet-demo .nxa .nxa-field textarea::placeholder { color: #705e7b; opacity: 1; }
#nexus-cabinet-demo .nxa .nxa-field textarea { resize: vertical; min-height: 90px; max-height: 220px; }
#nexus-cabinet-demo .nxa .nxa-form-error { font-size: 12px; color: #dc96a7; }
#nexus-cabinet-demo .nxa .nxa-form-error:empty { display: none; }
#nexus-cabinet-demo .nxa .nxa-dialog > .nxa-form-error { padding: 13px 27px; }
#nexus-cabinet-demo .nxa .nxa-form-note { font-size: 10px; line-height: 1.6; color: #867291; padding-left: 10px; border-left: 2px solid #5b3b70; }
#nexus-cabinet-demo .nxa .nxa-dialog-actions { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 12px; padding: 17px 27px; border-top: 1px solid #36253f; background: #110c16; }
#nexus-cabinet-demo .nxa .nxa-dialog-action-group { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 9px; margin-left: auto; }
#nexus-cabinet-demo .nxa .nxa-dialog-actions .nxa-button { min-height: 42px; font-size: 12px; }
#nexus-cabinet-demo .nxa .nxa-delete-button { margin-right: auto; }
#nexus-cabinet-demo .nxa .nxa-password-input { display: flex; align-items: center; position: relative; min-width: 0; }
#nexus-cabinet-demo .nxa .nxa-password-input input { padding-right: 48px; }
#nexus-cabinet-demo .nxa .nxa-password-input .nxa-icon-button { position: absolute; right: 6px; top: 6px; color: #9c7caf; }
#nexus-cabinet-demo .nxa .nxa-password-help { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 2px; }
#nexus-cabinet-demo .nxa .nxa-password-help small { font-size: 10px; color: #877192; }
#nexus-cabinet-demo .nxa .nxa-text-button { display: inline-flex; align-items: center; gap: 6px; min-height: 30px; padding: 3px 0; border: 0; background: transparent; color: #c1a0dd; font-size: 11px; text-align: left; line-height: 1.4; }
#nexus-cabinet-demo .nxa .nxa-text-button .nxa-icon { width: 14px; height: 14px; flex-basis: 14px; }
#nexus-cabinet-demo .nxa .nxa-text-button:hover { color: #e5c9ff; }
#nexus-cabinet-demo .nxa .nxa-password-result-body { padding: 25px 27px 28px; }
#nexus-cabinet-demo .nxa .nxa-result-icon { display: grid; place-items: center; width: 35px; height: 35px; border: 1px solid #40694e; border-radius: 10px; background: #1b3023; color: #9acdaa; margin-bottom: 15px; }
#nexus-cabinet-demo .nxa .nxa-password-result-body h3 { font-size: 16px; font-weight: 500; }
#nexus-cabinet-demo .nxa .nxa-password-result-body p { font-size: 12px; line-height: 1.65; color: #a08bae; margin-top: 7px; }
#nexus-cabinet-demo .nxa .nxa-secret { display: block; margin: 20px 0 14px; padding: 15px 16px; border: 1px solid #624275; border-radius: 8px; background: #100a17; color: #e4bffd; font-size: 17px; overflow-wrap: anywhere; word-break: break-word; user-select: all; }
#nexus-cabinet-demo .nxa .nxa-date-fields { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 14px; }

@media (min-width: 1600px) {
  #nexus-cabinet-demo .nxa .nxa-main { padding: 38px 52px 48px; }
  #nexus-cabinet-demo .nxa .nxa-player-card,
  #nexus-cabinet-demo .nxa .nxa-workflow { max-width: 1260px; }
}
@media (max-width: 1180px) {
  #nexus-cabinet-demo .nxa .nxa-main { padding: 29px 26px 34px; }
  #nexus-cabinet-demo .nxa .nxa-selected-header { flex-wrap: wrap; padding: 26px 25px; }
  #nexus-cabinet-demo .nxa .nxa-player-actions { padding-left: 77px; width: 100%; }
  #nexus-cabinet-demo .nxa .nxa-tab-panel { padding: 25px 25px 21px; }
  #nexus-cabinet-demo .nxa .nxa-tabs { padding: 0 25px; }
}
@media (max-width: 920px) {
  #nexus-cabinet-demo .nxa .nxa-main { padding: 25px 20px 32px; }
  #nexus-cabinet-demo .nxa .nxa-workspace-label { display: none; }
  #nexus-cabinet-demo .nxa .nxa-selected-header { padding: 24px 21px; }
  #nexus-cabinet-demo .nxa h1 { font-size: 25px; }
  #nexus-cabinet-demo .nxa .nxa-name-line { gap: 9px; }
  #nexus-cabinet-demo .nxa .nxa-selected-avatar { width: 52px; height: 52px; flex-basis: 52px; font-size: 17px; border-radius: 14px; }
  #nexus-cabinet-demo .nxa .nxa-selected-person { gap: 14px; }
  #nexus-cabinet-demo .nxa .nxa-player-actions { padding-left: 66px; }
  #nexus-cabinet-demo .nxa .nxa-tab-panel { padding: 24px 20px 21px; }
  #nexus-cabinet-demo .nxa .nxa-tabs { padding: 0 20px; gap: 24px; }
  #nexus-cabinet-demo .nxa .nxa-record { padding: 15px 13px; gap: 11px; }
  #nexus-cabinet-demo .nxa .nxa-record-icon { width: 34px; height: 34px; flex-basis: 34px; font-size: 11px; }
  #nexus-cabinet-demo .nxa .nxa-record-actions { gap: 1px; }
  #nexus-cabinet-demo .nxa .nxa-access-record { flex-wrap: wrap; gap: 13px; }
  #nexus-cabinet-demo .nxa .nxa-access-record > .nxa-button { margin-left: 52px; }
  #nexus-cabinet-demo .nxa .nxa-workflow { padding: 22px 20px 19px; }
  #nexus-cabinet-demo .nxa .nxa-workflow-tag { display: none; }
  #nexus-cabinet-demo .nxa .nxa-workflow-footer { flex-wrap: wrap; }
  #nexus-cabinet-demo .nxa .nxa-panel-heading { align-items: flex-start; flex-wrap: wrap; }
}
@media (max-width: 720px) {
  #nexus-cabinet-demo .nxa .nxa-demo-bar { padding: 8px 19px; gap: 7px 12px; flex-wrap: wrap; }
  #nexus-cabinet-demo .nxa .nxa-demo-tools { gap: 19px; }
  #nexus-cabinet-demo .nxa .nxa-demo-context { gap: 7px; }
  #nexus-cabinet-demo .nxa .nxa-app { display: block; min-height: 740px; }
  #nexus-cabinet-demo .nxa .nxa-sidebar { display: none; border-right: 0; border-bottom: 1px solid #34243f; padding: 24px 20px; }
  #nexus-cabinet-demo .nxa.is-list-open .nxa-sidebar { display: flex; }
  #nexus-cabinet-demo .nxa .nxa-brand { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 0 5px; margin-bottom: 24px; }
  #nexus-cabinet-demo .nxa .nxa-brand img { width: 145px; }
  #nexus-cabinet-demo .nxa .nxa-admin-label { margin: 0; font-size: 8px; }
  #nexus-cabinet-demo .nxa .nxa-sidebar-title { margin-left: 6px; margin-right: 6px; }
  #nexus-cabinet-demo .nxa .nxa-search-label { margin-left: 0; margin-right: 0; }
  #nexus-cabinet-demo .nxa .nxa-search-label input { height: 46px; font-size: 16px; }
  #nexus-cabinet-demo .nxa .nxa-player { min-height: 70px; padding: 12px 15px; }
  #nexus-cabinet-demo .nxa .nxa-player-info strong { font-size: 13px; }
  #nexus-cabinet-demo .nxa .nxa-player-info small { font-size: 11px; }
  #nexus-cabinet-demo .nxa .nxa-sidebar-foot { display: none; }
  #nexus-cabinet-demo .nxa .nxa-main { padding: 24px 20px 32px; }
  #nexus-cabinet-demo .nxa .nxa-mobile-brand { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 23px; }
  #nexus-cabinet-demo .nxa .nxa-mobile-brand img { display: block; width: 145px; height: auto; max-width: 50%; }
  #nexus-cabinet-demo .nxa .nxa-mobile-brand span { color: #92859e; font-size: 8px; letter-spacing: 1.3px; text-transform: uppercase; }
  #nexus-cabinet-demo .nxa .nxa-workspace-heading { margin-bottom: 20px; }
  #nexus-cabinet-demo .nxa .nxa-player-chooser { display: flex; align-items: center; gap: 9px; width: 100%; min-height: 46px; padding: 10px 14px; border: 1px solid #483251; border-radius: 9px; background: #1b1323; color: #c4abda; font-size: 12px; line-height: 1.4; margin-bottom: 17px; text-align: left; }
  #nexus-cabinet-demo .nxa .nxa-chooser-arrow { margin-left: auto; }
  #nexus-cabinet-demo .nxa.is-list-open .nxa-player-chooser { display: none; }
  #nexus-cabinet-demo .nxa.is-list-open .nxa-back-list { display: inline-flex; align-items: center; gap: 9px; min-height: 44px; padding: 9px 0; margin-bottom: 14px; background: transparent; color: #c4abda; border: 0; font-size: 12px; }
  #nexus-cabinet-demo .nxa.is-list-open .nxa-workspace-heading,
  #nexus-cabinet-demo .nxa.is-list-open .nxa-mobile-brand,
  #nexus-cabinet-demo .nxa.is-list-open .nxa-player-card,
  #nexus-cabinet-demo .nxa.is-list-open .nxa-workflow { display: none; }
  #nexus-cabinet-demo .nxa .nxa-selected-header { padding: 25px 22px; gap: 21px; }
  #nexus-cabinet-demo .nxa .nxa-selected-avatar { width: 54px; height: 54px; flex-basis: 54px; }
  #nexus-cabinet-demo .nxa .nxa-player-actions { padding-left: 0; }
  #nexus-cabinet-demo .nxa .nxa-player-actions .nxa-button { flex: 1; min-height: 44px; }
  #nexus-cabinet-demo .nxa .nxa-button { min-height: 44px; font-size: 12px; }
  #nexus-cabinet-demo .nxa .nxa-tabs { gap: 0; justify-content: space-between; padding: 0 22px; }
  #nexus-cabinet-demo .nxa .nxa-tab { font-size: 12px; min-height: 55px; gap: 7px; }
  #nexus-cabinet-demo .nxa .nxa-tab-panel { padding: 25px 21px 21px; min-height: 0; }
  #nexus-cabinet-demo .nxa .nxa-panel-heading { margin-bottom: 21px; }
  #nexus-cabinet-demo .nxa .nxa-panel-heading p { font-size: 11px; }
  #nexus-cabinet-demo .nxa .nxa-record { padding: 15px 13px; min-height: 88px; }
  #nexus-cabinet-demo .nxa .nxa-record-details > strong { font-size: 13px; }
  #nexus-cabinet-demo .nxa .nxa-record-actions { gap: 2px; }
  #nexus-cabinet-demo .nxa .nxa-icon-button { width: 40px; height: 40px; min-width: 40px; }
  #nexus-cabinet-demo .nxa .nxa-record-value { font-size: 11px; }
  #nexus-cabinet-demo .nxa .nxa-access-record > .nxa-button { margin-left: 52px; }
  #nexus-cabinet-demo .nxa .nxa-workflow { margin-top: 18px; }
  #nexus-cabinet-demo .nxa .nxa-workflow-footer { gap: 14px; }
  #nexus-cabinet-demo .nxa .nxa-dialog { max-height: calc(100dvh - 24px); }
  #nexus-cabinet-demo .nxa .nxa-dialog-close { width: 44px; height: 44px; min-width: 44px; margin-top: -11px; margin-right: -11px; }
  #nexus-cabinet-demo .nxa .nxa-field input,
  #nexus-cabinet-demo .nxa .nxa-field textarea { font-size: 16px; min-height: 48px; }
  #nexus-cabinet-demo .nxa .nxa-password-input .nxa-icon-button { width: 40px; height: 40px; right: 4px; top: 4px; }
}
@media (max-width: 420px) {
  #nexus-cabinet-demo .nxa .nxa-demo-bar { padding: 8px 16px; }
  #nexus-cabinet-demo .nxa .nxa-demo-context { width: 100%; }
  #nexus-cabinet-demo .nxa .nxa-demo-tools { gap: 20px; }
  #nexus-cabinet-demo .nxa .nxa-utility-link { min-height: 32px; }
  #nexus-cabinet-demo .nxa .nxa-main { padding: 23px 14px 28px; }
  #nexus-cabinet-demo .nxa .nxa-workspace-description { font-size: 11px; }
  #nexus-cabinet-demo .nxa .nxa-selected-header { padding: 22px 17px; }
  #nexus-cabinet-demo .nxa .nxa-selected-person { gap: 12px; align-items: flex-start; }
  #nexus-cabinet-demo .nxa .nxa-selected-avatar { flex-basis: 46px; width: 46px; height: 46px; border-radius: 12px; font-size: 15px; }
  #nexus-cabinet-demo .nxa h1 { font-size: 22px; letter-spacing: -.55px; }
  #nexus-cabinet-demo .nxa .nxa-name-line { gap: 7px; }
  #nexus-cabinet-demo .nxa .nxa-player-reference { font-size: 9px; gap: 6px; margin-top: 8px; }
  #nexus-cabinet-demo .nxa .nxa-player-reference code { font-size: 9px; }
  #nexus-cabinet-demo .nxa .nxa-player-actions { gap: 7px; }
  #nexus-cabinet-demo .nxa .nxa-player-actions .nxa-button { font-size: 10px; padding: 10px 8px; }
  #nexus-cabinet-demo .nxa .nxa-tabs { padding: 0 17px; }
  #nexus-cabinet-demo .nxa .nxa-tab { font-size: 11px; gap: 5px; }
  #nexus-cabinet-demo .nxa .nxa-tab .nxa-icon { width: 14px; height: 14px; flex-basis: 14px; }
  #nexus-cabinet-demo .nxa .nxa-tab-panel { padding: 23px 15px 20px; }
  #nexus-cabinet-demo .nxa h2 { font-size: 17px; }
  #nexus-cabinet-demo .nxa .nxa-panel-heading { gap: 14px; }
  #nexus-cabinet-demo .nxa .nxa-panel-heading > .nxa-button { min-height: 40px; padding: 9px 11px; font-size: 11px; }
  #nexus-cabinet-demo .nxa .nxa-record { flex-wrap: wrap; gap: 10px; padding: 14px 12px 8px; }
  #nexus-cabinet-demo .nxa .nxa-record-icon { align-self: flex-start; width: 33px; height: 33px; flex-basis: 33px; }
  #nexus-cabinet-demo .nxa .nxa-record-details { flex-basis: calc(100% - 43px); }
  #nexus-cabinet-demo .nxa .nxa-record-actions { width: 100%; justify-content: flex-end; border-top: 1px solid #2b2031; margin-top: 0; padding-top: 3px; }
  #nexus-cabinet-demo .nxa .nxa-record-actions .nxa-icon-button { width: 44px; height: 44px; min-width: 44px; }
  #nexus-cabinet-demo .nxa .nxa-record-value { font-size: 10px; line-height: 1.65; }
  #nexus-cabinet-demo .nxa .nxa-panel-note { font-size: 10px; }
  #nexus-cabinet-demo .nxa .nxa-access-record { padding: 17px 13px; gap: 11px; }
  #nexus-cabinet-demo .nxa .nxa-access-icon { width: 33px; height: 33px; flex-basis: 33px; }
  #nexus-cabinet-demo .nxa .nxa-access-details { flex-basis: calc(100% - 44px); }
  #nexus-cabinet-demo .nxa .nxa-access-record > .nxa-button { margin-left: 44px; }
  #nexus-cabinet-demo .nxa .nxa-login { font-size: 10px; }
  #nexus-cabinet-demo .nxa .nxa-workflow { padding: 21px 17px 18px; }
  #nexus-cabinet-demo .nxa .nxa-workflow-steps li { gap: 10px; }
  #nexus-cabinet-demo .nxa .nxa-workflow-steps strong { font-size: 11px; }
  #nexus-cabinet-demo .nxa .nxa-step-state { font-size: 8px; }
  #nexus-cabinet-demo .nxa .nxa-workflow-footer > .nxa-button { width: 100%; }
  #nexus-cabinet-demo .nxa .nxa-dialog { width: calc(100vw - 24px); border-radius: 12px; }
  #nexus-cabinet-demo .nxa .nxa-dialog-heading { padding: 23px 21px 0; }
  #nexus-cabinet-demo .nxa .nxa-dialog-heading h2 { font-size: 21px; }
  #nexus-cabinet-demo .nxa .nxa-dialog-description { padding-left: 21px; padding-right: 21px; }
  #nexus-cabinet-demo .nxa .nxa-form-fields { padding: 23px 21px 21px; }
  #nexus-cabinet-demo .nxa .nxa-dialog-actions { padding: 15px 21px; }
  #nexus-cabinet-demo .nxa .nxa-dialog-action-group { gap: 8px; }
  #nexus-cabinet-demo .nxa .nxa-dialog-actions .nxa-button { min-height: 44px; padding: 10px 12px; font-size: 11px; }
  #nexus-cabinet-demo .nxa .nxa-delete-button { width: 100%; }
  #nexus-cabinet-demo .nxa .nxa-password-help { align-items: flex-start; flex-direction: column; gap: 5px; }
  #nexus-cabinet-demo .nxa .nxa-text-button { min-height: 40px; }
  #nexus-cabinet-demo .nxa .nxa-password-result-body { padding: 25px 21px; }
  #nexus-cabinet-demo .nxa .nxa-date-fields { grid-template-columns: minmax(0, 1fr); gap: 18px; }
}
@media (prefers-reduced-motion: reduce) {
  #nexus-cabinet-demo .nxa *,
  #nexus-cabinet-demo .nxa *::before,
  #nexus-cabinet-demo .nxa *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}

/* Desktop reading scale: fill the workspace and keep actions close to each record.
   These overrides intentionally leave all tablet and mobile layouts unchanged. */
@media (min-width: 1280px) {
  #nexus-cabinet-demo .nxa { font-size: 16px; }
  #nexus-cabinet-demo .nxa h1 { font-size: clamp(38px, 2.15vw, 44px); line-height: 1.15; letter-spacing: -1.1px; }
  #nexus-cabinet-demo .nxa h2 { font-size: 24px; letter-spacing: -.5px; }
  #nexus-cabinet-demo .nxa h3 { font-size: 18px; }
  #nexus-cabinet-demo .nxa .nxa-icon { width: 20px; height: 20px; flex-basis: 20px; }
  #nexus-cabinet-demo .nxa .nxa-eyebrow { font-size: 12px; }

  #nexus-cabinet-demo .nxa .nxa-demo-bar { min-height: 58px; padding: 10px 32px; font-size: 13px; }
  #nexus-cabinet-demo .nxa .nxa-demo-context { gap: 12px; color: #b5a9bf; }
  #nexus-cabinet-demo .nxa .nxa-demo-context strong { font-size: 13px; }
  #nexus-cabinet-demo .nxa .nxa-demo-dot { width: 6px; height: 6px; }
  #nexus-cabinet-demo .nxa .nxa-demo-tools { gap: 26px; }
  #nexus-cabinet-demo .nxa .nxa-utility-link { min-height: 36px; font-size: 13px; gap: 9px; }
  #nexus-cabinet-demo .nxa .nxa-utility-link .nxa-icon { width: 16px; height: 16px; flex-basis: 16px; }
  #nexus-cabinet-demo .nxa .nxa-app { grid-template-columns: 312px minmax(0, 1fr); min-height: max(840px, calc(100svh - 58px)); }
  #nexus-cabinet-demo .nxa .nxa-sidebar { padding: 38px 20px 28px; }
  #nexus-cabinet-demo .nxa .nxa-brand { margin-bottom: 43px; }
  #nexus-cabinet-demo .nxa .nxa-brand img { width: 204px; }
  #nexus-cabinet-demo .nxa .nxa-admin-label { font-size: 12px; letter-spacing: 1.25px; margin-top: 13px; }
  #nexus-cabinet-demo .nxa .nxa-sidebar-title { margin-bottom: 20px; }
  #nexus-cabinet-demo .nxa .nxa-sidebar-title h2 { font-size: 20px; }
  #nexus-cabinet-demo .nxa .nxa-count { min-width: 30px; height: 29px; padding: 0 9px; font-size: 12px; }
  #nexus-cabinet-demo .nxa .nxa-search-label { margin-bottom: 24px; }
  #nexus-cabinet-demo .nxa .nxa-search-label input { height: 48px; font-size: 14px; padding-left: 42px; }
  #nexus-cabinet-demo .nxa .nxa-search-label > .nxa-icon { left: 14px; width: 18px; height: 18px; }
  #nexus-cabinet-demo .nxa .nxa-player-list { gap: 10px; }
  #nexus-cabinet-demo .nxa .nxa-player { min-height: 86px; padding: 15px 14px; gap: 14px; }
  #nexus-cabinet-demo .nxa .nxa-player-avatar { width: 44px; height: 44px; flex-basis: 44px; border-radius: 12px; font-size: 14px; }
  #nexus-cabinet-demo .nxa .nxa-player-info { gap: 6px; }
  #nexus-cabinet-demo .nxa .nxa-player-info strong { font-size: 16px; }
  #nexus-cabinet-demo .nxa .nxa-player-info small { font-size: 13px; color: #aaa1b7; }
  #nexus-cabinet-demo .nxa .nxa-player.is-selected .nxa-player-info small { color: #c0afd0; }
  #nexus-cabinet-demo .nxa .nxa-player-dot { width: 7px; height: 7px; flex-basis: 7px; }
  #nexus-cabinet-demo .nxa .nxa-search-empty strong { font-size: 16px; }
  #nexus-cabinet-demo .nxa .nxa-search-empty p { font-size: 14px; }
  #nexus-cabinet-demo .nxa .nxa-sidebar-foot { padding-top: 24px; gap: 13px; }
  #nexus-cabinet-demo .nxa .nxa-foot-mark .nxa-icon { width: 20px; height: 20px; }
  #nexus-cabinet-demo .nxa .nxa-sidebar-foot strong { font-size: 14px; }
  #nexus-cabinet-demo .nxa .nxa-sidebar-foot p { font-size: 12px; margin-top: 6px; color: #91849d; }

  #nexus-cabinet-demo .nxa .nxa-main { padding: 40px 40px 48px; }
  #nexus-cabinet-demo .nxa .nxa-workspace-heading { margin-bottom: 30px; }
  #nexus-cabinet-demo .nxa .nxa-workspace-description { font-size: 15px; margin-top: 8px; color: #aaa1b7; }
  #nexus-cabinet-demo .nxa .nxa-workspace-label { font-size: 14px; gap: 9px; }
  #nexus-cabinet-demo .nxa .nxa-workspace-label .nxa-icon { width: 18px; height: 18px; flex-basis: 18px; }
  #nexus-cabinet-demo .nxa .nxa-player-card,
  #nexus-cabinet-demo .nxa .nxa-workflow { width: 100%; max-width: none; }
  #nexus-cabinet-demo .nxa .nxa-selected-header { flex-wrap: nowrap; gap: 24px; padding: 34px 32px; }
  #nexus-cabinet-demo .nxa .nxa-selected-person { flex: 1; gap: 22px; }
  #nexus-cabinet-demo .nxa .nxa-selected-avatar { width: 72px; height: 72px; flex-basis: 72px; font-size: 25px; border-radius: 19px; }
  #nexus-cabinet-demo .nxa .nxa-name-line { gap: 14px; }
  #nexus-cabinet-demo .nxa .nxa-status { font-size: 13px; gap: 6px; padding: 5px 9px; }
  #nexus-cabinet-demo .nxa .nxa-status::before { width: 5px; height: 5px; }
  #nexus-cabinet-demo .nxa .nxa-player-reference { font-size: 13px; gap: 11px; margin-top: 12px; color: #aaa1b7; }
  #nexus-cabinet-demo .nxa .nxa-player-reference code { font-size: 13px; color: #c3b7d1; }
  #nexus-cabinet-demo .nxa .nxa-player-actions { width: auto; padding-left: 0; gap: 12px; }
  #nexus-cabinet-demo .nxa .nxa-button { min-height: 48px; padding: 12px 16px; font-size: 15px; gap: 8px; border-radius: 9px; }
  #nexus-cabinet-demo .nxa .nxa-button .nxa-icon { width: 18px; height: 18px; flex-basis: 18px; }
  #nexus-cabinet-demo .nxa .nxa-tabs { padding: 0 32px; gap: 38px; }
  #nexus-cabinet-demo .nxa .nxa-tab { min-height: 70px; font-size: 16px; gap: 10px; }
  #nexus-cabinet-demo .nxa .nxa-tab .nxa-icon { width: 20px; height: 20px; flex-basis: 20px; }
  #nexus-cabinet-demo .nxa .nxa-tab-panel { padding: 34px 32px 28px; min-height: 0; }
  #nexus-cabinet-demo .nxa .nxa-panel-heading { margin-bottom: 28px; gap: 22px; }
  #nexus-cabinet-demo .nxa .nxa-panel-heading p { font-size: 14px; margin-top: 8px; color: #aaa1b7; }
  #nexus-cabinet-demo .nxa .nxa-section-title { gap: 12px; }
  #nexus-cabinet-demo .nxa .nxa-section-title .nxa-count { height: 27px; min-width: 28px; padding: 0 8px; font-size: 12px; }
  #nexus-cabinet-demo .nxa .nxa-record-list { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  #nexus-cabinet-demo .nxa .nxa-record { min-height: 118px; gap: 18px; padding: 24px; border-radius: 11px; }
  #nexus-cabinet-demo .nxa .nxa-record-icon { width: 52px; height: 52px; flex-basis: 52px; border-radius: 13px; font-size: 18px; }
  #nexus-cabinet-demo .nxa .nxa-record-details > strong { font-size: 18px; }
  #nexus-cabinet-demo .nxa .nxa-pill { font-size: 12px; margin-left: 11px; padding: 3px 8px; min-width: 0; max-width: calc(100% - 11px); white-space: normal; overflow-wrap: anywhere; }
  #nexus-cabinet-demo .nxa .nxa-record-value { font-size: 16px; line-height: 1.6; margin-top: 9px; color: #c3b7d1; }
  #nexus-cabinet-demo .nxa .nxa-record-actions { gap: 8px; }
  #nexus-cabinet-demo .nxa .nxa-icon-button { width: 44px; height: 44px; min-width: 44px; padding: 10px; }
  #nexus-cabinet-demo .nxa .nxa-icon-button > svg,
  #nexus-cabinet-demo .nxa .nxa-icon-button .nxa-icon { width: 20px; height: 20px; flex-basis: 20px; }
  #nexus-cabinet-demo .nxa .nxa-panel-note { font-size: 13px; gap: 10px; margin-top: 27px; color: #93849f; }
  #nexus-cabinet-demo .nxa .nxa-panel-note .nxa-icon { width: 16px; height: 16px; flex-basis: 16px; margin-top: 2px; }
  #nexus-cabinet-demo .nxa .nxa-empty { grid-column: 1 / -1; font-size: 16px; padding: 40px 26px; }
  #nexus-cabinet-demo .nxa .nxa-access-record { min-height: 146px; padding: 25px 24px; gap: 18px; margin-top: 16px; }
  #nexus-cabinet-demo .nxa .nxa-access-icon { width: 52px; height: 52px; flex-basis: 52px; border-radius: 13px; }
  #nexus-cabinet-demo .nxa .nxa-access-details h3 { font-size: 18px; }
  #nexus-cabinet-demo .nxa .nxa-login { font-size: 16px; margin-top: 9px; color: #c3b7d1; }
  #nexus-cabinet-demo .nxa .nxa-access-details p { font-size: 14px; margin-top: 7px; color: #aaa1b7; }
  #nexus-cabinet-demo .nxa .nxa-access-details small { font-size: 13px; margin-top: 9px; color: #aaa1b7; }

  #nexus-cabinet-demo .nxa .nxa-workflow { margin-top: 28px; padding: 30px 32px 26px; }
  #nexus-cabinet-demo .nxa .nxa-workflow-heading { gap: 22px; }
  #nexus-cabinet-demo .nxa .nxa-workflow-heading h2 { font-size: 24px; margin-top: 8px; }
  #nexus-cabinet-demo .nxa .nxa-workflow-heading > div > p:last-child { font-size: 14px; margin-top: 8px; color: #aaa1b7; }
  #nexus-cabinet-demo .nxa .nxa-workflow-tag { font-size: 12px; padding: 6px 10px; }
  #nexus-cabinet-demo .nxa .nxa-workflow-steps { margin-top: 24px; margin-bottom: 24px; }
  #nexus-cabinet-demo .nxa .nxa-workflow-steps li { min-height: 78px; padding: 17px 0; gap: 18px; }
  #nexus-cabinet-demo .nxa .nxa-step-index { width: 36px; height: 36px; flex-basis: 36px; font-size: 14px; }
  #nexus-cabinet-demo .nxa .nxa-workflow-steps strong { font-size: 16px; color: #a694b3; }
  #nexus-cabinet-demo .nxa .nxa-workflow-steps small { font-size: 13px; margin-top: 5px; color: #aaa1b7; }
  #nexus-cabinet-demo .nxa .nxa-workflow-steps .is-current small { color: #b7a5c3; }
  #nexus-cabinet-demo .nxa .nxa-step-state { font-size: 13px; color: #9b86ac; }
  #nexus-cabinet-demo .nxa .nxa-workflow-footer { gap: 22px; padding-top: 22px; }
  #nexus-cabinet-demo .nxa .nxa-workflow-footer p { max-width: 450px; font-size: 13px; color: #9b87ab; }
  #nexus-cabinet-demo .nxa .nxa-live { font-size: 14px; margin-top: 22px; }
  #nexus-cabinet-demo .nxa .nxa-live:empty { margin-top: 0; }

  #nexus-cabinet-demo .nxa .nxa-dialog { width: min(640px, calc(100vw - 64px)); max-width: 640px; border-radius: 17px; }
  #nexus-cabinet-demo .nxa .nxa-dialog-heading { padding: 32px 32px 0; gap: 20px; }
  #nexus-cabinet-demo .nxa .nxa-dialog-heading .nxa-eyebrow { margin-bottom: 8px; }
  #nexus-cabinet-demo .nxa .nxa-dialog-heading h2 { font-size: 28px; }
  #nexus-cabinet-demo .nxa .nxa-dialog-description { font-size: 15px; padding: 16px 32px 0; }
  #nexus-cabinet-demo .nxa .nxa-dialog-player { font-size: 14px; margin-top: 12px; }
  #nexus-cabinet-demo .nxa .nxa-form-fields { gap: 23px; padding: 30px 32px 28px; }
  #nexus-cabinet-demo .nxa .nxa-field { gap: 10px; }
  #nexus-cabinet-demo .nxa .nxa-field label { font-size: 16px; }
  #nexus-cabinet-demo .nxa .nxa-optional { font-size: 13px; color: #9a88a6; }
  #nexus-cabinet-demo .nxa .nxa-field input,
  #nexus-cabinet-demo .nxa .nxa-field textarea { font-size: 16px; min-height: 52px; padding: 13px 15px; }
  #nexus-cabinet-demo .nxa .nxa-field textarea { min-height: 112px; }
  #nexus-cabinet-demo .nxa .nxa-field input::placeholder,
  #nexus-cabinet-demo .nxa .nxa-field textarea::placeholder { color: #907aa0; }
  #nexus-cabinet-demo .nxa .nxa-form-error { font-size: 14px; }
  #nexus-cabinet-demo .nxa .nxa-dialog > .nxa-form-error { padding: 16px 32px; }
  #nexus-cabinet-demo .nxa .nxa-form-note { font-size: 13px; padding-left: 13px; color: #a48faf; }
  #nexus-cabinet-demo .nxa .nxa-dialog-actions { padding: 22px 32px; gap: 16px; }
  #nexus-cabinet-demo .nxa .nxa-dialog-action-group { gap: 12px; }
  #nexus-cabinet-demo .nxa .nxa-dialog-actions .nxa-button { min-height: 48px; font-size: 16px; }
  #nexus-cabinet-demo .nxa .nxa-password-input input { padding-right: 59px; }
  #nexus-cabinet-demo .nxa .nxa-password-input .nxa-icon-button { width: 44px; height: 44px; top: 4px; right: 4px; }
  #nexus-cabinet-demo .nxa .nxa-password-help { margin-top: 4px; gap: 16px; }
  #nexus-cabinet-demo .nxa .nxa-password-help small { font-size: 13px; color: #a38db0; }
  #nexus-cabinet-demo .nxa .nxa-text-button { min-height: 42px; font-size: 14px; gap: 8px; }
  #nexus-cabinet-demo .nxa .nxa-text-button .nxa-icon { width: 18px; height: 18px; flex-basis: 18px; }
  #nexus-cabinet-demo .nxa .nxa-password-result-body { padding: 30px 32px 34px; }
  #nexus-cabinet-demo .nxa .nxa-result-icon { width: 44px; height: 44px; border-radius: 12px; margin-bottom: 18px; }
  #nexus-cabinet-demo .nxa .nxa-password-result-body h3 { font-size: 21px; }
  #nexus-cabinet-demo .nxa .nxa-password-result-body p { font-size: 15px; margin-top: 10px; }
  #nexus-cabinet-demo .nxa .nxa-secret { font-size: 22px; padding: 20px; margin: 24px 0 18px; }
  #nexus-cabinet-demo .nxa .nxa-date-fields { gap: 18px; }
}
@media (min-width: 1600px) {
  #nexus-cabinet-demo .nxa .nxa-app { grid-template-columns: 320px minmax(0, 1fr); }
  #nexus-cabinet-demo .nxa .nxa-main { padding: 44px 48px 52px; }
  #nexus-cabinet-demo .nxa .nxa-record-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
}