.command-status-wrap { position: relative; margin-left: auto; margin-right: 18px; }
.command-status-trigger { min-height: 44px; display: grid; grid-template-columns: auto auto; column-gap: 12px; align-items: center; padding: 5px 12px; border: 1px solid rgba(197,160,89,.38); border-radius: 2px; background: #080a08; color: #deddd7; cursor: pointer; text-align: left; }
.command-status-trigger:hover, .command-status-trigger[aria-expanded="true"] { border-color: #c5a059; background: #11130f; }
.command-status-primary { display: flex; align-items: center; gap: 7px; color: #80c98b; font: 700 .65rem/1.1 "Segoe UI", sans-serif; letter-spacing: .08em; text-transform: uppercase; }
.command-status-dot { width: 7px; height: 7px; flex: 0 0 7px; border-radius: 50%; background: #58a866; box-shadow: 0 0 8px rgba(88,168,102,.85); animation: commandPulse 1.8s ease-in-out infinite; }
.command-status-dot.offline { background: #d9514e; box-shadow: 0 0 8px rgba(217,81,78,.8); }
.command-module-name { grid-column: 1; color: #aaa9a2; font: 600 .62rem/1.1 "Segoe UI", sans-serif; letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; }
.command-time { grid-column: 2; grid-row: 1 / span 2; min-width: 82px; padding-left: 12px; border-left: 1px solid rgba(197,160,89,.28); color: #c5a059; font: 700 .86rem/1.15 "Roboto Mono", "Courier New", monospace; text-align: right; white-space: nowrap; }
.command-date { display: block; margin-top: 2px; color: #777870; font-size: .55rem; letter-spacing: .04em; }
.command-status-popover { position: absolute; top: calc(100% + 9px); right: 0; width: 285px; padding: 13px; border: 1px solid rgba(197,160,89,.5); border-left: 3px solid #c5a059; border-radius: 2px; background: rgba(5,7,5,.98); box-shadow: 0 16px 38px rgba(0,0,0,.5); color: #b9b8b1; z-index: 4000; opacity: 0; visibility: hidden; transform: translateY(-6px); transition: opacity .16s ease, transform .16s ease, visibility .16s; }
.command-status-popover.active { opacity: 1; visibility: visible; transform: translateY(0); }
.command-status-heading { margin: 0 0 10px; color: #c5a059; font: 800 .72rem/1.2 "Segoe UI", sans-serif; letter-spacing: .1em; text-transform: uppercase; }
.command-status-row { display: flex; justify-content: space-between; gap: 16px; padding: 7px 0; border-top: 1px solid rgba(255,255,255,.08); font: .7rem/1.3 "Roboto Mono", "Courier New", monospace; }
.command-status-row span:last-child { color: #f0efe9; text-align: right; }
.global-command-header { position: sticky; top: 0; z-index: 3500; min-height: 58px; padding: 0 clamp(14px,3vw,34px); display: flex; align-items: center; gap: 16px; background: #030403; border-bottom: 1px solid rgba(197,160,89,.45); }
.global-command-brand { display: flex; align-items: center; gap: 10px; color: #c5a059; text-decoration: none; font: 800 .78rem/1.2 "Segoe UI", sans-serif; letter-spacing: .08em; text-transform: uppercase; }
.global-command-brand img { height: 38px; width: auto; }
.global-command-menu { min-height: 44px; padding: 0 13px; border: 1px solid #c5a059; border-radius: 2px; background: transparent; color: #c5a059; font: 700 .72rem/1 "Segoe UI", sans-serif; letter-spacing: .08em; text-transform: uppercase; cursor: pointer; }
.global-command-menu:hover { background: #c5a059; color: #050505; }
.global-command-nav { position: fixed; top: 58px; right: 0; z-index: 3600; width: min(320px,88vw); height: calc(100dvh - 58px); padding: 12px 0; background: rgba(4,5,4,.985); border-left: 1px solid rgba(197,160,89,.45); transform: translateX(105%); transition: transform .22s ease; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; }
.global-command-nav.active { transform: translateX(0); }
.global-command-backdrop { position: fixed; inset: 58px 0 0; z-index: 3550; background: rgba(0,0,0,.45); opacity: 0; visibility: hidden; transition: opacity .2s ease, visibility .2s; }
.global-command-backdrop.active { opacity: 1; visibility: visible; }
.global-command-nav a, .global-command-nav span { min-height: 48px; padding: 0 22px; display: flex; align-items: center; gap: 10px; border-left: 3px solid transparent; color: #c8c7c0; text-decoration: none; font: .86rem/1.2 "Segoe UI", sans-serif; }
.global-command-nav a:hover { color: #fff; background: rgba(197,160,89,.07); border-left-color: #c5a059; }
.global-command-nav a.active { color: #fff; background: rgba(197,160,89,.07); border-left-color: #c5a059; }
.global-command-nav .disabled { color: #666; cursor: not-allowed; }
.global-command-nav small { margin-left: auto; padding: 3px 5px; border: 1px solid #555; font: .55rem/1 monospace; text-transform: uppercase; }
#top-header .menu-toggle, .topbar .menu-toggle { min-height: 44px; }
@keyframes commandPulse { 50% { opacity: .4; transform: scale(.82); } }
@media (max-width: 760px) {
    .command-status-wrap { margin-right: 7px; }
    .command-status-trigger { min-height: 44px; grid-template-columns: auto auto; padding: 4px 8px; column-gap: 8px; }
    .command-module-name { display: none; }
    .command-time { grid-row: 1; min-width: 68px; padding-left: 8px; font-size: .76rem; }
    .command-date { font-size: .5rem; }
    .command-status-primary { font-size: .56rem; }
    .command-status-popover { position: fixed; top: 64px; right: 8px; width: min(285px,calc(100vw - 16px)); }
    .global-command-header { gap: 8px; padding: 0 10px; }
    .global-command-brand span { display: none; }
    .global-command-brand img { height: 34px; }
    .global-command-header .command-status-wrap { margin-left: auto; }
    .global-command-menu { min-height: 44px; padding: 0 9px; }
    #top-header .menu-toggle, .topbar .menu-toggle { min-height: 44px; display: inline-flex; align-items: center; gap: 5px; flex: 0 0 auto; padding: 4px 8px !important; font-size: .9rem !important; white-space: nowrap; }
}
@media (max-width: 340px) {
    .global-command-brand { display: none; }
    .command-online-label, .command-time { display: none; }
    .command-status-trigger { min-width: 44px; grid-template-columns: 1fr; padding-inline: 8px; place-items: center; }
    .command-status-wrap { margin-right: 2px; }
    .global-command-header { gap: 6px; padding-inline: 8px; }
}
@media (prefers-reduced-motion: reduce) { .command-status-dot { animation: none; } .global-command-nav, .global-command-backdrop { transition: none; } }