/* WalkRound WP05-A4-R4 controlled interaction and geometry corrections. */
:root{--wr-r4-page-min:calc(100dvh - var(--wr-app-shell-top) - env(safe-area-inset-bottom))}
html,body{min-height:100%;background:#f4f7f9}
main{box-sizing:border-box;min-height:var(--wr-r4-page-min);background:#f4f7f9}
.screen.on,#dashScreen.on{box-sizing:border-box;background:#f4f7f9}

/* The workflow strip and capture context are ordinary document content. The
   active subview Done row is the single sticky editor header. */
#visitScreen .wp03StageNav,#visitScreen .visitTabs.wp03StageNav{position:static!important;top:auto!important;z-index:auto!important;transform:none!important}
.wp04ContextBar{position:static!important;top:auto!important;z-index:auto!important;transform:none!important}
.wp04ContextHead>div:first-child{min-width:0;flex:1 1 auto}

/* Essential navigation targets keep compact labels inside a 44px hit area. */
.crumb{display:flex;min-height:44px;align-items:center;gap:3px;flex-wrap:wrap}
.crumbLink,.wp05SubviewNav button,.wp05A4EditorNav button,.wp05A4ModalEscape,.exportClose,[data-wr-modal-close]{display:inline-flex;min-width:44px;min-height:44px;align-items:center;justify-content:center}
.crumbLink{appearance:none;margin:0;padding:8px;border:0;border-radius:8px;background:transparent;color:var(--brand);font:inherit;font-weight:850;cursor:pointer}
.crumbLink:focus-visible,.wp05SubviewNav button:focus-visible,.wp05A4EditorNav button:focus-visible,[data-wr-modal-close]:focus-visible{outline:3px solid #f59e0b;outline-offset:2px}

/* Long pack failures must remain complete while staying inside the modal. */
.exportCentreDialog,.exportCentreBody,.exportStatus,.partialPackOffer,.partialPackOffer>*{min-width:0;max-width:100%}
.partialPackOffer pre,.exportStatus pre,.exportStatus code,.exportErrorDetail,.exportFailureRow{box-sizing:border-box;max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}
.partialPackOffer pre,.exportStatus pre{overflow-x:hidden;overflow-y:auto}

/* Device-local saved people. */
.wp05A4PeopleDialog{display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;max-height:min(760px,calc(100dvh - var(--wr-app-shell-top) - var(--wr-visual-viewport-top) - 12px))!important;overflow:hidden!important;padding:0!important}
.wp05A4PeopleHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid #d9e3e8;background:#fff}
.wp05A4PeopleHead h2,.wp05A4PeopleHead p{margin:0}.wp05A4PeopleHead p{margin-top:4px;color:#64748b;font-size:13px}
.wp05A4PeopleBody{min-width:0;overflow:auto;padding:16px 18px;overscroll-behavior:contain}
.wp05A4PeopleToolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.wp05A4PeopleToolbar h3,.wp05A4PeopleToolbar p{margin-top:0}
.wp05A4PeopleEmpty{padding:22px;border:1px dashed #b9c9cf;border-radius:12px;background:#f8fafc;text-align:center}.wp05A4PeopleEmpty p{margin-bottom:0;color:#64748b}
.wp05A4PersonRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;margin-top:10px;padding:12px;border:1px solid #d9e3e8;border-radius:12px;background:#fff}.wp05A4PersonRow strong,.wp05A4PersonRow span{display:block;overflow-wrap:anywhere}.wp05A4PersonRow span{margin-top:3px;color:#64748b;font-size:13px}.wp05A4PersonActions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
#myPeopleForm{display:grid;gap:8px;max-width:620px;margin:0 auto}#myPeopleForm[hidden]{display:none}#myPeopleForm h3{margin-top:0}#myPeopleForm input{min-height:44px}
.wp05A4PeopleFooter{display:flex;gap:10px;padding:12px 18px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #d9e3e8;background:#fff}.wp05A4PeopleFooter[hidden]{display:none}.wp05A4PeopleFooter button{min-height:44px;flex:1}
@media(max-width:520px){.wp05A4PeopleToolbar,.wp05A4PersonRow{grid-template-columns:1fr;display:grid}.wp05A4PeopleToolbar>button,.wp05A4PersonActions button{width:100%}.wp05A4PersonActions{display:grid;grid-template-columns:1fr 1fr}.wp05A4PeopleHead{padding:12px}.wp05A4PeopleBody{padding:12px}}

/* Shared sheet geometry: one title row, one scrolling body, one footer. */
#projectModal>.wp05A4ProjectDialog{grid-template-rows:auto minmax(0,1fr) auto!important;overflow:hidden!important}
.wp05A4ProjectTitleRow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid #d9e3e8;background:#fff}.wp05A4ProjectTitleRow h2{min-width:0;margin:0!important}.wp05A4ProjectTitleRow button{flex:0 0 auto}
.wp05A4ProjectDialogBody{min-height:0!important;overflow:auto!important;overscroll-behavior:contain;padding:16px!important}
.wp05A4ProjectDialogFooter{position:static!important;margin:0!important;padding:12px 16px calc(12px + env(safe-area-inset-bottom))!important;border-top:1px solid #d9e3e8;background:#fff}

@media(max-height:560px){.wp05A4PeopleDialog{max-height:calc(100dvh - var(--wr-app-shell-top) - var(--wr-visual-viewport-top) - 4px)!important}.wp05A4PeopleHead,.wp05A4PeopleBody,.wp05A4PeopleFooter{padding-block:8px}}
