/* Home version switch (2026-09-15): the same control as v2026's Application.Master / home-update.css.
   Clicking routes this browser to the other Azure deployment slot (libs/js/home-version-switch.js). */
.home-version-switch {
    position: absolute;
    top: 0;
    left: 100%;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 50px;
    padding: 0 14px;
    border: 0;
    background: #e1e8ea;
    color: #5b5b66;
    font: 700 13.5px Tajawal, "Segoe UI", Arial, sans-serif;
    white-space: nowrap;
    opacity: 1;
    cursor: pointer;
}
.home-version-switch[hidden] { display: none; }
.home-version-switch:focus-visible { outline: 3px solid #845ec2; outline-offset: 2px; }
.home-version-switch__track { position: relative; width: 36px; height: 20px; flex: none; border-radius: 12px; background: #aebbc3; transition: background-color 180ms ease; }
.home-version-switch__track::after { content: ""; position: absolute; top: 2px; left: 2px; width: 16px; height: 16px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px #0003; transition: transform 180ms cubic-bezier(.16,1,.3,1); }
.home-version-switch[aria-checked="true"] .home-version-switch__track { background: #845ec2; }
.home-version-switch[aria-checked="true"] .home-version-switch__track::after { transform: translateX(16px); }
.home-version-switch.is-switching { cursor: wait; opacity: .7; }
.darkMode .home-version-switch { background: #2a2f33; color: #c4c4ce; }
@media (max-width: 767px) {
    #div_tabs .home-version-switch { position: absolute; top: 64px; left: 0; min-height: 44px; margin: 8px; padding: 0 10px; border-radius: 12px; }
    .pageBG #HomeArea { padding-top: 132px !important; }
}
@media (prefers-reduced-motion: no-preference) {
    .home-version-switch { animation: home-version-switch-reveal 480ms cubic-bezier(.16,1,.3,1) 120ms backwards; }
}
@keyframes home-version-switch-reveal {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
    .home-version-switch, .home-version-switch__track, .home-version-switch__track::after { animation: none !important; transition: none !important; }
}