/* ==========================================================================
   query-assist.css — Figma 891:9273 ("Are you looking for...")

   The restraint IS the design. No card, no border, no fill, no shadow, no
   dropdown chrome — the lines sit directly on the Workspace surface, 11px
   apart, under the composer's left edge. Anything drawn around them would
   turn a quiet offer into a menu.

     Head    Argus mark 17 × 18 · 10 gap · 14 / 1.25 Geist #24252d
     Row     search 16 · 7 gap · 14 / 1.25 — typed #24252d, refinement #8e8e8e
     Rhythm  11px between head and rows and between rows (29px pitch)
   ========================================================================== */

.oc-assist {
  display: flex;
  flex-direction: column;
  gap: 11px;
  width: 100%;
  max-width: 420px;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  box-shadow: none;
}
.oc-assist[hidden] { display: none; }

.oc-assist__head {
  display: flex;
  align-items: center;
  gap: 10px;
}
.oc-assist__mark {
  display: block;
  width: 17px;
  height: 17px;
  flex: 0 0 17px;
  object-fit: contain;
}
.oc-assist__head-text {
  font-family: Geist, Inter, var(--font-sans);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.25;
  color: #24252d;
}

.oc-assist__list {
  display: flex;
  flex-direction: column;
  gap: 11px;
}

.oc-assist__row {
  display: flex;
  align-items: flex-start;
  gap: 7px;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  font: inherit;
  color: inherit;
  text-align: left;
  cursor: pointer;
  border-radius: 4px;
  transition: opacity 120ms ease;
}
.oc-assist__row:hover .oc-assist__text,
.oc-assist__row.is-active .oc-assist__text { text-decoration: underline; }
.oc-assist__row:focus-visible {
  outline: 2px solid rgba(240, 88, 34, 0.55);
  outline-offset: 2px;
}

.oc-assist__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 16px;
  width: 16px;
  height: 18px;
  color: #24252d;
}
.oc-assist__icon svg { display: block; }

.oc-assist__text {
  font-family: Geist, Inter, var(--font-sans);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.25;
  color: #24252d;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-underline-offset: 2px;
}
.oc-assist__typed { color: #24252d; }
.oc-assist__suffix { color: #8e8e8e; }

@media (max-width: 820px) {
  .oc-assist { max-width: 100%; }
  .oc-assist__head-text,
  .oc-assist__text { font-size: 13px; }
}