/* ============================================================
   SHARED · Highlight-to-report styles
   (pairs with feedback-selection.js; quote block used by
   feedback-widget.js via FeedbackWidget.openWithSelection)

   .fbw-select-report — the small "Report this" affordance that
   appears near a text selection on teaching pages. Matches the
   widget-panel popover language (white card, soft border/shadow).
   Suppressed entirely inside the Arena session page — there,
   "Report this" is injected into Arena's own highlight picker
   (.fbw-arena-report below).

   .fbw-selquote — the read-only captured-text quote block at the
   top of the widget panel. Visual truncation only: the stored
   string is never altered.
   ============================================================ */

.fbw-select-report {
    position: fixed;
    z-index: 1350; /* same layer as the widget; below lightboxes/tour */
    font: 400 12.5px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, system-ui, sans-serif;
    padding: 8px 13px;
    border-radius: 8px;
    border: 1px solid #E4E4E1;
    background: #FFFFFF;
    color: #4A4A4A;
    cursor: pointer;
    box-shadow: 0 8px 22px rgba(17, 17, 17, 0.13);
    transition: border-color .14s;
}
.fbw-select-report:hover {
    border-color: #1284F5;
    color: #0B6BC9;
    transform: none; /* global button hover-lift reset */
}

/* "Report this" item injected into Arena's highlight picker. Sits
   after the three colour swatches; styled to read as part of that
   menu without touching Arena's own CSS. */
.fbw-arena-report {
    font: 400 12px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, system-ui, sans-serif;
    padding: 6px 10px;
    margin-left: 6px;
    border-radius: 6px;
    border: 1px solid #E4E4E1;
    background: #FFFFFF;
    color: #4A4A4A;
    cursor: pointer;
    box-shadow: none;
    white-space: nowrap;
}
.fbw-arena-report:hover {
    border-color: #1284F5;
    color: #0B6BC9;
    transform: none;
}

/* ---------- captured-selection quote block in the panel ---------- */
.fbw-selquote {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    background: #F7F6F3;
    border-left: 3px solid #1284F5;
    border-radius: 8px;
    padding: 8px 10px;
    margin-bottom: 12px;
}
.fbw-selquote-text {
    flex: 1;
    font-size: 12.5px;
    line-height: 1.5;
    color: #4A4A4A;
    font-style: italic;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
}
.fbw-selquote-clear {
    flex: 0 0 auto;
    font-size: 15px;
    line-height: 1;
    padding: 2px 4px;
    border: none;
    background: none;
    color: #6B6B6B;
    cursor: pointer;
    box-shadow: none;
}
.fbw-selquote-clear:hover {
    color: #111111;
    transform: none;
}