/* Control panel › Feedback tab (Shared/FeedbackOverview.razor). The table, search and card are
   the Questionnaire tab's qo* classes (QuestionnaireStyle.css); this adds only what longer,
   multi-line feedback needs. */

/* Keep the user's own line breaks. */
.fbTable .fbText {
    white-space: pre-wrap;
}

/* Second line under a cell's main value: company id, staff account, page URL, language. */
.fbSub {
    display: block;
    margin-top: 0.15rem;
    font-size: 0.75rem;
    color: #6b7280;
}

.fbUrl {
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 0.7rem;
}

.fbLink {
    padding: 0;
    font: inherit;
    color: #2563eb;
    text-align: left;
    background: none;
    border: 0;
    cursor: pointer;
}

.fbLink:hover {
    text-decoration: underline;
}

/* Delete button in each row's last cell. */
.fbDelete {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.9rem;
    height: 1.9rem;
    padding: 0;
    color: #9ca3af;
    background: transparent;
    border: 0;
    border-radius: 6px;
    cursor: pointer;
}

.fbDelete:hover {
    color: #dc2626;
    background: #fef2f2;
}

.fbDelete:disabled {
    opacity: 0.4;
    cursor: default;
}

/* Header text for screen readers only. */
.fbHidden {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

/* A row whose text is cut to its first words: the whole row opens it. */
.fbClosed {
    cursor: pointer;
}

.fbMore {
    display: block;
    margin-top: 0.3rem;
    padding: 0;
    font: inherit;
    font-size: 0.75rem;
    font-weight: 600;
    color: #2563eb;
    background: none;
    border: 0;
    cursor: pointer;
}

.fbMore:hover {
    text-decoration: underline;
}

/* An open row keeps the hover colour, so it reads as one block. */
.qoTable tbody tr.fbOpen td {
    background: #f8fafc;
}

/* Page cell: the user's own words in quotes, then the menu item and tabs the form saw. */
.fbTopic,
.fbPage {
    display: block;
}

.fbTopic {
    margin-bottom: 0.15rem;
}

.fbPage {
    font-weight: 500;
    color: #111827;
}

/* "Anonymous" in the Company and User cells: no one to link to. */
.fbAnon {
    font-style: italic;
    color: #6b7280;
}