/* Form polish */
input, select, textarea {
  transition: border-color 0.2s, box-shadow 0.2s, background 0.2s;
}

input:focus, select:focus, textarea:focus {
  border-color: var(--cyan, #B399FF) !important;
  box-shadow: 0 0 0 3px rgba(87, 70, 175, 0.12);
}

.field-group label {
  transition: color 0.2s;
}

.field-group:focus-within label {
  color: var(--cyan, #B399FF);
}

.role-tab {
  border-radius: var(--radius-sm, 8px);
}

.role-tab.active {
  box-shadow: 0 4px 16px rgba(87, 70, 175, 0.15);
}

.pw-wrap input:focus + .pw-eye,
.field-group:focus-within .pw-eye {
  color: var(--cyan, #B399FF);
}