.wpi-public-wrap{display:flex;flex-direction:column;gap:24px}.wpi-front-form{padding:20px;border:1px solid #ddd;border-radius:10px;background:#fff}.wpi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.wpi-full{grid-column:1/-1}.wpi-field label{display:block;font-weight:600;margin-bottom:6px}.wpi-field input,.wpi-field textarea,.wpi-field select{width:100%;padding:10px;border:1px solid #ccc;border-radius:8px;box-sizing:border-box}.wpi-front-form button,.wpi-table-filters button,.wpi-add-button{padding:10px 16px;border:0;border-radius:8px;cursor:pointer}.wpi-table-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:14px}.wpi-table-filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.wpi-table-filters input,.wpi-table-filters select{min-width:220px}.wpi-table-wrap{width:100%;overflow:auto}.wpi-table{width:100%;border-collapse:collapse;min-width:980px}.wpi-table th,.wpi-table td{border:1px solid #ddd;padding:10px;text-align:left;vertical-align:top}.wpi-table th{background:#f6f6f6;white-space:nowrap}.wpi-image-preview img{max-width:120px;height:auto;display:block;margin:8px 0}.wpi-notice{padding:12px 16px;background:#ecf9ec;border:1px solid #b6e0b6;border-radius:8px}.button,.wpi-add-button{display:inline-block;padding:8px 12px;border:1px solid #bbb;border-radius:6px;text-decoration:none}.wpi-actions{white-space:nowrap}.wpi-delete-button{margin-left:6px}@media(max-width:768px){.wpi-grid{grid-template-columns:1fr}.wpi-table-toolbar{align-items:stretch}.wpi-table-filters{width:100%}.wpi-table-filters input,.wpi-table-filters select,.wpi-table-filters button,.wpi-table-filters .button,.wpi-add-button{width:100%}}.select2-container .select2-selection--single {        height: 48px !important;   }


.wpi-inline-cell .wpi-inline-editor input,.wpi-inline-cell .wpi-inline-editor textarea,.wpi-inline-cell .wpi-inline-editor select{width:100%;min-width:120px}.wpi-inline-row.wpi-inline-active{background:#fffdf2}.wpi-inline-row .wpi-inline-editor .wpi-image-preview img{max-width:70px}.wpi-inline-row .wpi-inline-editor .button{margin-top:6px}.wpi-inline-row .wpi-inline-save,.wpi-inline-row .wpi-inline-cancel{margin-right:6px}

.wpi-inline-notice{display:none;margin-top:6px;padding:4px 8px;border-radius:6px;background:#ecf9ec;border:1px solid #b6e0b6;font-size:12px}
.wpi-inline-row.wpi-inline-saved{animation:wpiInlineFlash 1.4s ease}
@keyframes wpiInlineFlash{0%{background:#fff8c6}100%{background:transparent}}


.wpi-actions .button,
.wpi-actions button.button,
.wpi-actions a.button{
    padding:6px 8px;
    min-height:32px;
    line-height:1.1;
    font-size:12px;
    border-radius:6px;
    margin:0 !important;
}

.wpi-actions .button-icon{
   
    height:32px;
    padding:0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:10px;
}