/* PHWO easy forms — shared styles (8 Oct 2026). One question per screen, full width, big taps. */
.pe{--pe-ink:#14232b;--pe-mute:#4b5d66;--pe-brand:#0D5C63;--pe-brand2:#0a4a50;--pe-line:#d5dee2;--pe-soft:#f2f7f7;--pe-bad:#b42318;--pe-badbg:#fef3f2;--pe-warn:#7a2e0e;--pe-warnbg:#fff4e5;
	box-sizing:border-box;width:100%;max-width:760px;margin:0 auto 1.5rem;color:var(--pe-ink);font-size:18px;line-height:1.55}
.pe *,.pe *::before,.pe *::after{box-sizing:border-box}
.pe.pe-is-ur{font-family:"Noto Nastaliq Urdu","Jameel Noori Nastaleeq","Noto Naskh Arabic",Tahoma,sans-serif;line-height:2}
.pe-top{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;justify-content:space-between;margin-bottom:.8rem}
.pe-langs{display:inline-flex;border:2px solid var(--pe-brand);border-radius:999px;overflow:hidden}
.pe-langs button,.pe-langs a{appearance:none;border:0;background:#fff;color:var(--pe-brand)!important;font:inherit;font-size:16px;font-weight:700;padding:.45rem 1.1rem;min-height:44px;cursor:pointer;display:inline-flex;align-items:center;text-decoration:none!important}
.pe-langs button.is-on,.pe-langs a.is-on{background:var(--pe-brand);color:#fff!important}
.pe-safety{background:var(--pe-warnbg);border-inline-start:6px solid #c2410c;color:var(--pe-warn);border-radius:12px;padding:.8rem 1rem;margin:0 0 1rem;font-weight:600}
.pe-safety b{white-space:nowrap}
.pe-welcome{background:var(--pe-soft);border-radius:12px;padding:.7rem 1rem;margin:0 0 1rem}
.pe-progress{margin:0 0 1rem}
.pe-of{display:block;font-weight:700;color:var(--pe-mute);font-size:16px;margin-bottom:.35rem}
.pe-bar{height:10px;background:#e3eaec;border-radius:999px;overflow:hidden}
.pe-bar i{display:block;height:100%;width:0;background:var(--pe-brand);border-radius:999px;transition:width .25s}
.pe-form{margin:0}
.pe-screen{border:0;margin:0;padding:0}
.pe-ready .pe-screen[hidden]{display:none!important}
.pe-screen h2{font-size:1.45rem;line-height:1.35;margin:.2rem 0 .5rem;color:var(--pe-ink);outline:none}
.pe-is-ur .pe-screen h2{font-size:1.5rem;line-height:1.9}
.pe-hint{color:var(--pe-mute);margin:0 0 1rem}
.pe-ex{display:block;color:var(--pe-mute);font-size:16px;margin-top:.5rem;font-style:italic}
.pe-cards{display:grid;grid-template-columns:1fr;gap:.7rem;margin:0 0 .5rem}
@media (min-width:700px){.pe-cards.pe-two{grid-template-columns:1fr 1fr}}
.pe-card{position:relative;display:flex;align-items:center;gap:.9rem;width:100%;min-height:68px;padding:.85rem 1rem;border:2px solid var(--pe-line);border-radius:14px;background:#fff;cursor:pointer;font-weight:600;transition:border-color .15s,background .15s}
.pe-card input{position:absolute;opacity:0;width:1px;height:1px}
.pe-card .pe-ico{flex:0 0 auto;font-size:1.7rem;width:2.4rem;text-align:center;line-height:1}
.pe-card:hover{border-color:var(--pe-brand)}
.pe-card:has(input:checked){border-color:var(--pe-brand);background:var(--pe-soft);box-shadow:0 0 0 2px var(--pe-brand) inset}
.pe-card:has(input:checked)::after{content:"✓";margin-inline-start:auto;font-size:1.3rem;color:var(--pe-brand);font-weight:800}
.pe-card:has(input:focus-visible){outline:3px solid #f59e0b;outline-offset:2px}
.pe input[type=text],.pe input[type=tel],.pe input[type=email],.pe input[type=date],.pe textarea{width:100%;font:inherit;font-size:20px;padding:.8rem 1rem;border:2px solid var(--pe-line);border-radius:12px;background:#fff;color:var(--pe-ink);min-height:58px}
.pe textarea{min-height:150px;resize:vertical}
.pe input:focus,.pe textarea:focus{outline:none;border-color:var(--pe-brand);box-shadow:0 0 0 3px rgba(13,92,99,.18)}
.pe .has-err input,.pe .has-err textarea{border-color:var(--pe-bad)}
.pe-err{background:var(--pe-badbg);color:var(--pe-bad);border-radius:10px;padding:.6rem .9rem;margin:.7rem 0 0;font-weight:700}
.pe-note{background:var(--pe-soft);border-radius:12px;padding:.8rem 1rem;margin:.8rem 0 0}
.pe-urgent{background:var(--pe-warnbg);color:var(--pe-warn);border-inline-start:6px solid #c2410c;border-radius:12px;padding:.8rem 1rem;margin:.9rem 0 0;font-weight:600}
.pe-file{display:block;border:2px dashed var(--pe-line);border-radius:14px;padding:1rem;background:#fff;text-align:center}
.pe-file.has-file{border-style:solid;border-color:var(--pe-brand);background:var(--pe-soft)}
.pe-file-btn{display:flex;align-items:center;justify-content:center;gap:.6rem;min-height:64px;width:100%;border-radius:12px;background:var(--pe-brand);color:#fff;font-weight:800;font-size:19px;cursor:pointer;position:relative;overflow:hidden}
.pe-file-btn input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.pe-file-prev{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin-top:.7rem}
.pe-thumb{display:flex;flex-direction:column;align-items:center;gap:.25rem;font-size:14px;max-width:150px;word-break:break-all}
.pe-thumb img{width:120px;height:120px;object-fit:cover;border-radius:10px;border:1px solid var(--pe-line)}
.pe-check{display:flex;gap:.7rem;align-items:flex-start;padding:.9rem 1rem;border:2px solid var(--pe-line);border-radius:12px;margin:1rem 0 0;cursor:pointer;font-weight:600}
.pe-check input{width:26px;height:26px;flex:0 0 auto;margin-top:.15rem;accent-color:var(--pe-brand)}
.pe-review-list{display:flex;flex-direction:column;gap:.55rem;margin:.5rem 0 0}
.pe-rv{display:grid;grid-template-columns:1fr auto;gap:.15rem .8rem;border:1px solid var(--pe-line);border-radius:12px;padding:.7rem .9rem;background:#fff}
.pe-rv-q{grid-column:1;font-size:15px;color:var(--pe-mute);font-weight:600}
.pe-rv-a{grid-column:1;font-weight:700;word-break:break-word;white-space:pre-line}
.pe-rv-a.is-empty{color:var(--pe-mute);font-weight:400}
.pe-rv-edit{grid-column:2;grid-row:1/span 2;align-self:center;appearance:none;border:2px solid var(--pe-brand);background:#fff;color:var(--pe-brand);border-radius:10px;font:inherit;font-size:16px;font-weight:700;padding:.35rem .9rem;min-height:44px;cursor:pointer}
.pe-nav{display:flex;gap:.7rem;margin-top:1.2rem}
.pe-nav button,.pe-send{appearance:none;border:0;border-radius:14px;font:inherit;font-size:20px;font-weight:800;min-height:60px;padding:.6rem 1.2rem;cursor:pointer}
.pe-next,.pe-send{flex:1 1 auto;background:var(--pe-brand);color:#fff;width:100%}
.pe-next:hover,.pe-send:hover{background:var(--pe-brand2)}
.pe-back{flex:0 0 auto;background:#fff;color:var(--pe-brand);border:2px solid var(--pe-brand)!important;min-width:110px}
.pe-send{margin-top:1rem}
.pe-send[disabled]{opacity:.7;cursor:wait}
.pe-done{background:#ecfdf3;border:2px solid #12b76a;border-radius:16px;padding:1.2rem}
.pe-done h2{margin-top:0}
.pe-ref{font-size:1.4rem;font-weight:800;letter-spacing:.03em;direction:ltr;unicode-bidi:isolate}
.pe-btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:.6rem 1.3rem;border-radius:14px;background:var(--pe-brand);color:#fff!important;text-decoration:none!important;font-weight:800;font-size:19px;margin-top:.8rem}
.pe-ltr{direction:ltr;unicode-bidi:isolate}
.pe-is-ur input[type=tel],.pe-is-ur input[data-pe-digits],.pe-is-ur input[type=email],.pe-is-ur input[type=date]{direction:ltr;text-align:right}
@media (max-width:480px){.pe{font-size:17px}.pe-screen h2{font-size:1.3rem}.pe-back{min-width:92px}}