/* Resume Builder – shared design tokens and focus/print safety for the chat and Studio (the A4 pages and templates stay
   solid and print-safe). All rules scoped under .rb-app. Spacing on an 8px grid. */
.rb-app{
  --rb-accent:#1a56db; --rb-accent-rgb:26,86,219;
  --rb-ink:#111827; --rb-ink-2:#374151; --rb-muted:#4b5563;
  --glass-bg:rgba(255,255,255,.22); --glass-bg-strong:rgba(255,255,255,.72); --glass-border:rgba(255,255,255,.38);
  --glass-blur:14px; --glass-shadow:0 8px 32px rgba(0,0,0,.12);
  --radius:16px; --radius-sm:12px; --radius-btn:10px;
  --s1:8px; --s2:16px; --s3:24px; --s4:32px;
  --fs-sm:12px; --fs-md:14px; --fs-lg:16px; --fs-xl:20px;
  --ease:200ms cubic-bezier(.2,.7,.2,1);
  position:relative; isolation:isolate; color:var(--rb-ink);
}

/* ---- Buttons ---- */
.rb-app button[disabled]{opacity:.55;cursor:not-allowed;transform:none!important}
.rb-app :is(button,[role=button],a,input,select,textarea):focus-visible{outline:3px solid var(--rb-accent)!important;outline-offset:2px!important;box-shadow:0 0 0 6px rgba(255,255,255,.85)!important}

/* ---- A4 pages stay solid, never blurred ---- */
.rb-app .preview-pages,.rb-app #preview-pages-container{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.rb-app .page-sheet{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:0 8px 32px rgba(0,0,0,.14)!important}

@media (prefers-reduced-motion:reduce){.rb-app *{transition:none!important}.rb-app *:hover{transform:none!important}}
@media print{body.rb-printing .rb-app{background:#fff!important}}