.app-shell .library-list > button {
  grid-template-columns:38px minmax(0,1fr) auto 34px auto;
}
.peptide-list-favourite-indicator {
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  padding:0;
  color:#7890a5;
  background:rgba(242,247,251,.88);
  border:1px solid #d5e1eb;
  border-radius:10px;
  font-size:18px;
  line-height:1;
  box-shadow:inset 0 1px rgba(255,255,255,.82);
}
.peptide-list-favourite-indicator.active {
  color:#b66f00;
  background:linear-gradient(145deg,#fff8dc,#ffedb1);
  border-color:#eac96f;
  box-shadow:0 4px 10px rgba(180,114,0,.14),inset 0 1px rgba(255,255,255,.9);
}
.app-shell.dark .peptide-list-favourite-indicator { color:#9bb0c0;background:#102536;border-color:#355269; }
.app-shell.dark .peptide-list-favourite-indicator.active { color:#ffd36f;background:#3c321b;border-color:#7f692f; }
@media(max-width:700px){
  .app-shell .library-list > button { grid-template-columns:34px minmax(0,1fr) 32px auto;gap:8px;min-height:54px;padding:8px; }
  .app-shell .library-list > button .product-mark { width:32px;height:32px; }
  .app-shell .library-list > button em { display:none; }
  .peptide-list-favourite-indicator { width:30px;height:30px;font-size:17px;border-radius:9px; }
}