/* ============================================================
   header.css — 頂部品牌列配置（自 dashboard.css 拉出）
   範圍：.brand（LOGO + 標題）與 .header-right（系統切換 / 登入者 / 帳號管理 / 登出）
   依賴 common.css（.header / .brand / .greet / .hbtn / .sys-switch 基底樣式與變數）
   ============================================================ */

/* ── 頂部品牌列：暖金破曉底 + 城市天際線（對齊參考圖 S__2932783） ── */
.header{background:transparent;
  border-bottom:none;
  box-shadow:none;
  backdrop-filter:none;-webkit-backdrop-filter:none;overflow:hidden;
  flex-wrap:wrap;height:auto;min-height:66px;row-gap:8px;}
/* 中等寬度（820–1100px 死區）避免系統切換／資料日期／帳號管理被裁切：整列改為換行而非擠壓 */
.header .header-right{flex-wrap:wrap;justify-content:flex-end;}
.header::after{display:none;}
.head-skyline{display:none;}
.header .brand,.header .header-right{position:relative;z-index:1;}
.header .brand img{filter:drop-shadow(0 2px 8px rgba(201,162,39,.6));}
.header .brand .txt b{color:#173663;}
.header .brand .txt small{color:#8a7142;}
.header .header-right{color:#5a4a30;}
.header .data-date{color:#5a4a30;}
.header .data-date i{color:#c07d18;}
.header .data-date .mono{color:#1c2c4c;}
.header .hbtn{color:#5a4327;background:rgba(255,255,255,.7);border-color:rgba(190,160,100,.6);}
.header .hbtn:hover{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 8px 22px rgba(46,127,255,.4);}