.iti {
  width: 100%;
}

:root {
  --header-height: 64px;
}

@media (min-width: 768px) {
  :root { --header-height: 100px; }
}

/* Ensure anchor navigation accounts for the fixed header */
html {
  scroll-padding-top: var(--header-height);
}

/* Give the sticky aside some breathing room below the fixed header */
aside nav.sticky,
aside .sticky {
  top: calc(var(--header-height) + 12px) !important;
}

.edit-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  color: #6B7280; /* gris neutro */
  text-decoration: none;
  transition: color 0.2s ease;
}

.edit-link:hover {
  color: #B1DC22; /* tu verde */
}

.edit-icon {
  width: 16px;
  height: 16px;
}

@media (max-width: 640px) {
  .edit-link {
    font-size: 15px;
  }
  .edit-icon {
    width: 18px;
    height: 18px;
  }
}

/* Profile right column custom styles */
.plan-pill {
  background: #f3f4f6; /* light gray */
  color: #374151;
  box-shadow: 0 1px 0 rgba(0,0,0,0.02);
}

.progress-track { background: #f3f4f6; }
.progress-bar { background-color: #92C71F; transition: width 360ms ease; }

/* make the large CTA consistent when Tailwind classes are not enough */
.cta-green-large { background: #92C71F; color: white; }

/* Danger outline (used for destructive actions) */
.danger-outline { border: 1px solid #fca5a5; color: #b91c1c; }