.lvbd-spm-shell{
  background:#fff;
  border:1px solid #e7ebf3;
  border-radius:24px;
  padding:22px;
  box-shadow:0 6px 18px rgba(24,39,75,.05);
  color:#243b6b;
}

.lvbd-spm-header{margin-bottom:18px;}
.lvbd-spm-heading{
  margin:0 0 6px;
  font-size:24px;
  line-height:1.2;
  font-weight:800;
  color:#243b6b;
}
.lvbd-spm-subheading{
  margin:0;
  color:#7482a4;
  font-size:14px;
  line-height:1.55;
}
.lvbd-spm-list{display:grid;gap:16px;}
.lvbd-spm-empty{
  padding:16px 18px;
  border-radius:16px;
  background:#f7f9fd;
  color:#61739b;
}
.lvbd-spm-card{
  border:1px solid #e7ebf3;
  border-radius:18px;
  background:#fbfcff;
  overflow:hidden;
}
.lvbd-spm-card-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  padding:18px;
}
.lvbd-spm-card-name{
  font-size:18px;
  font-weight:700;
  color:#243b6b;
}
.lvbd-spm-card-meta{
  margin-top:4px;
  font-size:13px;
  color:#7b87a7;
}
.lvbd-spm-toggle,
.lvbd-spm-save,
.lvbd-spm-unlink{
  border:0;
  border-radius:14px;
  padding:12px 16px;
  font:inherit;
  font-weight:700;
  cursor:pointer;
  transition:.2s ease;
}
.lvbd-spm-toggle{
  background:#eef4ff;
  color:#2f5ea8;
}
.lvbd-spm-toggle:hover{background:#e4edff;}
.lvbd-spm-panel{
  border-top:1px solid #e7ebf3;
  padding:18px;
  background:#fff;
}
.lvbd-spm-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.lvbd-spm-field{display:flex;flex-direction:column;gap:6px;}
.lvbd-spm-field span{
  font-size:13px;
  font-weight:700;
  color:#5d6d92;
}
.lvbd-spm-field input,
.lvbd-spm-field select{
  min-height:46px;
  border:1px solid #d8e0ee;
  border-radius:12px;
  padding:0 14px;
  font:inherit;
  color:#243b6b;
  background:#fff;
  box-sizing:border-box;
}
.lvbd-spm-field input[disabled]{
  background:#f3f6fc;
  color:#7b87a7;
}
.lvbd-spm-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:12px;
  margin-top:16px;
}
.lvbd-spm-save{
  background:#7fc34a;
  color:#fff;
}
.lvbd-spm-save:hover{background:#72b53f;}
.lvbd-spm-unlink{
  background:#fff1f3;
  color:#c6284f;
  border:1px solid #f5c4cf;
}
.lvbd-spm-unlink:hover{background:#ffe7ec;}
.lvbd-spm-message{
  margin-top:10px;
  font-size:14px;
  line-height:1.45;
  color:#367a55;
}
.lvbd-spm-message.is-error{color:#b42318;}

@media (max-width:767px){
  .lvbd-spm-grid{grid-template-columns:1fr;}
  .lvbd-spm-card-top{flex-direction:column;align-items:flex-start;}
  .lvbd-spm-actions{justify-content:flex-start;}
}