@import url("shared-base.css");

body {
  margin-bottom: 0;
  background: var(--tblr-bg-surface-secondary, #f6f8fb);
}

.btn:focus,
.btn:active:focus,
.btn-link.nav-link:focus,
.form-control:focus,
.form-check-input:focus,
.form-select:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem rgba(32, 107, 196, 0.25);
}

.page {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.page-wrapper {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
}

.page-body {
  flex: 1 0 auto;
}

.footer {
  position: static !important;
  bottom: auto !important;
  line-height: 1.5 !important;
  margin-top: auto;
}

.dashboard-summary-card .card-body {
  min-height: 13rem;
}

.dashboard-note-card .card-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.dashboard-actions {
  display: grid;
  gap: 0.75rem;
}

.dashboard-actions .btn {
  justify-content: flex-start;
}

.api-code {
  background: #111827;
  color: #f9fafb;
  border-radius: 0.75rem;
  padding: 1rem;
  font-size: 0.875rem;
  font-family: var(--tblr-font-monospace, monospace);
  line-height: 1.6;
  white-space: pre-wrap;
  margin-bottom: 0;
  overflow-x: auto;
}

.credential-secret {
  font-family: var(--tblr-font-monospace, monospace);
  font-size: 1rem;
  letter-spacing: 0.04em;
}

.page-section + .page-section {
  margin-top: 1.5rem;
}

/* Cookie consent */
.cookie-consent-visible {
  padding-bottom: 6rem;
}

.cookie-consent-banner {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1050;
  background-color: var(--tblr-bg-surface, #fff);
  border-top: 1px solid var(--tblr-border-color, rgba(4, 32, 69, 0.14));
  box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.1);
}

.cookie-consent-text {
  font-size: 0.9rem;
  line-height: 1.4;
  color: var(--tblr-body-color, #182433);
}

@media (max-width: 768px) {
  .cookie-consent-visible {
    padding-bottom: 8.5rem;
  }
}