/* ===== JARVIS COMPACT v7 — header uses inline styles, CSS only for extras ===== */

/* Header: inline styles handle layout. Only add non-layout extras here */
#hdr-linha1 { display: flex !important; flex-wrap: nowrap !important; }
#hdr-linha2 { display: none !important; }
#notif-bell-btn:hover { background: #f1f3f5 !important; }
#status-badge.warn { background: #fff3bf !important; color: #e67700 !important; border-color: #ffd43b !important; }
#status-badge.err { background: #ffe3e3 !important; color: #c92a2a !important; border-color: #ffa8a8 !important; }

/* Search input styling */
.busca-input-row {
  padding: 3px 8px !important; border-radius: 6px !important; width: 100% !important;
  display: flex !important; align-items: center !important; gap: 6px !important;
  background: #fff !important; border: 1px solid #dee2e6 !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.06) !important;
}
#busca-input { font-size: 12px !important; height: 22px !important; flex: 1 !important; border: none !important; outline: none !important; background: transparent !important; }
#busca-kbd { font-size: 9px !important; padding: 1px 4px !important; }

/* Tabs row */
#hdr-linha3 {
  width: 100% !important; display: flex !important; padding: 0 14px !important;
  overflow-x: auto !important; scrollbar-width: none !important; margin: 0 !important;
}
#hdr-linha3::-webkit-scrollbar { display: none !important; }
#hdr-linha3 .tabs {
  display: flex !important; align-items: stretch !important; gap: 0 !important;
  margin: 0 !important; padding: 0 !important; flex-wrap: nowrap !important;
  width: 100% !important; border-bottom: 1px solid #dee2e6 !important;
  overflow-x: auto !important; -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
}
#hdr-linha3 .tabs::-webkit-scrollbar { display: none !important; }
.tab {
  padding: 9px 14px !important; font-size: 14px !important; font-weight: 500 !important;
  white-space: nowrap !important; border-bottom: 2.5px solid transparent !important;
  text-decoration: none !important; display: inline-flex !important; align-items: center !important;
  color: #868e96 !important; transition: color .15s, border-color .15s !important;
}
.tab:hover { color: #495057 !important; background: rgba(0,0,0,.02) !important; }
.tab.active { border-bottom-color: #228be6 !important; color: #212529 !important; font-weight: 600 !important; }

/* Alert banner */
#alert-banner { display: none; }
#alert-banner.crit { background: #C92A2A; color: #fff; }
#alert-banner.warn { background: #E67700; color: #fff; }
#alert-banner.ok { background: #d3f9d8; color: #2b8a3e; border: .5px solid #b2f2bb; }

/* Pills */
.pill { font-size: 9px !important; padding: 1px 5px !important; white-space: nowrap !important; }
.dot { width: 6px !important; height: 6px !important; }

/* #sb: NOT in header */
#sb { order: unset !important; flex: unset !important; }

/* ════════ LAYOUT: compact content ════════ */
.sector, .hist-section, .pac-section, .met-section, .fin-section, .cbox { margin-bottom: 7px !important; }
.shdr { padding: 7px 10px !important; }
.sbody { padding: 0 10px 8px !important; }
.pac-row { padding: 5px 10px !important; }
.pac-grid { gap: 6px !important; margin-bottom: 8px !important; }
.pac-card { padding: 8px 10px !important; }
.pac-card-val { font-size: 17px !important; }
.pac-sec-hdr { padding: 6px 10px !important; }
.kg { gap: 6px !important; }
.col { padding: 6px !important; }
.card { padding: 5px 8px !important; margin-bottom: 4px !important; }
.fin-grid { gap: 7px !important; margin-bottom: 7px !important; }
.fcard { padding: 10px 12px !important; }
.fcard-val { font-size: 18px !important; }
.fin-section { padding: 10px 12px !important; margin-bottom: 7px !important; }
.met-hdr { padding: 6px 10px !important; }
.met-grid { gap: 6px !important; padding: 8px 10px !important; }
.met-card { padding: 6px 8px !important; }
.hist-hdr { padding: 7px 10px !important; }
.chart-wrap { padding: 8px 10px 2px !important; }
.chart { height: 56px !important; }
.ev-row { padding: 4px 10px !important; }
.chdr2 { padding: 7px 10px !important; }
.crow { padding: 4px 10px !important; }
.plbl { margin: 6px 0 3px !important; }
.fc { padding: 5px 7px !important; }
#edit-bar { padding: 4px 10px !important; font-size: 11px !important; }
button.eb-save, button.eb-exit { padding: 3px 10px !important; font-size: 11px !important; }