/* Logs command-bar integration, summary cards, and primary view navigation.
   Filters, table, detail panel, and row actions remain owned by the established
   Logs workspace styles. */

body.is-authenticated[data-active-view="observations"] {
  --logs-nav-border: #dfe6e1;
  --logs-nav-text: #101c2b;
  --logs-nav-muted: #64748b;
  --logs-nav-green: #07812f;
  --logs-nav-green-dark: #006424;
  --logs-nav-green-soft: #edf8f1;
  --logs-nav-shadow: 0 5px 18px rgba(18, 39, 27, 0.055);
}

html[data-sidebar-state] body.is-authenticated[data-active-view="observations"] .page-header > div:first-child {
  display: block !important;
  flex: 0 0 auto;
  min-width: 230px;
  margin-right: 28px;
}

body.is-authenticated[data-active-view="observations"] .page-header .page-kicker,
body.is-authenticated[data-active-view="observations"] .page-header #currentViewSubtitle { display: none !important; }

body.is-authenticated[data-active-view="observations"] .page-header #currentViewTitle {
  margin: 0 !important;
  color: var(--logs-nav-text) !important;
  font-size: 24px !important;
  font-weight: 800 !important;
  letter-spacing: -.035em !important;
  line-height: 1 !important;
}

html[data-sidebar-state] body.is-authenticated[data-active-view="observations"] .page-header .header-actions {
  width: auto !important;
  flex: 1 1 auto;
}

html[data-sidebar-state] body.is-authenticated[data-active-view="observations"] .page-header .search-box {
  width: min(390px, 34vw) !important;
  margin-right: auto !important;
  order: 10;
}

body.is-authenticated[data-active-view="observations"] .page-header #openMyActivity { order: 20; }
body.is-authenticated[data-active-view="observations"] .page-header .notification-wrap { order: 30; }
body.is-authenticated[data-active-view="observations"] .page-header #headerPrimaryAction { order: 40; }
body.is-authenticated[data-active-view="observations"] .page-header #commandProfileButton { order: 50; }
body.is-authenticated[data-active-view="observations"] .page-header #refreshButton { display: none !important; }

body.is-authenticated[data-active-view="observations"] #openMyActivity {
  min-width: 104px;
  border-color: var(--logs-nav-border) !important;
  color: var(--logs-nav-text) !important;
  background: #fff !important;
}

html[data-sidebar-state] body.is-authenticated[data-active-view="observations"] #observationsView.active {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 30px 36px 44px !important;
}

body.is-authenticated[data-active-view="observations"] #observationKpis.observation-kpi-grid {
  display: grid !important;
  width: 100% !important;
  margin: 0 0 24px !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 24px !important;
}

body.is-authenticated[data-active-view="observations"] #observationKpis .observation-kpi-card {
  position: relative !important;
  display: grid !important;
  min-width: 0 !important;
  min-height: 112px !important;
  margin: 0 !important;
  padding: 20px 22px 18px 28px !important;
  grid-template-columns: 52px minmax(0, 1fr) auto !important;
  gap: 16px !important;
  align-items: center !important;
  border: 1px solid var(--logs-nav-border) !important;
  border-radius: 10px !important;
  color: var(--logs-nav-text) !important;
  background: #fff !important;
  box-shadow: var(--logs-nav-shadow) !important;
  overflow: hidden !important;
  text-align: left !important;
}

body.is-authenticated[data-active-view="observations"] #observationKpis .observation-kpi-card::before {
  position: absolute !important;
  inset: 0 auto 0 0 !important;
  display: block !important;
  width: 5px !important;
  content: "" !important;
  background: var(--logs-nav-green) !important;
}

body.is-authenticated[data-active-view="observations"] #observationKpis .observation-kpi-card.blue::before { background: #2874ea !important; }
body.is-authenticated[data-active-view="observations"] #observationKpis .observation-kpi-card.orange::before { background: #ed7600 !important; }

body.is-authenticated[data-active-view="observations"] #observationKpis .observation-kpi-icon,
body.is-authenticated[data-active-view="observations"] #observationKpis .observation-kpi-card.green .observation-kpi-icon,
body.is-authenticated[data-active-view="observations"] #observationKpis .observation-kpi-card.blue .observation-kpi-icon,
body.is-authenticated[data-active-view="observations"] #observationKpis .observation-kpi-card.orange .observation-kpi-icon {
  display: grid !important;
  width: 48px !important;
  min-width: 48px !important;
  height: 48px !important;
  place-items: center !important;
  border: 0 !important;
  border-radius: 50% !important;
  color: var(--logs-nav-green) !important;
  background: var(--logs-nav-green-soft) !important;
  box-shadow: none !important;
}

body.is-authenticated[data-active-view="observations"] #observationKpis .observation-kpi-card.blue .observation-kpi-icon { color: #2874ea !important; background: #edf4ff !important; }
body.is-authenticated[data-active-view="observations"] #observationKpis .observation-kpi-card.orange .observation-kpi-icon { color: #ed7600 !important; background: #fff4e8 !important; }
body.is-authenticated[data-active-view="observations"] #observationKpis .observation-kpi-icon,
body.is-authenticated[data-active-view="observations"] #observationKpis .observation-kpi-card.green .observation-kpi-icon,
body.is-authenticated[data-active-view="observations"] #observationKpis .observation-kpi-card.blue .observation-kpi-icon,
body.is-authenticated[data-active-view="observations"] #observationKpis .observation-kpi-card.orange .observation-kpi-icon { background: transparent !important; }
body.is-authenticated[data-active-view="observations"] #observationKpis .observation-kpi-icon svg {
  display: block !important;
  width: 27px !important;
  height: 27px !important;
  color: inherit !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.1 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body.is-authenticated[data-active-view="observations"] #observationKpis .observation-kpi-card > div {
  display: grid !important;
  min-width: 0 !important;
  gap: 4px !important;
  align-content: center !important;
  justify-items: start !important;
}

body.is-authenticated[data-active-view="observations"] #observationKpis .observation-kpi-card p {
  margin: 0 !important;
  color: #283548 !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  line-height: 1.2 !important;
  text-transform: none !important;
}

body.is-authenticated[data-active-view="observations"] #observationKpis .observation-kpi-card strong {
  margin: 0 !important;
  color: var(--logs-nav-text) !important;
  font-size: 27px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

body.is-authenticated[data-active-view="observations"] #observationKpis .observation-kpi-card small {
  margin: 0 !important;
  color: var(--logs-nav-muted) !important;
  font-size: 10px !important;
  font-weight: 650 !important;
  line-height: 1.25 !important;
}

body.is-authenticated[data-active-view="observations"] #observationKpis .observation-progress-ring {
  display: grid !important;
  width: 46px !important;
  min-width: 46px !important;
  height: 46px !important;
  margin: 0 !important;
  padding: 0 !important;
  place-items: center !important;
  border-radius: 50% !important;
}

body.is-authenticated[data-active-view="observations"] #observationKpis .observation-progress-ring b {
  font-size: 9px !important;
  font-weight: 800 !important;
}

body.is-authenticated[data-active-view="observations"] .log-view-cards {
  display: grid !important;
  width: 100%;
  min-width: 0;
  margin: 0 0 24px !important;
  padding: 0 !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px !important;
  border: 0 !important;
}

body.is-authenticated[data-active-view="observations"] #observationCategoryTabs .log-view-card {
  position: relative;
  display: grid !important;
  min-width: 0 !important;
  min-height: 88px !important;
  padding: 16px 18px !important;
  grid-template-columns: 48px minmax(0, 1fr) !important;
  gap: 14px !important;
  align-items: center !important;
  border: 1px solid var(--logs-nav-border) !important;
  border-radius: 10px !important;
  color: var(--logs-nav-muted) !important;
  background: #fff !important;
  box-shadow: var(--logs-nav-shadow) !important;
  font: inherit !important;
  text-align: left !important;
  cursor: pointer;
  overflow: hidden;
}

body.is-authenticated[data-active-view="observations"] #observationCategoryTabs .log-view-card:hover {
  border-color: #bfd5c6 !important;
  background: #fbfdfc !important;
}

body.is-authenticated[data-active-view="observations"] #observationCategoryTabs .log-view-card.active {
  color: var(--logs-nav-green-dark) !important;
  border-color: #abd5b9 !important;
  background: linear-gradient(100deg, #f5fbf7, #fff) !important;
  box-shadow: 0 3px 12px rgba(18, 39, 27, .04) !important;
}

body.is-authenticated[data-active-view="observations"] #observationCategoryTabs .log-view-card.active::before {
  position: absolute;
  inset: 0 auto 0 0;
  width: 5px;
  border-radius: 10px 0 0 10px;
  content: "";
  background: var(--logs-nav-green);
}

body.is-authenticated[data-active-view="observations"] .log-view-icon {
  display: grid;
  width: 48px;
  height: 48px;
  place-items: center;
  border-radius: 12px;
  color: #6b778c;
  background: #f3f5f6;
}

body.is-authenticated[data-active-view="observations"] .log-view-card.active .log-view-icon {
  color: var(--logs-nav-green);
  background: var(--logs-nav-green-soft);
}

body.is-authenticated[data-active-view="observations"] .log-view-icon svg { width: 24px; height: 24px; stroke-width: 1.9; }
body.is-authenticated[data-active-view="observations"] .log-view-copy { display: grid; min-width: 0; gap: 6px; }
body.is-authenticated[data-active-view="observations"] .log-view-copy strong { overflow: hidden; font-size: 13px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
body.is-authenticated[data-active-view="observations"] #observationCategoryTabs .log-view-copy > span { width: fit-content; padding: 0 !important; color: var(--logs-nav-text) !important; background: transparent !important; font-size: 22px !important; font-weight: 700; line-height: 1; }

/* Legacy tab rules style every nested span; restore the card's two-part anatomy. */
body.is-authenticated[data-active-view="observations"] #observationCategoryTabs .log-view-card > span {
  min-width: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  color: inherit !important;
  background: transparent !important;
}

body.is-authenticated[data-active-view="observations"] #observationCategoryTabs .log-view-card > .log-view-icon {
  display: grid !important;
  width: 48px !important;
  min-width: 48px !important;
  height: 48px !important;
  place-items: center !important;
  border-radius: 12px !important;
  color: #6b778c !important;
  background: #f3f5f6 !important;
}

body.is-authenticated[data-active-view="observations"] #observationCategoryTabs .log-view-card.active > .log-view-icon {
  color: var(--logs-nav-green) !important;
  background: var(--logs-nav-green-soft) !important;
}

body.is-authenticated[data-active-view="observations"] #observationCategoryTabs .log-view-card > .log-view-copy {
  display: grid !important;
  width: auto !important;
  gap: 6px !important;
  align-content: center !important;
}

body.is-authenticated[data-active-view="observations"] #observationCategoryTabs .log-view-card > .log-view-copy > span {
  width: fit-content !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  color: var(--logs-nav-text) !important;
  background: transparent !important;
}

body.is-authenticated[data-active-view="observations"] #observationCategoryTabs .log-view-card:focus-visible {
  outline: 3px solid rgba(40, 116, 234, .26) !important;
  outline-offset: 2px !important;
}

@media (max-width: 1280px) {
  html[data-sidebar-state] body.is-authenticated[data-active-view="observations"] #observationsView.active { padding: 24px 24px 36px !important; }
  body.is-authenticated[data-active-view="observations"] #observationKpis.observation-kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 14px !important; }
  body.is-authenticated[data-active-view="observations"] .log-view-cards { gap: 14px !important; }
}

@media (max-width: 1080px) {
  html[data-sidebar-state] body.is-authenticated[data-active-view="observations"] .page-header > div:first-child { min-width: auto; margin-right: 16px; }
}

@media (max-width: 840px) {
  html[data-sidebar-state] body.is-authenticated[data-active-view="observations"] .page-header > div:first-child { display: none !important; }
  html[data-sidebar-state] body.is-authenticated[data-active-view="observations"] #observationsView.active { padding: 18px 16px 92px !important; }
  body.is-authenticated[data-active-view="observations"] .log-view-cards { display: flex !important; margin-right: -16px !important; padding-right: 16px !important; gap: 10px !important; overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: thin; }
  body.is-authenticated[data-active-view="observations"] #observationCategoryTabs .log-view-card { min-width: 210px !important; scroll-snap-align: start; }
}

@media (max-width: 680px) {
  body.is-authenticated[data-active-view="observations"] #observationKpis.observation-kpi-grid { grid-template-columns: 1fr !important; }
  body.is-authenticated[data-active-view="observations"] #observationKpis .observation-kpi-card { min-height: 92px !important; padding: 16px 18px 16px 22px !important; }
}

@media (max-width: 390px) {
  body.is-authenticated[data-active-view="observations"] #observationCategoryTabs .log-view-card { min-width: 190px !important; }
}

@media (prefers-reduced-motion: reduce) {
  body.is-authenticated[data-active-view="observations"] #observationCategoryTabs .log-view-card { transition: none !important; }
}

/* Logs workspace: status-first table layout. Kept scoped so the shared command bar stays unchanged. */
body.is-authenticated[data-active-view="observations"] #observationsView.active {
  background: #f8faf9 !important;
}
body.is-authenticated[data-active-view="observations"] .observations-left-column { min-width: 0; }
body.is-authenticated[data-active-view="observations"] #observationKpis.observation-kpi-grid { gap: 16px !important; margin-bottom: 20px !important; }
body.is-authenticated[data-active-view="observations"] #observationKpis .observation-kpi-card {
  width: 100%; min-height: 122px !important; padding: 18px 20px 18px 24px !important;
  grid-template-columns: 46px minmax(0, 1fr) !important; gap: 14px !important;
  border: 1px solid #e0e8e3 !important; border-radius: 12px !important; background: #fff !important;
  cursor: pointer; transition: border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}
body.is-authenticated[data-active-view="observations"] #observationKpis .observation-kpi-card:hover,
body.is-authenticated[data-active-view="observations"] #observationKpis .observation-kpi-card[aria-pressed="true"] { border-color: #8fc7a2 !important; box-shadow: 0 10px 24px rgba(18, 39, 27, .09) !important; transform: translateY(-1px); }
body.is-authenticated[data-active-view="observations"] #observationKpis .observation-kpi-card > div { gap: 3px !important; }
body.is-authenticated[data-active-view="observations"] #observationKpis .observation-kpi-card p { color: #27364d !important; font-size: 13px !important; font-weight: 750 !important; }
body.is-authenticated[data-active-view="observations"] #observationKpis .observation-kpi-card strong { font-size: 29px !important; }
body.is-authenticated[data-active-view="observations"] #observationKpis .observation-kpi-card small { font-size: 10px !important; }
body.is-authenticated[data-active-view="observations"] #observationKpis .observation-kpi-icon { width: 42px !important; min-width: 42px !important; height: 42px !important; border-radius: 10px !important; background: #edf8f1 !important; }
body.is-authenticated[data-active-view="observations"] #observationKpis .observation-kpi-card.blue .observation-kpi-icon { color: #2874ea !important; background: #edf4ff !important; }
body.is-authenticated[data-active-view="observations"] #observationKpis .observation-kpi-card.orange .observation-kpi-icon { color: #ed7600 !important; background: #fff4e8 !important; }
body.is-authenticated[data-active-view="observations"] #observationKpis .observation-kpi-icon svg { width: 25px !important; height: 25px !important; fill: none !important; }

body.is-authenticated[data-active-view="observations"] .observations-table-card {
  overflow: hidden !important; border: 1px solid #e0e8e3 !important; border-radius: 14px !important;
  background: #fff !important; box-shadow: 0 8px 28px rgba(18, 39, 27, .055) !important;
}
body.is-authenticated[data-active-view="observations"] #observationCategoryTabs.logs-status-tabs {
  display: flex !important; min-height: 64px !important; margin: 0 !important; padding: 0 20px !important;
  gap: 26px !important; overflow-x: auto; border-bottom: 1px solid #e7ede9 !important;
}
body.is-authenticated[data-active-view="observations"] #observationCategoryTabs.logs-status-tabs button {
  min-height: 64px !important; padding: 0 2px !important; border: 0 !important; border-bottom: 2px solid transparent !important;
  color: #65738a !important; background: transparent !important; font-size: 12px !important; font-weight: 750 !important;
}
body.is-authenticated[data-active-view="observations"] #observationCategoryTabs.logs-status-tabs button.active { color: #087a35 !important; border-bottom-color: #07812f !important; }
body.is-authenticated[data-active-view="observations"] .logs-filter-row {
  display: flex !important; min-height: 76px; margin: 0 !important; padding: 14px 20px !important; gap: 10px !important;
  align-items: center !important; flex-wrap: wrap; border-bottom: 1px solid #e7ede9 !important; background: #fff !important;
}
body.is-authenticated[data-active-view="observations"] .logs-filter-row .field { width: 154px; min-width: 132px; }
body.is-authenticated[data-active-view="observations"] .logs-filter-row .field > span:not(.sr-only) { display: none; }
body.is-authenticated[data-active-view="observations"] .logs-filter-row select,
body.is-authenticated[data-active-view="observations"] .logs-filter-row input { min-height: 40px !important; border: 1px solid #dfe7e2 !important; border-radius: 7px !important; color: #344054 !important; background: #fff !important; font-size: 11px !important; font-weight: 650 !important; }
body.is-authenticated[data-active-view="observations"] .logs-search-control { display: flex; flex: 1 1 250px; width: auto; min-width: 250px; max-width: 320px; height: 40px; box-sizing: border-box; padding: 0 11px; gap: 8px; align-items: center; overflow: hidden; border: 1px solid #dfe7e2; border-radius: 7px; color: #66758b; background: #fff; }
body.is-authenticated[data-active-view="observations"] .logs-search-control:focus-within { border-color: #15803d; box-shadow: 0 0 0 1px #15803d; }
body.is-authenticated[data-active-view="observations"] .logs-search-control svg { width: 15px; flex: 0 0 auto; }
body.is-authenticated[data-active-view="observations"] .logs-search-control input { display: block; flex: 1 1 auto; width: auto; min-width: 0; min-height: 0 !important; height: 100%; box-sizing: border-box; border: 0 !important; border-radius: 0 !important; outline: 0; padding: 0 !important; background: transparent !important; box-shadow: none !important; appearance: none; }
body.is-authenticated[data-active-view="observations"] .logs-filter-row .logs-date-filter { width: 126px; min-width: 126px; }
body.is-authenticated[data-active-view="observations"] .logs-filter-row .logs-sort-control { width: 156px; margin-left: auto; }
body.is-authenticated[data-active-view="observations"] .observation-reset-button { min-height: 40px !important; display: inline-flex; gap: 6px; align-items: center; }
body.is-authenticated[data-active-view="observations"] .observation-reset-button svg { width: 14px; }
body.is-authenticated[data-active-view="observations"] .logs-table-shell { overflow-x: auto !important; }
body.is-authenticated[data-active-view="observations"] .logs-table { min-width: 1210px !important; }
body.is-authenticated[data-active-view="observations"] .logs-table th { height: 48px !important; padding: 0 16px !important; color: #5d6d85 !important; background: #f8faf9 !important; font-size: 9px !important; font-weight: 800 !important; }
body.is-authenticated[data-active-view="observations"] .logs-table td { height: 82px !important; padding: 12px 16px !important; color: #26364d !important; font-size: 11px !important; }
body.is-authenticated[data-active-view="observations"] .logs-row { cursor: pointer; }
body.is-authenticated[data-active-view="observations"] .logs-row:hover td { background: #f7fbf8 !important; }
body.is-authenticated[data-active-view="observations"] .logs-employee-cell { display: flex; min-width: 150px; gap: 10px; align-items: center; }
body.is-authenticated[data-active-view="observations"] .logs-avatar { display: grid; width: 32px !important; height: 32px !important; flex: 0 0 auto; place-items: center; border: 0 !important; border-radius: 50% !important; color: var(--logs-avatar-color) !important; background: var(--logs-avatar-bg) !important; font-size: 10px !important; font-weight: 800 !important; }
body.is-authenticated[data-active-view="observations"] .logs-employee-text { min-width: 0; }
body.is-authenticated[data-active-view="observations"] .logs-cell-primary { color: #1d2d44 !important; font-size: 11px !important; font-weight: 750 !important; }
body.is-authenticated[data-active-view="observations"] .logs-cell-secondary { margin-top: 3px; color: #697891 !important; font-size: 9px !important; }
body.is-authenticated[data-active-view="observations"] .logs-title { max-width: 210px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.is-authenticated[data-active-view="observations"] .logs-title-preview { max-width: 230px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.is-authenticated[data-active-view="observations"] .logs-badge { display: inline-flex; min-height: 27px; padding: 5px 9px; border-radius: 4px; font-size: 9px; font-weight: 750; }
body.is-authenticated[data-active-view="observations"] .logs-badge.action-color { margin: 0; }
body.is-authenticated[data-active-view="observations"] .logs-badge.expired { margin-right: 5px; border-color: #fecaca; color: #b42318; background: #fff1f0; }
body.is-authenticated[data-active-view="observations"] .database-footer { min-height: 66px !important; padding: 12px 20px !important; background: #fff !important; }
body.is-authenticated[data-active-view="observations"] .pagination-lite .mini-button { min-width: 34px; height: 34px; border-radius: 6px; }
body.is-authenticated[data-active-view="observations"] .pagination-lite .mini-button.active { color: #087a35; border-color: #b8dec5; background: #edf8f1; }
body.is-authenticated[data-active-view="observations"] .sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }

@media (max-width: 1280px) {
  body.is-authenticated[data-active-view="observations"] .logs-filter-row .logs-sort-control { margin-left: 0; }
}
@media (max-width: 720px) {
  body.is-authenticated[data-active-view="observations"] #observationKpis.observation-kpi-grid { grid-template-columns: 1fr !important; }
  body.is-authenticated[data-active-view="observations"] #observationCategoryTabs.logs-status-tabs { min-height: 54px !important; padding: 0 14px !important; gap: 18px !important; }
  body.is-authenticated[data-active-view="observations"] #observationCategoryTabs.logs-status-tabs button { min-height: 54px !important; }
  body.is-authenticated[data-active-view="observations"] .logs-filter-row { padding: 12px 14px !important; }
  body.is-authenticated[data-active-view="observations"] .logs-search-control, body.is-authenticated[data-active-view="observations"] .logs-filter-row .field { width: 100%; }
}