.form-grid select {
  width: 100%;
  border: 1px solid var(--line);
  background: #fff;
  padding: 12px 13px;
  outline: 0;
}

.form-grid select:focus {
  border-color: var(--brand);
  box-shadow: 0 0 0 3px var(--brand-soft);
}

.category-create-panel {
  margin-bottom: 20px;
  padding: 20px 24px;
}

.category-create-panel form {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) 160px auto;
  align-items: end;
  gap: 14px;
}

.category-create-panel label {
  display: grid;
  gap: 7px;
}

.category-create-panel label span {
  font-size: 11px;
  font-weight: 600;
}

.category-create-panel input,
.category-table-panel input {
  width: 100%;
  border: 1px solid var(--line);
  padding: 10px 11px;
  outline: 0;
}

.category-create-panel input:focus,
.category-table-panel input:focus {
  border-color: var(--brand);
  box-shadow: 0 0 0 3px var(--brand-soft);
}

.category-table-panel .panel-heading > span {
  color: var(--muted);
  font-size: 11px;
}

.category-table-panel td:first-child { min-width: 220px; }
.category-table-panel td:nth-child(2) { width: 150px; }
.category-table-panel input[type="number"] { max-width: 110px; }

@media (max-width: 760px) {
  .category-create-panel form { grid-template-columns: 1fr; }
  .category-create-panel .button { width: 100%; }
}