/* Nakładka „projekt koncepcyjny” – wspólna dla wszystkich projektów /strony-ai, w kolorach wykonawcy. Nie zmieniaj per klient. */
.kx-bar,.kx-pill,.kx-drawer,.kx-toast{--kx-ink:#0D0E11;--kx-bg:#F4F5F6;--kx-muted:#575C64;--kx-line:#DADDE1;--kx-accent:#FF4A1C;--kx-accent-strong:#C2350A;--kx-accent-soft:#FFF1EC;
  --kx-f:'Geist Variable',Geist,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--kx-serif:'Instrument Serif',Georgia,'Times New Roman',serif;
  --kx-mono:'Geist Mono Variable',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font:400 14px/1.45 var(--kx-f);letter-spacing:0;text-transform:none;box-sizing:border-box}
.kx-bar *,.kx-drawer *,.kx-pill *{box-sizing:border-box}
.kx-bar{position:relative;z-index:9998;display:flex;align-items:center;gap:14px;justify-content:center;flex-wrap:wrap;
  background:var(--kx-ink);color:#C5C9CF;padding:8px 48px 8px 16px;text-align:center}
.kx-bar strong{color:#fff;font-weight:600;letter-spacing:-.01em}
.kx-bar strong i,.kx-drawer h2 i{font:italic 400 1.14em/1 var(--kx-serif);color:var(--kx-accent);letter-spacing:-.01em}
.kx-btn{appearance:none;border:0;cursor:pointer;border-radius:999px;font:600 13px/1 var(--kx-f);letter-spacing:-.005em;
  padding:5px 5px 5px 14px;min-height:32px;background:#fff;color:var(--kx-ink);display:inline-flex;align-items:center;gap:9px;text-decoration:none}
.kx-btn::after{content:"";flex:none;width:22px;height:22px;border-radius:50%;background:var(--kx-accent) center/12px no-repeat
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E")}
.kx-btn.kx-ghost{background:transparent;color:inherit;box-shadow:inset 0 0 0 1px currentColor;padding:5px 14px}.kx-btn.kx-ghost::after{display:none}
.kx-x{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:0;color:#9197A0;font-size:20px;cursor:pointer;line-height:1}
.kx-pill{position:fixed;z-index:9998;left:16px;bottom:calc(16px + var(--kx-offset,0px));opacity:0;pointer-events:none;transform:translateY(8px);
  transition:.25s;background:var(--kx-ink);color:#fff;min-height:40px;padding:5px 5px 5px 16px;box-shadow:0 10px 26px rgba(13,14,17,.32)}
.kx-pill::after{width:30px;height:30px;background-size:15px}
.kx-pill.kx-on{opacity:1;pointer-events:auto;transform:none}
.kx-shade{position:fixed;inset:0;z-index:9999;background:rgba(13,14,17,.5);opacity:0;pointer-events:none;transition:.25s}
.kx-drawer{position:fixed;z-index:10000;top:0;right:0;height:100%;width:min(460px,100%);background:var(--kx-bg);color:#2A2D33;
  transform:translateX(100%);transition:transform .3s ease;overflow-y:auto;padding:26px 22px 30px}
.kx-open .kx-drawer{transform:none;box-shadow:-16px 0 48px rgba(13,14,17,.22)}.kx-open .kx-shade{opacity:1;pointer-events:auto}
.kx-drawer h2{font:600 31px/1.04 var(--kx-f);letter-spacing:-.045em;margin:12px 44px 10px 0;color:var(--kx-ink)}
.kx-drawer h3,.kx-kicker{font:500 11px/1 var(--kx-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--kx-muted)}
.kx-drawer h3{margin:26px 0 10px}
.kx-kicker{display:flex;align-items:center;gap:8px}
.kx-kicker::before{content:"";width:22px;height:22px;border-radius:7px;background:var(--kx-accent) center/13px no-repeat
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='14' rx='3'/%3E%3Cpath d='M3.5 10h17'/%3E%3C/svg%3E")}
.kx-drawer p{margin:0;color:var(--kx-muted)}
.kx-list{list-style:none;margin:0;padding:6px 16px;display:grid;background:#fff;border:1px solid var(--kx-line);border-radius:18px}
.kx-list li{display:grid;grid-template-columns:22px 1fr;gap:11px;align-items:start;padding:11px 0;border-top:1px solid #EEF0F2}
.kx-list li:first-child{border-top:0}
.kx-list li::before{content:"";width:22px;height:22px;border-radius:50%;background:var(--kx-accent-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%23C2350A' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/13px no-repeat}
.kx-list b{display:block;font-weight:600;letter-spacing:-.01em;color:var(--kx-ink)}.kx-list span{color:var(--kx-muted);font-size:13px}
.kx-gains{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.kx-gain{background:#fff;border:1px solid var(--kx-line);border-radius:14px;padding:13px 14px}
.kx-gain b{display:block;font-size:14px;letter-spacing:-.01em;color:var(--kx-ink);margin-bottom:3px}.kx-gain span{font-size:12.5px;color:var(--kx-muted)}
.kx-cta{margin-top:22px;background:var(--kx-ink);border-radius:18px;padding:20px}
.kx-cta b{color:#fff;font:600 19px/1.15 var(--kx-f);letter-spacing:-.03em}
.kx-cta p{color:#C5C9CF}
.kx-cta .kx-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.kx-cta .kx-btn{min-height:40px;padding:6px 6px 6px 16px;font-size:14px}.kx-cta .kx-btn::after{width:28px;height:28px;background-size:14px}
.kx-cta .kx-btn.kx-ghost{color:#fff;padding:6px 18px}
.kx-fine{margin-top:16px;font-size:12px;color:var(--kx-muted)}
.kx-close{position:absolute;top:18px;right:18px;background:#fff;border:1px solid var(--kx-line);border-radius:50%;width:36px;height:36px;font-size:18px;line-height:1;cursor:pointer;color:var(--kx-ink)}
.kx-toast{position:fixed;z-index:10001;left:50%;bottom:24px;transform:translateX(-50%);background:var(--kx-ink);color:#fff;
  padding:13px 18px;border-radius:14px;max-width:min(520px,92vw);box-shadow:0 12px 32px rgba(13,14,17,.3)}
[data-placeholder]{background:repeating-linear-gradient(-45deg,rgba(255,74,28,.13) 0 6px,transparent 6px 12px);outline:1px dashed rgba(194,53,10,.55);outline-offset:2px}
@media (max-width:640px){.kx-bar{font-size:13px;padding:8px 40px 8px 12px;gap:8px}.kx-bar .kx-sub{display:none}.kx-gains{grid-template-columns:1fr}}
@media print{.kx-bar,.kx-pill,.kx-drawer,.kx-shade{display:none!important}}