/* MD_FILE_VERSION: 1.0.014 | CHANGED: 2026-04-19 11-10-39 */
/* Copyright Information
 * =====================
 * Copyright (c) 2026, The Scripps Research Institute
 * Developed by Dr. Gennadii Grabovyi
 */

/* Pane content cards, data/filter pane widgets, and shared card resizers. */
  /* ===== Add Molecules Data (Data pane) ===== */
  .md-props-pane{
    display:flex;
    flex-direction:column;
    height:100%;
    min-height:0;
  }
  .md-props-search{
    width:100%;
    box-sizing:border-box;
    padding:6px 8px;
    border-radius:8px;
    border:1px solid var(--line-dark);
    background:var(--control-bg);
    color:var(--fg);
  }
  /* Header variant: keep the side-pane header height unchanged; input shrinks as needed. */
  .md-props-search--header{
    min-width:0;
    height:26px;
    padding:2px 8px;
  }
  .md-props-frame{
    flex:1 1 auto;
    min-height:0;
    display:flex;
    flex-direction:column;
    border:1px solid var(--line-dark);
    border-radius:var(--pane-fieldset-radius);
    overflow:hidden;
    box-sizing:border-box;
    background:var(--panel);
    --md-props-scrollbar-gutter: 0px;
  }
  .md-props-scroll{
    flex:1 1 auto;
    min-height:0;
    overflow-y:auto;
    overflow-x:hidden;
    scrollbar-gutter: stable;
    background:var(--panel);
    border:0;
    border-radius:0;
    box-sizing:border-box;
  }
  .md-props-search-notice{
    margin:0 0 8px 0;
    padding:4px 10px;
    font-size:11px;
    line-height:1.25;
    color:var(--muted);
    user-select:text;
  }
  .md-props-groups{
    display:flex;
    flex-direction:column;
    width:100%;
    min-width:0;
    box-sizing:border-box;
    background:var(--panel);
  }
  .md-props-table{
    width:100%;
    /* Remove the global table perimeter border so the dashed "card" frame is the only outer boundary */
    border:0;
    border-radius:0;
    outline:0;
    box-shadow:none;
    background:transparent;
    border-collapse:separate;
    border-spacing:0;
    table-layout:auto;
  }
  .side-pane-card{
      position:relative;
      border:1px dashed var(--line-dark);
      border-radius:var(--pane-fieldset-radius);
      padding:var(--pane-fieldset-pad-top) var(--pane-fieldset-pad-x) var(--pane-fieldset-pad-bottom);
      margin-bottom:0;
      box-sizing:border-box;
    }
  /* Use a consistent inter-card spacing without adding extra space after the last card */
  .side-pane-card + .side-pane-card{
    margin-top:var(--pane-dashed-gap);
  }
  .side-pane-card-title{
      padding:0 var(--pane-fieldset-legend-pad-x) 1px;
      background:var(--panel);
      font-weight:var(--pane-fieldset-legend-font-weight);
      font-size:var(--pane-fieldset-legend-font-size);
      color:var(--fg);
      margin:0;
      line-height:1.25;
      /* Allow up to two lines, then clip (no font shrinking). */
      white-space:normal;
      overflow:hidden;
      text-overflow:ellipsis;
      display:-webkit-box;
      -webkit-line-clamp:2;
      -webkit-box-orient:vertical;
    }
  /* Default: floating title in top-left (legend-style) */
  .side-pane-card > .side-pane-card-title{
      position:absolute;
      top:0;
      left:var(--pane-fieldset-legend-left);
      transform:translateY(-50%);
      max-width:calc(100% - (var(--pane-fieldset-legend-left) * 2));
      z-index:1;
    }
  /* Special: legend row (title + status + button) */
  .side-pane-card-legend{
      position:absolute;
      top:0;
      left:var(--pane-fieldset-legend-left);
      right:var(--pane-fieldset-legend-left);
      transform:translateY(-50%);
      display:grid;
      grid-template-columns:auto 1fr auto;
      align-items:center;
      column-gap:10px;
      z-index:1;
    }
  /* Deletable dashed cards: title on the left, "Delete" on the right. */
  .side-pane-card-legend.side-pane-card-legend--deletable{
    grid-template-columns:minmax(0, 1fr) auto;
  }
  .side-pane-card-legend.side-pane-card-legend--deletable .side-pane-card-title{
    justify-self:start; /* don't stretch and cover the dashed top border */
    display:inline-block;
    max-width:100%;
    min-width:0; /* allow ellipsis inside grid */
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    /* override -webkit-box clamp from base title */
    -webkit-line-clamp:unset;
    -webkit-box-orient:unset;
  }
  .side-pane-card-delete{
    border:0;
    background:var(--panel);
    cursor:pointer;
    user-select:none;
    padding:0 var(--pane-fieldset-legend-pad-x) 1px;
    appearance:none;
    -webkit-appearance:none;
  }
  .side-pane-card-delete:focus-visible{
    outline:2px solid rgba(37,99,235,0.75);
    outline-offset:2px;
    border-radius:6px;
  }
  .side-pane-card-legend-status{
      justify-self:center;
      display:inline-block;
      max-width:100%;
      text-align:center;
      font-size:11px;
      line-height:1.2;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
      padding:0 var(--pane-fieldset-legend-pad-x);
      background:var(--panel);
    }
  .side-pane-card-legend-status:empty{
      padding:0;
      background:transparent;
    }
  .side-pane-card-legend-btn{
      height:32px;
      padding:0 12px;
      border-radius:8px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      font-size:13px;
      font-weight:500;
      line-height:1;
      white-space:nowrap;
    }
  .side-pane-card-body{
      font-size:12px;
    }

  /* Peptide Designer Functions: two primary buttons side-by-side */
  .md-pd-functions-row{
    display:flex;
    align-items:stretch;
    gap:10px;
  }
  .md-pd-functions-btn{
    flex:1 1 0;
    min-width:0;
    width:100%;
    height:32px;
    border-radius:8px;
    font-size:13px;
    font-weight:500;
    line-height:1;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  #btnDrawAddRow,
  #btnPasteRows,
  #btnBreak,
  #btnPdCompare{
    background:#15803D;
    border-color:#15803D;
    color:#ffffff;
  }
  #btnDrawAddRow:disabled,
  #btnPasteRows:disabled,
  #btnBreak:disabled,
  #btnPdCompare:disabled{
    background:color-mix(in srgb, #15803D 45%, #ffffff);
    border-color:color-mix(in srgb, #15803D 45%, #ffffff);
    color:rgba(255,255,255,0.9);
    opacity:1;
    cursor:not-allowed;
  }
  :root[data-theme="dark"] #btnDrawAddRow,
  :root[data-theme="dark"] #btnPasteRows,
  :root[data-theme="dark"] #btnBreak,
  :root[data-theme="dark"] #btnPdCompare{
    background:#16A34A;
    border-color:#16A34A;
  }
  :root[data-theme="dark"] #btnDrawAddRow:disabled,
  :root[data-theme="dark"] #btnPasteRows:disabled,
  :root[data-theme="dark"] #btnBreak:disabled,
  :root[data-theme="dark"] #btnPdCompare:disabled{
    background:color-mix(in srgb, #16A34A 42%, #2F3540);
    border-color:color-mix(in srgb, #16A34A 42%, #2F3540);
    color:rgba(255,255,255,0.82);
  }

  /* Keep button typography consistent within the left side pane.
     Selection/active states should not change font weight. */
  #sidePane button{
    font-weight:500;
  }

  /* ===== Filter pane (row filters) ===== */
  .md-filter-pane{
    display:flex;
    flex-direction:column;
    min-height:0;
    gap:25px;
  }
  .md-filter-actions,
  .md-importtabs-actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
  }
  .md-filter-action-btn,
  .md-importtabs-actions button{
    height:36px;
    flex:1 1 var(--md-pane-action-btn-basis, 132px);
    min-width:var(--md-pane-action-btn-min-width, 124px);
    padding:0 14px;
    border-radius:10px;
    border:1px solid var(--line-dark);
    background:transparent;
    color:var(--fg);
    font-size:13px;
    font-weight:500;
    line-height:1;
    cursor:pointer;
    user-select:none;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    transition:background-color .15s ease, border-color .15s ease, color .15s ease, transform .12s ease;
  }
  #sidePane .md-pane-header-actions .md-filter-action-btn,
  #sidePane .md-importtabs-actions button{
    height:32px;
    border-radius:8px;
    font-size:13px;
    font-weight:500;
  }
  .md-filter-action-btn:hover,
  .md-importtabs-actions button:hover{
    background:rgba(148,163,184,0.14);
    transform:translateY(-1px);
  }
  .md-filter-action-btn:disabled,
  .md-importtabs-actions button:disabled{
    opacity:0.55;
    cursor:not-allowed;
    transform:none;
  }
  .md-filter-action-btn.primary{
    background:var(--accent);
    border-color:transparent;
    color:#ffffff;
  }
  .md-filter-action-btn.primary:hover{
    background:var(--accent);
  }
  .md-filter-cards{
    display:flex;
    flex-direction:column;
    gap:0px;
    min-height:0;
  }

  /* Individual filter card (numeric for now) */
  .md-filter-card{
    scroll-margin-top: 18px; /* space for legend row when scrolling into view */
  }
  .md-filter-card .md-filter-assay-note{
    margin:0 0 8px 0;
    font-size:12px;
    line-height:1.2;
    color:rgba(0,0,0,0.62);
  }
  :root[data-theme="dark"] .md-filter-card .md-filter-assay-note{
    color:rgba(255,255,255,0.74);
  }

  /* Toggle buttons: reuse Range popover sizing but left-align within cards */
  /* Give the slider thumbs a touch more breathing room from the min/max boxes. */
  .md-filter-card .rg-row{
    gap:11px;
  }
  .md-filter-card .rg-toggles{
    display:flex;
    justify-content:flex-start;
    column-gap:10px;
    row-gap:10px;
    margin-top:10px;
    flex-wrap:wrap;
    align-items:center;
  }
  .md-filter-card .rg-toggle-group{ display:flex; gap:8px; flex-wrap:wrap; }
  /* Avoid premature wrapping by not forcing a 50/50 split between left/right groups. */
  .md-filter-card .rg-toggle-group.md-filter-toggle-left,
  .md-filter-card .rg-toggle-group.md-filter-toggle-right{
    flex:0 1 auto;
  }
  .md-filter-card .rg-toggle-group.md-filter-toggle-left{ justify-content:flex-start; }
  .md-filter-card .rg-toggle-group.md-filter-toggle-center{ flex:0 0 auto; justify-content:center; }
  .md-filter-card .rg-toggle-group.md-filter-toggle-right{ justify-content:flex-end; margin-left:auto; }
  .md-filter-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-filter-card .rg-toggle[aria-pressed="true"]{ background:var(--md-green); border-color:transparent; color:#fff; }
  .md-filter-card .rg-toggle.md-filter-toggle-inactive[aria-pressed="true"]{ background:#A6A6A6; border-color:transparent; color:#000; }
  /* Always-green toggle buttons (used for Regular/Inverted and AND/OR switchers) */
  .md-filter-card .rg-toggle.md-filter-toggle-green{
    background:var(--control-bg);
    border:1px solid var(--line-dark);
    color:#000;
    flex-direction:column;
    gap:2px;
    padding-top:4px;
    padding-bottom:3px;
  }
  :root[data-theme="dark"] .md-filter-card .rg-toggle.md-filter-toggle-green{
    color:#fff;
  }
  .md-filter-card .rg-toggle.md-filter-toggle-green::after{
    content:'click to change';
    font-size:8px;
    line-height:1;
    font-weight:400;
    opacity:0.82;
  }
  .md-filter-card-connector{
    display:flex;
    justify-content:center;
    align-items:center;
    margin:var(--pane-dashed-gap) 0;
  }
  .md-filter-card-connector .md-filter-card-connector-btn{
    box-sizing:border-box;
    width:88px;
    height:32px;
    padding:4px 10px 3px;
    border-radius:8px;
    font-size:13px;
    line-height:1;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    white-space:nowrap;
    flex-direction:column;
    gap:2px;
    background:var(--control-bg);
    border:1px solid var(--line-dark);
    color:#000;
  }
  :root[data-theme="dark"] .md-filter-card-connector .md-filter-card-connector-btn{
    color:#fff;
  }
  .md-filter-card-connector .md-filter-card-connector-btn::after{
    content:'click to change';
    font-size:8px;
    line-height:1;
    font-weight:400;
    opacity:0.82;
  }

	  /* Structure filter card (Structure column) */
	  .md-filter-card .md-filter-struct-body{
	    display:flex;
	    flex-direction:column;
    gap:0px;
    min-height:0;
  }
  .md-filter-card .md-structfilter-frame{
    position:relative;
    border:0;
    border-radius:0;
    background:transparent;
    overflow:visible;
    display:flex;
    flex-direction:column;
    min-height:0;
    box-sizing:border-box;
  }
  :root[data-theme="dark"] .md-filter-card .md-structfilter-frame{
    background:transparent;
  }
  .md-filter-card .md-structfilter-frame.md-structfilter-frame--empty{
    border:0;
    background:transparent;
  }
  :root[data-theme="dark"] .md-filter-card .md-structfilter-frame.md-structfilter-frame--empty{
    border:0;
    background:transparent;
  }
  .md-filter-card .md-structfilter-empty-surface{
    flex:1 1 auto;
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    cursor:pointer;
    user-select:none;
    outline:none;
  }
  .md-filter-card .md-structfilter-empty-surface:focus-visible{
    box-shadow:0 0 0 3px rgba(37,99,235,0.25);
    border-radius:8px;
  }
  .md-filter-card .md-structfilter-scroller{
    flex:1 1 auto;
    overflow:auto;
    min-height:0;
    padding:0px;
  }
  .md-filter-card .md-structfilter-scroller.md-structfilter-scroller--empty{
    display:flex;
  }
  .md-filter-card .md-structfilter-scroller.md-structfilter-scroller--empty .md-structfilter-grid--empty{
    flex:1 1 auto;
    width:100%;
  }
  .md-filter-card .md-structfilter-grid{
    --md-structfilter-card-w: 160px;
    --md-structfilter-card-h: 125px;
    --md-structfilter-card-gap: 5px;
    display:flex;
    flex-wrap:wrap;
    align-content:flex-start;
    align-items:flex-start;
    justify-content:flex-start;
    gap:var(--md-structfilter-card-gap);
    background:transparent;
    border:0;
    padding:0;
    border-radius:0;
    overflow:visible;
    box-sizing:border-box;
  }
  .md-filter-card .md-structfilter-grid.md-structfilter-grid--empty{
    grid-template-columns: 1fr;
    grid-auto-rows: 1fr;
    gap:0;              /* single, uniform empty surface */
    background:transparent; /* no grid lines in initial empty state */
    height:100%;
    min-height:100%;
  }
  :root[data-theme="dark"] .md-filter-card .md-structfilter-grid{
    /* keep vars available to user for tweaking */
  }
  .md-filter-card .md-structfilter-cell{
    display:flex;
    align-items:stretch;
    justify-content:stretch;
    cursor:pointer;
    user-select:none;
    min-width:0;
    min-height:0;
    outline:none;
    position:relative;
    width:var(--md-structfilter-card-w);
    height:var(--md-structfilter-card-h);
    flex:0 0 var(--md-structfilter-card-w);
    max-width:100%;
    border:0px solid var(--line-dark);
    border-radius:10px;
    background:transparent;
    overflow:hidden;
    box-sizing:border-box;
    --md-structfilter-cell-footer-space: 34px; /* reserved space for per-cell mode toggle */
  }
  /* Filled mini-cards (structure present): light/dark theme backgrounds */
  .md-filter-card .md-structfilter-cell:not(.md-structfilter-cell--empty){
    background:#EDF0F3;
  }
  :root[data-theme="dark"] .md-filter-card .md-structfilter-cell:not(.md-structfilter-cell--empty){
    background:#373A45;
  }
  .md-filter-card .md-structfilter-cell:hover{
    border-color:rgba(37,99,235,0.35);
  }
  .md-filter-card .md-structfilter-cell:focus-visible{
    box-shadow:0 0 0 3px rgba(37,99,235,0.25);
    position:relative;
    z-index:1;
  }
  .md-filter-card .md-structfilter-cell-inner{
    flex:1 1 auto;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px;
    padding-bottom: calc(6px + var(--md-structfilter-cell-footer-space));
    overflow:hidden;
    text-align:center;
    color:var(--muted);
    font-size:12px;
    box-sizing:border-box;
  }
  .md-filter-card .md-structfilter-cell-toggle{
    position:absolute;
    left:50%;
    bottom:6px;
    transform:translateX(-50%);
    max-width:calc(100% - 12px);
    padding:2px 2px;
    font:inherit;
    font-size:10px;
    line-height:1.4;
    border-radius:5px;
    border:0px solid rgba(0,0,0,0.18);
    background:rgba(255, 255, 255, 0);
    color:#0f172a;
    cursor:pointer;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .md-filter-card .md-structfilter-cell-toggle:hover{
    background:rgba(255,255,255,0.86);
    text-decoration:underline;
  }
  :root[data-theme="dark"] .md-filter-card .md-structfilter-cell-toggle{
    border-color:rgba(255, 255, 255, 0);
    background:rgba(0, 0, 0, 0);
    color:#e2e8f0;
  }
  :root[data-theme="dark"] .md-filter-card .md-structfilter-cell-toggle:hover{
    background:rgba(0,0,0,0.42);
  }
  .md-filter-card[data-struct-match="exact"] .md-structfilter-cell-toggle{
    display:none;
  }
  .md-filter-card .md-structfilter-cell-inner svg{
    max-width:100%;
    max-height:100%;
  }
  .md-filter-card .md-structfilter-cell--empty{
    align-items:center;
    justify-content:center;
    background:transparent;
  }
  :root[data-theme="dark"] .md-filter-card .md-structfilter-cell--empty{
    background:transparent;
  }
  /* Empty initial Structure Filter state: no fill layer, only border + text */
  .md-filter-card .md-structfilter-grid--empty .md-structfilter-cell{
    background:transparent;
  }
  .md-filter-card .md-structfilter-grid--empty .md-structfilter-cell:hover{
    background:transparent;
  }
  .md-filter-card .md-structfilter-grid--empty .md-structfilter-cell--empty{
    background:transparent;
  }
  :root[data-theme="dark"] .md-filter-card .md-structfilter-grid--empty .md-structfilter-cell--empty{
    background:transparent;
  }
  .md-filter-card .md-structfilter-empty-msg{
    padding:14px;
    line-height:1.1;
    color:rgba(15,23,42,0.22);
    font-size:16px;
    font-weight:400;
    text-align:center;
  }
  :root[data-theme="dark"] .md-filter-card .md-structfilter-empty-msg{
    color:rgba(226,232,240,0.22);
  }
  .md-filter-card .md-structfilter-grid--empty .md-structfilter-empty-big,
  .md-filter-card .md-structfilter-empty-surface .md-structfilter-empty-big{
    flex:1 1 auto;
    width:100%;
    height:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:8px;
    box-sizing:border-box;
    user-select:none;
  }
  .md-filter-card .md-structfilter-grid--empty .md-structfilter-empty-big-main,
  .md-filter-card .md-structfilter-empty-surface .md-structfilter-empty-big-main{
    font-size:clamp(13px, 1.8vw, 24px);
    line-height:1.08;
    font-weight:400;
    color:rgba(15,23,42,0.22);
  }
  .md-filter-card .md-structfilter-grid--empty .md-structfilter-empty-big-sub,
  .md-filter-card .md-structfilter-empty-surface .md-structfilter-empty-big-sub{
    margin-top:6px;
    font-size:clamp(11px, 1.4vw, 18px);
    line-height:1.08;
    font-weight:400;
    color:rgba(15,23,42,0.22);
    opacity:0.72;
  }
  :root[data-theme="dark"] .md-filter-card .md-structfilter-grid--empty .md-structfilter-empty-big-main,
  :root[data-theme="dark"] .md-filter-card .md-structfilter-empty-surface .md-structfilter-empty-big-main{
    color:rgba(226,232,240,0.22);
  }
  :root[data-theme="dark"] .md-filter-card .md-structfilter-grid--empty .md-structfilter-empty-big-sub,
  :root[data-theme="dark"] .md-filter-card .md-structfilter-empty-surface .md-structfilter-empty-big-sub{
    color:rgba(226,232,240,0.22);
  }
  .md-filter-card .md-structfilter-status{
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:12px;
    color:var(--muted);
    font-size:12px;
    background:rgba(255,255,255,0.62);
    backdrop-filter: blur(1px);
    pointer-events:none;
  }
  :root[data-theme="dark"] .md-filter-card .md-structfilter-status{
    background:rgba(0,0,0,0.22);
  }

  /* Text/value filter card (non-numeric columns) */
  .md-filter-card .md-filter-text-body{
    display:flex;
    flex-direction:column;
    gap:0px;
    min-height:0;
  }
  .md-filter-card .md-filter-values-frame{
    border:1px solid var(--line-dark);
    border-radius:10px;
    background:var(--panel);
    overflow:hidden; /* header + scroller are the only visible edges */
    display:flex;
    flex-direction:column;
    min-height:0;
    box-sizing:border-box;
  }
  .md-filter-card .md-filter-values-hdr{
    flex:0 0 auto;
    display:flex;
    align-items:center;
    gap:12px;
    padding:6px 12px;
    background:var(--md-filter-values-hdr-bg);
    color:var(--md-filter-values-hdr-fg);
    border-bottom:1px solid #ffffff40;
    box-sizing:border-box;
  }
  .md-filter-card .md-filter-values-search{
    flex:4 1 0;
    min-width:0;
    display:flex;
    align-items:center;
    gap:8px;
    font-size:13px;
    font-weight:600;
    white-space:nowrap;
  }
  .md-filter-card .md-filter-values-search input{
    flex:1 1 auto;
    min-width:0;
    height:30px;
    padding:0 10px;
    border-radius:8px;
    border:1px solid rgba(15,23,42,0.25);
    background:rgba(255,255,255,0.95);
    color:#0f172a;
    font:inherit;
    font-weight:500;
    outline:none;
    box-sizing:border-box;
  }
  .md-filter-card .md-filter-values-search input:focus{
    box-shadow:0 0 0 3px rgba(255,255,255,0.35);
    border-color:rgba(255,255,255,0.65);
  }
  :root[data-theme="dark"] .md-filter-card .md-filter-values-search input{
    background:#2A2C34;
    color:var(--fg);
    border-color:rgba(255,255,255,0.25);
  }
  :root[data-theme="dark"] .md-filter-card .md-filter-values-search input:focus{
    box-shadow:0 0 0 3px #7aa2ff40;
    border-color:#c7c7c78c;
  }
  .md-filter-card .md-filter-values-count{
    flex:1 0 0;
    min-width:10px;
    text-align:right;
    font-size:13px;
    font-weight:600;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .md-filter-card .md-filter-values-scroller{
    flex:1 1 auto;
    position:relative;
    overflow:auto;
    min-height:0;
    background:var(--panel);
  }
  .md-filter-card .md-filter-values-inner{
    position:relative;
    width:100%;
  }
  .md-filter-card .md-filter-val-row{
    position:absolute;
    left:0;
    right:0;
    display:flex;
    align-items:center;
    padding:0 12px;
    box-sizing:border-box;
    cursor:pointer;
    user-select:none;
    border-bottom:1px solid var(--line-dark);
    background:transparent;
    color:var(--fg);
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .md-filter-card .md-filter-val-row:hover{
    background:#94a3b824;
  }
  .md-filter-card .md-filter-val-row.md-selected{
    background:#EAF2FF;
  }
  :root[data-theme="dark"] .md-filter-card .md-filter-val-row.md-selected{
    background:rgba(122,162,255,0.24);
  }
  .md-filter-card .md-filter-values-empty{
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:12px;
    color:var(--muted);
    pointer-events:none;
    text-align:center;
    font-size:12px;
  }

	  body.md-card-vresizing{
	    cursor:ns-resize;
	    user-select:none;
	  }
	  body.md-card-vresizing *{
	    user-select:none;
	  }

	  .md-card-resize-handle,
	  .md-filter-card .md-filter-resize-handle{
	    position:absolute;
	    right:-1px;
	    bottom:-1px;
	    width:22px;
	    height:22px;
	    border-radius:0 0 var(--pane-fieldset-radius) 0;
	    opacity:0.9;
	    cursor:ns-resize;
	    background:transparent;
	    pointer-events:auto;
	    touch-action:none;
	  }
	  .md-card-resize-handle::after,
	  .md-filter-card .md-filter-resize-handle::after{
	    content:"";
	    position:absolute;
	    right:0;
	    bottom:0;
	    width:16px;
	    height:16px;
	    border-right:4px solid var(--line-dark);
	    border-bottom:4px solid var(--line-dark);
	    border-bottom-right-radius: calc(var(--pane-fieldset-radius) - 1px);
	    box-sizing:border-box;
	    pointer-events:none;
	  }
	  .md-card-resize-handle:hover,
	  .md-filter-card .md-filter-resize-handle:hover{
	    opacity:1;
	  }