@charset "UTF-8";
/**
 * Contact Feature Styles
 * Based on CONTACT_DESIGN_SYSTEM.mdc
 * Contact feature에만 적용되는 스타일
 * Updated to match Entity styles
 */
.contact-list-card .contact-card-title[data-v-f50719e5],
.contact-create-card .contact-card-title[data-v-f50719e5],
.contact-header-card .contact-card-title[data-v-f50719e5] {
  font-size: 21px;
  font-weight: 700;
  color: rgb(var(--v-theme-on-surface));
  padding: 16px 24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.contact-section-title[data-v-f50719e5] {
  font-size: 18px;
  font-weight: 500;
  color: rgb(var(--v-theme-on-surface));
  padding: 16px 24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.contact-title[data-v-f50719e5] {
  font-size: 21px;
  font-weight: 700;
  color: rgb(var(--v-theme-on-surface));
}
.contact-link[data-v-f50719e5] {
  color: #1B84FF;
  text-decoration: none;
  cursor: pointer;
}
.contact-link[data-v-f50719e5]:hover {
  text-decoration: underline;
}
.contact-basic-section[data-v-f50719e5],
.contact-address-section[data-v-f50719e5],
.contact-info-section[data-v-f50719e5],
.contact-company-relations-section[data-v-f50719e5],
.contact-kyc-section[data-v-f50719e5] {
  margin-bottom: 24px;
}
.contact-data-table[data-v-f50719e5] tbody tr {
  cursor: pointer;
}
.contact-form .v-text-field[data-v-f50719e5],
.contact-form .v-select[data-v-f50719e5],
.contact-form .v-textarea[data-v-f50719e5] {
  font-size: 14px;
}
.contact-form .v-label[data-v-f50719e5] {
  font-size: 14px;
  color: #3C4650;
}

/* 폰트 패밀리 */
[data-v-f50719e5] {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
}
.contact-basic-section[data-v-f50719e5] {
  background-color: rgb(var(--v-theme-surface)) !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  margin-bottom: 24px;
}
.contact-section-title[data-v-f50719e5] {
  font-size: 18px;
  font-weight: 500;
  color: rgb(var(--v-theme-on-surface));
  padding: 16px 24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

/* Readonly 필드 스타일 (회색 배경) - Street Name과 동일한 스타일 */
.readonly-field[data-v-f50719e5] {
  opacity: 1 !important;
}
.readonly-field[data-v-f50719e5] .v-field {
  background-color: #F5F5F5 !important;
  background: #F5F5F5 !important;
  opacity: 1 !important;
}
.readonly-field[data-v-f50719e5] .v-field__input {
  background-color: #F5F5F5 !important;
  background: #F5F5F5 !important;
  opacity: 1 !important;
}
.readonly-field[data-v-f50719e5] .v-input__control {
  background-color: #F5F5F5 !important;
  background: #F5F5F5 !important;
  opacity: 1 !important;
}
.readonly-field[data-v-f50719e5] .v-field__overlay {
  background-color: #F5F5F5 !important;
  background: #F5F5F5 !important;
  opacity: 1 !important;
}
.readonly-field[data-v-f50719e5] input,
.readonly-field[data-v-f50719e5] textarea {
  background-color: #F5F5F5 !important;
  background: #F5F5F5 !important;
  color: rgba(0, 0, 0, 0.87) !important;
  cursor: not-allowed !important;
  -webkit-text-fill-color: rgba(0, 0, 0, 0.87) !important;
  opacity: 1 !important;
}
.readonly-field[data-v-f50719e5] .v-field--variant-outlined {
  background-color: #F5F5F5 !important;
  background: #F5F5F5 !important;
  opacity: 1 !important;
}
.readonly-field[data-v-f50719e5] .v-field--variant-outlined .v-field__input {
  background-color: #F5F5F5 !important;
  background: #F5F5F5 !important;
  opacity: 1 !important;
}
.readonly-field.v-text-field--disabled[data-v-f50719e5],
.readonly-field.v-select--disabled[data-v-f50719e5],
.readonly-field.v-autocomplete--disabled[data-v-f50719e5] {
  opacity: 1 !important;
}
.readonly-field.v-text-field--disabled[data-v-f50719e5] .v-field,
.readonly-field.v-text-field--disabled[data-v-f50719e5] .v-field__input,
.readonly-field.v-text-field--disabled[data-v-f50719e5] .v-input__control,
.readonly-field.v-text-field--disabled[data-v-f50719e5] .v-field__overlay,
.readonly-field.v-text-field--disabled[data-v-f50719e5] input,
.readonly-field.v-text-field--disabled[data-v-f50719e5] textarea,
.readonly-field.v-select--disabled[data-v-f50719e5] .v-field,
.readonly-field.v-select--disabled[data-v-f50719e5] .v-field__input,
.readonly-field.v-select--disabled[data-v-f50719e5] .v-input__control,
.readonly-field.v-select--disabled[data-v-f50719e5] .v-field__overlay,
.readonly-field.v-autocomplete--disabled[data-v-f50719e5] .v-field,
.readonly-field.v-autocomplete--disabled[data-v-f50719e5] .v-field__input,
.readonly-field.v-autocomplete--disabled[data-v-f50719e5] .v-input__control,
.readonly-field.v-autocomplete--disabled[data-v-f50719e5] .v-field__overlay {
  background-color: #F5F5F5 !important;
  background: #F5F5F5 !important;
  color: rgba(0, 0, 0, 0.87) !important;
  -webkit-text-fill-color: rgba(0, 0, 0, 0.87) !important;
  opacity: 1 !important;
}

/* Select readonly 스타일 */
.readonly-field.v-select[data-v-f50719e5] {
  pointer-events: none !important;
  cursor: not-allowed !important;
}
.readonly-field.v-select[data-v-f50719e5] .v-field {
  pointer-events: none !important;
  cursor: not-allowed !important;
}
.readonly-field.v-select[data-v-f50719e5] .v-field__input {
  pointer-events: none !important;
  cursor: not-allowed !important;
}
.readonly-field.v-select[data-v-f50719e5] .v-input__control {
  pointer-events: none !important;
  cursor: not-allowed !important;
}
.readonly-field.v-select[data-v-f50719e5] .v-field__overlay {
  pointer-events: none !important;
  cursor: not-allowed !important;
}
.required-asterisk[data-v-f50719e5] {
  color: #F44336 !important;
  font-weight: bold;
  margin-left: 2px;
}
/**
 * Contact Feature Styles
 * Based on CONTACT_DESIGN_SYSTEM.mdc
 * Contact feature에만 적용되는 스타일
 * Updated to match Entity styles
 */
.contact-list-card .contact-card-title[data-v-8f4a9a74],
.contact-create-card .contact-card-title[data-v-8f4a9a74],
.contact-header-card .contact-card-title[data-v-8f4a9a74] {
  font-size: 21px;
  font-weight: 700;
  color: rgb(var(--v-theme-on-surface));
  padding: 16px 24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.contact-section-title[data-v-8f4a9a74] {
  font-size: 18px;
  font-weight: 500;
  color: rgb(var(--v-theme-on-surface));
  padding: 16px 24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.contact-title[data-v-8f4a9a74] {
  font-size: 21px;
  font-weight: 700;
  color: rgb(var(--v-theme-on-surface));
}
.contact-link[data-v-8f4a9a74] {
  color: #1B84FF;
  text-decoration: none;
  cursor: pointer;
}
.contact-link[data-v-8f4a9a74]:hover {
  text-decoration: underline;
}
.contact-basic-section[data-v-8f4a9a74],
.contact-address-section[data-v-8f4a9a74],
.contact-info-section[data-v-8f4a9a74],
.contact-company-relations-section[data-v-8f4a9a74],
.contact-kyc-section[data-v-8f4a9a74] {
  margin-bottom: 24px;
}
.contact-data-table[data-v-8f4a9a74] tbody tr {
  cursor: pointer;
}
.contact-form .v-text-field[data-v-8f4a9a74],
.contact-form .v-select[data-v-8f4a9a74],
.contact-form .v-textarea[data-v-8f4a9a74] {
  font-size: 14px;
}
.contact-form .v-label[data-v-8f4a9a74] {
  font-size: 14px;
  color: #3C4650;
}
.contact-legal-info-section[data-v-8f4a9a74] {
  background-color: rgb(var(--v-theme-surface)) !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  margin-bottom: 24px;
}

/* 폰트 패밀리 */
[data-v-8f4a9a74] {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
}
.contact-section-title[data-v-8f4a9a74] {
  font-size: 18px;
  font-weight: 500;
  color: rgb(var(--v-theme-on-surface));
  padding: 16px 24px;
  border-bottom: 1px solid #ebf1f6;
}

/* Readonly 필드 스타일 (회색 배경) */
.readonly-field[data-v-8f4a9a74] {
  opacity: 1 !important;
}
.readonly-field[data-v-8f4a9a74] .v-field {
  background-color: #F5F5F5 !important;
  background: #F5F5F5 !important;
  opacity: 1 !important;
}
.readonly-field[data-v-8f4a9a74] .v-field__input {
  background-color: #F5F5F5 !important;
  background: #F5F5F5 !important;
  opacity: 1 !important;
}
.readonly-field[data-v-8f4a9a74] .v-input__control {
  background-color: #F5F5F5 !important;
  background: #F5F5F5 !important;
  opacity: 1 !important;
}
.readonly-field[data-v-8f4a9a74] .v-field__overlay {
  background-color: #F5F5F5 !important;
  background: #F5F5F5 !important;
  opacity: 1 !important;
}
.readonly-field[data-v-8f4a9a74] input,
.readonly-field[data-v-8f4a9a74] textarea {
  background-color: #F5F5F5 !important;
  background: #F5F5F5 !important;
  color: rgba(0, 0, 0, 0.87) !important;
  cursor: not-allowed !important;
  -webkit-text-fill-color: rgba(0, 0, 0, 0.87) !important;
  opacity: 1 !important;
}
.readonly-field[data-v-8f4a9a74] .v-field--variant-outlined {
  background-color: #F5F5F5 !important;
  background: #F5F5F5 !important;
  opacity: 1 !important;
}
.readonly-field[data-v-8f4a9a74] .v-field--variant-outlined .v-field__input {
  background-color: #F5F5F5 !important;
  background: #F5F5F5 !important;
  opacity: 1 !important;
}
.readonly-field.v-text-field--disabled[data-v-8f4a9a74],
.readonly-field.v-select--disabled[data-v-8f4a9a74],
.readonly-field.v-autocomplete--disabled[data-v-8f4a9a74] {
  opacity: 1 !important;
}
.readonly-field.v-text-field--disabled[data-v-8f4a9a74] .v-field,
.readonly-field.v-text-field--disabled[data-v-8f4a9a74] .v-field__input,
.readonly-field.v-text-field--disabled[data-v-8f4a9a74] .v-input__control,
.readonly-field.v-text-field--disabled[data-v-8f4a9a74] .v-field__overlay,
.readonly-field.v-text-field--disabled[data-v-8f4a9a74] input,
.readonly-field.v-text-field--disabled[data-v-8f4a9a74] textarea,
.readonly-field.v-select--disabled[data-v-8f4a9a74] .v-field,
.readonly-field.v-select--disabled[data-v-8f4a9a74] .v-field__input,
.readonly-field.v-select--disabled[data-v-8f4a9a74] .v-input__control,
.readonly-field.v-select--disabled[data-v-8f4a9a74] .v-field__overlay,
.readonly-field.v-autocomplete--disabled[data-v-8f4a9a74] .v-field,
.readonly-field.v-autocomplete--disabled[data-v-8f4a9a74] .v-field__input,
.readonly-field.v-autocomplete--disabled[data-v-8f4a9a74] .v-input__control,
.readonly-field.v-autocomplete--disabled[data-v-8f4a9a74] .v-field__overlay {
  background-color: #F5F5F5 !important;
  background: #F5F5F5 !important;
  color: rgba(0, 0, 0, 0.87) !important;
  -webkit-text-fill-color: rgba(0, 0, 0, 0.87) !important;
  opacity: 1 !important;
}