.ex-controls{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin-bottom:20px}.ex-controls .field{min-width:150px;flex:1}.ex-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.ex-totals strong{display:block;font-size:26px;margin-top:10px}.ex-claim{border-top:1px solid var(--line,#e0e5db);padding:18px 0;overflow-wrap:anywhere}.ex-claim small,.summary-row small{display:block;font-weight:normal}.ex-claim .btn{margin:6px 6px 0 0}.ex-item{border:1px solid #dce3d6;border-radius:14px;margin:16px 0;padding:16px;min-width:0}.ex-item-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ex-check{display:flex;align-items:center;gap:10px;margin:16px 0}.ex-check input{width:20px;height:20px;flex:none;margin:0}#expense-claim-form label{display:block}#expense-claim-form .ex-check{display:flex}#expense-claim-form input,#expense-claim-form select{max-width:100%}.ex-error[hidden],[hidden]{display:none!important}.ex-controls~.card{margin:20px 0}form[id^=expense-] .btn{margin-top:14px}form[id^=expense-] textarea{width:100%;min-height:70px}form[id^=expense-]{overflow-wrap:anywhere}.ex-item legend{font-weight:700} .ex-controls~details summary{cursor:pointer;font-weight:700} @media(max-width:700px){.ex-totals{grid-template-columns:1fr}.ex-totals>div{display:flex;align-items:center;justify-content:space-between}.ex-totals strong{font-size:23px;margin:0}.ex-item-grid{grid-template-columns:1fr}.ex-controls .btn{flex:1}.ex-controls{align-items:stretch}.ex-claim .section-head{flex-wrap:wrap}form[id^=expense-] .field-grid{grid-template-columns:1fr}}
