/* Support tickets page. Table and modal base styles come from prospect_lead/prospect-list.css. */

.prospect-support-legend {
    margin-bottom: 6px;
    color: #18243a;
    font-size: 12px;
    font-weight: 700;
}

/* Bootstrap only shows .invalid-feedback after a sibling input; the radios sit inside their own wrappers. */
.was-validated .prospect-support-radio-feedback {
    display: block;
}

.was-validated fieldset:has(input:checked) .prospect-support-radio-feedback {
    display: none;
}

.prospect-support-attachments {
    padding: 0;
    border: 0;
    background: none;
    color: #1565c0;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
}

.prospect-support-attachments:hover {
    text-decoration: underline;
}

.support-attachments-carousel {
    border-radius: 8px;
    background: #10182b;
}

.support-attachments-carousel .carousel-item img {
    width: 100%;
    height: 60vh;
    object-fit: contain;
}

.support-attachments-carousel.is-single .carousel-control-prev,
.support-attachments-carousel.is-single .carousel-control-next,
.support-attachments-carousel.is-single .carousel-indicators {
    display: none;
}

.support-remark-history-list {
    max-height: 220px;
    margin: 0;
    padding: 0;
    overflow-y: auto;
    list-style: none;
}

.support-remark-history-list li {
    padding: 10px 12px;
    border-left: 3px solid #1565c0;
    border-radius: 6px;
    background: #f4f7fb;
}

.support-remark-history-list li + li {
    margin-top: 8px;
}

.support-remark-history-head {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    font-size: 12px;
    color: #18243a;
}

.support-remark-history-head time {
    color: #6b7a90;
    white-space: nowrap;
}

.support-remark-history-list p {
    margin: 4px 0;
    font-size: 13px;
    color: #18243a;
    white-space: pre-line;
    word-break: break-word;
}

.support-remark-history-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 10px;
    font-size: 12px;
    color: #6b7a90;
}

.support-remark-history-meta span:first-child {
    margin-right: -6px;
}