/* HỒ SƠ 365 RC253 — nhấn mạnh vùng nhập liệu hồ sơ. */

/* Chỉ tác động màn hình kê khai hồ sơ, không ảnh hưởng bản xem trước/in. */
#screenWs #mainPanel input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="button"]):not([type="submit"]):not([type="hidden"]):not([readonly]):not(:disabled),
#screenWs #mainPanel select:not(:disabled),
#screenWs #mainPanel textarea:not([readonly]):not(:disabled) {
  background-color: #fff !important;
  background-image: none !important;
  border-color: #afc6bb !important;
  color: #17231e !important;
  box-shadow: 0 1px 2px rgba(8, 67, 47, 0.06) !important;
}

#screenWs #mainPanel input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([readonly]):not(:disabled):hover,
#screenWs #mainPanel select:not(:disabled):hover,
#screenWs #mainPanel textarea:not([readonly]):not(:disabled):hover {
  border-color: #789f8d !important;
}

#screenWs #mainPanel input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([readonly]):not(:disabled):focus,
#screenWs #mainPanel select:not(:disabled):focus,
#screenWs #mainPanel textarea:not([readonly]):not(:disabled):focus {
  background-color: #fff !important;
  border-color: #087052 !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(8, 112, 82, 0.14), 0 2px 6px rgba(8, 67, 47, 0.08) !important;
}

/* Giá trị hệ thống tự tính hoặc trường bị khóa phải khác rõ ô nhập. */
#screenWs #mainPanel input[readonly],
#screenWs #mainPanel textarea[readonly],
#screenWs #mainPanel input:disabled,
#screenWs #mainPanel select:disabled,
#screenWs #mainPanel textarea:disabled {
  background-color: #eef2f0 !important;
  border-color: #d2ddd7 !important;
  color: #64746c !important;
  box-shadow: none !important;
}

/* Cảnh báo giữ nền trắng, nhấn bằng viền đỏ để không phá quy ước mới. */
#screenWs #mainPanel .field.f-err input:not([readonly]):not(:disabled),
#screenWs #mainPanel .field.f-err select:not(:disabled),
#screenWs #mainPanel .field.f-err textarea:not([readonly]):not(:disabled),
#screenWs #mainPanel input.date-invalid:not([readonly]):not(:disabled) {
  background-color: #fff !important;
  border-color: #c43d4c !important;
  box-shadow: 0 0 0 2px rgba(196, 61, 76, 0.10) !important;
}

#screenWs #mainPanel input::placeholder,
#screenWs #mainPanel textarea::placeholder {
  color: #829087;
  opacity: 1;
}

@media (max-width: 760px) {
  #screenWs #mainPanel input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="button"]):not([type="submit"]):not([type="hidden"]),
  #screenWs #mainPanel select,
  #screenWs #mainPanel textarea {
    min-height: 42px;
  }
}

/* Huy hiệu nhận diện riêng cho bản RC253. */
#rc253ReleaseBadge {
  position: fixed;
  left: 14px;
  bottom: 14px;
  z-index: 100106;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  padding: 5px 11px 5px 6px;
  border: 1px solid #82b8a2;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.98);
  color: #164b39;
  box-shadow: 0 10px 28px rgba(6, 66, 44, 0.20);
  cursor: pointer;
  font: 700 11px/1.15 system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
}

#rc253ReleaseBadge .tc252-release-icon {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: #076a49;
  color: #fff;
  font-size: 15px;
}

#rc253ReleaseBadge small {
  display: block;
  color: #6d7f77;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.08em;
}

#rc253ReleaseBadge strong {
  display: block;
  color: #084d35;
  font-size: 12px;
}

@media (max-width: 560px) {
  #rc253ReleaseBadge {
    left: 8px;
    bottom: 76px;
  }
}

@media print {
  #rc253ReleaseBadge {
    display: none !important;
  }
}