.pb-page{flex:1;min-height:0;overflow-y:auto;box-sizing:border-box;width:100%;padding:20px max(24px,calc((100% - 1280px)/2));color:#242b35}
.pb-top h2{margin:0 0 4px;font-size:20px}.pb-top p{margin:0 0 14px;color:#6b7686;font-size:13px}
.pb-main{display:flex;gap:16px;align-items:flex-start}
.pb-list{width:260px;flex:none;display:flex;flex-direction:column;gap:6px;position:sticky;top:10px}
.pb-list button{text-align:left;border:1px solid #e3e8ef;background:#fff;border-radius:8px;padding:9px 11px;cursor:pointer;display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center}
.pb-list button[aria-pressed="true"]{border-color:#2f6ad8;background:#f3f7fe}
.pb-list b{font-size:14px;flex:1}.pb-list small{width:100%;color:#8a95a5;font-size:12px}.pb-list em{color:#a35f00;font-style:normal}
.pb-status{font-size:11px;border-radius:4px;padding:1px 6px;background:#f2f4f7;color:#526882}
.pb-status.approved{background:#e7f6ec;color:#2f7a45}.pb-status.retired{background:#f2f2f2;color:#999}.pb-status.draft{background:#fff4e0;color:#a35f00}
.pb-detail{flex:1;min-width:0;background:#fff;border:1px solid #e3e8ef;border-radius:8px;padding:16px 18px}
.pb-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pb-head small{color:#8a95a5;font-size:12px}
.pb-name{font-size:18px;font-weight:600;border:1px solid transparent;border-radius:5px;padding:3px 6px;min-width:200px}
.pb-name:hover,.pb-name:focus{border-color:#d5dfee}
.pb-scope{width:100%;box-sizing:border-box;margin-top:8px;border:1px solid #e3e8ef;border-radius:6px;padding:7px 9px;font:inherit;font-size:13px;min-height:44px}
.pb-sec{margin-top:18px}.pb-sec h3{font-size:14px;margin:0 0 8px}.pb-sec h3 small{color:#8a95a5;font-weight:400}
.pb-item{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start;border:1px solid #e3e8ef;border-radius:7px;padding:9px 10px;margin-bottom:8px;position:relative}
.pb-item.pb-confirm{border-color:#f0c96b;background:#fffbf0}
.pb-no{width:22px;height:22px;border-radius:50%;background:#eef3fb;color:#2f6ad8;font-size:12px;display:grid;place-items:center;flex:none;margin-top:18px}
.pb-field{display:flex;flex-direction:column;gap:3px;font-size:12px;color:#7a8597;flex:1;min-width:140px}.pb-field.wide{flex-basis:100%}
.pb-field input,.pb-field textarea{border:1px solid #e3e8ef;border-radius:5px;padding:5px 7px;font:inherit;font-size:13px;color:#242b35}
.pb-field textarea{min-height:52px;resize:vertical}
.pb-item-tools{display:flex;gap:10px;align-items:center;font-size:12px;color:#7a8597;width:100%;justify-content:flex-end}
.pb-item-tools button,.pb-add{border:0;background:none;color:#2f6ad8;cursor:pointer;font-size:12px}
.pb-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:18px;padding-top:12px;border-top:1px solid #eef0f4;font-size:13px;color:#6b7686}
.pb-actions button{border:1px solid #d5dfee;background:#fff;color:#2f6ad8;border-radius:6px;padding:6px 14px;cursor:pointer}
.pb-actions .pb-primary{background:#2f6ad8;color:#fff;border-color:#2f6ad8}
.pb-msg{color:#526882}.pb-empty{padding:40px;text-align:center;color:#8a95a5}.pb-error{color:#c03030;padding:20px}
@media(max-width:800px){.pb-main{flex-direction:column}.pb-list{width:100%;position:static}.pb-page{padding:14px 12px}}