/* Shared styles for all pages */
details > summary {
  list-style: none;
}

details > summary::-webkit-details-marker {
  display: none;
}

.content-shell {
  min-height: calc(100vh - 220px);
}

:root {
  --almatera-brand: #069494;
  --almatera-brand-dark: #0f766e;
  --almatera-brand-soft: #e7f8f7;
  --almatera-accent: #f97316;
  --almatera-accent-dark: #ea580c;
}

.app-bg {
  background: linear-gradient(180deg, #f6fcfc 0%, #ffffff 50%, #edf8f7 100%);
}

.site-header {
  background: linear-gradient(90deg, rgba(231, 248, 247, 0.92) 0%, rgba(255, 255, 255, 0.95) 48%, rgba(220, 244, 242, 0.9) 100%);
  border-bottom: 1px solid rgba(6, 148, 148, 0.18);
  backdrop-filter: blur(10px);
  box-shadow: 0 10px 25px -20px rgba(15, 118, 110, 0.45);
}

.nav-link {
  color: #334155;
  border-radius: 0.65rem;
  transition: all 160ms ease;
}

.nav-link:hover {
  color: var(--almatera-brand-dark);
  background-color: rgba(255, 255, 255, 0.75);
}

.nav-link-active {
  color: var(--almatera-brand-dark);
  border-bottom: 2px solid var(--almatera-accent);
  font-weight: 700;
}

.btn-accent {
  background: linear-gradient(135deg, var(--almatera-accent) 0%, var(--almatera-accent-dark) 100%);
  color: #fff;
  box-shadow: 0 10px 20px -12px rgba(249, 115, 22, 0.75);
}

.btn-accent:hover {
  filter: brightness(0.96);
}

.card-modern {
  border: 1px solid rgba(6, 148, 148, 0.14);
  box-shadow: 0 10px 30px -20px rgba(15, 23, 42, 0.28);
}

.footer-modern {
  background: linear-gradient(90deg, rgba(231, 248, 247, 0.95) 0%, rgba(255, 255, 255, 0.96) 50%, rgba(225, 246, 244, 0.94) 100%);
  border-top: 1px solid rgba(6, 148, 148, 0.2);
}