.admin-navigation-status {
 position: fixed;
 bottom: 20px;
 left: 50%;
 transform: translateX(-50%);
 z-index: 1200;
 max-width: calc(100vw - 32px);
 color: var(--color-base-900);
}
.admin-navigation-card {
 display: flex;
 align-items: center;
 justify-content: center;
 flex-wrap: wrap;
 gap: 12px;
 padding: 12px 16px;
 border: 1px solid var(--color-base-300);
 border-radius: 8px;
 background: var(--color-base-50);
 box-shadow: 0 4px 16px #0002;
}
.admin-navigation-spinner { display: none; }
.admin-navigation-status[data-state="loading"] {
 /* Reaxus GlobalLoadingOverlay: a bare white ring on a blurred backdrop. */
 inset: 0;
 max-width: none;
 transform: none;
 display: grid;
 place-items: center;
 padding: 24px;
 color: #fff;
 background: rgb(15 23 42 / 60%);
 -webkit-backdrop-filter: blur(3px);
 backdrop-filter: blur(3px);
 cursor: progress;
}
.admin-navigation-status[data-state="loading"] .admin-navigation-card {
 flex-direction: column;
 gap: 16px;
 max-width: min(360px, 100%);
 padding: 0;
 border: 0;
 border-radius: 0;
 background: transparent;
 color: #fff;
 text-align: center;
 font-size: .95rem;
 font-weight: 600;
 line-height: 1.5;
 box-shadow: none;
}
.admin-navigation-status[data-state="loading"] .admin-navigation-spinner {
 display: block;
 width: 48px;
 height: 48px;
 border-radius: 50%;
 box-shadow: inset 0 0 0 3px rgb(255 255 255 / 25%);
 animation: admin-navigation-spin 1.4s linear infinite;
}
.admin-navigation-spinner svg { display: block; width: 100%; height: 100%; }
.admin-navigation-spinner circle {
 stroke-dasharray: 80px, 200px;
 stroke-dashoffset: 0;
 animation: admin-navigation-dash 1.4s ease-in-out infinite;
}
.dark .admin-navigation-status { color: var(--color-base-100); }
.dark .admin-navigation-card {
 background: var(--color-base-900);
 border-color: var(--color-base-600);
}
.admin-navigation-status[hidden], .admin-navigation-status [hidden] { display: none; }
.admin-navigation-status button, .admin-navigation-status a {
 color: var(--color-primary-600);
 text-decoration: underline;
}
.dark .admin-navigation-status button, .dark .admin-navigation-status a { color: var(--color-primary-400); }
#admin-page[aria-busy="true"] { cursor: progress; }
@keyframes admin-navigation-spin { to { transform: rotate(360deg); } }
@keyframes admin-navigation-dash {
 0% { stroke-dasharray: 1px, 200px; stroke-dashoffset: 0; }
 50% { stroke-dasharray: 100px, 200px; stroke-dashoffset: -15px; }
 100% { stroke-dasharray: 100px, 200px; stroke-dashoffset: -125px; }
}
@media (prefers-reduced-motion: reduce) {
 .admin-navigation-spinner, .admin-navigation-spinner circle { animation: none !important; }
}