.oral-submission{margin-top:24px;padding:24px;background:#f5e5d8;border-radius:14px;color:#39271c}
.oral-submission h4{margin:0 0 7px;font:800 19px/1.4 Manrope,sans-serif}
.oral-submission p{font-size:15px;line-height:1.65}
.oral-record-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:18px}
.oral-record-actions button,.oral-preview>button,.oral-file-label{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 16px;border:0;border-radius:9px;font:700 14px/1.5 Manrope,sans-serif;cursor:pointer}
.oral-record-actions button,.oral-preview>button{color:#fffaf3;background:#4a3021}
.oral-record-actions button:hover,.oral-preview>button:hover{background:#654632}
.oral-file-label{background:#fffaf5;color:#4a3021;position:relative;overflow:hidden}
.oral-file-label input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.oral-file-label:focus-within{outline:2px solid #725231;outline-offset:3px}
.oral-submission button:disabled{opacity:.55;cursor:wait}
.oral-recording-status:not(:empty),.oral-submit-status:not(:empty){margin-top:14px;font-weight:700}
.oral-preview{margin-top:18px;display:grid;justify-items:start;gap:12px}
.oral-preview audio{width:min(100%,430px);height:48px}
.oral-preview p{overflow-wrap:anywhere;max-width:100%}
.oral-submission .oral-delivery-note{margin-top:13px;color:#654b39;font-size:14px}
.oral-sent-records>p{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding-top:14px;margin-top:14px;border-top:1px solid #dbc5b3}
.oral-sent-records a{color:#4a3021;font-weight:650}
.oral-submission [hidden]{display:none!important}
@media(max-width:600px){.oral-submission{padding:20px 16px}.oral-record-actions{align-items:stretch}.oral-record-actions>*{flex:1 1 150px}.oral-preview>button{width:100%}}