/* Presentation only: preview, saved and default remain separate states. */
html:root:root #citation-styles-workbench{
  --style-accent:#b9adf5;--style-selection:rgba(185,173,245,.11);
  --style-hover:rgba(185,173,245,.05);
  --style-enabled:#9cd8b9;--style-enabled-bg:rgba(156,216,185,.1);
  --style-default:#e4c58f;--style-default-bg:rgba(228,197,143,.12);
}
html:root:root #citation-styles-workbench :is(.style-row,.csg-style-row):hover{
  background:var(--style-hover);
}
html:root:root #citation-styles-workbench :is(.style-saved-card,.csg-my-card):hover{
  border-color:var(--style-accent);
}
html:root:root #citation-styles-workbench :is(.style-row.selected,.csg-style-row.selected,.style-saved-card.selected,.csg-my-card.selected){
  background:var(--style-selection)!important;border-color:var(--style-accent)!important;
}
html:root:root #citation-styles-workbench :is(.style-row.selected,.csg-style-row.selected)>td:first-child{
  box-shadow:inset 3px 0 0 var(--style-accent);
}
html:root:root #citation-styles-workbench :is(.style-saved-card.selected,.csg-my-card.selected){
  box-shadow:inset 3px 0 0 var(--style-accent)!important;
}
html:root:root #citation-styles-workbench :is(.style-row.selected .style-row-title,.csg-style-row.selected .csg-style-name,.style-saved-card.selected .style-saved-select,.csg-my-card.selected .csg-my-card-title){
  color:#e2dcff;
}
html:root:root #citation-styles-workbench :is(.tab.active,.csg-mode-tab.active,.page-btn.active,.csg-page-btn.active){
  background:var(--style-selection)!important;color:var(--style-accent)!important;border-color:var(--style-accent)!important;
}
html:root:root #citation-styles-workbench .tab.active::after{background:var(--style-accent)}
html:root:root #citation-styles-workbench .csg-mode-tab.active{box-shadow:inset 0 0 0 1px var(--style-accent)}
html:root:root #citation-styles-workbench :is(.style-row-action[aria-pressed="true"],.csg-save-btn.saved){
  color:var(--style-enabled);background:var(--style-enabled-bg);border-color:rgba(156,216,185,.35);
}
html:root:root #citation-styles-workbench :is(.style-tag-default,.csg-tag-accent,.csg-default-label){
  color:var(--style-default)!important;background:var(--style-default-bg);border-radius:5px;
}
html:root:root #citation-styles-workbench .csg-default-label{padding:2px 5px}
html:root:root #citation-styles-workbench :is(#preview-default-btn,#csg-preview-default-btn){
  background:var(--style-accent)!important;border-color:var(--style-accent)!important;color:#171321!important;
}
html:root:root #citation-styles-workbench :is(#preview-default-btn,#csg-preview-default-btn):hover:not(:disabled){
  background:#cbbfff!important;border-color:#cbbfff!important;
}