:root {
    --search-ink: #17233b;
    --search-muted: #667085;
    --search-line: #e5eaf2;
    --search-purple: #5b3cc4;
    --search-purple-dark: #40249d;
    --search-bg: #f5f7fb;
}
* { box-sizing: border-box; }
body.search-page { margin: 0; color: var(--search-ink); background: var(--search-bg); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.search-page-header { height: 78px; padding: 0 clamp(20px,5vw,72px); background: #fff; border-bottom: 1px solid var(--search-line); display: flex; align-items: center; justify-content: space-between; position: sticky; top: 0; z-index: 20; }
.search-page-brand { display: inline-flex; align-items: center; gap: 12px; color: var(--search-ink); text-decoration: none; }
.search-page-brand img { width: 45px; height: 45px; object-fit: contain; }
.search-page-brand span { display: grid; line-height: 1.1; }
.search-page-brand strong { font-size: 17px; letter-spacing: .02em; }
.search-page-brand small { color: var(--search-muted); font-size: 11px; margin-top: 4px; }
.search-page-header nav { display: flex; gap: 10px; }
.search-page-header nav a { color: #46516a; text-decoration: none; font-size: 13px; font-weight: 700; padding: 10px 14px; border-radius: 12px; }
.search-page-header nav a:hover { background: #f1f3f8; }
.search-page-header nav a.primary { color: #fff; background: var(--search-purple); }
.search-results-shell { width: min(1180px, calc(100% - 32px)); margin: 0 auto; padding: 38px 0 70px; }
.search-results-hero { padding: clamp(28px,5vw,52px); border-radius: 28px; color: #fff; overflow: hidden; background: radial-gradient(circle at 80% 0%, rgba(255,255,255,.22), transparent 28%), linear-gradient(135deg, #21134f, #6240cd 58%, #8266dd); box-shadow: 0 24px 70px rgba(51,31,117,.22); }
.search-eyebrow { display: inline-flex; gap: 8px; align-items: center; font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: #ddd4ff; }
.search-results-hero h1 { font-size: clamp(31px,5vw,52px); line-height: 1.05; margin: 14px 0 13px; letter-spacing: -.04em; }
.search-results-hero > p { max-width: 820px; color: #e8e3fb; font-size: 15px; line-height: 1.7; margin: 0 0 24px; }
.global-search-strip { width: min(1180px, calc(100% - 32px)); margin: 18px auto 0; padding: 0; position: relative; z-index: 5; }
.global-search-strip.dashboard-search-strip { width: 100%; margin: 0 0 22px; }
.global-search-form { display: flex; align-items: center; gap: 12px; background: #fff; border: 1px solid #e0e5ef; border-radius: 18px; padding: 8px 9px 8px 18px; box-shadow: 0 15px 42px rgba(27,39,68,.13); }
.global-search-form > i { color: var(--search-purple); font-size: 20px; }
.global-search-form input { flex: 1; min-width: 0; height: 46px; border: 0; outline: 0; font: inherit; font-size: 15px; color: var(--search-ink); background: transparent; }
.global-search-form input::placeholder { color: #8b94a7; }
.global-search-form button { border: 0; border-radius: 13px; min-height: 46px; padding: 0 20px; background: var(--search-purple); color: #fff; font-weight: 800; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; }
.global-search-form button:hover { background: var(--search-purple-dark); }
.results-search-form { max-width: 900px; box-shadow: 0 18px 46px rgba(20,12,57,.24); }
.search-result-toolbar { display: flex; justify-content: space-between; gap: 24px; align-items: center; padding: 32px 4px 20px; }
.search-result-toolbar > div:first-child > span { color: var(--search-muted); font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.search-result-toolbar h2 { margin: 5px 0; font-size: clamp(25px,4vw,38px); letter-spacing: -.03em; }
.search-result-toolbar p { color: var(--search-muted); margin: 0; }
.search-privacy-note { display: flex; gap: 12px; align-items: center; max-width: 390px; padding: 15px 17px; border-radius: 16px; background: #fff; border: 1px solid var(--search-line); }
.search-privacy-note > i { font-size: 24px; color: var(--search-purple); }
.search-privacy-note span { display: grid; gap: 3px; }
.search-privacy-note strong { font-size: 13px; }
.search-privacy-note small { color: var(--search-muted); line-height: 1.4; }
.search-module-filters { display: flex; flex-wrap: wrap; gap: 9px; margin-bottom: 20px; }
.search-module-filters a { display: inline-flex; align-items: center; gap: 7px; padding: 9px 12px; border-radius: 999px; background: #fff; border: 1px solid var(--search-line); color: #4c5770; text-decoration: none; font-size: 12px; font-weight: 800; }
.search-module-filters a span { min-width: 23px; padding: 2px 6px; border-radius: 999px; text-align: center; background: #f0f2f7; }
.search-module-filters a.active { color: #fff; border-color: var(--search-purple); background: var(--search-purple); }
.search-module-filters a.active span { background: rgba(255,255,255,.18); }
.search-result-list { display: grid; gap: 14px; }
.search-result-card { --tone: #4f46e5; display: grid; grid-template-columns: 54px minmax(0,1fr) auto; gap: 17px; align-items: center; padding: 20px; background: #fff; border: 1px solid var(--search-line); border-left: 4px solid var(--tone); border-radius: 19px; box-shadow: 0 8px 26px rgba(37,47,72,.055); }
.search-result-card.tone-blue { --tone:#356ee6; }.search-result-card.tone-teal { --tone:#0b9b91; }.search-result-card.tone-coral { --tone:#dc604c; }.search-result-card.tone-green { --tone:#31a267; }.search-result-card.tone-amber { --tone:#d69219; }.search-result-card.tone-pink { --tone:#ce4d8b; }.search-result-card.tone-slate { --tone:#65728a; }
.search-result-icon { width: 54px; height: 54px; display: grid; place-items: center; border-radius: 16px; font-size: 23px; color: var(--tone); background: color-mix(in srgb, var(--tone) 10%, white); }
.search-result-kicker { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; color: var(--tone); font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: .06em; }
.result-status { padding: 3px 7px; border-radius: 999px; font-size: 9px; letter-spacing: .02em; }
.result-status.public { color: #087f5b; background: #e6fcf5; }.result-status.secret { color: #a61e4d; background: #fff0f6; }.result-status.borrowed { color: #b45309; background: #fff7ed; }
.search-result-content h3 { margin: 6px 0 7px; font-size: 19px; line-height: 1.25; }
.search-result-content h3 a { color: var(--search-ink); text-decoration: none; }
.search-result-content h3 a:hover { color: var(--tone); }
.search-result-content > p { color: #5d687e; line-height: 1.55; font-size: 13px; margin: 0 0 10px; }
.search-result-meta { display: flex; flex-wrap: wrap; gap: 16px; color: #7a8496; font-size: 11px; }
.search-result-meta span { display: inline-flex; align-items: center; gap: 6px; }
.search-result-open { display: inline-flex; align-items: center; gap: 8px; padding: 11px 13px; border-radius: 12px; color: var(--tone); background: color-mix(in srgb, var(--tone) 8%, white); text-decoration: none; white-space: nowrap; font-size: 12px; font-weight: 900; }
.search-result-open:hover { color: #fff; background: var(--tone); }
.search-empty-state { margin-top: 25px; padding: 60px 25px; text-align: center; border-radius: 23px; border: 1px dashed #cfd6e2; background: #fff; }
.search-empty-state > i { font-size: 46px; color: var(--search-purple); }
.search-empty-state h2 { margin: 14px 0 7px; }.search-empty-state p { max-width: 670px; color: var(--search-muted); margin: auto; line-height: 1.6; }
.search-pagination { display: flex; align-items: center; justify-content: center; gap: 18px; margin-top: 25px; }
.search-pagination a { color: var(--search-purple); text-decoration: none; font-size: 12px; font-weight: 900; padding: 10px 14px; border-radius: 11px; background: #fff; border: 1px solid var(--search-line); }
.search-pagination span { color: var(--search-muted); font-size: 12px; font-weight: 700; }
.search-page-footer { padding: 25px; text-align: center; color: var(--search-muted); font-size: 11px; border-top: 1px solid var(--search-line); background: #fff; }
@media (max-width: 760px) {
    .search-page-header { height: 68px; padding: 0 16px; }.search-page-brand img { width: 39px; height: 39px; }.search-page-header nav a { padding: 9px; }.search-page-header nav a i { margin: 0; }.search-page-header nav a:not(.primary) { font-size: 0; }.search-page-header nav a:not(.primary) i { font-size: 17px; }.search-page-header nav a.primary { font-size: 0; }.search-page-header nav a.primary i { font-size: 17px; }
    .search-results-shell { width: min(100% - 20px, 1180px); padding-top: 14px; }.search-results-hero { border-radius: 20px; padding: 25px 18px; }.search-results-hero > p { font-size: 13px; }.global-search-form { border-radius: 15px; padding-left: 13px; }.global-search-form button { padding: 0 14px; }.global-search-form button i { display: none; }
    .search-result-toolbar { align-items: flex-start; flex-direction: column; padding-top: 25px; }.search-privacy-note { max-width: none; width: 100%; }.search-result-card { grid-template-columns: 45px minmax(0,1fr); padding: 16px; gap: 12px; }.search-result-icon { width: 45px; height: 45px; border-radius: 13px; font-size: 19px; }.search-result-open { grid-column: 2; justify-self: start; }.search-result-content h3 { font-size: 16px; }.search-result-content > p { font-size: 12px; }
    .global-search-strip { width: min(100% - 20px, 1180px); margin-top: 12px; }.global-search-strip.dashboard-search-strip { width: 100%; margin-top: 0; }
}
