/* Harbour North 4.0F — Settings
   Presentation only. Save/import/export/cloud/reset behaviour is untouched. */

#settingsView{
  max-width:1180px;
  margin:0 auto;
}

#settingsView .explore-head{
  margin:28px 0 0;
  align-items:flex-start;
  gap:28px;
}
#settingsView .explore-head .eyebrow{
  color:#138a65;
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
#settingsView .explore-head h2{
  margin:7px 0 8px;
  color:#0f3558;
  font-family:Georgia,"Times New Roman",serif;
  font-size:42px;
  line-height:1.08;
  letter-spacing:-.025em;
}
#settingsView .explore-head .quiet{
  max-width:760px;
  color:#526b78;
  font-size:15px;
  line-height:1.6;
}
#settingsView .explore-head > .btn{
  margin-top:2px;
  border:0;
  background:transparent;
  box-shadow:none;
  color:#526b78;
  padding:10px 4px;
}
#settingsView .explore-head > .btn:hover{
  color:#0f3558;
  background:transparent;
}

#settingsView .settings-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  margin-top:22px!important;
}

#settingsView .settings-grid > .card{
  min-height:220px;
  margin:0!important;
  padding:24px;
  border:1px solid rgba(15,53,88,.11);
  border-radius:20px;
  background:#fffefa;
  box-shadow:0 7px 24px rgba(15,53,88,.035);
}

#settingsView .settings-grid > .card h3{
  margin:0 0 8px;
  color:#0f3558;
  font-family:Georgia,"Times New Roman",serif;
  font-size:24px;
  line-height:1.15;
  font-weight:600;
  letter-spacing:-.015em;
}

#settingsView .settings-grid > .card p{
  max-width:520px;
  margin:0 0 20px!important;
  color:#667a84;
  font-size:13px;
  line-height:1.55;
}

#settingsView .settings-grid > .card .btn{
  min-height:44px;
  box-shadow:none;
}

#settingsView .hn4f-settings-account{
  border-color:rgba(19,138,101,.23)!important;
  background:linear-gradient(135deg,#fffefa,#f3f8f5)!important;
}
#settingsView .hn4f-settings-save{
  background:#fbfbf8!important;
}

#settingsView #importInput{
  width:100%;
  padding:12px;
  border:1px dashed rgba(15,53,88,.20);
  border-radius:12px;
  background:#fbfbf8;
  color:#526b78;
  font-size:12px;
}
#settingsView #importStatus{
  margin-top:10px!important;
  font-size:11px!important;
}

#settingsView .auth-card-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

#settingsView .hn4f-settings-danger{
  grid-column:1/-1;
  min-height:auto!important;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:24px;
  align-items:center;
  border-color:rgba(201,75,63,.20)!important;
  background:#fffaf8!important;
}
#settingsView .hn4f-settings-danger h3{
  color:#a8463d!important;
}
#settingsView .hn4f-settings-danger p{
  margin-bottom:0!important;
}
#settingsView .hn4f-settings-danger .btn{
  color:#b1493f;
  border-color:rgba(201,75,63,.22);
  white-space:nowrap;
}

#settingsView .developer-card{
  grid-column:1/-1;
  min-height:auto!important;
  padding:16px 20px!important;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:20px;
  align-items:center;
  background:transparent!important;
  border-style:dashed!important;
  box-shadow:none!important;
}
#settingsView .developer-card h3{
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:14px;
  font-weight:850;
}
#settingsView .developer-card p{
  margin-bottom:0!important;
  font-size:11px!important;
}
#settingsView .developer-card .btn{
  min-height:38px;
  font-size:12px;
}

.hn4f-settings-kicker{
  display:block;
  margin-bottom:8px;
  color:#138a65;
  font-size:10px;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
}

@media(max-width:800px){
  #settingsView .settings-grid{
    grid-template-columns:1fr;
  }
  #settingsView .hn4f-settings-danger,
  #settingsView .developer-card{
    grid-column:1;
  }
}
@media(max-width:650px){
  #settingsView .explore-head{
    flex-direction:column-reverse;
    gap:8px;
  }
  #settingsView .explore-head h2{
    font-size:34px;
  }
  #settingsView .hn4f-settings-danger,
  #settingsView .developer-card{
    grid-template-columns:1fr;
  }
}