.navigation-loading,.navigation-error{min-height:65vh;min-width:0}
.nav-loading-heading{margin-bottom:28px}
.nav-loading-heading h1{margin:0 0 8px}
.nav-loading-heading p{margin:0;color:var(--muted);font-size:13px}
.nav-skeleton{--skeleton-base:#e8e6de;--skeleton-glow:#f5f3ed}
.nav-skeleton-bar{display:block;position:relative;overflow:hidden;isolation:isolate;height:12px;width:100%;border-radius:5px;background:var(--skeleton-base)}
.nav-skeleton-bar::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 15%,var(--skeleton-glow) 50%,transparent 85%);transform:translateX(-100%);animation:nav-skeleton-shimmer 1.8s ease-in-out infinite}
.nav-skeleton-bar.short{width:32%}.nav-skeleton-bar.medium{width:64%}.nav-skeleton-bar.headline{width:55%;height:28px;margin:8px 0}
.nav-skeleton-tools{display:flex;gap:12px;margin-bottom:22px}.nav-skeleton-bar.control{width:150px;height:38px;border-radius:8px}
.nav-skeleton-metrics,.nav-skeleton-cards{display:grid;gap:16px;margin-bottom:22px}.nav-skeleton-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.nav-skeleton-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.nav-skeleton-card,.nav-skeleton-table{background:#fcfbf7;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.nav-skeleton-card{padding:24px;display:grid;gap:16px;min-height:160px}
.nav-skeleton-row{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:28px;padding:23px 24px;border-bottom:1px solid var(--line)}.nav-skeleton-row:first-child{background:#f2f0e9}.nav-skeleton-row:last-child{border-bottom:0}
@keyframes nav-skeleton-shimmer{to{transform:translateX(100%)}}
@media(max-width:760px){.nav-skeleton-cards,.nav-skeleton-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-skeleton-row{gap:16px;padding:22px 16px;grid-template-columns:1.4fr 1fr 1fr}.nav-skeleton-row>span:nth-child(n+4){display:none}.nav-skeleton-card{padding:18px}}
@media(max-width:420px){.nav-skeleton-cards{grid-template-columns:1fr}.nav-skeleton-metrics{gap:10px}.nav-skeleton-card{min-height:140px}}
@media(prefers-reduced-motion:reduce){.nav-skeleton-bar::after{animation:none;display:none}}