/* Narrow-screen reachability only: show every critical navigation choice at once. */
.mobile-preview-mode{display:none}
@media (max-width:800px){
  .workspace-root{grid-template-columns:minmax(0,1fr);overflow-x:hidden}
  .tool-rail{overflow:hidden;display:grid;grid-template-columns:62px minmax(0,1fr)}
  .tool-navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,31px);overflow:visible}
  .tool-nav{min-width:0;min-height:31px;padding:0 8px;border-left:0;border-bottom:3px solid transparent;white-space:nowrap;font-size:11px}
  .tool-nav span{display:none}
  .tool-nav.active{border-left:0;border-bottom-color:#8b59dc}
  .canvas-zone>.canvas-navigation{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:repeat(2,28px)!important;justify-content:stretch;align-items:stretch;overflow:hidden;padding:0;min-width:0!important;width:100vw!important;max-width:100vw!important;height:56px}
  .canvas-zone>.canvas-navigation>.page-tab{display:block!important;grid-column:auto!important;grid-row:auto!important;width:100%!important;max-width:100%!important;min-width:0!important;min-height:0;padding:5px 2px;border-radius:0!important;white-space:nowrap;font-size:11px}
  .workspace-toolbar{display:grid;grid-template-columns:max-content minmax(0,1fr);grid-template-areas:"title title" "preview export" "status status";align-items:center;gap:8px;min-width:0!important;width:100vw;max-width:100vw}
  .workspace-toolbar h1{grid-area:title;min-width:0}
  .mobile-preview-mode{display:inline-flex;grid-area:preview;align-items:center;justify-content:center;min-height:34px;padding:7px 10px;border:1px solid #6d4bae;border-radius:4px;background:#fffdfa;color:#573b90;font:600 12px/1 Arial,Helvetica,sans-serif}
  .payment-actions{display:contents}
  .payment-buttons{display:flex;grid-area:export;justify-self:end;align-items:center;gap:5px;min-width:0}
  .workspace-toolbar #export-pdf{display:inline-flex!important;justify-content:center;align-self:center;width:auto!important;min-height:34px;margin:0!important;padding:9px 8px;font-size:0;visibility:visible!important;opacity:1!important;white-space:nowrap}
  .workspace-toolbar #export-pdf::after{content:"↓ Client PDF — US$5";font-size:11px}
  .workspace-toolbar #export-pdf[data-entitled="true"]::after{content:"↓ Client PDF"}
  .workspace-toolbar .preview-report{min-height:34px;padding:9px 7px;font-size:11px}
  .workspace-toolbar .payment-status{grid-area:status;max-width:none;font-size:11px;text-align:left}
  .properties-scroll{max-height:none;overflow-y:visible}
  .canvas-zone{min-width:0;width:100%;min-height:780px;grid-template-rows:auto 54px minmax(0,1fr)}
  .preview-pages{display:block;min-width:0;width:100%;max-width:100%;overflow:visible;padding:16px 0 28px;overscroll-behavior:auto;touch-action:pan-y}
  .preview-pages .page{zoom:var(--mobile-preview-zoom,1);margin:0 auto 22px;transform:none}
  .preview-pages.mobile-full-page .page{zoom:.42}
}

@media print{
  .canvas-zone>.canvas-navigation{display:none!important}
}