/* Extracted from #v172-backflow-pm-styles */
.pm-toolbar {
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    align-items:center;
    margin:14px 0;
  }

  .pm-toolbar select,
  .pm-toolbar input {
    border:1px solid var(--border);
    border-radius:10px;
    padding:9px 10px;
    background:white;
    min-width:145px;
  }

  .pm-kpis {
    display:grid;
    grid-template-columns:repeat(5,minmax(140px,1fr));
    gap:12px;
    margin-top:14px;
  }

  .pm-kpi {
    background:white;
    border:1px solid var(--border);
    border-radius:16px;
    padding:14px;
    box-shadow:0 10px 24px rgba(15,23,42,.06);
  }

  .pm-kpi small {
    color:var(--muted);
    font-weight:900;
  }

  .pm-kpi b {
    display:block;
    color:var(--brand);
    font-size:28px;
    margin-top:4px;
  }

  .pm-table {
    min-width:1350px;
  }

  .pm-actions {
    display:flex;
    flex-wrap:wrap;
    gap:6px;
  }

  .pm-actions button,
  .pm-actions a {
    border:1px solid #cbd5e1;
    background:#f8fafc;
    color:#0f172a;
    border-radius:9px;
    padding:6px 8px;
    font-size:11px;
    font-weight:900;
    text-decoration:none;
    cursor:pointer;
  }

  .pm-actions a.portal {
    background:#0f766e;
    color:white;
    border-color:#0f766e;
  }

  .pm-status {
    display:inline-flex;
    border-radius:999px;
    padding:4px 8px;
    font-size:11px;
    font-weight:1000;
  }

  .pm-status.notstarted { background:#fee2e2;color:#991b1b; }
  .pm-status.testing { background:#dbeafe;color:#1d4ed8; }
  .pm-status.entered { background:#dcfce7;color:#166534; }
  .pm-status.emailed { background:#fef3c7;color:#92400e; }
  .pm-status.complete { background:#dcfce7;color:#166534; }
  .pm-status.other { background:#e5e7eb;color:#374151; }

  .pm-note {
    color:#64748b;
    font-size:12px;
    max-width:240px;
    white-space:normal;
  }

  .pm-field-card {
    border:1px solid #dbe3eb;
    border-radius:16px;
    padding:12px;
    background:#ffffff;
    margin-bottom:10px;
  }

  .pm-field-title {
    font-weight:1000;
    color:#111827;
    margin-bottom:4px;
  }

/* Extracted from #v175-backflow-pm-right-offset-fix */
#backflowPmPage.active {
    position: relative !important;
    margin-left: 232px !important;
    width: calc(100vw - 252px) !important;
    max-width: calc(100vw - 252px) !important;
    min-width: 0 !important;
    padding: 16px 18px 28px 18px !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  #backflowPmPage.active .hero,
  #backflowPmPage.active .pm-kpis,
  #backflowPmPage.active .section {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  #backflowPmPage.active .table-wrap {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
  }

  #backflowPmPage.active .pm-table {
    min-width: 1040px !important;
  }

  #backflowPmPage.active .pm-kpis {
    grid-template-columns: repeat(5, minmax(120px, 1fr)) !important;
  }

  body:has(#backflowPmPage.active) {
    overflow-x: hidden !important;
  }

/* Extracted from #v176-backflow-pm-dispatch-link-styles */
.pm-wo-pill{display:inline-flex;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:1000;background:#ecfeff;color:#155e75;border:1px solid #a5f3fc}
  .pm-wo-pill.empty{background:#f8fafc;color:#64748b;border-color:#e2e8f0}
  .pm-actions button.pm-create-wo{background:#111827;color:#fff;border-color:#111827}

/* Extracted from #v177-backflow-phase2-complete-styles */
.pm-type-badge {
    display:inline-flex;
    align-items:center;
    border-radius:999px;
    padding:3px 7px;
    font-size:10px;
    font-weight:1000;
    background:#ede9fe;
    color:#5b21b6;
    border:1px solid #c4b5fd;
    margin-left:5px;
  }

  .pm-sync-pill {
    display:inline-flex;
    border-radius:999px;
    padding:4px 8px;
    font-size:11px;
    font-weight:1000;
    background:#dcfce7;
    color:#166534;
    border:1px solid #86efac;
    margin-top:4px;
  }

  .pm-sync-pill.warn {
    background:#fef3c7;
    color:#92400e;
    border-color:#fcd34d;
  }

  .pm-actions button.pm-submit {
    background:#0f766e;
    color:#fff;
    border-color:#0f766e;
  }

  .pm-actions button.pm-complete {
    background:#166534;
    color:#fff;
    border-color:#166534;
  }

/* Extracted from #v178-backflow-phase2-ui-cleanup-styles */
.pm-assigned-pill {
    display:inline-flex;
    align-items:center;
    border-radius:999px;
    padding:3px 7px;
    font-size:10px;
    font-weight:1000;
    background:#dcfce7;
    color:#166534;
    border:1px solid #86efac;
    margin-top:4px;
  }

  .pm-assigned-pill.unassigned {
    background:#f8fafc;
    color:#64748b;
    border-color:#dbe3eb;
  }

  .pm-link-button {
    display:inline-flex;
    border-radius:999px;
    padding:5px 8px;
    font-size:11px;
    font-weight:1000;
    background:#0f172a;
    color:#ffffff !important;
    border:1px solid #0f172a;
    text-decoration:none !important;
    cursor:pointer;
  }

  .pm-link-button.empty {
    background:#f8fafc;
    color:#64748b !important;
    border-color:#dbe3eb;
  }

  .pm-actions.compact {
    gap:5px;
  }

  .pm-actions.compact button {
    padding:5px 7px;
    font-size:10.5px;
  }

/* Extracted from #v179-backflow-action-cleanup */
#backflowPmPage .pm-actions.compact {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 4px !important;
    max-width: 190px !important;
  }

  #backflowPmPage .pm-actions.compact button {
    min-height: 24px !important;
    padding: 4px 7px !important;
    font-size: 10px !important;
    line-height: 1 !important;
    border-radius: 8px !important;
    white-space: nowrap !important;
  }

  #backflowPmPage .pm-dispatch-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    border-radius: 999px;
    padding: 5px 8px;
    font-size: 10.5px;
    font-weight: 1000;
    border: 1px solid #86efac;
    background: #dcfce7;
    color: #166534;
    cursor: pointer;
  }

  #backflowPmPage .pm-dispatch-badge.empty {
    background: #f8fafc;
    color: #64748b;
    border-color: #dbe3eb;
  }

  #backflowPmPage .pm-dispatch-subtext {
    margin-top: 4px;
    font-size: 10px;
    font-weight: 800;
    color: #64748b;
  }

  #backflowPmPage td {
    vertical-align: top !important;
  }