/* AimingMed visual theme for OpenObserve.
   Presentation only: no layout dimensions, ordering, positioning, or visibility changes. */
:root {
  --gw-paper: #f3f8fc;
  --gw-surface: #ffffff;
  --gw-surface-soft: #eaf3fa;
  --gw-ink: #153047;
  --gw-muted: #63788a;
  --gw-line: #d3e1ec;
  --gw-line-strong: #a8c2d5;
  --gw-red: #e72410;
  --gw-blue: #0066b5;
  --gw-blue-deep: #005292;
  --gw-green: #2f8a70;
  --q-primary: #0066b5 !important;
  --q-secondary: #63788a !important;
  --q-accent: #e72410 !important;
  --q-dark: #153047 !important;
  --q-positive: #2f8a70 !important;
  --q-negative: #e72410 !important;
  --q-info: #0066b5 !important;
  --q-warning: #d58a16 !important;
}

html,
body,
#app,
.q-layout,
.q-page-container,
.q-page {
  background: var(--gw-paper) !important;
  color: var(--gw-ink) !important;
  font-family: Arial, "PingFang SC", "Microsoft YaHei", sans-serif !important;
}

body { color-scheme: light; }

.appLogo {
  content: url('/web/src/assets/images/common/open_observe_logo.svg?brand=2');
  object-fit: contain;
  max-height: 34px;
}

/* Header */
.q-header,
.q-toolbar,
.o2-bg-color {
  background: var(--gw-surface) !important;
  color: var(--gw-ink) !important;
  box-shadow: none !important;
}
.q-header { border-bottom: 1px solid var(--gw-line) !important; }
.q-toolbar .q-btn,
.q-toolbar .q-icon,
.q-toolbar .q-field__native,
.q-toolbar .q-field__marginal {
  color: var(--gw-ink) !important;
}
.q-toolbar .q-btn:hover { background: var(--gw-surface-soft) !important; }
.current-organization {
  border-left: 1px solid var(--gw-line);
  padding-left: 12px;
}

/* Navigation: preserve original width and spacing */
.q-drawer,
.q-drawer__content {
  background: var(--gw-surface) !important;
  color: var(--gw-ink) !important;
}
.q-drawer { border-right-color: var(--gw-line) !important; }
.leftNavList .q-item {
  color: var(--gw-muted) !important;
  border-left: 3px solid transparent;
  transition: color .16s ease, background-color .16s ease, border-color .16s ease;
}
.leftNavList .q-item:hover {
  background: var(--gw-surface-soft) !important;
  color: var(--gw-ink) !important;
}
.leftNavList .q-router-link--active,
.leftNavList .q-router-link--exact-active {
  background: var(--gw-blue) !important;
  color: #ffffff !important;
  border-left-color: var(--gw-red) !important;
}
.leftNavList .q-router-link--active:hover,
.leftNavList .q-router-link--exact-active:hover {
  background: var(--gw-blue-deep) !important;
  color: #ffffff !important;
}
.leftNavList .q-router-link--active .q-icon,
.leftNavList .q-router-link--exact-active .q-icon { color: #ffffff !important; }
.leftNavList .q-icon { color: currentColor !important; }

/* Surfaces and cards */
.light-theme,
.bg-white,
.q-card,
.my-card,
.card-container,
.q-menu,
.q-dialog__inner > div,
.q-table__container {
  background: var(--gw-surface) !important;
  color: var(--gw-ink) !important;
}
.my-card,
.card-container,
.q-card,
.q-table__container {
  border-color: var(--gw-line) !important;
  box-shadow: 0 1px 0 rgba(0,102,181,.06), 0 10px 28px rgba(0,82,146,.08) !important;
}
.my-card,
.card-container { border-radius: 3px !important; }
.q-separator { background: var(--gw-line) !important; }
.text-h1,.text-h2,.text-h3,.text-h4,.text-h5,.text-h6,
.text-subtitle1,.text-subtitle2 { color: var(--gw-ink) !important; }
.text-grey,.text-grey-7,.text-grey-8,.text-caption { color: var(--gw-muted) !important; }

/* Buttons and links */
.text-primary,
a { color: var(--gw-blue) !important; }
.bg-primary { background: var(--gw-blue) !important; }
.q-btn { border-radius: 2px !important; letter-spacing: 0 !important; }
.q-btn--outline:before { border-color: var(--gw-line-strong) !important; }
.q-btn--standard.bg-primary,
.q-btn.bg-primary { color: #fff !important; }
.q-btn--flat.text-primary:hover,
.q-btn--outline.text-primary:hover { background: rgba(0,102,181,.08) !important; }
.q-btn .q-focus-helper { opacity: 0 !important; }

/* Inputs, selects, filters */
.q-field__control,
.q-input,
.q-select,
.q-date,
.q-time {
  color: var(--gw-ink) !important;
}
.q-field--outlined .q-field__control:before { border-color: var(--gw-line-strong) !important; }
.q-field--outlined.q-field--focused .q-field__control:after { border-color: var(--gw-blue) !important; }
.q-field__native,
.q-field__input,
.q-field__label,
.q-field__marginal { color: var(--gw-ink) !important; }
.q-field__label { color: var(--gw-muted) !important; }
.q-checkbox__inner--truthy,
.q-radio__inner--truthy,
.q-toggle__inner--truthy { color: var(--gw-blue) !important; }

/* Tables and structured data */
.q-table thead tr,
.q-table th { background: var(--gw-surface-soft) !important; color: var(--gw-muted) !important; }
.q-table tbody,
.q-table td { background: var(--gw-surface) !important; color: var(--gw-ink) !important; }
.q-table th,
.q-table td { border-color: var(--gw-line) !important; }
.q-table tbody tr:hover td { background: #eaf3fa !important; }

/* Tabs, chips, badges and states */
.q-tab { color: var(--gw-muted) !important; }
.q-tab--active { color: var(--gw-blue) !important; }
.q-tab__indicator { background: var(--gw-red) !important; }
.q-chip { background: #e1eef7 !important; color: var(--gw-ink) !important; border-radius: 2px !important; }
.q-badge.bg-positive,.bg-positive { background: var(--gw-green) !important; }
.q-badge.bg-negative,.bg-negative { background: var(--gw-red) !important; }
.q-badge.bg-warning,.bg-warning { background: #d58a16 !important; }
.q-banner { background: var(--gw-surface-soft) !important; color: var(--gw-ink) !important; border: 1px solid var(--gw-line); }
.q-notification { border-radius: 3px !important; box-shadow: 0 10px 32px rgba(0,82,146,.18) !important; }

/* Popovers, tooltips and scrollbars */
.q-menu { border: 1px solid var(--gw-line) !important; box-shadow: 0 12px 36px rgba(0,82,146,.16) !important; }
.q-item { color: var(--gw-ink); }
.q-menu .q-item:hover { background: var(--gw-surface-soft) !important; }
.q-tooltip { background: var(--gw-ink) !important; color: var(--gw-surface) !important; }
* { scrollbar-color: var(--gw-line-strong) var(--gw-paper); }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--gw-paper); }
::-webkit-scrollbar-thumb { background: var(--gw-line-strong); border: 2px solid var(--gw-paper); }

/* Charts and code areas: recolor shells only, keep geometry untouched */
.monaco-editor,
.monaco-editor-background,
.monaco-editor .margin { background: #f5f9fc !important; }
.monaco-editor .view-lines { color: var(--gw-ink) !important; }
.apexcharts-tooltip,
.echarts-tooltip,
.chart-tooltip { background: var(--gw-surface) !important; color: var(--gw-ink) !important; border-color: var(--gw-line) !important; }

::selection { background: rgba(0,102,181,.18); color: var(--gw-ink); }
:focus-visible { outline: 2px solid var(--gw-red) !important; outline-offset: 2px; }