/* The ATOMA dashboard's own CSS, for everyone who opens it (build_bundle.py puts it into the
   bundle and checks that every #id here is in the layout).

   Site details' inner tabs (TABS-detail) as a row of section buttons, so they read as a level
   below Fleet | Site details (owner, 29 Oct). Aligned with the content's left edge.
   Translucent colours: right in the light and the dark theme. */
#TABS-detail > .ant-tabs-nav {
  margin: 0 16px 16px;
}
#TABS-detail > .ant-tabs-nav::before {
  border-bottom: 0;
}
#TABS-detail > .ant-tabs-nav .ant-tabs-ink-bar {
  display: none;
}
#TABS-detail > .ant-tabs-nav .ant-tabs-nav-list {
  gap: 4px;
  padding: 4px;
  border-radius: 10px;
  background: rgba(127, 127, 127, 0.1);
}
#TABS-detail > .ant-tabs-nav .ant-tabs-tab {
  margin: 0 !important;
  padding: 6px 14px !important;
  border-radius: 8px !important;
  font-size: 13px;
}
#TABS-detail > .ant-tabs-nav .ant-tabs-tab-active {
  background: rgba(0, 150, 136, 0.14) !important;
}
#TABS-detail > .ant-tabs-nav .ant-tabs-tab-active .ant-tabs-tab-btn {
  font-weight: 600;
}