/* The app around a card: one quiet desk, clear local controls, one Dealer. */
html body:has(> main:is(.command-page, .command-auth, .command-landing)) {
    background: var(--wc-desk);
    color: var(--wc-text);
    margin: 0;
    padding: env(safe-area-inset-top, 0px) 0 0;
    min-height: 100dvh;
}
html body:has(> main:is(.command-page, .command-auth, .command-landing))::before { display: none; }
html body:has(> main:is(.command-page, .command-auth)) > header.sidebar.menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    inset: auto;
    transform: none;
    width: 100%;
    height: auto;
    min-height: var(--wc-studio-bar-height);
    margin: 0;
    padding: var(--wc-space-2) var(--wc-space-5);
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    z-index: var(--wc-z-chrome);
}
body:has(> main:is(.command-page, .command-auth)) .nav-hud-bar { display: flex; align-items: center; margin: 0; padding: 0; min-width: 0; border: 0; background: transparent; }
body:has(> main:is(.command-page, .command-auth)) .nav-brand { display: inline-flex; align-items: center; justify-content: center; width: var(--wc-hud-control-height); height: var(--wc-hud-control-height); margin: 0; }
html body:has(> main:is(.command-page, .command-auth)) .nav-brand .nav-brand-logo.nav-brand-logo { display: none; }
body:has(> main:is(.command-page, .command-auth)) .nav-brand-mark { display: block; width: var(--wc-space-6); height: var(--wc-space-6); }
body:has(> main:is(.command-page, .command-auth)) .nav-dealer-icon { display: none; }
html body:has(> main:is(.command-page, .command-auth)) .header-actions { position: static; inset: auto; display: flex; margin: 0; }
body:has(> main:is(.command-page, .command-auth)) .header-actions-group { display: flex; align-items: center; gap: var(--wc-space-2); padding: 0; background: transparent; border: 0; box-shadow: none; }
body:has(> main:is(.command-page, .command-auth)) .nav-dropdown-toggle { box-shadow: none; }

/* Fixed chrome has a reserved band at the end of every page. */
html body > main.command-page {
    box-sizing: border-box;
    width: 100%;
    max-width: var(--wc-width-page);
    min-width: 0;
    min-height: 0;
    margin: 0 auto;
    padding: var(--wc-space-5) var(--wc-space-5) calc(var(--wc-hud-clearance) + env(safe-area-inset-bottom, 0px));
    background: transparent;
}
html body > main.command-page:is(.wyldcards-storyboard-page, .wyldcards-outline-page, .markdown-editor-page, .code-editor-page, .book-preview-page, .publishing-review) { max-width: var(--wc-width-wide); }
html body > main.command-page.user-form-page:not(.settings-page, :has(.account-tabs), .stack-import-page, .book-preview-page, .publishing-review, .writing-tools-page, .command-history-page, .command-versions-page, .home-customize-page) { max-width: var(--wc-width-wide-reading, var(--wc-width-reading)); }
main.command-page :is(.user-list-header, .user-form-header, .wc-page-header) { align-items: center; gap: var(--wc-space-4); margin: 0 0 var(--wc-space-5); padding: 0; border: 0; background: transparent; }
main.command-page :is(h1, .login-title, .wc-page-title) { margin: 0 0 var(--wc-space-2); font-family: var(--wc-font-ui); font-size: var(--wc-text-title); font-weight: 600; letter-spacing: normal; line-height: 1.25; }
main.command-page :is(.user-form-card, .wc-panel, .login-card, .user-list-panel) {
    min-width: 0;
    padding: var(--wc-space-5);
    border: var(--wc-border-width) solid var(--wc-border);
    border-radius: var(--wc-radius-lg);
    background: var(--wc-surface-raised);
    box-shadow: none;
    backdrop-filter: none;
}
main.command-page :is(.user-form-card, .wc-panel) :is(h2, h3) { font-size: var(--wc-text-lg); font-weight: 600; }
main.command-page :is(.user-form-header-text, .user-list-header-text, .wc-page-description, .login-subtitle) { max-width: var(--wc-width-reading); }
main.command-page .login-subtitle { font-size: var(--wc-text-sm); color: var(--wc-text-muted); }
main.command-page nav[aria-label="Breadcrumb"] { margin: 0 0 var(--wc-space-5); font-size: var(--wc-text-sm); }
main.command-page nav[aria-label="Breadcrumb"] ol { display: flex; flex-wrap: wrap; align-items: center; gap: var(--wc-space-2); padding: 0; margin: 0; }
main.command-page :is(.user-form-actions, .wc-action-row, .settings-downloads) { display: flex; align-items: center; flex-wrap: wrap; gap: var(--wc-space-2); }
main.command-page .settings-actions { position: static; margin-inline: 0; padding: var(--wc-space-3) 0 0; background: transparent; }
main.command-page .command-settings-body { min-width: 0; display: flex; flex-direction: column; gap: var(--wc-space-4); }
main.command-page .command-settings-body > * { margin-block: 0; }
main.command-page .login-card > .login-header { padding: 0; margin: 0 0 var(--wc-space-5); text-align: start; }
main.command-page .login-card .login-title { font-family: var(--wc-font-ui); font-weight: 600; }
main.command-page .login-card .login-subtitle { margin: 0; text-align: start; }
main.command-page .user-form-field { min-width: 0; }
main.command-page .user-form-field > * { min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
main.command-page :is(input, select, textarea) { max-width: 100%; }
main.command-page .user-list-panel { overflow-x: auto; padding: 0; }
main.command-page .user-list-table { margin: 0; width: 100%; }
main.command-page :is(.user-list-flash, .wc-notice, .login-success, .login-error) { border-radius: var(--wc-radius-md); box-shadow: none; }
.command-eyebrow, .command-rail-label { display: block; margin: 0 0 var(--wc-space-2); font-size: var(--wc-text-xs); font-weight: 600; color: var(--wc-text-muted); }

/* Overview and outline are two views of the same stack, with one command bar. */
main.command-page .command-stack-header { display: flex; flex-wrap: wrap; align-items: center; gap: var(--wc-space-4); margin: 0 0 var(--wc-space-4); }
.command-stack-header > div:first-child { flex: 1; min-width: 0; }
.command-stack-header h1 { overflow-wrap: anywhere; }
.command-stack-header :is(.wyldcards-storyboard-actions, .wyldcards-outline-actions) { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: var(--wc-space-2); }
.command-stack-header .wyldcards-storyboard-actions { position: relative; }
main.command-page .wyldcards-storyboard-sort { position: static; }
.command-stack-navigation { display: flex; flex-wrap: wrap; align-items: center; gap: var(--wc-space-3); margin-bottom: var(--wc-space-4); padding-block: var(--wc-space-2); border-block: var(--wc-border-width) solid var(--wc-border); }
.command-stack-views, .command-stack-mode { display: flex; align-items: center; gap: var(--wc-space-1); }
.command-stack-views { flex-wrap: wrap; }
.command-stack-views a[aria-current="page"] { border-color: var(--wc-border); background: var(--wc-surface-raised); color: var(--wc-brand); }
.command-stack-mode { margin-left: auto; color: var(--wc-text-muted); font-size: var(--wc-text-sm); }
main.command-page :is(.wyldcards-storyboard-toolbar, .command-stack-filter) { position: static; display: flex; flex-wrap: wrap; align-items: center; gap: var(--wc-space-2); margin: 0 0 var(--wc-space-5); padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
main.command-page :is(.wyldcards-storyboard-search, .wyldcards-outline-find, .wyldcards-cardlist-search) { flex: 1 1 var(--wc-width-name); min-width: 0; max-width: var(--wc-width-reading); margin: 0; padding: var(--wc-space-2) var(--wc-space-3); min-height: var(--wc-hud-control-height); border: var(--wc-border-width) solid var(--wc-border); border-radius: var(--wc-radius-md); background: var(--wc-surface-raised); }
main.command-page .wyldcards-storyboard-show select { border: var(--wc-border-width) solid var(--wc-border); border-radius: var(--wc-radius-md); background: var(--wc-surface-raised); }
main.command-page .wyldcards-storyboard-size { gap: var(--wc-space-1); padding: var(--wc-space-1); border: 0; border-radius: var(--wc-radius-md); background: var(--wc-surface-muted); }
main.command-page .wyldcards-storyboard-size button { border-radius: var(--wc-radius-sm); }
main.command-page .wyldcards-storyboard-size button[aria-pressed="true"] { background: var(--wc-surface-raised); color: var(--wc-brand); }
main.command-page .wyldcards-storyboard-card { border-radius: var(--wc-radius-lg); background: var(--wc-surface-raised); }
main.command-page .wyldcards-storyboard-sort-form { left: auto; right: 0; z-index: var(--wc-z-dropdown); box-shadow: var(--wc-shadow-raised); }
main.command-page .wyldcards-storyboard-canvas .part-floating-toolbar { display: none; }
body:has(> main:is(.wyldcards-storyboard-page, .wyldcards-outline-page)) :is(#wyldcards-sprint-badge, #wyldcards-sprint-panel) { display: none; }
@media (max-width: 40rem) {
    main.command-page .command-stack-header { align-items: stretch; }
    .command-stack-header > div:first-child { flex-basis: 100%; }
    .command-stack-header .wyldcards-storyboard-actions { position: relative; width: 100%; }
    main.command-page .wyldcards-storyboard-sort { position: static; }
    main.command-page .wyldcards-storyboard-sort-form { left: 0; right: auto; width: 100%; max-width: 100%; }
}

/* Writing tools share their stack context and a way back to the current card. */
main.command-page .command-tools-header { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.command-tools-header > .user-form-header-text { min-width: 0; }
.command-tools-header :is(h1, .command-eyebrow) { overflow-wrap: anywhere; }
.command-tools-scope { display: flex; flex-wrap: wrap; align-items: center; gap: var(--wc-space-2); margin: 0; color: var(--wc-text-muted); font-size: var(--wc-text-sm); }
.writing-tools-page > .user-form-card + .user-form-card { margin-top: var(--wc-space-4); }
.writing-tools-page .wc-field-hint { margin: 0 0 var(--wc-space-4); }
.writing-tools-page .writing-stats-glance { gap: var(--wc-space-2); }
.writing-tools-page .writing-stats-glance > div { border: 0; border-radius: var(--wc-radius-md); background: var(--wc-surface-muted); padding: var(--wc-space-3); }
.writing-tools-page .writing-stats-glance dt { text-transform: none; letter-spacing: normal; }
.writing-tools-page .writing-stats-glance dd { overflow-wrap: anywhere; }
.writing-tools-page .command-speaker-field { display: flex; flex-direction: column; align-items: stretch; flex: 1 1 var(--wc-width-name); min-width: 0; margin: 0; }
.writing-tools-page .command-speaker-field select { min-width: 0; width: 100%; }
.writing-tools-page .dialogue-tuner-item { background: var(--wc-surface-raised); }
.writing-tools-page .dialogue-tuner-item-header { flex-wrap: wrap; gap: var(--wc-space-2); }
.writing-tools-page :is(.dialogue-tuner-item-header, .dialogue-tuner-context, .dialogue-tuner-cue, .dialogue-tuner-lines, .replace-results) { overflow-wrap: anywhere; }
.command-replace-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--wc-space-4); }
.writing-tools-page .command-replace-options { margin: 0; padding: var(--wc-space-3); border: var(--wc-border-width) solid var(--wc-border); border-radius: var(--wc-radius-md); background: var(--wc-surface-muted); }
.command-replace-options > summary { margin: 0; padding: 0; font-family: var(--wc-font-ui); font-weight: 500; }
.command-replace-options .role-rules { display: flex; flex-wrap: wrap; gap: var(--wc-space-2) var(--wc-space-4); margin-block: var(--wc-space-3); }
.command-replace-result-header { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--wc-space-3); margin-bottom: var(--wc-space-4); }
.command-replace-result-header :is(h2, form) { margin: 0; }
.command-replace-result-header button { white-space: normal; overflow-wrap: anywhere; }
@media (max-width: 40rem) {
    .command-replace-fields { grid-template-columns: minmax(0, 1fr); }
    .writing-tools-page .writing-stats-glance { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .writing-tools-page .dialogue-tuner-lines { padding-left: 0; }
}
@media (max-width: 48rem) {
    /* The older mobile site-header rule also matches these local headers. */
    main.command-page .command-tools-header { padding: 0 !important; flex-direction: row !important; }
}

/* History keeps recovery actions beside the timeline and the card within reach. */
.command-history-jumps { display: flex; flex-wrap: wrap; align-items: center; gap: var(--wc-space-1); margin-left: auto; }
.command-history-page .history-section { margin-top: var(--wc-space-5); scroll-margin-top: var(--wc-space-5); }
.command-history-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--wc-space-3); margin-bottom: var(--wc-space-2); }
.command-history-heading h2 { margin: 0; }
.command-history-page h2 { font-size: var(--wc-text-lg); font-weight: 600; overflow-wrap: anywhere; }
.command-history-page .changes-people { gap: var(--wc-space-2); }
.command-history-card-name { min-width: 0; font-size: var(--wc-text-sm); color: var(--wc-text-muted); overflow-wrap: anywhere; }
.command-history-page :is(.change-row, .wyldcards-history-list li, .collaborator-row, .compare-versions-card) { min-width: 0; padding: var(--wc-space-4); border: var(--wc-border-width) solid var(--wc-border); border-radius: var(--wc-radius-lg); background: var(--wc-surface-raised); }
.command-history-page .change-head > span { min-width: 0; overflow-wrap: anywhere; }
.command-history-page .change-when { flex-wrap: wrap; gap: var(--wc-space-1) var(--wc-space-3); white-space: normal; }
.command-history-page .change-row-actions { flex-wrap: wrap; }
.command-history-page .change-diff { margin-block: var(--wc-space-2); }
.command-history-page .change-diff del { background: var(--wc-danger-bg); color: var(--wc-danger); }
.command-history-page .change-diff ins { background: var(--wc-success-bg); color: var(--wc-success); text-decoration: underline; }
.command-history-page :is(.collaborator-row, .wyldcards-history-list li) > div { min-width: 0; overflow-wrap: anywhere; }
.command-history-page.changes-page .wyldcards-history-list li > div { grid-column: 2; }
.command-history-page .collaborator-row > .edition-actions { display: flex; flex-wrap: wrap; gap: var(--wc-space-2); margin-right: 0; }
.command-snapshot-form { display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--wc-space-3); margin-block: var(--wc-space-4); }
.command-snapshot-form .wc-field { flex: 1 1 var(--wc-width-name); min-width: 0; margin: 0; }
.command-snapshot-form button { margin: 0; }
.command-history-page .compare-versions-picker { padding: var(--wc-space-4); border: var(--wc-border-width) solid var(--wc-border); border-radius: var(--wc-radius-lg); background: var(--wc-surface-raised); }
.command-history-page .compare-versions-picker .wc-field { margin: 0; }
.command-history-page .compare-versions-summary { margin-block: var(--wc-space-5); }
.command-history-page .compare-versions-counts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--wc-space-2); }
.command-history-page .compare-versions-counts li { margin: 0; padding: var(--wc-space-3); background: var(--wc-surface-muted); border-radius: var(--wc-radius-md); font-size: var(--wc-text-sm); }
.command-history-page .compare-versions-counts strong { display: block; font-size: var(--wc-text-lg); color: var(--wc-text); }
.command-history-page .compare-versions-card > summary { margin: 0; padding: 0; overflow-wrap: anywhere; }
.command-history-page .compare-versions-card-title { min-width: 0; }
@media (max-width: 40rem) {
    .command-history-jumps { margin-left: 0; }
    .command-stack-navigation:has(> nav[aria-label="History tools"]) { gap: var(--wc-space-1); }
    .command-stack-navigation > nav[aria-label="History tools"], .command-stack-navigation:has(> nav[aria-label="History tools"]) > .command-history-jumps { display: contents; }
    .command-history-page .compare-versions-counts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .command-history-page .collaborator-row { flex-direction: column; align-items: stretch; }
    .command-history-page .edition-actions { align-items: flex-start; }
    .command-history-page.changes-page .wyldcards-history-list li > button { grid-column: 2; justify-self: start; white-space: normal; }
}

/* Saved editions and field versions keep their primary actions visible. */
.command-versions-page .command-version-section { margin-top: var(--wc-space-5); scroll-margin-top: var(--wc-space-5); }
.command-versions-page :is(h2, h3) { margin: 0 0 var(--wc-space-2); font-size: var(--wc-text-lg); font-weight: 600; color: var(--wc-text); text-transform: none; letter-spacing: normal; overflow-wrap: anywhere; }
.command-version-list { display: grid; gap: var(--wc-space-3); }
.command-version-row { min-width: 0; padding: var(--wc-space-4); border: var(--wc-border-width) solid var(--wc-border); border-radius: var(--wc-radius-lg); background: var(--wc-surface-raised); }
.command-version-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--wc-space-3); }
.command-version-identity { flex: 1 1 var(--wc-width-name); min-width: 0; }
.command-version-meta { display: flex; flex-wrap: wrap; align-items: center; gap: var(--wc-space-2); color: var(--wc-text-muted); font-size: var(--wc-text-sm); }
.command-version-row .command-version-manage { margin: var(--wc-space-3) 0 0; padding: var(--wc-space-3) 0 0; border: 0; border-top: var(--wc-border-width) solid var(--wc-border); border-radius: 0; background: transparent; }
.command-version-manage > summary { margin: 0; padding: 0; font-family: var(--wc-font-ui); font-size: var(--wc-text-sm); color: var(--wc-text-muted); }
.command-version-management { display: grid; gap: var(--wc-space-3); margin-top: var(--wc-space-3); }
.command-version-management form, .command-version-heading form { margin: 0; }
.command-version-rename, .command-version-create { display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--wc-space-3); }
.command-version-rename .wc-field, .command-version-create .wc-field { flex: 1 1 var(--wc-width-name); min-width: 0; margin: 0; }
.command-version-rename { max-width: var(--wc-width-form); }
.command-version-create, .command-version-save { margin: var(--wc-space-4) 0 0; }
.command-version-save { display: grid; gap: var(--wc-space-3); }
.command-version-save .wc-field { margin: 0; }
.command-version-checkbox { display: inline-flex; align-items: center; gap: var(--wc-space-2); margin: 0 auto 0 0; font-size: var(--wc-text-sm); }
.command-version-checkbox input { margin: 0; }
.command-versions-page :is(button, .wc-button) { white-space: normal; overflow-wrap: anywhere; }
.command-versions-page .version-uses { margin-bottom: 0; padding-left: var(--wc-space-5); overflow-wrap: anywhere; }
.command-versions-page .version-uses li { margin-block: var(--wc-space-2); }
.command-versions-page .version-uses .muted { display: block; font-size: var(--wc-text-sm); }

/* Stack and card Trash share the same recovery rows and empty state. */
.command-trash-page :is(h2, h3) { margin: 0; font-size: var(--wc-text-lg); font-weight: 600; color: var(--wc-text); text-transform: none; letter-spacing: normal; overflow-wrap: anywhere; }
.command-trash-section { margin-top: var(--wc-space-5); }
.command-trash-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--wc-space-3); margin-bottom: var(--wc-space-3); }
.command-trash-heading h2 { display: flex; align-items: center; gap: var(--wc-space-2); }
.command-trash-count { padding: var(--wc-space-1) var(--wc-space-2); border-radius: var(--wc-radius-md); background: var(--wc-surface-muted); color: var(--wc-text-muted); font-size: var(--wc-text-sm); }
.command-trash-list { display: grid; gap: var(--wc-space-3); list-style: none; padding: 0; margin: var(--wc-space-3) 0 0; }
.command-trash-row { display: flex; flex-wrap: wrap; align-items: center; gap: var(--wc-space-3); min-width: 0; padding: var(--wc-space-4); border: var(--wc-border-width) solid var(--wc-border); border-radius: var(--wc-radius-lg); background: var(--wc-surface-raised); }
.command-trash-row > :first-child { flex: 1 1 var(--wc-width-name); min-width: 0; }
.command-trash-item { display: flex; align-items: center; gap: var(--wc-space-3); }
.command-trash-identity { min-width: 0; }
.command-trash-icon { flex: none; font-size: var(--wc-text-2xl); }
.command-trash-meta { display: flex; flex-wrap: wrap; gap: var(--wc-space-1) var(--wc-space-3); margin: var(--wc-space-1) 0 0; color: var(--wc-text-muted); font-size: var(--wc-text-sm); }
.command-trash-page :is(form, button) { margin: 0; }
.command-trash-page :is(button, .wc-button) { white-space: normal; }
.command-trash-page .command-trash-empty { display: grid; justify-items: center; gap: var(--wc-space-3); margin-top: var(--wc-space-5); padding: var(--wc-space-6); background: var(--wc-surface-raised); border: var(--wc-border-width) solid var(--wc-border); border-radius: var(--wc-radius-lg); }
.command-trash-empty .wc-empty-state-art svg { width: var(--wc-space-6); height: var(--wc-space-6); color: var(--wc-text-muted); }
.command-trash-empty > p { max-width: var(--wc-width-form); margin: 0; }

/* Stack roles: compact workspace, wrapping controls, and mobile responsive table. */
.command-roles-page .command-role-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--wc-space-3); margin-bottom: var(--wc-space-3); }
.command-roles-page .command-role-identity { display: flex; flex-direction: column; gap: var(--wc-space-1); min-width: 0; }
.command-roles-page .command-role-identity h2 { margin: 0; font-size: var(--wc-text-lg); font-weight: 600; color: var(--wc-text); overflow-wrap: anywhere; }
.command-roles-page .command-role-meta { display: flex; flex-wrap: wrap; align-items: center; gap: var(--wc-space-2); color: var(--wc-text-muted); font-size: var(--wc-text-sm); }
.command-roles-page .command-role-card { margin-top: var(--wc-space-5); scroll-margin-top: var(--wc-space-5); }
.command-roles-page .command-roles-empty { display: grid; justify-items: center; gap: var(--wc-space-2); margin-top: var(--wc-space-5); padding: var(--wc-space-6); background: var(--wc-surface-raised); border: var(--wc-border-width) solid var(--wc-border); border-radius: var(--wc-radius-lg); text-align: center; }
.command-roles-page .role-rules { display: grid; gap: var(--wc-space-2); margin: 0; padding: var(--wc-space-3); border: var(--wc-border-width) solid var(--wc-border); border-radius: var(--wc-radius-md); background: var(--wc-surface-raised); }
.command-roles-page .role-rules legend { padding: 0 var(--wc-space-1); font-size: var(--wc-text-sm); font-weight: 600; color: var(--wc-text); }
.command-roles-page .role-rules .user-form-role-option { display: flex; align-items: center; flex-wrap: wrap; gap: var(--wc-space-2); min-width: 0; overflow-wrap: anywhere; }
.command-roles-page .role-field-table { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.command-roles-page .role-field-table table { width: 100%; border-collapse: collapse; }
.command-roles-page .role-field-table th, .command-roles-page .role-field-table td { padding: var(--wc-space-2); text-align: left; vertical-align: middle; }
.command-roles-page .role-field-table th { font-size: var(--wc-text-xs); font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; color: var(--wc-text-muted); border-bottom: var(--wc-border-width) solid var(--wc-border); }
.command-roles-page .role-field-table td { border-bottom: var(--wc-border-width) solid var(--wc-border-subtle); }
.command-roles-page .role-field-table td label { font-weight: 500; }
.command-roles-page .role-field-table select.wc-select { width: 100%; min-width: var(--wc-width-command-rail); max-width: var(--wc-width-name); }
.command-roles-page :is(button, .wc-button) { white-space: normal; }

/* Script review workspace */
.command-script-review-page .command-script-review-empty { display: grid; justify-items: center; gap: var(--wc-space-2); margin-top: var(--wc-space-5); padding: var(--wc-space-6); background: var(--wc-surface-raised); border: var(--wc-border-width) solid var(--wc-border); border-radius: var(--wc-radius-lg); text-align: center; }
.command-script-review-page .command-script-review-list { list-style: none; padding: 0; margin: var(--wc-space-5) 0 0; display: grid; gap: var(--wc-space-4); }
.command-script-review-page .command-script-review-item { padding: var(--wc-space-4); background: var(--wc-surface-raised); border: var(--wc-border-width) solid var(--wc-border); border-radius: var(--wc-radius-lg); }
.command-script-review-page .command-script-review-head { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: var(--wc-space-3); margin-bottom: var(--wc-space-3); }
.command-script-review-page .command-script-locations-wrap { display: flex; flex-direction: column; gap: var(--wc-space-1); min-width: 0; flex: 1 1 auto; }
.command-script-review-page .command-script-locations-label { font-size: var(--wc-text-xs); font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; color: var(--wc-text-muted); }
.command-script-review-page .command-script-locations { margin: 0; padding-left: var(--wc-space-4); display: grid; gap: var(--wc-space-1); font-size: var(--wc-text-sm); color: var(--wc-text); }
.command-script-review-page .command-script-locations a { color: var(--wc-accent); text-decoration: underline; text-underline-offset: 2px; }
.command-script-review-page .command-script-actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--wc-space-2); }
.command-script-review-page .script-review-code { margin: 0; padding: var(--wc-space-3) var(--wc-space-4); background: var(--wc-surface); border: var(--wc-border-width) solid var(--wc-border); border-radius: var(--wc-radius-md); font-family: var(--wc-font-mono); font-size: var(--wc-text-sm); line-height: 1.5; color: var(--wc-text); white-space: pre-wrap; word-break: break-word; overflow-wrap: anywhere; overflow-x: auto; -webkit-overflow-scrolling: touch; max-height: var(--wc-height-command-results); }
.command-script-review-page :is(button, .wc-button) { white-space: normal; }

/* Creation, import, and folder update flows */
.command-new-stack-page details {
    margin-top: var(--wc-space-3);
    border-top: var(--wc-border-width) solid var(--wc-border);
    padding-top: var(--wc-space-3);
}
.command-new-stack-page details summary {
    font-size: var(--wc-text-sm);
    font-weight: 600;
    color: var(--wc-text-muted);
    cursor: pointer;
    user-select: none;
    margin-bottom: var(--wc-space-3);
}
.command-new-stack-page details summary:hover {
    color: var(--wc-text);
}

.stack-import-page:not(.has-preview) {
    max-width: var(--wc-width-reading);
}
.stack-import-page.has-preview {
    max-width: var(--wc-width-wide);
}
.stack-import-page .stack-import-review {
    align-items: start;
    display: grid;
    gap: var(--wc-space-5);
    grid-template-columns: minmax(0, 1fr) 22rem;
    margin-top: var(--wc-space-4);
}
.stack-import-page :is(.stack-import-summary, .stack-import-options) {
    background: var(--wc-surface-raised);
    border: var(--wc-border-width) solid var(--wc-border);
    border-radius: var(--wc-radius-lg);
    box-shadow: none;
    padding: var(--wc-space-5);
}
.stack-import-page .stack-import-summary h2 {
    margin: 0;
    font-size: var(--wc-text-xl);
    font-weight: 600;
    line-height: 1.3;
    overflow-wrap: anywhere;
}
.stack-import-page .stack-import-counts {
    display: flex;
    flex-wrap: wrap;
    gap: var(--wc-space-2) var(--wc-space-4);
    margin: var(--wc-space-3) 0 var(--wc-space-4);
    padding: 0;
    list-style: none;
}
.stack-import-page .stack-import-counts li {
    display: inline-flex;
    align-items: baseline;
    gap: var(--wc-space-1);
    background: var(--wc-surface-muted);
    border: var(--wc-border-width) solid var(--wc-border);
    border-radius: var(--wc-radius-pill);
    padding: var(--wc-space-1) var(--wc-space-3);
    font-size: var(--wc-text-sm);
    color: var(--wc-text);
}
main.command-page.stack-import-page .stack-import-create {
    border-top: var(--wc-border-width) solid var(--wc-border);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: var(--wc-space-2);
    padding-top: var(--wc-space-4);
    margin-top: var(--wc-space-4);
}
main.command-page.stack-import-page .stack-import-create .user-form-submit {
    min-height: var(--wc-control-height, 2.5rem);
    width: auto;
}

.folder-update-page .folder-update-table {
    width: 100%;
    border-collapse: collapse;
    margin: var(--wc-space-3) 0;
    font-size: var(--wc-text-sm);
}
.folder-update-page .folder-update-table th,
.folder-update-page .folder-update-table td {
    padding: var(--wc-space-2) var(--wc-space-3);
    text-align: left;
    vertical-align: middle;
    border-bottom: var(--wc-border-width) solid var(--wc-border);
}
.folder-update-page .folder-update-table th {
    font-weight: 600;
    color: var(--wc-text-muted);
    background: var(--wc-surface-muted);
}
.folder-update-page .folder-update-table tr:last-child td {
    border-bottom: 0;
}
.folder-update-page .folder-update-table code {
    font-family: var(--wc-font-mono, monospace);
    font-size: var(--wc-text-xs);
    background: var(--wc-surface-muted);
    padding: 0.15em 0.35em;
    border-radius: var(--wc-radius-sm);
}
.folder-update-page .folder-update-table tr[data-folder-status="CONFLICT"] {
    background: color-mix(in srgb, var(--wc-warning, #f59e0b) 10%, transparent);
}
.folder-update-page .folder-update-table tr[data-folder-status="CONFLICT"] strong {
    color: var(--wc-warning, #d97706);
}
.folder-update-page .folder-update-table tr:is([data-folder-status="UPDATED"], [data-folder-status="ADDED"]) strong {
    color: var(--wc-brand);
}
.folder-update-page .user-form-actions {
    margin-top: var(--wc-space-4);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: var(--wc-space-2);
}



/* A shared settings rail, with a scrollable row on phones. */
main.command-page .account-tabs, main.command-page .settings-tabs { border: 0; border-radius: 0; background: transparent; box-shadow: none; gap: var(--wc-space-1); }
main.command-page .account-tabs a, main.command-page .settings-tabs[role="tablist"] > a[role="tab"] { display: flex; align-items: center; min-height: var(--wc-hud-control-height); gap: var(--wc-space-2); padding: var(--wc-space-2) var(--wc-space-3); border: var(--wc-border-width) solid transparent; border-radius: var(--wc-radius-md); background: transparent; color: var(--wc-text-muted); font-size: var(--wc-text-sm); font-weight: 500; box-shadow: none; }
main.command-page .settings-tabs[role="tablist"] > a[role="tab"] { display: grid; gap: 0; }
main.command-page .account-tabs a[aria-current="page"], main.command-page .settings-tabs[role="tablist"] > a[aria-selected="true"] { background: var(--wc-surface-raised); color: var(--wc-brand); border-color: var(--wc-border); font-weight: 600; }
main.command-page .account-tabs a:hover, main.command-page .settings-tabs a:hover { background: var(--wc-surface-muted); color: var(--wc-text); }
@media (min-width: 48rem) {
    html body > main.command-page:is(.login-page--account, .settings-page, :has(> .account-tabs)) { display: grid; grid-template-columns: var(--wc-width-command-rail) minmax(0, 1fr); gap: var(--wc-space-5); align-items: start; justify-content: stretch; max-width: var(--wc-width-page); }
    main.command-page > .account-tabs { grid-column: 1; grid-row: 1; position: sticky; top: var(--wc-space-5); display: flex; flex-direction: column; align-items: stretch; width: 100%; margin: 0; padding: 0; }
    main.command-page:has(> .account-tabs) > :not(.account-tabs) { grid-column: 2; max-width: none; width: 100%; margin-top: 0; }
    main.command-page .command-rail-label { padding: var(--wc-space-3); margin: 0; }
    main.command-page .login-card { align-self: start; margin: 0; }
    main.command-page.settings-page > .user-form-header { grid-column: 1 / -1; grid-row: 1; }
    main.command-page.settings-page > .settings-tabs { grid-column: 1; grid-row: 2; top: var(--wc-space-5); }
    main.command-page.settings-page > .command-settings-body { grid-column: 2; grid-row: 2; }
}

/* Library: local filtering and view controls above a collection of simple cards. */
main.command-page .wyldcards-list-header-buttons { display: flex; align-items: center; flex-wrap: wrap; gap: var(--wc-space-2); width: 100%; }
main.command-page .user-list-header:has(.library-filter) { display: flex; flex-wrap: wrap; align-items: center; gap: var(--wc-space-4); }
main.command-page .user-list-header:has(.library-filter) .user-list-header-text { width: 100%; }
main.command-page .wyldcards-hud-telemetry-badge { padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; color: var(--wc-text-muted); font-size: var(--wc-text-sm); }
main.command-page .status-indicator-dot { display: none; }
main.command-page form.library-filter { flex: 1; min-width: var(--wc-width-command-rail); max-width: none; margin: 0; }
main.command-page input.wyldcards-list-search-input { width: 100%; min-height: var(--wc-hud-control-height); padding: var(--wc-space-2) var(--wc-space-3); border: var(--wc-border-width) solid var(--wc-border); border-radius: var(--wc-radius-md); background: var(--wc-surface-raised); font-size: var(--wc-text-sm); }
.command-library-actions { display: inline-flex; align-items: center; gap: var(--wc-space-1); }
.command-library-actions > .wc-button { flex: none; }
.command-new-stack { white-space: nowrap; }
main.command-page .stack-layout-switch { display: flex; align-items: center; gap: 0; margin: 0; padding: var(--wc-space-1); background: var(--wc-surface-muted); border: 0; border-radius: var(--wc-radius-md); }
main.command-page .stack-layout-switch-btn { min-height: var(--wc-studio-control-height); padding: var(--wc-space-2); box-shadow: none; border: 0; border-radius: var(--wc-radius-sm); background: transparent; color: var(--wc-text-muted); }
main.command-page .stack-layout-switch-btn[aria-pressed="true"] { background: var(--wc-surface-raised); color: var(--wc-brand); }
main.command-page .stack-layout-switch-btn span { display: none; }
main.command-page .stack-grid:not(.stack-columns, .stack-dock-grid) { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--wc-width-command-tile)), 1fr)); gap: var(--wc-space-4); }
main.command-page .stack-tile { border: var(--wc-border-width) solid var(--wc-border); border-radius: var(--wc-radius-lg); background: var(--wc-surface-raised); box-shadow: var(--wc-shadow-sm); backdrop-filter: none; -webkit-backdrop-filter: none; }
main.command-page .stack-tile:hover, main.command-page .stack-tile:focus-within { border-color: var(--wc-brand); transform: none; box-shadow: var(--wc-shadow-card); }
main.command-page .stack-tile-face { align-items: flex-start; text-align: start; gap: var(--wc-space-2); padding: var(--wc-space-4); }
main.command-page .stack-tile-icon { width: var(--wc-hud-control-height); height: var(--wc-hud-control-height); font-size: var(--wc-text-xl); border: 0; border-radius: var(--wc-radius-md); background: var(--wc-surface-muted); transform: none; }
main.command-page .stack-tile-picture { height: var(--wc-height-command-cover); width: 100%; margin: 0 0 var(--wc-space-2); border-radius: var(--wc-radius-sm); overflow: hidden; background: var(--wc-surface-muted); }
main.command-page .stack-tile-picture .stack-thumb { object-fit: contain; width: 100%; height: 100%; }
main.command-page .stack-tile-name { font-size: var(--wc-text-base); }
main.command-page .stack-tile-meta { flex-wrap: wrap; font-size: var(--wc-text-xs); }
main.command-page .stack-tile-actions { justify-content: flex-start; gap: var(--wc-space-3); padding: var(--wc-space-2) var(--wc-space-4); border-color: var(--wc-border); font-size: var(--wc-text-xs); }
main.command-page .stack-tile-actions a { color: var(--wc-text-muted); }
main.command-page .stack-dock { margin-top: var(--wc-space-6); padding: var(--wc-space-5) 0 0; border: 0; border-top: var(--wc-border-width) solid var(--wc-border); border-radius: 0; background: transparent; box-shadow: none; }
main.command-page .stack-dock-title { font-size: var(--wc-text-sm); font-weight: 600; }
main.command-page .stack-dock-description, main.command-page .stack-dock-drop-hint { font-size: var(--wc-text-xs); }
main.command-page .stack-list-bulkbar { border-radius: var(--wc-radius-md); box-shadow: none; }

/* Dealer's input and results are the same on the canvas and every app screen. */
html body nav.wyldcards-command-bar.wyldcards-command-bar { bottom: calc(var(--wc-space-4) + env(safe-area-inset-bottom, 0px) + var(--wc-command-keyboard-inset, 0px)); }
nav.command-shell-bar, nav.command-shell-bar:hover { position: fixed; inset: auto auto calc(var(--wc-space-4) + env(safe-area-inset-bottom, 0px) + var(--wc-command-keyboard-inset, 0px)) 50%; transform: translateX(-50%); display: flex; align-items: center; flex-wrap: nowrap; width: var(--wc-width-form); max-width: calc(100% - var(--wc-space-6)); margin: 0; gap: var(--wc-space-2); padding: var(--wc-space-2); border: var(--wc-border-width) solid var(--wc-border); border-radius: var(--wc-radius-xl); background: var(--wc-surface-raised); box-shadow: var(--wc-shadow-raised); z-index: var(--wc-z-chrome); }
html body nav.wyldcards-command-bar.wyldcards-command-bar input.wc-input[data-dealer-inline-input] { flex: 1; min-width: 0; width: 100%; margin: 0; padding: var(--wc-space-1); border: 0; background: transparent; box-shadow: none; }
.wyldcards-command-bar .wc-icon-button { flex: none; }
.wyldcards-command-bar kbd { flex: none; margin: 0; padding: var(--wc-space-1); border: var(--wc-border-width) solid var(--wc-border); border-radius: var(--wc-radius-xs); background: var(--wc-surface-muted); color: var(--wc-text-muted); font-size: var(--wc-text-xs); white-space: nowrap; }
html body dialog#command-palette.is-inline[open] { position: fixed; top: auto; bottom: calc(var(--wc-hud-clearance) + env(safe-area-inset-bottom, 0px) + var(--wc-command-keyboard-inset, 0px)); left: 50%; right: auto; transform: translateX(-50%); margin: 0; width: var(--wc-width-form); max-width: calc(100% - var(--wc-space-6)); min-height: 0; max-height: min(var(--wc-height-command-results), 60dvh, calc(100dvh - var(--wc-command-keyboard-inset, 0px) - var(--wc-hud-clearance) - env(safe-area-inset-bottom, 0px) - var(--wc-space-4))); border-radius: var(--wc-radius-xl); background: var(--wc-surface-raised); box-shadow: var(--wc-shadow-raised); z-index: var(--wc-z-palette); }
#command-palette.is-inline :is(.command-palette-header, .command-palette-grabber, .command-palette-intro, .command-palette-dock, .command-palette-workspace) { display: none; }
#command-palette.is-inline .command-palette-window-controls { min-height: 0; }
#command-palette.is-inline .command-palette-window-controls:has(.command-palette-crumb:not([hidden])) .command-palette-window-title { display: none; }
#command-palette.is-inline .command-palette-close { display: inline-flex; align-items: center; min-height: var(--wc-control-height); margin-left: auto; }
#command-palette.is-inline .command-palette-crumb { flex: 1; max-width: 100%; min-width: 0; min-height: var(--wc-control-height); padding: var(--wc-space-1) var(--wc-space-2); border: 0; border-radius: var(--wc-radius-md); background: transparent; font-size: var(--wc-text-sm); font-weight: 500; white-space: normal; text-align: start; justify-content: flex-start; gap: var(--wc-space-1); }
#command-palette.is-inline .command-palette-crumb:hover { background: var(--wc-surface-muted); }
#command-palette.is-inline .command-palette-results { max-height: none; }
html body dialog#command-palette.is-inline[data-mode="capture-confirm"][open] { max-height: min(var(--wc-height-command-review), calc(100dvh - var(--wc-command-keyboard-inset, 0px) - var(--wc-hud-clearance) - env(safe-area-inset-bottom, 0px) - var(--wc-space-4))); }
#command-palette.is-inline[data-mode="capture-confirm"] :is(.command-palette-footer, .command-palette-group-label, #capture-preview-save) { display: none; }
#command-palette.is-inline[data-mode="capture-confirm"] .command-palette-capture-editor { flex: 1 1 auto; }
#command-palette.is-inline[data-mode="capture-confirm"] .command-palette-body { flex: none; border-top: var(--wc-border-width) solid var(--wc-border); }
#command-palette.is-inline[data-mode="capture-confirm"] .command-palette-results { padding: var(--wc-space-2); }
body:has(> main:is(.command-page, [data-workspace="focus"])) :is(dialog.wc-dialog, dialog.wyldcards-dialog, .nav-dropdown-menu):not(.wyldcards-card *) { border: var(--wc-border-width) solid var(--wc-border); border-radius: var(--wc-radius-lg); background: var(--wc-surface-overlay); box-shadow: var(--wc-shadow-raised); -webkit-backdrop-filter: none; backdrop-filter: none; }

/* Help, search and notifications use the same restrained hierarchy. */
html body > main.command-page.help-center { --help-bg: var(--wc-desk); --help-surface: var(--wc-surface-raised); max-width: var(--wc-width-wide); }
main.command-page .help-sidebar { padding: var(--wc-space-4); }
@media (min-width: 44rem) {
    main.command-page .help-article-view { grid-template-columns: var(--wc-width-command-rail) minmax(0, 1fr); gap: var(--wc-space-5); padding-right: 0; }
    main.command-page .help-aside { grid-column: 2; }
}
@media (min-width: 74rem) {
    main.command-page .help-article-view { grid-template-columns: var(--wc-width-command-rail) minmax(0, 1fr) var(--wc-width-command-rail); }
    main.command-page .help-aside { grid-column: auto; }
}
main.command-page .help-hero { padding: var(--wc-space-5) 0 var(--wc-space-6); text-align: start; align-items: start; justify-items: start; background: transparent; }
main.command-page .help-hero h1 { font-size: var(--wc-text-title); }
main.command-page .help-search { max-width: var(--wc-width-reading); margin-inline: 0; border-radius: var(--wc-radius-lg); box-shadow: none; }
main.command-page .help-popular { justify-content: flex-start; }
main.command-page :is(.help-task, .help-group, .help-more-card) { border: var(--wc-border-width) solid var(--wc-border); border-radius: var(--wc-radius-lg); background: var(--wc-surface-raised); box-shadow: none; transform: none; }
main.command-page .help-section-title { font-size: var(--wc-text-lg); }
main.command-page .help-more-card--script, main.command-page .help-more-card--script strong { color: var(--wc-text); }
main.command-page .help-more-card--script span span { color: var(--wc-text-muted); }
.help-card ul.help-hud-map { display: grid; gap: var(--wc-space-2); margin: var(--wc-space-4) 0; padding: 0; list-style: none; }
.help-hud-map > li { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 3fr); gap: var(--wc-space-3); padding: var(--wc-space-3); border: var(--wc-border-width) solid var(--wc-border); border-radius: var(--wc-radius-md); background: var(--wc-surface-muted); }
.help-hud-map > li > strong { font-weight: 600; color: var(--wc-text); }
.help-hud-map > li > span { min-width: 0; }
@media (max-width: 40rem) { .help-hud-map > li { grid-template-columns: minmax(0, 1fr); gap: var(--wc-space-1); } }
main.command-page .notification-row { background: var(--wc-surface-raised); border-bottom: var(--wc-border-width) solid var(--wc-border); }

/* Sign-in, invitations, error and offline states are single calm panels. */
html body > main.command-auth.login-page { width: 100%; max-width: var(--wc-width-reading); min-height: 0; margin: var(--wc-space-7) auto; padding: var(--wc-space-5); }
html body .command-auth .login-shell { display: block; width: 100%; max-width: var(--wc-width-form); margin: 0 auto; }
html body .command-auth :is(.login-panel, .login-card) { width: 100%; max-width: none; padding: var(--wc-space-6); border: var(--wc-border-width) solid var(--wc-border); border-radius: var(--wc-radius-xl); background: var(--wc-surface-raised); color: var(--wc-text); box-shadow: var(--wc-shadow-card); }
.command-auth .login-stage { display: none; }
.command-auth :is(.login-title, .status-title) { font-family: var(--wc-font-ui); font-size: var(--wc-text-title); font-weight: 600; }
.command-auth .login-subtitle, .command-auth .status-lead { color: var(--wc-text-muted); font-size: var(--wc-text-sm); }
.command-auth .status-art { width: var(--wc-hud-clearance); height: var(--wc-hud-clearance); }
.command-auth .login-footer { display: flex; flex-wrap: wrap; gap: var(--wc-space-3); }

/* Public reading chrome changes; authors' card and manuscript styles do not. */
body:has(> main.command-reader) { background: var(--wc-desk); }
body:has(> main.command-reader) :is(.read-view-toolbar, .page-view-toolbar, .text-view-toolbar, .wyldcards-toolbar, .public-stack-nav) { border: 0; border-bottom: var(--wc-border-width) solid var(--wc-border); border-radius: 0; background: var(--wc-surface-raised); box-shadow: none; padding: var(--wc-space-2) var(--wc-space-4); gap: var(--wc-space-2); }
main.command-reader.published-about { max-width: var(--wc-width-reading); margin: var(--wc-space-5) auto; padding: var(--wc-space-6); border: var(--wc-border-width) solid var(--wc-border); border-radius: var(--wc-radius-lg); background: var(--wc-surface-raised); box-shadow: none; }
main.command-reader.published-about h1 { font-size: var(--wc-text-title); }
.command-reader-links { display: inline-flex; align-items: center; gap: var(--wc-space-1); margin: 0; padding: 0; }
.command-reader-status { color: var(--wc-text-muted); font-size: var(--wc-text-sm); }
body:has(> main.command-reader) .read-view-contents { position: static; }
body:has(> main.command-reader) .read-view-contents ol { top: 100%; left: var(--wc-space-4); right: auto; width: var(--wc-width-form); max-width: calc(100% - var(--wc-space-6)); max-height: calc(100dvh - var(--wc-hud-clearance) * 3); overflow: auto; }
.page-view-toolbar .command-page-layout { position: static; margin: 0; padding: 0; overflow: visible; border: 0; background: none; }
.command-page-layout > summary { cursor: pointer; }
.command-page-layout[open] > summary { background: var(--wc-surface-muted); color: var(--wc-brand); }
.command-page-layout-controls { position: absolute; top: 100%; left: var(--wc-space-4); z-index: var(--wc-z-dropdown); display: grid; gap: var(--wc-space-3); width: var(--wc-width-form); max-width: calc(100% - var(--wc-space-6)); max-height: calc(100dvh - var(--wc-hud-clearance) * 3); overflow: auto; padding: var(--wc-space-4); border: var(--wc-border-width) solid var(--wc-border); border-radius: var(--wc-radius-md); background: var(--wc-surface-raised); color: var(--wc-text); box-shadow: var(--wc-shadow-raised); }
.page-view-toolbar .command-page-layout-controls > label:not(.page-view-check) { display: flex; justify-content: space-between; gap: var(--wc-space-3); }
.command-page-layout-controls select { max-width: 100%; min-width: 0; }
body:has(> main.command-reader) .page-view-import { position: static; }
body:has(> main.command-reader) .page-view-import > summary { margin: 0; padding: 0; }
body:has(> main.command-reader) :is(.page-view-import > form, .page-view-download-list) { top: 100%; right: var(--wc-space-4); left: auto; max-width: calc(100% - var(--wc-space-6)); max-height: calc(100dvh - var(--wc-hud-clearance) * 3); overflow: auto; background: var(--wc-surface-raised); border-color: var(--wc-border); border-radius: var(--wc-radius-md); box-shadow: var(--wc-shadow-raised); }
body:has(> main.command-reader) :is(.read-view-back, .page-view-back) { display: inline-flex; align-items: center; gap: var(--wc-space-1); min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
body:has(> main.command-reader) :is(.read-view-back, .page-view-back) .wc-icon { flex: none; }
body:has(> main.command-reader) :is(.read-view-toolbar, .page-view-toolbar) { backdrop-filter: none; -webkit-backdrop-filter: none; }

/* The front door introduces the same focused desk. */
html body > main.command-landing { max-width: var(--wc-width-wide); margin: 0 auto; padding: var(--wc-space-5); }
.command-landing .landing-top-bar { padding: 0 0 var(--wc-space-5); border: 0; }
.command-landing .landing-dealer-field { border-radius: var(--wc-radius-lg); background: var(--wc-surface-raised); box-shadow: var(--wc-shadow-sm); }
.command-landing .landing-hero { gap: var(--wc-space-6); padding: var(--wc-space-7) 0; }
.command-landing .landing-headline { font-size: var(--wc-text-title); letter-spacing: normal; }
.command-landing :is(.landing-hero-copy, .landing-features, .landing-footer) { animation: none; }
.command-landing :is(.landing-preview, .landing-feature, .landing-format-card) { border: var(--wc-border-width) solid var(--wc-border); border-radius: var(--wc-radius-lg); background: var(--wc-surface-raised); box-shadow: var(--wc-shadow-card); }

/* Search has one results count and the same fields as the rest of the app. */
main.command-page .wyldcards-search-input { flex: 1; min-width: 0; margin: 0; border: var(--wc-border-width) solid var(--wc-border); border-radius: var(--wc-radius-md); background: var(--wc-surface-raised); box-shadow: none; }
main.command-page .wyldcards-search-filters { border: var(--wc-border-width) solid var(--wc-border); background: var(--wc-surface-raised); backdrop-filter: none; -webkit-backdrop-filter: none; }

@media (max-width: 47.99rem) {
    html body:has(> main:is(.command-page, .command-auth)) > header.sidebar.menu { padding-inline: var(--wc-space-3); }
    html body > main.command-page { display: block; padding: var(--wc-space-3) var(--wc-space-3) calc(var(--wc-hud-clearance) + env(safe-area-inset-bottom, 0px)); }
    main.command-page :is(.user-form-card, .wc-panel, .login-card) { padding: var(--wc-space-4); }
    main.command-page > .account-tabs, main.command-page > .settings-tabs { display: flex; flex-direction: row; flex-wrap: nowrap; position: static; width: 100%; max-width: 100%; overflow-x: auto; margin: 0 0 var(--wc-space-5); padding: 0 0 var(--wc-space-2); scroll-padding-inline: var(--wc-space-2); }
    main.command-page .account-tabs a, main.command-page .settings-tabs[role="tablist"] > a[role="tab"] { flex: none; white-space: nowrap; }
    main.command-page .settings-tabs small, main.command-page .command-rail-label { display: none; }
    main.command-page form.library-filter { flex-basis: 100%; }
    main.command-page .wyldcards-list-header-buttons:has(.library-filter) { display: grid; grid-template-columns: minmax(0, 1fr) auto; width: 100%; gap: var(--wc-space-2); }
    main.command-page .wyldcards-list-header-buttons .library-filter { grid-column: 1 / -1; width: 100%; min-width: 0; }
    main.command-page .wyldcards-list-header-buttons .stack-layout-switch { grid-row: 2; grid-column: 1; justify-self: start; }
    main.command-page .wyldcards-list-header-buttons .command-new-stack { grid-row: 2; grid-column: 2; }
    main.command-page .wyldcards-list-header-buttons .command-library-actions { grid-row: 3; grid-column: 1 / -1; justify-self: start; }
    main.command-page .command-new-stack { margin-left: auto; }
    main.command-page .command-library-actions { gap: 0; }
    main.command-page .stack-layout-switch { padding: 0; }
    main.command-page .stack-dock-header { flex-wrap: wrap; }
    main.command-page .stack-dock-grid { max-width: 100%; }
    main.command-page .stack-list-table .user-list-item { flex-wrap: wrap; }
    main.command-page .stack-list-table .user-list-info { min-width: 0; flex: 1; }
    main.command-page .user-list-header { flex-wrap: wrap; }
    main.command-page .user-list-header > * { min-width: 0; max-width: 100%; }
    main.command-page.wyldcards-card-list-page .user-list-table { table-layout: fixed; }
    .command-card-list-grip-column { width: var(--wc-space-6); }
    .command-card-list-mark-column { width: var(--wc-hud-clearance); }
    main.command-page .wyldcards-card-list-grip-cell { width: var(--wc-space-6); padding: var(--wc-space-1); }
    main.command-page .wyldcards-card-list-mark-cell { width: var(--wc-hud-clearance); padding: var(--wc-space-2); }
    main.command-page .wyldcards-card-list-row .user-list-main-cell { padding: var(--wc-space-2); }
    main.command-page .wyldcards-card-list-row .user-list-item { gap: var(--wc-space-2); padding: 0; }
    main.command-page .wyldcards-card-list-row .user-list-info { min-width: 0; flex: 1; }
    main.command-page .wyldcards-card-list-row :is(.user-list-name-row, .user-list-meta) { min-width: 0; flex-wrap: wrap; overflow-wrap: anywhere; }
    main.command-page .wyldcards-card-list-row .wyldcards-list-last-edited { white-space: normal; }
    main.command-page .wyldcards-card-list-chevron { display: none; }
    main.command-page .code-editor-actions { flex-wrap: wrap; }
    main.command-page .code-editor-toolbar { flex-wrap: wrap; }
    main.command-page .help-shortcut-row { flex-wrap: wrap; gap: var(--wc-space-2); }
    main.command-page .help-shortcut-row kbd { white-space: normal; overflow-wrap: anywhere; max-width: 100%; }
    html body > main.command-auth.login-page { margin-block: var(--wc-space-5); padding: var(--wc-space-3); }
    html body .command-auth :is(.login-panel, .login-card) { padding: var(--wc-space-5); }
    .wyldcards-command-bar kbd { font-size: var(--wc-text-2xs); }
    nav.command-shell-bar, nav.command-shell-bar:hover, html body dialog#command-palette.is-inline[open] { max-width: calc(100% - var(--wc-space-4)); }
    main.command-reader.published-about { margin: var(--wc-space-3); padding: var(--wc-space-4); }
    html body > main.command-landing { padding: var(--wc-space-3); }
    .command-landing .landing-top-bar { display: flex; flex-wrap: wrap; gap: var(--wc-space-3); }
    .command-landing .landing-dealer-field { order: 3; flex: 1 1 100%; width: 100%; min-width: 0; margin: 0; }
    .command-landing .landing-top-actions { margin-left: auto; }
    .command-landing .landing-dealer-hint { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
    .command-roles-page .role-field-table table,
    .command-roles-page .role-field-table tbody,
    .command-roles-page .role-field-table tr,
    .command-roles-page .role-field-table td { display: block; width: 100%; }
    .command-roles-page .role-field-table thead { display: none; }
    .command-roles-page .role-field-table tr { padding: var(--wc-space-2) 0; border-bottom: var(--wc-border-width) solid var(--wc-border); }
    .command-roles-page .role-field-table td { padding: var(--wc-space-1) 0; border: none; }
    .command-roles-page .role-field-table select.wc-select { max-width: 100%; }
    .command-script-review-page .command-script-review-head { flex-direction: column; align-items: stretch; }
    .command-script-review-page .command-script-actions { width: 100%; justify-content: flex-start; }
    .stack-import-page .stack-import-review { grid-template-columns: minmax(0, 1fr); }
    .folder-update-page .folder-update-table,
    .folder-update-page .folder-update-table tbody,
    .folder-update-page .folder-update-table tr,
    .folder-update-page .folder-update-table td { display: block; width: 100%; box-sizing: border-box; }
    .folder-update-page .folder-update-table thead { display: none; }
    .folder-update-page .folder-update-table tr { padding: var(--wc-space-2) 0; border-bottom: var(--wc-border-width) solid var(--wc-border); }
    .folder-update-page .folder-update-table td { padding: var(--wc-space-1) 0; border-bottom: none; }
}
@media print {
    nav.command-shell-bar { display: none; }
    html body > main.command-page { padding-bottom: 0; }
}