/* ===== 物料列表页（炫彩浅色版）===== */
#materials-page .mat-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
#materials-page .mat-toolbar h1{font-size:var(--fs-xl);font-weight:700;margin:0;background:linear-gradient(90deg,#155e75,var(--brand-violet-deep) 60%,var(--brand-pink));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
#materials-page .mat-toolbar p{font-size:var(--fs-base);color:var(--admin-text-muted);margin:3px 0 0}
#materials-page #material-add-btn.btn.primary{background:linear-gradient(135deg,var(--admin-accent),var(--admin-accent-2))!important;box-shadow:0 6px 18px rgba(var(--admin-accent-rgb),.35)!important;border:none!important}
#materials-page #material-add-btn.btn.primary:hover{background:linear-gradient(135deg,var(--admin-accent),var(--admin-accent-2))!important;box-shadow:0 10px 26px rgba(var(--admin-accent-2-rgb),.42)!important;transform:translateY(-2px);filter:none}
#materials-page .mat-stats{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:18px}
#materials-page .mat-stat{flex:1 1 190px;min-width:0;padding:16px 18px;background:var(--admin-surface);border:1px solid var(--admin-card-border);backdrop-filter:blur(8px);position:relative;overflow:hidden}
#materials-page .mat-stat::after{content:'';position:absolute;top:0;right:0;width:120px;height:120px;border-radius:0 var(--ui-radius,12px) 0 var(--ui-radius,12px);opacity:.22;filter:blur(20px);pointer-events:none}
#materials-page .mat-stat.c1{box-shadow:0 6px 20px rgba(var(--admin-accent-rgb),.12)}
#materials-page .mat-stat.c1::after{background:var(--admin-accent)}
#materials-page .mat-stat.c3{box-shadow:0 6px 20px rgba(var(--admin-accent-2-rgb),.12)}
#materials-page .mat-stat.c3::after{background:var(--admin-accent-2)}
#materials-page .mat-stat.c4{box-shadow:0 6px 20px rgba(var(--brand-emerald-rgb),.12)}
#materials-page .mat-stat.c4::after{background:var(--brand-emerald)}
#materials-page .mat-stat-label{font-size:var(--fs-sm);color:var(--admin-text-muted);position:relative;z-index:1}
#materials-page .mat-stat-value{font-size:var(--fs-3xl);font-weight:800;margin-top:6px;letter-spacing:.3px;position:relative;z-index:1;font-variant-numeric:tabular-nums}
#materials-page .mat-stat.c1 .mat-stat-value{color:var(--admin-accent-ink)}
#materials-page .mat-stat.c3 .mat-stat-value{color:var(--brand-violet)}
#materials-page .mat-stat.c4 .mat-stat-value{color:var(--success-deep)}
#materials-page .mat-stat-foot{font-size:var(--fs-xs);color:var(--admin-text-muted);margin-top:5px;position:relative;z-index:1}
#materials-page .mat-toolbar-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:14px}
#materials-page .mat-search{flex:1 1 220px;min-width:0;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230891b2' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E") no-repeat 12px center/16px 16px;border:1.5px solid var(--admin-border);padding:0 14px 0 36px;color:var(--admin-text);outline:none;box-shadow:0 1px 2px rgba(16,24,40,.04);transition:border-color .2s,box-shadow .2s}
#materials-page .mat-search::placeholder{color:#a5abd8}
#materials-page .mat-search:focus{border-color:var(--admin-accent);box-shadow:0 0 0 3px rgba(var(--admin-accent-rgb),.14)}
#materials-page .mat-chips{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
#materials-page .mat-chip{padding:7px 16px;border-radius:var(--ui-radius,12px);font-size:var(--fs-base);cursor:pointer;border:1px solid var(--admin-card-border);color:var(--admin-text-muted);background:rgba(255,255,255,.85);transition:all .18s ease;user-select:none;white-space:nowrap}
#materials-page .mat-chip:hover{background:#fff;color:var(--admin-text);box-shadow:0 2px 10px rgba(120,130,255,.14)}
#materials-page .mat-chip.on{color:#fff;font-weight:600;border-color:transparent;background:linear-gradient(135deg,var(--admin-accent),var(--admin-accent-2));box-shadow:0 4px 14px rgba(var(--admin-accent-rgb),.32)}
#materials-page .mat-tag{display:inline-block;font-size:var(--fs-sm);padding:2px 8px;margin:1px 3px 1px 0;border-radius:var(--ui-radius,12px);background:#e0f7ff;color:#0e7490;border:1px solid rgba(var(--admin-accent-rgb),.35);font-weight:600}
#materials-page .mat-act{display:inline-block;color:var(--admin-accent-ink);cursor:pointer;margin-left:8px;font-size:var(--fs-base);font-weight:600;padding:3px 12px;border-radius:var(--ui-radius,12px);background:#e0f7ff;border:1px solid rgba(var(--admin-accent-rgb),.35);transition:all .15s;text-decoration:none}
#materials-page .mat-act.danger{color:var(--brand-rose-deep);background:#ffe4e9;border-color:rgba(var(--brand-rose-rgb),.32)}
#materials-page .mat-act:hover{background:#cff1fc;box-shadow:0 2px 8px rgba(var(--admin-accent-rgb),.18)}
#materials-page .mat-act.danger:hover{background:#ffd6df;box-shadow:0 2px 8px rgba(var(--brand-rose-rgb),.18)}
#materials-page .mat-name-cell{display:flex;align-items:center;gap:8px}
#materials-page .mat-name-avatar{width:30px;height:30px;border-radius:var(--ui-radius,12px);display:inline-flex;align-items:center;justify-content:center;font-size:var(--fs-md);font-weight:700;color:#fff;background:linear-gradient(135deg,var(--admin-accent),var(--admin-accent-2));flex:none}
#materials-page .mat-name-img{object-fit:cover;border-radius:var(--ui-radius,12px)}
#material-form .employee-avatar-upload{margin:2px auto 18px}
#materials-page .mat-cat-tag{display:inline-block;font-size:var(--fs-sm);padding:3px 10px;border-radius:var(--ui-radius,12px);font-weight:600}
#materials-page .mat-cat-tag.c1{color:var(--brand-violet-deep);background:#f1e8ff;border:1px solid rgba(var(--admin-accent-2-rgb),.35)}
#materials-page .mat-cat-tag.c2{color:#be185d;background:#fde8f3;border:1px solid rgba(var(--admin-accent-3-rgb),.32)}
#materials-page .mat-cat-tag.c3{color:var(--brand-emerald-deep);background:#e2fbf1;border:1px solid rgba(var(--brand-emerald-rgb),.35)}
#materials-page .mat-cat-tag.c4{color:var(--brand-amber-deep);background:#fef3dc;border:1px solid rgba(var(--brand-amber-rgb),.35)}
#materials-page .mat-cat-none{color:#a5abd8}
#materials-page .data-table thead th{background:linear-gradient(90deg,rgba(var(--admin-accent-rgb),.08),rgba(var(--admin-accent-2-rgb),.08))!important;color:var(--admin-text-muted)!important;border-top:none!important}
#materials-page .data-table tbody tr:hover{background:rgba(var(--admin-accent-2-rgb),.05)!important}
#materials-page .card{overflow-x:auto!important;overflow-y:hidden!important}
.mat-sup-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:var(--fs-md);font-weight:600;color:#1A1B1C}

#material-modal .mat-sup-head .mat-add-sup-btn{
  border:1px dashed var(--brand-green);background:transparent;color:var(--brand-green);
  font-size:var(--fs-base);padding:5px 12px;border-radius:var(--ui-radius,12px);cursor:pointer;transition:.2s;
}

/* 关联供货商 chips */
#mat-sup-list{display:flex;flex-direction:column;gap:8px;margin-top:4px;margin-bottom:12px}
#mat-sup-list .mm-empty{font-size:var(--fs-base);color:var(--admin-text-sub);text-align:center;padding:12px 0}
.mm-chip{display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:var(--ui-radius,12px);background:#fff;border:none;box-shadow:0 1px 2px rgba(12,27,38,.06)}
.mm-chip .dot{width:8px;height:8px;border-radius:var(--ui-radius,12px);background:var(--brand-green);flex:none}
.mm-chip .nm{font-size:var(--fs-md);font-weight:500;color:#1A1B1C}
.mm-chip .q{width:82px;font-size:var(--fs-base);color:var(--admin-text)!important;caret-color:var(--admin-text)!important;background:#FFFFFF;border:1px solid #D6D8DF;border-radius:var(--ui-radius,12px);padding:5px 8px;margin-left:auto;outline:none}
.mm-chip .q:focus{border-color:var(--brand-green)}
.mm-chip .mm-default{font-size:var(--fs-xs);color:var(--admin-text-muted);border:1px solid #D6D8DF;padding:3px 8px;border-radius:var(--ui-radius,12px);background:transparent;cursor:pointer;white-space:nowrap;transition:.15s}
.mm-chip .mm-default.on{color:var(--brand-green);border-color:rgba(var(--brand-green-rgb),.4);background:rgba(var(--brand-green-rgb),.08)}
.mm-chip .mm-rm{border:none;background:transparent;color:var(--admin-text-sub);width:22px;height:22px;border-radius:var(--ui-radius,12px);cursor:pointer;font-size:var(--fs-xl);line-height:1;transition:.15s}
.mm-chip .mm-rm:hover{color:var(--danger-deep);background:rgba(var(--brand-danger-rgb),.08)}

/* 供货商选择弹窗（浅色） */
.mm-picker-overlay{position:fixed;inset:0;background:rgba(12,27,38,.4);backdrop-filter:blur(3px);z-index:60;display:none;align-items:center;justify-content:center;padding:20px}
.mm-picker-overlay.show{display:flex}
.mm-picker{width:min(470px,100%);background:#FFFFFF;border:1px solid var(--admin-border);border-radius:var(--ui-radius,12px);padding:20px;box-shadow:0 24px 64px rgba(12,27,38,.2);color:var(--admin-text)}
.mm-picker-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.mm-picker-head h2{font-size:var(--fs-xl);font-weight:600;color:var(--admin-text);margin:0}
.mm-picker-head .count{font-size:var(--fs-sm);color:var(--brand-green);margin-left:auto}
.mm-picker-close{border:1px solid var(--admin-border);background:#FFFFFF;color:var(--admin-text-sub);width:30px;height:30px;border-radius:var(--ui-radius,12px);cursor:pointer;font-size:var(--fs-xl);line-height:1}
.mm-picker-close:hover{color:var(--brand-green)}
.mm-picker-search{position:relative;margin-bottom:12px}
.mm-picker-search input{width:100%;color:var(--admin-text)!important;caret-color:var(--admin-text)!important;background:#FFFFFF;border:1px solid #D6D8DF;padding:10px 12px 10px 34px;outline:none}

.mm-picker-search svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:16px;height:16px;stroke:#9AA0AE}
.mm-picker-list{max-height:300px;overflow:auto;display:flex;flex-direction:column;gap:8px;padding-right:2px}
.mm-picker-list .mm-empty{font-size:var(--fs-base);color:var(--admin-text-sub);text-align:center;padding:18px 0}
.mm-item{display:flex;align-items:center;gap:11px;width:100%;padding:10px 12px;border:1px solid var(--admin-border);border-radius:var(--ui-radius,12px);cursor:pointer;transition:.15s;background:#FFFFFF;font:inherit;color:inherit;text-align:left}
.mm-item:focus-visible{outline:2px solid var(--brand-green);outline-offset:2px}
.mm-item:hover{border-color:rgba(var(--brand-green-rgb),.4);background:#F8FAFC}
.mm-item.on{border-color:rgba(var(--brand-green-rgb),.5);background:rgba(var(--brand-green-rgb),.06)}
.mm-item .av{width:34px;height:34px;border-radius:var(--ui-radius,12px);flex:none;display:grid;place-items:center;font-size:var(--fs-lg);font-weight:600;color:var(--brand-green);background:rgba(var(--brand-green-rgb),.1);border:1px solid rgba(var(--brand-green-rgb),.2)}
.mm-item .info{min-width:0}
.mm-item .info b{display:block;font-size:var(--fs-md);font-weight:500;color:var(--admin-text)}
.mm-item .info small{font-size:var(--fs-sm);color:var(--admin-text-muted)}
.mm-item .mm-cb{flex:none;width:18px;height:18px;border-radius:var(--ui-radius,12px);border:1.5px solid #9AA0AE;display:grid;place-items:center;transition:.15s}
.mm-item.on .mm-cb{background:var(--brand-green);border-color:var(--brand-green)}
.mm-item .mm-cb::after{content:"";width:9px;height:5px;border:2px solid #fff;border-top:none;border-right:none;transform:rotate(-45deg);opacity:0;margin-top:-2px}
.mm-item.on .mm-cb::after{opacity:1}
.mm-picker-tools{display:flex;gap:8px;margin-bottom:10px}
.mm-tool-btn{font-size:var(--fs-base);color:var(--brand-green);border:1px solid rgba(var(--brand-green-rgb),.3);background:transparent;padding:4px 12px;border-radius:var(--ui-radius,12px);cursor:pointer;transition:.15s}
.mm-tool-btn:hover{background:rgba(var(--brand-green-rgb),.08)}
.mm-picker-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}
.mm-hl{background:#FFF0B3;color:#7A5200;border-radius:var(--ui-radius,12px);padding:0 1px;font-weight:600}
.mm-cat-field{position:relative;display:flex}
.mm-cat-field input{cursor:pointer}
.mm-cat-field button{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:none;background:transparent;color:var(--admin-text-sub);width:28px;height:28px;display:grid;place-items:center;cursor:pointer;border-radius:var(--ui-radius,12px);padding:0}
.mm-cat-field button:hover{color:var(--brand-green);background:rgba(var(--brand-green-rgb),.08)}
.mm-cat-field svg{width:15px;height:15px}
.mm-cat-item .av{background:rgba(var(--brand-green-rgb),.1);color:var(--brand-green)}
.mm-cat-field #purchase-clear-product{right:36px}
.mm-cat-field #purchase-clear-product:hover{color:var(--danger-deep);background:rgba(var(--brand-danger-rgb),.08)}

/* ===== 新增/修改物料弹窗 · 布局美化（与供货商弹窗同一套语言）===== */
#material-modal .dialog{padding:0;width:min(560px,94vw);max-height:92vh;overflow-y:auto;border-radius:var(--ui-radius,12px);position:relative;min-width:0}
#material-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}
#material-modal .close{right:14px;top:12px;z-index:3}
#material-modal .dialog-title{padding:20px 24px 14px;border-bottom:none;margin-bottom:0}
#material-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-2-rgb),.35)!important}
#material-modal .dialog-title h2{color:var(--admin-text);font-size:var(--fs-xl);font-weight:800}
#material-modal .dialog-title p{color:var(--admin-text-muted)!important;font-size:var(--fs-base)}
#material-modal #material-form{padding:0 24px 20px}
#material-modal .employee-avatar-upload{margin:2px auto 18px}
#material-modal .employee-avatar-upload .emp-avatar{background:linear-gradient(135deg,var(--admin-accent),var(--admin-accent-2))!important;color:#fff!important;border:none!important;box-shadow:0 8px 20px rgba(var(--admin-accent-2-rgb),.32)}
#material-modal .employee-avatar-upload .avatar-camera{background:var(--admin-accent-2)!important;border-color:#fff!important}
#material-modal .form-grid{gap:13px 14px}
#material-modal .form-grid label{font-size:var(--fs-base);color:var(--admin-text);font-weight:700}
#material-modal .form-grid input,#material-modal .form-grid select{width:100%;margin-top:6px;border:1.5px solid var(--admin-border);border-radius:var(--ui-radius,12px);padding:9px 12px;background:#fff;color:var(--admin-text);outline:none;transition:border-color .2s,box-shadow .2s}
#material-modal .form-grid input:focus,#material-modal .form-grid select:focus{border-color:var(--admin-accent-2);box-shadow:0 0 0 3px rgba(var(--admin-accent-2-rgb),.12)}
#material-modal .form-grid input::placeholder{color:var(--admin-text-sub)}
#material-modal .mm-cat-field button:hover{color:var(--admin-accent-ink);background:rgba(var(--admin-accent-2-rgb),.1)}
/* 关联供货商：分区卡（头 + 列表同一底色，视觉上连成一块） */
#material-modal .mat-sup-head{background:var(--admin-surface-soft);border:1px solid var(--admin-border-soft);border-bottom:none;border-radius:var(--ui-radius,12px) var(--ui-radius,12px) 0 0;padding:12px 14px;margin:20px 0 0;font-size:var(--fs-md);font-weight:700;color:var(--admin-text)}
#material-modal .mat-sup-head .mat-add-sup-btn{border:1px dashed rgba(var(--admin-accent-2-rgb),.55);background:rgba(var(--admin-accent-2-rgb),.06);color:var(--admin-accent-ink);font-weight:700;padding:6px 14px;border-radius:var(--ui-radius,12px);display:inline-flex;align-items:center;gap:5px;transition:.2s}
#material-modal .mat-sup-head .mat-add-sup-btn:hover{background:rgba(var(--admin-accent-2-rgb),.13);border-style:solid}
#material-modal .mat-sup-head .mat-add-sup-btn .icon{width:14px;height:14px}
#material-modal #mat-sup-list{background:var(--admin-surface-soft);border:1px solid var(--admin-border-soft);border-top:none;border-radius:0 0 var(--ui-radius,12px) var(--ui-radius,12px);padding:4px 12px 12px;margin:0 0 4px}
#material-modal #mat-sup-list .mm-empty{color:var(--admin-text-sub);padding:14px 0 16px}
#material-modal .mm-chip{border:1px solid var(--admin-border-soft);background:#fff;border-radius:var(--ui-radius,12px);padding:9px 11px;box-shadow:0 2px 8px rgba(16,24,40,.04);transition:border-color .18s,box-shadow .18s}
#material-modal .mm-chip:hover{border-color:rgba(var(--admin-accent-2-rgb),.35);box-shadow:0 6px 16px rgba(var(--admin-accent-2-rgb),.1)}
#material-modal .mm-chip .dot{background:linear-gradient(135deg,var(--admin-accent),var(--admin-accent-2))}
#material-modal .mm-chip .nm{font-weight:600;color:var(--admin-text);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#material-modal .mm-chip .q:focus{border-color:var(--admin-accent-2);box-shadow:0 0 0 3px rgba(var(--admin-accent-2-rgb),.1)}
#material-modal .mm-chip .mm-default:hover{color:var(--admin-accent-ink);border-color:rgba(var(--admin-accent-2-rgb),.4)}
#material-modal .mm-chip .mm-default.on{color:var(--admin-accent-ink);border-color:rgba(var(--admin-accent-2-rgb),.45);background:rgba(var(--admin-accent-2-rgb),.1)}
#material-modal .mm-chip .mm-rm:hover{color:var(--danger-deep);background:rgba(var(--brand-danger-rgb),.08)}
/* 底部操作区 */
#material-modal .form-actions{border-top:1px solid var(--admin-border-soft);padding-top:14px;margin-top:20px}
#material-modal .form-actions .btn{border-radius:var(--ui-radius,12px);padding:9px 18px;font-size:var(--fs-md);font-weight:700}
#material-modal .form-actions .btn.secondary{background:#fff;color:var(--admin-text-muted);border:1px solid var(--admin-border)}
#material-modal .form-actions .btn.secondary:hover{color:var(--admin-text);border-color:rgba(var(--admin-accent-2-rgb),.5);box-shadow:0 4px 14px rgba(var(--admin-accent-2-rgb),.16)}
#material-modal .form-actions .btn.primary{background:linear-gradient(135deg,var(--admin-accent),var(--admin-accent-2))!important;box-shadow:0 8px 20px rgba(var(--admin-accent-2-rgb),.35)!important;border:none!important}
#material-modal .form-actions .btn.primary:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(var(--admin-accent-2-rgb),.42)!important;filter:none}

/* ===== 分类/单位/供货商选择弹窗 · 修复 + 美化 ===== */
/* 修复：base.css 控件几何规则把 padding-left 压成 11px，导致搜索图标压住文字 */
#material-category-picker .mm-picker-search input,
#material-unit-picker .mm-picker-search input,
#material-supplier-picker .mm-picker-search input{padding-left:36px}
/* 关闭按钮贴右显示 */
#material-category-picker .mm-picker-head h2,
#material-unit-picker .mm-picker-head h2{margin-right:auto}
/* 分类/单位列表改 2 列 */
#material-category-picker .mm-picker-list,
#material-unit-picker .mm-picker-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:start}
#material-category-picker .mm-picker-list .mm-empty,
#material-unit-picker .mm-picker-list .mm-empty{grid-column:1/-1}
/* 美化：与物料弹窗同一套语言 */
.mm-picker{position:relative;overflow:hidden;border-radius:var(--ui-radius,12px);padding:24px 20px 20px}
.mm-picker::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))}
.mm-picker-head h2{font-weight:800;color:var(--admin-text)}
.mm-picker .mm-picker-close{border-radius:var(--ui-radius,12px);transition:border-color .15s,background .15s,color .15s}
.mm-picker .mm-picker-close:hover{color:var(--admin-accent-ink);border-color:rgba(var(--admin-accent-2-rgb),.4);background:rgba(var(--admin-accent-2-rgb),.06)}
.mm-picker-search input{border-radius:var(--ui-radius,12px)}
.mm-picker-search input:hover{border-color:rgba(var(--admin-accent-2-rgb),.45)}
.mm-picker-search input:focus{border-color:var(--admin-accent-2);box-shadow:0 0 0 3px rgba(var(--admin-accent-2-rgb),.12)}
.mm-picker .mm-item{border-radius:var(--ui-radius,12px);transition:border-color .16s,box-shadow .16s,background .16s}
.mm-picker .mm-item:hover{border-color:rgba(var(--admin-accent-2-rgb),.45);background:#fff;box-shadow:0 6px 16px rgba(var(--admin-accent-2-rgb),.1)}
.mm-picker .mm-item.on{border-color:rgba(var(--admin-accent-2-rgb),.55);background:rgba(var(--admin-accent-2-rgb),.07)}
.mm-picker .mm-item .av{background:rgba(var(--admin-accent-2-rgb),.1);color:var(--admin-accent-ink);border:1px solid rgba(var(--admin-accent-2-rgb),.22)}
.mm-picker .mm-item.on .mm-cb{background:var(--admin-accent-2);border-color:var(--admin-accent-2)}
.mm-picker .mm-item:focus-visible{outline:2px solid var(--admin-accent-2);outline-offset:2px}
.mm-picker-head .count{color:var(--admin-accent-ink);font-weight:700}
.mm-picker .mm-tool-btn{color:var(--admin-accent-ink);border:1px solid rgba(var(--admin-accent-2-rgb),.4)}
.mm-picker .mm-tool-btn:hover{background:rgba(var(--admin-accent-2-rgb),.08)}
.mm-picker-actions .btn{border-radius:var(--ui-radius,12px);font-weight:700}
.mm-picker-actions .btn.primary{background:linear-gradient(135deg,var(--admin-accent),var(--admin-accent-2))!important;box-shadow:0 8px 20px rgba(var(--admin-accent-2-rgb),.35)!important;border:none!important}
.mm-picker-actions .btn.primary:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(var(--admin-accent-2-rgb),.42)!important;filter:none}
.mm-picker-actions .btn.secondary{background:#fff;color:var(--admin-text-muted);border:1px solid var(--admin-border)}
.mm-picker-actions .btn.secondary:hover{color:var(--admin-text);border-color:rgba(var(--admin-accent-2-rgb),.5);box-shadow:0 4px 14px rgba(var(--admin-accent-2-rgb),.16)}