/* ============================================================
   共用頂部導航列(RC 2026-07-21 交辦:調度台前端 UI 一致性優化)
   - 多頁靜態架構、整頁重載,不做 SPA/router。這份 CSS 讓每一頁的導航列
     結構、高度、配色、hover/當前頁高亮完全一致,消除換頁的「跳動感」。
   - 每頁在 <body> 最上方貼同一段 .gnav 標記(見各頁 HTML),只有 class="cur"
     點在不同連結上;樣式全部集中在這份檔案,之後要調整只改一處。
   - 色票沿用 index.html(主調度台)既有 --bg/--panel/--card/--line/--ink/
     --sub/--accent 那套深色系,各頁 <style> 內都補了同一份 :root 變數,
     這裡加 fallback 值以防萬一漏補。
   ============================================================ */
.gnav{
  display:flex;align-items:center;gap:14px;height:48px;padding:0 16px;
  background:var(--panel,#16212e);border-bottom:1px solid var(--line,#2a3b4f);
  font-family:"Noto Sans TC","Microsoft JhengHei",system-ui,sans-serif;
  box-sizing:border-box;position:relative;z-index:100;
}
.gnav-brand{
  flex:0 0 auto;font-size:15px;font-weight:700;color:var(--ink,#e7eef6);
  text-decoration:none;white-space:nowrap;display:flex;align-items:baseline;gap:6px;
}
.gnav-brand span{font-size:11px;font-weight:400;color:var(--sub,#9fb2c6)}
.gnav-links{
  flex:1 1 auto;display:flex;gap:4px;overflow-x:auto;white-space:nowrap;
  scrollbar-width:thin;
}
.gnav-links a{
  flex:0 0 auto;color:var(--sub,#9fb2c6);font-size:13px;text-decoration:none;
  padding:6px 11px;border-radius:7px;border:1px solid transparent;
}
.gnav-links a:hover{color:var(--ink,#e7eef6);background:rgba(255,255,255,.06)}
.gnav-links a.cur{
  color:var(--accent,#37c4a8);background:rgba(55,196,168,.14);
  border-color:rgba(55,196,168,.35);font-weight:700;
}
.gnav-actions{flex:0 0 auto;display:flex;align-items:center;gap:10px}
.gnav-actions a{
  color:var(--sub,#9fb2c6);font-size:12px;text-decoration:none;
  border:1px solid var(--line,#2a3b4f);padding:4px 10px;border-radius:7px;white-space:nowrap;
}
.gnav-actions a:hover{color:var(--ink,#e7eef6);border-color:var(--accent,#37c4a8)}
.gnav-status{font-size:11px;color:var(--accent,#37c4a8);white-space:nowrap}
.gnav-clock{font-size:12px;color:var(--ink,#e7eef6);white-space:nowrap;font-variant-numeric:tabular-nums}
/* 次列(頁面自己的小標題/說明/回上一層麵包屑),接在 .gnav 下方,樣式比照 .gnav
   但矮一點、不佔導覽動線,讓每頁次列也統一位置與配色 */
.gsub{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:9px 16px;
  background:var(--bg,#0f1720);border-bottom:1px solid var(--line,#2a3b4f);
  font-size:12px;color:var(--sub,#9fb2c6);
}
.gsub b{color:var(--ink,#e7eef6);font-weight:700;font-size:13px}
.gsub a{color:var(--sub,#9fb2c6);text-decoration:none;border:1px solid var(--line,#2a3b4f);
  padding:3px 9px;border-radius:7px;font-size:12px}
.gsub a:hover{color:var(--ink,#e7eef6);border-color:var(--accent,#37c4a8)}
.gsub .sp{flex:1}
@media (max-width:760px){
  .gnav{gap:8px;padding:0 10px}
  .gnav-brand span{display:none}
  .gnav-links a{font-size:12px;padding:5px 8px}
  .gsub{padding:7px 10px}
}
