/* =========================================================
   MISC.CSS — профиль, пользователи, фильтры товаров, модалка подтверждения.
   ========================================================= */

/* =========================================================
   ПРОФИЛЬ  (из исходного файла, слегка адаптировано)
   ========================================================= */
.profile-container {
  max-width: 460px;
  margin: 0 auto;
  padding: 24px;
  background: var(--surface);
  border-radius: var(--radius-lg);
  border: 1px solid var(--border);
  box-shadow: var(--shadow-sm);
}

.profile-container h2 {
  margin-bottom: 20px;
  text-align: center;
  font-size: 17px;
}

.profile-form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.form-group {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.form-group label {
  font-weight: 600;
  font-size: 12px;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

.form-group input {
  padding: 9px 12px;
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  font-size: 14px;
  outline: none;
  background: var(--surface);
  color: var(--text);
}

.form-group input:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px var(--accent-soft);
}

.form-group input:disabled {
  background: var(--bg);
  color: var(--text-muted);
}

.profile-message {
  margin-top: 4px;
  font-size: 13px;
  text-align: center;
  min-height: 16px;
}

/* ===== Пользователи ===== */
.users-table { font-size: 13px; }

/* ===== Фильтры товаров ===== */
#categoryFilter, #sortFilter {
  padding: 7px 11px;
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  font-size: 12.5px;
  background: var(--surface);
  color: var(--text);
  outline: none;
  cursor: pointer;
}
#categoryFilter:focus, #sortFilter:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px var(--accent-soft);
}

/* ===== Модальное окно подтверждения ===== */
#confirmModal .modal-body p {
  margin: 0 0 8px;
  font-size: 13.5px;
  white-space: pre-wrap;
  color: var(--text);
}
#confirmError { color: var(--danger); font-size: 12px; margin-top: 6px; }
#confirmPassword {
  width: 100%;
  padding: 9px 12px;
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
}