/* TIM-OE 20260503 FORCE: daily consumption 2/3 grid + date/refresh one row */
#tms-consumption-card .tms-toolbar{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-start!important;
  gap:16px!important;
  flex-wrap:wrap!important;
}
#tms-consumption-card .tms-toolbar > div:first-child{
  flex:1 1 520px!important;
  min-width:320px!important;
}
#tms-consumption-card .tms-report-controls{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  flex-wrap:nowrap!important;
  margin-left:auto!important;
  width:auto!important;
}
#tms-consumption-card .tms-report-controls input,
#tms-consumption-card .tms-report-controls .tms-input{
  width:190px!important;
  min-width:190px!important;
  max-width:190px!important;
  height:46px!important;
  margin:0!important;
}
#tms-consumption-card .tms-report-controls button,
#tms-consumption-card .tms-report-controls .tms-btn{
  height:46px!important;
  min-height:46px!important;
  margin:0!important;
  padding:0 18px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  line-height:1!important;
  border-radius:14px!important;
}

/* Desktop: exactly 2 cards per row; very wide screens: 3 */
#tms-consumption-card .tms-consumption-list{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:stretch!important;
  margin-top:12px!important;
}
@media (min-width: 1720px){
  #tms-consumption-card .tms-consumption-list{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

/* Compact card content */
#tms-consumption-card .tms-consumption-card{
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  height:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:start!important;
  padding:11px 12px!important;
  border-radius:17px!important;
  background:linear-gradient(180deg,#fff,#fbfdff)!important;
  border:1px solid #e5eaf1!important;
  box-shadow:0 8px 18px rgba(15,23,42,.035)!important;
}
#tms-consumption-card .tms-consumption-top{
  display:block!important;
  min-width:0!important;
}
#tms-consumption-card .tms-consumption-main{
  min-width:0!important;
  width:100%!important;
}
#tms-consumption-card .tms-consumption-title{
  font-size:14px!important;
  line-height:1.25!important;
  margin:0!important;
}
#tms-consumption-card .tms-consumption-sub{
  font-size:11px!important;
  line-height:1.25!important;
  margin-top:3px!important;
}
#tms-consumption-card .tms-consumption-flags{
  display:flex!important;
  gap:5px!important;
  flex-wrap:wrap!important;
  margin-top:7px!important;
}
#tms-consumption-card .tms-consumption-chip{
  font-size:10px!important;
  padding:4px 7px!important;
  border-radius:999px!important;
  line-height:1!important;
  max-width:100%!important;
}
#tms-consumption-card .tms-consumption-chip b{margin-right:2px!important;}
#tms-consumption-card .tms-consumption-chip span{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#tms-consumption-card .tms-consumption-details,
#tms-consumption-card .tms-consumption-quick{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
  margin-top:8px!important;
}
#tms-consumption-card .tms-consumption-detail,
#tms-consumption-card .tms-consumption-quickitem{
  padding:6px 7px!important;
  border-radius:11px!important;
  border:1px solid #e8eef5!important;
  background:#fff!important;
  min-width:0!important;
}
#tms-consumption-card .tms-consumption-detail span,
#tms-consumption-card .tms-consumption-quickitem span{
  font-size:8.5px!important;
  line-height:1.1!important;
}
#tms-consumption-card .tms-consumption-detail strong,
#tms-consumption-card .tms-consumption-quickitem strong{
  font-size:10.5px!important;
  line-height:1.15!important;
  margin-top:2px!important;
  overflow-wrap:anywhere!important;
}
#tms-consumption-card .tms-consumption-qty{
  grid-column:2!important;
  grid-row:1!important;
  justify-self:end!important;
  align-self:start!important;
  margin:0!important;
  font-size:13px!important;
  padding:7px 9px!important;
  border-radius:999px!important;
  background:#fff5f5!important;
  border:1px solid #fecaca!important;
  color:#b91c1c!important;
  white-space:nowrap!important;
}
#tms-consumption-card .tms-consumption-actions{
  grid-column:2!important;
  grid-row:2!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:6px!important;
  justify-self:end!important;
  align-self:start!important;
  margin-top:4px!important;
}
#tms-consumption-card .tms-consumption-actions .tms-mini{
  font-size:11px!important;
  padding:7px 9px!important;
  border-radius:11px!important;
}
#tms-consumption-card .tms-consumption-note{
  font-size:10.5px!important;
  margin-top:7px!important;
  padding:7px 8px!important;
  border-radius:12px!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
}

/* Medium and phone */
@media (max-width: 1180px){
  #tms-consumption-card .tms-consumption-list{
    grid-template-columns:1fr!important;
  }
  #tms-consumption-card .tms-report-controls{
    width:100%!important;
    justify-content:flex-start!important;
  }
}
@media (max-width: 700px){
  #tms-consumption-card .tms-toolbar > div:first-child{min-width:0!important;}
  #tms-consumption-card .tms-report-controls{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
  }
  #tms-consumption-card .tms-report-controls input,
  #tms-consumption-card .tms-report-controls .tms-input,
  #tms-consumption-card .tms-report-controls button,
  #tms-consumption-card .tms-report-controls .tms-btn{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }
  #tms-consumption-card .tms-consumption-card{
    grid-template-columns:1fr!important;
  }
  #tms-consumption-card .tms-consumption-qty,
  #tms-consumption-card .tms-consumption-actions{
    grid-column:auto!important;
    grid-row:auto!important;
    justify-self:stretch!important;
  }
  #tms-consumption-card .tms-consumption-actions{
    grid-template-columns:1fr 1fr!important;
  }
  #tms-consumption-card .tms-consumption-details,
  #tms-consumption-card .tms-consumption-quick{
    grid-template-columns:1fr!important;
  }
}