.claro-approval-actions { display:flex; flex-wrap:wrap; gap:.6rem; align-items:center; }
.claro-approval-actions button, .claro-approval-actions a { min-height:44px; display:inline-flex; align-items:center; justify-content:center; }
.claro-approval-actions button { padding:.55rem .8rem; }
.claro-approval-table td, .claro-approval-table th { vertical-align:middle; overflow-wrap:anywhere; }
.claro-approval-table .amount { white-space:nowrap; }
.claro-approval-pages { display:flex; flex-wrap:wrap; gap:1rem; align-items:center; margin-block:1rem; }
.claro-approval-message:not(:empty) { padding:1rem; background:#f1f6f3; border-left:4px solid #24663e; color:#172d20; }
.claro-approval-dialog { max-width:min(90vw, 30rem); padding:1.5rem; border:1px solid #52675a; border-radius:.5rem; color:#172d20; background:white; }
.claro-approval-dialog::backdrop { background:rgb(0 0 0 / .5); }
.claro-approval-dialog h2 { font-size:1.4rem; }
.claro-approval-dialog button { background:#234b35; color:white; border:0; border-radius:4px; }
.claro-approval-dialog [data-cancel] { background:#e6ece8; color:#172d20; }
#claro-approval-queue :focus-visible, .claro-approval-details :focus-visible, .claro-approval-dialog :focus-visible { outline:3px solid #125db0; outline-offset:3px; }
@media(max-width:767px) {
    .claro-approval-table thead { display:none; }
    .claro-approval-table, .claro-approval-table tbody, .claro-approval-table tr { display:block; width:100%; }
    .claro-approval-table tr { border:1px solid #d4ded8; margin-block:1rem; padding:.6rem; }
    .claro-approval-table td, .claro-approval-table th { display:flex; flex-wrap:wrap; gap:.5rem; text-align:left; border:0; padding:.5rem; }
    .claro-approval-table [data-title]::before { content:attr(data-title) ":"; font-weight:600; min-width:5rem; }
    .claro-approval-actions { width:100%; }
}