/* Jarayonlar: so'rovlar, takliflar, smena topshirish, uskunalar, HR */
.px-table td { vertical-align: top; }
.px-row-actions { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.px-note { width: 170px; padding: 5px 8px; }
.px-dialog { border: 0; border-radius: 16px; padding: 20px 22px; width: min(560px, 94vw); color: var(--brown); }
.px-dialog::backdrop { background: rgba(60, 48, 34, 0.35); }
.px-dialog h3 { margin: 0 0 12px; }
.px-field { display: flex; flex-direction: column; gap: 4px; margin-bottom: 10px; font-size: 13px; font-weight: 600; }
.px-field input, .px-field select, .px-field textarea { font: inherit; font-weight: 500; }
.px-field textarea { min-height: 70px; padding: 8px 10px; border: 1.5px solid var(--line); border-radius: 10px; }
.px-grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 0 12px; }
.px-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 8px; }
.px-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 14px; }
.px-card { border: 1.5px solid var(--line); border-radius: var(--radius); padding: 14px 16px; background: var(--white); }
.px-card h3 { margin: 0 0 4px; font-size: 16px; }
.px-card .cell-sub { display: block; }
.px-photos { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 6px; }
.px-photos img { width: 72px; height: 72px; object-fit: cover; border-radius: 8px; }
.px-due-soon { color: #a15c00; font-weight: 700; }
.px-overdue { color: var(--red); font-weight: 700; }
.px-check { display: flex; align-items: center; gap: 8px; padding: 6px 0; border-bottom: 1px solid var(--line); }
.px-check:last-child { border-bottom: 0; }
.px-dialog.wide { width: min(1000px, 96vw); }
.px-dialog h3 + .muted { margin-top: -6px; }
.px-card p { margin: 8px 0; white-space: pre-wrap; }