.customer-opening-page[data-v-7917a453] {
  height: 100%;
  background: #f3f6fa;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}
.forex-wrap[data-v-7917a453] {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  height: 100%;
  min-height: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.forex-wrap[data-v-7917a453] .basic-container {
  height: 100%;
  min-height: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  padding: 0;
}
.forex-wrap[data-v-7917a453] .basic-container__card {
  height: 100%;
  min-height: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.forex-wrap[data-v-7917a453] .basic-container .el-card__body {
  height: 100%;
  min-height: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.forex-wrap[data-v-7917a453] .basic-container,
.forex-wrap[data-v-7917a453] .basic-container__card,
.forex-wrap[data-v-7917a453] .basic-container__card > .el-card__body {
  height: 100%;
  min-height: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}
.forex-wrap[data-v-7917a453] .basic-container__card > .el-card__body {
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mission-center-container[data-v-7917a453] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  height: 100%;
  min-height: 0;
  overflow: hidden;
}
.main-content[data-v-7917a453] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  width: 100%;
  min-height: 0;
  min-width: 0;
  padding: 10px;
  overflow: hidden;
}
.top-action-bar[data-v-7917a453] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-bottom: 8px;
  padding: 0;
  background: #fff;
  border-radius: 6px;
}
.toolbar-form[data-v-7917a453] {
  width: 100%;
}
.toolbar-form[data-v-7917a453] .el-form-item {
  margin-right: 0;
  margin-bottom: 0;
}
.filter-row[data-v-7917a453] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.filter-item[data-v-7917a453] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.filter-item--keyword[data-v-7917a453] {
  width: 320px;
}
.date-filter[data-v-7917a453] {
  width: 260px;
}
.date-filter[data-v-7917a453] .el-date-editor {
  width: 100%;
}
.list-action-row[data-v-7917a453] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
  margin-bottom: 8px;
}
.button-bar[data-v-7917a453] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 8px 0;
  background: #fff;
  border-radius: 6px;
}
.button-bar[data-v-7917a453] .el-button + .el-button {
  margin-left: 0;
}
.status-capsule-wrap[data-v-7917a453] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 8px;
  min-width: 0;
}
.status-filter-group[data-v-7917a453] {
  white-space: nowrap;
}
.status-help-icon[data-v-7917a453] {
  color: #8592a6;
  cursor: pointer;
}
.summary-pill[data-v-7917a453] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  height: 28px;
  padding: 0 10px;
  color: #536173;
  background: #fff;
  border: 1px solid #e0e7f0;
  border-radius: 6px;
  font-size: 12px;
  white-space: nowrap;
}
.summary-pill b[data-v-7917a453] {
  color: #1f6feb;
  font-size: 15px;
}
.summary-pill.is-warning b[data-v-7917a453] {
  color: #d97706;
}
.summary-pill.is-primary b[data-v-7917a453] {
  color: #2563eb;
}
.summary-pill.is-risk b[data-v-7917a453] {
  color: #e5484d;
}
.table-container[data-v-7917a453] {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: 100%;
  min-height: 0;
  overflow: hidden;
}
.grid-wrapper[data-v-7917a453] {
  width: 100%;
  background: #fff;
  border-radius: 6px;
}
.customer-opening-grid[data-v-7917a453] {
  width: 100%;
}
.customer-opening-grid[data-v-7917a453] .operation-column .vxe-cell {
  text-align: left;
  white-space: normal;
}
.tag-list[data-v-7917a453] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4px;
}
.table-empty-text[data-v-7917a453] {
  color: #98a2b3;
  font-size: 12px;
}
.drawer-body[data-v-7917a453] {
  height: 100%;
  padding: 0 18px 18px;
  overflow: auto;
}
.drawer-head[data-v-7917a453] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
  padding: 2px 0 14px;
  border-bottom: 1px solid #edf0f5;
}
.drawer-title-row[data-v-7917a453] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.drawer-title[data-v-7917a453] {
  color: #1f2937;
  font-size: 18px;
  font-weight: 700;
}
.drawer-subtitle[data-v-7917a453] {
  margin-top: 6px;
  color: #667085;
  font-size: 12px;
}
.drawer-actions[data-v-7917a453] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 6px;
}
.detail-section-title[data-v-7917a453],
.material-section-title[data-v-7917a453] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 8px 0 10px;
  color: #1f2937;
  font-size: 13px;
  font-weight: 700;
}
.detail-section-title[data-v-7917a453]::before,
.material-section-title[data-v-7917a453]::before {
  width: 3px;
  height: 14px;
  margin-right: 8px;
  background: #2f7df6;
  border-radius: 2px;
  content: '';
}
.material-section-title[data-v-7917a453]:first-child {
  margin-top: 0;
}
.detail-info-table[data-v-7917a453] {
  width: 100%;
  margin-bottom: 14px;
  table-layout: fixed;
  border-collapse: collapse;
  border: 1px solid #e5eaf2;
}
.detail-info-table th[data-v-7917a453],
.detail-info-table td[data-v-7917a453] {
  height: 38px;
  padding: 8px 10px;
  border: 1px solid #e5eaf2;
  text-align: left;
  vertical-align: middle;
  word-break: break-all;
}
.detail-info-table th[data-v-7917a453] {
  width: 130px;
  color: #667085;
  background: #f8fafc;
  font-weight: 500;
}
.detail-info-table td[data-v-7917a453] {
  color: #1f2937;
  background: #fff;
  font-weight: 600;
}
.detail-log-table[data-v-7917a453] {
  width: 100%;
}
.it-copy-panel[data-v-7917a453] {
  margin-bottom: 14px;
  padding: 12px;
  background: #f8fafc;
  border: 1px solid #e5eaf2;
  border-radius: 4px;
}
.it-copy-head[data-v-7917a453] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}
.it-copy-title[data-v-7917a453] {
  color: #1f2937;
  font-size: 14px;
  font-weight: 700;
}
.it-copy-subtitle[data-v-7917a453] {
  margin-top: 4px;
  color: #667085;
  font-size: 12px;
}
.it-copy-grid[data-v-7917a453] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.it-copy-row[data-v-7917a453] {
  display: grid;
  grid-template-columns: 130px minmax(0, 1fr) 38px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 34px;
  padding: 6px 8px;
  background: #fff;
  border: 1px solid #edf0f5;
  border-radius: 4px;
}
.it-copy-row.is-wide[data-v-7917a453] {
  grid-column: 1 / -1;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.it-copy-row.is-wide span[data-v-7917a453],
.it-copy-row.is-wide .el-button[data-v-7917a453] {
  padding-top: 2px;
}
.it-copy-row span[data-v-7917a453] {
  color: #667085;
  font-size: 12px;
}
.it-copy-row b[data-v-7917a453] {
  overflow: hidden;
  color: #1f2937;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.it-copy-row.is-wide b[data-v-7917a453] {
  overflow: visible;
  line-height: 1.5;
  white-space: normal;
}
.dialog-form[data-v-7917a453] {
  padding-right: 8px;
}
.opening-dialog[data-v-7917a453] .el-dialog__body {
  max-height: calc(100vh - 190px);
  overflow-y: auto;
  padding: 14px 20px 8px;
}
.opening-dialog[data-v-7917a453] .el-dialog__footer {
  padding: 10px 20px 16px;
}
.material-tabs[data-v-7917a453] .el-tabs__header {
  margin-bottom: 12px;
}
.material-tabs[data-v-7917a453] .el-tabs__content {
  overflow: visible;
}
.material-form[data-v-7917a453] .el-form-item {
  margin-bottom: 14px;
}
.required-tip[data-v-7917a453] {
  margin-bottom: 10px;
  padding: 8px 10px;
  color: #6b7280;
  background: #f8fafc;
  border: 1px solid #e8edf5;
  border-radius: 4px;
  font-size: 12px;
}
.opening-choice-box[data-v-7917a453] {
  padding: 10px 12px;
  background: #fbfdff;
  border: 1px solid #dbeafe;
  border-radius: 4px;
}
.opening-choice-box.is-muted[data-v-7917a453] {
  background: #f8fafc;
  border-color: #e5eaf2;
}
.opening-choice-title[data-v-7917a453] {
  margin-bottom: 8px;
  color: #64748b;
  font-size: 12px;
}
.message-channel-panel[data-v-7917a453] {
  margin-top: 4px;
  padding: 10px 12px 0;
  background: #fbfdff;
  border: 1px solid #dbeafe;
  border-radius: 4px;
}
.audit-summary[data-v-7917a453] {
  display: grid;
  gap: 8px;
  margin-bottom: 12px;
  padding: 12px;
  background: #f8fafc;
  border: 1px solid #e8edf5;
  border-radius: 4px;
}
.audit-summary div[data-v-7917a453] {
  display: grid;
  grid-template-columns: 80px minmax(0, 1fr);
  gap: 8px;
}
.audit-summary span[data-v-7917a453] {
  color: #667085;
}
.audit-summary b[data-v-7917a453] {
  color: #1f2937;
  font-weight: 600;
}
.activate-panel[data-v-7917a453] {
  padding: 4px 0;
}
.activate-title[data-v-7917a453] {
  color: #1f2937;
  font-size: 16px;
  font-weight: 700;
}
.activate-subtitle[data-v-7917a453] {
  margin-top: 6px;
  color: #667085;
  font-size: 13px;
}
.activate-checks[data-v-7917a453] {
  display: grid;
  gap: 8px;
  margin-top: 14px;
}
.activate-check[data-v-7917a453] {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) 80px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 12px;
  background: #f8fafc;
  border: 1px solid #e8edf5;
  border-radius: 4px;
}
.activate-check i[data-v-7917a453] {
  font-size: 16px;
}
.activate-check .is-pass[data-v-7917a453] {
  color: #22a06b;
}
.activate-check .is-warn[data-v-7917a453] {
  color: #d97706;
}
.activate-check span[data-v-7917a453] {
  color: #344054;
}
.activate-check b[data-v-7917a453] {
  color: #1f2937;
  text-align: right;
}
@media (max-width: 1280px) {
.list-action-row[data-v-7917a453] {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.status-capsule-wrap[data-v-7917a453] {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
}