body.portal-body .slip-thumbnails{display:flex;gap:6px;align-items:center;flex-wrap:wrap;min-width:98px}
body.portal-body a.slip-thumbnail{display:flex;align-items:center;justify-content:center;width:98px;height:66px;overflow:hidden;border:1px solid #606976;border-radius:3px;background:#20242b;color:#c7dbfb;padding:2px;flex:none;cursor:zoom-in}
body.portal-body a.slip-thumbnail:hover{border-color:#83a7ff;box-shadow:0 0 0 1px #83a7ff}
.slip-thumbnail img{width:92px;height:60px;object-fit:contain;display:block}
.slip-thumbnail img[hidden]{display:none}
.slip-file-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:16px;font-weight:600;gap:3px}
.slip-file-tile small{font-size:10px;font-weight:400}
.slip-unavailable{font-size:10px;color:#adb6c3;white-space:normal}
body.slip-preview-open{overflow:hidden}
body.portal-body dialog.slip-preview-dialog{padding:0;border:1px solid #606b7b;border-radius:6px;width:min(1100px,calc(100vw - 32px));height:min(900px,calc(100dvh - 32px));max-width:none;max-height:none;margin:auto;background:#20242b;color:#e5eaf2;box-shadow:0 22px 90px #0009;overflow:hidden}
.slip-preview-dialog:not([open]){display:none}
.slip-preview-dialog[open]{display:flex;flex-direction:column}
.slip-preview-dialog::backdrop{background:rgba(0,0,0,.8)}
.slip-preview-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid #424a58;background:#2c323b;flex:none}
body.portal-body .slip-preview-header h2{margin:0;font-size:14px;font-weight:600;color:#e6edf7}
.slip-preview-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 14px;border-bottom:1px solid #424a58;background:#272d36;flex:none}
.slip-preview-zoom{display:flex;align-items:center;gap:6px}
.slip-preview-zoom[hidden]{display:none}
.slip-preview-zoom>span{font-size:11px;color:#c0ccdd;margin-left:5px;min-width:75px}
.slip-preview-zoom .button:disabled{opacity:.45;cursor:default}
.slip-preview-stage{flex:1;min-height:0;min-width:0;overflow:auto;padding:14px;display:flex;align-items:center;justify-content:center;background:#181b21;position:relative;overscroll-behavior:contain}
.slip-preview-stage.is-zoomed{display:block}
.slip-preview-image{display:block;max-width:100%;max-height:100%;object-fit:contain;margin:auto;flex:none}
.slip-preview-stage.is-zoomed .slip-preview-image{max-width:none;max-height:none}
.slip-preview-image[hidden],.slip-preview-pdf[hidden],.slip-preview-message[hidden]{display:none}
.slip-preview-message{font-size:13px;color:#becbdc;line-height:1.6;text-align:center;margin:auto;max-width:420px}
.slip-preview-pdf{width:100%;height:100%;border:0;background:#292c31}
@media(max-width:700px){
 body.portal-body dialog.slip-preview-dialog{width:calc(100vw - 12px);height:calc(100dvh - 12px);border-radius:4px}
 .slip-preview-header,.slip-preview-toolbar{padding:8px;gap:6px}
 .slip-preview-toolbar{flex-wrap:wrap}
 .slip-preview-zoom>span{min-width:0;font-size:10px;margin-left:2px}
 body.portal-body .slip-preview-dialog .button{min-height:36px;padding:5px 9px;font-size:11px}
 .slip-preview-stage{padding:8px}
 .slip-preview-header h2{max-width:65%;overflow-wrap:anywhere}
}