/* 共用導覽：四個頁面同一個樣子，深淺色都跟著頁面文字顏色走。 */
.site-nav{display:flex;align-items:center;gap:4px;flex-wrap:nowrap;flex-shrink:0}
/* 授權管理頁頁首東西多：擠不下時整排往下換行，導覽本身不被壓扁。 */
body[data-page="console"] .topbar{flex-wrap:wrap;row-gap:6px;padding-top:6px;padding-bottom:6px}
.site-nav[hidden]{display:none}
.site-nav .site-nav-item{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:8px;
 color:inherit;text-decoration:none;font-size:14px;font-weight:600;white-space:nowrap;opacity:.78;border:1px solid transparent}
.site-nav .site-nav-item:hover{opacity:1;background:rgba(127,127,127,.12)}
.site-nav .site-nav-item:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.site-nav .site-nav-item.current{opacity:1;background:rgba(127,127,127,.16);border-color:rgba(127,127,127,.28)}
.site-nav-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0 14px;flex-wrap:wrap}
.site-nav-bar .site-nav-logout{color:inherit;opacity:.78;font-size:14px}
@media (max-width:640px){.site-nav{flex-shrink:1;max-width:100%;overflow-x:auto}.site-nav .site-nav-item{padding:0 9px;font-size:13px}}
/* 管理員代管服主的選單（雲端工作室頁首） */
.owner-picker{max-width:240px;min-height:36px;padding:0 10px;border-radius:8px;border:1px solid rgba(127,127,127,.35);background:transparent;color:inherit;font:inherit;font-size:14px}
.owner-picker[hidden]{display:none}
@media (max-width:640px){.owner-picker{max-width:100%;width:100%;order:4}}