:root{font-family:system-ui,"Microsoft YaHei",sans-serif;color:#17352e;background:#f4f7f5;font-synthesis:none;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{border:0;border-radius:7px;background:#17654c;color:white;padding:10px 16px;cursor:pointer;white-space:nowrap}button:disabled{opacity:.45;cursor:default}button.quiet{background:#fff;color:#34564a;border:1px solid #d7e2da}a{color:#17654c;text-underline-offset:3px}input,textarea,select{border:1px solid #c4d3c9;border-radius:6px;padding:9px 11px;background:white;color:#1d342b;min-width:0}input:focus,textarea:focus,select:focus,button:focus-visible,td:focus-visible,a:focus-visible{outline:3px solid #a3cdb8;outline-offset:2px}.topbar{min-height:72px;background:white;border-bottom:1px solid #dfe6df;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 28px}.brand{display:flex;align-items:center;gap:12px;color:#173f30;text-decoration:none;font-size:18px}.brand-symbol{display:inline-block;width:33px;height:33px;background:linear-gradient(135deg,#14583f 0 46%,#b6d7bc 46% 61%,#357252 61%);border-radius:8px;flex-shrink:0}.topbar form{display:flex;align-items:center;gap:18px;font-size:13px}.username{color:#667c6e}.workspace{width:100%;min-width:0;height:calc(100dvh - 73px);min-height:540px;padding:26px 28px 22px;display:flex;flex-direction:column}.heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}h1{font-size:26px;margin:4px 0 7px;letter-spacing:-.5px;line-height:1.35}.eyebrow{font-size:11px;letter-spacing:2px;color:#708778;margin:0}.muted{color:#6f8174;font-size:12px}.heading .muted{margin:0}.overview{display:flex;align-items:center;gap:15px}.overview>div{padding:0 16px;border-right:1px solid #dce5dd;display:flex;flex-direction:column;gap:1px}.overview strong{font-size:23px;font-weight:650;line-height:1.2;font-variant-numeric:tabular-nums}.overview span{font-size:11px;color:#6f8174}.toolbar{display:flex;justify-content:space-between;gap:20px;align-items:end;padding:16px;background:#e9f0eb;border:1px solid #dce6de;border-radius:9px}.filters{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.search{display:flex;flex-direction:column;gap:5px;font-size:11px;color:#617969}.search input{width:270px;font-size:13px}.search select{min-width:145px;max-width:240px;font-size:13px}.toolbar button{font-size:12px;padding:9px 13px}.jump-form{display:flex;align-items:center;gap:9px;flex-shrink:0;font-size:12px;color:#617969}.jump-form input{width:90px;font-size:13px}.table-summary{display:flex;justify-content:space-between;gap:18px;align-items:center;min-height:43px}.table-summary p{margin:10px 0;font-size:12px}#status{color:#697c6e}.result-count{white-space:nowrap;color:#718173}.result-count strong{color:#345541;margin-left:8px}.table-wrap{overflow:auto;border:1px solid #d5e0d7;border-radius:9px;background:white;flex:1;min-height:200px;scroll-padding-top:50px}table{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%;font-size:12px}thead th{position:sticky;top:0;background:#e5ede7;z-index:2;color:#3e5a49;font-weight:650;text-align:left;padding:12px;max-width:185px;min-width:95px;white-space:pre-wrap;border-bottom:1px solid #c8d6cc}td{padding:10px 12px;white-space:nowrap;max-width:310px;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid #e8eee9;border-right:1px solid #f0f3f0;font-variant-numeric:tabular-nums;min-width:90px;line-height:1.6}.row-label,thead th:first-child{position:sticky;left:0;background:#f0f5f0;z-index:1;min-width:75px;color:#718b76}.row-label{padding:9px 10px;font-size:11px;border-bottom:1px solid #e1e9e2;font-weight:500;text-align:left}.row-label .pending{display:block;width:max-content;margin-top:3px}thead th:first-child{z-index:3}.formula{color:#5d806c;background:#f8fbf7}.number{text-align:right}.cell-error{color:#9d4e2d;background:#fff4e9}.editable{cursor:pointer}.editable:hover{box-shadow:inset 0 0 0 1px #4d9169;background:#f1f8f0}tbody tr:hover .row-label{color:#215c3c;background:#e2f0e2}.jump-target td,.jump-target .row-label{border-top:2px solid #659777;border-bottom:2px solid #659777}.pending{display:inline-block;color:#975512;background:#ffebcf;border-radius:4px;padding:2px 5px;font-size:10px}.empty-state{text-align:center;color:#708476;padding:50px}.error,.required{color:#a33525}.error{font-size:13px;overflow-wrap:anywhere}dialog{border:1px solid #d4dfd6;border-radius:12px;box-shadow:0 20px 90px #142d2333;padding:26px;max-width:690px;width:92vw;max-height:90dvh;overflow:auto}dialog::backdrop{background:#122b2466}dialog h2{font-size:21px;margin:0 0 10px}dialog label{display:block;font-size:13px;margin:14px 0 6px}dialog textarea,dialog select,dialog input:not([type=checkbox]){width:100%}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.product-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.product-fields label{margin-top:13px}.product-fields label input,.product-fields label select{display:block;margin-top:5px}.product-fields small{display:block;color:#75897b;font-size:11px;margin-top:5px}.product-fields .wide{grid-column:1/-1}.checkbox-label{display:flex!important;align-items:flex-start;gap:9px;margin-top:21px!important}.checkbox-label input{width:17px;height:17px;flex-shrink:0;accent-color:#17654c;margin-top:2px}.checkbox-label span{color:#486650;font-size:12px}#audit-content{max-height:60vh;overflow:auto;font-size:12px}#audit-content p{border-bottom:1px solid #e7eee8;padding-bottom:12px;white-space:pre-wrap;overflow-wrap:anywhere}.login-page{display:grid;place-items:center;min-height:100vh;background:linear-gradient(130deg,#e8f0e6,#f8f9f5)}.login-card{display:block;background:white;width:430px;max-width:90vw;padding:38px;border-radius:15px;box-shadow:0 14px 55px #1c352a12}.login-card h1{margin-top:22px;font-size:25px;line-height:1.5}.login-card p,.login-card small{color:#708476;font-size:12px}.login-card label{display:block;margin:20px 0 6px;font-size:13px}.login-card input,.login-card button{width:100%}.login-card button{margin:23px 0}.login-card small{display:block;text-align:center}.login-card .error{color:#a33525}@media(max-width:1150px){.heading{align-items:start;gap:18px}.overview{gap:10px;flex-wrap:wrap;justify-content:flex-end}.overview>div{padding:0 10px}.search input{width:220px}.toolbar{flex-wrap:wrap;gap:14px}.jump-form{margin-left:auto}.workspace{padding:22px 18px}.topbar{padding:14px 18px}.brand{font-size:16px}}@media(max-width:760px){.topbar{align-items:flex-start;flex-wrap:wrap;gap:12px}.topbar form{margin-left:auto;gap:14px}.brand{font-size:15px}.brand-symbol{width:29px;height:29px}.workspace{height:auto;min-height:calc(100vh - 120px);padding:20px 12px}.heading{flex-direction:column}.overview{width:100%;justify-content:flex-start}.overview>div:first-child{padding-left:0}.overview button{margin-left:auto}.overview button+button{margin-left:0}.table-wrap{height:65vh;flex:auto}.toolbar{padding:12px}.filters{width:100%}.search{flex:1;min-width:135px}.search input,.search select{width:100%;min-width:0;max-width:none}.table-summary{align-items:start}.result-count{padding-top:1px}.jump-form{margin-left:0}.product-fields{grid-template-columns:1fr}.product-fields .wide{grid-column:auto}dialog{padding:22px}.login-card{padding:30px}.login-card h1{font-size:23px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.row-details{display:block;margin-top:5px;padding:2px 7px;border:1px solid #c5d9ca;border-radius:4px;background:white;color:#326348;font-size:10px}.missing-name{color:#9a7336;background:#fffcf3}.main-grid{width:100%;table-layout:auto}.main-grid td{max-width:260px}.main-grid th{min-width:110px}.main-grid th:first-child{min-width:76px}.main-grid thead th:nth-child(4),.main-grid thead th:nth-child(5){min-width:160px}#toggle-fields[aria-pressed=true]{background:#17654c;color:white;border-color:#17654c}
.metric-detail{margin:12px 0 0;padding:12px;border:1px solid #dce7df;border-radius:7px;color:#617568;font-size:12px;background:#f6faf6}.metric-detail strong{display:block;margin-top:4px;color:#24503b;font-size:20px;font-weight:650}input[readonly]{background:#f4f7f4;color:#617568}

.row-pricing{font-size:12px;padding:7px 10px;background:#17654c}#pricing-dialog{max-width:560px}#pricing-preview{font-size:16px;color:#17654c;font-weight:600}

.brand-logo{width:56px;height:56px;object-fit:contain;flex-shrink:0;border-radius:6px}.brand{display:flex;align-items:center;gap:12px}
 .login-card>.brand-logo{display:block;width:132px;height:132px;margin:0 auto 16px}.topbar{min-height:88px}.workspace{height:calc(100dvh - 89px)}

.profit-settings-button{display:block;margin:7px 0 0 auto;padding:5px 9px;font-size:11px;background:#fff;color:#17654c;border:1px solid #a8c9b8}#profit-dialog{max-width:560px}.main-grid thead th:nth-child(4){min-width:260px}

.main-grid thead th:nth-child(5){min-width:110px}

.profit-rate{display:block;color:#526a60;font-size:11px;margin-top:4px}.pricing-warning{display:block;color:#9b4818;font-size:11px;margin-top:5px;white-space:normal}.pricing-review{background:#fff5e7!important}.pricing-explanation{padding:8px 12px;background:#fffaf0;border:1px solid #eadcc1;border-radius:8px;font-size:12px;margin-top:12px}.pricing-explanation p{margin:3px 0}.pricing-explanation .checkbox-label{margin:5px 0 0}

/* Keep the list in the remaining viewport; supporting text must not consume it. */
.grid-page{height:100dvh;display:flex;flex-direction:column;overflow:hidden}
.grid-page .topbar{min-height:56px;padding:8px 18px;gap:12px;flex-shrink:0}
.grid-page .brand-logo{width:38px;height:38px}
.grid-page .brand{font-size:16px;gap:9px}
.grid-page .topbar form{gap:12px}
.grid-page .topbar button{padding:6px 12px}
.grid-page .workspace{height:auto;min-height:0;flex:1;padding:10px 18px 12px}
.grid-page .workspace> :not(.table-wrap){flex-shrink:0}
.grid-page .heading{margin-bottom:8px;gap:12px}
.grid-page .eyebrow{display:none}
.grid-page h1{font-size:21px;margin:0 0 2px}
.grid-page .overview{gap:10px}
.grid-page .overview strong{font-size:20px}
.grid-page .overview>div{padding:0 10px}
.grid-page .overview button{padding:8px 12px}
.grid-page .toolbar{padding:8px 10px;gap:10px;align-items:center}
.grid-page .search{gap:2px}
.grid-page .search input,.grid-page .search select,.grid-page .jump-form input{padding:6px 9px}
.grid-page .toolbar button{padding:7px 10px}
.grid-page .pricing-explanation{margin-top:7px;padding:6px 10px}
.pricing-notice{display:flex;align-items:center;flex-wrap:wrap;gap:4px 16px}
.grid-page .pricing-explanation p{margin:0}
.grid-page .pricing-explanation .checkbox-label{margin:0!important;align-items:center;white-space:nowrap;gap:5px}
.grid-page .pricing-explanation .checkbox-label input{margin:0}
.pricing-help{margin-left:auto;font-size:12px}
.pricing-help summary{cursor:pointer;color:#526a60}
.pricing-help[open]{flex-basis:100%;margin-left:0}
.pricing-help[open] p{padding-top:4px}
.grid-page .table-summary{min-height:29px;gap:10px}
.grid-page .table-summary p{margin:5px 0;font-size:11px}
.grid-page #status{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.grid-page .table-wrap{min-height:180px;flex:1 1 0;scroll-padding-top:40px}
.grid-page thead th{padding:9px 10px}
.grid-page td{padding:6px 10px}
.grid-page .row-label{padding:6px 8px}
.grid-page .profit-settings-button{margin-top:4px;padding:3px 8px}
.grid-page .profit-rate,.grid-page .pricing-warning{margin-top:2px}
@media(max-width:1150px){.grid-page .search input{width:190px}.grid-page .toolbar{gap:6px}.grid-page .filters{gap:7px}}
@media(max-width:760px){
 .grid-page{height:auto;min-height:100dvh;overflow:auto}
 .grid-page .topbar{padding:8px 12px;gap:6px}
 .grid-page .brand{font-size:14px}
 .grid-page .workspace{padding:10px 12px;flex:none}
 .grid-page .heading{gap:8px}
 .grid-page .overview{justify-content:flex-start}
 .grid-page .table-wrap{height:70dvh;min-height:320px;flex:none}
 .grid-page .search input{width:100%}
 .grid-page .pricing-help{margin-left:0}
}

#metadata-specification { display:block; width:100%; box-sizing:border-box; padding:10px; font:inherit; resize:vertical; min-height:90px; }

button.danger,button.row-delete{background:#b42318;color:#fff;border:1px solid #b42318}button.row-delete{display:block;margin-top:5px;font-size:12px;padding:3px 8px}#delete-product-name{font-weight:650;overflow-wrap:anywhere}#delete-product-dialog{max-width:520px}

.product-identity input {width:72px;max-width:72px;border:0;background:transparent;font:12px monospace;color:#38574a;cursor:text;padding:4px 0;}
#metadata-product-id {width:100%;font-family:monospace;box-sizing:border-box;}

.mall-reminder{display:flex;align-items:center;flex-wrap:wrap;gap:4px 9px;border:1px solid #eadcc1;background:#fff8e7;border-radius:6px;padding:3px 8px;flex-shrink:0;color:#794e17}.mall-reminder strong{font-weight:650}.mall-reminder a{white-space:nowrap}.grid-page .table-summary:has(.mall-reminder){flex-wrap:wrap}.grid-page .table-summary:has(.mall-reminder) #status{flex:1;min-width:150px}.grid-page .table-summary .mall-reminder{margin:3px 0;font-size:12px}
