.cell {
    display: flex;
    align-items: center;
    max-height: 5rem; /* height limit */
    max-width: 100%; /* full width */
    overflow: hidden;
}

.img-box {
    width: 5rem;
    height: 5rem;
    flex-shrink: 0;
    overflow: hidden;
}

    .img-box img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }


.fab-container {
    position: fixed;
    bottom: 80px;
    left: 0;
    right: 0;
    height: 60px;
    display: flex;
    z-index: 10;
}

.header-fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.hyphenated-text {
    hyphens: auto;
    word-break: break-word;
    overflow-wrap: break-word;
}

.page-with-pattern {
    background-image: url('/images/archived_watermark-small.png');
    background-repeat: repeat;
    position: center;
}

.custom-snackbar {
    max-width: 300px;
    padding: 8px;
}

.gray-bg-padding {
    background-color: #e0e0e0;
    padding: 4px;
    font-weight: bold;
}