.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);
}


.spklu-photo-upload[data-v-93b98e86] {
  margin-bottom: 1rem;
}
.label[data-v-93b98e86] {
  display: block;
  font-weight: 500;
  margin-bottom: 8px;
}
.required[data-v-93b98e86] {
  color: red;
}
.hint[data-v-93b98e86] {
  font-size: 0.875rem;
  color: #757575;
}
.hidden-input[data-v-93b98e86] {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}
.browse-btn[data-v-93b98e86] {
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  text-transform: none;
  color: #424242;
}
.file-list[data-v-93b98e86] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.uploaded-radio-group[data-v-93b98e86] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.uploaded-radio-group[data-v-93b98e86] .v-input__control,
.uploaded-radio-group[data-v-93b98e86] .v-input--radio-group__input {
  min-height: 0;
  height: auto;
}
.uploaded-radio-group[data-v-93b98e86] .v-input--radio-group__input {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.uploaded-radio-group[data-v-93b98e86] .v-radio {
  margin: 0;
}
.file-row.file-row--uploaded[data-v-93b98e86] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  background-color: #f5f5f5;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
}
.uploaded-radio-group[data-v-93b98e86] .v-radio.file-row--uploaded .v-input__control {
  flex: 0 0 auto;
  min-height: 0;
}
.uploaded-radio-group[data-v-93b98e86] .v-radio.file-row--uploaded .v-label {
  display: flex;
  align-items: center;
  flex: 1;
  min-width: 0;
  margin: 0;
  padding: 0;
  height: auto;
}
.file-row-content[data-v-93b98e86] {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1;
  min-width: 0;
}
.file-row[data-v-93b98e86] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  background-color: #f5f5f5;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
}
.file-row--uploaded .thumb[data-v-93b98e86] {
  flex: 0 0 auto;
  width: 80px;
  height: 60px;
  border-radius: 4px;
  overflow: hidden;
  background: #e0e0e0;
}
.thumb-img[data-v-93b98e86] {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.thumb-placeholder[data-v-93b98e86] {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #9e9e9e;
  font-size: 1.5rem;
}
.meta[data-v-93b98e86] {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.meta-name[data-v-93b98e86] {
  font-size: 0.875rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.meta-size[data-v-93b98e86] {
  font-size: 0.75rem;
  color: #757575;
}
.delete-btn[data-v-93b98e86] {
  margin-left: auto;
}
.file-row--pending .meta[data-v-93b98e86] {
  flex: 1;
  min-width: 0;
}
.file-row--pending .status-icon[data-v-93b98e86] {
  flex-shrink: 0;
}
.empty-state[data-v-93b98e86] {
  padding: 16px;
  text-align: center;
  background-color: #fafafa;
  border: 2px dashed #e0e0e0;
  border-radius: 4px;
  margin-top: 8px;
}


.section-title[data-v-3054b321] {
  font-size: medium;
  font-weight: 500;
}
.form-column[data-v-3054b321] {
  display: flex;
  flex-direction: column;
}


.section-title[data-v-439f90cc] {
    font-size: medium;
    font-weight: 500;
}
.form-column[data-v-439f90cc] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}


.section-title[data-v-315dae16] {
  font-size: medium;
  font-weight: 500;
}
.form-column[data-v-315dae16] {
  display: flex;
  flex-direction: column;
}
.pks-docs-row+.pks-docs-row[data-v-315dae16] {
  margin-top: 4px;
}
.pks-upload-col[data-v-315dae16] {
  min-width: 0;
}
.pks-existing-panel[data-v-315dae16] {
  padding: 16px;
  background-color: #fafafa;
  border: 2px dashed #e0e0e0;
  border-radius: 4px;
}
.pks-existing-panel__label[data-v-315dae16] {
  margin-bottom: 10px;
  font-weight: 500;
}
.pks-existing-panel__body[data-v-315dae16] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}
.pks-existing-panel__name[data-v-315dae16] {
  flex: 1 1 160px;
  min-width: 0;
  font-size: 0.875rem;
  line-height: 1.4;
  color: #1976d2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pks-existing-panel__view[data-v-315dae16] {
  flex-shrink: 0;
  margin-left: auto;
}
.pks-dokumentasi-preview__label[data-v-315dae16] {
  margin-bottom: 8px;
  font-weight: 500;
}
.pks-dokumentasi-preview__card[data-v-315dae16] {
  overflow: hidden;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  background: #fafafa;
}


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