/* THIS FILE IS COPIED FROM THE COMMON LIBRARY AS OF 2025-08-04 16:45:32 GMT. DO NOT EDIT THIS FILE. EDIT THE ORIGINAL IN THE COMMON LIBRARY INSTEAD. */
.record-approvals-controls {
    text-align: right;
}
.record-approvals-controls .button {
    font-size: 1.25rem;
    color: gray;
    cursor: pointer;
    transition: 0.3s;
    user-select: none;
}
.record-approvals-controls .button:hover {
    color: var(--primary-color);
}



* ~ .record-approvals-list {
    margin-top: 8px;
}
.record-approvals-list > * ~ * {
    margin-top: 8px;
}

.record-approval {
    display: flex;
    position: relative;
    border-radius: 8px;
    box-sizing: border-box;
    border: solid 2px gray;
    padding: 4px;
    
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    
}

.record-approval-decision {
    line-height: 1;
}
.record-approval-decision > * {
    vertical-align: middle;
}
.record-approval-text {
    font-style: italic;
    padding: 0 20px 0 20px;
}
.record-approval-source {
    align-self: flex-end; /* Push to right within parent */
    background-color: lightgray;
    padding: 2px 8px 2px 8px;
    line-height: 1;
    margin-top: auto; /* Push it to the bottom */
    width: fit-content; /* Keep background only as wide as content */
    font-size: 50%;
    border-radius: 4px;
    white-space: nowrap;
}