/* Integrations page: tool search */
.tool-search { margin-top: 48px; display: grid; gap: 16px; }
.tool-search .field input { font-size: var(--s-lead); padding: 14px 16px; }
.tool-search .field input:disabled { opacity: .6; }
.tool-status { color: var(--muted); min-height: 1.5em; }
.tool-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 8px; }
.tool-list li { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--raised); min-width: 0; }
.tool-list img, .tool-icon-none { flex: none; width: 32px; height: 32px; border-radius: 7px; object-fit: contain; }
.tool-list img { background: #ffffff; padding: 3px; }
.tool-icon-none { display: grid; place-items: center; background: var(--accent-soft); color: var(--accent); font-weight: 600; font-size: var(--s-small); }
.tool-list span:last-child { overflow-wrap: anywhere; line-height: 1.35; }
.tool-more { color: var(--faint); font-size: var(--s-small); }
.tool-updated { color: var(--faint); font-size: var(--s-small); }
@media (max-width: 720px) { .tool-list { grid-template-columns: 1fr 1fr; } .tool-list li { padding: 8px 10px; gap: 10px; } }
@media (max-width: 420px) { .tool-list { grid-template-columns: 1fr; } }
.tool-list .tool-more { grid-column: 1 / -1; border: 0; background: none; padding: 4px 0; }