body{padding:20px;}
.table td{vertical-align:middle;}
.truncate-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.thumb{width:56px;height:56px;object-fit:cover;border-radius:6px;border:1px solid #ddd;}

/* View modal: wrap everything */
.view-body{overflow-wrap:anywhere; word-wrap:break-word;}
.view-body pre.wrap-pre{
    white-space:pre-wrap;    /* enable wrapping inside <pre> */
    word-break:break-word;
    overflow-wrap:anywhere;
    background:#f8f9fa;
    border:1px solid #e5e7eb;
    padding:10px;
    border-radius:6px;
}
.view-cover{
    max-height:30vh;         /* <= 30% of viewport height */
    width:auto;
    height:auto;
    object-fit:contain;       /* preserve aspect ratio */
    border-radius:6px;
    border:1px solid #ddd;
}

/* Edit modal previews */
.edit-preview{
    max-height:120px;
    width:auto;
    height:auto;
    object-fit:contain;
    border:1px solid #ddd;
    border-radius:6px;
    display:block;
    margin-top:6px;
}

/* Avoid overflow in table cells */
table .small, table td{word-break:break-word;overflow-wrap:anywhere;}