@charset "UTF-8";
/* Chiều cao dùng chung cho mọi control trong bộ lọc. Input thường trước đây chỉ cao theo
   padding (~40px) còn .ant-input của a-date-picker mặc định 32px nên bị lệch - ép cứng
   một giá trị cho cả input, date-picker và nút tìm kiếm. */
#correction-request {
  /* ---------- Bộ lọc ---------- */
  /* ---------- Danh sách ---------- */
  /* ---------- Phân trang ---------- */
  /* ---------- Chi tiết ---------- */
  /* Chip file đính kèm - lấy theo màn investor-selection
     (.investment-policy .content__session__item__desc > span trong theme styles.css) */ }
  #correction-request .correctionRequest__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 24px; }
    #correction-request .correctionRequest__header h1 {
      margin: 0;
      font-weight: 700;
      font-size: 24px;
      line-height: 32px;
      color: #0f4871; }
  #correction-request .correctionRequest__btn__back {
    padding: 8px 16px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #fff;
    cursor: pointer;
    font-size: 13px; }
  #correction-request .correctionRequest__filter {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 24px;
    /* class truyền vào a-date-picker nằm ở <span class="ant-calendar-picker"> bọc ngoài,
       input thật là .ant-input bên trong (đã style cùng nhóm ở trên). Wrapper phải cao
       bằng control để icon lịch (position: absolute, top: 50%) canh giữa đúng. */ }
    #correction-request .correctionRequest__filter .correctionRequest__filter__code,
    #correction-request .correctionRequest__filter .correctionRequest__filter__name,
    #correction-request .correctionRequest__filter .correctionRequest__filter__sender,
    #correction-request .correctionRequest__filter .correctionRequest__filter__date .ant-input {
      box-sizing: border-box;
      height: 40px;
      padding: 0 14px;
      border: 1px solid #ccc;
      border-radius: 6px;
      font-size: 14px; }
    #correction-request .correctionRequest__filter .correctionRequest__filter__code {
      min-width: 220px; }
    #correction-request .correctionRequest__filter .correctionRequest__filter__name {
      flex: 1;
      min-width: 260px; }
    #correction-request .correctionRequest__filter .correctionRequest__filter__sender {
      width: 260px; }
    #correction-request .correctionRequest__filter .correctionRequest__filter__date {
      width: 170px;
      height: 40px; }
    #correction-request .correctionRequest__filter .correctionRequest__filter__btn {
      box-sizing: border-box;
      height: 40px;
      padding: 0 20px;
      border: 1px solid #0f4871;
      border-radius: 6px;
      background: #0f4871;
      color: #fff;
      font-size: 14px;
      font-weight: 500;
      cursor: pointer; }
  #correction-request .correctionRequest__list__item {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 20px 24px;
    margin-bottom: 20px; }
  #correction-request .correctionRequest__list__item__sender {
    font-size: 14px;
    font-weight: 600;
    color: #262626;
    margin-bottom: 6px; }
  #correction-request .correctionRequest__list__item__sent {
    color: #888;
    font-size: 14px;
    margin-bottom: 10px; }
  #correction-request .correctionRequest__list__item__investor {
    font-size: 16px;
    margin-bottom: 16px; }
    #correction-request .correctionRequest__list__item__investor a {
      color: #1a4fa0;
      font-weight: 700;
      cursor: pointer;
      text-decoration: underline; }
  #correction-request .correctionRequest__list__item__cols {
    display: flex;
    gap: 60px;
    flex-wrap: wrap; }
  #correction-request .correctionRequest__label {
    color: #888;
    font-size: 13px;
    margin-bottom: 4px; }
  #correction-request .correctionRequest__value {
    font-size: 14px;
    font-weight: 700;
    color: #262626; }
  #correction-request .correctionRequest__empty {
    text-align: center;
    padding: 24px 0; }
    #correction-request .correctionRequest__empty h4 {
      font-size: 16px;
      color: #7a7a7a; }
  #correction-request .correctionRequest__paging {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 14px; }
    #correction-request .correctionRequest__paging .correctionRequest__paging__text {
      color: #666;
      font-size: 13px; }
  #correction-request .correctionRequest__detail {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    overflow: hidden; }
  #correction-request .correctionRequest__detail__title {
    padding: 16px 24px;
    font-weight: 700;
    font-size: 15px;
    border-bottom: 1px solid #eee; }
  #correction-request .correctionRequest__detail__row {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    padding: 16px 24px;
    border-bottom: 1px solid #f0f0f0; }
    #correction-request .correctionRequest__detail__row:last-child {
      border-bottom: none; }
  #correction-request .correctionRequest__detail__label {
    width: 220px;
    flex-shrink: 0;
    color: #333;
    font-size: 14px; }
  #correction-request .correctionRequest__detail__value {
    flex: 1;
    background: #f5f5f5;
    border-radius: 6px;
    padding: 12px 16px;
    font-size: 14px;
    color: #262626;
    word-break: break-word; }
  #correction-request .correctionRequest__detail__file {
    display: flex;
    align-items: center;
    width: max-content;
    max-width: 100%;
    padding: 6px 12px;
    border-radius: 12px;
    background-color: #edf2fd;
    cursor: pointer; }
    #correction-request .correctionRequest__detail__file + .correctionRequest__detail__file {
      margin-top: 8px; }
  #correction-request .correctionRequest__detail__file__text {
    color: #366ae2;
    font-size: 14px;
    font-weight: 400;
    word-break: break-word; }

.el-pagination.is-background {
  padding: 0px; }

.el-pagination.is-background .el-pager li:not(.disabled).active,
.el-pager li:hover {
  background-color: #0f4871 !important;
  color: #FFFFFF !important; }