.bp-notification-settings{
  display:grid;
  gap:18px;
  margin:22px 0 8px;
  padding:20px;
  border:1px solid #dfe9e2;
  border-radius:18px;
  background:linear-gradient(180deg,#fbfdfb 0%,#f7faf8 100%);
  box-shadow:0 12px 28px rgba(47,79,59,.07);
}

.bp-notification-settings-head,
.bp-notification-section-head,
.bp-notification-footer,
.bp-notification-account,
.bp-notification-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}

.bp-notification-settings h3,
.bp-notification-settings h4,
.bp-notification-settings p{
  margin:0;
}

.bp-notification-settings h3{font-size:20px;color:#234634}
.bp-notification-settings h4{font-size:15px;color:#284a38}
.bp-notification-settings p{margin-top:4px;color:#74867c;font-size:12px;line-height:1.45}

.bp-notification-account{
  padding:13px 14px;
  border:1px solid #e2ebe5;
  border-radius:14px;
  background:#fff;
}

.bp-notification-account>div{
  display:grid;
  gap:2px;
}

.bp-notification-account strong{color:#274a38;font-size:13px}
.bp-notification-account small{color:#87968e;font-size:11px}

.bp-notification-master,
.bp-notification-enabled,
.bp-notification-urgent-bypass{
  display:flex;
  align-items:center;
  gap:9px;
  color:#355a47;
  font-size:12px;
  font-weight:750;
}

.bp-notification-master input,
.bp-notification-enabled input,
.bp-notification-urgent-bypass input,
.bp-notification-type input{
  accent-color:#5f9274;
}

.bp-notification-actions{
  justify-content:flex-start;
  flex-wrap:wrap;
}

.bp-notification-actions small{
  flex:1 1 260px;
  color:#7f9087;
  font-size:11px;
}

.bp-notification-actions button,
.bp-notification-section-head button,
.bp-notification-footer button,
.bp-notification-remove{
  min-height:36px;
  border:1px solid #d6e3da;
  border-radius:10px;
  background:#fff;
  color:#345b47;
  font:inherit;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
}

.bp-notification-actions button,
.bp-notification-section-head button,
.bp-notification-footer button{
  padding:0 13px;
}

.bp-notification-actions button.primary,
.bp-notification-footer button.primary{
  border-color:#5f9274;
  background:#5f9274;
  color:#fff;
}

.bp-notification-actions button:disabled{
  cursor:not-allowed;
  opacity:.48;
}

.bp-notification-section{
  display:grid;
  gap:12px;
  padding-top:16px;
  border-top:1px solid #e4ece7;
}

.bp-notification-types{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
}

.bp-notification-type{
  display:flex;
  align-items:flex-start;
  gap:10px;
  min-width:0;
  padding:11px 12px;
  border:1px solid #e1eae4;
  border-radius:12px;
  background:#fff;
}

.bp-notification-type>span{
  display:grid;
  min-width:0;
  gap:2px;
}

.bp-notification-type strong{color:#355845;font-size:12px}
.bp-notification-type small{color:#91a097;font-size:10px}

.bp-notification-quiet-list{
  display:grid;
  gap:9px;
}

.bp-notification-quiet-row{
  display:grid;
  grid-template-columns:auto minmax(110px,1fr) 130px minmax(150px,1fr) minmax(150px,1fr) 34px;
  align-items:end;
  gap:9px;
  padding:11px;
  border:1px solid #e0e9e3;
  border-radius:12px;
  background:#fff;
}

.bp-notification-quiet-row label:not(.bp-notification-enabled){
  display:grid;
  gap:5px;
}

.bp-notification-quiet-row label>span{
  color:#71857a;
  font-size:9px;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.04em;
}

.bp-notification-quiet-row input[type="text"],
.bp-notification-quiet-row input[type="time"],
.bp-notification-quiet-row select{
  min-width:0;
  height:36px;
  padding:0 9px;
  border:1px solid #dbe6de;
  border-radius:9px;
  background:#fbfdfb;
  color:#355646;
  font:inherit;
  font-size:11px;
}

.bp-quiet-day-time{
  display:grid;
  grid-template-columns:62px minmax(78px,1fr);
  gap:6px;
}

.bp-notification-quiet-row.is-daily .bp-quiet-weekly{display:none}
.bp-notification-quiet-row.is-weekly .bp-quiet-daily{display:none}

.bp-notification-remove{
  width:34px;
  min-height:36px;
  padding:0;
  color:#8f5b54;
  font-size:19px;
}

.bp-notification-urgent-bypass{
  align-items:flex-start;
  padding:11px 12px;
  border:1px solid #eadfcd;
  border-radius:12px;
  background:#fffaf3;
}

.bp-notification-urgent-bypass>span{
  display:grid;
  gap:2px;
}

.bp-notification-urgent-bypass strong{font-size:12px;color:#70523d}
.bp-notification-urgent-bypass small{font-size:10px;color:#9a816e;font-weight:600}

.bp-notification-footer{
  justify-content:flex-start;
}

@media(max-width:1000px){
  .bp-notification-types{grid-template-columns:1fr}
  .bp-notification-quiet-row{
    grid-template-columns:1fr 1fr;
    align-items:stretch;
  }
  .bp-notification-enabled{align-self:center}
  .bp-notification-remove{justify-self:end}
}

@media(max-width:680px){
  .bp-notification-settings-head,
  .bp-notification-section-head,
  .bp-notification-account{
    align-items:flex-start;
    flex-direction:column;
  }
  .bp-notification-quiet-row{grid-template-columns:1fr}
  .bp-notification-remove{justify-self:start}
}