.pd-screen{background:#f4f7fb;color:#17345f;min-height:100vh;padding:24px;box-sizing:border-box;font:14px Arial,sans-serif}
.pd-screen h2{margin:20px 0 8px}.pd-screen h3,.pd-special-settings h3{font-size:16px;margin:0 0 16px}
.pd-box,.pd-special-settings{padding:20px;background:#fff;border:1px solid #dce4ee;border-radius:12px;margin:16px 0}
.pd-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:16px}
.pd-grid label,#pdConfiguration label{display:flex;flex-direction:column;gap:8px;font-weight:600}
.pd-screen input,.pd-screen select,#pdConfiguration select{min-height:40px;box-sizing:border-box;width:100%;color:#17345f;background:#fff;border:1px solid #a8b8ca;border-radius:6px;padding:8px}
.pd-screen button,#pdConfiguration button{border:1px solid #b9c9d9;border-radius:6px;background:#eaf0f7;color:#17345f;font:inherit;cursor:pointer;padding:10px 14px}
.pd-screen button:disabled,#pdConfiguration button:disabled{opacity:.5;cursor:default}
#pdUploadButton,#pdSaveConfiguration{background:#22563c;color:#fff;margin-top:12px}
.pd-table-wrap{overflow-x:auto}.pd-row{display:grid;grid-template-columns:1.2fr .7fr 1.3fr .6fr .7fr 1.3fr;gap:12px;align-items:center;padding:12px;border-bottom:1px solid #dce4ee;min-width:750px}.pd-row [role=cell]{overflow-wrap:anywhere}.pd-row [role=cell]:last-child{display:flex;gap:6px;flex-wrap:wrap}.pd-heading{background:#edf2f8;font-weight:700}.pd-pagination{display:flex;align-items:center;gap:10px;margin-top:16px;flex-wrap:wrap}
.pd-error{color:#aa2424}#pdStatus{min-height:20px}#pdConfiguration p{line-height:1.6}#pdConfiguration select{max-width:650px;display:block}
#pdPreview{width:min(1000px,92vw);height:85vh;border:1px solid #a8b8ca;border-radius:10px;padding:16px;box-sizing:border-box;background:#fff}
#pdPreview::backdrop{background:#14203399}#pdPreviewFile{height:calc(100% - 52px);margin-top:10px}#pdPreview iframe{width:100%;height:100%;border:0}
@media(max-width:600px){.pd-screen{padding:12px}.pd-box,.pd-special-settings{padding:14px}.pd-grid{grid-template-columns:1fr}.pd-screen h2{font-size:19px}.pd-row{display:block;min-width:0;padding:10px 0}.pd-heading{display:none}.pd-row [role=cell]{display:block;margin:8px 0}.pd-row [role=cell]::before{content:attr(data-label) ': ';font-weight:700}.pd-row [role=cell]:last-child::before{width:100%}}
