#fineRows td small{display:block;margin-top:4px;font-size:13px}dialog.fineShareManager[open]{position:fixed;inset:0;margin:0;width:100%;max-width:none;height:100dvh;max-height:none;box-sizing:border-box;border:0;padding:12px;display:flex;flex-direction:column;background:#fff;color:#15364c}dialog.fineShareManager header{display:flex;align-items:center;gap:16px;background:#0b3853;color:white;padding:12px;border-radius:14px;flex:none}dialog.fineShareManager h2{margin:0;font-size:22px}dialog.fineShareManager>section{overflow:auto;flex:1;min-height:0;padding:12px 0}dialog.fineShareManager .fineShareList{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,530px),1fr));gap:12px}dialog.fineShareManager article{padding:16px;border:1px solid #cfdaeb;border-radius:12px;min-width:0}dialog.fineShareManager h3{margin:0 0 8px}dialog.fineShareManager label{display:block;margin:12px 0}dialog.fineShareManager input{display:block;width:100%;box-sizing:border-box;min-height:44px;padding:8px;border:1px solid #cfdaeb;border-radius:8px}dialog.fineShareManager .fineShareActions{display:flex;gap:8px;overflow-x:auto;align-items:stretch}dialog.fineShareManager .btn{min-height:44px;flex:0 0 auto;padding:8px 12px}dialog.fineShareManager details{margin:16px 0;padding:12px;background:#f0f5fc;border-radius:10px}dialog.fineShareManager details p{overflow-wrap:anywhere}@media(max-width:600px){dialog.fineShareManager[open]{padding:8px}dialog.fineShareManager h2{font-size:18px}}
/* Action groups wrap without horizontal scrolling on narrow screens. */
.fineShareViews{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.fineShareViews button{flex:1 1 160px;min-height:44px}.fineShareViews button[aria-pressed=true]{outline:3px solid #ffc247;outline-offset:1px}
#fineRows .fineShareRowActions{display:flex;flex-wrap:wrap;gap:8px}#fineRows .fineShareRowActions button{flex:1 1 145px;white-space:normal;min-height:44px}
dialog.fineShareManager .fineShareActions{flex-wrap:wrap;overflow:visible;margin-top:12px}dialog.fineShareManager .fineShareActions button{flex:1 1 180px;white-space:normal;max-width:100%}
dialog.fineShareManager select{display:block;width:100%;box-sizing:border-box;min-height:44px;padding:8px;border:1px solid #cfdaeb;border-radius:8px;font:inherit}dialog.fineShareManager .fineAllocationChoices table{width:100%;table-layout:fixed;border-collapse:collapse}dialog.fineShareManager .fineAllocationChoices th,dialog.fineShareManager .fineAllocationChoices td{padding:7px 3px;overflow-wrap:anywhere;border-bottom:1px solid #d4dfed;font-size:14px}dialog.fineShareManager .fineAllocationChoices th:first-child{width:37%}dialog.fineShareManager .fineAllocationChoices label{display:flex;align-items:center;gap:5px;margin:0}dialog.fineShareManager input[type=checkbox]{width:20px;height:20px;min-height:20px;flex:none}dialog.fineShareManager .fineAllocationChoices input[type=number]{min-width:0;padding:5px;font-size:14px}.driverFineHistory{margin-top:16px;padding:12px;border:1px solid #cbd9ed;border-radius:12px}.driverFineHistory summary{cursor:pointer;font-weight:bold;padding:8px}
/* Five equal totals stay together across the available screen width. */
body #fineTotals.fineTotals{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:clamp(4px,1vw,12px)!important;width:100%;box-sizing:border-box;align-items:stretch}
body #fineTotals.fineTotals>div{min-width:0;padding:clamp(5px,1vw,16px)!important;justify-content:space-between;gap:6px;box-sizing:border-box}
body #fineTotals.fineTotals span{font-size:clamp(11px,1.4vw,18px);line-height:1.25;overflow-wrap:normal}
body #fineTotals.fineTotals strong{font-size:clamp(12px,1.8vw,26px)!important;line-height:1.2;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
@media(max-width:480px){body #fineTotals.fineTotals>div{padding:5px 3px!important;border-radius:8px}body #fineTotals.fineTotals strong{letter-spacing:-.35px}}