.tabpane { margin-top: 4px; }
.cat-row, .user-row {
  background: #fff; border: 1px solid #e3e5e8; border-radius: 10px; padding: 10px 12px;
  margin-bottom: 8px; display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
}
.cat-row input[type=text], .cat-row input:not([type]) { padding: 7px 8px; border: 1px solid #ccd0d5; border-radius: 6px; }
.cat-row .c-icon { width: 56px; text-align: center; }
.cat-row .c-name { flex: 1; min-width: 120px; }
.cat-count { color: #888; font-size: 12px; }
.drag-handle { cursor: grab; color: #b0b6bf; font-size: 18px; line-height: 1; padding: 0 2px; user-select: none; }
.drag-handle:active { cursor: grabbing; }
.cat-row { cursor: default; }
.cat-row.dragging { opacity: .45; }
.ord { display: inline-flex; gap: 3px; }
.ord .btn.sm { padding: 4px 9px; }

.chk { display: flex; align-items: center; gap: 8px; font-size: 15px; margin-bottom: 8px; }
.hint { color: #777; font-size: 13px; margin: 6px 0; }
textarea.mono { width: 100%; font-family: ui-monospace, Consolas, monospace; font-size: 13px;
  padding: 10px; border: 1px solid #ccd0d5; border-radius: 8px; }

.suggest-card { border: 1px solid #f0c36d; background: #fffdf5; }
.suggest-card h3 { margin: 0 0 8px; font-size: 16px; }
.suggest-row {
  display: flex; align-items: center; gap: 8px; padding: 8px 0;
  border-top: 1px solid #f0e6c8;
}
.suggest-row:first-of-type { border-top: none; }
.suggest-row .sg-main { flex: 1; }
.suggest-row .sg-name { font-weight: 600; }
.suggest-row .sg-reason { color: #8a7420; font-size: 12px; margin-top: 2px; }

.a-prod-list { width: 100%; margin-top: 8px; padding-top: 8px; border-top: 1px dashed #e3e5e8; }
.a-prod-row { display: flex; align-items: center; gap: 8px; padding: 5px 0; font-size: 14px; }
.a-prod-row .apr-main { flex: 1; }