body #admin#admin#admin#admin#admin#admin#admin#admin #driver-fines.fineSeparateList.active{height:auto!important;max-height:none!important;overflow:visible!important}
body #admin#admin#admin#admin#admin#admin#admin#admin #driver-fines.fineSeparateList>.card{max-height:none!important;flex:0 0 auto!important}
body #admin#admin#admin#admin#admin#admin#admin#admin #driver-fines.fineSeparateList>.card[hidden]{display:none!important}
body #admin#admin#admin#admin#admin#admin#admin#admin #driver-fines .fineUploadGrid>.field{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;gap:6px!important}
body #admin#admin#admin#admin#admin#admin#admin#admin #driver-fines .fineUploadGrid>.field>label{min-height:36px!important;line-height:18px!important;display:flex!important;justify-content:flex-end!important;margin:0!important}
.fineFileActions{display:flex;gap:6px;align-items:stretch;min-width:0}.fineFileActions input{min-width:0;flex:1}.fineFileActions button{white-space:nowrap;flex:0 0 auto}
.fineListWorkspace[open]{position:fixed;inset:0;margin:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh;padding:12px;box-sizing:border-box;border:0;background:#f3f6fb;display:flex;flex-direction:column;gap:12px;overflow:hidden}
.fineListWorkspace>header{display:flex;gap:12px;align-items:center;flex:0 0 auto}.fineListWorkspace h2{margin:0;font-size:22px}
.fineListWorkspace>.card{flex:1;min-height:0;margin:0;display:flex;flex-direction:column;padding:12px;overflow:hidden}
.fineListWorkspace .table{flex:1;min-height:0;overflow:auto}.fineListWorkspace table{width:100%;table-layout:auto}.fineListWorkspace .actions{display:flex;gap:6px;flex-wrap:nowrap}.fineListWorkspace .btn{min-height:40px;white-space:nowrap}.fineListWorkspace td{overflow-wrap:anywhere}.fineListWorkspace th{position:sticky;top:0;background:#f5f7fb}
html:has(.fineListWorkspace[open]),body:has(.fineListWorkspace[open]){overflow:hidden!important}
@media(max-width:700px){.fineListWorkspace table{min-width:850px}.fineFileActions{flex-wrap:wrap}.fineFileActions input{flex-basis:100%}}

/* The separate list no longer needs the old two-panel height allocation. */
body #admin#admin#admin#admin#admin#admin#admin#admin #driver-fines.fineSeparateList>.card:not([hidden]){height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;flex:none!important}
body #admin#admin#admin#admin#admin#admin#admin#admin #driver-fines.fineSeparateList.active{display:block!important;min-height:0!important;gap:0!important}
body #admin#admin#admin#admin#admin#admin#admin#admin #driver-fines.fineSeparateList>.fineListLaunch{margin-top:10px!important}
body #admin#admin#admin#admin#admin#admin#admin#admin:has(>#driver-fines.active)>.tab:not(.active){display:none!important}

body #admin#admin#admin#admin#admin#admin#admin#admin #driver-fines:not(.active){display:none!important}

.fineTotals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0;flex:0 0 auto;min-width:0}.fineTotals>div{display:flex;flex-direction:column;gap:4px;min-width:0;padding:12px 16px;border:1px solid #d4e0f2;border-radius:12px;background:#f4f8ff;overflow-wrap:anywhere}.fineTotals strong{font-size:clamp(20px,2.2vw,30px);color:#12345b}.fineTotals small{font-size:12px;color:#61738c}

/* Compact fine rows with bounded notes and horizontal action pairs. */
body .fineListWorkspace table{table-layout:fixed!important;min-width:0!important;width:100%!important;border-collapse:collapse}
body .fineListWorkspace :is(th,td){padding:8px 6px!important;vertical-align:middle!important;white-space:normal!important;overflow-wrap:anywhere!important;font-size:13px!important;line-height:1.25!important;height:auto!important}
body .fineListWorkspace tr{height:auto!important;min-height:0!important}
body .fineListWorkspace :is(th,td):nth-child(1){width:12%}
body .fineListWorkspace :is(th,td):nth-child(2){width:8%}
body .fineListWorkspace :is(th,td):nth-child(3){width:13%}
body .fineListWorkspace :is(th,td):nth-child(4){width:7%}
body .fineListWorkspace :is(th,td):nth-child(5){width:8%}
body .fineListWorkspace :is(th,td):nth-child(6){width:12%}
body .fineListWorkspace :is(th,td):nth-child(7){width:27%}
body .fineListWorkspace :is(th,td):nth-child(8){width:13%}
body .fineListWorkspace td .actions{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:4px!important;min-width:0!important;width:100%!important;margin:0!important}
body .fineListWorkspace td .actions>.btn{flex:1 1 0!important;min-width:0!important;width:auto!important;min-height:34px!important;height:auto!important;margin:0!important;padding:6px 3px!important;font-size:12px!important;line-height:1.2!important;white-space:normal!important;word-break:normal!important;hyphens:none!important}
body .fineListWorkspace .fineTotals{gap:8px;margin:8px 0}body .fineListWorkspace .fineTotals>div{padding:8px 12px}body .fineListWorkspace .fineTotals strong{font-size:22px}
@media(max-width:700px){body .fineListWorkspace table{min-width:780px!important}}