/* ===== CheckThenSend Settings Premium ===== */

.settings-premium-page{
  max-width:1180px!important;
  margin:0 auto!important;
  padding:28px 28px 48px!important;
}

.settings-premium-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:20px;
}

.settings-premium-head .eyebrow{
  margin-bottom:7px;
}

.settings-premium-head h1{
  margin:0 0 7px!important;
  color:#101828!important;
  font-size:30px!important;
  line-height:1.1!important;
  letter-spacing:-.035em!important;
}

.settings-premium-head p{
  margin:0!important;
  color:#667085!important;
  font-size:12px!important;
  line-height:1.6!important;
}

.settings-launcher{
  margin-bottom:16px;
  padding:20px;
  border:1px solid #e4e7ec;
  border-radius:15px;
  background:#fff;
  box-shadow:0 6px 22px rgba(16,24,40,.035);
}

.settings-launcher-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  margin-bottom:16px;
}

.settings-launcher-head h2{
  margin:0 0 5px!important;
  color:#101828!important;
  font-size:16px!important;
  letter-spacing:-.015em!important;
}

.settings-launcher-head p{
  margin:0!important;
  color:#667085!important;
  font-size:11px!important;
}

.settings-nav-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}

.settings-nav-card{
  position:relative;
  min-height:112px;
  padding:16px 40px 16px 16px;
  border:1px solid #e4e7ec;
  border-radius:11px;
  background:#fff;
  color:#101828;
  text-decoration:none;
  transition:
    transform .15s ease,
    border-color .15s ease,
    box-shadow .15s ease,
    background .15s ease;
}

.settings-nav-card:hover{
  transform:translateY(-1px);
  border-color:#cbc7ff;
  background:#fbfaff;
  box-shadow:0 7px 18px rgba(81,69,205,.06);
}

.settings-nav-icon{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  margin-bottom:12px;
  border-radius:8px;
  background:#f2f0ff;
  color:#625bf6;
  font-size:15px;
  font-weight:800;
}

.settings-nav-card strong{
  display:block;
  margin-bottom:5px;
  font-size:12px;
  color:#101828;
}

.settings-nav-card span{
  display:block;
  color:#667085;
  font-size:10px;
  line-height:1.5;
}

.settings-nav-arrow{
  position:absolute;
  top:17px;
  right:16px;
  color:#98a2b3!important;
  font-size:18px!important;
}

.settings-content-grid{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);
  gap:16px;
  align-items:start;
}

.settings-card{
  border:1px solid #e4e7ec;
  border-radius:15px;
  background:#fff;
  box-shadow:0 6px 22px rgba(16,24,40,.035);
  overflow:hidden;
}

.settings-card + .settings-card{
  margin-top:16px;
}

.settings-card-head{
  padding:19px 20px 15px;
  border-bottom:1px solid #edf0f5;
}

.settings-card-head h2{
  margin:0 0 5px!important;
  color:#101828!important;
  font-size:15px!important;
  letter-spacing:-.01em!important;
}

.settings-card-head p{
  margin:0!important;
  color:#667085!important;
  font-size:10px!important;
  line-height:1.5!important;
}

.settings-card-body{
  padding:0 20px;
}

.settings-premium-row{
  display:grid;
  grid-template-columns:minmax(190px,260px) minmax(0,1fr);
  gap:24px;
  align-items:center;
  min-height:80px;
  padding:15px 0;
  border-bottom:1px solid #edf0f5;
}

.settings-premium-row:last-child{
  border-bottom:0;
}

.settings-premium-row label{
  display:block;
  margin-bottom:4px;
  color:#344054!important;
  font-size:10px!important;
  font-weight:750!important;
}

.settings-premium-row p{
  margin:0!important;
  color:#667085!important;
  font-size:9px!important;
  line-height:1.5!important;
}

.settings-premium-row input:not([type="checkbox"]),
.settings-premium-row select{
  width:100%!important;
  height:39px!important;
  padding:0 11px!important;
  border:1px solid #d0d5dd!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#101828!important;
  font-size:11px!important;
  box-shadow:none!important;
}

.settings-premium-row input:focus,
.settings-premium-row select:focus{
  outline:none!important;
  border-color:#a9a3ff!important;
  box-shadow:0 0 0 3px rgba(98,91,246,.09)!important;
}

.settings-premium-row input:disabled{
  background:#f8f9fc!important;
  color:#667085!important;
}

.settings-toggle-row{
  grid-template-columns:minmax(0,1fr) auto;
}

.settings-toggle-row input[type="checkbox"]{
  width:17px!important;
  height:17px!important;
  accent-color:#625bf6;
}

.settings-save-bar{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  padding:15px 20px;
  border-top:1px solid #edf0f5;
  background:#fcfcfd;
}

.settings-save-bar .btn-primary{
  min-width:120px!important;
  min-height:36px!important;
  padding:0 14px!important;
  border-radius:8px!important;
  background:#625bf6!important;
  border-color:#625bf6!important;
  box-shadow:none!important;
  font-size:10px!important;
  font-weight:800!important;
}

.settings-side-note{
  padding:18px 19px;
}

.settings-side-note h3{
  margin:0 0 8px;
  font-size:13px;
  color:#101828;
}

.settings-side-note p{
  margin:0;
  color:#667085;
  font-size:10px;
  line-height:1.6;
}

.settings-side-note + .settings-side-note{
  border-top:1px solid #edf0f5;
}

.settings-mini-link{
  display:inline-flex;
  align-items:center;
  gap:5px;
  margin-top:10px;
  color:#5145cd;
  font-size:10px;
  font-weight:750;
  text-decoration:none;
}

@media(max-width:980px){
  .settings-nav-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .settings-content-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:700px){
  .settings-premium-page{
    padding:20px 14px 36px!important;
  }

  .settings-premium-head{
    align-items:flex-start;
  }

  .settings-nav-grid{
    grid-template-columns:1fr;
  }

  .settings-premium-row{
    grid-template-columns:1fr;
    gap:9px;
    align-items:start;
  }

  .settings-toggle-row{
    grid-template-columns:minmax(0,1fr) auto;
  }
}

/* ===== End CheckThenSend Settings Premium ===== */