/* PMP Create Pro v300 — compact job identity and save-state control. */
.mobile-project-dialog { width: min(520px, 94vw); }
.mobile-project-body { display: grid; gap: 12px; padding: 18px 21px 6px; }
.mobile-project-body > label { color: #234753; font-size: 10px; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; }
.mobile-project-body > input { width: 100%; height: 44px; margin-top: -5px; border: 1px solid #9fb6bd; border-radius: 9px; padding: 0 12px; background: #fff; color: #152c35; font-size: 14px; font-weight: 780; }
.mobile-project-body > input:focus { border-color: #087f78; box-shadow: 0 0 0 3px rgba(8,127,120,.14); outline: 0; }
.mobile-project-safety { display: flex; align-items: center; gap: 10px; padding: 11px 12px; border: 1px solid #bed5d8; border-radius: 10px; background: linear-gradient(135deg,#eef8f6,#f1eff9); }
.mobile-project-status-dot { width: 12px; height: 12px; flex: 0 0 12px; border-radius: 50%; background: #178b65; box-shadow: 0 0 0 4px rgba(23,139,101,.12); }
.mobile-project-safety b,.mobile-project-safety small { display: block; }
.mobile-project-safety b { color: #17664f; font-size: 12px; }
.mobile-project-safety small,.mobile-project-note { color: #5a7078; font-size: 9px; line-height: 1.45; }
.mobile-project-safety:has([data-save-state="pending"]) .mobile-project-status-dot { background: #c47426; box-shadow: 0 0 0 4px rgba(196,116,38,.13); }
.mobile-project-safety:has([data-save-state="recovery"]) .mobile-project-status-dot { background: #087f78; box-shadow: 0 0 0 4px rgba(8,127,120,.13); }
.mobile-project-safety:has([data-save-state="error"]) .mobile-project-status-dot { background: #c83e4d; box-shadow: 0 0 0 4px rgba(200,62,77,.13); }
.mobile-project-actions { flex-wrap: wrap; }
.mobile-project-actions .gradient-button { min-width: 145px; }
.mobile-browse-products {
  flex: 1 0 100%;
  display: grid;
  gap: 2px;
  min-height: 58px;
  padding: 10px 14px;
  border-color: #8fbec1 !important;
  background: linear-gradient(135deg,#eaf8f5 0%,#f4f0fb 58%,#fff1df 100%) !important;
  color: #123e49 !important;
  text-align: left;
}
.mobile-browse-products span { font-size: 12px; font-weight: 950; letter-spacing: -.01em; }
.mobile-browse-products small { color: #557079; font-size: 8px; font-weight: 750; line-height: 1.35; }
.mobile-browse-products:hover,.mobile-browse-products:focus-visible { border-color: #087f78 !important; box-shadow: 0 0 0 3px rgba(8,127,120,.12); transform: translateY(-1px); }

@media (max-width: 620px) {
  .topbar .project-title { display: none; }
  .tool-rail #mobileJobButton {
    order: -12;
    display: grid;
    grid-template-columns: 30px minmax(0,1fr);
    grid-template-rows: 1fr 1fr;
    min-width: 132px;
    padding: 5px 8px;
    border-color: rgba(8,127,120,.5);
    background: linear-gradient(145deg,rgba(231,248,245,.98),rgba(238,234,249,.98));
    color: #173f4b;
    text-align: left;
  }
  .tool-rail #mobileJobButton i { grid-column: 1; grid-row: 1 / 3; align-self: center; color: #087f78; font-size: 9px; letter-spacing: .08em; }
  .tool-rail #mobileJobButton span,.tool-rail #mobileJobButton small { grid-column: 2; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .tool-rail #mobileJobButton span { align-self: end; color: #183f4b; font-size: 9px; font-weight: 950; }
  .tool-rail #mobileJobButton small { align-self: start; color: #24715e; font-size: 7px; font-weight: 850; }
  .tool-rail #mobileJobButton[data-save-state="pending"] small { color: #985716; }
  .tool-rail #mobileJobButton[data-save-state="recovery"] small { color: #087f78; }
  .tool-rail #mobileJobButton[data-save-state="error"] small { color: #b52d3c; }
  .mobile-project-actions { display: grid; grid-template-columns: 1fr 1fr; }
  .mobile-project-actions .mobile-browse-products { grid-column: 1 / -1; width: 100%; }
  .mobile-project-actions .gradient-button { grid-column: 1 / -1; width: 100%; min-height: 42px; }
}

@media (min-width: 621px) { .tool-rail #mobileJobButton { display: none; } }