/* Ensure parent box clips the footer to its rounded corners */
.box:has(.box-timestamp-footer) {
  overflow: hidden;
}

/* Timestamp footer for Bulma .box components
   Displays created/updated timestamps in a compact footer strip.
   Used on: invoice details, action details, ticket details */
.box-timestamp-footer {
  margin: var(--arp-space-4) -1.25rem -1.25rem;
  padding: var(--arp-space-2-5) var(--arp-space-5);
  border-top: 1px solid var(--arp-border-subtle);
  background: #fafafa;
  display: flex;
  flex-wrap: wrap;
  gap: var(--arp-space-6);
  color: var(--arp-text-muted);
  font-size: var(--bulma-size-small);
}

.box-timestamp-footer i {
  margin-right: 0.35rem;
}

/* .box-timestamp-footer's -1.25rem side/bottom margins are calibrated to
   cancel a Bulma .box's own 1.25rem padding. .lifecycle-card and
   .aas-section-card have no padding of their own (padding lives on
   .lifecycle-card-body / .aas-section-body), so those negative margins
   overshoot: they clip the footer's text flush against the card's edges
   and clip its bottom padding under the card's overflow:hidden. */
.lifecycle-card > .box-timestamp-footer,
.aas-section-card > .box-timestamp-footer {
  margin: var(--arp-space-4) 0 0;
}

[data-theme="dark"] .box-timestamp-footer {
  border-color: var(--arp-gray-700);
  background: #1a1f2e;
}

@media screen and (max-width: 768px) {
  .box-timestamp-footer {
    gap: var(--arp-space-2);
  }
}