#companionQuickSearch { position:fixed; z-index:1450; width:min(1000px,calc(100vw - 32px)); max-height:calc(100vh - 100px); left:16px; top:80px; display:flex; flex-direction:column; overflow:auto; background:#fff; color:#153749; border:1px solid #d4e4e9; border-radius:20px; box-shadow:0 18px 65px #183b4f28; }
#companionQuickSearch[hidden],#companionQuickSearch [hidden] { display:none!important; }
#companionQuickSearch > header { display:flex; align-items:center; gap:14px; padding:20px 24px; background:linear-gradient(120deg,#edf7f7,#f4f7fc); border-bottom:1px solid #e1ecee; }
#companionQuickSearch header svg { width:25px; height:25px; color:#168485; }
#companionQuickSearch header h2 { margin:0; font-size:20px; }
#companionQuickSearch header p { margin:0 0 4px; font-size:10px; letter-spacing:.14em; color:#527882; }
#companionQuickSearch header button { margin-left:auto; width:32px; height:32px; border-radius:50%; border:1px solid #cedfe3; background:#fff; font-size:22px; color:#355866; }
#companionQuickSearch > nav { display:flex; gap:8px; padding:16px 24px 0; }
#companionQuickSearch > nav button { border:1px solid #d6e4e7; background:#fff; border-radius:9px; padding:9px 14px; font-size:12px; color:#375967; }
#companionQuickSearch > nav button[aria-pressed=true] { background:#146c74; border-color:#146c74; color:#fff; }
#companionQuickSearch form { padding:16px 24px; display:grid; grid-template-columns:2fr 1fr 1fr auto; align-items:end; gap:12px; }
#companionQuickSearch label { display:grid; gap:6px; font-size:11px; font-weight:600; color:#52717f; min-width:0; }
#companionQuickSearch input,#companionQuickSearch select { width:100%; min-width:0; height:38px; padding:8px 10px; border:1px solid #d3e0e6; border-radius:8px; color:#163a4d; font-size:12px; background:#fff; box-shadow:none; }
#companionQuickSearch input:focus { outline:none; box-shadow:none; }
#companionQuickSearch [data-quick-person-filters] { display:grid; grid-template-columns:2fr 1fr; grid-column:1/4; gap:12px; }
#companionQuickSearch form > button { grid-column:4; grid-row:1; min-height:38px; padding:8px 20px; }
#companionQuickSearch [data-quick-status] { margin:0 24px; padding:12px 0; font-size:12px; border-top:1px solid #e4edef; color:#527280; }
#companionQuickSearch [role=alert] { color:#934b24; }
#companionQuickSearch progress { width:calc(100% - 48px); height:4px; margin:0 24px 10px; accent-color:#178688; }
#companionQuickSearch [data-quick-results] { padding:0 24px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
#companionQuickSearch .quick-search-row { display:grid; grid-template-columns:36px minmax(0,1fr); grid-template-rows:1fr auto; align-items:start; gap:10px; padding:12px; margin:0; min-width:0; min-height:108px; border:1px solid #dfe9ed; border-radius:13px; background:linear-gradient(145deg,#fff,#f7fbfc); }
#companionQuickSearch .quick-search-avatar { flex:none; position:relative; display:grid; place-items:center; width:36px; height:36px; overflow:hidden; border:1px solid #dce9ed; border-radius:10px; background:#e8f3f4; font-size:11px; color:#337681; }
#companionQuickSearch .quick-search-avatar.person { border-radius:50%; }
#companionQuickSearch .quick-search-avatar img { position:absolute; width:100%; height:100%; object-fit:contain; background:#fff; }
#companionQuickSearch .quick-search-avatar.person img { object-fit:cover; }
#companionQuickSearch .quick-search-identity { display:grid; gap:4px; min-width:0; flex:1; }
#companionQuickSearch .quick-search-identity strong { font-size:12px; line-height:1.4; overflow-wrap:anywhere; }
#companionQuickSearch .quick-search-identity span,#companionQuickSearch .quick-search-identity small { font-size:11px; color:#62818e; overflow-wrap:anywhere; }
#companionQuickSearch .quick-search-actions { grid-column:1/-1; display:flex; align-items:center; justify-content:flex-end; gap:7px; padding-top:8px; border-top:1px solid #e6eef1; }
#companionQuickSearch .quick-search-action-status { flex:1; min-width:0; font-size:10px; line-height:1.4; color:#426f76; overflow-wrap:anywhere; }
#companionQuickSearch .quick-search-action { flex:none; display:grid; place-items:center; width:34px; height:34px; min-width:34px; min-height:34px; padding:0; border-radius:10px; border:1px solid #cee2e5; color:#15747c; background:#edf7f8; box-shadow:none; }
#companionQuickSearch .quick-search-action svg { width:18px; height:18px; pointer-events:none; }
#companionQuickSearch .quick-search-action:hover:not(:disabled) { background:#dceff1; border-color:#80b8bf; }
#companionQuickSearch .quick-search-action:focus-visible { outline:2px solid #168485; outline-offset:2px; }
#companionQuickSearch .quick-search-action:disabled { cursor:default; opacity:.5; }
#companionQuickSearch .quick-search-action.is-saved { opacity:1; background:#e7f3ed; color:#27835c; border-color:#c9e4d5; }
#companionQuickSearch .quick-search-action[aria-busy=true] svg { animation:quick-search-spin .8s linear infinite; }
@keyframes quick-search-spin { to { transform:rotate(360deg); } }
@media(prefers-reduced-motion:reduce) { #companionQuickSearch .quick-search-action[aria-busy=true] svg { animation:none; } }
#companionQuickSearch .quick-search-empty { grid-column:1/-1; display:grid; gap:8px; text-align:center; padding:26px; background:#f6fafb; border:1px dashed #dbe9ed; border-radius:12px; font-size:12px; color:#5c7c8a; }
#companionQuickSearch > footer { display:flex; flex-wrap:wrap; gap:10px; padding:16px 24px; align-items:center; }
#companionQuickSearch [data-quick-open] { margin-left:auto; }
#companionQuickSearch .quick-search-history { display:flex; align-items:center; flex-wrap:wrap; gap:8px 14px; padding:0 24px 12px; }
#companionQuickSearch [data-quick-history] { display:inline-flex; align-items:center; gap:10px; padding:7px 10px; border:1px solid #d6e4e7; border-radius:9px; background:#f6fafb; color:#375967; font-size:11px; box-shadow:none; }
#companionQuickSearch [data-quick-history] svg { width:19px; height:19px; pointer-events:none; }
#companionQuickSearch [data-quick-history] span { min-width:30px; padding:3px 6px; border-radius:10px; background:#e3ecef; color:#52717f; font-weight:700; }
#companionQuickSearch [data-quick-history][aria-checked=true] { border-color:#9cc9c8; background:#edf7f7; }
#companionQuickSearch [data-quick-history][aria-checked=true] span { color:#fff; background:#146c74; }
#companionQuickSearch .quick-search-history small { font-size:11px; color:#62818e; line-height:1.4; }
@media(max-width:700px) { #companionQuickSearch form { grid-template-columns:1fr 1fr; } #companionQuickSearch form > label:first-child { grid-column:1/-1; } #companionQuickSearch form > button { grid-column:2; grid-row:auto; } #companionQuickSearch [data-quick-person-filters] { grid-column:1/-1; } #companionQuickSearch .quick-search-row { flex-wrap:wrap; } }
@media(max-width:820px) { #companionQuickSearch [data-quick-results] { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:540px) { #companionQuickSearch [data-quick-results] { grid-template-columns:minmax(0,1fr); } }