/* Veltrion Web Platform Phase 09: Order / Cash Ledger / Delivery */
.vweb-pay { position: relative; isolation: isolate; }
.vweb-pay::before { content:""; position:absolute; left:-8%; top:80px; width:420px; height:420px; border-radius:999px; background:radial-gradient(circle, rgba(62,167,255,.16), transparent 68%); filter:blur(4px); pointer-events:none; z-index:-1; }
.vweb-pay-grid { display:grid; grid-template-columns:1.4fr repeat(2, minmax(0, .8fr)); gap:16px; margin:24px 0; }
.vweb-pay-card { padding:20px; border-radius:28px; border:1px solid rgba(255,255,255,.12); background:linear-gradient(145deg, rgba(18,27,45,.86), rgba(7,11,20,.94)); box-shadow:0 22px 80px rgba(0,0,0,.28); min-height:154px; }
.vweb-pay-card span { display:block; color:#91a4c3; font-size:12px; letter-spacing:.16em; text-transform:uppercase; font-weight:900; }
.vweb-pay-card h3 { margin:10px 0 8px; font-size:clamp(24px,3vw,38px); color:#f8fbff; }
.vweb-pay-card p { margin:7px 0; color:#b7c3d7; line-height:1.65; }
.vweb-pay-card b { color:#ffd36e; }
.vweb-pay-card--account { background:linear-gradient(135deg, rgba(255,211,110,.16), rgba(31,43,70,.82)); }
.vweb-pay-lists, .vweb-order-layout { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.vweb-pay-list-card { padding:20px; border-radius:28px; border:1px solid rgba(255,255,255,.12); background:rgba(9,14,25,.76); box-shadow:0 18px 70px rgba(0,0,0,.25); }
.vweb-pay-list-card h2, .vweb-pay-list-card h3 { margin:0 0 14px; color:#f5f8ff; }
.vweb-pay-list { list-style:none; margin:0; padding:0; display:grid; gap:10px; }
.vweb-pay-list li { display:grid; grid-template-columns:1fr auto; gap:12px; padding:12px 14px; border-radius:18px; border:1px solid rgba(255,255,255,.09); background:rgba(255,255,255,.035); }
.vweb-pay-list b { display:block; color:#f4f7ff; }
.vweb-pay-list span { display:block; color:#94a6c3; font-size:13px; margin-top:3px; }
.vweb-pay-list em { color:#ffd36e; font-style:normal; font-weight:900; }
.vweb-shop-buy:not(:disabled) { cursor:pointer; }
.vweb-shop-buy.is-loading { opacity:.65; pointer-events:none; }
.vweb-shop-notice { margin-top:14px; padding:14px 16px; border-radius:18px; border:1px solid rgba(255,211,110,.25); background:rgba(255,211,110,.08); color:#ffe6a6; font-weight:800; }
.vweb-order-page .vweb-section__head { max-width:980px; }
.vweb-order-table { overflow:auto; border-radius:20px; border:1px solid rgba(255,255,255,.1); }
.vweb-order-table table { width:100%; border-collapse:collapse; min-width:760px; }
.vweb-order-table th, .vweb-order-table td { padding:13px 14px; border-bottom:1px solid rgba(255,255,255,.08); text-align:left; color:#dce7fa; }
.vweb-order-table th { color:#ffd36e; font-size:12px; letter-spacing:.08em; text-transform:uppercase; background:rgba(255,255,255,.045); }
.vweb-delivery-stack { display:grid; gap:12px; }
.vweb-delivery-item { padding:14px 16px; border-radius:20px; border:1px solid rgba(255,255,255,.1); background:rgba(255,255,255,.04); }
.vweb-delivery-item b, .vweb-delivery-item span, .vweb-delivery-item em { display:block; }
.vweb-delivery-item b { color:#f5f8ff; }
.vweb-delivery-item span { color:#b8c6dc; margin-top:5px; }
.vweb-delivery-item em { color:#91a4c3; margin-top:7px; font-style:normal; font-size:13px; }
.vweb-muted { color:#91a4c3; }
@media (max-width: 900px) { .vweb-pay-grid, .vweb-pay-lists, .vweb-order-layout { grid-template-columns:1fr; } }
