/* Kontakt tel. – forced colours (generated from ktel-front.css; loaded when "Wymuś kolory" is on). */
/* base: children inherit the plugin colours instead of the theme span/p/h2/a colours (low specificity, so the rules below still apply) */
html:not(#ktel-f) body :where(.ktel-root, .ktel-panel, .ktel-inline-btn) :where(span, i, b, strong, em, small, p, label, a, h1, h2, h3, h4, h5, h6, div, svg, ul, li) { color: inherit !important; text-shadow: none !important; }
html:not(#ktel-f) body .ktel-btn { border: 0 !important; background: var(--ktel-bg, var(--ktel-callback)) !important; color: var(--ktel-fg) !important; text-decoration: none !important; box-shadow: var(--ktel-shadow) !important; }
html:not(#ktel-f) body .ktel-btn:hover { color: var(--ktel-fg) !important; }
html:not(#ktel-f) body .ktel-pulse::before { background: var(--ktel-bg, var(--ktel-callback)) !important; }
html:not(#ktel-f) body .ktel-bubble { background: var(--ktel-pbg) !important; color: var(--ktel-ptext) !important; box-shadow: 0 1px 2px rgba(0,0,0,.06), 0 8px 24px rgba(0,0,0,.16) !important; }
html:not(#ktel-f) body .ktel-bubble::after { background: inherit !important; }
html:not(#ktel-f) body .ktel-overlay { background: rgba(15,23,42,0) !important; }
html:not(#ktel-f) body .ktel-panel { border: 1px solid var(--ktel-line) !important; background: var(--ktel-pbg) !important; color: var(--ktel-ptext) !important; box-shadow: 0 2px 6px rgba(0,0,0,.06), 0 24px 60px -12px rgba(0,0,0,.35) !important; }
html:not(#ktel-f) body .ktel-head { background: var(--ktel-tint) !important; border-bottom: 1px solid var(--ktel-line) !important; }
html:not(#ktel-f) body .ktel-avatar { background: var(--ktel-accent, var(--ktel-callback)) !important; color: var(--ktel-fg) !important; box-shadow: 0 6px 14px -4px color-mix(in srgb, var(--ktel-accent, var(--ktel-callback)) 60%, transparent) !important; }
html:not(#ktel-f) body .ktel-title { color: inherit !important; }
html:not(#ktel-f) body .ktel-chip { color: color-mix(in srgb, var(--ktel-ptext) 72%, transparent) !important; }
html:not(#ktel-f) body .ktel-chip i { background: #16a34a !important; box-shadow: 0 0 0 3px rgba(22,163,74,.18) !important; }
html:not(#ktel-f) body .ktel-chip-closed i { background: var(--ktel-closed) !important; box-shadow: 0 0 0 3px color-mix(in srgb, var(--ktel-closed) 22%, transparent) !important; }
html:not(#ktel-f) body .ktel-x { border: 0 !important; background: transparent !important; color: inherit !important; box-shadow: none !important; }
html:not(#ktel-f) body .ktel-x:hover, html:not(#ktel-f) body .ktel-x:focus-visible { background: color-mix(in srgb, var(--ktel-ptext) 8%, transparent) !important; }
html:not(#ktel-f) body .ktel-desc { color: color-mix(in srgb, var(--ktel-ptext) 80%, transparent) !important; }
html:not(#ktel-f) body .ktel-call-card { text-decoration: none !important; background: var(--ktel-call) !important; color: var(--ktel-fg) !important; box-shadow: 0 8px 18px -8px color-mix(in srgb, var(--ktel-call) 70%, transparent) !important; }
html:not(#ktel-f) body .ktel-call-card .ktel-cc-ico { background: rgba(255,255,255,.18) !important; }
html:not(#ktel-f) body .ktel-divider { color: color-mix(in srgb, var(--ktel-ptext) 60%, transparent) !important; }
html:not(#ktel-f) body .ktel-divider::before, html:not(#ktel-f) body .ktel-divider::after { background: var(--ktel-line) !important; }
html:not(#ktel-f) body .ktel-field > label { color: inherit !important; }
html:not(#ktel-f) body .ktel-inwrap .ktel-in-ico { color: color-mix(in srgb, var(--ktel-ptext) 45%, transparent) !important; }
html:not(#ktel-f) body .ktel-panel .ktel-input { border: 1.5px solid var(--ktel-line) !important; background: var(--ktel-soft) !important; color: var(--ktel-ptext) !important; box-shadow: none !important; }
html:not(#ktel-f) body .ktel-panel .ktel-input::placeholder { color: color-mix(in srgb, var(--ktel-ptext) 40%, transparent) !important; }
html:not(#ktel-f) body .ktel-panel select.ktel-input { background-image: linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, transparent 50%) !important; background-position: calc(100% - 20px) 21px, calc(100% - 15px) 21px !important; background-size: 5px 5px !important; background-repeat: no-repeat !important; }
html:not(#ktel-f) body .ktel-panel .ktel-input:hover { border-color: color-mix(in srgb, var(--ktel-ptext) 25%, transparent) !important; }
html:not(#ktel-f) body .ktel-panel .ktel-input:focus { border-color: var(--ktel-accent, var(--ktel-callback)) !important; background: var(--ktel-pbg) !important; box-shadow: 0 0 0 4px color-mix(in srgb, var(--ktel-accent, var(--ktel-callback)) 18%, transparent) !important; }
html:not(#ktel-f) body .ktel-panel .ktel-input[aria-invalid="true"] { border-color: #dc2626 !important; box-shadow: 0 0 0 4px rgba(220,38,38,.15) !important; }
html:not(#ktel-f) body .ktel-consent { color: color-mix(in srgb, var(--ktel-ptext) 80%, transparent) !important; }
html:not(#ktel-f) body .ktel-check { border: 1.5px solid color-mix(in srgb, var(--ktel-ptext) 30%, transparent) !important; background: var(--ktel-pbg) !important; }
html:not(#ktel-f) body .ktel-check svg { color: var(--ktel-fg) !important; }
html:not(#ktel-f) body .ktel-consent input:checked + .ktel-check { background: var(--ktel-accent, var(--ktel-callback)) !important; border-color: var(--ktel-accent, var(--ktel-callback)) !important; }
html:not(#ktel-f) body .ktel-consent input:focus-visible + .ktel-check { box-shadow: 0 0 0 4px color-mix(in srgb, var(--ktel-accent, var(--ktel-callback)) 25%, transparent) !important; }
html:not(#ktel-f) body .ktel-consent input[aria-invalid="true"] + .ktel-check { border-color: #dc2626 !important; box-shadow: 0 0 0 4px rgba(220,38,38,.15) !important; }
html:not(#ktel-f) body .ktel-consent a { color: inherit !important; text-decoration: underline !important; }
html:not(#ktel-f) body .ktel-submit { border: 0 !important; background: var(--ktel-accent, var(--ktel-callback)) !important; color: var(--ktel-fg) !important; box-shadow: 0 10px 20px -10px color-mix(in srgb, var(--ktel-accent, var(--ktel-callback)) 80%, transparent) !important; }
html:not(#ktel-f) body .ktel-submit .ktel-spin { border: 2.5px solid color-mix(in srgb, var(--ktel-fg) 35%, transparent) !important; border-top-color: var(--ktel-fg) !important; }
html:not(#ktel-f) body .ktel-msg-err { background: rgba(220,38,38,.09) !important; color: #b91c1c !important; }
html:not(#ktel-f) body .ktel-trust { color: color-mix(in srgb, var(--ktel-ptext) 55%, transparent) !important; }
html:not(#ktel-f) body .ktel-success-ico { background: color-mix(in srgb, var(--ktel-accent, var(--ktel-callback)) 14%, var(--ktel-pbg)) !important; color: var(--ktel-accent, var(--ktel-callback)) !important; }
html:not(#ktel-f) body .ktel-again { border: 0 !important; background: transparent !important; color: inherit !important; text-decoration: underline !important; box-shadow: none !important; }
@media (max-width: 600px) {
	html:not(#ktel-f) body .ktel-grab { background: color-mix(in srgb, var(--ktel-ptext) 22%, transparent) !important; }
	html:not(#ktel-f) body .ktel-overlay { background: rgba(15,23,42,.45) !important; }
}
html:not(#ktel-f) body .ktel-style-gradient .ktel-btn { background: linear-gradient(135deg, var(--ktel-bg), var(--ktel-grad2, color-mix(in srgb, var(--ktel-bg) 62%, #000))) !important; }
html:not(#ktel-f) body .ktel-style-soft .ktel-btn { background: color-mix(in srgb, var(--ktel-bg) 13%, #fff) !important; color: var(--ktel-bg) !important; box-shadow: 0 0 0 1.5px color-mix(in srgb, var(--ktel-bg) 35%, transparent), var(--ktel-shadow) !important; }
html:not(#ktel-f) body .ktel-style-outline .ktel-btn { background: var(--ktel-pbg) !important; color: var(--ktel-bg) !important; box-shadow: inset 0 0 0 2px var(--ktel-bg), var(--ktel-shadow) !important; }
html:not(#ktel-f) body .ktel-dismiss { border: 0 !important; background: var(--ktel-pbg) !important; color: var(--ktel-ptext) !important; box-shadow: 0 2px 6px rgba(0,0,0,.25) !important; }
html:not(#ktel-f) body .ktel-bubble-x { border: 0 !important; background: transparent !important; color: inherit !important; }
html:not(#ktel-f) body .ktel-bubble-x:hover { background: color-mix(in srgb, var(--ktel-ptext) 8%, transparent) !important; }
html:not(#ktel-f) body .ktel-avatar.has-photo { background: var(--ktel-soft) !important; box-shadow: 0 0 0 2px var(--ktel-pbg), 0 0 0 4px color-mix(in srgb, var(--ktel-accent, var(--ktel-callback)) 45%, transparent) !important; }
html:not(#ktel-f) body .ktel-avatar.is-online::after { background: #16a34a !important; border: 2px solid var(--ktel-pbg) !important; }
html:not(#ktel-f) body .ktel-agent { color: color-mix(in srgb, var(--ktel-ptext) 62%, transparent) !important; }
html:not(#ktel-f) body .ktel-resp { background: color-mix(in srgb, var(--ktel-accent, var(--ktel-callback)) 9%, var(--ktel-pbg)) !important; color: color-mix(in srgb, var(--ktel-accent, var(--ktel-callback)) 75%, var(--ktel-ptext)) !important; }
html:not(#ktel-f) body .ktel-overlay.ktel-dim { background: rgba(15,23,42,.35) !important; }
html:not(#ktel-f) body .ktel-inline-btn { background: var(--ktel-bg, #2563eb) !important; color: var(--ktel-fg, #fff) !important; text-decoration: none !important; box-shadow: 0 10px 22px -12px var(--ktel-bg, #2563eb) !important; }
html:not(#ktel-f) body .ktel-style-solid .ktel-btn { background: linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,0) 55%), var(--ktel-bg, var(--ktel-callback)) !important; }
html:not(#ktel-f) body .ktel-shape-pill .ktel-icon, html:not(#ktel-f) body .ktel-shape-full .ktel-icon { background: rgba(255,255,255,.2) !important; }
html:not(#ktel-f) body .ktel-style-soft.ktel-shape-pill .ktel-icon, html:not(#ktel-f) body .ktel-style-soft.ktel-shape-full .ktel-icon, html:not(#ktel-f) body .ktel-style-outline.ktel-shape-pill .ktel-icon, html:not(#ktel-f) body .ktel-style-outline.ktel-shape-full .ktel-icon { background: color-mix(in srgb, var(--ktel-bg) 14%, transparent) !important; }
html:not(#ktel-f) body .ktel-dismiss { box-shadow: 0 1px 4px rgba(0,0,0,.18) !important; }
html:not(#ktel-f) body .ktel-bubble { border: 1px solid color-mix(in srgb, var(--ktel-ptext) 8%, transparent) !important; box-shadow: 0 1px 2px rgba(0,0,0,.05), 0 10px 28px -6px rgba(0,0,0,.2) !important; }
html:not(#ktel-f) body .ktel-bubble::after { border-color: color-mix(in srgb, var(--ktel-ptext) 8%, transparent) !important; }
html:not(#ktel-f) body .ktel-head { background: linear-gradient(160deg, var(--ktel-tint), var(--ktel-pbg) 140%) !important; }
html:not(#ktel-f) body .ktel-avatar:not(.has-photo) { box-shadow: 0 6px 14px -6px color-mix(in srgb, var(--ktel-accent, var(--ktel-callback)) 70%, transparent), inset 0 1px 0 rgba(255,255,255,.25) !important; }
html:not(#ktel-f) body .ktel-submit { background: linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,0) 60%), var(--ktel-accent, var(--ktel-callback)) !important; }
html:not(#ktel-f) body .ktel-consent a { color: var(--ktel-accent, var(--ktel-callback)) !important; }
html:not(#ktel-f) body .ktel-panel .ktel-input:focus { background: var(--ktel-pbg) !important; }
html:not(#ktel-f) body .ktel-panel::-webkit-scrollbar-thumb { background: color-mix(in srgb, var(--ktel-ptext) 18%, transparent) !important; }
html:not(#ktel-f) body .ktel-collapsed.ktel-shape-pill .ktel-icon { background: transparent !important; }
html:not(#ktel-f) body .ktel-ch-title { color: color-mix(in srgb, var(--ktel-ptext) 62%, transparent) !important; }
html:not(#ktel-f) body .ktel-ch-btn { border: 0 !important; background: var(--ktel-chc) !important; color: #fff !important; text-decoration: none !important; }
html:not(#ktel-f) body .ktel-ch-btn:hover { color: #fff !important; text-decoration: none !important; }
html:not(#ktel-f) body .ktel-ch-mono .ktel-ch-btn { background: color-mix(in srgb, var(--ktel-chc) 12%, var(--ktel-pbg)) !important; color: var(--ktel-chc) !important; box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--ktel-chc) 35%, transparent) !important; }
html:not(#ktel-f) body .ktel-ch-mono .ktel-ch-btn:hover { color: var(--ktel-chc) !important; }
html:not(#ktel-f) body .ktel-theme-dark .ktel-ch-mono .ktel-ch-btn, html:not(#ktel-f) body .ktel-theme-dark.ktel-panel .ktel-ch-mono .ktel-ch-btn { color: color-mix(in srgb, var(--ktel-chc) 55%, #fff) !important; }

/* theme-proof states: keep the plugin's colours on hover/focus/visited too */
html:not(#ktel-f) body .ktel-root a.ktel-btn:visited, html:not(#ktel-f) body .ktel-root .ktel-btn:hover, html:not(#ktel-f) body .ktel-root .ktel-btn:focus, html:not(#ktel-f) body .ktel-root .ktel-btn:active { color: var(--ktel-fg) !important; text-decoration: none !important; }
html:not(#ktel-f) body .ktel-style-soft .ktel-btn:hover, html:not(#ktel-f) body .ktel-style-soft .ktel-btn:focus, html:not(#ktel-f) body .ktel-style-outline .ktel-btn:hover, html:not(#ktel-f) body .ktel-style-outline .ktel-btn:focus { color: var(--ktel-bg) !important; }
html:not(#ktel-f) body .ktel-panel .ktel-submit:hover, html:not(#ktel-f) body .ktel-panel .ktel-submit:focus, html:not(#ktel-f) body .ktel-panel .ktel-call-card:hover, html:not(#ktel-f) body .ktel-panel .ktel-call-card:focus, html:not(#ktel-f) body .ktel-panel a.ktel-call-card:visited { color: var(--ktel-fg) !important; text-shadow: none !important; }

html:not(#ktel-f) body .ktel-root button, html:not(#ktel-f) body .ktel-panel button, html:not(#ktel-f) body .ktel-panel input, html:not(#ktel-f) body .ktel-panel textarea, html:not(#ktel-f) body .ktel-panel select, html:not(#ktel-f) body .ktel-inline-btn { text-shadow: none !important; }
html:not(#ktel-f) body .ktel-root svg, html:not(#ktel-f) body .ktel-panel svg, html:not(#ktel-f) body .ktel-inline-btn svg { fill: none !important; stroke: currentColor !important; }