:root{--ink:#101828;--muted:#667085;--line:#e5e7eb;--bg:#f7f8fb;--card:#fff;--green:#14b86e;--dark:#07111f;--blue:#2563eb;--soft:#eafaf2}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--bg);line-height:1.5}a{color:inherit}.topbar{max-width:1180px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:18px 22px;gap:18px}.brand{font-weight:800;font-size:22px;letter-spacing:-.04em;text-decoration:none}.brand span{color:var(--green)}nav{display:flex;gap:16px;color:var(--muted);font-size:14px}nav a{text-decoration:none}.shell{max-width:1120px;margin:0 auto;padding:14px 22px 60px}.heroCard,.card{background:var(--card);border:1px solid var(--line);border-radius:28px;padding:24px;margin:18px 0;box-shadow:0 12px 40px rgba(16,24,40,.05)}.heroCard{display:grid;grid-template-columns:1fr 320px;gap:22px;align-items:center;background:linear-gradient(135deg,#fff,#effcf5)}h1{font-size:44px;line-height:1.02;letter-spacing:-.06em;margin:8px 0 12px}h2{font-size:28px;letter-spacing:-.04em;margin:0 0 8px}.muted,.disclaimer{color:var(--muted)}.disclaimer{font-size:13px}.eyebrow,.pill{display:inline-flex;background:var(--soft);color:#067647;border:1px solid #b7efcf;padding:7px 11px;border-radius:999px;font-weight:800;font-size:13px}.statusBox{background:#07111f;color:#fff;border-radius:22px;padding:18px}.statusBox small{display:block;color:#a8b3c7;margin-top:8px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:12px 17px;font-weight:800;text-decoration:none;border:1px solid transparent;cursor:pointer}.btn.primary{background:var(--green);color:#062012}.btn.dark{background:var(--dark);color:#fff}.btn.ghost{border-color:var(--line);background:#fff}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:24px}.stack{display:grid;gap:12px}.formGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.full{grid-column:1/-1}label{display:grid;gap:6px;font-weight:700;font-size:14px}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:14px;padding:12px 13px;font:inherit;background:#fff}textarea{resize:vertical}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.sectionHead{display:flex;justify-content:space-between;gap:16px;align-items:start;margin-bottom:16px}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.miniCard{border:1px solid var(--line);border-radius:20px;padding:16px;background:#fff}.miniCard h3{margin:0 0 6px}.tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.tag{font-size:12px;border-radius:999px;background:#f2f4f7;color:#344054;padding:5px 8px;font-weight:700}.checklist{padding-left:20px}.btn.small{padding:9px 12px;font-size:13px;margin-top:14px}.adminPanel{display:grid;grid-template-columns:320px 1fr;gap:18px;align-items:start}.miniCard .btn{width:max-content}.hidden{display:none!important}@media(max-width:820px){.heroCard,.grid2,.formGrid,.cards,.adminPanel{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}nav{flex-wrap:wrap}h1{font-size:34px}.sectionHead{display:block}.btn{width:100%}.row .btn{width:auto}} .evidenceBox{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.evidenceList{margin-top:16px}.privateEvidence{border-style:dashed;background:#fbfffd}.smallNote{font-size:13px}.btn.small{padding:8px 11px;font-size:12px}.requestActions{margin-top:12px;flex-wrap:wrap}.contactPanel{margin-top:12px;border:1px solid #b7efcf;background:#f3fdf7;border-radius:16px;padding:12px}.contactPanel p{margin:5px 0 0;white-space:pre-line}.requestCard{border-left:4px solid var(--green)}.filterBar{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:12px;margin:14px 0 18px;padding:14px;border:1px solid var(--line);border-radius:18px;background:#fbfcff}.adminFilterBar{grid-template-columns:repeat(8,minmax(105px,1fr));align-items:end}.filterBar label{font-size:12px}.filterBar input,.filterBar select{margin-top:6px}.ratingTag{background:#eef4ff;color:#1849a9;border-color:#c7d7fe}.postStatus{text-transform:capitalize}.urgencyTag{text-transform:capitalize;background:#fff7ed;color:#9a3412;border-color:#fed7aa}.dashboardGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:16px}.metricCard strong{display:block;font-size:32px;letter-spacing:-.05em;margin:6px 0}.actionPanel{margin-top:14px;border-left:4px solid var(--green)}.matchPanel{margin-top:14px}.matchCard{border-left:4px solid var(--blue);background:#fbfcff}.matchRow{display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:start;border-top:1px solid var(--line);padding-top:12px;margin-top:12px}.matchRow p{grid-column:1/-1;margin:0}.matchRow .pill{white-space:nowrap}.adminEvidenceDetail,.adminReviewHistory{margin-top:16px}.adminEvidenceCard{border-left:4px solid var(--blue)}.adminHistoryCard{border-left:4px solid #7c3aed}.evidenceRow{border-top:1px solid var(--line);padding-top:12px;margin-top:12px}@media(max-width:900px){.dashboardGrid{grid-template-columns:repeat(2,1fr)}.adminFilterBar{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.filterBar,.adminFilterBar{grid-template-columns:1fr 1fr}.filterBar .btn{grid-column:1/-1}.dashboardGrid{grid-template-columns:1fr}} .authSimple{max-width:520px;margin:18px auto}.authSimple .row{gap:10px;flex-wrap:wrap}.authSwitch{margin:4px 0 0;color:var(--muted);font-size:14px}.authSwitch a{color:var(--green);font-weight:800}.btn.textBtn{background:transparent;border:0;color:var(--muted);padding:8px 0}.loginHero{max-width:720px;margin-left:auto;margin-right:auto;grid-template-columns:1fr}.loginHero .statusBox{display:none}.loginHero h1{font-size:38px}.modalCard{width:min(560px,calc(100vw - 28px));border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:0 24px 70px rgba(16,24,40,.22)}.modalCard::backdrop{background:rgba(7,17,31,.54)}.modalCard textarea{width:100%;margin-top:8px}@media(max-width:820px){.topbar{justify-content:center}.loginHero h1{font-size:34px}.authSimple{padding:22px}.authSimple .btn.primary,.authSimple .btn.ghost{width:100%}.authSimple .row{display:grid;grid-template-columns:1fr;gap:8px}.btn.textBtn{width:auto;justify-content:flex-start}.shell{padding-top:4px}} .authSimple form.signupComplete{display:block;text-align:center;padding:12px 0} .authSimple form.signupComplete > :not(#authStatus){display:none!important} #authStatus.authSuccess{display:block!important;margin:6px 0 2px;color:var(--ink);font-size:34px;line-height:1.08;font-weight:900;letter-spacing:-.05em;text-align:center} #authStatus.authSuccess span{display:block;margin-top:14px;color:var(--muted);font-size:18px;line-height:1.35;font-weight:700;letter-spacing:-.02em} @media(max-width:820px){#authStatus.authSuccess{font-size:32px}#authStatus.authSuccess span{font-size:18px}} .authSimple form.otpChallenge{display:block;text-align:left;padding:6px 0} .authSimple form.otpChallenge > :not(.otpChallengeOnly):not(#authStatus){display:none!important} #authStatus.otpNotice{display:block!important;margin:0 0 22px;color:var(--ink);font-size:34px;line-height:1.08;font-weight:900;letter-spacing:-.05em;text-align:left} #authStatus.otpNotice span{display:block;margin-top:14px;color:var(--muted);font-size:18px;line-height:1.35;font-weight:700;letter-spacing:-.02em} #authStatus.otpNotice .smallOtpNote{font-size:14px;font-weight:700;color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:14px;padding:10px 12px} .authSimple form.otpChallenge .otpChallengeOnly{margin-top:12px} .authSimple form.otpChallenge .otpChallengeOnly .btn.primary{width:100%} @media(max-width:820px){#authStatus.otpNotice{font-size:32px}#authStatus.otpNotice span{font-size:18px}} /* Authenticated hamburger menu */ .menuToggle{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:999px;padding:10px 14px;font-weight:900;box-shadow:0 8px 24px rgba(16,24,40,.10);z-index:120} .hamburger{display:grid;gap:3px}.hamburger i{display:block;width:18px;height:2px;background:var(--ink);border-radius:999px} .appMenu{position:absolute;right:22px;top:64px;z-index:90;width:min(330px,calc(100vw - 44px));background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 24px 70px rgba(16,24,40,.18);padding:12px;display:none} .appMenu.open{display:grid;gap:10px} .appMenu nav{display:grid!important;grid-template-columns:1fr;gap:2px;color:var(--ink);font-size:15px} .appMenu nav a{display:flex;align-items:center;min-height:34px;padding:7px 10px;border-radius:12px;font-weight:800;text-decoration:none;color:var(--ink)} .appMenu nav a:hover,.appMenu nav a:focus{background:#f3fdf7;color:#067647} .appMenu #signOutBtn{display:flex!important;width:100%;min-height:40px;margin-top:6px;border-color:var(--line);background:#fff;color:#2563eb} .topbar{position:relative;z-index:110}.topbar .menuToggle.hidden,.appMenu.hidden{display:none!important} @media(max-width:820px){.topbar{justify-content:space-between;position:sticky;top:0;background:var(--bg);z-index:110}.menuToggle{position:relative}.menuToggle[aria-expanded="true"]{box-shadow:0 10px 28px rgba(16,24,40,.18)}.menuToggle[aria-expanded="true"] span:last-child{display:none}.appMenu{left:22px;right:22px;top:72px;width:auto;z-index:100}.appMenu nav a{min-height:32px;padding:6px 10px}.appMenu #signOutBtn{min-height:38px}.shell{padding-top:4px}} /* Larger wrapping text fields for profile and coverage forms */ .formGrid textarea{min-height:76px;line-height:1.35;white-space:pre-wrap;overflow-wrap:anywhere;resize:vertical} .formGrid textarea[rows="2"]{min-height:82px} @media(max-width:820px){.formGrid textarea[rows="2"]{min-height:92px}.formGrid input,.formGrid select,.formGrid textarea{font-size:16px}} /* Admin account database */ .accountTableWrap{margin-top:14px;overflow-x:auto;border:1px solid var(--line);border-radius:20px;background:#fff} .accountTable{min-width:980px;display:grid} .accountHeader,.accountRow{display:grid;grid-template-columns:1.5fr 1.5fr .75fr 1fr 1fr 1fr 1.2fr 1.4fr;gap:10px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line)} .accountHeader{position:sticky;top:0;background:#f8fafc;font-size:12px;font-weight:900;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;z-index:2} .accountRow:nth-child(odd){background:#fcfcfd} .accountRow.selectedAccountRow{background:#eef4ff;box-shadow:inset 4px 0 0 var(--blue)} .accountRow span{min-width:0;overflow-wrap:anywhere} .accountRow small{display:block;color:var(--muted);font-size:11px;margin-top:3px;line-height:1.25} .accountRow .requestActions{margin-top:0;gap:6px}.btn.danger{border-color:#fecdca;color:#b42318;background:#fff}.btn.danger:hover,.btn.danger:focus{background:#fef3f2} .evidencePreview{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.templatePicker{border-left:4px solid var(--green);background:#fbfffd}.templatePicker label{min-width:min(360px,100%)}.templatePicker select{margin-top:6px}.safeConfirm{display:flex;gap:10px;align-items:flex-start;border:1px solid #bfdbfe;border-left:4px solid var(--blue);border-radius:14px;background:#f8fbff;padding:10px 12px;font-weight:700;line-height:1.35}.safeConfirm input{width:auto;margin-top:2px;flex:0 0 auto}.warningText{color:#b42318!important;font-weight:800}.fitTag{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.fitChecklist{border:1px solid var(--line);border-radius:18px;background:#fbfcff;padding:12px;margin:4px 0 10px}.fitChecklist ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px;list-style:none;margin:10px 0;padding:0}.fitChecklist li{font-size:13px;font-weight:800}.fitChecklist li.ok{color:#067647}.fitChecklist li.warn{color:#9a3412}.fitScore{display:flex;align-items:center;justify-content:space-between;gap:12px}.fitScore span{font-size:13px;color:var(--muted);font-weight:900}.fitScore b{font-size:28px;letter-spacing:-.05em;color:var(--blue)}.postReadiness{margin:12px 0;padding:12px;border:1px solid #dbeafe;border-left:4px solid var(--blue);border-radius:16px;background:#fbfcff}.postReadiness .fitScore b{font-size:24px}.postReadiness .checkPills{margin-top:8px}.postReadiness p{margin:8px 0 0}.actionPlanBox{margin:12px 0;padding:12px;border:1px solid #ddd6fe;border-left:4px solid #7c3aed;border-radius:16px;background:#fbfaff}.actionPlanBox b{display:block;margin-bottom:4px}.actionPlanBox p{margin:0}@media(max-width:620px){.fitChecklist ul{grid-template-columns:1fr}.postReadiness .fitScore{align-items:flex-start}.postReadiness .checkPills{display:grid;grid-template-columns:1fr}} @media(max-width:820px){.accountTable{min-width:860px}.accountHeader,.accountRow{grid-template-columns:1.4fr 1.4fr .7fr .9fr .9fr .9fr 1.1fr 1.3fr;padding:10px}} .networkFitReasons{margin:12px 0 2px;padding:10px 12px;border:1px solid #dbeafe;border-left:4px solid var(--blue);border-radius:14px;background:#fbfcff}.networkFitReasons b{display:block;font-size:13px}.networkFitReasons p{margin:4px 0;color:var(--ink);font-size:13px}.networkFitReasons small{display:block;color:var(--muted);font-size:12px}.profileStarter{border-left:4px solid var(--green);background:#fbfffd}.profileStarter .requestActions{align-items:end;margin-top:8px}.profileStarter label{min-width:min(360px,100%)}.profileStarter select{margin-top:6px}.profilePreview{border-left:4px solid var(--blue);background:#fbfcff}.profilePreview .previewCard{background:#fff;margin-top:10px}.profilePreview .tags{margin-top:10px}.profilePreview .sectionHead{margin-bottom:6px}.profilePrivacyGuard{border-left:4px solid #7c3aed;background:#fbfaff}.profilePrivacyGuard .sectionHead{margin-bottom:8px}.profilePrivacyGuard .checkPills{margin-top:8px}.profilePrivacyGuard p{margin:8px 0 0}.profileDraftPanel{border-left:4px solid #f59e0b;background:#fffdf7}.profileDraftPanel .sectionHead{margin-bottom:8px}.profileDraftPanel .requestActions{margin-top:8px}.evidenceAttemptSummary{border-left:4px solid #7c3aed;background:#fbfaff;margin-top:16px}.evidenceAttemptSummary .sectionHead{margin-bottom:8px}.evidenceAttemptSummary .checkPills{margin-top:8px}.evidenceAttemptSummary p{margin:8px 0 0} .requestActionPanel{margin:12px 0}.requestActionQueue{border-left:4px solid var(--blue);background:#fbfcff}.requestActionQueue .sectionHead{margin-bottom:6px}.requestActionQueue p{margin:6px 0}.requestQueueBrief{margin:12px 0;padding:12px;border:1px solid #bae6fd;border-radius:14px;background:#f0f9ff}.requestQueueBrief p{margin:4px 0 0}.requestActionEmpty{border-left:4px solid var(--line);background:#fcfcfd}.requestRiskStrip{margin:8px 0}.requestRisk{text-transform:none}.ratingLaunchPanel{margin:12px 0}.ratingLaunchCard{border-left:4px solid #7c3aed;background:#fbfaff}.ratingLaunchCard .sectionHead{margin-bottom:8px}.progressTrack{height:10px;border-radius:999px;background:#eef2f7;overflow:hidden;border:1px solid var(--line);margin:8px 0 10px}.progressTrack span{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--blue));border-radius:999px}.requestReviewChecklist{margin:12px 0;padding:12px;border:1px solid #dbeafe;border-radius:16px;background:#fff}.requestReviewChecklist .sectionHead{margin-bottom:8px}.requestReviewChecklist .checkPills{margin-top:6px}.requestCard .requestReviewChecklist{background:#fbfcff}.adminQueueActionPanel{margin:12px 0}.adminQueueActionCard{border-left:4px solid var(--blue);background:#fbfcff}.adminQueueActionCard .sectionHead{margin-bottom:6px}.adminQueueActionCard p{margin:6px 0}.adminTriage{border:1px solid #dbeafe;border-left:4px solid #7c3aed;border-radius:16px;background:#fff;padding:12px;margin:10px 0}.adminTriage b{display:block;margin-bottom:8px}.adminTriage p{margin:8px 0 0}.dashboardActionChecklist{margin-top:12px}.dashboardActions{display:grid;gap:8px}.dashboardActions .statusPill{width:100%;justify-content:flex-start;text-decoration:none;white-space:normal;line-height:1.25;text-transform:none}.workflowPanel{margin-top:14px}.workflowCard{border-left:4px solid #7c3aed;background:#fbfaff}.workflowCard .sectionHead{margin-bottom:10px}.workflowSteps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.workflowStep{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;padding:12px;border:1px solid var(--line);border-radius:16px;background:#fff;text-decoration:none;color:var(--ink)}.workflowStep span{grid-row:1/3;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;background:#eef4ff;color:#1849a9;font-weight:900}.workflowStep.done span{background:#ecfdf3;color:#067647}.workflowStep.todo span{background:#fff7ed;color:#9a3412}.workflowStep b{font-size:14px}.workflowStep p{margin:0;color:var(--muted);font-size:13px;line-height:1.35}.workflowStep:hover,.workflowStep:focus{border-color:#bfdbfe;box-shadow:0 8px 20px rgba(16,24,40,.08)}@media(max-width:700px){.workflowSteps{grid-template-columns:1fr}} .coverageChecklist{border-left:4px solid var(--green);background:#fbfffd}.savedCoveragePanel{margin:10px 0 16px;padding:12px;border:1px solid #dbeafe;border-left:4px solid var(--blue);border-radius:16px;background:#fbfcff}.savedCoveragePanel.hidden{display:none}.savedCoveragePanel .sectionHead{margin-bottom:8px}.savedCoveragePanel .checkPills{margin-top:6px}.savedCoverageList{display:grid;gap:8px;margin:10px 0;padding-left:20px}.savedCoverageList li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:14px;background:#fff}.savedCoverageList b,.savedCoverageList span{display:block}.savedCoverageList span{color:var(--muted);font-size:12px;font-weight:800}.savedCoverageList .requestActions{margin-top:0;flex-shrink:0}@media(max-width:620px){.savedCoverageList li{align-items:flex-start;flex-direction:column}.savedCoverageList .requestActions{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.savedCoverageList .requestActions .btn,.savedCoverageList .requestActions .statusPill{width:100%;justify-content:center}}.coverageDraftPanel{border-left:4px solid #f59e0b;background:#fffdf7}.coverageDraftPanel .sectionHead{margin-bottom:8px}.coverageDraftPanel .requestActions{margin-top:8px}.coverageChecklist .sectionHead{margin-bottom:8px}.coverageChecklist .checkPills{margin-top:8px}.coveragePreview{border-left:4px solid var(--blue);background:#fbfcff}.coveragePreview .previewCard{background:#fff;margin-top:10px}.coveragePreview .sectionHead{margin-bottom:6px}.requestPreflightBrief{border:1px solid #dbeafe;border-left:4px solid var(--blue);border-radius:18px;background:#fbfcff;padding:12px;margin:4px 0 10px}.requestPreflightBrief .sectionHead{margin-bottom:8px}.requestPreflightBrief .checkPills{margin-top:8px}.requestDraftPanel{border:1px solid #fed7aa;border-left:4px solid #f59e0b;border-radius:18px;background:#fffdf7;padding:12px;margin:4px 0 10px}.requestDraftPanel .sectionHead{margin-bottom:8px}.requestDraftPanel .requestActions{margin-top:8px}.ratingDraftPanel{border:1px solid #fed7aa;border-left:4px solid #f59e0b;border-radius:18px;background:#fffdf7;padding:12px;margin:4px 0 10px}.ratingDraftPanel .sectionHead{margin-bottom:8px}.ratingDraftPanel .requestActions{margin-top:8px}.requestPreview{border:1px solid #bfdbfe;border-left:4px solid var(--blue);border-radius:18px;background:#fbfcff;padding:12px;margin:4px 0 10px}.smartFitNote{border:1px solid #dbeafe;border-left:4px solid #7c3aed;border-radius:18px;background:#fbfaff;padding:12px;margin:4px 0 10px}.smartFitNote .sectionHead{margin-bottom:0;align-items:flex-start}.smartFitNote .btn{white-space:nowrap}.requestPreview .sectionHead{margin-bottom:6px}.requestPreview .previewCard{background:#fff;margin-top:8px}.modalCard .requestPreview p{margin-top:6px}.modalCard .requestPreview .checkPills{display:flex;gap:8px;flex-wrap:wrap}.btn:disabled{opacity:.55;cursor:not-allowed} .requestLifecycle{margin:12px 0;padding:12px;border:1px solid #dbeafe;border-left:4px solid var(--blue);border-radius:16px;background:#fbfcff}.coverageLifecycle{margin:12px 0;padding:12px;border:1px solid #bbf7d0;border-left:4px solid #16a34a;border-radius:16px;background:#f8fff9}.coverageLifecycle .sectionHead{margin-bottom:8px}.coverageLifecycle .checkPills{margin-top:6px}.requestLifecycle .sectionHead{margin-bottom:8px}.lifecycleSteps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.lifecycleStep{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;align-items:start;border:1px solid var(--line);border-radius:14px;background:#fff;padding:10px}.lifecycleStep span{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:999px;background:#eef2f7;color:var(--muted);font-size:12px;font-weight:900}.lifecycleStep b{font-size:13px}.lifecycleStep p{grid-column:1/-1;margin:4px 0 0;color:var(--muted);font-size:12px}.lifecycleStep.done{border-color:#b7efcf;background:#f3fdf7}.lifecycleStep.done span{background:#dcfae6;color:#067647}.lifecycleStep.active{border-color:#fed7aa;background:#fff7ed}.lifecycleStep.active span{background:#ffedd5;color:#9a3412}.lifecycleStep.locked{opacity:.82}.acceptedCloseout{margin-top:12px;padding:12px;border:1px solid #bbf7d0;border-left:4px solid #16a34a;border-radius:16px;background:#f8fff9}.acceptedCloseout .sectionHead{margin-bottom:8px}.acceptedCloseout .checkPills{margin-top:6px}.savedNetworkPanel{margin:10px 0 16px;padding:12px;border:1px solid #dbeafe;border-left:4px solid var(--blue);border-radius:16px;background:#fbfcff}.savedNetworkPanel.hidden{display:none}.savedNetworkPanel .sectionHead{margin-bottom:8px}.savedNetworkPanel .checkPills{margin-top:8px}.savedNetworkList{display:grid;gap:8px;margin:10px 0;padding-left:20px}.savedNetworkList li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:14px;background:#fff}.savedNetworkList b,.savedNetworkList span{display:block}.savedNetworkList span{color:var(--muted);font-size:12px;font-weight:800}.savedNetworkList .requestActions{margin-top:0;flex-shrink:0}@media(max-width:820px){.lifecycleSteps{grid-template-columns:1fr 1fr}}@media(max-width:620px){.savedNetworkList li{align-items:flex-start;flex-direction:column}.savedNetworkList .requestActions{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.savedNetworkList .requestActions .btn{width:100%;justify-content:center}}@media(max-width:560px){.lifecycleSteps{grid-template-columns:1fr}} .presetFilters{align-items:center;margin-top:-6px;margin-bottom:10px}.presetFilters .smallNote{font-weight:900}.filterSummary{margin:-2px 0 14px}.tableSort{appearance:none;border:0;background:transparent;color:var(--muted);font:inherit;font-weight:900;text-transform:uppercase;letter-spacing:.04em;padding:0;cursor:pointer;text-align:left}.tableSort:hover,.tableSort:focus{color:var(--blue);text-decoration:underline}.wideModal{width:min(720px,calc(100vw - 28px))}.wideModal .formGrid{margin:0}.wideModal textarea{width:100%;margin-top:8px}.wideModal input,.wideModal select{width:100%;margin-top:8px}.networkProfileDetail .sectionHead,.coveragePostDetail .sectionHead,.requestDetail .sectionHead{margin-bottom:8px}.profileDetailBody>p,.coverageDetailBody>p,.requestDetailBody>p{margin:8px 0 12px}.detailGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.detailGrid div{border:1px solid var(--line);border-radius:14px;background:#fbfcff;padding:10px}.detailGrid b{display:block;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.detailGrid p{margin:4px 0 0;white-space:pre-line;overflow-wrap:anywhere}#accountEditPreflight{border-left:4px solid #7c3aed;background:#fbfaff}#accountEditPreflight .sectionHead{margin-bottom:8px}#accountEditPreflight .checkPills{margin-top:8px}.quickFilters{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 12px}.quickFilters .btn{margin-top:0}.quickFilters span{display:inline-flex;margin-left:6px;background:#eef4ff;color:#1849a9;border-radius:999px;padding:1px 6px}.signedLinkTarget{margin:12px 0}.signedLinkTarget .evidencePreview{margin:0 0 8px}.adminHeadActions{margin-top:0;justify-content:flex-end}.statusPill{display:inline-flex;align-items:center;width:max-content;border:1px solid var(--line);border-radius:999px;padding:4px 9px;font-size:12px;font-weight:900;text-transform:capitalize}.contactCopyActions{margin-top:10px}.copyContactBtn.statusGood{background:#ecfdf3;color:#067647;border-color:#abefc6}.statusGood{background:#ecfdf3;color:#067647;border-color:#abefc6}.statusPending{background:#eef4ff;color:#1849a9;border-color:#c7d7fe}.statusWarn{background:#fff7ed;color:#9a3412;border-color:#fed7aa}.statusBad{background:#fef3f2;color:#b42318;border-color:#fecdca}.signedPhotoFrame{border:1px solid var(--line);border-radius:16px;background:#0b1220;padding:10px;margin:10px 0;max-width:520px}.signedPhotoFrame img{display:block;width:100%;max-height:420px;object-fit:contain;border-radius:10px;background:#fff}.profileChecklist{border-left:4px solid var(--blue);background:#fbfcff}.reviewReadiness{border:1px solid var(--line);border-left:4px solid var(--blue);background:#fbfcff;border-radius:18px;padding:12px;margin:14px 0}.reviewReadiness ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px;list-style:none;padding:0;margin:10px 0}.reviewReadiness li{font-size:13px;font-weight:800}.reviewReadiness li.ok{color:#067647}.reviewReadiness li.warn{color:#9a3412}.preflightList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px;list-style:none;padding:0;margin:10px 0 0}.preflightList li{font-size:13px;font-weight:800}.preflightList li.ok{color:#067647}.preflightList li.warn{color:#9a3412}@media(max-width:620px){.preflightList{grid-template-columns:1fr}}@media(max-width:620px){.reviewReadiness ul{grid-template-columns:1fr}}.compactHead{align-items:flex-start;margin-bottom:10px}.compactHead p{margin:4px 0 0}.checkPills{display:flex;gap:8px;flex-wrap:wrap}.accountDbToolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0}.accountPager{margin-top:0;align-items:center}.accountPager label{display:flex;align-items:center;gap:8px;font-weight:800;color:var(--ink)}.accountPager select{width:auto;margin:0;padding:8px 26px 8px 10px}.accountPager .btn[disabled]{opacity:.45;cursor:not-allowed}.selectedAccountSummary{margin:10px 0}.selectedAccountCard{border-left:4px solid var(--blue);background:#fbfdff}.selectedAccountCard .sectionHead{align-items:flex-start;margin-bottom:8px}@media(max-width:820px){.adminHeadActions{justify-content:stretch}.adminHeadActions .btn{width:100%}.accountDbToolbar{display:grid;grid-template-columns:1fr}.accountPager{display:grid;grid-template-columns:1fr;align-items:stretch}.accountPager label{justify-content:space-between}.accountPager .btn{width:100%}} .routeOpsPanel{margin-top:14px}.routeOpsCard{border-left:4px solid #0ea5e9;background:#f8fbff}.routeOpsCard .sectionHead{margin-bottom:8px}.routeOpsGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.routeOpsGrid>div{border:1px solid var(--line);border-radius:16px;background:#fff;padding:12px}.routeOpsGrid b{display:block;margin-bottom:6px}.routeOpsGrid p{margin:6px 0;overflow-wrap:anywhere}.acceptedSchedule{margin:12px 0;padding:12px;border:1px solid #bae6fd;border-radius:14px;background:#f0f9ff}.acceptedSchedule p{margin:4px 0 0}.coverageBoardPanel{margin:10px 0 16px}.coverageBoardPanel.hidden{display:none!important}.coverageBoardCard{border-left:4px solid #0ea5e9;background:#f8fbff}.coverageBoardCard .sectionHead{margin-bottom:8px}.coverageBoardGrid{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.coverageBoardGrid .statusPill{text-transform:none}@media(max-width:700px){.routeOpsGrid{grid-template-columns:1fr}.coverageBoardGrid{display:grid;grid-template-columns:1fr}} .verificationBusyOverlay{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:24px;background:rgba(7,17,31,.48);backdrop-filter:blur(8px)}.verificationBusyOverlay.hidden{display:none!important}.verificationBusyCard{width:min(420px,calc(100vw - 36px));border-radius:28px;background:#fff;padding:28px;text-align:center;box-shadow:0 24px 80px rgba(16,24,40,.28)}.verificationSpinner{width:58px;height:58px;margin:0 auto 16px;border-radius:999px;border:6px solid #dcfce7;border-top-color:var(--green);animation:verificationSpin .8s linear infinite}.verificationBusyCard h2{margin:0 0 8px}.verificationBusyCard p{margin:0;color:var(--muted)}.verificationBusySteps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.verificationBusySteps span{border:1px solid var(--line);border-radius:999px;padding:7px 8px;font-size:12px;font-weight:900;color:var(--muted)}.verificationBusySteps span.active{border-color:#86efac;background:#f0fdf4;color:#067647}.verificationResultGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.verificationResultGrid div{border:1px solid var(--line);border-radius:14px;padding:10px;background:#fbfcff}.verificationResultGrid b{display:block;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.verificationResultGrid span{display:block;font-weight:800;margin-top:3px}.evidenceAttemptSummary.hidden{display:none!important}.evidenceAttemptSummary{border-left:4px solid #f97316;background:#fff7ed}.evidenceAttemptSummary ul{margin:8px 0 0;padding-left:20px}.evidenceAttemptSummary li{margin:5px 0;color:#9a3412;font-weight:800}@keyframes verificationSpin{to{transform:rotate(360deg)}}@media(max-width:640px){.verificationResultGrid{grid-template-columns:1fr}.verificationBusyCard{padding:24px 18px}} /* Full-screen required setup wizard after verification */ body.setupMode{background:#f7f8fb;} body.setupMode .topbar{max-width:none;width:100%;padding:18px clamp(18px,4vw,48px);} body.setupMode #appMenu nav{display:none;} body.setupMode .shell{max-width:none;width:100%;min-height:calc(100vh - 78px);padding:0 clamp(14px,3vw,44px) 44px;} .setupWizard{width:100%;max-width:none;min-height:calc(100vh - 110px);border-radius:0;border:0;box-shadow:none;background:transparent;padding:0;} .setupWizardScreen{width:100%;max-width:980px;margin:0 auto;min-height:calc(100vh - 122px);display:flex;flex-direction:column;gap:18px;padding:clamp(20px,4vw,48px);background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:0 24px 80px rgba(16,24,40,.08);} .setupProgressTop{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;} .setupProgressTop h1{margin:.1em 0;font-size:clamp(28px,6vw,52px);letter-spacing:-.06em;line-height:1;} .setupProgressTop strong{font-size:clamp(32px,7vw,64px);letter-spacing:-.06em;color:var(--green);} .setupProgressTrack{height:14px;background:#e9eef5;border-radius:999px;overflow:hidden;border:1px solid #d9e2ee;} .setupProgressTrack span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#14b86e,#22c55e);transition:width .25s ease;} .setupStepMeta{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.04em;} .setupWizardForm{display:grid;gap:18px;flex:1;} .setupWizardForm h2{font-size:clamp(24px,4vw,38px);letter-spacing:-.04em;margin:0 0 4px;} .setupFieldGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;} .setupFieldGrid label{font-weight:800;color:#344054;} .setupFieldGrid input,.setupFieldGrid textarea{margin-top:7px;width:100%;min-height:56px;border:1px solid var(--line);border-radius:16px;padding:15px 16px;font:inherit;font-size:16px;background:#fff;box-shadow:0 1px 0 rgba(16,24,40,.02);} .setupFieldGrid textarea{min-height:128px;resize:vertical;overflow-wrap:anywhere;} .setupActions{margin-top:auto;display:flex;justify-content:flex-end;gap:12px;align-items:center;border-top:1px solid var(--line);padding-top:18px;} .setupActions .btn{min-height:52px;padding:14px 20px;font-size:16px;} @media (max-width:760px){body.setupMode .shell{padding:0 0 28px;}.setupWizardScreen{min-height:calc(100vh - 84px);border-radius:0;border-left:0;border-right:0;padding:22px 18px;}.setupProgressTop{align-items:flex-start;}.setupStepMeta{flex-direction:column;}.setupFieldGrid{grid-template-columns:1fr;}.setupActions{position:sticky;bottom:0;background:#fff;padding:14px 0 0;}.setupActions .btn{flex:1;}} /* Mobile marketplace / app-shell refresh */ body.appMode{background:#f3f4f8;} body.appMode .topbar{max-width:none;width:100%;position:sticky;top:0;z-index:130;background:rgba(243,244,248,.96);backdrop-filter:blur(14px);padding:12px clamp(12px,3vw,34px);border-bottom:1px solid rgba(229,231,235,.8)} body.appMode .shell{max-width:none;width:100%;padding:14px clamp(12px,3vw,34px) 92px;margin:0;} body.appMode .card{max-width:none;width:100%;border-radius:24px;margin:10px 0;padding:clamp(16px,3vw,28px);box-shadow:0 10px 34px rgba(16,24,40,.06)} body.appMode #dashboard.marketplaceHome{min-height:calc(100vh - 122px);border:0;background:transparent;box-shadow:none;padding:0;margin:0;} body.appMode #dashboard.marketplaceHome>.sectionHead{display:none;} body.appMode #dashboard.marketplaceHome .dashboardGrid{display:grid;grid-template-columns:1fr;gap:16px;margin:0;} .globalSearch{flex:1;max-width:680px;display:flex;align-items:center;gap:8px;} .globalSearch.hidden{display:none!important}.globalSearch input{width:100%;min-height:42px;border:1px solid var(--line);border-radius:999px;padding:0 16px;font:inherit;background:#fff;box-shadow:0 6px 18px rgba(16,24,40,.06)} .marketHero{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:clamp(22px,4vw,42px);border-radius:30px;background:linear-gradient(135deg,#07111f,#172033);color:#fff;box-shadow:0 18px 60px rgba(7,17,31,.18)}.marketHero h1{margin:4px 0 8px;font-size:clamp(34px,6vw,64px)}.marketHero .muted{color:#d0d5dd}.verifiedShield{display:grid;place-items:center;flex:0 0 auto;width:74px;height:74px;border-radius:24px;background:#ecfdf3;color:#067647;font-weight:1000;font-size:42px;border:2px solid #86efac}.marketplaceSectionHead{margin:14px 0 0}.marketplaceListings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.listingCard{border-left:4px solid var(--blue)}.dashboardSearchResults{display:grid;gap:14px}.peopleResults{margin-top:0}.bottomNav{position:fixed;left:0;right:0;bottom:0;z-index:150;display:grid;grid-template-columns:repeat(6,1fr);gap:2px;padding:8px max(8px,env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-right));background:rgba(255,255,255,.96);border-top:1px solid var(--line);box-shadow:0 -10px 34px rgba(16,24,40,.10);backdrop-filter:blur(16px)}.bottomNav.hidden{display:none!important}.bottomNav a{display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:14px;text-decoration:none;font-size:12px;font-weight:900;color:#344054}.bottomNav a:hover,.bottomNav a:focus{background:#eff6ff;color:#1d4ed8}.stateCheckboxes{border:1px solid var(--line);border-radius:18px;padding:14px;background:#fbfcff}.stateCheckboxes legend{font-weight:900;padding:0 6px}.stateCheckboxes>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.stateCheckboxes label{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:14px;padding:9px;background:#fff;font-weight:900}.stateCheckboxes label:has(input:checked){border-color:#86efac;background:#ecfdf3;color:#067647}.stateCheckboxes input{width:auto;margin:0}.stateCheckboxes small{color:var(--muted);font-weight:700;font-size:11px}.availabilityChoice{display:flex;gap:10px;flex-wrap:wrap;border:1px solid var(--line);border-radius:18px;padding:14px;background:#fbfcff}.availabilityChoice legend{font-weight:900;padding:0 6px}.availabilityChoice label{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:14px;background:#fff;padding:10px 12px}.availabilityChoice input[type=radio]{width:auto}.availabilityDateField input{margin-left:8px;min-height:38px}.availabilityBadge{display:inline-flex;align-items:center;white-space:normal;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:1000;vertical-align:middle}.availabilityBadge.availableNow{background:#dcfce7;color:#067647;border:1px solid #86efac}.availabilityBadge.onAssignment{background:#dbeafe;color:#1d4ed8;border:1px solid #93c5fd}.profileImageFields{border-left:4px solid #0ea5e9;background:#f8fbff}.profileImageFields input{margin-top:6px} @media(max-width:820px){body.appMode .brand{font-size:13px}.globalSearch{order:2;flex-basis:100%;max-width:none}.globalSearch .btn{display:none}.menuToggle{padding:9px 11px}.marketHero{align-items:flex-start}.verifiedShield{width:58px;height:58px;border-radius:20px;font-size:32px}.marketplaceListings{grid-template-columns:1fr}.stateCheckboxes>div{grid-template-columns:repeat(2,minmax(0,1fr));}.stateCheckboxes label{padding:8px}.stateCheckboxes small{display:none}.bottomNav{grid-template-columns:repeat(5,1fr)}.bottomNav a[href="#verification"]{display:none}body.appMode .shell{padding-left:0;padding-right:0}body.appMode .card:not(#dashboard){border-radius:0;border-left:0;border-right:0}} @media(max-width:520px){.bottomNav a{font-size:11px}.stateCheckboxes>div{grid-template-columns:repeat(2,minmax(0,1fr));}.availabilityChoice{display:grid}.availabilityDateField input{margin-left:0;width:100%;}.marketHero{border-radius:0;margin-left:-12px;margin-right:-12px}.marketHero h1{font-size:34px}} /* Profile card/avatar refresh */ .profileCardHead,.profileDetailHeader{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center}.profileCardHead h3,.profileCardHead p,.profileDetailHeader h2,.profileDetailHeader p{margin:0}.profileAvatar{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:18px;background:linear-gradient(135deg,#14b86e,#2563eb);color:#fff;font-weight:1000;letter-spacing:-.04em;overflow:hidden;box-shadow:0 8px 24px rgba(16,24,40,.12);flex:0 0 auto}.profileAvatar.large{width:82px;height:82px;border-radius:26px;font-size:24px}.profileAvatar img,.profileCover img{width:100%;height:100%;object-fit:cover;display:block}.profileCover{height:150px;border-radius:24px;background:#eff6ff;overflow:hidden;border:1px solid var(--line);margin-bottom:-36px}.profileCoverFallback{background:radial-gradient(circle at 20% 20%,#bbf7d0,transparent 30%),linear-gradient(135deg,#07111f,#1d4ed8)}.profileDetailBody .profileDetailHeader{position:relative;margin:0 0 18px;padding:0 4px}.profileDetailBody .profileDetailHeader>.pill{justify-self:end}.profileImageFields{border-left:4px solid #0ea5e9;background:#f8fbff}.profileImageFields input[type="file"]{background:#fff}.profileImagePreview{margin:10px 0}.profileImageMock{border:1px solid var(--line);border-radius:22px;background:#fff;padding:12px}.profileImageMock .profileCover{height:110px;margin-bottom:-32px}.profileImageMock .profileDetailHeader{margin-top:0;padding:0 6px}.profileImageMock p{margin:8px 0 0}@media(max-width:640px){.profileDetailHeader{grid-template-columns:1fr}.profileDetailBody .profileDetailHeader>.pill{justify-self:start}.profileCover{height:118px;border-radius:18px}.profileAvatar.large{width:70px;height:70px;border-radius:22px}.profileCardHead{align-items:start}} /* LinkedIn-style mobile correction */ html,body{max-width:100%;overflow-x:hidden}body.appMode{background:#f4f2ee;color:#191919}body.appMode .topbar{position:sticky;top:0;z-index:200;display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;width:100%;max-width:100%;padding:10px 12px;background:#fff;border-bottom:1px solid #d6d6d6;box-shadow:none}.liBrand{font-size:0}.brandMark{display:grid;place-items:center;width:36px;height:36px;border-radius:999px;background:#0a66c2;color:#fff;font-size:19px;font-weight:1000}.liSearch{order:initial;flex-basis:auto;max-width:none;width:100%;height:42px;border:1px solid #8c8c8c;border-radius:999px;background:#eef3f8;padding:0 12px;display:flex;align-items:center;gap:8px;box-shadow:none}.liSearch.hidden{display:none!important}.liSearch input{min-height:38px;border:0;background:transparent;box-shadow:none;padding:0;font-size:15px}.liSearch input:focus{outline:0}.liSearch .btn{display:none}.liMessage{width:44px;height:42px;border:0;background:#fff;box-shadow:none;border-radius:999px;padding:0;font-size:0}.liMessage span:first-child{font-size:24px}.liMessage span:last-child{display:none}body.appMode .shell{width:100%;max-width:100%;margin:0;padding:0 0 78px;background:#f4f2ee}body.appMode .card{width:100%;max-width:100%;margin:0;border-radius:0;border-left:0;border-right:0;box-shadow:none;background:#fff;padding:0}body.appMode #dashboard.marketplaceHome{background:#f4f2ee;min-height:calc(100vh - 118px);padding:0;border:0}.marketplaceHome>.sectionHead{display:none!important}.marketplaceHome .dashboardGrid{display:block!important;margin:0!important}.liHome{display:block}.liProfileStrip{display:grid;grid-template-columns:48px 1fr auto;gap:10px;align-items:center;background:#fff;border-bottom:1px solid #d6d6d6;padding:14px 16px}.linkedinAvatar{width:48px;height:48px;border-radius:999px;background:#0a66c2;font-size:15px}.liProfileStrip .eyebrow{margin:0 0 2px;color:#057642;font-size:12px;font-weight:900}.liProfileStrip h1{margin:0;font-size:22px;line-height:1.13;letter-spacing:-.02em}.liProfileStrip p{margin:2px 0 0}.verifiedMini{display:grid;place-items:center;width:38px;height:38px;border:2px solid #057642;border-radius:999px;color:#057642;background:#e6f4ea;font-weight:1000;font-size:22px}.liChips{display:flex;gap:10px;overflow:auto;padding:10px 12px;background:#fff;border-bottom:1px solid #d6d6d6;scrollbar-width:none}.liChips a{white-space:nowrap;text-decoration:none;border:1px solid #8c8c8c;border-radius:999px;padding:8px 14px;color:#404040;background:#fff;font-weight:700}.liPanel{background:#fff;margin:8px 0;border-top:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6}.liPanelHead{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:18px 16px 8px}.liPanelHead h2{margin:0;font-size:22px;line-height:1.2}.liPanelHead p{margin:2px 0 0}.liEdit{display:grid;place-items:center;flex:0 0 auto;width:44px;height:44px;border:1.5px solid #666;border-radius:999px;text-decoration:none;font-weight:900;font-size:22px}.liNotice{margin:8px 16px 14px;padding:14px 16px;border:1px solid #c4d3e3;border-radius:9px;background:#edf3f8;color:#38434f;font-weight:700}.liJobRow{display:grid;grid-template-columns:58px 1fr 24px;gap:12px;padding:12px 16px;border-top:1px solid #e0e0e0;background:#fff}.liLogo{display:grid;place-items:center;width:58px;height:58px;border:1px solid #d6d6d6;border-radius:8px;background:#fff;color:#0a66c2;font-weight:1000;font-size:24px}.liJobMain h3{margin:0;color:#191919;font-size:17px;line-height:1.25}.liJobMain p{margin:2px 0;color:#555;font-size:14px}.verifiedInline{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:999px;background:#e6f4ea;color:#057642;font-size:12px}.liMeta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:3px;color:#057642;font-size:13px;font-weight:800}.liMeta a{color:#0a66c2;text-decoration:none}.liDismiss{border:0;background:transparent;color:#666;font-size:28px;line-height:1}.liShowAll{display:block;text-align:center;text-decoration:none;border-top:1px solid #e0e0e0;padding:13px;color:#404040;font-weight:900}.liEmpty{padding:18px 16px;color:#666}.liPersonWrap .miniCard{border-radius:0!important;border:0!important;border-top:1px solid #e0e0e0!important;margin:0!important;box-shadow:none!important}.liBottom{height:64px;grid-template-columns:repeat(5,1fr);padding:4px 0 calc(4px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #d6d6d6;box-shadow:0 -1px 4px rgba(0,0,0,.08)}.liBottom a{display:flex;flex-direction:column;gap:2px;min-height:54px;border-radius:0;color:#666;font-size:11px;font-weight:500}.liBottom a span{font-size:21px;line-height:1}.liBottom a.active{color:#191919;font-weight:800}.liBottom a[href="#verification"]{display:none!important}.dashboardSearchResults{display:block}.marketHero{display:none!important}.marketplaceListings{display:block!important}.profileChecklist,.profileStarter,.identityNote{display:none!important}#profile .sectionHead{padding:18px 16px;border-bottom:1px solid #d6d6d6}#profile .formGrid{padding:12px 16px 84px;display:grid;grid-template-columns:1fr;gap:12px}.stateCheckboxes>div{grid-template-columns:repeat(3,minmax(0,1fr))}.stateCheckboxes label{min-width:0}.bottomNav.hidden{display:none!important}@media(min-width:840px){body.appMode .shell{max-width:760px;margin:0 auto;border-left:1px solid #d6d6d6;border-right:1px solid #d6d6d6}.liBottom{left:50%;right:auto;transform:translateX(-50%);width:min(760px,100%)}body.appMode .topbar{max-width:760px;margin:0 auto}}@media(max-width:520px){.liProfileStrip h1{font-size:20px}.liProfileStrip{padding:12px}.liPanelHead h2{font-size:21px}.stateCheckboxes>div{grid-template-columns:repeat(2,minmax(0,1fr))}.availabilityChoice{display:grid}.profileImageFields .requestActions{display:grid}} /* Portrait mobile overflow correction */ body.appMode, body.appMode *{min-width:0;} body.appMode .shell, body.appMode main, body.appMode section, body.appMode article, body.appMode .card, body.appMode .miniCard, body.appMode .profilePreview, body.appMode .previewCard, body.appMode .profileImageMock, body.appMode .profileDetailBody, body.appMode .liPanel, body.appMode .liHome{max-width:100%;overflow-x:clip;} body.appMode h1, body.appMode h2, body.appMode h3, body.appMode p, body.appMode small, body.appMode b, body.appMode span, body.appMode label, body.appMode a, body.appMode .muted, body.appMode .pill, body.appMode .tag{overflow-wrap:anywhere;word-break:normal;white-space:normal;} body.appMode .sectionHead, body.appMode .sectionHead.compactHead{display:flex;align-items:flex-start;gap:10px;max-width:100%;} body.appMode .sectionHead>div, body.appMode .compactHead>div{min-width:0;max-width:100%;} body.appMode .sectionHead .pill, body.appMode .compactHead .pill{flex:0 1 auto;max-width:100%;text-align:center;justify-content:center;line-height:1.25;} body.appMode .profilePreview{padding:14px 16px!important;border-left-width:4px!important;} body.appMode .profilePreview .sectionHead{flex-direction:column;} body.appMode .profilePreview .previewCard{padding:14px!important;border-radius:16px!important;border:1px solid #e0e0e0!important;} body.appMode .previewCard h3{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:22px;line-height:1.2;} body.appMode .availabilityBadge{display:inline-flex;max-width:100%;line-height:1.15;white-space:normal;} body.appMode .tags, body.appMode .checkPills{display:flex;flex-wrap:wrap;gap:7px;max-width:100%;overflow:visible;} body.appMode .tag{max-width:100%;line-height:1.2;} body.appMode .liJobRow{grid-template-columns:46px minmax(0,1fr) 20px;gap:10px;} body.appMode .liLogo{width:46px;height:46px;font-size:20px;} body.appMode .liJobMain{min-width:0;max-width:100%;} body.appMode .liJobMain h3, body.appMode .liJobMain p{max-width:100%;} @media(max-width:520px){ body.appMode .topbar{grid-template-columns:40px minmax(0,1fr) 36px;padding:9px 10px;gap:8px;} .liSearch{height:40px;padding:0 10px;} .liSearch input{font-size:14px;} .liMessage{width:36px;height:40px;} .liMessage span:first-child{font-size:22px;} #profile .sectionHead{padding:18px 16px 14px;} #profile .sectionHead h1{font-size:30px;line-height:1.05;} #profile .sectionHead p{font-size:16px;line-height:1.45;} body.appMode .profilePreview{padding:14px 16px!important;} body.appMode .profilePreview .sectionHead b{font-size:22px;line-height:1.18;} body.appMode .profilePreview .sectionHead p{font-size:16px;line-height:1.45;} body.appMode .previewCard h3{font-size:21px;} body.appMode .previewCard p{font-size:20px;line-height:1.28;} body.appMode .tag{font-size:12px;padding:6px 9px;} } /* Mobile initial zoom/load reset */ html{width:100%;max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%;} body{width:100%;max-width:100%;overflow-x:hidden;} body.appMode{width:100%;max-width:100%;overflow-x:hidden;} body.appMode .topbar, body.appMode .shell, body.appMode #dashboard.marketplaceHome, body.appMode .dashboardGrid, body.appMode .liHome, body.appMode .liProfileStrip, body.appMode .liPanel{width:100%;max-width:100%;margin-left:0;margin-right:0;} body.appMode .topbar{left:0;right:0;overflow:hidden;contain:layout paint;} body.appMode .liSearch, body.appMode .liSearch input, body.appMode input, body.appMode select, body.appMode textarea{font-size:16px;} body.appMode .liSearch{min-width:0;max-width:100%;} body.appMode .liProfileStrip{grid-template-columns:44px minmax(0,1fr) 34px;padding-left:12px;padding-right:12px;} body.appMode .linkedinAvatar{width:44px;height:44px;} body.appMode .verifiedMini{width:34px;height:34px;min-width:34px;} body.appMode .liChips{padding-left:12px;padding-right:12px;scroll-padding-left:12px;overscroll-behavior-x:contain;} @media(max-width:520px){ body.appMode .topbar{grid-template-columns:36px minmax(0,1fr) 34px;padding:8px 8px;gap:7px;width:100%;max-width:100%;} body.appMode .brandMark{width:34px;height:34px;} body.appMode .liMessage{width:34px;height:38px;} body.appMode .liSearch{height:38px;padding:0 10px;} body.appMode .liSearch input{font-size:16px;line-height:38px;} body.appMode .liProfileStrip{grid-template-columns:42px minmax(0,1fr) 32px;gap:8px;padding:12px;} body.appMode .linkedinAvatar{width:42px;height:42px;font-size:14px;} body.appMode .verifiedMini{width:32px;height:32px;min-width:32px;} } /* Profile tab public-view + edit-page split */ body.appMode #profile.myProfileSection{background:#f4f2ee;} .myProfileViewer{display:grid;gap:10px;background:#f4f2ee;} .myProfileViewer .profileCover{height:150px;border-radius:0;border-left:0;border-right:0;margin:0 0 -46px;} .myProfileHeader{display:grid;grid-template-columns:82px minmax(0,1fr);gap:14px;align-items:end;background:#fff;padding:0 16px 14px;border-bottom:1px solid #d6d6d6;} .myProfileHeader h1{font-size:28px;line-height:1.05;margin:0 0 4px;letter-spacing:-.04em;} .myProfileHeader p{margin:0;} .myProfileActions{display:grid;grid-template-columns:1fr;gap:8px;background:#fff;padding:12px 16px;border-bottom:1px solid #d6d6d6;} .availabilityEditor,.publicProfilePanel{margin:10px 0!important;border-radius:0!important;border-left:0!important;border-right:0!important;box-shadow:none!important;} .availabilityInline{display:grid;gap:10px;} .availabilityInline label{display:flex;align-items:center;gap:8px;font-weight:900;} .availabilityInline label.full{display:grid;align-items:stretch;} .availabilityInline textarea{width:100%;min-height:76px;border:1px solid var(--line);border-radius:14px;padding:12px;font:inherit;font-size:16px;} .unavailableIndefinite{background:#f3f4f6;color:#344054;border-color:#d0d5dd;} .profileEditSection>.sectionHead{padding:18px 16px 14px;border-bottom:1px solid #d6d6d6;} .profileEditSection #profileForm{padding:14px 16px 22px;} @media(max-width:520px){.myProfileViewer .profileCover{height:132px;margin-bottom:-38px}.myProfileHeader{grid-template-columns:72px minmax(0,1fr);padding:0 14px 14px}.myProfileHeader h1{font-size:25px}.myProfileActions{padding:12px 14px}.availabilityEditor,.publicProfilePanel{padding:14px!important}} /* Profile save working screen */ .profileSavingOverlay { position: fixed; inset: 0; z-index: 9999; display: grid; place-items: center; padding: 24px; background: rgba(9, 13, 24, 0.42); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); } .profileSavingOverlay.hidden { display: none !important; } .profileSavingCard { width: min(92vw, 380px); border-radius: 28px; border: 1px solid rgba(220, 225, 235, 0.96); background: rgba(255, 255, 255, 0.98); box-shadow: 0 28px 80px rgba(9, 13, 24, 0.24); padding: 30px 24px; text-align: center; color: var(--ink, #0f172a); } .profileSavingCard h2 { margin: 12px 0 8px; font-size: 1.55rem; } .profileSavingCard p { margin: 0 0 10px; font-weight: 800; } .profileSavingCard small { color: var(--muted, #64748b); } .profileSavingSpinner { width: 54px; height: 54px; margin: 0 auto; border-radius: 50%; border: 5px solid rgba(14, 165, 233, 0.18); border-top-color: var(--accent, #16a34a); animation: profileSavingSpin 0.9s linear infinite; } body.profileSavingActive { overflow: hidden; } @keyframes profileSavingSpin { to { transform: rotate(360deg); } } /* availability date mobile fit */ .availabilityInline label.availabilityDateField { display: grid; grid-template-columns: max-content minmax(150px, 190px); justify-content: start; align-items: center; column-gap: 12px; width: 100%; max-width: 280px; white-space: nowrap; } .availabilityInline .availabilityDateField input { width: 100%; max-width: 190px; min-height: 48px; padding: 10px 12px; border-radius: 18px; font-size: 16px; } @media(max-width:520px){ .availabilityInline label.availabilityDateField { grid-template-columns: 42px minmax(145px, 1fr); max-width: min(100%, 245px); column-gap: 10px; } .availabilityInline .availabilityDateField input { max-width: 180px; } } /* contingency no stacked text */ body.appMode h1, body.appMode h2, body.appMode h3, body.appMode p, body.appMode small, body.appMode b, body.appMode span, body.appMode label, body.appMode a, body.appMode .muted, body.appMode .pill, body.appMode .tag, body.appMode .statusPill, body.appMode .btn, body.appMode .liChips a { overflow-wrap: normal !important; word-break: normal !important; hyphens: none !important; } body.appMode .pill, body.appMode .tag, body.appMode .statusPill, body.appMode .btn, body.appMode .liChips a, body.appMode .bottomNav a { white-space: nowrap !important; } body.appMode .sectionHead.compactHead { align-items: flex-start; flex-wrap: nowrap; } body.appMode .sectionHead .pill, body.appMode .compactHead .pill { flex: 0 0 auto; width: auto; max-width: none; line-height: 1.15; } body.appMode .liChips { display: flex !important; gap: 10px; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; } body.appMode .liChips a { flex: 0 0 auto; min-width: max-content; text-align: center; } body.appMode .coverageBoardCard, body.appMode .savedCoveragePanel { overflow-x: clip; } body.appMode .coverageBoardGrid, body.appMode .checkPills, body.appMode .tags, body.appMode .requestActions { overflow-x: auto; flex-wrap: nowrap; -webkit-overflow-scrolling: touch; } .boostTag{background:#fff7ed;color:#9a3412;border-color:#fed7aa;font-weight:900}.boostExpiredTag{background:#f2f4f7;color:#667085;border-color:#e4e7ec}.boostNote{margin:8px 0 0;padding:8px 10px;border:1px solid #fed7aa;border-radius:12px;background:#fffbeb;color:#7c2d12} /* app menu unclipped functional fix + no top-left C icon */ body.appMode .topbar{grid-template-columns:minmax(0,1fr) auto !important;overflow:visible !important;contain:none !important;} body.appMode .liBrand,.brandMark{display:none !important;} body.appMode .appMenu{top:calc(100% + 8px);right:10px;left:auto;max-height:min(76vh,520px);overflow:auto;} @media(max-width:520px){body.appMode .topbar{grid-template-columns:minmax(0,1fr) 38px !important;padding:8px 10px !important;gap:8px !important;}body.appMode .appMenu{right:10px;left:10px;top:calc(100% + 6px);}} /* availability segmented control polish */ .polishedAvailability{padding:20px 18px !important;border-radius:22px !important;border:1px solid #e5e7eb !important;background:linear-gradient(180deg,#fff,#fbfcff) !important;} .polishedAvailability .sectionHead{border-bottom:1px solid #eef2f7;padding-bottom:14px;margin-bottom:14px;} .availabilitySegmented{display:grid;grid-template-columns:1fr;gap:10px;} .availabilitySegmented .availabilityOption{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:12px 14px;border:1px solid #e5e7eb;border-radius:18px;background:#fff;box-shadow:0 6px 18px rgba(16,24,40,.04);font-weight:900;position:relative;flex-wrap:wrap;} .availabilitySegmented .availabilityOption:has(input:checked){border-color:#7dd3fc;background:#f0f9ff;box-shadow:0 8px 24px rgba(37,99,235,.10);} .availabilitySegmented .availabilityOption input[type="radio"]{width:22px;height:22px;margin:0;accent-color:#2563eb;flex:0 0 auto;} .availabilitySegmented .availabilityOption .availabilityBadge{margin-left:auto;text-align:center;justify-content:center;white-space:normal;} .availabilityNoteField textarea{min-height:96px;border-radius:18px;background:#fff;} .availabilityPickerOnly{position:absolute!important;inset:auto auto 0 0!important;width:1px!important;height:1px!important;min-height:1px!important;margin:0!important;padding:0!important;border:0!important;opacity:.01!important;pointer-events:none!important;} .availabilityDateLabel{cursor:pointer;} .availabilityCalendarPanel{flex:1 0 100%;width:100%;margin-top:12px;padding:12px;border:1px solid #bae6fd;border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(37,99,235,.12);} .availabilityCalendarPanel[hidden]{display:none!important;} .availabilityCalendarHead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;} .availabilityCalendarNav{width:38px;height:38px;border:1px solid #d0d5dd;border-radius:12px;background:#f8fafc;color:#101828;font-size:24px;line-height:1;} .availabilityCalendarWeek,.availabilityCalendarDates{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;text-align:center;} .availabilityCalendarWeek span{font-size:11px;font-weight:900;color:#667085;} .availabilityCalendarDate,.availabilityCalendarBlank{min-height:38px;border-radius:12px;display:grid;place-items:center;} .availabilityCalendarDate{border:1px solid #e5e7eb;background:#fff;color:#101828;font-weight:900;} .availabilityCalendarDate.selected,.availabilityCalendarDate:focus{border-color:#2563eb;background:#2563eb;color:#fff;} .availabilityCalendarDate:disabled{background:#f2f4f7;color:#98a2b3;border-color:#eef2f7;} @media(min-width:640px){.availabilitySegmented{grid-template-columns:1fr 1fr;}.availabilityNoteField,.availabilitySegmented .requestActions{grid-column:1/-1;}} /* Persistent in-option availability calendar: no native picker popup; stays open until the driver chooses a date. */ /* Driver document current-status badges */ .documentsEditor{border-left:4px solid var(--blue);background:#fbfcff;margin:0;padding:14px} .documentDateGrid,.documentVaultGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px} .documentDateGrid label,.documentVaultCard label{font-size:13px;font-weight:900;color:#344054} .documentDateGrid input,.documentVaultCard input{margin-top:6px;width:100%} .documentVaultCard{border:1px solid var(--line);border-radius:18px;background:#fff;padding:12px;box-shadow:0 8px 20px rgba(16,24,40,.04)} .documentUploadDrop{display:block;margin-top:10px;border:1px dashed #98a2b3;border-radius:14px;padding:10px;background:#f9fafb;color:#2563eb} .documentUploadDrop input{font-size:12px;color:#344054} .documentFileBox{margin-top:10px;border:1px dashed #cbd5e1;border-radius:16px;background:#f8fafc;padding:10px;display:grid;gap:8px} .documentFileBox.hasFile{border-style:solid;background:#f0fdf4;border-color:#bbf7d0} .documentFileCurrent{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:#667085;min-width:0} .documentFileCurrent b{color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0} .documentReplaceAction{display:flex!important;align-items:center;justify-content:center;border:1px solid #16a34a;border-radius:999px;background:#16a34a!important;color:#fff!important;padding:9px 12px;font-weight:900;cursor:pointer;text-transform:none} .documentReplaceAction input{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none} .documentReviewStatus{margin:0!important;padding:6px 8px;border-radius:12px;background:#fff;color:#475467} .documentReviewStatus.statusGood{background:#ecfdf3!important;color:#047857!important} .documentReviewStatus.statusWarn{background:#fff7ed!important;color:#b45309!important} .documentReviewStatus.statusPending{background:#eff6ff!important;color:#1d4ed8!important} .documentVaultNotice,.driverDocSharePanel{margin-top:12px;border:1px solid #bfdbfe;background:#eff6ff;border-radius:16px;padding:12px} .driverDocsBadge{display:inline-flex;align-items:center;width:max-content;border:1px solid var(--line);border-radius:999px;padding:4px 9px;font-size:12px;font-weight:900;white-space:nowrap} .statusGood{background:#ecfdf3;color:#067647;border-color:#abefc6} .statusWarn{background:#fff7ed;color:#9a3412;border-color:#fed7aa} .driverDocsPublic{margin:12px 0;padding:12px;border:1px solid #dbeafe;border-left:4px solid var(--blue);border-radius:16px;background:#fbfcff} .driverDocsPublic b{display:block;margin-bottom:4px} .driverDocsPublic .checkPills{margin-top:8px} @media(max-width:620px){.documentDateGrid,.documentVaultGrid{grid-template-columns:1fr}} .profileSummaryHead{align-items:center!important;} .driverDocsButton{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;min-width:max-content;flex:0 0 auto;width:auto!important;max-width:none;border:1px solid #86efac;border-radius:999px;background:#ecfdf3;color:#067647;padding:9px 14px;font-size:13px;font-weight:1000;line-height:1;text-decoration:none;white-space:nowrap!important;box-shadow:0 8px 22px rgba(20,184,110,.12)} .driverDocsButton.statusWarn{border-color:#fed7aa;background:#fff7ed;color:#b45309;} .stateBulkActions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0 14px;} .stateBulkButton{appearance:none;border:2px solid #2563eb;border-radius:16px;background:#fff;color:#1d4ed8;padding:12px 10px;font:inherit;font-size:15px;font-weight:1000;box-shadow:0 8px 22px rgba(37,99,235,.14);} .stateBulkButton.primary{background:#2563eb;color:#fff;} .stateBulkButton:active{transform:translateY(1px)} @media(max-width:520px){.profileSummaryHead{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px}.driverDocsButton{font-size:12px;padding:9px 11px;white-space:nowrap!important}.stateBulkActions{position:sticky;top:0;z-index:5;background:#fff;padding:8px 0}.stateBulkButton{font-size:14px;min-height:48px}} /* Multi-select dropdown filters */ .stateMultiDropdown { border: 0; padding: 0; margin: 0; min-width: min(100%, 240px); } .stateMultiDropdown legend { font-weight: 800; margin-bottom: 8px; } .stateMultiDropdown details { position: relative; } .stateMultiDropdown summary { list-style: none; cursor: pointer; border: 1px solid var(--border); background: #fff; border-radius: 16px; padding: 13px 15px; min-height: 46px; display: flex; align-items: center; justify-content: space-between; font-weight: 800; box-shadow: inset 0 1px 0 rgba(255,255,255,.7); } .stateMultiDropdown summary::-webkit-details-marker { display: none; } .stateMultiDropdown summary::after { content: '▾'; color: var(--muted); font-size: 14px; } .stateMultiDropdown details[open] summary::after { content: '▴'; } .stateMultiMenu { position: absolute; z-index: 80; left: 0; right: 0; top: calc(100% + 8px); background: #fff; border: 1px solid var(--border); border-radius: 18px; box-shadow: 0 18px 45px rgba(15,23,42,.18); padding: 10px; max-height: 320px; overflow: auto; } .stateMultiToggle { width: 100%; border: 0; border-radius: 999px; padding: 11px 14px; font-weight: 900; margin-bottom: 8px; color: #fff; background: linear-gradient(135deg, #0b7cff, #19b66a); } .stateMultiToggle.deselectAll { background: #111827; } .stateMultiOptions { display: grid; gap: 6px; } .stateMultiOptions label { display: grid; grid-template-columns: auto 42px 1fr; gap: 8px; align-items: center; border: 1px solid #edf0f5; border-radius: 12px; padding: 9px; background: #fbfcff; font-weight: 800; } .stateMultiOptions small { color: var(--muted); font-weight: 700; } .miscOptionsList label { grid-template-columns: auto 1fr; } .savedSearchCard { border: 1px solid var(--border); border-radius: 18px; padding: 14px; background: #f8fbff; margin: 12px 0; } .savedSearchList { list-style: none; padding: 0; margin: 10px 0 0; display: grid; gap: 10px; } .savedSearchResultCard { display: block; background: #fff; border: 1px solid #edf0f5; border-left: 4px solid #0b7cff; border-radius: 16px; padding: 12px; cursor: pointer; transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease; } .savedSearchResultCard:hover, .savedSearchResultCard:focus { transform: translateY(-1px); box-shadow: 0 14px 30px rgba(15,23,42,.10); border-color: rgba(11,124,255,.22); outline: none; } .savedSearchResultMain { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 10px; align-items: start; } .savedSearchResultMain b { display: block; line-height: 1.16; overflow-wrap: anywhere; } .savedSearchChips { display: flex; flex-wrap: wrap; gap: 7px; margin: 9px 0 0; } .savedSearchChips span { display: inline-flex; max-width: 100%; padding: 6px 9px; border-radius: 999px; background: #f8fafc; color: #344054; font-size: 12px; font-weight: 900; line-height: 1.15; overflow-wrap: anywhere; } .savedSearchNextStep { margin: 9px 0 0; } .savedSearchGuardrails { margin: 8px 0 12px; } .savedSearchActions { display: flex; gap: 8px; justify-content: flex-start; margin-top: 10px; } .savedSearchActions .btn { min-height: 36px; } .contractorWorkBadgeId { margin: 2px 0 4px; font-weight: 900; color: #111827; font-size: .92rem; } @media (max-width: 720px) { .stateMultiDropdown { min-width: 100%; } .stateMultiMenu { position: static; margin-top: 8px; box-shadow: none; max-height: 280px; } .savedSearchList li { align-items: flex-start; flex-direction: column; } } /* Global search results */ .globalSearchPanel { display: grid; gap: 12px; } .resultGroupTitle { margin: 12px 0 2px; font-size: 1rem; font-weight: 1000; letter-spacing: -.02em; } .resultTypePill { display: inline-flex; width: fit-content; margin: 0 0 4px; padding: 3px 8px; border-radius: 999px; background: #eef6ff; color: #0a66c2; font-size: .72rem; font-weight: 1000; text-transform: uppercase; letter-spacing: .04em; } .globalSearchProfile .profileCardHead { align-items: start; } .globalSearchJob .liMeta { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; } .globalSearchJob .liMeta .btn { margin: 0; } @media (max-width: 520px) { .globalSearchPanel .requestActions, .globalSearchJob .liMeta { gap: 7px; } .globalSearchPanel .btn.small, .globalSearchJob .btn.small { padding: 8px 10px; } } /* 20260730 search/date polish: one-line availability labels and buttons */ body.appMode .availabilityBadge, .availabilitySegmented .availabilityOption .availabilityBadge, .availabilityDateLabel{ white-space:nowrap!important; flex-wrap:nowrap!important; line-height:1!important; } .availabilitySegmented .availabilityOption .availabilityBadge, .availabilityDateLabel{ flex:0 0 auto; min-width:max-content; } @media(max-width:520px){ .availabilitySegmented .availabilityOption{gap:8px;padding:12px 14px;} .availabilitySegmented .availabilityOption .availabilityBadge, .availabilityDateLabel{font-size:13px;} } /* 20260730 profile mobile badge/readability cleanup */ .availabilityBadgeTop{display:flex;justify-content:flex-start;align-items:center;margin:0 0 10px;max-width:100%;} .availabilityBadgeTop .availabilityBadge{max-width:100%;width:100%;justify-content:center;text-align:center;font-size:13px;line-height:1.1;white-space:nowrap;padding:7px 10px;} .availabilityHeaderOnly{display:block!important;margin:0 0 12px!important;padding-bottom:10px!important;} .availabilityHeaderOnly b{display:block;white-space:nowrap;font-size:20px;line-height:1.15;letter-spacing:-.02em;} .profileDetailGrid b{display:block;margin-bottom:4px;} .readablePills,.previewCard .tags.readablePills,.driverDocsPublic .checkPills{display:flex!important;flex-wrap:wrap!important;gap:8px!important;align-items:flex-start!important;overflow:visible!important;} .readablePills .tag,.readablePills .statusPill,.driverDocsPublic .statusPill{font-size:11px!important;line-height:1.15!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;max-width:100%!important;min-width:0!important;padding:6px 8px!important;} .driverDocsPublic{padding:12px!important;overflow:visible!important;} .driverDocsPublic .statusPill{flex:1 1 46%;justify-content:center;text-align:center;} .previewCard .tags.readablePills .tag{flex:1 1 auto;} .tsaChoiceCard{display:grid;gap:10px;} .tsaChoiceGroup{display:grid;grid-template-columns:1fr 1fr;gap:10px;} .tsaChoice{display:flex;align-items:center;gap:8px;border:1px solid #e5e7eb;border-radius:16px;padding:12px;background:#fff;font-weight:900;line-height:1.15;} .tsaChoice input{width:20px;height:20px;accent-color:#2563eb;flex:0 0 auto;} .tsaChoice:has(input:checked){border-color:#7dd3fc;background:#f0f9ff;box-shadow:0 8px 24px rgba(37,99,235,.10);} .profileImageMock .smallNote:empty{display:none!important;} @media(max-width:520px){ .availabilityBadgeTop .availabilityBadge{font-size:12px;padding:7px 9px;} .availabilityHeaderOnly b{font-size:18px;} .driverDocsPublic .statusPill{flex:1 1 calc(50% - 6px);font-size:10.5px!important;padding:6px!important;} .tsaChoiceGroup{grid-template-columns:1fr;} } /* 20260730 admin mobile cleanup + defensive bubble wrapping */ .adminOnly:not(.hidden) { box-sizing: border-box; } #masterAccess, #adminPayments, #adminActivity, #adminReview { max-width: 1040px; margin-left: auto; margin-right: auto; overflow: hidden; } .adminProfileTabs, .adminAccountStats, .requestActions, .checkPills, .tags, .liMeta { min-width: 0; max-width: 100%; flex-wrap: wrap; } .statusPill, .pill, .tag, .verifiedInline, .resultTypePill, .driverDocsButton, .availabilityHeaderOnly, .contractorWorkBadgeId { max-width: 100%; min-width: 0; box-sizing: border-box; overflow-wrap: anywhere; word-break: normal; white-space: normal; } .statusBubble, #status, #authStatus, #verificationStatus, #profileSaveStatus, .signedLinkTarget, .smallNote, .muted { max-width: 100%; min-width: 0; overflow-wrap: anywhere; word-break: normal; box-sizing: border-box; } .adminUserProfileCard { border: 1px solid rgba(15, 23, 42, .08); background: linear-gradient(180deg,#fff,#f8fbff); } .adminProfileFields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 14px 0; } .adminProfileFields > div { padding: 10px 12px; border: 1px solid rgba(15, 23, 42, .08); border-radius: 14px; background: rgba(255,255,255,.86); min-width: 0; } .adminProfileFields span { display: block; color: #64748b; font-size: .76rem; font-weight: 800; letter-spacing: .02em; text-transform: uppercase; margin-bottom: 3px; } .adminProfileFields b { display: block; color: #0f172a; font-size: .95rem; line-height: 1.35; overflow-wrap: anywhere; } .adminProfileDocs { margin-top: 14px; padding: 12px; border-radius: 18px; background: #f8fafc; border: 1px solid rgba(15, 23, 42, .08); } .adminDocGrid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .adminDocItem { border-radius: 14px; padding: 11px 12px; border: 1px solid rgba(148, 163, 184, .4); background: white; min-width: 0; } .adminDocItem.stored { border-color: rgba(34, 197, 94, .35); background: #f0fdf4; } .adminDocItem.expired { border-color: rgba(245, 158, 11, .45); background: #fffbeb; } .adminDocItem.missing { border-style: dashed; color: #475569; } .adminDocItem b, .adminDocItem span, .adminDocItem small { display: block; max-width: 100%; overflow-wrap: anywhere; } .adminDocItem span { font-weight: 800; margin: 4px 0; color: #0f172a; } .adminDocItem small { color: #64748b; line-height: 1.35; } .adminPaymentsGrid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; } .adminPaymentsGrid .miniCard { margin: 0; min-width: 0; } .adminPaymentLedger { margin-top: 14px; } .adminPaymentRows { display: grid; gap: 10px; } .adminPaymentRow { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(90px, .55fr) minmax(120px, .75fr); gap: 10px; align-items: center; padding: 12px; border: 1px solid #dbeafe; border-radius: 16px; background: #f8fafc; min-width: 0; overflow-wrap: anywhere; } .adminPaymentRow.active { border-color: #86efac; background: #f0fdf4; } .adminPaymentRow.expired { border-color: #e2e8f0; background: #fff; } .adminPaymentRow b, .adminPaymentRow span { display: block; color: #0f172a; font-weight: 800; } .adminPaymentRow p, .adminPaymentRow small { display: block; margin: 3px 0 0; color: #64748b; line-height: 1.35; } #globalSearchForm { min-width: 0; } #globalSearchInput { min-width: 0; } .accountTable, .adminActivityList, .verificationResultGrid { max-width: 100%; overflow-x: auto; } .accountRow, .adminQueueRow, .activityRow, .evidenceRow { min-width: 0; max-width: 100%; overflow-wrap: anywhere; } @media (max-width: 720px) { #masterAccess, #adminPayments, #adminActivity, #adminReview { padding-left: 14px; padding-right: 14px; } .adminProfileFields, .adminDocGrid, .adminPaymentsGrid, .adminPaymentRow { grid-template-columns: 1fr; } .adminProfileTabs { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px; } .adminProfileTabs .btn, .requestActions .btn { width: 100%; justify-content: center; white-space: normal; } .statusPill, .pill, .tag { line-height: 1.25; } .accountTable { overflow: visible; } .accountTable table, .accountTable thead, .accountTable tbody, .accountTable tr, .accountTable td, .accountTable th { display: block; width: 100%; } .accountTable thead { display: none; } .accountTable tr { margin: 0 0 10px; border: 1px solid rgba(15,23,42,.08); border-radius: 16px; padding: 10px; background: white; } .accountTable td { border: 0; padding: 6px 0; min-width: 0; overflow-wrap: anywhere; } .bottomNav a.adminOnly:not(.hidden) { display: flex; } } /* 20260730 search and document-status cleanup */ body.appMode .liSearch .btn{display:none!important;} body.appMode .liSearch{display:flex!important;align-items:center;gap:8px;min-width:0;overflow:hidden;} body.appMode .liSearch input{display:block!important;min-width:0!important;width:100%!important;flex:1 1 auto!important;padding:0 14px 0 4px!important;color:#111827!important;background:transparent!important;border:0!important;box-shadow:none!important;opacity:1!important;caret-color:#111827!important;} body.appMode .liSearch input::placeholder{color:#667085!important;opacity:1!important;} body.appMode .liSearch span{flex:0 0 auto;color:#475569;font-weight:900;} @media(max-width:520px){body.appMode .liSearch{gap:7px;padding:0 12px!important;}body.appMode .liSearch input{font-size:16px!important;line-height:38px!important;}} .docCurrencyCard{padding:14px!important;border:1px solid rgba(20,184,110,.18)!important;border-radius:18px!important;background:linear-gradient(180deg,#ffffff,#f8fffb)!important;box-shadow:0 8px 22px rgba(16,24,40,.04);} .docCurrencyHead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;} .docCurrencyHead>b{font-size:14px;line-height:1.2;} .docCurrencyHead>span{font-size:12px;font-weight:900;color:#057642;background:#ecfdf3;border:1px solid #bbf7d0;border-radius:999px;padding:4px 9px;white-space:nowrap;} .docCurrencyList{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;} .docCurrencyRow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;border-radius:14px;border:1px solid #e5e7eb;background:#fff;text-align:left;} .docCurrencyRow.current{border-color:#bbf7d0;background:#f7fff9;} .docCurrencyRow.attention{border-color:#fed7aa;background:#fffaf4;} .docCurrencyRow div{display:grid;gap:2px;min-width:0;} .docCurrencyRow b{font-size:13px;line-height:1.15;color:#111827;white-space:normal!important;overflow-wrap:normal!important;} .docCurrencyRow span{font-size:12px;line-height:1.25;color:#667085;white-space:normal!important;overflow-wrap:normal!important;} .docCurrencyRow strong{flex:0 0 auto;font-size:11px;line-height:1;border-radius:999px;padding:6px 8px;white-space:nowrap;} .docCurrencyRow.current strong{background:#dcfce7;color:#067647;} .docCurrencyRow.attention strong{background:#ffedd5;color:#b45309;} .driverDocsPublic .checkPills{display:none!important;} .driverDocsPublic .statusPill{flex:0 0 auto!important;font-size:12px!important;padding:0!important;} @media(max-width:520px){.docCurrencyCard{padding:12px!important;border-radius:16px!important}.docCurrencyHead{align-items:flex-start}.docCurrencyRow{align-items:flex-start;padding:9px 10px}.docCurrencyRow strong{margin-top:1px}} /* 20260730 self profile search preview */ .selfSearchProfile{border-color:rgba(20,184,110,.28)!important;background:linear-gradient(180deg,#ffffff,#f8fffb)!important;} .selfPreviewTag{background:#ecfdf3!important;color:#067647!important;border-color:#bbf7d0!important;font-weight:900!important;} .selfProfilePreviewNotice{margin:0 0 12px;padding:12px 14px;border:1px solid #bbf7d0;border-left:4px solid #14b86e;border-radius:16px;background:#f0fdf4;} .selfProfilePreviewNotice b{display:block;margin-bottom:3px;color:#064e3b;} .selfProfilePreviewNotice p{margin:0;color:#475569;font-size:13px;line-height:1.35;} @media(max-width:520px){.selfProfilePreviewNotice{padding:11px 12px;border-radius:14px}.selfSearchProfile .requestActions .btn{width:100%;justify-content:center}} /* 20260730 self profile preview close/avatar correction */ .compactPreviewHeader{grid-template-columns:52px minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;} .profileAvatar.nameIcon,.profileCardHead>.profileAvatar,.globalSearchProfile .profileAvatar{width:48px!important;height:48px!important;min-width:48px!important;max-width:48px!important;min-height:48px!important;max-height:48px!important;border-radius:999px!important;font-size:15px!important;line-height:1!important;align-self:start!important;overflow:hidden!important;object-fit:cover!important;} .profileAvatar.nameIcon img,.profileCardHead>.profileAvatar img,.globalSearchProfile .profileAvatar img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:cover!important;display:block!important;} .globalSearchProfile .profileCardHead{display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;align-items:start!important;gap:12px!important;overflow:hidden!important;} .globalSearchProfile .profileCardHead>div:last-child{min-width:0!important;max-width:100%!important;overflow:hidden!important;} .globalSearchProfile .profileCardHead h3,.globalSearchProfile .profileCardHead p{max-width:100%!important;overflow-wrap:anywhere!important;} .modalCard::backdrop{cursor:pointer;} .modalCard{cursor:default;} @media(max-width:520px){.compactPreviewHeader{grid-template-columns:48px minmax(0,1fr)!important}.compactPreviewHeader .profileAvatar{width:44px!important;height:44px!important;min-width:44px!important;max-width:44px!important}.globalSearchProfile .profileCardHead{grid-template-columns:44px minmax(0,1fr)!important}.globalSearchProfile .profileAvatar{width:44px!important;height:44px!important;min-width:44px!important;max-width:44px!important}.globalSearchProfile .driverDocsButton{white-space:nowrap!important;overflow-wrap:normal!important}} /* 20260730 admin mobile database redesign */ #masterAccess{padding:clamp(14px,3vw,22px)!important;overflow:hidden;} #masterAccess>.sectionHead{align-items:flex-start;gap:10px;margin-bottom:12px;} #masterAccess>.sectionHead h2{font-size:clamp(26px,6vw,36px);line-height:1.05;margin:0 0 4px;} #masterAccess .adminHeadActions{display:grid;grid-template-columns:1fr 1fr;width:min(360px,100%);gap:8px;} #masterAccess .adminHeadActions .btn{width:100%;min-height:42px;} #accountDbFilters.adminFilterBar{display:grid;grid-template-columns:minmax(220px,2fr) repeat(6,minmax(120px,1fr)) auto;gap:10px;align-items:end;margin:10px 0 12px;padding:12px;border:1px solid #dbeafe;border-radius:22px;background:#f8fbff;} #accountDbFilters label{font-size:12px;font-weight:900;color:#344054;} #accountDbFilters input,#accountDbFilters select{margin-top:5px;min-height:44px;border-radius:14px;font-size:16px;background:#fff;} #accountDbFilters .adminSearchField{grid-column:auto / span 2;} #accountQuickFilters.quickFilters{display:flex;gap:8px;overflow-x:auto;flex-wrap:nowrap;padding:2px 0 8px;margin:2px 0 8px;scrollbar-width:none;} #accountQuickFilters.quickFilters::-webkit-scrollbar{display:none;} #accountQuickFilters .quickFilterBtn{flex:0 0 auto;border-radius:999px;background:#fff;box-shadow:0 4px 14px rgba(16,24,40,.06);} #accountDbSummary{display:block;margin:8px 0 10px;padding:10px 12px;border:1px solid #e5e7eb;border-radius:16px;background:#fff;color:#475467!important;line-height:1.35;} #selectedAccountSummary{margin:10px 0 12px;} .adminEmptyHint{padding:14px;border:1px dashed #cbd5e1;border-radius:18px;background:#fff;color:#667085;font-size:14px;font-weight:800;line-height:1.35;} .accountDbToolbar{display:flex!important;align-items:center;justify-content:space-between;gap:10px;margin:8px 0 12px;color:#475467!important;} .adminMobileCount{display:grid;gap:0;font-size:14px;line-height:1.15;} .adminMobileCount b{font-size:24px;color:#101828;letter-spacing:-.04em;} .adminMobileCount span{font-size:12px;color:#667085;font-weight:800;} .adminMobileControls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;} .adminMobileControls label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:900;color:#344054;} .adminMobileControls select{min-height:38px;border-radius:14px;padding:0 26px 0 10px;background:#fff;} .adminPageButtons{display:flex;align-items:center;gap:6px;} .adminPageButtons span{font-weight:900;font-size:12px;color:#667085;white-space:nowrap;} .accountTableWrap{border:0!important;background:transparent!important;overflow:visible!important;border-radius:0!important;margin-top:8px!important;} .adminSortStrip{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:6px 0 10px;padding:10px 12px;border:1px solid #e5e7eb;border-radius:18px;background:#fff;} .adminSortStrip label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:900;color:#344054;} .adminSortStrip select{min-height:38px;border-radius:13px;background:#fff;font-size:15px;} .adminAccountList{display:grid;gap:10px;} .adminAccountCard{border:1px solid #d0d5dd;border-radius:22px;background:#fff;box-shadow:0 10px 28px rgba(16,24,40,.07);padding:12px;overflow:hidden;} .adminAccountCard.selectedAccountRow{border-color:#84caff;background:#f5f9ff;box-shadow:0 12px 30px rgba(37,99,235,.13), inset 4px 0 0 #2563eb;} .adminAccountMain{appearance:none;border:0;background:transparent;width:100%;padding:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;text-align:left;color:inherit;} .adminAccountAvatar{display:grid;place-items:center;width:44px;height:44px;border-radius:999px;background:linear-gradient(135deg,#14b86e,#2563eb);color:#fff;font-size:17px;font-weight:1000;box-shadow:0 8px 20px rgba(16,24,40,.12);flex:0 0 auto;} .adminAccountAvatar.large{width:56px;height:56px;font-size:22px;} .adminAccountIdentity{min-width:0;display:grid;gap:1px;} .adminAccountIdentity b{font-size:17px;line-height:1.15;letter-spacing:-.02em;overflow-wrap:anywhere;} .adminAccountIdentity small{display:block;color:#667085;font-size:12px;line-height:1.25;overflow-wrap:anywhere;} .adminAccountMain .statusPill{max-width:116px;white-space:normal;justify-content:center;text-align:center;line-height:1.05;padding:5px 8px;} .adminAccountFacts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:10px 0;} .adminAccountFacts span{min-width:0;padding:8px 6px;border:1px solid #e5e7eb;border-radius:14px;background:#f9fafb;text-align:center;font-size:11px;font-weight:900;color:#667085;line-height:1.12;text-transform:lowercase;} .adminAccountFacts b{display:block;color:#101828;font-size:16px;line-height:1.05;text-transform:none;} .adminAccountFacts.featured span{background:#fff;} .adminAccountMeta{display:flex;justify-content:space-between;gap:8px;color:#667085;font-size:11px;font-weight:800;border-top:1px solid #eef2f7;padding-top:8px;} .adminAccountActions,.adminActionGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px;} .adminAccountActions .btn,.adminActionGrid .btn{width:100%;min-width:0;min-height:40px;padding:8px 6px;font-size:12px;border-radius:14px;} .adminProfileSheet{border:1px solid #84caff;border-radius:24px;background:linear-gradient(180deg,#f5f9ff,#fff);box-shadow:0 16px 36px rgba(37,99,235,.14);padding:14px;overflow:hidden;} .adminProfileTop{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;} .adminProfileTop h3{margin:0;font-size:22px;line-height:1.08;letter-spacing:-.04em;overflow-wrap:anywhere;} .adminProfileTop p{margin:2px 0 0;color:#667085;font-size:13px;line-height:1.25;overflow-wrap:anywhere;} .adminProfileFields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0;} .adminProfileFields div{border:1px solid #e5e7eb;border-radius:14px;background:#fff;padding:9px;min-width:0;} .adminProfileFields span{display:block;color:#667085;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.03em;} .adminProfileFields b{display:block;margin-top:2px;font-size:13px;line-height:1.25;overflow-wrap:anywhere;} .adminProfileDocs{margin-top:12px;border:1px solid #bbf7d0;border-radius:18px;background:#f7fff9;padding:12px;} .adminProfileDocs .sectionHead{display:grid;grid-template-columns:1fr auto;align-items:start;gap:8px;margin-bottom:10px;} .adminDocGrid{display:grid;gap:8px;} .adminDocItem{padding:10px;border:1px solid #e5e7eb;border-radius:14px;background:#fff;display:grid;gap:2px;} .adminDocItem b{font-size:14px;}.adminDocItem span{font-size:13px;font-weight:900;}.adminDocItem small{font-size:12px;color:#667085;overflow-wrap:anywhere;}.adminDocItem.stored{border-color:#bbf7d0;background:#f8fff9}.adminDocItem.missing,.adminDocItem.expired{border-color:#fed7aa;background:#fffaf3;} @media(max-width:820px){ #masterAccess{margin-left:-12px;margin-right:-12px;border-radius:0!important;border-left:0!important;border-right:0!important;padding:12px 12px 92px!important;} #masterAccess>.sectionHead{display:grid;grid-template-columns:1fr;} #masterAccess .adminHeadActions{grid-template-columns:1fr 1fr;width:100%;} #masterAccess #masterMetrics.dashboardGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;} #accountDbFilters.adminFilterBar{grid-template-columns:1fr 1fr;padding:10px;gap:8px;border-radius:18px;} #accountDbFilters .adminSearchField{grid-column:1/-1;} #accountDbFilters button[type="reset"]{grid-column:1/-1;width:100%;min-height:42px;} .accountDbToolbar{display:grid!important;grid-template-columns:1fr;} .adminMobileControls{justify-content:space-between;width:100%;} .adminPageButtons{width:100%;display:grid;grid-template-columns:1fr auto 1fr;} .adminPageButtons .btn{width:100%;} .adminSortStrip{position:sticky;top:58px;z-index:20;box-shadow:0 8px 18px rgba(16,24,40,.08);} .adminAccountFacts{grid-template-columns:repeat(2,minmax(0,1fr));} .adminAccountActions,.adminActionGrid{grid-template-columns:1fr 1fr;} .adminProfileFields{grid-template-columns:1fr;} } @media(max-width:430px){ #accountDbFilters.adminFilterBar{grid-template-columns:1fr;} #accountDbFilters .adminSearchField{grid-column:auto;} .adminAccountMain{grid-template-columns:auto minmax(0,1fr);} .adminAccountMain .statusPill{grid-column:1/-1;width:100%;max-width:none;justify-content:center;margin-top:4px;} .adminAccountMeta{display:grid;grid-template-columns:1fr;gap:2px;} .adminProfileTop{grid-template-columns:auto minmax(0,1fr);} .adminProfileTop .statusPill{grid-column:1/-1;width:100%;justify-content:center;} } /* 20260730 admin ID badge preview + member delete actions */ .adminEvidenceReviewCard{display:grid;gap:12px;padding:14px!important;border:1px solid #dbeafe!important;border-radius:20px!important;background:#fff!important;box-shadow:0 8px 24px rgba(16,24,40,.05);} .adminEvidenceReviewCard+.adminEvidenceReviewCard{margin-top:14px;} .adminEvidenceHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;min-width:0;} .adminEvidenceHeader>div{min-width:0;} .adminEvidenceHeader b{display:block;font-size:18px;line-height:1.15;color:#101828;overflow-wrap:anywhere;} .adminEvidenceFacts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;} .adminEvidenceFacts>div{padding:9px 10px;border:1px solid #eef2f7;border-radius:14px;background:#f8fafc;min-width:0;} .adminEvidenceFacts span{display:block;font-size:11px;line-height:1.1;font-weight:900;text-transform:uppercase;letter-spacing:.03em;color:#667085;margin-bottom:3px;} .adminEvidenceFacts b{display:block;font-size:13px;line-height:1.25;color:#111827;overflow-wrap:anywhere;} .adminEvidencePhotoSlot{display:grid;gap:10px;padding:12px!important;border:1px dashed #93c5fd;border-radius:16px;background:#eff6ff;} .adminEvidencePhotoSlot .btn{width:100%;justify-content:center;min-height:44px;} .evidencePreview{display:grid!important;grid-template-columns:1fr 1fr;gap:8px;width:100%;} .evidencePreview .btn{width:100%;justify-content:center;min-height:42px;} .signedPhotoFrame{width:100%;max-height:70vh;overflow:auto;border:1px solid #bfdbfe;border-radius:16px;background:#0f172a;padding:6px;} .signedPhotoFrame img{display:block;width:100%;height:auto;border-radius:12px;background:#fff;} .btn.danger,.btn.ghost.danger{border-color:#fecaca!important;color:#b91c1c!important;background:#fff7f7!important;} .btn.danger:hover,.btn.ghost.danger:hover{background:#fee2e2!important;color:#991b1b!important;} .adminActionGrid .danger,.adminAccountActions .danger{font-weight:900;} @media(max-width:520px){.adminEvidenceReviewCard{padding:12px!important;border-radius:18px!important}.adminEvidenceHeader{display:grid;grid-template-columns:1fr;}.adminEvidenceFacts{grid-template-columns:1fr}.evidencePreview{grid-template-columns:1fr}.signedPhotoFrame{max-height:62vh}.adminAccountActions{grid-template-columns:1fr 1fr!important}.adminActionGrid{grid-template-columns:1fr 1fr!important}.adminActionGrid .btn,.adminAccountActions .btn{white-space:normal!important;}} /* 20260730 admin profile document evidence visibility */ .adminDocEvidenceSlot{margin-top:8px;padding:8px;border-radius:12px;background:#ecfdf5;border:1px solid #bbf7d0;display:grid;gap:6px;} .adminDocEvidenceSlot .btn{width:100%;justify-content:center;white-space:normal;line-height:1.2;} .adminDocEvidenceSlot .signedPhotoFrame{margin-top:6px;border-radius:12px;overflow:hidden;background:#0f172a;} .adminDocEvidenceSlot .evidencePreview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;} .adminDocEvidenceSlot .evidencePreview .btn{min-width:0;} @media(max-width:720px){.adminDocEvidenceSlot .evidencePreview{grid-template-columns:1fr;}.adminProfileDocs .statusPill{white-space:normal;text-align:center;line-height:1.15;}} /* 20260730 admin verify mobile cleanup */ #adminReview{padding:clamp(14px,3vw,22px)!important;overflow:hidden!important;} #adminReview>.sectionHead{align-items:flex-start;gap:10px;margin-bottom:12px;} #adminReview>.sectionHead h2{font-size:clamp(26px,6vw,34px);line-height:1.05;margin:0 0 4px;letter-spacing:-.04em;} #adminReview>.sectionHead p{font-size:14px;line-height:1.35;margin:0;color:#667085!important;} #adminFilters.adminFilterBar{display:grid;grid-template-columns:minmax(220px,2fr) repeat(5,minmax(120px,1fr)) auto;gap:10px;align-items:end;margin:10px 0 12px;padding:12px;border:1px solid #dbeafe;border-radius:22px;background:#f8fbff;} #adminFilters label{font-size:12px;font-weight:900;color:#344054;} #adminFilters input,#adminFilters select{margin-top:5px;min-height:44px;border-radius:14px;font-size:16px;background:#fff;} #adminQuickFilters.quickFilters{display:flex;gap:8px;overflow-x:auto;flex-wrap:nowrap;padding:2px 0 8px;margin:2px 0 8px;scrollbar-width:none;} #adminQuickFilters.quickFilters::-webkit-scrollbar{display:none;} #adminQuickFilters .btn{flex:0 0 auto;border-radius:999px;background:#fff;box-shadow:0 4px 14px rgba(16,24,40,.06);white-space:nowrap!important;} #adminQueueSummary{display:block;margin:8px 0 10px;padding:10px 12px;border:1px solid #e5e7eb;border-radius:16px;background:#fff;color:#475467!important;line-height:1.35;} .adminVerifyOverview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:8px 0 12px;} .adminVerifyOverview>div{border:1px solid #dbeafe;border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbff);padding:11px 10px;text-align:center;box-shadow:0 6px 18px rgba(16,24,40,.04);} .adminVerifyOverview span{display:block;color:#667085;font-size:11px;font-weight:900;line-height:1.1;text-transform:uppercase;letter-spacing:.02em;} .adminVerifyOverview b{display:block;margin-top:4px;color:#101828;font-size:25px;line-height:1;letter-spacing:-.05em;} .adminVerifyWorklist{display:grid;gap:12px;} .adminVerifyList{display:grid;gap:12px;} .adminVerifyCard{border:1px solid #d0d5dd;border-radius:24px;background:#fff;box-shadow:0 10px 28px rgba(16,24,40,.07);padding:12px;overflow:hidden;} .adminVerifyCard.selected{border-color:#84caff;background:#f5f9ff;box-shadow:0 12px 30px rgba(37,99,235,.13), inset 4px 0 0 #2563eb;} .adminVerifyMain{appearance:none;border:0;background:transparent;width:100%;padding:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;text-align:left;color:inherit;} .adminVerifyAvatar{display:grid;place-items:center;width:44px;height:44px;border-radius:999px;background:linear-gradient(135deg,#14b86e,#2563eb);color:#fff;font-size:17px;font-weight:1000;box-shadow:0 8px 20px rgba(16,24,40,.12);flex:0 0 auto;} .adminVerifyIdentity{min-width:0;display:grid;gap:1px;} .adminVerifyIdentity b{font-size:18px;line-height:1.12;letter-spacing:-.025em;overflow-wrap:anywhere;} .adminVerifyIdentity small{display:block;color:#667085;font-size:12px;line-height:1.25;overflow-wrap:anywhere;} .adminVerifyStatus{display:inline-flex;align-items:center;justify-content:center;min-width:94px;max-width:120px;border-radius:999px;padding:7px 9px;font-size:12px;font-weight:1000;line-height:1.05;text-align:center;border:1px solid #e5e7eb;background:#f8fafc;color:#344054;} .adminVerifyStatus.ready{border-color:#bbf7d0;background:#ecfdf3;color:#057642;} .adminVerifyStatus.done{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8;} .adminVerifyStatus.risk{border-color:#fecaca;background:#fef2f2;color:#b42318;} .adminVerifyStatus.empty{border-color:#fed7aa;background:#fff7ed;color:#b45309;} .adminVerifyFacts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:11px 0 8px;} .adminVerifyFacts span{min-width:0;padding:8px 6px;border:1px solid #e5e7eb;border-radius:14px;background:#f9fafb;text-align:center;font-size:11px;font-weight:900;color:#667085;line-height:1.12;} .adminVerifyFacts b{display:block;color:#101828;font-size:13px;line-height:1.12;margin-bottom:2px;overflow-wrap:normal;} .adminVerifyFacts small{display:block;color:#667085;font-size:10px;text-transform:uppercase;letter-spacing:.02em;} .adminVerifyNext{margin:8px 0 0;padding:10px 11px;border-radius:14px;background:#f8fafc;color:#475467;font-size:13px;line-height:1.35;font-weight:700;} .adminVerifyAlert{margin:8px 0 0;padding:9px 10px;border:1px solid #fed7aa;border-radius:14px;background:#fff7ed;color:#b45309;font-size:12px;font-weight:900;} .adminVerifyActions,.adminVerifyDecisionGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px;} .adminVerifyActions .btn,.adminVerifyDecisionGrid .btn{width:100%;min-width:0;min-height:42px;border-radius:14px;padding:8px 6px;font-size:12px;line-height:1.1;white-space:normal!important;overflow-wrap:normal!important;} .adminVerifyDecisionBox{margin-top:10px;border:1px solid #e5e7eb;border-radius:16px;background:#fcfcfd;padding:0;overflow:hidden;} .adminVerifyDecisionBox summary{list-style:none;cursor:pointer;padding:11px 12px;font-size:13px;font-weight:1000;color:#344054;display:flex;justify-content:space-between;align-items:center;} .adminVerifyDecisionBox summary::-webkit-details-marker{display:none;} .adminVerifyDecisionBox summary:after{content:'⌄';color:#667085;font-weight:1000;} .adminVerifyDecisionBox[open] summary:after{content:'⌃';} .adminVerifyDecisionBox .adminVerifyDecisionGrid{padding:0 10px 10px;margin-top:0;} .adminVerifyDecisionBox small{display:block;padding:0 12px 12px;color:#667085;font-size:12px;line-height:1.3;} #adminEvidenceDetail,#adminReviewHistory{display:grid;gap:12px;} @media(max-width:820px){ #adminReview{margin-left:-12px;margin-right:-12px;border-radius:0!important;border-left:0!important;border-right:0!important;padding:12px 12px 92px!important;} #adminReview>.sectionHead{display:grid;grid-template-columns:1fr;} #adminReview>.sectionHead .btn{width:100%;min-height:44px;} #adminFilters.adminFilterBar{grid-template-columns:1fr 1fr;padding:10px;gap:8px;border-radius:18px;} #adminFilters label:first-child{grid-column:1/-1;} #adminFilters button[type="reset"]{grid-column:1/-1;width:100%;min-height:42px;} .adminVerifyOverview{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;} .adminVerifyOverview>div{padding:10px 6px;border-radius:16px;} .adminVerifyOverview span{font-size:9.5px;} .adminVerifyOverview b{font-size:23px;} .adminVerifyFacts{grid-template-columns:repeat(2,minmax(0,1fr));} .adminVerifyActions,.adminVerifyDecisionGrid{grid-template-columns:1fr 1fr;} } @media(max-width:430px){ #adminFilters.adminFilterBar{grid-template-columns:1fr;} .adminVerifyMain{grid-template-columns:auto minmax(0,1fr);} .adminVerifyStatus{grid-column:1/-1;width:100%;max-width:none;margin-top:4px;} .adminVerifyFacts b{font-size:12px;} } /* 20260730 admin verify condensed decision view */ .compactAdminVerify{border-radius:18px;padding:10px 10px 12px;box-shadow:0 6px 18px rgba(16,24,40,.06)} .compactAdminVerify .adminVerifyCompactHead{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center} .compactAdminVerify .adminVerifyMain{grid-template-columns:auto minmax(0,1fr);gap:9px} .compactAdminVerify .adminVerifyAvatar{width:38px;height:38px;font-size:14px} .compactAdminVerify .adminVerifyIdentity b{font-size:16px;line-height:1.08} .compactAdminVerify .adminVerifyIdentity small{font-size:13px;font-weight:900;color:#344054;line-height:1.18} .compactAdminVerify .adminVerifyStatus{min-width:76px;max-width:92px;padding:6px 7px;font-size:11px;line-height:1.05} .adminVerifyCompactMeta{display:flex;gap:6px;flex-wrap:wrap;margin:7px 0 8px;color:#667085;font-size:11px;font-weight:800;line-height:1.2} .adminVerifyCompactMeta span{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .compactDecisionActions{grid-template-columns:.9fr 1fr 1fr!important;gap:7px!important;margin-top:6px!important} .compactDecisionActions .btn{min-height:38px!important;border-radius:12px!important;font-size:12px!important;font-weight:1000!important;white-space:nowrap!important} .dangerAction{border-color:#fecaca!important;background:#fff!important;color:#b42318!important} .compactAdminEvidencePanel{padding:12px;border-radius:18px;box-shadow:0 8px 22px rgba(16,24,40,.06)} .compactReviewTop{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;margin-bottom:10px} .compactReviewTop h3{margin:0;font-size:18px;line-height:1.1;letter-spacing:-.02em} .compactReviewTop p{margin:3px 0 0;color:#344054;font-size:13px;font-weight:900} .compactProfileDecision{display:grid;grid-template-columns:1fr 1fr;gap:7px;min-width:150px} .compactProfileDecision .btn{min-height:38px;border-radius:12px;font-weight:1000;white-space:nowrap!important} .compactEvidenceGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .compactEvidenceCard{padding:8px!important;border-radius:14px!important;background:#fff!important;border:1px solid #e5e7eb!important} .compactEvidenceHeader{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:6px!important;margin-bottom:6px!important} .compactEvidenceHeader b{font-size:13px;line-height:1.1} .compactEvidenceHeader .statusPill{font-size:10px;padding:4px 6px;white-space:nowrap!important} .compactPhotoSlot{display:grid;gap:5px;margin:0!important;padding:0!important;border:0!important;background:transparent!important} .compactEvidencePreview{display:flex!important;gap:5px!important;margin:0 0 5px!important;flex-wrap:nowrap!important} .compactEvidencePreview .btn{min-height:30px!important;padding:5px 7px!important;border-radius:9px!important;font-size:11px!important;white-space:nowrap!important} .compactSignedPhotoFrame{margin:0!important;border:2px solid #101828!important;border-radius:12px!important;overflow:hidden;background:#f8fafc;max-height:220px!important;display:flex;align-items:center;justify-content:center} .compactSignedPhotoFrame img{width:100%!important;height:auto!important;max-height:220px!important;object-fit:contain!important;display:block!important} .compactPhotoNote{display:none!important} .compactEvidenceActions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:7px} .compactEvidenceActions .btn{min-height:34px;border-radius:10px;font-size:11px;font-weight:1000;white-space:nowrap!important} @media(max-width:430px){ .compactAdminVerify .adminVerifyCompactHead{grid-template-columns:1fr} .compactAdminVerify .adminVerifyStatus{width:auto;max-width:none;justify-self:start;margin-top:0} .compactDecisionActions{grid-template-columns:.8fr 1fr 1fr!important} .compactReviewTop{grid-template-columns:1fr} .compactProfileDecision{grid-template-columns:1fr 1fr;min-width:0;width:100%} .compactEvidenceGrid{grid-template-columns:1fr} .compactSignedPhotoFrame,.compactSignedPhotoFrame img{max-height:260px!important} } /* 20260730 request timing and decision-window guards */ .requestTimingFit,.requestDecisionWindow{margin:10px 0 12px;padding:11px 12px;border:1px solid #fed7aa;border-left:4px solid #f59e0b;border-radius:16px;background:#fffdf7;display:grid;gap:6px} .requestDecisionWindow{border-color:#bae6fd;border-left-color:#0ea5e9;background:#f0f9ff} .requestTimingFit .statusPill,.requestDecisionWindow .statusPill{width:100%;justify-content:flex-start;white-space:normal;text-transform:none;line-height:1.25} .requestTimingFit p,.requestDecisionWindow p{margin:0!important}.requestDecisionWindow .sectionHead{margin-bottom:2px} .requestReviewChecklist .statusPill{text-transform:none;white-space:normal;line-height:1.25} @media(max-width:560px){.requestTimingFit,.requestDecisionWindow{border-radius:14px}.requestDetailBody .detailGrid{grid-template-columns:1fr}} /* 20260730 admin verification one-click approval */ .oneClickAdminVerify{padding:9px 10px!important;} .oneClickAdminVerify .adminVerifyIdentity small{font-weight:850;color:#1f2937;} .enteredInfoMeta{display:flex;flex-wrap:wrap;gap:5px 7px;margin-top:6px;min-width:0;} .enteredInfoMeta span{display:inline-flex;align-items:center;max-width:100%;padding:4px 7px;border:1px solid #e5e7eb;border-radius:999px;background:#fff;color:#475467;font-size:11px;font-weight:750;line-height:1.15;overflow-wrap:anywhere;} .oneClickDecisionActions{grid-template-columns:1fr 1fr 1fr!important;gap:7px!important;align-items:stretch;} .oneClickDecisionActions .btn{min-height:40px!important;border-radius:12px!important;font-weight:900!important;} .oneClickDecisionActions .oneClickApprove{background:#12b76a!important;border-color:#12b76a!important;color:#fff!important;} .oneClickDecisionActions .oneClickDeny{background:#fff!important;border:1px solid #fecaca!important;color:#b42318!important;} .oneClickSubmissionReview .compactReviewTop{align-items:start!important;} .reviewEnteredInfo{margin-top:6px;} .oneClickSubmissionReview .compactProfileDecision{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;min-width:150px;} .oneClickSubmissionReview .compactProfileDecision .btn{min-height:42px!important;border-radius:12px!important;font-weight:900!important;} .oneClickSubmissionReview .compactEvidenceActions{display:none!important;} @media(max-width:560px){.oneClickDecisionActions{grid-template-columns:1fr 1fr!important}.oneClickDecisionActions .evidenceProfile{grid-column:1 / -1}.oneClickSubmissionReview .compactReviewTop{grid-template-columns:1fr!important}.oneClickSubmissionReview .compactProfileDecision{grid-template-columns:1fr 1fr!important;width:100%;min-width:0}.enteredInfoMeta span{font-size:10.5px}} /* 20260731 contact request prompt coach */ .requestPromptCoach{margin-top:12px;padding:12px;border:1px solid #c7d2fe;border-radius:16px;background:#f8faff}.requestPromptCoach .sectionHead{margin-bottom:8px}.requestPromptGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px}.requestPromptGrid .btn{justify-content:center;white-space:normal;text-align:center;line-height:1.25;min-height:42px}@media(max-width:520px){.requestPromptGrid{grid-template-columns:1fr}.requestPromptCoach{padding:10px}.requestPromptGrid .btn{width:100%}} /* Route operations direct-open actions */ .routeOpsActionRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:start;padding:7px 0;border-top:1px solid #eef2f7} .routeOpsActionRow:first-of-type{border-top:0} .routeOpsActionRow .requestActions{margin-top:0;justify-content:flex-end} .coverageFocusRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start;margin:10px 0} .coverageFocusRow p{margin:0;overflow-wrap:anywhere}.coverageFocusActions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end} @media(max-width:640px){.routeOpsActionRow,.coverageFocusRow{grid-template-columns:1fr}.routeOpsActionRow .requestActions,.coverageFocusActions{display:grid;grid-template-columns:1fr 1fr}.routeOpsActionRow .btn,.coverageFocusActions .btn{width:100%;justify-content:center}} /* Stripe payment access */ .paymentAccessPanel{margin:12px 0 16px}.paymentAccessCard{border-left:4px solid #635bff;background:#fbfbff}.paymentAccessCard.active{border-left-color:var(--green);background:#f3fdf7}.paymentAccessCard b{display:block;margin-bottom:4px}.paymentAccessCard p{margin:4px 0 0}.paymentAccessCard .requestActions{align-items:center}.adminPaymentsGrid .miniCard:first-child{border-left:4px solid #635bff} @media(max-width:640px){.paymentAccessCard .requestActions{display:grid;grid-template-columns:1fr}.paymentAccessCard .btn{width:100%}} /* Pro Subscription test rollout */ .proSubscriptionPanel{display:grid;gap:14px}.proHero{background:linear-gradient(135deg,#071827,#0f766e);color:#fff;border:0}.proHero .eyebrow{color:#ccfbf1}.proHero p{color:#e0f2fe}.proPrice{font-size:1.9rem;font-weight:900;margin:8px 0}.proFeatureGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.proFeatureGrid ul{margin:8px 0 0;padding-left:18px}.proFeatureGrid li{margin:7px 0;color:#334155}.proCheckoutRow{align-items:center}.proCheckoutRow .btn.primary{box-shadow:0 12px 30px rgba(15,118,110,.24)}@media(max-width:720px){.proFeatureGrid{grid-template-columns:1fr}.proPrice{font-size:1.55rem}.proCheckoutRow .btn{width:100%}} /* 20260731 search/admin usability */ .globalSearch{position:relative;} .globalSearchHistoryPanel{position:absolute;left:0;right:54px;top:calc(100% + 8px);z-index:320;padding:10px;border:1px solid #dbeafe;border-radius:18px;background:#fff;box-shadow:0 16px 38px rgba(16,24,40,.18);display:grid;gap:8px;} .globalSearchHistoryPanel.hidden{display:none!important;} .searchHistoryHead{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#475467;font-size:12px;} .clearSearchHistoryBtn{appearance:none;border:0;background:transparent;color:#2563eb;font-weight:900;font-size:12px;padding:4px;} .searchHistoryChip{appearance:none;border:1px solid #e5e7eb;background:#f8fafc;border-radius:999px;padding:9px 12px;text-align:left;font-weight:800;color:#101828;display:flex;gap:8px;align-items:center;min-height:38px;} .searchHistoryChip span{color:#2563eb;} .adminCommandGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:10px 0 12px;} .adminCommandCard{display:grid;gap:4px;min-width:0;padding:12px;border:1px solid #dbeafe;border-radius:20px;background:#fff;text-decoration:none;box-shadow:0 8px 20px rgba(16,24,40,.06);} .adminCommandCard span{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:#eff6ff;color:#2563eb;font-weight:1000;font-size:18px;} .adminCommandCard b{font-size:15px;line-height:1.1;} .adminCommandCard small{color:#667085;font-size:12px;line-height:1.25;} .adminCommandCard.active{border-color:#2563eb;background:linear-gradient(180deg,#f8fbff,#fff);box-shadow:0 10px 28px rgba(37,99,235,.13);} .adminMetricGrid{margin-top:8px;} .adminBackLink{align-self:start;} @media(max-width:820px){.globalSearchHistoryPanel{right:0;top:calc(100% + 6px);}.adminCommandGrid{grid-template-columns:repeat(2,minmax(0,1fr));}.adminCommandCard{padding:11px;border-radius:18px}.adminCommandCard small{font-size:11px}#masterAccess #masterMetrics.adminMetricGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}} @media(max-width:430px){.adminCommandGrid{gap:8px}.adminCommandCard b{font-size:14px}.adminCommandCard span{width:30px;height:30px}.globalSearchHistoryPanel{position:fixed;left:12px;right:12px;top:58px;}} /* 20260731 mobile readability pass: replace messy bubble clusters with clean rows */ body.appMode .modalCard, body.appMode .wideModal{ max-width:min(720px,calc(100vw - 20px))!important; width:min(720px,calc(100vw - 20px))!important; max-height:min(88vh,820px)!important; overflow:auto!important; padding:18px!important; border-radius:26px!important; } body.appMode .coverageDetailBody, body.appMode .readableDetail, body.appMode .coveragePostDetail{ display:grid!important; gap:12px!important; max-width:100%!important; overflow-x:hidden!important; } body.appMode .readableDetail .sectionHead, body.appMode .readableChecklistBlock .sectionHead, body.appMode .coverageLifecycle .sectionHead{ display:flex!important; align-items:flex-start!important; justify-content:space-between!important; gap:10px!important; flex-wrap:nowrap!important; min-width:0!important; } body.appMode .readableDetail .sectionHead h2{ font-size:clamp(22px,6vw,30px)!important; line-height:1.08!important; margin:0 0 6px!important; letter-spacing:-.04em!important; } body.appMode .readableDetail .detailGrid{ grid-template-columns:1fr 1fr!important; gap:10px!important; } body.appMode .readableDetail .detailGrid div{ min-width:0!important; overflow:hidden!important; border-radius:18px!important; } body.appMode .readableChecklistBlock, body.appMode .readableCard, body.appMode .coverageLifecycle{ border-radius:20px!important; overflow:hidden!important; } .readableStatusRows{ display:grid!important; grid-template-columns:1fr!important; gap:8px!important; width:100%!important; max-width:100%!important; overflow:visible!important; } .statusRow{ display:grid!important; grid-template-columns:30px minmax(0,1fr)!important; gap:10px!important; align-items:center!important; width:100%!important; padding:10px 12px!important; border:1px solid #e5e7eb!important; border-radius:16px!important; background:#fff!important; color:#101828!important; text-align:left!important; } .statusRow span{ display:inline-grid!important; place-items:center!important; width:28px!important; height:28px!important; border-radius:999px!important; font-size:14px!important; font-weight:1000!important; line-height:1!important; white-space:nowrap!important; } .statusRow b{ display:block!important; min-width:0!important; color:#111827!important; font-size:13px!important; line-height:1.25!important; font-weight:900!important; letter-spacing:0!important; text-transform:none!important; white-space:normal!important; overflow-wrap:normal!important; word-break:normal!important; } .statusRow.ok{border-color:#bbf7d0!important;background:#f8fff9!important;} .statusRow.ok span{background:#dcfce7!important;color:#067647!important;} .statusRow.attention{border-color:#fed7aa!important;background:#fffaf4!important;} .statusRow.attention span{background:#ffedd5!important;color:#b45309!important;} .statusRow.neutral span{background:#eef2f7!important;color:#475467!important;} .readableStatusRows.compact .statusRow{padding:8px 10px!important;border-radius:14px!important;} .readableChecklistBlock{padding:12px!important;border:1px solid #dbeafe!important;border-left:4px solid #2563eb!important;background:#fbfcff!important;} .copyActionGrid{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:8px!important; width:100%!important; max-width:100%!important; margin:2px 0 6px!important; } .copyActionGrid .btn{ width:100%!important; min-width:0!important; min-height:42px!important; padding:10px 8px!important; border-radius:16px!important; font-size:13px!important; line-height:1.1!important; white-space:normal!important; overflow-wrap:normal!important; text-align:center!important; } body.appMode .coverageDetailBody>.checkPills, body.appMode .coverageDetailBody .checkPills:not(.dashboardActions):not(.readablePills){ display:none!important; } body.appMode .miniCard>.requestActions, body.appMode .coveragePostDetail>.requestActions, body.appMode .modalCard .requestActions{ gap:8px!important; max-width:100%!important; overflow-x:visible!important; flex-wrap:wrap!important; } body.appMode .btn{ min-width:0!important; max-width:100%!important; text-align:center!important; } @media(max-width:520px){ body.appMode .modalCard, body.appMode .wideModal{ width:calc(100vw - 18px)!important; max-width:calc(100vw - 18px)!important; padding:16px!important; border-radius:24px!important; } body.appMode .readableDetail .detailGrid{grid-template-columns:1fr!important;} body.appMode .readableDetail .sectionHead, body.appMode .readableChecklistBlock .sectionHead, body.appMode .coverageLifecycle .sectionHead{gap:8px!important;} .copyActionGrid{grid-template-columns:1fr!important;} .copyActionGrid .btn{min-height:46px!important;font-size:14px!important;} .statusRow{grid-template-columns:28px minmax(0,1fr)!important;padding:9px 10px!important;} .statusRow b{font-size:13px!important;line-height:1.22!important;} body.appMode .coveragePostDetail>.requestActions{display:grid!important;grid-template-columns:1fr!important;} body.appMode .coveragePostDetail>.requestActions .btn{width:100%!important;} } /* Contractor Home: highest-rated available drivers */ .contractorTopDriversPanel{border:1px solid #dbeafe;background:linear-gradient(180deg,#f8fbff,#fff)} .contractorTopDriversPanel .liPanelHead{align-items:flex-start} .contractorHomeDriver{border-left:4px solid #2563eb;box-shadow:0 12px 30px rgba(15,23,42,.08)} .contractorHomeDriver .resultTypePill{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe} .contractorHomeDriver .ratingTag{background:#ecfdf5;color:#047857;border-color:#a7f3d0;font-weight:900} .contractorDriversEmpty{border-style:dashed;background:#f8fafc} @media(max-width:560px){.contractorTopDriversPanel .liPanelHead h2{font-size:20px}.contractorHomeDriver .requestActions{display:grid;grid-template-columns:1fr 1fr}.contractorHomeDriver .requestActions .btn{width:100%;justify-content:center}} /* Contractor business claim/link workflow */ .businessClaimPanel { margin: 1rem 0; } .businessClaimPanel .sectionHead { align-items: flex-start; } .businessClaimGrid { display:grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap:.75rem; margin:.75rem 0; } .businessClaimRow { display:flex; justify-content:space-between; gap:.75rem; align-items:flex-start; border:1px solid rgba(15,23,42,.08); } .businessClaimForm, .businessMemberForm { margin-top:.85rem; padding:.85rem; border:1px solid rgba(15,23,42,.08); border-radius:18px; background:rgba(248,250,252,.82); } .businessMemberForm { background:rgba(236,253,245,.72); } #jobForm select[name="business_id"] { font-weight:700; } @media (max-width: 720px) { .businessClaimRow { flex-direction:column; } .businessClaimForm, .businessMemberForm { padding:.75rem; } } /* 20260731 profile search media + easier mobile preview dismiss */ body.appMode #networkProfileDialog.modalCard.wideModal{ width:min(680px,calc(100vw - 48px))!important; max-width:min(680px,calc(100vw - 48px))!important; margin:auto!important; } body.appMode #networkProfileDialog::backdrop{ background:rgba(15,23,42,.48)!important; cursor:pointer!important; } body.appMode #networkProfileDialog .profileCover{ min-height:112px!important; } body.appMode #networkProfileDialog .profileCover img{ width:100%!important; height:100%!important; object-fit:cover!important; display:block!important; } @media(max-width:520px){ body.appMode #networkProfileDialog.modalCard.wideModal{ width:calc(100vw - 52px)!important; max-width:calc(100vw - 52px)!important; padding:14px!important; border-radius:24px!important; } } /* 20260731 Glassdoor-style professional reviews */ .reviewForm{align-items:start}.reviewForm textarea{min-height:110px;resize:vertical}.communityGuidelineAck{display:flex!important;gap:10px;align-items:flex-start;padding:12px;border:1px solid #bfdbfe;border-radius:14px;background:#eff6ff;font-weight:800}.communityGuidelineAck input{margin-top:3px}.ratingDraftPanel,.ratingPreview{border:1px solid #dbeafe;background:#f8fbff}.professionalReviews{display:grid;gap:12px;margin-top:14px}.professionalReviewCard{display:grid;gap:10px;border-left:4px solid #2563eb}.reviewHead{display:flex;align-items:center;justify-content:space-between;gap:10px}.reviewStars{letter-spacing:1px;color:#f59e0b;font-weight:900;white-space:nowrap}.reviewText{display:grid;gap:4px}.reviewText p{margin:0 0 6px;color:#344054;white-space:pre-wrap}.professionalReviewsEmpty{border-style:dashed}.reviewList{margin-top:14px}.previewCard .checkPills{margin-top:8px}@media(max-width:640px){.reviewHead{align-items:flex-start;flex-direction:column}.reviewForm{grid-template-columns:1fr}.reviewStars{font-size:16px}} /* 20260801 profile modal identity/bubble placement */ body.appMode #networkProfileDialog .profileDetailBody>.profileCover{margin-bottom:12px!important;} body.appMode #networkProfileDialog .profileIdentityHeader{display:grid!important;grid-template-columns:58px minmax(0,1fr)!important;align-items:start!important;gap:12px!important;margin:0 0 16px!important;padding:0 6px!important;} body.appMode #networkProfileDialog .profileIdentityAvatar{grid-row:1;align-self:start;} body.appMode #networkProfileDialog .profileIdentityBlock{display:grid!important;gap:5px!important;min-width:0!important;} body.appMode #networkProfileDialog .profileIdentityBlock h2{margin:0!important;font-size:clamp(24px,6vw,34px)!important;line-height:1.04!important;letter-spacing:-.045em!important;color:#101828!important;text-shadow:none!important;overflow-wrap:normal!important;word-break:normal!important;} body.appMode #networkProfileDialog .profileIdentityBlock .contractorWorkBadgeId, body.appMode #networkProfileDialog .profileIdentityBlock .workBadgeLine, body.appMode #networkProfileDialog .profileIdentityBlock .contractorVisibleWorkBadgeId{margin:0!important;font-size:clamp(17px,4.5vw,24px)!important;line-height:1.15!important;font-weight:1000!important;color:#101828!important;} body.appMode #networkProfileDialog .profileBubbleRow{display:flex!important;flex-wrap:wrap!important;gap:7px!important;align-items:center!important;justify-content:flex-start!important;margin-top:4px!important;} body.appMode #networkProfileDialog .profileBubbleRow .profileFitBubble{order:1!important;} body.appMode #networkProfileDialog .profileBubbleRow .driverDocsBadge, body.appMode #networkProfileDialog .profileBubbleRow .driverDocsButton{order:2!important;} body.appMode #networkProfileDialog .profileBubbleRow .availabilityBadge{order:3!important;} body.appMode #networkProfileDialog .profileBubbleRow .pill, body.appMode #networkProfileDialog .profileBubbleRow .driverDocsBadge, body.appMode #networkProfileDialog .profileBubbleRow .driverDocsButton, body.appMode #networkProfileDialog .profileBubbleRow .availabilityBadge{position:static!important;margin:0!important;white-space:nowrap!important;line-height:1!important;width:auto!important;max-width:100%!important;} @media(max-width:520px){body.appMode #networkProfileDialog .profileDetailBody>.profileCover{margin-bottom:10px!important;}body.appMode #networkProfileDialog .profileIdentityHeader{grid-template-columns:54px minmax(0,1fr)!important;gap:10px!important;padding:0 4px!important;}body.appMode #networkProfileDialog .profileIdentityBlock h2{font-size:28px!important;}body.appMode #networkProfileDialog .profileIdentityBlock .contractorWorkBadgeId,body.appMode #networkProfileDialog .profileIdentityBlock .workBadgeLine,body.appMode #networkProfileDialog .profileIdentityBlock .contractorVisibleWorkBadgeId{font-size:21px!important;}body.appMode #networkProfileDialog .profileBubbleRow{gap:6px!important;}body.appMode #networkProfileDialog .profileBubbleRow .pill,body.appMode #networkProfileDialog .profileBubbleRow .driverDocsBadge,body.appMode #networkProfileDialog .profileBubbleRow .driverDocsButton,body.appMode #networkProfileDialog .profileBubbleRow .availabilityBadge{font-size:12px!important;padding:7px 9px!important;}} /* 20260801 site-wide professional bubble/card spacing + click-open profiles */ body.appMode .profileAvatar.profileOpenTarget{border:0;padding:0;cursor:pointer;appearance:none;-webkit-appearance:none;transition:transform .12s ease, box-shadow .12s ease;} body.appMode .profileAvatar.profileOpenTarget:hover,body.appMode .profileAvatar.profileOpenTarget:focus-visible{transform:translateY(-1px);box-shadow:0 10px 26px rgba(37,99,235,.18);outline:2px solid rgba(37,99,235,.22);outline-offset:2px;} body.appMode .profileNameOpen{appearance:none;-webkit-appearance:none;border:0;background:transparent;color:#101828;padding:0;margin:0;font:inherit;font-weight:1000;letter-spacing:-.035em;text-align:left;cursor:pointer;line-height:1.08;max-width:100%;overflow-wrap:anywhere;} body.appMode .profileNameOpen:hover,body.appMode .profileNameOpen:focus-visible{color:#175cd3;text-decoration:underline;text-underline-offset:3px;outline:none;} body.appMode .profileCardHead{display:grid!important;grid-template-columns:58px minmax(0,1fr)!important;gap:12px!important;align-items:start!important;overflow:visible!important;} body.appMode .profileCardHead>div,body.appMode .profileCardIdentity{min-width:0!important;max-width:100%!important;display:grid!important;gap:5px!important;align-content:start!important;overflow:visible!important;} body.appMode .profileCardHead h3{display:block!important;margin:0!important;font-size:clamp(22px,5.5vw,30px)!important;line-height:1.08!important;max-width:100%!important;min-width:0!important;overflow:visible!important;} body.appMode .profileCardHead p{margin:0!important;max-width:100%!important;overflow-wrap:anywhere!important;line-height:1.28!important;} body.appMode .profileStatusRow{display:flex!important;flex-wrap:wrap!important;gap:7px!important;align-items:center!important;max-width:100%!important;min-width:0!important;overflow:visible!important;margin:1px 0 2px!important;} body.appMode .profileChipGrid,body.appMode .tags,body.appMode .checkPills,body.appMode .liMeta{display:flex!important;flex-wrap:wrap!important;gap:7px!important;align-items:flex-start!important;max-width:100%!important;min-width:0!important;overflow:visible!important;overflow-x:visible!important;} body.appMode .tag,body.appMode .pill,body.appMode .statusPill,body.appMode .resultTypePill,body.appMode .availabilityBadge,body.appMode .driverDocsBadge,body.appMode .driverDocsButton{display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;min-width:0!important;max-width:100%!important;width:auto!important;min-height:28px!important;padding:6px 10px!important;border-radius:999px!important;font-size:clamp(11px,3.1vw,13px)!important;line-height:1.15!important;font-weight:900!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important;word-break:normal!important;text-align:center!important;vertical-align:middle!important;} body.appMode .profileStatusRow .availabilityBadge,body.appMode .profileStatusRow .driverDocsBadge,body.appMode .profileStatusRow .driverDocsButton{flex:0 1 auto!important;min-height:32px!important;padding:7px 11px!important;font-size:clamp(12px,3.4vw,14px)!important;box-shadow:0 8px 20px rgba(16,24,40,.06)!important;} body.appMode .fitTag,body.appMode .ratingTag{background:#eef4ff!important;color:#1849a9!important;border-color:#c7d7fe!important;} body.appMode .miniCard,body.appMode .profileCard,body.appMode .professionalReviewCard,body.appMode .coverageLifecycle,body.appMode .requestLifecycle{overflow:visible!important;min-width:0!important;} body.appMode .requestActions{display:flex!important;flex-wrap:wrap!important;gap:8px!important;overflow:visible!important;overflow-x:visible!important;} body.appMode .requestActions .btn{flex:1 1 150px!important;min-width:0!important;white-space:normal!important;line-height:1.15!important;min-height:44px!important;text-align:center!important;} body.appMode .sectionHead.compactHead{display:flex!important;flex-wrap:wrap!important;gap:10px!important;align-items:flex-start!important;} body.appMode .sectionHead.compactHead>.pill,body.appMode .compactHead>.pill{flex:0 1 auto!important;max-width:100%!important;white-space:normal!important;} body.appMode #networkProfileDialog .profileBubbleRow{display:flex!important;flex-wrap:wrap!important;gap:8px!important;align-items:center!important;overflow:visible!important;} body.appMode #networkProfileDialog .profileBubbleRow .pill,body.appMode #networkProfileDialog .profileBubbleRow .driverDocsBadge,body.appMode #networkProfileDialog .profileBubbleRow .driverDocsButton,body.appMode #networkProfileDialog .profileBubbleRow .availabilityBadge{white-space:normal!important;line-height:1.15!important;min-height:31px!important;padding:7px 10px!important;flex:0 1 auto!important;} @media(max-width:520px){body.appMode .profileCardHead{grid-template-columns:50px minmax(0,1fr)!important;gap:10px!important;}body.appMode .profileCardHead h3{font-size:25px!important;}body.appMode .profileAvatar.profileOpenTarget{width:50px!important;height:50px!important;min-width:50px!important;max-width:50px!important;}body.appMode .profileStatusRow{gap:6px!important;}body.appMode .tag,body.appMode .pill,body.appMode .statusPill,body.appMode .resultTypePill,body.appMode .availabilityBadge,body.appMode .driverDocsBadge,body.appMode .driverDocsButton{font-size:12px!important;padding:6px 9px!important;min-height:27px!important;}body.appMode .profileStatusRow .availabilityBadge,body.appMode .profileStatusRow .driverDocsBadge,body.appMode .profileStatusRow .driverDocsButton{font-size:13px!important;padding:7px 10px!important;}body.appMode .requestActions{display:grid!important;grid-template-columns:1fr!important;}body.appMode .requestActions .btn{width:100%!important;}} /* 20260801 profile modal compact one-line ID/bubbles + efficient fact grid */ body.appMode #networkProfileDialog .profileModalCompact{gap:8px!important;} body.appMode #networkProfileDialog .profileDetailBody>.profileCover{height:136px!important;margin-bottom:8px!important;border-radius:20px!important;} body.appMode #networkProfileDialog .profileIdentityHeader{grid-template-columns:58px minmax(0,1fr)!important;gap:10px!important;margin:0 0 8px!important;padding:0 2px!important;} body.appMode #networkProfileDialog .profileIdentityBlock{gap:2px!important;} body.appMode #networkProfileDialog .profileIdentityBlock h2{font-size:clamp(28px,7vw,34px)!important;line-height:1!important;margin:0!important;} body.appMode #networkProfileDialog .profileIdentityBlock .contractorWorkBadgeId{display:block!important;max-width:100%!important;margin:0!important;font-size:clamp(16px,4.15vw,20px)!important;line-height:1.08!important;font-weight:1000!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important;letter-spacing:-.035em!important;} body.appMode #networkProfileDialog .profileBubbleRowOneLine{display:flex!important;flex-wrap:nowrap!important;gap:6px!important;align-items:center!important;justify-content:flex-start!important;margin-top:6px!important;max-width:100%!important;overflow:visible!important;} body.appMode #networkProfileDialog .profileBubbleRowOneLine .pill, body.appMode #networkProfileDialog .profileBubbleRowOneLine .driverDocsBadge, body.appMode #networkProfileDialog .profileBubbleRowOneLine .driverDocsButton, body.appMode #networkProfileDialog .profileBubbleRowOneLine .availabilityBadge{flex:0 1 auto!important;min-width:0!important;white-space:nowrap!important;font-size:clamp(11px,3.05vw,13px)!important;line-height:1!important;min-height:30px!important;padding:7px 10px!important;overflow:visible!important;box-shadow:0 6px 14px rgba(16,24,40,.06)!important;} body.appMode #networkProfileDialog .profileHeadlineCompact{margin:2px 0 8px!important;font-size:clamp(17px,4.7vw,22px)!important;line-height:1.22!important;} body.appMode #networkProfileDialog .profileInfoGrid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;align-items:start!important;margin-top:0!important;} body.appMode #networkProfileDialog .profileInfoGrid .profileFact{min-height:0!important;padding:11px 12px!important;border-radius:15px!important;overflow:visible!important;align-self:start!important;} body.appMode #networkProfileDialog .profileInfoGrid .profileFact b{margin:0 0 8px!important;font-size:12px!important;line-height:1.18!important;letter-spacing:.08em!important;} body.appMode #networkProfileDialog .profileInfoGrid .profileFact p{margin:0!important;font-size:clamp(17px,4.55vw,22px)!important;line-height:1.24!important;overflow-wrap:break-word!important;} body.appMode #networkProfileDialog .profileInfoGrid .profileFact-vehicleRoute{order:6!important;} body.appMode #networkProfileDialog .profileInfoGrid .profileFact-availability{order:4!important;} body.appMode #networkProfileDialog .profileInfoGrid .profileFact-experienceDetail{grid-column:1 / -1!important;} @media(max-width:520px){ body.appMode .modalCard,body.appMode .wideModal{width:min(720px,calc(100vw - 18px))!important;max-width:min(720px,calc(100vw - 18px))!important;padding:14px!important;border-radius:24px!important;} body.appMode #networkProfileDialog .profileDetailBody>.profileCover{height:128px!important;margin-bottom:7px!important;} body.appMode #networkProfileDialog .profileIdentityHeader{grid-template-columns:52px minmax(0,1fr)!important;gap:9px!important;margin-bottom:7px!important;} body.appMode #networkProfileDialog .profileAvatar.nameIcon{width:52px!important;height:52px!important;min-width:52px!important;max-width:52px!important;} body.appMode #networkProfileDialog .profileIdentityBlock h2{font-size:30px!important;} body.appMode #networkProfileDialog .profileIdentityBlock .contractorWorkBadgeId{font-size:20px!important;letter-spacing:-.05em!important;} body.appMode #networkProfileDialog .profileBubbleRowOneLine{gap:5px!important;margin-top:5px!important;} body.appMode #networkProfileDialog .profileBubbleRowOneLine .pill,body.appMode #networkProfileDialog .profileBubbleRowOneLine .driverDocsBadge,body.appMode #networkProfileDialog .profileBubbleRowOneLine .driverDocsButton,body.appMode #networkProfileDialog .profileBubbleRowOneLine .availabilityBadge{font-size:11.5px!important;padding:6px 8px!important;min-height:29px!important;} body.appMode #networkProfileDialog .profileHeadlineCompact{font-size:20px!important;margin:2px 0 8px!important;} body.appMode #networkProfileDialog .profileInfoGrid{gap:8px!important;} body.appMode #networkProfileDialog .profileInfoGrid .profileFact{padding:10px 11px!important;border-radius:14px!important;} body.appMode #networkProfileDialog .profileInfoGrid .profileFact b{font-size:11.5px!important;margin-bottom:7px!important;} body.appMode #networkProfileDialog .profileInfoGrid .profileFact p{font-size:20px!important;line-height:1.22!important;} } .connectionRequestPanel, .businessProfileForms { display: grid; gap: 12px; margin: 12px 0; } .connectionRequestCard, .contractorBusinessCard, .businessProfileForm { border: 1px solid rgba(30, 64, 175, .12); box-shadow: 0 10px 24px rgba(15, 23, 42, .06); } .connectionRequestCard .requestActions, .contractorBusinessCard .requestActions { justify-content: space-between; gap: 8px; } .contractorProfileSummary .profileDetailGrid { gap: 10px; } .contractorProfileSummary .profileDetailGrid > div, .businessProfileForm { min-height: auto; } @media (max-width: 640px) { .connectionRequestCard .requestActions, .contractorBusinessCard .requestActions { display: grid; grid-template-columns: 1fr 1fr; width: 100%; } .connectionRequestCard .requestActions .statusPill, .contractorBusinessCard .requestActions .statusPill { grid-column: 1 / -1; justify-self: start; } } /* 20260801 simple Home/Network driver profile previews */ body.appMode .simpleProfilePreview{position:relative;cursor:pointer;padding:14px 16px!important;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease;} body.appMode .simpleProfilePreview:hover,body.appMode .simpleProfilePreview:focus-within{transform:translateY(-1px);box-shadow:0 16px 34px rgba(15,23,42,.10)!important;border-color:rgba(37,99,235,.22)!important;} body.appMode .simpleDriverProfileHead.profileCardHead{display:grid!important;grid-template-columns:58px minmax(0,1fr)!important;gap:12px!important;align-items:start!important;} body.appMode .simpleDriverProfileHead .profileAvatar{grid-row:1 / span 2;margin-top:2px!important;} body.appMode .profileNameRoleRow{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;max-width:100%!important;margin-top:0!important;} body.appMode .profileNameRoleRow h3{margin:0!important;min-width:0!important;flex:0 1 auto!important;font-size:clamp(25px,6.4vw,33px)!important;line-height:1.02!important;letter-spacing:-.055em!important;} body.appMode .profileNameRoleRow .profileNameOpen{line-height:1.02!important;} body.appMode .profileRoleInline{flex:0 0 auto!important;margin:0!important;height:26px!important;min-height:26px!important;padding:4px 12px!important;font-size:12px!important;line-height:1!important;white-space:nowrap!important;background:#eef6ff!important;color:#175cd3!important;border:1px solid #d7e7ff!important;} body.appMode .profileWorkFollowRow{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;align-items:start!important;min-width:0!important;margin:0!important;} body.appMode .profileWorkFollowRow .contractorWorkBadgeId{margin:0!important;font-size:clamp(17px,4.25vw,20px)!important;line-height:1.15!important;font-weight:1000!important;letter-spacing:-.035em!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;align-self:start!important;} body.appMode .profileFollowSlot{display:grid!important;place-items:center!important;align-self:start!important;min-width:54px!important;margin-top:-2px!important;} body.appMode .profileFollowIconBtn{appearance:none;-webkit-appearance:none;border:0;background:transparent!important;color:#0f172a!important;display:grid!important;place-items:center!important;gap:3px!important;min-width:52px!important;padding:0!important;margin:0!important;cursor:pointer!important;text-align:center!important;box-shadow:none!important;line-height:1!important;} body.appMode .profileFollowIconCircle{display:grid!important;place-items:center!important;width:44px!important;height:44px!important;border-radius:999px!important;border:3px solid #16a34a!important;color:#16a34a!important;background:#fff!important;font-size:31px!important;line-height:1!important;font-weight:1000!important;box-shadow:0 8px 20px rgba(22,163,74,.12)!important;} body.appMode .profileFollowIconText{display:block!important;font-size:11px!important;line-height:1!important;font-weight:1000!important;text-transform:lowercase!important;color:#475467!important;letter-spacing:-.01em!important;} body.appMode .profileFollowIconBtn.isFollowing .profileFollowIconCircle{background:#ecfdf3!important;border-color:#079455!important;color:#079455!important;font-size:28px!important;} body.appMode .profileFollowIconBtn.isFollowing .profileFollowIconText{text-transform:none!important;color:#027a48!important;} body.appMode .profileFollowIconBtn.isPending .profileFollowIconCircle{border-color:#f79009!important;color:#b54708!important;background:#fffaeb!important;font-size:25px!important;} body.appMode .simpleProfilePreview .requestActions{display:none!important;} body.appMode .simpleProfilePreview .savedNetworkActions{display:flex!important;margin-top:10px!important;gap:8px!important;justify-content:flex-start!important;} body.appMode .savedNetworkGuardrails{margin:8px 0 12px!important;} body.appMode .savedNetworkList{display:grid!important;gap:10px!important;margin:10px 0!important;padding:0!important;list-style:none!important;} body.appMode .savedNetworkCard{display:block!important;border:1px solid #dbeafe!important;border-left:4px solid #2563eb!important;border-radius:18px!important;background:#fff!important;} body.appMode .savedNetworkSummary{display:flex!important;flex-wrap:wrap!important;gap:7px!important;margin:10px 0 0!important;min-width:0!important;max-width:100%!important;} body.appMode .savedNetworkSummary span{display:inline-flex!important;max-width:100%!important;min-width:0!important;padding:6px 9px!important;border-radius:999px!important;background:#f8fafc!important;color:#344054!important;font-size:12px!important;font-weight:900!important;line-height:1.15!important;overflow-wrap:anywhere!important;} body.appMode .savedNetworkReviewRow{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:7px!important;margin-top:9px!important;min-width:0!important;} body.appMode .savedNetworkReviewChip{display:inline-flex!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;} body.appMode .markSavedNetworkReviewedBtn{border-color:#bfdbfe!important;color:#1d4ed8!important;background:#eff6ff!important;} body.appMode .markSavedNetworkReviewedBtn:hover,body.appMode .markSavedNetworkReviewedBtn:focus{background:#dbeafe!important;color:#1e40af!important;} body.appMode .savedCoverageGuardrails{margin:8px 0 12px!important;} body.appMode .savedCoverageCardList{display:grid!important;gap:10px!important;margin:10px 0!important;} body.appMode .savedCoverageCard{display:block!important;padding:14px 16px!important;border:1px solid #dbeafe!important;border-left:4px solid #2563eb!important;border-radius:18px!important;background:#fff!important;cursor:pointer!important;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease;} body.appMode .savedCoverageCard:hover,body.appMode .savedCoverageCard:focus{transform:translateY(-1px)!important;box-shadow:0 16px 34px rgba(15,23,42,.10)!important;border-color:rgba(37,99,235,.22)!important;outline:none!important;} body.appMode .savedCoverageCardMain{display:grid!important;grid-template-columns:1fr auto!important;gap:10px!important;align-items:start!important;} body.appMode .savedCoverageCardMain b{display:block!important;overflow-wrap:anywhere!important;line-height:1.15!important;} body.appMode .savedCoverageSummary{display:flex!important;flex-wrap:wrap!important;gap:7px!important;margin:10px 0 0!important;max-width:100%!important;} body.appMode .savedCoverageSummary span{display:inline-flex!important;max-width:100%!important;padding:6px 9px!important;border-radius:999px!important;background:#f8fafc!important;color:#344054!important;font-size:12px!important;font-weight:900!important;line-height:1.15!important;overflow-wrap:anywhere!important;} body.appMode .savedCoverageSummary .savedCoverageReviewChip.statusGood{background:#ecfdf3!important;color:#027a48!important;} body.appMode .savedCoverageSummary .savedCoverageReviewChip.statusPending{background:#fffaeb!important;color:#b54708!important;} body.appMode .savedCoverageSummary .savedCoverageReviewChip.statusWarn{background:#fff1f2!important;color:#be123c!important;} body.appMode .markSavedCoverageReviewedBtn{border-color:#bbf7d0!important;color:#027a48!important;} body.appMode .savedCoverageNextStep{margin:9px 0 0!important;} body.appMode .savedCoverageActions{display:flex!important;margin-top:10px!important;gap:8px!important;justify-content:flex-start!important;} body.appMode .savedCoverageActions .btn,body.appMode .savedCoverageActions .statusPill{min-height:36px!important;} body.appMode .simpleProfilePreview .profileStatusRow{margin-top:4px!important;} body.appMode .simpleProfilePreview .profileChipGrid{margin-top:10px!important;} @media(max-width:520px){ body.appMode .simpleProfilePreview{padding:12px 14px!important;} body.appMode .simpleDriverProfileHead.profileCardHead{grid-template-columns:48px minmax(0,1fr)!important;gap:10px!important;} body.appMode .profileNameRoleRow{gap:6px!important;} body.appMode .profileNameRoleRow h3{font-size:29px!important;} body.appMode .profileRoleInline{height:24px!important;min-height:24px!important;padding:4px 10px!important;font-size:11px!important;} body.appMode .profileWorkFollowRow{grid-template-columns:minmax(0,1fr) 50px!important;gap:8px!important;} body.appMode .profileWorkFollowRow .contractorWorkBadgeId{font-size:19px!important;} body.appMode .profileFollowSlot{min-width:50px!important;} body.appMode .profileFollowIconCircle{width:42px!important;height:42px!important;font-size:30px!important;border-width:3px!important;} body.appMode .profileFollowIconText{font-size:10.5px!important;} } /* 20260801 click-through profile card polish */ body.appMode .simpleProfilePreview, body.appMode .simpleProfilePreview *{min-width:0;} body.appMode .simpleProfilePreview .profileNameOpen, body.appMode .simpleProfilePreview .profileNameOpen:hover, body.appMode .simpleProfilePreview .profileNameOpen:focus, body.appMode .simpleProfilePreview .profileNameOpen:focus-visible{text-decoration:none!important;border-bottom:0!important;box-shadow:none!important;outline:none!important;color:inherit!important;cursor:pointer!important;} body.appMode .simpleProfilePreview .profileNameOpen::after{display:none!important;content:none!important;} body.appMode .profileInlineRating{display:flex!important;justify-content:flex-start!important;align-items:center!important;margin:6px 60px 4px 0!important;min-height:28px!important;} body.appMode .profileInlineRating .profileRatingTag{font-size:13px!important;font-weight:950!important;padding:7px 12px!important;background:#f6f8fb!important;color:#344054!important;border:0!important;white-space:nowrap!important;} body.appMode .simpleProfilePreview .profileStatusRow{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:6px!important;align-items:center!important;} body.appMode .simpleProfilePreview .profileChipGrid.profileStatusEvenRow{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;width:100%!important;margin-top:12px!important;align-items:stretch!important;} body.appMode .simpleProfilePreview .profileChipGrid.profileStatusEvenRow .tag{display:flex!important;justify-content:center!important;text-align:center!important;align-items:center!important;width:100%!important;max-width:100%!important;min-height:34px!important;white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.1!important;} body.appMode .profilePreferredStatesLine{display:block!important;width:100%!important;margin-top:9px!important;} body.appMode .profilePreferredStatesLabel{display:block!important;margin:0 0 5px!important;color:#667085!important;font-size:11px!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.04em!important;} body.appMode .profilePreferredStatesChips{display:flex!important;flex-wrap:wrap!important;gap:7px!important;width:100%!important;} body.appMode .profilePreferredStatesChips .tag{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:32px!important;margin:0!important;white-space:nowrap!important;} body.appMode .simpleProfilePreview:active{transform:translateY(0)!important;} @media(max-width:520px){ body.appMode .profileInlineRating{margin-right:54px!important;margin-top:5px!important;} body.appMode .simpleProfilePreview .profileChipGrid.profileStatusEvenRow{gap:7px!important;} body.appMode .simpleProfilePreview .profileChipGrid.profileStatusEvenRow .tag{font-size:12px!important;padding:8px 7px!important;} } /* 20260801 network follow tabs + follower notifications */ .networkTopTabs { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:8px; margin:8px 0 12px; position:sticky; top:0; z-index:4; background:rgba(248,250,252,.96); padding:6px 0; backdrop-filter:blur(10px); } .networkTabBtn { border:1px solid #dbeafe; background:#fff; color:#1d4ed8; border-radius:999px; padding:10px 8px; font-weight:900; font-size:.88rem; box-shadow:0 4px 14px rgba(15,23,42,.06); white-space:nowrap; } .networkTabBtn.active { background:linear-gradient(135deg,#2563eb,#0f766e); color:#fff; border-color:transparent; box-shadow:0 10px 24px rgba(37,99,235,.22); } .networkFollowerNotice { margin:8px 0 12px; display:grid; gap:8px; } .networkFollowerNotice.hidden { display:none!important; } .networkFollowerDigest { width:100%; border:1px solid #bbf7d0; background:linear-gradient(135deg,#ecfdf5,#eff6ff); color:#065f46; border-radius:18px; padding:12px 14px; text-align:left; box-shadow:0 10px 24px rgba(16,185,129,.14); font-size:.96rem; line-height:1.35; } .networkFollowerDigest.followedBack { cursor:pointer; } .networkSearchField { min-width:100%; } #networkFilters .networkSearchField input { font-weight:800; } @media (max-width:640px){ .networkTopTabs { gap:6px; padding:5px 0; } .networkTabBtn { font-size:.78rem; padding:9px 5px; } .networkFollowerDigest { font-size:.9rem; } } /* 20260801 follow button under ID cleanup */ body.appMode .profileWorkFollowStack{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;align-items:start!important;justify-items:start!important;margin-top:2px!important;} body.appMode .profileWorkFollowStack .contractorWorkBadgeId{margin:0!important;} body.appMode .profileWorkFollowStack .profileFollowSlot{display:block!important;place-items:unset!important;align-self:start!important;min-width:0!important;margin:0!important;width:100%!important;} body.appMode .profileWorkFollowStack .profileFollowIconBtn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:34px!important;min-width:118px!important;padding:8px 14px!important;border:1px solid rgba(37,99,235,.22)!important;border-radius:999px!important;background:#fff!important;color:#155eef!important;font-size:13px!important;font-weight:1000!important;box-shadow:0 8px 18px rgba(15,23,42,.06)!important;} body.appMode .profileWorkFollowStack .profileFollowIconCircle{display:none!important;} body.appMode .profileWorkFollowStack .profileFollowIconText{display:block!important;font-size:13px!important;line-height:1!important;font-weight:1000!important;text-transform:none!important;color:inherit!important;} body.appMode .profileWorkFollowStack .profileFollowIconBtn.isFollowing{background:#ecfdf3!important;border-color:#abefc6!important;color:#027a48!important;} body.appMode #networkProfileDialog .profileDialogFollowBtn{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:46px!important;margin:6px 0 0!important;border-radius:999px!important;font-size:15px!important;font-weight:1000!important;} body.appMode #networkProfileDialog .profileDialogFollowBtn.primary{background:#ecfdf3!important;border-color:#abefc6!important;color:#027a48!important;} body.appMode #networkProfileDialog .profileDetailBody+.row.requestActions{justify-content:center!important;} /* 20260801 compact Home welcome + tab top reveal */ .liProfileStrip.compactWelcomeOnly{grid-template-columns:48px 1fr!important;gap:10px!important;padding:10px 14px!important;min-height:68px!important;align-items:center!important;} .liProfileStrip.compactWelcomeOnly .homeProfilePhoto{display:flex;align-items:center;justify-content:center;} .liProfileStrip.compactWelcomeOnly .profileAvatar.home{width:48px!important;height:48px!important;border-radius:999px!important;border:0!important;padding:0!important;background:#0a66c2!important;font-size:15px!important;box-shadow:none!important;} .liProfileStrip.compactWelcomeOnly .profileAvatar.home img{width:100%;height:100%;object-fit:cover;display:block;} .liProfileStrip.compactWelcomeOnly .homeWelcomeText{display:flex;align-items:center;min-width:0;} .liProfileStrip.compactWelcomeOnly h1{margin:0!important;font-size:22px!important;line-height:1.05!important;letter-spacing:-.04em!important;} .liProfileStrip.compactWelcomeOnly p,.liProfileStrip.compactWelcomeOnly .verifiedMini{display:none!important;} @media(max-width:520px){.liProfileStrip.compactWelcomeOnly{padding:8px 14px!important;min-height:64px!important}.liProfileStrip.compactWelcomeOnly h1{font-size:21px!important}.dashboardSearchResults{gap:10px!important}} /* 20260801 collapsible verified contingency network filters */ .networkFiltersCollapse{border:1px solid #e0e7ef;border-radius:22px;background:#fff;margin:10px 0 12px;box-shadow:0 10px 30px rgba(15,23,42,.06);overflow:hidden;} .networkFiltersSummary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;cursor:pointer;font-weight:900;color:#0f172a;} .networkFiltersSummary::-webkit-details-marker{display:none;} .networkFiltersSummaryLabel{display:inline-flex;align-items:center;gap:10px;font-size:17px;} .filterIcon{width:30px;height:30px;border-radius:999px;background:#eef6ff;color:#0a66c2;display:inline-flex;align-items:center;justify-content:center;font-weight:900;} .filterIcon svg{width:16px;height:16px;display:block;} .collapseArrow{margin-left:auto;color:#1f2937;font-size:22px;line-height:1;transition:transform .18s ease;} .networkFiltersCollapse[open] .collapseArrow{transform:rotate(180deg);} .networkFiltersCollapse #networkFilters{border:0!important;border-top:1px solid #eef2f7!important;border-radius:0!important;margin:0!important;box-shadow:none!important;background:#fbfcff!important;} .networkFiltersCollapse:not([open]) #networkFilters{display:none!important;} #networkQuickFilters{display:flex!important;visibility:visible!important;} #browse .sectionHead h2{letter-spacing:-.05em;} @media(max-width:620px){.networkFiltersCollapse{border-radius:20px;margin:8px 0 10px}.networkFiltersSummary{padding:13px 16px}.networkFiltersSummaryLabel{font-size:16px}.networkFiltersCollapse #networkFilters{grid-template-columns:1fr 1fr!important;padding:14px!important;gap:12px!important}.networkFiltersCollapse #networkFilters button[type="reset"]{grid-column:1/-1!important}.networkTopTabs{gap:8px!important}.networkTabBtn{padding:12px 16px!important;white-space:nowrap!important}} /* 20260801 follower counts + mutual followers popup */ .networkTabBtn{display:inline-flex!important;align-items:center;justify-content:center;gap:4px;} .mutualFollowersBtn{display:inline-flex;align-items:center;justify-content:center;width:max-content;max-width:100%;margin-top:8px;border:1px solid #dbeafe;background:#eff6ff;color:#0a66c2;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:900;line-height:1;cursor:pointer;} .mutualFollowersBtn:hover{background:#dbeafe;} .mutualFollowersDialog{max-width:min(430px,92vw)!important;} .mutualFollowersList{display:grid;gap:10px;} .mutualFollowerRow{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;padding:10px;border:1px solid #e5edf7;border-radius:16px;background:#fff;} .mutualFollowerRow b{display:block;font-size:15px;line-height:1.15;color:#0f172a;} .mutualFollowerRow small{display:block;color:#64748b;font-size:12px;margin-top:2px;} .mutualFollowerAvatar .nameIcon,.mutualFollowerAvatar .profileAvatar{width:42px!important;height:42px!important;border-radius:999px!important;} @media(max-width:520px){.mutualFollowersBtn{font-size:12px;padding:8px 10px}.mutualFollowersDialog{max-width:94vw!important}.networkTabBtn{font-size:14px!important;padding-left:12px!important;padding-right:12px!important}} /* 20260801 compact role-gated rating stars */ body.appMode .profileWorkFollowStack{grid-template-columns:auto minmax(0,1fr)!important;gap:6px 10px!important;align-items:center!important;width:100%!important;} body.appMode .profileWorkFollowStack .contractorWorkBadgeId{grid-column:1/2!important;} body.appMode .profileWorkFollowStack .profileFollowSlot{grid-column:1/-1!important;width:auto!important;} body.appMode .profileInlineRating{display:flex!important;justify-content:flex-start!important;align-items:center!important;margin:0!important;min-height:0!important;} body.appMode .profileWorkFollowStack + .profileInlineRating{margin-top:-34px!important;margin-left:calc(min(100%, 164px))!important;align-self:start!important;} body.appMode .profileRatingButton{appearance:none!important;border:0!important;background:transparent!important;display:inline-flex!important;align-items:center!important;gap:5px!important;padding:2px 4px!important;margin:0!important;border-radius:10px!important;color:#344054!important;font-size:13px!important;font-weight:950!important;line-height:1.1!important;white-space:nowrap!important;cursor:pointer!important;max-width:100%!important;} body.appMode .profileRatingButton:hover,body.appMode .profileRatingButton:focus-visible{background:#f2f4f7!important;outline:none!important;box-shadow:0 0 0 3px rgba(37,99,235,.14)!important;} body.appMode .profileRatingButton.noRating{color:#344054!important;background:#f6f8fb!important;padding:6px 10px!important;border-radius:999px!important;} body.appMode .profileRatingButton.hasRating{color:#111827!important;background:#fff8eb!important;border:1px solid #fedf89!important;padding:5px 9px!important;border-radius:999px!important;} body.appMode .fractionalStars{position:relative!important;display:inline-block!important;font-size:15px!important;line-height:1!important;letter-spacing:.5px!important;font-family:Arial, sans-serif!important;width:76px!important;height:16px!important;vertical-align:-2px!important;} body.appMode .fractionalStars .starBack,body.appMode .fractionalStars .starFill{position:absolute!important;left:0!important;top:0!important;white-space:nowrap!important;overflow:hidden!important;} body.appMode .fractionalStars .starBack{color:#d0d5dd!important;} body.appMode .fractionalStars .starFill{color:#f5a524!important;} body.appMode .profileRatingValue{display:inline-block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;} body.appMode .profileDialogRating{margin:4px 0 2px!important;} body.appMode .profileBottomReviewAction{display:flex!important;margin:12px 0 4px!important;} body.appMode .profileReviewCta{width:100%!important;text-transform:none!important;border-radius:999px!important;font-weight:1000!important;} body.appMode .reviewStars .fractionalStars{font-size:16px!important;width:80px!important;} @media(max-width:520px){ body.appMode .profileWorkFollowStack + .profileInlineRating{margin-top:-33px!important;margin-left:150px!important;} body.appMode .profileRatingButton{font-size:12px!important;gap:4px!important;} body.appMode .profileRatingButton.hasRating{padding:5px 7px!important;} body.appMode .fractionalStars{font-size:13px!important;width:66px!important;height:14px!important;} } @media(max-width:370px){ body.appMode .profileWorkFollowStack + .profileInlineRating{margin-top:0!important;margin-left:0!important;} } /* 20260801 targeted review header cleanup */ body.appMode #ratings .sectionHead.ratingReviewHead{align-items:center!important;margin-bottom:10px!important;gap:10px!important;} body.appMode #ratings .sectionHead.ratingReviewHead .muted:not(.smallNote){display:none!important;} body.appMode .reviewTargetHeader{min-width:0!important;flex:1 1 auto!important;} body.appMode .reviewTargetDefault h2,body.appMode .reviewTargetHero h2{margin:0!important;font-size:24px!important;line-height:1.08!important;letter-spacing:-.04em!important;} body.appMode .reviewTargetHero{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;} body.appMode .reviewTargetPhoto .profileAvatar,body.appMode .reviewTargetPhoto .nameIcon,body.appMode .reviewTargetPhoto img{width:44px!important;height:44px!important;border-radius:50%!important;object-fit:cover!important;} body.appMode .reviewTargetHero .smallNote{margin:2px 0 0!important;line-height:1.2!important;} body.appMode #ratingPaymentPanel,.paymentAccessPanel{display:none!important;} body.appMode #ratings > .sectionHead + p.muted,body.appMode #ratings .ratingLaunchPanel{display:none!important;} @media(max-width:520px){ body.appMode #ratings.card{padding-top:10px!important;} body.appMode #ratings .sectionHead.ratingReviewHead{margin-bottom:8px!important;} body.appMode .reviewTargetDefault h2,body.appMode .reviewTargetHero h2{font-size:22px!important;} body.appMode .reviewTargetHero{gap:8px!important;} body.appMode .reviewTargetPhoto .profileAvatar,body.appMode .reviewTargetPhoto .nameIcon,body.appMode .reviewTargetPhoto img{width:40px!important;height:40px!important;} } .reviewPrimaryActions { display:grid; grid-template-columns:1fr 1fr; gap:12px; align-items:stretch; } .reviewPrimaryActions .btn { width:100%; min-height:52px; } .reviewPublishDialog { max-width:560px; width:min(94vw,560px); } .reviewPublishPreview { border:1px solid var(--border); border-radius:22px; padding:18px; background:#fff; } .reviewPublishActions { display:grid; grid-template-columns:1fr 1fr; gap:12px; } .reviewPublishActions .btn { width:100%; min-height:52px; } #ratingDraftPanel.hidden, #ratingPreview.hidden { display:none!important; } @media (max-width: 560px) { .reviewPrimaryActions, .reviewPublishActions { grid-template-columns:1fr; } } .reviewFixPanel { border: 1px solid #fecaca; background: #fff1f2; color: #991b1b; border-radius: 18px; padding: 14px; margin: 10px 0; } .reviewUnmetOnly .statusBad { background: #fee2e2; border-color: #fecaca; color: #991b1b; font-weight: 800; } .reviewHasErrors .fieldNeedsFix { border: 2px solid #ef4444; border-radius: 14px; padding: 8px; background: #fff1f2; } .reviewHasErrors .fieldNeedsFix select, .reviewHasErrors .fieldNeedsFix input, .reviewHasErrors .fieldNeedsFix textarea { border-color: #ef4444 !important; box-shadow: 0 0 0 2px rgba(239,68,68,.12); } /* 20260801 profile preview category strips + name/follow/rating layout */ body.appMode .simpleProfilePreview{overflow:hidden!important;padding-top:0!important;} body.appMode .profileCategoryStrip{display:flex!important;align-items:center!important;justify-content:center!important;width:calc(100% + 32px)!important;margin:-1px -16px 12px!important;min-height:32px!important;padding:7px 12px!important;border-radius:18px 18px 0 0!important;color:#fff!important;font-size:13px!important;font-weight:1000!important;text-transform:uppercase!important;letter-spacing:.08em!important;box-shadow:inset 0 -1px 0 rgba(255,255,255,.22)!important;} body.appMode .profileCategoryDriver{background:linear-gradient(90deg,#155eef,#0a66c2)!important;} body.appMode .profileCategoryContractor{background:linear-gradient(90deg,#7c3aed,#4f46e5)!important;} body.appMode .profileCategoryBusiness{background:linear-gradient(90deg,#027a48,#12b76a)!important;} body.appMode .profileNameFollowRow{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;align-items:start!important;width:100%!important;min-width:0!important;} body.appMode .profileNameFollowRow h3{margin:0!important;min-width:0!important;max-width:100%!important;font-size:clamp(24px,6vw,32px)!important;line-height:1.03!important;letter-spacing:-.055em!important;} body.appMode .profileNameFollowRow .profileNameOpen{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;overflow-wrap:anywhere!important;word-break:normal!important;hyphens:auto!important;line-height:1.03!important;max-width:100%!important;text-wrap:balance!important;} body.appMode .profileNameFollowRow .nameFollowSlot{display:flex!important;align-items:flex-start!important;justify-content:flex-end!important;min-width:82px!important;width:auto!important;margin:2px 0 0!important;} body.appMode .profileNameFollowRow .profileFollowIconBtn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-height:34px!important;min-width:84px!important;padding:8px 12px!important;border:1px solid rgba(37,99,235,.22)!important;border-radius:999px!important;background:#fff!important;color:#155eef!important;font-size:13px!important;font-weight:1000!important;box-shadow:0 8px 18px rgba(15,23,42,.06)!important;} body.appMode .profileNameFollowRow .profileFollowIconBtn.isFollowing{background:#ecfdf3!important;border-color:#abefc6!important;color:#027a48!important;} body.appMode .profileNameFollowRow .profileFollowIconCircle{display:none!important;} body.appMode .profileNameFollowRow .profileFollowIconText{display:block!important;font-size:13px!important;line-height:1!important;font-weight:1000!important;text-transform:none!important;color:inherit!important;} body.appMode .profileIdRatingRow{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px 10px!important;width:100%!important;min-width:0!important;margin:2px 0 0!important;} body.appMode .profileIdRatingRow .contractorWorkBadgeId{margin:0!important;font-size:clamp(16px,4.1vw,20px)!important;line-height:1.1!important;font-weight:1000!important;letter-spacing:-.035em!important;white-space:nowrap!important;} body.appMode .profileIdRatingRow .profileInlineRating{display:inline-flex!important;align-items:center!important;margin:0!important;min-height:0!important;max-width:100%!important;} body.appMode .profileIdRatingRow .profileRatingButton{background:#f6f8fb!important;border:0!important;border-radius:999px!important;padding:7px 11px!important;font-size:13px!important;font-weight:950!important;white-space:nowrap!important;} body.appMode .profileNameRoleRow{display:none!important;} body.appMode .profileWorkFollowStack{display:none!important;} body.appMode .profileWorkFollowStack + .profileInlineRating{margin:0!important;} @media(max-width:520px){ body.appMode .profileCategoryStrip{width:calc(100% + 28px)!important;margin:-1px -14px 11px!important;min-height:31px!important;font-size:12px!important;} body.appMode .profileNameFollowRow{gap:6px!important;} body.appMode .profileNameFollowRow h3{font-size:clamp(22px,6.5vw,29px)!important;} body.appMode .profileNameFollowRow .nameFollowSlot{min-width:76px!important;} body.appMode .profileNameFollowRow .profileFollowIconBtn{min-width:76px!important;min-height:32px!important;padding:7px 10px!important;font-size:12px!important;} body.appMode .profileIdRatingRow{gap:7px!important;} body.appMode .profileIdRatingRow .contractorWorkBadgeId{font-size:18px!important;} body.appMode .profileIdRatingRow .profileRatingButton{font-size:12px!important;padding:6px 9px!important;} } /* 20260801 frozen bottom tabs + short-screen scroll clamp */ :root{--bottom-nav-height:72px;--app-topbar-height:58px;} html,body{overscroll-behavior-x:none;} body.appMode{min-height:100dvh;overscroll-behavior-y:contain;} body.appMode .shell{min-height:calc(100dvh - var(--app-topbar-height,58px));padding-bottom:calc(var(--bottom-nav-height,72px) + env(safe-area-inset-bottom,0px) + 10px)!important;} body.appMode .bottomNav, body.appMode #bottomNav{ position:fixed!important; left:0!important; right:0!important; bottom:0!important; top:auto!important; width:100%!important; max-width:100%!important; margin:0!important; transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); backface-visibility:hidden; -webkit-backface-visibility:hidden; will-change:transform; z-index:500!important; contain:layout paint; } html.appNoExtraScroll, html.appNoExtraScroll body.appMode{height:100dvh;overflow:hidden!important;overscroll-behavior:none!important;} html.appNoExtraScroll body.appMode .shell{height:calc(100dvh - var(--app-topbar-height,58px));min-height:0;overflow:hidden!important;} html.appNoExtraScroll body.appMode section:not(.hidden){min-height:0!important;} @supports(height:100svh){ body.appMode{min-height:100svh;} html.appNoExtraScroll,html.appNoExtraScroll body.appMode{height:100svh;} html.appNoExtraScroll body.appMode .shell{height:calc(100svh - var(--app-topbar-height,58px));} } /* 20260801 live profile edit + modal identity/status spacing */ body.appMode .profilePreviewCta{ display:flex!important; align-items:center!important; justify-content:space-between!important; gap:10px!important; padding:14px!important; } body.appMode .previewMyProfileBtn{ width:100%!important; min-height:46px!important; border-radius:999px!important; font-weight:1000!important; } body.appMode .liveProfileStatus{ flex:0 0 auto!important; font-weight:900!important; color:#067647!important; white-space:nowrap!important; } body.appMode #profileForm button[type="submit"], body.appMode #profileForm .saveProfileButton, body.appMode #profileForm .profilePreview{display:none!important;} body.appMode #networkProfileDialog .profileDialogNameFitRow{ display:flex!important; flex-wrap:wrap!important; align-items:flex-start!important; gap:8px!important; min-width:0!important; max-width:100%!important; } body.appMode #networkProfileDialog .profileDialogNameFitRow h2{ flex:1 1 min(230px,100%)!important; min-width:0!important; max-width:100%!important; overflow-wrap:anywhere!important; } body.appMode #networkProfileDialog .profileNameFitBubble{ flex:0 0 auto!important; margin-top:2px!important; white-space:nowrap!important; background:#ecfdf3!important; color:#027a48!important; border-color:#a6f4c5!important; } body.appMode #networkProfileDialog .profileDialogIdRatingRow{ display:flex!important; flex-wrap:wrap!important; align-items:center!important; gap:7px!important; min-width:0!important; max-width:100%!important; margin-top:1px!important; } body.appMode #networkProfileDialog .profileDialogIdRatingRow .contractorWorkBadgeId{ flex:0 1 auto!important; margin:0!important; max-width:100%!important; white-space:nowrap!important; } body.appMode #networkProfileDialog .profileDialogIdRatingRow .profileDialogRating, body.appMode #networkProfileDialog .profileDialogIdRatingRow .profileRatingButton{ flex:0 1 auto!important; margin:0!important; max-width:100%!important; white-space:nowrap!important; } body.appMode #networkProfileDialog .profileDialogStatusRow{ display:flex!important; flex-wrap:wrap!important; align-items:center!important; gap:7px!important; margin-top:4px!important; min-width:0!important; max-width:100%!important; overflow:visible!important; } body.appMode #networkProfileDialog .profileDialogStatusRow .availabilityBadge, body.appMode #networkProfileDialog .profileDialogStatusRow .driverDocsBadge, body.appMode #networkProfileDialog .profileDialogStatusRow .driverDocsButton{ flex:0 1 auto!important; max-width:100%!important; min-width:0!important; white-space:normal!important; overflow-wrap:anywhere!important; line-height:1.08!important; margin:0!important; } html.appBottomFrozen, body.appBottomFrozen, html.appNoExtraScroll, body.appNoExtraScroll{ min-height:100dvh!important; max-height:100dvh!important; overflow:hidden!important; overscroll-behavior:none!important; touch-action:pan-y!important; } body.appMode #bottomNav{ position:fixed!important; left:0!important; right:0!important; bottom:0!important; bottom:env(safe-area-inset-bottom,0px)!important; z-index:9999!important; transform:none!important; margin:0!important; } html.appBottomFrozen body.appMode main, html.appNoExtraScroll body.appMode main{ min-height:calc(100dvh - var(--app-topbar-height,0px) - var(--bottom-nav-height,72px))!important; max-height:calc(100dvh - var(--app-topbar-height,0px) - var(--bottom-nav-height,72px))!important; overflow-y:auto!important; overflow-x:hidden!important; overscroll-behavior:contain!important; padding-bottom:calc(var(--bottom-nav-height,72px) + env(safe-area-inset-bottom,0px))!important; box-sizing:border-box!important; } html.appBottomFrozen body.appMode main > section:not(.hidden), html.appNoExtraScroll body.appMode main > section:not(.hidden){margin-bottom:0!important;} @media(max-width:520px){ body.appMode .profilePreviewCta{display:grid!important;grid-template-columns:1fr!important;} body.appMode .liveProfileStatus{text-align:center!important;} body.appMode #networkProfileDialog .profileDialogNameFitRow{gap:6px!important;} body.appMode #networkProfileDialog .profileDialogIdRatingRow, body.appMode #networkProfileDialog .profileDialogStatusRow{gap:6px!important;} body.appMode #networkProfileDialog .profileNameFitBubble{font-size:11.5px!important;padding:6px 8px!important;} } /* 20260801 contractorstates1 contiguous states + review polish */ body.appMode #refreshRatings{display:none!important;} body.appMode .contractorOnly.stateMultiDropdown,body.appMode .driverStateDropdown{margin:0;} body.appMode .reviewTargetHero{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:center!important;gap:10px!important;} body.appMode .reviewTargetHero>div:last-child{min-width:0!important;} body.appMode .reviewTargetPhoto{width:44px!important;height:44px!important;flex:0 0 44px!important;overflow:hidden!important;border-radius:50%!important;} body.appMode .reviewTargetPhoto .profileAvatar,body.appMode .reviewTargetPhoto .nameIcon,body.appMode .reviewTargetPhoto img{display:block!important;width:44px!important;height:44px!important;max-width:44px!important;max-height:44px!important;object-fit:cover!important;border-radius:50%!important;} body.appMode .compactReviewAck{padding:10px 12px!important;border-radius:12px!important;font-size:13px!important;line-height:1.25!important;background:#f8fbff!important;} .reviewProfessionalWarning{padding:10px 12px;border:1px solid #fed7aa;border-radius:14px;background:#fff7ed;color:#9a3412;font-weight:800;font-size:13px;line-height:1.25;} .reviewForm label textarea[name="review_cons"]{min-height:88px;} @media(max-width:520px){body.appMode .reviewTargetPhoto,body.appMode .reviewTargetPhoto .profileAvatar,body.appMode .reviewTargetPhoto .nameIcon,body.appMode .reviewTargetPhoto img{width:40px!important;height:40px!important;max-width:40px!important;max-height:40px!important;}body.appMode .reviewTargetHero{grid-template-columns:40px minmax(0,1fr)!important;}} .reviewHiddenInterest { display: none !important; }