/* iarea.pl - historia cen (Omnibus). Style bazowe; motyw moze je nadpisac klasami x13pricehistory__*. */
.iareaph { margin: .5rem 0; }
.iareaph .x13pricehistory__text { margin: 0 0 .35rem; font-size: 13px; line-height: 1.4; color: #3b3b3b; }
.iareaph .x13pricehistory__price { font-weight: 600; }
.iareaph .discount { color: #b00020; margin-left: .25rem; }
.iareaph__button { cursor: pointer; }
.iareaph__table { border-collapse: collapse; font-size: 13px; margin-top: .25rem; }
.iareaph__table th, .iareaph__table td { padding: .2rem .8rem .2rem 0; text-align: left; }
.iareaph__row--lowest td { font-weight: 600; }
.iareaph__overlay { position: fixed; inset: 0; background: rgba(0, 0, 0, .55); z-index: 100000; display: flex; align-items: center; justify-content: center; padding: 16px; }
.iareaph__dialog { background: #fff; border-radius: 4px; max-width: 700px; width: 100%; padding: 16px 20px 12px; box-shadow: 0 10px 40px rgba(0, 0, 0, .3); }
.iareaph__head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }
.iareaph__close { background: none; border: 0; font-size: 28px; line-height: 1; cursor: pointer; padding: 0 4px; }
.iareaph__svg { width: 100%; height: auto; display: block; }
.iareaph__axis { font-size: 12px; fill: #7a7a7a; }
.iareaph__lowest { font-size: 13px; font-weight: 600; fill: #000; }