/* Sprint24: final analysis-room polish */
.kirin-analysis-room-nav a{
  transition:border-color .18s ease,background-color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.kirin-analysis-room-nav a:hover,
.kirin-analysis-room-nav a:focus-visible{
  transform:translateY(-1px);
  box-shadow:0 8px 20px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,235,154,.04);
}

.kirin-analysis-state{
  min-width:52px;
  text-align:center;
  letter-spacing:.03em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.kirin-analysis-state.is-pending{
  border-color:#71591f;
  background:linear-gradient(180deg,rgba(215,181,74,.09),rgba(215,181,74,.035));
}
.kirin-analysis-state.is-ready{
  background:linear-gradient(180deg,rgba(69,223,134,.09),rgba(69,223,134,.03));
}

@media(min-width:721px) and (max-width:1200px){
  .kirin-analysis-room-nav strong{font-size:13px}
  .kirin-analysis-room-nav small{font-size:10.5px;line-height:1.45}
  .kirin-analysis-room-nav a{padding:12px 13px}
}

@media(max-width:480px){
  .kirin-analysis-capability-grid .kirin-metric.is-pending{
    min-height:82px;
    padding-top:12px;
    padding-bottom:11px;
  }
  .kirin-analysis-capability-grid .kirin-metric.is-pending small{
    margin-bottom:10px;
  }
  .kirin-analysis-capability-grid .kirin-metric.is-pending strong{
    line-height:1;
  }
  .kirin-analysis-capability-grid .kirin-metric.is-pending>span{
    margin-top:8px;
    font-size:10px;
  }
  .kirin-analysis-lens-header{margin-bottom:12px}
  .kirin-analysis-state{padding:5px 8px;font-size:10px}
}

@media(hover:none){
  .kirin-analysis-room-nav a:hover{transform:none;box-shadow:none}
}
