.scw-receipt {
    box-sizing: border-box;
    max-width: 44rem;
    padding: clamp(18px, 4vw, 32px);
    border: 1px solid #c6a56b;
    border-radius: 12px;
    background: #fffaf0;
    color: #38291f;
    text-align: left;
    line-height: 1.6;
}
.scw-receipt h3 { color: #74312e; margin-top: 0; }
.scw-receipt label { display: block; font-weight: 700; margin-bottom: 8px; }
.scw-receipt input.scw-code {
    box-sizing: border-box;
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 14px 8px;
    border: 2px solid #a67f40;
    border-radius: 6px;
    background: #fff;
    color: #38291f;
    font: 700 clamp(12px, 3vw, 21px)/1.5 monospace;
    text-align: center;
    letter-spacing: 0;
}
.scw-receipt button.scw-copy,
.scw-receipt button.scw-save-image {
    padding: 12px 20px;
    margin-top: 12px;
    min-height: 44px;
    background: #74312e;
    color: #fff;
    border: 0;
    border-radius: 6px;
    cursor: pointer;
    font: inherit;
}
.scw-receipt button.scw-save-image { background: #245344; margin-left: 8px; }
.scw-receipt .scw-copy[hidden],
.scw-receipt .scw-save-image[hidden] { display: none !important; }
@media (max-width: 480px) {
    .scw-receipt button.scw-copy,
    .scw-receipt button.scw-save-image { display: block; width: 100%; margin-left: 0; }
}
.scw-receipt :focus-visible { outline: 3px solid #305f8d; outline-offset: 3px; }
.scw-receipt .scw-copy-status { margin: 8px 0; font-weight: 600; }
.scw-receipt .scw-private { font-size: .95em; }