.oe-page .oe-list-item>.bill-thumb{grid-area:thumb;display:grid;place-items:center;aspect-ratio:1;border-radius:var(--radius-s);background:var(--sunk);overflow:hidden;}.bill-thumb img,.bill-thumb svg{display:block;inline-size:100%;block-size:100%;object-fit:contain;}.bill-thumb .gi{inline-size:1.75rem;block-size:1.75rem;color:var(--accent);}@media (max-width:33.999rem){.oe-page .oe-list-item{grid-template-columns:3rem minmax(0,1fr) auto;}}.bill-tag{display:inline-block;margin-inline-start:0.5rem;padding:0.125rem 0.5rem;border-radius:999px;background:var(--sunk);color:var(--ink-soft,var(--ink));font-size:var(--fs-xs,0.75rem);font-weight:600;letter-spacing:0.01em;vertical-align:0.05em;white-space:nowrap;}.oe-page:has(.oe-bill-instructions) .oe-panel:has(form input[name="packageId"]){display:none;}.oe-page:has(.oe-bill-instructions) .oe-bill-instructions{display:grid;gap:0.35rem;}.bill-orders-list{list-style:none;margin:0;padding:0;display:grid;gap:0.75rem;}.bill-order{--bill-action-gap:.5rem;--bill-action-btn-h:2.5rem;--bill-actions-h:calc(var(--bill-action-btn-h) + var(--bill-action-btn-h) + var(--bill-action-gap));display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;min-block-size:calc(var(--bill-actions-h) + 1.8rem);padding:0.9rem 1rem;border:1px solid var(--line);border-radius:var(--radius-m,10px);background:var(--surface);}.bill-order-main{min-inline-size:0;}.bill-order-top{display:flex;align-items:center;gap:0.5rem;margin:0;flex-wrap:wrap;}.bill-order-meta{margin:0.25rem 0 0;color:var(--ink-soft,var(--muted));font-size:0.9rem;}.bill-order-hint{margin:0.35rem 0 0;overflow:hidden;color:var(--ink-soft,var(--muted));font-size:0.85rem;text-overflow:ellipsis;white-space:nowrap;}.bill-order-actions{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;gap:var(--bill-action-gap);inline-size:12rem;block-size:var(--bill-actions-h);margin-inline-start:auto;flex:0 0 auto;}.bill-order-actions>.btn{inline-size:100%;min-block-size:var(--bill-action-btn-h);}.bill-order-actions form{display:flex;inline-size:100%;margin:0;}.oe-page .oe-account-main .bill-order .bill-order-actions form{margin-block-end:0;}.bill-order-actions form .btn{inline-size:100%;min-block-size:var(--bill-action-btn-h);}.bill-badge{display:inline-block;padding:0.1rem 0.5rem;border-radius:999px;background:var(--sunk);color:var(--ink-soft,var(--muted));font-size:0.75rem;font-weight:650;}.bill-badge.is-pending{background:var(--accent-tint);color:var(--accent);}.bill-badge.is-paid{background:#e7f6ec;color:#1c7c3f;}.bill-badge.is-cancelled{background:var(--sunk);color:var(--muted);}.bill-badge.is-notice{background:#fff3d6;color:#8a5b00;}@media (max-width:40rem){.bill-order{flex-direction:column;align-items:flex-start;}.bill-order-actions{inline-size:100%;justify-content:flex-start;margin-inline-start:0;}.bill-order-actions form{inline-size:100%;}.bill-order-actions .btn{inline-size:100%;}}.bill-order-page{display:grid;gap:1rem;}.bill-steps{padding:0.9rem 1rem;border-radius:var(--radius-m,10px);background:var(--accent-tint);}.bill-steps-title{margin:0 0 0.35rem;font-weight:650;color:var(--accent);}.bill-ref{margin:0;font-size:1.6rem;font-weight:750;letter-spacing:0.02em;color:var(--accent);}.bill-ref-hint{margin:0.2rem 0 0;font-size:0.85rem;color:var(--ink-soft,var(--muted));}.bill-instructions{white-space:normal;line-height:1.65;color:var(--ink-soft,var(--muted));}.bill-actions{display:flex;flex-wrap:wrap;gap:0.6rem;}.bill-actions form{margin:0;}.bill-order-foot{margin:0;}.bill-order-foot a{color:var(--accent);}.bill-ref{display:flex;align-items:center;gap:0.6rem;}.bill-ref-num{letter-spacing:0.18em;}.bill-ref-copy{padding:0.15rem 0.55rem;border:1px solid currentColor;border-radius:999px;background:transparent;color:inherit;font:inherit;font-size:0.75rem;font-weight:650;cursor:pointer;}.bill-ref-copy:hover{background:var(--surface);}.oe-page a.btn,.oe-page a.btn:hover{text-decoration:none;}.oe-page a.btn-primary,.oe-page a.btn-primary:hover{color:var(--paper,#fff);}.bill-pay{display:grid;gap:.9rem;padding:1rem;border:1px solid var(--line);border-radius:var(--radius-m,12px);background:var(--surface)}.bill-pay-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(10rem,12.5rem);gap:1rem 1.25rem;align-items:center}.bill-pay-head{display:grid;gap:.2rem}.bill-pay-kicker{margin:0;color:var(--accent);font-size:.68rem;font-weight:750;letter-spacing:.13em;text-transform:uppercase}.bill-pay-title{margin:0;font-size:1.08rem;line-height:1.25}.bill-pay-lede{margin:0;color:var(--ink-soft,var(--muted));font-size:.82rem;line-height:1.5}.bill-pay-rows{display:grid;gap:.55rem;margin:.9rem 0 0}.bill-pay-row{display:grid;gap:.12rem;padding-block-end:.55rem;border-bottom:1px solid var(--line)}.bill-pay-row:last-child{padding-block-end:0;border-bottom:0}.bill-pay-row dt{color:var(--muted);font-size:.65rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.bill-pay-row dd{margin:0;color:var(--ink);font-size:.9rem;font-weight:650;line-height:1.4;overflow-wrap:anywhere}.bill-pay-iban{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem .6rem}.bill-pay-iban code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem;font-weight:600;letter-spacing:.035em}.bill-pay-qr{display:grid;justify-items:center;gap:.45rem;margin:0}.bill-pay-qr-frame{width:min(12.5rem,100%);padding:.55rem;border:1px solid var(--line);border-radius:var(--radius-m,12px);background:#fff;box-shadow:0 18px 40px -28px rgb(14 20 36 / .55),0 1px 0 rgb(255 255 255 / .4) inset}.bill-pay-qr-frame img{display:block;width:100%;height:auto;border-radius:calc(var(--radius-s,4px) + 2px)}.bill-pay-qr figcaption{color:var(--muted);font-size:.72rem;text-align:center}.bill-pay-notes{padding-top:.75rem;border-top:1px solid var(--line);color:var(--muted);font-size:.76rem;line-height:1.55}.bill-pay-notes p{margin:0 0 .4rem}.bill-pay-notes p:last-child{margin-bottom:0}@media (max-width:40rem){.bill-pay-grid{grid-template-columns:1fr}.bill-pay-qr{order:-1}.bill-pay-qr-frame{width:min(11rem,100%)}}.bill-steps{position:relative;display:grid;gap:.85rem;padding:1rem 1.1rem;overflow:hidden;border:1px solid color-mix(in oklab,var(--accent) 18%,var(--line));border-radius:var(--radius-m,12px);background:var(--accent-tint)}.bill-steps::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:3px;background:var(--accent)}.bill-steps-head{display:flex;align-items:flex-start;gap:.7rem}.bill-steps-icon{display:grid;place-items:center;inline-size:2rem;block-size:2rem;flex:none;border-radius:8px;background:color-mix(in oklab,var(--accent) 13%,transparent);color:var(--accent)}.bill-steps-icon .gi{inline-size:1rem;block-size:1rem}.bill-steps-copy{min-inline-size:0}.bill-steps-title{margin:0;color:var(--accent);font-size:.92rem;font-weight:700;letter-spacing:0;line-height:1.25}.bill-ref-hint{margin:.18rem 0 0;color:var(--ink-soft,var(--muted));font-size:.8rem;line-height:1.45}.bill-ref{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem .65rem;margin:0;padding-top:.8rem;border-top:1px dashed color-mix(in oklab,var(--accent) 28%,transparent);color:var(--accent);font-size:1rem;font-weight:400;letter-spacing:0}.bill-ref-label{color:var(--accent);opacity:.72;font-size:.64rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.bill-ref-num{color:var(--accent);font-size:1.7rem;font-weight:800;line-height:1;letter-spacing:.06em;font-variant-numeric:tabular-nums}.bill-ref-copy{display:inline-flex;align-items:center;gap:.3rem;padding:.32rem .62rem;border:1px solid color-mix(in oklab,var(--accent) 35%,var(--line));border-radius:999px;background:var(--surface);color:var(--accent);font:650 .74rem/1 var(--font);cursor:pointer;transition:background-color .15s,border-color .15s}.bill-ref-copy .gi{inline-size:.82rem;block-size:.82rem}.bill-ref-copy:hover{background:var(--accent-tint);border-color:var(--accent)}@media (max-width:28rem){.bill-steps{padding:.9rem}.bill-ref-num{font-size:1.55rem}}.bill-order-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:.1rem .35rem;margin:.25rem 0 0;color:var(--ink-soft,var(--muted));font-size:.9rem}.bill-order-meta span:not(:last-child)::after{content:"·";margin-inline-start:.5rem;color:var(--line-strong)}