.pdc-file{display:flex;align-items:center;gap:12px}
.pdc-ico{flex:none;width:34px;height:42px;border-radius:6px;background:#e5484d;color:#fff;font-size:10px;font-weight:800;display:grid;place-items:center}
.pdc-meta{flex:1;min-width:0}
.pdc-meta b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pdc-meta small{color:var(--muted);font-size:13px}
.pdc-seg{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.pdc-seg3{grid-template-columns:repeat(3,minmax(0,1fr))}
.pdc-seg button{padding:8px 4px;font-size:14px;min-height:42px;line-height:1.25}
.pdc-warn{background:var(--warn-soft);color:var(--warn)}
.pdc-bar{height:8px;border-radius:99px;background:var(--surface-2);overflow:hidden}
.pdc-bar i{display:block;height:100%;width:0;background:var(--brand);border-radius:99px;transition:width .2s}
.pdc-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
.pdc-saved b{color:var(--good)}
.pdc-saved.bad b{color:var(--bad)}
@media (max-width:480px){.pdc-stats{gap:8px}.pdc-stats .stat{padding:10px}.pdc-stats .stat b{font-size:17px}.pdc-stats .stat span{font-size:12px}}