/* TRADEPILOT_MOBILE_UI_R14 - 20260916-R14. Replaces the R13 links, never its files. */
html[data-tp-layout="touch"] body [data-tp-job-shell-r14] {
  position:fixed !important;
  inset:auto !important;
  top:var(--tp-r14-origin-top,0px) !important;
  left:var(--tp-r14-origin-left,0px) !important;
  right:auto !important; bottom:auto !important;
  width:var(--tp-r14-screen-width,100vw) !important;
  height:var(--tp-r14-screen-height,100dvh) !important;
  min-width:0 !important; min-height:0 !important;
  max-width:none !important; max-height:none !important;
  max-inline-size:none !important; max-block-size:none !important;
  margin:0 !important; padding:0 !important; border:0 !important;
  translate:none !important; transform:none !important; scale:none !important; rotate:none !important;
  box-sizing:border-box; overflow:visible;
}
html[data-tp-layout="touch"] body [data-tp-job-shell-r14] > :is([data-job-main-window],.workspace-panel-window) {
  position:absolute !important;
  inset:auto !important;
  top:var(--tp-r14-window-top,72px) !important;
  left:var(--tp-r14-window-left,8px) !important;
  right:auto !important; bottom:auto !important;
  width:var(--tp-r14-window-width,calc(100vw - 16px)) !important;
  height:var(--tp-r14-window-height,calc(100dvh - 80px)) !important;
  min-width:0 !important; min-height:0 !important;
  max-width:var(--tp-r14-window-width) !important;
  max-inline-size:var(--tp-r14-window-width) !important;
  max-height:var(--tp-r14-window-height) !important;
  max-block-size:var(--tp-r14-window-height) !important;
  margin:0 !important;
  translate:none !important; transform:none !important; scale:none !important; rotate:none !important;
  display:flex; flex-direction:column; overflow:hidden; box-sizing:border-box;
  border-radius:12px !important;
}
html[data-tp-layout="touch"] body [data-tp-job-shell-r14] > .workspace-window-switcher {
  position:absolute !important; inset:auto !important;
  top:var(--tp-r14-switcher-bottom) !important; left:50% !important;
  width:max-content; max-width:var(--tp-r14-window-width) !important;
  margin:0 !important; padding:4px !important;
  translate:none !important; scale:none !important; rotate:none !important;
  transform:translate(-50%,-100%) !important;
  overflow-x:auto; white-space:nowrap; box-sizing:border-box;
}
html[data-tp-layout="touch"] body [data-tp-job-shell-r14] .workspace-window-tab { flex-shrink:0; min-height:44px !important; }
html[data-tp-layout="touch"] body [data-tp-job-shell-r14] > .document-preview-layer {
  position:absolute !important; inset:auto !important;
  top:var(--tp-r14-window-top) !important; left:var(--tp-r14-window-left) !important;
  width:var(--tp-r14-window-width) !important; height:var(--tp-r14-preview-height) !important;
  padding:0 !important; margin:0 !important; box-sizing:border-box;
  translate:none !important; transform:none !important; scale:none !important; rotate:none !important;
}
html[data-tp-layout="touch"] body [data-tp-job-shell-r14] .document-preview-window {
  position:relative !important; inset:auto !important;
  width:100% !important; height:100% !important; min-height:0 !important; min-width:0 !important;
  max-width:100% !important; max-inline-size:100% !important;
  max-height:100% !important; max-block-size:100% !important;
  margin:0 !important; translate:none !important; transform:none !important; scale:none !important; rotate:none !important;
  box-sizing:border-box;
}
html[data-tp-layout="touch"] body [data-tp-job-shell-r14] .document-preview-footer { flex:0 0 auto; padding:7px 10px !important; }
/* Keep the real navigation in place for Vue and its page-height measurements.
 * The short-lived, inert animation copy is painted above the modal. */
html[data-tp-layout="touch"] body [data-mobile-app-dock][data-tp-dock-hidden-r14] {
  visibility:hidden !important; opacity:0 !important; pointer-events:none !important;
}
body [data-tp-dock-ghost-r14] {
  pointer-events:none !important; user-select:none !important;
  visibility:visible !important; box-sizing:border-box !important;
}
html[data-tp-layout="touch"] body [data-tp-job-shell-r14] .job-modal-header {
  min-width: 0;
  flex: 0 0 auto;
  align-items: center !important;
  gap: 6px !important;
  padding: 7px 10px !important;
}
html[data-tp-layout="touch"] body [data-tp-job-shell-r14] .job-modal-header > :first-child { min-width: 0; }
html[data-tp-layout="touch"] body [data-tp-job-shell-r14] .job-modal-header :is(h2,h3) {
  margin-top: 3px !important;
  font-size: 1rem !important;
  line-height: 1.25 !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
html[data-tp-layout="touch"] body [data-tp-job-shell-r14] [data-job-main-window] > .job-modal-header > :first-child > :first-child {
  flex-wrap: nowrap !important;
  gap: 4px !important;
}
html[data-tp-layout="touch"] body [data-tp-job-shell-r14] [data-job-main-window] > .job-modal-header span.rounded-full {
  padding: 2px 6px !important;
  font-size: .6875rem !important;
  line-height: 1.35 !important;
  white-space: nowrap;
}
html[data-tp-layout="touch"] body [data-tp-job-shell-r14] .job-modal-icon-button {
  flex: 0 0 auto;
  min-width: 44px !important;
  min-height: 44px !important;
  padding: 8px !important;
}
html[data-tp-layout="touch"] body [data-tp-job-shell-r14] :is([data-modal-reset], [data-modal-maximize]) { display: none !important; }
html[data-tp-layout="touch"] body [data-tp-job-shell-r14] [data-tp-job-details-r14] {
  flex: 1 1 0% !important;
  min-height: 0 !important;
  min-width: 0;
  padding: 8px 10px !important;
  overflow-y: auto !important;
  overflow-x: hidden;
  overscroll-behavior: contain;
  scroll-padding-block: 12px;
  -webkit-overflow-scrolling: touch;
}
html[data-tp-layout="touch"] body [data-tp-job-shell-r14] .job-detail-sheet { gap: 6px !important; }
html[data-tp-layout="touch"] body [data-tp-job-shell-r14] .job-detail-field {
  min-width: 0;
  padding: 6px 8px !important;
  border-radius: 9px !important;
  box-shadow: none !important;
}
html[data-tp-layout="touch"] body [data-tp-job-shell-r14] .job-detail-label {
  font-size: .65rem !important;
  line-height: 1.25;
  letter-spacing: .035em;
}
html[data-tp-layout="touch"] body [data-tp-job-shell-r14] .job-detail-control {
  margin-top: 3px !important;
  min-height: 40px !important;
  padding: 6px 8px !important;
  font-size: 16px !important;
  line-height: 1.3;
}
html[data-tp-layout="touch"] body [data-tp-job-shell-r14] .job-detail-description { min-height: 0 !important; }
html[data-tp-layout="touch"] body [data-tp-job-shell-r14] .job-detail-description textarea.job-detail-control {
  min-height: 64px !important;
  height: 72px;
}
html[data-tp-layout="touch"] body [data-tp-job-shell-r14] .job-workspace-footer {
  flex: 0 0 auto !important;
  min-height: 0;
  max-height: 48% !important;
  padding: 7px 10px 9px !important;
  overflow-y: auto !important;
  overflow-x: hidden;
  overscroll-behavior: contain;
  box-sizing: border-box;
}
html[data-tp-layout="touch"] body [data-tp-job-shell-r14] .job-workspace-label {
  font-size: .65rem !important;
  line-height: 1.25;
}
html[data-tp-layout="touch"] body [data-tp-job-shell-r14] .job-workspace-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 5px !important;
  margin-top: 5px !important;
}
html[data-tp-layout="touch"] body [data-tp-job-shell-r14] .job-workspace-link {
  min-width: 0;
  min-height: 44px !important;
  padding: 7px 5px 7px 8px !important;
  font-size: .75rem !important;
  line-height: 1.2 !important;
  overflow-wrap: anywhere;
}
html[data-tp-layout="touch"] body [data-tp-job-shell-r14] > .workspace-panel-window > iframe,
html[data-tp-layout="touch"] body [data-tp-job-shell-r14] .document-preview-window > iframe {
  display: block;
  flex: 1 1 0% !important;
  min-width: 0;
  min-height: 0 !important;
  width: 100% !important;
}
html[data-tp-layout="touch"][data-tp-keyboard="open"] body [data-tp-job-shell-r14] .job-workspace-footer { max-height: 28% !important; }
@media (min-width: 600px) {
  html[data-tp-layout="touch"] body [data-tp-job-shell-r14] .job-workspace-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}
@media (min-width: 900px) {
  html[data-tp-layout="touch"] body [data-tp-job-shell-r14] .job-workspace-grid { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
}

html[data-tp-layout="touch"] body [data-tp-job-shell-r14] [data-job-main-window] > .job-modal-header span.rounded-full:first-child {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
html[data-tp-layout="touch"] body [data-tp-job-shell-r14] [data-job-main-window] > .job-modal-header span.rounded-full + span.rounded-full { flex-shrink: 0; }