/**
 * 三端移动端适配 — 访客 / User / Admin
 * 验收档位：可用（A）；在 app-extend.css 之后加载
 */

/* —— 访客：导航与页脚 —— */
@media (max-width: 991.98px) {
  .mia-navbar .d-flex.gap-2 {
    width: 100%;
    flex-wrap: wrap;
    justify-content: stretch;
  }

  .mia-navbar .d-flex.gap-2 .btn,
  .mia-navbar .d-flex.gap-2 .btn-group {
    flex: 1 1 auto;
    min-width: 0;
  }

  .mia-navbar .d-flex.gap-2 .btn-lg {
    padding: 0.5rem 1rem;
    font-size: 1rem;
  }
}

@media (max-width: 575.98px) {
  .mia-navbar-brand-text span.fw-bold {
    font-size: 0.92rem;
    line-height: 1.25;
  }

  .mia-brand-logo-img {
    height: 2rem;
    max-width: 96px;
  }

  .mia-footer-wechat-qr {
    width: 96px !important;
    height: 96px !important;
  }

  .mia-footer .d-flex.flex-wrap.gap-4 {
    justify-content: center;
  }

  .mia-home-intro-logo {
    max-height: 3.25rem;
  }

  #about-intro .display-6 {
    font-size: calc(1.15rem + 1.2vw);
  }
}

/* —— 访客：Hero 快链卡片 —— */
@media (max-width: 991.98px) {
  .mia-hero-news-float--quick-links {
    max-height: none;
    margin-top: 0.5rem;
  }

  .mia-hero-nam-headline h1.mia-hero-nam-title.mia-hero-nam-lead {
    text-align: left;
  }
}

/* —— 访客：鉴权页 —— */
.mia-auth-wrap .card-body.p-5 {
  padding: 2rem !important;
}

@media (max-width: 575.98px) {
  .mia-auth-wrap .card-body.p-5 {
    padding: 1.35rem !important;
  }

  .mia-auth-wrap .nav-tabs .nav-link {
    font-size: 0.9rem;
    padding: 0.45rem 0.65rem;
  }
}

/* —— 访客：筛选表单按钮组 —— */
@media (max-width: 767.98px) {
  .mia-filter-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
  }

  .mia-filter-actions .btn {
    flex: 1 1 auto;
  }
}

/* —— User / 表单：可横向滚动的 Tab —— */
.mia-nav-tabs-scroll {
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  border-bottom: 1px solid var(--mia-border, #dee2e6);
}

.mia-nav-tabs-scroll .nav-item {
  flex-shrink: 0;
}

.mia-nav-tabs-scroll .nav-link {
  white-space: nowrap;
}

/* —— User：入会申请标签对齐（自 apply 页 inline 样式迁入） —— */
.mia-apply .mia-row-label {
  min-width: 7.5rem;
}

@media (min-width: 992px) {
  .mia-apply .mia-row-label {
    text-align: right;
    padding-top: 1.85rem;
  }
}

.mia-apply .form-label.small {
  font-size: 0.8rem;
  margin-bottom: 0.2rem;
}

.mia-apply .text-required {
  color: #dc3545;
}

.mia-apply .form-control[readonly],
.mia-apply .form-select:disabled {
  background-color: #f8f9fa;
}

.mia-apply .mia-thumb {
  max-height: 96px;
  cursor: pointer;
  object-fit: contain;
}

.mia-apply .mia-section-title {
  font-size: 0.95rem;
  color: #6c757d;
  border-bottom: 1px solid #dee2e6;
  padding-bottom: 0.35rem;
  margin-bottom: 0.75rem;
  margin-top: 1rem;
}

.mia-apply .mia-section-title:first-child {
  margin-top: 0;
}

/* —— User：信息修改页宽度 —— */
.mia-user-info-page {
  width: 80%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 12px;
  padding-right: 12px;
}

@media (max-width: 576px) {
  .mia-user-info-page {
    width: 100%;
  }
}

.mia-user-info-page .cert-validity-dates input[type="date"] {
  min-width: 10.5rem;
  max-width: 100%;
}

/* —— User：侧栏 offcanvas —— */
.mia-user-offcanvas,
.mia-admin-offcanvas {
  max-width: min(320px, 88vw);
}

.mia-user-offcanvas .card,
.mia-admin-offcanvas .card {
  box-shadow: none !important;
  border: 0 !important;
}

/* —— User：专家申请状态进度 —— */
@media (max-width: 479.98px) {
  .mia-expert-progress-steps > .col {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/* —— Admin：布局与侧栏 —— */
@media (max-width: 991.98px) {
  .mia-admin-main .card-header.d-flex.justify-content-between {
    flex-direction: column;
    align-items: flex-start !important;
    gap: 0.5rem;
  }

  .mia-admin-main .card-header .d-flex.gap-2,
  .mia-admin-main .card-header .btn-group {
    flex-wrap: wrap;
  }
}

.mia-mobile-upload-hint {
  border-left-color: var(--mia-brand, #c41230) !important;
}

@media (max-width: 991.98px) {
  .mia-form-sticky-actions {
    position: sticky;
    bottom: 0;
    z-index: 1020;
    background: rgba(255, 255, 255, 0.96);
    padding: 0.75rem 0;
    margin-top: 1rem !important;
    border-top: 1px solid var(--mia-border, #dee2e6);
    backdrop-filter: blur(6px);
  }

  .mia-apply .mia-file-slot .d-flex.flex-wrap {
    flex-direction: column;
  }

  .mia-apply .mia-file-slot .small.flex-grow-1 {
    min-width: 0 !important;
  }
}

.mia-user-info-page #orgInfoForm:not(.edit-mode) .mia-file-slot .btn-pick-file,
.mia-user-info-page #orgInfoForm:not(.edit-mode) .mia-file-slot .btn-replace-file {
  display: none !important;
}

.mia-user-info-page #orgInfoForm:not(.edit-mode) #certificationsContainer button,
.mia-user-info-page #orgInfoForm:not(.edit-mode) #certificationsContainer .btn,
.mia-user-info-page #orgInfoForm:not(.edit-mode) #certificationsJsonContainer button,
.mia-user-info-page #orgInfoForm:not(.edit-mode) #certificationsJsonContainer .btn,
.mia-user-info-page #orgInfoForm:not(.edit-mode) #certificationsJsonContainer input[type="file"] {
  display: none !important;
}

@media (max-width: 767.98px) {
  .tox-tinymce {
    border-radius: 0.375rem;
  }

  .mia-solution-actions {
    display: flex;
    flex-direction: column;
    align-items: stretch !important;
    gap: 0.35rem;
  }

  .mia-solution-actions .btn,
  .mia-solution-actions form {
    width: 100%;
  }

  .mia-solution-actions form .btn {
    width: 100%;
  }
}

.mia-admin-offcanvas .accordion-button {
  font-size: 0.875rem;
}