.planning-config{border-bottom:1px solid #d5dedc;padding:14px 0;margin-bottom:14px}
.planning-config>summary{font-weight:600;cursor:pointer;padding:6px 0}
.system-rule-form{margin:18px 0 24px;background:#fff;border:1px solid #d5dedc;border-radius:8px}
.system-rule-locked{padding:14px 16px;margin:18px 0 24px;background:#f0f3f1;border-left:3px solid #738278;color:#465149}
.planning-config .panel{padding:16px 0}
.rule-tier-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin:18px 0 12px}
.rule-tier{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border:1px solid #d5dedc;border-radius:6px;color:#21302b}
.rule-tier strong{font-size:16px}
.rule-tier span{font-size:13px;color:#4d5b55}
.tier-quiet{background:#e5e7eb}.tier-low{background:#dcefdc}.tier-good{background:#d8edfb}.tier-hot{background:#f8d7da}.tier-shared{background:#fff2b3}.tier-yingrui{background:#e9ddf7}
.suggestion-preview{box-sizing:border-box;width:min(1100px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:24px;border:1px solid #dce0e6;border-radius:8px;overflow:auto}
.suggestion-preview>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.suggestion-preview h2{margin:0;font-size:20px}.suggestion-preview::backdrop{background:#0005}
.suggestion-product-info{display:flex;gap:16px;align-items:start;margin-bottom:12px}.suggestion-product-info img{width:80px;height:100px;object-fit:contain}.suggestion-product-info>div{min-width:0;overflow-wrap:anywhere}.suggestion-product-info p{margin:6px 0}
.planning-summary{padding:12px 0;border-bottom:1px solid #d5dedc;margin-bottom:16px}
#planningGeneration table{min-width:0;width:100%;table-layout:fixed}
#planningGeneration th,#planningGeneration td{white-space:normal;overflow-wrap:anywhere}
.planning-drafts{display:grid;gap:20px}
.planning-draft{border:1px solid #ccd7d3;border-radius:6px;min-width:0}
.draft-heading{display:flex;gap:14px;align-items:center}
.draft-heading h3{margin:0 0 6px;font-size:18px}
.draft-heading .thumb{width:76px;height:90px;object-fit:contain;background:#f1f5f4}
.planning-draft td input{width:90px;min-width:70px}
.planning-check{display:flex;align-items:center;gap:8px}
.planning-check input{width:auto}
.planning-risk{background:#fff4cd;color:#604e12;padding:10px;border-left:3px solid #d4b439}
.draft-totals{font-weight:600;color:#09695a}
#fulfillmentDialog{width:min(720px,calc(100vw - 24px));max-height:90vh;overflow:auto}
#fulfillmentDialog td input{width:100px}
#fulfillmentDialog table{min-width:0;width:100%}
#fulfillmentDialog h3{margin-top:22px}
@media(max-width:700px){.planning-draft{padding:12px}.draft-heading h3{font-size:16px}.planning-draft .actions{flex-wrap:wrap}.planning-draft .form-grid{grid-template-columns:1fr}.planning-summary{line-height:1.8}#fulfillmentDialog .panel{padding:12px}#fulfillmentDialog td input{width:76px}#fulfillmentDialog td,#fulfillmentDialog th{padding:8px}}