/* ========== Dubai SIRA 页面 ========== */
.dubaiSIRA {
  padding-top: 4.375vw;
}
.dubaiSIRA .banner{
    width: 100%;
    height: 21.875vw;
    background-size: 100% 100%;
  display: flex;
  align-items: center;
}

.dubaiSIRA .banner h2{
    color: #FFF;
    font-family: "Montserrat-SemiBold" !important;
    font-size: 2.5vw;
    font-style: normal;
    line-height: 150%; /* 150% */
    text-transform: capitalize;
}
.dubaiSIRA .banner p{
    color: #FFF;
    font-family: Montserrat;
    font-size: 0.9375vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 150% */
    margin-top: 0.8333vw;
}
/* 顶部标题栏 */
.dubaiSIRA .top-nav {
  position: sticky;
  z-index: 1000;
  top: 4.3229vw;
  background-color: #fff;
}

.dubaiSIRA .top-nav-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 3.9583vw;
  padding: 0;
}

.dubaiSIRA .detail-title {
  color: #231815;
  font-family: 'Montserrat-SemiBold';
  font-size: 3.125vw;
  line-height: 150%;
  text-transform: capitalize;
  margin: 0;
}

/* ========== 列表内容区域 ========== */
.sira-content {
  max-width: 75vw;
  margin: 4.1667vw auto 4.1667vw;
}

/* ========== 筛选栏 ========== */
.sira-filter {
  display: flex;
  align-items: center;
  gap: 1.25vw;
  margin-bottom: 2.0833vw;
}

/* 搜索框 */
.sira-filter__search {
  display: flex;
  align-items: center;
  flex: 0 0 16.67vw;
  height: 2.5vw;
  padding: 0 0.8333vw;
  border-radius: 0.4167vw;
  border: 0.0521vw solid #EEE;
  background: #FFF;
  transition: border-color 0.2s ease;
}
.sira-filter__search:focus-within {
  border-color: #3A66FB;
}
.sira-filter__search .sira-filter__input {
  flex: 1;
  min-width: 0;
  height: 100%;
  border: none;
  outline: none;
  background: transparent;
  font-family: 'Montserrat';
  font-size: 0.7292vw;
  font-weight: 400;
  color: #231815;
  line-height: 1.25vw;
}
.sira-filter__search .sira-filter__input::placeholder {
  color: rgba(35, 24, 21, 0.40);
}
.sira-filter__search .iconfont {
  font-size: 0.9375vw;
  color: rgba(35, 24, 21, 0.40);
  cursor: pointer;
}

/* 下拉选择框（bootstrap-select，样式对齐 management_detail） */
.sira-filter__select {
  position: relative;
  flex: 0 0 16.67vw;
  height: 2.5vw;
  border-radius: 0.4167vw;
  border: 0.0521vw solid #EEE;
  background: #FFF;
  transition: border-color 0.2s ease;
}
.sira-filter__select:focus-within {
  border-color: #3A66FB;
}
.sira-filter__select .bootstrap-select {
  position: relative;
  width: 100% !important;
}
.sira-filter__select .bootstrap-select .btn {
  height: 2.3958vw;
  padding: 0 0.625vw;
  background: transparent;
  border: none !important;
  border-radius: 0.4167vw;
  font-family: 'Montserrat';
  font-size: 0.7292vw;
  font-weight: 400;
  color: #231815;
  line-height: 1.25vw;
  box-shadow: none !important;
  text-align: left;
}
/* 未选中时（显示 title 占位）为浅色 */
.sira-filter__select .bootstrap-select .btn.bs-placeholder {
  color: rgba(35, 24, 21, 0.40);
}
.sira-filter__select .bootstrap-select .btn:focus,
.sira-filter__select .bootstrap-select .btn:active,
.sira-filter__select .bootstrap-select .btn:hover {
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
}
.sira-filter__select .bootstrap-select .dropdown-toggle .filter-option {
  line-height: 1.25vw;
  display: flex;
  align-items: center;
  min-width: 0;
  overflow: hidden;
}
.sira-filter__select .bootstrap-select .dropdown-toggle .filter-option-inner {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
}
/* 下拉箭头 */
.sira-filter__select .dropdown-toggle::after {
  content: "\e61e" !important;
  font-family: "iconfont";
  vertical-align: middle;
  font-weight: normal;
  border-top: 0;
  border-bottom: 0;
  font-size: 1.0417vw;
  color: #9FA0A0;
}
/* 下拉面板 */
.sira-filter__select .bootstrap-select .dropdown-menu {
  padding: 0;
  min-width: 100%;
  border-radius: 0.4167vw;
  box-shadow: 0 0.2083vw 0.625vw rgba(0, 0, 0, 0.1);
  overflow: visible !important;
  top: 100% !important;
  bottom: auto !important;
  left: 0 !important;
  transform: none !important;
}
.sira-filter__select .bootstrap-select .dropdown-menu .inner {
  overflow-y: auto;
}
.sira-filter__select .bootstrap-select .dropdown-menu li a {
  font-family: 'Montserrat';
  font-size: 0.7292vw;
  font-weight: 400;
  color: #231815;
  padding: 0.4167vw 0.8333vw;
  line-height: 1.25vw;
}
.sira-filter__select .bootstrap-select .dropdown-menu li a:hover {
  background-color: #fafafa;
  color: #231815;
}
.sira-filter__select .bootstrap-select .dropdown-menu li:first-child a {
  border-radius: 0.4167vw 0.4167vw 0 0;
}
.sira-filter__select .bootstrap-select .dropdown-menu li:last-child a {
  border-radius: 0 0 0.4167vw 0.4167vw;
}
.sira-filter__select .bootstrap-select .dropdown-menu li.selected a {
  color: #3A66FB;
  background-color: rgba(58, 102, 251, 0.06);
  font-family: 'Montserrat-SemiBold';
}

/* 表格外层滚动容器 */
.sira-table-wrapper {
  position: relative;
  overflow-x: auto;
}

/* 表格 */
.sira-table {
  width: 75vw;
  border-collapse: collapse;
  table-layout: fixed;
}

/* 单元格内容超出限制宽度时显示省略号 */
.sira-table thead th,
.sira-table tbody td {
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 操作列不裁剪，避免按钮被截断或出现省略号 */
.sira-table thead th:last-child,
.sira-table tbody td:last-child {
  overflow: visible;
  text-overflow: clip;
}

/* 各列宽度分配 */
.sira-table th:nth-child(1),
.sira-table td:nth-child(1) {
  width: 20%;
}
.sira-table th:nth-child(2),
.sira-table td:nth-child(2) {
  width: 25%;
}
.sira-table th:nth-child(3),
.sira-table td:nth-child(3) {
  width: 22%;
}
.sira-table th:nth-child(4),
.sira-table td:nth-child(4) {
  width: 18%;
}
.sira-table th:nth-child(5),
.sira-table td:nth-child(5) {
  width: 15%;
}

/* 表头 */
.sira-table thead th {
  height: 3.125vw;
  background: #FAFAFA;
  font-family: 'Montserrat-SemiBold';
  font-size: 0.8333vw;
  line-height: 150%;
  color: #231815;
  text-align: left;
  padding: 0.8333vw 2.6vw;
  white-space: nowrap;
  font-weight: bold !important;
}

/* 表体行 */
.sira-table tbody td {
  height: 3.3333vw;
  font-family: 'Montserrat';
  font-weight: 400;
  font-size: 0.8333vw;
  line-height: 150%;
  color: #231815;
  text-align: left;
  padding: 1.0416vw 2.6vw;
  white-space: nowrap;
}

/* 奇偶行交替背景 */
.sira-table tbody tr:nth-child(odd) td {
  background: #FFF;
}
.sira-table tbody tr:nth-child(even) td {
  background: #FAFAFA;
}

/* 表格内链接：默认带下划线（不含操作按钮） */
.sira-table tbody td a:not(.table-action-btn) {
  color: #3A66FB;
  text-decoration: underline;
}

/* 无数据状态 */
.sira-table tbody td.no-data-cell {
  text-align: center;
  height: auto;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
}
.sira-table .no-data-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4.1667vw 0;
  gap: 1.25vw;
}
.sira-table .no-data-img {
  width: 5.2083vw;
  height: 5.2083vw;
}
.sira-table .no-data-text {
  font-family: 'Montserrat';
  font-weight: 400;
  font-size: 0.8333vw;
  line-height: 150%;
  color: #231815;
}

/* 操作按钮 - 胶囊形 */
.sira-table .table-action-btn {
  display: inline-flex;
  height: 1.875vw;
  min-width: 7.1875vw;
  padding: 0.4167vw 1.25vw;
  justify-content: center;
  align-items: center;
  gap: 0.4167vw;
  border-radius: 1.25vw;
  backdrop-filter: blur(15px);
  background: transparent;
  cursor: pointer;
  color: #fff;
  background: #3A66FB;
  font-family: 'Montserrat-SemiBold';
  font-size: 0.7292vw;
  text-decoration: none;
  box-sizing: border-box;
}
.sira-table .table-action-btn:hover {
  background: #fff;
  color: #3A66FB;
  border: 1px solid #3A66FB;
  text-decoration: none;
}

/* 分页容器 */
.sira-content .page {
  margin-top: 2.0833vw;
}

/* 文件下载链接（点击下载 file_one_url / file_two_url） */
.sira-table .sira-download-link {
  color: #0e5fac;
  cursor: pointer;
  text-decoration: underline;
}

/* VMS / NOC 表格：下载按钮 单元格（按钮靠右） */
.sira-table td.vms-file-cell {
  text-align: right;
  padding-right: 3.22vw;
}

/* menu 6（DSS PRO）：3 列列宽 */
#dssTableWrap .sira-table th:nth-child(1),
#dssTableWrap .sira-table td:nth-child(1) {
  width: 40%;
}
#dssTableWrap .sira-table th:nth-child(2),
#dssTableWrap .sira-table td:nth-child(2) {
  width: 30%;
}
#dssTableWrap .sira-table th:nth-child(3),
#dssTableWrap .sira-table td:nth-child(3) {
  width: 30%;
}

/* menu 7（NOC & Documents）：2 列列宽 */
#fileTableWrap .sira-table th:nth-child(1),
#fileTableWrap .sira-table td:nth-child(1) {
  width: 60%;
}
#fileTableWrap .sira-table th:nth-child(2),
#fileTableWrap .sira-table td:nth-child(2) {
  width: 40%;
}
.sira-table .vms-file-name {
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 文件预览/下载链接（样式与老官网 .certificate 一致） */
.sira-table .sira-preview-link {
  color: #0e5fac;
  cursor: pointer;
  text-decoration: underline;
}

/* ========== 移动端适配 ========== */
@media screen and (max-width: 768px) {
  .dubaiSIRA {
    padding-top: 12.8vw;
  }
  .dubaiSIRA .top-nav {
    top: 12.5333vw;
  }
  .dubaiSIRA .top-nav-box {
    height: 12.8vw;
  }
  .dubaiSIRA .detail-title {
    font-size: 4.2667vw;
  }

  .sira-content {
    max-width: 100%;
    margin: 5.3333vw 0 10.6667vw;
    padding: 0 6.4vw;
  }

  /* 筛选栏 */
  .sira-filter {
    flex-direction: column;
    align-items: stretch;
    gap: 2.1333vw;
    margin-bottom: 4.2667vw;
  }
  .sira-filter__search,
  .sira-filter__select {
    flex: none;
    width: 100%;
    height: 12.2667vw;
  }
  .sira-filter__search {
    padding: 0 3.2vw;
  }
  .sira-filter__search .sira-filter__input {
    font-size: 3.7333vw;
  }
  .sira-filter__search .iconfont {
    font-size: 4.2667vw;
  }
  .sira-filter__select .bootstrap-select .btn {
    height: 12.2667vw;
    padding: 0 2.6667vw;
    font-size: 3.7333vw;
    line-height: 5.6vw;
    border-radius: 2.1333vw;
  }
  .sira-filter__select .bootstrap-select .dropdown-toggle .filter-option {
    line-height: 5.6vw;
  }
  .sira-filter__select .dropdown-toggle::after {
    font-size: 4.2667vw;
  }
  .sira-filter__select .bootstrap-select .dropdown-menu {
    min-width: 100% !important;
    border-radius: 2.1333vw;
    box-shadow: 0 1.0667vw 3.2vw rgba(0, 0, 0, 0.1);
  }
  .sira-filter__select .bootstrap-select .dropdown-menu .inner {
    max-height: 53.3333vw !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
  }
  .sira-filter__select .bootstrap-select .dropdown-menu li a {
    font-size: 3.7333vw;
    padding: 2.1333vw 4.2667vw;
    line-height: 5.6vw;
  }
  .sira-filter__select .bootstrap-select .dropdown-menu li:first-child a {
    border-radius: 2.1333vw 2.1333vw 0 0;
  }
  .sira-filter__select .bootstrap-select .dropdown-menu li:last-child a {
    border-radius: 0 0 2.1333vw 2.1333vw;
  }
  .sira-filter__select .bootstrap-select .dropdown-menu li.selected a {
    color: #3A66FB;
    background-color: rgba(58, 102, 251, 0.06);
    font-family: 'Montserrat-SemiBold';
  }

  /* 分页容器 */
  .sira-content .page {
    margin-top: 8vw;
  }

  .sira-table {
    width: 100%;
    min-width: 173.3333vw;
  }

  /* 移动端各列宽度分配 */
  .sira-table th:nth-child(1),
  .sira-table td:nth-child(1) {
    width: 20%;
  }
  .sira-table th:nth-child(2),
  .sira-table td:nth-child(2) {
    width: 25%;
  }
  .sira-table th:nth-child(3),
  .sira-table td:nth-child(3) {
    width: 22%;
  }
  .sira-table th:nth-child(4),
  .sira-table td:nth-child(4) {
    width: 18%;
  }
  .sira-table th:nth-child(5),
  .sira-table td:nth-child(5) {
    width: 15%;
  }

  /* 移动端内容完整展示：取消截断，允许换行 */
  .sira-table thead th,
  .sira-table tbody td {
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    overflow-wrap: break-word;
  }

  .sira-table thead th {
    height: 12.8vw;
    font-size: 3.7333vw;
    padding: 2.1333vw;
  }

  .sira-table tbody td {
    height: 14.9333vw;
    font-size: 3.7333vw;
    padding: 2.1333vw;
  }

  .sira-table .no-data-wrap {
    padding: 13.3333vw 0;
    gap: 4vw;
  }
  .sira-table .no-data-img {
    width: 26.6667vw;
    height: 26.6667vw;
  }
  .sira-table .no-data-text {
    font-size: 3.7333vw;
  }

  .sira-table .table-action-btn {
    height: 9.6vw;
    min-width: 21.3333vw;
    padding: 2.1333vw 6.4vw;
    gap: 2.1333vw;
    border-radius: 6.4vw;
    white-space: nowrap;
    font-size: 3.7333vw;
  }
}