/* WalkRound WP04 — fast, one-handed Site capture and working-context controls. */
.wp04Eyebrow{margin:0 0 4px;color:#087f82;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.wp04ContextBar{position:sticky;top:0;z-index:24;margin:10px 0 12px;padding:12px;border:1px solid #99d8d7;border-radius:16px;background:rgba(240,253,252,.97);box-shadow:0 8px 24px rgba(15,118,110,.11);backdrop-filter:blur(10px)}
.wp04ContextHead,.wp04SiteHeader,.wp04PhotoTop,.wp04SelectionToolbar,.wp04LinkedPhotoRow{display:flex;align-items:center;justify-content:space-between;gap:12px}
.wp04ContextHead strong{color:#0f4d4f;font-size:16px}.wp04ContextActions{display:flex;gap:7px;flex:0 0 auto}.wp04ContextActions .wp04ClearContext{border-color:#cbd5e1!important;background:#fff!important;color:#64748b!important}.wp04ContextFields,.wp04QuickGrid,.wp04BatchGrid,.wp04RecordContext{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}.wp04ContextFields[hidden]{display:none}
.wp04ContextFields label,.wp04QuickGrid label,.wp04BatchGrid label,.wp04RecordContext label{font-weight:900}.wp04ContextFields label span,.wp04LocationField label span{color:#64748b;font-size:11px;font-weight:700}
.wp04ContextFields input,.wp04QuickGrid input,.wp04BatchGrid input,.wp04BatchGrid select,.wp04RecordContext input{min-height:44px;background:#fff}
.wp04SelectorButton{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;gap:1px 8px;width:100%;min-width:0;min-height:50px;padding:7px 10px!important;border:1px solid #94a3b8!important;border-radius:11px!important;background:#fff!important;color:#1e293b!important;text-align:left!important}.wp04SelectorButton>span:first-child{font-size:11px;font-weight:800;color:#64748b}.wp04SelectorButton>strong{min-width:0;overflow-wrap:anywhere;font-size:14px;line-height:1.25}.wp04SelectorButton>span:last-child{grid-column:2;grid-row:1/3;font-size:24px;color:#087f82}
.wp04Feedback{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0;padding:10px 12px;border-radius:13px;background:#0f4d4f;color:#fff;box-shadow:0 8px 24px rgba(15,77,79,.22)}.wp04Feedback span{flex:1}.wp04Feedback button{flex:0 0 auto}
.wp04Feedback[hidden]{display:none}.wp04SiteCapture[hidden]{display:none!important}.wp04SiteHeader h2{margin:2px 0}.wp04SiteHeader p{max-width:650px}
.wp04SiteContext{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0 12px}.wp04SiteContext[hidden]{display:none!important}.wp04PrimaryCaptureBlock{display:grid;justify-items:center;gap:8px;margin:12px 0 18px}.wp04CameraAction{display:flex!important;align-items:center;justify-content:center;width:min(100%,430px);min-height:68px!important;border-radius:18px!important;font-size:18px!important;font-weight:950;text-align:center;text-transform:uppercase;letter-spacing:.035em}.wp04ImportAction{display:flex!important;align-items:center;justify-content:center;width:min(100%,430px);min-height:44px!important;text-align:center}.wp04SecondaryCapture{display:flex;align-items:flex-start;justify-content:center;gap:10px;flex-wrap:wrap;margin:14px 0}.wp04SecondaryCapture>button,.wp04SecondaryCapture summary{min-height:44px}.wp04SecondaryCapture details{min-width:min(100%,240px)}.wp04SecondaryCapture details>summary{display:flex;align-items:center;justify-content:center;padding:8px 12px;border:1px solid #cbd5e1;border-radius:12px;background:#fff;font-weight:850;cursor:pointer}.wp04SecondaryCapture .tools{padding-top:8px}
.wp04SiteCounts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px}.wp04SiteCounts button{display:flex;align-items:center;gap:10px;justify-content:flex-start}.wp04SiteCounts strong{font-size:24px;color:#087f82}.wp04SiteCounts span{font-weight:900}
.wp04RecentGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.wp04RecentCard{display:flex;align-items:center;gap:9px;min-width:0;min-height:88px;padding:8px!important;border:1px solid #dbe3ea!important;border-radius:14px!important;background:#fff!important;color:#1f2937!important;text-align:left}.wp04RecentCard .simpleThumb{flex:0 0 64px;width:64px;height:64px;object-fit:cover}.wp04RecentCard span{display:grid;min-width:0;gap:3px}.wp04RecentCard strong,.wp04RecentCard span{overflow-wrap:normal;word-break:normal}.wp04FinishCapture{width:100%;min-height:54px;margin-top:18px;font-size:16px}.wp04ReviewSummary{margin:10px 0;padding:9px 11px;border-radius:12px;background:#f1f5f9;color:#475569;text-align:left}
.wp04PhotoTop{display:grid;align-items:stretch;justify-content:stretch;gap:12px;margin:4px 0 12px}.wp04CaptureButtons,.wp04CommonActions,.wp04LinkedActions{display:flex;gap:8px;flex-wrap:wrap}.wp04CaptureButtons>*{min-height:48px}.wp04PrimaryCapture{display:flex!important;align-items:center;justify-content:center}.wp04QuickNoteRow{display:flex}.wp04QuickNoteRow button{min-height:44px}.wp04PhotoViews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;width:min(100%,420px);overflow:hidden;border:1px solid #94a3b8;border-radius:12px;background:#fff}.wp04PhotoViews button{min-width:0;min-height:44px;border-radius:0!important;border-right:1px solid #cbd5e1!important;padding:8px 10px!important;white-space:normal}.wp04PhotoViews button:last-child{border-right:0!important}.wp04PhotoViews button.active{background:#0f766e;color:#fff}.wp04ViewNote{padding:9px 11px;border-radius:12px;background:#f1f5f9;color:#475569}
#wp04SelectionToolbarHost{display:contents}.wp04SelectionToolbar{position:sticky;top:calc(var(--wp04-context-height,106px) + var(--wp04-feedback-height,0px) + 8px);z-index:22;padding:10px 12px;border:2px solid #087f82;border-radius:14px;background:#fff;box-shadow:0 8px 22px rgba(15,77,79,.16)}.wp04SelectionToolbar button{min-height:44px}
.wp04PhotoCardShell{position:relative;display:flow-root}.wp04PhotoCard{position:relative;content-visibility:auto;contain-intrinsic-size:auto 190px}.wp04PhotoCard.wp04Selected{border-color:#087f82;background:#f0fdfa;box-shadow:inset 0 0 0 2px #087f82}.wp04PhotoSummary{min-height:112px;padding:12px 90px 12px 12px!important;touch-action:pan-y}.wp04PhotoCollapsed{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:12px;min-width:0}.wp04PhotoSummary .simpleThumb{display:flex;width:88px;height:88px;min-width:88px;max-width:88px;object-fit:cover;border-radius:11px}.wp04PhotoIdentity{display:grid;align-content:center;min-width:0;gap:3px}.wp04PhotoRef{font-size:15px;font-weight:900;line-height:1.2}.wp04PhotoLocationTitle{min-width:0;color:#475569;font-size:13px;line-height:1.25;white-space:normal;word-break:normal;overflow-wrap:anywhere}.wp04PhotoDescription{margin:2px 0;overflow:hidden;color:#334155;font-size:13px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.wp04PhotoBadges{display:flex;align-items:flex-start;gap:5px;flex-wrap:wrap;min-width:0}.wp04PhotoBadges .pill{width:auto;max-width:100%;min-width:0;white-space:normal;word-break:normal;overflow-wrap:normal;line-height:1.2}.wp04SelectButton{position:absolute;right:10px;top:34px;z-index:3;min-width:68px;min-height:44px!important}.wp04PhotoBody{padding-top:6px}.wp04QuickGrid{grid-template-columns:repeat(3,minmax(0,1fr));padding:12px;border:1px solid #b9dddc;border-radius:14px;background:#f8fffe}.wp04QuickGrid .wp04LocationField{grid-column:1/-1}.wp04PlanQuick{grid-column:1/-1;display:flex;align-items:center;gap:9px;flex-wrap:wrap}.wp04PinButton{min-height:44px}
.wp04Suggestions{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.wp04Suggestions:empty{display:none}.wp04Suggestions button{min-height:38px;text-align:left}.wp04CaptionHelper{margin-top:13px}.wp04CaptionHelper>span{display:block;margin-bottom:6px;font-size:12px;font-weight:900;color:#475569}.wp04CaptionChips,.wp04CaptionMore{display:flex;gap:7px;flex-wrap:wrap}.wp04CaptionChip{min-height:42px;padding:8px 10px!important;border:1px solid #8ccfce!important;background:#ecfeff!important;color:#0f4d4f!important;text-align:left}.wp04CaptionChips details{display:contents}.wp04CaptionChips summary{display:flex;align-items:center;min-height:42px;padding:8px 12px;border:1px solid #cbd5e1;border-radius:999px;background:#fff;font-weight:900;cursor:pointer}.wp04CaptionMore{flex-basis:100%;padding:8px;border:1px solid #dbe3ea;border-radius:12px;background:#fff}
.wp04PhotoPreview{margin:10px 0}.wp04FullPhoto{display:block;width:100%;max-height:480px;object-fit:contain;border:1px solid #dbe3ea;border-radius:14px;background:#f8fafc}.wp04NoImage,.wp04QuickNoteThumb{display:flex;align-items:center;justify-content:center;gap:4px;color:#64748b;background:#f1f5f9;text-align:center}.wp04QuickNoteThumb{flex-direction:column;color:#0f766e;background:#ecfeff}.wp04QuickNoteThumb>span{font-size:26px}.wp04QuickNoteThumb small{font-size:10px;font-weight:900}.wp04QuickNoteFull{display:grid;justify-items:start;gap:6px;padding:16px;border:1px solid #99d8d7;border-radius:14px;background:#f0fdfa}.wp04QuickNoteFull>span{font-size:28px}.wp04QuickNoteFull p{margin:0;white-space:pre-wrap}.wp04MissingAsset{background:#f1f5f9}.wp04CaptureDate{margin:9px 0 0;color:#64748b;font-size:12px}.wp04CommonActions,.wp04LinkedActions{margin:10px 0}.wp04CommonActions>*{min-height:46px}.wp04LinkedActions button{min-height:44px}.wp04AdminGrid{display:grid;gap:10px;padding-top:10px}.wp04AdminGrid select{min-height:44px}.wp04OptionCheck{display:flex;align-items:center;gap:9px;min-height:44px}.wp04OptionCheck input{width:20px;height:20px}
.wp04LatestPanel{margin:14px auto;padding:14px;border:1px solid #99d8d7;border-radius:16px;background:#f8fffe;box-shadow:0 8px 24px rgba(15,118,110,.1)}.wp04LatestIdentity{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:12px}.wp04LatestIdentity h3{margin:0 0 5px;font-size:16px}.wp04LatestIdentity p{margin:4px 0;color:#475569}.wp04LatestThumb{display:flex;width:112px;height:112px;object-fit:cover;border-radius:13px}.wp04LatestActions,.wp04LatestContinue{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.wp04LatestActions button{flex:1 1 140px;min-height:44px}.wp04LatestContinue{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.wp04LatestContinue button,.wp04PanelExit{min-height:48px}.wp04TakeNext{font-size:16px}.wp04LatestCaption{margin-top:12px;padding:12px;border:1px solid #b9dddc;border-radius:13px;background:#fff}.wp04LatestCaptionHead{display:flex;align-items:center;justify-content:space-between;gap:8px}.wp04LatestCaptionHead h4{margin:0}.wp04LatestCaption textarea{min-height:84px}.wp04UnavailablePanel p{font-weight:850}
.wp04SelectorHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.wp04SelectorHead h2{margin:0}.wp04SelectorDialog>label{display:block;margin-top:12px}.wp04SelectorDialog input{min-height:46px}.wp04SelectorOptions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:52vh;margin-top:12px;overflow:auto}.wp04SelectorChoice{min-width:0;min-height:44px;text-align:left!important;white-space:normal}.wp04SelectorAction{border-style:dashed!important;font-weight:900}.wp04SelectorCustom{margin-top:12px;padding:12px;border:1px solid #b9dddc;border-radius:12px;background:#f8fffe}.wp04SelectorCustom[hidden]{display:none}.wp04SelectorCustom .tools{margin-top:8px}
.wp04LinkedPhotoSection{margin-top:20px}.wp04LinkedPhotoRow{margin:8px 0}.wp04LinkedPhotoRow>div{display:grid;gap:3px;flex:1}.wp04LinkedPhotoRow .simpleThumb{width:62px;height:62px}.wp04RecordContext{margin:10px 0;padding:10px;border:1px solid #b9dddc;border-radius:13px;background:#f8fffe}.wp04RecordContext button{align-self:end;min-height:44px}
.wp04Dialog{max-width:720px}.wp04BatchGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.wp04BatchCustom{margin-top:7px}.wp04BatchError{min-height:20px;margin:6px 0;color:#a1262f;font-weight:800}.wp04SafeCreate{padding:10px;border-left:4px solid #087f82;background:#f0fdfa}.wp04Dialog .tools button{min-height:46px}
.pill.warning{background:#fff7ed;color:#9a3412;border:1px solid #fdba74}.wp04PhotoCard button,.wp04PhotoCard .filebtn,.wp04ContextBar button,.wp04ContextBar input{min-height:44px}
@media(max-width:760px){
  .wp04ContextBar{top:env(safe-area-inset-top);margin:6px -4px 8px;padding:9px 10px;border-radius:13px}.wp04ContextHead{align-items:flex-start}.wp04ContextHead .wp04Eyebrow{font-size:10px}.wp04ContextHead strong{display:block;font-size:14px;line-height:1.25}.wp04ContextActions{gap:5px}.wp04ContextActions button{min-height:44px!important;padding:7px 9px!important}.wp04ContextFields,.wp04QuickGrid,.wp04RecordContext{grid-template-columns:1fr}.wp04ContextFields{max-height:58vh;overflow:auto;padding-bottom:calc(8px + env(safe-area-inset-bottom))}.wp04QuickGrid .wp04LocationField,.wp04PlanQuick{grid-column:auto}.wp04SiteContext{grid-template-columns:1fr}.wp04RecentGrid{grid-template-columns:1fr}.wp04CaptureButtons>*{flex:1 1 44%}.wp04PhotoViews{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.wp04PhotoViews button{width:100%}.wp04BatchGrid{grid-template-columns:1fr}.wp04LatestIdentity{grid-template-columns:88px minmax(0,1fr)}.wp04LatestThumb{width:88px;height:88px}.wp04LatestContinue{grid-template-columns:1fr}.wp04SelectorOptions{grid-template-columns:1fr}.wp04PhotoSummary{padding-right:82px!important}.wp04PhotoCollapsed{grid-template-columns:88px minmax(0,1fr);gap:9px}.wp04SelectButton{right:7px;top:34px;min-width:64px}
}
@media(max-width:900px){.wp04SelectionToolbar{position:fixed;top:calc(var(--wp04-context-height,72px) + var(--wp04-feedback-height,0px) + env(safe-area-inset-top) + 6px);left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:7px;padding:8px 10px calc(8px + env(safe-area-inset-bottom))}.wp04SelectionToolbar strong{grid-column:1/-1}.wp04SelectionToolbar button{width:100%;padding:7px 9px!important}#wp04PhotoCards input,#wp04PhotoCards select,#wp04PhotoCards textarea,#wp04PhotoCards button,#wp04PhotoCards summary{scroll-margin-top:calc(var(--wp04-context-height,72px) + var(--wp04-feedback-height,0px) + 118px + env(safe-area-inset-top))}}
@media(max-width:900px){.wp04SelectionToolbar.wp04SelectionToolbarBottom{top:auto;bottom:0}}
@media(min-width:520px) and (max-width:900px) and (max-height:520px){.wp04SelectionToolbar{grid-template-columns:minmax(120px,1fr) minmax(150px,1fr) minmax(150px,1fr);padding:5px 10px}.wp04SelectionToolbar.wp04SelectionToolbarBottom{bottom:max(8px,env(safe-area-inset-bottom))}.wp04SelectionToolbar strong{grid-column:auto;align-self:center}}
@media(min-width:761px) and (orientation:landscape){.wp04SiteCapture{max-width:1100px}.wp04PhotoCard[open] .wp04PhotoBody{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(360px,1.15fr);gap:14px}.wp04PhotoCard[open] .wp04QuickGrid,.wp04PhotoCard[open] .wp04CaptionHelper,.wp04PhotoCard[open]>div>label,.wp04PhotoCard[open]>div>textarea{grid-column:2}.wp04PhotoCard[open] .wp04PhotoPreview{grid-column:1;grid-row:1/5}.wp04PhotoCard[open] .wp04CommonActions,.wp04PhotoCard[open] .wp04LinkedActions,.wp04PhotoCard[open] .moreDetails{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.wp04ContextBar,.wp04Feedback{scroll-behavior:auto}}
.wp04HandoffContext{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.wp04CaptureComplete{max-width:720px;margin:0 auto;padding:18px 0}.wp04CaptureComplete h2{margin:4px 0 8px}.wp04CaptureComplete>.tools{margin-top:18px}.wp04CaptureComplete .wp04ReviewCounts{margin:18px 0}.wp04ClearSummary{padding:12px 14px;border-radius:10px;background:#effaf4;color:#215c3a}
@media(max-width:700px){.wp04HandoffContext{grid-template-columns:1fr}.wp04CaptureComplete>.tools{display:grid;grid-template-columns:1fr}.wp04CaptureComplete>.tools button{width:100%}}

/* A camera image remains a durable non-record until the user makes the
   post-camera annotation choice. */
.wp04PendingCamera{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:12px 0;padding:13px 14px;border:2px solid #087f82;border-radius:15px;background:#f0fdfa}.wp04PendingCamera strong{display:block;color:#0f4d4f}.wp04PendingCamera p{margin:4px 0 0;color:#475569}.wp04PendingCamera .tools{flex:0 0 auto}.wp04PendingCamera button{min-height:44px}
.wp04CameraChoiceDialog{display:grid!important;grid-template-rows:auto minmax(0,1fr) auto;max-width:560px!important;overflow:hidden!important;padding:0!important;touch-action:manipulation}.wp04CameraChoiceHead{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;align-items:start;padding:16px 18px 12px;border-bottom:1px solid #d9e3e8;background:#fff}.wp04CameraChoiceHead h2{margin:0 0 5px}.wp04CameraChoiceHead p{grid-column:1/-1;margin:0;color:#475569;line-height:1.45}.wp04CameraChoiceHead button{grid-column:2;grid-row:1;min-height:44px}.wp04CameraChoiceBody{min-width:0;min-height:0;overflow:auto;padding:14px 18px;overscroll-behavior:contain}.wp04CameraChoiceBody img{display:block;width:100%;max-height:min(38dvh,280px);object-fit:contain;border:1px solid #d9e3e8;border-radius:13px;background:#111827}.wp04CameraChoiceBody img[hidden]{display:none}.wp04CameraChoiceBody .wp04SafeCreate{margin-bottom:0}.wp04CameraChoiceActions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px!important;margin:0!important;padding:12px 18px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #d9e3e8;background:#fff}.wp04CameraChoiceActions button{width:100%;min-height:44px}.wp04CameraChoiceActions .ghost{grid-column:1/-1}
@media(max-width:620px){.wp04PendingCamera{align-items:stretch;flex-direction:column}.wp04PendingCamera .tools{display:grid;grid-template-columns:1fr 1fr}.wp04PendingCamera .tools button{width:100%}}
@media(max-height:560px){.wp04CameraChoiceHead{padding-block:9px}.wp04CameraChoiceBody{padding-block:8px}.wp04CameraChoiceBody img{max-height:120px}.wp04CameraChoiceActions{padding-block:8px}}

/* WP05-A capture home: every primary destination is visible without a horizontal strip. */
.wp05CaptureHome{max-width:780px;margin-inline:auto}.wp05CaptureHome>.wp04Eyebrow{margin-top:0}.wp05CaptureHome>h2{margin:0 0 5px}.wp05CaptureHome>.muted{margin:0 0 14px;line-height:1.45}.wp05WorkingContext{margin:14px 0;padding:13px;border:1px solid #b9dddc;border-radius:15px;background:#f8fffe}.wp05WorkingContext h3{margin:0 0 8px}.wp05ContextSummary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px}.wp05ContextSummary strong{min-width:0;overflow-wrap:anywhere}.wp05ContextSummary button{flex:0 0 auto}.wp05CaptureDestinations{display:grid;gap:8px;margin:18px 0}.wp05CaptureDestinations h3{margin:0 0 2px}.wp05CaptureDestinations>button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:52px;text-align:left!important;white-space:normal}.wp05CaptureDestinations>button strong{min-width:0;overflow-wrap:anywhere}.wp05CaptureDestinations>button span{flex:0 0 auto;color:#087f82;font-size:24px}.wp05CaptureHome .wp04FinishCapture{position:sticky;bottom:calc(env(safe-area-inset-bottom) + var(--wr-keyboard-offset,0px));z-index:18;margin-bottom:env(safe-area-inset-bottom);box-shadow:0 -7px 20px rgba(15,77,79,.16)}
@media(max-width:520px){.wp05ContextSummary{align-items:flex-start;flex-direction:column}.wp05ContextSummary button{width:100%}.wp05CaptureHome .wp04CameraAction{min-height:60px!important}.wp05CaptureDestinations>button{min-height:56px}}
@media(min-width:520px) and (max-width:900px) and (max-height:520px){.wp05CaptureHome{max-width:760px}.wp05CaptureHome .wp04PrimaryCaptureBlock{margin:8px 0 10px}.wp05CaptureDestinations{grid-template-columns:repeat(2,minmax(0,1fr));margin:10px 0}.wp05CaptureDestinations h3{grid-column:1/-1}.wp05CaptureHome .wp04FinishCapture{min-height:48px;margin-top:10px}}
