/* Testing is an environment label, separate from the navigation options. */
:is(.admin-shell, .office-shell) :is(.admin-testing-menu-bar, .office-testing-menu-bar) {
    display: flex;
    align-items: center;
    background: repeating-linear-gradient(135deg, #f5bd382e 0, #f5bd382e 12px, #fff6cd55 12px, #fff6cd55 24px), linear-gradient(100deg, #f5cd61, #fff3bd 60%, #f7df8d);
    color: #493714;
    box-shadow: 0 2px 8px #71531024;
}
:is(.admin-shell, .office-shell) :is(.admin-testing-label, .office-testing-label) { flex: 0 0 auto; padding: 0 20px; font-size: 12px; font-weight: 800; letter-spacing: .12em; }
:is(.admin-shell, .office-shell) :is(.admin-testing-menu-bar, .office-testing-menu-bar) #menu { background: transparent; color: inherit; box-shadow: none; flex: 1; min-width: 0; padding-left: 0; }
:is(.admin-shell, .office-shell) :is(.admin-testing-menu-bar, .office-testing-menu-bar) .k-menu-scroll-wrapper { flex: 1; min-width: 0; }
:is(.admin-shell, .office-shell) :is(.admin-testing-menu-bar, .office-testing-menu-bar) #menu > .k-item > .k-link { color: #493714; }
:is(.admin-shell, .office-shell) :is(.admin-testing-menu-bar, .office-testing-menu-bar) #menu > .k-item:hover,
:is(.admin-shell, .office-shell) :is(.admin-testing-menu-bar, .office-testing-menu-bar) #menu > .k-state-focused,
:is(.admin-shell, .office-shell) :is(.admin-testing-menu-bar, .office-testing-menu-bar) #menu > .k-hover,
:is(.admin-shell, .office-shell) :is(.admin-testing-menu-bar, .office-testing-menu-bar) #menu > .k-focus { background: #a876171f; }
:is(.admin-shell, .office-shell) :is(.admin-testing-menu-bar, .office-testing-menu-bar) .k-menu-scroll-button { background: #f7e4a7; color: #493714; border-color: #dcc078; }
@media (max-width: 600px) {
    :is(.admin-shell, .office-shell) :is(.admin-testing-label, .office-testing-label) { padding: 0 12px; font-size: 11px; }
}

/* Mobile: striped TESTING strip on the version footer. */
.km-root.mobile-testing .app-identity.app-identity-testing {
    z-index: 3;
    min-height: 44px;
    padding: 8px 14px 10px;
    background: repeating-linear-gradient(135deg, #f5bd382e 0, #f5bd382e 12px, #fff6cd55 12px, #fff6cd55 24px), linear-gradient(100deg, #f5cd61, #fff3bd 60%, #f7df8d);
    color: #493714;
    box-shadow: 0 -2px 8px #71531024;
    font-size: 11px;
    line-height: 1.35;
    gap: 4px;
}
.km-root.mobile-testing .app-identity-testing-label {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.14em;
    line-height: 1.2;
}
.km-root.mobile-testing .app-identity-meta {
    width: 100%;
}
.km-root.mobile-testing .app-identity-user,
.km-root.mobile-testing .app-identity-version {
    color: inherit;
}