/* The original form, source link and submitters remain the only business controls. */
body.mobile-ui-active.mobile-task-workflow { overflow:hidden; }
body.mobile-ui-active.mobile-task-workflow #mobileNav { display:none!important; }
body.mobile-ui-active.mobile-task-workflow .task-workspace .mobile-task-workflow-view {
  position:fixed; top:var(--mobile-task-top,58px); left:0; right:0;
  height:var(--mobile-task-height,calc(100dvh - 58px)); z-index:30;
  margin:0; padding:0; overflow:hidden; background:#f4f6f9; color:#192c48;
  --mobile-task-actions-height:76px;
}
body.mobile-ui-active.mobile-task-workflow .task-workspace .mobile-task-workflow-view>.task-card {
  height:100%; min-height:0; display:flex; flex-direction:column; overflow:hidden;
  border:0; border-radius:0; margin:0; padding:0; background:transparent!important;
}
body.mobile-ui-active.mobile-task-workflow .mobile-task-workflow-view .task-detail-header {
  flex:none; border:0; border-radius:0; margin:0; padding:16px 16px 0; background:transparent;
}
body.mobile-ui-active.mobile-task-workflow .mobile-task-workflow-view .task-detail-back { display:none; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-record-head { display:flex; justify-content:space-between; align-items:center; gap:10px; margin-bottom:8px; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-workflow-view .task-detail-heading-meta { color:#66758b; font-size:12px; line-height:1.4; max-height:34px; overflow:auto; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-record-head>.badge { flex:none; font-size:11px; font-weight:400; border:0; border-radius:6px; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-record-head>.badge.warn { background:#fff4e5; color:#936525; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-workflow-view .task-detail-header>h2 { font-size:20px; line-height:1.35; margin:0; letter-spacing:-.3px; max-height:81px; overflow:auto; }
body.mobile-ui-active.mobile-task-workflow .task-workspace .mobile-task-workflow-view .task-detail-business-context {
  flex:none; border:1px solid #dce4ef; border-radius:12px; padding:14px 14px 0; margin:0 16px 14px; background:#fff;
}
body.mobile-ui-active.mobile-task-workflow .mobile-task-workflow-view .task-detail-amounts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:0; padding:0; border:0; font-size:11px; line-height:1.5; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-workflow-view .task-detail-amounts>div { min-width:0; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-workflow-view .task-detail-amounts span { font-size:11px; color:#66758b; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-workflow-view .task-detail-amounts strong { display:block; margin:6px 0 0; font-size:16px; line-height:1.35; overflow-wrap:anywhere; font-variant-numeric:tabular-nums; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-workflow-view .task-detail-amounts>div:last-child strong { color:#c94232; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-money-footer { display:flex; align-items:center; justify-content:space-between; gap:8px; border-top:1px solid #dce4ef; margin-top:12px; color:#66758b; font-size:11px; min-height:44px; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-money-footer>span { min-width:0; overflow-wrap:anywhere; max-height:48px; overflow:auto; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-money-footer .task-open-source { display:inline-flex; align-items:center; flex:none; min-height:44px; min-width:44px; padding:4px 0; width:auto; margin:0; border:0; background:transparent; color:#1d5ed0; font-size:12px; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-money-footer svg { width:16px; height:16px; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-workflow-view .task-detail-business-context>p { margin:0 0 14px; max-height:55px; overflow:auto; font-size:12px; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-detail-tabs { flex:none; display:flex; gap:0; margin:0 0 16px; padding:0 16px; background:#f4f6f9; border-bottom:1px solid #dce4ef; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-detail-tabs>button { flex:1; min-width:0; min-height:46px; margin:0; padding:8px 4px; border:0; border-bottom:2px solid transparent; border-radius:0; box-shadow:none; background:transparent; color:#66758b; font-size:13px; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-detail-tabs>button[aria-selected=true] { color:#1d5ed0; border-color:#1d5ed0; background:transparent; font-weight:600; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-workflow-view .task-card-detail,
body.mobile-ui-active.mobile-task-workflow .mobile-task-workflow-view .task-detail-layout { flex:1; min-height:0; display:flex; overflow:hidden; padding:0; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-workflow-view .mobile-task-detail-panel { flex:1; min-width:0; min-height:0; overflow:auto; overscroll-behavior:contain; padding:0 16px 16px; scroll-padding:10px; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-workflow-view .mobile-task-detail-panel[hidden] { display:none!important; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-has-actions [data-mobile-task-panel=work] { padding-bottom:calc(var(--mobile-task-actions-height) + 12px); }
body.mobile-ui-active.mobile-task-workflow .mobile-task-workflow-view .task-detail-section { border:1px solid #dce4ef; border-radius:20px; padding:16px; margin:0 0 12px; background:#fff; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-workflow-view .task-detail-compose { border:0; border-radius:0; padding:0; margin:0; background:transparent; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-workflow-view .task-detail-compose>.task-history-title { font-size:15px; margin:0 0 11px; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-workflow-view .task-result-form { display:flex; flex-direction:column; align-items:stretch; width:100%; gap:0; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-editor { width:100%; border:1px solid #dce4ef; border-radius:14px; background:#fff; overflow:hidden; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-workflow-view .task-result-main { display:flex; flex-direction:column; width:100%; gap:0; margin:0; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-workflow-view .task-result-main>span { display:flex; align-items:center; justify-content:space-between; padding:13px 14px 0; font-size:14px; font-weight:600; color:#192c48; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-draft-label { font-size:11px; font-weight:400; color:#66758b; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-workflow-view .task-result-main textarea { width:100%; box-sizing:border-box; height:174px; min-height:166px; resize:vertical; margin:0; padding:12px 14px 15px; border:0; border-radius:0; box-shadow:none; font-size:16px; font-weight:400; line-height:1.7; background:#fff; color:#192c48; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-workflow-view .task-result-main textarea:focus { outline-offset:-3px; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-record-meta { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:0 14px; border-top:1px solid #dce4ef; min-height:44px; color:#66758b; font-size:11px; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-time-toggle,
body.mobile-ui-active.mobile-task-workflow .mobile-task-all-records { flex:none; width:auto; min-height:44px; min-width:44px; padding:4px 0; margin:0; border:0; background:transparent; color:#1d5ed0; font-size:12px; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-time-editor { padding:0 14px 12px; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-time-editor[hidden] { display:none!important; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-time-editor .task-schedule-field { display:flex; flex-direction:column; gap:4px; font-size:11px; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-time-editor input { width:100%; box-sizing:border-box; min-height:44px; padding:8px; font-size:16px; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-workflow-view .task-followup-action-hint { display:flex; gap:8px; color:#66758b; font-size:12px; line-height:1.7; margin:12px 2px 15px; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-workflow-view .task-followup-action-hint svg { flex:none; width:16px; height:16px; margin-top:2px; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-latest { border-top:1px solid #dce4ef; padding-top:13px; margin-top:5px; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-latest-heading { display:flex; gap:8px; align-items:center; justify-content:space-between; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-latest h3 { margin:0; font-size:15px; line-height:1.5; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-latest h3 small { color:#66758b; font-size:12px; font-weight:400; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-latest p { margin:4px 0 0; font-size:13px; line-height:1.7; white-space:pre-wrap; overflow-wrap:anywhere; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-workflow-view .task-detail-submit-actions {
  position:fixed; left:0; right:0; bottom:var(--mobile-task-bottom,0px); z-index:35;
  display:flex; flex-wrap:nowrap; gap:8px; margin:0; padding:12px 16px calc(8px + env(safe-area-inset-bottom));
  background:#fff; border-top:1px solid #dce4ef; box-shadow:none;
}
body.mobile-ui-active.mobile-task-workflow .mobile-task-workflow-view .task-detail-submit-actions>button { flex:.95; min-width:0; min-height:48px; margin:0; padding:9px 5px; font-size:13px; white-space:normal; line-height:1.35; border:0; border-radius:12px; background:#edf3ff; color:#1d5ed0; font-weight:600; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-workflow-view .task-detail-submit-actions>button:last-child { flex:1.1; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-workflow-view .task-detail-submit-actions>button[data-complete-task] { background:#1d5ed0; color:#fff; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-workflow-view .task-detail-feedback-slot { flex:none; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-workflow-view :is(.task-detail-feedback,.task-submission-note) { flex:none; max-height:96px; overflow:auto; margin:0 16px 8px; font-size:12px; line-height:1.5; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-workflow-view .task-detail-feedback-slot:empty { display:none; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-workflow-view :is(.task-detail-result,.task-detail-cancelled) .task-cancelled-heading { display:flex; flex-wrap:wrap; gap:10px; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-workflow-view .task-arrangement-line { align-items:flex-start; gap:10px; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-workflow-view .task-detail-acceptance .task-accept-action { width:100%; min-height:48px; margin-top:10px; border-radius:12px; }
@media(max-width:380px) {
  body.mobile-ui-active.mobile-task-workflow .mobile-task-workflow-view .task-detail-header { padding-left:12px; padding-right:12px; }
  body.mobile-ui-active.mobile-task-workflow .task-workspace .mobile-task-workflow-view .task-detail-business-context { margin-left:12px; margin-right:12px; }
  body.mobile-ui-active.mobile-task-workflow .mobile-task-detail-tabs,
  body.mobile-ui-active.mobile-task-workflow .mobile-task-workflow-view .mobile-task-detail-panel { padding-left:12px; padding-right:12px; }
  body.mobile-ui-active.mobile-task-workflow .mobile-task-workflow-view .task-detail-header>h2 { font-size:18px; }
  body.mobile-ui-active.mobile-task-workflow .mobile-task-workflow-view .task-detail-amounts strong { font-size:14px; }
  body.mobile-ui-active.mobile-task-workflow .mobile-task-workflow-view .task-detail-submit-actions { padding-left:10px; padding-right:10px; }
  body.mobile-ui-active.mobile-task-workflow .mobile-task-workflow-view .task-detail-submit-actions>button { font-size:12px; }
}
/* A short display or raised keyboard still leaves a usable writing area. */
body.mobile-ui-active.mobile-task-workflow .mobile-task-short-viewport .task-detail-header { padding-top:4px; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-short-viewport .mobile-task-record-head { display:none; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-short-viewport .task-detail-heading-meta { font-size:10px; max-height:14px; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-short-viewport .task-detail-header>h2 { font-size:15px; margin:2px 0 4px; max-height:21px; }
body.mobile-ui-active.mobile-task-workflow .task-workspace .mobile-task-short-viewport .task-detail-business-context { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:8px; padding:5px 10px; margin-bottom:2px; border-radius:12px; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-short-viewport .task-detail-amounts span { font-size:10px; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-short-viewport .task-detail-amounts strong { font-size:12px; margin-top:0; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-short-viewport .mobile-task-money-footer { min-height:36px; margin:0; border:0; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-short-viewport .mobile-task-money-footer>span { display:none; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-short-viewport .mobile-task-money-footer .task-open-source { min-height:36px; font-size:11px; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-short-viewport .mobile-task-detail-tabs { margin-bottom:8px; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-short-viewport .mobile-task-detail-tabs>button { min-height:40px; padding:5px; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-short-viewport .task-result-main textarea { height:100px; min-height:88px; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-short-viewport :is(.task-detail-feedback,.task-submission-note) { max-height:48px; margin-bottom:4px; }

body.mobile-ui-active.mobile-task-workflow .mobile-task-workflow-view .task-detail-header>.task-title-context { margin:5px 0 10px; font-size:12px; font-weight:400; line-height:1.5; max-height:54px; overflow:auto; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-short-viewport .task-detail-header>.task-title-context { margin:2px 0 4px; max-height:36px; }

/* Optional follow-up pictures use the original task picker and stay inside the original form. */
body.mobile-ui-active.mobile-task-workflow .mobile-task-followup-photos { grid-column:1/-1; align-self:stretch; box-sizing:border-box; width:100%; min-width:0; margin:8px 0 0; padding:9px 12px; border:1px solid #dce4ef; border-radius:10px; background:#fff; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-followup-photos .task-photo-picker { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:6px; margin:0; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-followup-photos .mobile-task-photo-select { position:relative; display:inline-flex; align-items:center; width:auto; min-height:36px; margin:0; padding:6px 9px; border:1px solid #d5e2f6; border-radius:7px; color:#175cc3; background:#f3f7ff; font-size:12px; line-height:20px; cursor:pointer; overflow:hidden; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-followup-photos .mobile-task-photo-select:focus-within { outline:2px solid #86b4ff; outline-offset:2px; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-followup-photos .mobile-task-photo-select:has(input:disabled) { opacity:.6; cursor:default; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-followup-photos .mobile-task-photo-select>.task-photo-files { position:absolute; inset:0; width:100%; height:100%; min-height:0; margin:0; padding:0; opacity:0; cursor:inherit; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-followup-photos .task-photo-clear { width:auto; min-height:32px; margin:0; padding:4px 6px; border:0; background:transparent; color:#526c89; font-size:12px; line-height:20px; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-followup-photos .task-photo-state { margin:5px 0 0; font-size:11px; line-height:17px; color:#66758b; overflow-wrap:anywhere; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-followup-photos .task-photo-preview { margin:8px 0 0; min-width:0; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-followup-photos .task-photo-preview:empty { display:none; }
body.mobile-ui-active.mobile-task-workflow .mobile-task-followup-photos .voucher-thumbs { margin-bottom:0; }

/* Use the same compact phone header, tabs, editor and actions as every other task. */
body.mobile-ui-active.mobile-task-workflow .mtr-workspace .mobile-task-workflow-view .task-detail-header{padding:10px 12px 8px;background:#fff;}
body.mobile-ui-active.mobile-task-workflow .mtr-workspace .mobile-task-record-head{margin-bottom:4px;}
body.mobile-ui-active.mobile-task-workflow .mtr-workspace .mobile-task-workflow-view .task-detail-heading-meta{font-size:11px;line-height:17px;}
body.mobile-ui-active.mobile-task-workflow .mtr-workspace .mobile-task-workflow-view .task-detail-header>h2{font-size:15px;line-height:22px;letter-spacing:0;max-height:none;overflow:visible;}
body.mobile-ui-active.mobile-task-workflow .mtr-workspace .mobile-task-workflow-view .task-detail-header>.task-title-context{margin:3px 0 0;font-size:12px;line-height:18px;}
body.mobile-ui-active.mobile-task-workflow .mtr-workspace .task-workspace .mobile-task-workflow-view .task-detail-business-context{margin:0 12px 8px;padding:10px 10px 0;border-radius:9px;}
body.mobile-ui-active.mobile-task-workflow .mtr-workspace .mobile-task-money-footer{min-height:36px;margin-top:8px;}
body.mobile-ui-active.mobile-task-workflow .mtr-workspace .mobile-task-money-footer .task-open-source{min-height:36px;}
body.mobile-ui-active.mobile-task-workflow .mtr-workspace .mobile-task-detail-tabs{margin:0 0 10px;padding:0 12px;background:#fff;}
body.mobile-ui-active.mobile-task-workflow .mtr-workspace .mobile-task-detail-tabs>button{min-height:42px;font-size:12px;padding:8px 2px;}
body.mobile-ui-active.mobile-task-workflow .mtr-workspace .mobile-task-workflow-view .mobile-task-detail-panel{padding:0 12px 12px;}
body.mobile-ui-active.mobile-task-workflow .mtr-workspace .mobile-task-has-actions [data-mobile-task-panel=work]{padding-bottom:calc(var(--mobile-task-actions-height) + 12px);scroll-padding-bottom:calc(var(--mobile-task-actions-height) + 12px);}
body.mobile-ui-active.mobile-task-workflow .mtr-workspace .mobile-task-workflow-view .task-detail-section{margin:0 0 8px;padding:10px 12px;border-radius:9px;}
body.mobile-ui-active.mobile-task-workflow .mtr-workspace .mobile-task-workflow-view .task-detail-section>h3{margin:0 0 6px;font-size:13px;line-height:20px;}
body.mobile-ui-active.mobile-task-workflow .mtr-workspace .mobile-task-workflow-view .task-detail-submit-actions{padding:8px 12px max(8px,env(safe-area-inset-bottom));gap:6px;}
body.mobile-ui-active.mobile-task-workflow .mtr-workspace .mobile-task-workflow-view .task-detail-submit-actions>button{flex:1;min-height:44px;border-radius:8px;padding:6px;font-size:13px;line-height:20px;font-weight:500;}
body.mobile-ui-active.mobile-task-workflow .mtr-workspace .mobile-task-workflow-view .task-detail-submit-actions>button:last-child{flex:1;}
body.mobile-ui-active.mobile-task-workflow .mtr-workspace .mobile-task-workflow-view .task-followup-action-hint{margin:8px 0;font-size:11px;line-height:17px;}
body.mobile-ui-active.mobile-task-workflow .mtr-workspace .mobile-task-workflow-view .mobile-task-editor .task-result-main textarea{height:112px;min-height:112px;font-size:14px;line-height:22px;padding:8px 10px;}
body.mobile-ui-active.mobile-task-workflow .mtr-workspace .mobile-task-short-viewport .task-detail-header{padding-top:4px;padding-bottom:4px;}
body.mobile-ui-active.mobile-task-workflow .mtr-workspace .mobile-task-short-viewport .task-detail-header>h2{max-height:44px;overflow:auto;}
body.mobile-ui-active.mobile-task-workflow .mtr-workspace .mobile-task-short-viewport .mobile-task-editor .task-result-main textarea{height:88px;min-height:88px;}
body:not(.mobile-ui-active) .mobile-task-workflow-view .mobile-task-detail-tabs,
body:not(.mobile-ui-active) .mobile-task-workflow-view .mobile-task-record-meta,
body:not(.mobile-ui-active) .mobile-task-workflow-view .mobile-task-draft-label{display:none!important;}
body:not(.mobile-ui-active) .mobile-task-workflow-view .mobile-task-editor,
body:not(.mobile-ui-active) .mobile-task-workflow-view .mobile-task-time-editor{display:contents!important;}
body:not(.mobile-ui-active) .mobile-task-workflow-view .mobile-task-detail-panel[hidden]{display:block!important;}
body:not(.mobile-ui-active) .mobile-task-workflow-view .task-result-form{grid-auto-rows:max-content;}
body:not(.mobile-ui-active) .mobile-task-workflow-view .task-record-photos:has(.task-photo-preview img){grid-column:1/-1;height:auto;min-height:0;}