/*
 * Returned Documents modal — sizing and the status/password cells.
 * Base modal chrome comes from site.css (.modal-window-*); this only adds what is specific to it.
 */

.document-send-records-modal-container {
    width: min(1100px, calc(100vw - 40px));
    height: min(720px, calc(100dvh - 40px));
}

.document-send-records-modal {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}

/* Says out loud what is on this screen — it is the one place the passwords are readable. */
.dsr-note {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    background: #fff7ed;
    border-bottom: 1px solid #fed7aa;
    color: #9a3412;
    font-size: 12px;
}

/* SmartTable measures the box it is given, so this has to be the thing that has the height. */
.dsr-table {
    flex: 1 1 auto;
    min-height: 0;
}

/* Passwords get read out over the phone; 0/O and 1/l have to be distinguishable. */
.dsr-pin {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    letter-spacing: 0.04em;
}

.dsr-status {
    padding: 1px 8px;
    border-radius: 10px;
    font-size: 12px;
}

.dsr-status-sent {
    background: #dcfce7;
    color: #166534;
}

/* Failed means the document is still sitting in manual review, so it needs to read as unfinished
   business rather than a footnote. */
.dsr-status-failed {
    background: #fee2e2;
    color: #991b1b;
}

.dsr-status-pending,
.dsr-status-unknown {
    background: #f3f4f6;
    color: #4b5563;
}