/* Overrides loaded after the dashboard stylesheet to retain hidden inspectors. */
.sicom-dashboard-inspector.hidden {
  display: none;
}

#sicom_gerencial .sicom-dashboard-inspector-backdrop {
  position: fixed;
  z-index: 80;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  background: rgba(0, 0, 0, 0.42);
  cursor: default;
}

#sicom_gerencial .sicom-dashboard-inspector {
  position: fixed;
  z-index: 81;
  top: max(var(--site-header-height), env(safe-area-inset-top));
  right: max(16px, env(safe-area-inset-right));
  bottom: max(16px, env(safe-area-inset-bottom));
  left: auto;
}

#sicom_gerencial .sicom-dashboard-inspector-head {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #0d1723;
}

#sicom_gerencial .sicom-dashboard-inspector-close {
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  width: 42px;
  min-width: 42px;
  min-height: 42px;
  padding: 0;
  color: #0b1220;
  border: 1px solid #f4cf70;
  border-radius: 8px;
  background: #f4cf70;
  font: inherit;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
}

#sicom_gerencial .sicom-dashboard-inspector-close:hover,
#sicom_gerencial .sicom-dashboard-inspector-close:focus-visible {
  border-color: #ffe7a5;
  background: #ffe7a5;
  outline: 0;
}

#sicom_gerencial .sicom-dashboard-inspector-head-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

#sicom_gerencial .sicom-dashboard-inspector-back {
  min-height: 42px;
}

#sicom_gerencial [data-sicom-view-panel].hidden,
#sicom_gerencial [data-sicom-view-panel][hidden] {
  display: none;
}

#sicom_gerencial .sicom-dashboard-heading-actions {
  display: grid;
  justify-items: end;
  gap: 8px;
  max-width: 360px;
  text-align: right;
}

#sicom_gerencial .sicom-dashboard-heading-actions .muted-line {
  margin: 0;
}

#sicom_gerencial .sicom-dashboard-card small.sicom-dashboard-card-scope {
  color: #f2d277;
  font-weight: 700;
}

@media (max-width: 760px) {
  #sicom_gerencial .sicom-dashboard-heading {
    display: grid;
  }

  #sicom_gerencial .sicom-dashboard-heading-actions {
    justify-items: stretch;
    max-width: none;
    text-align: left;
  }

  #sicom_gerencial .sicom-dashboard-inspector {
    top: max(var(--site-header-height), env(safe-area-inset-top));
    right: max(8px, env(safe-area-inset-right));
    bottom: max(8px, env(safe-area-inset-bottom));
    left: max(8px, env(safe-area-inset-left));
    width: auto;
  }
}