#tab-fuel .fuel-mileage-card{background:#fff!important;border:1px solid #dce7ef!important;color:#193b56;border-radius:14px;padding:22px;box-shadow:0 6px 22px #17365205}#tab-fuel .fuel-mileage-card h3{color:#173b58!important;margin-top:14px}#tab-fuel .fuel-mileage-card .field-help{color:#6e879a!important}.fuel-vehicle-choice{max-width:480px}.fuel-vehicle-choice label{display:block;color:#3e5e77;font-size:12px;font-weight:600;margin-bottom:7px}.fuel-period-toolbar{position:relative}.fuel-period-main{position:relative;min-width:260px!important;flex:0 1 auto!important}.fuel-period-picker{position:relative}.fuel-month-panel button{border:1px solid #dce7ef;border-radius:7px;background:#f6f9fc;color:#527893;padding:7px 11px;cursor:pointer;font:600 13px Segoe UI,sans-serif}.fuel-month-panel{position:absolute;top:calc(100% + 12px);left:0;width:300px;max-width:calc(100vw - 60px);padding:16px;border:1px solid #d7e5ef;border-radius:13px;background:white;box-shadow:0 15px 50px #17365225;z-index:50}.fuel-month-panel[hidden]{display:none!important}.fuel-month-panel label{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#325874;font-size:12px}.fuel-month-panel select{max-width:140px}.fuel-month-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:16px 0}.fuel-month-grid button[aria-pressed=true]{background:#173b58;color:white}.fuel-month-panel>.fuel-current-month{width:100%}.mileage-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.mileage-heading h2{margin:0}.mileage-heading a{color:white!important;text-decoration:none}.mileage-table td{white-space:nowrap}.tax-threshold-panel{margin:20px 0;padding:22px;background:#fff;border:1px solid #dce7ef;border-radius:14px;color:#193b56}.tax-threshold-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.tax-threshold-heading h3{font-size:16px;margin:0}.tax-threshold-heading strong{font-size:23px}.tax-threshold-track{position:relative;height:14px;border-radius:10px;background:linear-gradient(to right,#d9efe5 0%,#d9efe5 25%,#e7edf6 25%,#e7edf6 100%);margin-top:22px}.tax-threshold-fill{height:100%;border-radius:10px;background:#5088af}.tax-threshold-free-marker{position:absolute;left:25%;top:-5px;height:24px;border-left:2px solid #5a9e8a}.tax-threshold-labels{position:relative;height:22px;margin-top:8px;font-size:11px;color:#6a8499}.tax-threshold-labels .free{position:absolute;left:25%;transform:translateX(-50%)}.tax-threshold-labels .limit{position:absolute;right:0}.tax-threshold-panel p{margin:12px 0 0;font-size:12px;line-height:1.7;color:#6c8598}@media(max-width:600px){.fuel-period-main{min-width:0!important;width:100%}.fuel-month-panel{position:fixed;left:12px;right:12px;top:auto;bottom:12px;width:auto;max-width:none}.fuel-vehicle-choice{max-width:none}#tab-fuel .fuel-mileage-card{padding:16px}.tax-threshold-panel{padding:16px}.tax-threshold-heading strong{font-size:20px}}

.accounting-period-nav.ledger-period-nav{display:grid;grid-template-columns:33px minmax(0,220px) 33px;gap:6px;align-items:center;justify-content:start;max-width:100%}
.accounting-period-nav .ledger-icon-button{display:grid;place-items:center;width:33px;height:35px;padding:0;border:1px solid #e3ebf2;border-radius:8px;background:#f5f8fb;color:#6c859c;font:inherit;font-size:22px;line-height:1;cursor:pointer}
.accounting-period-nav .ledger-period-trigger{display:grid;grid-template-columns:14px minmax(0,1fr) 14px;align-items:center;gap:6px;width:100%;min-width:0;padding:4px;border:0;background:transparent;color:#102746;font:inherit;font-size:15px;font-weight:750;text-align:center;cursor:pointer}
.accounting-period-nav .ledger-period-trigger.is-overridden{color:#7d8d9d}
.accounting-period-nav .ledger-chevron{margin:0;color:#657e95;font-weight:400}
.accounting-period-icon{width:14px;height:14px;color:#657e95}
.accounting-period-copy{display:grid;gap:3px;justify-items:center;line-height:1.25}
.accounting-period-copy>span:last-child{text-transform:capitalize}
.accounting-period-caption{color:#536f85;font-size:11px;font-weight:600;text-transform:none}
.accounting-period-nav button:disabled,.fuel-month-grid button:disabled{opacity:.45;cursor:default}
.accounting-period-nav button:focus-visible,.fuel-month-panel button:focus-visible,.fuel-month-panel select:focus-visible{outline:2px solid #6b9ec3;outline-offset:3px}
.fuel-period-main>label[hidden],.fuel-period-main>input[hidden]{display:none!important}
@media(max-width:700px){.accounting-period-nav .ledger-period-trigger{font-size:13px}}

.vehicle-mileage-editor .entity-fields{grid-template-columns:minmax(160px,1fr) minmax(160px,1fr) minmax(160px,1fr) auto;align-items:end;gap:16px}.vehicle-mileage-editor .entity-fields label{min-width:0}.vehicle-mileage-editor .entity-fields input{box-sizing:border-box;width:100%;height:42px}.vehicle-mileage-editor .entity-fields button{width:auto;min-height:42px;margin:0;align-self:end}@media(max-width:900px){.vehicle-mileage-editor .entity-fields{grid-template-columns:1fr 1fr}}@media(max-width:560px){.vehicle-mileage-editor .entity-fields{grid-template-columns:1fr}.vehicle-mileage-editor .entity-fields button{width:100%}}

#tab-fuel table th,#tab-fuel table td{vertical-align:middle}#tab-fuel table th:nth-child(4),#tab-fuel table td:nth-child(4){text-align:center;min-width:140px}#tab-fuel .expense-accounting-select{min-width:130px}