.pm2-shell { display: grid; gap: 18px; min-width: 0; }
.pm2-shell *, .pm2-shell *::before, .pm2-shell *::after { box-sizing: border-box; }
.pm2-shell .pm2-panel { min-width: 0; margin: 0; }
.pm2-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 14px; flex-wrap: wrap; }
.pm2-heading h2, .pm2-heading h3 { margin: 0 0 8px; letter-spacing: -.025em; }
.pm2-heading p { margin: 0 0 10px; line-height: 1.65; color: #60728c; font-size: 13px; }
.pm2-heading .eyebrow { font-size: 11px; }
.pm2-hero { background: linear-gradient(125deg, #edf5ff, #f8fbff 45%, #fff); border-color: #cfdef1; }
.pm2-hero h2 { font-size: 27px; color: #234d82; }
.pm2-feature-row { display: flex; gap: 8px; flex-wrap: wrap; margin: 9px 0; }
.pm2-badge { display: inline-flex; align-items: center; width: fit-content; padding: 5px 10px; border: 1px solid #dbe6f6; border-radius: 8px; background: #edf3fc; color: #3f6191; font-size: 11px; font-weight: 600; line-height: 1.5; }
.pm2-badge.neutral { background: #f3f5f8; color: #697a8f; border-color: #e5eaf1; }
.pm2-badge.working { background: #edf3ff; color: #2b60a6; }
.pm2-badge.review, .pm2-badge.warning { background: #fff7e8; color: #926627; border-color: #f0dfbb; }
.pm2-badge.success { background: #eff9f3; color: #27734c; border-color: #cce5d7; }
.pm2-help, .pm2-permission { color: #667990; font-size: 12px; line-height: 1.7; }
.pm2-permission { color: #946b31; }
.pm2-alert { display: flex; flex-direction: column; gap: 6px; padding: 14px 16px; border: 1px solid #d8e3f1; border-radius: 10px; background: #f4f8fd; color: #425f84; font-size: 12px; line-height: 1.7; overflow-wrap: anywhere; }
.pm2-alert.warning { background: #fff8ef; border-color: #eedec7; color: #815a2a; }
.pm2-alert.success { background: #f1faf5; border-color: #c8e5d6; color: #2c7050; }
.pm2-runner-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; margin: 12px 0; }
.pm2-runner-grid > div { display: grid; gap: 8px; min-width: 0; padding: 12px; border-radius: 9px; background: #f8fafd; border: 1px solid #e8edf3; overflow-wrap: anywhere; }
.pm2-runner-grid small { color: #7c8ba0; font-size: 11px; }
.pm2-runner-grid strong { color: #3a5477; font-size: 13px; line-height: 1.5; }
.pm2-setup { margin-top: 18px; border-top: 1px solid #e1e7ef; padding-top: 15px; }
.pm2-setup summary { cursor: pointer; font-size: 13px; color: #3d5b82; font-weight: 600; }
.pm2-setup ol { font-size: 12px; line-height: 1.9; color: #5d708c; padding-left: 20px; }
.pm2-setup li { margin-bottom: 10px; }
.pm2-setup pre { font-size: 11px; white-space: pre-wrap; overflow-wrap: anywhere; background: #eef3f8; color: #334f73; padding: 10px; border-radius: 7px; }
.pm2-link { font-size: 12px; color: #306abc; text-decoration: none; }
.pm2-shell fieldset { padding: 0; border: 0; margin: 0; min-width: 0; }
.pm2-shell fieldset:disabled { opacity: .7; }
.pm2-form-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 14px; margin: 20px 0; max-width: 850px; }
.pm2-full { grid-column: 1 / -1; }
.pm2-shell label { display: flex; flex-direction: column; gap: 7px; font-size: 12px; font-weight: 600; color: #425976; min-width: 0; }
.pm2-shell input, .pm2-shell select { min-height: 42px; padding: 10px 12px; border: 1px solid #d4dfed; border-radius: 8px; background: #fff; color: #2e435f; font-size: 14px; line-height: 1.4; min-width: 0; max-width: 100%; width: 100%; }
.pm2-shell input:focus, .pm2-shell select:focus { outline: 2px solid #6a9bdf; outline-offset: 1px; }
.pm2-shell input:disabled, .pm2-shell select:disabled { background: #f2f5f8; color: #7e8b9d; }
.pm2-source { display: grid; gap: 7px; padding: 13px; background: #f8fafd; border: 1px solid #e4eaf1; border-radius: 9px; overflow-wrap: anywhere; }
.pm2-source strong { font-size: 13px; color: #365575; }
.pm2-source span, .pm2-source small { font-size: 12px; color: #6e7d92; line-height: 1.5; }
.pm2-source-price { display: flex; flex-direction: column; gap: 8px; justify-content: flex-end; align-items: flex-start; }
.pm2-source-price small { font-size: 11px; color: #7a899d; line-height: 1.4; }
.pm2-shell button { max-width: 100%; line-height: 1.5; white-space: normal; }
.pm2-shell button:disabled { opacity: .55; cursor: not-allowed; }
.pm2-jobs-heading { padding: 7px 2px 0; }
.pm2-jobs-heading h2 { font-size: 19px; }
.pm2-job > .pm2-heading { border-bottom: 1px solid #e7edf4; padding-bottom: 9px; }
.pm2-job > .pm2-alert { margin: 12px 0; }
.pm2-candidates { display: grid; gap: 14px; margin-top: 18px; }
.pm2-candidate { min-width: 0; border: 1px solid #d8e2ef; border-radius: 12px; padding: 18px; overflow-wrap: anywhere; }
.pm2-candidate .pm2-heading strong { font-size: 15px; color: #324e74; }
.pm2-candidate .pm2-heading p { margin-top: 7px; }
.pm2-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px 18px; margin: 12px 0; }
.pm2-facts > div { display: grid; grid-template-columns: 85px minmax(0, 1fr); gap: 7px; min-width: 0; }
.pm2-facts dt { font-size: 11px; color: #75869c; }
.pm2-facts dd { font-size: 12px; margin: 0; color: #3c5879; overflow-wrap: anywhere; line-height: 1.5; }
.pm2-price-diff { display: grid; grid-template-columns: minmax(0, 1fr) 20px minmax(0, 1fr); align-items: center; gap: 14px; padding: 17px; margin: 18px 0; border-radius: 9px; background: #f1f6fd; }
.pm2-price-diff > div { display: grid; gap: 9px; }
.pm2-price-diff small { font-size: 11px; color: #657e9f; }
.pm2-price-diff strong { font-size: 23px; color: #28588c; overflow-wrap: anywhere; }
.pm2-approval { border-top: 1px dashed #dae4ef; padding-top: 14px; margin-top: 12px; }
.pm2-selected { padding: 14px; margin: 15px 0; border-radius: 9px; border: 1px solid #d9e5f3; background: #f6f9fd; overflow-wrap: anywhere; }
.pm2-selected strong { font-size: 12px; color: #3d5e86; }
.pm2-selected p, .pm2-selected small { font-size: 12px; color: #647c9a; line-height: 1.6; }
.pm2-reason { font-size: 12px; color: #8a6541; overflow-wrap: anywhere; }
.pm2-job-actions { margin-top: 18px; }
.pm2-empty { color: #7b8ba0; font-size: 13px; line-height: 1.8; }
@media (max-width: 900px) { .pm2-runner-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) {
  .pm2-shell { gap: 13px; }
  .pm2-shell .pm2-panel { padding: 16px; }
  .pm2-hero h2 { font-size: 24px; }
  .pm2-runner-grid { gap: 8px; }
  .pm2-runner-grid > div { padding: 10px; }
  .pm2-form-grid, .pm2-facts { grid-template-columns: minmax(0, 1fr); }
  .pm2-shell input, .pm2-shell select { font-size: 16px; }
  .pm2-heading h3 { font-size: 16px; }
  .pm2-candidate { padding: 13px; }
  .pm2-price-diff { padding: 13px; gap: 9px; }
  .pm2-price-diff strong { font-size: 19px; }
  .pm2-price-diff small { font-size: 10px; }
}