.cb-vpo-wrap{max-width:none;margin:0;padding:0;font-family:inherit;color:#17324d}
.cb-vpo-hero{background:linear-gradient(135deg,#f7fbff,#eef7ff);border:1px solid #d8eafa;border-radius:18px;padding:22px;margin-bottom:18px;box-shadow:0 8px 22px rgba(28,87,130,.07)}
.cb-vpo-hero h2{margin:0 0 6px;font-size:26px;color:#11385c}
.cb-vpo-hero p{margin:0;color:#54708a}
.cb-vpo-notice{padding:12px 14px;border-radius:12px;margin:14px 0;border:1px solid #d7e7f6;background:#f6fbff;color:#234;}
.cb-vpo-notice.success{border-color:#b9e4c4;background:#f3fff5}.cb-vpo-notice.error{border-color:#f1b8b8;background:#fff6f6}
.cb-vpo-card{background:linear-gradient(145deg,#d9edf9,#c7e2f3);border:2px solid #82b3d3;border-radius:18px;margin:16px 0;padding:16px;box-shadow:0 9px 24px rgba(25,73,108,.12)}
.cb-vpo-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}.cb-vpo-tab{display:inline-flex;align-items:center;border:1px solid #d7e7f6;background:#fff;color:#174366;text-decoration:none;border-radius:999px;padding:8px 13px;font-weight:700;font-size:13px}.cb-vpo-tab.active{background:#2ea3f2;border-color:#2ea3f2;color:#fff}.cb-vpo-tab:hover{text-decoration:none;filter:brightness(.98)}
.cb-vpo-tab-action-wrap{position:relative;display:inline-flex}.cb-vpo-tab-action-wrap form{position:absolute;top:50%;right:4px;transform:translateY(-50%);display:flex;margin:0}.cb-vpo-tab.cb-vpo-tab-has-delete{padding-right:37px}.cb-vpo-tab-delete{display:flex;align-items:center;justify-content:center;width:25px;height:25px;min-width:25px;border:0;border-radius:50%;padding:0;background:#d94b4b;color:#fff;font-size:18px;font-weight:800;line-height:1;cursor:pointer;box-shadow:0 2px 5px rgba(120,25,25,.2)}.cb-vpo-tab-delete:hover,.cb-vpo-tab-delete:focus{background:#bf3030;color:#fff;outline:2px solid rgba(217,75,75,.22);outline-offset:1px}
.cb-vpo-product-head{display:flex;gap:12px;align-items:center}.cb-vpo-thumb{width:58px;height:58px;border-radius:12px;overflow:hidden;background:#fff;flex:0 0 58px;border:2px solid rgba(255,255,255,.9);box-shadow:0 3px 9px rgba(25,73,108,.12)}.cb-vpo-thumb img{width:100%;height:100%;object-fit:cover;display:block}.cb-vpo-thumb-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:22px;color:#9ab0c2}
.cb-vpo-top{display:flex;gap:14px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;margin-bottom:12px}.cb-vpo-badges{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.cb-vpo-title{font-size:18px;font-weight:700;color:#103a5d;margin:0}.cb-vpo-title a{color:#103a5d;text-decoration:none}.cb-vpo-title a:hover{text-decoration:underline}
.cb-vpo-status{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700;background:#eef4fb;color:#365f82}
.cb-vpo-status.alg_wc_po_open{background:#fff8e6;color:#8a6200}.cb-vpo-status.alg_wc_po_accept{background:#eaf8ee;color:#176735}.cb-vpo-status.alg_wc_po_reject{background:#fff0f0;color:#9c2626}.cb-vpo-status.alg_wc_po_counter{background:#eef4ff;color:#244d93}.cb-vpo-status.alg_wc_po_complete{background:#edf7f2;color:#166146}.cb-vpo-status.alg_wc_po_cancel{background:#f2f2f2;color:#666}
.cb-vpo-role{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700;background:#f2f6f9;color:#587086}
.cb-vpo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}.cb-vpo-field{background:rgba(255,255,255,.94);border:1px solid #fff;border-radius:12px;padding:10px;box-shadow:0 2px 7px rgba(30,75,110,.05)}.cb-vpo-label{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#5e7c95;font-weight:700;display:block;margin-bottom:4px}.cb-vpo-value{font-size:14px;color:#17324d;word-break:break-word}.cb-vpo-message{background:rgba(255,255,255,.94);border:1px solid #fff;border-left:4px solid #348fcf;border-radius:10px;padding:10px 12px;margin:12px 0;color:#233;box-shadow:0 2px 7px rgba(30,75,110,.05)}
.cb-vpo-actions{position:relative;display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:12px}.cb-vpo-actions form{display:inline-flex;gap:8px;flex-wrap:wrap;align-items:center;margin:0}.cb-vpo-btn{border:0;border-radius:999px;padding:9px 14px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;line-height:1;background:#2ea3f2;color:#fff}.cb-vpo-btn:hover{filter:brightness(.96);color:#fff}.cb-vpo-btn.reject{background:#d94b4b}.cb-vpo-btn.counter{background:#5d7fd9}.cb-vpo-btn.view{background:#fff;color:#174366;border:1px solid rgba(112,160,193,.28)}.cb-vpo-btn.view:hover{color:#174366}.cb-vpo-btn.hide{background:#edf3f7;color:#445c6f}.cb-vpo-btn.hide:hover{color:#445c6f}.cb-vpo-btn.restore{background:#eaf8ee;color:#176735}.cb-vpo-btn.restore:hover{color:#176735}.cb-vpo-counter-input{width:120px;max-width:100%;border:1px solid #cbddeb;border-radius:999px;padding:9px 12px}
.cb-vpo-small{font-size:12px;color:#6c8092;margin-top:8px}.cb-vpo-next-step{width:100%;padding:10px 12px;border:1px solid #fff;border-radius:10px;background:rgba(255,255,255,.8);color:#355b76;font-size:13px}.cb-vpo-empty{background:#fff;border:1px dashed #c8dceb;border-radius:16px;padding:24px;text-align:center;color:#55708a}.cb-vpo-admin-note{font-size:12px;color:#789;margin-top:10px}
.cb-vpo-archive-menu{position:relative;margin:0}.cb-vpo-archive-menu>summary{list-style:none}.cb-vpo-archive-menu>summary::-webkit-details-marker{display:none}.cb-vpo-archive-options{position:absolute;left:0;bottom:calc(100% + 8px);z-index:20;width:min(330px,82vw);padding:8px;border:1px solid #8eb8d4;border-radius:14px;background:#fff;box-shadow:0 14px 34px rgba(16,54,82,.22)}.cb-vpo-archive-options form{display:block;width:100%;margin:0}.cb-vpo-archive-choice{display:block;width:100%;border:0;border-radius:10px;background:#f3f8fc;color:#173f5f;padding:10px 12px;text-align:left;cursor:pointer}.cb-vpo-archive-choice:hover{background:#e5f1f8}.cb-vpo-archive-choice.bulk{margin-top:6px;background:#e8f4fb}.cb-vpo-archive-choice strong,.cb-vpo-archive-choice span{display:block}.cb-vpo-archive-choice span{margin-top:3px;color:#668095;font-size:11px;font-weight:400}
.cb-vpo-account-card{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:20px 0;padding:18px;border:1px solid #d8eafa;border-radius:18px;background:linear-gradient(135deg,#f7fbff,#eef7ff);box-shadow:0 8px 22px rgba(28,87,130,.07);color:#17324d}
.cb-vpo-account-card-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;flex:0 0 52px;border-radius:14px;background:#fff;font-size:25px;box-shadow:0 4px 12px rgba(30,75,110,.09)}
.cb-vpo-account-card-copy{flex:1;min-width:220px}.cb-vpo-account-card h3{margin:0 0 4px;color:#11385c}.cb-vpo-account-card p{margin:0;color:#54708a}
.cb-vpo-pagination{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:20px 0}.cb-vpo-pagination>span{color:#54708a;font-size:13px;font-weight:700}
@media(max-width:800px){.cb-vpo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cb-vpo-hero h2{font-size:22px}}
@media(max-width:520px){.cb-vpo-card{padding:12px}.cb-vpo-grid{grid-template-columns:1fr}.cb-vpo-product-head{align-items:flex-start}.cb-vpo-thumb{width:48px;height:48px;flex-basis:48px}.cb-vpo-actions,.cb-vpo-actions form{display:flex;flex-direction:column;align-items:stretch}.cb-vpo-btn,.cb-vpo-counter-input{width:100%;justify-content:center}.cb-vpo-archive-menu{width:100%}.cb-vpo-archive-options{position:static;width:auto;margin-top:7px}.cb-vpo-archive-options form{display:block}.cb-vpo-account-card{align-items:stretch}.cb-vpo-account-card .cb-vpo-btn{width:100%;justify-content:center}}