/* =========================================================
   HORIZON BEE AFRICA — DASHBOARD: ENQUIRIES
   Uses the dashboard styles in products.css; this file only
   adds what the Enquiries inbox needs.
   ========================================================= */

.enquiry-toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;

    margin-bottom: 16px;
}

.enquiry-toolbar input[type="search"] {
    flex: 1 1 260px;
}

.enquiry-list {
    display: grid;
    gap: 12px;

    margin: 0;
    padding: 0;

    list-style: none;
}

.enquiry {
    padding: 18px 20px;

    background: var(--white);
    border: 1px solid var(--line);
    border-left: 4px solid var(--line);

    transition: box-shadow 0.3s ease, border-color 0.3s ease;
}

.enquiry.is-new {
    border-left-color: var(--gold);
}

.enquiry.is-handled {
    border-left-color: var(--green);
}

.enquiry.is-archived {
    opacity: 0.78;
}

.enquiry.is-focused {
    box-shadow: 0 0 0 3px rgba(216, 155, 0, 0.3);
}

.enquiry-head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;

    margin-bottom: 8px;
}

.enquiry-topic {
    padding: 3px 9px;

    background: var(--gold-soft);

    color: #6b4c00;

    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.topic-hive_for_development { background: #e8f5ed; color: var(--green); }
.topic-investment { background: #eef0fb; color: #33408f; }
.topic-bee_venom { background: #fdecea; color: #8f2a1f; }
.topic-training { background: #f1efea; color: var(--brown); }

.enquiry-subject {
    color: var(--text);

    font-size: 15px;
}

.enquiry-time {
    margin-left: auto;

    color: var(--muted);

    font-size: 12.5px;
    white-space: nowrap;
}

.enquiry-who {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px 16px;

    margin-bottom: 10px;

    font-size: 14px;
}

.enquiry-name {
    color: var(--brown-dark);

    font-size: 15.5px;
    font-weight: 700;
}

.enquiry-who a {
    color: var(--brown);
}

.enquiry-who a:hover {
    color: var(--gold);
}

.enquiry-org {
    color: var(--text-soft);
}

.enquiry-message {
    display: -webkit-box;

    margin: 0;
    overflow: hidden;

    color: var(--text-soft);

    font-size: 14.5px;
    line-height: 1.6;
    white-space: pre-line;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.enquiry-message.is-open {
    display: block;
}

.enquiry-more {
    margin-top: 4px;
    padding: 0;

    background: none;
    border: 0;

    color: var(--brown);

    font: inherit;
    font-size: 13px;
    font-weight: 600;
    text-decoration: underline;

    cursor: pointer;
}

.enquiry-note {
    margin-top: 12px;

    font-size: 13px;
}

.enquiry-note summary {
    color: var(--muted);

    cursor: pointer;
}

.enquiry-note textarea {
    display: block;

    width: 100%;
    margin: 8px 0;
    padding: 8px 10px;

    border: 1px solid var(--line);
    border-radius: 8px;

    font: inherit;
}

.enquiry-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;

    margin-top: 14px;
    padding-top: 12px;

    border-top: 1px solid var(--line);
}

.enquiry-actions a.btn {
    text-decoration: none;
}

.enquiry-actions .spacer {
    flex: 1;
}

@media (max-width: 640px) {

    .enquiry {
        padding: 14px;
    }

    .enquiry-time {
        margin-left: 0;
        width: 100%;
    }

    .enquiry-actions .spacer {
        display: none;
    }

    .enquiry-actions .btn {
        flex: 1 1 auto;
    }
}