/* Orynoa – ukázková kopie: dialog a stránka sledování zásilky */
#demo-notice { position: fixed; inset: 0; z-index: 2147483000; display: none; align-items: center; justify-content: center; background: rgba(46, 42, 57, .55); padding: 16px; }
#demo-notice.is-open { display: flex; }
.demo-notice__box { background: #fff; color: rgb(46, 42, 57); border-radius: 12px; max-width: 420px; width: 100%; padding: 28px 24px; text-align: center; box-shadow: 0 20px 50px rgba(0,0,0,.2); }
.demo-notice__box h2 { margin: 0 0 8px; }
.demo-notice__box p { margin: 0 0 20px; line-height: 1.5; }
.track-result { margin-top: 32px; border: 1px solid rgba(46, 42, 57, .15); border-radius: 12px; padding: 24px; }
.track-result h2 { margin: 4px 0 16px; }
.track-result__demo { margin: 0; font-size: 1.2rem; letter-spacing: .06em; text-transform: uppercase; color: rgb(28, 140, 150); }
.track-result__error { margin: 0; color: rgb(200, 30, 30); }
.track-steps { list-style: none; margin: 0; padding: 0; }
.track-steps li { position: relative; display: flex; justify-content: space-between; gap: 16px; padding: 0 0 18px 28px; }
.track-steps li::before { content: ""; position: absolute; left: 0; top: .45em; width: 12px; height: 12px; border-radius: 50%; border: 2px solid rgba(46, 42, 57, .3); background: #fff; }
.track-steps li::after { content: ""; position: absolute; left: 6px; top: 1.3em; bottom: 0; width: 2px; background: rgba(46, 42, 57, .15); }
.track-steps li:last-child::after { display: none; }
.track-steps li.is-done::before { border-color: rgb(79, 209, 217); background: rgb(79, 209, 217); }
.track-steps__date { color: rgba(46, 42, 57, .65); white-space: nowrap; }