.pi-control { padding: 16px; border-top: 1px solid #dbe2eb; border-bottom: 1px solid #dbe2eb; }
.pi-control h3 { font-size: 18px; margin: 0; }
.pi-control-fields { display: grid; grid-template-columns: repeat(4, minmax(150px, 1fr)); gap: 12px; border: 0; padding: 0; margin: 0; min-width: 0; }
.pi-control-fields input, .pi-control-fields select { width: 100%; min-width: 0; box-sizing: border-box; }
.pi-control-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 14px 0; }
.pi-control-actions label { display: flex; align-items: center; gap: 6px; }
.pi-control progress { width: 100%; height: 14px; accent-color: #247b69; }
.pi-control .table-wrap { max-height: 440px; overflow: auto; }
.pi-control .table { min-width: 1120px; table-layout: auto; }
.pi-control .table th { white-space: normal; overflow: visible; text-overflow: clip; }
.pi-control .table td { white-space: normal; overflow-wrap: anywhere; min-width: 90px; }
.pi-control details { margin-top: 12px; }
.pi-control .muted { color: #667386; font-size: 12px; }
@media (max-width: 900px) { .pi-control-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 500px) { .pi-control-fields { grid-template-columns: minmax(0, 1fr); } .pi-control-actions .btn { max-width: 100%; white-space: normal; } }