/* FUD Partner Kit /260921/site/assets/css/base.css visual language.
   Adapted to the existing Bootstrap/HTMX editor; no global marketing selectors.
   All FUD rules are scoped to data-demo2x-layout. PDF iframe contents are untouched. */
@font-face {
  font-family: FUDAtkinson;
  src: url('fonts/AtkinsonHyperlegible-Regular.ttf') format('truetype');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: FUDAtkinson;
  src: url('fonts/AtkinsonHyperlegible-Bold.ttf') format('truetype');
  font-weight: 700; font-style: normal; font-display: swap;
}

/* The only additions to the original interface: a compact, labeled selector. */
.interface-fud-only { display: none; }
.interface-template-control { display: flex; align-items: center; gap: .5rem; }
.interface-template-control label { font-size: .85rem; }
.interface-template-control select { width: auto; max-width: 16rem; }
html[data-demo2x-layout="legacy"] .interface-header-actions { min-width: 0; }
@media (max-width: 575px) {
  html[data-demo2x-layout="legacy"] .interface-template-control label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  html[data-demo2x-layout="legacy"] .interface-template-control select { max-width: 10rem; }
}

html[data-demo2x-layout="fud"] {
  --font-size: 16px;
  --font-body: FUDAtkinson, Arial, sans-serif;
  --bs-body-font-family: var(--font-body);
  --bs-body-color: var(--fud-ink);
  --bs-body-bg: var(--fud-paper);
  --bs-secondary-color: var(--fud-muted);
  --bs-tertiary-bg: var(--fud-paper);
  --bs-secondary-bg: var(--fud-surface);
  --bs-emphasis-color: var(--fud-ink);
  --bs-border-color: var(--fud-line);
  --bs-link-color: var(--fud-accent);
  --bs-link-hover-color: var(--fud-accent-hover);
  --bs-border-radius: 5px;
  --bs-border-radius-lg: 5px;
  --bs-border-radius-sm: 4px;
  font-size: var(--font-size);
  color-scheme: light;
}
html[data-demo2x-layout="fud"][data-bs-theme="dark"] { color-scheme: dark; }
html[data-demo2x-layout="fud"] body {
  font-family: var(--font-body);
  font-size: 1rem;
  line-height: 1.5;
  color: var(--fud-ink);
  background: var(--fud-paper) !important;
  -webkit-font-smoothing: antialiased;
}
html[data-demo2x-layout="fud"] .interface-fud-only { display: block; }
html[data-demo2x-layout="fud"] .interface-legacy-logo { display: none !important; }
html[data-demo2x-layout="fud"] [hidden] { display: none !important; }
html[data-demo2x-layout="fud"] :focus-visible { outline: 3px solid var(--fud-success); outline-offset: 3px; box-shadow: none; }
html[data-demo2x-layout="fud"] #demo-main:focus { outline: none; }
html[data-demo2x-layout="fud"] .text-secondary { color: var(--fud-muted) !important; }
html[data-demo2x-layout="fud"] .link-dark { color: var(--fud-accent) !important; }
html[data-demo2x-layout="fud"] .interface-skip { position: fixed; top: -100px; left: 20px; z-index: 2100; padding: 12px 20px; background: var(--fud-ink); color: var(--fud-paper); }
html[data-demo2x-layout="fud"] .interface-skip:focus { top: 12px; }

/* Header and footer occupy their real height: long client names and admin tools wrap. */
html[data-demo2x-layout="fud"] .app-shell { height: 100vh; height: 100dvh; grid-template-rows: auto minmax(0, 1fr) auto; }
html[data-demo2x-layout="fud"] .app-header,
html[data-demo2x-layout="fud"] .app-footer { position: relative; inset: auto; height: auto; background: var(--fud-paper); }
html[data-demo2x-layout="fud"] .app-header { border-bottom: 1px solid var(--fud-line); }
html[data-demo2x-layout="fud"] .app-footer { border-top: 1px solid var(--fud-line); padding: 0 24px; }
html[data-demo2x-layout="fud"] .app-main { margin: 0; height: auto; overflow: hidden; }
html[data-demo2x-layout="fud"] .container-xxl-disabled { width: 100%; /*max-width: 1680px;*/ margin-inline: auto; }
html[data-demo2x-layout="fud"] .interface-header-row { min-height: 94px; padding: 16px 0 !important; flex-wrap: wrap; gap: 16px 28px !important; }
html[data-demo2x-layout="fud"] .interface-heading { overflow: visible !important; gap: 22px; flex-wrap: wrap; }
html[data-demo2x-layout="fud"] .interface-brand { display: flex; align-items: center; gap: 12px; min-width: 0; }
html[data-demo2x-layout="fud"] .interface-brand strong { font-size: 1.75rem; line-height: 1; letter-spacing: -.035em; overflow-wrap: anywhere; }
html[data-demo2x-layout="fud"] .interface-brand-dot { color: var(--fud-decoration); }
html[data-demo2x-layout="fud"] .interface-brand small { display: block; margin-top: 8px; font-size: .64rem; letter-spacing: .12em; overflow-wrap: anywhere; }
html[data-demo2x-layout="fud"] .interface-brand img { width: auto; max-width: 160px; max-height: 48px; object-fit: contain; }
html[data-demo2x-layout="fud"] .interface-title { font-size: 1rem; font-weight: 400 !important; color: var(--fud-muted); border-left: 1px solid var(--fud-line); padding-left: 22px; margin-left: 0 !important; }
html[data-demo2x-layout="fud"] .interface-header-actions { flex-wrap: wrap; white-space: normal !important; }
html[data-demo2x-layout="fud"] .interface-template-control { align-items: flex-start; flex-direction: column; gap: 3px; }
html[data-demo2x-layout="fud"] .interface-template-control label { font-size: .75rem; color: var(--fud-muted); }
html[data-demo2x-layout="fud"] .interface-template-control select { min-width: 170px; min-height: 40px; font-size: .9rem; }
html[data-demo2x-layout="fud"] #unsaved-badge { position: static !important; width: auto !important; font-size: .8rem; }

/* Compact editorial introduction and three working areas. */
html[data-demo2x-layout="fud"] .interface-intro { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 22px 0 26px; flex-shrink: 0; }
html[data-demo2x-layout="fud"] .interface-eyebrow { margin: 0 0 8px; color: var(--fud-accent); font-size: .73rem; font-weight: 700; letter-spacing: .11em; }
html[data-demo2x-layout="fud"] .interface-eyebrow::before { content: ''; display: inline-block; width: 24px; height: 3px; margin: 0 10px 3px 0; background: currentColor; }
html[data-demo2x-layout="fud"] .interface-intro h2 { font-size: clamp(1.55rem, 2.4vw, 2.2rem); letter-spacing: -.035em; font-weight: 700; line-height: 1.08; margin: 0; }
html[data-demo2x-layout="fud"] .interface-intro h2 > span { color: var(--fud-decoration); }
html[data-demo2x-layout="fud"] .interface-intro > p { color: var(--fud-muted); max-width: 38ch; font-size: .95rem; margin: 0; }
html[data-demo2x-layout="fud"] .app-col-card { border: 1px solid var(--fud-line) !important; border-top: 3px solid var(--fud-accent) !important; border-radius: 5px !important; box-shadow: none !important; background: var(--fud-paper); }
html[data-demo2x-layout="fud"] #editor-form > .app-columns > div:nth-child(2) > .app-col-card { border-top-color: var(--fud-success) !important; }
html[data-demo2x-layout="fud"] #pdfpane { border-top-color: var(--fud-decoration) !important; }
html[data-demo2x-layout="fud"] .app-col-title { font-family: var(--font-body); font-size: 1.1rem; font-weight: 700; line-height: 1.25; letter-spacing: -.02em; border-bottom: 1px solid var(--fud-line); padding-bottom: 14px; }
html[data-demo2x-layout="fud"] .app-col-scroll { font-size: .9rem; scrollbar-width: thin; scrollbar-color: var(--fud-line) transparent; }
html[data-demo2x-layout="fud"] .app-col-scroll.row { align-content: start; }
html[data-demo2x-layout="fud"] .app-modular-panel > .d-flex { flex-wrap: wrap; }
html[data-demo2x-layout="fud"] .app-modular-panel > .row > .col-md-6 { width: 100%; }
html[data-demo2x-layout="fud"] .form-label { color: var(--fud-ink); line-height: 1.4; }
html[data-demo2x-layout="fud"] .form-control,
html[data-demo2x-layout="fud"] .form-select { color: var(--fud-ink); background-color: var(--fud-paper); border-color: var(--fud-line); border-radius: 4px; min-height: 40px; font-size: .9rem; }
html[data-demo2x-layout="fud"] .form-control:focus,
html[data-demo2x-layout="fud"] .form-select:focus { border-color: var(--fud-accent); outline: 2px solid var(--fud-accent); outline-offset: 2px; box-shadow: none; }
html[data-demo2x-layout="fud"] .form-check-input:checked { background-color: var(--fud-accent); border-color: var(--fud-accent); }
html[data-demo2x-layout="fud"] .btn { --bs-btn-font-family: var(--font-body); --bs-btn-font-size: .9rem; --bs-btn-font-weight: 700; --bs-btn-border-radius: 5px; min-height: 40px; white-space: normal; }
html[data-demo2x-layout="fud"] .btn-primary,
html[data-demo2x-layout="fud"] .btn-dark {
  --bs-btn-bg: var(--fud-accent); --bs-btn-border-color: var(--fud-accent); --bs-btn-color: var(--fud-on-accent);
  --bs-btn-hover-bg: var(--fud-accent-hover); --bs-btn-hover-border-color: var(--fud-accent-hover); --bs-btn-hover-color: var(--fud-on-accent);
  --bs-btn-active-bg: var(--fud-accent-hover); --bs-btn-active-border-color: var(--fud-accent-hover); --bs-btn-active-color: var(--fud-on-accent);
  --bs-btn-disabled-bg: var(--fud-accent); --bs-btn-disabled-border-color: var(--fud-accent); --bs-btn-disabled-color: var(--fud-on-accent);
}
html[data-demo2x-layout="fud"] .btn-outline-secondary {
  --bs-btn-color: var(--fud-ink); --bs-btn-border-color: var(--fud-line);
  --bs-btn-hover-color: var(--fud-accent); --bs-btn-hover-bg: var(--fud-soft); --bs-btn-hover-border-color: var(--fud-accent);
  --bs-btn-active-bg: var(--fud-accent); --bs-btn-active-color: var(--fud-on-accent); --bs-btn-active-border-color: var(--fud-accent);
}
html[data-demo2x-layout="fud"] #genera-btn { min-height: 48px; font-size: 1.05rem !important; text-transform: none !important; }
html[data-demo2x-layout="fud"] .app-pdf-surface { padding: 12px; background: var(--fud-surface); }
html[data-demo2x-layout="fud"] .app-pdf-state { min-height: 240px; padding: 32px; color: var(--fud-muted); }
html[data-demo2x-layout="fud"] #pdfpane-links { position: static !important; padding: 0 16px; flex-wrap: wrap; margin-bottom: 8px; }
html[data-demo2x-layout="fud"] #pdfpane-links:empty { display: none; }
html[data-demo2x-layout="fud"] .modal-content { background: var(--fud-paper); border: 1px solid var(--fud-line) !important; box-shadow: none !important; }
html[data-demo2x-layout="fud"] .modal-title { font-size: 1.2rem; }
html[data-demo2x-layout="fud"] .app-page-loader { background: var(--fud-paper); }
html[data-demo2x-layout="fud"] .app-page-loader-card { box-shadow: none; }
html[data-demo2x-layout="fud"] .select2-container--default .select2-selection--single { min-height: 40px; background: var(--fud-paper); border-color: var(--fud-line); }
html[data-demo2x-layout="fud"] .select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--fud-ink); line-height: 38px; }
html[data-demo2x-layout="fud"] .select2-container--default .select2-selection--single .select2-selection__arrow { height: 38px; }
html[data-demo2x-layout="fud"] .select2-dropdown { color: var(--fud-ink); background: var(--fud-paper); border-color: var(--fud-line); }
html[data-demo2x-layout="fud"] .select2-container--default .select2-results__option--highlighted[aria-selected] { color: var(--fud-on-accent); background: var(--fud-accent); }
html[data-demo2x-layout="fud"] .select2-container--default .select2-results__option[aria-selected="true"] { color: var(--fud-ink); background: var(--fud-soft); }
html[data-demo2x-layout="fud"] .select2-search__field { color: var(--fud-ink); background: var(--fud-paper); }
html[data-demo2x-layout="fud"] .app-footer > div { padding: 12px 0 !important; gap: 12px 24px; flex-wrap: wrap; font-size: .78rem; }
html[data-demo2x-layout="fud"] .interface-footer-brand { width: 100%; color: var(--fud-muted); }
html[data-demo2x-layout="fud"] .interface-file-status { flex-wrap: wrap; gap: 4px 12px !important; font-size: .7rem; }
html[data-demo2x-layout="fud"] .interface-preferences,
html[data-demo2x-layout="fud"] #ui-preferences { flex-wrap: wrap; }
html[data-demo2x-layout="fud"] .app-footer .btn-sm { --bs-btn-padding-x: .55rem; --bs-btn-padding-y: .3rem; --bs-btn-font-size: .78rem; min-height: 36px; }
@media (min-width: 1200px) {
  html[data-demo2x-layout="fud"] #editor-form { width: 54%; }
  html[data-demo2x-layout="fud"] #editor-form + div { width: 46%; }
}
@media (max-width: 1199px) {
  html[data-demo2x-layout="fud"], html[data-demo2x-layout="fud"] body { height: auto; overflow: auto; }
  html[data-demo2x-layout="fud"] .app-shell { height: auto; min-height: 100vh; min-height: 100dvh; display: flex; flex-direction: column; }
  html[data-demo2x-layout="fud"] .app-main { overflow: visible; }
  html[data-demo2x-layout="fud"] .app-columns { height: auto !important; row-gap: 24px; }
  html[data-demo2x-layout="fud"] .app-columns > [class*="col-"],
  html[data-demo2x-layout="fud"] #editor-form { height: auto !important; }
  html[data-demo2x-layout="fud"] .app-col-scroll { height: auto; overflow: visible; }
  html[data-demo2x-layout="fud"] .app-col-title { position: static; }
  html[data-demo2x-layout="fud"] .app-col-pdf { min-height: 65vh; }
  html[data-demo2x-layout="fud"] .app-pdf-surface { min-height: 55vh; }
  html[data-demo2x-layout="fud"] .app-pdf-frame { min-height: 55vh; }
  html[data-demo2x-layout="fud"] .app-footer { margin-top: 24px; }
}
@media (max-width: 767px) {
  html[data-demo2x-layout="fud"] .interface-intro { align-items: flex-start; flex-direction: column; gap: 12px; }
  html[data-demo2x-layout="fud"] .interface-title { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); padding: 0; border: 0; }
  html[data-demo2x-layout="fud"] .interface-header-actions { width: 100%; gap: 12px !important; }
  html[data-demo2x-layout="fud"] .interface-template-control { margin-right: auto; }
  html[data-demo2x-layout="fud"] .interface-template-control select { max-width: 190px; }
  html[data-demo2x-layout="fud"] .app-header > div,
  html[data-demo2x-layout="fud"] .app-main > div { padding-inline: 20px !important; }
  html[data-demo2x-layout="fud"] .interface-preferences { gap: 12px !important; }
}
@media (prefers-reduced-motion: reduce) {
  html[data-demo2x-layout="fud"] *, html[data-demo2x-layout="fud"] *::before, html[data-demo2x-layout="fud"] *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}

/* Login: the Partner Kit auth-shell, using the same registry and brand tokens. */
.interface-mini-only, .interface-fullscreen-exit { display: none; }
.interface-login-heading { text-align: center; }
.interface-auth-options { margin-top: 24px; }
.interface-auth-options .interface-template-control { justify-content: center; }
html[data-demo2x-layout="fud"] .interface-legacy-only { display: none; }
html[data-demo2x-layout="fud"] body.interface-login { background: var(--fud-surface) !important; height: auto; min-height: 100vh; overflow: auto; }
html[data-demo2x-layout="fud"] .interface-auth-shell { width: calc(100% - 40px); max-width: 560px !important; margin: 48px auto 24px; padding: 36px 40px !important; background: var(--fud-paper); border: 1px solid var(--fud-line); border-top: 4px solid var(--fud-accent); border-radius: 5px; }
html[data-demo2x-layout="fud"] .interface-auth-shell .interface-brand { justify-content: flex-start; margin-bottom: 30px; }
html[data-demo2x-layout="fud"] .interface-login-heading { text-align: left; }
html[data-demo2x-layout="fud"] .interface-login-heading h1 { font-size: clamp(1.9rem, 3vw, 2.8rem); font-weight: 700; line-height: 1.12; letter-spacing: -.035em; margin: 12px 0 18px; }
html[data-demo2x-layout="fud"] .interface-login-heading p { line-height: 1.6; }
html[data-demo2x-layout="fud"] .interface-auth-shell #login-form { margin-top: 26px; padding: 0 !important; background: transparent; border: 0 !important; box-shadow: none !important; }
html[data-demo2x-layout="fud"] .interface-auth-shell #login-form input { min-height: 48px; padding: 12px 14px; font-size: 1rem; }
html[data-demo2x-layout="fud"] .interface-auth-shell #login-form button { width: 100%; min-height: 48px; margin-top: 8px; font-size: 1rem; }
html[data-demo2x-layout="fud"] .interface-auth-options { margin-top: 28px; padding-top: 18px; border-top: 1px solid var(--fud-line); }
html[data-demo2x-layout="fud"] .interface-auth-options .interface-template-control { flex-direction: row; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 16px; }
html[data-demo2x-layout="fud"] .interface-auth-footer { text-align: center; color: var(--fud-muted); padding: 0 20px 28px; font-size: .9rem; }
html[data-demo2x-layout="fud"] #login-main:focus { outline: none; }

/* FUD mini is a density variant; FUD comfortable keeps its existing dimensions. */
html[data-demo2x-layout="fud"][data-demo2x-density="compact"] .app-header > div { padding-block: 0 !important; }
html[data-demo2x-layout="fud"][data-demo2x-density="compact"] .interface-header-row { min-height: 52px; padding-block: 6px !important; gap: 6px 18px !important; }
html[data-demo2x-layout="fud"][data-demo2x-density="compact"] .app-header .interface-brand strong { font-size: 1.3rem; }
html[data-demo2x-layout="fud"][data-demo2x-density="compact"] .app-header .interface-brand small { font-size: .55rem; margin-top: 4px; }
html[data-demo2x-layout="fud"][data-demo2x-density="compact"] .app-header .interface-brand img { max-height: 32px; max-width: 110px; }
html[data-demo2x-layout="fud"][data-demo2x-density="compact"] .interface-heading { gap: 14px; }
html[data-demo2x-layout="fud"][data-demo2x-density="compact"] .interface-title { font-size: .85rem; padding-left: 14px; }
html[data-demo2x-layout="fud"][data-demo2x-density="compact"] .app-header .interface-template-control { flex-direction: row; align-items: center; gap: 8px; }
html[data-demo2x-layout="fud"][data-demo2x-density="compact"] .app-header .interface-template-control label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
html[data-demo2x-layout="fud"][data-demo2x-density="compact"] .app-header .form-select { min-height: 32px; min-width: 135px; font-size: .82rem; padding-block: 4px; }
html[data-demo2x-layout="fud"][data-demo2x-density="compact"] .app-header .btn { min-height: 32px; font-size: .8rem; }
html[data-demo2x-layout="fud"][data-demo2x-density="compact"] .interface-header-actions { gap: 12px !important; font-size: .85rem; }
html[data-demo2x-layout="fud"][data-demo2x-density="compact"] .interface-intro { padding: 4px 0 10px; gap: 12px; align-items: center; flex-direction: row; }
html[data-demo2x-layout="fud"][data-demo2x-density="compact"] .interface-intro > div { display: flex; align-items: center; gap: 16px; }
html[data-demo2x-layout="fud"][data-demo2x-density="compact"] .interface-intro .interface-eyebrow { margin: 0; font-size: .63rem; }
html[data-demo2x-layout="fud"][data-demo2x-density="compact"] .interface-intro h2 { font-size: 1.05rem; letter-spacing: -.02em; }
html[data-demo2x-layout="fud"][data-demo2x-density="compact"] .interface-intro > p { font-size: .78rem; max-width: none; }
html[data-demo2x-layout="fud"][data-demo2x-density="compact"] .app-footer > div { padding-block: 5px !important; gap: 4px 14px; }
html[data-demo2x-layout="fud"][data-demo2x-density="compact"] .interface-footer-brand { display: none; }
html[data-demo2x-layout="fud"][data-demo2x-density="compact"] .interface-footer-tools { flex-grow: 0 !important; }
html[data-demo2x-layout="fud"][data-demo2x-density="compact"] .interface-preferences { margin-left: auto; gap: 10px !important; }
html[data-demo2x-layout="fud"][data-demo2x-density="compact"] .app-footer .btn-sm { min-height: 28px; --bs-btn-padding-y: .15rem; --bs-btn-padding-x: .4rem; --bs-btn-font-size: .72rem; }
html[data-demo2x-layout="fud"][data-demo2x-density="compact"] .interface-mini-only { display: inline-block; }
html[data-demo2x-layout="fud"][data-demo2x-density="compact"]:not([data-demo2x-details="true"]) .interface-file-status,
html[data-demo2x-layout="fud"][data-demo2x-density="compact"]:not([data-demo2x-details="true"]) #viewer-status { display: none !important; }
html[data-demo2x-layout="fud"][data-demo2x-density="compact"] .interface-auth-shell { margin-top: 24px; padding: 24px 32px !important; }
html[data-demo2x-layout="fud"][data-demo2x-density="compact"] .interface-auth-shell .interface-brand { margin-bottom: 20px; }
html[data-demo2x-layout="fud"][data-demo2x-density="compact"] .interface-login-heading h1 { font-size: 2rem; }
html[data-demo2x-layout="fud"][data-demo2x-density="compact"] .interface-auth-shell #login-form { margin-top: 16px; }
html[data-demo2x-layout="fud"][data-demo2x-density="compact"] .interface-auth-options { margin-top: 18px; padding-top: 14px; }

/* Fullscreen means an expanded app workspace. No browser Fullscreen permission. */
html[data-demo2x-fullscreen="true"] .app-header,
html[data-demo2x-fullscreen="true"] .interface-intro,
html[data-demo2x-fullscreen="true"] .app-footer { display: none !important; }
html[data-demo2x-fullscreen="true"] .app-shell { height: 100vh; height: 100dvh; display: block; }
html[data-demo2x-fullscreen="true"] .app-main { margin: 0; height: 100%; }
html[data-demo2x-fullscreen="true"] .app-main > .container-xxl-disabled { padding-top: 44px !important; padding-bottom: 8px !important; max-width: none; }
html[data-demo2x-fullscreen="true"] .interface-fullscreen-exit { display: inline-flex; align-items: center; min-height: 32px; position: fixed; top: 6px; right: 24px; z-index: 1035; background: var(--bs-body-bg); color: var(--bs-body-color); font-size: 13px; border-color: var(--bs-border-color); }
html[data-demo2x-fullscreen="true"] .interface-fullscreen-exit:focus-visible { outline: 3px solid var(--fud-success, #117a63); outline-offset: 2px; }
@media (max-width: 1199px) {
  html[data-demo2x-layout="fud"][data-demo2x-density="compact"] .interface-intro > p { display: none; }
  html[data-demo2x-layout="fud"][data-demo2x-density="compact"] .app-footer { margin-top: 10px; }
  html[data-demo2x-fullscreen="true"], html[data-demo2x-fullscreen="true"] body { height: auto; overflow: auto; }
  html[data-demo2x-fullscreen="true"] .app-shell { height: auto; min-height: 100vh; min-height: 100dvh; }
  html[data-demo2x-fullscreen="true"] .app-main { height: auto; overflow: visible; }
  html[data-demo2x-fullscreen="true"] .app-columns,
  html[data-demo2x-fullscreen="true"] .app-columns > [class*="col-"],
  html[data-demo2x-fullscreen="true"] #editor-form { height: auto !important; }
  html[data-demo2x-fullscreen="true"] .app-columns { row-gap: 16px; }
  html[data-demo2x-fullscreen="true"] .app-col-scroll { height: auto; overflow: visible; }
  html[data-demo2x-fullscreen="true"] .app-col-pdf { min-height: 65vh; }
  html[data-demo2x-fullscreen="true"] .app-pdf-surface,
  html[data-demo2x-fullscreen="true"] .app-pdf-frame { min-height: 55vh; }
}
@media (max-width: 767px) {
  html[data-demo2x-layout="fud"] .interface-auth-shell { margin-top: 24px; padding: 28px 24px !important; }
  html[data-demo2x-layout="fud"][data-demo2x-density="compact"] .interface-auth-shell { padding: 24px !important; }
  html[data-demo2x-layout="fud"][data-demo2x-density="compact"] .interface-intro .interface-eyebrow { display: none; }
  html[data-demo2x-layout="fud"][data-demo2x-density="compact"] .interface-header-actions { gap: 8px !important; }
  html[data-demo2x-layout="fud"][data-demo2x-density="compact"] .app-header .interface-template-control select { min-width: 0; max-width: 145px; }
  html[data-demo2x-fullscreen="true"] .interface-fullscreen-exit { right: 20px; }
}