/* Version 4.6.3 — persistent site copyright footer.
 * The footer is part of the normal page shell only; drawers and popup readers
 * deliberately do not duplicate it.
 */

.had-site-copyright {
  position: relative;
  z-index: 12;
  flex: 0 0 31px;
  min-height: 31px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0 18px;
  border-top: 1px solid rgba(45, 103, 130, .55);
  background:
    linear-gradient(90deg, rgba(2, 11, 20, .96), rgba(4, 22, 34, .94), rgba(2, 11, 20, .96));
  color: #7898a8;
  font: 600 9px/1.2 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  letter-spacing: .055em;
  text-align: center;
  white-space: nowrap;
  box-shadow: 0 -10px 28px rgba(0, 0, 0, .10);
}

.had-site-copyright::before {
  content: "";
  width: 5px;
  height: 5px;
  flex: 0 0 5px;
  border-radius: 50%;
  background: var(--had-cyan, #22d3ee);
  box-shadow: 0 0 10px rgba(34, 211, 238, .75);
}

.had-site-copyright .had-copyright-owner {
  color: #b8cbd4;
}

.had-site-copyright .had-copyright-separator {
  color: var(--had-cyan, #22d3ee);
  opacity: .82;
  font-weight: 700;
}

/* Reserve a clean footer strip inside the one-screen desktop console without
 * overlaying page controls or shrinking individual cards unpredictably. */
@media (min-width: 901px) {
  body.had-theme .had-workspace {
    display: flex !important;
    flex-direction: column !important;
  }

  body.had-theme .had-workspace > .had-screen {
    flex: 1 1 auto !important;
    height: auto !important;
    min-height: 0 !important;
  }
}

/* Mobile/tablet pages already scroll vertically. Keep the copyright in normal
 * document flow so it never covers navigation, forms, or record content. */
@media (max-width: 900px) {
  .had-site-copyright {
    min-height: 36px;
    padding: 8px 14px;
    white-space: normal;
    flex-wrap: wrap;
    row-gap: 4px;
  }
}

@media (max-width: 520px) {
  .had-site-copyright {
    gap: 7px;
    font-size: 8px;
    letter-spacing: .025em;
  }

  .had-site-copyright .had-copyright-separator {
    font-size: 8px;
  }
}