.product-cost-panel{background:#fff;border:1px solid var(--line-soft);border-radius:18px;overflow:hidden;margin-bottom:20px}
.product-cost-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px 26px 18px}
.product-cost-heading h3{font-family:var(--font);font-size:17px;font-weight:700;letter-spacing:0;text-transform:none;margin:0;color:var(--ink)}
.product-cost-heading p{font-size:13px;color:var(--muted);margin-top:5px}
.product-cost-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 26px 22px;border-bottom:1px solid var(--line-soft)}
.product-cost-search{display:flex;align-items:center;gap:12px;flex:1;min-width:0}
.product-cost-search svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;flex:none;color:var(--ink-2)}
.product-cost-search input{border:0;border-radius:6px;background:transparent;padding:10px 0;box-shadow:none!important;font-size:14px;min-width:0}
.product-cost-search:focus-within{outline:2px solid var(--rose-200);outline-offset:6px;border-radius:6px}
#cost-missing-filter{border-radius:24px;white-space:nowrap;display:flex;align-items:center;gap:7px;margin:0}
#cost-missing-filter[aria-pressed="true"]{background:var(--rose-50);border-color:var(--rose-500);color:var(--rose-800)}
#cost-missing-count{font-size:11px;border-radius:12px;padding:1px 6px;background:var(--bg)}
.product-cost-scroll{overflow:auto;overscroll-behavior-x:contain}
.product-cost-table{border:0;border-radius:0;box-shadow:none;width:100%;min-width:790px;table-layout:fixed}
.product-cost-table th{background:#fff;padding:16px 20px;font-size:12px;color:var(--ink-2);text-transform:none;letter-spacing:0;font-weight:700}
.product-cost-table th:first-child{width:44%;padding-left:26px}.product-cost-table th:nth-child(2){width:13%}.product-cost-table th:nth-child(3){width:16%}.product-cost-table th:nth-child(4){width:14%}.product-cost-table th:nth-child(5){width:13%}
.product-cost-table th button{display:inline-flex;align-items:center;gap:7px;background:transparent;color:inherit;font:inherit;border:0;padding:0;margin:0;width:auto;box-shadow:none;white-space:nowrap;transform:none}
.product-cost-table th button span{color:#bac8c5;font-size:15px}.product-cost-table th[aria-sort="ascending"] button span,.product-cost-table th[aria-sort="descending"] button span{color:var(--rose-700)}
.product-cost-table td{padding:20px;color:var(--ink-2);font-size:14px;vertical-align:middle}
.product-cost-table td:first-child{padding-left:26px}.product-cost-table tbody tr{cursor:default}.product-cost-table tbody tr:nth-child(even){background:#f7f9f8}.product-cost-table tbody tr:hover{background:#f2f5f4}
.product-cost-identity{display:flex;align-items:center;gap:17px;min-width:0}.product-cost-thumb{width:54px;height:60px;flex:none;background:#fff;border:1px solid #e6edeb;border-radius:9px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.product-cost-thumb img{width:100%;height:100%;object-fit:contain;padding:4px}.product-cost-thumb svg{width:24px;height:24px;stroke:#b8c5c0;fill:none;stroke-width:1.5}
.product-cost-name{font-weight:700;font-size:14px;line-height:1.5;color:var(--ink);overflow-wrap:anywhere}.product-cost-meta{font-size:11px;color:#81918b;margin-top:4px;overflow-wrap:anywhere}
.product-cost-table .product-cost-input{max-width:140px;min-width:95px;font-size:14px;font-weight:700;color:var(--ink);padding:9px 10px;border-radius:8px;background:transparent;border-color:transparent;box-shadow:none}
.product-cost-table .product-cost-input:hover,.product-cost-table .product-cost-input:focus{background:#fff;border-color:var(--line)}
.product-cost-table .product-cost-input:placeholder-shown{font-size:11px;font-weight:500;background:#fff;border:1px dashed var(--line)}
.product-cost-table .product-cost-history-button{padding:8px 11px;font-size:12px;border-radius:10px;white-space:nowrap;margin:0;width:auto;display:flex;align-items:center;gap:6px}
.product-cost-history-button svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.6;flex:none}
.product-cost-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:15px 26px;color:var(--muted);font-size:11px;border-top:1px solid var(--line-soft)}
#cost-catalog-state:empty{display:none}#cost-catalog-state{padding:0 26px 15px}
.product-cost-order-settings .editor-grid{max-width:650px}.product-cost-order-settings .creator-ads-note{margin-top:12px}
.product-cost-history{margin:auto;max-width:620px;width:calc(100% - 32px);padding:24px;border:1px solid var(--line-soft);border-radius:18px;color:var(--ink);background:#fff;box-shadow:var(--shadow-lg)}
.product-cost-history::backdrop{background:rgba(36,19,27,.45);backdrop-filter:blur(3px)}
.product-cost-history-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.product-cost-history h3{font-family:var(--font);font-size:17px}.product-cost-history-heading p{font-size:12px;color:var(--muted);margin-top:5px}
.product-cost-history table{font-size:12px;box-shadow:none}.product-cost-history th{font-size:10px}.product-cost-history .creator-ads-note{margin:12px 0}
@media(max-width:720px){.product-cost-heading{padding:20px 18px;align-items:flex-start;flex-wrap:wrap}.product-cost-toolbar{padding:8px 18px 18px;flex-wrap:wrap;gap:12px}.product-cost-search{flex-basis:100%}.product-cost-table{min-width:740px}.product-cost-table th:first-child{width:40%}.product-cost-table th:nth-child(3){width:18%}.product-cost-table th:nth-child(4){width:15%}.product-cost-table th:nth-child(5){width:14%}.product-cost-table td,.product-cost-table th{padding:15px}.product-cost-table td:first-child,.product-cost-table th:first-child{padding-left:18px}.product-cost-identity{gap:10px}.product-cost-thumb{width:42px;height:50px}.product-cost-name{font-size:12px}.product-cost-footer{padding:14px 18px}.product-cost-history{padding:20px 16px}}
.product-cost-amount{display:flex;align-items:center;gap:2px}.product-cost-amount>span{font-weight:700;font-size:13px;color:var(--ink)}.product-cost-amount>span[hidden]{display:none}.product-cost-table .product-cost-input{min-width:0;width:100%;max-width:110px;padding:9px 5px}.product-cost-table .product-cost-input:placeholder-shown{padding:9px}
.product-cost-panel>.product-cost-scroll{max-height:640px}.product-cost-table thead th{position:sticky;top:0;z-index:1}
body.creator-workspace .product-cost-search input[type='search']{border:0;background:transparent;padding:10px 0;font-size:14px}
body.creator-workspace .product-cost-table input.product-cost-input[type='number']{background:transparent;border-color:transparent;padding:9px 5px;font-size:14px;font-weight:700;min-height:36px}
body.creator-workspace .product-cost-table input.product-cost-input[type='number']:hover,body.creator-workspace .product-cost-table input.product-cost-input[type='number']:focus{background:#fff;border-color:var(--line)}
body.creator-workspace .product-cost-table input.product-cost-input[type='number']:placeholder-shown{background:#fff;border:1px dashed var(--line);padding:9px;font-size:11px;font-weight:500}
body.creator-workspace .product-cost-table th button{background:transparent;color:var(--ink-2);min-height:0;padding:0;box-shadow:none;font-size:12px;font-weight:700}
body.creator-workspace .product-cost-history table{min-width:0}
.product-cost-order-settings .editor-grid{max-width:none;grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:640px){.product-cost-order-settings .editor-grid{grid-template-columns:1fr}}
/* Keep the column headings inside the product list's scroll container. */
.product-cost-table{overflow:visible}
.creator-sync-panel{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#fff;border:1px solid var(--line-soft);border-radius:12px;padding:14px 18px;margin-bottom:18px}
.creator-sync-panel strong{font-size:12px;color:var(--ink)}.creator-sync-panel p{font-size:11px;color:var(--muted);margin-top:4px}#sync-all-state{flex-basis:100%;margin:0}#sync-all-state:empty{display:none}
.product-cost-alert{background:#fff8e7;border:1px solid #e8c578;border-radius:12px;padding:16px 18px;margin:0 0 18px;color:#6d4b12;overflow-wrap:anywhere}
.product-cost-alert[hidden]{display:none}.product-cost-alert strong{font-size:13px}.product-cost-alert p,.product-cost-alert li{font-size:12px;line-height:1.6}.product-cost-alert p{margin:6px 0}.product-cost-alert ul{padding-left:20px;margin:8px 0 12px}