/* Shared "scan a website" input used by Content Duplication and Site Audit */

.crawl-inputs { display: grid; gap: 14px; }
.crawl-input-row { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 14px; }
.crawl-field { display: grid; gap: 8px; min-width: 0; }
.crawl-field label { color: var(--text); font-size: 14px; font-weight: 700; }
.crawl-website { flex: 1 1 320px; }
.crawl-budget { flex: 0 1 148px; }
.crawl-input-wrap { position: relative; }
.crawl-input-icon { position: absolute; left: 16px; top: 50%; width: 19px; height: 19px; color: var(--text-3); transform: translateY(-50%); pointer-events: none; }
.crawl-inputs input, .crawl-inputs textarea { width: 100%; padding: 14px 16px; border-radius: 14px; font-size: 16px; }
.crawl-inputs input { min-height: 56px; }
.crawl-website input { padding-left: 46px; }
.crawl-budget input { font-variant-numeric: tabular-nums; }
.crawl-inputs textarea { min-height: 96px; font: 500 14px/1.55 var(--font-mono); }
.crawl-inputs .crawl-start { min-height: 56px; padding: 0 26px; border-radius: 14px; font-size: 15px; }
.crawl-inputs .crawl-start .icon { transition: transform .15s; }
.crawl-inputs .crawl-start:hover .icon { transform: translateX(3px); }
.crawl-inputs .crawl-start:disabled { cursor: progress; opacity: .7; }
.crawl-help { display: flex; align-items: flex-start; gap: 8px; color: var(--text-3); font-size: 13.5px; line-height: 1.5; }
.crawl-help .icon { width: 16px; height: 16px; margin-top: 1px; opacity: .75; }
.crawl-options { margin-top: 2px; }
.crawl-options summary { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px 6px 4px; color: var(--link); border-radius: 8px; font-size: 14px; font-weight: 700; cursor: pointer; list-style: none; }
.crawl-options summary::-webkit-details-marker { display: none; }
.crawl-options summary:hover { background: var(--mint-100); }
.crawl-options summary .icon { width: 16px; height: 16px; transition: transform .15s; }
.crawl-options[open] summary .icon { transform: rotate(90deg); }
.crawl-options summary span { color: var(--text-3); font-weight: 500; }
.crawl-options .crawl-field { margin-top: 10px; }
.crawl-options .crawl-help { display: block; }
.crawl-conflict-link[hidden] { display: none; }
.crawl-conflict-link { display: inline-block; margin-top: 12px; color: var(--link); font-weight: 700; }
@media (max-width: 640px) {
    .crawl-website { flex-basis: 100%; }
    .crawl-budget { flex: 1; }
    .crawl-inputs .crawl-start { flex: 1; }
}