#supplier-control .notice{margin-bottom:18px}#supplier-control .notice strong{display:block;margin-bottom:6px}#supplier-control .notice p{margin:4px 0}#supplier-control .sp-sample{background:#eee7f8;border:1px solid #cfbfe5;color:#5e477e}
.sp-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.sp-heading p{color:#5a6c88;line-height:1.8;margin:0}.sp-actions{display:flex;gap:7px;flex-wrap:wrap;min-width:170px}.sp-amount{font-size:20px;color:#403362}.sp-rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:20px 23px}.sp-rules article{padding:16px;background:#eef2fa;border:1px solid #cdd8e9;border-radius:8px}.sp-rules span{display:block;color:#65748e;font-size:12px;margin-bottom:8px}.sp-rules strong{color:#3e4c66;font-size:16px}.sp-tags{display:flex;flex-wrap:wrap;gap:8px;padding:0 23px 20px}.sp-tags span{border:1px solid #d6c9e9;border-radius:5px;background:#f4effb;color:#674f8b;padding:6px 9px;font-size:12px}.sp-rank{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;background:#ede5f9;color:#6744a3;font-size:14px;font-weight:650;border-radius:7px}.sp-trace{list-style:none;padding:0 23px 23px;margin:0}.sp-trace li{display:flex;gap:15px;align-items:flex-start;padding:16px 0;border-bottom:1px solid #d7dfec}.sp-trace li:last-child{border-bottom:0}.sp-trace p{color:#526580;margin:8px 0}.sp-trace small{color:#677994;line-height:1.8}.sp-editor .field{margin-bottom:16px}.sp-editor .check-field{line-height:1.8;margin:12px 0}.sp-editor textarea{width:100%;background:#fff;color:#34445f}.sp-editor .notice p{font-size:12px;line-height:1.8}.sp-editor small{line-height:1.8;color:#687b96}.sp-audit-diff{max-width:400px;white-space:normal}.sp-audit-diff pre{margin:6px 0 14px;max-height:220px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;background:#f2f5fb;color:#405779;border:1px solid #cfdaea;border-radius:6px;padding:12px}#supplier-control .toolbar{align-items:flex-end}#supplier-control .toolbar>.field{min-width:135px}#supplier-control .toolbar select{max-width:240px}.state-tabs{flex-wrap:wrap}
@media(max-width:800px){.sp-rules{grid-template-columns:1fr;padding:18px}.sp-heading{flex-direction:column;align-items:stretch}#supplier-control .toolbar>.field{flex:1 1 180px}}@media(max-width:520px){#supplier-control .toolbar>.field{min-width:0;flex:1 1 100%}#supplier-control .toolbar select{width:100%;max-width:none}.sp-actions{min-width:145px}.sp-tags{padding:0 18px 18px}}
#supplier-control .toolbar .field>select{flex:0 0 40px;height:40px;min-height:40px;margin:0}#supplier-control .toolbar>.field{margin:0}#supplier-control .toolbar .field>input{flex:0 0 40px;height:40px;min-height:40px}