/* freescout-qol styles */

.qol-new-dropdown .dropdown-menu {
    min-width: 160px;
}

/* Latest public reply, beneath the customer email in the mailbox list. */
.qol-reply-badge {
    display: inline-block;
    margin: 2px 0 4px;
    padding: 1px 8px;
    font-size: 11px;
    font-weight: bold;
    line-height: 16px;
    border-radius: 10px;
    text-transform: uppercase;
    letter-spacing: .3px;
}

.qol-reply-badge.qol-reply-customer {
    background-color: #fdf1d8;
    color: #a6740a;
}

.qol-reply-badge.qol-reply-agent {
    background-color: #dceafb;
    color: #0b5da3;
}

.table-conversations .conv-customer .qol-reply-badge { display:table; margin-top:4px; white-space:nowrap; }
.thread .qol-reply-badge { display:none; }

/* FreeScout's phone layout positions the subject 24px from the top of every
   row. A reply badge lives below the customer name, so give tagged rows a
   dedicated line before the subject instead of allowing the two to overlap. */
@media (max-width:1000px) {
    .table.table-conversations tbody tr.qol-last-reply-customer,
    .table.table-conversations tbody tr.qol-last-reply-agent {
        height: 108px;
    }

    .table.table-conversations.show-mailbox tbody tr.qol-last-reply-customer,
    .table.table-conversations.show-mailbox tbody tr.qol-last-reply-agent {
        height: 114px;
    }

    .table-conversations .qol-last-reply-customer .conv-subject,
    .table-conversations .qol-last-reply-agent .conv-subject {
        top: 48px;
    }
}

#qol-ticket-events { padding:18px 20px; border-top:1px solid #dce3eb; overflow-wrap:anywhere; }
#qol-ticket-events h3 { font-size:16px; margin:0 0 14px; }
.qol-ticket-event { padding:12px 0; border-bottom:1px solid #e5e9ef; font-size:12px; line-height:1.6; }
.qol-ticket-event strong { display:block; font-size:13px; }
.qol-ticket-event small { display:block; }
.qol-ticket-events-refresh { margin-top:12px; }
.qol-calendar-note { background:#fff8df; padding:20px 30px; border-bottom:1px solid #eadfb9; }
.qol-calendar-note p { white-space:pre-wrap; margin-top:12px; }
#qol-calendar-connections { margin-top:24px; padding-top:16px; border-top:1px solid #dce3eb; }
#qol-calendar-connections .qc-connection-form { margin:10px 0; }
#qol-calendar-connections .qc-hint { font-size:12px; color:#637487; line-height:1.6; }
#qol-calendar-connections #qc-connection-status { margin-top:12px; }

.note-editable.qol-drop-target {
    outline: 2px dashed #337ab7;
    outline-offset: -4px;
    background-color: #eef7ff;
}

/* The subject opens only from the dedicated toolbar action. The editor itself
   remains interactive once that action has deliberately revealed it. */
body.qol-subject-gated .conv-subjtext {
    pointer-events: none;
}

body.qol-subject-gated .conv-subjtext .conv-subj-editor {
    pointer-events: auto;
}