/* =========================================================================
 * 快速录入 + 标签管理 样式
 * ========================================================================= */

/* ---------- 快速录入条 ---------- */
.quick-add{
  background:linear-gradient(135deg,#f5f8ff 0%,#faf7ff 100%);
  border:1px solid #dfe6f7;border-radius:10px;
  padding:12px 14px;margin-bottom:16px;
}
.qa-title{
  font-size:13px;font-weight:600;color:var(--blue);
  margin-bottom:10px;display:flex;align-items:center;gap:5px;
}
.qa-row{
  display:grid;
  grid-template-columns:1.5fr 0.9fr 2.2fr 0.9fr 1fr 1.1fr auto;
  gap:9px;align-items:end;
}
.qa-field{display:flex;flex-direction:column;gap:4px;min-width:0}
.qa-field label{font-size:11px;color:var(--muted);font-weight:500}
.qa-field input,.qa-field select{
  width:100%;padding:8px 10px;font-size:13px;border:1px solid var(--line);
  border-radius:7px;background:#fff;font-family:inherit;color:var(--navy);
  transition:border-color .16s,box-shadow .16s;min-width:0;
}
.qa-field input:focus,.qa-field select:focus{
  outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(67,97,238,.14);
}
.qa-field .tag-select-wrap{gap:4px}
.qa-field .tag-add-btn{flex:0 0 30px;width:30px;font-size:15px}
.qa-submit{padding:8px 18px;white-space:nowrap;height:35px}
.qa-tip{
  margin-top:8px;font-size:11px;color:#9ca3af;line-height:1.6;
}

@media (max-width:1200px){
  .qa-row{grid-template-columns:1fr 1fr 2fr}
  .qa-submit{grid-column:span 3;height:auto;justify-content:center}
}
@media (max-width:700px){
  .qa-row{grid-template-columns:1fr}
  .qa-submit{grid-column:span 1}
}

/* ---------- 标签管理 ---------- */
.tm-toolbar{
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px;
}
.tm-scope{display:flex;gap:4px;background:#f1f3f9;padding:3px;border-radius:8px}
.tm-scope-btn{
  border:none;background:transparent;padding:5px 14px;font-size:12px;
  border-radius:6px;cursor:pointer;color:var(--muted);font-family:inherit;
  transition:all .16s;white-space:nowrap;
}
.tm-scope-btn.active{background:#fff;color:var(--blue);font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.tm-scope-btn:hover:not(.active){color:var(--navy)}
.tm-count{font-size:12px;color:var(--muted)}
.tm-actions{display:flex;gap:6px;margin-left:auto;flex-wrap:wrap}
.tm-actions .btn-sm{padding:5px 10px;font-size:12px;white-space:nowrap}
.tm-table{width:100%;border-collapse:collapse;font-size:13px}
.tm-table th{
  text-align:left;padding:8px 10px;font-size:12px;font-weight:600;
  color:var(--muted);border-bottom:1px solid var(--line);background:#fafbfd;
}
.tm-table td{padding:8px 10px;border-bottom:1px solid #f1f3f9}
.tm-table tbody tr:hover{background:#f8faff}
.tm-name{font-weight:500;color:var(--navy)}
.tm-usage{color:var(--muted);font-size:12px}
.tm-acts{display:flex;gap:4px;justify-content:flex-end}