/* Client search box (Elastic, per client). Tokens from tokens.css / work.css. */
.cs{padding:var(--space-3,16px) var(--space-4,21px);border-radius:var(--radius-panel,16px);margin:0 0 var(--space-3,16px)}
.cs-form{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center}
.cs-q{min-height:44px;font-size:15px;width:100%}
.cs-type{min-height:44px}
.cs-form .button{min-height:44px}
.cs-out:empty{display:none}
.cs-out{margin-top:12px}
.cs-list{list-style:none;margin:8px 0 0;padding:0;display:grid}
.cs-list li{padding:12px 0;border-top:1px solid var(--line,#cbd8de)}
.cs-head{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
.cs-head b{overflow-wrap:anywhere}
.cs-kind{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted,#506774)}
.cs-snip{margin:4px 0;color:var(--ink);overflow-wrap:anywhere}
.cs-snip mark,.cs-head mark{background:var(--tint,#dcece6);color:var(--ink);border-radius:3px;padding:0 2px}
.cs-path{margin:4px 0 0;overflow-wrap:anywhere}
@media (max-width:600px){.cs-form{grid-template-columns:1fr 1fr}.cs-q{grid-column:1/3}.cs-form .button{width:100%}}