.phone-app-page{margin:0;background:#edf1f4;color:#16212c}.phone-app-shell{width:min(100%,560px);min-height:100vh;margin:auto;background:#f7f8fa;box-shadow:0 0 45px rgba(22,33,44,.12)}.phone-app-head{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;padding:12px 14px;background:#fff;border-bottom:1px solid #d8dee4}.phone-app-head>a:first-child{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#eef1f4;font-size:28px;text-decoration:none}.phone-app-head>div{display:grid;flex:1}.phone-app-head small{color:#70808e}.phone-live{display:flex;align-items:center;gap:6px;padding:9px 10px;border-radius:10px;background:#fff8dc;color:#1e3a5c;font-size:12px;font-weight:800;text-decoration:none}.phone-live i{width:8px;height:8px;border-radius:50%;background:#18a650}.phone-app-shell>section{margin:14px}.phone-card{padding:18px;border:1px solid #d7dde3;border-radius:18px;background:#fff;box-shadow:0 4px 14px rgba(22,33,44,.04)}.walk-progress{display:flex;align-items:center;gap:12px}.walk-progress progress{flex:1;accent-color:#f5c400}.reference-card{overflow:hidden;padding:0}.reference-card>.eyebrow{padding:15px 18px 0}.reference-card>img{width:100%;height:250px;object-fit:cover}.evidence-verdict{display:flex;gap:10px;padding:14px;background:#effdf4}.evidence-verdict>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#19a45b;color:#fff}.evidence-verdict>div{display:grid}.evidence-verdict small{color:#537160}.walk-copy>div:first-child{display:flex;justify-content:space-between;align-items:center}.walk-copy h1{font-size:2rem;line-height:1.08;color:#1e3a5c}.walk-copy>p{line-height:1.6;color:#52606d}.walk-gate,.final-check{display:flex;gap:12px;align-items:flex-start;margin:12px 0;padding:14px;border:2px solid #d8dee4;border-radius:13px}.walk-gate{padding:18px;border:3px solid #1e3a5c;background:#e6ebf0;box-shadow:0 5px 0 rgba(30,58,92,.18);cursor:pointer}.walk-gate input{appearance:none;-webkit-appearance:none;display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;margin:0;border:3px solid #1e3a5c;border-radius:8px;background:#fff;cursor:pointer}.walk-gate input:checked{border-color:#0d6f3d;background:#0d6f3d}.walk-gate input:checked:after{content:"✓";color:#fff;font-size:23px;font-weight:900;line-height:1}.walk-gate:has(input:checked){border-color:#0d6f3d;background:#dff5e8;box-shadow:0 5px 0 rgba(13,111,61,.2)}.walk-gate strong{font-size:16px;color:#142d49}.walk-gate small{margin-top:4px;font-size:13px;line-height:1.35;color:#465565}.walk-actions button:disabled{opacity:.48;cursor:not-allowed;filter:grayscale(.25)}.walk-gate span{display:grid}.walk-gate small{color:#687684}.before-move{padding:14px;border-radius:13px;background:#f4f6f8}.before-move ul{padding-left:20px;margin-bottom:0}.tech-help-card{display:flex;align-items:center;gap:12px;margin:14px 0;padding:14px;border-radius:14px;background:#1e3a5c;color:#fff;text-decoration:none}.tech-help-card i{width:10px;height:10px;border-radius:50%;background:#25d366}.tech-help-card span{display:grid}.tech-help-card small{color:#c4d0dc}.walk-actions{display:grid;grid-template-columns:1fr 2fr;gap:10px}.step-list ol{padding-left:28px}.step-list li{padding:5px}.step-list li.active{font-weight:800;color:#987400}.finish-hero,.complete-banner{display:flex;gap:14px;align-items:center;padding:18px}.finish-hero>span,.complete-banner>span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#20a85e;color:#fff;font-size:25px}.finish-hero h1{margin:0;font-size:1.6rem}.finish-hero p{margin:.4rem 0;color:#687684}.final-check input{margin-top:4px}.keep-card{background:#fff8dc;border-color:#f5c400}.finish-main{width:calc(100% - 28px);margin:8px 14px 20px}.complete-banner{margin:14px;border-radius:18px;background:#1e3a5c;color:#fff}.complete-banner div{display:grid}.complete-banner small{color:#c6d0da}.rating-row{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.rating-row button{padding:10px 2px;border:1px solid #d8dee4;border-radius:10px;background:#fff;font-weight:800}.rating-row button small{display:block;font-size:8px;color:#687684}.rating-row button.active{background:#f5c400;border-color:#c9a000}.job-details div,.price-row{display:flex;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px solid #e4e8ec}.job-details dt{color:#687684}.job-details dd{margin:0;font-weight:700}.stack-actions{display:grid;gap:9px;margin-top:16px}.profile-card{display:flex;align-items:center;gap:12px}.profile-card>span{display:grid;place-items:center;width:45px;height:45px;border-radius:50%;background:#1e3a5c;color:#fff;font-weight:800}.profile-card>div{display:grid;flex:1}.profile-card small{color:#687684}.profile-card button{border:0;background:none;color:#1e3a5c;font-weight:800}.setting-row{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid #e2e7ec}.setting-row>span{display:grid;flex:1}.setting-row small{color:#687684}.setting-row input{width:44px;height:24px;accent-color:#f5c400}.live-call-phone{overflow:hidden;border-radius:20px;background:#121b27;color:#fff}.live-call-phone>div:first-child{padding:17px}.live-call-phone h2{margin:.25rem 0}.call-portrait{position:relative}.call-portrait img{display:block;width:100%;height:360px;object-fit:cover}.call-portrait span{position:absolute;bottom:12px;left:12px;padding:7px 10px;border-radius:9px;background:rgba(0,0,0,.72)}.call-controls{display:grid!important;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px!important}.call-controls button{border:0;border-radius:12px;padding:12px;background:#293646;color:#fff;font-weight:700}.call-warning{padding:0 17px;color:#f0c85a}.chat-sheet{padding:16px!important;background:#fff;color:#16212c}.chat-messages{display:grid;gap:8px}.chat-messages span{padding:10px;border-radius:10px;background:#edf1f4}.chat-messages span:nth-child(even){background:#fff3bd}.chat-messages b{display:block}.chat-sheet form{display:flex;margin-top:12px}.chat-sheet input{min-width:0;flex:1;padding:11px}.chat-sheet button{border:0;background:#f5c400;font-weight:800}.settings-link{display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid #e2e7ec;color:#1e3a5c;text-decoration:none}.settings-link span{display:grid}.settings-link small{color:#687684}.settings-link.whatsapp-button{padding:12px;margin:8px 0;border:0}.price-row span{display:grid}.price-row small{color:#687684}.price-row>b{font-size:1.3rem;color:#1e3a5c}.phone-app-footer{display:grid;place-items:center;gap:10px;padding:25px}.phone-app-footer a{display:flex;align-items:center;gap:9px;text-decoration:none}.phone-app-footer img{width:36px;height:36px;object-fit:contain}@media(min-width:700px){.phone-app-page{padding:28px}.phone-app-shell{border-radius:24px;overflow:hidden;min-height:calc(100vh - 56px)}}
/* WhatsApp button in the phone-app header, matching the site's green treatment.
   These screens had Talk-to-a-tech but no WhatsApp, so the app top read
   differently from every other page. */
.phone-wa{
  display:inline-flex;align-items:center;justify-content:center;
  width:38px;height:38px;flex:0 0 auto;
  border-radius:10px;background:#25d366;text-decoration:none;
}
.phone-wa svg{display:block}
.phone-app-head .phone-live{white-space:nowrap}

/* With WhatsApp added the header got tight, so the job subtitle wrapped to a
   second line and pushed the bar tall. Let the title block shrink and clip. */
.phone-app-head>div{min-width:0;flex:1 1 auto}
.phone-app-head>div strong,
.phone-app-head>div small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.phone-app-head .phone-live{padding:9px 9px;font-size:11.5px}
@media(max-width:380px){
  .phone-app-head .phone-live span,
  .phone-app-head>div small{display:none}
}

/* 44px minimum touch target, per the handoff. The header has room for it. */
.phone-app-head .phone-live,
.phone-app-head .phone-wa,
.phone-app-head>a:first-child{min-height:44px}
.phone-app-head .phone-wa{width:44px}

/* Pre-existing: the profile card's Edit button was 27px tall. */
.profile-card button{min-height:44px;padding:0 14px;border-radius:11px}