/* QRCode.sn — Commercial interface 4.7.0
 * Back-office only: do not restyle published customers' digital pages.
 * Core business behavior, routes and pricing are unchanged.
 */
.qrp-body {
  --qrp-ink:#143443;
  --qrp-muted:#526e78;
  --qrp-accent:#0b7d78;
  --qrp-line:#dbe6e7;
  --qrp-bg:#f3f7f6;
  background:#f3f7f6;
  color:#153645;
}
.qrp-body .qrp-shell {color:#153645}
.qrp-body .qrp-sidebar {
  background:linear-gradient(165deg,#0b2838 0%,#103d44 100%);
  border-right:1px solid rgba(255,255,255,.08);
}
.qrp-body .qrp-content {max-width:1620px;min-width:0}
.qrp-body .qrp-top {
  background:rgba(249,251,250,.98);
  border-bottom:1px solid #dbe7e5;
}
.qrp-body .qrp-heading h1,.qrp-body .qrp-welcome h2 {
  color:#112f3e;
  letter-spacing:-.045em;
  line-height:1.13;
}
.qrp-body :is(.qrp-panel,.qrp-type-card,.qrp-metric,.qrp-page-row,.qrp-editor-section,.q13-code-card) {
  border-radius:17px;
  border-color:#d7e5e4;
  box-shadow:0 10px 33px rgba(12,44,54,.045);
}
.qrp-body .qrp-type-card:hover {box-shadow:0 15px 35px rgba(9,48,59,.1)}
.qrp-body .qrp-welcome {
  background:linear-gradient(125deg,#0c2b3d 0%,#14535a 100%);
  border-radius:21px;
  color:#effafa;
  overflow:hidden;
}
.qrp-body .qrp-welcome :is(h1,h2,h3,p,small) {color:#f3fbfa}
.qrp-body .qrp-metric strong {letter-spacing:-.04em}
.qrp-body .qrp-editor-bar {
  border-radius:13px;
  border-color:#d4e1e1;
}
.qrp-body .qrp-shell :where(input:not([type=checkbox]):not([type=radio]),textarea,select) {
  border-radius:11px;
  max-width:100%;
}
.qrp-body .qrp-shell :where(input,textarea,select):focus-visible {
  outline:3px solid #1eb1ac;
  outline-offset:2px;
}
.qrp-body .qrp-shell :where(button,a):focus-visible {outline:3px solid #1eb1ac;outline-offset:3px}
.qrp-body .qrp-auth-layout {background:#f9fbfa}
.qrp-body .qrp-auth-story {background:linear-gradient(150deg,#0a293b 0%,#0d5051 100%)}
.qrp-body .qrp-auth-form {min-width:0}
.qrp-body .qrp-auth-form :where(input,button) {min-height:45px;border-radius:11px}
.qrp-body .qrs-media-toolbar {min-width:0}
.qrp-body :where(.qrp-content,.qrp-main,.qrp-editor,.qrp-editor-section,.qrp-section-fields) {min-width:0}
@media(max-width:650px) {
 .qrp-body .qrp-content {padding:24px 15px 72px}
 .qrp-body .qrp-panel,.qrp-body .qrp-editor-section {border-radius:15px}
 .qrp-body .qrp-welcome {border-radius:17px}
 .qrp-body .qrp-editor-bar {gap:10px;flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce) {
 .qrp-body :is(.qrp-type-card,.qrp-panel,.qrp-page-row,.qrp-welcome) {transition:none!important}
}