/* Keep nested purchase content on the panel surface, instead of page-black blocks. */
html[data-theme=dark] body[data-page=sale] .reference-panels .panel>.runtime{background:transparent}
html[data-theme=dark] body[data-page=sale] .reference-panels .panel .runtime .field{background:#202733;border-color:#394353}
html[data-theme=dark] body[data-page=sale] .reference-panels .panel .runtime .field input{background:transparent;color:#e8eaf0;-webkit-text-fill-color:#e8eaf0}
html[data-theme=dark] body[data-page=sale] .reference-panels .panel .runtime .field>span{color:#aab4c3}
html[data-theme=dark] body[data-page=sale] .reference-panels .panel .runtime .field:focus-within{border-color:#bf5a81;box-shadow:0 0 0 3px #6e30532e}
html[data-theme=dark] body[data-page=sale] #saleDetails{background:transparent;color:var(--text)}
html[data-theme=dark] body[data-page=sale] #saleDetails .row{background:transparent}
html[data-theme=dark] body[data-page=sale] .summary-item strong{color:var(--text)}
html[data-theme=dark] body[data-page=sale] .page-intro .small-btn{background:var(--card);color:var(--muted);border-color:var(--line)}
html[data-theme=dark] body[data-page=sale] .page-intro .small-btn:hover{background:#252d3a;color:var(--text)}