/* Sprint23: analysis-room density and polish */

.kirin-analysis-room-nav a{
  transition:border-color .18s ease,background-color .18s ease,transform .18s ease;
}

.kirin-analysis-room-nav a:hover,
.kirin-analysis-room-nav a:focus-visible{
  transform:translateY(-1px);
}

.kirin-analysis-state{
  letter-spacing:.02em;
}

@media(max-width:720px){
  .kirin-analysis-room{
    gap:13px;
  }

  .kirin-analysis-overview{
    display:grid;
    grid-template-columns:1fr;
    gap:0;
    padding:3px 14px;
    border:1px solid var(--line-soft);
    border-radius:14px;
    background:linear-gradient(145deg,#10130f,#0a0d0b);
  }

  .kirin-analysis-overview>div{
    display:grid;
    grid-template-columns:minmax(92px,.72fr) minmax(0,1.28fr);
    align-items:center;
    gap:12px;
    min-height:46px;
    padding:10px 2px;
    border:0;
    border-radius:0;
    background:transparent;
  }

  .kirin-analysis-overview>div+div{
    border-top:1px solid rgba(215,181,74,.14);
  }

  .kirin-analysis-overview small{
    margin:0;
    font-size:10px;
    line-height:1.35;
  }

  .kirin-analysis-overview strong{
    font-size:14px;
    line-height:1.4;
    text-align:right;
  }

  .kirin-analysis-room-nav{
    gap:6px;
    padding:6px;
  }

  .kirin-analysis-room-nav a{
    gap:3px;
    padding:9px 10px;
  }

  .kirin-analysis-room-nav strong{
    font-size:11px;
  }

  .kirin-analysis-room-nav small{
    font-size:9px;
    line-height:1.4;
  }

  .kirin-analysis-sections{
    gap:9px;
  }

  .kirin-analysis-panel{
    padding:14px;
  }

  .kirin-analysis-lens-header{
    margin-bottom:11px;
  }

  .kirin-analysis-lens-header p{
    margin-top:4px;
    line-height:1.5;
  }
}

@media(max-width:480px){
  .kirin-analysis-room{
    gap:11px;
  }

  .kirin-analysis-overview{
    padding:2px 12px;
  }

  .kirin-analysis-overview>div{
    grid-template-columns:88px minmax(0,1fr);
    min-height:43px;
    padding:8px 1px;
  }

  .kirin-analysis-overview strong{
    font-size:13px;
  }

  .kirin-analysis-room-nav{
    grid-template-columns:1fr 1fr;
  }

  .kirin-analysis-room-nav a{
    min-height:54px;
    align-content:center;
  }

  .kirin-analysis-capability-grid .kirin-metric.is-pending{
    min-height:78px;
    padding-top:12px;
    padding-bottom:12px;
  }

  .kirin-analysis-capability-grid .kirin-metric.is-pending strong{
    margin-top:2px;
    line-height:1;
  }

  .kirin-analysis-capability-grid .kirin-metric.is-pending>span{
    margin-top:6px;
  }

  .kirin-analysis-lens-header h2{
    font-size:16px;
  }

  .kirin-analysis-state{
    padding:4px 8px;
  }
}