.botcf-usage-receipt-cover { position: relative !important; }
.botcf-usage-receipt-trigger { position: absolute; top: 14px; right: 14px; z-index: 4; cursor: pointer; border: 1px solid rgba(255,255,255,.24); border-radius: 999px; padding: 7px 11px; color: rgba(255,255,255,.95); background: rgba(255,255,255,.14); font: 700 12px/1.1 inherit; backdrop-filter: blur(12px); }
.botcf-usage-receipt-trigger:hover { background: rgba(255,255,255,.25); }
.botcf-usage-receipt-overlay { position: fixed; inset: 0; z-index: 99999; display: grid; place-items: center; padding: 20px; background: rgba(9,13,22,.68); backdrop-filter: blur(8px); animation: botcf-receipt-fade-in 180ms ease; }
.botcf-usage-receipt-dialog { position: relative; width: min(100%, 520px); max-height: calc(100vh - 40px); overflow: auto; border-radius: 20px; box-shadow: 0 28px 90px rgba(0,0,0,.34); }
.botcf-usage-receipt-close { position: absolute; top: 12px; right: 14px; z-index: 6; width: 29px; height: 29px; cursor: pointer; border: 0; border-radius: 50%; color: rgba(28,31,38,.68); background: rgba(255,255,255,.5); font-size: 22px; line-height: 1; }
.botcf-usage-receipt-stage { --receipt-ink:#1e2024; --receipt-paper:#fffdf8; --receipt-muted:#6d6d70; position:relative; width:100%; box-sizing:border-box; padding:24px; overflow:hidden; color:var(--receipt-ink); background:radial-gradient(circle at 12% 12%,rgba(255,255,255,.62),transparent 23%),radial-gradient(circle at 92% 82%,rgba(255,255,255,.36),transparent 28%),linear-gradient(145deg,#f49c83 0%,#efc5b0 45%,#a9c7cc 100%); border-radius:20px; }
.botcf-usage-receipt-stage-mint { background:linear-gradient(145deg,#a4ddd0 0%,#d5e6c5 50%,#91c9d7 100%); }
.botcf-usage-receipt-stage-lavender { background:linear-gradient(145deg,#c4b6ef 0%,#edd7dd 54%,#9eb9e8 100%); }
.botcf-usage-receipt-stage-ocean { background:linear-gradient(145deg,#7ccbd0 0%,#c6e3d8 48%,#82a9df 100%); }
.botcf-usage-receipt-stage-night { --receipt-ink:#f5f5f0; --receipt-paper:#20232a; --receipt-muted:#a7acb7; background:linear-gradient(145deg,#24243d 0%,#454c74 54%,#152f43 100%); }
.botcf-usage-receipt-toolbar,.botcf-usage-receipt-kicker,.botcf-usage-receipt-paper-head,.botcf-usage-receipt-foot,.botcf-usage-receipt-actions,.botcf-usage-receipt-buttons { display:flex; align-items:center; }
.botcf-usage-receipt-toolbar { justify-content:space-between; margin-bottom:14px; color:rgba(24,28,38,.78); font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.botcf-usage-receipt-stage-night .botcf-usage-receipt-toolbar { color:rgba(255,255,255,.74); }
.botcf-usage-receipt-kicker { gap:7px; }.botcf-usage-receipt-icon { font-size:15px; }.botcf-usage-receipt-live { width:6px; height:6px; border-radius:50%; background:#2dbf7d; box-shadow:0 0 0 4px rgba(45,191,125,.18); }.botcf-usage-receipt-date { opacity:.72; font-variant-numeric:tabular-nums; }
.botcf-usage-receipt-paper { position:relative; padding:24px 22px 20px; background:var(--receipt-paper); box-shadow:0 15px 26px rgba(31,43,64,.16); transform:rotate(-.4deg); }
.botcf-usage-receipt-paper:after { content:''; position:absolute; right:0; bottom:-7px; left:0; height:8px; background:linear-gradient(135deg,transparent 5px,var(--receipt-paper) 0) 0 0/10px 8px repeat-x; }
.botcf-usage-receipt-paper-head { justify-content:space-between; padding-bottom:15px; border-bottom:1px dashed color-mix(in srgb,var(--receipt-ink) 24%,transparent); }.botcf-usage-receipt-eyebrow { display:block; color:var(--receipt-muted); font-size:9px; font-weight:800; letter-spacing:.16em; }.botcf-usage-receipt-paper h3 { margin:3px 0 0; color:var(--receipt-ink); font-size:22px; letter-spacing:-.04em; }.botcf-usage-receipt-sparkle { font-size:21px; }
.botcf-usage-receipt-segmented { display:grid; grid-template-columns:1fr 1fr; gap:3px; margin:16px 0; padding:3px; border-radius:999px; background:color-mix(in srgb,var(--receipt-ink) 8%,transparent); }.botcf-usage-receipt-segmented button { cursor:pointer; padding:7px 10px; border:0; border-radius:999px; color:var(--receipt-muted); background:transparent; font:700 12px inherit; }.botcf-usage-receipt-segmented button.is-active { color:var(--receipt-ink); background:var(--receipt-paper); box-shadow:0 2px 8px rgba(25,31,44,.1); }
.botcf-usage-receipt-total { padding:5px 0 19px; text-align:center; }.botcf-usage-receipt-total span { display:block; color:var(--receipt-muted); font-size:11px; font-weight:700; }.botcf-usage-receipt-total strong { display:block; margin-top:5px; color:var(--receipt-ink); font-size:clamp(34px,7vw,48px); font-variant-numeric:tabular-nums; letter-spacing:-.08em; line-height:1; }
.botcf-usage-receipt-lines { padding:15px 0 8px; border-top:1px dashed color-mix(in srgb,var(--receipt-ink) 24%,transparent); }.botcf-usage-receipt-line { display:flex; align-items:baseline; gap:8px; padding:7px 0; color:var(--receipt-muted); font-size:12px; }.botcf-usage-receipt-line strong { color:var(--receipt-ink); font-size:13px; font-variant-numeric:tabular-nums; }.botcf-usage-receipt-dots { flex:1; min-width:20px; height:1px; border-bottom:1px dotted color-mix(in srgb,var(--receipt-ink) 25%,transparent); }
.botcf-usage-receipt-barcode { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-top:12px; padding-top:15px; border-top:1px dashed color-mix(in srgb,var(--receipt-ink) 24%,transparent); color:var(--receipt-muted); font-size:10px; font-variant-numeric:tabular-nums; }.botcf-usage-receipt-barcode i { width:50%; height:20px; opacity:.64; background:repeating-linear-gradient(90deg,var(--receipt-ink) 0 2px,transparent 2px 4px,var(--receipt-ink) 4px 5px,transparent 5px 8px); }.botcf-usage-receipt-foot { justify-content:space-between; margin-top:15px; color:var(--receipt-muted); font-size:10px; }
.botcf-usage-receipt-actions { justify-content:space-between; gap:12px; padding-top:22px; }.botcf-usage-receipt-swatches { display:flex; gap:7px; }.botcf-usage-receipt-swatch { width:18px; height:18px; cursor:pointer; border:0; border-radius:50%; box-shadow:inset 0 0 0 1px rgba(255,255,255,.6); transition:transform 160ms ease,box-shadow 160ms ease; }.botcf-usage-receipt-swatch:hover,.botcf-usage-receipt-swatch.is-selected { transform:scale(1.18); box-shadow:0 0 0 2px rgba(255,255,255,.88),0 3px 8px rgba(24,32,48,.2); }.botcf-usage-receipt-swatch.sunset { background:linear-gradient(135deg,#f49c83,#a9c7cc); }.botcf-usage-receipt-swatch.mint { background:linear-gradient(135deg,#a4ddd0,#91c9d7); }.botcf-usage-receipt-swatch.lavender { background:linear-gradient(135deg,#c4b6ef,#9eb9e8); }.botcf-usage-receipt-swatch.ocean { background:linear-gradient(135deg,#7ccbd0,#82a9df); }.botcf-usage-receipt-swatch.night { background:linear-gradient(135deg,#24243d,#152f43); }
.botcf-usage-receipt-buttons { gap:7px; }.botcf-usage-receipt-secondary,.botcf-usage-receipt-primary { cursor:pointer; padding:8px 11px; border:0; border-radius:999px; font:700 11px inherit; white-space:nowrap; }.botcf-usage-receipt-secondary { color:rgba(25,31,42,.78); background:rgba(255,255,255,.42); }.botcf-usage-receipt-primary { color:#fff; background:#17191d; box-shadow:0 5px 12px rgba(15,20,30,.18); }.botcf-usage-receipt-stage-night .botcf-usage-receipt-secondary { color:rgba(255,255,255,.84); background:rgba(255,255,255,.12); }.botcf-usage-receipt-stage-night .botcf-usage-receipt-primary { color:#20232a; background:#fff; }
.botcf-usage-receipt-stage.is-printing .botcf-usage-receipt-paper { animation:botcf-receipt-print 900ms ease; }@keyframes botcf-receipt-print { 0%,100%{transform:rotate(-.4deg) translateY(0)}35%{transform:rotate(-.4deg) translateY(7px)}65%{transform:rotate(-.4deg) translateY(-3px)} }@keyframes botcf-receipt-fade-in { from{opacity:0}to{opacity:1} }
@media(max-width:520px){.botcf-usage-receipt-stage{padding:16px;border-radius:14px}.botcf-usage-receipt-paper{padding:19px 17px 16px}.botcf-usage-receipt-actions{align-items:flex-start;flex-direction:column}.botcf-usage-receipt-buttons{width:100%}.botcf-usage-receipt-secondary,.botcf-usage-receipt-primary{flex:1;text-align:center}}