/* ============================================
   KELIBATMU V2 - PROFILE RESPONSIVE
   Namespace: kv2-profile-
   Refined mobile scale - modern creator profile feel
   ============================================ */

@media (max-width: 980px) {
  .kv2-profile-stage {
    width: min(100% - 24px, 760px);
    padding-top: 14px;
  }

  .kv2-profile-layout {
    grid-template-columns: 1fr;
  }

  .kv2-profile-identity {
    position: static;
  }

  .kv2-profile-hero-content {
    grid-template-columns: 1fr;
    align-items: stretch;
    gap: 12px;
  }

  .kv2-profile-actions {
    justify-content: stretch;
  }
}

@media (max-width: 760px) {
  .kv2-profile-stage {
    width: min(100% - 20px, 620px);
    padding-top: calc(64px + env(safe-area-inset-top));
    padding-bottom: calc(86px + env(safe-area-inset-bottom));
  }

  .kv2-profile-hero {
    min-height: 0;
    border-radius: 16px;
  }

  .kv2-profile-hero-content {
    min-height: 0;
    gap: 9px;
    padding: 0 11px 12px;
  }

  .kv2-profile-display-name {
    font-size: clamp(1.18rem, 5vw, 1.48rem);
    line-height: var(--kv2-line-page-title);
    font-weight: 620;
    letter-spacing: var(--kv2-track-page-title);
  }

  .kv2-profile-username {
    margin-bottom: 3px;
    font-size: var(--kv2-font-meta);
  }

  .kv2-profile-tagline {
    margin-top: 4px;
    font-size: var(--kv2-font-caption);
    line-height: var(--kv2-line-caption);
  }

  .kv2-profile-meta-row {
    gap: 3px 6px;
    margin-top: -1px;
  }

  .kv2-profile-actions,
  .kv2-profile-meta-row {
    width: 100%;
  }

  .kv2-profile-action {
    flex: 1;
    min-height: 34px;
    white-space: nowrap;
  }

  .kv2-profile-section,
  .kv2-profile-identity-panel {
    border-radius: 16px;
    padding: 12px;
  }

  .kv2-profile-section-heading {
    display: block;
  }

  .kv2-profile-music-feature-grid {
    grid-template-columns: 1fr;
  }

  .kv2-profile-status__composer-controls {
    display: grid;
    grid-template-columns: 1fr;
  }

  .kv2-profile-status__composer-submit,
  .kv2-profile-status__composer-mood {
    width: 100%;
  }

  .kv2-profile-pinned-song {
    grid-template-columns: 112px minmax(0, 1fr);
  }

  .kv2-profile-recent-rail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 460px) {
  .kv2-profile-stage {
    width: min(100% - 16px, 420px);
    padding-top: calc(62px + env(safe-area-inset-top));
  }

  .kv2-profile-hero {
    min-height: 0;
    border-radius: 16px;
  }

  .kv2-profile-hero-content {
    min-height: 0;
    gap: 8px;
    padding: 0 10px 11px;
  }

  .kv2-profile-display-name {
    font-size: clamp(1.12rem, 5vw, 1.34rem);
    line-height: var(--kv2-line-page-title);
    font-weight: 620;
    letter-spacing: var(--kv2-track-page-title);
  }

  .kv2-profile-tagline {
    margin-top: 6px;
    font-size: var(--kv2-font-caption);
    line-height: var(--kv2-line-caption);
  }

  .kv2-profile-pinned-song {
    grid-template-columns: 1fr;
  }

  .kv2-profile-music-art {
    max-width: 180px;
  }

  .kv2-profile-activity-item {
    grid-template-columns: 1fr;
    gap: 7px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .kv2-profile-atmosphere-particle,
  .kv2-profile-status-card,
  .kv2-profile-action {
    animation: none !important;
    transition: none !important;
  }
}