/*
 * Sending a test out to a laboratory the practice does not run.
 *
 * The colours live here rather than as Tailwind text utilities for the reason the bench records:
 * `index.css` wins at (1,0,1) against a bare class on a `p`, so a `text-` utility silently does
 * nothing.
 */

.send-out-dialog {
    max-width: 40rem;
}

.send-out-form {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.send-out-field {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.send-out-field-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
}

/* What one coordinator already learned about reaching this laboratory, shown rather than retyped. */
.send-out-note {
    font-size: 0.875rem;
    color: var(--muted-foreground);
}

/* The patient and test this send-out is for, held apart from the form as the deck draws it. Scoped
   to the portal root like index.css, or the dialog description's muted colour wins. */
#akashic-health-records-patient-portal-root .send-out-identity {
    display: block;
    padding: 10px 12px;
    border-left: 3px solid var(--primary);
    background: var(--blue-soft);
    color: var(--ink-strong);
}

#akashic-health-records-patient-portal-root .send-out-identity strong {
    font-weight: 500;
    color: var(--ink-strong);
}

#akashic-health-records-patient-portal-root .send-out-sub {
    display: block;
    font-size: 12px;
    color: var(--ink-muted);
}

#akashic-health-records-patient-portal-root .send-out-note--box {
    padding: 12px;
    background: var(--sunken);
    font-size: 12px;
}

/*
 * The registry answers with as many laboratories as match, so the list scrolls inside the dialog
 * rather than running under its edge - where the footer covered the rows and ate the click.
 */
.send-out-results {
    max-height: 26rem;
    overflow-y: auto;
}

/* Any laboratory other than the practice's own, behind a disclosure as labs.html draws it. */
.send-out-other {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.send-out-other > summary {
    cursor: pointer;
    margin-bottom: 0.5rem;
}