/* Section Line Tire Co. · quote.css (quote agent)
   The quote drawer (side drawer ≥ 721 px, bottom sheet on phone), the line items with the
   "Quote by the axle" plan view, the contact form, the sent record, and the #/quote page. */

/* ---------- drawer shell ---------- */
.qd { position: fixed; inset: 0; z-index: 80; }
.qd[hidden] { display: none; }
html.qd-lock { overflow: hidden; }
.qd-scrim { position: absolute; inset: 0; background: rgba(10,10,8,.42); opacity: 0; transition: opacity .16s ease; }
.qd.open .qd-scrim { opacity: 1; }
.qd-panel { position: absolute; top: 8px; right: 8px; bottom: 8px; width: min(520px, calc(100vw - 16px)); display: flex; flex-direction: column; overflow: hidden;
  background: var(--bg); border: 1px solid var(--rule-2); border-radius: var(--r-panel);
  box-shadow: 0 1px 2px rgba(var(--shadow-rgb),.10), 0 24px 64px rgba(var(--shadow-rgb),.22);
  opacity: 0; transform: scale(.96); transform-origin: 100% 50%;
  transition: transform .18s cubic-bezier(.2,.7,.2,1), opacity .14s ease; }
.qd.open .qd-panel { opacity: 1; transform: none; }
.qd-grab { display: none; }
.qd-h { flex: none; display: flex; align-items: center; gap: 14px; padding: 12px 12px 12px 20px; background: var(--inset); border-bottom: 1px solid var(--rule-2); }
.qd-h > div { min-width: 0; display: flex; align-items: baseline; gap: 10px; margin-right: auto; }
.qd-h h2 { margin: 0; font-size: 17px; line-height: 1.2; font-weight: 680; letter-spacing: -0.005em; white-space: nowrap; }
.qd-n { font-size: 13px; color: var(--ink-2); white-space: nowrap; }
.qd-page { font-size: 13px; font-weight: 500; color: var(--ink); text-decoration: underline; text-decoration-color: var(--rule-2); text-underline-offset: 4px; white-space: nowrap; border-radius: 3px; }
@media (hover:hover) { .qd-page:hover { text-decoration-color: currentColor; } }
.qd-x { width: 36px; height: 36px; }
.qd-body { flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; }
.qd-foot { flex: none; padding: 14px 20px 16px; border-top: 1px solid var(--rule-2); background: var(--bg); }
.qd-foot[hidden] { display: none; }

/* ---------- a line on the quote ---------- */
.q-list { list-style: none; margin: 0; padding: 0; }
.ql { display: grid; grid-template-columns: 64px minmax(0, 1fr) auto; grid-template-areas: "th id rm" "set set set" "axle axle axle" "cap cap cap" "note note note"; gap: 12px 14px; align-items: center; padding: 18px 20px; border-bottom: 1px solid var(--rule); }
.ql-th { grid-area: th; width: 64px; height: 64px; border-radius: var(--r-in); background: var(--plate); box-shadow: inset 0 0 0 1px var(--plate-rule); overflow: hidden; display: grid; place-items: center; }
.ql-th img { width: 64px; height: 64px; object-fit: contain; }
.ql-id { grid-area: id; min-width: 0; }
.ql-sz { display: inline-block; text-decoration: none; font-size: 15px; line-height: 1.3; border-radius: 3px; }
.ql-sz .mono { font-size: 15px; font-weight: 500; -webkit-text-stroke: .25px currentColor; }
.ql-sz .lr { font-weight: 680; font-size: 14px; }
@media (hover:hover) { .ql-sz:hover .mono { text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; } }
.ql-m { margin-top: 2px; font-size: 13px; line-height: 1.4; color: var(--ink-2); }
.ql-m .sep, .ql-cap .sep { margin: 0 6px; color: var(--ink-3); }
.ql-rm { grid-area: rm; align-self: start; width: 36px; height: 36px; margin: -6px -8px 0 0; border: 0; background: none; border-radius: var(--r-ctl); color: var(--ink-3); cursor: pointer; display: grid; place-items: center; }
@media (hover:hover) { .ql-rm:hover { background: var(--inset); color: var(--ink); } }
.ql-set { grid-area: set; display: flex; align-items: center; flex-wrap: wrap; gap: 6px 14px; min-width: 0; }
.ql-set .set { margin-top: 0; }
.ql-set .qunit { margin-top: 0; font-size: 13px; color: var(--ink-2); }
.ql-axle { grid-area: axle; min-width: 0; }
.ql-cap { grid-area: cap; margin: -2px 0 0; font-size: 14px; line-height: 1.45; color: var(--ink-2); }
.ql-c1, .ql-c2 { display: block; }
.ql-cap b { color: var(--ink); font-weight: 680; }
.ql-note { grid-area: note; margin: -4px 0 0; padding: 8px 12px; border-radius: var(--r-ctl); background: var(--inset); font-size: 13.5px; line-height: 1.45; color: var(--ink-2); }
.ql-note[hidden] { display: none; }

/* ---------- Quote by the axle: the plan view ---------- */
.qa { position: relative; padding: 10px 14px; background: var(--inset); border-radius: var(--r-ctl); }
.qa svg { display: block; width: 100%; height: auto; max-height: 112px; overflow: visible; }
.qa .fr { fill: none; stroke: var(--ink-2); stroke-width: 1.25; vector-effect: non-scaling-stroke; }
.qa .fr.dim { stroke: var(--rule-2); }
.qa .ax { stroke: var(--rule-2); stroke-width: 1; stroke-dasharray: 2 3; }
.qa .tp { fill: transparent; stroke: var(--ink-3); stroke-width: 1; stroke-dasharray: 3 2.5; vector-effect: non-scaling-stroke; transform-box: fill-box; transform-origin: 50% 50%; transition: fill .14s ease, stroke .14s ease; }
.qa .tp.on { fill: var(--ink); stroke: var(--ink); stroke-dasharray: none; }
.qa .tp.ctx { fill: transparent; stroke: var(--rule-2); stroke-dasharray: none; }
.qa .tp.spare { stroke: var(--rule-2); }
.qa .tp.spare.on { fill: color-mix(in srgb, var(--ink) 20%, transparent); stroke: var(--ink); stroke-width: 1.25; stroke-dasharray: 3 2.5; }
.qa .tp.pop { animation: qa-pop .16s cubic-bezier(.3,1.3,.5,1) both; }
@keyframes qa-pop { from { opacity: 0; transform: scale(.6); } }
.qa .qa-l { font: 500 10.5px var(--sans); fill: var(--ink-3); letter-spacing: .01em; }
.qa .qa-l.sp.on { fill: var(--ink-2); }
.qa.qa-stock { padding: 14px 16px; }
.qa-so { margin: 0; font-size: 14px; line-height: 1.45; color: var(--ink-2); }
.qa-so b { color: var(--ink); font-weight: 680; }
.qa-so .sep { margin: 0 6px; color: var(--ink-3); }
.qa-extra { position: absolute; right: 10px; top: 8px; height: 22px; padding: 0 8px; display: inline-flex; align-items: center; border-radius: 999px; background: var(--bg); box-shadow: inset 0 0 0 1px var(--rule-2); font-size: 12px; font-weight: 600; color: var(--ink); }

/* ---------- the contact form ---------- */
.q-form { padding: 18px 20px 20px; }
.q-fh { margin: 0 0 12px; font-size: 15px; font-weight: 680; line-height: 1.3; }
.q-fh2 { margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--rule); }
.q-grid > [hidden], .q-dealer[hidden] { display: none; }
.q-wc { margin: 0; padding: 10px 12px; border-radius: var(--r-ctl); background: var(--inset); font-size: 13.5px; line-height: 1.45; color: var(--ink-2); }
.q-dealer { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; padding: 14px; border-radius: var(--r-ctl); background: var(--inset); }
.q-dealer .q-seg, .q-dealer .q-inp { background: var(--bg); }
.q-dl { grid-column: 1 / -1; margin: 0; font-size: 13.5px; line-height: 1.45; color: var(--ink-2); }
.q-dl a { color: var(--ink); font-weight: 600; text-underline-offset: 3px; }
.q-tubes { display: grid; gap: 8px; }
.q-fld > label.q-chk, .q-chk { display: flex; margin: 0; font-weight: 450; color: var(--ink); align-items: flex-start; gap: 10px; min-height: 44px; padding: 10px 12px; border-radius: var(--r-ctl); box-shadow: inset 0 0 0 1px var(--rule-2); cursor: pointer; font-size: 14px; }
.q-chk input { flex: none; width: 18px; height: 18px; margin: 1px 0 0; accent-color: var(--cta); }
.q-chk small { display: block; font-size: 12.5px; color: var(--ink-2); }
.q-chk small .mono { font-size: 12.5px; }
.q-now { display: grid; grid-template-columns: minmax(0, 1fr) 84px; gap: 8px; }
.q-dot { font-variant-numeric: tabular-nums; }
.q-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; }
.q-wide { grid-column: 1 / -1; }
.q-fld { min-width: 0; margin: 0; padding: 0; border: 0; }
.q-fld > label, .q-fld legend { display: block; padding: 0; margin: 0 0 4px; font-size: 12.5px; font-weight: 600; color: var(--ink-2); }
.q-fld .opt { font-weight: 450; color: var(--ink-3); margin-left: 4px; }
.q-inp { display: block; width: 100%; height: 40px; border: 0; border-radius: var(--r-ctl); background: var(--raised); box-shadow: inset 0 0 0 1px var(--rule-2); padding: 0 11px; font-size: 14.5px; }
textarea.q-inp { height: auto; min-height: 64px; padding: 9px 11px; line-height: 1.45; resize: vertical; }
.q-inp::placeholder { color: var(--ph); opacity: 1; }
.q-inp:focus-visible { box-shadow: inset 0 0 0 1.5px var(--ink), var(--ring); border-radius: var(--r-ctl); }
.q-zip .q-inp { font-variant-numeric: tabular-nums; }
.q-hint { display: block; margin-top: 4px; font-size: 12px; color: var(--ink-3); }
.q-fld.err .q-inp { box-shadow: inset 0 0 0 1.5px var(--err); }
.q-fld.err .q-inp:focus-visible { box-shadow: inset 0 0 0 1.5px var(--err), var(--ring); }
.q-fld.err .q-hint { display: none; }
.q-msg { margin: 4px 0 0; font-size: 12.5px; line-height: 1.35; color: var(--err); }
.q-seg { display: flex; height: 40px; border-radius: var(--r-ctl); background: var(--raised); box-shadow: inset 0 0 0 1px var(--rule-2); }
.q-seg label { position: relative; flex: 1 1 0; display: flex; cursor: pointer; }
.q-seg input { position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none; }
.q-seg span { flex: 1; display: grid; place-items: center; font-size: 14px; color: var(--ink-2); border-radius: var(--r-ctl); }
.q-seg input:checked + span { color: var(--ink); font-weight: 680; box-shadow: inset 0 0 0 1.5px var(--ink); }
.q-seg input:focus-visible + span { box-shadow: inset 0 0 0 1.5px var(--ink), var(--ring); }
@media (hover:hover) { .q-seg label:hover span { color: var(--ink); } }
.q-send { margin-top: 16px; }
.q-send .btn { width: 100%; }
.q-prom { margin: 8px 0 0; font-size: 13px; line-height: 1.4; color: var(--ink-2); }
.q-prom b { color: var(--ink); font-weight: 600; }
.qd-foot .q-send { margin-top: 0; }

/* ---------- empty state ---------- */
.q-empty { padding: 22px 20px 26px; }
.q-eh { margin: 0 0 6px; font-size: 17px; line-height: 1.3; font-weight: 680; }
.q-empty > p { margin: 0; max-width: 54ch; font-size: 14.5px; color: var(--ink-2); }
.q-lines { list-style: none; margin: 16px 0 0; padding: 0; border-top: 1px solid var(--rule); }
.q-lines a { display: grid; grid-template-columns: 48px minmax(0, 1fr) 14px; align-items: center; gap: 14px; min-height: 64px; padding: 8px 4px 8px 0; border-bottom: 1px solid var(--rule); text-decoration: none; border-radius: 0; }
.q-lth { width: 48px; height: 48px; border-radius: var(--r-in); background: var(--plate); box-shadow: inset 0 0 0 1px var(--plate-rule); overflow: hidden; display: grid; place-items: center; }
.q-lth img { width: 48px; height: 48px; object-fit: contain; }
.q-lines b { display: block; font-size: 14.5px; font-weight: 600; }
.q-lines small { display: block; font-size: 13px; color: var(--ink-2); }
.q-lines svg { color: var(--ink-3); transition: transform .15s var(--ease), color .15s ease; }
@media (hover:hover) { .q-lines a:hover { background: var(--hover); } .q-lines a:hover svg { color: var(--ink); transform: translateX(2px); } }
.q-lines a:focus-visible { border-radius: 4px; }
.q-find { margin-top: 20px; }
.q-find .sizebox { width: 100%; }
.q-fmsg { margin: 8px 0 0; font-size: 13px; color: var(--ink-2); min-height: 18px; }
.q-fmsg a { color: var(--ink); font-weight: 600; }

/* ---------- the sent record (laid out like a quote document) ---------- */
.q-doc { padding: 22px 20px 24px; }
.q-ok { display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; color: var(--ok); }
.q-doc-h { margin: 8px 0 0; font-size: 24px; line-height: 1.2; font-weight: 680; letter-spacing: -0.01em; }
.q-doc-h .mono { font-size: 22px; font-weight: 500; -webkit-text-stroke: .3px currentColor; }
.q-meta { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px 20px; margin: 18px 0 0; padding: 14px 16px; background: var(--inset); border-radius: var(--r-ctl); }
.q-meta dt { font-size: 12px; font-weight: 600; color: var(--ink-2); }
.q-meta dd { margin: 2px 0 0; font-size: 14px; line-height: 1.4; overflow-wrap: anywhere; }
.q-meta dd b { font-weight: 680; }
.q-pref { display: block; font-size: 13px; color: var(--ink-2); }
.q-tab { width: 100%; margin-top: 18px; border-collapse: collapse; font-size: 14px; }
.q-tab th { text-align: left; padding: 0 0 8px; border-bottom: 1px solid var(--rule-2); font-size: 11px; line-height: 1.2; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-2); }
.q-tab td { padding: 11px 0; border-bottom: 1px solid var(--rule); vertical-align: top; line-height: 1.35; }
.q-tab td small { display: block; margin-top: 2px; font-size: 12.5px; color: var(--ink-2); }
.q-tab td .mono { font-size: 13.5px; font-weight: 500; }
.q-tab .r { text-align: right; padding-left: 14px; white-space: nowrap; }
.q-tbd { color: var(--ink-2); font-size: 13px; }
.q-note { margin: 14px 0 0; font-size: 14px; color: var(--ink-2); }
.q-note b { display: block; font-size: 12px; font-weight: 600; margin-bottom: 2px; }
.q-honest { margin: 16px 0 0; font-size: 14px; line-height: 1.5; color: var(--ink-2); max-width: 60ch; }
.q-honest b { color: var(--ink); font-weight: 600; overflow-wrap: anywhere; }
.q-doc-acts { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.q-doc-h:focus { outline: none; }

/* ---------- #/quote page ---------- */
/* base .page resets the .wrap side padding (same specificity, later in base.css); restore it */
.wrap.qp { padding: 28px 32px 0; }
@media (max-width: 760px) { .wrap.qp { padding: 20px 16px 0; } }
.qp-h { margin: 18px 0 36px; }
.qp-ht { min-width: 0; }
.qp-obj { margin: 0; min-width: 0; }
.qp-obj[hidden] { display: none; }
.qp-plan.qa { padding: 20px 24px 14px; }
.qp-plan svg { max-height: 150px; }
.qp-obj figcaption { margin-top: 10px; font-size: 13px; color: var(--ink-2); }
@media (min-width: 901px) {
  .qp[data-state="empty"] .qp-h { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 520px); gap: 56px; align-items: end; }
}
@media (max-width: 900px) { .qp-obj { display: none !important; } }
.qp-h .t-lead { margin-top: 14px; max-width: 60ch; }
.qp-g { display: grid; grid-template-columns: minmax(0, 1fr); row-gap: 96px; }
.qp-main { min-width: 0; }
.qp-bar { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 14px 20px 12px; background: var(--inset); border-bottom: 1px solid var(--rule-2); }
.qp-bar h2 { margin: 0; font-size: 15px; font-weight: 680; }
.qp-n { font-size: 13px; color: var(--ink-2); }
.qp-body { container: qbody / inline-size; }
.qp-body .q-form { border-top: 1px solid var(--rule-2); padding: 22px 20px 24px; }
.qp-body .q-send { display: flex; align-items: center; gap: 12px 20px; flex-wrap: wrap; }
.qp-body .q-send .btn { width: auto; }
.qp-body .q-prom { margin: 0; max-width: 40ch; }
.qp-body .q-doc { padding: 26px 28px 30px; }
.qp-body .q-empty { padding: 26px 24px 30px; }
@container qbody (min-width: 760px) {
  .q-empty-page .q-lines { display: grid; grid-template-columns: 1fr 1fr 1fr; column-gap: 24px; margin-top: 24px; border-top: 0; }
  .q-empty-page .q-lines a { border-top: 1px solid var(--rule); }
  .ql { grid-template-columns: 72px minmax(0, 1fr) minmax(280px, 360px) auto; grid-template-areas: "th id axle rm" "th set axle rm" "th cap axle rm" "th note axle rm"; gap: 8px 22px; align-items: start; padding: 22px 20px 22px 24px; }
  .ql-th { width: 72px; height: 72px; }
  .ql-th img { width: 72px; height: 72px; }
  .ql-axle { align-self: center; }
  .ql-set { margin-top: 6px; }
  .ql-cap { margin-top: 2px; }
  .q-form .q-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .q-form .q-wide { grid-column: 1 / -1; }
  .q-form .q-wide > .q-seg { max-width: 640px; }
  .q-dealer { grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: end; }
  .q-dl { grid-column: auto; align-self: center; }
  .q-tubes { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .q-tubes legend { grid-column: 1 / -1; }
  .q-meta { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
.qp-side { min-width: 0; }
.qp-how-h { margin: 0 0 16px; font-size: 28px; font-weight: 680; line-height: 1.15; letter-spacing: -0.01em; }
.qp-ledger { border-top: 1px solid var(--rule-2); }
.qp-ledger { width: 100%; border-collapse: collapse; }
.qp-ledger tr { display: block; padding: 14px 0 16px; border-bottom: 1px solid var(--rule); }
.qp-ledger th, .qp-ledger td { display: block; padding: 0; text-align: left; }
.qp-ledger th { font-size: 15px; font-weight: 680; line-height: 1.35; }
.qp-ledger td { margin-top: 4px; font-size: 14px; line-height: 1.5; color: var(--ink-2); }
.qp-ledger td b { color: var(--ink); font-weight: 600; }
.qp-how-g { display: grid; grid-template-columns: minmax(0, 1fr); gap: 40px; align-items: start; }
.qp-ledger { max-width: 960px; }
.qp-call { padding-top: 18px; border-top: 1px solid var(--rule-2); font-size: 14px; color: var(--ink-2); }
.qp-call h3 { margin: 0; font-size: 15px; font-weight: 680; color: var(--ink); }
.qp-ph { display: inline-block; margin-top: 6px; font-size: 22px; font-weight: 680; letter-spacing: -0.005em; color: var(--ink); text-decoration: none; border-radius: 3px; }
@media (hover:hover) { .qp-ph:hover { text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; } }
.qp-hours { width: 100%; margin-top: 12px; border-collapse: collapse; }
.qp-hours th, .qp-hours td { padding: 7px 0; border-bottom: 1px solid var(--rule); font-size: 14px; text-align: left; }
.qp-hours th { font-weight: 450; color: var(--ink-2); }
.qp-hours td { text-align: right; color: var(--ink); }
.qp-call p { margin: 12px 0 0; font-size: 13.5px; line-height: 1.5; }
@media (min-width: 1101px) { .qp-how-g { grid-template-columns: minmax(0, 960px) minmax(260px, 340px); justify-content: space-between; gap: 56px; } }
@media (max-width: 1100px) { .qp-call { max-width: 440px; } }
.qa-cap { margin: 8px 0 0; font-size: 12px; line-height: 1.4; color: var(--ink-2); }
.q-empty-page .q-find { margin-top: 20px; }
.q-empty-page .q-find .sizebox { width: 100%; }

@media (min-width: 901px) {
  .qp-ledger tr { display: grid; grid-template-columns: 1fr 2fr; gap: 32px; padding: 20px 0 22px; }
  .qp-ledger td { margin-top: 0; font-size: 15px; }
}
@media (max-width: 720px) { .qp-g { row-gap: 72px; } .qp-how-h { font-size: 24px; } }

/* ---------- phone: bottom sheet, sticky Send, 44 px targets ---------- */
@media (max-width: 720px) {
  .qd-panel { top: auto; left: 0; right: 0; bottom: 0; width: 100%; max-height: calc(100dvh - 32px); border-radius: var(--r-panel) var(--r-panel) 0 0; border-bottom: 0; transform-origin: 50% 100%; transform: translateY(12px) scale(.96); }
  .qd-grab { display: block; flex: none; width: 36px; height: 4px; margin: 8px auto 0; border-radius: 2px; background: var(--rule-2); position: absolute; left: 50%; top: 0; transform: translateX(-50%); }
  .qd-h { padding: 14px 6px 10px 16px; gap: 8px; }
  .qd-h > div { flex-direction: column; gap: 0; }
  .qd-x { width: 44px; height: 44px; }
  .qd-page { padding: 12px 6px; }
  .qd-foot { padding: 12px 16px calc(12px + env(safe-area-inset-bottom)); box-shadow: 0 -8px 20px rgba(var(--shadow-rgb),.06); }
  .qd-foot .q-prom { font-size: 12.5px; margin-top: 6px; }
  .ql { padding: 16px; gap: 12px; }
  .ql-rm { width: 44px; height: 44px; margin: -10px -12px 0 0; }
  .ql .set { height: 44px; max-width: 100%; }
  .ql .set .stp { width: 44px; height: 44px; }
  .ql .presets { height: 44px; }
  .ql .pre { height: 44px; padding: 0 10px; }
  .qa { padding: 8px 10px; }
  .q-form, .q-empty, .q-doc { padding-left: 16px; padding-right: 16px; }
  .q-grid { grid-template-columns: minmax(0, 1fr); }
  .q-inp { height: 44px; font-size: 16px; }
  textarea.q-inp { font-size: 16px; }
  .q-seg { height: 44px; }
  .q-seg3 { flex-direction: column; height: auto; }
  .q-seg3 label { min-height: 44px; }
  .q-dealer { grid-template-columns: minmax(0, 1fr); padding: 12px; }
  .q-now { grid-template-columns: minmax(0, 1fr) 96px; }
  .q-meta { grid-template-columns: minmax(0, 1fr); }
  .q-doc-acts .btn { flex: 1 1 auto; height: 44px; }
  .q-find .sizebox { height: 48px; }
  .qp-h { margin-bottom: 24px; }
  .qp-panel { margin: 0 -16px; border-radius: 0; border-left: 0; border-right: 0; }
  .qp-body .q-doc { padding: 22px 16px 24px; }
  .qp-body .q-empty { padding: 22px 16px 24px; }
  .qp-body .q-form { padding: 20px 16px 22px; }
  .qp-body .q-send .btn { width: 100%; }
}

/* ---------- print (#/quote, for the shop file) ---------- */
@media print {
  .site, .foot, .qd, .sheet, .scrim-g, .toasts, .skip, .crumbs, .ql-rm, .q-form, .q-send, .q-doc-acts, .qp-call, .q-find, .q-fmsg { display: none !important; }
  body { background: #fff; color: #000; }
  .qp-g { display: block; }
  .qp-side { position: static; margin-top: 24px; break-inside: avoid; }
  .qp-panel { border: 0; }
  .ql { break-inside: avoid; }
  .qa { background: none; box-shadow: inset 0 0 0 1px #ccc; }
}