/**
 * 商标申请页在 redesign 下的布局加固（业务逻辑不变）
 *
 * 结构：.whole-wrapper.container > .register-index.container > .el-card
 * 问题：内外两层都带 .container，被套了两次 max-width/padding，
 * 主卡片实际可视宽被压到约 1200，看起来仍像旧版。
 * 策略：仅 outermost .whole-wrapper 承担 1440 居中；内层与卡片拉满。
 */

/* 外层：唯一的 1440 居中壳 */
.ep-ui-redesign.register-form-page .whole-wrapper.container {
  width: 100%;
  max-width: var(--container-max, 1440px);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--content-gutter, 24px);
  padding-right: var(--content-gutter, 24px);
  box-sizing: border-box;
}

/* 内层 register-index：取消第二层容器约束，吃满外层内容区 */
.ep-ui-redesign.register-form-page .whole-wrapper .register-index.container,
.ep-ui-redesign.register-form-page .register-index.container {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  box-sizing: border-box;
}

/* 主卡片与表单：铺满 1440 内容区（不再停留在 1200） */
.ep-ui-redesign.register-form-page .register-index > .el-card,
.ep-ui-redesign.register-form-page .register-index .el-card.mgt10 {
  width: 100%;
  max-width: none;
  box-sizing: border-box;
}

.ep-ui-redesign.register-form-page .register-index .el-card__body,
.ep-ui-redesign.register-form-page .register-index .reg-form,
.ep-ui-redesign.register-form-page .register-index .flow,
.ep-ui-redesign.register-form-page .register-index .classify-items-wrapper {
  width: 100%;
  max-width: none;
  box-sizing: border-box;
}

.ep-ui-redesign.register-form-page .flow {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.ep-ui-redesign.register-form-page .classify-items-wrapper.clearfix::before,
.ep-ui-redesign.register-form-page .classify-items-wrapper.clearfix::after {
  display: none;
  content: none;
  clear: none;
}

.ep-ui-redesign.register-form-page .classify-items-wrapper .right-mode.pull-left,
.ep-ui-redesign.register-form-page .classify-items-wrapper .left-mode.pull-right {
  float: none;
}

@media (max-width: 1366px) {
  .ep-ui-redesign.register-form-page .classify-items-wrapper {
    grid-template-columns: 1fr;
  }

  .ep-ui-redesign.register-form-page .right-mode {
    order: 1;
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 320px;
  }

  .ep-ui-redesign.register-form-page .left-mode {
    order: 2;
  }

  .ep-ui-redesign.register-form-page .right-mode .collapse-wrap > .el-scrollbar {
    position: static;
    height: auto;
  }

  /* 代理卡：取消桌面心轴 fixed */
  .ep-ui-redesign.register-form-page .agent-wrapper.customfixtop .agent {
    position: static;
    right: auto;
    margin-right: 0;
    top: auto;
    width: 100%;
    max-width: 100%;
  }
}

@media (max-width: 639px) {
  .ep-ui-redesign.register-form-page .flow .flow-item {
    min-width: 72px;
  }
}