.fine-tabs,.fine-toolbar,.fine-search-row{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.fine-tabs .button{flex:0 1 auto}.fine-toolbar>.field{min-width:220px;margin:0}.fine-total{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:8px 0 22px}.fine-total strong{font-size:1.6rem;font-variant-numeric:tabular-nums}
.fine-dialog{width:min(660px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;overflow:auto}.fine-dialog .dialog-header,.fine-dialog .dialog-footer{padding:18px 22px}.fine-dialog-body{padding:0 22px 10px}.fine-dialog-body>.field{margin:14px 0}.fine-error{color:var(--danger,#b94b39);white-space:pre-wrap}.fine-error:empty{display:none}.fine-type-summary,.fine-source{display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:10px;background:var(--panel-2,#edf3f1);overflow-wrap:anywhere}
.fine-session-picker{margin:14px 0;padding:12px;border:1px solid var(--line,#d8e4df);border-radius:12px}.fine-session-picker summary{cursor:pointer}.fine-search-row{margin-top:12px;align-items:end}.fine-search-row .field{flex:1;min-width:130px}.fine-session-option{width:100%;display:grid;grid-template-columns:1fr auto;gap:4px 10px;text-align:left;padding:10px 12px;margin:6px 0;border:1px solid var(--line,#d8e4df);border-radius:8px;background:var(--panel,#fff);color:inherit;cursor:pointer}.fine-session-option small{grid-column:1/-1}.fine-history{padding-left:20px}.fine-history li{margin:14px 0}.fine-history small{display:block}.fine-history p{margin:5px 0;overflow-wrap:anywhere}
.wallet-fines{border-top:1px solid var(--line,#d8e4df);padding-top:16px;margin-top:16px}.wallet-fines h4{margin:0}.wallet-fine-list article{padding:12px 0;border-bottom:1px solid var(--line,#d8e4df)}.wallet-fine-list article:last-child{border-bottom:0}.wallet-fine-list p{margin:6px 0;overflow-wrap:anywhere}.wallet-fine-list .row{gap:12px}.wallet-fine-list .row strong{overflow-wrap:anywhere}.wallet-fine-list b{white-space:nowrap}.fines-table td{vertical-align:top}.fines-table td p{margin:0 0 6px;max-width:320px;overflow-wrap:anywhere}.fines-table .actions{min-width:135px;flex-wrap:wrap}
@media(max-width:600px){.fine-dialog .dialog-header,.fine-dialog .dialog-footer{padding:14px}.fine-dialog-body{padding:0 14px 8px}.fine-toolbar>.field{min-width:0;width:100%}.fine-total{align-items:start;flex-direction:column;gap:6px}.wallet-fines>.row{align-items:start;flex-wrap:wrap}.fine-search-row{flex-direction:column;align-items:stretch}.fine-search-row .field{min-width:0;width:100%}.fine-tabs .button{flex:1}.fine-dialog input,.fine-dialog select{max-width:100%}.fine-session-option{grid-template-columns:1fr}.fine-session-option small{grid-column:auto}}