/* Interaction polish: desktop navigation comfort + deferred heavy analysis feedback. */
.deferred-analysis-panel {
  display:grid;
  gap:.65rem;
  min-height:7rem;
  align-content:center;
  margin-top:1rem;
  border-style:dashed;
}
.deferred-analysis-panel h3,
.deferred-analysis-panel p { margin-bottom:0; }
.deferred-analysis-panel .deferred-analysis-actions {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.65rem;
}
.deferred-analysis-panel .secondary {
  color:#dbe8ff;
  background:#263858;
}
.deferred-analysis-panel.is-loading {
  border-style:solid;
  box-shadow:inset 3px 0 0 #8cb7ff;
}
.deferred-analysis-panel.is-loading .deferred-analysis-status::before {
  content:'⏳ ';
}

@media (min-width:900px) {
  .app-shell { padding-left:10.5rem; }
  .app-nav {
    width:10.5rem;
    padding:1.35rem .9rem;
    gap:.35rem;
  }
  .nav-link {
    justify-content:center;
    min-height:4.7rem;
    border:1px solid transparent;
    border-radius:.85rem;
    padding:.85rem .7rem;
    gap:.42rem;
    font-size:.92rem;
    font-weight:780;
    line-height:1.15;
    transition:background-color .14s ease,color .14s ease,border-color .14s ease,transform .08s ease;
  }
  .nav-link > span:first-child {
    font-size:1.35rem;
    line-height:1;
  }
  .nav-link:hover {
    color:#edf4ff;
    border-color:#304768;
    background:#13213a;
    transform:translateX(2px);
  }
  .nav-link[aria-current] {
    color:#dce9ff;
    border-color:#35517b;
    background:#1a2d4e;
    box-shadow:inset 4px 0 0 #8cb7ff;
  }
  .nav-link[data-pending='true'] {
    color:#fff;
    background:#20385f;
    box-shadow:inset 4px 0 0 #f1c75b;
  }
  .nav-link:active {
    transform:translateX(2px) scale(.98);
  }
}