/* NOCLO panel: style modulow wzrostu i przychodu (growth.js, revenue.js) */
.kp4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;margin-bottom:1rem}
.kp4 .stat{background:#fff;border:1px solid var(--l);border-radius:var(--r);padding:.7rem .9rem}
.bar{display:inline-block;width:90px;height:7px;background:#EEF0F2;border-radius:4px;vertical-align:middle;margin-right:.4rem;overflow:hidden}
.bar i{display:block;height:100%;background:var(--p);border-radius:4px}
.hint{color:var(--m);font-size:12px;margin:.6rem 0 0}
.lnk{background:none;border:0;color:var(--p);font:inherit;font-size:12px;font-weight:600;cursor:pointer;padding:0}
.acts2{display:flex;align-items:center;gap:.4rem;flex:none}
.acts2 .ib{width:30px;height:30px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;color:var(--m)}
.acts2 .ib:hover{background:var(--bg);color:var(--t)}
.up{color:var(--p)}.dn{color:#1E8E5A}
code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;background:var(--bg);padding:.1rem .35rem;border-radius:4px}
.lbl2{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--m);margin:.6rem 0 .2rem}
.chips2{display:flex;gap:.35rem;flex-wrap:wrap;margin-bottom:.8rem}
.chips2 button{border:1px solid var(--l);background:#fff;border-radius:999px;padding:.4rem .75rem;font:inherit;font-size:12.5px;font-weight:600;color:var(--t2);display:inline-flex;align-items:center;gap:.3rem}
.chips2 button b{color:var(--m);font-weight:800}
.chips2 button.on{background:#17152b;border-color:#17152b;color:#fff}.chips2 button.on b{color:#C4B5FD}
.chips2 button .ms{font-size:16px}
.bar2{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;margin-bottom:.8rem}
.bar2 .q{position:relative;flex:1;min-width:200px;max-width:340px}
.bar2 .q .ms{position:absolute;left:.6rem;top:50%;transform:translateY(-50%);color:var(--m);font-size:20px}
.bar2 .q input{padding-left:2.2rem;width:100%}
.bar2 .chips2{margin:0}
.bar2 select{width:auto;margin-left:auto}
.seg2{display:inline-flex;border:1px solid var(--l2);border-radius:8px;overflow:hidden}
.seg2 button{padding:.45rem .7rem;font:inherit;font-size:12.5px;font-weight:600;background:#fff;color:var(--t2)}
.seg2 button.on{background:#17152b;color:#fff}
table.t.crm tbody tr{cursor:pointer}table.t.crm tbody tr:hover td{background:#FBF7F4}
/* os czasu odzyskiwania */
.tl{display:flex;flex-direction:column;gap:.2rem;margin:.2rem 0 .6rem}
.tli{display:grid;grid-template-columns:36px 1fr auto;gap:.7rem;align-items:start;padding:.55rem 0;border-bottom:1px solid var(--l);position:relative}
.tli:last-child{border-bottom:0}
.tli.off{opacity:.5}
.tld{width:36px;height:36px;border-radius:50%;background:var(--ps);color:var(--p);display:inline-flex;align-items:center;justify-content:center}
.tld .ms{font-size:19px}
.tlb b{display:block;font-size:13px}.tlb small{color:var(--m);font-size:11.5px}.tlb p{margin:.2rem 0 0;font-size:12px;color:var(--t2)}
/* momenty upsellingu */
.mom{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start}
.mom .card .ch .ms{color:var(--p)}
.steps4{display:grid;gap:.5rem}
.steps4>div{display:grid;grid-template-columns:28px 1fr;gap:.6rem;align-items:start;font-size:13px}
.steps4 b{width:26px;height:26px;border-radius:50%;background:var(--p);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12px}
.phone-mock{max-width:330px;margin:0 auto;border:8px solid #17152b;border-radius:26px;overflow:hidden;background:#fff}
.pm-h{background:#17152b;color:#fff;font-size:11px;padding:.5rem .8rem;text-align:center}
.pm-b{padding:.9rem}.pm-b b{display:block;margin-bottom:.3rem}.pm-b p{font-size:13px;color:var(--t2);margin:0 0 .5rem}
.pm-i{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.55rem .6rem;border:1px solid var(--l);border-radius:10px;margin-bottom:.35rem;font-size:13px}
.pm-i small{color:var(--m)}
.mail-mock{border:1px solid var(--l);border-radius:12px;padding:1.2rem;background:#FAFBFB}
.mail-mock b{display:block;font-size:16px;margin-bottom:.4rem}.mail-mock p{font-size:13.5px;color:var(--t2)}
.mail-mock .btn{display:inline-flex;margin:.4rem 0 .8rem}
.mail-mock small{display:block;color:var(--m);font-size:11px}
/* automaty po pobycie */
.auto{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1rem}
.auto .card{margin:0}.auto .card.dim{opacity:.6}
.auto .when{display:flex;align-items:center;gap:.3rem;color:var(--p);font-weight:600;font-size:12px}
.auto p{font-size:12.5px;color:var(--t2);margin:.4rem 0 .6rem}
.auto .foot{display:flex;justify-content:space-between;align-items:center}
/* housekeeping */
.hkb{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin-bottom:1rem;align-items:start}
.hkcol{background:#F7F8FA;border-radius:12px;padding:.5rem}
.hkh{display:flex;align-items:center;gap:.4rem;padding:.55rem .7rem;border-radius:9px;font-size:13px;margin-bottom:.5rem}
.hkh .cnt{margin-left:auto;background:#fff;border-radius:999px;padding:.1rem .5rem;font-size:11px;font-weight:700}
.hkc{background:#fff;border:1px solid var(--l);border-radius:10px;padding:.7rem .8rem;margin-bottom:.5rem}
.hkc.prio{border-color:#E0453C;box-shadow:0 0 0 2px #FDE7E5}
.hkt{display:flex;justify-content:space-between;align-items:center;gap:.4rem;flex-wrap:wrap;font-size:13px}
.hkt2{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.4rem}
.hkt2 span{display:inline-flex;align-items:center;gap:.2rem;font-size:11.5px;background:var(--bg);border-radius:6px;padding:.15rem .45rem;color:var(--t2)}
.hkn{display:block;margin-top:.3rem;color:var(--m);font-size:11.5px}
.hkf{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem;gap:.4rem}
.hkf .who{font-size:12px;color:var(--m);display:inline-flex;align-items:center;gap:.2rem}
.hkempty{color:var(--m);font-size:12px;text-align:center;padding:1rem}
.chk2{display:flex;align-items:center;gap:.5rem;font-size:13px;padding:.3rem 0}
/* reguly i symulator */
.quote{border:1px solid var(--l);border-radius:10px;overflow:hidden;margin-top:.4rem}
.qrow{display:flex;justify-content:space-between;padding:.5rem .8rem;border-bottom:1px solid var(--l);font-size:13px}
.qrow:last-child{border-bottom:0}
.qrow.tot{background:#17152b;color:#fff;font-weight:700}.qrow.tot b{color:#C4B5FD;font-size:15px}
.spark{display:flex;gap:4px;height:120px;align-items:flex-end}
.spark .sp{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:.2rem}
.spark .sp i{width:100%;border-radius:4px 4px 0 0;min-height:4px}
.spark .sp small{font-size:10px;color:var(--m)}
/* autopilot */
.recs{display:grid;gap:.7rem;margin-bottom:1rem}
.rec{display:grid;grid-template-columns:44px 1fr auto;gap:.9rem;align-items:center;background:#fff;border:1px solid var(--l);border-radius:14px;padding:.9rem 1rem;box-shadow:var(--sh)}
.ric{width:44px;height:44px;border-radius:12px;background:var(--ps);color:var(--p);display:inline-flex;align-items:center;justify-content:center}
.ric .ms{font-size:24px}
.rb2 b{display:block;font-size:14px}.rb2 p{margin:.2rem 0;font-size:12.5px;color:var(--t2)}.rb2 small{color:var(--m);font-size:11.5px}
.racts{display:flex;gap:.4rem;flex:none}
@media (max-width:1100px){.auto{grid-template-columns:1fr 1fr}.hkb{grid-template-columns:1fr 1fr}}
@media (max-width:760px){
  .kp4{grid-template-columns:1fr 1fr}
  .mom,.auto,.hkb{grid-template-columns:1fr}
  .rec{grid-template-columns:36px 1fr}.rec .racts{grid-column:1/-1;justify-content:flex-start}
  .tli{grid-template-columns:30px 1fr auto}
  .bar2 select{margin-left:0;width:100%}
  .row{flex-wrap:wrap}
}
@media (max-width:760px){.row .acts2{margin-left:auto}}

/* konfigurator silnika (NOCLO) */
.ewhero{background:#17152b;border-radius:16px;padding:1rem 1rem .8rem;color:#fff;margin-bottom:1rem;background-image:radial-gradient(60% 80% at 100% 0%,rgba(88, 70, 199,.25),transparent 60%)}
.ewtop{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:.9rem}
.ewpills{display:flex;gap:.35rem;flex-wrap:wrap}
.ewpills button{display:inline-flex;align-items:center;gap:.35rem;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:rgba(255,255,255,.85);border-radius:999px;padding:.5rem .9rem;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer}
.ewpills button .ms{font-size:17px}
.ewpills button.on{background:#fff;color:#17152b;border-color:#fff}
.ewstats{display:flex;gap:1.4rem}
.ewstats b{display:block;font-size:18px;letter-spacing:-.02em}.ewstats small{color:rgba(255,255,255,.55);font-size:11px}
.ewframe{border-radius:12px;overflow:hidden;background:#17152b;border:1px solid rgba(255,255,255,.08)}
.ewframe iframe{width:100%;height:520px;border:0;display:block}
.ewnote{margin:.7rem 0 0;font-size:12px;color:rgba(255,255,255,.6)}.ewnote a{color:#C4B5FD}
.ewgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;align-items:start}
.ewgrid .card{margin:0}
.ewcolor{display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--l2);border-radius:8px;padding:.2rem .6rem .2rem .2rem;font-size:12px;font-family:ui-monospace,Menlo,Consolas,monospace;cursor:pointer}
.ewcolor input{width:30px;height:30px;padding:0;border:0;background:none;border-radius:6px;cursor:pointer}
.ewsteps{margin:.8rem 0 0;padding-left:1.1rem;font-size:12.5px;color:var(--t2)}.ewsteps li{margin:.2rem 0}
.snip{background:#17152b;color:#C4B5FD;border-radius:10px;padding:.9rem 1rem;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;word-break:break-all;margin-bottom:.6rem}
.snip code{background:none;color:inherit;padding:0;font-size:12px}
/* pokoje: lista z miniaturami */
.rmlist{display:grid;gap:.8rem}
.rmrow{display:grid;grid-template-columns:120px minmax(0,1fr) 36px;gap:.9rem;align-items:start;border:1px solid var(--l);border-radius:12px;padding:.8rem;background:#fff}
.rmph{height:120px;border-radius:10px;background:#EEF0F2 center/cover no-repeat;display:flex;align-items:center;justify-content:center;color:transparent}
.rmph.no{color:var(--m)}.rmph .ms{font-size:28px}
.rmf .g2{margin-bottom:0}
.rmdel{color:var(--m)}
@media (max-width:1100px){.ewgrid{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.ewgrid{grid-template-columns:1fr}.ewframe iframe{height:520px}.ewstats{gap:1rem}.ewstats b{font-size:15px}.rmrow{grid-template-columns:1fr}.rmph{height:140px}.rmdel{justify-self:end}}

/* lejek silnika */
.funnel{display:grid;gap:.45rem}.funnel div{display:grid;grid-template-columns:150px 1fr 40px;align-items:center;gap:.6rem;font-size:12.5px}.funnel i{display:block;height:10px;background:var(--p);border-radius:5px;min-width:3px}.funnel b{text-align:right}
@media (max-width:760px){.funnel div{grid-template-columns:110px 1fr 36px}}

/* generator widgetu: konfiguracja (lewo) + podglad na zywo (prawo) */
.wg{display:grid;grid-template-columns:400px minmax(0,1fr);gap:1rem;align-items:start;margin-bottom:1rem}
.wg-cfg{background:#fff;border:1px solid var(--l);border-radius:var(--r);box-shadow:var(--sh);overflow:hidden}
.wg-types{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;padding:.8rem}
.wg-types button{text-align:left;border:1px solid var(--l2);background:#fff;border-radius:10px;padding:.7rem .75rem;font:inherit;cursor:pointer;display:grid;grid-template-columns:22px 1fr;gap:.2rem .5rem;align-items:center;color:var(--t)}
.wg-types button .ms{font-size:20px;color:var(--p);grid-row:span 2;align-self:start;margin-top:2px}.wg-types button b{font-size:13px}.wg-types button small{font-size:11px;color:var(--m);line-height:1.3}
.wg-types button:hover{border-color:#C9CED6}.wg-types button.on{background:#17152b;border-color:#17152b;color:#fff}.wg-types button.on .ms{color:#C4B5FD}.wg-types button.on small{color:rgba(255,255,255,.65)}
.wg-tabs{display:flex;align-items:center;gap:.1rem;border-top:1px solid var(--l);border-bottom:1px solid var(--l);padding:0 .8rem;background:#FAFBFC}
.wg-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:.7rem .6rem;font:inherit;font-size:13px;font-weight:600;color:var(--t2);cursor:pointer;margin-bottom:-1px}.wg-tabs button.on{color:var(--t);border-bottom-color:var(--p)}
.wg-saved{margin-left:auto;font-size:11px;color:var(--m)}
.wg-pane{padding:.3rem 1rem 1rem}.wg-pane .row:last-of-type{border-bottom:0}.wg-pane input[type=range]{width:150px;accent-color:var(--p)}
.wg-prev{min-width:0}
.wg-bar{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;margin-bottom:.6rem}.wg-pt{font-size:12px;color:var(--m);flex:1;min-width:160px}.wg-pa{display:flex;gap:.4rem}
.wg-dev button{display:inline-flex;align-items:center;gap:.3rem}.wg-dev .ms{font-size:16px}
.wg-frame{border-radius:14px;overflow:hidden;background:#fff;border:1px solid var(--l);box-shadow:var(--sh);padding:0;display:flex;flex-direction:column;align-items:center}
.wg-chrome{width:100%;display:flex;align-items:center;gap:6px;padding:9px 12px;background:#F3F4F6;border-bottom:1px solid var(--l)}.wg-chrome span{width:10px;height:10px;border-radius:50%;background:#D5D8DC}.wg-chrome span:nth-child(1){background:#FF5F57}.wg-chrome span:nth-child(2){background:#FEBC2E}.wg-chrome span:nth-child(3){background:#28C840}.wg-chrome i{font-style:normal;font-size:11.5px;color:var(--m);background:#fff;border-radius:6px;padding:4px 10px;margin-left:8px;flex:1;max-width:360px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wg-frame .wg-phone{width:100%;transition:width .25s}.wg-frame iframe{width:100%;height:640px;border:0;display:block;background:#fff}
.wg-frame.mobile{padding:0 0 18px;background:#F7F8FA}.wg-frame.mobile .wg-chrome{margin-bottom:18px}
.wg-frame.mobile .wg-phone{width:390px;max-width:100%;border:9px solid #16181D;border-radius:34px;overflow:hidden;box-shadow:0 30px 60px rgba(0,0,0,.4)}.wg-frame.mobile iframe{height:760px}
.wg-brand{background:#FAFBFC;border:1px solid var(--l);border-radius:10px;padding:.8rem .9rem .5rem;margin:.6rem 0 1rem}
.wg-urlrow{display:flex;gap:.5rem}.wg-urlrow input{flex:1;min-width:0}.wg-urlrow .btn{white-space:nowrap}
.wg-found{display:flex;align-items:center;gap:.8rem;background:#fff;border:1px solid var(--l);border-radius:10px;padding:.6rem .8rem;margin-bottom:.6rem}.wg-found.bad{color:#B42318;background:#FEF3F2;border-color:#FDCFCB}
.wg-fl{width:64px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--bg);border-radius:8px;flex:none}.wg-fl img{max-width:60px;max-height:40px}.wg-fl .ms{color:var(--m)}
.wg-fi{flex:1;min-width:0}.wg-fi b{display:block;font-size:13px}.wg-fi small{display:block;color:var(--m);font-size:11px;margin-top:.2rem}
.wg-sw{display:flex;gap:.3rem;margin:.3rem 0}.wg-sw button{width:24px;height:24px;border-radius:6px;border:1px solid rgba(0,0,0,.12);cursor:pointer}.wg-sw small{color:var(--m);font-size:11px}
.wg-inst{margin:.6rem 0 .8rem;flex-wrap:wrap}.wg-acts{display:flex;gap:.5rem;flex-wrap:wrap}
.wg-api{font-size:12.5px;color:var(--t2);line-height:1.7;margin-top:.8rem}.wg-api code{font-size:11.5px}
.kp4 .stat small{display:block;font-size:11px;color:var(--m)}.kp4 .stat b{display:block;font-size:20px;letter-spacing:-.02em;margin:.15rem 0}
@media (max-width:1100px){.wg{grid-template-columns:1fr}}
@media (max-width:760px){.wg-types{grid-template-columns:1fr}.wg-frame iframe{height:560px}.wg-frame.mobile iframe{height:640px}.wg-tabs{overflow:auto}.kp4{grid-template-columns:1fr 1fr}}
.wg-frame.desktop{position:relative;overflow:hidden}.wg-frame.desktop .wg-phone{width:100%}.wg-frame.desktop .wg-phone{height:var(--wgh,640px)}.wg-frame.desktop iframe{width:1280px;height:820px;transform:scale(var(--wgs,.5));transform-origin:0 0}
.wg-tabs button{padding:.7rem .5rem;font-size:12.5px}.wg-saved{white-space:nowrap;padding-left:.3rem}
.wg-pane .seg2 button{padding:.4rem .55rem;font-size:12px}.wg-prev .ewnote{color:var(--m)}

.wg-suf{display:inline-flex;align-items:center;padding:0 .7rem;border:1px solid var(--l2);border-left:0;border-radius:0 8px 8px 0;background:var(--bg);color:var(--t2);font-size:12.5px;white-space:nowrap}.wg-urlrow #wg-slug{border-radius:8px 0 0 8px}

@keyframes spin{to{transform:rotate(360deg)}}

/* metody platnosci */
.paygrid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start;max-width:1100px}.paygrid .card{margin:0}
.pm-ic{width:44px;height:44px;border-radius:10px;background:var(--bg);display:inline-flex;align-items:center;justify-content:center;color:var(--t2);flex:none;margin-right:.8rem}.pm-ic .ms{font-size:24px}
.pm-ic.tpay{background:#17152b;color:#fff;font-weight:800;letter-spacing:-.03em;font-size:14px}
.paygrid .row{align-items:center}.paygrid .row .lbl{flex:1}
.tp-links{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin-top:.6rem}
.tp-guide{background:#FAFBFC;border:1px solid var(--l);border-radius:10px;padding:.9rem 1rem;margin-top:.8rem}.tp-guide li{margin:.35rem 0;font-size:13px;color:var(--t)}
@media (max-width:1000px){.paygrid{grid-template-columns:1fr}}

/* widget strony apartamentu: osobna sekcja */
.wg-roomgrid{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:1.2rem;align-items:start}.wg-roomgrid .snip{margin:.6rem 0}.wg-roomframe{width:100%}@media (max-width:1100px){.wg-roomgrid{grid-template-columns:1fr}}

/* przelacznik z 3 opcjami pod etykieta, zeby nic sie nie ucinalo */
.wg-stack{flex-basis:100%;display:flex;margin-top:.4rem}.wg-stack .seg2{display:flex;width:100%}.wg-stack .seg2 button{flex:1;white-space:nowrap;text-align:center}

.row:has(.wg-stack){flex-wrap:wrap}

/* sledzenie i konwersje */
.mk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.6rem}.mk-tile{border:1px solid var(--l);border-radius:10px;padding:.7rem .8rem;background:#fff;min-width:0}.mk-tile b{display:block;font-size:13.5px;margin-bottom:.35rem}.mk-tile small{display:block;color:var(--t2);font-size:12px;margin-top:.4rem;line-height:1.4}.mk-tile .pill{white-space:normal;line-height:1.3}.mk-ev td code{font-size:11.5px;white-space:normal}