

.delete-employee {
  border: 1px solid #f1c9c5;
  background: #fff7f6;
  color: #b6473c;
}

.delete-employee:hover {
  background: #b6473c;
  color: #fff;
}

/* ===== 员工录入：三段分区表单 ===== */
.employee-section{grid-column:1/-1;border:1px solid var(--admin-border-soft);border-radius:var(--ui-radius,12px);padding:16px;background:#fff;display:grid;gap:14px}
.employee-section-title{display:flex;align-items:center;gap:8px;font-size:var(--fs-lg);font-weight:600;color:var(--ink)}
.sec-num{width:20px;height:20px;border-radius:var(--ui-radius,12px);background:var(--pale);color:var(--green);display:grid;place-items:center;font-size:var(--fs-base);font-weight:700}
.employee-section .employee-avatar-upload{margin:0}
.employee-basic{display:grid;grid-template-columns:76px 1fr;gap:16px;align-items:center}
.employee-basic-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.employee-basic-fields label,.employee-perf label{display:flex;flex-direction:column;font-size:var(--fs-base);color:var(--admin-text-muted)}
.employee-basic-fields input,.employee-basic-fields select,.employee-perf input,.employee-perf select{width:100%;margin-top:7px;border:1px solid var(--admin-border-soft);border-radius:var(--ui-radius,12px);padding:10px 11px;background:#fff;outline:none}
.employee-basic-fields input:focus,.employee-basic-fields select:focus,.employee-perf input:focus,.employee-perf select:focus{border-color:var(--admin-accent);box-shadow:0 0 0 3px var(--admin-accent-soft)}
.employee-perf{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.employee-perf .full{grid-column:1/-1}

.employee-permissions{display:grid;gap:14px;padding:14px;border:1px solid var(--admin-border-soft);border-radius:var(--ui-radius,12px);background:var(--admin-surface-soft)}
.employee-permissions.disabled{opacity:.5;pointer-events:none}
.perm-block{display:grid;gap:8px}
.perm-block-title{font-size:var(--fs-md);font-weight:600;color:var(--ink)}
.employee-permissions .perm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px 14px;width:100%}
.employee-permissions .perm-grid label{display:flex;align-items:center;gap:6px;font-size:var(--fs-md);color:var(--ink);cursor:pointer}
.employee-permissions .perm-grid input{width:auto;margin:0;accent-color:var(--green)}
.employee-permissions input{width:auto;margin:0}
.perm-hint{font-size:var(--fs-base);color:var(--muted)}

.note-grant-section{width:100%;border-top:1px dashed var(--admin-border-soft);padding-top:12px;margin-top:2px;display:block!important}
.note-grant-section[hidden]{display:none!important}
.note-grant-section>span{display:block;font-size:var(--fs-md);font-weight:600;color:var(--ink);margin-bottom:8px}
#note-grant-targets{display:flex;flex-wrap:wrap;gap:8px 12px;max-height:150px;overflow:auto;padding:2px}
#note-grant-targets .grant-target{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-base);background:#fff;border:1px solid var(--admin-border-soft);border-radius:var(--ui-radius,12px);padding:6px 10px;cursor:pointer;color:var(--ink)}
#note-grant-targets .grant-target:hover{border-color:var(--admin-accent)}
#note-grant-targets .grant-target input{width:auto;margin:0}
.grant-empty{color:var(--muted);font-size:var(--fs-sm)}
