/* NOCLO panel: Kanaly sprzedazy (WuBook: Booking.com, Airbnb). Kolory i promienie z panelu (--p, --t, --l, --r). */
.kx{--kx-navy:#17152b;--kx-ok:#15803D;--kx-okbg:#ECFDF3;--kx-warn:#B45309;--kx-warnbg:#FFF7E6;--kx-err:#B42318;--kx-errbg:#FEF3F2;--kx-bcom:#003B95;--kx-abnb:#E0245E}
.kx .btn.ghost{background:transparent;border-color:transparent;color:var(--t2)}
.kx .btn.ghost:hover{background:rgba(23, 21, 43,.06);color:var(--t)}
.kx .btn[disabled]{opacity:.55;cursor:not-allowed}
.kx .btn.p:not([disabled]):hover{background:var(--pd);border-color:var(--pd)}
.kx-spin{width:14px;height:14px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:kxspin .7s linear infinite;flex:none}
@keyframes kxspin{to{transform:rotate(360deg)}}

/* start */
.kx-hero{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1rem}
.kx-hero-tx{position:relative;overflow:hidden;border-radius:14px;padding:1.4rem 1.3rem;color:#fff;
  background:radial-gradient(120% 90% at 100% 0%,rgba(88,70,199,.5),transparent 55%),linear-gradient(160deg,#2C2C2C 0%,#17152b 60%,#0B1D3E 100%)}
.kx-eyebrow{display:inline-flex;align-items:center;gap:.35rem;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#C4B5FD}
.kx-hero-tx h3{margin:.55rem 0 .5rem;font-size:clamp(1.25rem,4.6vw,1.6rem);line-height:1.2;letter-spacing:-.01em}
.kx-hero-tx p{margin:0 0 1.1rem;color:rgba(255,255,255,.82);font-size:14px;line-height:1.55;max-width:48ch}
.kx-benefits{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}
.kx-benefits li{display:flex;gap:.7rem;align-items:flex-start}
.kx-benefits .ms{flex:none;width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-size:18px;background:rgba(255,255,255,.1);color:#C4B5FD}
.kx-benefits b{display:block;font-size:14px}
.kx-benefits span span{font-size:13px;color:rgba(255,255,255,.72)}
.kx-benefits li>span:last-child{font-size:13px;color:rgba(255,255,255,.72);line-height:1.45}
.kx-ready{background:#fff;border:1px solid var(--l);border-radius:14px;padding:1.2rem 1.1rem;box-shadow:var(--sh);display:flex;flex-direction:column;gap:.8rem}
.kx-ready h4{margin:0;font-size:15px}
.kx-check{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}
.kx-check li{display:flex;align-items:center;gap:.65rem;padding:.65rem .7rem;border:1px solid var(--l);border-radius:10px}
.kx-check li>div{flex:1;min-width:0}
.kx-check b{display:block;font-size:13.5px}
.kx-check small{display:block;color:var(--m);font-size:12.5px;line-height:1.4;overflow-wrap:anywhere}
.kx-dot{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center}
.kx-check li.ok .kx-dot{background:var(--kx-okbg);color:var(--kx-ok)}
.kx-check li.no{border-color:#F7D9A8;background:#FFFBF2}
.kx-check li.no .kx-dot{background:var(--kx-warnbg);color:var(--kx-warn)}
.kx-cta{width:100%;padding:.8rem 1rem;font-size:14px;border-radius:10px}
.kx-note{margin:0;font-size:12.5px;color:var(--m);line-height:1.5;display:flex;gap:.35rem;align-items:flex-start}
.kx-note .ms{font-size:15px;margin-top:1px}
.kx-flow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin-bottom:1rem}
.kx-flow-i{position:relative;background:#fff;border:1px solid var(--l);border-radius:12px;padding:.8rem .8rem .8rem;display:flex;flex-direction:column;gap:.15rem}
.kx-flow-i .ms{color:var(--p);font-size:20px;margin-bottom:.2rem}
.kx-flow-i b{font-size:13px}
.kx-flow-i small{font-size:12px;color:var(--m);line-height:1.35}
.kx-flow-n{position:absolute;top:.6rem;right:.7rem;font-size:11px;font-weight:700;color:var(--m2)}

/* statystyki */
.kx-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin-bottom:1rem}
.kx-stats .stat{background:#fff;border:1px solid var(--l);border-radius:12px;padding:.75rem;display:flex;gap:.6rem;align-items:center;min-width:0}
.kx-stats .stat b{display:block;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kx-stats .stat small{color:var(--m);font-size:12px}
.kx-stats .stat>div{min-width:0}

/* karty kanalow */
.kx-chans{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1rem}
.kx-chan{background:#fff;border:1px solid var(--l);border-radius:14px;box-shadow:var(--sh);overflow:hidden;display:flex;flex-direction:column}
.kx-chan.is-live{border-color:#BBE5CB}
.kx-chan header{display:flex;align-items:center;gap:.75rem;padding:1rem 1rem .8rem}
.kx-chan header>div{flex:1;min-width:0}
.kx-chan h4{margin:0;font-size:15.5px}
.kx-chan header small{color:var(--m);font-size:12.5px}
.kx-logo{flex:none;width:40px;height:40px;border-radius:10px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:17px;letter-spacing:-.02em}
.kx-logo.b{background:var(--kx-bcom)}
.kx-logo.a{background:var(--kx-abnb)}
.kx-chip{display:inline-flex;align-items:center;gap:.25rem;font-size:11.5px;font-weight:700;padding:.28rem .55rem;border-radius:999px;white-space:nowrap}
.kx-chip .ms{font-size:14px}
.kx-chip.ok{background:var(--kx-okbg);color:var(--kx-ok)}
.kx-chip.mid{background:#EEF4FF;color:#1D4ED8}
.kx-chip.wait{background:var(--kx-warnbg);color:var(--kx-warn)}
.kx-chip.off{background:#F2F4F7;color:var(--t2)}
.kx-steps{list-style:none;margin:0;padding:.1rem 1rem .9rem;display:flex;gap:.3rem;counter-reset:s}
.kx-steps li{flex:1;min-width:0;display:flex;flex-direction:column;gap:.35rem;font-size:11.5px;color:var(--m)}
.kx-steps li i{font-style:normal;height:4px;border-radius:99px;background:#E6E9ED;font-size:0;overflow:hidden}
.kx-steps li.done i{background:var(--kx-ok)}
.kx-steps li.now i{background:var(--p)}
.kx-steps li.now{color:var(--t);font-weight:700}
.kx-steps li span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kx-body{padding:0 1rem 1.05rem;display:flex;flex-direction:column;gap:.8rem}
.kx-lead{margin:0;font-size:13.5px;line-height:1.55;color:var(--t2)}
.kx-inline{display:flex;gap:.5rem;align-items:flex-end;flex-wrap:wrap}
.kx-inline .f{margin:0}
.kx-grow{flex:1 1 180px}
.kx-inline input{font-size:16px}
.kx-actions{display:flex;flex-wrap:wrap;gap:.5rem}
.kx-howto{margin:0;padding:0;list-style:none;counter-reset:k;display:grid;gap:.6rem}
.kx-howto>li{counter-increment:k;position:relative;padding-left:2.1rem;font-size:13.5px;line-height:1.5;color:var(--t)}
.kx-howto>li::before{content:counter(k);position:absolute;left:0;top:0;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--ps);color:var(--pd);font-weight:700;font-size:12px;display:grid;place-items:center}
.kx-howto a{color:var(--pd);font-weight:600}
.kx-cred{margin-top:.5rem;display:flex;flex-wrap:wrap;gap:.4rem .8rem;align-items:center;padding:.6rem .7rem;border-radius:10px;background:#F7F8FA;border:1px dashed var(--l2)}
.kx-cred>div{display:flex;align-items:center;gap:.4rem;min-width:0}
.kx-cred small{color:var(--m);font-size:11.5px}
.kx-cred code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;background:#fff;border:1px solid var(--l);padding:.2rem .45rem;border-radius:6px;overflow-wrap:anywhere}
.kx-cred>span{font-size:12.5px;color:var(--t2)}
.kx-table{overflow-x:auto;border:1px solid var(--l);border-radius:10px}
.kx-table table{width:100%;border-collapse:collapse;font-size:13px}
.kx-table th{text-align:left;font-size:11.5px;color:var(--m);font-weight:600;padding:.55rem .7rem;background:#F9FAFB;border-bottom:1px solid var(--l)}
.kx-table td{padding:.6rem .7rem;border-bottom:1px solid var(--l);vertical-align:middle}
.kx-table tr:last-child td{border-bottom:0}
.kx-table td small{display:block;color:var(--m);font-size:11.5px;margin-top:.1rem}
.kx-table select{width:100%;min-width:150px;font-size:16px;padding:.45rem .5rem;border:1px solid var(--l2);border-radius:8px;background:#fff}
.kx-arrow{color:var(--m2);width:1%}
.kx-alert,.kx-info,.kx-live,.kx-ok{display:flex;gap:.6rem;align-items:flex-start;padding:.7rem .8rem;border-radius:10px;font-size:13px;line-height:1.5}
.kx-alert b,.kx-info b,.kx-live b{display:block}
.kx-alert{background:var(--kx-errbg);color:var(--kx-err);border:1px solid #FDD5CF}
.kx-info{background:#F3F6FB;color:#27405F;border:1px solid #DDE6F3}
.kx-live{background:var(--kx-okbg);color:#0F5132;border:1px solid #BBE5CB}
.kx-live small{color:#2F6B4A}
.kx-live>.ms{color:var(--kx-ok);font-size:26px}
.kx-ok{background:var(--kx-okbg);color:var(--kx-ok);font-weight:600;align-items:center}

/* kontrola */
.kx-grid2{display:grid;grid-template-columns:1fr;gap:1rem}
.kx-card{margin:0}
.kx-res{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.kx-res li{display:flex;align-items:center;gap:.6rem;padding:.6rem 0;border-bottom:1px solid var(--l)}
.kx-res li:last-child{border-bottom:0}
.kx-res li>div{flex:1;min-width:0}
.kx-res b{display:block;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kx-res small{display:block;color:var(--m);font-size:12px;line-height:1.4}
.kx-res li.is-can{opacity:.55}
.kx-res li.is-can b{text-decoration:line-through}
.kx-res li.is-conf{background:#FFF5F5;border-radius:8px;padding-left:.5rem;padding-right:.3rem}
.kx-amt{font-weight:700;font-size:13px;white-space:nowrap}
.kx-src{flex:none;font-size:10.5px;font-weight:800;padding:.22rem .45rem;border-radius:6px;color:#fff;background:#667085;letter-spacing:.01em}
.kx-src.booking{background:var(--kx-bcom)}
.kx-src.airbnb{background:var(--kx-abnb)}
.kx-empty{color:var(--t2)}
.kx-empty>.ms{font-size:28px;color:var(--m2)}
.kx-sync{list-style:none;margin:0 0 .8rem;padding:0;display:grid;gap:.6rem}
.kx-sync li{display:flex;gap:.6rem;align-items:flex-start}
.kx-sync li>.ms{flex:none;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;font-size:17px;background:var(--ps);color:var(--pd)}
.kx-sync b{display:block;font-size:13px}
.kx-sync small{color:var(--m);font-size:12px}
.kx-sec{margin:.9rem 0 .2rem;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--m)}
.kx-card .kx-actions{margin-top:.8rem}
.kx-more{margin-top:.7rem;display:inline-flex;align-items:center;gap:.25rem;border:0;background:none;color:var(--t2);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;padding:.3rem 0}
.kx-rooms{list-style:none;margin:.3rem 0 0;padding:0;display:grid;gap:.35rem}
.kx-rooms li{display:flex;align-items:center;gap:.45rem;font-size:13px}
.kx-rooms small{margin-left:auto;color:var(--m);font-size:11.5px;text-align:right}
.kx-rooms .ms{color:var(--m2)}
.kx-rooms .ms.ok{color:var(--kx-ok)}
.kx-skel{display:grid;gap:.8rem}
.kx-skel i{display:block;height:110px;border-radius:14px;background:linear-gradient(90deg,#EEF0F3 0%,#F7F8FA 50%,#EEF0F3 100%);background-size:200% 100%;animation:kxsk 1.2s ease-in-out infinite}
@keyframes kxsk{to{background-position:-200% 0}}

@media (min-width:760px){
  .kx-flow{grid-template-columns:repeat(4,minmax(0,1fr))}
  .kx-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (min-width:1100px){
  .kx-hero{grid-template-columns:1.25fr 1fr;align-items:stretch}
  .kx-hero-tx{padding:1.8rem 1.7rem}
  .kx-chans{grid-template-columns:1fr 1fr;align-items:start}
  .kx-grid2{grid-template-columns:1.2fr 1fr;align-items:start}
}
@media (prefers-reduced-motion:reduce){.kx-spin,.kx-skel i{animation:none}}

/* poprawki po przegladzie zrzutow: przyciski-linki bez podkreslenia, mniejsze listy wyboru na komputerze, dluzsze wartosci statystyk zawijaja sie na telefonie */
.kx a.btn,.kx a.btn:hover{text-decoration:none}
@media (max-width:759px){.kx-stats .stat b{white-space:normal;overflow:visible;font-size:15px;line-height:1.25}}
@media (min-width:760px){.kx-table select{font-size:14px}}
.kx-why{margin:0;font-size:12.5px;color:#B45309;display:flex;gap:.35rem;align-items:flex-start}

.kx-danger{color:#B42318}
.kx-danger:hover{color:#912018}