.filters{align-items:center;min-width:0}
.filter-field{display:flex;align-items:center;gap:5px}.filter-field>span{color:var(--muted);font-size:12px;white-space:nowrap}
.filters>input:not([type]),.filters>input[type="text"],.filters>input[type="search"],.filters>label>input:not([type]),.filters>label>input[type="text"],.filters>label>input[type="search"]{width:240px;flex:0 0 240px}
.filters>input[type="month"],.filters>label>input[type="month"]{width:150px;flex:0 0 150px}
.filters>input[type="number"],.filters>label>input[type="number"]{width:120px;flex:0 0 120px}
.filters>select,.filters>label>select{width:auto;min-width:130px;flex:0 0 auto}
.filters>label{width:auto;flex:0 0 auto}
#materialPeriod,#vatCalcPeriod,#burdenMonth,#outSettlementPeriod,#outPeriodFrom,#outPeriodTo,#prepayPeriod{width:150px;flex:0 0 150px}
#materialQuery,#vatCalcQuery,#burdenQuery,#prepayQuery{width:220px;flex:0 0 220px}
#outQuery{width:260px;flex:0 0 260px}
#burdenMode{width:96px;flex:0 0 96px}
#burdenYear{width:100px;flex:0 0 100px}
#burdenQuarter{width:112px;flex:0 0 112px}
@media(max-width:650px){#materialPeriod,#vatCalcPeriod,#burdenMonth,#outSettlementPeriod,#outPeriodFrom,#outPeriodTo,#prepayPeriod,#materialQuery,#vatCalcQuery,#burdenQuery,#prepayQuery,#outQuery,#burdenMode,#burdenYear,#burdenQuarter{width:100%;flex-basis:100%}}
@media(max-width:650px){.toolbar{align-items:stretch}.toolbar>.filters,.toolbar>.toolbar-actions{width:100%}.toolbar-actions{margin-left:0}.filters>input,.filters>select,.filters>label,.filters>label>input,.filters>label>select{width:100%;min-width:0;flex-basis:100%}}
.summary-row{grid-template-columns:repeat(auto-fit,minmax(160px,220px))}
.daily-summary{grid-template-columns:repeat(4,minmax(140px,1fr))}
.tag.red{background:#fef3f2;color:var(--danger)}
#dailyQuery{width:260px;flex:0 0 260px}
#dailyStatus,#dailyAssignee{width:140px;flex:0 0 140px}
@media(max-width:650px){.daily-summary{grid-template-columns:1fr 1fr}.daily-summary .summary:last-child{display:flex}#dailyQuery,#dailyStatus,#dailyAssignee{width:100%;flex-basis:100%}}
#errorTaskView .toolbar{align-items:flex-start}
#errorPeriod{width:150px;flex:0 0 150px}
#errorStage{width:140px;flex:0 0 140px}
#errorQuery{width:260px;flex:0 0 260px}
@media(max-width:650px){#errorPeriod,#errorStage,#errorQuery{width:100%;flex-basis:100%}}
#recurringPeriod,#noTaxPeriodFrom,#noTaxPeriodTo,#inoutPeriod{width:150px;flex:0 0 150px}
#noTaxCompany{width:220px;flex:0 0 220px}
#riskQuery{width:300px;flex:0 0 300px}
#changePeriod{width:150px;flex:0 0 150px}
#changeType{width:160px;flex:0 0 160px}
#changeQuery{width:260px;flex:0 0 260px}
#lifecycleYear{width:120px;flex:0 0 120px}
#lifecycleQuery{width:260px;flex:0 0 260px}
@media(max-width:650px){.summary-row{grid-template-columns:1fr 1fr}#recurringPeriod,#noTaxPeriodFrom,#noTaxPeriodTo,#inoutPeriod,#noTaxCompany,#riskQuery,#changePeriod,#changeType,#changeQuery,#lifecycleYear,#lifecycleQuery{width:100%;flex-basis:100%}#errorTaskView .summary-row .summary:last-child{display:flex}}
