/* Define PPH Component */
.dpc-page{min-width:0;color:var(--text)}.dpc-breadcrumb{display:flex;gap:8px;align-items:center;margin:0 0 16px;color:var(--muted);font-size:11px}.dpc-breadcrumb span{cursor:pointer}.dpc-breadcrumb strong{color:var(--text)}.dpc-heading,.dpc-form-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px}.dpc-kicker{font-size:10px;letter-spacing:.1em;color:var(--primary);font-weight:700;margin-bottom:5px}.dpc-heading h1,.dpc-form-head h2{font-size:23px;margin:0 0 6px}.dpc-heading p,.dpc-form-head p{font-size:12px;color:var(--muted);margin:0}.dpc-btn{border:1px solid #d8e0eb;background:#fff;border-radius:7px;padding:9px 13px;font-size:11px;font-weight:600;color:#40516b;cursor:pointer;white-space:nowrap}.dpc-btn.primary{background:#173f76;border-color:#173f76;color:#fff}.dpc-btn.danger{color:#b42318}.dpc-filter{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;padding:14px 15px;margin-bottom:14px;background:#fff;border:1px solid #e0e6ee;border-radius:9px}.dpc-filter-field{flex:1;max-width:440px}.dpc-filter-field label{display:block;font-size:10px;font-weight:600;color:#64738a;margin-bottom:5px}.dpc-filter-field input{box-sizing:border-box;width:100%;padding:9px 10px;border:1px solid #d8e0eb;border-radius:6px;font:inherit;font-size:11px}.dpc-filter-actions,.dpc-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.dpc-card{background:#fff;border:1px solid #e0e6ee;border-radius:9px;overflow:visible}.dpc-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:58px;padding:0 15px;border-bottom:1px solid #e8edf3;font-size:10px;color:#758197}.dpc-actions{justify-content:flex-end}.dpc-column-wrap{position:relative}.dpc-column-box{position:absolute;right:0;top:42px;z-index:30;min-width:190px;max-height:280px;overflow:auto;padding:8px;background:#fff;border:1px solid #dce3ec;border-radius:8px;box-shadow:0 10px 28px rgba(21,43,74,.15)}.dpc-column-box.hidden{display:none}.dpc-column-box label{display:block;padding:6px 5px;font-size:10px;white-space:nowrap;cursor:pointer}.dpc-table-wrap{overflow:auto}.dpc-table-wrap table{width:100%;border-collapse:separate;border-spacing:0;white-space:nowrap}.dpc-table-wrap th{background:#f7f8fa;color:#596579;font-size:11px;text-align:left;padding:12px 13px;border-bottom:1px solid #e0e6ee}.dpc-table-wrap td{font-size:12px;padding:12px 13px;border-bottom:1px solid #edf0f3}.dpc-table-wrap th[hidden],.dpc-table-wrap td[hidden]{display:none!important}.dpc-action-col{text-align:center;width:66px}.dpc-row-action{border:1px solid #d8e0eb;background:#fff;border-radius:6px;padding:5px 9px;cursor:pointer}.dpc-paging{display:flex;gap:5px;align-items:center;padding:12px 15px;font-size:11px;color:var(--muted)}.dpc-paging span{margin-left:auto}.dpc-empty{text-align:center;padding:35px;color:var(--muted);font-size:12px}.dpc-form-head{margin-top:4px}.dpc-form-card{background:#fff;border:1px solid #e0e6ee;border-radius:10px;padding:20px}.dpc-form-section{padding-bottom:15px;border-bottom:1px solid #edf0f3;margin-bottom:18px}.dpc-form-section h3{font-size:15px;margin:0 0 5px}.dpc-form-section p{font-size:11px;color:var(--muted);margin:0}.dpc-form-grid{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:18px 20px}.dpc-form-grid label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600;color:var(--text)}.dpc-form-grid select,.dpc-form-grid input{box-sizing:border-box;width:100%;min-height:38px;border:1px solid #d8e0eb;border-radius:6px;background:#fff;padding:8px 10px;font:inherit;font-weight:400}.dpc-form-grid input[readonly],.dpc-form-grid select:disabled{background:#f7f8fa;color:#667085}.dpc-required{color:#c33b32;margin-left:3px}.dpc-form-note{margin-top:18px;padding:12px;background:#f7f9fc;border-radius:7px;color:#687386;font-size:11px;line-height:1.5}.dpc-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px;padding-top:14px;border-top:1px solid #e0e6ee}@media(max-width:700px){.dpc-heading,.dpc-form-head{flex-direction:column}.dpc-filter{flex-direction:column;align-items:stretch}.dpc-filter-field{max-width:none}.dpc-filter-actions{justify-content:flex-start}.dpc-toolbar{align-items:flex-start;flex-direction:column;padding:12px 15px}.dpc-actions{justify-content:flex-start}.dpc-form-grid{grid-template-columns:1fr}}