/* app.css — project-specific overrides */

.announcement-banner {
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

.announcement-banner--pinned {
  border-bottom-width: 3px !important;
  box-shadow: inset 0 -3px 0 rgba(241, 196, 15, 0.55);
}

.announcement-pin-badge {
  letter-spacing: 0.02em;
  font-weight: 700;
}

.announcement-message-label {
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.htmx-indicator {
  display: none;
}

.htmx-request .htmx-indicator,
.htmx-request.htmx-indicator {
  display: inline-block;
}

.delete-confirm-fallback {
  max-width: 18rem;
}

html.delete-confirm-modal-ready .delete-confirm-fallback {
  display: none;
}

.kb-article-body h1,
.kb-article-body h2,
.kb-article-body h3 {
  margin-top: 1.25rem;
  margin-bottom: 0.75rem;
}

.kb-article-body p,
.kb-article-body ul {
  margin-bottom: 1rem;
}

.kb-article-body code {
  background: rgba(98, 105, 118, 0.12);
  border-radius: 0.25rem;
  padding: 0.1rem 0.35rem;
}

/* Vertical sidebar show/hide toggle */
@media (min-width: 992px) {
  .page.sidebar-hidden .navbar-vertical {
    display: none;
  }

  .page.sidebar-hidden .navbar-vertical ~ .page-wrapper {
    margin-left: 0;
  }

  /* Match layout-fluid.html: content fills the freed width instead of
     staying capped/centered at the container-xl max-width. */
  .page.sidebar-hidden .page-wrapper .container-xl {
    max-width: none;
  }
}