/* css/pm-ops.css — lane pmbuild 2026-10-17. The Project records card (js/pm-ops.js). Every rule is prefixed .pmo-;
   it reuses the .rdg- / .rpm- atoms and design tokens; no new colour, font or shadow. */
.pmo-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 10px 12px; margin: 4px 0 10px; }
.pmo-field { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.pmo-field .rdg-ask-input, .pmo-field .rpm-select { width: 100%; box-sizing: border-box; }
.pmo-wide { grid-column: 1 / -1; }
.pmo-area { resize: vertical; font-family: inherit; }
.pmo-actions { white-space: nowrap; text-align: right; }
.pmo-num { text-align: right; font-variant-numeric: tabular-nums; }
.pmo-totals { margin: 0 0 8px; }
@media (max-width: 600px) {
  .pmo-grid { grid-template-columns: 1fr; }
  .pmo-table thead { display: none; }
  .pmo-table, .pmo-table tbody, .pmo-table tr, .pmo-table td { display: block; width: 100%; box-sizing: border-box; }
  .pmo-table tr { border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 6px 10px; margin: 0 0 8px; }
  .pmo-table td { border: 0; padding: 2px 0; text-align: left; }
  .pmo-table td[data-label]:not(:empty)::before { content: attr(data-label) ': '; color: var(--text-secondary); font-size: 11px; }
  .pmo-table td.pmo-num { text-align: left; }
  .pmo-table td.pmo-actions { white-space: normal; text-align: left; padding-top: 6px; }
  .pmo-table td.pmo-actions::before { content: none; }
}