/* filing.css — SEC filings as their own kind of alert.
 *
 * One colour for all three: an SEC filing is an SEC filing, and colour-coding the form type made
 * the reader learn a legend to get information the label already gives them in words.
 *
 * Dark pool is deliberately NOT styled here. It is an equity print off the tape, not a filing —
 * grouping them was wrong.
 */

.trade.filing {
    --fil: #5b32a8;
    border: 0.5px solid var(--border);
    border-radius: 6px;
    overflow: hidden;
    padding: 0;                      /* the header bar runs edge to edge */
}

/* ---- card: solid header bar ---- */
.lay-card .trade.filing .header {
    background: var(--fil);
    color: #fff;
    margin: 0;
    padding: 5px 10px;
    border: 0;
    border-radius: 0;
    font-weight: 600;
    letter-spacing: .02em;
}

.lay-card .trade.filing .cardgrid {
    margin: 0;
    padding: 9px 12px;
    background: var(--surface);
}

.lay-card .trade.filing .foot {
    margin: 0;
    padding: 6px 12px;
    background: var(--surface);
}

/* ---- raw: the header line, in the same purple ---- */
.lay-line .trade.filing {
    border: 0;
    border-radius: 0;
    padding: 4px 8px;
}

.lay-line .trade.filing .ra-head {
    color: var(--fil);
    font-weight: 700;
}

/* no chip on the type in raw — the header line carries it */
.lay-line .trade.filing .ra-type { display: none; }

/* one line, wrapping only when the window is too narrow - the same as an option alert */
.lay-line .trade.filing .ra1 {
    white-space: normal;
    color: var(--text);
}