/* V3 - Single continuous filter list, compact two-column inline controls.
   This file changes only the isolated wordlist UI. It does not introduce a new query engine. */
#studentLibrary[data-view="list"] .stage-word-list .sl-heading {
  border-bottom:0!important;
  padding-bottom:3px;
}
/* Reuse the approved original gilded parchment component rather than stacking thin rules. */
#studentLibrary[data-view="list"] .stage-word-list .sl-search {
  box-sizing:border-box;
  position:relative;
  width:min(84%,322px)!important;
  max-width:100%;
  height:42px;
  min-height:42px;
  margin:4px auto 6px;
  padding:0 15px 0 16px;
  display:flex;
  align-items:center;
  border:0!important;
  border-radius:13px;
  background: url('./filter_panel_ornate_r21.webp') center / 100% 100% no-repeat;
  box-shadow:0 2px 5px rgba(106,66,44,.085)!important;
  transition:filter .15s ease,box-shadow .15s ease;
}
#studentLibrary[data-view="list"] .stage-word-list .sl-search:focus-within {
  filter:drop-shadow(0 0 3px rgba(129,83,151,.23));
  box-shadow:0 2px 5px rgba(106,66,44,.085)!important;
}
#studentLibrary[data-view="list"] .stage-word-list .sl-search input {
  flex:1 1 0;min-width:0;height:37px;min-height:37px;
  border:0!important;outline:0!important;background:transparent!important;
  font-size:16px;color:#523c5a;padding-left:4px;box-shadow:none!important;
}
#studentLibrary[data-view="list"] .stage-word-list .sl-search input::placeholder {color:#9e867f;opacity:1;font-size:14px;}
#studentLibrary[data-view="list"] .stage-word-list .stage-search-icon {color:#856395;font-size:20px;flex:0 0 22px;}
/* Gentle separation by space and a small central label rather than full-width double borders. */
#studentLibrary[data-view="list"] .stage-word-list .stage-advanced {margin-top:3px;border-top:0!important;}
#studentLibrary[data-view="list"] .stage-word-list .stage-advanced>summary {
  width:max-content;min-height:28px;margin:0 auto;
  padding:4px 13px 3px;border-radius:14px;
  border:1px solid rgba(172,138,120,.26);
  background:rgba(251,232,197,.3);color:#6d517b;
  font-size:12px;gap:6px;
}
#studentLibrary[data-view="list"] .stage-word-list .stage-advanced>summary::before {
  content:'✧';color:#ac8b50;font:14px/1 Georgia,serif;margin-right:1px;
}
#studentLibrary[data-view="list"] .stage-word-list .stage-advanced>summary em {font-size:10.5px;color:#9b8290;}
#studentLibrary[data-view="list"] .stage-word-list .stage-advanced[open] {
  max-height:min(37dvh,350px);border:0;
  background:transparent;
}
#studentLibrary[data-view="list"] .stage-word-list .stage-filter-body {padding:4px 1px 10px;}
#studentLibrary[data-view="list"] .stage-word-list .stage-unified-filters {display:flex;flex-direction:column;gap:2px;}
#studentLibrary[data-view="list"] .stage-word-list .stage-legacy-line {
  display:flex!important;align-items:center;flex-wrap:nowrap;gap:4px;
  margin:0 0 4px!important;min-height:32px;
}
#studentLibrary[data-view="list"] .stage-word-list .stage-legacy-line .stage-line-name {
  flex:0 0 auto;margin:0!important;white-space:nowrap;
  color:#71566c;font-size:11px;letter-spacing:0;
}
#studentLibrary[data-view="list"] .stage-word-list .stage-legacy-line .stage-source-set {
  flex:1 1 0;display:flex;min-width:0;justify-content:space-between;gap:0;
}
#studentLibrary[data-view="list"] .stage-word-list .stage-legacy-line .stage-source-set button {
  flex:0 1 auto;min-width:0;min-height:30px;padding:4px 2px;
  font-size:clamp(10px,2.6vw,11.5px);white-space:nowrap;
}
#studentLibrary[data-view="list"] .stage-word-list .stage-original-grid {
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:11px;row-gap:3px;align-items:stretch;
}
#studentLibrary[data-view="list"] .stage-word-list .stage-original-grid>label {
  box-sizing:border-box;min-width:0;display:flex;
  flex-flow:row nowrap;align-items:center;justify-content:space-between;
  gap:3px;padding:0;height:35px;min-height:35px;
  color:#6f5769;font-size:11px;font-weight:550;white-space:nowrap;
}
#studentLibrary[data-view="list"] .stage-word-list .stage-original-grid>label[hidden] {display:none!important;}
#studentLibrary[data-view="list"] .stage-word-list .stage-original-grid>label>.stage-picker {
  flex:1 1 0;min-width:0;position:relative;max-width:none;
}
#studentLibrary[data-view="list"] .stage-word-list .stage-original-grid .stage-picker-trigger {
  min-width:0;width:100%;min-height:31px;height:31px;
  display:flex;justify-content:space-between;align-items:center;gap:3px;
  padding:1px 3px 1px 4px;
  border:0;border-bottom:1px solid rgba(141,113,101,.35);
  background:transparent;text-align:left;font-size:11px;
  color:#5e4569;
}
#studentLibrary[data-view="list"] .stage-word-list .stage-original-grid .stage-picker-trigger>span {
  flex:1 1 0;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
}
#studentLibrary[data-view="list"] .stage-word-list .stage-original-grid .stage-picker-trigger i {
  flex:0 0 auto;font-size:12px;font-style:normal;margin:0;color:#9773a4;
}
#studentLibrary[data-view="list"] .stage-word-list .stage-original-grid .stage-picker-trigger:disabled {
  opacity:.52;cursor:not-allowed;
}
#studentLibrary[data-view="list"] .stage-word-list .stage-original-grid .stage-picker-menu {
  min-width:max(100%,154px);max-width:min(240px,76vw);
  font-size:12px;max-height:164px;overflow-y:auto;
}
#studentLibrary[data-view="list"] .stage-word-list .stage-date-field input {
  flex:1 1 0;min-width:0;width:auto!important;
  height:31px;min-height:31px;padding:0 2px;
  font-size:11px;border-bottom:1px solid rgba(141,113,101,.35);
}
#studentLibrary[data-view="list"] .stage-word-list .stage-feature-group {
  border:0;margin:5px 0 0;padding:0;
}
#studentLibrary[data-view="list"] .stage-word-list .stage-feature-group legend {
  padding:0 0 3px;color:#6f5769;font-size:11px;font-weight:600;
}
#studentLibrary[data-view="list"] .stage-word-list .sl-features {
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:2px 8px;
}
#studentLibrary[data-view="list"] .stage-word-list .sl-features label {
  font-size:11px;min-height:28px;padding:2px 0;
  display:flex;align-items:center;gap:5px;
}
#studentLibrary[data-view="list"] .stage-word-list .sl-features label input {margin:0;flex:0 0 15px;width:15px;height:15px;}
#studentLibrary[data-view="list"] .stage-word-list .stage-feature-mode-label {
  grid-column:1/-1;display:flex!important;flex-flow:row nowrap;justify-content:flex-start;gap:6px;
  min-height:33px;
}
#studentLibrary[data-view="list"] .stage-word-list .stage-feature-mode-label>.stage-picker {flex:0 0 150px;width:150px;max-width:none;}
#studentLibrary[data-view="list"] .stage-word-list .stage-reset {margin:6px 0 0;}
/* Decorative page already has a rim; make the result separator the only clear horizontal rule. */
#studentLibrary[data-view="list"] .stage-word-list .stage-result-head {
  border-top:1px solid rgba(137,106,96,.34);
  border-bottom:0;
  padding-top:5px;
}
@media (max-width:389px){
  #studentLibrary[data-view="list"] .stage-word-list .stage-original-grid{gap:3px 6px;}
  #studentLibrary[data-view="list"] .stage-word-list .stage-legacy-line {flex-wrap:wrap;}
  #studentLibrary[data-view="list"] .stage-word-list .stage-legacy-line .stage-source-set {flex-basis:100%;}
  #studentLibrary[data-view="list"] .stage-word-list .stage-original-grid>label {font-size:10.3px;}
}
@media (max-height:780px){
  #studentLibrary[data-view="list"] .stage-word-list .stage-advanced[open] {max-height:31dvh;}
  #studentLibrary[data-view="list"] .stage-word-list .sl-search {min-height:40px;height:40px;margin:2px auto 4px;}
}