.pf-config-dialog{position:fixed;inset:0 0 0 auto;width:min(760px,100vw);height:100dvh;max-height:100dvh;max-width:100vw;padding:0;margin:0;border:0;background:#fff;color:#213149;box-shadow:-14px 0 48px #12264622;font-size:12px;overflow:hidden}
.pf-config-dialog[open]{display:flex;flex-direction:column}.pf-config-dialog::backdrop{background:#0008}.pf-config-header{display:flex;align-items:center;justify-content:space-between;padding:25px 28px 12px}.pf-config-header h2{font-size:17px;font-weight:600;margin:0}.pf-config-close{border:0;background:none;color:#8e9caf;font-size:22px;cursor:pointer;padding:0 4px}
.pf-config-template{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 25px 13px;border-bottom:1px solid #e6ecf6}.pf-config-template select{border:0;background:#fff;color:#45576f;font:inherit;padding:3px 0;max-width:250px}.pf-config-template>button,.pf-config-group header button{border:0;background:none;color:#1656ff;font:inherit;font-size:11px;cursor:pointer;padding:3px 0}
.pf-config-body{display:grid;grid-template-columns:minmax(0,1fr) 220px;min-height:0;flex:1}.pf-config-options{padding:13px 16px 24px 25px;overflow:auto}.pf-config-options>input{width:100%;height:32px;border:1px solid #c9d7ee;border-radius:3px;padding:0 11px;font:inherit;background:#fff;color:#3e526f}.pf-config-options>input::placeholder{color:#8a9bb4}.pf-config-group{margin:15px 0 27px}.pf-config-group header{display:flex;align-items:center;gap:8px;margin:0 0 8px;padding-left:5px}.pf-config-group h3{font-size:12px;font-weight:400;color:#8b98ac;margin:0}.pf-config-group h3::before{content:'•';color:#a6b7d0;margin-right:7px}.pf-config-group>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 7px;padding-left:15px}.pf-config-group label{display:flex;align-items:center;gap:5px;font-size:11px;cursor:pointer;white-space:nowrap;min-width:0}.pf-config-group label span{overflow:hidden;text-overflow:ellipsis}.pf-config-group input{margin:0;width:13px;height:13px;accent-color:#477bff;flex-shrink:0}
.pf-config-selected{background:#f9fbfe;border-left:1px solid #e6ecf6;display:flex;flex-direction:column;min-height:0;padding:16px 13px 12px 16px}.pf-config-selected h3{font-size:12px;font-weight:500;margin:0 0 13px;padding-bottom:12px;border-bottom:1px dashed #dce6f5}.pf-config-selected h3 span{color:#8ba0be;font-size:11px}.pf-config-selected ol{padding:0;margin:0;list-style:none;overflow:auto;flex:1}.pf-config-selected li{display:flex;align-items:center;gap:6px;min-height:29px;position:relative;font-size:11px;border-radius:3px}.pf-config-selected li:hover,.pf-config-selected li:focus-within{background:#eaf1ff}.pf-config-selected li.dragging{opacity:.45}.pf-config-drag{border:0;background:none;padding:0;color:#9fb4d6;font-size:18px;cursor:grab;line-height:1.1}.pf-config-index{color:#8295b1;font-size:10px;min-width:13px;text-align:center}.pf-config-column-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pf-config-row-actions{display:flex;margin-left:auto;opacity:0;background:#eaf1ff;position:absolute;right:0}.pf-config-selected li:hover .pf-config-row-actions,.pf-config-selected li:focus-within .pf-config-row-actions{opacity:1}.pf-config-row-actions button{border:0;padding:4px 3px;background:none;color:#6284b7;cursor:pointer;font-size:13px}.pf-config-row-actions button:disabled{opacity:.3;cursor:default}.pf-config-hint{color:#9aaac0;text-align:center;font-size:10px;margin:14px 0 2px}.pf-config-empty{font-size:12px;color:#91a1b8;text-align:center;margin-top:30px}
.pf-config-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 25px;border-top:1px solid #e4ebf6;background:#fff}.pf-config-footer>div{display:flex;gap:8px}.pf-config-dialog .pf-button{height:32px;font-size:11px}.pf-config-dialog .pf-button.primary{background:#1558ed;color:#fff;border-color:#1558ed}.pf-config-dialog .pf-button.primary:hover{background:#1049cc}.pf-config-save{display:flex;flex-wrap:wrap;gap:7px;padding:12px 25px;border-bottom:1px solid #e7edf7}.pf-config-save input{height:32px;flex:1;min-width:120px;border:1px solid #c9d7ee;border-radius:3px;padding:0 9px;font:inherit}.pf-config-save small{flex-basis:100%;font-size:10px;color:#91a2ba}.pf-config-error{color:#b84f3e;background:#fff7f4;font-size:11px;padding:9px 25px;margin:0}.pf-config-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.pf-config-dialog :is(button,input,select):focus-visible{outline:2px solid #91b2ff;outline-offset:2px}
@media(max-width:600px){.pf-config-header{padding:20px 16px 12px}.pf-config-template{padding:0 16px 12px}.pf-config-body{grid-template-columns:minmax(0,1fr) 145px}.pf-config-options{padding:12px 10px 15px 12px}.pf-config-group>div{grid-template-columns:1fr;gap:12px;padding-left:5px}.pf-config-selected{padding:14px 8px}.pf-config-selected li{min-height:34px;gap:3px}.pf-config-row-actions{position:static;opacity:1;flex-wrap:nowrap;background:none}.pf-config-row-actions button{font-size:11px;padding:4px 2px}.pf-config-row-actions button:last-child{display:none}.pf-config-index{display:none}.pf-config-column-name{flex:1;font-size:10px}.pf-config-drag{font-size:15px}.pf-config-footer{padding:12px}.pf-config-save{padding:12px}.pf-config-template select{max-width:150px}}