.distribution-center{min-width:0;max-width:1600px;margin:auto}.distribution-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.distribution-heading h2{font-size:20px;margin:0}.distribution-heading h3{font-size:16px;margin:0}.distribution-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:16px 0}.distribution-toolbar>.el-input{width:240px;max-width:100%}.distribution-balances{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;border-bottom:1px solid var(--el-border-color);padding:16px 0 24px}.distribution-balances span{display:block;color:var(--el-text-color-secondary);font-size:13px}.distribution-balances strong{display:block;font-size:26px;margin-top:10px;overflow-wrap:anywhere}.distribution-debt{color:var(--el-color-danger)}.distribution-account{white-space:pre-wrap;overflow-wrap:anywhere}.distribution-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.distribution-form .el-select,.distribution-form .el-input-number{width:100%}.distribution-form .el-form-item{min-width:0}.distribution-variant-editor{padding:16px 0;border-top:1px solid var(--el-border-color)}.distribution-product{display:flex;gap:12px;align-items:center}.distribution-product .el-image{width:48px;height:48px;flex-shrink:0}.distribution-product small,.distribution-muted{display:block;color:var(--el-text-color-secondary);font-size:12px;overflow-wrap:anywhere}.distribution-pagination{margin-top:20px;max-width:100%;overflow:auto}.distribution-variants{padding:12px}.distribution-order-actions{display:inline-flex;gap:8px}.distribution-order-dialog .el-select{width:100%}.distribution-order-dialog .el-alert{margin-bottom:12px}.distribution-order-image{display:block;width:56px;height:56px;margin:auto;border-radius:4px;background:var(--el-fill-color-light)}.distribution-code-preview{margin-top:12px;border-top:1px solid var(--el-border-color)}.distribution-code-preview>div{padding:8px 0;border-bottom:1px solid var(--el-border-color);font-size:13px}.distribution-code-preview span{display:block;color:var(--el-text-color-secondary)}.distribution-code-preview code{display:block;overflow-wrap:anywhere;word-break:break-word;font-size:12px}@media(max-width:600px){.distribution-form{grid-template-columns:1fr}.distribution-balances{gap:10px}.distribution-balances strong{font-size:18px}.distribution-balances span{font-size:12px}.distribution-heading h2{font-size:18px}.distribution-center{padding:12px!important}}