.pref-shell{
  min-height:0;
  align-items:stretch!important;
}
.pref-list,
.pref-detail{
  max-height:calc(100dvh - 290px);
  min-height:420px;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin!important;
  scrollbar-gutter:stable;
}
.pref-list::-webkit-scrollbar,
.pref-detail::-webkit-scrollbar{width:10px!important;height:10px!important}
.pref-list::-webkit-scrollbar-track,
.pref-detail::-webkit-scrollbar-track{background:transparent}
.pref-list::-webkit-scrollbar-thumb,
.pref-detail::-webkit-scrollbar-thumb{
  background:rgba(73,65,81,.30)!important;
  border:3px solid transparent;
  background-clip:padding-box!important;
  border-radius:999px;
}
.pref-list::-webkit-scrollbar-thumb:hover,
.pref-detail::-webkit-scrollbar-thumb:hover{
  background:rgba(73,65,81,.46)!important;
  background-clip:padding-box!important;
}
.pref-record-status{
  display:inline-flex;
  align-items:center;
  gap:5px;
  font-weight:700;
}
.pref-record-status::before{
  content:"";
  width:6px;
  height:6px;
  border-radius:50%;
  background:currentColor;
  opacity:.72;
}
.pref-status.approved,.pref-record-status.approved{color:#3f6b57}
.pref-status.review,.pref-record-status.review{color:#745a28}
.pref-status.draft,.pref-record-status.draft{color:#735b75}
.pref-status.empty,.pref-record-status.empty{color:var(--muted)}
.pref-status.approved{background:rgba(214,236,223,.72);border-color:rgba(99,151,119,.34)}
.pref-status.review{background:rgba(244,234,212,.82);border-color:rgba(193,158,91,.34)}
.pref-status.draft{background:rgba(233,222,236,.70);border-color:rgba(142,105,151,.28)}
.pref-status.empty{background:rgba(255,255,255,.26);border-color:var(--border)}
.pref-published-head,
.pref-editor-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.pref-reference-copy{
  white-space:pre-wrap;
  line-height:1.58;
  font-size:12px;
}
.pref-unapproved{
  color:var(--muted);
  font-size:12px;
  line-height:1.5;
  padding:10px 11px;
  border:1px dashed rgba(112,86,122,.20);
  border-radius:11px;
  background:rgba(255,255,255,.18);
}
.pref-editor{
  margin-top:14px;
  padding:15px;
  border-radius:16px;
  border:1px solid rgba(84,73,92,.12);
  background:rgba(255,255,255,.24);
}
.pref-editor-grid{display:grid;gap:11px;margin-top:12px}
.pref-edit-field label{
  display:flex;
  justify-content:space-between;
  gap:10px;
  font-size:11px;
  font-weight:800;
  margin-bottom:6px;
}
.pref-edit-field label small{font-weight:500;color:var(--muted)}
.pref-edit-field textarea{
  width:100%;
  min-height:104px;
  resize:vertical;
  border:1px solid var(--border);
  border-radius:12px;
  padding:11px 12px;
  background:rgba(255,255,255,.54);
  color:var(--ink);
  font:inherit;
  font-size:12px;
  line-height:1.5;
  box-sizing:border-box;
}
.pref-edit-field textarea:focus{
  outline:2px solid rgba(94,136,156,.22);
  border-color:rgba(82,121,141,.54);
}
.pref-editor-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  align-items:center;
  margin-top:13px;
}
.pref-editor-message{margin-top:10px}
.pref-workflow-note{
  margin-top:10px;
  padding:10px 11px;
  border-radius:11px;
  border:1px solid rgba(84,73,92,.10);
  background:rgba(255,255,255,.24);
  font-size:11px;
  line-height:1.45;
  color:var(--muted);
}
.pref-approval-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin-top:8px;
}
.pref-approval-grid>div{
  padding:9px 10px;
  border-radius:11px;
  background:rgba(255,255,255,.30);
  border:1px solid rgba(84,73,92,.08);
  font-size:11px;
}
.pref-clinical-note{margin-top:12px}
.pref-toolbar{display:flex;gap:10px;align-items:center;margin-top:10px}
.pref-toolbar .searchbox{flex:1;margin:0}
.pref-toolbar #prefcatalogactions{flex:0 0 auto}
.pref-title-link{
  appearance:none;
  border:0;
  background:transparent;
  color:var(--ink);
  padding:0;
  margin:4px 0 6px;
  font:inherit;
  font-size:25px;
  font-weight:800;
  letter-spacing:-.025em;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  gap:7px;
  text-decoration:none!important;
}
.pref-title-link span{font-size:14px;opacity:.34;transform:translateY(-1px);transition:opacity .16s ease,transform .16s ease}
.pref-title-link:hover{color:var(--accent-dark);text-decoration:none!important}
.pref-title-link:hover span{opacity:.72;transform:translate(2px,-2px)}
.pref-soft-link{
  appearance:none;
  border:1px solid rgba(84,73,92,.10);
  background:rgba(255,255,255,.26);
  color:var(--ink);
  border-radius:11px;
  padding:8px 10px;
  cursor:pointer;
  font:inherit;
  font-size:11px;
  font-weight:750;
  text-align:left;
  text-decoration:none!important;
  display:inline-flex;
  gap:7px;
  align-items:center;
}
.pref-soft-link:hover{background:rgba(255,255,255,.48);border-color:rgba(82,121,141,.28);text-decoration:none!important}
.pref-soft-link span{color:var(--muted);font-weight:650}
.pref-soft-link small{color:var(--muted);font-weight:600}
.pref-link-cluster{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:10px}
.pref-link-cluster>.k{margin-right:2px}
.pref-protocol-card{grid-column:span 1}
.pref-protocol-card small{display:block;margin-top:5px;color:var(--muted);font-weight:500;line-height:1.35}
.pref-protocol-card .pref-soft-link{margin-top:8px;width:max-content;max-width:100%}
@media(max-width:900px){
  .pref-list,.pref-detail{max-height:none;min-height:0;overflow:visible}
  .pref-approval-grid{grid-template-columns:1fr}
  .pref-toolbar{align-items:stretch;flex-direction:column}
  .pref-toolbar #prefcatalogactions .btn{width:100%}
}