/* ==========================================================================
   4_1_194: site search restyled to match the goals "Search & add" modal:
   purple border + glow, rounded, // title, purple-bordered bar, tag chips
   instead of the [ ALL ] dropdown, grouped rows with covers (no buttons).
   Loaded after screen.css, so equal-specificity rules here win.
   ========================================================================== */
.ts-overlay{--ts-bg:#101014;--ts-panel:#16161c;--ts-text:#eceaf3;--ts-dim:#9a97a8;--ts-purple:#7F77DD;--ts-purb:#A48DFF;--ts-teal:#5DCAA5;--ts-line:#2a2a33;--ts-hover:#16161c;--ts-scrim:rgba(6,6,10,.72);backdrop-filter:blur(3px)}
html[data-theme=light] .ts-overlay,html.light .ts-overlay,body.light .ts-overlay,.theme-light .ts-overlay{--ts-bg:#fbf9f4;--ts-panel:#f1ede4;--ts-text:#2a2722;--ts-dim:#6a6456;--ts-purple:#6a61c9;--ts-purb:#5a50bf;--ts-teal:#2f8a68;--ts-line:#d6cfc0;--ts-hover:#f1ede4;--ts-scrim:rgba(40,36,30,.35)}
.ts-modal{width:min(720px,92vw);max-height:80vh;margin:8vh auto 0;border:2px solid var(--ts-purple);border-radius:12px;overflow:hidden;
  box-shadow:0 0 0 1px rgba(127,119,221,.25),0 0 28px rgba(127,119,221,.35),0 24px 60px rgba(0,0,0,.55)}
html[data-theme=light] .ts-modal{box-shadow:0 0 0 1px rgba(106,97,201,.2),0 0 22px rgba(106,97,201,.22),0 18px 40px rgba(0,0,0,.18)}
.ts-head{padding:13px 16px}
.ts-head-title{color:var(--ts-purb);font-size:13.6px;font-weight:800;letter-spacing:.06em}
.ts-head-title:before{content:none}
.ts-x{background:none;border:0;color:var(--ts-dim);font-size:16px}
.ts-x:hover{color:var(--ts-text);transform:none}
.ts-bar{padding:13px 16px 9px}
.ts-field .ts-input{background:var(--ts-panel);border:1px solid var(--ts-purple);border-radius:8px;font-size:15px;padding:10px 38px 10px 32px}
.ts-field .ts-input:focus{border-color:var(--ts-purple);box-shadow:0 0 0 3px rgba(127,119,221,.28)}
.ts-field .ts-prompt{color:var(--ts-purple);font-weight:800}
.ts-kinds{display:flex;flex-wrap:wrap;gap:5px;padding:0 16px 11px;border-bottom:1px solid var(--ts-line)}
.ts-kind{background:none;border:1px solid var(--ts-line);color:var(--ts-dim);border-radius:999px;padding:4.5px 9px;font-family:inherit;font-size:11.5px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;cursor:pointer;white-space:nowrap}
.ts-kind:hover{color:var(--ts-text);border-color:var(--ts-purple)}
.ts-kind.ts-on{background:var(--ts-purple);border-color:var(--ts-purple);color:#fff}
.ts-results{background-image:none;border-top:0;padding:6px 0 10px;scrollbar-width:thin;scrollbar-color:var(--ts-purple) transparent}
.ts-results::-webkit-scrollbar-track{background:transparent}
.ts-section{color:var(--ts-purple);font-size:11.2px;font-weight:800;letter-spacing:.08em;padding:10px 16px 4px}
.ts-row{border-left:0;gap:12px;padding:7px 16px}
.ts-row.ts-sel,.ts-row:hover{background:var(--ts-hover);box-shadow:inset 3px 0 0 var(--ts-purple)}
.ts-ic{flex:0 0 40px;width:40px;height:53px;border-radius:4px;border:1px solid var(--ts-line)}
.ts-ic:not([data-type]){height:40px;border-radius:8px}
.ts-ic[data-type=user],.ts-ic[data-type=person],.ts-ic[data-type=character]{height:40px;border-radius:50%}
.ts-ic[data-type=article],.ts-ic[data-type=event]{width:64px;flex-basis:64px;height:40px}
.ts-title{font-size:13.6px}
.ts-sub{font-size:11.5px}
.ts-more{display:block;margin:2px 16px 6px auto;padding:0;background:none;border:0;color:var(--ts-purb);font-family:inherit;font-size:11.5px;font-weight:700;letter-spacing:0;cursor:pointer}
.ts-more:before{content:none}
.ts-more:hover{text-decoration:underline;color:var(--ts-purb)}
.ts-note{padding:28px 16px}
.ts-foot{font-size:11px;padding:9px 16px}
@media (max-width:767px){
  .ts-modal{border-radius:0;border:2px solid var(--ts-purple);box-shadow:none}
  .ts-bar{padding:10px 14px 8px}
  .ts-field .ts-input{font-size:16px;min-height:44px}
  .ts-kinds{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:0 14px 10px;-webkit-overflow-scrolling:touch}
  .ts-kinds::-webkit-scrollbar{display:none}
  .ts-kind{flex:0 0 auto;padding:7px 12px}
}