.multisearch-view { min-width: 0; width: 100%; min-height: calc(100vh - 58px); background: var(--panel); }
#multisearch-content { padding-bottom: 70px; }
.multisearch-hero {
  padding: clamp(28px, 6vw, 86px) clamp(18px, 5vw, 76px) 34px; display: grid;
  grid-template-columns: minmax(0, 1fr) auto; gap: 30px; border-bottom: 1px solid var(--line);
  background: radial-gradient(circle at 78% 18%, color-mix(in srgb, var(--green) 13%, transparent), transparent 29%), var(--card);
}
.multisearch-kicker { color: var(--green); font: 9px var(--mono); letter-spacing: .12em; text-transform: uppercase; }
.multisearch-hero h1 { max-width: 820px; margin: 12px 0; font-size: clamp(38px, 7vw, 92px); line-height: .9; letter-spacing: -.055em; }
.multisearch-hero p { max-width: 680px; margin: 0; color: var(--muted); font-size: 13px; line-height: 1.6; }
.multisearch-signal { width: 130px; align-self: end; display: grid; border-left: 1px solid var(--line); padding-left: 20px; }
.multisearch-signal strong { font: 52px/.9 var(--mono); }
.multisearch-signal span { color: var(--muted); font: 8px var(--mono); text-transform: uppercase; }
.multisearch-diagnostics { border-bottom: 1px solid var(--line); background: var(--soft); }
.multisearch-diagnostics > p { margin: 0; padding: 18px clamp(18px, 5vw, 76px); color: var(--muted); font: 9px var(--mono); }
.multisearch-diagnostics > header { padding: 14px clamp(18px, 5vw, 76px); display: flex; align-items: end; justify-content: space-between; gap: 20px; border-bottom: 1px solid var(--line); }
.multisearch-diagnostics > header span, .multisearch-diagnostic-metrics span { color: var(--green); font: 7px var(--mono); text-transform: uppercase; }
.multisearch-diagnostics h2 { margin: 4px 0 0; font-size: 18px; }
.multisearch-diagnostics > header > strong { padding: 5px 7px; border: 1px solid var(--green); color: var(--green); font: 8px var(--mono); text-transform: uppercase; }
.multisearch-diagnostics > header > strong[data-state="attention"] { border-color: #b3412f; color: #b3412f; }
.multisearch-diagnostic-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.multisearch-diagnostic-metrics > div { padding: 13px clamp(14px, 3vw, 28px); display: grid; gap: 4px; border-right: 1px solid var(--line); }
.multisearch-diagnostic-metrics strong { font: 21px var(--mono); }
.multisearch-diagnostic-providers { display: flex; overflow-x: auto; border-top: 1px solid var(--line); }
.multisearch-diagnostic-providers article { min-width: 230px; padding: 12px 16px; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 12px; border-right: 1px solid var(--line); }
.multisearch-diagnostic-providers article strong { overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.multisearch-diagnostic-providers article span { color: #b3412f; font: 7px var(--mono); text-transform: uppercase; }
.multisearch-diagnostic-providers article small { grid-column: 1 / -1; color: var(--muted); font: 8px var(--mono); }
.multisearch-diagnostic-providers > p { margin: 0; padding: 12px clamp(18px, 5vw, 76px); color: var(--muted); font: 9px var(--mono); }
.multisearch-diagnostics > footer { padding: 8px clamp(18px, 5vw, 76px); border-top: 1px solid var(--line); color: var(--muted); font: 7px var(--mono); text-transform: uppercase; }
.multisearch-diagnostic-error { color: #b3412f !important; }
.multisearch-form {
  display: grid; grid-template-columns: minmax(0, 1fr) auto; border-bottom: 1px solid var(--line); background: var(--card);
}
.multisearch-form fieldset { min-width: 0; margin: 0; padding: 0; border: 0; border-top: 1px solid var(--line); }
.multisearch-form legend, .multisearch-query > span, .multisearch-limit > span { padding: 10px 16px 7px; color: var(--muted); font: 8px var(--mono); text-transform: uppercase; }
.multisearch-query { display: grid; padding: 18px clamp(18px, 5vw, 76px); }
.multisearch-query > span { padding-inline: 0; }
.multisearch-query input { width: 100%; padding: 5px 0 11px; border: 0; border-bottom: 2px solid var(--ink); color: var(--ink); background: transparent; font: 500 clamp(23px, 4vw, 48px)/1.1 var(--sans); outline: none; }
.multisearch-query input:focus { border-color: var(--green); }
.multisearch-primary-actions { margin: 30px clamp(18px, 4vw, 54px) 30px 0; display: grid; gap: 6px; align-content: center; }
.multisearch-submit, .multisearch-cancel { min-width: 190px; min-height: 42px; }
.multisearch-profiles { grid-column: 1 / -1; }
.multisearch-profiles > div, .multisearch-providers > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.multisearch-profiles label, .multisearch-providers label {
  min-width: 0; padding: 12px 16px; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 3px 9px;
  border-right: 1px solid var(--line); border-top: 1px solid var(--line); cursor: pointer;
}
.multisearch-providers [data-profiles][hidden] { display: none; }
.multisearch-provider-tools { min-height: 36px; display: flex !important; align-items: center; justify-content: flex-end; border-top: 1px solid var(--line); }
.multisearch-provider-tools span { margin-right: auto; padding: 0 16px; color: var(--muted); font: 8px var(--mono); text-transform: uppercase; }
.multisearch-provider-tools button { align-self: stretch; border: 0; border-left: 1px solid var(--line); color: var(--muted); background: transparent; font: 8px var(--mono); cursor: pointer; }
.multisearch-provider-tools button:hover { color: var(--paper); background: var(--ink); }
.multisearch-profiles input, .multisearch-providers input { grid-row: 1 / 3; align-self: center; accent-color: var(--green); }
.multisearch-profiles span, .multisearch-providers span { font-size: 11px; font-weight: 600; }
.multisearch-profiles code, .multisearch-providers code { overflow: hidden; color: var(--muted); font: 8px var(--mono); text-overflow: ellipsis; white-space: nowrap; }
.multisearch-providers { grid-column: 1; }
.multisearch-providers > div { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.multisearch-limit { display: grid; align-content: start; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.multisearch-limit input { width: 100%; height: 56px; padding: 0 16px; border: 0; color: var(--ink); background: var(--soft); font: 24px var(--mono); }
.multisearch-status { padding: 10px clamp(18px, 4vw, 54px); border-bottom: 1px solid var(--line); color: var(--muted); font: 9px var(--mono); text-transform: uppercase; }
.multisearch-status[data-state="loading"] { color: var(--green); }
.multisearch-status[data-state="failed"] { color: #b3412f; }
.multisearch-status[data-state="cancelled"] { color: #9a6a14; }
.multisearch-run-summary { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)) auto; border-bottom: 1px solid var(--line); background: var(--ink); color: var(--paper); }
.multisearch-run-summary[hidden], .multisearch-history[hidden] { display: none; }
.multisearch-run-summary > div { padding: 12px 16px; display: grid; gap: 3px; border-right: 1px solid color-mix(in srgb, var(--paper) 22%, transparent); }
.multisearch-run-summary span { color: color-mix(in srgb, var(--paper) 65%, transparent); font: 7px var(--mono); text-transform: uppercase; }
.multisearch-run-summary strong { font: 18px var(--mono); text-transform: capitalize; }
.multisearch-summary-actions { padding: 0 !important; display: grid !important; grid-template-columns: 1fr !important; }
.multisearch-summary-actions button { min-width: 120px; padding: 0 10px; border: 0; border-bottom: 1px solid color-mix(in srgb, var(--paper) 22%, transparent); color: var(--paper); background: transparent; font: 8px var(--mono); cursor: pointer; }
.multisearch-summary-actions button:hover { color: var(--ink); background: var(--paper); }
.multisearch-history { border-bottom: 1px solid var(--line); background: var(--soft); }
.multisearch-history > header { padding: 10px 16px; display: flex; align-items: end; justify-content: space-between; border-bottom: 1px solid var(--line); }
.multisearch-history > header span { color: var(--green); font: 7px var(--mono); text-transform: uppercase; }
.multisearch-history h2 { margin: 3px 0 0; font-size: 16px; }
.multisearch-history > header button { border: 0; color: var(--muted); background: transparent; font: 8px var(--mono); cursor: pointer; }
.multisearch-history > div { display: flex; overflow-x: auto; }
.multisearch-history > div button { min-width: 210px; padding: 11px 14px; display: grid; gap: 4px; border: 0; border-right: 1px solid var(--line); color: var(--ink); background: var(--card); text-align: left; cursor: pointer; }
.multisearch-history > div button:hover { background: var(--panel); }
.multisearch-history > div strong { font-size: 11px; }
.multisearch-history > div span { color: var(--muted); font: 8px var(--mono); }
.multisearch-results { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(310px, 1fr); overflow-x: auto; align-items: start; }
.multisearch-lane { min-height: 420px; border-right: 1px solid var(--line); background: var(--card); }
.multisearch-lane > header { min-height: 112px; padding: 16px; display: flex; justify-content: space-between; gap: 16px; border-bottom: 1px solid var(--line); }
.multisearch-lane > header span, .multisearch-lane > header p { margin: 0; color: var(--muted); font: 8px var(--mono); }
.multisearch-lane h2 { margin: 7px 0 3px; font-size: 22px; }
.multisearch-lane h2 a { color: inherit; text-decoration: none; }
.multisearch-lane h2 a:hover { color: var(--green); }
.multisearch-lane > header > strong { height: max-content; padding: 4px 6px; border: 1px solid var(--line); font: 7px var(--mono); text-transform: uppercase; }
.multisearch-lane > header > strong[data-state="fulfilled"] { color: var(--green); border-color: var(--green); }
.multisearch-lane-tools { min-height: 40px; padding-left: 12px; display: flex; align-items: center; border-bottom: 1px solid var(--line); }
.multisearch-lane-tools span { margin-right: auto; color: var(--muted); font: 8px var(--mono); }
.multisearch-lane-tools button { align-self: stretch; border: 0; border-left: 1px solid var(--line); color: var(--muted); background: transparent; font: 8px var(--mono); cursor: pointer; }
.multisearch-lane-tools button:hover { color: var(--paper); background: var(--ink); }
.multisearch-lane-filter { padding: 9px 12px; display: grid; gap: 4px; border-bottom: 1px solid var(--line); }
.multisearch-lane-filter span { color: var(--muted); font: 7px var(--mono); text-transform: uppercase; }
.multisearch-lane-filter span em { float: right; color: var(--green); font-style: normal; }
.multisearch-lane-filter input { width: 100%; padding: 6px 0; border: 0; border-bottom: 1px solid var(--line); color: var(--ink); background: transparent; font: 10px var(--mono); outline: none; }
.multisearch-lane-filter input:focus { border-color: var(--green); }
.multisearch-record[hidden] { display: none; }
.multisearch-record { padding: 15px; display: flow-root; border-bottom: 1px solid var(--line); }
.multisearch-record > img { width: 56px; height: 78px; margin: 0 0 8px 12px; float: right; object-fit: cover; border: 1px solid var(--line); background: var(--soft); }
.multisearch-record > span { color: var(--green); font: 7px var(--mono); text-transform: uppercase; }
.multisearch-record h3 { margin: 6px 0; font-size: 15px; line-height: 1.3; }
.multisearch-record h3 a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.multisearch-record p { margin: 0 0 8px; color: var(--muted); font-size: 10px; line-height: 1.45; }
.multisearch-record dl { margin: 0; display: flex; gap: 12px; color: var(--muted); font: 7px var(--mono); }
.multisearch-record dl div { min-width: 0; display: flex; gap: 4px; }
.multisearch-record dd { margin: 0; overflow-wrap: anywhere; }
.multisearch-lane details { border-bottom: 1px solid var(--line); }
.multisearch-lane summary { padding: 10px 15px; color: var(--muted); font: 8px var(--mono); cursor: pointer; }
.multisearch-lane pre { max-height: 220px; margin: 0; padding: 12px; overflow: auto; border-top: 1px solid var(--line); font: 8px/1.5 var(--mono); }
.multisearch-error, .multisearch-empty { margin: 16px; padding: 16px; border: 1px solid #b3412f; color: var(--muted); font-size: 10px; }
.multisearch-error button { min-height: 34px; padding: 0 9px; border: 1px solid var(--line); color: var(--ink); background: var(--card); font: 8px var(--mono); cursor: pointer; }
.multisearch-error button:hover { color: var(--paper); background: var(--ink); }
.multisearch-skeleton { min-height: 360px; padding: 18px; color: var(--muted); font: 9px var(--mono); background: linear-gradient(110deg, var(--card) 30%, var(--soft) 50%, var(--card) 70%); background-size: 200% 100%; animation: multisearch-pulse 1.4s linear infinite; }
.multisearch-toggle { min-height: 30px; padding: 0 9px; display: inline-flex; align-items: center; border: 1px solid var(--line); border-radius: 3px; color: var(--ink); font: 600 9px var(--mono); text-decoration: none; }
@keyframes multisearch-pulse { to { background-position: -200% 0; } }
@media (max-width: 800px) {
  .multisearch-hero { grid-template-columns: 1fr; }
  .multisearch-signal { display: none; }
  .multisearch-diagnostics > header { align-items: start; flex-direction: column; }
  .multisearch-diagnostic-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .multisearch-form { grid-template-columns: 1fr; }
  .multisearch-primary-actions { margin: 0 18px 24px; }
  .multisearch-submit, .multisearch-cancel { min-height: 48px; }
  .multisearch-profiles, .multisearch-providers { grid-column: 1; }
  .multisearch-profiles > div, .multisearch-providers > div { grid-template-columns: 1fr; }
  .multisearch-provider-tools { display: flex !important; }
  .multisearch-limit { border-left: 0; }
  .multisearch-results { grid-auto-flow: row; grid-auto-columns: auto; grid-template-columns: 1fr; overflow: visible; }
  .multisearch-run-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .multisearch-summary-actions { grid-column: 1 / -1; min-height: 44px; grid-template-columns: repeat(2, 1fr) !important; }
  .multisearch-lane { min-height: 0; border-right: 0; border-bottom: 1px solid var(--line); }
}
@media (prefers-reduced-motion: reduce) { .multisearch-skeleton { animation: none; } }