/* [easy-form 8 Oct 2026] PHWO easy form (one question per screen). Mobile first, full width, no narrow columns. */
.ez-wrap{--ez-main:#0D5C63;--ez-main-d:#09464c;--ez-soft:#eef5f5;--ez-line:#c9d8d9;--ez-warn:#b3261e;--ez-ok:#1e7a3c;max-width:640px;margin:0 auto;font-size:18px;line-height:1.5;color:#1d2b2f}
.ez-wrap[lang=ur]{font-family:'Noto Nastaliq Urdu','Jameel Noori Nastaleeq',Tahoma,Arial,sans-serif;line-height:2.1}
.ez-wrap *{box-sizing:border-box}
.ez-form,.ez-done{background:#fff;border:1px solid #e1eaea;border-radius:16px;padding:18px 16px 16px}
.ez-top{padding:0 0 10px;margin:0 0 6px}
.ez-steps{display:flex;justify-content:space-between;font-size:15px;color:#4a5c60;font-weight:600}
.ez-bar{height:10px;background:#e3ecec;border-radius:10px;overflow:hidden;margin-top:6px}
.ez-bar span{display:block;height:100%;width:0;background:var(--ez-main);transition:width .3s}
.ez-q{font-size:1.45rem;line-height:1.35;margin:.3rem 0 .4rem;color:#0b2f33;outline:none}
.ez-wrap[lang=ur] .ez-q{font-size:1.5rem;line-height:2}
.ez-hint{margin:0 0 .9rem;color:#4a5c60;font-size:1rem}
.ez-small{font-size:.92rem;color:#5c6d71;margin:.8rem 0 0}
.ez-lab{font-weight:700;margin:1rem 0 .4rem}
.ez-grid{display:grid;grid-template-columns:1fr;gap:10px}
.ez-grid-2{grid-template-columns:1fr 1fr}
@media (min-width:700px){.ez-grid-2{grid-template-columns:1fr 1fr 1fr}}
.ez-card{position:relative;display:flex;align-items:center;gap:10px;min-height:64px;padding:12px 14px;border:2px solid var(--ez-line);border-radius:14px;background:#fff;cursor:pointer;font-weight:600;font-size:1.02rem;line-height:1.3;-webkit-tap-highlight-color:transparent}
.ez-grid-2 .ez-card{flex-direction:column;justify-content:center;text-align:center;min-height:96px;gap:4px;padding:10px 8px}
.ez-card input{position:absolute;opacity:0;pointer-events:none}
.ez-ico{font-size:1.9rem;line-height:1}
.ez-tick{display:none;position:absolute;top:6px;inset-inline-end:8px;background:var(--ez-main);color:#fff;border-radius:50%;width:24px;height:24px;font-size:14px;line-height:24px;text-align:center}
.ez-card:has(input:checked){border-color:var(--ez-main);background:var(--ez-soft);box-shadow:0 0 0 2px var(--ez-main) inset}
.ez-card:has(input:checked) .ez-tick{display:block}
.ez-card:has(input:focus-visible){outline:3px solid #E8A33D;outline-offset:2px}
.ez-wrap input[type=text],.ez-wrap input[type=tel],.ez-wrap input[type=email],.ez-wrap input[type=date],.ez-wrap input[type=number],.ez-wrap textarea,.ez-wrap select{width:100%;font-size:20px;padding:14px;border:2px solid var(--ez-line);border-radius:12px;background:#fff;color:#111;font-family:inherit}
.ez-wrap textarea{min-height:150px;line-height:1.6}
.ez-wrap input:focus,.ez-wrap textarea:focus{border-color:var(--ez-main);outline:none;box-shadow:0 0 0 3px rgba(13,92,99,.18)}
.ez-field{display:block;margin:0 0 14px}
.ez-field>span{display:block;font-weight:700;margin-bottom:6px}
.ez-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:56px;padding:12px 18px;border-radius:14px;font-size:1.1rem;font-weight:700;border:2px solid var(--ez-main);cursor:pointer;text-decoration:none;font-family:inherit;line-height:1.2}
.ez-btn-main{background:var(--ez-main);color:#fff}
.ez-btn-main:hover{background:var(--ez-main-d);color:#fff}
.ez-btn-soft{background:#fff;color:var(--ez-main)}
.ez-btn.is-busy{opacity:.75;cursor:progress}
.ez-nav{display:flex;gap:10px;margin-top:18px;padding:6px 0 4px}
.ez-nav .ez-btn{flex:1 1 0}
.ez-nav .ez-next,.ez-nav .ez-send{flex:2 1 0}
.ez-nav [hidden]{display:none}
.ez-saved{margin:.4rem 0 0;font-size:.85rem;color:#5c6d71;text-align:center;min-height:1em}
.ez-err{background:#fdecea;color:var(--ez-warn);border:1px solid #f3b7b2;border-radius:10px;padding:10px 12px;font-weight:700;margin:12px 0 0}
.is-bad{border-color:var(--ez-warn)!important;box-shadow:0 0 0 2px rgba(179,38,30,.2)}
.ez-grid.is-bad{border:2px solid var(--ez-warn);border-radius:14px;padding:6px}
.ez-photo{display:flex;flex-direction:column;gap:10px;margin:6px 0 0;border:2px dashed var(--ez-line);border-radius:14px;padding:12px}
.ez-photo.has-photo{border-style:solid;border-color:var(--ez-ok);background:#f2faf4}
.ez-photo .ez-btn{width:100%}
.ez-photo-prev{display:flex;flex-wrap:wrap;gap:10px}
.ez-photo-prev:empty{display:none}
.ez-thumb{position:relative;flex:1 1 140px;max-width:100%;border-radius:10px;overflow:hidden;background:#f4f7f7;text-align:center;padding-bottom:6px}
.ez-thumb img{display:block;width:100%;max-height:220px;object-fit:contain;background:#000}
.ez-ok{position:absolute;top:6px;inset-inline-start:6px;font-size:1.6rem}
.ez-pdf{display:block;padding:18px 8px;font-weight:600;word-break:break-all}
.ez-redo{margin-top:6px;background:none;border:0;color:var(--ez-main);font-weight:700;text-decoration:underline;font-size:1rem;cursor:pointer;font-family:inherit}
.ez-review{list-style:none;margin:0;padding:0}
.ez-review li{display:flex;gap:10px;align-items:center;justify-content:space-between;border:1px solid #dfe8e8;border-radius:12px;padding:10px 12px;margin:0 0 8px}
.ez-review li div{min-width:0}
.ez-review strong{display:block;font-size:.95rem;color:#4a5c60}
.ez-review span{display:block;font-size:1.05rem;word-break:break-word}
.ez-review .ez-btn{min-height:44px;padding:6px 12px;font-size:.95rem;flex:0 0 auto}
.ez-terms{margin:0 0 12px;padding-inline-start:1.2rem}
.ez-terms li{margin:0 0 6px}
.ez-tickbox{display:flex;gap:12px;align-items:flex-start;border:2px solid var(--ez-line);border-radius:14px;padding:14px;margin:0 0 10px;cursor:pointer;font-weight:600}
.ez-tickbox input{width:28px;height:28px;flex:0 0 28px;margin:2px 0 0;accent-color:var(--ez-main)}
.ez-tickbox.ez-opt{font-weight:400;font-size:.95rem}
.ez-resume{background:#fff8ea;border:1px solid #E8A33D;border-radius:12px;padding:12px;margin:0 0 12px;display:flex;flex-wrap:wrap;gap:8px}
.ez-resume[hidden]{display:none}
.ez-resume p{flex:1 1 100%;margin:0;font-weight:600}
.ez-resume .ez-btn{flex:1 1 140px}
.ez-resume small{flex:1 1 100%;color:#6b5a2d}
.ez-done{text-align:center;outline:none}
.ez-done-ico{font-size:3rem}
.ez-done h2{font-size:1.5rem;margin:.2rem 0 .6rem}
.ez-ref{font-size:1.3rem;letter-spacing:.03em}
.ez-done-box{background:var(--ez-soft);border-radius:14px;padding:14px;margin:14px 0}
.ez-done-box .ez-btn{width:100%}
.ez-camera{position:fixed;inset:0;z-index:100000;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center}
.ez-camera[hidden]{display:none}
.ez-camera video{width:100%;height:100%;object-fit:cover}
.ez-camera video.is-mirror{transform:scaleX(-1)}
.ez-frame{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);border:4px solid #fff;box-shadow:0 0 0 9999px rgba(0,0,0,.45);pointer-events:none}
.ez-camera.is-card .ez-frame,.ez-camera.is-doc .ez-frame{width:86vw;max-width:560px;aspect-ratio:1.586;border-radius:14px}
.ez-camera.is-face .ez-frame{width:62vw;max-width:340px;aspect-ratio:.78;border-radius:50%}
.ez-cam-tip{position:absolute;top:12px;left:12px;right:12px;margin:0;color:#fff;font-weight:700;text-align:center;font-size:1.05rem;text-shadow:0 1px 3px #000}
.ez-cam-btns{position:absolute;bottom:18px;left:12px;right:12px;display:flex;gap:10px}
.ez-cam-btns .ez-btn{flex:1}
.ez-cam-btns .ez-btn-soft{background:rgba(255,255,255,.92)}
html.ez-cam-open,html.ez-cam-open body{overflow:hidden}
.ez-scr[hidden],.ez-wrap [hidden]{display:none!important}
.ez-wrap .phwo-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
@media (max-width:480px){.ez-form,.ez-done{border:0;border-radius:0;padding:12px 2px}.ez-q{font-size:1.32rem}}
