/* 班组履职评价系统 V1.6.1：批量导入进度提示与防重复提交 */

.import-progress {
  width: min(100%, 520px);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 13px 16px;
  border: 1px solid #bdd9eb;
  border-radius: 10px;
  background: #eaf5fb;
  color: #0a568a;
  text-align: left;
}

.import-progress .spinner,
.import-submit-spinner {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  border-width: 2px;
}

.import-progress span:last-child {
  display: grid;
  gap: 2px;
}

.import-progress small {
  color: #60788b;
}

#import-submit {
  min-width: 190px;
  gap: 9px;
}

#import-submit:disabled {
  border-color: #aeb8c2;
  background: #aeb8c2;
  color: #fff;
  cursor: wait;
  opacity: 1;
  box-shadow: none;
  transform: none;
}

.tabs .tab:disabled {
  cursor: wait;
  opacity: .58;
}

.import-zone[aria-busy="true"] input[type="file"] {
  cursor: wait;
  opacity: .62;
}

@media (max-width: 760px) {
  .import-progress,
  #import-submit {
    width: 100%;
  }

  .import-progress {
    justify-content: flex-start;
  }
}