.recent-red-head{align-items:flex-end}
.recent-red-controls{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px}
.recent-red-controls input{width:96px;border:1px solid var(--line);border-radius:6px;padding:7px 9px;font-size:11px;color:#596880}
.recent-red-controls .btn{padding:7px 12px;font-size:11px}
#recent-red .recent-red-controls [hidden]{display:none!important}
.recent-red-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:0 24px 19px}
.recent-red-stat{min-width:0;border:1px solid var(--line);border-radius:8px;padding:11px 13px;background:#fbfcfe}
.recent-red-stat span{display:block;color:var(--muted);font-size:10px}
.recent-red-stat b{display:block;margin-top:3px;color:#344763;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.recent-red-section{padding:0 24px 21px}
.recent-red-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(62px,1fr));gap:6px}
.recent-red-tile{position:relative;display:flex;flex-direction:column;align-items:center;overflow:hidden;min-width:0;border:1px solid #f0e9e9;border-radius:8px;background:#fffafa;padding:8px 2px 9px;font-variant-numeric:tabular-nums}
.recent-red-tile b{color:var(--red);font-size:14px;font-weight:650}
.recent-red-tile strong{margin-top:1px;color:var(--ink);font-size:10px;font-weight:550}
.recent-red-tile small{color:#9ba8bb;font-size:9px}
.recent-red-tile i{position:absolute;bottom:0;left:0;height:2px;width:var(--level);background:#e78691}
.recent-red-tile.is-zero{border-color:#edf0f5;background:#fbfcfd}
.recent-red-tile.is-zero b{color:#929db0}
.recent-red-tile.is-zero strong{color:#9aa6b8}
#recent-red .method-note{padding-top:12px;padding-bottom:12px}
@media(max-width:760px){
  .recent-red-head{align-items:flex-start}
  .recent-red-controls{width:100%;flex-wrap:wrap}
  .recent-red-controls label{white-space:nowrap}
  .recent-red-controls select{flex:1;min-width:120px}
  .recent-red-summary{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 14px 15px;gap:7px}
  .recent-red-stat{padding:9px 10px}
  .recent-red-section{padding:0 14px 17px}
  .recent-red-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}
  .recent-red-tile{padding:6px 1px 7px}
  .recent-red-tile b{font-size:12px}
  .recent-red-tile strong{font-size:9px}
  .recent-red-tile small{font-size:8px}
  #recent-red .method-note{padding:11px 14px}
}