/* WalkRound WP03 — Prepare, Capture and Report shell */
.wp03StageNav{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px!important;
  overflow:visible!important;
  margin:0 0 10px!important;
  padding:0!important;
}
.wp03StageNav button{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  min-height:78px;
  padding:13px!important;
  text-align:center;
  white-space:normal!important;
  border:2px solid #cbd5e1!important;
  border-radius:16px!important;
  background:#fff!important;
  color:#1e293b!important;
  box-shadow:none!important;
}
.wp03StageNav button:hover{border-color:#0f766e!important;background:#f0fdfa!important}
.wp03StageNav button.active{border-color:#0f766e!important;background:#e6fffb!important;color:#134e4a!important}
.wp03StageNav button:focus-visible,.wp03SectionNav button:focus-visible,.wp03VisitTypeChoice:focus-visible{outline:3px solid #f59e0b;outline-offset:2px}
.wp03StageGroup{display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center}
.wp03StageLabel{display:block;max-width:100%;font-size:16px;line-height:1.2;text-align:center;white-space:normal}
.wp03StageNumber{
  display:grid;
  place-items:center;
  flex:0 0 28px;
  width:28px;
  height:28px;
  border-radius:50%;
  background:#e2e8f0;
  color:#334155;
  font-weight:900;
  text-align:center;
}
.wp03StageNav button.active .wp03StageNumber{background:#0f766e;color:#fff}
.wp03Eyebrow{margin:0 0 5px!important;color:#0f766e!important;font-size:11px!important;font-weight:900!important;letter-spacing:.1em;text-transform:uppercase}
.wp03PrimaryAction{min-width:180px;min-height:48px;font-size:15px}
.wp03SectionNav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 0 10px;margin:0 0 4px;overflow:visible}
.wp03SectionNav button{min-width:0;min-height:44px;white-space:normal;background:#fff;color:#334155;border:1px solid #cbd5e1;text-align:center;overflow-wrap:anywhere}
.wp03SectionNav button.active{background:#0f766e;color:#fff;border-color:#0f766e}
.wp03SaveStatus{margin:-2px 0 12px;color:#475569;font-size:12px;font-weight:750}
.wp03SaveStatus[data-state="saving"]{color:#92400e}
.wp03SaveStatus[data-state="failed"]{padding:9px 11px;border:1px solid #fca5a5;border-radius:10px;background:#fff1f2;color:#991b1b}
#visitScreen .layout{grid-template-columns:minmax(0,1fr)}
#visitScreen.wp03ReportPreview .layout{display:block}
#visitScreen.wp03ReportPreview #reportSide{width:100%;max-width:none}
.wp04PrepareOverview{max-width:780px;margin-inline:auto;overflow:hidden}
.wp05StageIntro{margin:0 0 14px;text-align:left}.wp05StageIntro h2{margin:0 0 5px}.wp05StageIntro>p:last-child{margin:0;max-width:660px;color:#475569;line-height:1.45}
.wp04PrepareType{padding:14px;border:1px solid #99f6e4;border-radius:15px;background:#f0fdfa}
.wp04PrepareType label,.wp04PrepareType select,.wp04PrepareType input{text-align:left}
.wp04PrepareType select,.wp04PrepareType input{min-height:48px}
.wp04PrepareType>p{margin:8px 0 0;color:#334155;line-height:1.45;text-align:left}
#wp04VisitTypeOtherWrap{margin-top:12px}
.wp04PrepareError{min-height:18px;color:#991b1b!important;font-weight:800}
.wp04VisitLine{margin:13px 0;color:#475569;font-size:14px;font-weight:850;text-align:left}
.wp04PrepareReview{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;margin:0 0 13px;padding:11px 13px;border:1px solid #f59e0b;border-radius:13px;background:#fffbeb;color:#78350f;text-align:left!important;white-space:normal}
.wp04PrepareReview.urgent{border-color:#ef4444;background:#fff1f2;color:#991b1b}
.wp04PrepareReview span{font-size:12px;line-height:1.4}
.wp05SiteReviewSummary{display:flex!important;flex-direction:column;align-items:flex-start;width:100%;min-height:44px;margin:0 0 13px;padding:11px 13px!important;border:1px solid #f59e0b!important;border-radius:13px!important;background:#fffbeb!important;color:#78350f!important;text-align:left!important;white-space:normal!important}.wp05SiteReviewSummary strong,.wp05SiteReviewSummary span{max-width:100%;overflow-wrap:anywhere;text-align:left}.wp05SiteReviewSummary span{font-size:12px;line-height:1.45}
.wp04StartVisit{display:flex;width:100%;min-height:52px;justify-content:center;text-align:center;font-size:16px}
.wp04PrepareOr{margin:10px 0;color:#64748b;font-size:12px;font-weight:850;text-align:center;text-transform:lowercase}
.wp04PrepareOverview h2{margin:0 0 10px;text-align:left}
.wp04PrepareCards{display:grid;grid-template-columns:1fr;gap:9px}
.wp04PrepareCard{position:relative;display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:3px 12px;width:100%;min-height:64px!important;padding:11px 48px 11px 14px!important;border:1px solid #cbd5e1!important;border-radius:14px!important;background:#fff!important;color:#1e293b!important;text-align:left!important}
.wp04PrepareCard strong,.wp04PrepareCard span{min-width:0;max-width:100%;text-align:left;white-space:normal;word-break:normal;overflow-wrap:normal}
.wp04PrepareCard strong{font-size:15px}.wp04PrepareCard>span:not(.wp04PrepareChevron){grid-column:1;color:#64748b;font-size:12px}
.wp04PrepareCard .wp04PrepareChevron{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:24px;color:#0f766e}
.wp04PrepareCard:hover{border-color:#0f766e!important;background:#f0fdfa!important}
.wp05SubviewNav{display:flex;justify-content:flex-start;margin:0 0 12px}.wp05SubviewNav[hidden]{display:none!important}.wp05SubviewNav button{min-height:44px}
.wp05ListHeading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px}.wp05ListHeading h3{min-width:0;margin:0;overflow-wrap:anywhere}.wp05ListHeading button{flex:0 0 auto;min-height:44px}
.wp05HeadingAction{float:right;margin-left:10px}.wp05HeadingAction button{min-height:44px}
.wrCountBadge{display:inline-flex;align-items:center;justify-content:center;min-width:28px;max-width:100%;min-height:24px;padding:3px 9px;border:1px solid #5eead4;border-radius:999px;background:#ccfbf1;color:#115e59;font-size:12px;font-weight:900;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}
.wp05ReviewRecords{display:grid;gap:10px}.wp05ReviewRecord{border:1px solid #cbd5e1;border-radius:14px;background:#fff}.wp05ReviewRecord>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:12px;cursor:pointer}.wp05ReviewRecord>summary>span:first-child{display:grid;min-width:0;gap:2px}.wp05ReviewRecord>summary strong,.wp05ReviewRecord>summary small{overflow-wrap:anywhere}.wp05ReviewRecord>p,.wp05ReviewRecord>dl{margin:0;padding:0 13px 13px}.wp05ReviewRecord>p{white-space:pre-wrap}.wp05ReviewRecord dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.wp05ReviewRecord dl>div{min-width:0;padding:8px;border-radius:9px;background:#f8fafc}.wp05ReviewRecord dt{color:#64748b;font-size:11px;font-weight:850}.wp05ReviewRecord dd{margin:2px 0 0;overflow-wrap:anywhere}.wp05OpenReviewRecord{min-height:44px;margin:0 13px 13px}
.wp05WitnessOriginal{padding:16px;border:1px solid #cbd5e1;border-radius:14px;background:#fff}.wp05WitnessOriginal h3{margin:4px 0}.wp05WitnessOriginal dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.wp05WitnessOriginal dl>div{min-width:0;padding:10px;border-radius:10px;background:#f8fafc}.wp05WitnessOriginal dt{color:#64748b;font-size:11px;font-weight:850}.wp05WitnessOriginal dd{margin:4px 0 0;overflow-wrap:anywhere}.wp05WitnessOriginal:focus-visible{outline:3px solid #087f82;outline-offset:3px}
.wp04CaptureReviewRoute{min-height:44px!important;margin-top:9px;text-align:center}
.wp03ProjectEssential{padding:13px;border:1px solid #99f6e4;border-radius:14px;background:#f0fdfa}
.wp03ProjectEssential .muted{margin-top:0}
.wp03OptionalProjectDetails{margin-top:12px;border:1px solid #d8d3c7;border-radius:14px;background:#fff}
.wp03OptionalProjectDetails>summary{min-height:46px;padding:13px 15px;font-weight:900;cursor:pointer}
.wp03OptionalProjectDetails>.grid,.wp03OptionalProjectDetails>.profileChooser{margin:0 14px 14px}
.wp03ContinueCard{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin:14px 0;
  padding:16px 18px;
  border:2px solid #0f766e;
  border-radius:18px;
  background:#f0fdfa;
}
.wp03ContinueCard h3{margin:0 0 4px}.wp03ContinueCard p{margin:0;color:#334155}
.wp03ContinueCard button{min-height:48px;min-width:150px}
.wp05ProjectCard{display:flex;min-width:0;min-height:44px;flex-direction:column;gap:10px;padding:16px 18px!important;overflow:hidden}.wp05ProjectCard:focus-visible{outline:3px solid #f59e0b;outline-offset:3px}.wp05ProjectCard h3{margin:0;font-size:19px;line-height:1.25;overflow-wrap:anywhere}.wp05ProjectCard .profilePills{margin:0}.wp05ProjectCard>.warn{margin:0;padding:8px 10px}.wp05ProjectMeta{display:grid;gap:5px;margin:0}.wp05ProjectMeta>div{display:grid;grid-template-columns:minmax(72px,auto) minmax(0,1fr);gap:8px}.wp05ProjectMeta dt{color:#64748b;font-size:11px;font-weight:850}.wp05ProjectMeta dd{min-width:0;margin:0;color:#334155;font-size:13px;overflow-wrap:anywhere}.wp05ProjectStats{margin:0;gap:6px}.wp05ProjectStats .stat{display:flex;min-width:0;min-height:52px;flex-direction:column;justify-content:center;padding:6px 4px;border-radius:11px}.wp05ProjectStats .stat b{font-size:18px;line-height:1.1}.wp05ProjectLastVisit{margin:0!important}
.wp03NextStep{margin:0 0 14px;padding:14px 16px;border:1px solid #93c5fd;border-radius:15px;background:#eff6ff;color:#1e3a5f}
.wp03NextStep p{margin:5px 0 10px}
.wp03ExistingGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.wp03ExistingGrid article{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;align-items:center;padding:14px;border:1px solid #cbd5e1;border-radius:14px;background:#fff}
.wp03ExistingGrid strong{grid-row:1/3;font-size:30px;color:#0f766e}
.wp03ExistingGrid span{font-weight:800;color:#334155}
.wp03ExistingGrid button{grid-column:1/-1;margin-top:8px}
.wp03ReviewHeader{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.wp03ReviewHeader h2{margin:0 0 4px}
.wp03ReportMode{margin:14px 0;padding:14px;border:1px solid #99f6e4;border-radius:14px;background:#f0fdfa}
.wp03ReportMode h3{margin:0 0 5px;font-size:19px;color:#134e4a}
.wp03ReportMode p{margin:0;color:#334155}
.wp03ReviewCounts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0 18px}
.wp03ReviewCounts>div{padding:11px;border:1px solid #cbd5e1;border-radius:12px;background:#fff}
.wp03ReviewCounts b{display:block;font-size:22px;color:#0f766e}
.wp03ReviewCounts span{font-size:11px;font-weight:850;color:#475569;text-transform:uppercase}
.wp03ReportSettings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0 18px}
.wp03ReportSettings>div{padding:12px;border:1px solid #cbd5e1;border-radius:12px;background:#f8fafc}
.wp03OptionalSections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.wp03OptionalSections article{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px;border:1px solid #cbd5e1;border-radius:12px;background:#fff}
.wp03OptionalSections strong,.wp03StateText{display:block}
.wp03StateText{margin-top:3px;color:#475569;font-size:12px}
.wp03SectionToggle{margin:10px 0}
.wp03OptionalEditorHost>.wp03SectionToggle{margin:12px 0 8px}
.wp03OptionalEditorHost>details{margin-top:0}
.wp03TemplateHost{margin:0 0 14px}
#visitScreen #wp03TemplateHost #templateBox{display:block!important;margin-top:0}
.wp03EmptyState{margin:12px 0;padding:15px;border:1px dashed #94a3b8;border-radius:14px;background:#f8fafc;color:#334155}
.wp03EmptyState strong{display:block;color:#1e293b;font-size:16px}
.wp03EmptyState p{margin:6px 0 10px;line-height:1.45}
.wp03DangerZone{grid-column:1/-1;margin-top:10px;padding:14px;border:2px solid #ef4444;border-radius:14px;background:#fff1f2;color:#7f1d1d}
.wp03DangerZone h3{margin:0 0 5px;color:#991b1b}.wp03DangerZone p{margin:0 0 10px;font-size:13px}
.wp03DangerZone .danger{width:100%;min-height:48px}
.wp03VisitTypeBadge{margin-left:6px}
#visitScreen .wp03StageNav button,
#visitScreen[data-wr-stage="prepare"] button,
#visitScreen[data-wr-stage="prepare"] input,
#visitScreen[data-wr-stage="prepare"] select,
#visitScreen[data-wr-stage="prepare"] summary{min-height:44px}
#visitScreen[data-wr-stage="prepare"] label,
#visitScreen[data-wr-stage="prepare"] input,
#visitScreen[data-wr-stage="prepare"] select,
#visitScreen[data-wr-stage="prepare"] textarea,
#visitScreen[data-wr-stage="prepare"] .dateWrap input{text-align:left}
#visitScreen[data-wr-stage="prepare"] button{text-align:center}
.pill,.chip,.wp03VisitTypeBadge{
  width:auto;
  max-width:100%;
  height:auto;
  white-space:normal;
  word-break:normal;
  overflow-wrap:normal;
  hyphens:none;
  line-height:1.3;
}
.toast{
  display:none;
  pointer-events:none;
  align-items:center;
  justify-content:center;
  width:max-content;
  max-width:min(360px,calc(100vw - 32px));
  min-height:44px;
  padding:10px 16px!important;
  bottom:calc(18px + env(safe-area-inset-bottom) + var(--wr-keyboard-offset,0px))!important;
  border-radius:15px!important;
  text-align:center;
  line-height:1.35;
  white-space:normal;
}
.toast.on{display:flex}
.copyrightNotice{
  padding:18px max(10px,env(safe-area-inset-right)) calc(18px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))!important;
  color:#64748b!important;
  font-size:12px!important;
  line-height:1.4;
  text-align:center!important;
}
@media(max-width:700px){
  .wp03StageNav{gap:6px!important}
  .wp03StageNav button{min-height:72px;padding:9px!important}
  .wp03ContinueCard,.wp03ReviewHeader{display:block}
  .wp03PrimaryAction,.wp03ContinueCard button,.wp03ReviewHeader>button{width:100%;margin-top:12px}
  .wp03ExistingGrid,.wp03ReportSettings,.wp03OptionalSections{grid-template-columns:1fr}
  .wp03ReviewCounts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wp05ReviewRecord dl,.wp05WitnessOriginal dl{grid-template-columns:1fr}.wp05ListHeading{align-items:flex-start}.wp05HeadingAction{float:none;display:block;margin:8px 0 0}
  .wp03SectionNav{grid-template-columns:1fr}
  #dashScreen .cards{gap:10px}.wp05ProjectCard{padding:16px!important;gap:9px}.wp05ProjectMeta>div{grid-template-columns:1fr;gap:1px}.wp05ProjectStats{grid-template-columns:repeat(4,minmax(0,1fr))!important}.wp05ProjectStats .stat{min-height:50px}.wp05ProjectStats .stat span{font-size:9px}
}
@media(max-width:420px){
  .wp03StageLabel{font-size:14px}
  .wp03StageNav button{min-width:0}
  .wp03StageNav button{min-height:68px}
  .wp03StageNumber{width:26px;height:26px;flex-basis:26px}
}
@media(max-height:520px) and (orientation:landscape){
  .wp03StageNav button{min-height:62px;padding:7px!important}
  .wp03StageGroup{gap:3px}
  .wp04PrepareOverview{padding:14px}
}
.wp03ReportOptions{margin-top:16px;border:1px solid #d6e2e4;border-radius:14px;background:#fff}.wp03ReportOptions>summary{min-height:48px;padding:13px 14px;font-weight:900;cursor:pointer}.wp03ReportOptionGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 14px 14px}.wp03ReportOptionGrid>details,.wp03ReportOptionGrid>div{padding:11px;border:1px solid #e2e8f0;border-radius:11px}.wp03ReportOptionGrid fieldset{display:grid;gap:9px;margin-top:9px;border:0;padding:0}.wp03ReportOptionGrid fieldset label{display:flex;align-items:center;gap:8px}.wp03ReportOptionGrid fieldset input{width:20px;height:20px}.wp03ReportReviewRoutes{display:grid;gap:8px;margin-top:10px}.wp03ReportReviewRoutes[hidden]{display:none}.wp03ReviewMessage{margin:14px 0 8px;color:#475569}.wp03IssueZone{margin-top:16px;padding:13px;border-left:4px solid #087f82;border-radius:8px;background:#f0fdfa}.wp03IssueZone p{margin-top:0}.wp03IssueBlockers{color:#9f1239}.wp03IssueBlockers:empty{display:none}.wp03IssueBlockers ul{margin:8px 0}.wp03ReportDefaults{margin:14px 0;padding:10px;border:1px solid #d6e2e4;border-radius:12px}.wp03ReportDefaults>summary,.wp03ReportDefaults details>summary{min-height:44px;padding:9px 4px;font-weight:900;cursor:pointer}.wp03ReportDefaults details{padding:5px 10px;border-top:1px solid #e2e8f0}
@media(max-width:700px){.wp03ReportOptionGrid{grid-template-columns:1fr}.wp03ReportOptionGrid>button{width:100%}}
