.product-date-filter{background:#f6f8fa;border:1px solid #dfe5e8;border-radius:14px;padding:12px;margin:10px 0}.product-date-filter header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px}.product-date-filter h3{font-size:.9rem;margin:0}.product-date-filter small{font-size:.68rem;color:#6d7880}.product-date-controls{display:flex;gap:7px;flex-wrap:wrap}.product-date-controls select,.product-date-controls input{border:1px solid #d7dfe3;background:#fff;border-radius:9px;padding:9px;font:inherit;font-size:.75rem}.product-filter-note{font-size:.68rem;color:#52666b;margin-top:9px;line-height:1.6}.product-period-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:9px 0}.product-period-summary article{background:#fff;border:1px solid #e0e5e8;border-radius:11px;padding:10px}.product-period-summary span,.product-period-summary b,.product-period-summary small{display:block}.product-period-summary span{font-size:.65rem;color:#6b777e}.product-period-summary b{font-size:1rem;margin:5px 0}.product-period-summary small{font-size:.62rem;color:#7b858b}.product-period-chart{display:flex;gap:5px;height:54px;align-items:end;margin-top:8px}.product-period-chart i{flex:1;min-height:5px;background:linear-gradient(180deg,#277b66,#77c8b0);border-radius:5px 5px 2px 2px}.product-filter-empty{background:#fff6dd;border:1px solid #ecd89c;border-radius:9px;padding:10px;font-size:.72rem;color:#765718;margin:8px 0}
@media(max-width:680px){.product-date-filter header{align-items:flex-start;flex-direction:column}.product-date-controls>*{flex:1;min-width:120px}.product-period-summary{grid-template-columns:1fr 1fr}.product-period-summary article:last-child{grid-column:1/-1}}