#allocations .mobile-category-toggle{display:none}
@media screen and (max-width:700px){
 #allocations .budget-editor tbody tr{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:10px 14px;padding:10px 0;margin:0;border-bottom:1px solid #dedede}
 #allocations .budget-editor tbody td:first-child{grid-column:1/-1;padding:0;min-width:0}
 #allocations .budget-editor td:first-child>span{display:flex;flex-wrap:wrap;gap:0;min-height:54px;padding-left:38px}
 #allocations .budget-editor .category-drag{left:-4px;top:27px;width:40px;min-width:40px;height:44px;min-height:44px}
 #allocations .budget-editor .category-dot{display:none}
 #allocations .mobile-category-toggle{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;width:100%;min-width:0;min-height:54px;padding:3px 42px 3px 8px;border:0;background:transparent;text-align:left;line-height:1.4;color:#161616}
 #allocations .mobile-category-title{display:block;font:400 13px/1.45 Poppins,Arial,sans-serif;overflow-wrap:anywhere;float:none;text-align:left}
 #allocations .mobile-category-values{display:block;font:300 12px/1.5 Poppins,Arial,sans-serif;color:#777;float:none;text-align:left;font-variant-numeric:tabular-nums}
 #allocations .mobile-category-state{position:absolute;right:3px;top:18px;display:flex;gap:7px;align-items:center;color:#888;float:none}
 #allocations .mobile-category-state svg{width:14px;height:14px;flex-shrink:0}
 #allocations tr[data-expanded=true][data-locked=false] .mobile-category-state>svg:last-child{transform:rotate(180deg)}
 #allocations tr[data-expanded=false] td:not(:first-child),#allocations tr[data-expanded=false] .compact-slider,#allocations tr[data-expanded=false] .category-name{display:none!important}
 #allocations tr[data-expanded=true] .category-name{display:block;flex:0 0 100%;width:100%;margin:10px 0 0;padding:8px 10px!important;min-height:44px;border:1px solid #dedede}
 #allocations tr[data-expanded=true] td:nth-child(2){grid-column:1;grid-row:2}
 #allocations tr[data-expanded=true] td:nth-child(3){grid-column:2;grid-row:2}
 #allocations tr[data-expanded=true] .compact-slider{margin:10px 0 0;min-height:32px;height:32px}
 #allocations tr[data-expanded=true] .row-actions{grid-column:1/-1;grid-row:4;gap:8px;height:44px;margin:0}
 #allocations tr[data-expanded=true] .edit-secondary{grid-column:1/-1;grid-row:3}
 #allocations .budget-editor tbody td{padding:0;min-width:0}
 #allocations .budget-editor td:nth-child(2)::before,#allocations .budget-editor td:nth-child(3)::before{font-size:11px;margin-bottom:4px}
 #allocations .budget-editor .summary-share{display:flex;align-items:center;gap:5px}
 #allocations .budget-editor .summary-share input{min-width:0;width:100%}
 #allocations .budget-editor .summary-share>span{float:none;flex:0 0 auto;font-size:12px}
 .budget-drag-preview .mobile-category-toggle{display:flex;flex-direction:column;align-items:flex-start;border:0;background:transparent;padding:0;font-size:13px;text-align:left}
 .budget-drag-preview .mobile-category-values{font-size:12px;color:#777}
 .budget-drag-preview .mobile-category-state,.budget-drag-preview .category-name,.budget-drag-preview .compact-slider,.budget-drag-preview td:not(:first-child){display:none!important}
 .budget-drag-preview .budget-editor tbody tr{display:block;padding:10px 16px}
}

@media screen and (max-width:700px){
 #allocations .budget-editor tbody tr{grid-template-columns:76px minmax(0,1fr) 88px;column-gap:6px}
 #allocations tr[data-expanded=true] td:nth-child(2){grid-column:1;grid-row:2}
 #allocations tr[data-expanded=true] td:nth-child(3){grid-column:2;grid-row:2}
 #allocations tr[data-expanded=true] td.row-actions{display:flex;grid-column:3;grid-row:2;align-self:end;align-items:center;justify-content:flex-end;gap:0;width:88px;height:44px;min-width:0!important;margin:0}
 #allocations tr[data-expanded=true] td.row-actions button{width:44px;min-width:44px;height:44px;min-height:44px;padding:10px}
 #allocations .budget-editor .summary-share{gap:3px}
 #allocations .budget-editor .summary-share input,#allocations .budget-editor input.edit-amount{width:100%;min-width:0;padding:9px 4px!important}
 #allocations tr[data-expanded=true] .edit-secondary{grid-column:1/-1;grid-row:3}
}

@media screen and (max-width:700px){
 #allocations tr[data-locked=true][data-expanded=false] .mobile-category-state{top:5px;right:0;display:grid;place-items:center;width:44px;height:44px;border:1px solid #dedede;border-radius:5px;background:#fff;color:#777}
 #allocations tr[data-locked=true][data-expanded=false] .mobile-category-state svg{width:16px;height:16px}
}