@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-fe536d85],
.contact-create-card .contact-card-title[data-v-fe536d85],
.contact-header-card .contact-card-title[data-v-fe536d85] {
  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-fe536d85] {
  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-fe536d85] {
  font-size: 21px;
  font-weight: 700;
  color: rgb(var(--v-theme-on-surface));
}
.contact-link[data-v-fe536d85] {
  color: #1B84FF;
  text-decoration: none;
  cursor: pointer;
}
.contact-link[data-v-fe536d85]:hover {
  text-decoration: underline;
}
.contact-basic-section[data-v-fe536d85],
.contact-address-section[data-v-fe536d85],
.contact-info-section[data-v-fe536d85],
.contact-company-relations-section[data-v-fe536d85],
.contact-kyc-section[data-v-fe536d85] {
  margin-bottom: 24px;
}
.contact-data-table[data-v-fe536d85] tbody tr {
  cursor: pointer;
}
.contact-form .v-text-field[data-v-fe536d85],
.contact-form .v-select[data-v-fe536d85],
.contact-form .v-textarea[data-v-fe536d85] {
  font-size: 14px;
}
.contact-form .v-label[data-v-fe536d85] {
  font-size: 14px;
  color: #3C4650;
}

/* 폰트 패밀리 */
[data-v-fe536d85] {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
}
.contact-basic-section[data-v-fe536d85] {
  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-fe536d85] {
  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);
}
.kyc-status-label[data-v-fe536d85] {
  font-size: 14px;
  color: rgb(var(--v-theme-on-surface));
}
.kyc-chip[data-v-fe536d85] {
  background-color: #34d6d2 !important;
  color: #ffffff !important;
  font-weight: 600;
}
.kyc-pill-wrapper[data-v-fe536d85] {
  align-items: center;
}
.biz-file-field[data-v-fe536d85] .v-field {
  background-color: #f5f5f5 !important;
}
.biz-file-field[data-v-fe536d85] .v-field__input {
  color: #616161 !important;
}
.identification-no-field[data-v-fe536d85] .v-field__input {
  color: #9e9e9e !important;
}
.required-asterisk[data-v-fe536d85] {
  color: #F44336 !important;
  font-weight: bold;
  margin-left: 2px;
}

/* Readonly 필드 스타일 (회색 배경) - Street Name과 동일한 스타일 */
.readonly-field[data-v-fe536d85] {
  opacity: 1 !important;
}
.readonly-field[data-v-fe536d85] .v-field {
  background-color: #F5F5F5 !important;
  background: #F5F5F5 !important;
  opacity: 1 !important;
}
.readonly-field[data-v-fe536d85] .v-field__input {
  background-color: #F5F5F5 !important;
  background: #F5F5F5 !important;
  opacity: 1 !important;
}
.readonly-field[data-v-fe536d85] .v-input__control {
  background-color: #F5F5F5 !important;
  background: #F5F5F5 !important;
  opacity: 1 !important;
}
.readonly-field[data-v-fe536d85] .v-field__overlay {
  background-color: #F5F5F5 !important;
  background: #F5F5F5 !important;
  opacity: 1 !important;
}
.readonly-field[data-v-fe536d85] input,
.readonly-field[data-v-fe536d85] 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-fe536d85] .v-field--variant-outlined {
  background-color: #F5F5F5 !important;
  background: #F5F5F5 !important;
  opacity: 1 !important;
}
.readonly-field[data-v-fe536d85] .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-fe536d85],
.readonly-field.v-select--disabled[data-v-fe536d85],
.readonly-field.v-autocomplete--disabled[data-v-fe536d85] {
  opacity: 1 !important;
}
.readonly-field.v-text-field--disabled[data-v-fe536d85] .v-field,
.readonly-field.v-text-field--disabled[data-v-fe536d85] .v-field__input,
.readonly-field.v-text-field--disabled[data-v-fe536d85] .v-input__control,
.readonly-field.v-text-field--disabled[data-v-fe536d85] .v-field__overlay,
.readonly-field.v-text-field--disabled[data-v-fe536d85] input,
.readonly-field.v-text-field--disabled[data-v-fe536d85] textarea,
.readonly-field.v-select--disabled[data-v-fe536d85] .v-field,
.readonly-field.v-select--disabled[data-v-fe536d85] .v-field__input,
.readonly-field.v-select--disabled[data-v-fe536d85] .v-input__control,
.readonly-field.v-select--disabled[data-v-fe536d85] .v-field__overlay,
.readonly-field.v-autocomplete--disabled[data-v-fe536d85] .v-field,
.readonly-field.v-autocomplete--disabled[data-v-fe536d85] .v-field__input,
.readonly-field.v-autocomplete--disabled[data-v-fe536d85] .v-input__control,
.readonly-field.v-autocomplete--disabled[data-v-fe536d85] .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-fe536d85] {
  pointer-events: none !important;
  cursor: not-allowed !important;
}
.readonly-field.v-select[data-v-fe536d85] .v-field {
  pointer-events: none !important;
  cursor: not-allowed !important;
}
.readonly-field.v-select[data-v-fe536d85] .v-field__input {
  pointer-events: none !important;
  cursor: not-allowed !important;
}
.readonly-field.v-select[data-v-fe536d85] .v-input__control {
  pointer-events: none !important;
  cursor: not-allowed !important;
}
.readonly-field.v-select[data-v-fe536d85] .v-field__overlay {
  pointer-events: none !important;
  cursor: not-allowed !important;
}

/* Autocomplete readonly 스타일 */
.readonly-field.v-autocomplete[data-v-fe536d85] {
  pointer-events: none !important;
  cursor: not-allowed !important;
}
.readonly-field.v-autocomplete[data-v-fe536d85] .v-field {
  pointer-events: none !important;
  cursor: not-allowed !important;
}
.readonly-field.v-autocomplete[data-v-fe536d85] .v-field__input {
  pointer-events: none !important;
  cursor: not-allowed !important;
}
.readonly-field.v-autocomplete[data-v-fe536d85] .v-input__control {
  pointer-events: none !important;
  cursor: not-allowed !important;
}
.readonly-field.v-autocomplete[data-v-fe536d85] .v-field__overlay {
  pointer-events: none !important;
  cursor: not-allowed !important;
}