/* MD_FILE_VERSION: 1.0.008 | CHANGED: 2026-04-18 19-40-47 */
/* Copyright Information
 * =====================
 * Copyright (c) 2026, The Scripps Research Institute
 * Developed by Dr. Gennadii Grabovyi
 */

/* Search Compounds pane: action-button accents + modal dialogs. */

.md-filter-action-btn.md-searchcompounds-initiate-btn{
  background:var(--md-green);
  border-color:transparent;
  color:#ffffff;
}

.md-filter-action-btn.md-searchcompounds-initiate-btn:hover{
  background:var(--md-green);
}

.md-search-modal{
  position:fixed;
  inset:0;
  display:none;
  align-items:center;
  justify-content:center;
  z-index:88;
  background:rgba(0,0,0,0.45);
}

.md-search-modal.md-open{
  display:flex;
}

.md-search-modal-card{
  width:min(560px, 96vw);
  max-height:92vh;
  overflow:auto;
  box-sizing:border-box;
  border:1px solid var(--line-dark);
  border-radius:12px;
  background:var(--panel);
  box-shadow:0 10px 30px rgba(0,0,0,0.25);
  padding:14px;
}

.md-search-modal-title{
  margin:0 0 8px 0;
  font-size:16px;
  font-weight:700;
}

.md-search-modal-body{
  margin:0 0 12px 0;
  font-size:13px;
  line-height:1.35;
  white-space:pre-wrap;
}

.md-search-modal-note{
  margin:8px 0 0 0;
  font-size:12px;
  color:var(--muted);
}

.md-search-modal-warning{
  margin:10px 0 0 0;
  padding:8px 10px;
  border-radius:8px;
  background:rgba(234, 179, 8, 0.16);
  border:1px solid rgba(234, 179, 8, 0.45);
  font-size:12px;
  line-height:1.3;
}

:root[data-theme="dark"] .md-search-modal-warning{
  background:rgba(234, 179, 8, 0.20);
  border-color:rgba(234, 179, 8, 0.50);
}

.md-search-modal-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
}

.md-search-modal-field{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.md-search-modal-field label{
  font-size:13px;
}

.md-search-modal-field input{
  width:160px;
  height:34px;
  padding:0 10px;
  border:1px solid var(--line-dark);
  border-radius:8px;
  background:var(--control-bg);
  color:var(--fg);
  box-sizing:border-box;
}

.md-search-modal-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:10px;
  margin-top:12px;
}

.md-search-modal-actions button{
  min-width:150px;
  height:36px;
}

.md-search-modal-actions .md-search-btn-green{
  background:var(--md-green);
  border-color:transparent;
  color:#ffffff;
}

.md-search-modal-actions .md-search-btn-green:hover{
  background:var(--md-green);
}

#searchCompoundsCards .md-filter-card .md-filter-values-hdr{
  flex-wrap:wrap;
  align-items:center;
}

#searchCompoundsCards .md-filter-card .md-filter-values-count{
  flex:0 0 auto;
  min-width:0;
  text-align:left;
}

#searchCompoundsCards .md-search-filter-autocols-toggle{
  flex:0 0 auto;
  margin-left:0;
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:30px;
  font-size:13px;
  font-weight:600;
  color:inherit;
  white-space:nowrap;
  user-select:none;
  cursor:pointer;
}

#searchCompoundsCards .md-search-filter-autocols-toggle input{
  width:20px;
  height:20px;
  margin:0;
  accent-color:#0f3d4a;
  cursor:pointer;
}

#searchCompoundsCards .md-search-filter-autocols-toggle span{
  color:rgba(15, 23, 42, 0.82);
}

:root[data-theme="dark"] #searchCompoundsCards .md-search-filter-autocols-toggle span{
  color:rgba(255, 255, 255, 0.86);
}