/* ClaraWide v0.11.1.2 — First-login Welcome / Tour Prompt */
.cw-first-login-backdrop-v01112{
  position:fixed;
  inset:0;
  z-index:1200;
  background:rgba(6,9,24,.58);
  backdrop-filter:blur(2px);
}
.cw-first-login-dialog-v01112{
  position:fixed;
  z-index:1201;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:min(570px,calc(100vw - 28px));
  max-height:calc(100vh - 28px);
  overflow:auto;
  border:1px solid var(--line);
  border-radius:22px;
  background:var(--panel);
  color:var(--text);
  box-shadow:0 30px 100px rgba(0,0,0,.42);
}
.cw-first-login-dialog-v01112 header{
  display:flex;
  gap:14px;
  align-items:flex-start;
  padding:22px 22px 14px;
}
.cw-first-login-heart-v01112{
  width:54px;
  height:54px;
  object-fit:contain;
  flex:0 0 auto;
}
.cw-first-login-dialog-v01112 h2{
  font-family:var(--serif);
  font-size:clamp(30px,5vw,42px);
  line-height:1.02;
  margin:4px 0 7px;
}
.cw-first-login-dialog-v01112 header p{
  margin:0;
  color:var(--muted);
  line-height:1.55;
}
.cw-first-login-body-v01112{
  padding:0 22px 22px;
}
.cw-first-login-points-v01112{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin:10px 0 14px;
}
.cw-first-login-points-v01112 article{
  padding:11px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--paper);
}
.cw-first-login-points-v01112 strong,
.cw-first-login-points-v01112 span{
  display:block;
}
.cw-first-login-points-v01112 strong{
  font-size:10px;
}
.cw-first-login-points-v01112 span{
  margin-top:3px;
  color:var(--muted);
  font-size:9px;
  line-height:1.45;
}
.cw-first-login-check-v01112{
  display:flex;
  gap:9px;
  align-items:flex-start;
  padding:12px 13px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--paper);
  cursor:pointer;
}
.cw-first-login-check-v01112 input{
  margin-top:2px;
  width:17px;
  height:17px;
}
.cw-first-login-check-v01112 strong,
.cw-first-login-check-v01112 span{
  display:block;
}
.cw-first-login-check-v01112 span{
  margin-top:2px;
  color:var(--muted);
  font-size:9px;
  line-height:1.45;
}
.cw-first-login-actions-v01112{
  display:flex;
  gap:8px;
  align-items:center;
  flex-wrap:wrap;
  margin-top:14px;
}
.cw-first-login-actions-v01112 .cw-first-login-spacer-v01112{
  flex:1;
}
.cw-first-login-foot-v01112{
  margin:11px 0 0;
  color:var(--muted);
  font-size:9px;
  line-height:1.45;
}
.cw-first-login-reminder-v01112{
  padding:24px;
}
.cw-first-login-reminder-v01112 .cw-reminder-icon-v01112{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border:1px solid var(--line);
  border-radius:50%;
  background:var(--paper);
  font-weight:950;
  margin-bottom:12px;
}
.cw-first-login-reminder-v01112 h2{
  margin:0 0 8px;
}
.cw-first-login-reminder-v01112 p{
  color:var(--muted);
  line-height:1.55;
  margin:0;
}
.cw-first-login-reminder-v01112 .cw-first-login-actions-v01112{
  margin-top:17px;
}
body.cw-first-login-open-v01112{
  overflow:hidden;
}
@media(max-width:620px){
  .cw-first-login-dialog-v01112 header{padding:18px 16px 12px}
  .cw-first-login-body-v01112{padding:0 16px 18px}
  .cw-first-login-points-v01112{grid-template-columns:1fr}
  .cw-first-login-actions-v01112{align-items:stretch;flex-direction:column}
  .cw-first-login-actions-v01112 .button{width:100%;justify-content:center}
  .cw-first-login-actions-v01112 .cw-first-login-spacer-v01112{display:none}
}