/* v5 fix1: task rows on narrow screens. Title + customer on top, chips wrap below, age as small text, status buttons on their own line. */
.tk .qsw{flex-shrink:0}
@media(max-width:640px){
 .tk{flex-wrap:wrap;align-items:flex-start;gap:6px 10px;padding:11px 12px}
 .tk>.chk{margin-top:2px}
 .tk>.tt{flex:1 1 0;min-width:0;order:1}
 .tk>.tt b{white-space:normal;overflow:visible;display:block;line-height:1.3}
 .tk>.tt .meta{flex-wrap:wrap;gap:4px 6px}
 .tk>.av{order:2;flex-shrink:0}
 .tk>.age{order:3;background:none!important;padding:0;font-weight:500;font-size:11.5px;color:var(--m)!important;width:100%;margin-left:30px;white-space:normal}
 .tk>.qsw{order:4;width:100%;margin:0 0 0 30px!important;flex-wrap:wrap}
 .tk>.qsw .btn{flex:1 1 0;min-width:0;height:30px!important;font-size:12px!important}
 .tk>a.btn,.tk>button.btn:not(.qsb){order:2;flex-shrink:0}
}
.er{cursor:pointer}