.form-label[data-v-2dd3b729] {
  font-size: 14px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.87);
  margin-bottom: 4px;
  display: block;
}
.form-label.required .required-mark[data-v-2dd3b729] {
  color: #ee3c2e;
}
.detail-field[data-v-2dd3b729] {
  margin-bottom: 1rem;
}
.detail-field__label[data-v-2dd3b729] {
  display: block;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.6);
  margin-bottom: 4px;
}
.detail-field__value[data-v-2dd3b729] {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.87);
  padding: 8px 12px;
  background: #f5f7fa;
  border-radius: 8px;
}


.form-label[data-v-1d96b47a] {
  font-size: 14px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.87);
  margin-bottom: 4px;
  display: block;
}
.form-label.required .required-mark[data-v-1d96b47a] {
  color: #ee3c2e;
}
.detail-field[data-v-1d96b47a] {
  margin-bottom: 1rem;
}
.detail-field__label[data-v-1d96b47a] {
  display: block;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.6);
  margin-bottom: 4px;
}
.detail-field__value[data-v-1d96b47a] {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.87);
  padding: 8px 12px;
  background: #f5f7fa;
  border-radius: 8px;
}


.action-buttons-wrap[data-v-3fd67d74] {
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}
.action-btn[data-v-3fd67d74] {
  min-width: 36px !important;
  width: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
  border-radius: 8px !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12) !important;
}
.action-btn-detail[data-v-3fd67d74] {
  background-color: #e8eaf6 !important;
  color: #3949ab !important;
}
.action-btn-detail[data-v-3fd67d74]:hover {
  background-color: #c5cae9 !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16) !important;
}

/* PKS: document (blue) & info (light blue/cyan) */
.action-btn-doc[data-v-3fd67d74] {
  background-color: #e3f2fd !important;
  color: #1976d2 !important;
}
.action-btn-doc[data-v-3fd67d74]:hover {
  background-color: #bbdefb !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16) !important;
}
.action-btn-info[data-v-3fd67d74] {
  background-color: #e0f7fa !important;
  color: #0097a7 !important;
}
.action-btn-info[data-v-3fd67d74]:hover {
  background-color: #b2ebf2 !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16) !important;
}
.action-btn-edit[data-v-3fd67d74] {
  background-color: #e8f5e9 !important;
  color: #43a047 !important;
}
.action-btn-edit[data-v-3fd67d74]:hover {
  background-color: #c8e6c9 !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16) !important;
}
.action-btn-delete[data-v-3fd67d74] {
  background-color: #ffebee !important;
  color: #e53935 !important;
}
.action-btn-delete[data-v-3fd67d74]:hover {
  background-color: #ffcdd2 !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16) !important;
}