/* Shared touch layout; desktop layouts and the familiar customer cards remain intact. */
html{scroll-padding-top:16px}*,*::before,*::after{box-sizing:border-box}img{max-width:100%;height:auto}fieldset{min-width:0}input,select,textarea{max-width:100%}pre{max-width:100%;overflow-wrap:anywhere}button,a,input,select,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #b2a0ff;outline-offset:3px}.receipt-remove{min-width:36px;min-height:36px}.client-title{overflow-wrap:anywhere}.bi-chevron-down::before{content:'⌄';display:block;font-style:normal}
@media(max-width:767px){
 body{font-size:16px;overflow-x:clip}input,select,textarea,.form-control,.form-select{font-size:16px!important;min-height:46px;min-width:0!important;width:100%}input[type=checkbox],input[type=radio]{width:22px!important;height:22px;min-height:0;flex-shrink:0;vertical-align:middle}input[type=date],input[type=month]{min-inline-size:0;max-inline-size:100%}textarea{min-height:112px}input[type=file]{overflow:hidden;font-size:14px!important}input[type=file]::file-selector-button{min-height:42px}button,.button,.btn{min-height:44px;padding:10px 14px;font-size:16px;line-height:1.35;white-space:normal}.btn-sm{min-height:44px;font-size:15px}a.badge{display:inline-flex;align-items:center;min-height:44px;padding:10px 12px;font-size:13px}.receipt-remove{min-width:44px;min-height:44px;font-size:15px}form{max-width:100%}.field{min-width:0}.field label,.form-label{font-size:14px!important}.field+.field{margin-top:12px}.sub,.muted,.small,.text-muted{overflow-wrap:anywhere}.sub{font-size:13px}.wrap{padding:0 14px;margin:20px auto}.narrow{max-width:100%}.card{padding:16px}.cards{grid-template-columns:minmax(0,1fr)}.card h1,h1{font-size:24px}.metric{font-size:30px;overflow-wrap:anywhere}.row{gap:12px}.row>.field,.row>input,.row>select,.row>button,.row>form{flex:1 1 100%;min-width:0;width:100%}.row>label{width:100%}.row>.field+.field{margin-top:0}.top{gap:12px;align-items:flex-start}.top>nav{width:100%}.top>div:last-child{max-width:100%}.top>div>a{margin:4px 0}header{padding:14px;gap:12px}header .brand{font-size:20px;width:100%;white-space:normal}header nav{width:100%;gap:8px}nav>a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 12px;background:#eeeaf9;border-radius:7px;font-size:14px}.actions{gap:8px}.actions>*{flex:1 1 calc(50% - 8px);min-width:0;text-align:center}.actions>a:not(.button){min-height:44px;padding:10px;background:#eeeaf9;border-radius:7px}.table-wrap{max-width:100%}.table-wrap:has(.mobile-cards){border:0;overflow:visible;background:transparent}.mobile-cards{display:block;width:100%;font-size:15px;background:transparent}.mobile-cards thead,.mobile-cards .mobile-heading{display:none!important}.mobile-cards tbody{display:block}.mobile-cards tr{display:block;padding:10px 14px;margin:0 0 14px;border:1px solid #e4e5ee;border-radius:12px;background:white}.mobile-cards td{display:grid!important;grid-template-columns:minmax(80px,30%) minmax(0,1fr);gap:10px;width:100%;padding:9px 0!important;border-bottom:1px solid #efedf5;text-align:left!important;white-space:normal!important;overflow-wrap:anywhere}.mobile-cards td:last-child{border-bottom:0}.mobile-cards td::before{content:attr(data-label);color:#64748b;font-size:13px;line-height:1.55;font-weight:500}.mobile-cards td[data-label=""]{display:block!important}.mobile-cards td>*{min-width:0;max-width:100%}.mobile-cards td>a,.mobile-cards summary{display:inline-flex;align-items:center;min-height:44px;padding:8px 0}.card a,.card h2{overflow-wrap:anywhere}.mobile-cards td>form{grid-column:2}.mobile-cards td>details{grid-column:2}.mobile-cards td input,.mobile-cards td select{width:100%}.mobile-cards td form>button{margin-top:8px;width:100%}.mobile-cards td .inline{display:block}.mobile-cards td .inline button{width:100%;margin-top:8px}.mobile-cards td[colspan]{display:block!important}.mobile-cards td[colspan]::before{display:none}.mobile-cards .number{font-size:16px;font-variant-numeric:tabular-nums}.mobile-cards th{white-space:normal}.navbar .container{align-items:flex-start;gap:12px}.navbar .container>.navbar-brand{width:100%;margin:0;font-size:20px}.navbar .container>div{width:100%}.navbar-text{display:block;width:100%;overflow-wrap:anywhere}.navbar .d-flex>a,.navbar .d-flex>form{flex:1 1 25%;text-align:center}.navbar .d-flex>form>button{width:100%}.container{padding-left:14px;padding-right:14px}.client-filters{row-gap:12px!important}.client-filters>.col-auto{flex:1 1 calc(50% - 6px);width:calc(50% - 6px);max-width:calc(50% - 6px)}.client-filters>.col-auto:last-child{flex-basis:100%;width:100%;max-width:100%;display:flex;gap:8px}.client-filters>.col-auto:last-child>*{flex:1}.month-heading{gap:8px!important;border-radius:10px;min-height:56px}.month-heading>.fw-bold{flex:1 1 100%}.month-heading .badge{white-space:normal;text-align:left;line-height:1.4}.tx-card{scroll-margin-top:12px}.tx-card .d-flex.align-items-center{flex-wrap:wrap}.tx-card .d-flex.justify-content-between>div:first-child{min-width:0;max-width:60%}.tx-card .text-end{min-width:0;max-width:45%;overflow-wrap:anywhere}.tx-card .expense,.tx-card .income{font-size:18px}.tx-card .alert{overflow-wrap:anywhere}.tx-card fieldset>.mb-2{margin-bottom:16px!important}.tx-card .form-text{font-size:13px}.tx-card [type=submit]{width:100%}.tx-card .d-inline-flex{gap:8px!important;margin-right:8px}.card .row>.col-md-4{width:100%}.card[style*="max-width"]{max-width:100%!important}.card .form-control{font-size:16px}.client-account-note{font-size:13px;color:#64748b;overflow-wrap:anywhere}
}