/* Ortak hareket katmanı: görünür girişler, yumuşak hover ve basma tepkisi. */
:root { --k-motion-ease: cubic-bezier(.16, 1, .3, 1); }

/* Rakamın alanı: tarayıcı okları ve değer birlikte sığsın. */
body :is(.form-input, .cbp-input)[type="number"] {
  padding-inline: 8px; font-variant-numeric: tabular-nums;
}
body.k-page #dashSettings .sc-points { grid-template-columns: repeat(auto-fit, minmax(min(100%, 156px), 1fr)); }
body.k-page #dashSettings .sc-point { min-width: 0; }
body.k-page #dashSettings .sc-point-label { overflow-wrap: anywhere; line-height: 1.4; }
body.k-page #dashSettings .sc-point-input { display: grid; grid-template-columns: minmax(84px, 100px) auto; justify-content: start; gap: 8px; }
body.k-page #dashSettings .sc-point-input .form-input { width: 100%; min-width: 84px; max-width: 100px; padding-inline: 8px; }


  /* Son konumda transform tutulmaz: hover ve sabit alt öğeler serbest kalır. */
  .k-reveal { opacity: 0; translate: 0 20px; transition: opacity 600ms var(--k-motion-ease), translate 700ms var(--k-motion-ease); transition-delay: var(--k-enter-delay, 0ms); }
  .k-reveal.k-in-view { opacity: 1; translate: 0 0; }
  .k-reveal.k-motion-done { opacity: 1; translate: none; transition-delay: 0ms; }

  body :is(.k-btn, .btn, .cbp-btn, .mz-btn, .mc-btn, .legal-back, .lb-back, .lb-banner-btn) {
    transition: transform 260ms var(--k-motion-ease), box-shadow 300ms var(--k-motion-ease), border-color 220ms ease, background-color 220ms ease, filter 220ms ease;
  }
  body :is(.k-btn, .btn, .cbp-btn, .mz-btn, .mc-btn, .legal-back, .lb-back, .lb-banner-btn):not(:disabled):hover { transform: translateY(-3px); }
  body :is(.k-btn, .btn, .cbp-btn, .mz-btn, .mc-btn):not(:disabled):active { transform: translateY(0) scale(.975); transition-duration: 100ms; }
  body :is(.k-btn-amber, .btn-primary, .btn-gold, .cbp-btn.is-gold):hover { box-shadow: 0 12px 30px -14px rgba(255,193,7,.7); }

  body :is(.pp-card, .ob-plan, .command-card, .guild-card, .mz-card, .mz-radio-tile, .cbp-kpi, .cbp-quick a, .lb-row, .shard-tile, .lb-card-stat) {
    transition: transform 320ms var(--k-motion-ease), box-shadow 320ms var(--k-motion-ease), border-color 240ms ease, background-color 240ms ease;
  }
  body :is(.pp-card, .ob-plan, .command-card, .mz-card, .mz-radio-tile, .cbp-quick a, .lb-row, .lb-card-stat):is(:hover, :focus-within) {
    transform: translateY(-4px); border-color: rgba(255,193,7,.48); box-shadow: 0 18px 36px -24px rgba(255,193,7,.5);
  }
  body.k-page #dashGuilds .guild-card:is(:hover, :focus-visible, :focus-within) { transform: translateY(-5px); box-shadow: 0 18px 38px -22px rgba(255,193,7,.5); }
  /* Kart girişlerinin son kareleri hover'ı bastırmasın. */
  body .command-card.cmd-enter { animation-fill-mode: backwards; }
  body.k-page #dashSettings .settings-section:not([hidden]) { animation: kSettingEnter 420ms var(--k-motion-ease); }
  @keyframes kSettingEnter { from { opacity: .3; translate: 0 12px; } to { opacity: 1; translate: 0 0; } }
  body :is(.home-tab, .settings-tab-btn, .tab-btn, .k-scene, .gwp-tab, .lb-mode-tab, .lb-range-tab, .cbp-nav button, .mz-nav a, .mz-filter) {
    transition: transform 220ms var(--k-motion-ease), background-color 220ms ease, color 180ms ease, border-color 220ms ease, box-shadow 220ms ease;
  }
  body :is(.home-tab, .tab-btn, .k-scene, .gwp-tab, .lb-mode-tab, .lb-range-tab, .mz-filter):not(:disabled):hover { transform: translateY(-2px); }
  body :is(.settings-tab-btn, .cbp-nav button, .mz-nav a):hover { transform: translateX(3px); }
  body :is(.eb-group, .feature-group, .k-acc) > summary { transition: background-color 220ms ease, color 220ms ease; }
  body :is(.eb-group, .feature-group)[open] > :not(summary) { animation: kGroupEnter 280ms var(--k-motion-ease); }
  @keyframes kGroupEnter { from { opacity: .3; translate: 0 -5px; } to { opacity: 1; translate: 0 0; } }



