.document-preview{background:#fff;border:1px solid #cedce9;border-radius:14px;padding:clamp(18px,4vw,38px);color:#1b344c;box-shadow:0 8px 28px #102b4710;line-height:1.7;margin:18px 0 26px;overflow-wrap:anywhere}.document-preview[hidden],.document-invoice-note[hidden]{display:none}.document-preview header{border-bottom:3px solid #0872ce;padding-bottom:20px;margin-bottom:22px}.document-preview header span{font-size:13px;font-weight:600;letter-spacing:.04em}.document-preview header h3{font-size:clamp(26px,4vw,36px);line-height:1.2;margin:10px 0 0;color:#13314f}.document-preview h4{font-size:17px;color:#13314f;border-top:1px solid #dce6ef;padding-top:18px;margin:24px 0 10px}.document-preview p{font-size:14px;white-space:pre-wrap;margin:8px 0}.document-recipient{padding:12px 16px;background:#edf5fd;border-radius:8px}.document-invoice-note{background:#edf5fd;border:1px solid #caddec;border-radius:10px;padding:14px 16px;color:#173554;font-size:14px;line-height:1.6}.document-invoice-note button{margin:8px 0 0!important;display:block}.dark-mode .document-preview{color:#1b344c;background:#fff}.dark-mode .document-invoice-note{background:#173149;color:#e0efff;border-color:#3e5d79}