/* 第三方账号绑定：账号表单、区号和协议确认。 */
/* 导入方：app/pages/oauth/bind.vue。 */
.session-status[data-v-146faed1] {
  justify-content: center;
  align-items: center;
  gap: 16px;
  margin-top: 20px;
  display: flex;
}
.bind-intro[data-v-146faed1] {
  color: var(--p-text-muted-color);
  text-align: center;
  margin: 0 0 28px;
}
fieldset[data-v-146faed1] {
  border: 0;
  margin: 0;
  padding: 0;
}
legend[data-v-146faed1] {
  margin-bottom: 8px;
  display: block;
}
.input-row[data-v-146faed1] {
  min-width: 0;
  display: flex;
}
.input-row > input[data-v-146faed1] {
  flex: 1;
  width: 0;
  min-width: 0;
}
.input-row[data-v-146faed1] > :first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-row[data-v-146faed1] > :last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.country[data-v-146faed1] {
  border: 1px solid var(--p-form-field-border-color);
  color: var(--p-text-color);
  border-right: 0;
  border-radius: var(--radius-md);
  align-items: center;
  padding: 8px;
  display: flex;
}
.agreement[data-v-146faed1] {
  align-items: flex-start;
  gap: 10px;
  display: flex;
}
.agreement[data-v-146faed1] .p-checkbox {
  flex-shrink: 0;
  margin-top: 4px;
}
/* 视口条件 (width<=360px) 下的响应式覆盖；保留相对基础规则的层叠顺序。 */
@media (width<=360px) {
  .input-row[data-v-146faed1]:has(button) {
    flex-wrap: wrap;
    gap: 10px;
  }
  .input-row:has(button) > input[data-v-146faed1] {
    border-radius: var(--p-inputtext-border-radius);
    flex-basis: 100%;
  }
  .input-row > button[data-v-146faed1] {
    border-radius: var(--p-button-border-radius);
    width: 100%;
  }
  .country[data-v-146faed1] {
    padding-inline: 6px;
  }
}