.header-search { flex: 0 1 360px; margin: 0 16px; }
.docs-search-wrap { position: relative; }
.docs-search-input {
  width: 100%; padding: 6px 12px 6px 32px; border: 1px solid rgba(255,255,255,.25);
  border-radius: 20px; background: rgba(255,255,255,.12); color: #fff;
  font-size: .85rem; outline: none; transition: all .2s;
}
.docs-search-input::placeholder { color: rgba(255,255,255,.5); }
.docs-search-input:focus { background: rgba(255,255,255,.2); border-color: rgba(255,255,255,.4); }
.docs-search-icon { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); font-size: .8rem; opacity: .6; pointer-events: none; }
.docs-search-results {
  display: none; position: absolute; top: 100%; left: 0; right: 0; margin-top: 4px;
  background: #fff; border: 1px solid #dee2e6; border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0,0,0,.15); max-height: 400px; overflow-y: auto; z-index: 200;
}
.docs-search-results.show { display: block; }
.docs-sr-item {
  display: block; padding: 8px 14px; text-decoration: none; color: #333;
  border-bottom: 1px solid #f0f0f0; font-size: .84rem; line-height: 1.4;
}
.docs-sr-item:hover { background: #f0faf5; }
.docs-sr-item:last-child { border-bottom: none; }
.docs-sr-section { font-size: .7rem; color: #6c757d; text-transform: uppercase; letter-spacing: .03em; }
.docs-sr-title { font-weight: 600; color: #1b5e20; }
.docs-sr-ctx { font-size: .78rem; color: #888; margin-top: 2px; }
.docs-sr-ctx mark { background: #fff3a3; padding: 0 1px; border-radius: 2px; }
.docs-sr-empty { padding: 16px; text-align: center; color: #999; font-size: .85rem; }
[data-theme="dark"] .docs-search-results { background: #1e293b; border-color: #334155; }
[data-theme="dark"] .docs-sr-item { color: #e2e8f0; border-color: #334155; }
[data-theme="dark"] .docs-sr-item:hover { background: rgba(91,168,157,.1); }
[data-theme="dark"] .docs-sr-title { color: #5BA89D; }
[data-theme="dark"] .docs-sr-ctx { color: #64748b; }
@media (max-width: 767px) { .header-search { flex: 0 1 200px; margin: 0 8px; } }
@media (max-width: 480px) { .header-search { display: none; } }