/* Assembly module — what the associate sees.
   Loaded on the public preview route, separate from the admin sheet. */
/* Public preview — the associate reads the notice and its attachments
   before signing, so PDFs render inline instead of forcing a download. */
.assembly-public-preview-frame {
    width: 100%;
    height: 340px;
    margin-top: 8px;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
}

.assembly-public-attachment {
    padding-bottom: 12px;
    border-bottom: 1px solid #f3f4f6;
}

.assembly-public-attachment:last-child {
    border-bottom: 0;
}
/* Assembly data in the member view. Flex rows instead of the float grid the
   contract uses: our labels are longer and wrapping scrambled the pairs. */
.assembly-public-meta-row {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 16px;
    padding: 6px 0;
    border-bottom: 1px solid #f3f4f6;
}

.assembly-public-meta-row:last-child {
    border-bottom: 0;
}

.assembly-public-meta-row > span:last-child {
    text-align: right;
    font-weight: 500;
    white-space: nowrap;
}

/* The two actions an associate takes on the notice page. Wrapping rather than
   shrinking on a phone: a button narrower than its label is worse than a
   second row. */
.assembly-public-actions {
    flex-wrap: wrap;
}

@media (max-width: 480px) {
    .assembly-public-actions {
        width: 100%;
    }

    .assembly-public-actions .btn {
        flex: 1 1 100%;
    }
}

/* Each calendar in its own colour, taken from the brand rather than from the
   theme: the mark and the colour together are what tell three buttons apart at
   a glance, which is what lets the label stay at a single word. */
.assembly-cal {
    color: #fff;
    border: 0;
}

.assembly-cal:hover,
.assembly-cal:focus {
    color: #fff;
    filter: brightness(0.92);
}

.assembly-cal-google  { background-color: #1a73e8; }
.assembly-cal-apple   { background-color: #1d1d1f; }
.assembly-cal-outlook { background-color: #0f6cbd; }

/* The signed rubric, shown back to the person who drew it.
   The admin sheet carries the same class but is never loaded in the customers
   area, so the rule is repeated here rather than shared — a stylesheet meant
   for the staff panel has no business being served to associates. */
.assembly-public-signature {
    margin: 4px 0 14px;
    padding: 10px;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    background: #ffffff;
    text-align: center;
}

.assembly-public-signature .assembly-signature-image {
    max-width: 100%;
    max-height: 90px;
}