/* MD_FILE_VERSION: 1.0.044 | CHANGED: 2026-03-06 11-36-12 */
/* Copyright Information
 * =====================
 * Copyright (c) 2026, The Scripps Research Institute
 * Developed by Dr. Gennadii Grabovyi
 */

/* ===== Diversity Analysis pane ===== */
.md-diversity-pane{
  display:flex;
  flex-direction:column;
  min-height:0;
}

.md-diversity-cards{
  display:flex;
  flex-direction:column;
  gap:0;
  min-height:0;
}

#btnDiversityRun.md-diversity-run-btn{
  background:var(--md-green);
  border-color:transparent;
  color:#ffffff;
}

#btnDiversityRun.md-diversity-run-btn:hover{
  background:var(--md-green);
}

#btnDiversityRun.md-diversity-run-btn.md-diversity-run-disabled{
  background:color-mix(in srgb, var(--md-green) 68%, #9CA3AF 32%);
  border-color:transparent;
  color:#E5E7EB;
  cursor:pointer;
  opacity:1;
}

.md-diversity-card .side-pane-card-body{
  display:flex;
  flex-direction:column;
  gap:0;
  min-height:0;
}

.md-diversity-card .md-diversity-prop-frame{
  border:1px solid var(--line-dark);
  border-radius:10px;
  background:var(--panel);
  overflow:hidden;
  display:flex;
  flex-direction:column;
  min-height:0;
  box-sizing:border-box;
  padding:10px;
  gap:10px;
  --md-div-prop-scale:1;
  --md-div-prop-yaxis-col:40px;
}

.md-diversity-card .md-diversity-prop-chart{
  display:grid;
  grid-template-rows:minmax(0, 1fr) auto;
  flex:1 1 auto;
  min-height:0;
  gap:0;
  padding-top:calc(18px * var(--md-div-prop-scale));
}

.md-diversity-card .md-diversity-prop-chart-main{
  display:grid;
  grid-template-columns:var(--md-div-prop-yaxis-col) minmax(0, 1fr);
  gap:0;
  min-height:0;
}

.md-diversity-card .md-diversity-prop-yaxis{
  position:relative;
  border-right:1px solid rgba(15,23,42,0.18);
}

.md-diversity-card .md-diversity-prop-yword{
  position:absolute;
  left:calc(8px * var(--md-div-prop-scale));
  right:calc(8px * var(--md-div-prop-scale));
  text-align:right;
  font-family:inherit;
  font-size:calc(13px * var(--md-div-prop-scale));
  font-weight:400;
  line-height:1;
  color:var(--muted);
  white-space:nowrap;
}

.md-diversity-card .md-diversity-prop-yword--max{ bottom:100%; transform:translateY(calc(-9px * var(--md-div-prop-scale))); }
.md-diversity-card .md-diversity-prop-yword--min{ bottom:0; transform:translateY(calc(100% + (8px * var(--md-div-prop-scale)))); }

.md-diversity-card .md-diversity-prop-ytick{
  position:absolute;
  left:calc(-8px * var(--md-div-prop-scale));
  right:calc(8px * var(--md-div-prop-scale));
  text-align:right;
  transform:translateY(50%);
  font-family:inherit;
  font-size:calc(13px * var(--md-div-prop-scale));
  font-weight:400;
  line-height:1;
  color:var(--muted);
  white-space:nowrap;
}

.md-diversity-card .md-diversity-prop-plot{
  position:relative;
  border:1px solid transparent;
  border-radius:8px;
  background:transparent;
  overflow:visible;
}

.md-diversity-card .md-diversity-prop-gridline{
  position:absolute;
  left:0;
  right:0;
  border-top:1px solid rgba(15,23,42,0.12);
  transform:translateY(0.5px);
  pointer-events:none;
}

.md-diversity-card .md-diversity-prop-gridline:first-child{
  border-top-color:rgba(15,23,42,0.18);
}

.md-diversity-card .md-diversity-prop-mean-line{
  position:absolute;
  left:0;
  right:0;
  border-top:calc(2px * var(--md-div-prop-scale)) solid #EA580C;
  pointer-events:none;
  z-index:3;
}

.md-diversity-card .md-diversity-prop-mean-label{
  position:absolute;
  left:calc(8px * var(--md-div-prop-scale));
  top:0;
  transform:translateY(calc(-100% - (6px * var(--md-div-prop-scale))));
  font-family:inherit;
  font-size:calc(13px * var(--md-div-prop-scale));
  font-weight:400;
  line-height:1;
  color:#EA580C;
  background:transparent;
  padding:calc(1px * var(--md-div-prop-scale)) calc(4px * var(--md-div-prop-scale));
  border-radius:4px;
}

.md-diversity-card .md-diversity-prop-bars{
  position:absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  display:grid;
  grid-template-columns:repeat(5, minmax(44px, 1fr));
  justify-items:center;
  align-items:stretch;
  gap:10px;
  padding:0 10px 0;
  box-sizing:border-box;
}

.md-diversity-card .md-diversity-prop-bar-group{
  position:relative;
  width:100%;
  height:100%;
  max-width:94px;
  min-width:44px;
}

.md-diversity-card .md-diversity-prop-bar{
  position:absolute;
  left:50%;
  bottom:0;
  transform:translateX(-50%);
  width:56%;
  min-width:14px;
  max-width:46px;
  background:#155e82;
  border-radius:6px 6px 0 0;
  box-shadow:0 1px 0 rgba(255,255,255,0.16) inset;
  z-index:2;
}

.md-diversity-card .md-diversity-prop-bar-value{
  --md-div-prop-barval-gap:calc(4px * var(--md-div-prop-scale));
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  font-family:inherit;
  font-size:calc(13px * var(--md-div-prop-scale));
  font-weight:400;
  line-height:1;
  color:var(--fg);
  white-space:nowrap;
  z-index:4;
}

.md-diversity-card .md-diversity-prop-xaxis{
  display:grid;
  grid-template-columns:repeat(5, minmax(44px, 1fr));
  justify-items:center;
  align-items:center;
  gap:10px;
  padding:0 11px 0 calc(var(--md-div-prop-yaxis-col) + 11px);
}

.md-diversity-card .md-diversity-prop-xlabel{
  width:100%;
  max-width:94px;
  min-width:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:inherit;
  font-size:calc(13px * var(--md-div-prop-scale));
  line-height:1;
  color:var(--muted);
  font-weight:400;
}

.md-diversity-card .md-diversity-empty{
  flex:1 1 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:14px;
  text-align:center;
  font-size:14px;
  line-height:1.25;
  color:var(--muted);
}

.md-diversity-card .md-diversity-toggles{
  display:flex;
  justify-content:flex-end;
  margin-top:10px;
  column-gap:10px;
  row-gap:10px;
  flex-wrap:wrap;
  align-items:center;
}

.md-diversity-card .md-diversity-toggles--with-settings{
  justify-content:space-between;
}

.md-diversity-card .md-diversity-snet-settings{
  margin-right:auto;
}

.md-diversity-card .rg-btn{
  box-sizing:border-box;
  width:88px;
  height:32px;
  padding:0 10px;
  border-radius:8px;
  font-size:13px;
  line-height:1;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
}

.md-diversity-card .md-diversity-snet-btn{
  width:auto;
  min-width:0;
  height:32px;
  padding:0 12px;
  border-radius:8px;
  border:1px solid var(--line-dark);
  background:var(--panel);
  color:var(--fg);
  font-size:13px;
  line-height:1;
  justify-content:center;
}

.md-diversity-card .md-diversity-snet-btn:hover{
  background:color-mix(in srgb, var(--accent) 10%, var(--panel));
}

.md-diversity-card .rg-toggle[aria-pressed="true"]{ background:var(--md-green); border-color:transparent; color:#fff; }
.md-diversity-card .rg-toggle.md-filter-toggle-inactive[aria-pressed="true"]{ background:#A6A6A6; border-color:transparent; color:#000; }

.md-diversity-card .md-diversity-struct-frame{
  border:1px solid var(--line-dark);
  border-radius:12px;
  background:var(--panel);
  overflow:hidden;
  display:flex;
  flex-direction:column;
  min-height:240px;
  height:100%;
  box-sizing:border-box;
  --md-div-struct-row-h:57px;
}

.md-diversity-card .md-diversity-struct-summary{
  flex:0 0 auto;
  padding:8px 12px 6px 12px;
  text-align:center;
  font-size:14px;
  font-weight:600;
  line-height:1.2;
  color:var(--text);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  border-bottom:1px solid var(--line);
}

.md-diversity-card .md-diversity-struct-summary--dual{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  column-gap:0.25ch;
  row-gap:0;
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
}

.md-diversity-card .md-diversity-struct-summary--dual .md-diversity-struct-summary-part{
  white-space:nowrap;
}

.md-diversity-card .md-diversity-struct-scroller{
  flex:1 1 auto;
  position:relative;
  overflow:auto;
  min-height:0;
  background:var(--panel);
  scrollbar-gutter:auto;
  border:0;
  box-sizing:border-box;
}

.md-diversity-card .md-diversity-struct-table{
  border-top:0;
  border-bottom:0;
  border-left:0;
  border-right:1px solid var(--line-dark);
  border-top-right-radius:0;
  border-bottom-right-radius:0;
}

.md-diversity-card .md-diversity-struct-table thead th{
  padding:7px 8px;
  position:sticky;
  top:0;
  z-index:2;
  background:var(--md-filter-values-hdr-bg);
}

.md-diversity-card .md-diversity-struct-table thead th.md-diversity-sortable{
  cursor:pointer;
  user-select:none;
  padding-right:20px;
}

.md-diversity-card .md-diversity-struct-table thead th.md-diversity-sortable.sort-asc::after,
.md-diversity-card .md-diversity-struct-table thead th.md-diversity-sortable.sort-desc::after{
  content:'';
  position:absolute;
  right:6px;
  top:50%;
  transform:translateY(-50%);
  width:0;
  height:0;
  pointer-events:none;
}

.md-diversity-card .md-diversity-struct-table thead th.md-diversity-sortable.sort-asc::after{
  border-left:5px solid transparent;
  border-right:5px solid transparent;
  border-bottom:7px solid currentColor;
}

.md-diversity-card .md-diversity-struct-table thead th.md-diversity-sortable.sort-desc::after{
  border-left:5px solid transparent;
  border-right:5px solid transparent;
  border-top:7px solid currentColor;
}

.md-diversity-card .md-diversity-struct-table tbody td{
  padding:4px 8px;
  vertical-align:middle;
}

.md-diversity-card .md-diversity-struct-table tbody tr{
  height:var(--md-div-struct-row-h);
  max-height:var(--md-div-struct-row-h);
}

.md-diversity-card .md-diversity-struct-table tbody td{
  height:var(--md-div-struct-row-h);
  max-height:var(--md-div-struct-row-h);
}

.md-diversity-card .md-diversity-struct-table th:nth-child(1),
.md-diversity-card .md-diversity-struct-table td:nth-child(1){
  width:44px;
  min-width:44px;
  text-align:center;
}

.md-diversity-card .md-diversity-struct-table tbody td:nth-child(1){
  padding:0 4px;
  position:relative;
}

.md-diversity-card .md-diversity-struct-table th:nth-child(2),
.md-diversity-card .md-diversity-struct-table td:nth-child(2){
  min-width:96px;
  text-align:center;
}

.md-diversity-card .md-diversity-struct-table th:nth-child(3),
.md-diversity-card .md-diversity-struct-table td:nth-child(3),
.md-diversity-card .md-diversity-struct-table th:nth-child(4),
.md-diversity-card .md-diversity-struct-table td:nth-child(4){
  min-width:130px;
  text-align:center;
}

.md-diversity-card .md-diversity-struct-table.md-diversity-struct-table--scaffold th:nth-child(3),
.md-diversity-card .md-diversity-struct-table.md-diversity-struct-table--scaffold td:nth-child(3){
  min-width:180px;
}

.md-diversity-card .md-diversity-row-num{
  font-size:12px;
  line-height:1;
  color:var(--muted);
  font-variant-numeric:tabular-nums;
  user-select:none;
  pointer-events:none;
  white-space:nowrap;
}

.md-diversity-card .md-diversity-row-resize-handle{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  cursor:row-resize;
  z-index:6;
  background:transparent;
}

.md-diversity-card .md-diversity-col-structure{
  padding-left:2px !important;
  padding-right:2px !important;
}

.md-diversity-card .md-diversity-col-count{
  text-align:center;
  font-variant-numeric:tabular-nums;
}

.md-diversity-card .md-diversity-struct-wrap{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-width:0;
}

.md-diversity-card .md-diversity-struct-svg{
  width:clamp(56px, calc(var(--md-div-struct-row-h) * 1.45), 238px);
  height:clamp(36px, calc(var(--md-div-struct-row-h) * 0.96), 174px);
  border:0;
  border-radius:0;
  background:transparent;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  color:var(--muted);
  font-size:clamp(10px, calc(var(--md-div-struct-row-h) * 0.19), 14px);
  line-height:1;
  text-align:center;
  padding:0;
  box-sizing:border-box;
  white-space:nowrap;
  text-overflow:ellipsis;
  container-type:size;
}

.md-diversity-card .md-diversity-struct-svg svg{
  max-width:100%;
  max-height:100%;
  width:max(0px, calc(100% - 2cqw)) !important;
  height:max(0px, calc(100% - 2cqh)) !important;
}

.md-diversity-card .md-diversity-struct-smiles{
  min-width:0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.md-diversity-card .md-diversity-fg-wrap{
  min-width:0;
}

.md-diversity-card .md-diversity-fg-main{
  font-size:13px;
  font-weight:600;
  line-height:1.2;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.md-diversity-card .md-diversity-fg-sub{
  margin-top:3px;
  font-size:12px;
  line-height:1.2;
  color:var(--muted);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* Diversity add-card menus */
#diversityPropertiesSelection,
#diversityStructuralSelection{
  width:min(420px, 92vw);
  max-height:min(420px, 60vh);
  overflow:auto;
  z-index:73;
}

#diversityPropertiesSelection .md-filter-colhdr-sticky,
#diversityStructuralSelection .md-filter-colhdr-sticky{
  position:sticky;
  top:0;
  z-index:1;
  font-size:13px;
  font-weight:500;
  line-height:1;
  cursor:default;
  user-select:none;
  background:var(--accent);
  color:#fff;
  padding:8px 10px;
}

#diversityPropertiesSelection .md-filter-colhdr-sticky:hover,
#diversityStructuralSelection .md-filter-colhdr-sticky:hover{
  background:var(--accent);
}

#diversityScaffoldNetworkSettingsMenu{
  width:min(336px, 92vw);
  max-height:min(520px, 75vh);
  overflow:auto;
  z-index:74;
}

#diversityScaffoldNetworkSettingsMenu .md-filter-colhdr-sticky{
  position:sticky;
  top:0;
  z-index:1;
  font-size:13px;
  font-weight:500;
  line-height:1;
  cursor:default;
  user-select:none;
  background:var(--accent);
  color:#fff;
  padding:8px 10px;
}

#diversityScaffoldNetworkSettingsMenu .md-filter-colhdr-sticky:hover{
  background:var(--accent);
}

#diversityScaffoldNetworkSettingsMenu .md-diversity-snet-header{
  justify-content:space-between;
  gap:10px;
}

#diversityScaffoldNetworkSettingsMenu .md-diversity-snet-header-title{
  flex:1 1 auto;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

#diversityScaffoldNetworkSettingsMenu .md-diversity-snet-recalc{
  margin-left:auto;
  border:0;
  background:transparent;
  color:#fff;
  font:inherit;
  line-height:1;
  padding:0;
  cursor:pointer;
  text-decoration:none;
}

#diversityScaffoldNetworkSettingsMenu .md-diversity-snet-recalc:hover:not(:disabled),
#diversityScaffoldNetworkSettingsMenu .md-diversity-snet-recalc:focus-visible:not(:disabled){
  text-decoration:underline;
}

#diversityScaffoldNetworkSettingsMenu .md-diversity-snet-recalc:disabled{
  color:rgba(255,255,255,0.56);
  cursor:not-allowed;
  text-decoration:none;
}

#diversityScaffoldNetworkSettingsMenu .md-diversity-snet-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  cursor:default;
  white-space:normal;
}

#diversityScaffoldNetworkSettingsMenu .md-diversity-snet-row > span{
  flex:1 1 auto;
  min-width:0;
}

#diversityScaffoldNetworkSettingsMenu .md-diversity-snet-check{
  width:16px;
  height:16px;
  accent-color:var(--md-green);
  cursor:pointer;
  flex:0 0 auto;
}

#diversityScaffoldNetworkSettingsMenu .md-diversity-snet-number{
  cursor:text;
  flex:0 0 auto;
}

:root[data-theme="dark"] .md-diversity-card .md-diversity-prop-y-special{
  color:#FB923C;
  background:color-mix(in srgb, #0B1220 86%, transparent);
}

:root[data-theme="dark"] .md-diversity-card .md-diversity-prop-mean-line{
  border-top-color:#FB923C;
}

:root[data-theme="dark"] .md-diversity-card .md-diversity-prop-mean-label{
  color:#FB923C;
  background:transparent;
}

:root[data-theme="dark"] .md-diversity-card .md-diversity-prop-bar{
  background:#0E7490;
}

:root[data-theme="dark"] .md-diversity-card .md-diversity-prop-yaxis{
  border-right-color:rgba(226,232,240,0.20);
}

:root[data-theme="dark"] .md-diversity-card .md-diversity-prop-gridline{
  border-top-color:rgba(226,232,240,0.20);
}

:root[data-theme="dark"] .md-diversity-card .md-diversity-prop-gridline:first-child{
  border-top-color:rgba(226,232,240,0.20);
}

:root[data-theme="dark"] .md-diversity-card .md-diversity-struct-svg{
  border-color:transparent;
  background:transparent;
}