/* Stick Kombact v0.81.13 - tutorial visivo contestuale completo (Step 1-8) */
#sk-tutorial-root {
  position: fixed;
  inset: 0;
  z-index: 14000;
  pointer-events: none;
  font-family: inherit;
}
#sk-tutorial-root[hidden] { display: none !important; }

.sk-tutorial-blocker {
  position: fixed;
  background: transparent;
  pointer-events: auto;
}

.sk-tutorial-dimmer {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.65);
  pointer-events: none;
}
.sk-tutorial-spotlight {
  position: fixed;
  border: 2px solid rgba(54,224,255,.98);
  border-radius: 14px;
  box-shadow: 0 0 0 9999px rgba(0,0,0,.65), 0 0 18px rgba(54,224,255,.78), inset 0 0 12px rgba(54,224,255,.18);
  pointer-events: none;
  transition: left .18s ease, top .18s ease, width .18s ease, height .18s ease;
}
.sk-tutorial-tooltip,
.sk-tutorial-intro,
.sk-tutorial-confirm {
  position: fixed;
  width: min(340px, calc(100vw - 28px));
  padding: 14px 15px 13px;
  border: 1px solid rgba(54,224,255,.55);
  border-radius: 14px;
  background: linear-gradient(145deg, rgba(20,30,48,.98), rgba(8,13,24,.98));
  color: #f5fbff;
  box-shadow: 0 16px 42px rgba(0,0,0,.58), 0 0 18px rgba(0,210,255,.14);
  pointer-events: auto;
}
.sk-tutorial-intro,
.sk-tutorial-confirm {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.sk-tutorial-title {
  margin: 0 0 6px;
  color: #58e6ff;
  font-size: clamp(15px, 2.2vw, 20px);
  line-height: 1.08;
  font-weight: 1000;
  letter-spacing: .45px;
  text-transform: uppercase;
}
.sk-tutorial-copy {
  margin: 0;
  color: #d7e3ef;
  font-size: clamp(12px, 1.45vw, 15px);
  line-height: 1.35;
  font-weight: 650;
}
.sk-tutorial-actions {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 13px;
}
.sk-tutorial-action {
  min-height: 38px;
  padding: 8px 15px;
  border: 1px solid rgba(88,230,255,.62);
  border-radius: 10px;
  background: linear-gradient(180deg,#1eaed2,#087794);
  color: #fff;
  font: inherit;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .35px;
  cursor: pointer;
}
.sk-tutorial-action.secondary {
  border-color: rgba(255,255,255,.2);
  background: rgba(255,255,255,.06);
  color: #c7d2df;
}
.sk-tutorial-skip {
  position: fixed;
  top: max(10px, calc(env(safe-area-inset-top) + 7px));
  right: max(12px, calc(env(safe-area-inset-right) + 9px));
  padding: 5px 7px;
  border: 0;
  background: transparent;
  color: rgba(225,235,244,.82);
  font: inherit;
  font-size: 11px;
  font-weight: 750;
  text-decoration: underline;
  text-underline-offset: 2px;
  cursor: pointer;
  pointer-events: auto;
  box-shadow: none;
  text-shadow: none;
}
.sk-tutorial-skip:hover,
.sk-tutorial-skip:focus-visible { color: #fff; outline: 1px solid rgba(255,255,255,.35); border-radius: 6px; }
.sk-tutorial-toast {
  position: fixed;
  z-index: 14010;
  left: 50%;
  bottom: max(18px, calc(env(safe-area-inset-bottom) + 12px));
  transform: translateX(-50%);
  width: min(390px, calc(100vw - 24px));
  padding: 10px 14px;
  border: 1px solid rgba(83,224,255,.42);
  border-radius: 12px;
  background: rgba(8,20,31,.96);
  color: #eefaff;
  box-shadow: 0 10px 28px rgba(0,0,0,.45), 0 0 12px rgba(0,210,255,.13);
  text-align: center;
  pointer-events: none;
}
.sk-tutorial-toast strong { display:block; color:#58e6ff; font-size:13px; margin-bottom:2px; }
.sk-tutorial-toast span { font-size:11px; color:#cfdae5; }
.account-tutorial-replay {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 9px;
}
.account-tutorial-replay button {
  min-height: 38px;
  padding: 8px 12px;
  border: 1px solid rgba(74,220,255,.36);
  border-radius: 10px;
  background: rgba(16,54,77,.45);
  color: #eafaff;
  font: inherit;
  font-size: 11px;
  font-weight: 850;
  cursor: pointer;
}
.account-tutorial-replay button:hover,
.account-tutorial-replay button:focus-visible { border-color:#4bdcff; background:rgba(20,82,112,.58); outline:none; }

@media (orientation: landscape) and (max-height: 500px) {
  .sk-tutorial-tooltip,
  .sk-tutorial-intro,
  .sk-tutorial-confirm { width:min(315px,calc(100vw - 24px)); padding:10px 12px; }
  .sk-tutorial-title { font-size:14px; margin-bottom:4px; }
  .sk-tutorial-copy { font-size:11px; line-height:1.25; }
  .sk-tutorial-actions { margin-top:9px; }
  .sk-tutorial-action { min-height:34px; padding:6px 12px; font-size:10px; }
  .sk-tutorial-skip { font-size:10px; }
}

@media (prefers-reduced-motion: reduce) {
  .sk-tutorial-spotlight { transition: none !important; }
  .sk-tutorial-tooltip,
  .sk-tutorial-intro,
  .sk-tutorial-confirm,
  .sk-tutorial-toast { animation: none !important; transition: none !important; }
}

/* v0.80.12 - Tutorial guidato registrazione */
.sk-registration-guide-progress {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  margin:0 0 9px;
  color:#7f91a5;
  font-size:10px;
  font-weight:900;
  letter-spacing:.55px;
}
.sk-registration-guide-progress b { color:#5d7188; font-size:10px; }
.sk-registration-guide-progress[data-phase="account"] [data-phase="account"],
.sk-registration-guide-progress[data-phase="verify"] [data-phase="verify"],
.sk-registration-guide-progress[data-phase="done"] [data-phase="done"] {
  color:#58e6ff;
  text-shadow:0 0 10px rgba(88,230,255,.22);
}
.sk-tutorial-summary {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:6px;
  margin-top:10px;
}
.sk-tutorial-summary span {
  padding:5px 8px;
  border:1px solid rgba(88,230,255,.2);
  border-radius:999px;
  background:rgba(88,230,255,.07);
  color:#dcecf5;
  font-size:10px;
  font-weight:800;
  white-space:nowrap;
}
.registration-show-guide {
  display:inline-flex;
  align-items:center;
  margin:2px 0 8px auto;
  padding:3px 4px !important;
  border:0 !important;
  background:transparent !important;
  color:#a8c5d4 !important;
  font-size:10px !important;
  font-weight:750 !important;
  text-decoration:underline;
  text-underline-offset:2px;
  box-shadow:none !important;
}
.registration-show-guide[hidden] { display:none !important; }
.registration-show-guide:hover,
.registration-show-guide:focus-visible { color:#fff !important; outline:1px solid rgba(255,255,255,.24); border-radius:5px; }

@media (orientation: landscape) and (max-height: 500px) {
  .sk-registration-guide-progress { margin-bottom:6px; font-size:9px; }
  .sk-tutorial-summary { margin-top:7px; gap:4px; }
  .sk-tutorial-summary span { padding:3px 6px; font-size:9px; }
}