/* QRCode.sn — Executive Workspace 4.8
   Non-destructive layout and visual system for the standalone signed-in client application.
   The actual page rendering, account entitlements, QR exports, billing, and REST APIs are untouched.
*/
.qrp-body {
  --qrs48-navy:#0d2935;--qrs48-ink:#14343b;--qrs48-teal:#087b77;
  --qrs48-bg:#f5f7f4;--qrs48-border:#dce7e3;--qrs48-dim:#557078;
  --qrp-bg:var(--qrs48-bg);--qrp-ink:var(--qrs48-ink);--qrp-muted:var(--qrs48-dim);
  --qrp-accent:var(--qrs48-teal);
  background:var(--qrs48-bg);color:var(--qrs48-ink);
}
.qrp-body .qrs-global-shell {
  min-height:68px;padding:10px clamp(16px,3vw,44px);
  background:#fff;border-bottom:1px solid var(--qrs48-border);
  box-shadow:0 2px 18px #0e273006;
}
.qrp-body .qrs-global-shell nav {box-shadow:0 22px 56px #112e3330}
.qrp-body #qrp-root .qrp-shell {grid-template-columns:244px minmax(0,1fr);min-width:0}
.qrp-body #qrp-root .qrp-sidebar {
  position:sticky;top:68px;height:calc(100dvh - 68px);min-height:0;
  overflow-y:auto;gap:11px;padding:26px 15px 22px;
  background:#103934;color:#c3dcd5;border-right:1px solid #17473e;
  scrollbar-width:thin;scrollbar-color:#4e756b #103934;
}
/* Brand is already present in the global header, avoid repeating it and losing vertical space. */
.qrp-body #qrp-root .qrp-sidebar > .qrp-brand {display:none}
.qrp-body #qrp-root .qrp-sidebar-label {color:#9dc4bb;font-size:10px;letter-spacing:.14em;margin:4px 11px 13px}
.qrp-body #qrp-root .qrp-sidebar nav {display:grid;gap:3px}
.qrp-body #qrp-root .qrp-nav {
  min-height:46px;padding:10px 12px;border-radius:11px;
  display:flex;gap:12px;color:#d2e3dd;font-size:13px!important;
  line-height:1.25;text-align:left;
}
.qrp-body #qrp-root .qrp-nav svg {width:19px;height:19px;stroke-width:1.65;flex:none}
.qrp-body #qrp-root .qrp-nav:hover {color:#fff;background:#164c43}
.qrp-body #qrp-root .qrp-nav.active {background:#d8f4e9;color:#0e4c45;font-weight:800;box-shadow:inset 3px 0 #12887b}
.qrp-body #qrp-root .qrp-nav.active svg {color:#066e68}
.qrp-body #qrp-root .qrp-user {color:#eaf5f1;border-top-color:#366056}
.qrp-body #qrp-root .qrp-support {color:#b1d7cc!important}
.qrp-body #qrp-root .qrp-main {min-width:0;background:#f4f7f4}
.qrp-body #qrp-root .qrp-top {
  min-height:58px;height:58px;padding:8px clamp(22px,3vw,44px);
  background:#fbfcfb;border-bottom:1px solid #e0e9e5;
  display:flex;gap:15px;align-items:center;justify-content:space-between;
}
.qrp-body #qrp-root .qrp-top-title {font-weight:780;font-size:13px;letter-spacing:.005em;color:#31544e}
.qrp-body #qrp-root .qrp-top-actions {display:flex;align-items:center;gap:9px;margin-left:auto}
.qrp-body #qrp-root .qrp-top-create {
  border:1px solid #b3d6cb;background:#e9f6f1;color:#145146;
  min-height:37px;border-radius:10px;padding:7px 15px;font:700 12px/1.4 Manrope,Arial,sans-serif;
}
.qrp-body #qrp-root .qrp-top-create:hover {background:#d8f1e6}
.qrp-body #qrp-root .qrp-top .qrp-text-button {padding:5px 10px;font-size:20px;color:#1b514a}
.qrp-body #qrp-root .qrp-content {max-width:1540px;padding:clamp(27px,3.3vw,48px) clamp(19px,3vw,50px) 100px}
.qrp-body #qrp-root .qrp-heading {margin-bottom:24px}
.qrp-body #qrp-root .qrp-heading h1 {font-size:clamp(30px,3.2vw,45px);line-height:1.14;letter-spacing:-.045em;color:#163a37}
.qrp-body #qrp-root .qrp-heading p {font-size:14px;color:#58726f;line-height:1.6}
.qrp-body #qrp-root .qrp-eyebrow {color:#087d72;letter-spacing:.16em}
/* Elegant recovery: compact by default, expandable on request, never hide locally unsaved work. */
.qrp-body #qrp-root .qrs-recovery {
  margin:0 0 24px;border:1px solid #c9ddcf;background:#fdfefc;border-radius:13px;
  box-shadow:0 4px 14px #143e2710;overflow:hidden;
}
.qrp-body #qrp-root .qrs-recovery-summary {cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;color:#214f43;font-size:13px;font-weight:780;list-style:none}
.qrp-body #qrp-root .qrs-recovery-summary::-webkit-details-marker {display:none}
.qrp-body #qrp-root .qrs-recovery-summary::before {content:'↺';color:#0b8275;font-size:20px;line-height:1}
.qrp-body #qrp-root .qrs-recovery-summary > span {margin-right:auto}
.qrp-body #qrp-root .qrs-recovery-summary > small {font-size:11px;color:#607e74;font-weight:500}
.qrp-body #qrp-root .qrs-recovery[open] .qrs-recovery-summary {border-bottom:1px solid #d6e7db}
.qrp-body #qrp-root .qrs-recovery-inner {padding:14px 18px 18px}
.qrp-body #qrp-root .qrs-recovery-inner p {margin:0 0 13px;font-size:12px}
.qrp-body #qrp-root .qrs-recovery-row {display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:11px 0;border-top:1px solid #e4ebe5}
.qrp-body #qrp-root .qrs-recovery-row > span {margin-right:auto;font-size:12px;font-weight:650;min-width:220px}
.qrp-body #qrp-root .qrs-recovery-row .qrp-text-button {min-width:0}
/* First-time hero: one clear primary path, other tasks are secondary. */
.qrp-body #qrp-root .qrp-welcome {grid-template-columns:minmax(0,1.6fr) minmax(200px,.55fr);padding:clamp(24px,3.3vw,44px);min-height:276px;gap:22px;background:linear-gradient(126deg,#103b38,#0e4140 70%,#0a494a);border-radius:21px;box-shadow:0 19px 52px #0e39201c}
.qrp-body #qrp-root .qrp-welcome h2 {font-size:clamp(25px,2.15vw,34px);max-width:550px;line-height:1.18;letter-spacing:-.04em}
.qrp-body #qrp-root .qrp-welcome p {max-width:620px;color:#d2e6dd;font-size:13px}
.qrp-body #qrp-root .qrp-welcome .qrp-button {background:#d2f6e9;color:#0d423e!important;border-color:#d2f6e9;font-weight:800;min-height:45px}
.qrp-body #qrp-root .qrp-welcome .qrp-secondary {margin:11px 7px 0 0;border:1px solid #9ccdc359;background:#ffffff10;color:#ecfaf5!important;box-shadow:none;font-weight:620;font-size:12px}
.qrp-body #qrp-root .qrp-welcome .qrp-secondary:hover {background:#ffffff1d}
.qrp-body #qrp-root .qrp-welcome-art {width:160px;height:185px;border:1px solid #d7f9e542;box-shadow:none;transform:rotate(5deg);background:linear-gradient(165deg,#ffffff14,#ffffff05)}
.qrp-body #qrp-root .qrp-metrics,.qrp-body #qrp-root .qrs-qr-summary {gap:14px}
.qrp-body #qrp-root .qrp-metric {padding:20px 22px;border:1px solid #e0e9e5;background:#fff;border-radius:16px;box-shadow:0 8px 23px #102e2710}
.qrp-body #qrp-root .qrp-metric > span {color:#647d76;font-weight:700;font-size:12px}
.qrp-body #qrp-root .qrp-metric strong {font-size:clamp(28px,2.7vw,38px);color:#123d3c;letter-spacing:-.05em}
.qrp-body #qrp-root .qrp-metric small {font-size:11px;color:#617970;line-height:1.5}
.qrp-body #qrp-root .qrp-section-heading {margin-top:30px}
.qrp-body #qrp-root .qrp-section-heading h2 {font-size:clamp(22px,2.2vw,28px)}
.qrp-body #qrp-root .qrp-type-grid {grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.qrp-body #qrp-root .qrp-type-card {
  position:relative;min-width:0;background:#fff;border:1px solid #dce8e3;
  border-radius:17px;padding:23px 22px;box-shadow:0 7px 20px #0a2f2810;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.qrp-body #qrp-root .qrp-type-card:hover {transform:translateY(-2px);border-color:#a0cfc3;box-shadow:0 16px 34px #0a3c3020}
.qrp-body #qrp-root .qrp-type-card > svg {width:47px;height:47px;border-radius:13px;background:#daf1e9;color:#096d67}
.qrp-body #qrp-root .qrp-type-card h3 {font-size:20px;line-height:1.2;color:#183c3b;margin:17px 0 9px}
.qrp-body #qrp-root .qrp-type-card p {min-height:46px;margin:0;font-size:12px;line-height:1.55;color:#576f70}
.qrp-body #qrp-root .qrp-type-card strong {color:#105e52}
.qrp-body #qrp-root .qsn-preview {border-radius:13px;min-height:120px;padding:16px;background:linear-gradient(135deg,#e6f5f2,#f7faf9);border:1px solid #c9e5df;gap:8px}
.qrp-body #qrp-root .qsn-preview :is(b,span) {overflow-wrap:anywhere}
/* Consistent panels, collection listings and editors. */
.qrp-body #qrp-root :is(.qrp-panel,.qrs-page-card,.qrs-qr-row,.qrp-editor-section,.q13-code-card) {border:1px solid #dfe9e4;background:#fff;border-radius:18px;box-shadow:0 7px 21px #11362e0e}
.qrp-body #qrp-root .qrs-page-card-actions {gap:7px}
.qrp-body #qrp-root .qrs-page-card-actions .qrs-qr-action {min-height:37px;padding:8px 11px;border-radius:9px}
.qrp-body #qrp-root .qrs-qr-action.is-primary,
.qrp-body #qrp-root .qrp-button {background:#155549;color:#fff!important;border:1px solid #155549;border-radius:10px}
.qrp-body #qrp-root .qrp-toolbar {background:#fff;border:1px solid #e0e8e3;border-radius:15px;padding:12px;gap:10px}
.qrp-body #qrp-root .qrp-toolbar input,
.qrp-body #qrp-root .qrp-toolbar select {margin:0;border-radius:10px;border:1px solid #d0e0d9;background:#fbfcfb;min-height:44px;min-width:0}
.qrp-body #qrp-root :is(.qrs-pages-grid,.qrs-qr-list) {min-width:0}
.qrp-body #qrp-root :is(.qrp-panel,.qrp-editor-section) h2 {color:#1b3e3b;letter-spacing:-.025em}
.qrp-body #qrp-root .qrp-editor-section summary {font-size:14px}
.qrp-body #qrp-root :where(button,a,input,select,textarea,summary):focus-visible {outline:3px solid #10a69b!important;outline-offset:3px}
.qrp-body #qrp-root .qrp-auth-form :where(input,button) {min-height:47px}
/* preserve independently tested dark-mode semantics */
.qrp-body #qrp-root.qrx-dark .qrp-main {background:#0d2030}
.qrp-body #qrp-root.qrx-dark .qrp-top {background:#102838;color:#e8f2f2;border-color:#244250}
.qrp-body #qrp-root.qrx-dark .qrp-top-title {color:#e5f4ed}
.qrp-body #qrp-root.qrx-dark .qrp-top-create {background:#173f44;color:#dbf8f1;border-color:#52736f}
.qrp-body #qrp-root.qrx-dark :is(.qrp-panel,.qrp-metric,.qrp-type-card,.qrs-recovery,.qrs-page-card,.qrs-qr-row) {background:#153042;color:#e5f2f5;border-color:#365566}
.qrp-body #qrp-root.qrx-dark :is(.qrp-metric strong,.qrp-type-card h3,.qrp-heading h1,.qrp-panel h2,.qrs-recovery-summary) {color:#e5f4f3}
.qrp-body #qrp-root.qrx-dark .qrp-type-card p {color:#b7d0d9}
@media(max-width:1360px){.qrp-body #qrp-root .qrp-type-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1100px){.qrp-body #qrp-root .qrp-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){
  .qrp-body #qrp-root .qrp-shell {display:block}
  .qrp-body #qrp-root .qrp-sidebar {position:fixed;top:0;height:100dvh;padding:24px 16px;z-index:1700}
  .qrp-body #qrp-root .qrp-sidebar > .qrp-brand {display:flex}
  .qrp-body #qrp-root .qrp-top {height:56px;min-height:56px;padding-inline:18px}
  .qrp-body #qrp-root .qrp-welcome{grid-template-columns:minmax(0,1fr)}
  .qrp-body #qrp-root .qrp-welcome-art{display:none}
}
@media(max-width:600px){
 .qrp-body .qrs-global-shell {min-height:60px}
 .qrp-body #qrp-root .qrp-content {padding:22px 14px 85px}
 .qrp-body #qrp-root .qrp-top-create {font-size:11px;padding:7px 10px;min-height:38px}
 .qrp-body #qrp-root .qrp-top-title {font-size:12px}
 .qrp-body #qrp-root .qrp-heading h1 {font-size:30px}
 .qrp-body #qrp-root .qrp-welcome {border-radius:16px;padding:24px 19px}
 .qrp-body #qrp-root .qrp-welcome h2{font-size:25px}
 .qrp-body #qrp-root .qrp-welcome .qrp-button,
 .qrp-body #qrp-root .qrp-welcome .qrp-secondary {width:100%;margin:6px 0;justify-content:center}
 .qrp-body #qrp-root .qrp-type-grid {grid-template-columns:minmax(0,1fr);gap:12px}
 .qrp-body #qrp-root .qrp-metrics,.qrp-body #qrp-root .qrs-qr-summary {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .qrp-body #qrp-root .qrp-metric {padding:15px}
 .qrp-body #qrp-root .qrp-metric strong {font-size:30px}
 .qrp-body #qrp-root .qrs-recovery-summary {padding:13px;flex-wrap:wrap}
 .qrp-body #qrp-root .qrs-recovery-row > span {min-width:0;width:100%}
 .qrp-body #qrp-root .qrp-toolbar {flex-wrap:wrap}
 .qrp-body #qrp-root .qrp-toolbar .qrp-search {flex-basis:100%}
}
@media(max-width:380px){
 .qrp-body #qrp-root .qrp-top-create {font-size:0;min-width:40px;padding:5px}
 .qrp-body #qrp-root .qrp-top-create::before {content:'+';font-size:22px;line-height:1}
}
@media(prefers-reduced-motion:reduce){
 .qrp-body #qrp-root :is(.qrp-type-card,.qrp-button,.qrp-nav,.qrp-secondary){transition:none!important;transform:none!important}
}