/* Linkei — janelas de sistema (confirmar/alertar/notificar) e tour guiado.
   Visual sempre branco/premium, independente do tema da bio (mesmo espírito do .lk-sheet). */

.lk-ov {
  position: fixed; inset: 0; z-index: 400;
  background: rgba(20, 18, 40, .45);
  display: flex; align-items: center; justify-content: center;
  padding: 1rem;
  opacity: 0; transition: opacity .16s ease;
}
.lk-ov.show { opacity: 1; }

.lk-box {
  width: 100%; max-width: 360px;
  background: #fff; color: #1f2430;
  border-radius: 20px;
  box-shadow: 0 20px 60px rgba(20, 18, 40, .25);
  padding: 1.5rem 1.4rem 1.3rem;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  transform: scale(.94) translateY(6px);
  transition: transform .16s ease;
}
.lk-ov.show .lk-box { transform: scale(1) translateY(0); }
@media (prefers-reduced-motion: reduce) { .lk-ov, .lk-box { transition: none; } }

.lk-box-icon {
  width: 46px; height: 46px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  margin-bottom: .8rem;
  background: rgba(109, 92, 245, .12); color: var(--accent, #6d5cf5);
}
.lk-box-icon.danger { background: rgba(229, 72, 77, .12); color: #e5484d; }
.lk-box-icon svg { width: 22px; height: 22px; }

.lk-box-title { margin: 0 0 .35rem; font-size: 1.08rem; font-weight: 700; }
.lk-box-msg { margin: 0; font-size: .92rem; line-height: 1.5; color: #5d6070; white-space: pre-line; }

.lk-box-actions { display: flex; gap: .6rem; margin-top: 1.3rem; }
.lk-box-btn {
  flex: 1 1 0; border: none; border-radius: 12px; padding: .7rem .9rem;
  font-size: .92rem; font-weight: 600; cursor: pointer; font-family: inherit;
  transition: filter .12s ease, background .12s ease;
}
.lk-box-btn:hover { filter: brightness(.96); }
.lk-box-btn.ghost { background: #f1f1f6; color: #4a4d5c; }
.lk-box-btn.primary { background: var(--accent, #6d5cf5); color: #fff; }
.lk-box-btn.danger { background: #e5484d; color: #fff; }

/* ---- Popover de notificações (ancorado no sino) ------------------------ */
.lk-notif-pop {
  position: fixed; z-index: 400;
  width: 280px; max-width: calc(100vw - 2rem);
  background: #fff; color: #1f2430;
  border-radius: 16px; box-shadow: 0 16px 48px rgba(20, 18, 40, .22);
  padding: 1rem 1.1rem;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  opacity: 0; transform: translateY(-6px); pointer-events: none;
  transition: opacity .14s ease, transform .14s ease;
}
.lk-notif-pop.show { opacity: 1; transform: translateY(0); pointer-events: auto; }
.lk-notif-head { display: flex; align-items: center; gap: .5rem; font-weight: 700; font-size: .94rem; margin-bottom: .4rem; }
.lk-notif-head svg { width: 18px; height: 18px; color: var(--accent, #6d5cf5); }
.lk-notif-empty { font-size: .86rem; color: #8a8fa3; line-height: 1.5; margin: 0; }

/* ---- Tour guiado --------------------------------------------------------*/
.lk-tour-ov {
  position: fixed; inset: 0; z-index: 410;
  background: rgba(20, 18, 40, .5);
  display: flex; align-items: flex-end; justify-content: center;
  padding: 0; opacity: 0; transition: opacity .18s ease;
}
.lk-tour-ov.show { opacity: 1; }
@media (min-width: 640px) { .lk-tour-ov { align-items: center; padding: 1rem; } }

.lk-tour-card {
  width: 100%; max-width: 420px;
  background: #fff; color: #1f2430;
  border-radius: 22px 22px 0 0;
  box-shadow: 0 -10px 50px rgba(20, 18, 40, .22);
  padding: 1.5rem 1.5rem 1.3rem;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  transform: translateY(16px); transition: transform .18s ease;
  position: relative;
}
.lk-tour-ov.show .lk-tour-card { transform: translateY(0); }
@media (min-width: 640px) { .lk-tour-card { border-radius: 22px; transform: scale(.95); } .lk-tour-ov.show .lk-tour-card { transform: scale(1); } }
@media (prefers-reduced-motion: reduce) { .lk-tour-ov, .lk-tour-card { transition: none; } }

.lk-tour-close {
  position: absolute; top: .9rem; right: .9rem;
  width: 30px; height: 30px; border-radius: 50%; border: none;
  background: #f1f1f6; color: #6b6f80; font-size: 1.1rem; line-height: 1;
  cursor: pointer; display: flex; align-items: center; justify-content: center;
}
.lk-tour-close:hover { background: #e6e6ee; }

.lk-tour-step { font-size: .78rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--accent, #6d5cf5); margin: 0 0 .5rem; }
.lk-tour-title { margin: 0 0 .5rem; font-size: 1.15rem; font-weight: 700; padding-right: 1.6rem; }
.lk-tour-text { margin: 0; font-size: .93rem; line-height: 1.55; color: #5d6070; }

.lk-tour-dots { display: flex; gap: .35rem; margin-top: 1.2rem; }
.lk-tour-dots span { width: 6px; height: 6px; border-radius: 50%; background: #e6e6ee; transition: background .15s, width .15s; }
.lk-tour-dots span.on { background: var(--accent, #6d5cf5); width: 16px; border-radius: 3px; }

.lk-tour-actions { display: flex; align-items: center; justify-content: space-between; gap: .8rem; margin-top: 1.2rem; }
.lk-tour-skip { background: none; border: none; color: #8a8fa3; font-size: .88rem; font-weight: 600; cursor: pointer; padding: .5rem .2rem; font-family: inherit; }
.lk-tour-skip:hover { color: #5d6070; }
.lk-tour-next { background: var(--accent, #6d5cf5); color: #fff; border: none; border-radius: 12px; padding: .7rem 1.3rem; font-size: .92rem; font-weight: 600; cursor: pointer; font-family: inherit; transition: filter .12s ease; }
.lk-tour-next:hover { filter: brightness(.94); }