/* Unified site search partial.
   Extracted from Views/Shared/_UnifiedSearch.cshtml — keep edits here, not inline. */

    .usearch { position: relative; max-width: 580px; margin: 22px auto 0; text-align: left; }
    .usearch-icon { position: absolute; left: 16px; top: 17px; color: #7c8a73; pointer-events: none; }
    html[data-theme="dark"] .usearch-icon { color: #899180; }
    .usearch-input {
        width: 100%; box-sizing: border-box; font: inherit; font-size: 16px;
        padding: 14px 16px 14px 46px; border: 1px solid rgba(64,75,56,.42);
        border-radius: 12px; background: #ffffff; color: #1c241a;
        box-shadow: 0 1px 2px rgba(20,30,15,.07);
        transition: border-color .15s ease, box-shadow .15s ease;
    }
    html[data-theme="dark"] .usearch-input { background: #181d15; border-color: #313a29; color: #eef1e8; box-shadow: none; }
    .usearch-input::placeholder { color: #9aa593; }
    .usearch-input:focus { outline: none; border-color: #55a250; box-shadow: 0 0 0 3px rgba(85,162,80,.18); }

    .usearch-results {
        list-style: none; margin: 8px 0 0; padding: 6px; position: absolute; z-index: 40;
        left: 0; right: 0; max-height: 60vh; overflow: auto; text-align: left;
        background: #ffffff; border: 1px solid #dde3d6; border-radius: 12px;
        box-shadow: 0 16px 40px rgba(0,0,0,.16); display: none;
    }
    html[data-theme="dark"] .usearch-results { background: #181d15; border-color: #2a3024; box-shadow: 0 16px 40px rgba(0,0,0,.4); }
    .usearch-results.is-open { display: block; }
    .usearch-results li { margin: 0; }
    .usearch-results a {
        display: flex; flex-direction: column; gap: 3px; padding: 10px 12px;
        border-radius: 8px; text-decoration: none; color: #1c241a;
    }
    html[data-theme="dark"] .usearch-results a { color: #eef1e8; }
    .usearch-results a:hover, .usearch-results a.is-active { background: #eef2e9; }
    html[data-theme="dark"] .usearch-results a:hover, html[data-theme="dark"] .usearch-results a.is-active { background: #1c2218; }
    /* Title on the left; the type tag is pushed to the right of the first line
       so it never squeezes or wraps the title. */
    .usearch-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
    .usearch-tag {
        flex-shrink: 0; margin-top: 2px; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em;
        color: #2f5e2c; background: #eef2e9; border-radius: 5px; padding: 2px 6px; line-height: 1.5;
    }
    html[data-theme="dark"] .usearch-tag { color: #9ccf98; background: #1c2218; }
    .usearch-title { flex: 1 1 auto; min-width: 0; font-weight: 600; }
    .usearch-sub { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; font-size: 13px; color: #7c8a73; }
    html[data-theme="dark"] .usearch-sub { color: #899180; }
    .usearch-empty { padding: 14px 12px; color: #7c8a73; font-size: 14px; }