.ar228-navigation{border-bottom:1px solid #dae4e6;padding-bottom:12px;margin-bottom:18px;gap:8px}
.ar228-page h2{font-size:21px;margin:8px 0}.ar228-caption{font-size:12px;color:#637185;line-height:1.7;margin:10px 0 16px}
.ar228-tools{display:flex;align-items:end;gap:14px;flex-wrap:wrap;margin:14px 0}.ar228-tools>label{margin:0}.ar228-tools select{min-width:150px}.ar228-check{display:flex!important;align-items:center;gap:6px;min-height:36px}.ar228-check input{width:auto}
.ar228-summary{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}.ar228-summary article{background:#fff;border:1px solid #dce5ee;border-radius:12px;padding:16px 20px;flex:1;min-width:230px;box-shadow:0 2px 7px #26364d08}.ar228-summary small{color:#65758b;display:block}.ar228-summary strong{display:block;font-size:23px;color:#203349;margin:7px 0;white-space:nowrap}.ar228-summary span{font-size:12px;color:#66768a}
.ar228-page td{vertical-align:middle;padding:12px!important}.ar228-page td small{display:block;margin-top:5px;color:#778598}.ar228-page td:first-child button{max-width:340px;white-space:normal;text-align:left;font-weight:600}.ar228-balance{font-variant-numeric:tabular-nums;white-space:nowrap}.ar228-warning{color:#a05a13;background:#fff3df;border-radius:5px;padding:3px 6px;font-size:12px}
dialog:has(.ar228-detail){position:fixed!important;inset:0 0 0 auto!important;margin:0!important;max-height:100dvh!important;height:100dvh!important;width:min(100vw,1060px)!important;max-width:100vw!important;border-radius:14px 0 0 14px!important;overflow:auto!important;padding:22px!important}.ar228-detail .table-wrap{overflow:auto;max-height:65dvh}.ar228-detail table{font-size:12px}.ar228-detail th{position:sticky;top:0;background:#f3f6fa;z-index:1}.ar228-detail small{display:block}.ar228-detail .actions{flex-wrap:wrap}
@media(max-width:700px){dialog:has(.ar228-detail){border-radius:0!important;padding:12px!important}.ar228-summary{gap:8px}.ar228-summary article{min-width:180px;padding:12px}.ar228-summary strong{font-size:20px}.ar228-navigation button{white-space:normal}.ar228-page .table-wrap{overflow:auto}.ar228-page table{min-width:1000px}}