/* Styles for the Lists sections after the engagement list (settings-sources.js): buyer questions,
   competitors, topics and sources. Uses settings-view.css's st- classes; every var() has a fallback.
   Every control is at least 44px tall on a phone. */

.st .ss-cats{display:flex;flex-direction:column;margin-top:var(--s2,.5rem)}
.st .ss-cat{border-top:1px solid var(--line,#ddd);padding:var(--s3,.75rem) 0;min-width:0}
.st .ss-cat:first-child{border-top:0}
.st .ss-cat>summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--s2,.5rem);
  font-family:inherit;font-size:var(--fs-body,1rem);font-weight:600;letter-spacing:normal;text-transform:none;color:var(--fg,#111);
  list-style:none;min-height:44px}
.st .ss-cat>summary::-webkit-details-marker{display:none}
.st .ss-cat>summary::after{content:"";width:.5rem;height:.5rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;
  transform:rotate(45deg) translateY(-.15rem);flex:none;margin-left:var(--s1,.25rem)}
.st .ss-cat[open]>summary::after{transform:rotate(225deg) translateY(-.15rem)}
.st .ss-cat>summary>span:first-child{min-width:0;overflow-wrap:anywhere}
.st .ss-cat>.st-sub,.st .ss-cat>.st-meta{margin-top:var(--s1,.25rem)}
.st .ss-sec>.st-meta{margin:var(--s1,.25rem) 0 0}

.st .ss-list{list-style:none;margin:var(--s3,.75rem) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--s2,.5rem);min-width:0}
.st .ss-item{background:var(--surface-2,#f7f7f7);border:1px solid var(--line,#ddd);border-radius:var(--r-sm,8px);
  padding:var(--s2,.5rem) var(--s3,.75rem);min-width:0}
.st .ss-item>p{margin:0;font-size:var(--fs-body,.9375rem);line-height:var(--lead-body,1.45);overflow-wrap:anywhere}
.st .ss-item>p.ss-url{font-size:var(--fs-sm,.8125rem)}
.st .ss-item>p.st-meta{font-size:var(--fs-meta,.75rem)}
.st .ss-item label{display:block;font-size:var(--fs-sm,.8125rem);font-weight:600;margin-bottom:var(--s1,.25rem)}
.st .ss-item .ss-chip-cat{margin-bottom:var(--s1,.25rem)}
.st .ss-item.ss-tag{padding:var(--s2,.5rem) var(--s3,.75rem)}
.st .ss-item.ss-tag>p{font-weight:600}
.st .ss-row{border-top:1px solid var(--line,#ddd);padding:var(--s3,.75rem) 0;min-width:0}
.st .ss-row:first-child{border-top:0;padding-top:0}
.st .ss-row-head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2,.5rem);min-width:0}
.st .ss-row-head b{overflow-wrap:anywhere;margin-right:auto}
.st .ss-chips{display:flex;flex-wrap:wrap;gap:var(--s1,.25rem);margin-top:var(--s2,.5rem)}
.st .ss-row>.ss-tools{margin-top:var(--s2,.5rem)}
.st ul.ss-rows{margin-top:var(--s2,.5rem)}

.st .ss-tools{display:flex;flex-wrap:wrap;gap:var(--s2,.5rem);margin-top:var(--s2,.5rem);align-items:center;min-width:0}
.st .ss-tools label{margin:0;font-weight:400}
.st .ss-tools select{width:auto;max-width:100%;min-width:0;min-height:44px;font-size:var(--fs-sm,.8125rem);padding:.3rem .5rem}

.st textarea{width:100%;min-width:0;box-sizing:border-box;font:inherit;font-size:1rem;line-height:var(--lead-body,1.45);
  padding:.55rem .7rem;border:1px solid var(--line-strong,#bbb);border-radius:var(--r-sm,8px);
  background:var(--surface,#fff);color:var(--fg,#111);resize:vertical}
.st textarea:focus-visible{outline:2px solid var(--focus,var(--accent,#333));outline-offset:1px}

/* The folded add forms: a button-like summary, and the form once it is open. */
.st .ss-addbox{margin-top:var(--s3,.75rem);min-width:0}
.st .ss-addbox>summary{cursor:pointer;list-style:none;min-height:44px;display:flex;align-items:center;
  font-family:inherit;font-size:var(--fs-sm,.8125rem);font-weight:600;letter-spacing:normal;text-transform:none;
  color:var(--accent-ink,var(--fg,#111));
  border:1px dashed var(--line-strong,#bbb);border-radius:var(--r-sm,8px);padding:0 var(--s3,.75rem)}
.st .ss-addbox>summary::-webkit-details-marker{display:none}
.st .ss-addbox>summary::before{content:"+";font-size:1.1rem;margin-right:var(--s2,.5rem);line-height:1}
.st .ss-addbox[open]>summary{margin-bottom:var(--s2,.5rem)}
.st .ss-add textarea{margin-top:var(--s1,.25rem)}
.st .ss-add,.st .st-form{margin-top:0}
.st .ss-ferr{margin:var(--s1,.25rem) 0 0;color:var(--warn,#a9482b);font-size:var(--fs-sm,.8125rem);line-height:var(--lead-tight,1.35)}
.st .ss-help{margin:var(--s2,.5rem) 0 0;padding-left:1.1rem;font-size:var(--fs-sm,.8125rem);line-height:var(--lead-tight,1.35);color:var(--fg-dim,#555)}
.st .ss-old{margin-top:var(--s3,.75rem);font-size:var(--fs-sm,.8125rem)}
.st .ss-old summary{cursor:pointer;color:var(--fg-dim,#555);min-height:44px;display:flex;align-items:center;
  font-family:inherit;font-size:var(--fs-sm,.8125rem);font-weight:600;letter-spacing:normal;text-transform:none}
.st .ss-old ul{margin:var(--s2,.5rem) 0 0;padding-left:1.1rem;display:flex;flex-direction:column;gap:var(--s1,.25rem);color:var(--fg-dim,#555)}
.st .ss-foot{margin-top:var(--s3,.75rem);text-align:right}

/* Tap targets on these sections: every button, field and fold is at least 44px tall. */
.st-sec[data-sec="buyer-questions"] button,
.st-sec[data-sec="competitors"] button,
.st-sec[data-sec="topic-sources"] button,
.st-sec[data-sec="buyer-questions"] .st-link,
.st-sec[data-sec="competitors"] .st-link,
.st-sec[data-sec="topic-sources"] .st-link,
.st-sec[data-sec="buyer-questions"] summary,
.st-sec[data-sec="competitors"] summary,
.st-sec[data-sec="topic-sources"] summary{min-height:44px}
.st-sec[data-sec="buyer-questions"] input,
.st-sec[data-sec="buyer-questions"] select,
.st-sec[data-sec="competitors"] input,
.st-sec[data-sec="competitors"] select,
.st-sec[data-sec="topic-sources"] input,
.st-sec[data-sec="topic-sources"] select{min-height:44px}
.st-sec[data-sec="buyer-questions"] .ss-tools button,
.st-sec[data-sec="competitors"] .ss-tools button,
.st-sec[data-sec="topic-sources"] .ss-tools button{padding:.3rem .8rem;font-size:var(--fs-sm,.8125rem)}

@media (min-width:1024px){
  .st .ss-item>p.ss-url{font-size:var(--fs-body,.9375rem)}
}