.paper-stage{display:grid;place-items:center;padding:24px;background:linear-gradient(var(--canvas-grid) 1px,transparent 1px),linear-gradient(90deg,var(--canvas-grid) 1px,transparent 1px);background-size:28px 28px;overflow:auto}.paper{width:min(560px,100%);min-height:640px;background:#fff;color:#1b1d20;border-radius:5px;box-shadow:0 28px 70px rgba(0,0,0,.3);padding:45px}.paper-logo{font-size:17px;font-weight:900;color:var(--accent)}.paper h2{font-size:23px;margin:34px 0 8px}.paper p{font-size:10px;color:#64686e;line-height:1.65}.paper-line{height:1px;background:#e6e6e6;margin:16px 0}.paper-price{text-align:right;font-size:24px;font-weight:900}.doc-side{border-left:1px solid var(--line);padding:16px}.version-row{padding:10px;border:1px solid var(--line);border-radius:13px;background:var(--panel-soft);margin-bottom:8px}.version-row strong{font-size:9px}.version-row span{display:block;font-size:8px;color:var(--text-faint);margin-top:3px}

@media(max-width:1280px){
  .quote-layout,.invoice-grid,.report-grid{grid-template-columns:1fr}
  .inspection-grid{grid-template-columns:1fr 1fr}.document-grid{grid-template-columns:repeat(3,1fr)}
  .pulse-ribbon{grid-template-columns:1fr 1fr}.pulse-module:first-child{grid-column:1/-1}
}
@media(max-width:900px){
  .metric-strip{grid-template-columns:1fr 1fr}.inspection-grid{grid-template-columns:1fr}.document-grid{grid-template-columns:1fr 1fr}
  .settings-layout{grid-template-columns:1fr}.settings-nav{display:flex;overflow:auto}.settings-nav button{min-width:140px}
  .doc-modal-body{grid-template-columns:1fr}.doc-side{display:none}.pulse-ribbon{grid-template-columns:1fr}.pulse-module:first-child{grid-column:auto}
}
@media(max-width:640px){
  .metric-strip{grid-template-columns:1fr 1fr}.document-grid{grid-template-columns:1fr}.quote-meta-grid{grid-template-columns:1fr 1fr}
  .kanban{grid-template-columns:repeat(3,280px)}.paper{padding:28px 22px}.pulse-ribbon{display:block}.pulse-module{margin-bottom:10px}
}


/* ===== V2.3 Traxtic Motion & Spatial Identity Layer ===== */
#flowField{
  position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;
  opacity:.42;mix-blend-mode:screen;transition:opacity var(--slow) var(--ease),filter var(--slow) var(--ease)
}
