@charset "UTF-8";
/* line 1, app/assets/stylesheets/clean_slate/_header.scss */
#header {
  font-size: 12.16px;
}

/* line 4, app/assets/stylesheets/clean_slate/_header.scss */
#header #branding {
  background: #272727 linear-gradient(#4c4c4c, #272727);
  color: #999999;
  font-family: arial, tahoma, sans-serif;
  font-weight: bold;
  overflow: auto;
  padding-right: 20px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

/* line 18, app/assets/stylesheets/clean_slate/_header.scss */
#header #branding #logo {
  margin-top: 0.5em;
  height: 32px;
  width: 243px;
  outline: none;
  background: url(/assets/logos/insight/biq_insight_legacy_all_white-180cad7a5ec534c7567ea709425f9c81223886dd00e85835d517052a06a5a75b.svg), url(/assets/logos/insight/biq_header_curve-f2e9c1dfd24bf7c58e6db467601a39b585213aff4341c2492aba43d16b7ab131.png);
  background-position-x: 8px, right;
  background-position-y: 7px, bottom;
  background-size: 60%, auto 32px;
  background-repeat: no-repeat;
  text-indent: -3000px;
  /* dirty hack inherited from previous code. Why is this a text link? */
}

/* line 35, app/assets/stylesheets/clean_slate/_header.scss */
#header #branding a {
  color: #ffffff;
  text-decoration: none;
}

/* line 39, app/assets/stylesheets/clean_slate/_header.scss */
#header #branding a:hover {
  background-color: transparent;
  text-decoration: underline;
}

/* line 48, app/assets/stylesheets/clean_slate/_header.scss */
#header #navigation ul,
#header #secondary_navigation ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
}

/* line 59, app/assets/stylesheets/clean_slate/_header.scss */
#header #navigation ul li a,
#header #secondary_navigation ul li a {
  text-decoration: none;
  border-left: 1px solid;
  padding: 0 0.5em 0 0.7em;
}

/* line 65, app/assets/stylesheets/clean_slate/_header.scss */
#header #navigation ul li a:hover,
#header #secondary_navigation ul li a:hover {
  text-decoration: underline;
}

/* line 71, app/assets/stylesheets/clean_slate/_header.scss */
#header #navigation ul li:first-child a,
#header #secondary_navigation ul li:first-child a {
  border-left: none;
  padding-left: 0;
}

/* line 80, app/assets/stylesheets/clean_slate/_header.scss */
#header #navigation {
  background-color: #677386;
  font-family: arial, tahoma, sans-serif;
  overflow: auto;
  padding: 0 20px;
  height: 32px;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: space-between;
}

/* line 93, app/assets/stylesheets/clean_slate/_header.scss */
#header #navigation .hide {
  display: none;
}

/* line 97, app/assets/stylesheets/clean_slate/_header.scss */
#header #navigation ul li a {
  font-weight: bold;
  border-color: #a8b1be;
  color: #e9eef5;
  white-space: nowrap;
}

/* line 104, app/assets/stylesheets/clean_slate/_header.scss */
#header #navigation ul li a:hover {
  color: #ffffff;
}

/* line 109, app/assets/stylesheets/clean_slate/_header.scss */
#header #navigation form {
  display: flex;
  align-items: center;
  gap: 20px;
}

/* line 116, app/assets/stylesheets/clean_slate/_header.scss */
#header #secondary_navigation {
  background-color: #d9dee5;
  font-family: arial, tahoma, sans-serif;
  padding: 0 20px;
  line-height: 32px;
  display: flex;
  align-items: center;
  overflow-x: auto;
}

/* line 130, app/assets/stylesheets/clean_slate/_header.scss */
#header #secondary_navigation ul li a {
  border-color: #86898c;
  color: #333333;
  white-space: nowrap;
}

/* line 135, app/assets/stylesheets/clean_slate/_header.scss */
#header #secondary_navigation ul li a:hover {
  text-decoration: underline;
}

/* line 1, app/assets/stylesheets/clean_slate/_footer.css */
#footer {
  background-color: #eeeeee;
  border-top: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
  font-size: 11px;
  line-height: 1.5em;
  overflow: auto;
  color: #333333;
  font-family: 'lucida grande', verdana, arial, sans-serif;
  margin: 0;
  padding: 4px;
  text-align: center;
}

/* line 6, app/assets/stylesheets/clean_slate/_footer.css */
#footer a:link {
  color: #ad570d;
  text-decoration: none;
}

/* line 11, app/assets/stylesheets/clean_slate/_footer.css */
#footer a:visited {
  color: #753a17;
  text-decoration: none;
}

/* line 16, app/assets/stylesheets/clean_slate/_footer.css */
#footer a:hover {
  color: #e57304;
  text-decoration: underline;
}

/* line 32, app/assets/stylesheets/clean_slate/_footer.css */
#footer .column.first-child {
  width: 100%;
  margin-bottom: 0;
}

/* line 36, app/assets/stylesheets/clean_slate/_footer.css */
#footer .column.first-child br {
  display: none;
}

/* line 41, app/assets/stylesheets/clean_slate/_footer.css */
#footer .column.first-child .vcard * {
  display: inline;
}

/* line 45, app/assets/stylesheets/clean_slate/_footer.css */
#footer .column.first-child .vcard br {
  display: none;
}

/* line 50, app/assets/stylesheets/clean_slate/_footer.css */
#footer .column.first-child .vcard .adr .street-address:after {
  content: ', ';
}

/* line 53, app/assets/stylesheets/clean_slate/_footer.css */
#footer .column.first-child .vcard .adr .locality:after {
  content: ', ';
}

/* Structural/behavioral CSS for the ownerships graph (app/javascript/ownerships-module-ts)
   that can't be expressed with Tailwind utility classes alone: the spinner keyframe,
   the absolutely-positioned feedback overlay, graph sizing, and the fullscreen toggle.
   Visual styling of the toolbox itself lives in the Tailwind classes on the view. */
/* line 6, app/assets/stylesheets/clean_slate/_ownerships.css */
.greyed {
  pointer-events: none;
  opacity: 0.4;
}

/* line 11, app/assets/stylesheets/clean_slate/_ownerships.css */
#om-spinner-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 100000;
}

/* line 18, app/assets/stylesheets/clean_slate/_ownerships.css */
#om-spinner {
  box-sizing: border-box;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  margin-left: -15px;
  border: 5px solid;
  border-color: #94a3b8 transparent;
  border-radius: 50%;
  animation: om-spinner-frames 1s linear infinite;
}

@keyframes om-spinner-frames {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* line 35, app/assets/stylesheets/clean_slate/_ownerships.css */
#om-feedback-wrapper {
  position: absolute;
  inset: 0;
  z-index: 100000;
  text-align: center;
  background-color: transparent;
  display: none;
  pointer-events: none;
}

/* line 44, app/assets/stylesheets/clean_slate/_ownerships.css */
#om-feedback-wrapper #om-feedback-icon, #om-feedback-wrapper #om-feedback-text {
  position: absolute;
  inset: 0;
  padding: 0;
}

/* line 49, app/assets/stylesheets/clean_slate/_ownerships.css */
#om-feedback-wrapper #om-feedback-icon#om-feedback-icon, #om-feedback-wrapper #om-feedback-text#om-feedback-icon {
  bottom: 50%;
  padding-bottom: 10px;
}

/* line 53, app/assets/stylesheets/clean_slate/_ownerships.css */
#om-feedback-wrapper #om-feedback-icon#om-feedback-icon #om-feedback-icon-centralizer, #om-feedback-wrapper #om-feedback-text#om-feedback-icon #om-feedback-icon-centralizer {
  position: absolute;
  top: 0;
  right: 50%;
  bottom: 0;
  left: 0;
}

/* line 61, app/assets/stylesheets/clean_slate/_ownerships.css */
#om-feedback-wrapper #om-feedback-icon#om-feedback-icon #om-feedback-icon-wrapper, #om-feedback-wrapper #om-feedback-text#om-feedback-icon #om-feedback-icon-wrapper {
  position: absolute;
  display: inline-block;
  width: 50px;
  height: 50px;
  right: -25px;
  bottom: 10px;
}

/* line 69, app/assets/stylesheets/clean_slate/_ownerships.css */
#om-feedback-wrapper #om-feedback-icon#om-feedback-icon #om-feedback-icon-wrapper .the-icon, #om-feedback-wrapper #om-feedback-text#om-feedback-icon #om-feedback-icon-wrapper .the-icon {
  position: relative;
  width: 50px;
  height: 50px;
}

/* line 77, app/assets/stylesheets/clean_slate/_ownerships.css */
#om-feedback-wrapper #om-feedback-icon#om-feedback-text, #om-feedback-wrapper #om-feedback-text#om-feedback-text {
  top: 50%;
  padding-bottom: 10px;
}

/* line 81, app/assets/stylesheets/clean_slate/_ownerships.css */
#om-feedback-wrapper #om-feedback-icon#om-feedback-text #om-feedback-text-header, #om-feedback-wrapper #om-feedback-text#om-feedback-text #om-feedback-text-header {
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
  max-width: 500px;
}

/* line 89, app/assets/stylesheets/clean_slate/_ownerships.css */
#om-feedback-wrapper #om-feedback-icon#om-feedback-text #om-feedback-text-bread, #om-feedback-wrapper #om-feedback-text#om-feedback-text #om-feedback-text-bread {
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  max-width: 500px;
}

/* line 99, app/assets/stylesheets/clean_slate/_ownerships.css */
#om-graph-wrapper {
  position: relative;
  width: 100%;
}

/* line 104, app/assets/stylesheets/clean_slate/_ownerships.css */
#om-graph-root {
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  max-height: 47.5rem;
}

/* line 112, app/assets/stylesheets/clean_slate/_ownerships.css */
#om-graph-root svg {
  position: absolute;
  top: 0;
}

/* The fullscreen toggle uses the native Fullscreen API (Element.requestFullscreen())
   on #stage-container rather than a CSS `position: fixed` overlay: a fixed element
   only escapes to the viewport when no ancestor establishes its own containing block
   (transform, filter, etc.), which is brittle to guarantee across the app's layout.
   The Fullscreen API renders in the browser's top layer, immune to any ancestor's
   stacking context, so styling here just needs to make the existing flex layout
   (graph + toolbox side by side) fill the screen instead of overlaying anything. */
/* line 124, app/assets/stylesheets/clean_slate/_ownerships.css */
#stage-container:fullscreen {
  margin: 0;
  padding: 1rem;
  background-color: white;
}

/* line 130, app/assets/stylesheets/clean_slate/_ownerships.css */
#stage-container:fullscreen #stage {
  height: 100%;
}

/* line 134, app/assets/stylesheets/clean_slate/_ownerships.css */
#stage-container:fullscreen #om-graph-wrapper {
  height: 100%;
  max-height: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

/* line 142, app/assets/stylesheets/clean_slate/_ownerships.css */
#stage-container:fullscreen #om-graph-root {
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  max-height: none;
}

/* line 149, app/assets/stylesheets/clean_slate/_ownerships.css */
#stage-container:fullscreen #om-toolbox {
  max-height: none;
}

@keyframes rotate-spinner {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* line 158, app/assets/stylesheets/clean_slate/_ownerships.css */
#image-link-loader svg {
  animation: 1s linear infinite rotate-spinner;
}

/* Set by BiQ.flashSaved (app/assets/javascripts/application.js) on the row a
   create or update just wrote, so it is obvious which line changed without
   reloading the page. The class removes itself on animationend. */
/* line 4, app/assets/stylesheets/clean_slate/_just_saved.css */
.biq-just-saved {
  animation: biq-just-saved-flash 1.8s ease-out 1;
  border-radius: 2px;
}

@keyframes biq-just-saved-flash {
  0% {
    background-color: rgba(2, 132, 199, 0.3);
    /* sky-600 */
    box-shadow: inset 3px 0 0 0 #0284c7;
  }
  60% {
    background-color: rgba(2, 132, 199, 0.12);
    box-shadow: inset 3px 0 0 0 #0284c7;
  }
  100% {
    background-color: transparent;
    box-shadow: inset 3px 0 0 0 rgba(2, 132, 199, 0);
  }
}

/* Readers who ask for reduced motion still need to see which row was written,
   so hold a flat tint and clear it in a single step instead of fading it out.
   Nothing eases or moves, and animationend still fires, so the class clears
   itself the same way it does above. Shortening the duration instead would let
   the highlight vanish before it had been seen. */
@media (prefers-reduced-motion: reduce) {
  /* line 32, app/assets/stylesheets/clean_slate/_just_saved.css */
  .biq-just-saved {
    animation-name: biq-just-saved-hold;
    animation-timing-function: step-end;
  }
}

@keyframes biq-just-saved-hold {
  0%,
95% {
    background-color: rgba(2, 132, 199, 0.18);
    box-shadow: inset 3px 0 0 0 #0284c7;
  }
  100% {
    background-color: transparent;
    box-shadow: inset 3px 0 0 0 rgba(2, 132, 199, 0);
  }
}

/* line 6, app/assets/stylesheets/clean_slate/main.scss */
body {
  hyphens: auto;
}

/* line 11, app/assets/stylesheets/clean_slate/main.scss */
.ui-dialog {
  background-color: white;
  border: 1px solid #f97316;
  z-index: 50;
  font-size: 10px;
  border-radius: 5px;
}

/* line 18, app/assets/stylesheets/clean_slate/main.scss */
.ui-dialog ul {
  padding: 0px 10px 10px 10px;
}

/* line 21, app/assets/stylesheets/clean_slate/main.scss */
.ui-dialog ul li {
  border-bottom: solid 1px #e5e7eb;
  font-size: 12px;
}

/* line 27, app/assets/stylesheets/clean_slate/main.scss */
.ui-dialog a:hover {
  color: #075785;
  text-decoration: underline;
}

/* line 31, app/assets/stylesheets/clean_slate/main.scss */
.ui-dialog .ui-dialog-titlebar {
  font-size: 14px;
  padding: 5px 10px 0px 10px;
  display: flex;
  justify-content: space-between;
  font-weight: 600;
}

/* line 39, app/assets/stylesheets/clean_slate/main.scss */
.ui-dialog button.ui-dialog-titlebar-close {
  font-size: 0;
  line-height: 0;
}

/* line 44, app/assets/stylesheets/clean_slate/main.scss */
.ui-dialog button.ui-dialog-titlebar-close .ui-icon-closethick {
  background: none;
  width: 24px;
  height: 24px;
  display: inline-block;
  border-radius: 4px;
}

/* line 50, app/assets/stylesheets/clean_slate/main.scss */
.ui-dialog button.ui-dialog-titlebar-close .ui-icon-closethick:hover {
  background-color: #f9731610;
}

/* line 55, app/assets/stylesheets/clean_slate/main.scss */
.ui-dialog button.ui-dialog-titlebar-close .ui-icon-closethick::after {
  content: "✖";
  font-size: 16px;
  height: 24px;
  line-height: 24px;
}
/*

*/