/* ==========================================================================
   Q 版主题 · 系统桥接层 · SEMS 能耗管理系统
   由 _q_gen_bridge.py 生成，请勿手改；改设计请改生成器。
   ========================================================================== */
:root {
  --q-primary: #1e3a8a;
  --q-primary-d: #2f5fd0;
  --q-primary-l: #e8eefc;
  --q-primary-grad: linear-gradient(135deg, #1e3a8a 0%, #2f5fd0 100%);
}
.topbar { background: linear-gradient(135deg, #0ea98a 0%, #35d3b3 100%) !important; box-shadow: 0 6px 18px rgba(22,199,154,.24) !important; border-radius: 0 0 var(--q-r-lg) var(--q-r-lg) !important; }
.topbar .logo { font-family: var(--q-f-cute) !important; font-weight: 400 !important; }
.flogo { background: linear-gradient(135deg, #ffd98a, #ffc453) !important; color: #fff !important; border-radius: var(--q-r-md) !important; box-shadow: 0 4px 10px rgba(255,196,83,.35) !important; }
.topbar-nav a { border-radius: var(--q-r-pill) !important; margin: 3px 2px; line-height: 32px !important; }
.topbar-nav a.on, .topbar-nav a:hover { background: rgba(255,255,255,.24) !important; color: #fff !important; }
.topbar-nav { border-top: 1px solid rgba(255,255,255,.18) !important; }
.btn:not(.btn-red):not(.btn-gray) { background: var(--q-primary-grad) !important; color: #fff !important; box-shadow: 0 5px 14px rgba(22,199,154,.28) !important; }
.btn-gray { background: #fff !important; color: var(--q-text) !important; border: var(--q-bd) solid var(--q-line) !important; }
h2, h3 { color: var(--q-primary-d) !important; }
.stat { border-radius: var(--q-r-md) !important; box-shadow: var(--q-sh) !important; }
.tag { border-radius: var(--q-r-pill) !important; }
.sems-toast { border-radius: var(--q-r-pill) !important; }
.sems-offline-bar { border-radius: var(--q-r-pill) !important; }
body:has(.box) { background: linear-gradient(135deg, #2f5fd0 0%, #6f93e0 38%, #5de0c0 100%) !important; }
/* ---- 导航图标（顶栏导航，按 href 精确匹配）---- */
.topbar-nav a[href^="index.php"]::before { content: "📊 "; }
.topbar-nav a[href^="entry.php"]::before { content: "📝 "; }
.topbar-nav a[href^="machine_room.php"]::before { content: "🏭 "; }
.topbar-nav a[href^="staff.php"]::before { content: "👷 "; }
.topbar-nav a[href^="contracts.php"]::before { content: "📄 "; }
.topbar-nav a[href^="maintenance.php"]::before { content: "🛠️ "; }
.topbar-nav a[href^="pnl.php"]::before { content: "📈 "; }
.topbar-nav a[href^="capex.php"]::before { content: "🏗️ "; }
.topbar-nav a[href^="facility_equipment.php"]::before { content: "🧰 "; }
.topbar-nav a[href^="reports.php"]::before { content: "📑 "; }
.topbar-nav a[href^="settings.php"]::before { content: "⚙️ "; }
.topbar-nav a[href^="dev.php"]::before { content: "💻 "; }
.topbar-nav a[href^="sync_status.php"]::before { content: "🔄 "; }
.topbar-nav a::before { font-family: var(--q-f-emoji); font-weight: 400; }