/* Gerador de nick — same shell as Letras diferentes (frases-status.css). */

.nk-hero {
  --fs-hero-bg: linear-gradient(100deg, #f8fafc 0%, #eef5ff 55%, #e3f0ff 100%);
  --fs-blob: #d5e6ff;
}
html[data-theme="dark"] .nk-hero {
  --fs-hero-bg: linear-gradient(100deg, #101827 0%, #122033 55%, #15283a 100%);
  --fs-blob: #1e3a5f;
}
.nk-hero .fs-phone .fs-rays path { stroke: #3b82f6; }
.nk-hero .fs-perk-ico.is-tag { color: #2563eb; }
.nk-phone .nk-fancy {
  font-size: 16px;
  font-weight: 700;
  fill: #15181f;
}
.nk-phone .nk-fancy.is-small { font-size: 11px; fill: #475569; font-weight: 600; }
html[data-theme="dark"] .article .post-content .nk-hero .fs-note { color: #93c5fd; }

.nk-app { margin-bottom: 28px; }

.nk-type {
  position: sticky;
  top: calc(var(--dica-header-h, 72px) + 8px);
  z-index: 20;
  margin: 0 0 12px;
  padding: 14px 22px 16px;
  border-radius: 20px;
  background: var(--fs-card, #fff);
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.09);
}
.nk-type-label {
  display: block;
  margin: 0 0 8px;
  font-size: 0.86rem;
  font-weight: 700;
  color: var(--fs-ink, #0f172a);
}
.nk-input.fs-search {
  height: auto;
  min-height: 56px;
}
.article .post-content .nk-input .nk-text,
.nk-input .nk-text {
  flex: 1;
  min-width: 0;
  height: 44px;
  margin: 0;
  padding: 0;
  border: 0 !important;
  border-radius: 0;
  background: transparent !important;
  box-shadow: none !important;
  outline: none;
  font: inherit;
  font-size: 1.15rem;
  color: var(--fs-ink, #0f172a);
}
.nk-input .nk-text::placeholder { color: var(--fs-muted, #64748b); }

.nk-panel .fs-count { margin-right: auto; }
.nk-regen {
  appearance: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 48px;
  padding: 0 18px;
  border: 1px solid var(--fs-line, #e2e8f0);
  border-radius: 14px;
  background: var(--fs-card, #fff);
  color: var(--fs-ink, #0f172a);
  font: inherit;
  font-size: 0.92rem;
  font-weight: 700;
  cursor: pointer;
}
.nk-regen svg { width: 18px; height: 18px; fill: currentColor; }
.nk-regen:hover { background: var(--fs-soft, #f1f5f9); }
.nk-regen:focus-visible,
.nk-input .nk-text:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
}

.nk-app .fs-pill.is-classic { background: #e6f0ff; color: #1d4ed8; }
.nk-app .fs-pill.is-fancy { background: #f1ebff; color: #6d28d9; }
.nk-app .fs-pill.is-gamer { background: #e6f9ee; color: #15803d; }
.nk-app .fs-pill.is-dark { background: #e8eef5; color: #334155; }
.nk-app .fs-pill.is-kawaii { background: #ffe8f1; color: #be185d; }
.nk-app .fs-pill.is-extra { background: #fff4d6; color: #92400e; }
html[data-theme="dark"] .nk-app .fs-pill.is-classic { background: rgba(59, 130, 246, 0.18); color: #93c5fd; }
html[data-theme="dark"] .nk-app .fs-pill.is-fancy { background: rgba(139, 92, 246, 0.2); color: #c4b5fd; }
html[data-theme="dark"] .nk-app .fs-pill.is-gamer { background: rgba(34, 197, 94, 0.16); color: #86efac; }
html[data-theme="dark"] .nk-app .fs-pill.is-dark { background: rgba(148, 163, 184, 0.18); color: #cbd5e1; }
html[data-theme="dark"] .nk-app .fs-pill.is-kawaii { background: rgba(236, 72, 153, 0.18); color: #f9a8d4; }
html[data-theme="dark"] .nk-app .fs-pill.is-extra { background: rgba(245, 158, 11, 0.18); color: #fcd34d; }

.nk-app .fs-chip.is-minimal .fs-chip-ico { color: #2563eb; }
.nk-app .fs-chip.is-decorated .fs-chip-ico { color: #d97706; }
.nk-app .fs-chip.is-gamer .fs-chip-ico { color: #16a34a; }
.nk-app .fs-chip.is-dark .fs-chip-ico { color: #475569; }
.nk-app .fs-chip.is-kawaii .fs-chip-ico { color: #e11d48; }

.nk-list { margin-top: 0; }
.article .post-content .nk-list .ut-nick-empty {
  margin: 0;
  padding: 28px 16px;
  border-radius: 16px;
  background: var(--fs-card, #fff);
  color: var(--fs-muted, #64748b);
  text-align: center;
}

.nk-recents { margin-top: 18px; }
.article .post-content .nk-recents h3 {
  margin: 0 0 10px;
  font-size: 0.95rem;
  font-weight: 800;
  color: var(--fs-ink, #0f172a);
}
.nk-recents-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.nk-recents .ut-recent-chip,
.nk-recents .ut-note {
  margin: 0;
}
.nk-recents .ut-recent-chip {
  appearance: none;
  max-width: 100%;
  padding: 8px 12px;
  border: 1px solid var(--fs-line, #e2e8f0);
  border-radius: 999px;
  background: var(--fs-card, #fff);
  color: var(--fs-ink, #0f172a);
  font: inherit;
  font-size: 0.92rem;
  cursor: pointer;
}
.nk-recents .ut-recent-chip:hover { border-color: #93c5fd; }
.nk-recents .ut-note { color: var(--fs-muted, #64748b); font-size: 0.9rem; }

@media (max-width: 640px) {
  .nk-type {
    top: calc(var(--dica-header-h, 108px) + 6px);
    padding: 10px 12px 12px;
    border-radius: 16px;
  }
  .nk-type-label { display: none; }
  .nk-input.fs-search { min-height: 48px; }
  .article .post-content .nk-input .nk-text,
  .nk-input .nk-text { font-size: 1.05rem; }
  .nk-regen { height: 44px; padding: 0 14px; }
}

html[data-theme="dark"] .nk-type,
html[data-theme="dark"] .nk-regen,
html[data-theme="dark"] .nk-recents .ut-recent-chip,
html[data-theme="dark"] .nk-list .ut-nick-empty {
  background: var(--fs-card);
  color: var(--fs-ink);
  border-color: var(--fs-line);
}
html[data-theme="dark"] .nk-input .nk-text { color: var(--fs-ink); }