.detail-header-card[data-v-1f324da1] {
  background: #ffffff !important;
  border: 1px solid #e8eaed;
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04), 0 1px 3px rgba(0, 0, 0, 0.06) !important;
}
.detail-header-card__title[data-v-1f324da1] {
  min-height: auto;
}
.header-title[data-v-1f324da1] {
  font-size: 20px;
  font-weight: 600;
  color: #212121;
}
.header-status-chip[data-v-1f324da1] {
  border-radius: 8px;
  min-height: 36px;
  font-weight: 600;
  font-size: 14px;
  box-shadow: none;
}
.back-icon[data-v-1f324da1] {
  cursor: pointer;
  transition: transform 0.2s ease;
}
.back-icon[data-v-1f324da1]:hover {
  transform: scale(1.05);
}


.v-btn[data-v-361323b7] {
    min-width: 120px;
}

body[data-v-4979419c] {
  font-size: 16px;
}
.card-dashboard-title[data-v-4979419c] {
  font-weight: 400;
  font-size: 22px;
  color: #ffffff !important;
  position: relative;
  top: 12px;
  opacity: 1 !important;
}
.card-dashboard-title-black[data-v-4979419c] {
  font-weight: 400;
  font-size: 22px;
  color: black !important;
  position: relative;
  top: 12px;
  opacity: 1 !important;
}
.card-dashboard-value[data-v-4979419c] {
  font-weight: 500;
  font-size: 20px;
  text-align: center;
  color: #ffffff !important;
  position: relative;
  top: 10px;
}
.card-dashboard-value-2[data-v-4979419c] {
  font-weight: 500;
  font-size: 20px;
  text-align: center;
  color: #ffffff !important;
  position: relative;
  top: 10px;
}
.card-dashboard-value-black[data-v-4979419c] {
  font-weight: 500;
  font-size: 20px;
  text-align: center;
  color: black !important;
  position: relative;
  top: 10px;
}
.popup-table tr td[data-v-4979419c] {
  padding: 5px;
}
.popup-property[data-v-4979419c] {
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: #9a9a9a;
}
.popup-value[data-v-4979419c] {
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: #000000;
}
.my-custom-table[data-v-4979419c] {
  font-size: 8px !important;
}
.custom-header[data-v-4979419c] {
  color: #000000 !important;
  font-size: 12px !important;
  /* Font size for headers */
}
.custom-cell[data-v-4979419c] {
  font-size: 12px !important;
  color: #000000 !important;
  /* Font size for cell data */
}
.custom-cell-row[data-v-4979419c] {
  flex-direction: row;
  width: 100px;
  justify-content: space-between;
}
.my-custom-table tbody tr > td[data-v-4979419c] {
  color: #000000 !important;
  /* Change text color */
}
.bg-white[data-v-4979419c] {
  background-color: white;
  border-radius: 5px;
}
.text-green[data-v-4979419c] {
  color: green;
}
.text-red[data-v-4979419c] {
  color: red;
}
.theme--light.v-data-table > .v-data-table__wrapper > table > thead > tr > th[data-v-4979419c] {
  color: #000000 !important;
  font-size: 14px !important;
}
.theme--dark.v-data-table > .v-data-table__wrapper > table > thead > tr > th[data-v-4979419c] {
  color: #000000 !important;
  font-size: 14px !important;
}
.theme--light.v-data-table > .v-data-table__wrapper > table > tbody > tr > td[data-v-4979419c] {
  color: #000000 !important;
  font-size: 14px !important;
}
.theme--dark.v-data-table > .v-data-table__wrapper > table > tbody > tr > td[data-v-4979419c] {
  color: #000000 !important;
  font-size: 14px !important;
}
.v-date-picker-table .v-date-picker-table__current.accent[data-v-4979419c],
.v-date-picker-table .v-btn--active.accent[data-v-4979419c] {
  background-color: var(--v-accent-base) !important;
  border-color: var(--v-accent-base) !important;
}
.v-date-picker-table .v-date-picker-table__current.accent--text[data-v-4979419c],
.v-date-picker-table .v-btn--active.accent--text[data-v-4979419c] {
  color: var(--v-accent-base) !important;
  caret-color: var(--v-accent-base) !important;
}
.theme--light.v-date-picker-header .v-date-picker-header__value:not(.v-date-picker-header__value--disabled) button[data-v-4979419c]:hover {
  color: var(--v-accent-base) !important;
}
.theme--light.v-sheet h1[data-v-4979419c],
.theme--light.v-sheet h2[data-v-4979419c],
.theme--light.v-sheet h3[data-v-4979419c],
.theme--light.v-sheet h4[data-v-4979419c],
.theme--light.v-sheet h5[data-v-4979419c],
.theme--light.v-sheet h6[data-v-4979419c] {
  color: #000000 !important;
}
.v-application a[data-v-4979419c] {
  color: var(--v-accent-base);
}
.v-pagination[data-v-4979419c] {
  justify-content: end !important;
}
.theme--light.v-sheet .v-card__title[data-v-4979419c] {
  color: black !important;
  justify-content: center;
}
.section-title[data-v-4979419c] {
  font-size: 20px !important;
}
.lampiran-foto-modal__header[data-v-4979419c] {
  background-color: #fff;
}
.lampiran-foto-modal__title[data-v-4979419c] {
  font-size: 1rem;
  font-weight: 600;
  color: #424242;
}
.lampiran-foto-modal__body[data-v-4979419c] {
  background-color: #fff;
}
.lampiran-foto-modal__image[data-v-4979419c] {
  display: block;
  max-width: 100%;
}
body[data-v-fcecea70] {
  font-size: 16px;
}
.card-dashboard-title[data-v-fcecea70] {
  font-weight: 400;
  font-size: 22px;
  color: #ffffff !important;
  position: relative;
  top: 12px;
  opacity: 1 !important;
}
.card-dashboard-title-black[data-v-fcecea70] {
  font-weight: 400;
  font-size: 22px;
  color: black !important;
  position: relative;
  top: 12px;
  opacity: 1 !important;
}
.card-dashboard-value[data-v-fcecea70] {
  font-weight: 500;
  font-size: 20px;
  text-align: center;
  color: #ffffff !important;
  position: relative;
  top: 10px;
}
.card-dashboard-value-2[data-v-fcecea70] {
  font-weight: 500;
  font-size: 20px;
  text-align: center;
  color: #ffffff !important;
  position: relative;
  top: 10px;
}
.card-dashboard-value-black[data-v-fcecea70] {
  font-weight: 500;
  font-size: 20px;
  text-align: center;
  color: black !important;
  position: relative;
  top: 10px;
}
.popup-table tr td[data-v-fcecea70] {
  padding: 5px;
}
.popup-property[data-v-fcecea70] {
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: #9a9a9a;
}
.popup-value[data-v-fcecea70] {
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: #000000;
}
.my-custom-table[data-v-fcecea70] {
  font-size: 8px !important;
}
.custom-header[data-v-fcecea70] {
  color: #000000 !important;
  font-size: 12px !important;
  /* Font size for headers */
}
.custom-cell[data-v-fcecea70] {
  font-size: 12px !important;
  color: #000000 !important;
  /* Font size for cell data */
}
.custom-cell-row[data-v-fcecea70] {
  flex-direction: row;
  width: 100px;
  justify-content: space-between;
}
.my-custom-table tbody tr > td[data-v-fcecea70] {
  color: #000000 !important;
  /* Change text color */
}
.bg-white[data-v-fcecea70] {
  background-color: white;
  border-radius: 5px;
}
.text-green[data-v-fcecea70] {
  color: green;
}
.text-red[data-v-fcecea70] {
  color: red;
}
.theme--light.v-data-table > .v-data-table__wrapper > table > thead > tr > th[data-v-fcecea70] {
  color: #000000 !important;
  font-size: 14px !important;
}
.theme--dark.v-data-table > .v-data-table__wrapper > table > thead > tr > th[data-v-fcecea70] {
  color: #000000 !important;
  font-size: 14px !important;
}
.theme--light.v-data-table > .v-data-table__wrapper > table > tbody > tr > td[data-v-fcecea70] {
  color: #000000 !important;
  font-size: 14px !important;
}
.theme--dark.v-data-table > .v-data-table__wrapper > table > tbody > tr > td[data-v-fcecea70] {
  color: #000000 !important;
  font-size: 14px !important;
}
.v-date-picker-table .v-date-picker-table__current.accent[data-v-fcecea70],
.v-date-picker-table .v-btn--active.accent[data-v-fcecea70] {
  background-color: var(--v-accent-base) !important;
  border-color: var(--v-accent-base) !important;
}
.v-date-picker-table .v-date-picker-table__current.accent--text[data-v-fcecea70],
.v-date-picker-table .v-btn--active.accent--text[data-v-fcecea70] {
  color: var(--v-accent-base) !important;
  caret-color: var(--v-accent-base) !important;
}
.theme--light.v-date-picker-header .v-date-picker-header__value:not(.v-date-picker-header__value--disabled) button[data-v-fcecea70]:hover {
  color: var(--v-accent-base) !important;
}
.theme--light.v-sheet h1[data-v-fcecea70],
.theme--light.v-sheet h2[data-v-fcecea70],
.theme--light.v-sheet h3[data-v-fcecea70],
.theme--light.v-sheet h4[data-v-fcecea70],
.theme--light.v-sheet h5[data-v-fcecea70],
.theme--light.v-sheet h6[data-v-fcecea70] {
  color: #000000 !important;
}
.v-application a[data-v-fcecea70] {
  color: var(--v-accent-base);
}
.v-pagination[data-v-fcecea70] {
  justify-content: end !important;
}
.theme--light.v-sheet .v-card__title[data-v-fcecea70] {
  color: black !important;
  justify-content: center;
}
.section-title[data-v-fcecea70] {
  font-size: 20px !important;
}
.modal-header[data-v-fcecea70] {
  background-color: #fff;
  color: #424242;
  font-weight: 600;
  padding: 20px 24px;
}
.modal-title[data-v-fcecea70] {
  font-size: 1rem;
}
.modal-body[data-v-fcecea70] {
  padding: 24px;
}
.modal-footer[data-v-fcecea70] {
  padding: 16px 24px;
  background-color: #fff;
  gap: 12px;
}
.btn-back[data-v-fcecea70] {
  min-width: 120px;
  border: 1px solid #e0e0e0 !important;
  background-color: #fff !important;
  color: #616161 !important;
}
.btn-submit[data-v-fcecea70] {
  min-width: 200px;
}
.follow-up-modal[data-v-fcecea70] .follow-up-section.info-section {
  background-color: transparent;
  border: none;
  padding: 0;
  box-shadow: none;
}
.follow-up-modal[data-v-fcecea70] .follow-up-section .info-section__title {
  color: #9e9e9e;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 12px;
}
.follow-up-modal[data-v-fcecea70] .follow-up-section .info-section__label {
  color: #757575;
}
.follow-up-modal[data-v-fcecea70] .follow-up-section .info-section__value {
  color: #212121;
  font-weight: 400;
}
.follow-up-modal[data-v-fcecea70] .follow-up-section .info-section__link--external {
  color: #3366ff;
  font-weight: 500;
  text-decoration: none;
}
.follow-up-modal[data-v-fcecea70] .follow-up-keterangan .form-label {
  color: #757575;
  font-size: 13px;
  font-weight: 600;
}

.custom-confirm-btn {
  color: #ffffff !important;
}
.custom-cancel-btn {
  color: #6c757d !important;
}


.swal2-container,
.swal2-popup,
.swal2-title,
.swal2-html-container,
.swal2-actions,
.swal2-confirm,
.swal2-cancel {
  font-family: 'Roboto', sans-serif;
}


.search-field[data-v-565a4fb8] {
  max-width: 280px;
}
.search-field-center[data-v-565a4fb8] {
  flex-shrink: 0;
}
.kritik-saran-filter-wrap[data-v-565a4fb8] {
  -moz-column-gap: 0.7rem;
       column-gap: 0.7rem;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.pagination-col[data-v-565a4fb8] {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.action-buttons[data-v-565a4fb8] {
  display: flex;
  justify-content: center;
  gap: 8px;
}
.action-btn[data-v-565a4fb8] {
  min-width: 40px !important;
  min-height: 40px !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}
.action-btn--detail[data-v-565a4fb8],
.action-btn--process[data-v-565a4fb8] {
  background-color: #ebf0ff !important;
}
.action-btn--detail .v-icon[data-v-565a4fb8],
.action-btn--process .v-icon[data-v-565a4fb8] {
  color: #3366ff !important;
}
.status-chip[data-v-565a4fb8] {
  border-radius: 8px;
  min-height: 36px;
  padding: 6px 16px;
  display: inline-flex;
  justify-content: center;
  font-weight: 500;
  font-size: 14px;
  box-shadow: none;
}
[data-v-565a4fb8] .cell-top {
  vertical-align: top !important;
}
.evidence-link[data-v-565a4fb8] {
  background: none;
  border: none;
  padding: 0;
  color: #3366ff;
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
}
.evidence-link[data-v-565a4fb8]:hover {
  text-decoration: underline;
}