.lpw-fields label,.lpw-block-fields label { display:block; font-weight:600; margin-bottom:6px; }
.lpw-fields input,.lpw-fields select,.lpw-block-fields input,.lpw-block-fields select { width:100%; min-height:44px; padding:9px 12px; box-sizing:border-box; }
.lpw-fields p,.lpw-block-fields p { margin:12px 0; }
.lpw-status { margin:24px 0; padding:20px; border:1px solid #d8dde5; border-left:4px solid #2163b5; border-radius:6px; }
.lpw-status h2 { margin-top:0; }
.lpw-fields [hidden],.lpw-status [hidden] { display:none!important; }
.lpw-status { border-color:#d9e7df; border-left-color:#006a51; background:#f7fbf8; border-radius:16px; }
.lpw-status-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-bottom:18px; }
.lpw-status-heading h2 { margin:0; }
.lpw-status h3 { margin:0 0 10px; }
.lpw-status-actions { display:flex; flex-wrap:wrap; gap:10px; }
.lpw-status-actions .button { min-height:44px; }
.lpw-payment-badge { display:inline-block; padding:5px 11px; border-radius:99px; background:#fff0d2; color:#684800; font-size:12px; font-weight:700; line-height:1.5; }
.lpw-payment-badge[data-state=paid] { color:#075d42; background:#dff4e8; }
.lpw-payment-badge[data-state=failed],.lpw-payment-badge[data-state=review] { color:#8a2929; background:#ffe6e3; }
.lpw-payment-badge[data-state=closed],.lpw-payment-badge[data-state=not_started] { color:#4a5650; background:#e9eeeb; }
.lpw-sheet { position:fixed; inset:auto 0 0; width:min(100%,480px); max-width:100%; max-height:90dvh; margin:0 auto; border:0; padding:12px 28px calc(26px + env(safe-area-inset-bottom)); border-radius:24px 24px 0 0; background:#fff; color:#17372b; box-shadow:0 -12px 70px #08271f30; text-align:center; overflow-y:auto; box-sizing:border-box; font:16px/1.6 system-ui,sans-serif; }
.lpw-sheet::backdrop { background:#102b2466; backdrop-filter:blur(3px); }
.lpw-sheet [hidden] { display:none!important; }
.lpw-sheet-handle { width:40px; height:4px; border-radius:99px; background:#d6e2da; margin:0 auto 10px; }
.lpw-sheet-top { display:flex; justify-content:space-between; align-items:center; gap:12px; font-size:13px; font-weight:700; }
.lpw-sheet-top button { width:44px; height:44px; border:0; border-radius:50%; background:#f0f5f1; color:#17372b; font-size:26px; line-height:1; cursor:pointer; }
.lpw-sheet-symbol { width:84px; height:84px; border-radius:50%; display:grid; place-items:center; background:#eaf5ed; margin:22px auto; color:#006a51; }
.lpw-spinner { width:38px; height:38px; border:3px solid #c6e0d2; border-top-color:#006a51; border-radius:50%; animation:lpw-spin 1s linear infinite; }
.lpw-result { display:none; font-size:40px; font-weight:700; }
.lpw-sheet-label { color:#47765e; text-transform:uppercase; letter-spacing:1.5px; font-size:11px; font-weight:750; margin:0 0 10px; }
.lpw-sheet h2 { font-size:27px; line-height:1.2; letter-spacing:-.7px; margin:0 0 16px; }
.lpw-sheet p { margin:0 0 16px; }
#lpw-sheet-message { color:#4b6257; font-size:15px; }
.lpw-sheet-connection,[data-lpw-connection] { color:#795609; font-size:13px; }
.lpw-sheet .lpw-sheet-pay { display:block; background:#006a51; color:#fff; border:0; border-radius:99px; padding:12px 16px; margin:20px 0 10px; text-decoration:none; font-weight:700; }
.lpw-sheet-dismiss { width:100%; min-height:46px; background:#edf3ee; color:#17372b; border:0; border-radius:99px; padding:11px; font-size:14px; font-weight:700; cursor:pointer; }
.lpw-sheet[data-state=paid] .lpw-spinner,.lpw-sheet[data-state=failed] .lpw-spinner,.lpw-sheet[data-state=review] .lpw-spinner,.lpw-sheet[data-state=closed] .lpw-spinner,.lpw-sheet[data-state=not_started] .lpw-spinner { display:none; }
.lpw-sheet[data-state=paid] .lpw-result,.lpw-sheet[data-state=failed] .lpw-result,.lpw-sheet[data-state=review] .lpw-result,.lpw-sheet[data-state=closed] .lpw-result,.lpw-sheet[data-state=not_started] .lpw-result { display:block; }
.lpw-sheet[data-state=paid] .lpw-sheet-dismiss { background:#006a51; color:white; }
.lpw-sheet[data-state=failed] .lpw-sheet-symbol,.lpw-sheet[data-state=review] .lpw-sheet-symbol { background:#fff0dd; color:#89581d; }
.lpw-sheet button:focus-visible,.lpw-sheet a:focus-visible { outline:3px solid #87b12b; outline-offset:3px; }
@keyframes lpw-spin { to { transform:rotate(360deg); } }
@media(min-width:700px) { .lpw-sheet { bottom:24px; border-radius:24px; padding-bottom:28px; } }
@media(prefers-reduced-motion:reduce) { .lpw-spinner { animation:none; } }