/* /existing-client/ — an existing client (or the super on a job) signs in and logs a repair.
   Built for a thumb, like /order/: one thing per screen, buttons ≥ 52 px, the main button full width. */
.ec-page{background:var(--bg-alt)}
.ec-page .foot{margin-top:0}
.ec-wrap{padding:0 0 56px;min-height:calc(100vh - var(--nav-h))}
.ec{max-width:560px;margin:0 auto;padding:10px max(16px,env(safe-area-inset-left)) 0;font-size:18px}
.ec-boot{padding:40px 0;text-align:center}
.ec-h{margin:8px 0 10px;font:750 clamp(28px,7.4vw,36px)/1.1 var(--font);letter-spacing:-.03em;text-wrap:balance}
.ec-h:focus,.ec-h:focus-visible{outline:none}
.ec-h2{margin:6px 0 10px;font:700 20px/1.2 var(--font);letter-spacing:-.015em}
.ec-p{font-size:18px;line-height:1.45;color:var(--ink-2);margin:0 0 14px}
.ec-p b{color:var(--ink)}
.ec-fine{margin:12px 0 0;font-size:14.5px;line-height:1.45;color:var(--ink-3);text-align:center}
.ec-fine.ec-left{text-align:left;margin:0 0 6px}
.ec-fine a,.ec-p a{color:var(--brand);font-weight:600}

/* top row: back · language */
.ec-top{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:52px}
.ec-back{min-height:44px;padding:0 16px 0 10px;border:0;border-radius:var(--pill);background:#fff;box-shadow:var(--shadow-s);font:650 16px/1 var(--font);color:var(--ink);cursor:pointer}
.ec-lang{margin-left:auto;min-height:44px;padding:0 16px;border:1.5px solid var(--brand);border-radius:var(--pill);background:#fff;font:700 16px/1 var(--font);color:var(--brand);cursor:pointer}

/* cards + fields */
.ec-card{display:grid;gap:14px;margin:14px 0 0;padding:20px;border-radius:22px;background:#fff;box-shadow:0 4px 18px rgba(0,0,0,.05)}
.ec-f{display:grid;gap:6px}
.ec-f>span{font:650 15px/1.25 var(--font);color:var(--ink-2)}
.ec-f small{font-size:13.5px;line-height:1.4;color:var(--ink-3)}
.ec-f input[type=text],.ec-f input[type=tel],.ec-f input[type=email],.ec-f textarea{width:100%;min-height:54px;padding:12px 14px;border:1.5px solid var(--line);border-radius:14px;background:#fff;font:400 19px/1.3 var(--font);color:var(--ink);outline:none;-webkit-appearance:none;appearance:none}
.ec-f textarea{min-height:128px;resize:vertical;font-size:18px}
.ec-f input:focus,.ec-f textarea:focus{border-color:var(--brand)}
.ec-code{text-align:center;font-size:30px!important;letter-spacing:.35em;font-variant-numeric:tabular-nums}
.ec-big{width:100%;min-height:56px;font-size:18px}
.ec-big[disabled],.ec-choice[disabled]{opacity:.6;cursor:default}
.ec-err{padding:12px 14px;border-radius:12px;background:#fdecea;color:#7a1712;font-size:15.5px;line-height:1.4}
.ec-sent{margin:0;padding:12px 14px;border-radius:12px;background:#eaf6ee;color:#14532d;font-size:15.5px;line-height:1.4}
.ec-links{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 18px;margin:0;font-size:14.5px;color:var(--ink-3)}
.ec-link{padding:6px 2px;border:0;background:none;color:var(--brand);font:600 14.5px var(--font);text-decoration:underline;text-underline-offset:3px;cursor:pointer}

/* text me / email me */
.ec-choices{display:grid;gap:12px;margin:16px 0 8px}
.ec-choice{display:block;width:100%;min-height:84px;padding:16px 18px;border:0;border-radius:20px;background:#fff;box-shadow:var(--shadow-s);text-align:left;cursor:pointer}
.ec-choice:active{transform:scale(.985)}
.ec-choice b{display:block;font:700 21px/1.2 var(--font);letter-spacing:-.015em}
.ec-choice small{display:block;margin-top:4px;font-size:15.5px;color:var(--ink-3)}
.ec-choice:first-child{background:var(--brand);color:#fff}
.ec-choice:first-child small{color:rgba(255,255,255,.82)}

/* signed in: greeting + the jobs */
.ec-hello{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:2px 0 6px;font-size:17px}
.ec-jobs{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:12px}
.ec-job{display:grid;gap:4px;width:100%;padding:16px 18px;border:0;border-radius:20px;background:#fff;box-shadow:var(--shadow-s);text-align:left;font:inherit;color:inherit}
.ec-job.is-open{background:#fbf8f5}
.ec-acts{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:12px}
.ec-act{min-height:46px;padding:0 20px;font-size:16px}
.ec-link2{font:600 15.5px/1.2 var(--font);color:var(--brand);text-underline-offset:3px}
.ec-paynote{margin-top:6px;font-size:14.5px;line-height:1.4;color:var(--ink-3)}
.ec-pw{gap:12px}
.ec-pw form{display:grid;gap:14px}
.ec-pw b{font:650 17px/1.3 var(--font)}
.ec-pw p{margin:0;font-size:16px;line-height:1.45;color:var(--ink-2)}
.ec-pwok{padding:10px 14px;border-radius:12px;background:#eaf6ee;color:#14532d;font:600 15px/1.4 var(--font)!important}
.ec-f input[type=password]{width:100%;min-height:54px;padding:12px 14px;border:1.5px solid var(--line);border-radius:14px;background:#fff;font:400 19px/1.3 var(--font);color:var(--ink);outline:none;-webkit-appearance:none;appearance:none}
.ec-f input[type=password]:focus,.ec-f select:focus{border-color:var(--brand)}
.ec-f select{width:100%;min-height:54px;padding:12px 14px;border:1.5px solid var(--line);border-radius:14px;background:#fff;font:400 18px/1.3 var(--font);color:var(--ink);outline:none}
.ec-f input[readonly]{background:var(--bg-alt);color:var(--ink-2)}
.ec-showpw{display:flex;align-items:center;gap:10px;font-size:15.5px;color:var(--ink-2);cursor:pointer}
.ec-showpw input{width:20px;height:20px;accent-color:var(--brand)}
.ec-care b{font:650 17px/1.3 var(--font)}
.ec-care p{margin:0;font-size:16px;line-height:1.45;color:var(--ink-2)}
.ec-care a{color:var(--brand);font-weight:600}
.ec-jh{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.ec-jn{font:750 21px/1.2 var(--font);letter-spacing:-.015em;color:var(--brand)}
.ec-jt{font-size:16px;color:var(--ink-3)}
.ec-ja{font-size:17.5px;line-height:1.35;color:var(--ink)}
.ec-jd{font-size:15px;color:var(--ink-3)}
.ec-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.ec-chip{padding:4px 10px;border-radius:var(--pill);background:rgba(105,29,32,.08);color:var(--brand);font:600 13.5px/1.2 var(--font)}
.ec-chip-w{background:#eaf6ee;color:#14532d}
.ec-open{margin-top:6px;padding:8px 12px;border-radius:12px;background:#fff6e5;border:1px solid #f1d9a6;font:600 14.5px/1.35 var(--font);color:#6b4a00}

/* the repair form */
.ec-jobline{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-radius:14px;background:#fff;box-shadow:var(--shadow-s);font-size:16px;line-height:1.35}
.ec-jobline b{color:var(--brand)}
.ec-pills{display:flex;flex-wrap:wrap;gap:8px}
.ec-pill{min-height:46px;padding:0 16px;border:1.5px solid var(--line);border-radius:var(--pill);background:#fff;font:600 16px/1 var(--font);color:var(--ink-2);cursor:pointer}
.ec-pill[aria-pressed=true]{border-color:var(--brand);background:var(--brand);color:#fff}
.ec-check{display:grid;grid-template-columns:26px 1fr;gap:12px;align-items:start;padding:12px 14px;border-radius:14px;background:#fff6e5;border:1px solid #f1d9a6;cursor:pointer}
.ec-check input{width:24px;height:24px;margin:2px 0 0;accent-color:var(--brand)}
.ec-check b{display:block;font:650 16.5px/1.3 var(--font);color:#4a3300}
.ec-check small{display:block;margin-top:3px;font-size:14px;line-height:1.4;color:#6b4a00}
.ec-thumbs{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.ec-thumbs:empty{display:none}
.ec-thumbs li{position:relative;width:84px;height:84px;border-radius:14px;overflow:hidden;background:#eee}
.ec-thumbs img{width:100%;height:100%;object-fit:cover}
.ec-x{position:absolute;top:4px;right:4px;width:30px;height:30px;border:0;border-radius:50%;background:rgba(0,0,0,.62);color:#fff;font:700 20px/30px var(--font);text-align:center;cursor:pointer}
.ec-add{width:100%;min-height:52px;font-size:17px}

/* done */
.ec-ok{display:grid;place-items:center;width:64px;height:64px;margin:14px 0 4px;border-radius:50%;background:#eaf6ee;color:var(--good)}
.ec-ok svg{width:34px;height:34px}
.ec-steps{margin:0 0 6px;padding:0 0 0 22px;display:grid;gap:10px;font-size:17px;line-height:1.45;color:var(--ink-2)}
.ec-cta{display:grid;gap:12px;margin:18px 0 0}
.ec-cta .btn{text-align:center}

@media (min-width:640px){.ec{padding-top:24px}.ec-cta{grid-template-columns:1fr 1fr}}
@media (prefers-reduced-motion:reduce){.ec *{transition:none!important}}