:root{--vb-primary: #2563eb;--vb-danger: #ef4444;--vb-text: #111827;--vb-text-muted: #6b7280;--vb-border: #e5e7eb;--vb-dark-bg: #1f2937}.view-bill-toast-container{position:fixed;z-index:5000;left:max(12px,env(safe-area-inset-left,0px));right:max(12px,env(safe-area-inset-right,0px));bottom:max(12px,env(safe-area-inset-bottom,0px));width:auto;max-width:480px;margin-left:auto;margin-right:auto;padding:0;box-sizing:border-box;pointer-events:none}.view-bill-toast-container>*{pointer-events:auto}.view-bill-toast{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003,0 4px 12px #00000026;padding:1rem;opacity:0;transform:translateY(12px) scale(.98);transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);max-height:min(78dvh,78vh,calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 24px));overflow:hidden;display:flex;flex-direction:column;min-height:0;-webkit-overflow-scrolling:touch}.view-bill-toast.toast-visible{opacity:1;transform:translateY(0) scale(1)}.bill-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:2px solid var(--vb-border);flex-shrink:0;gap:.5rem}.bill-title{font-size:1.125rem;font-weight:700;color:var(--vb-text);margin:0;line-height:1.3}.bill-close-btn{background:none;border:none;font-size:1.5rem;color:var(--vb-text-muted);cursor:pointer;padding:0;line-height:1;transition:color .2s;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.bill-close-btn:hover{color:var(--vb-danger)}.bill-items{margin-bottom:.75rem;flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.bill-item{display:flex;justify-content:space-between;align-items:flex-start;padding:.5rem 0;border-bottom:1px solid #f3f4f6;gap:.5rem}.bill-item:last-child{border-bottom:none}.bill-item-name{font-weight:500;color:var(--vb-text);flex:1;padding-right:.5rem;min-width:0;word-break:break-word}.bill-item-price{font-weight:600;color:var(--vb-primary);white-space:nowrap;flex-shrink:0}.bill-item-extras{font-size:.75rem;color:var(--vb-text-muted);margin-top:.25rem;width:100%}.bill-empty{text-align:center;color:var(--vb-text-muted);padding:1rem;font-style:italic}.bill-totals{background:#f8fafc;border-radius:8px;padding:.75rem;margin-bottom:.75rem;flex-shrink:0}.bill-total-row{display:flex;justify-content:space-between;gap:.5rem;padding:.25rem 0}.bill-total-label{color:var(--vb-text-muted)}.bill-total-value{color:var(--vb-text);font-weight:500}.bill-total-final{margin-top:.5rem;padding-top:.5rem;border-top:1px dashed var(--vb-border)}.bill-total-final .bill-total-value{font-size:1.125rem;color:var(--vb-primary)}.bill-buttons{display:flex;flex-direction:column;gap:.625rem;flex-shrink:0;padding-top:.25rem}.bill-btn{flex:1 1 auto;min-height:48px;padding:.875rem 1rem;border:none;border-radius:10px;font-weight:600;font-size:1rem;cursor:pointer;transition:background .2s,transform .15s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.bill-btn:active{transform:scale(.98)}.bill-btn-primary{background:var(--vb-primary);color:#fff}.bill-btn-primary:hover{background:#1d4ed8}.bill-btn-secondary{background:#e5e7eb;color:var(--vb-text)}.bill-btn-secondary:hover{background:#d1d5db}@media (min-width: 360px){.bill-buttons{flex-direction:row;align-items:stretch}.bill-btn{min-width:0}}@media (prefers-color-scheme: dark){.view-bill-toast{background:var(--vb-dark-bg);border:1px solid #374151}.bill-header{border-bottom-color:#374151}.bill-title{color:#f3f4f6}.bill-close-btn{color:#9ca3af}.bill-item{border-bottom-color:#374151}.bill-item-name{color:#f3f4f6}.bill-totals{background:#111827}.bill-total-label{color:#9ca3af}.bill-total-value{color:#f3f4f6}.bill-total-final{border-top-color:#374151}.bill-btn-secondary{background:#374151;color:#f3f4f6}.bill-btn-secondary:hover{background:#4b5563}}