/*! Mapa Inwestycji IRO STUDIO — historia cen. © 2026 IRO STUDIO. */
.sm-wrap .sm-dg-clock { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; margin-left: 4px; padding: 0; border: 0; background: none; color: inherit; opacity: .75; cursor: pointer; vertical-align: middle; border-radius: 50%; }
.sm-wrap .sm-dg-clock:hover, .sm-wrap .sm-dg-clock:focus-visible { opacity: 1; background: rgba(0,0,0,.06); }
.sm-wrap .sm-cena-linia .sm-dg-clock { margin-left: 2px; }

/* Okienko historii ceny. Style są celowo „odporne” (!important) — motywy (np. Divi) nadają tabelom
   własne marginesy, obramowania i odstępy, przez co tabela robiła się szersza od okienka. */
html.sm-dg-modal-open { overflow: hidden; }
.sm-dg-modal { position: fixed; inset: 0; z-index: 100000; display: flex; align-items: center; justify-content: center; padding: 16px; }
.sm-dg-modal[hidden] { display: none; }
.sm-dg-modal-tlo { position: absolute; inset: 0; background: rgba(0,0,0,.45); }
.sm-dg-modal .sm-dg-modal-okno { position: relative; box-sizing: border-box; background: #fff; color: #1b1b1b; width: 100%; max-width: 460px; max-height: 85vh; overflow-x: hidden; overflow-y: auto; padding: 26px 28px 24px; border-radius: var(--sm-dg-radius, 8px); box-shadow: 0 12px 40px rgba(0,0,0,.25); font-size: 15px; line-height: 1.4; outline: none; text-align: left; }
.sm-dg-modal .sm-dg-modal-x { position: absolute; top: 10px; right: 12px; margin: 0; border: 0; background: none; font-size: 26px; line-height: 1; cursor: pointer; color: #666; padding: 4px 8px; }
.sm-dg-modal .sm-dg-modal-x:hover { color: #000; }
.sm-dg-modal .sm-dg-modal-tytul { margin: 0 36px 18px 0 !important; padding: 0 !important; font-size: 19px !important; line-height: 1.3 !important; font-weight: 600 !important; color: #1b1b1b !important; }
.sm-dg-modal table.sm-dg-hist { width: 100% !important; max-width: 100% !important; table-layout: fixed; border-collapse: collapse !important; border: 0 !important; margin: 0 !important; font-size: 15px !important; background: none !important; }
.sm-dg-modal table.sm-dg-hist th,
.sm-dg-modal table.sm-dg-hist td { padding: 9px 0 !important; border: 0 !important; border-bottom: 1px solid #ececec !important; background: none !important; text-align: left !important; vertical-align: middle; white-space: normal !important; overflow-wrap: anywhere; }
.sm-dg-modal table.sm-dg-hist th { font-size: 12px !important; font-weight: 600 !important; letter-spacing: .04em; text-transform: uppercase; color: #8a8f98 !important; padding-top: 0 !important; }
.sm-dg-modal table.sm-dg-hist th:nth-child(1), .sm-dg-modal table.sm-dg-hist td:nth-child(1) { width: 30%; }
.sm-dg-modal table.sm-dg-hist th:nth-child(2), .sm-dg-modal table.sm-dg-hist td:nth-child(2) { width: 32%; }
.sm-dg-modal table.sm-dg-hist th:nth-child(3), .sm-dg-modal table.sm-dg-hist td:nth-child(3) { width: 38%; text-align: right !important; }
.sm-dg-modal table.sm-dg-hist td:nth-child(3) { color: #6b7280; }
.sm-dg-modal tr.sm-dg-hist-akt td { font-weight: 600 !important; color: #1b1b1b; }
.sm-dg-modal tr.sm-dg-hist-akt td:nth-child(3) { color: #1b1b1b; }
.sm-dg-modal .sm-dg-min30 { margin: 18px 0 0 !important; padding: 12px 14px !important; background: #f4f5f7; border-radius: calc(var(--sm-dg-radius, 8px) / 2); font-size: 14px !important; color: #444; }
.sm-dg-modal .sm-dg-min30 strong { color: #1b1b1b; white-space: nowrap; }
@media (max-width: 480px) {
	.sm-dg-modal .sm-dg-modal-okno { padding: 22px 18px 18px; }
	.sm-dg-modal table.sm-dg-hist, .sm-dg-modal table.sm-dg-hist td { font-size: 14px !important; }
}
