/* Real document thumbnails, kept separate from the file and its editor. */
body.client-portal-page .client-instruction-card{min-width:0;max-width:100%;grid-template-columns:144px minmax(0,1fr);align-items:center;gap:18px;text-align:left;white-space:normal}
body.client-portal-page .client-instruction-card .client-instruction-copy{display:grid;gap:10px;min-width:0;max-width:100%;white-space:normal}
body.client-portal-page .client-instruction-card header{min-width:0;max-width:100%;flex-wrap:wrap;gap:8px}
body.client-portal-page .client-instruction-card header strong{min-width:0;max-width:100%;white-space:normal!important;overflow-wrap:anywhere;word-break:normal;line-height:1.4}
body.client-portal-page .client-instruction-card .client-instruction-copy>span{font-size:13px;line-height:1.5;overflow-wrap:anywhere}
body.client-portal-page .client-instruction-card .client-instruction-open{color:var(--blue);font-size:12px;font-weight:750}
body.client-portal-page .client-instruction-preview{display:grid;place-items:center;position:relative;width:144px;min-height:184px;max-height:220px;padding:9px;border:1px solid var(--line);border-radius:12px;background:rgba(142,201,235,.07);overflow:hidden;align-self:center}
body.client-portal-page .client-instruction-preview canvas,body.client-portal-page .client-instruction-preview img{display:block;width:auto;height:auto;max-width:100%;max-height:200px;object-fit:contain;background:white;box-shadow:0 2px 9px #0002;border-radius:2px}
body.client-portal-page .client-instruction-preview-label{max-width:100%;font-size:11px;line-height:1.55;text-align:center;color:var(--muted);overflow-wrap:anywhere;white-space:normal}
@media(max-width:600px){body.client-portal-page .client-instruction-card{grid-template-columns:102px minmax(0,1fr);gap:13px}body.client-portal-page .client-instruction-preview{width:102px;min-height:140px;max-height:168px;padding:7px}body.client-portal-page .client-instruction-preview canvas,body.client-portal-page .client-instruction-preview img{max-height:150px}body.client-portal-page .client-instruction-card header strong{font-size:14px}body.client-portal-page .client-instruction-card .client-instruction-copy{gap:7px}body.client-portal-page .client-instruction-card .client-instruction-copy>span{font-size:12px}}
@media(max-width:360px){body.client-portal-page .client-instruction-card{grid-template-columns:84px minmax(0,1fr);gap:10px}body.client-portal-page .client-instruction-preview{width:84px;min-height:116px}}
@media print{body.client-portal-page .client-instruction-card{break-inside:avoid}body.client-portal-page .client-instruction-preview{background:none}}