/* technik.systemia.pl — style strony (uzupełnienie Systemia UI Kit, zero inline). */

.tp-body { padding: 0 0 24px; }
.tp-logo { text-align: center; margin: 26px 0 18px; }
.tp-logo img { height: 84px; width: auto; }
.tp-narrow { max-width: 480px; margin: 0 auto; padding: 0 12px 24px; }
.tp-inlineform { display: flex; margin: 0; }
.tp-center { text-align: center; }
.tp-link { color: var(--red); font-weight: 700; }
.tp-secret {
    font: 18px/1.6 ui-monospace, Menlo, Consolas, monospace;
    letter-spacing: .08em; font-weight: 700;
    background: var(--bg); border: 1px dashed #c9c9c9; border-radius: var(--r-ctl);
    padding: 12px 14px; text-align: center; overflow-wrap: anywhere;
}
.tp-code { text-align: center; font-size: 24px; font-weight: 700; letter-spacing: .35em; }
.tp-rules { margin: 0 0 18px; padding-left: 20px; }
.tp-rules li { margin: 0 0 12px; font-size: 14px; }

/* dolna nawigacja jako linki (kit styluje button — tu odpowiednik dla <a>) */
.bottomnav .tp-navbtn {
    flex: 1; font: inherit; text-decoration: none; padding: 8px 2px 7px;
    color: var(--muted); display: flex; flex-direction: column; align-items: center;
    gap: 2px; min-height: 56px;
}
.bottomnav .tp-navbtn span { font-size: 10px; font-weight: 700; }
.bottomnav .tp-navbtn.on { color: var(--red); }

/* przycisk usuwania zdjęcia siedzi w formularzu wewnątrz kafelka galerii */
.ph .tp-delform { position: absolute; top: 0; right: 0; margin: 0; }
.ph .tp-delform .del { position: static; margin: 4px 4px 0 0; }

.tp-upload-progress { margin-top: 10px; }