/* ===== 外加工页（复用供货商样式，此处仅补充外加工特有部分）===== */
#outsourcing-page .head-ranking-card #out-chart{display:flex;align-items:stretch;flex:1;min-width:0}
#outsourcing-page .purchase-count.ellip{max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}

/* ===== 新增供货商弹窗 · 布局美化 ===== */
#out-vendor-modal .dialog{padding:0;width:min(560px,94vw);max-height:92vh;overflow-y:auto;border-radius:var(--ui-radius,12px);position:relative;overflow:hidden}
#out-vendor-modal .dialog::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--admin-accent),var(--admin-accent-2),var(--admin-accent-3));z-index:1}
#out-vendor-modal .dialog-title{padding:20px 24px 14px;border-bottom:none;margin-bottom:0}
#out-vendor-modal .title-icon{background:linear-gradient(135deg,var(--admin-accent),var(--admin-accent-2))!important;color:#fff!important;border:none!important;box-shadow:0 6px 16px rgba(var(--admin-accent-rgb),.35)!important}
#out-vendor-modal .dialog-title h2{color:var(--admin-text);font-size:var(--fs-xl);font-weight:800}
#out-vendor-modal .dialog-title p{color:var(--admin-text-sub)!important}
#out-vendor-modal #out-vendor-form{padding:0 24px 20px}
#out-vendor-modal .form-grid{gap:14px 12px}
#out-vendor-modal .form-grid label{font-size:var(--fs-base);color:var(--admin-text-muted);font-weight:700}#out-vendor-modal .form-grid input, #out-vendor-modal .form-grid select{width:100%;margin-top:6px;border:1.5px solid var(--admin-border-soft)!important;padding:9px 12px;background:#fff;color:var(--admin-text);outline:none;transition:border-color .2s,box-shadow .2s}
#out-vendor-modal .form-grid textarea{width:100%;margin-top:6px;border:1.5px solid var(--admin-border-soft)!important;border-radius:var(--ui-radius,12px);padding:9px 12px;background:#fff;font-size:var(--fs-md);color:var(--admin-text);outline:none;transition:border-color .2s,box-shadow .2s}
#out-vendor-modal .form-grid input:focus,#out-vendor-modal .form-grid select:focus,#out-vendor-modal .form-grid textarea:focus{border-color:var(--admin-accent-2)!important;box-shadow:0 0 0 3px rgba(var(--admin-accent-2-rgb),.10)}
#out-vendor-modal .form-grid input::placeholder,#out-vendor-modal .form-grid textarea::placeholder{color:var(--admin-text-sub)!important}
#out-vendor-modal .form-grid textarea{min-height:70px;resize:vertical}
#out-vendor-modal .employee-avatar-upload{margin:6px auto 2px}
#out-vendor-modal .employee-avatar-upload .emp-avatar{background:linear-gradient(135deg,var(--admin-accent),var(--admin-accent-2),var(--admin-accent-3))!important;color:#fff!important;box-shadow:0 6px 16px rgba(var(--admin-accent-2-rgb),.35)}
#out-vendor-modal .form-actions{border-top:1px solid var(--admin-border);padding-top:14px;margin-top:18px}
#out-vendor-modal .form-actions .btn.secondary{background:#fff;color:var(--admin-text-muted);border:1px solid var(--admin-border)}
#out-vendor-modal .form-actions .btn.secondary:hover{color:var(--admin-text);box-shadow:0 4px 14px rgba(var(--admin-accent-rgb),.16)}
