.of-mail-entry { margin-bottom:24px; padding-bottom:24px; border-bottom:1px solid var(--line); }
.of-mail-entry h2 { margin:0 0 12px; }
.of-mail-entry p { margin:12px 0; }
.of-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin:16px 0; }
.of-row { padding:20px 0; border-bottom:1px solid var(--line); }
.of-row:first-child { padding-top:0; }
.of-row p,.of-facts dd,.of-evidence { white-space:pre-wrap; overflow-wrap:anywhere; }
.of-facts { display:grid; grid-template-columns:minmax(120px,1fr) minmax(0,2fr); gap:12px 24px; margin:24px 0; }
.of-facts dt { font-weight:600; }
.of-facts dd { margin:0; }
.of-amount { font-size:1.4rem; font-weight:650; font-variant-numeric:tabular-nums; }
.of-amount .pill { font-size:.85rem; margin-left:12px; }
.of-correspondence,.of-history { margin-top:28px; }
.of-history summary { padding:12px 0; cursor:pointer; }
#of-panel,#of-form,#of-mail-editor { overflow-wrap:anywhere; }
#of-form fieldset,#of-mail-form fieldset { padding:0; margin:0; border:0; min-width:0; }
#of-form .field,#of-mail-form .field { margin-bottom:16px; }
#of-confirm-summary:not(:empty) { font-weight:600; margin:20px 0; }
#of-mail-editor pre { white-space:pre-wrap; }
@media(max-width:600px){.of-facts{grid-template-columns:1fr;gap:8px}.of-facts dd{margin-bottom:12px}html[data-design] .of-actions .btn{min-height:44px;width:100%}.of-amount .pill{display:table;margin:12px 0 0}#of-form .form-grid{grid-template-columns:1fr}#of-form .form-footer,#of-mail-form .form-footer{flex-wrap:wrap}#of-form .form-footer button,#of-mail-form .form-footer button{width:100%;min-height:44px}}