/* ai-visibility-conversations.css - the AI visibility Prompts tab, once Conversations (PRD-242, PRD-312 S6; the tab lane fills this file, registered empty by S1 in StaffStylesheets::ORDER after ai-visibility.css, so no wave-2 lane edits that shared line). Tokens only, no hex. */

/* PRD-312 S6 (D7, Figma 902:51374): the Prompts tab. Group by stands at the right end of the filter row. The Answers box is the sheet's Box rows (428:19984) as a table, the Pages tab's shape (ai-visibility-pages.css): every row the subtle top rule and 24px sides; the head row 8px tall padding, 12px medium muted; a group row on the surface fill, 14px semibold; a data row 12px padding, cells 16px apart. Prompt takes the room the other columns leave (Persona 168, Position 130, Cited 56, Change 100, Optimisations 118, the chevron 20, as drawn). A row is one link: the prompt's link is stretched over the row. The table scrolls inside its box on a narrow screen, never the page. */
.aeo-prompts-group-by{margin-left:auto}
.aeo-prompts-scroll{position:relative;overflow-x:auto}
.aeo-prompts-table{width:100%;min-width:880px;border-collapse:collapse;table-layout:fixed;font-size:var(--font-size-sm);line-height:20px;color:var(--color-text)}
.aeo-prompts-table th,.aeo-prompts-table td{box-sizing:border-box;padding:var(--space-3) 0 var(--space-3) var(--space-4);border-top:1px solid var(--color-border-subtle);text-align:left;vertical-align:middle;font-weight:var(--fw-regular)}
.aeo-prompts-table tr>:first-child{padding-left:var(--space-5)}
.aeo-prompts-table tr>:last-child{padding-right:var(--space-5)}
.aeo-prompts-table thead th{padding-top:var(--space-2);padding-bottom:var(--space-2);font-size:var(--font-size-xs);font-weight:var(--fw-medium);line-height:16px;color:var(--color-muted);white-space:nowrap}
.aeo-prompts-table .aeo-prompts-group th{background:var(--color-surface);font-weight:var(--fw-semibold)}
.aeo-prompts-table .aeo-prompts-second{width:184px;color:var(--color-body)}
.aeo-prompts-table .aeo-prompts-position{width:146px}
.aeo-prompts-table .aeo-prompts-cited{width:72px;color:var(--color-body)}
.aeo-prompts-table .aeo-prompts-change{width:116px}
.aeo-prompts-table .aeo-prompts-items{width:134px}
.aeo-prompts-table .aeo-prompts-open{width:60px}
.aeo-prompts-row{position:relative}
.aeo-prompts-row:hover{background:var(--color-surface)}
.aeo-prompts-row:has(.aeo-prompts-link:focus-visible){box-shadow:inset 0 0 0 2px var(--color-focus)}
.aeo-prompts-link{color:var(--color-text);text-decoration:none}
.aeo-prompts-link::after{content:"";position:absolute;inset:0}
.aeo-prompts-link:focus-visible{outline:none}
.aeo-prompts-open .ic{display:block;width:20px;height:20px;stroke:var(--color-faint);fill:none;stroke-width:1.67;stroke-linecap:round;stroke-linejoin:round}
.aeo-prompts-up,.aeo-prompts-some{font-weight:var(--fw-medium);color:var(--status-primary-fg)}
.aeo-prompts-down{color:var(--status-danger-fg)}
.aeo-prompts-new{color:var(--status-info-fg)}
.aeo-prompts-same,.aeo-prompts-faint{color:var(--color-faint)}
.aeo-prompts-note td{font-size:var(--font-size-sm-minus);line-height:18px;color:var(--color-muted)}
.aeo-prompts-more{margin-left:var(--space-2);font-weight:var(--fw-medium);color:var(--status-primary-fg);text-decoration:none}
.aeo-prompts-more:hover{text-decoration:underline}

/* The opened-answer band, which the leads report still draws (PRD-285 S7): the answer and the pages it cited. */
.aeo-conv-band{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5) var(--space-5) var(--space-6) 64px;border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg)}
.aeo-conv-line{margin:0;font-size:var(--font-size-sm-minus);line-height:1.5;color:var(--color-muted)}
/* The answer is its Markdown drawn as HTML (Ross, 2026-09-27: "proper HTML
   ... nice spacing, and it's in the Rubik font"): the body font, a gap
   between blocks, lists indented, links underlined, a thin rule for `---`
   and headings no bigger than the box's own text. */
.aeo-conv-text{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-ui);font-family:var(--font-sans);font-size:var(--font-size-sm);line-height:1.5;color:var(--color-text);overflow-wrap:anywhere}
.aeo-conv-text>*{margin:0}
.aeo-conv-text>*+*{margin-top:var(--space-3)}
.aeo-conv-text ul,.aeo-conv-text ol{padding-left:var(--space-5)}
.aeo-conv-text li+li,.aeo-conv-text li>ul,.aeo-conv-text li>ol{margin-top:var(--space-1)}
.aeo-conv-text li>p{margin:0}
.aeo-conv-text h1,.aeo-conv-text h2{font-size:var(--font-size-base);font-weight:var(--fw-semibold);line-height:1.5;color:var(--color-text)}
.aeo-conv-text h3,.aeo-conv-text h4,.aeo-conv-text h5,.aeo-conv-text h6{font-size:var(--font-size-sm);font-weight:var(--fw-semibold);line-height:1.5;color:var(--color-text)}
.aeo-conv-text a{color:var(--color-link);text-decoration:underline;text-underline-offset:2px}
.aeo-conv-text a:hover{color:var(--color-primary-dark)}
.aeo-conv-text hr{height:0;border:0;border-top:1px solid var(--color-border-subtle)}
.aeo-conv-text blockquote{padding-left:var(--space-3);border-left:2px solid var(--color-border);color:var(--color-body)}
.aeo-conv-text code{font-family:var(--font-mono);font-size:var(--font-size-xs)}
.aeo-conv-text pre{overflow-x:auto}
/* A table in the answer (GFM, on for this box only): the sheet's plain
   table, scrolling sideways inside the box so the page never does. */
.aeo-conv-text table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;overflow-wrap:normal;color:var(--color-body)}
.aeo-conv-text th{padding:var(--space-2) 0;text-align:left;vertical-align:bottom;font-size:var(--font-size-xs);font-weight:var(--fw-medium);color:var(--color-muted);border-bottom:1px solid var(--color-border-subtle)}
.aeo-conv-text td{padding:var(--space-2) 0;text-align:left;vertical-align:top;border-bottom:1px solid var(--color-border-subtle)}
.aeo-conv-text th+th,.aeo-conv-text td+td{padding-left:var(--space-4)}
/* A column keeps a readable width (four of the 32px step), so a wide
   table scrolls on a phone rather than folding to a word a line. */
.aeo-conv-text th,.aeo-conv-text td{min-width:calc(var(--space-6) * 4)}
.aeo-conv-text td:first-child{color:var(--color-text)}
.aeo-conv-text strong{font-weight:var(--fw-semibold)}
.aeo-conv-cited h3{margin:0 0 var(--space-2);font-size:var(--font-size-xs);font-weight:var(--fw-medium);line-height:1.5;color:var(--color-muted)}
.aeo-conv-cited ul{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;list-style:none}
.aeo-conv-cited li{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);min-width:0}
.aeo-conv-url{min-width:0;font-family:var(--font-mono);font-size:var(--font-size-sm-minus);line-height:1.5;color:var(--color-text);overflow-wrap:anywhere}

@media (max-width:719.98px){
  .aeo-prompts-group-by{margin-left:0}
  .aeo-conv-band{padding:var(--space-4)}
}

/* The page top (Ross, 2026-10-21): Run once as a Plain button beside Add prompt, the tab's one green decision. Upload CSV's file field and its one-line hint. */
.aeo-prompts-decision{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-3)}
.aeo-prompts-file{width:100%;height:var(--size-control);padding:0 var(--space-2);cursor:pointer}
.aeo-prompts-file::file-selector-button{height:28px;margin-right:var(--space-3);padding:0 var(--space-3);border:1px solid var(--color-control-border);border-radius:var(--radius-ui);background:var(--color-surface);color:var(--color-text);font:var(--fw-medium) var(--font-size-sm) var(--font-sans);cursor:pointer}
.aeo-prompts-hint{margin:var(--space-1) 0 0;font-size:var(--font-size-xs);line-height:1.5;color:var(--color-muted)}